| 1 | /*
|
|---|
| 2 | Theme Name: Duplexes
|
|---|
| 3 | Theme URI: http://duplex.net/blog/duplexes-theme-and-instructions/
|
|---|
| 4 | Description: Simple, light and clean theme from <a href="http://duplex.net/">Duplex.net</a>.
|
|---|
| 5 | WP theme for The Duplex Blog
|
|---|
| 6 | Author: Duplex.net
|
|---|
| 7 | Author URI: http://duplex.net/
|
|---|
| 8 | Version: 1.1
|
|---|
| 9 | Tags: white, light, tan, two-columns, three-columns, right-sidebar, fixed-width, threaded-comments
|
|---|
| 10 | Theme released under GPL license (http://www.opensource.org/licenses/gpl-license.php)
|
|---|
| 11 | */
|
|---|
| 12 |
|
|---|
| 13 |
|
|---|
| 14 | /************************************************
|
|---|
| 15 | * Defaults, WP and misc. stuff *
|
|---|
| 16 | ************************************************/
|
|---|
| 17 | * {margin:0; padding:0;}
|
|---|
| 18 | h1, h2, h3, h4, h5, h6, p {}
|
|---|
| 19 | a {color:#585840; text-decoration:underline;}
|
|---|
| 20 | a:hover {color:#90906c; text-decoration:underline;}
|
|---|
| 21 | a img {border:none;}
|
|---|
| 22 | blockquote {background:#cacaa8; padding:5px 15px; margin:10px; font-style:italic; font-size:0.9em; color:#222;}
|
|---|
| 23 | code {color:#555;}
|
|---|
| 24 | .cleared {clear:both;}
|
|---|
| 25 | .highlight {color:#D9D688; font-weight:bold;}
|
|---|
| 26 | .navigation {font-size:0.8em; margin-bottom:0;}
|
|---|
| 27 | hr {color: #ccc; border: 1px solid #dedede;}
|
|---|
| 28 | pre {height: auto; overflow-x:scroll;}
|
|---|
| 29 | fieldset {margin:0; padding:0; border:0;}
|
|---|
| 30 | dd {padding-left:15px;}
|
|---|
| 31 |
|
|---|
| 32 | .alignleft {float:left; margin:10px 10px 5px 0;}
|
|---|
| 33 | .alignright {float:right; margin:10px 0 5px 10px;}
|
|---|
| 34 | .aligncenter,
|
|---|
| 35 | div.aligncenter {margin:10px auto; text-align:center; display:block;}
|
|---|
| 36 |
|
|---|
| 37 | img.alignleft {float:left; margin:10px 10px 5px 0;}
|
|---|
| 38 | img.alignright {float:right; margin:10px 0 5px 10px;}
|
|---|
| 39 | img.aligncenter {margin:10px auto; text-align:center; display:block;}
|
|---|
| 40 |
|
|---|
| 41 | .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px;
|
|---|
| 42 | /* optional rounded corners for browsers that support it */
|
|---|
| 43 | -moz-border-radius: 3px;
|
|---|
| 44 | -khtml-border-radius: 3px;
|
|---|
| 45 | -webkit-border-radius: 3px;
|
|---|
| 46 | border-radius: 3px;
|
|---|
| 47 | }
|
|---|
| 48 |
|
|---|
| 49 | .wp-caption img {margin:0; padding:0; border: 0 none;}
|
|---|
| 50 | .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}
|
|---|
| 51 |
|
|---|
| 52 |
|
|---|
| 53 |
|
|---|
| 54 | /************************************************
|
|---|
| 55 | * Body and wrappper *
|
|---|
| 56 | ************************************************/
|
|---|
| 57 | body {position:relative; margin:10px auto 0 auto; font-family:'verdana', 'trebuchet ms', 'Lucida Grande', Geneva, Arial, sans-serif; text-align:center; background:#fff url(images/bgbody.jpg) repeat-x;}
|
|---|
| 58 | #wrapper {width:940px; margin:0 auto; text-align:left;}
|
|---|
| 59 |
|
|---|
| 60 |
|
|---|
| 61 | /************************************************
|
|---|
| 62 | * Header *
|
|---|
| 63 | ************************************************/
|
|---|
| 64 | #header {}
|
|---|
| 65 | #title {float:left; width:400px; margin:20px 0;}
|
|---|
| 66 | #title h1 a {text-decoration:none; font-size:1em; letter-spacing:-1px; font-family:trebuchet ms;}
|
|---|
| 67 | #title h1 a:hover {color:#333;}
|
|---|
| 68 | #title span {color:#333; font-size:0.8em;}
|
|---|
| 69 | #topnav {float:right; width:500px; text-align:right; font-size:0.7em; color:#444;}
|
|---|
| 70 | #topnav a {text-decoration:none; color:#444; margin:0 5px;}
|
|---|
| 71 | #topnav a.rss {background:url(images/rss.gif) left 2px no-repeat; padding-left:15px;}
|
|---|
| 72 | #topnav a:hover {text-decoration:none; color:#000;}
|
|---|
| 73 | #topnav ul li {display:inline; list-style:none; padding-left:10px;}
|
|---|
| 74 |
|
|---|
| 75 | #mainnav {background:url(images/menubg.gif) no-repeat top left; width:940px; font-size:0.8em; color:#555; height:36px; line-height:36px;}
|
|---|
| 76 | #mainnav a {text-decoration:none; color:#555;}
|
|---|
| 77 | #mainnav a:hover {text-decoration:none; color:#000;}
|
|---|
| 78 | #mainnav ul li {display:inline; list-style:none; padding:0 25px 0 0;}
|
|---|
| 79 |
|
|---|
| 80 | #mainnav ul#pagesmenu {float:left; width:650px; margin-left:15px; display:inline;}
|
|---|
| 81 | #mainnav div#searchmenu {float:right; width:260px; text-align:right; margin-right:15px; display:inline;}
|
|---|
| 82 |
|
|---|
| 83 | /************************************************
|
|---|
| 84 | * Content *
|
|---|
| 85 | ************************************************/
|
|---|
| 86 | #topcurve {background:url(images/topcurve.gif) top left no-repeat; height:15px; padding:0; margin:5px 0 0 0;}
|
|---|
| 87 |
|
|---|
| 88 | #main {background:#fff; width:910px; /* specifying width fixes dimensional bug in ie6 */ padding:0 15px;}
|
|---|
| 89 |
|
|---|
| 90 | #content {float:left; width:490px;}
|
|---|
| 91 |
|
|---|
| 92 | .pageTitle {font-size:1.1em; text-decoration:none; letter-spacing:-0.04em; color:#141414; margin-bottom:15px; font-family: 'trebuchet ms', sans-serif;}
|
|---|
| 93 |
|
|---|
| 94 | .post {margin-bottom:35px;}
|
|---|
| 95 | h2.postTitle {font-family: 'trebuchet ms', sans-serif;}
|
|---|
| 96 | h2.postTitle a {font-size:0.85em; text-decoration:none; letter-spacing:-0.04em; color:#141414;}
|
|---|
| 97 | h2.postTitle a:hover {color:#585840;}
|
|---|
| 98 | .postMeta {font-size:0.7em; color:#666; line-height:1.4em;}
|
|---|
| 99 | .postMeta a {text-decoration:none;}
|
|---|
| 100 | .postMetaBottom {font-size:0.7em; font-style:italic; color:#666; line-height:1.4em;}
|
|---|
| 101 | .postMetaComments {float:right; width:150px; text-align:right; margin-top:7px;}
|
|---|
| 102 | .postMetaComments a {background:url(images/comments.gif) left 2px no-repeat; padding:4px 0 0 23px; text-decoration:none;}
|
|---|
| 103 | .postMetaTags {float:left; width:340px; margin-top:7px;}
|
|---|
| 104 | .postMetaTags a {text-decoration:none;}
|
|---|
| 105 | .post img {}
|
|---|
| 106 | .postContent {margin:15px 0 0 0;}
|
|---|
| 107 | .postContent p {color: #353535; font-size:0.75em; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
|
|---|
| 108 | .postContent ul, .postContent ol {padding:0 0 0 35px;}
|
|---|
| 109 | .postContent ul li, .postContent ol li {font-size:0.75em; color:#353535;}
|
|---|
| 110 |
|
|---|
| 111 | #pagenav {font-size:0.8em; background:url(images/nextprevbg.gif) left no-repeat; line-height:36px; padding:0 15px 4px 15px; margin-left:15px;}
|
|---|
| 112 | #pagenav a {text-decoration:none;}
|
|---|
| 113 | #pagenav a:hover {color:#444431; text-decoration:none; background:#fff;}
|
|---|
| 114 |
|
|---|
| 115 |
|
|---|
| 116 |
|
|---|
| 117 | /************************************************
|
|---|
| 118 | * Comments *
|
|---|
| 119 | ************************************************/
|
|---|
| 120 | #comment {margin:10px 0; color:#111; width: 480px;}
|
|---|
| 121 | #comment h3 {font-size:0.85em; font-weight:normal; color:#111; margin:15px 0 0 0; padding:0;}
|
|---|
| 122 | #comment p a {color:#4f4f3c;}
|
|---|
| 123 | #comment p a:hover {color:#111;}
|
|---|
| 124 | #comment p {padding:0; margin:7px 0;}
|
|---|
| 125 | ul.commentlist, ul.trackback {list-style-type:none; margin:10px 0; font-size:0.8em;}
|
|---|
| 126 | .commentlist li, .trackback li {margin:10px 0 15px 0; background:#e5e5cc; list-style-type:none; padding:10px;}
|
|---|
| 127 | .commentlist li.alt { background:#cacaa8; margin-top:10px;}
|
|---|
| 128 | .commentlist li.cleared {background:transparent; border:none;}
|
|---|
| 129 | .commentlist a:hover {color:#111;}
|
|---|
| 130 | .commentlist a.gravatar {float:left; margin:0 15px 5px 0; width:44px;}
|
|---|
| 131 | .commentlist .commentbody {margin:0; padding:0;}
|
|---|
| 132 | .commentlist .commentbody p a {text-decoration:underline;}
|
|---|
| 133 | .commentlist cite {font-size:1em; font-style:normal; color:#111;}
|
|---|
| 134 | .commentlist small.commentmetadata a {color:#4f4f3c;}
|
|---|
| 135 | .commentlist p {color:#111;}
|
|---|
| 136 | #respond {margin-top:20px;}
|
|---|
| 137 | textarea#comment {width:410px; background:#fff; color:#111; padding:10px;}
|
|---|
| 138 | #comment #submit {margin:0;}
|
|---|
| 139 | #commentform p {font-size:0.8em;}
|
|---|
| 140 |
|
|---|
| 141 | .reply {background:#fff; padding:2px 5px;}
|
|---|
| 142 | .reply a {text-decoration:none;}
|
|---|
| 143 |
|
|---|
| 144 |
|
|---|
| 145 |
|
|---|
| 146 | /************************************************
|
|---|
| 147 | * Sidebar *
|
|---|
| 148 | ************************************************/
|
|---|
| 149 | #sidebar {float:right; width:385px;}
|
|---|
| 150 | .sidebartop {background:url(images/sidebartop.gif) top left no-repeat; height:12px; padding:0; margin:0 0 0 0;}
|
|---|
| 151 | .sidebarcontent {background:#cacaa8; padding:0 15px; color:#111;}
|
|---|
| 152 | .sidebarbottom {background:url(images/sidebarbottom.gif) bottom left no-repeat; height:12px; padding:0; margin:0 0 12px 0;}
|
|---|
| 153 | #sidebarleft {width:160px; float:left;}
|
|---|
| 154 | #sidebarright {width:160px; float:right;}
|
|---|
| 155 | #sidebarleft li ul, #sidebarright li ul {margin-bottom:15px;}
|
|---|
| 156 |
|
|---|
| 157 | #sidebar h2 {font-size:1em; font-family:'trebuchet ms', sans-serif; margin:0; padding:0;}
|
|---|
| 158 | #sidebar p {padding:15px 0 0 0; font-size:0.75em; color:#111;}
|
|---|
| 159 |
|
|---|
| 160 | #sidebar a {display:inline; color:#222; text-decoration:none;}
|
|---|
| 161 | #sidebar a:hover {color:#444431; text-decoration:none; background:#fff;}
|
|---|
| 162 | #sidebar a#subscribe:hover {background:transparent;}
|
|---|
| 163 |
|
|---|
| 164 | #sidebar table {width:160px; font-size:0.75em; margin-bottom:15px;}
|
|---|
| 165 |
|
|---|
| 166 | #sidebar ul {list-style-type:none;}
|
|---|
| 167 | #sidebar li {}
|
|---|
| 168 | #sidebar ul ul li {font-size:0.75em; margin:0; padding:3px 2px 2px 16px; color:#333; background: url(images/bullet.gif) left 9px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */}
|
|---|
| 169 | #sidebar ul.children li {border-bottom:none;}
|
|---|
| 170 | #sidebar ul.children {margin-bottom:-5px;}
|
|---|
| 171 |
|
|---|
| 172 | #tag_cloud a {display:inline;}
|
|---|
| 173 |
|
|---|
| 174 | #feedbox {border:1px solid #bbb; padding:2px; width:190px; color:#444; font-size:1em;}
|
|---|
| 175 | .feedsubmit {border:none; background:#656551; color:#fff; font-size:0.9em; padding:1px 5px; margin-left:5px;}
|
|---|
| 176 | .feedsubmit:hover {cursor:pointer; background:#8c8c6a;}
|
|---|
| 177 |
|
|---|
| 178 | #searchbox {width:170px; color:#444; font-size:0.9em; padding:1px 2px 2px 2px;}
|
|---|
| 179 | .submitbutton {border:none; background:#656551; color:#fff; font-size:0.9em; padding:0 5px 1px 5px;}
|
|---|
| 180 | .submitbutton:hover {cursor:pointer; background:#8c8c6a;}
|
|---|
| 181 |
|
|---|
| 182 |
|
|---|
| 183 |
|
|---|
| 184 | /************************************************
|
|---|
| 185 | * Footer *
|
|---|
| 186 | ************************************************/
|
|---|
| 187 | #footercontainer {clear:both; background:#cacaa8; color:#111; margin:15px 0 0 0; padding:0;}
|
|---|
| 188 | #footer {width:910px; margin:0 auto; text-align:left; padding:12px 0 10px 0;}
|
|---|
| 189 | #footerleft {float:left; width:820px;}
|
|---|
| 190 | #footerleft ul#footernav {font-size:0.65em; margin:0; padding:0;}
|
|---|
| 191 | #footerleft ul#footernav li {display:inline; list-style:none; padding:0 10px 0 0;}
|
|---|
| 192 | #footerleft ul#footernav a {color:#4f4f3c; text-decoration:none; text-transform:uppercase; padding:1px 5px;}
|
|---|
| 193 | #footerleft ul#footernav a:hover {color:#444431; text-decoration:none; background:#fff;}
|
|---|
| 194 | #footerleft p#footercopy {font-size:0.6em; margin:0; padding:12px 0 0 5px; text-transform:uppercase;}
|
|---|
| 195 | #footerleft p#footercopy a {color:#4f4f3c; text-decoration:none; text-transform:uppercase;}
|
|---|
| 196 | #footerleft p#footercopy a:hover {color:#444431; text-decoration:none; background:#fff;}
|
|---|
| 197 |
|
|---|
| 198 | #footerright {float:right; width:70px; text-align:right;}
|
|---|
| 199 |
|
|---|
