diff --git a/wp-content/themes/twentyten/style.css b/wp-content/themes/twentyten/style.css index fb6d141bd..d0d5b58e0 100644 --- a/wp-content/themes/twentyten/style.css +++ b/wp-content/themes/twentyten/style.css @@ -8,7 +8,7 @@ Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-backgr */ -/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html +/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, @@ -20,18 +20,18 @@ b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + background: transparent; + border: 0; margin: 0; padding: 0; - border: 0; vertical-align: baseline; - background: transparent; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { - font-weight: normal; clear: both; + font-weight: normal; } ol, ul { list-style: none; @@ -51,9 +51,12 @@ table { border-collapse: collapse; border-spacing: 0; } -a img { border: none; } - +a img { + border: none; +} +/* =Layout +-------------------------------------------------------------- */ /* LAYOUT: Two columns @@ -112,7 +115,6 @@ textarea, .pingback a.url { font-family: Georgia, "Bitstream Charter", serif; } - h3#comments-title, h3#reply-title, #access .menu, @@ -138,8 +140,7 @@ h3#reply-title, .reply, .widget-title, .wp-caption-text, -input[type=submit] -{ +input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } pre { @@ -150,7 +151,6 @@ code { } - /* =Structure -------------------------------------------------------------- */ @@ -165,8 +165,8 @@ div.menu, width: 940px; } #wrapper { - margin-top: 20px; background: #fff; + margin-top: 20px; padding: 0 20px; } @@ -184,9 +184,9 @@ div.menu, } #site-info { float: left; - width: 700px; - font-weight: bold; font-size: 14px; + font-weight: bold; + width: 700px; } #site-generator { float: right; @@ -194,15 +194,13 @@ div.menu, } - /* =Global Elements -------------------------------------------------------------- */ -/* Main global 'theme' and typographic styles */ +/* Main global 'theme' and typographic styles */ body { background: #f1f1f1; } - body, input, textarea { @@ -212,10 +210,10 @@ textarea { } hr { background-color: #e7e7e7; - border:0; + border: 0; + clear: both; height: 1px; margin-bottom: 18px; - clear:both; } /* Text elements */ @@ -231,22 +229,22 @@ ol { margin: 0 0 18px 1.5em; } ol ol { - list-style:upper-alpha; + list-style: upper-alpha; } ol ol ol { - list-style:lower-roman; + list-style: lower-roman; } ol ol ol ol { - list-style:lower-alpha; + list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { - margin-bottom:0; + margin-bottom: 0; } dl { - margin:0 0 24px 0; + margin: 0 0 24px 0; } dt { font-weight: bold; @@ -290,13 +288,12 @@ acronym { border-bottom: 1px dotted #666; cursor: help; } - sup, sub { height: 0; line-height: 1; - vertical-align: baseline; position: relative; + vertical-align: baseline; } sup { bottom: 1ex; @@ -306,18 +303,18 @@ sub { } input[type="text"], textarea { - padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); + padding: 2px; } a:link { - color:#0066cc; + color: #0066cc; } a:visited { - color:#743399; + color: #743399; } a:active, a:hover { @@ -331,7 +328,6 @@ a:hover { } - /* =Header -------------------------------------------------------------- */ @@ -340,10 +336,10 @@ a:hover { } #site-title { float: left; - margin: 0 0 18px 0; - width: 700px; font-size: 30px; line-height: 36px; + margin: 0 0 18px 0; + width: 700px; } #site-title a { color: #000; @@ -360,23 +356,22 @@ a:hover { /* This is the custom header image */ #branding img { - clear: both; border-top: 4px solid #000; - display: block; border-bottom: 1px solid #000; + clear: both; + display: block; } - /* =Menu -------------------------------------------------------------- */ #access { background: #000; + display: block; + float: left; margin: 0 auto; width: 940px; - display:block; - float:left; } #access .menu-header, div.menu { @@ -391,49 +386,49 @@ div.menu ul { } #access .menu-header li, div.menu li { - float:left; + float: left; position: relative; } #access a { - display:block; - text-decoration:none; - color:#aaa; - padding:0 10px; - line-height:38px; + color: #aaa; + display: block; + line-height: 38px; + padding: 0 10px; + text-decoration: none; } #access ul ul { - display:none; - position:absolute; - top:38px; - left:0; - float:left; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + display: none; + position: absolute; + top: 38px; + left: 0; + float: left; width: 180px; z-index: 99999; } #access ul ul li { - min-width: 180px; + min-width: 180px; } #access ul ul ul { - left:100%; - top:0; + left: 100%; + top: 0; } #access ul ul a { - background:#333; - height:auto; - line-height:1em; - padding:10px; + background: #333; + line-height: 1em; + padding: 10px; width: 160px; + height: auto; } #access li:hover > a, #access ul ul :hover > a { - color:#fff; - background:#333; + background: #333; + color: #fff; } #access ul li:hover > ul { - display:block; + display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, @@ -441,17 +436,15 @@ div.menu li { #access ul li.current-menu-parent > a { color: #fff; } - * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { - color:#fff; + color: #fff; } - /* =Content -------------------------------------------------------------- */ @@ -475,13 +468,13 @@ div.menu li { #content dd, #content pre, #content hr { - margin-bottom:24px; + margin-bottom: 24px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { - margin-bottom:0; + margin-bottom: 0; } #content pre, #content kbd, @@ -504,13 +497,13 @@ div.menu li { #content h5, #content h6 { color: #000; - margin: 0 0 20px 0; line-height: 1.5em; + margin: 0 0 20px 0; } #content table { border: 1px solid #e7e7e7; - text-align: left; margin: 0 -1px 24px 0; + text-align: left; width: 100%; } #content tr th, @@ -534,9 +527,9 @@ div.menu li { .home .sticky { background: #f2f7fc; border-top: 4px solid #000; - padding: 18px 20px; margin-left: -20px; margin-right: -20px; + padding: 18px 20px; } .single .hentry { margin: 0 0 36px 0; @@ -555,7 +548,7 @@ div.menu li { } .page-title a:link, .page-title a:visited { - color:#888; + color: #888; text-decoration: none; } .page-title a:active, @@ -565,13 +558,13 @@ div.menu li { #content .entry-title { color: #000; font-size: 21px; - line-height: 1.3em; font-weight: bold; + line-height: 1.3em; margin-bottom: 0; } .entry-title a:link, .entry-title a:visited { - color:#000; + color: #000; text-decoration: none; } .entry-title a:active, @@ -643,17 +636,17 @@ div.menu li { } .page-link { color: #000; - font-weight:bold; - margin:0 0 22px 0; - word-spacing:0.5em; + font-weight: bold; + margin: 0 0 22px 0; + word-spacing: 0.5em; } .page-link a:link, .page-link a:visited { background: #f1f1f1; - color:#333; - font-weight:normal; - padding:0.5em 0.75em; - text-decoration:none; + color: #333; + font-weight: normal; + padding: 0.5em 0.75em; + text-decoration: none; } .home .sticky .page-link a { background: #d9e8f7; @@ -669,20 +662,20 @@ body.page .edit-link { #entry-author-info { background: #f2f7fc; border-top: 4px solid #000; - padding: 18px 20px; - margin: 24px 0; - overflow: hidden; clear: both; font-size: 14px; line-height: 20px; + margin: 24px 0; + overflow: hidden; + padding: 18px 20px; } #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; + height: 60px; margin: 0 -104px 0 0; padding: 11px; - height: 60px; } #entry-author-info #author-description { float: left; @@ -690,15 +683,15 @@ body.page .edit-link { } #entry-author-info h2 { color: #000; - font-weight: bold; font-size: 100%; + font-weight: bold; margin-bottom: 0; } .entry-utility { + clear: both; color: #888; font-size: 12px; line-height: 18px; - clear: both; } .entry-meta a, .entry-utility a { @@ -713,15 +706,14 @@ body.page .edit-link { } - -/* Asides +/* =Asides -------------------------------------------------------------- */ .home #content .category-asides p { font-size: 14px; line-height: 20px; margin-bottom: 10px; - margin-top:0; + margin-top: 0; } .home .hentry.category-asides { padding: 0; @@ -731,9 +723,7 @@ body.page .edit-link { } - - -/* Gallery listing +/* =Gallery listing -------------------------------------------------------------- */ .category-gallery .size-thumbnail img { @@ -742,15 +732,15 @@ body.page .edit-link { } .category-gallery .gallery-thumb { float: left; - margin-right:20px; + margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility { - padding-top:4px; + padding-top: 4px; } -/* Attachment pages +/* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { @@ -765,8 +755,7 @@ body.page .edit-link { } - -/* Images +/* =Images -------------------------------------------------------------- */ #content img { @@ -798,28 +787,28 @@ body.page .edit-link { margin-left: auto; margin-right: auto; } -#content img.alignleft, -#content img.alignright, +#content img.alignleft, +#content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; - text-align: center; margin-bottom: 20px; padding: 4px; + text-align: center; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { - margin: 5px; color: #888; font-size: 12px; + margin: 5px; } #content .wp-smiley { - margin:0; + margin: 0; } #content .gallery { margin: 0 auto 18px; @@ -857,10 +846,10 @@ body.page .edit-link { -------------------------------------------------------------- */ .navigation { - font-size: 12px; + color: #888; + font-size: 12px; line-height: 18px; overflow: hidden; - color: #888; } .navigation a:link, .navigation a:visited { @@ -877,8 +866,8 @@ body.page .edit-link { } .nav-next { float: right; + text-align: right; width: 50%; - text-align:right; } #nav-above { margin: 0 0 18px 0; @@ -895,7 +884,6 @@ body.page .edit-link { } - /* =Comments -------------------------------------------------------------- */ #comments { @@ -907,8 +895,8 @@ body.page .edit-link { h3#comments-title, h3#reply-title { color: #000; - font-weight: bold; font-size: 20px; + font-weight: bold; margin-bottom: 0; } h3#comments-title { @@ -926,8 +914,8 @@ h3#comments-title { position: relative; } .commentlist li:last-child { - border-bottom:none; - margin-bottom:0; + border-bottom: none; + margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { @@ -999,34 +987,32 @@ a.comment-edit-link:hover { display: none; } #comments .pingback { + border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; - border-bottom: 1px solid #e7e7e7; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; + display: block; font-size: 12px; line-height: 18px; - display:block; margin: 0; } #comments .pingback .url { - font-style: italic; font-size: 13px; + font-style: italic; } - - /* Comments form */ input[type=submit] { color: #333; } #respond { - margin: 24px 0; border-top: 1px solid #e7e7e7; + margin: 24px 0; overflow: hidden; position: relative; } @@ -1053,23 +1039,23 @@ h3#reply-title { } #cancel-comment-reply-link { font-size: 12px; - line-height: 18px; font-weight: normal; + line-height: 18px; } #respond .required { - color:#ff4b33; - font-weight:bold; + color: #ff4b33; + font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { - margin:0 0 9px; - width:98%; + margin: 0 0 9px; + width: 98%; } #respond textarea { - width:98%; + width: 98%; } #respond .form-allowed-tags { color: #888; @@ -1083,8 +1069,8 @@ h3#reply-title { margin: 12px 0; } #respond .form-submit input { - width: auto; font-size: 14px; + width: auto; } @@ -1099,11 +1085,11 @@ h3#reply-title { list-style: square; margin-left: 1.3em; } -.widget_search #s { /* This keeps the search inputs in line */ +.widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { - display:none; + display: none; } .widget-container { margin: 0 0 18px 0; @@ -1127,17 +1113,17 @@ h3#reply-title { line-height: 1.6em; } #wp-calendar { - width:100%; + width: 100%; } #wp-calendar caption { - font-weight: bold; color: #222; - text-align: left; - font-size:14px; + font-size: 14px; + font-weight: bold; padding-bottom: 4px; + text-align: left; } #wp-calendar thead { - font-size:11px; + font-size: 11px; } #wp-calendar thead th { } @@ -1145,9 +1131,9 @@ h3#reply-title { color: #aaa; } #wp-calendar tbody td { - padding: 3px 0 2px; background: #f5f5f5; - border:1px solid #fff; + border: 1px solid #fff; + padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { @@ -1163,8 +1149,8 @@ h3#reply-title { color: #ff4b33; } .widget_rss .widget-title img { - height: 11px; width: 11px; + height: 11px; } /* Main sidebars */ @@ -1187,7 +1173,6 @@ h3#reply-title { } - /* =Footer -------------------------------------------------------------- */ @@ -1197,8 +1182,8 @@ h3#reply-title { #colophon { border-top: 4px solid #000; margin-top: -4px; - padding: 18px 0; overflow: hidden; + padding: 18px 0; } #site-info { font-weight: bold; @@ -1208,28 +1193,27 @@ h3#reply-title { text-decoration: none; } #site-generator { - position: relative; font-style: italic; + position: relative; } #site-generator a { - color: #666; - display:inline-block; - text-decoration: none; background: url(images/wordpress.png) center left no-repeat; - padding-left: 20px; + color: #666; + display: inline-block; line-height: 16px; + padding-left: 20px; + text-decoration: none; } #site-generator a:hover { text-decoration: underline; } img#wpstats { - display:block; + display: block; margin: 0 auto 10px; } - -/* Mobile Safari ( iPad, iPhone and iPod Touch ) +/* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { @@ -1250,18 +1234,17 @@ code { } - /* =Print Style -------------------------------------------------------------- */ @media print { body { - background:none !important; + background: none !important; } #wrapper { - float: none !important; clear: both !important; display: block !important; + float: none !important; position: relative !important; } #header { @@ -1274,9 +1257,9 @@ code { #site-title, #site-description { float: none; - margin: 0; - padding:0; line-height: 1.4em; + margin: 0; + padding: 0; } #site-title { font-size: 13pt; @@ -1301,13 +1284,13 @@ code { #container, #header, #footer { - width: 100%; margin: 0; + width: 100%; } #content, .one-column #content { - width: 100%; margin: 24pt 0 0; + width: 100%; } .wp-caption p { font-size: 11pt; @@ -1321,19 +1304,19 @@ code { width: auto; } img#wpstats { - display:none + display: none; } #site-generator a { + margin: 0; padding: 0; - margin: 0; } #entry-author-info { border: 1px solid #e7e7e7; } #main { - display:inline; + display: inline; } .home .sticky { border: none; } -} +} \ No newline at end of file