3 Theme URI: http://wordpress.org/
4 Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
5 Author: the WordPress team
7 License: GNU General Public License
8 License URI: license.txt
9 Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
13 /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
14 -------------------------------------------------------------- */
16 html, body, div, span, applet, object, iframe,
17 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
18 a, abbr, acronym, address, big, cite, code,
19 del, dfn, em, font, img, ins, kbd, q, s, samp,
20 small, strike, strong, sub, sup, tt, var,
22 dl, dt, dd, ol, ul, li,
23 fieldset, form, label, legend,
24 table, caption, tbody, tfoot, thead, tr, th, td {
25 background: transparent;
29 vertical-align: baseline;
34 h1, h2, h3, h4, h5, h6 {
44 blockquote:before, blockquote:after {
49 text-decoration: line-through;
51 /* tables still need 'cellspacing="0"' in the markup */
53 border-collapse: collapse;
61 -------------------------------------------------------------- */
65 DESCRIPTION: Two-column fixed layout with one sidebar right of content
74 margin: 0 280px 0 20px;
91 LAYOUT: One column, no sidebar
92 DESCRIPTION: One centered column with no sidebar
95 .one-column #content {
101 LAYOUT: Full width, no sidebar
102 DESCRIPTION: Full width content with no sidebar; used for attachment pages
105 .single-attachment #content {
112 -------------------------------------------------------------- */
118 font-family: Georgia, "Bitstream Charter", serif;
124 #cancel-comment-reply-link,
131 .comment-body thead th,
132 .entry-content label,
133 .entry-content tr th,
134 .entry-content thead th,
145 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
148 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
151 font-family: "Courier 10 Pitch", Courier, monospace;
154 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
159 -------------------------------------------------------------- */
161 /* The main theme structure */
162 #access .menu-header,
177 /* Structure the footer area */
178 #footer-widget-area {
181 #footer-widget-area .widget-area {
186 #footer-widget-area #fourth {
202 -------------------------------------------------------------- */
204 /* Main global 'theme' and typographic styles */
216 background-color: #e7e7e7;
229 margin: 0 0 18px 1.5em;
233 margin: 0 0 18px 1.5em;
236 list-style: upper-alpha;
239 list-style: lower-roman;
242 list-style: lower-alpha;
272 text-decoration: none;
292 border-bottom: 1px dotted #666;
300 vertical-align: baseline;
311 border: 1px solid #ccc;
312 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
313 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
314 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
328 /* Text meant only for screen readers */
329 .screen-reader-text {
336 -------------------------------------------------------------- */
351 text-decoration: none;
357 margin: 15px 0 18px 0;
361 /* This is the custom header image */
363 border-top: 4px solid #000;
364 border-bottom: 1px solid #000;
371 -------------------------------------------------------------- */
380 #access .menu-header,
386 #access .menu-header ul,
391 #access .menu-header li,
401 text-decoration: none;
404 box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
405 -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
406 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
429 #access li:hover > a,
430 #access ul ul :hover > a {
434 #access ul li:hover > ul {
437 #access ul li.current_page_item > a,
438 #access ul li.current-menu-ancestor > a,
439 #access ul li.current-menu-item > a,
440 #access ul li.current-menu-parent > a {
443 * html #access ul li.current_page_item a,
444 * html #access ul li.current-menu-ancestor a,
445 * html #access ul li.current-menu-item a,
446 * html #access ul li.current-menu-parent a,
447 * html #access ul li a:hover {
453 -------------------------------------------------------------- */
509 border: 1px solid #e7e7e7;
510 margin: 0 -1px 24px 0;
523 border-top: 1px solid #e7e7e7;
534 border-top: 4px solid #000;
555 .page-title a:visited {
557 text-decoration: none;
559 .page-title a:active,
560 .page-title a:hover {
563 #content .entry-title {
571 .entry-title a:visited {
573 text-decoration: none;
575 .entry-title a:active,
576 .entry-title a:hover {
584 .entry-utility abbr {
587 .entry-meta abbr:hover,
588 .entry-utility abbr:hover {
589 border-bottom: 1px dotted #666;
596 #content .entry-summary p:last-child {
599 .entry-content fieldset {
600 border: 1px solid #e7e7e7;
604 .entry-content fieldset legend {
610 .entry-content input {
613 .entry-content input.file,
614 .entry-content input.button {
617 .entry-content label {
621 .entry-content select {
628 .entry-content blockquote.left {
635 .entry-content blockquote.right {
650 .page-link a:visited {
654 padding: 0.5em 0.75em;
655 text-decoration: none;
657 .home .sticky .page-link a {
664 body.page .edit-link {
670 border-top: 4px solid #000;
678 #entry-author-info #author-avatar {
680 border: 1px solid #e7e7e7;
683 margin: 0 -104px 0 0;
686 #entry-author-info #author-description {
690 #entry-author-info h2 {
707 .entry-utility a:hover {
710 #content .video-player {
716 -------------------------------------------------------------- */
718 .home #content .format-aside p,
719 .home #content .category-asides p {
725 .home .hentry.format-aside,
726 .home .hentry.category-asides {
729 .home #content .format-aside .entry-content,
730 .home #content .category-asides .entry-content {
736 -------------------------------------------------------------- */
738 .format-gallery .size-thumbnail img,
739 .category-gallery .size-thumbnail img {
740 border: 10px solid #f1f1f1;
743 .format-gallery .gallery-thumb,
744 .category-gallery .gallery-thumb {
749 .home #content .format-gallery .entry-utility,
750 .home #content .category-gallery .entry-utility {
756 -------------------------------------------------------------- */
758 .attachment .entry-content .entry-caption {
762 .attachment .entry-content .nav-previous a:before {
763 content: '\2190\00a0';
765 .attachment .entry-content .nav-next a:after {
766 content: '\00a0\2192';
771 -------------------------------------------------------------- */
774 Resize images to fit the main content area.
775 - Applies only to images uploaded via WordPress by targeting size-* classes.
776 - Other images will be left alone. Use "size-auto" class to apply to other images.
783 max-width: 100%; /* When images are too wide for containing element, force them to fit. */
784 height: auto; /* Override height to match resized width for correct aspect ratio. */
816 max-width: 632px !important; /* prevent too-wide images from breaking layout */
823 .wp-caption p.wp-caption-text {
834 .gallery .gallery-item {
840 .gallery-columns-2 .gallery-item {
843 .gallery-columns-4 .gallery-item {
847 border: 2px solid #cfcfcf;
849 .gallery-columns-2 .attachment-medium {
853 .gallery-columns-4 .attachment-thumbnail {
857 .gallery .gallery-caption {
866 border: 10px solid #f1f1f1;
871 #content .attachment img {/* single attachment images should be centered */
878 -------------------------------------------------------------- */
887 .navigation a:visited {
889 text-decoration: none;
891 .navigation a:active,
892 .navigation a:hover {
920 -------------------------------------------------------------- */
924 #comments .navigation {
941 .commentlist li.comment {
942 border-bottom: 1px solid #e7e7e7;
948 .commentlist li:last-child {
952 #comments .comment-body ul,
953 #comments .comment-body ol {
956 #comments .comment-body p:last-child {
959 #comments .comment-body blockquote p:last-child {
965 .commentlist .avatar {
972 .comment-author cite {
977 .comment-author .says {
984 .comment-meta a:link,
985 .comment-meta a:visited {
987 text-decoration: none;
989 .comment-meta a:active,
990 .comment-meta a:hover {
995 .commentlist .bypostauthor {
1002 a.comment-edit-link {
1006 a.comment-edit-link:hover {
1009 .commentlist .children {
1013 .commentlist .children li {
1021 #comments .pingback {
1022 border-bottom: 1px solid #e7e7e7;
1023 margin-bottom: 18px;
1024 padding-bottom: 18px;
1026 .commentlist li.comment+li.pingback {
1029 #comments .pingback p {
1036 #comments .pingback .url {
1042 input[type=submit] {
1046 border-top: 1px solid #e7e7e7;
1054 #respond .comment-notes {
1057 .form-allowed-tags {
1060 .children #respond {
1066 #comments-list #respond {
1069 #comments-list ul #respond {
1072 #cancel-comment-reply-link {
1074 font-weight: normal;
1077 #respond .required {
1092 #respond .form-allowed-tags {
1097 #respond .form-allowed-tags code {
1100 #respond .form-submit {
1103 #respond .form-submit input {
1110 -------------------------------------------------------------- */
1116 .widget-area ul ul {
1120 .widget-area select {
1123 .widget_search #s {/* This keeps the search inputs in line */
1126 .widget_search label {
1136 .widget-area a:link,
1137 .widget-area a:visited {
1138 text-decoration: none;
1140 .widget-area a:active,
1141 .widget-area a:hover {
1142 text-decoration: underline;
1144 .widget-area .entry-meta {
1153 #wp-calendar caption {
1157 padding-bottom: 4px;
1160 #wp-calendar thead {
1163 #wp-calendar thead th {
1165 #wp-calendar tbody {
1168 #wp-calendar tbody td {
1169 background: #f5f5f5;
1170 border: 1px solid #fff;
1174 #wp-calendar tbody .pad {
1177 #wp-calendar tfoot #next {
1180 .widget_rss a.rsswidget {
1183 .widget_rss a.rsswidget:hover {
1186 .widget_rss .widget-title img {
1192 #main .widget-area ul {
1194 padding: 0 20px 0 0;
1196 #main .widget-area ul ul {
1206 /* Footer widget areas */
1207 #footer-widget-area {
1212 -------------------------------------------------------------- */
1215 margin-bottom: 20px;
1218 border-top: 4px solid #000;
1228 text-decoration: none;
1235 background: url(images/wordpress.png) center left no-repeat;
1237 display: inline-block;
1240 text-decoration: none;
1242 #site-generator a:hover {
1243 text-decoration: underline;
1247 margin: 0 auto 10px;
1251 /* =Mobile Safari ( iPad, iPhone and iPod Touch )
1252 -------------------------------------------------------------- */
1255 -webkit-text-size-adjust: 140%;
1258 -webkit-text-size-adjust: 160%;
1265 -webkit-text-size-adjust: 120%;
1268 -webkit-text-size-adjust: none;
1273 -------------------------------------------------------------- */
1277 background: none !important;
1280 clear: both !important;
1281 display: block !important;
1282 float: none !important;
1283 position: relative !important;
1286 border-bottom: 2pt solid #000;
1287 padding-bottom: 18pt;
1290 border-top: 2pt solid #000;
1317 display: none !important;
1326 .one-column #content {
1348 #entry-author-info {
1349 border: 1px solid #e7e7e7;