/* Theme Name: Arman Theme Theme URI: http://arman.boyaci.ca/ Description: The default WordPress theme based on the famous starkers. Version: 1.0 Author: Arman Boyaci Author URI: http://arman.boyaci.ca/ Tags: blue, custom header, fixed width, two columns, widgets */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; color:#353535; background: url(images/bg.gif) top center repeat-x #E0E4CC; } ul { list-style: square inside; } ol { list-style: decimal inside;} a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } ul li {list-style-type: none;} /* Files */ a[href $='.rar'] {padding-left: 20px; background: transparent url(my-icons/icon_package_get.gif) no-repeat center left;} a[href $='.pdf'] {padding-left: 20px; background: transparent url(my-icons/file_acrobat.gif) no-repeat center left;} a[class ='top'] {padding-left: 20px; background: transparent url(my-icons/page_up.gif) no-repeat center left;} a[target ='_blank'] {padding-left: 20px; background: transparent url(my-icons/page_html.gif) no-repeat center left;} /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .clear-right { clear: right; } .clear-left { clear: left; } .button, .older-newer a, #search-nav a { border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } .button:hover, .older-newer a:hover, #search-nav a:hover { background: #990000; color: white; } .visitsite { float: right; margin-right: 10px; display: inline; } .scrnshot { float: left; width: 62px; margin: 0 0 10px 15px; } ::selection { background: #A7DBD8; /* Safari */ } ::-moz-selection { background: #A7DBD8; /* Firefox */ } /* TYPGROGRAPHY */ p, li { margin: 0 5px 15px 0; font-size: 1.2em; line-height: 1.2em; color:#555;} p { letter-spacing: 1px; word-spacing: 2px; font-size: 1.5em; line-height: 1.8em; color:#555} #main-col p { margin-bottom: 15px; } p#intro-paragraph { font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; letter-spacing: 0px; word-spacing: 0px;} p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph em { color: #555; background-color: #FA6900 ; letter-spacing: 1px; padding: 0 5px 0 5px;} em {letter-spacing: 1px; } a { color: #F38630 } a:hover { background-color: black ; color: #F38630 } h1 { font-size: 5.4em; font-family: Georgia, serif; font-weight: normal; color: #C9CDB7 ; letter-spacing: 5px; cursor: default; padding-bottom: 10px;} h2 { font-size: 3.2em; font-family: Georgia, serif; font-weight: normal; letter-spacing: 1px; cursor: default; color:#222; text-transform: uppercase;} h3 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; letter-spacing: 0px; word-spacing:3px; line-height:1.2em} h4 { font-size: 1.2em; color: #333; letter-spacing:1px;} h5 { font-size: 1.6em; font-family: Georgia, serif; color: #999; letter-spacing:2px;} .post h4 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #900; } blockquote { border-left: 30px solid #d9d9d9; padding-left: 10px; font-family: georgia, serif; font-style: italic; } code { font-size: 12px; display: block; margin: 0 0 10px 0; padding: 5px; background: #eee; } #explanation { line-height: 30px; width: 450px;} /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #page-wrap { width: 960px; /*margin: 0px auto -200px;*/ margin: 0px auto; min-height: 100%; height: auto !important; height: 100%;} #push { height: 200px;} #header { margin: 0px auto; height: 85px; background: #000; border-top: 3px solid #FA6900; border-bottom: 3px solid #FA6900;} #main-intro { padding:0 0px 0 0px; margin-top:5px; margin-bottom: 5px; border-bottom:1px dashed #C9CDB7 } #blog { width: 960px; margin:0px auto} #main-content { width: 500px; float: left;} .post { width: 750px; margin-top:25px;} #footer { height: 150px; background: #000; border-top: 3px solid #FA6900; } /* Header */ #header-inside {width:960px; margin: 0 auto} #header { text-align: left; letter-spacing: 2px; margin-top: 10px} #header ul { list-style: none; padding-top:25px;} #header ul li { display: inline; margin-right: 1px; font-size: 1.4em;} #header ul li a { font-family:Arial, sans-serif; font-size: 1.6em; color: #E0E4CC; padding: 25px 25px 25px 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 1.6em; } #header ul li a:hover { background: #FA6900 ; color: #000;} /* MAIN-CONTENT */ .tags { margin: 5px 0 15px 2px; color: #555;} .tags a { color: #A7DBD8; background: black; padding: 2px 5px 2px 5px; } .tags a:hover { color: #F38630;} #main-content h1 {} #main-content h2 {} #main-content h3 {font-size:1.8em; margin-bottom: 5px; letter-spacing:-1px;} #main-content div.post { margin-bottom: 50px} #nextprevious {margin-top:40px;} .date {float:left;height: 40px; width: 30px; background-color: #C9CDB7; border:1px solid #aaa; padding: 10px; padding-top:10px; padding-right:15px; text-align:center; color:white; font-size:2.2em; font-family: Georgia, serif; } .date>div {text-align:center; margin-top:2px; font-size:0.4em} .postDesc {text-align:left} .postA {padding-left:10px;width:430px;} .attachment-post-thumbnail, .attachment-single-post-thumbnail, .wp-post-image {border:1px solid #aaa; padding: 2px; margin-bottom: 15px;} .attachment-post-thumbnail {margin-left:10px;} #main-content img {border:1px solid #aaa; padding: 2px;} /* COMMENTS */ #comments {clear: both; float:left; margin-top:50px; padding-top:5px; border-top:1px dashed #C9CDB7;} #comments h3 {margin-bottom: 20px;} #comments h5 {} .gravatar {float:left; margin: 5px 20px 5px 20px;} .comment {float:left; width:400px; border-bottom:1px dashed #C9CDB7; } #commentform {border:1px solid #aaa; width:700px; background-color:#C9CDB7; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; letter-spacing:1px;} #commentform input[type="text"] {font:bold 10px/12px verdana,arial,serif;padding:3px; margin: 5px 0 5px 0; background-color:#E0E4CC } #commentform textarea {font:bold 12px/14px verdana,arial,serif;padding:3px; margin: 5px 0 5px 0; background-color:#E0E4CC } #commentform input[type="submit"] {font:bold 10px/12px verdana,arial,serif;padding:3px; margin: 5px 0 5px 0; background-color:#E0E4CC } /* HEADER */ h1#logo { padding: 0; margin: 0; width: 309px; height: 111px; background: url(images/armanboyaci.gif) top left no-repeat; text-indent: -9999px;float: left; cursor: pointer; } h2#scienceblog { padding: 0; margin: 0; width: 200px; height: 111px; background: url(images/scienceblog.png) top left no-repeat; text-indent: -9999px;float: left; cursor: pointer; } h2#logo { padding-top: 0; margin: 0; width: 200px; margin-right:20px; height: 80px; background: url(images/logo.jpg) top left no-repeat; text-indent: -9999px;float: left; cursor: pointer;} /* Footer */ #footer-inside { width: 960px; margin: 0 auto} #footer { text-align: left; padding-top: 20px; letter-spacing: 2px; margin-top: 50px} #footer ul { list-style: none;} #footer ul li { display: inline; margin-right: 50px;} #footer ul li a { font-family:Arial, sans-serif; font-size: 1.6em; color: #E0E4CC; padding: 5px; padding-left: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #footer ul li a:hover { background: #FA6900 ; color: #000;} #tagCloud {width:400px;} /* HOMEPAGE */ /*#E0E4CC*/ #left-col { float:left; width:330px; } #right-col { float:right; width:620px; } #blog-left-col { float:left; width:330px; border-right:1px dashed #C9CDB7; padding-right:10px;} #blog-right-col { float:right; width:600px; } h3#creativitysharinglearning {padding: 0; margin: 0; width: 300px; height: 20px; background: url(images/creativitysharinglearning.png) top left no-repeat; text-indent: -9999px;} #myphoto { display: block; margin-top:20px; } h1#logo2 { padding: 0; margin: 0; width: 309px; height: 111px; background: url(images/armanboyaci2.gif) top left no-repeat; text-indent: -9999px;} #interests { padding: 20px 20px 0 0; float:right; text-align: center;} #interests h4 {font-size: 1.6em; color: #333; height: 150px; width: 100px; letter-spacing:-1px;} #interests div { float:right; padding: 5px; margin-left: 8px; height:150px; width: 100px; border:1px solid #69D2E7; background: #A7DBD8 ; color: #000; vertical-align: top; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #interests div:hover { background-color: #F38630;} /*#interests div h4 { font-size: 1.3em; color: #333; height: 150px; width: 100px;}*/ #interests #graph { background: transparent url(images/graph.gif) no-repeat center left;} #interests #pattern { background: transparent url(images/pattern.gif) no-repeat center left;} #interests #stat { background: transparent url(images/stat.gif) no-repeat center left;} #interests #heuristic { background: transparent url(images/heuristic.gif) no-repeat center left;} #interests #stochastic { background: transparent url(images/stochastic.gif) no-repeat center left;} /* INFO */ #info { width: 550px; background: #A7DBD8; border:1px solid #69D2E7; margin: 30px 20px 0 0; padding: 50px 10px 50px 30px; float:right; cursor: default; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #info a { color: #FA6900; letter-spacing: 3px; font-style:italic; font-weight:bold;} #web, #or, #bogazici {position:absolute; background: black; color: #F38630; padding: 20px 40px 10px 40px; font-family: Georgia, serif; font-size: 14px; letter-spacing: 2px; text-align: center; font-style: italic; /*font-weight: bold*/; -moz-border-radius: 10px; -webkit-border-radius: 10px; display:none;} #bogazici ul, #or ul, #web ul {list-style: none;} #bogazici ul li, #or ul li, #web ul li {margin-bottom: 10px;} #or {top: 150px; right: 350px;} #bogazici {top: 40px; right: 200px;} #web {top: 150px; right: 100px;} td, th { padding: 5px } th { border-bottom: 1px solid #900}