Created
July 13, 2013 18:36
-
-
Save larcher/5991736 to your computer and use it in GitHub Desktop.
Some accessibility tweaks for the Coraline theme for WordPress. Added focus styles to match existing hover styles. Based on version 1.4.1 of the theme.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Dark | |
| ----------------------------------------------- */ | |
| /* Global styles */ | |
| body { | |
| background: #ccddfa; | |
| color: #333; | |
| } | |
| h1, h2, h3 { | |
| color: #2c3c50; | |
| } | |
| hr { | |
| background-color: #b2c3de; | |
| } | |
| pre { | |
| background: #bfd1ec; | |
| } | |
| abbr, acronym { | |
| border-color: #b2c3de; | |
| } | |
| ins { | |
| background: #bfd1ec; | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: none; | |
| } | |
| /* Links */ | |
| a { | |
| color: #2869d6; | |
| } | |
| a:visited { | |
| color: #2869d6; | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #1e54b1; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #2c3c50; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus, | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #1e54b1; | |
| } | |
| /* Header */ | |
| #masthead #site-title a { | |
| color: #2c3c50; | |
| } | |
| #masthead #site-description { | |
| color: #2c3c50; | |
| } | |
| #branding img { | |
| border-color: #2c3c50; | |
| } | |
| /* Menu */ | |
| #access { | |
| border-color: #b2c3de; | |
| } | |
| #access a { | |
| color: #2c3c50; | |
| } | |
| #access ul ul a { | |
| background: #2c3c50; | |
| color: #ccddfa; | |
| } | |
| #access li > a:focus, | |
| #access li:hover > a, | |
| #access ul ul :focus > a, | |
| #access ul ul :hover > a { | |
| background: #2c3c50; | |
| color: #ccddfa; | |
| } | |
| #access ul ul a:focus, | |
| #access ul ul a:hover { | |
| background: #455d79; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #2c3c50; | |
| color: #ccddfa; | |
| } | |
| /* Content */ | |
| .page-title { | |
| border-bottom-color: #b2c3de; | |
| border-top-color: #2c3c50; | |
| } | |
| .sticky { | |
| background: #8fb8fa; | |
| border-color: #6e8dc2; | |
| } | |
| .entry-title a { | |
| color: #2c3c50; | |
| } | |
| .entry-meta, | |
| .entry-meta a, | |
| .entry-content h4, | |
| #content .gallery .gallery-caption, | |
| .entry-info, | |
| .entry-info a { | |
| color: #4b5b71; | |
| } | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .entry-info a:focus, | |
| .entry-info a:hover { | |
| color: #1e54b1; | |
| } | |
| .entry-content h1, | |
| .entry-content table, | |
| .entry-content tr td { | |
| border-color: #b2c3de; | |
| } | |
| .entry-content tr.odd td { | |
| background: #bfd1ec; | |
| } | |
| .entry-info .comments-link a { | |
| color: #4b5b71; | |
| } | |
| .entry-info .comments-link a:focus, | |
| .entry-info .comments-link a:hover { | |
| background: #8fb8fa; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #4e7ab8, #8fb8fa); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4e7ab8), to(#8fb8fa)); | |
| -moz-border-radius: 14px; | |
| color: #151515; | |
| text-shadow: none; | |
| } | |
| /* Attachments */ | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #bfd1ec; | |
| } | |
| /* Images */ | |
| .wp-caption { | |
| background: #b2c3de; | |
| color: #4b5b71; | |
| } | |
| /* Asides */ | |
| #content .category-asides .entry-content { | |
| border-color: #2c3c50; | |
| } | |
| .home #content .aside { | |
| border-left-color: #7ea2dd; | |
| } | |
| /* Gallery listing */ | |
| .category-gallery .size-thumbnail img, | |
| .format-gallery .size-thumbnail img { | |
| border: 10px solid #2c3c50; | |
| } | |
| /* Navigation */ | |
| .navigation a:visited { | |
| color: #2869d6; | |
| } | |
| .navigation a:visited:focus, | |
| .navigation a:visited:hover, | |
| .navigation a:active, | |
| .navigation a:focus, | |
| .navigation a:hover { | |
| color: #1e54b1; | |
| } | |
| /* Widgets */ | |
| .widget-title { | |
| border-bottom: 1px solid #b2c3de; | |
| border-top: 3px solid #2c3c50; | |
| } | |
| #wp-calendar th { | |
| color: #4b5b71; | |
| } | |
| #wp-calendar tbody td { | |
| background: #bfd1ec; | |
| border-color: #2c3c50; | |
| } | |
| #wp-calendar tbody .pad { | |
| background: transparent; | |
| } | |
| #wp-calendar a:visited { | |
| color: #2869d6; | |
| } | |
| #wp-calendar a:visited:focus, | |
| #wp-calendar a:visited:hover { | |
| color: #1e54b1; | |
| } | |
| /* Comments */ | |
| #comments h3 { | |
| border-bottom: 1px solid #b2c3de; | |
| } | |
| #comments li.pingback { | |
| background: #bfd1ec; | |
| } | |
| #comments ul li { | |
| border-color: #b2c3de; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a , | |
| #respond .form-allowed-tags { | |
| color: #4b5b71; | |
| } | |
| #comments .comment-meta a:focus, | |
| #comments .comment-meta a:hover { | |
| color: #1e54b1; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #b2c3de; | |
| } | |
| /* Footer */ | |
| #colophon { | |
| border-color: #b2c3de; | |
| color: #4b5b71; | |
| } | |
| #colophon a { | |
| color: #4b5b71; | |
| } | |
| #colophon a:focus, | |
| #colophon a:hover { | |
| color: #1e54b1; | |
| } | |
| #colophon .generator-link { | |
| background: url("../images/wordpress.png") no-repeat left center; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Brown | |
| ----------------------------------------------- */ | |
| /* Global styles */ | |
| body { | |
| background: #9a7259; | |
| color: #ffecd0; | |
| } | |
| h1, h2, h3 { | |
| color: #f2d6bb; | |
| } | |
| hr { | |
| background-color: #b38970; | |
| } | |
| pre { | |
| background: #ae846b; | |
| } | |
| abbr, acronym { | |
| border-color: #b38970; | |
| } | |
| ins { | |
| background: #ae846b | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: none; | |
| } | |
| /* Links */ | |
| a { | |
| color: #ffd2b7; | |
| } | |
| a:visited { | |
| color: #ffd2b7; | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #dcb39b; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #f2d6bb; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus, | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #dcb39b; | |
| } | |
| /* Header */ | |
| #masthead #site-title a { | |
| color: #f2d6bb; | |
| } | |
| #masthead #site-description { | |
| color: #f2d6bb; | |
| } | |
| #branding img { | |
| border-color: #f2d6bb; | |
| } | |
| /* Menu */ | |
| #access { | |
| border-color: #b38970; | |
| } | |
| #access a { | |
| color: #f2d6bb; | |
| } | |
| #access ul ul a { | |
| background: #f2d6bb; | |
| color: #9a7259; | |
| } | |
| #access li > a:focus, | |
| #access li:hover > a, | |
| #access ul ul :focus > a, | |
| #access ul ul :hover > a { | |
| background: #f2d6bb; | |
| color: #9a7259; | |
| } | |
| #access ul ul a:focus, | |
| #access ul ul a:hover { | |
| background: #cab29b scroll; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #f2d6bb; | |
| color: #9a7259; | |
| } | |
| /* Content */ | |
| .page-title { | |
| border-bottom-color: #b38970; | |
| border-top-color: #f2d6bb; | |
| } | |
| .sticky { | |
| background: #6d4832; | |
| border-color: #583826; | |
| } | |
| .entry-title a { | |
| color: #f2d6bb; | |
| } | |
| .entry-meta, | |
| .entry-meta a, | |
| .entry-content h4, | |
| #content .gallery .gallery-caption, | |
| .entry-info, | |
| .entry-info a { | |
| color: #ffd1b6; | |
| } | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .entry-info a:focus, | |
| .entry-info a:hover { | |
| color: #dcb39b; | |
| } | |
| .entry-content h1, | |
| .entry-content table, | |
| .entry-content tr td { | |
| border-color: #b38970; | |
| } | |
| .entry-content tr.odd td { | |
| background: #ae846b; | |
| } | |
| .entry-info .comments-link a { | |
| color: #ffecd0; | |
| } | |
| .entry-info .comments-link a:focus, | |
| .entry-info .comments-link a:hover { | |
| background: #9a725a; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #341600, #9a725a); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9a725a), to(#341600)); | |
| -moz-border-radius: 14px; | |
| color: #ffecd0; | |
| text-shadow: none; | |
| } | |
| /* Attachments */ | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #ae846b; | |
| } | |
| /* Images */ | |
| .wp-caption { | |
| background: #b38970; | |
| color: #ffecd0; | |
| } | |
| /* Asides */ | |
| #content .category-asides .entry-content { | |
| border-color: #b38970; | |
| } | |
| .home #content .aside { | |
| border-left-color: #b38970; | |
| } | |
| /* Gallery listing */ | |
| .category-gallery .size-thumbnail img, | |
| .format-gallery .size-thumbnail img { | |
| border: 10px solid #f2d6bb; | |
| } | |
| /* Navigation */ | |
| .navigation a:visited { | |
| color: #ffd2b7; | |
| } | |
| .navigation a:visited:focus, | |
| .navigation a:visited:hover, | |
| .navigation a:active, | |
| .navigation a:focus, | |
| .navigation a:hover { | |
| color: #dcb39b; | |
| } | |
| /* Widgets */ | |
| .widget-title { | |
| border-bottom: 1px solid #b38970; | |
| border-top: 3px solid #f2d6bb; | |
| } | |
| #wp-calendar th { | |
| color: #f2d6bb; | |
| } | |
| #wp-calendar tbody td { | |
| background: #ae846b; | |
| border-color: #f2d6bb; | |
| } | |
| #wp-calendar tbody .pad { | |
| background: transparent; | |
| } | |
| #wp-calendar a:visited { | |
| color: #ffd2b7; | |
| } | |
| #wp-calendar a:visited:focus, | |
| #wp-calendar a:visited:hover { | |
| color: #dcb39b; | |
| } | |
| /* Comments */ | |
| #comments h3 { | |
| border-bottom: 1px solid #b38970; | |
| } | |
| #comments li.pingback { | |
| background: #ae846b; | |
| } | |
| #comments ul li { | |
| border-color: #b38970; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a , | |
| #respond .form-allowed-tags { | |
| color: #4b5071; | |
| } | |
| #comments .comment-meta a:focus, | |
| #comments .comment-meta a:hover { | |
| color: #dcb39b; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #b38970; | |
| } | |
| /* Footer */ | |
| #colophon { | |
| border-color: #b38970; | |
| color: #ffd2b7; | |
| } | |
| #colophon a { | |
| color: #ffd2b7; | |
| } | |
| #colophon a:focus, | |
| #colophon a:hover { | |
| color: #dcb39b; | |
| } | |
| #colophon .generator-link { | |
| background: url("../images/wordpress.png") no-repeat left center; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Dark | |
| ----------------------------------------------- */ | |
| /* Global styles */ | |
| body { | |
| background: #151515; | |
| color: #ddd; | |
| } | |
| h1, h2, h3 { | |
| color: #fff; | |
| } | |
| hr { | |
| background-color: #333; | |
| } | |
| pre { | |
| background: #222; | |
| } | |
| abbr, acronym { | |
| border-color: #666; | |
| } | |
| ins { | |
| background: #333; | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: none; | |
| } | |
| /* Links */ | |
| a { | |
| color: #80b0ff; | |
| } | |
| a:visited { | |
| color: #ddd; | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #e74040; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #fff; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus, | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #40b340; | |
| } | |
| /* Header */ | |
| #masthead #site-title a { | |
| color: #fff; | |
| } | |
| #masthead #site-description { | |
| color: #fff; | |
| } | |
| #branding img { | |
| border-color: #fff; | |
| } | |
| /* Menu */ | |
| #access { | |
| border-color: #333; | |
| } | |
| #access a { | |
| color: #fff; | |
| } | |
| #access ul ul a { | |
| background: #fff; | |
| color: #666; | |
| } | |
| #access li > a:focus, | |
| #access ul ul :focus > a { | |
| #access li:hover > a, | |
| #access ul ul :hover > a { | |
| background: #fff; | |
| color: #333; | |
| } | |
| #access ul ul a:hover, | |
| #access ul ul a:focus { | |
| background: #eee; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #fff; | |
| color: #000; | |
| } | |
| /* Content */ | |
| .page-title { | |
| border-bottom-color: #333; | |
| border-top-color: #fff; | |
| } | |
| .sticky { | |
| background: #222; | |
| border-color: #444; | |
| } | |
| a.entry-format, | |
| a.entry-format:visited, | |
| a.entry-format:focus, | |
| a.entry-format:hover { | |
| color: rgba(255,255,255,.3); | |
| } | |
| .entry-title a { | |
| color: #fff; | |
| } | |
| .entry-meta, | |
| .entry-meta a, | |
| .entry-content h4, | |
| #content .gallery .gallery-caption, | |
| .entry-info, | |
| .entry-info a { | |
| color: #666; | |
| } | |
| .entry-meta a:focus, | |
| .entry-info a:focus, | |
| .entry-meta a:hover, | |
| .entry-info a:hover { | |
| color: #e74040; | |
| } | |
| .entry-content h1, | |
| .entry-content table, | |
| .entry-content tr td { | |
| border-color: #333; | |
| } | |
| .entry-content tr.odd td { | |
| background: #000; | |
| } | |
| .entry-info .comments-link a { | |
| color: #ddd; | |
| } | |
| .entry-info .comments-link a:hover, | |
| .entry-info .comments-link a:focus { | |
| background: #eee; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)); | |
| -moz-border-radius: 14px; | |
| color: #151515; | |
| text-shadow: none; | |
| } | |
| /* Attachments */ | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #252525; | |
| } | |
| /* Images */ | |
| .wp-caption { | |
| background: #252525; | |
| color: #ddd; | |
| } | |
| /* Asides */ | |
| #content .category-asides .entry-content { | |
| border-color: #333; | |
| } | |
| /* Gallery listing */ | |
| .category-gallery .size-thumbnail img { | |
| border: 10px solid #252525; | |
| } | |
| /* Navigation */ | |
| .navigation a:visited { | |
| color: #80b0ff; | |
| } | |
| .navigation a:visited:hover, | |
| .navigation a:visited:focus, | |
| .navigation a:active, | |
| .navigation a:hover, | |
| .navigation a:focus { | |
| color: #e74040; | |
| } | |
| /* Widgets */ | |
| .widget-title { | |
| border-bottom: 1px solid #333; | |
| border-top: 3px solid #fff; | |
| } | |
| #wp-calendar th { | |
| color: #666; | |
| } | |
| #wp-calendar tbody td { | |
| background: #222; | |
| border-color: #151515; | |
| } | |
| #wp-calendar tbody .pad { | |
| background: transparent; | |
| } | |
| #wp-calendar a:visited { | |
| color: #80b0ff; | |
| } | |
| #wp-calendar a:visited:hover, | |
| #wp-calendar a:visited:focus { | |
| color: #e74040; | |
| } | |
| /* Comments */ | |
| #comments h3 { | |
| border-bottom: 1px solid #333; | |
| } | |
| #comments li.pingback { | |
| background: #252525; | |
| } | |
| #comments ul li { | |
| border-color: #333; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a , | |
| #respond .form-allowed-tags { | |
| color: #666; | |
| } | |
| #comments .comment-meta a:hover, | |
| #comments .comment-meta a:focus { | |
| color: #e74040; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #333; | |
| } | |
| /* Footer */ | |
| #colophon { | |
| border-color: #333; | |
| color: #888; | |
| } | |
| #colophon a { | |
| color: #888; | |
| } | |
| #colophon a:hover, | |
| #colophon a:focus { | |
| color: #e74040; | |
| } | |
| #colophon .generator-link { | |
| background: url( "../images/wordpress.png" ) no-repeat left center; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Pink | |
| ----------------------------------------------- */ | |
| /* Global styles */ | |
| body { | |
| background: #faccd6; | |
| color: #333; | |
| } | |
| h1, h2, h3 { | |
| color: #502c36; | |
| } | |
| hr { | |
| background-color: #1c0308; | |
| } | |
| pre { | |
| background: #ecbfca; | |
| } | |
| abbr, acronym { | |
| border-color: #714b55; | |
| } | |
| ins { | |
| background: #ecbfca; | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: none; | |
| } | |
| /* Links */ | |
| a { | |
| color: #d6284d; | |
| } | |
| a:visited { | |
| color: #d6284d; | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #a31b38; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #502c36; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus, | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #d6284d; | |
| } | |
| /* Header */ | |
| #masthead #site-title a { | |
| color: #502c36; | |
| } | |
| #masthead #site-description { | |
| color: #502c36; | |
| } | |
| #branding img { | |
| border-color: #502c36; | |
| } | |
| /* Menu */ | |
| #access { | |
| border-color: #c59aa4; | |
| } | |
| #access a { | |
| color: #502c36; | |
| } | |
| #access ul ul a { | |
| background: #502c36; | |
| color: #f0d5ca; | |
| } | |
| #access li > a:focus, | |
| #access li:hover > a, | |
| #access ul ul :focus > a, | |
| #access ul ul :hover > a { | |
| background: #502c36; | |
| color: #faccd6; | |
| } | |
| #access ul ul a:focus, | |
| #access ul ul a:hover { | |
| background: #71404e; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #502c36; | |
| color: #faccd6; | |
| } | |
| /* Content */ | |
| .page-title { | |
| border-bottom-color: #1c0308; | |
| border-top-color: #502c36; | |
| } | |
| .sticky { | |
| background: #fa8fa6; | |
| border-color: #c26e7f; | |
| } | |
| .entry-title a { | |
| color: #502c36; | |
| } | |
| .entry-meta, | |
| .entry-meta a, | |
| .entry-content h4, | |
| #content .gallery .gallery-caption, | |
| .entry-info, | |
| .entry-info a { | |
| color: #714b55; | |
| } | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .entry-info a:focus, | |
| .entry-info a:hover { | |
| color: #e74040; | |
| } | |
| .entry-content h1, | |
| .entry-content table, | |
| .entry-content tr td { | |
| border-color: #c59aa4; | |
| } | |
| .entry-content tr.odd td { | |
| background: #fa8fa6; | |
| } | |
| .entry-info .comments-link a { | |
| color: #714b55; | |
| } | |
| .entry-info .comments-link a:focus, | |
| .entry-info .comments-link a:hover { | |
| background: #fa8fa7; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #bc5871, #fa8fa7); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc5871), to(#bfa8fa7)); | |
| -moz-border-radius: 14px; | |
| color: #151515; | |
| text-shadow: none; | |
| } | |
| /* Attachments */ | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #ecbfca; | |
| } | |
| /* Images */ | |
| .wp-caption { | |
| background: #c499a3; | |
| color: #714b55; | |
| } | |
| /* Asides */ | |
| #content .category-asides .entry-content { | |
| border-color: #c59aa4; | |
| } | |
| .home #content .aside { | |
| border-left-color: #d97c90; | |
| } | |
| /* Gallery listing */ | |
| .category-gallery .size-thumbnail img, | |
| .format-gallery .size-thumbnail img { | |
| border: 10px solid #502c36; | |
| } | |
| /* Navigation */ | |
| .navigation a:visited { | |
| color: #d6284d; | |
| } | |
| .navigation a:visited:focus, | |
| .navigation a:visited:hover, | |
| .navigation a:active, | |
| .navigation a:focus, | |
| .navigation a:hover { | |
| color: #e74040; | |
| } | |
| /* Widgets */ | |
| .widget-title { | |
| border-bottom: 1px solid #c59aa4; | |
| border-top: 3px solid #502c36; | |
| } | |
| #wp-calendar th { | |
| color: #714b55; | |
| } | |
| #wp-calendar tbody td { | |
| background: #ecbfca; | |
| border-color: #502c36; | |
| } | |
| #wp-calendar tbody .pad { | |
| background: transparent; | |
| } | |
| #wp-calendar a:visited { | |
| color: #d6284d; | |
| } | |
| #wp-calendar a:visited:focus, | |
| #wp-calendar a:visited:hover { | |
| color: #e74040; | |
| } | |
| /* Comments */ | |
| #comments h3 { | |
| border-bottom: 1px solid #c59aa4; | |
| } | |
| #comments li.pingback { | |
| background: #fa8fa6; | |
| } | |
| #comments ul li { | |
| border-color: #c59aa4; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a , | |
| #respond .form-allowed-tags { | |
| color: #714b55; | |
| } | |
| #comments .comment-meta a:focus, | |
| #comments .comment-meta a:hover { | |
| color: #e74040; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #c59aa4; | |
| } | |
| /* Footer */ | |
| #colophon { | |
| border-color: #c59aa4; | |
| color: #714b55; | |
| } | |
| #colophon a { | |
| color: #714b55; | |
| } | |
| #colophon a:focus, | |
| #colophon a:hover { | |
| color: #e74040; | |
| } | |
| #colophon .generator-link { | |
| background: url("../images/wordpress.png") no-repeat left center; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Purple | |
| ----------------------------------------------- */ | |
| /* Global styles */ | |
| body { | |
| background: #e1ccfa; | |
| color: #333; | |
| } | |
| h1, h2, h3 { | |
| color: #3a2c50; | |
| } | |
| hr { | |
| background-color: #c5b2de; | |
| } | |
| pre { | |
| background: #d2bfec; | |
| } | |
| abbr, acronym { | |
| border-color: #c5b2de; | |
| } | |
| ins { | |
| background: #d2bfec; | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: none; | |
| } | |
| /* Links */ | |
| a { | |
| color: #7728d6; | |
| } | |
| a:visited { | |
| color: #7728d6; | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #662fb9; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #3a2c50; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus, | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #662fb9; | |
| } | |
| /* Header */ | |
| #masthead #site-title a { | |
| color: #3a2c50; | |
| } | |
| #masthead #site-description { | |
| color: #3a2c50; | |
| } | |
| #branding img { | |
| border-color: #3a2c50; | |
| } | |
| /* Menu */ | |
| #access { | |
| border-color: #c5b2de; | |
| } | |
| #access a { | |
| color: #3a2c50; | |
| } | |
| #access ul ul a { | |
| background: #3a2c50; | |
| color: #e1ccfa; | |
| } | |
| #access li > a:focus, | |
| #access li:hover > a, | |
| #access ul ul :focus > a, | |
| #access ul ul :hover > a { | |
| background: #3a2c50; | |
| color: #e1ccfa; | |
| } | |
| #access ul ul a:focus, | |
| #access ul ul a:hover { | |
| background: #5d497f; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #3a2c50; | |
| color: #e1ccfa; | |
| } | |
| /* Content */ | |
| .page-title { | |
| border-bottom-color: #c5b2de; | |
| border-top-color: #3a2c50; | |
| } | |
| .sticky { | |
| background: #bf8ffa; | |
| border-color: #956ec2; | |
| } | |
| .entry-title a { | |
| color: #3a2c50; | |
| } | |
| .entry-meta, | |
| .entry-meta a, | |
| .entry-content h4, | |
| #content .gallery .gallery-caption, | |
| .entry-info, | |
| .entry-info a { | |
| color: #4b5071; | |
| } | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .entry-info a:focus, | |
| .entry-info a:hover { | |
| color: #662fb9; | |
| } | |
| .entry-content h1, | |
| .entry-content table, | |
| .entry-content tr td { | |
| border-color: #c5b2de; | |
| } | |
| .entry-content tr.odd td { | |
| background: #d2bfec; | |
| } | |
| .entry-info .comments-link a { | |
| color: #5a4b71; | |
| } | |
| .entry-info .comments-link a:focus, | |
| .entry-info .comments-link a:hover { | |
| background: #c4afdc; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #9884af, #c4afdc); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4afdc), to(#9884af)); | |
| -moz-border-radius: 14px; | |
| color: #151515; | |
| text-shadow: none; | |
| } | |
| /* Attachments */ | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #d2bfec; | |
| } | |
| /* Images */ | |
| .wp-caption { | |
| background: #c5b2de; | |
| color: #4b5071; | |
| } | |
| /* Asides */ | |
| #content .category-asides .entry-content { | |
| border-color: #c5b2de; | |
| } | |
| .home #content .aside { | |
| border-left-color: #cab8e1; | |
| } | |
| /* Gallery listing */ | |
| .category-gallery .size-thumbnail img, | |
| .format-gallery .size-thumbnail img { | |
| border: 10px solid #3a2c50; | |
| } | |
| /* Navigation */ | |
| .navigation a:visited { | |
| color: #7728d6; | |
| } | |
| .navigation a:visited:focus, | |
| .navigation a:visited:hover, | |
| .navigation a:active, | |
| .navigation a:focus, | |
| .navigation a:hover { | |
| color: #662fb9; | |
| } | |
| /* Widgets */ | |
| .widget-title { | |
| border-bottom: 1px solid #c5b2de; | |
| border-top: 3px solid #3a2c50; | |
| } | |
| #wp-calendar th { | |
| color: #4b5071; | |
| } | |
| #wp-calendar tbody td { | |
| background: #d2bfec; | |
| border-color: #3a2c50; | |
| } | |
| #wp-calendar tbody .pad { | |
| background: transparent; | |
| } | |
| #wp-calendar a:visited { | |
| color: #7728d6; | |
| } | |
| #wp-calendar a:visited:focus, | |
| #wp-calendar a:visited:hover { | |
| color: #662fb9; | |
| } | |
| /* Comments */ | |
| #comments h3 { | |
| border-bottom: 1px solid #c5b2de; | |
| } | |
| #comments li.pingback { | |
| background: #d2bfec; | |
| } | |
| #comments ul li { | |
| border-color: #c5b2de; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a , | |
| #respond .form-allowed-tags { | |
| color: #4b5071; | |
| } | |
| #comments .comment-meta a:focus, | |
| #comments .comment-meta a:hover { | |
| color: #662fb9; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #c5b2de; | |
| } | |
| /* Footer */ | |
| #colophon { | |
| border-color: #c5b2de; | |
| color: #4b5071; | |
| } | |
| #colophon a { | |
| color: #4b5071; | |
| } | |
| #colophon a:focus, | |
| #colophon a:hover { | |
| color: #662fb9; | |
| } | |
| #colophon .generator-link { | |
| background: url("../images/wordpress.png") no-repeat left center; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Red | |
| ----------------------------------------------- */ | |
| /* Global styles */ | |
| body { | |
| background: #a20013; | |
| color: #e68d77; | |
| } | |
| h1, h2, h3 { | |
| color: #ffa48c; | |
| } | |
| hr { | |
| background-color: #b92523; | |
| } | |
| pre { | |
| background: #af181c; | |
| } | |
| abbr, acronym { | |
| border-color: #b92523; | |
| } | |
| ins { | |
| background: #af181c | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: none; | |
| } | |
| /* Links */ | |
| a { | |
| color: #ffd2b7; | |
| } | |
| a:visited { | |
| color: #ffd2b7; | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #dcb39b; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #ffa48c; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus, | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #dcb39b; | |
| } | |
| /* Header */ | |
| #masthead #site-title a { | |
| color: #ffa48c; | |
| } | |
| #masthead #site-description { | |
| color: #ffa48c; | |
| } | |
| #branding img { | |
| border-color: #ffa48c; | |
| } | |
| /* Menu */ | |
| #access { | |
| border-color: #b92523; | |
| } | |
| #access a { | |
| color: #ffa48c; | |
| } | |
| #access ul ul a { | |
| background: #ffa48c; | |
| color: #a20013; | |
| } | |
| #access li > a:focus, | |
| #access li:hover > a, | |
| #access ul ul :focus > a, | |
| #access ul ul :hover > a { | |
| background: #ffa48c; | |
| color: #a20013; | |
| } | |
| #access ul ul a:focus, | |
| #access ul ul a:hover { | |
| background: #d58672 scroll; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #ffa48c; | |
| color: #a20013; | |
| } | |
| /* Content */ | |
| .page-title { | |
| border-bottom-color: #b92523; | |
| border-top-color: #ffa48c; | |
| } | |
| .sticky { | |
| background: #770000; | |
| border-color: #580503; | |
| } | |
| a.entry-format, | |
| a.entry-format:visited, | |
| a.entry-format:focus, | |
| a.entry-format:hover { | |
| color: rgba(255,210,183,.5); | |
| } | |
| .entry-title a { | |
| color: #ffa48c; | |
| } | |
| .entry-meta, | |
| .entry-meta a, | |
| .entry-content h4, | |
| #content .gallery .gallery-caption, | |
| .entry-info, | |
| .entry-info a { | |
| color: #ffd1b6; | |
| } | |
| .entry-meta a:focus, | |
| .entry-info a:focus, | |
| .entry-meta a:hover, | |
| .entry-info a:hover { | |
| color: #dcb39b; | |
| } | |
| .entry-content h1, | |
| .entry-content table, | |
| .entry-content tr td { | |
| border-color: #b92523; | |
| } | |
| .entry-content tr.odd td { | |
| background: #af181c; | |
| } | |
| .entry-info .comments-link a { | |
| color: #e68d77; | |
| } | |
| .entry-info .comments-link a:focus, | |
| .entry-info .comments-link a:hover { | |
| background: #770000; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #520000, #770000); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#770000), to(#520000)); | |
| -moz-border-radius: 14px; | |
| color: #e68d77; | |
| text-shadow: none; | |
| } | |
| /* Attachments */ | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #af181c; | |
| } | |
| /* Images */ | |
| .wp-caption { | |
| background: #b92523; | |
| color: #e68d77; | |
| } | |
| /* Asides */ | |
| #content .category-asides .entry-content { | |
| border-color: #b92523; | |
| } | |
| .home #content .aside { | |
| border-left-color: #b92523; | |
| } | |
| /* Gallery listing */ | |
| .category-gallery .size-thumbnail img, | |
| .format-gallery .size-thumbnail img { | |
| border: 10px solid #ffa48c; | |
| } | |
| /* Navigation */ | |
| .navigation a:visited { | |
| color: #ffd2b7; | |
| } | |
| .navigation a:visited:hover, | |
| .navigation a:visited:focus, | |
| .navigation a:active, | |
| .navigation a:focus, | |
| .navigation a:hover { | |
| color: #dcb39b; | |
| } | |
| /* Widgets */ | |
| .widget-title { | |
| border-bottom: 1px solid #b92523; | |
| border-top: 3px solid #ffa48c; | |
| } | |
| #wp-calendar th { | |
| color: #ffa48c; | |
| } | |
| #wp-calendar tbody td { | |
| background: #af181c; | |
| border-color: #ffa48c; | |
| } | |
| #wp-calendar tbody .pad { | |
| background: transparent; | |
| } | |
| #wp-calendar a:visited { | |
| color: #ffd2b7; | |
| } | |
| #wp-calendar a:visited:focus, | |
| #wp-calendar a:visited:hover { | |
| color: #dcb39b; | |
| } | |
| /* Comments */ | |
| #comments h3 { | |
| border-bottom: 1px solid #b92523; | |
| } | |
| #comments li.pingback { | |
| background: #af181c; | |
| } | |
| #comments ul li { | |
| border-color: #b92523; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a , | |
| #respond .form-allowed-tags { | |
| color: #4b5071; | |
| } | |
| #comments .comment-meta a:focus, | |
| #comments .comment-meta a:hover { | |
| color: #dcb39b; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #b92523; | |
| } | |
| /* Footer */ | |
| #colophon { | |
| border-color: #b92523; | |
| color: #e68d77; | |
| } | |
| #colophon a { | |
| color: #e68d77; | |
| } | |
| #colophon a:focus, | |
| #colophon a:hover { | |
| color: #e68d77; | |
| } | |
| #colophon .generator-link { | |
| background: url("../images/wordpress.png") no-repeat left center; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: Coraline | |
| Theme URI: http://wordpress.org/extend/themes/coraline/ | |
| Description: A squeaky-clean theme featuring a custom menu, header, background, and layout. Coraline supports 7 widget areas (up to 3 in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes styles for print and the Visual Editor, special styles for posts in "Asides" and "Gallery" categories, and has an optional full-width page template that removes the sidebar. | |
| Author: Automattic | |
| Author URI: http://automattic.com/ | |
| Version: 1.4.1 | |
| License: GNU General Public License v2 or later | |
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
| Tags: black, blue, brown, pink, purple, red, white, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, theme-options, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, featured-image-header, featured-images, post-formats | |
| This theme, like WordPress, is licensed under the GPL. | |
| Use it to make something cool, have fun, and share what you've learned with others. | |
| */ | |
| /* =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, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, font, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td { | |
| border: 0; | |
| font-family: inherit; | |
| font-style: inherit; | |
| font-weight: inherit; | |
| margin: 0; | |
| outline: 0; | |
| padding: 0; | |
| vertical-align: baseline; | |
| } | |
| /* remember to define focus styles! */ | |
| :focus { | |
| outline: 1px dotted black; | |
| } | |
| body { | |
| background: #fff; | |
| color: #333; | |
| line-height: 1; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| /* tables still need 'cellspacing="0"' in the markup */ | |
| table { | |
| border-collapse: separate; | |
| border-spacing: 0; | |
| } | |
| caption, th, td { | |
| font-weight: normal; | |
| text-align: left; | |
| } | |
| blockquote:before, blockquote:after, | |
| q:before, q:after { | |
| content: ""; | |
| } | |
| blockquote, q { | |
| quotes: "" ""; | |
| } | |
| a img { | |
| border: 0; | |
| } | |
| /* =Structure | |
| ----------------------------------------------- */ | |
| body { | |
| padding: 0 3.8%; | |
| } | |
| #header { | |
| float: left; | |
| width: 100%; | |
| } | |
| #container { | |
| clear: both; | |
| margin: 0 auto; | |
| } | |
| body.no-sidebars #container, | |
| .full-width #container, | |
| .attachment #container { | |
| max-width: 990px; | |
| } | |
| #content-container { | |
| width: 100%; | |
| } | |
| body.no-sidebars #content-container { | |
| overflow: hidden; | |
| } | |
| #main-sidebars { | |
| max-width: 450px; | |
| width: 45.5%; | |
| } | |
| #feature { | |
| width: 100%; | |
| } | |
| #primary, | |
| #secondary { | |
| overflow: hidden; | |
| } | |
| body.no-sidebars #primary { | |
| display: none; | |
| } | |
| #footer { | |
| clear: both; | |
| width: 100%; | |
| } | |
| /* 2-column layouts */ | |
| .two-column #container { | |
| max-width: 770px; | |
| } | |
| .two-column #content { | |
| width: 64.99%; | |
| } | |
| .two-column #primary, | |
| .two-column #secondary { | |
| float: right; | |
| width: 30.4%; | |
| } | |
| /* 3-column layouts */ | |
| .three-column #container { | |
| max-width: 990px; | |
| } | |
| .three-column #content { | |
| width: 50.5%; | |
| } | |
| .three-column #primary { | |
| width: 50.15%; | |
| } | |
| .three-column #secondary { | |
| width: 39.89%; | |
| } | |
| /* Content-Sidebar layouts */ | |
| .content-sidebar #content-container { | |
| float: left; | |
| margin: 0 -30.4% 0 0; | |
| } | |
| .content-sidebar #content { | |
| margin: 0 35.1% 0 0; | |
| } | |
| .content-sidebar #primary, | |
| .content-sidebar #secondary { | |
| float: right; | |
| } | |
| .content-sidebar #secondary { | |
| clear: right; | |
| } | |
| /* Sidebar-Content layouts */ | |
| .sidebar-content #content-container { | |
| float: right; | |
| margin: 0 0 0 -30.4%; | |
| } | |
| .sidebar-content #content { | |
| margin: 0 0 0 35.1%; | |
| } | |
| .sidebar-content #primary, | |
| .sidebar-content #secondary { | |
| float: left; | |
| } | |
| .sidebar-content #secondary { | |
| clear: left; | |
| } | |
| /* Content-Sidebar-Sidebar layouts */ | |
| .content-sidebar-sidebar #content-container { | |
| float: left; | |
| margin: 0 -45.5% 0 0; | |
| } | |
| .content-sidebar-sidebar #content { | |
| margin: 0 49.5% 0 0; | |
| } | |
| .content-sidebar-sidebar #main-sidebars { | |
| float: right; | |
| } | |
| .content-sidebar-sidebar #feature, | |
| .content-sidebar-sidebar #primary, | |
| .content-sidebar-sidebar #secondary { | |
| float: left; | |
| } | |
| .content-sidebar-sidebar #secondary { | |
| margin: 0 0 0 9.88%; | |
| } | |
| /* Sidebar-Sidebar-Content layouts */ | |
| .sidebar-sidebar-content #content-container { | |
| float: right; | |
| margin: 0 0 0 -45.5%; | |
| } | |
| .sidebar-sidebar-content #content { | |
| margin: 0 0 0 49.5%; | |
| } | |
| .sidebar-sidebar-content #feature, | |
| .sidebar-sidebar-content #primary, | |
| .sidebar-sidebar-content #secondary { | |
| float: left; | |
| } | |
| .sidebar-sidebar-content #secondary { | |
| margin: 0 0 0 9.88%; | |
| } | |
| /* Sidebar-Content-Sidebar layouts */ | |
| .sidebar-content-sidebar #content-container { | |
| float: left; | |
| } | |
| .sidebar-content-sidebar #content { | |
| margin: 0 24.8%; | |
| } | |
| .sidebar-content-sidebar #primary, | |
| .sidebar-content-sidebar #secondary { | |
| width: 20.69%; | |
| } | |
| .sidebar-content-sidebar #primary { | |
| float: left; | |
| margin: 0 0 0 -100%; | |
| } | |
| .sidebar-content-sidebar #secondary { | |
| float: right; | |
| margin: 0 0 0 -20.7%; | |
| } | |
| /* Full width content with no sidebar; used for attachment pages */ | |
| .full-width #content, | |
| .attachment #content, | |
| body.no-sidebars #content { | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| /* Alignment */ | |
| .alignleft { | |
| display: inline; | |
| float: left; | |
| margin-right: 11px; | |
| } | |
| .alignright { | |
| display: inline; | |
| float: right; | |
| margin-left: 11px; | |
| } | |
| .aligncenter { | |
| clear: both; | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| /* =Typography | |
| ----------------------------------------------- */ | |
| body, input, textarea { | |
| color: #333; | |
| font: 14px Georgia, "Bitstream Charter", serif; | |
| line-height: 1.7; | |
| } | |
| /* Headings */ | |
| h1, h2, h3 { | |
| color: #000; | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-weight: bold; | |
| text-rendering: optimizelegibility; | |
| } | |
| h1 { | |
| letter-spacing: -0.03em; | |
| } | |
| hr { | |
| background-color: #ccc; | |
| border: 0; | |
| height: 1px; | |
| margin-bottom: 1.7em; | |
| } | |
| /* Text elements */ | |
| p { | |
| margin-bottom: 1.7em; | |
| } | |
| ul, ol { | |
| margin: 0 0 1.7em 2.5em; | |
| } | |
| ul { | |
| list-style: square; | |
| } | |
| ol { | |
| list-style-type: decimal; | |
| } | |
| ol ol { | |
| list-style: upper-alpha; | |
| } | |
| ol ol ol { | |
| list-style: lower-roman; | |
| } | |
| ol ol ol ol { | |
| list-style: lower-alpha; | |
| } | |
| ul ul, ol ol, ul ol, ol ul { | |
| margin-bottom: 0; | |
| } | |
| dl { | |
| margin: 0 1.7em; | |
| } | |
| dt { | |
| font-weight: bold; | |
| } | |
| dd { | |
| margin-bottom: 1.7em; | |
| } | |
| strong { | |
| font-weight: bold; | |
| } | |
| cite, em, i { | |
| font-style: italic; | |
| } | |
| blockquote, | |
| .quote-caption { | |
| font-style: italic; | |
| margin: 0 30px 1.7em; | |
| } | |
| pre { | |
| background: #f4f4f4; | |
| font: 13px "Courier 10 Pitch",Courier,monospace; | |
| line-height: 1.7; | |
| margin-bottom: 1.7em; | |
| padding: 0.85em 1.7em; | |
| } | |
| code { | |
| font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; | |
| } | |
| abbr, acronym { | |
| border-bottom: 1px dotted #666; | |
| cursor: help; | |
| } | |
| ins { | |
| background: #fff9c0; | |
| text-decoration: none; | |
| } | |
| sup, | |
| sub { | |
| font-size: 10px; | |
| height: 0; | |
| line-height: 1; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| bottom: 1ex; | |
| } | |
| sub { | |
| top: .5ex; | |
| } | |
| input[type=text], | |
| input[type=email], | |
| textarea { | |
| border: 1px solid #888; | |
| } | |
| textarea { | |
| padding-left: 3px; | |
| width: 98%; | |
| } | |
| input[type=text], | |
| input[type=email] { | |
| padding: 3px; | |
| } | |
| /* Links */ | |
| a { | |
| color: #0060ff; | |
| } | |
| a:visited { | |
| color: #333; | |
| } | |
| a:active, a:focus, | |
| a:hover { | |
| color: #df0000; | |
| } | |
| h1 a, h2 a, h3 a { | |
| color: #000; | |
| text-decoration: none; | |
| } | |
| h1 a:focus, h2 a:focus, h3 a:focus , | |
| h1 a:hover, h2 a:hover, h3 a:hover { | |
| color: #009900; | |
| } | |
| /* Text meant only for screen readers */ | |
| .screen-reader-text { | |
| position: absolute; | |
| left: -9000px; | |
| } | |
| /* =Header | |
| ----------------------------------------------- */ | |
| #header { | |
| margin: 0 0 28px; | |
| } | |
| #masthead { | |
| padding: 28px 0 0 0; | |
| } | |
| #site-title { | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 36px; | |
| letter-spacing: -0.03em; | |
| line-height: 42px; | |
| text-align: center; | |
| } | |
| #site-title a { | |
| color: #000; | |
| font-weight: bold; | |
| text-decoration: none; | |
| } | |
| #site-description { | |
| color: #000; | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 18px; | |
| margin: 0 0 9px 0; | |
| text-align: center; | |
| } | |
| #branding img { | |
| border: 1px solid #000; | |
| border-width: 3px 0 1px; | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| /* =Menu | |
| ----------------------------------------------- */ | |
| #access { | |
| border-top: 1px solid #ccc; | |
| display: block; | |
| float: left; | |
| margin: 0 auto; | |
| padding: 1px 0 0; | |
| width: 100%; | |
| } | |
| #access ul { | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| list-style: none; | |
| margin: 0; | |
| padding-left: 0; | |
| text-transform: uppercase; | |
| } | |
| #access li { | |
| float: left; | |
| position: relative; | |
| } | |
| #access a { | |
| color: #000; | |
| display: block; | |
| line-height: 2em; | |
| margin: 0 1px 0 0; | |
| padding: 0.25em 1em 0; | |
| text-decoration: none; | |
| } | |
| #access ul ul { | |
| -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
| -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
| box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
| display: none; | |
| float: left; | |
| font-weight: normal; | |
| position: absolute; | |
| top: 29px; | |
| left: 0; | |
| text-transform: none; | |
| z-index: 99999; | |
| width: 180px; | |
| } | |
| #access ul ul ul { | |
| left: 100%; | |
| top: 0; | |
| } | |
| #access ul ul a { | |
| background: #000; | |
| color: #eee; | |
| line-height: 1em; | |
| margin: 0; | |
| padding: .66em .5em .5em 1em; | |
| min-width: 180px; | |
| height: auto; | |
| } | |
| #access li > a:focus, | |
| #access ul ul :focus > a , | |
| #access li:hover > a, | |
| #access ul ul :hover > a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| #access ul ul a:focus , | |
| #access ul ul a:hover { | |
| background: #222; | |
| } | |
| #access ul li:focus > ul , | |
| #access ul li:hover > ul { | |
| display: block; | |
| } | |
| #access .current-menu-item a, | |
| #access .current-menu-ancestor a, | |
| #access .current_page_item a, | |
| #access .current_page_ancestor a { | |
| background: #000; | |
| color: #fff; | |
| } | |
| /* =Content | |
| ----------------------------------------------- */ | |
| .page-title { | |
| border-bottom: 1px solid #ccc; | |
| border-top: 3px solid #000; | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| letter-spacing: 0.025em; | |
| margin: 0 0 24px 0; | |
| padding: 2px; | |
| text-transform: uppercase; | |
| } | |
| .hentry { | |
| margin: 0 0 3.4em; | |
| } | |
| .single .hentry { | |
| margin: 0 0 1.7em; | |
| } | |
| .sticky { | |
| background: #fff9c0; | |
| border-top: 3px solid #d9d4a3; | |
| border-bottom: 1px solid #D9D4A3; | |
| padding: 1.7em; | |
| } | |
| .sticky .entry-meta { | |
| display: none; | |
| } | |
| .entry-title { | |
| font-size: 20px; | |
| letter-spacing: 0; | |
| line-height: 24px; | |
| padding: 0 0 8px; | |
| } | |
| .entry-title a { | |
| color: #000; | |
| } | |
| .entry-meta { | |
| color: #888; | |
| font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| } | |
| .entry-meta a { | |
| color: #888; | |
| } | |
| .entry-meta a:focus , | |
| .entry-meta a:hover { | |
| color: #df0000; | |
| } | |
| .entry-content, | |
| .entry-summary { | |
| margin: 0.85em 0 0 0; | |
| } | |
| .entry-content h1, | |
| .entry-content h2, | |
| .entry-content h3, | |
| .entry-content h4 { | |
| margin-bottom: 0.425em; | |
| } | |
| .entry-content h1, | |
| .entry-content h2 { | |
| font-size: 28px; | |
| line-height: 34px; | |
| } | |
| .entry-content h1 { | |
| border-bottom: 1px solid #ccc; | |
| padding-bottom: 0.425em; | |
| } | |
| .entry-content h3 { | |
| letter-spacing: 0.025em; | |
| text-transform: uppercase; | |
| } | |
| .entry-content h4 { | |
| color: #888; | |
| font-size: 17px; | |
| font-style: italic; | |
| } | |
| .entry-content h5, | |
| .entry-content h6 { | |
| font-weight: bold; | |
| } | |
| .entry-content h5 { | |
| font-size: 12px; | |
| } | |
| .entry-content h6 { | |
| font-size: 10px; | |
| } | |
| .entry-content table { | |
| border: 1px solid #ccc; | |
| margin: 0 -1px 24px 0; | |
| text-align: left; | |
| } | |
| .entry-content tr th, | |
| .entry-content thead th { | |
| font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-weight: bold; | |
| line-height: 18px; | |
| padding: 9px 12px; | |
| } | |
| .entry-content tr td { | |
| border-top: 1px solid #ccc; | |
| padding: 6px 12px; | |
| } | |
| .entry-content tr.odd td { | |
| background: #f2f7fc; | |
| } | |
| .entry-content table dl { | |
| margin: 0; | |
| } | |
| .entry-content .gallery { | |
| margin: 0 auto 1.7em; | |
| } | |
| #content .gallery dl.gallery-item { | |
| float: left; | |
| margin: 0 2% 2%; | |
| text-align: center; | |
| } | |
| #content .gallery-columns-1 dl.gallery-item { | |
| margin: 0 0 2%; | |
| width: 100%; | |
| } | |
| #content .gallery-columns-2 .gallery-item { | |
| width: 46%; | |
| } | |
| #content .gallery-columns-3 .gallery-item { | |
| width: 29.33%; | |
| } | |
| #content .gallery-columns-4 .gallery-item { | |
| width: 21%; | |
| } | |
| #content .gallery-columns-5 .gallery-item { | |
| width: 16%; | |
| } | |
| #content .gallery-columns-6 .gallery-item { | |
| width: 12.67%; | |
| } | |
| #content .gallery-columns-7 .gallery-item { | |
| width: 10.29%; | |
| } | |
| #content .gallery-columns-8 .gallery-item { | |
| width: 8.5%; | |
| } | |
| #content .gallery-columns-9 .gallery-item { | |
| width: 7.11%; | |
| } | |
| #content .gallery-item img { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| #content .gallery .gallery-caption { | |
| color: #888; | |
| font-size: 12px; | |
| margin: 0 0 0.7em 0; | |
| } | |
| #content .gallery br+br { | |
| display: none; | |
| } | |
| #content .entry-attachment img { /* single attachment images should be centered */ | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| .page-link { | |
| font-weight: bold; | |
| margin: 0 0 1.7em; | |
| word-spacing: 0.25em; | |
| } | |
| .page-link a { | |
| font-weight: normal; | |
| } | |
| .entry-info { | |
| clear: both; | |
| color: #888; | |
| font-size: 13px; | |
| position: relative; | |
| } | |
| .entry-info a { | |
| color: #888; | |
| } | |
| .entry-info a:focus , | |
| .entry-info a:hover { | |
| color: #df0000; | |
| } | |
| .entry-info p { | |
| margin: 0; | |
| } | |
| .entry-info .comments-link a { | |
| color: #333; | |
| display: block; | |
| float: right; | |
| font-weight: bold; | |
| margin: -2px 1px 0 5px; | |
| padding: 2px 10px; | |
| text-decoration: none; | |
| } | |
| .entry-info .comments-link a:focus , | |
| .entry-info .comments-link a:hover { | |
| background: #222; | |
| background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333); | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111)); | |
| -moz-border-radius: 14px; | |
| border-radius: 14px; | |
| -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| color: #fff; | |
| text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); | |
| } | |
| .entry-info .edit-link { | |
| clear: both; | |
| } | |
| /* =Attachments | |
| ----------------------------------------------- */ | |
| .image-attachment div.entry-meta { | |
| float: left; | |
| } | |
| .image-attachment #image-navigation { | |
| float: right; | |
| margin: -1px 0 0.85em 0; | |
| } | |
| .image-attachment .entry-content { | |
| clear: both; | |
| } | |
| .image-attachment .entry-content .entry-attachment { | |
| background: #eee; | |
| margin: 0 0 1.7em; | |
| padding: 0.85em; | |
| text-align: center; | |
| } | |
| .image-attachment .entry-content .attachment { | |
| display: block; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .image-attachment .entry-content .entry-caption p { | |
| margin: 0; | |
| padding: 0.85em 0 0; | |
| } | |
| /* =Images | |
| ----------------------------------------------- */ | |
| #content img.size-auto, | |
| #content img.size-large, | |
| #content img.size-full, | |
| #content img.size-medium, | |
| #content img.size-thumbnail, | |
| .entry-attachment img, | |
| .post-format-content img { | |
| max-width: 100%; | |
| width: auto; | |
| height: auto; | |
| } | |
| #content img.wp-smiley { | |
| margin: 0; | |
| } | |
| img.alignleft, | |
| img.alignright, | |
| img.aligncenter { | |
| margin-bottom: 2px; | |
| } | |
| .wp-caption { | |
| background: #eee; | |
| font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| margin-bottom: 1.7em; | |
| padding: 5px 3px 10px; | |
| text-align: center; | |
| max-width: 96%; | |
| } | |
| .wp-caption img, | |
| #content .wp-caption img { | |
| margin: 2px 0 0 0; | |
| max-width: 98.5%; | |
| width: auto; | |
| height: auto; | |
| } | |
| .wp-caption .wp-caption-text { | |
| margin: .5em 0 0 0; | |
| } | |
| #content object, | |
| #content embed, | |
| .post-format-content object, | |
| .post-format-content embed, | |
| .post-format-content iframe { | |
| max-width: 100%; | |
| } | |
| /* =Asides | |
| -------------------------------------------------------------- */ | |
| .home #content .aside { | |
| border-left: 1px solid #ccc; | |
| font-size: 13px; | |
| margin: 0; | |
| padding: 0 0 0 0.85em; | |
| } | |
| /* =Gallery listing | |
| -------------------------------------------------------------- */ | |
| .format-gallery .size-thumbnail img { | |
| border: 10px solid #eee; | |
| margin-bottom: 0; | |
| } | |
| .format-gallery .gallery-thumb { | |
| float: left; | |
| margin-right: 0.85em; | |
| } | |
| .home #content .format-gallery .entry-info { | |
| } | |
| /* =Post Formats | |
| -------------------------------------------------------------- */ | |
| .format-link .entry-title { | |
| display: none; | |
| } | |
| a.entry-format, | |
| a.entry-format:visited, | |
| a.entry-format:focus , | |
| a.entry-format:hover { | |
| color: rgba(0,0,0,.2); | |
| display: inline-block; | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| margin: 0 0 10px; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| } | |
| .format-audio .wp-audio-shortcode { | |
| margin-bottom: 15px; | |
| } | |
| /* =Navigation | |
| -------------------------------------------------------------- */ | |
| .navigation { | |
| margin: 0 0 1.7em 0; | |
| overflow: hidden; | |
| } | |
| .navigation a:visited { | |
| color: #0060ff; | |
| } | |
| .navigation a:visited:focus, | |
| .navigation a:visited:hover, | |
| .navigation a:active, | |
| .navigation a:focus , | |
| .navigation a:hover { | |
| color: #df0000; | |
| } | |
| .nav-previous { | |
| float: left; | |
| width: 50%; | |
| } | |
| .nav-next { | |
| float: right; | |
| text-align: right; | |
| width: 50%; | |
| } | |
| #nav-above { | |
| } | |
| #nav-above, | |
| .single #nav-below { | |
| display: none; | |
| } | |
| .paged #nav-above, | |
| .single #nav-above { | |
| display: block; | |
| } | |
| /* =Widgets | |
| ----------------------------------------------- */ | |
| .widget-area { | |
| overflow: hidden; | |
| } | |
| .widget-area, | |
| .widget-area input { | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| .widget-area ul ul a { | |
| text-decoration: none; | |
| } | |
| .widget-area ul ul a:focus , | |
| .widget-area ul ul a:hover { | |
| text-decoration: underline; | |
| } | |
| .widget-area ul { | |
| list-style: none; | |
| margin: 0; | |
| } | |
| .widget-area ul ul { | |
| list-style: square; | |
| margin: 0 0 1.5em 1.5em; | |
| } | |
| .widget-area ul ul ul { | |
| margin-bottom: 0; | |
| } | |
| .widget-area ul ul li { | |
| padding: 4px 0; | |
| } | |
| .widget-title { | |
| border-bottom: 1px solid #ccc; | |
| border-top: 3px solid #000; | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| letter-spacing: 0.025em; | |
| margin: 0 0 8px 0; | |
| padding: 2px; | |
| text-transform: uppercase; | |
| } | |
| .widget-container { | |
| margin: 0 0 1.5em 0; | |
| } | |
| /* Search Widget */ | |
| #s { | |
| width: 60%; | |
| } | |
| /* Calendar Widget */ | |
| #wp-calendar { | |
| width: 100%; | |
| } | |
| #wp-calendar caption { | |
| font: 13px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-weight: bold; | |
| text-align: left; | |
| padding: 0 2px 6px; | |
| } | |
| #wp-calendar th { | |
| color: #888; | |
| font-size: 11px; | |
| text-align: center; | |
| } | |
| #wp-calendar tbody td { | |
| text-align: center; | |
| } | |
| #wp-calendar tfoot td { | |
| padding-top: .2em; | |
| } | |
| #wp-calendar tfoot #next { | |
| text-align: right; | |
| } | |
| #wp-calendar tbody a { | |
| text-decoration: underline; | |
| } | |
| #wp-calendar a:visited { | |
| color: #0060ff; | |
| } | |
| #wp-calendar a:visited:focus , | |
| #wp-calendar a:visited:hover { | |
| color: #df0000; | |
| } | |
| /* Flickr Widget (WP.com) */ | |
| #flickr_badge_wrapper { | |
| background-color: transparent !important; | |
| border: none !important; | |
| } | |
| /* Cloud Widgets */ | |
| .wp_widget_tag_cloud div, | |
| .widget_tag_cloud div { | |
| line-height: 1.7em; | |
| padding: 0.2em 0; | |
| word-wrap: break-word; | |
| } | |
| /* =Comments | |
| ----------------------------------------------- */ | |
| #comments { | |
| word-wrap: break-word; | |
| } | |
| #comments h3 { | |
| border-bottom: 1px solid #ccc; | |
| font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| letter-spacing: 0.025em; | |
| margin: 0 0 8px 0; | |
| padding: 2px; | |
| text-transform: uppercase; | |
| } | |
| #comments ol { | |
| list-style: none; | |
| margin-left: 0; | |
| } | |
| #comments ul { | |
| list-style: none; | |
| margin-left: 0.425em; | |
| } | |
| #comments li { | |
| position: relative; | |
| } | |
| #comments li.pingback { | |
| background: #eee; | |
| margin: 0 0 1.7em; | |
| padding: 0.85em; | |
| } | |
| #comments li.pingback + li.pingback { | |
| margin-top: -1.65em; | |
| } | |
| #comments li.pingback p { | |
| font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| margin: 0; | |
| } | |
| #comments ul li { | |
| border-left: 1px solid #ccc; | |
| border-bottom: none; | |
| padding: 0 0 0 0.85em; | |
| } | |
| #comments .comment-author { | |
| margin: 0 66px 0.85em 0; | |
| } | |
| #comments .comment-author cite { | |
| font-size: 16px; | |
| font-style: normal; | |
| font-weight: bold; | |
| } | |
| #comments .comment-meta, | |
| #comments .comment-meta a { | |
| color: #888; | |
| font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; | |
| } | |
| #comments .comment-meta a:focus , | |
| #comments .comment-meta a:hover { | |
| color: #df0000; | |
| } | |
| #comments .avatar { | |
| border: 1px solid #ccc; | |
| padding: 3px; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| } | |
| #comments .comment-body { | |
| margin-right: 66px; | |
| } | |
| #respond input[type=text] { | |
| float: left; | |
| margin: 0 10px 0 0; | |
| } | |
| #respond .comment-form-comment { | |
| margin: 0; | |
| } | |
| #respond .comment-form-comment label { | |
| display: none; | |
| } | |
| #respond .form-allowed-tags { | |
| color: #888; | |
| font-size: 12px; | |
| } | |
| #respond .form-allowed-tags code { | |
| font-size: 11px; | |
| } | |
| .bypostauthor { | |
| } | |
| /* =Footer | |
| ----------------------------------------------- */ | |
| #footer { | |
| padding: 0 0 1.7em; | |
| } | |
| #footer .widget-area { | |
| float: left; | |
| margin: 0 4.04% 0 0; | |
| width: 21.9699%; | |
| } | |
| .two-column #footer .widget-area { | |
| margin: 0 5.19% 0 0; | |
| width: 47.4%; | |
| } | |
| .two-column #footer #second, | |
| #footer #fourth { | |
| margin: 0; | |
| } | |
| #colophon { | |
| border-top: 1px solid #ccc; | |
| clear: both; | |
| color: #888; | |
| font-size: 12px; | |
| font-style: italic; | |
| line-height: 16px; | |
| padding: 1.6em 0 0; | |
| text-align: center; | |
| } | |
| #colophon a { | |
| color: #888; | |
| text-decoration: none; | |
| } | |
| #colophon a:focus , | |
| #colophon a:hover { | |
| color: #df0000; | |
| } | |
| #colophon .generator-link { | |
| background: url("images/wordpress.png") no-repeat left center; | |
| display: inline-block; | |
| margin: 0 0 0 3px; | |
| padding-left: 20px; | |
| } | |
| #footer img#wpstats { | |
| display: block; | |
| margin: 0 auto 10px; | |
| } | |
| /* =Float Clearing | |
| -------------------------------------------------------------- */ | |
| .contain:before, | |
| .contain:after { | |
| content: "\0020"; | |
| display: block; | |
| height: 0; | |
| visibility: hidden; | |
| } | |
| .contain:after { | |
| clear: both; | |
| } | |
| .contain { | |
| zoom: 1; | |
| } | |
| /* =Print Style | |
| -------------------------------------------------------------- */ | |
| @media print { | |
| body, | |
| pre, | |
| ins { | |
| background: none !important; | |
| } | |
| body, input, textarea { | |
| font: 12pt Georgia, "Bitstream Charter", serif; | |
| line-height: 1.5; | |
| } | |
| #container { | |
| clear: both !important; | |
| display: block !important; | |
| float: none !important; | |
| position: relative !important; | |
| } | |
| #content { | |
| width: 100% !important; | |
| } | |
| #header { | |
| border-bottom: 1pt solid #000; | |
| padding-bottom: 18pt; | |
| } | |
| #colophon { | |
| border-top: 1pt solid #000; | |
| } | |
| #site-title, | |
| #site-description { | |
| float: none; | |
| line-height: 1.4em; | |
| margin: 0; | |
| padding: 0; | |
| text-align: left; | |
| } | |
| #site-title { | |
| font-size: 13pt; | |
| } | |
| #site-description { | |
| font-size: 10pt; | |
| } | |
| .entry-content { | |
| font-size: 10pt; | |
| line-height: 1.5em; | |
| padding-top: 15pt; | |
| } | |
| .entry-title { | |
| font-size: 16pt; | |
| padding-top: 36pt; | |
| } | |
| #access, | |
| #header img, | |
| #respond, | |
| .comment-edit-link, | |
| .edit-link, | |
| .navigation, | |
| .page-link, | |
| .widget-area, | |
| .sharing, | |
| .wpl-likebox { | |
| display: none !important; | |
| } | |
| .sidebar-content #content-container { | |
| float: none; | |
| margin: 0 0 0 -35.4%; | |
| } | |
| .sidebar-content-sidebar #content-container { | |
| float: none; | |
| margin: 0 0 0 -24.8%; | |
| } | |
| .sidebar-sidebar-content #content-container { | |
| float: none; | |
| margin: 0px 0px 0px -49.5%; | |
| } | |
| #content-container, | |
| #header, | |
| #footer { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| #content, | |
| .full-width #content, | |
| body.no-sidebars #content { | |
| margin: 24pt 0 0; | |
| width: 100%; | |
| } | |
| .wp-caption p { | |
| font-size: 11pt; | |
| } | |
| #site-info, | |
| #site-generator { | |
| float: none; | |
| width: auto; | |
| } | |
| #colophon { | |
| width: auto; | |
| } | |
| #comments { | |
| font-size: 10pt; | |
| line-height: 1.5em; | |
| } | |
| img#wpstats { | |
| display: none; | |
| } | |
| #site-generator a { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .generator-link { | |
| background: url("images/wordpress.png"); | |
| } | |
| #entry-author-info { | |
| border: 1px solid #e7e7e7; | |
| } | |
| #content-box { | |
| display: inline; | |
| } | |
| .home .sticky { | |
| border: none; | |
| background: transparent; | |
| } | |
| } | |
| /* =IE6 | |
| -------------------------------------------------------------- */ | |
| #ie6 .two-column #container { | |
| overflow: hidden; | |
| width: 770px; | |
| } | |
| #ie6 .three-column #container { | |
| width: 990px; | |
| } | |
| #ie6 #content { | |
| overflow: hidden; | |
| } | |
| #ie6 #main-sidebars { | |
| max-width: 450px; | |
| width: 45.2%; | |
| } | |
| #ie6 .content-sidebar-sidebar #secondary, | |
| #ie6 .sidebar-sidebar-content #secondary { | |
| margin: 0 0 0 4%; | |
| } | |
| #ie6 .sidebar-content-sidebar #primary { | |
| margin: 0 0 0 -100%; | |
| } | |
| #ie8 #branding img { | |
| width: auto; | |
| } | |
| #ie8 .single #branding img { | |
| width: 100%; | |
| } | |
| /* =Jetpack: Infinite Scroll | |
| -------------------------------------------------------------- */ | |
| .infinite-scroll #wrapper { | |
| margin-bottom: 40px; | |
| } | |
| .infinite-scroll #content { | |
| margin-bottom: 50px; | |
| } | |
| .infinite-scroll #content .infinite-wrap { | |
| border-top-width: 1px; | |
| padding-top: 40px; | |
| } | |
| /** | |
| * Elements to hide: | |
| * (footer widgets, post navigation, regular footer) | |
| */ | |
| .infinite-scroll #nav-below, | |
| .infinite-scroll #nav-above, | |
| .infinite-scroll.neverending #footer-widget-area, | |
| .infinite-scroll.neverending #footer { | |
| display: none; | |
| } | |
| /* Black */ | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container { | |
| background: rgba( 0, 0, 0, 0.9); | |
| border-color: #222; | |
| } | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-info a { | |
| color: #999; | |
| } | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-info a:focus, | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-credits a:focus, | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-info a:hover, | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-credits a:hover { | |
| color: #ccc; | |
| } | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-credits a { | |
| color: #ccc; | |
| } | |
| .infinite-scroll.neverending.color-dark #infinite-footer .container .blog-credits { | |
| color: #aaa; | |
| } | |
| /* Purple */ | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container { | |
| background: rgba( 225, 204, 250, 0.8); | |
| border-color: #c3b1d9; | |
| } | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-info a { | |
| color: #3a2c50; | |
| } | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-info a:focus, | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-credits a:focus, | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-info a:hover, | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-credits a:hover, | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-credits a { | |
| color: #662fb9; | |
| } | |
| .infinite-scroll.neverending.color-purple #infinite-footer .container .blog-credits { | |
| color: #4b5071; | |
| } | |
| /* Red */ | |
| .infinite-scroll.neverending.color-red #infinite-footer .container { | |
| background: rgba( 162, 0, 19, 0.8); | |
| border-color: #b92523; | |
| } | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-info a { | |
| color: #ffa48c; | |
| } | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-info a:focus, | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-credits a:focus, | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-info a:hover, | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-credits a:hover, | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-credits a { | |
| color: #dcb39b; | |
| } | |
| .infinite-scroll.neverending.color-red #infinite-footer .container .blog-credits { | |
| color: #e68d77; | |
| } | |
| /* Pink */ | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container { | |
| background: rgba( 250, 204, 214, 0.8); | |
| border-color: #c59aa4; | |
| } | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-info a { | |
| color: #502c36; | |
| } | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-info a:focus, | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-credits a:focus, | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-info a:hover, | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-credits a:hover, | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-credits a { | |
| color: #d6284d; | |
| } | |
| .infinite-scroll.neverending.color-pink #infinite-footer .container .blog-credits { | |
| color: #333; | |
| } | |
| /* Blue */ | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container { | |
| background: rgba( 204, 221, 250, 0.8); | |
| border-color: #b2c3de; | |
| } | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-info a { | |
| color: #2c3c50; | |
| } | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-info a:focus, | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-credits a:focus, | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-info a:hover, | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-credits a:hover, | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-credits a { | |
| color: #2c3c50; | |
| } | |
| .infinite-scroll.neverending.color-blue #infinite-footer .container .blog-credits { | |
| color: #333; | |
| } | |
| /* Brown */ | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container { | |
| background: rgba( 154, 114, 89, 0.8); | |
| border-color: #b38970; | |
| } | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-info a { | |
| color: #f2d6bb; | |
| } | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-info a:focus, | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-credits a:focus, | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-info a:hover, | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-credits a:hover, | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-credits a { | |
| color: #dcb39b; | |
| } | |
| .infinite-scroll.neverending.color-brown #infinite-footer .container .blog-credits { | |
| color: #ffecd0; | |
| } | |
| /** | |
| * Hooks to infinity-end body class to restore footer | |
| */ | |
| .infinity-end.neverending #footer { | |
| display: block; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment