syuhada's blog: tugas photoshop

css : Top-WordPress.Net ***************************************************/ #navbar-iframe{display:none;}*{padding:0;margin:0} * { margin: 0; padding: 0; } body#layout #slideshow {display:none} /*---------------------------------------------------- {--------} Generic {--------} ----------------------------------------------------*/ body{ font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#636363; margin:0; padding:0; line-height:135%; background-image:url(http://1.bp.blogspot.com/_MkGBVwDEF84/TNf4gYz6q8I/AAAAAAAAGBs/a_FcsHlfKnA/s1600/background.jpg); background-repeat: no-repeat; background-color: #32000e; } ul { list-style:none; } a { text-decoration:none; border:none; outline:none; color:#ff8d00; } a:hover { border:none; text-decoration:underline; } img{ border:none; outline:none; } a:focus { outline:none; } p { margin:3px 0 12px 0; line-height:20px; } /*---------------------------------------------------- {--------} Layout Structure {--------} ----------------------------------------------------*/ #wrapper { margin:0 auto; width:940px; background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf4rB8q5FI/AAAAAAAAGB0/QzpZ25bU_Ls/s1600/transparent_bg.png); padding: 10px 20px 20px 20px; position: relative; border: 1px solid #550018; margin-top: -20px; } #wrapper #border_top { background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf4z4efbgI/AAAAAAAAGB8/hzY1T1rUCKk/s1600/wrapper_border_top.png); width: 982px; height: 1px; position: absolute; top: -1px; left: -1px; } #wrapper #border_right { background-image:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf489Ope3I/AAAAAAAAGCE/ExyPH2Ibe2g/s1600/wrapper_border_right.png); width: 1px; height: 243px; position: absolute; top: -1px; right: -1px; } #wrapper #border_left{ background-image:url(http://1.bp.blogspot.com/_MkGBVwDEF84/TNf5HAErBII/AAAAAAAAGCM/KJowDjE4cfg/s1600/wrapper_border_left.png); width: 1px; height: 243px; position: absolute; top: -1px; left: -1px; } /*---------------------------------------------------- {--------} Header{--------} ----------------------------------------------------*/ #header { height:121px; width: 980px; margin:35px auto 0 auto; position:relative; z-index:99; background-image:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf5Pxa9r5I/AAAAAAAAGCU/wYpgHcqazfc/s1600/transparent_bg.png); } #header #border_top { background-image:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf5bTVbG7I/AAAAAAAAGCc/zR7BquiA9DY/s1600/header_border_top.png); width: 982px; height: 1px; position: absolute; top: -1px; left: -1px; } #header #border_left { background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf5njJMpGI/AAAAAAAAGCk/6HzwBTFeT04/s1600/header_border_left.png); width: 1px; height: 123px; position: absolute; top: -1px; left: -1px; } #header #border_right { background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf5wrL85xI/AAAAAAAAGCs/HY8HHpP7NCE/s1600/header_border_right.png); width: 1px; height: 123px; position: absolute; top: -1px; right: -1px; } #header #border_bottom { background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf5438TE2I/AAAAAAAAGC0/D3skBYgELkk/s1600/header_border_bottom.png); width: 982px; height: 1px; position: absolute; bottom: -1px; left: -1px; } /*---------------------------------------------------- {--------} Content {--------} ----------------------------------------------------*/ #content { margin:0; padding:0 0 20px; width:940px; } #contentLeft { float:left; margin:25px 0 0 0; padding:10px 0 0 0; width:635px; } /*---------------------------------------------------- {--------} Footer {--------} ----------------------------------------------------*/ #footer { background:#000; border: 1px solid #550018; color:#868686; font-size:11px; margin:0 auto; padding:20px 0 35px; position:relative; width:980px; } /*---------------------------------------------------- {--------} Header Logo {--------} ----------------------------------------------------*/ #logoTag { float:left; margin-left:20; height: 60px; padding-left:30px; margin-top: 30px; } #logoTag #logo { float:left; } #logoTag #logoImg { background:none; padding:0; float:left; padding-top:12px; padding-right:10px; } #logoTag #logoImg img { border:none; } #logoTag #logo h1 a { display:block; color:#ffd800; font-size:44px; float:left; line-height:100%; font-weight:normal; text-transform: uppercase; margin-top: 10px; } #logoTag #logo h1 a:hover{ text-decoration:none; } #logoTag #tagline { clear:both; color:#7B7B7B; float:left; font:12px Tahoma; padding:0; width:300px; line-height:30px; display: none; } #top-bar { height:32px; padding-left:0; width:980px; } #footerLinks { position:absolute; top:12px; right:0; } .ad-header { float:right; margin-top:35px; margin-right:35px; } /*---------------------------------------------------- {--------} Top Menu {--------} ----------------------------------------------------*/ #topMenu { background-image:url(http://3.bp.blogspot.com/_MkGBVwDEF84/TNf6d5my1WI/AAAAAAAAGC8/mzaWlrsKs98/s1600/menu_bg.png); background-position: center; position: relative; margin: 0 auto; width: 1017px; height: 89px; margin-top: -20px; } #topLinks { margin:0 0 0 50px; padding-top: 15px; } #topLinks ul li { display: inline; list-style-type: none; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 10px; line-height: 60px; } #topLinks ul li a { color: #dab08a; font-weight: bold; } #topLinks ul li a:hover { color: #ffecdb; text-decoration: none; } #topLinks .current_page_item a { color: #ffecdb; } #topLinks .current_page_item { } /*---------------------------------------------------- {--------} Content Left Elements {--------} ----------------------------------------------------*/ .searchQuery, #archive-title { } .searchQuery strong, #archive-title strong { font-size:14px; color:#ff8d00; } .alignleft { float:left; margin:5px 15px 5px 20px; } .alignright { float:right; margin:5px 20px 5px 15px; } #contentLeft img, #contentLeft a img { padding:0; margin:0; } #contentLeft .postBox { float:left; margin:0 0 15px 0; padding:0 0 10px; position:relative; width:620px; border-bottom: 1px solid #301f1a; color: #895d35; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .postBox .left { width: 240px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #856243; } .postBox .left a {color: #856243;} .postBox .right { width: 360px; float: right; } .postPage { padding-right: 25px; margin-bottom: 25px; !important; color: #9f742e; } .postDate { background:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf6zMbEeoI/AAAAAAAAGDE/7xLlhBqFksg/s1600/date_icon.png); background-repeat: no-repeat; height: 31px; line-height: 28px; padding-left: 40px; font-family: Arial; font-size: 17px; font-weight: bold; color: #dab08a; text-transform: uppercase; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #301f1a; } .postAuthor { background-image:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf6976Z54I/AAAAAAAAGDM/4PjX6aF25LE/s1600/user_icon.png); background-repeat:no-repeat; padding-left: 20px; line-height: 17px; margin-top: 15px; } .postComments{ background-image:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf7F27NBwI/AAAAAAAAGDU/ZLXp4i7lSeI/s1600/comments_icon.png); background-repeat:no-repeat; padding-left: 20px; line-height: 16px; margin-top: 10px; } .posting{ float:left; } .post-date { background:url("images/v-post-date-bg.png") repeat scroll 0 0 transparent; color:#FFFFFF; height:79px; left:-63px; padding:43px 10px 0 0; position:absolute; text-align:center; top:25px; width:96px; z-index:9999; } .comm { color:#f3ccfc; font-size:22px; font-weight:bold; margin:20px 0 0; } .comm span{ color:#f3ccfc; font-size:10px; } .author span{ font-size:10px; text-transform:uppercase; font-weight:normal; } .author { color:#f3ccfc; font-size:12px; font-weight:bold; margin:11px 0 0; } .day{ color:#fff; font-size:24px; font-weight:bold; } .month{ color:#fff; font-size:19px; text-transform:uppercase; line-height:21px; } .year{ color:#f3ccfc; line-height:5px; } .aaa{ padding:0 1px; } .rounded-post-top{ width:610px; height:14px; } .rounded-post-bottom{ width:610px; height:14px; margin:0 0 20px 0; } .post-arrow { height:14px; left:-24px; position:absolute; top:28px; width:24px; } .entry { margin:0 0;padding: 0px 0px 0px 0px; font-size:15px; text-align: justify; line-height: 20px; font-family: Arial, Verdana; font-size: 14px; } .entry a:link, .entry a:visited { color:#1D81B6; background-color: transparent; } .entry a:hover { background-color: transparent; text-decoration: none; } .entry ul, .entry ol{ margin: .4em 0 1em; line-height: 150%; } .entry ul li, .entry ol li{ list-style-position:outside; margin-left: 1.6em; } .entry p{ margin: 0px; padding: 0px; line-height:24px; } .entry img { float:left; max-width:620px; margin:0px; } #contentLeft .postBox .date{ float:left; width:47px; height:50px; text-align:center; padding-right:25px; } #contentLeft .postBox .date .month{ color:#ccc; font-size:10px; text-transform:uppercase; padding-bottom:5px; } #contentLeft .postBox .date .day { font-size:20px; color:#fff; font-weight:bold; line-height:130%; } #contentLeft h1 { border:medium none; = width: 100%; font-family: Tahoma,Arial,Verdana; color: #dab08a; font-size:29px; margin-bottom: 15px; font-weight: normal; } #contentLeft h1 a { padding:0; color: #dab08a; line-height:110%; text-decoration:none; font-weight:normal; border:none; } #contentLeft .postBox .metadata { background:none repeat scroll 0 0 #510a1e; color:#FFFFFF; float:left; font:11px Arial; margin:0 0 10px; padding:7px 10px; position:relative; } #contentLeft .postBox .metadata a{ color:#FFFFFF; } .meta-arrow { height:4px; left:19px; position:absolute; top:-4px; width:7px; } #contentLeft .postBox a.more-link { display:block; width:90px; height:24px; text-align:center; clear:both; border:none; line-height:22px; margin-top:10px; } #contentLeft .social p { margin:0 0 10px 0; } #contentLeft .social a { border:none; } #contentLeft .social a img { padding:5px; border:none; background:none; } #contentLeft .social a:hover img { } #contentLeft .social strong { color:#ff8d00; } .social { margin:30px 0 10px; } #contentLeft h2#comments { border-bottom:1px dotted #2e2e2e; padding:20px 0 15px; } .banner { float:left; margin:0 0 0 7px; } .banner a { float:left; margin:0 20px 20px 0; } .banner .right-ad{ margin:0; } /*---------------------------------------------------- {--------} Side Box Elements {--------} ----------------------------------------------------*/ #sidebar-wrapper { float:right; margin:25px 0 0 0; padding:12px 0 0 0; position:relative; width:280px; } .sidebar h2 { color:#dab08a; font:normal 22px Tahoma,Helvetica,serif; margin: 10px 0; } .sidebar .widget { margin: 0 auto; position:relative; width:280px; color: #895d35; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .sidebar .widget-content { padding: 7px 10px; margin:0; color: #895d35; } .sidebar ul { list-style-type: none; margin: 0 5px ; padding: 0; } .sidebar li { color:#895d35; text-decoration: none; padding: 0px 0px 0px 10px; display:block; border-bottom:1px solid #301f1a; list-style-type:none; line-height:28px; } .sidebar li a:link, .sidebar li a:visited { color:#895d35; text-decoration: none; } .sidebar li a:hover { color:#dab08a; } .sidebar img { padding: 4px; background:#550018; border: 1px solid #550018; margin: 0 10px 10px 0; max-width: 70px; } /*---------------------------------------------------- {--------} Conent Input {--------} ----------------------------------------------------*/ #contact label { display:block; padding:8px 0 2px; } #contact input, #contact textarea { border:1px solid #1f0109; padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#895d35; width:300px; background: #080002; } #contact textarea { width:500px; } #contact input.submit { border:none; width:75px; height:31px; text-align:center; padding-top:4px; margin-top:5px; color: #ff8d00; font-weight: bold; border: 1px solid #1f0109 ; } .errormsg, .successmsg{ background:#FEF4F1; border:1px solid #F7A68A; color:#DA4310; padding:10px; } .successmsg { border:1px solid #9FD9FF; background:#EAF7FF; color:#00BFF5; } /*---------------------------------------------------- {--------} Clearing {--------} ----------------------------------------------------*/ .clearfix:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear { clear: both; } .noclear { clear: none; } .post-image-prelaoder { background:url('http://2.bp.blogspot.com/_MkGBVwDEF84/TNf8rW3fcPI/AAAAAAAAGDs/WdsyPLYFDwA/s1600/25.gif') no-repeat center center; float:left; width:232px; height:232px; border: 1px solid #2e201b; padding: 3px !important; margin: 0!important; } .eee { float:left; margin:5px 0 10px; position:relative; } .big-comm { background:url("images/bt-post-comm.png") no-repeat scroll 0 0 transparent; float:right; height:39px; margin:0; padding:3px 5px 0 0; text-align:center; width:46px; } .big-comm a { color:#4C4C4C; display:block; font:20px Tahoma,Arial,Helvetica,sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px #FFFFFF; } .big-comm a:hover{ text-decoration:none; color:#404040; } /*---------------------------------------------------- {--------} Comment {--------} ----------------------------------------------------*/ #commentsbox { width:620px; margin: 0px 0px 0px 0px; } h3#comments{ padding: 5px 0 5px 5px; clear: both; color:#856243; font-size:28px; } ol.commentlist { margin:0px 0 0; clear:both; overflow:hidden; list-style:none; } ol.commentlist li { margin:5px 0; line-height:18px; padding:10px; border:1px solid #550018; } ol.commentlist li .comment-author { color:#856243; } ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{ color:#856243; font-weight:bold; text-decoration:none !important; } ol.commentlist li .comment-author .fn { color:#856243; } cite.fn{ color:#856243; font-style:normal; } ol.commentlist li .comment-author .avatar{ float:left; border:1px solid #550018; background:#fff; padding:3px; margin-right:10px; } ol.commentlist li .comment-meta{ font-size:10px; } ol.commentlist li .comment-meta .commentmetadata{ color:#856243; } ol.commentlist li .comment-meta a { color:#856243; text-decoration:none !important; } ol.commentlist li p { line-height:22px; margin-top:5px; color:#856243; font-size:12px; } ol.commentlist li .reply{ margin-top:10px; font-size:10px; width:42px; height:28px; text-indent:-9000px; background:url(images/reply.png); } ol.commentlist li .reply a{ border:none; text-decoration:none; } ol.commentlist li.odd { } ol.commentlist li.even { } ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 0px 50px; } ol.commentlist li ul.children li.depth-3 { margin:0 0 0px 50px; } ol.commentlist li ul.children li.depth-4 { margin:0 0 0px 50px; } ol.commentlist li ul.children li.depth-5 { margin:0 0 0px 50px; } .comment-nav{ padding:5px ; height:20px; } .comment-nav a:link,.comment-nav a:visited{ color:#856243; } .avatar-image-container { float:right; border:1px solid #550018; background:#550018; padding:3px; height:32px; width:32px; } .avatar-image-container img { background:url(http://www.opendrive.com/files/6532718_pabxK/avatar.png) no-repeat; height:32px; width:32px; } #respond{ padding:0px 0px ; margin:10px 0px; } #respond h3 { padding: 5px 0 5px 5px; clear: both; color:#856243; font-size:28px; } #commentform { padding:10px 0px; } #commentform p{ margin:5px 0px ; color:#856243; } #respond label{ display:block; padding:5px 0; color:#856243; } #respond label small { font-size:10px; } #respond input { margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #550018; color:#856243; } #commentform input{ width:50%; } #respond input#commentSubmit { background:url(images/submit.png); border:none; color:#856243; text-decoration:none; display:block; width:70px; height:26px; margin:10px 0px; cursor:pointer; } textarea#comment{ border:none; background:#fff; border:1px solid #550018; width:70%; margin:10px 0px 0px 0px; padding:5px 5px; color:#856243; } /*---------------------------------------------------- {--------} Slide Show {--------} ----------------------------------------------------*/ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #slideshow { margin:0 auto; position:relative; width:980px; height:346px; background-image:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TNf87A58GYI/AAAAAAAAGD0/vXfEK5lES2c/s1600/transparent_bg.png); margin-top: -20px; margin-bottom: 30px; } #slideshow #border_top { background-image:url(http://1.bp.blogspot.com/_MkGBVwDEF84/TNf9E9n4CDI/AAAAAAAAGD8/ZD_5hoQznPc/s1600/slideshow_border_top.png); width: 982px; height: 1px; position: absolute; top: -1px; left: -1px; } #slideshow #border_left { background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf9NJdisvI/AAAAAAAAGEE/-1qSikORzJo/s1600/slideshow_border_left.png); width: 1px; height: 348px; position: absolute; top: -1px; left: -1px; } #slideshow #border_right { background-image:url(http://3.bp.blogspot.com/_MkGBVwDEF84/TNf9XkoDh0I/AAAAAAAAGEM/Na7hp4jBQos/s1600/slideshow_border_right.png); width: 1px; height: 348px; position: absolute; top: -1px; right: -1px; } #slideshow #border_bottom { background-image:url(http://3.bp.blogspot.com/_MkGBVwDEF84/TNf9jBJ19UI/AAAAAAAAGEU/Yh1TpX2T-GY/s1600/slideshow_border_bottomt.png); width: 982px; height: 1px; position: absolute; bottom: -1px; left: -1px; } #slider { float:left; width: 970px; height: 336px; margin: 0 auto; margin: 5px 0 0 5px; } .slider-post p{ margin:0; } .featured-post{width:970px; height: 336px; background: none !important;} .slider-image { height:336px; position:relative; width:970px; } .imgfade { position: absolute; top: 0; left: 0; background-image:url(http://3.bp.blogspot.com/_MkGBVwDEF84/TNf9t4guq8I/AAAAAAAAGEc/0I1scGFiIfs/s1600/img_fade.png); width: 970px; height: 336px; } .slider-post { background:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNf928U7hzI/AAAAAAAAGEk/LEzZpSPBKjs/s1600/slider_post_bg.png); width: 920px; height: 87px; color:#b5987d; font-size:110% !important; line-height:1.8em; font-family: Arial, Helvetica, sans-serif; font-size: 14px; position: absolute; top: 245px; left: 14px; padding-left: 20px; } .slider-post h2 {margin: 10px 0 5px 0; line-height: 20px;} .slider-post h2 a{ color:#fde7c2; font-family: Tahoma, Arial; font-size: 16px; font-weight: bold; text-transform: uppercase; } .slider-post-meta { background:none repeat scroll 0 0 #113D64; color:#fff; font-size:11px; margin:5px 0 15px; padding:5px;line-height:1.2em } .slider-post-meta a { color:#BDE9FB; font-style:normal } .slider-post-meta a:hover { color:#F9D7A4 } .slider_readmore { display: block; width: 131px; height: 72px; line-height: 72px; text-align: center; float: right; margin-top: 20px; } .slider_readmore a { font-family: Arial; font-size: 13px; font-weight: bold; color: #540d1c; text-shadow: 1px 1px #ecb873; } #slider-nav { bottom:-34px; position:absolute; right:47%; z-index:9; margin:3px 0 14px; } #slider-nav a { background:url("images/bo-slider-nav.png") no-repeat scroll 0 0 transparent; display:block; float:left; height:21px; margin-right:1px; text-indent:-9999px; width:15px; } div#slider-nav a.activeSlide {} .slider-arrow { position:absolute; top: 0; z-index:999; } span#prev, span#next{ display:block; height:19px;position:absolute; text-indent:-9999px; top:160px;width:29px; } span#prev { background:url("http://3.bp.blogspot.com/_MkGBVwDEF84/TNf-JkTnd_I/AAAAAAAAGEs/7J8SbtW45dg/s1600/v-prev.png") no-repeat scroll 0 0 transparent; height:58px; left:-80px; width:58px; } span#next { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNf-SNSb_1I/AAAAAAAAGE0/LjmX_XZJAvc/s1600/v-next.png") no-repeat scroll 0 0 transparent; height:58px; left:1000px; width:58px; } .readmore { color: #fff; display:block; height:34px;padding:0 5px 0 10px; background:#000; } .readmore{ color: #fff; display:block; float:right; height:34px; line-height:34px; margin:8px 10px 0 0; padding-right:9px; }.readmore: visited{ color: #fff; } .socials_btn{ clear:both; } .emm-paginate{ float:left; margin:0; } /*---------------------------------------------------- {--------} J Query {--------} ----------------------------------------------------*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } /*---------------------------------------------------- {--------} Light Box {--------} ----------------------------------------------------*/ #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /*---------------------------------------------------- {--------} Essential Style {--------} ----------------------------------------------------*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*---------------------------------------------------- {--------} Demo Skin {--------} ----------------------------------------------------*/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*---------------------------------------------------- {--------} Shadow {--------} ----------------------------------------------------*/ .sf-shadow ul { padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*---------------------------------------------------- {--------} Home Page Fixing {--------} ----------------------------------------------------*/ .thumbnail { float: left; margin: 0px 0px 0px 0px; padding: 5px; overflow: hidden; line-height: 170px; text-align: center; position:absolute; top:-2px; left:-2px; } .thumbnail img { float:left; margin:0px 0px 0px 0px; } ]]>