/* Theme Name:FolioGrid Dark Theme URI:thefloatingfrog.co.uk/ Description:A slick grid based Wordpress Portfolio theme. Version:1.0 Author:The Floating Frog Author URI:http://www.thefloatingfrog.co.uk Tags:simple, clean, single column, grid, portfolio, dark */ /* Global reset -------------------------------------------------------------------*/ html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0 auto; padding:0;} body {width:auto;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; } fieldset,img { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; width:100%;} table td { padding:0 10px 0 0; } .hidden, .screen_reader, hr { display:none; } /* Paragraph default styling, amend as desired */ p { margin:0 0 1em 0; padding:0; } /* Default link styling */ a { color:#f0eeee; text-decoration:underline; } a:hover { color:#f0eeee; text-decoration:none; } /* Float an element left with a margin */ .floatL { float:left; } /* Float an element right with a margin */ .floatR { float:right; } /* Float an element right with a margin */ .italic { font-style:italic; } /* Italisise */ .upper { text-transform:uppercase; } /* Italisise */ .clear { clear:both; } .hideText { text-indent:-3000em; overflow:hidden; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } blockquote { padding:20px; margin:0 40px 20px 20px; border-left:3px solid #fff; clear:both; } /* Default -------------------------------------------------------------------*/ html, body { font:11px/1.4em Georgia, "Times New Roman", Times, serif; color:#aaa; } /* body {background: url(http://leila.ro/pub/bck-level-vodka.jpg) repeat-x scroll center top #232323; }*/ body {background:#232323; padding:0px 25px 50px 25px; _padding:10px 0 0 0; margin:0; text-shadow:#000 0 1px 0;} /* Template -------------------------------------------------------------------*/ #header { background:#232323; width:960px; height:55px; position:relative; top:0; left:0; z-index:100; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 1); overflow:hidden; } #wrapper { padding:20px; clear:both; position:relative; z-index:50; top:60px; } #contentwrap { position:relative; } #coreContent { width:960px; margin:0 auto; } #content { width:620px; float:left; } #sidebar { width:260px; float:right; } #foliogrid { margin-left:65px 0 60px -1px; _margin-left:-30px 0 0 15px; } /* Header -------------------------------------------------------------------*/ #header div { float:left; margin:0; padding:20px 0 18px 20px; color:#777; text-shadow:none; } #header form { float:left; margin:0; padding:0; } #header h3 { text-transform:uppercase; padding:0; float:left; margin:0 10px 0 0; } #header p { padding:0; margin:0; } #header a { color:#e2e2e2; font-style:italic; text-decoration:none; } #header a:hover { text-decoration:underline; } #header input, #header select { background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:3px; margin:-4px 0 0 0; border:0; color:#666; font-size:11px; font:10px/1em Georgia, "Times New Roman", Times, serif; color:#555; float:left; } #header input { width:auto; } #header ul { list-style:none; padding:0; margin:0; float:left; } #header ul li { float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; } #header ul li.first { border-left:0; padding:0; margin:0; } .blogInfo { text-transform:uppercase; font-size:14px; } /* Post -------------------------------------------------------------------*/ h1 { border-bottom:1px dotted #232323; padding-bottom:20px; } h1, h1 a { font-size:36px; line-height:1.2em; margin:0 0 15px 0; font-style:italic; text-decoration:none; text-shadow:#000 0 3px 1px; } h1 a:hover { text-decoration:underline; } #coreContent h2, #coreContent h3, #coreContent h4 { font-size:24px; line-height:1.2em; margin:0 0 20px 0; color:#fff; font-style:italic; border-top:1px dotted #444; padding:10px 0; text-shadow:#000 0 2px 1px; } #coreContent h3 { font-size:18px; } #coreContent h4 { font-size:14px; } .post { background:#232323; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; position:absolute; border:1px solid #333; zoom: 1;} .post > div { padding:10px; _width:180px; _padding:0; } .post:hover, .whiteBlock:hover { -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 1); } .post:active, .whiteBlock:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); } .post-header { margin:0 0 20px 0; height:190px; } .post-content { margin:0 0 20px 0; height:20px; } .post-content h2 { font-size:11px; margin:0 0 10px 0; text-transform:uppercase; color:#fff; } .post-content a { text-transform:capitalize; color:#fff; font-style:italic; text-decoration:underline; } .post-content a:hover { text-decoration:none; } .post-content h2 a { text-decoration:none; text-transform:uppercase; font-style:normal; } .post-content h2 a:hover { text-decoration:underline; } .post-footer { line-height:1em; height:20px; text-align:right; } .post-footer a { text-decoration:underline; } .post-footer a:hover { text-decoration:none; } .copyright { text-transform:uppercase; color:#aaa; font-size:10px; } .copyright p { margin:0; } .copyright a { text-transform:capitalize; color:#fff; font-style:italic; } .whiteBlock { background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; color:#666; -webkit-border-radius:3px; border:1px solid #444; font-size:125%; line-height:1.6em; margin:0 0 20px 0; text-shadow:none; } .whiteBlock > div { padding:30px; _padding:0; } #coreContent .whiteBlock h2, #coreContent .whiteBlock h3, #coreContent .whiteBlock h4 { color:#232323; text-shadow:none; } #coreContent .whiteBlock a { color:#000; } .whiteBlock h1 { border-bottom:1px dotted #ccc; padding-bottom:20px;text-shadow:none; } .whiteBlock h1, .whiteBlock h1 a { text-shadow:none; color:#232323; } .whiteBlock h1 a:hover { text-decoration:underline; } .whiteBlock a img { background-color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #444; } .whiteBlock a img:hover { -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); } .whiteBlock a img:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); } .singlepost { font-size:125%; line-height:1.6em; margin:20px 0; } .singlepost > div { } .singlepost img { border:1px solid #444; } .singlepost a img:hover, .singlepost a img:active { -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.8); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.8); } .archiveTitle h2 { font-size:14px; color:#f0eeee; font-style:italic; margin:0; } .archiveTitle .currentCat { margin:0 0 10px 0; height:41px} .archiveTitle .currentCat span { font-weight:bold; } .archiveTitle .spaced { margin:0 0 30px 0; } .archiveTitle h3 { font-size:14px; color:#f0eeee; font-style:italic; margin:0 0 20px 0; } .archiveTitle ul { list-style:none; padding:0; margin:0 0 30px 0; font-style:italic; } .archiveTitle ul ul { margin:0; font-style:italic; } .archiveTitle ul li { padding:0 0 0 20px; font-style:italic; } .archiveTitle ul ul li { padding:0; } .archiveTitle p { margin:0 0 30px 0; } .archiveTitle .back { margin:0; } .alignleft { float:left; margin:0 30px 30px 0; } .alignright { float:right; margin:0 0 30px 30px; } .pagination { border-top:1px dotted #444; border-bottom:1px dotted #444; } .prevpost { float:left } .nextpost { float:right } .prevpost a { background:#008000; padding:10px 15px; margin:0; display:block; font-weight:bold; text-decoration: none;} .nextpost a { background:#FF3300; padding:10px 15px; margin:0; display:block; font-weight:bold; text-decoration: none;} .prevpost a:hover, .nextpost a:hover { background:#000; color:#f0eeee; font-size:1.4em; text-shadow:none; font-weight:bold; font-style:italic; } /* Sidebar elements -------------------------------------------------------------------*/ ul.sidebar_list { list-style:none; padding:0; font-size:1.3em; } ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin:0 0 2.5em 0; line-height:1.4em; border:0; } li.widget h2 { font-size:18px; line-height:1.2em; margin:0; color:#aaa; font-style:italic; border:0; border-bottom:1px solid #666; padding:0 0 10px 0; } li.widget p { margin:0 0 1.5em 0; padding:0 10px; } li.widget ul { list-style:none; margin:0; padding:0; } li.widget ol { list-style:none; margin:0; padding:0; } /* Footer elements -------------------------------------------------------------------*/ #footer { border-top:1px solid #444; padding:30px 0 10px 0; text-transform:uppercase; font-size:0.9em; clear:both; } #footer h3 { text-transform:uppercase; padding:0; float:left; margin:0 10px 0 0; } #footer p { padding:0; margin:0; } #footer a { color:#fff; font-style:italic; text-transform:capitalize; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer ul { list-style:none; padding:0 30px 0 0; margin:0; float:left; } #footer ul li { float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; } #footer ul li.first { border-left:0; padding:0; margin:0; } #footer p { float:right; margin:0; padding:0; text-transform:uppercase; } .copyright { text-transform:uppercase; } .copyright a { text-transform:capitalize; } .left, .prev { float:left; } .right, .next { float:right; } /* Comments -------------------------------------------------------------------*/ #comments { clear:both; } #comments h4 { font-size:18px; line-height:1.2em; margin:0; color:#f0eeee; font-style:italic; border-top:1px dotted #444; padding:10px 0; } .commentEntry { padding:15px 0; border-top:1px dotted #444; border-bottom:1px dotted #444; margin-bottom:-1px; } .avatar { float:left; background:#fff; padding:10px; margin:0 30px 15px 0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #444; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); } .commentContent { float:left; width:800px; padding:5px; font-style:italic; color:#f0eeee; } .commentMeta { border-top:1px dotted #444; font-size:0.9em; font-style:normal; padding:12px 0 0 140px; clear:both; } .commentMeta a { font-style:italic; } .nocomments { font-size:1.2em; padding:25px 0; } .leaveComment { padding-bottom:19px; } /* Comment form --------------- */ .commentForm { text-transform:uppercase; margin:0; padding:15px 0; } .commentForm em { text-transform:lowercase; font-style:italic; color:#f0eeee; font-size:0.9em; } .commentFormLeft { float:left; width:460px; } .commentFormRight { float:right; width:460px; } label { display:block; font-size:0.9em; } input[type=text], textarea { border:1px solid #666; padding:7px 5px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; width:450px; } textarea { height:153px; } input:focus, textarea:focus { border-color:#999; color:#232323; } input[type=submit] { padding:3px 10px; color:#fff; font-weight:bold; background:#666; border:1px solid #666; border-radius:3px; -webkit-transition:border-color .2s ease-in, background-color .2s ease-in; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; } input[type=submit]:hover, input[type=submit]:focus { background:#000; border-color:#000; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); } #content .commentFormLeft, #content .commentFormRight { float:none; width:auto; } #content input[type=text], #content textarea { width:608px; clear:both; } #content .commentMeta { padding:12px 0 0 0; } #sidebar input[type=text], #sidebar textarea { width:248px; } #content .contactform input[type=text], #content .contactform textarea { width:530px; }