Minggu, 29 April 2012

<data:blog.pageTitle/> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/} .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;} .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;} .s3sliderImage span a:hover{color: #555;} #content { padding: 15px 5px 15px 15px; color: #4D433A; } h1,h2,h3,h4,h5 { color: #4D433A; } pre { overflow: auto; width: 470px; } .post { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DDDAD6; } .post p { margin-bottom: 10px; } .title { margin: 0 0 8px 0; padding: 0px; line-height: 26px; font-size: 22px; font-family: Arial, Verdana; color: #4A4848; font-weight: bold; text-transform: uppercase; } .title a { text-decoration: none; color: #4A4848; } .title a:hover { text-decoration: underline; color: #CF0342; } .pagetitle { margin-bottom: 20px; line-height: 22px; font-family: Arial, Verdana; text-decoration: underline; color: #4A4848; } .readmorecontent { text-align: right; } a.readmore { padding: 4px 15px; background: #E9E7E5; color: #332e2a; text-decoration: none; font-size: 12px; } a.readmore:hover { color: #fff; background: #6F645B; } .postdate { font-size: 12px; padding: 1px 0px; font-family: Arial, Verdana; color: #666; } .postmeta { font-size: 12px; padding: 2px 4px; font-family: Arial, Verdana; color: #666; } .postdate img, .postmeta img { border: none; vertical-align: middle; margin:2px; } .entry { text-align: justify; line-height: 20px; padding-top: 8px; font-family: Arial, Verdana; font-size: 14px; } .navigation { padding: 10px 0; } blockquote { overflow: hidden; padding-left: 9px; font-style: italic; color: #666; border-left: 3px solid #CADAE7; } img.wp-smiley { max-height: 12px; margin: 0; padding: 0; border: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } /* SIDEBAR(S) */ .sidebaradbox { margin-top: 5px; text-align:center; } .ad125 { margin: 10px 6px; } .sidebar { margin: 0 10px 10px 5px; font-size: 13px; color: #6C645D; } .sidebar a { text-decoration: none; color: #6C645D; } .sidebar a:hover { text-decoration: none; color:#D63265; } #search { border: 1px solid #bebab7; height: 26px; padding: 2px; background: #F3F2F2; text-align: right; } #search input { border: 0; background: none; color: #6F645B; } #s { width: 257px; padding: 1px 3px 3px 3px ; margin:0 0 0 0; background: none; } #topsearch { margin-top: 15px; } /* Social icons */ .addthis_toolbox { padding: 5px 0 0 0; text-align: center; } .addthis_toolbox .custom_images a { width: 32px; height: 32px; margin: 0 -8px 0 -8px; padding: 0; } .addthis_toolbox .custom_images a:hover img { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } .addthis_toolbox .custom_images a img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .sidebarvideo { } .socialboxes { background: #F3F2F2; border: 1px solid #bebab7; padding: 0px 10px 0px 10px; margin: 10px 0 0 0; } .socialboxes:hover { border: 1px solid #A39989; background: #fff; } .socialboxes a { color: #887963; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, Sans-serif; } .socialboxes a:hover { color: #887963; text-decoration: underline; } .sidebar h2 { margin: 10px 0 0 0; padding: 8px 8px 8px 0; font-size: 16px; line-height: 16px; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; color: #4D3F34; text-shadow: 0 1px 0 #fff; border-bottom: 6px dotted #c7bfb8; } .sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } .sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; } .sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } .sidebar ul li li, .sidebar ul li { padding: 6px 0px 6px 0px; border-bottom: 1px solid #efe4da; margin: 0; } /* FOOTER */ #footer { padding: 15px; text-align: center; color: #fff; background: #292726; font-size: 13px; } #footer a { color: #fff; } #footer a:hover { color: #fff; text-decoration: none; } #credits { color: #272525; font-size: 11px; text-align: center; padding: 10px; } #credits a { color: #272525; text-decoration: none; } /* COMMENTS */ #comments h3 { margin-bottom: 10px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } .post_thumbnail { padding: 6px; border: 1px solid #DDDAD6; margin: 0 10px 10px 0; } ol.commentlist .avatar-image-container{ position:relative; float: left; margin: 0; padding: 0 2px 0px 0; border:none; } .commentlist .avatar-image-container img { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FYqxIqZCKvubFZizzEbHNyJOn6M_orbL4ZRMj_pKO6nIcGnLRFi_pKRKK2RykJUo-4c0HQqhtKtl-qLUPMuN0DpICtgESlP4j5lZ__agleIgSgS17Aczz4aiWYhE4y0HQJnGKJQuYzM/s1600/grav.png); width:32px; height:32px; } .reactions-label-cell { line-height: 1.7em; } p.comment-footer { padding: 15px 0 15px 0px; } .comment-form{ margin:25px 0px 0px 0px; max-width:632px !important; width:632px !important; } h4.backlinks{ font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif; font-size:1.5em; line-height:1; padding:0 0 15px 0px; margin:0 0 10px 0px; } a.comment-link { margin: 0px 0 0px 0px; } #blog-pager{ text-align: center; padding: 0px 0 35px 0; } .feed-links{ } .feed-links a:hover{ } .feed-link{ } .feed-link a:hover{ } #backlinks-container{ } /* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish * Dropdowns by Patrick Griffiths and Dan Webb. * http://carroll.org.uk/sandbox/suckerfish/bones2.html */ /* ----[ LINKS ]----*/ /* all menu links */ #nav a, #subMenusContainer a { text-decoration:none; display:block; } /* Just main menu links --[for non-javascript users this applies to submenu links as well]*/ #nav a { margin:0; float:left; background: none; padding:15px 14px 11px 14px; text-transform:uppercase; color: #fff; font-weight: bold; font-size: 12px; } /* All menu links on hover or focus */ #nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused{ background: #CF0342; color:#fff; } /* Just sub menu links */ #subMenusContainer a, #nav li li a { color: #fff; font-size: 12px; text-align:left; background-color:#CF0342; padding:5px 20px; } /* sub menu links on hover or focus */ #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused { background-color: #DC0346; color:#fff; } /* Parent Sub Menu Links ---[javascript users only]*/ .subMenuParentBtn { background: url(../img/arrow_right.gif) right center no-repeat; } /* Parent Sub Menu Links on hover or focus ---[javascript users only]*/ .subMenuParentBtnFocused { background: url(../img/arrow_right_over.gif) right center no-repeat; } /* Parent Main Menu Links ---[javascript users only]*/ .mainMenuParentBtn { /*background: url(../img/arrow_down.gif) right center no-repeat;*/ } /* Parent Main Menu Links on hover or focus ---[javascript users only]*/ .mainMenuParentBtnFocused { /*background: url(../img/arrow_down_over.gif) right center no-repeat;*/ } /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */ .smOW { display:none; position: absolute; overflow:hidden; /*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden*/ padding:0 2px; margin:0 0 0 -2px; } /* All ULs and OLs */ #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; } /* All submenu OLs and ULs */ #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/ background: none; left:0; } /* List items in main menu --[for non-javascript users this applies to submenus as well] */ #nav li { /*great place to use a background image as a divider*/ background-image:url(../img/mainnav-sep.gif); background-repeat:no-repeat; background-position: 100% 5px; cursor: pointer; float: left; margin: 0 2px 0 0; padding: 0 2px 0 0; height: 38px; display: inline; } #subMenusContainer li { list-style: none; } /* main menu ul or ol elment */ #nav { width: 940px; margin: 0 auto; clear: both; overflow: hidden; font-size: 12px; display: block; } #nav .children{ display: none; } #subMenusContainer { display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; } ]]>