/* Theme Name: Academic Clear Theme URI: http://www.reactant.ru/project/academic-clear-theme.html Description: Light and compact theme with costumizable Flickr photo and Twitter sidebars Version: 1.0 Author: ATimofeev [Re.Актив] Author URI: http://www.reactant.ru/about.html Tags: light, white, red, two-columns, three-columns, fixed-width, theme-options, left-sidebar, photoblogging */ /* Defaults ----------------------------------------------- */ html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;} * {font-size:100.01%;} /* -----------[ Main ]----------- */ html {width:100%;height:100%;} html {background:#FFF;} html, input, select, textarea {font: 62.5% Tahoma, Verdana, Helvetica, sans-serif;} body {width:940px; margin:0 auto;} body {font-size:1.4em;} body {color:#363636;} input, select, textarea {font-size:1.1em;} h1,h2,h3,h4,h5,h6,pre,code {font-size: 1.3em; font-weight:normal;} /* -----------[ Elements ]----------- */ table {border-collapse:collapse;} fieldset {border: solid 0 transparent;} ul li {list-style:none;} a img,:link img,:visited img {border:none;} a:link, a:visited, a:focus, a:hover, a:active {text-decoration:underline;color:#0584d3;} a:hover {text-decoration:none;} /* -----------[ Class ]----------- */ .Bo, .CLe {height:0;font-size:0;visibility:hidden;} .Bo {clear:both;} .CLe {clear:left;} .Hi {font-size:0; visibility:hidden;} #Wrapper {float:left; width:100%; margin-top:40px;padding-bottom:40px;} /* Global ----------------------------------------------- */ /* -----------[ Sidebar ]----------- */ #Sidebar {width:300px;float:left;} /* -[ Standart block ]- */ #Sidebar .Block {float:left;width:100%; margin-top:20px;} #Sidebar .Block h3 {font-family:Georgia;font-size:1.6em; margin-bottom:10px;} #Sidebar .Block h3 {color:#727272;} #Sidebar .Block p {margin-top:3px;} /* -[ Logo ]- */ #Sidebar .Logo {margin-bottom:20px;} #Sidebar .Logo h1 a {font-family:Georgia;font-size:1.6em; display:block; padding:3px;margin-bottom:5px;} #Sidebar .Logo h1 a {color:#FFF; background:#d90b0b url(i/gl/sidebar-logo_bg.png) repeat-x 0 100%;} #Sidebar .Logo strong {font-weight:normal;font-size:0.9em;} /* -[ Fotos ]- */ #Sidebar .Fotos .Portrait {height:320px; position:relative;} #Sidebar .Fotos .Portrait {background:#EEE; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #Sidebar .Fotos .Portrait img {position:absolute;top:10px;left:10px;} #Sidebar .Fotos .List a {display:block; float:left; padding:7px;margin:10px 5px 0 5px;} #Sidebar .Fotos .List a {background:#EEE;} /* -[ Cats ]- */ #Sidebar .Categories ul li {margin-bottom:3px;} #Sidebar .Categories ul li a {font-size:1.2em;} /* -----------[ Content ]----------- */ #Content {margin-left:320px;} #Content h3 {font-family:Georgia;font-size:1.6em; margin-bottom:10px;} #Content h3 {color:#727272;} /* -[ Post ]- */ #Content #Post {margin-bottom:20px;padding-bottom:20px;} #Content #Post {border-bottom:#ababab 1px dashed;} #Content #Post .Info {margin-bottom:15px;} #Content #Post .Info .Date {font-size:1.2em; display:block;float:left; padding-right:10px;margin-right:10px;} #Content #Post .Info .Date {border-right:#ababab 1px solid;} #Content #Post .Header {margin-bottom:15px;} #Content #Post .Header .Comment {font-size:1.2em; display:block;float:right; margin-top:10px;} #Content #Post .Header .Comment {color:#000;} #Content #Post .Header h2 {font-size:2em;} #Content #Post .Header h2 a {color:#be2f21;} #Content #Post .Event {line-height:1.5em;} #Content #Post .Event embed, #Content #Post .Event img {display:block;margin:5px 5px 5px 0;} #Content #Post .Event p {margin-bottom:10px;} #Content #Post .Event p:first-letter {font-size:2.1em;font-family:Georgia;} #Content #Post .Event p + p:first-letter {font-size:1em;} /* -[ Pager ]- */ #Content #Pager {font-size:1.2em; margin-top:5px;} #Content #Pager {color:#727272;} #Content #Pager a {color:#000;} /* -[ Other ]- */ #Content #Other {float:left; width:100%; padding-bottom:20px;} #Content #Other .Posts, #Content #Other .Cload {float:left; width:310px;} /* -[ Posts ]- */ #Content #Other .Posts .Inner {padding-right:10px;} #Content #Other .Posts .Inner .RSS {float:left; margin:3px 3px 0 0;} #Content #Other .Posts .Inner span {display:block; height:22px;overflow:hidden;} #Content #Other .Posts .Inner span a {color:#be2f21;} /* -[ Cload ]- */ #Content #Other .Cload .Inner {padding-left:10px; line-height:1.8em;} /* -[ Bottom ]- */ #Bottom {} #Twitter dl {margin-bottom:10px;} #Twitter dl dt {font-size:0.8em; position:relative; height:32px;overflow:hidden;} #Twitter dl dt {background:url(i/gl/twit-dl_bg.png) no-repeat 0 0;} #Twitter dl dt a {position:absolute; top:8px;left:65px;} #Twitter dl dd {font-size:0.9em; padding:5px 10px;} #Twitter dl dd {background:#EEE; -moz-border-radius:5px;-webkit-border-radius:5px;} /* -----------[ Comments ]----------- */ #Comments {margin-bottom:20px;} #Comments ol {list-style:none;} #Comments ol li {margin-bottom:10px;} #Comments ol li em {font-style:normal;} #Comments ol li em {color:#727272;} #Comments h3, #CommentsForm h3 {font-family:Georgia;font-size:1.6em; margin-bottom:10px;} #Comments h3, #CommentsForm h3 {color:#727272;} #CommentsForm textarea {display:block;float:left; width:600px;height:150px; margin:5px 0;padding:3px;} #CommentsForm textarea {border:#ababab 1px solid;} .subscribe-to-comments {float:left;width:100%;} #CommentsForm .Button {padding:3px;} #CommentsForm .Button {background:#d90b0b;color:#FFF; -moz-border-radius:5px;-webkit-border-radius:5px;border:none;cursor:pointer;} #CommentsForm .field {float:left;margin-right:5px;padding:3px;} #CommentsForm .field input {width:142px;} #CommentsForm .field input {border:#ababab 1px solid;} /* -----------[ Footer ]----------- */ #Footer {clear:left; padding-top:20px; text-align:center;} #Footer .Logo {display:block; margin-top:5px;} #Footer .Lx {font-size:0.8em; margin-top:10px;} #Footer .Lx, #Footer .Lx a {color:#727272;} .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }