/* Theme Name: geosymmetrics Theme URL: http://tstorm.bwys.org/ Description: TsundereStorm v1.0 Version: 1.0 Author: tai Author URL: tsunderestorm [at] gmail [dot] com */ /* Table of Contents +00 Unsorted +01 Basic Layout +02 Image Banners +03 Main Typography +04 Post Formatting & Typography +04A Comment Formatting & Typography +05 Custom Scrollbar (flexscroll) +06 Page Layout */ /* +00 Unsorted */ * {margin: 0; padding: 0;} img {max-width:100%;} a img {border:0 none;} body { font-family:'lucida sans','verdana',sans-serif; font-size:82.5%; } input {background:url(lay/o50.png); border:1px solid #CCCCCC;} .nobullets {list-style-type:none; list-style-image:none;} ul, ol { margin-bottom: 4px;} ul li, ol li {margin-left: 1em;} .flat li {margin-left: 0em;} ul li {list-style-type:none;} .center {margin-left:auto; margin-right:auto;} /* +01 Basic Layout */ #center {position:absolute; left:050%; top:1.8%; height:98.2%; margin-left:-496px;} /*half of total dimensions*/ #theme { width:992px; height:624px;} #bgthemeleft {position:absolute; left:000px; top:000px; width:736px; height:624px;} #bgthemeright {position:absolute; left:736px; top:000px; width:256px; height:624px;} #bgpagenonav {position:absolute; left:736px; top:255px; width:256px; height:034px;} #m_logo {position:absolute; left:576px; top:240px; width:144px; height:144px;} #m_about {position:absolute; left:736px; top:240px; width:224px; height:128px; overflow:hidden; margin:0px 16px 16px} #nav {position:absolute; left:736px; top:000px; width:256px; height:164px;} #m_featured {position:absolute; left:000px; top:000px; width:720px; height:224px;} #m_departments {position:absolute; left:000px; top:240px; width:560px; height:384px;} #m_special {position:absolute; left:576px; top:400px; width:416px; height:224px;} #single { width:992px; height:100%; /*IE6 hax*/ height:624px;} #bgpageleft {position:absolute; left:000px; top:000px; width:736px; height:100%;} #bgpageright {position:absolute; left:736px; top:000px; width:256px; height:624px;} #s_post {position:absolute; left:000px; top:000px; width:736px; height:100%; overflow:auto;} #banner {position:relative; left:000px; top:000px; width:718px; height:224px; overflow:hidden;} #s_related {position:absolute; left:736px; top:304px; width:256px; height:320px; overflow:hidden;} #s_relatedtext {position:absolute; left:016px; top:000px; width:224px; height:024px;} #s_relatedicons{position:absolute; top:028px; width:256px; height:048px;} /* +02 Image Banners and Descriptions*/ .ban {} #nav .icons {width:224px; position:absolute; left:016px; top:000px;} #nav .ban {width:104px; height:044px; overflow:hidden;} #nav #navsitename {width:224px; height:044px; position:absolute; left:000px; top:008px;} #nav #navicon0 {width:104px; height:044px; position:absolute; left:000px; top:060px;} #nav #navicon1 {width:104px; height:044px; position:absolute; left:000px; top:120px;} #nav #navicon2 {width:104px; height:044px; position:absolute; left:000px; top:180px;} #nav #navicon3 {width:104px; height:044px; position:absolute; left:120px; top:060px;} #nav #navicon4 {width:104px; height:044px; position:absolute; left:120px; top:120px;} #nav #navicon5 {width:104px; height:044px; position:absolute; left:120px; top:180px;} #nav #navprev {width:104px; height:044px; position:absolute; left:000px; top:256px;} #nav #navnext {width:104px; height:044px; position:absolute; left:120px; top:256px;} #m_special .ban {width:400px; height:064px; position:absolute; left:008px; top:000px;} #m_departments .ban {width:464px; height:064px; position:absolute; left:088px; top:000px;} #m_departments .dept {width:064px; height:064px; position:absolute; left:012px; top:000px;} #s_related .ban {width:240px; height:064px; position:absolute; left:008px; top:000px;} #m_featured .ban, #banner .ban {width:720px; height:224px; overflow:hidden;} #m_featured .dept {width:176px; height:032px; position:absolute; left:008px; top:000px;} .featureicon {width:192px; height:032px; overflow:hidden;} #m_departments .list {width:560px; height:064px; position:relative; margin-bottom:16px;} #nav .list {} #s_related .list {width:256px; height:064px; position:relative; margin-bottom:12px;} #m_special .list {width:416px; height:064px; position:relative; margin-bottom:16px;} #m_featured .thumb, #banner .thumb {width:692px; height:164px; position:absolute; left:000px; top:032px;} #m_departments .thumb, #s_related .thumb, #m_special .thumb {width:080px; height:048px; position:absolute; left:000px; top:000px;} .desc { height:060px; position:absolute; left:96px; top:000px; overflow:hidden; margin:2px 0;} #m_departments .desc {width:368px;} #s_related .desc {width:144px;} #m_special .desc {width:304px;} #s_minifeatured .desc {width:304px;} #m_featured .desc, #banner .desc {width:496px; height:032px; position:absolute; left:192px; top:000px; overflow:hidden;} .desc .author { position:relative;} #m_featured .desc .author { top:0px;} .thumb {margin: 3px; padding:04px; border:1px solid #ccc; background-image:url('lay/o50.png');} #banner .thumb, #m_featured .thumb {margin: 3px; padding:10px; border:1px solid #ccc; background-image:url('lay/o50.png');} /* +03 Main Typography */ a {color:#147; text-decoration:none;} a:visited {color:#155;} a:hover {color:#06c; text-decoration:underline;} .title a {color:#000; text-decoration:none;} .title a:visited {color:#333;} .title a:hover {color:#147;} .desc .title {font-size:1.10em; font-family:'garamond','roman'; font-weight:bold;} #s_related .title {font-size:1.05em; } .desc table {padding: 0px; margin:-2px;} .desc .author, .metatext {font-size:0.75em; color:#333;} .desc .excerpt {font-size:0.80em; margin-top:02px; text-align:justify; height:2.6em; overflow:hidden;} .desc .excerpt a {color:#000;} .desc .subtitle {font-size:0.80em; margin-top:02px; font-style:italic;} .desc .author a, .desc .author a:visited {color:#333;} .desc .author a:hover {color:#147;} .list_header {position:relative; height: 64px; margin:16px;} .list_header .title {font-family:'book antiqua','roman'; font-size:1.8em; font-weight:bold; position:absolute; left:016px; top:000px;} .list_header .subtitle {font-family:'georgia','book antiqua','roman'; font-size:0.9em; font-style:italic; position:absolute; right:00px; top:032px;} .list_header .info { font-size:0.8em; position:absolute; left:000px; top:056px;} .list_header .subtext { font-size:0.78em; position:absolute; right:00px; top:056px;} #about_text p {line-height:1.6em; margin-bottom: 4px; text-align:justify} #about_text {font-size:0.8em; color:#000;} #search_info, #commentamount {font-size: 0.8em; text-align:center;} #commentamount a {color:#000; text-decoration:none;} #commentsubmit {font-family:'lucida sans','verdana',sans-serif;} /* +04 Post Formatting and Typograpgy */ .content {width: 640px; margin-left:40px; overflow:hidden; padding-bottom:16px;} .page-header {height:16px;} .content ul li:before {content: "\00BB \0020 \2007";} .border3 {padding: 03px; background:url('lay/o50.png'); border:1px solid #ccc;} .border5 {padding: 05px; background:url('lay/o50.png'); border:1px solid #ccc;} blockquote, .wp-caption, .border10 {padding: 10px; background:url('lay/o50.png'); border:1px solid #ccc;} blockquote, .wp-caption {padding-bottom:0px;} .content .wp-caption, .content .border10 { margin-bottom:0.8em;} .content p { margin-bottom:0.4em; line-height:1.8em;} .content > p {text-indent:20px; margin-bottom:0.8em;} .content ul li {text-indent:-1.3em;} .content li {margin-left:20px; margin-bottom:0.2em; line-height:1.6em;} .content ol, .content ul { margin-bottom:0.6em;} hr {width:75%; height:5px; margin: 0 80px 0.8em; border:none; background:url('lay/o50.png');} .terminator {width:33%; margin: 0;} .singlespace {line-height:1.0;} .noindent p {text-indent:0;} .content h1, .content h2, .content h3, .content h4 {font-family: 'verdana', sans-serif; color:#333;} .content {text-align: justify;} .content h1 {font-size:1.8em; padding:0.3em 0;} .content h2 {font-size:1.4em; padding:0.3em 0;} .content h3 {font-size:1.0em; padding:0.3em 0;} .content h4 {font-size:0.8em; padding:0.3em 0; margin:-0.5em 0 0.5em; font-weight:normal;} .wp-caption {font-size:0.75em; color:#666; line-height: 1.5em; text-indent:0; margin-bottom:0} .content .alignright {text-align:right; float:right; display: inline; margin-bottom:0; margin-left:016px;} .content .alignleft {text-align:left; float:left; display: inline; margin-bottom:0; margin-right:16px;} .caption {border-bottom: 1px dotted #06c;} blockquote {width: 600px; margin-left: auto; margin-right: auto; font-family: ,'verdana', sans-serif; font-size: 0.8em; font-style: italic; text-indent:0; color:#333;} blockquote .qprop {text-align:right; font-size:0.85em; font-style:normal;} /* +04A Comment Formatting and Typography */ .comments {width: 640px; margin-left:40px; overflow:hidden; padding-bottom:16px;} #commentamount {width: 600px; margin-left:auto; margin-right:auto; margin-bottom:16px; background:transparent url(lay/o25.png);} #commentlist {width: 622px; margin-left:auto; margin-right:auto; margin-bottom:16px;} #commentlist li {border: 1px solid #ccc; padding:10px; background:url('lay/o25.png'); margin-bottom:4px;} #commentlist .authorcomment {background:url('lay/o50.png');} .commentbody {position:relative;} .commenticon {position:relative; left:000px; top:000px; width:58px; height:58px;} .avatar {padding: 05px; background:url('lay/o50.png'); border:1px solid #ccc;} .commentmeta {position:absolute; right:05px; top:005px;} .commentdate {position:absolute; left:072px; top:005px;} .commentauthor {position:absolute; left:072px; top:030px;} .commenttext {margin:0px 0px;} .commenttext p {margin-top:0.4em;} #commentform {width:622px; margin-left:auto; margin-right:auto;} #commententry {width:622px;} #commenttype {} .commenttype {width:600px; background:transparent url(lay/o50.png); border:1px solid #ccc; padding:10px; margin-bottom:5px;} .commentcreds {width:180px; font-family:verdana; font-size:1.0em; padding:2px; margin:1px;} #commentlist { font-family:verdana; font-size:0.8em;} .commentmeta { font-size:0.85em;} .commenttext { font-family:verdana; font-size:1.0em; line-height:1.6em; text-align:justify;} .commenttype { font-family:verdana; font-size:0.8em; line-height:1.6em; text-align:justify;} .commentrules { font-family:verdana; font-size:0.8em; line-height:1.6em; text-align:justify; margin-top:4px;} .commentrules code { font-family:'courier new',monospace;} .commentsubmit {float:right; width:180px;} /* +05 Custom Scrollbar (flexscroll) */ .scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;} .vscrollerbar {width: 100%; padding: 16px;} .vscrollerbase {background-image: url('lay/stripes2.png'); width:14px;} .vscrollerbasebeg {width: 100%; height: 14px !important;} .vscrollerbaseend {width: 100%; height: 14px !important;} /* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */ .hscrollerbar {height: 14px; padding:16px;} .hscrollerbase {height: 14px; background-image:url('lay/stripes2.png'); width:14px;} .hscrollerbasebeg {height: 14px !important; width: 14px;} .hscrollerbaseend {height: 14px !important; width: 14px;} .vscrollerbar, .hscrollerbar {padding: 15px; z-index: 2;} /* properties for scroller jog box, just in case */ .scrollerjogbox {width: 13px; height: 13px; top: auto; left: auto; bottom: 0px; right: 0px; background: #e0ccc3;} /* +06 Page Layout */ #search_category {position:absolute; left:192px; top:008px; width:176px;} #search_tag {position:absolute; left:384px; top:008px; width:320px;} #search_string {position:absolute; left:016px; top:008px;} #search_string_input{ width:160px;} #search_date {position:absolute; left:016px; top:052px; width:160px;} #search_info {position:relative; margin:0 16px 16px; width:680px;} #search_date_list {height:128px; overflow:auto;} #search_tag_list, #search_category_list {height:172px; overflow:auto;} #links {position:relative;} .links_list ul {} .links_list li {line-height:1.6; margin-bottom:0; list-style-type:none;} .links_list li ul li {font-size:0.85em; font-family:'verdana',sans-serif} #links_listleft {position:relative; left:10px; width:280px;} #links_listright {position:absolute; left:330px; width:280px;}