Thứ Năm, 27 tháng 9, 2012
/*Theme Name: Aurora
*Theme URI: http://www.mbwebdesign.co.uk/templates/wordpress
*Description: This is a theme by Mathew Browne of MB Web Design. The stunning photograph is courtesy of Nick Russill. Click here to view the photo in its full glory. Theme is widget- and Gravatar- ready, compatible with Wordpress 2.3 to 2.6
*Version: 2.0
*Tags: dark, green, sandbox, aurora, fixed width, two columns, widget ready, clean, 2 column, 2 columns, 1024, 1024px, black
*Author: Mathew Browne, MB Web Design
*Author URI: http://www.mbwebdesign.co.uk
*Latest updated: August 25, 2008 */
/* CSS RESET */
::-webkit-scrollbar {
width: 13px;
height: 13px; }
::-webkit-scrollbar:hover {
height: 18px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 13px;
display: block;
background: #101211;
background-repeat: no-repeat; }
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(scrollbar/horizontal-decrement-arrow.png);
background-position: 4px 3px; }
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(scrollbar/horizontal-increment-arrow.png);
background-position: 3px 3px; }
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(scrollbar/vertical-decrement-arrow.png);
background-position: 3px 4px; }
::-webkit-scrollbar-button:vertical:increment {
background-image: url(scrollbar/vertical-increment-arrow.png);
background-position: 3px 4px; }
::-webkit-scrollbar-button:horizontal:decrement:active {
background-image: url(scrollbar/horizontal-decrement-arrow-active.png); }
::-webkit-scrollbar-button:horizontal:increment:active {
background-image: url(scrollbar/horizontal-increment-arrow-active.png); }
::-webkit-scrollbar-button:vertical:decrement:active {
background-image: url(scrollbar/vertical-decrement-arrow-active.png); }
::-webkit-scrollbar-button:vertical:increment:active {
background-image: url(scrollbar/vertical-increment-arrow-active.png); }
::-webkit-scrollbar-track-piece {
background-color: #151716; }
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
border: 1px solid #0d0d0d;
border-top: 1px solid #666666;
border-left: 1px solid #666666; }
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
border: 1px solid #1f1f1f;
border-top: 1px solid #666666;
border-left: 1px solid #666666; }
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
/* remember to define focus styles! */
:focus {
outline: 0; }
body {
line-height: 1;
color: black; }
ol, ul {
list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal; }
blockquote, q {
padding: 12px 24px;
background: #888888; }
/* END CSS RESET */
html {
background: #262927 url(background.png) repeat-x;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
#wrapper {
margin: 0px auto;
margin-top: 8px;
background-color: #181b19;
width: 940px;
border: 1px solid #383c37;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.2; }
#header {
display: block;
background-image: url("aurora.jpg");
height: 275px;
background-repeat: no-repeat;
margin: 8px;
padding-top: 0px;
border: 1px solid #262927; }
#blog-title, #blog-description {
margin-top: 10px;
margin-left: 10px;
display: none; }
#blog-title * {
color: white;
text-decoration: none;
font-size: 50px; }
#blog-description {
color: white;
font-size: 20px;
padding-left: 20px; }
#blog-description * {
color: white;
font-size: 20px;
padding-left: 20px; }
.sidebar {
float: right;
width: 350px;
margin-right: 8px;
margin-bottom: 19px;
color: #c1bcac;
background-color: #1f2320;
border: 1px solid #262927;
padding: 10px 0px 10px 0px; }
.post {
padding-bottom: 40px; }
.post-single {
padding-bottom: 10px; }
.clearboth {
clear: both; }
.page-link {
clear: both;
width: 100%; }
/* -----| Typography |--------------------------------------------------- */
a {
color: white;
text-decoration: none; }
a:hover {
text-decoration: underline !important; }
h1, h2, h3, h4, h5, h6, #container blockquote, .entry-date, #wp-calendar caption {
margin-bottom: 0.8em;
font-family: verdana, sans-serif;
font-weight: normal;
margin-top: 0px;
padding-top: 0px;
line-height: 1.3em; }
h1 {
font-size: 1.6em; }
h2 {
font-size: 1.4em; }
h3, #wp-calendar caption {
font-size: 1.2em; }
p, #container li {
margin-bottom: 0.9em;
margin-top: 0.5em;
line-height: 1.5; }
blockquote p {
margin-bottom: 0.5em; }
#container {
float: left;
width: 565px;
margin-left: 8px;
color: #e6e3d7;
font-size: 1.1em;
margin-bottom: 19px; }
#container ul {
list-style-type: disc;
padding-left: 2em; }
#container ol {
list-style-type: decimal;
padding-left: 2em; }
#container h1 {
color: #cade58;
margin-bottom: 8px;
margin-right: 0px;
display: block; }
#container h1 a {
color: #cade58;
display: block;
text-decoration: none; }
#container h1.entry-title {
font-family: "Droid Sans Mono";
background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.6);
padding: 4px 12px; }
#container h1.entry-title a {
padding: 0; }
#container h2 a {
color: #cade58;
padding-bottom: 10px;
display: block;
text-decoration: none;
border-bottom: 1px solid #262960; }
#container blockquote {
margin: 12px 24px;
padding: 12px;
font-size: 1.2em;
background-color: #343a35;
border-top: 1px solid #262927;
border-bottom: 1px solid #262927; }
#container blockquote blockquote {
margin: 0px 10px;
padding: 5px;
background-color: #1f2320;
border-top: 1px solid #262927;
border-bottom: 1px solid #262927; }
.post {
position: relative; }
.entry-rail {
border-top: 1px solid #262927;
padding: 1em 0; }
.entry-rail .reddit_button {
color: white;
line-height: 12px; }
.entry-rail .reddit_button a {
display: inline-block; }
.entry-date {
position: absolute;
top: 0;
left: -66px;
border-top: 1px solid #51574f;
border-left: 1px solid #51574f;
border-bottom: 1px solid #181917;
background: #383c37;
padding: 3px 6px;
margin: 0px 0px 10px 10px;
font-family: "Droid Sans Mono";
color: #777777;
text-shadow: 1px 1px #222222; }
.entry-date .month {
font-size: 1.2em; }
.entry-date .day {
font-size: 2em;
padding: 3px 0;
color: white; }
.entry-date .year {
font-size: 0.8em; }
.entry-date * {
text-align: center; }
h2, h3, h4, h5, h6 {
color: #cade58; }
.author {
padding-bottom: 5px; }
.entry-content {
clear: both;
background: #1e211f;
padding: 5px 10px;
border: 1px solid #262927;
font-size: 13.5px;
font-family: Helvetica, sans-serif; }
.syntaxhighlighter {
padding: 1em 0; }
.syntaxhighlighter .lines {
text-shadow: 0px !important; }
.entry-content > p {
line-height: 1.7;
text-shadow: 1px 1px #111111; }
.entry-content a {
font-weight: bold; }
/*DATE */
.sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
margin: 0px 10px 0px 10px; }
.sidebar ul li {
list-style-type: none;
padding: 0;
margin: 0; }
.sidebar ul ul {
margin: 0px; }
.sidebar ul li {
margin-bottom: 15px;
margin-top: 15px; }
.sidebar ul li ul li {
margin: 0; }
.sidebar ul #about {
line-height: 1.6;
font-size: 10px;
background: #161816;
padding: 10px;
clear: both;
margin: -9px;
border: 1px solid #0e0f0e;
border-bottom: 1px solid #292f2a;
border-right: 1px solid #292f2a; }
#profpic {
margin: -23px -5px 5px 8px;
background: #393e3b;
padding: 2px; }
#wp-calendar, .calendar_wrap {
width: 100%;
text-align: center; }
#wp-calendar caption {
color: #cade58; }
#wp-calendar td {
text-align: center; }
#wp-calendar th {
text-align: center;
font-weight: bold; }
#wp-calendar a {
color: #cade58;
background-color: #181b19;
border: 1px solid #262927;
display: block;
text-align: center; }
#wp-calendar a:hover {
color: #cade58;
background-color: #262927;
display: block;
border: 1px solid #262927;
text-decoration: none; }
#footer {
margin: 10px auto;
font-size: 0.7em;
padding: 5px 0px 5px 0px;
width: 920px;
color: #666666;
text-align: right; }
#footer a {
color: #666666; }
.meta-sep {
color: #333333; }
.nav-previous {
float: left;
width: 45%; }
.nav-next {
float: right;
width: 45%;
text-align: right; }
.nav-previous a, .nav-next a {
display: block;
padding: 3px;
color: #cade58;
background-color: #1f2320;
border: 1px solid #262927;
padding: 5px 15px; }
.nav-previous a:hover, .nav-next a:hover {
background-color: #262927;
color: white;
text-decoration: none; }
.navigation {
margin-bottom: 20px;
margin-top: 20px; }
.entry-meta {
border-top: 1px solid #262927;
margin-top: 10px;
font-size: 11px;
border-top: none;
clear: both;
line-height: 1.6;
padding: 0 10px 10px;
color: #787360; }
.entry-meta a {
color: #aca58a; }
.entry-meta ul li {
padding: 0;
margin: 0; }
abbr {
border: none; }
#s {
border: 1px solid #262927;
background: #181b19;
width: 90px;
color: #c1bcac;
padding: 3px; }
#searchsubmit {
border: 1px solid #262927;
width: 50px;
background: #262927;
color: #c1bcac;
padding: 3px; }
#searchsubmit:hover {
color: #cade58;
border: 1px solid #c1bcac; }
#noresults-s {
border: 1px solid #383c37;
background: #262927;
width: 180px;
color: #c1bcac;
padding: 3px; }
#comment {
border: 1px solid #383c37;
background: #262927;
width: 180px;
color: #c1bcac;
padding: 3px;
width: 450px; }
#noresults-searchsubmit {
border: 1px solid #262927;
width: 50px;
background: #262927;
color: #c1bcac;
padding: 3px; }
#submit {
border: 1px solid #262927;
background: #262927;
color: #c1bcac;
padding: 3px;
margin-top: 5px; }
#noresults-searchsubmit:hover, #submit:hover {
color: #cade58;
border: 1px solid #c1bcac; }
.alignright {
float: right;
margin: 10px 0px 5px 10px; }
.alignleft {
float: left;
margin: 10px 10px 5px 0px; }
.aligncenter {
margin: 10px auto; }
code {
font-family: "Inconsolata", monospace;
background: #262927;
border: 1px solid #2b2e2c;
color: #fafafa; }
pre code {
background: #0b0c0c;
display: block;
padding: 10px;
border: 1px solid #262927;
overflow: hidden; }
pre code:hover {
width: 860px;
z-index: 999; }
#meta, #pages {
display: none; }
.comment {
padding-bottom: 20px;
background: #1e211f;
padding: 10px; }
#respond {
padding-bottom: 20px;
background: #1e211f;
padding: 10px;
padding: 15px;
margin-top: 50px; }
#respond input {
background: #262927;
border: 1px solid #383c37;
margin-bottom: 10px;
color: #c1bcac;
font-size: 20px;
padding: 5px; }
#respond textarea {
background: #262927;
border: 1px solid #383c37;
margin-bottom: 10px;
color: #c1bcac;
font-size: 20px;
padding: 5px;
width: 97%; }
.comment-content {
background: #262927;
border: 1px solid #2b2e2c;
padding: 10px;
font-size: 13px; }
.comment-author {
font-size: 23px; }
.comment-meta {
font-size: 11px;
margin-bottom: 4px; }
.avatar {
float: left;
padding: 3px;
margin-right: 10px;
border: 1px solid #2b2e2c;
background-color: #262927; }
table.data {
border-collapse: collapse;
border-color: #383c37;
background: #262927;
width: 100%; }
table.data th {
font-weight: bold;
text-align: center;
background-color: #383c37;
padding: 3px 10px;
color: #eeeeee; }
table.data td {
padding: 3px 10px;
color: #eeeeee; }
strong {
font-weight: bold; }
em {
font-style: italics; }
#admin_controls {
margin: 0;
padding: 0;
list-style: none;
position: fixed;
right: 20px;
bottom: 0; }
#admin_controls li a {
display: inline-block;
background: #cccccc;
color: #444444;
border: 1px solid #dadada;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-khtml-border-top-left-radius: 5px;
-khtml-border-bottom-left-radius: 0;
-khtml-border-top-right-radius: 5px;
-khtml-border-bottom-right-radius: 0;
border-radius: 5px 5px 0 0;
padding: 7px 15px;
font-size: 10px;
border-bottom: 0; }
.sidebar h3 {
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold; }
#archives > ul, #categories > ul {
border-top: 1px solid #1b1f1c;
border-bottom: 1px solid #292f2a;
margin: 0 -10px; }
#archives ul li, #categories ul li {
display: block; }
#archives ul li a, #categories ul li a {
display: block;
padding: 4px 12px;
-webkit-transition: all 0.1s linear;
font-weight: bold;
font-size: 0.9em;
color: #888888;
border-bottom: 1px solid #1b1f1c;
border-top: 1px solid #292f2a; }
#archives ul li a:hover, #categories ul li a:hover {
background: #1c1e1c;
padding-left: 24px;
color: white; }
.gitfollow {
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
text-decoration: none;
border: 0; }
