/* -------------------------------------------------- JarretYoshida.com PAGE STYLES Last revised 18 February 2010 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- Home -------------------------------------------------- */ /* -------------------------------------------------- Services -------------------------------------------------- */ #services #content #inset { background: #222 url(../images/portfolio/01-01.jpg) no-repeat bottom left; } #numberNav { color: #856a55; /* Pantone 1545 U 85% */ font: 32px/.65625 "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: .65625em 0; } #numberNav li { /* 96px max width */ width: 77px; /* @5.5em */ float: left; display: inline; } #numberNav a, #numberNav a:link, #numberNav a:visited { color: #856a55; /* Pantone 1545 U 85% */ text-decoration: none; border-bottom: none; } #numberNav a:hover { color: #b8a89b; /* SeaShell */ } #numberNav a:active { color: #b0e0e6; /* PowderBlue */ } #numberNav li a span { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; } /* -------------------------------------------------- Services > Gallery -------------------------------------------------- */ #gallery h1 { margin-bottom: .328125em; } #gallery #content #inset { width: 840px; /* @60em, excluding padding */ height: 460px; margin: 0 0 .75em 0; background-color: #000; /* Black */ background-image: url(../images/logo.png); background-position: center center; } #gallery #content #inset img { height: 460px; } /* Thumbnail gallery */ #gallery #content .thumb li { margin-bottom: 0; } #gallery #content .thumb img { /* auto-size thumbnail image width to fit layout */ width: auto; height: 35px; float: left; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 6 */ filter: alpha(opacity=100); } #gallery #content .thumb img:hover { opacity: .5; /* CSS3 property not widely supported */ -moz-opacity: .5; /* legacy Mozilla */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 6 */ filter: alpha(opacity=50); /* Required for IE browsers */ } #hold { display: none; } #swap { text-align: center; } /* -------------------------------------------------- Portfolio -------------------------------------------------- */ /* -------------------------------------------------- Portfolio > Case Study 1 -------------------------------------------------- */ #case1 #content #inset { background: #222 url(../images/portfolio/01-02.jpg) no-repeat bottom left; /* near-black background mitigates pop-effect when shifting background images */ } /* -------------------------------------------------- Portfolio > Case Study 2 -------------------------------------------------- */ #case2 #content #inset { background: #222 url(../images/portfolio/02-01.jpg) no-repeat bottom left; } /* -------------------------------------------------- Portfolio > Case Study 3 -------------------------------------------------- */ #case3 #content #inset { background: #222 url(../images/portfolio/03-01.jpg) no-repeat bottom left; } /* -------------------------------------------------- Portfolio > Case Study 4 -------------------------------------------------- */ #case4 #content #inset { background: #222 url(../images/portfolio/04-01.jpg) no-repeat bottom left; } /* -------------------------------------------------- Portfolio > Case Study 5 -------------------------------------------------- */ #case5 #content #inset { background: #222 url(../images/portfolio/01-01.jpg) no-repeat bottom left; } /* -------------------------------------------------- Portfolio > Case Study 6 -------------------------------------------------- */ #case6 #content #inset { background: #222 url(../images/portfolio/03-01.jpg) no-repeat bottom left; } /* -------------------------------------------------- Portfolio > View all -------------------------------------------------- */ #portfolio-all #content { width: 860px; padding-right: 0; } #global-view { /* See all case views */ width: 368px; /* allow width for scrollbar */ height: 514px; overflow: auto; background: transparent; } #global-view h4 { text-transform: none; } #global-view h4 span { font: italic normal 1em "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, serif; } #global-view table.thumb img { width: 80px; } /* -------------------------------------------------- About -------------------------------------------------- */ #about #content #inset { background: #222 url(../images/portfolio/02-02.jpg) no-repeat bottom left; } #about #content #text-swap { /* undo global declarations */ width: auto; float: none; margin-top: 0; padding-top: 0; border-top: none; } /* -------------------------------------------------- Contact -------------------------------------------------- */ #contact #content #inset { background: #222 url(../images/portfolio/01-05.jpg) no-repeat bottom left; } /* -------------------------------------------------- Links -------------------------------------------------- */ #links ol li, #links ul li { margin-bottom: .75em; } /* -------------------------------------------------- Sitemap -------------------------------------------------- */