/* Theme Name: My port theme Theme URI: http://smallestdecisions.net Description: Portfolio theme Author: me Author URI: http://smallestdecisions.net */ /*Reset*/ * { margin: 0; padding: 0; } html, body { height: 100% } body { background: white;} ul li {list-style: none;} a {outline: none; text-decoration: none;} a img {border: none;} img {vertical-align: middle;} table {border-collapse: collapse;} /*Utility*/ .floatLeft {float: left;} .floatRight {float: right;} .clear {clear: both;} .button {border: 1px solid black; background: white; color: black; padding: 3px;} .button:hover {border: 1px solid white; } /*Typography*/ a {color: black;} a:hover, a:visited {color: black;} h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; } /*Structure*/ #page-wrap {margin: 0px auto; font-size: 62.5%; font-family: Arial, sans-serif; color: black;} #main-col {padding: 8px 0; font-size: 1.8em; line-height: 1.4em;} /* was padding: 20px 0; trying less so it's closer to top fade out thing */ #main-col a {text-decoration: underline; font-family: Georgia, serif; font-style: italic;} #main-col a:hover {background: black; color: white;} .inside {width: 1024px; margin: 0px auto;} /* was 900 px*/ /*Header*/ #header {height: 220px; background: url(header_fade5.png) bottom left repeat-x black; } #header-inside h1 {font-size: 44px; height: 50px; padding: 10px 0; color: white; } #header-inside {position: relative;} #myname {display: none;} /* font-family: Georgia, "Times New Roman", Times, serif; font-size: 32px; height: 50px; color: white; position: absolute; top: 21px; right: 21px; */ #logo {background: url(logo_sd.jpg) no-repeat; width: 131px; height: 128px; color: black; text-indent: -99999px; float: left; padding-right: 20px;} #skip {text-indent: -99999px;} /*Menu*/ #menu-bar {font-family: Georgia, serif; font-size: 22px; margin: 0 auto; } #main-nav {list-style: none; font-size: 1.2em; float: left;} #main-nav li {display: inline;} #main-nav a, #main-nav a:visited {padding: 10px 25px 4px 0px; float: left; width: auto; color: white; text-decoration: underline; font-style: italic;} /* to add the separate services page, change padding right from 50px to 25px*/ #main-nav a:hover {text-decoration: none;} #main-nav li.current_page_item a {text-decoration: none;} /*Footer*/ #footer {height: 250px; padding-top: 50px; font-size: 1.6em; line-height: 1.6em; background: url(footer_fade5.png) top repeat-x black;} #footer-inside {padding-top: 25px; color: white;} #footer-credits {width: 550px; float: left;} #footer-nav {width: 120px; float: left;} #searchbar {width: 130px; float: right;} #footer a {color: white; text-decoration: underline;} #footer a:hover {background: white; color: black;} #footer h4 {font-size: 1.3em; font-weight: normal;} /*Specific page styling*/ /*main page*/ #firstline {font-size:1.4em; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0 8px 0;} /* took out font-style: italic;*/ #intro {width: 487px; float: left; padding: 0 20px 0 0;} /*was 425px wide */ #intro h2 {font-size: 1.4em; padding: 0 0 20px 0;} /*added padding so not messing around with
after each h2 in intro and featured */ #featured-project {width: 462px; float: right; padding: 0 0 10px 0; } /*was 400px wide */ #featured-project h2 {font-size: 1.4em; padding: 0 0 20px 0;} #featured-project p {padding: 0 0 0px 10px;} /* smaller font size font-size: .8em; line-height: 1.1em; */ #featured-project h3 {font-size: 1.1em; padding: 15px 0 5px 10px;} #featured-project img { } #featured-project a {font-size: 1.0em;} #featured-thumb {width: 290px; height: 150px; border: 5px black solid; margin: 0 0 8px 0; overflow: hidden;} /*from when services was on main page, keep for now */ #services {width: 400px; float: right; } #services h2 {font-size: 1.4em;} #services h3 {font-size: 1.2em;} #services li {padding-left: 8px; padding-bottom: 6px;} #services ul {padding-left: 2px; padding-bottom: 3px; text-indent: -1em;} /*services separate page*/ #services-page {} #services-page h2 {font-size: 1.4em;} #services-page h3 {font-size: 1.2em; padding: 0 0 10px 0;} /*still working on adjusting this, try out the padding see if it's better*/ #services-page li {padding-left: 8px; padding-bottom: 6px;} #services-page ul {padding-left: 8px; padding-bottom: 3px; text-indent: -1em;} /*changed padding-left from 2px to 8px to indent the ul a bit from main copy*/ /*FAQ page*/ .question {font-weight: bold;} /*Contact page*/ #form input:focus, #form select:focus, #form textarea:focus {background:#EBEBEB;} #form-error {color: red;} /*Portfolio page, new design*/ .site {width: 340px; float: left; padding: 0 0 25px 0;} .site-thumb {width: 290px; height: 150px; overflow: hidden; border: 5px black solid;} .site h3 {font-size: 1.2em; padding: 10px 4px 4px 4px;} .site p {font-size: .8em; padding: 0 0 0 5px;} #portfolio h2 {font-size: 1.4em; padding: 0 0 15px 0;} #portfolio a {font-size: 1.4em;} #thumb-theme1 {display: none;} /*Portfolio single pages*/ .thumbnail {height: 300px; width: 400px; padding-right: 10px; float: left;} .thumbnail-ani {height: 240px; width: 320px; padding-right: 10px; float: left;} .thumbnail img {border: black 5px solid;} .description {width: 535px; float: right;} /*was width: 475px; */ .description-ani {width: 595px; float: right;} .prev-next-design {text-align: center; padding: 20px 0 0 0;} .prev-next-design a {padding: 3px 5px 3px 5px;} /*Portfolio thumbs*/ /* #port-thumbs {} #websites {background: black; position: relative; width: 900px; height: 780px;} #animation {} #spacerl {background: white; width: 295px; height: 155px; position: absolute; top: 0; left: 0;} #spacerr {display: none; } /*background: white; width: 295px; height: 155px; position: absolute; top: 0; right: 0;*/ /*#port-thumbs-print {display: none;} #thumb1 {position: absolute; right: 5px; bottom: 5px;} #thumb1 a, #thumb1 a:visited {display: block; background: url(/thumbs/sprite_thumb_portold.jpg) no-repeat top; height: 150px; width: 290px; text-indent: -99999px;} #thumb1 a:hover {background: url(/thumbs/sprite_thumb_portold.jpg) bottom ;} #thumb2 {position: absolute; right: 305px; bottom: 5px; } #thumb2 a, #thumb2 a:visited {display: block; background: url(/thumbs/sprite_thumb_roberts.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb2 a:hover {background: url(/thumbs/sprite_thumb_roberts.jpg) bottom ;} #thumb3 {position: absolute; left: 5px; bottom: 5px; } #thumb3 a, #thumb3 a:visited {display: block; background: url(/thumbs/sprite_thumb_wedding.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb3 a:hover {background: url(/thumbs/sprite_thumb_wedding.jpg) bottom ;} #thumb4 {position: absolute; right: 5px; bottom: 160px; } #thumb4 a, #thumb4 a:visited {display: block; background: url(/thumbs/sprite_thumb_flower.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb4 a:hover {background: url(/thumbs/sprite_thumb_flower.jpg) bottom ;} #thumb5 {position: absolute; right: 305px; bottom: 160px; } #thumb5 a, #thumb5 a:visited {display: block; background: url(/thumbs/sprite_thumb_popart.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb5 a:hover {background: url(/thumbs/sprite_thumb_popart.jpg) bottom ;} #thumb6 {position: absolute; left: 5px; bottom: 160px; } #thumb6 a, #thumb6 a:visited {display: block; background: url(/thumbs/sprite_thumb_reflect.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb6 a:hover {background: url(/thumbs/sprite_thumb_reflect.jpg) bottom ;} #thumb7 {position: absolute; right: 5px; bottom: 315px;} #thumb7 a, #thumb7 a:visited {display: block; background: url(/thumbs/sprite_thumb_flash.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb7 a:hover {background: url(/thumbs/sprite_thumb_flash.jpg) bottom ;} #thumb8 {position: absolute; right: 305px; bottom: 315px; } #thumb8 a, #thumb8 a:visited {display: block; background: url(/thumbs/sprite_thumb_layne.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb8 a:hover {background: url(/thumbs/sprite_thumb_layne.jpg) bottom ;} #thumb9 {position: absolute; left: 5px; bottom: 315px; } #thumb9 a, #thumb9 a:visited {display: block; background: url(/thumbs/sprite_thumb_theme1.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb9 a:hover {background: url(/thumbs/sprite_thumb_theme1.jpg) bottom ;} #thumb10 {position: absolute; right: 5px; bottom: 470px; } #thumb10 a, #thumb10 a:visited {display: block; background: url(/thumbs/sprite_thumb_theme2.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb10 a:hover {background: url(/thumbs/sprite_thumb_theme2.jpg) bottom ;} #thumb11 {position: absolute; right: 305px; bottom: 470px; } #thumb11 a, #thumb11 a:visited {display: block; background: url(/thumbs/sprite_thumb_theme3.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb11 a:hover {background: url(/thumbs/sprite_thumb_theme3.jpg) bottom ;} #thumb12 {position: absolute; left: 5px; bottom: 470px; } #thumb12 a, #thumb12 a:visited {display: block; background: url(/thumbs/sprite_thumb_theme4.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb12 a:hover {background: url(/thumbs/sprite_thumb_theme4.jpg) bottom ;} #thumb13 {position: absolute; right: 5px; bottom: 625px;} #thumb13 a, #thumb13 a:visited {display: block; background: url(/thumbs/sprite_thumb_icc.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb13 a:hover {background: url(/thumbs/sprite_thumb_icc.jpg) bottom ;} #thumb14 {position: absolute; right: 305px; bottom: 625px;} #thumb14 a, #thumb14 a:visited {display: block; background: url(/thumbs/sprite_thumb_ssc.jpg) no-repeat top ; height: 150px; width: 290px; text-indent: -99999px;} #thumb14 a:hover {background: url(/thumbs/sprite_thumb_ssc.jpg) bottom ;}