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 v2 or later
8 License URI: http://www.gnu.org/licenses/gpl-2.0.html
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
10 Text Domain: twentyten
14 /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
15 -------------------------------------------------------------- */
17 html, body, div, span, applet, object, iframe,
18 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
19 a, abbr, acronym, address, big, cite, code,
20 del, dfn, em, font, img, ins, kbd, q, s, samp,
21 small, strike, strong, sub, sup, tt, var,
23 dl, dt, dd, ol, ul, li,
24 fieldset, form, label, legend,
25 table, caption, tbody, tfoot, thead, tr, th, td {
26 background: transparent;
30 vertical-align: baseline;
35 h1, h2, h3, h4, h5, h6 {
45 blockquote:before, blockquote:after {
50 text-decoration: line-through;
52 /* tables still need 'cellspacing="0"' in the markup */
54 border-collapse: collapse;
62 -------------------------------------------------------------- */
66 DESCRIPTION: Two-column fixed layout with one sidebar right of content
75 margin: 0 280px 0 20px;
92 LAYOUT: One column, no sidebar
93 DESCRIPTION: One centered column with no sidebar
96 .one-column #content {
102 LAYOUT: Full width, no sidebar
103 DESCRIPTION: Full width content with no sidebar; used for attachment pages
106 .single-attachment #content {
113 -------------------------------------------------------------- */
119 font-family: Georgia, "Bitstream Charter", serif;
125 #cancel-comment-reply-link,
132 .comment-body thead th,
133 .entry-content label,
134 .entry-content tr th,
135 .entry-content thead th,
146 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
149 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
152 font-family: "Courier 10 Pitch", Courier, monospace;
155 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
160 -------------------------------------------------------------- */
162 /* The main theme structure */
163 #access .menu-header,
178 /* Structure the footer area */
179 #footer-widget-area {
182 #footer-widget-area .widget-area {
187 #footer-widget-area #fourth {
203 -------------------------------------------------------------- */
205 /* Main global 'theme' and typographic styles */
217 background-color: #e7e7e7;
230 margin: 0 0 18px 1.5em;
234 margin: 0 0 18px 1.5em;
237 list-style: upper-alpha;
240 list-style: lower-roman;
243 list-style: lower-alpha;
273 text-decoration: none;
294 border-bottom: 1px dotted #666;
302 vertical-align: baseline;
313 border: 1px solid #ccc;
314 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
315 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
316 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
330 /* Text meant only for screen readers */
331 .screen-reader-text {
338 -------------------------------------------------------------- */
353 text-decoration: none;
359 margin: 15px 0 18px 0;
363 /* This is the custom header image */
365 border-top: 4px solid #000;
366 border-bottom: 1px solid #000;
373 -------------------------------------------------------------- */
382 #access .menu-header,
388 #access .menu-header ul,
393 #access .menu-header li,
403 text-decoration: none;
406 box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
407 -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
408 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
431 #access li:hover > a,
432 #access ul ul :hover > a {
436 #access ul li:hover > ul {
439 #access ul li.current_page_item > a,
440 #access ul li.current-menu-ancestor > a,
441 #access ul li.current-menu-item > a,
442 #access ul li.current-menu-parent > a {
445 * html #access ul li.current_page_item a,
446 * html #access ul li.current-menu-ancestor a,
447 * html #access ul li.current-menu-item a,
448 * html #access ul li.current-menu-parent a,
449 * html #access ul li a:hover {
455 -------------------------------------------------------------- */
511 border: 1px solid #e7e7e7;
512 margin: 0 -1px 24px 0;
525 border-top: 1px solid #e7e7e7;
536 border-top: 4px solid #000;
557 .page-title a:visited {
559 text-decoration: none;
561 .page-title a:active,
562 .page-title a:hover {
565 #content .entry-title {
573 .entry-title a:visited {
575 text-decoration: none;
577 .entry-title a:active,
578 .entry-title a:hover {
586 .entry-utility abbr {
589 .entry-meta abbr:hover,
590 .entry-utility abbr:hover {
591 border-bottom: 1px dotted #666;
598 #content .entry-summary p:last-child {
601 .entry-content fieldset {
602 border: 1px solid #e7e7e7;
606 .entry-content fieldset legend {
612 .entry-content input {
615 .entry-content input.file,
616 .entry-content input.button {
619 .entry-content label {
623 .entry-content select {
630 .entry-content blockquote.left {
637 .entry-content blockquote.right {
652 .page-link a:visited {
656 padding: 0.5em 0.75em;
657 text-decoration: none;
659 .home .sticky .page-link a {
666 body.page .edit-link {
672 border-top: 4px solid #000;
680 #entry-author-info #author-avatar {
682 border: 1px solid #e7e7e7;
685 margin: 0 -104px 0 0;
688 #entry-author-info #author-description {
692 #entry-author-info h2 {
709 .entry-utility a:hover {
712 #content .video-player {
718 -------------------------------------------------------------- */
720 .home #content .format-aside p,
721 .home #content .category-asides p {
727 .home .hentry.format-aside,
728 .home .hentry.category-asides {
731 .home #content .format-aside .entry-content,
732 .home #content .category-asides .entry-content {
738 -------------------------------------------------------------- */
740 .format-gallery .size-thumbnail img,
741 .category-gallery .size-thumbnail img {
742 border: 10px solid #f1f1f1;
745 .format-gallery .gallery-thumb,
746 .category-gallery .gallery-thumb {
751 .home #content .format-gallery .entry-utility,
752 .home #content .category-gallery .entry-utility {
758 -------------------------------------------------------------- */
760 .attachment .entry-content .entry-caption {
764 .attachment .entry-content .nav-previous a:before {
765 content: '\2190\00a0';
767 .attachment .entry-content .nav-next a:after {
768 content: '\00a0\2192';
773 -------------------------------------------------------------- */
776 Resize images to fit the main content area.
777 - Applies only to images uploaded via WordPress by targeting size-* classes.
778 - Other images will be left alone. Use "size-auto" class to apply to other images.
785 max-width: 100%; /* When images are too wide for containing element, force them to fit. */
786 height: auto; /* Override height to match resized width for correct aspect ratio. */
818 max-width: 632px !important; /* prevent too-wide images from breaking layout */
825 .wp-caption p.wp-caption-text {
836 .gallery .gallery-item {
842 .gallery-columns-2 .gallery-item {
845 .gallery-columns-4 .gallery-item {
849 border: 2px solid #cfcfcf;
851 .gallery-columns-2 .attachment-medium {
855 .gallery-columns-4 .attachment-thumbnail {
859 .gallery .gallery-caption {
868 border: 10px solid #f1f1f1;
873 #content .attachment img {/* single attachment images should be centered */
880 -------------------------------------------------------------- */
889 .navigation a:visited {
891 text-decoration: none;
893 .navigation a:active,
894 .navigation a:hover {
922 -------------------------------------------------------------- */
926 #comments .navigation {
943 .commentlist li.comment {
944 border-bottom: 1px solid #e7e7e7;
950 .commentlist li:last-child {
954 #comments .comment-body ul,
955 #comments .comment-body ol {
958 #comments .comment-body p:last-child {
961 #comments .comment-body blockquote p:last-child {
967 .commentlist .avatar {
974 .comment-author cite {
979 .comment-author .says {
986 .comment-meta a:link,
987 .comment-meta a:visited {
989 text-decoration: none;
991 .comment-meta a:active,
992 .comment-meta a:hover {
997 .commentlist .bypostauthor {
1001 padding: 0 0 24px 0;
1004 a.comment-edit-link {
1008 a.comment-edit-link:hover {
1011 .commentlist .children {
1015 .commentlist .children li {
1023 #comments .pingback {
1024 border-bottom: 1px solid #e7e7e7;
1025 margin-bottom: 18px;
1026 padding-bottom: 18px;
1028 .commentlist li.comment+li.pingback {
1031 #comments .pingback p {
1038 #comments .pingback .url {
1044 input[type=submit] {
1048 border-top: 1px solid #e7e7e7;
1056 #respond .comment-notes {
1059 .form-allowed-tags {
1062 .children #respond {
1068 #comments-list #respond {
1071 #comments-list ul #respond {
1074 #cancel-comment-reply-link {
1076 font-weight: normal;
1079 #respond .required {
1094 #respond .form-allowed-tags {
1099 #respond .form-allowed-tags code {
1102 #respond .form-submit {
1105 #respond .form-submit input {
1112 -------------------------------------------------------------- */
1118 .widget-area ul ul {
1122 .widget-area select {
1125 .widget_search #s {/* This keeps the search inputs in line */
1128 .widget_search label {
1138 .widget-area a:link,
1139 .widget-area a:visited {
1140 text-decoration: none;
1142 .widget-area a:active,
1143 .widget-area a:hover {
1144 text-decoration: underline;
1146 .widget-area .entry-meta {
1155 #wp-calendar caption {
1159 padding-bottom: 4px;
1162 #wp-calendar thead {
1165 #wp-calendar thead th {
1167 #wp-calendar tbody {
1170 #wp-calendar tbody td {
1171 background: #f5f5f5;
1172 border: 1px solid #fff;
1176 #wp-calendar tbody .pad {
1179 #wp-calendar tfoot #next {
1182 .widget_rss a.rsswidget {
1185 .widget_rss a.rsswidget:hover {
1188 .widget_rss .widget-title img {
1194 #main .widget-area ul {
1196 padding: 0 20px 0 0;
1198 #main .widget-area ul ul {
1208 /* Footer widget areas */
1209 #footer-widget-area {
1214 -------------------------------------------------------------- */
1217 margin-bottom: 20px;
1220 border-top: 4px solid #000;
1230 text-decoration: none;
1237 background: url(images/wordpress.png) center left no-repeat;
1239 display: inline-block;
1242 text-decoration: none;
1244 #site-generator a:hover {
1245 text-decoration: underline;
1249 margin: 0 auto 10px;
1253 /* =Mobile Safari ( iPad, iPhone and iPod Touch )
1254 -------------------------------------------------------------- */
1257 -webkit-text-size-adjust: 140%;
1260 -webkit-text-size-adjust: 160%;
1267 -webkit-text-size-adjust: 120%;
1270 -webkit-text-size-adjust: none;
1275 -------------------------------------------------------------- */
1279 background: none !important;
1282 clear: both !important;
1283 display: block !important;
1284 float: none !important;
1285 position: relative !important;
1288 border-bottom: 2pt solid #000;
1289 padding-bottom: 18pt;
1292 border-top: 2pt solid #000;
1319 display: none !important;
1328 .one-column #content {
1350 #entry-author-info {
1351 border: 1px solid #e7e7e7;