/* Theme Name: Work-a-holic Theme URI: http://graphpaperpress.com/ Description: Showcase your work on the web. Version: 1.0 Author: Chandra Maharzan for Graph Paper Press Author URI: http://graphpaperpress.com/ Tags: minimalistic, clean, fixed width, three column, two column, separate blog, portfolio */ /* load 960 framework @import url("library/960/reset.css"); @import url("library/960/text.css"); @import url("library/960/960.css");*/ /*RESET*/ 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,b,u,i,center,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-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /*TEXT*/ body{font:14px/1.4 Georgia,serif;} /*@font-face { font-family: 'Communist Regular'; src: url('fonts/COMMUNIS.eot'); src: local('Communist Regular'), local('Communist'), url('fonts/COMMUNIS.woff') format('woff'), url('fonts/COMMUNIS.ttf') format('truetype'), url('fonts/COMMUNIS.svg#Communist') format('svg'); }*/ a:focus{outline:1px dotted invert} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1{font-size:20px} h2{font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size:18px;text-transform:uppercase} h3{font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size:16px} h4{font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform: uppercase;font-size:14px} h5{font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform: uppercase;font-size:14px;margin-top: 10px} h6{font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform: uppercase;background-color: #ff5b5b;color: #FFF;font-size:13px;padding: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} ol{list-style:decimal} ul{list-style:square} li{margin-left:30px} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:15px} blockquote {margin: 1em 2em;color: #444;background-color: #f5f7f7;border-left: 2px solid red;padding: 10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topright:10px; } /*960*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* global styles */ body {background: #FFF} h1,h2,h3,h4,h5 {color:#444;} a {text-decoration: none;border-bottom:1px solid #ddd; color: red} a:hover {background-color: red;color:#FFF;} h4 {font-size:18px;margin:0;padding:0;color:#333} strong {font-weight: bold} #imgrss a {text-decoration: none; border-bottom: none} #imgrss a:hover {background-color: #red;color: black;text-decoration: none; border-bottom: none} .newsletter {font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform: uppercase;background-color: #fffc00;color: #000;font-size:13px;padding: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .newsletter a:hover{font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform: uppercase;background-color: #fffc00;color: #000;font-size:13px;padding: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} /* headers */ #header {margin-top: 15px;margin-bottom: 5px;} #header #logo {float:left} #header h1 {margin:0;text-transform: uppercase;font-size: 25px;padding:0;line-height: 1} #header h1 a {color: #333;border:none;} #header h1 a:hover {background-color: red;color:#FFF;} #header .description {color:#bbb;font-family: Georgia;font-style: italic;font-size: 15px } /* intro text */ #introduction h2 {font-size:20px;font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;margin:0 0 5px 0;padding:0;} #introduction h3 {font-family: Georgia, sans-serif;line-height:20px;color: #666;font-size: 18px;word-spacing: 0.3em;font-style: italic;padding-top: 10px;} /*paragraphe*/ .post p {padding-right: 20px;line-height: 1.5em;} /* NAVIGATION - Basic code - don't modify */ #nav-drop {float:right;margin:3px 30px 0 50px;padding:0;} #nav-drop li { text-align: left; display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; cursor:default; z-index: 5} #nav-drop a { display: block; z-index: 4;} #nav-drop ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #nav-drop ul { line-height: 0; } /* IE6 "fix" */ #nav-drop ul a { zoom:1;line-height: 1.1 } /* IE6/7 fix */ #nav-drop ul li { float: none; margin:0;padding:-1px} #nav-drop ul ul { top: 0; } /* MAIN NAVIGATION _ Essentials - configure this */ #nav-drop ul { width: 130px;} #nav-drop ul ul { left: 130px; } /* MAIN NAVIGATION - Everything else is theming */ #nav-drop *:hover { background-color: none; color:#FFF} #nav-drop a {font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform:uppercase;color: #000; font-size: 13px; padding: 10px 15px; line-height: 1; border:none;-moz-border-radius:1px;-webkit-border-radius:1px;} #nav-drop li.hover a { background-color: red;} #nav-drop ul li a {color: #FFF;background-color: #ff5b5b; font-weight: normal;-moz-border-radius:0px;-webkit-border-radius:0px;} #nav-drop ul a.hover { background-color: #ff5b5b; } #nav-drop li ul li a { } /* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */ /* Navigation Highlights .current-cat a, .current_page_item a {font-weight:bold;}*/ /* NAVIGATION - Search for something */ #search { position: relative; float: right; top: 5px; height:40px; width:165px;} #search #s { float: left; display: block; margin:0;padding: 5px 5px 5px 20px; width: 140px; border: none; font-size: 12px; color: #FFF; vertical-align: bottom; background: red url(images/search.png) 3px 5px no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height: 1} #search #s:hover { color: #000;background: #EF0000 url(images/search.png) 3px 5px no-repeat;} /* Portfolio Gallery */ #gallery {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border:10px solid #f8f6f2;} #gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;} #gallery-nav li {display: inline; margin:0;} /*#gallery-nav li.current {background: #e5ded6; }*/ #gallery-nav li.current a {color:red} #gallery-nav li a {color:#000; border: none; padding:5px} #gallery-nav li a:hover {background-color: red;color:#FFF; border: none; padding:5px} /*portfolio sidebar*/ .separateDiv a:hover {background:#red} #sidebar {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-radius: 5px;border: none;margin:6px;padding: 10px 5px 0 0; background: #f8f6f2;} #sidebar h5 a:hover {background-color: red} /* content */ #content h2 {text-transform: uppercase;font-size: 20px;margin-bottom: 15px;} #content div.portfolio{background: #fff url(images/thumb-bg.gif) 8px 8px no-repeat;margin-bottom: 22px;} div.portfolio a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;} div.portfolio h4 {position:relative;} div.portfolio a:focus { text-decoration: none; } div.portfolio a:hover { background: url(images/thumb-bg.gif) 7px 7px no-repeat;} div.portfolio img {position: absolute;top: 7px;left: 7px;width: 284px;height: 150px;border: 0;z-index:3;} div.portfolio span.title {font-size: 14px;font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;text-transform: uppercase;position:absolute;bottom:0;left:0;padding:20px 20px 38px 25px;} div.portfolio span.category {position:absolute;bottom:0;left:0;margin:0 20px 20px 25px; font-size:12px;color:#aaa;} #content div.portfolio span.category a {font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size:12px;border: none;color:red;text-transform: uppercase} #content div.portfolio span.category a:hover {font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size:12px;border: none;color:#000;text-transform: uppercase} #blogthumb h2 {text-transform: uppercase;font-size: 16px;margin-bottom: 15px;} #blogthumb div.portfolio{background: #fff url(images/thumb-bg.gif) 8px 8px no-repeat;margin-bottom: 22px;} #blogthumb div.portfolio a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;} #blogthumb div.portfolio h4 {position:relative;} #blogthumb div.portfolio a:focus { text-decoration: none; } #blogthumb div.portfolio a:hover { text-decoration: none; } #blogthumb div.portfolio img {position: absolute;top: 7px;left: 7px;width: 284px;height: 150px;border: 0;z-index:3;} #blogthumb div.portfolio span.title { position:absolute;bottom:0;left:0;padding:20px 20px 38px 25px;} #blogthumb div.portfolio span.category { position:absolute;bottom:0;left:0;margin:0 20px 20px 25px; font-size:12px;color:#aaa;} #blogthumb div.portfolio span.category a {font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size:12px;border: none;color:red;text-transform: uppercase} #blogthumb div.portfolio span.category a:hover {font-family: "Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size:12px;border: none;color:#000;text-transform: uppercase} /* prev next navigation */ .navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;text-align:center} .next {background: url(images/next.gif) 0 -66px no-repeat;width: 85px; height: 33px;float: right} .prev {background: url(images/prev.gif) 0 -66px no-repeat;width: 115px; height: 33px;float: right} .next a {background: url(images/next.gif) 0 0 no-repeat;} .prev a {background: url(images/prev.gif) 0 0 no-repeat;} .next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;} .next a {width:85px;} .prev a {width:115px;} .next a:hover, .prev a:hover {background-position: 0px -33px;border:none} .navigation-archive .prev {float:left} /* widgets */ h3.sub {margin-bottom:7px;text-transform: uppercase} .item ul li {display: block;list-style:none;border-top:1px solid #ddd;margin:0;padding:8px 0;} .item ul li a {text-align: right;font-family:"Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size: 12px;text-transform: uppercase;display: block;border: none;} .item ul li a:hover {background:red} .item dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left} .item dd {padding-bottom:7px;} .portfolio p {text-align: right;margin: 0;padding: 0;font-family:Georgia,Times; font-style: italic;font-size: 12px;} .item h4 {color:#666;margin-bottom: 10px} .textwidget {margin-bottom:30px} #wp-calendar {width: 100%} #wp-calendar td {text-align: center;} #wp-calendar thead {font-weight: bold;background: #eee} #wp-calendar td#prev {text-align: left} #wp-calendar td#next {text-align: right} /* Content Area */ .postmetadata {font-family:"Andale Mono", Monaco, Consolas, "lucida Console", monospaced, Verdana;font-size: 11px;text-transform: uppercase} small {color: #bbb} hr.dotted {padding: 5px;border:none;border-bottom: 2px dotted #BBB } .pagetitle, .post h2 {margin-top:10px} .post h3 a{background-color: red;color: #FFF;text-transform: uppercase;padding: 5px;} .post h3 a:hover{background-color: red;color:#000;text-transform: uppercase;padding: 5px;} /* Form Elements */ input,textarea {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;font-size: 12px;-webkit-border-radius: 5px;border: none;padding:6px; background: #E5DED6;line-height: 1} textarea {font-family: "Lucida Sans"} #submit {font-weight: bold; padding: 5px 10px;border:1px solid #aaa} /* Comments */ #respond h3 {border-bottom: 1px solid #ddd;padding-bottom:7px;margin-top:10px} .commentlist {padding: 0;margin: 0;} .commentlist li {margin: 10px 0 0px;padding: 10px 10px 10px 10px;list-style: none;border:1px solid #ddd; } .commentlist li ul {padding: 0;margin: 0;} .commentlist li ul li {margin-right: 0px;margin-left: 0px;} .commentlist li .avatar {float: left;border: 1px solid #eee;padding: 2px;background: #fff;margin-right:10px} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;} .commentmetadata {font-weight: normal;font-size: 11px} .children { padding: 0; } .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0 0 10px 0;display: block;} .even {background:#f8f6f2;} .alt {padding: 5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#f8f6f2;} ul.children li.odd {background: #f6ede7;} .thread-odd {background: #f6ede7;} .thread-even {background:#f8f6f2;} .depth-1 {} .says {display:none;} .cancel-comment-reply small {font-size:1em;} .bypostauthor {background: #fff} .cancel-comment-reply {margin-bottom: 20px} /* TABLEAU */ table { border-collapse:collapse; width:100%; } th, td { border-right:1px solid red;padding:5px; } td { text-align:center;padding:3px; } .menu a{font-size:0.8em;display:inline;white-space:nowrap;list-style-type:none;} /* STATS */ img#wpstats{display:none}