/* Wordpress CSS requirements ============================================================================================================================================== Theme Name: Eye - lewro 2009 Theme URI: http://eye.lewro.com/ Description: Eye theme by lewro - all rights reserved - copyright 2008. ============================================================================================================================================== Lewro's blog CSS Structure ============================================================================================================================================== Title: Style sheet - Eye Design Type: General File: style.css CSS version: 1.0 Author: Roman Leinwather E-mail: roman.leinwather@gmail.com Website: http://eye.lewro.com Copyright: Copyright (c) 2009 - 2010 Roman Leinwather Updated: 01th Nov 2009 ============================================================================================================================================== Comment types: TODO: Something must be fixed KLUDGE: How the problem was fixed BUG: Description of the problem TEST: Used only fof testing. Should be removed in production version ============================================================================================================================================== TABLE OF CONTENT I. Yahoo Reset CSS II. Body III. Default Elements IV. Headings V. Links VI. Media VII. Layout VIII. Branding VIX. Navigation VX. Footer ================================================================================================================================================ */ /* I. Yahoo Reset CSS ================================================================================================================================================ */ @import url(http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css); :focus {-moz-outline-style:none;} /* does not validate */ /* II. Body ================================================================================================================================================ */ html {background: #dedcd6 url(images/bg_crosses.png) center 30px no-repeat;} body {font-family: "Gill Sans" , "Lucida Grande", Tahoma, Arial ,sans-serif; color: #919188; font-size:15px; text-shadow:1px 1px 1px #fff;} /* III. Default Elements ================================================================================================================================================ */ /* Test - no internet */ * {margin:0px; padding:0px;} p,ul,dl,ol { } ul {list-style:none;} ol { } hr { } blockquote { } blockquote p { } blockquote cite { } abbr { } abbr:hover { } del { } strong {font-weight:bold;} em {font-style:italic;} .float_left {float: left;} .float_right {float: right;} .hide_text {text-indent: -99999px;} .hide_all {display: none;} /* IV. Headings ================================================================================================================================================ */ h1 {font-size:30px;} h2 {font-size:23px; font-weight:normal; color:#797970;} h3 {font-size:18px;} h4 {font-size:15px;} /* V. Links ================================================================================================================================================ */ a:link, a:visited {color:#f75c07; text-decoration:none;} a:hover, a:focus {color:#000; text-decoration:none;} /* VI. Media ================================================================================================================================================ */ img { } /* VII. Layout ================================================================================================================================================ */ #wrapper {width:960px; margin:60px auto 0 auto; position:relative; /*background: url(images/bg_highlight.png) center 0 no-repeat; */ min-height:1000px;} #wrapper #header {float:left; width:940px; clear:both; padding:0 10px 35px 10px; } #wrapper #header h1 {float:left; width:242px; height:552px;} #wrapper #header h1 a {display:block; float:left; background: url(images/bg_logo.png) 0 0 no-repeat; width:242px; height:552px;} #content {float:left; width:940px; padding:0 10px;} #wrapper .post {float:left; width:940px; clear:both;} #wrapper .post .postDetails {float:left; width:280px; background: url(images/bg_line.png) 0 0 repeat-x;} #wrapper .post .postmetadata {float:left; width:640px; margin-left:20px; text-shadow:1px 1px 1px #f2f2f2;} /* VIII. Branding ================================================================================================================================================ */ /* VIX. Navigation ================================================================================================================================================ */ #topLinks {display:none;} #header_cover {float:left; width:698px;} #navigation {float:left; width:678px; margin-left:20px;} #navigation h2 {display:none;} #navigation a {float:left; text-indent:-99999px;} #navigation ul {float:left; width:690px;} #navigation ul li {float:left;} #navigation #nav_home {width:213px; height:400px; background: url(images/bg_nav_sprite.png) -66px -16px no-repeat;} #navigation #nav_about {width:213px; height:400px; background: url(images/bg_nav_sprite.png) -300px -16px no-repeat; margin-left:21px;} #navigation #nav_archive {width:230px; height:400px; background: url(images/bg_nav_sprite.png) -512px -16px no-repeat;} #navigation #nav_home:hover, #home #navigation #nav_home {background-position: -66px -431px;} #navigation #nav_about:hover, #about #navigation #nav_about {background-position: -300px -431px;} #navigation #nav_archive:hover, #my_archive #navigation #nav_archive {background-position: -512px -431px;} #tagsList {float:left; width:700px; text-shadow:1px 1px 1px #f2f2f2;} #tagsList h2 {float:left; width:638px; margin-left:60px; background:url(images/bg_line.png) 0 0 repeat-x; text-indent:-99999px;} #tagsList a {font-size:14px; color:#7b7b72;} #tagsList a:hover {color:#000;} #tagsList ul {float:left; width:700px;} #tagsList ul li {float:left; width:173px; margin-left:60px;} /* VX. Footer ================================================================================================================================================ */ #footer_cover {float:left; width:940px; padding:0 10px 30px 10px;} #footer {float:left; width:940px; clear:both; background: #cac8c1 url(images/bg_footer_bottom.png) bottom left no-repeat; text-shadow:none;} #footer #footer_wrapp {float:left; width:920px; padding:10px; clear:both; background:url(images/bg_footer_top.png) 0 0 no-repeat; font-size:13px;} #footer #footer_wrapp p {float:left; font-size:14px; font-weight:normal; color:#fff;} #footer #footer_wrapp h2 {float:left; font-size:14px; font-weight:normal; color:#a19f9b; margin-right:5px;} #footer #footer_wrapp ul {float:left;} #footer #footer_wrapp ul#footer_nav {float:right; width:190px;} #footer #footer_wrapp ul li {float:left; margin-left:10px;} #footer #footer_wrapp ul li a {float:left; display:block; margin-right:10px;} #footer #footer_wrapp ul#footer_nav li a {color:#fff;} #footer #footer_wrapp ul#footer_nav li a:hover {color:#000;} /* Post */ #wrapper .post .postDetails h2 {margin-top:15px; background:url(images/ico_camera.png) top right no-repeat; text-shadow:1px 1px 1px #f2f2f2;} #wrapper .post .postDetails h2 a {color:#797970;} #wrapper .post .postDetails h2 a:hover {color:#000;} #wrapper .post .postDetails .published {float:left; width:280px; margin-top:95px; display:block; background: url(images/bg_line.png) 0px 0px repeat-x; font-size:13px; color:#fff; text-shadow:1px 1px 1px #bbb;} #wrapper .post .postDetails .published span {float:left; background: url(images/ico_calendar.png) 0 0 no-repeat; padding:5px 0 5px 30px; width:250px; margin-top:5px;} #wrapper .post .postDetails .comments {float:left; width:280px; display:block; background: url(images/bg_line.png) 0px 0px repeat-x; font-size:13px; text-shadow:1px 1px 1px #bbb;} #wrapper .post .postDetails .comments span {float:left; background: url(images/ico_comments.png) 0 3px no-repeat; padding:5px 0 5px 30px; width:250px; margin-top:5px;} #wrapper .post .postDetails .comments span a {color:#fff;} #wrapper .post .postDetails .comments span a:hover {color:#000;} #wrapper .post .postDetails .tags {float:left; width:280px; display:block; background: url(images/bg_line.png) 0px 0px repeat-x; font-size:13px; color:#fff;} #wrapper .post .postDetails .tags span {float:left; padding:5px 0; width:280px; background: url(images/bg_line.png) bottom left repeat-x; font-size:15px; text-shadow: 1px 1px 1px #f0efe8;} #wrapper .post .postmetadata .entry {float:left; width:640px; background: url(images/bg_title_description.png) 0 320px no-repeat;} #wrapper .post .postmetadata .entry p {float:left; clear:both;} #wrapper .post .postmetadata .entry img {float:left; width:620px; clear:both; border:10px solid #fff;} #wrapper .post .postmetadata .entry p.description {float:left; clear:both; width:480px; margin:15px 0 0 160px; font-size:14px;} #wrapper .post .postmetadata .commentsDescription {float:left; width:640px; margin-top:15px; padding-bottom:60px;} #wrapper .post .postmetadata .commentsDescription a {display:block; float:left; width:640px; text-align:right;} /* Single Page */ #comments {float:left; width:960px;} #comments .commentList {float:left; clear:both; padding-left:300px; width:660px; background:url(images/bg_comments_vertical.png) 90px 38px no-repeat;} #comments .commentList li {float:left; clear:both; padding-bottom:60px;} #comments #commentsHeader {float:left; width:280px; margin-top:60px; text-indent:-99999px; background:url(images/bg_line.png) bottom left repeat-x;} #comments .commentList .commentSidecover {float:left; width:160px;} #comments .commentList .commentSidecover .comment_date {float:left; background: url(images/ico_calendar.png) 0 0 no-repeat; padding:5px 0 5px 25px; width:130px; margin-top:5px; color:#fff; font-size:15px; font-weight:normal;} #comments .commentList .commentSidecover img {float:left; clear:both; border:5px solid #fff;} #comments .commentList .commentSidecover cite {float:left; clear:both; width:160px; color:#f75c07; margin-top:10px;} #comments .commentList .commentTextCover {float:left; width:480px;} #comments .commentList .commentTextCover p {float:left; width:480px; padding-bottom:15px;} #comment_form_cover {float:left; clear:both; width:640px; margin: 30px 0 0 300px; padding-bottom:30px; background:url(images/bg_form_header.png) 0 15px no-repeat;} #comment_form_cover h3 {text-indent:-99999px; float:left; clear:both; width:640px;} #comment_form_wrapp {float:left; clear:both; width:640px; background:url(images/bg_line.png) bottom left repeat-x;} #comment_form_wrapp #commentform {float:left; clear:both; width:640px; padding-top:10px; background:url(images/bg_line.png) 0 0 repeat-x;} #comment_form_wrapp #commentform p {float:left; clear:both; width:460px; margin-left:180px; padding-bottom:20px;} #comment_form_wrapp #commentform p label {float:left; display:block; width:80px; text-align:right; color:#f75c07; font-size:13px; padding:5px 10px 0 0;} #comment_form_wrapp #commentform p input, #comment_form_wrapp #commentform p textarea {float:right; width:355px; padding:5px; font-family:Arial, Verdana, Sans-serif; font-size:13px; background: #c9c8c5 url(images/bg_input_top.png) 0 0 repeat-x; border-bottom:1px solid #f2f2f2; border-left:1px solid #a3a2a0; border-right:1px solid #f2f2f2; border-top:1px solid #DEDCD6;} #comment_form_wrapp #commentform p#comment_note {font-size:12px; margin-left:0px; width:640px; text-align:right;} #comment_form_wrapp #commentform p#submit_paragraph {padding-bottom:0px;} #comment_form_wrapp #commentform p#submit_paragraph label {display:block; text-indent:-99999px; text-align:left;} #comment_form_wrapp #commentform p#submit_paragraph input {border:none; padding:0px; margin:0px; height:34px; width:170px; margin-left:200px;} #comment_form_wrapp #commentform p input:hover, #comment_form_wrapp #commentform p textarea:hover {background:#d5d4d1; border-top:1px solid #f75c07; border-bottom:1px solid #fff;} /* About Page */ .about .post {padding-bottom:30px;} #wrapper .about .post h2 {font-size:19px; background: none; color:#fff; text-shadow:1px 1px 1px #bbb;} #wrapper .about .post .entry {background:none;} /* Archive */ #archive #pagetitleArhiveFor {padding: 0 0 10px 300px; width:640px; text-align:right; font-size:70px; color:#fff;} /* My Archive */ #my_archive #content {width:1000px;} #my_archive #archiveViews {float:left; clear:both; width:700px; padding-left:300px; background:url(images/bg_archive.png) 0 0 no-repeat;} #my_archive #archiveViews li {float:left; width:173px; margin-right:60px; height:133px;} #my_archive #archiveViews li img {float:left; width:173px; padding-bottom:5px;} #my_archive #archiveViews li p {display:none;} #my_archive #archiveViews li a {font-size:13px; } #my_archive #archiveViews h3{text-align:right; font-size:70px; color:#fff; padding-bottom:10px;}