/* Theme Name: strahlenschutzkurs-strlschv.de Theme URI: http://www.strahlenschutzkurs-strlschv.de/ Version: 1.2 Description: Design Homepage Author: Christian Grothey Author URI: http://www.strahlenschutzkurs-strlschv.de Tags: röntgen, Kurs Copyright: 2014 Wootheme License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect 7. DONATE -7.1 Slider -7.2 Slide Meta -7.3 Intro -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ /* Embed fonts */ @font-face { font-family: AdelleBasic; src: url(includes/fonts/AdelleBasic_Bold.eot); /* IE */ src: local("AdelleBasic"), url(includes/fonts/AdelleBasic_Bold.otf) format("opentype"); /* non-IE */ } body { font: 14px/1.5em sans-serif; color: #B9B2AE; background: #242424 url(images/bg-back.jpg) top center no-repeat; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; color: #E0D4CE; font-weight:normal; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } /* 1.2 Hyperlinks */ a { color: #329DD5; text-decoration:none;} a:hover { color: #58C8FF; text-decoration:underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background: url(images/bg.png) repeat; } #main{ width:440px;padding:40px;background: #1B1A19;position: relative; z-index: 2; } .col-full {width: 910px; margin:0 auto;} #main.fullwidth, .layout-full #main { width: 830px; margin:0 auto; } #sidebar{width:390px;background-color:#242424;background: rgba(36, 36, 36, 0.9); font-size: 12px; position: relative; z-index: 2; } #sidebar .secondary { width:140px; } .col-left { float: left; } .col-right { float: right; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } .layout-left-content #main { float: left; } .layout-left-content #sidebar { float: right; } /* 2.2 Navigation */ #navigation{ font:bold 14px/1em sans-serif; } #navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 44%;margin:0 15px 0 0; padding:0 25px 0 0;line-height: 1;} #navigation ul.rss li{display:inline;padding:0;} #navigation ul.rss li a{color:#d75418;text-decoration:none; padding:10px 5px; line-height: 18px; display: inline-block; position: relative;} #navigation ul.rss li.sub-email {color:#dedede;} #navigation ul.rss li a:hover{text-decoration:underline;} .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; position: relative; } .nav a { position:relative; color:#fff; display:block; z-index:100; padding:10px 15px; line-height:18px; text-decoration:none; } .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px; } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a, .nav li.current-menu-item a { background:#444342; } .nav ul li a:hover, .nav ul li li.current_page_item a, .nav ul li li.current_page_parent a, .nav ul li li.current-menu-ancestor a, .nav ul li li.current-cat a, .nav ul li li.current-menu-item a { padding: 8px 0; } #navigation { height: 63px; } #navigation .nav li a { border-left:1px solid #444342; font-size: 15px; } #navigation .nav li:first-child a { border-left:none; } /* 2.2.1 Drop-down menus */ .nav li ul { background: #fafafa; margin:0 0 0 -1px; padding:10px 15px; position: absolute; left: -999em; width: 180px; border: 1px solid #e3e3e3; z-index:999; } .nav li ul li a { padding:8px 0px; width:180px; color:#666; background: none; font-size:0.9em;} .nav li ul li a:hover { text-decoration: underline; } .nav li ul li a.sf-with-ul { padding-right:0; } .nav li ul ul { margin: -34px 0 0 140px; } .nav li ul li a:hover, .nav li.current_page_item ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a, .nav li.current-cat a ul li, .nav li.current-menu-item ul li a, .nav li.sfHover ul li { background:none;} .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right: 3px; top: 18px;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; } /* Optional Styling */ #navigation .nav li ul { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03); box-shadow: 0 2px 2px rgba(0,0,0,.03); } #navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .nav li ul li a { border:0; border-top:1px solid #fff; border-bottom:1px solid #dedede; } #navigation .nav li ul li:first-child a { border-top:none; } #navigation .nav li ul li:last-child a { border-bottom:none; } #navigation-top { height: 38px; background: #272727; margin-bottom: 30px; border-radius:0 0 9px 9px; -moz-border-radius:0 0 9px 9px; -webkit-border-radius:0 0 9px 9px } #navigation-top .nav li a { color: #B8ABA1; font-size:13px; font-weight:normal; border-left:1px solid #454343; text-shadow: 1px 1px 0 #111; } #navigation-top .nav li a:hover { background: none; color: #fff; text-shadow: 0 0 14px #F6F7A0; } #navigation-top .nav li:first-child a { border-left:none; } #navigation-top .nav li.current_page_item a, #navigation-top .nav li.current_page_parent a, #navigation-top .nav li.current-menu-ancestor a, #navigation-top .nav li.current-cat a, #navigation-top .nav li.current-menu-item a { padding: 10px 15px; font-weight: 700; color: #fff; } /* #navigation-top .nav li a.sf-with-ul { padding-right:20px; } */ /* #navigation-top .nav a:hover { padding: 10px 15px; } */ #navigation-top .nav li.current_page_item a:hover, #navigation-top .nav li.current-cat a:hover, #navigation-top .nav li.current-menu-item a:hover { background: #454343; } #navigation-top .nav li ul { background: #242424; border: none; padding: 0; width: 204px; } #navigation-top .nav li ul li { border-bottom: 1px solid #454343; } #navigation-top .nav li ul a { border: none; font-size: 12px; padding: 8px 12px; font-size: 11px; } #navigation-top .nav li ul a:hover { padding: 8px 12px; } #navigation-top .nav li.current_page_item ul li a, #navigation-top .nav li.current_page_parent ul li a, #navigation-top .nav li.current-menu-ancestor ul li a, #navigation-top .nav li.current-cat ul li a, #navigation-top .nav li.current-menu-item ul li a { padding: 8px 12px; } #primary-nav { z-index:100; } /* 2.2.2 Top Navigation (optional) */ #top { background: #000; } #top .nav { } #top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; } #top .nav li { } #top .nav li a.sf-with-ul { padding-right:20px; } #top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover { background: #222; } #top .nav li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top .nav li ul, #top .nav li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;} #top .nav li ul li a:hover { background: #000; } #top .nav li ul li a.sf-with-ul { padding-right:10px; } #top .nav li ul ul { margin: -34px 0 0 180px; } #top .nav li:hover, #top .nav li.hover { position:static; } #top .nav li:hover ul ul, #top .nav li.sfhover ul ul, #top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul, #top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; } #top .nav li:hover ul, #top .nav li.sfhover ul, #top .nav li li:hover ul, #top .nav li li.sfhover ul, #top .nav li li li:hover ul, #top .nav li li li.sfhover ul, #top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; } .footer-menu { margin-top: 35px; } .footer-menu .nav li a { color: #B8ABA1; font-size:13px; font-weight:normal; border-left:1px solid #454343; text-shadow: 1px 1px 0 #111; padding: 5px 15px; } .footer-menu .nav li a:hover { padding: 5px 15px; background: none; color: #fff; text-shadow: 0 0 14px #F6F7A0; } /* 2.3 Header */ #header{ padding: 0; clear: both; position: relative; border-bottom: 3px solid #000; height: 136px; z-index: 4; } #header-right { height: 100%; padding: 0 40px; width: 440px; background: #181818; } #logo { float:left; background-color: #282828; background: rgba(36, 36, 36, 0.9); width: 390px; height: 100%; text-align: center; } #logo img { margin-top: 30px; } #logo .site-title, #logo .site-description { font-family: AdelleBasic, sans-serif; color: #fff; display:none; padding: 40px 0 0; } #logo .site-title a { color:#fff; font-size:35px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-shadow: 0 0 10px #F6F7A0; text-decoration: none; } #logo .site-description { color:#999; font-size: 18px; text-transform: uppercase; padding: 0; } #topad {float:right;} #search-top { display: none; position:absolute; top:50px; z-index: 101; border: 5px solid #262626; border-radius: 5px; } #search-top .searchform { -moz-box-shadow: inset 1px 1px 15px #090908; -webkit-box-shadow: inset 1px 1px 15px #090908; box-shadow: inset 1px 1px 15px #090908; border: 0; border-radius: 0; } #search-top .search_main { background: #181818; padding: 2px; width: 419px; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #search-top .searchform input.search-submit { height: 30px; right: -3px; top: 1px; padding-left: 30px; background: #A39B98 url(images/ico-search-top-form.png) no-repeat 8px center; } #search-top .arrow { width: 10px; height: 8px; display: block; background: url(images/ico-search-top-arrow.png) no-repeat; left: 387px; position: absolute; top: -13px; } .top-search a, .top-search a:hover { width:37px; background: url(images/ico-search-top.png) no-repeat 8px 9px !important; padding-left: 30px !important; } .top-search.close a { background: url(images/ico-search-close.png) no-repeat 8px 12px !important; text-transform:uppercase; font-size:10px !important; } /* 2.4 Content */ #content{border-bottom: 3px solid #151414;} .home #content { border-top: 3px solid #000; } /* 2.5 Sidebar */ #sidebar{overflow:hidden;padding:2em 0;} #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ #footer-top {} #footer-top .social-icons { margin-top: 30px; } #footer-top .social-icons li {float:left;} #footer-top .social-icons li.facebook {background: url(images/ico-facebook-footer.png) no-repeat left center;} #footer-top .social-icons li.twitter {background: url(images/ico-twitter-footer.png) no-repeat left center;;} #footer-top .social-icons li a {padding: 10px 20px 10px 52px; display: block; color: #fff; font-size: 18px; text-transform: uppercase;} #footer-top .social-icons li a:hover {text-shadow: 0 0 5px #F6F7A0; text-decoration: none;} #footer{margin: 30px auto 0;padding: 20px 0 30px;border-top: 1px solid #3D3836; color:#767570; font-size: 12px} #footer p {} #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer-widgets { border-top:1px solid #e6e6e6; padding:10px 0; } #footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; } #footer-widgets.col-1 .block { width:100%; padding-left:0; } #footer-widgets.col-2 .block { width:460px; } #footer-widgets.col-3 .block { width:300px; } #footer-widgets.col-4 .block { width:220px; } /* 2.7 Breadcrumbs */ #breadcrumbs { margin-bottom: 2em; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom:1.5em;} .archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#3D3836 1px solid; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } #blog-title { padding: 30px 0; border-top: 2px dashed #3D3836; left: -40px; position: relative; width: 520px; } #blog-title h3 { color: #77726F; padding: 5px 0; font-size: 26px; text-transform: uppercase; background: url(images/ico-section.png) no-repeat right center; letter-spacing: 1px; margin:0 40px; } #intro { color: #E0D4CE; font-size: 26px; padding-bottom: 40px; } #intro p { line-height: 1.4em; font-weight:100; } #intro a { font-weight: 400; border-bottom: 1px solid #329DD5; } #intro a:hover { border-bottom: 1px solid #58C8FF; text-decoration: none; } .post { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid #3D3836; position: relative; } .post .title, .page .title { font-family: AdelleBasic, sans-serif; position:relative; margin: 0 0 15px; font-size: 26px; color:#fff; } .post .title a:link, .post .title a:visited { color:#fff; } .post .title a:hover { text-shadow: 0 0 10px #F6F7A0; text-decoration: none; } /* date badge */ .post .post-date { background: #A39B98; border-left: 3px solid #8B8481; position: absolute; left: 480px; color: #fff; text-transform: uppercase; text-align: center; padding: 5px 10px; letter-spacing: 1px; } .layout-full .post .post-date { left:auto; right: 870px; } .post .post-date .month { font-size: 14px; display: block; } .post .post-date .day { font-size: 26px; position: relative; top: -2px; } .layout-left-content .post-date { left: -85px; border-left: 0; border-right: 3px solid #8B8481; } .post-meta {margin: 1em 0 1.5em 0;font:11px/1em sans-serif;color:#999; } .post-meta div {display: block; float: left; width: 33.33%;} .post-meta span {display: block; font-size: 16px; text-transform: uppercase; color: #77726F; margin-bottom: 15px;} .post-more { clear:both; margin: 1em 0 2em; color:#999;} .post-more a.button { padding: 1px 8px; margin: 0; font-size: 16px; } .post p.tags{color:#999; background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;} .post-meta a:link, .post-meta a:visited { color:#E2E2E2; } .post-meta a:hover { text-decoration: none; text-shadow: 0 0 5px #F6F7A0; } .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited () .post-more a:hover, .post p.tags a:hover { text-decoration:none; } /* 3.1 Typographic Elements */ .entry, .entry p { font:14px/2em Helvetica, Arial, sans-serif; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; } .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { -moz-box-shadow: 2px 1px 6px #111; -webkit-box-shadow: 2px 1px 6px #111; box-shadow: 2px 1px 6px #111; } .entry img:hover, img.thumbnail:hover { opacity: .8; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 8px 20px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .pagination { text-transform: uppercase; font-size: 16px; } .wp-pagenavi { margin: 0 !important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #A39B98 !important;color: #fff !important; padding: 5px 10px !important; } .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #fff; padding: 5px 10px; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #fff; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { background: #A39B98; text-shadow: 0 -1px 0 #555251; margin: 0 0 0 5px; } .woo-pagination .current, .woo-pagination a:hover { padding: 5px 10px; background: #706B68; } #post-entries { } #post-entries a { background: #A39B98; text-shadow: 0 -1px 0 #555251; margin: 0 0 0 5px; color: #FFFFFF; padding: 5px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-transform: uppercase; font-size: 15px; } #post-entries a:hover { background: #706B68; text-decoration: none; } /* 3.4 Single Post Author */ #post-author { background: #242424; margin:0 0 1.5em; padding:15px; border:1px solid #3D3937; border-width:1px 0 1px; clear:both; } #post-author .title { margin-bottom: 10px; } #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} #post-author .profile-link { } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { padding:25px 0; margin: 0 25px; border-bottom: 1px solid #3D3937; } .widget h3 { margin: 0 0 0.5em 0; font:normal 18px sans-serif; color:#77726F; text-transform: uppercase; letter-spacing: 1px; text-shadow:0 1px 0 #111; } .widget p { margin-bottom: 1em; } .widget ul { clear:both; padding:0; list-style:none; } .widget ul li {} .widget ul li a { padding: 0; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { background: #181818; width: 99%; position: relative; border-color: #101010 #181818 #181818 #181818; border-width:2px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:0px 0 4px #5E5E5E; } .searchform input.s { font-size: 14px; padding: 8px; width:85%; margin:0; border:none; background: none; color:#B9B2AE; } .searchform input.search-submit { position: absolute; top:2px; right:2px; border:none; margin:0; padding:1px 10px; background: #A39B98; color: #fff; text-shadow: 0 -1px 0 #555251; text-transform: uppercase; font-size: 20px; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 4px 4px; display: block; -moz-box-shadow: 2px 1px 6px #111; -webkit-box-shadow: 2px 1px 6px #111; box-shadow: 2px 1px 6px #111; } .widget_woo_flickr a:hover img {} /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 0; -moz-box-shadow: 2px 1px 6px #111; -webkit-box-shadow: 2px 1px 6px #111; box-shadow: 2px 1px 6px #111;} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back {} .widget_woo_twitter ul { padding-left:0; border:0; } .widget_woo_twitter ul li { border-bottom: 0; list-style:none; margin-bottom: 25px; } .widget_woo_twitter ul li:last-child { border:none; margin-bottom: 0; } .widget_woo_twitter ul li a { padding: 0; line-height: inherit; } .widget_woo_twitter ul li .time { color:#5B5B5B; display: block; } .widget_woo_twitter p { padding: 10px 0 0 5px; font-weight: bold; color:#777; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 13px; } .widget.widget_woo_twitter h3 { background: url(images/ico-twitter.png) no-repeat left center; border-bottom:none; padding:0 0 0 30px; margin:0 0 20px 0; } /* EMBED */ .widget_woo_embedwidget {} .widget_woo_embedwidget .widget-video-inside { background: #1B1A19; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 25px; } .widget_woo_embedwidget .widget-video-unit { margin-bottom: 5px; } .widget_woo_embedwidget .widget-video-unit h4 { font-size: 20px; margin: 0 0 15px 0; text-transform: uppercase; } .widget_woo_embedwidget .widget-video-list {} .widget_woo_embedwidget .widget-video-list li { border-bottom: 1px solid #3D3937; padding: 5px 4px; } /* BLOGROLL */ .widget_links ul li { font-size: 16px; padding:5px 0; } .widget_links ul li:last-child { padding-bottom:0; } .widget_links ul li a { background:url(images/blogroll-link.png) right center no-repeat; padding-right: 19px; } /* TEXT WIDGET */ .widget_text h3 { font-family: AdelleBasic, sans-serif !important; text-transform: capitalize; color:#fff; } /* BLOG ARCHIVES */ .widget_woo_archives .archive { font-size: 18px;letter-spacing: 1px; text-transform: uppercase; margin: 7px 0; } .widget_woo_archives span a { color: #77726F; } .widget_woo_archives .fl { width: 10%; margin-right: 2%; } .widget_woo_archives .fr { width: 88%; } .widget_woo_archives li { float: left; margin:0 4px; } .widget_woo_archives li a { color: #fff; background: #1A1918; padding: 4px 10px !important; display: block; } .widget_woo_archives li a:hover { background: #383A3A; text-decoration: none !important; text-shadow: 0 0 6px #F6F7A0; } /* 4.3 WooTabs */ #tabs { background:#1B1A19; height:auto; display: block;padding:10px; /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; /* Gradient Background */ background:#292929; } #tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 10px 12px; text-transform:none; font:bold 12px/18px sans-serif; border: 1px solid #3D3937; border-width:1px 1px 0 0;} #tabs ul.wooTabs li a.selected { padding-bottom:11px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#242424; text-decoration:none; border-width:1px 1px 0 0; } #tabs ul.wooTabs li:first-child a { border-width:1px 1px 0px 1px;} #tabs .inside { background:#242424; border: 1px solid #3D3937; margin-top:-1px; } #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width:1px; padding:10px; } #tabs .inside li { border-bottom: 1px solid #3D3937; padding:15px; list-style:none;} #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; padding:0;} #tabs .inside a:hover{} #tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: none repeat scroll 0 0 #A39B98; text-shadow: 0 -1px 0 #555251; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color: #fff;} #tabs .inside #tab-tags a:hover{ background: #706B68; text-decoration: none;} #tabs .inside li span.meta { display:block; font:italic 11px/20px Georgia, serif; text-transform:normal; color:#999; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail {padding: 0; background:none; float: left; margin: 0 10px 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:2em 0 0;padding:2em 0 0 0; border-top:1px solid #3D3836;} #comments h3 { color:#77726F; font-weight:normal; margin-bottom:20px; text-transform: uppercase; } /*#comments .comment.thread-even { border-bottom:1px solid #b2b2b2; } #comments .comment.bypostauthor { border-bottom:1px solid #efe3ae; }*/ #comments .comment{width:100%;list-style-type:none;overflow: hidden;} #comments .comment .comment-container { position:relative; padding: 5px 0; overflow: hidden; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float:left; margin: 0 20px 10px 0; width: 80px; } #comments .avatar img{margin: 0 0 8px 0;vertical-align: middle; -moz-box-shadow: 2px 1px 6px #000; -webkit-box-shadow: 2px 1px 6px #000; box-shadow: 2px 1px 6px #000; } #comments .avatar span { display: block; } #comments .avatar .name { margin: 0; font-weight: bold; font-size: 11px; color: #fff; } #comments .avatar .name a { color: #fff; } #comments .avatar .date, #comments .avatar .edit, #comments .avatar .perma { font-size: 11px; } #comments .avatar .edit, #comments .avatar .perma { display: inline; } #comments .comment-entry { font-size: 12px; float: none; margin-left: 5px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding:5px 0; } #comments .reply a { font: 11px/18px sans-serif; background: #A39B98; border: none; text-shadow: 0 -1px 0 #555251; color:#fff !important; margin: 0; padding: 2px 7px 0 } #comments .reply a:hover { background-color: #706B68;} #comments ul.children{margin:10px 0 0 25px;padding:0; } #comments ul.children li {/*border-top:1px solid #e6e6e6; */} #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { font-size:14px; font-weight: bold; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #3D3836; clear: both; } #respond h3 { color:#77726F; font-weight:normal; margin-bottom:20px; text-transform: uppercase; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } .comment-container #respond { padding: 20px 0 0; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #101010 #181818 #181818 #181818; border-width:0px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:1px 1px 0 #2E2D2C; background: #0D0D0C;} #commentform input.txt { color:#666; width: 381px; margin: 0 5px 20px 0; padding: 10px 10px 10px 45px; } #commentform textarea { color:#666; width: 86% !important; padding: 14px 14px 14px 45px; } #commentform p.loggedin { margin-bottom: 10px; font-size: 12px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* Form icons */ #respond input#author { background: #0D0D0C url(images/ico-user.png) no-repeat 12px 9px; } #respond input#email { background: #0D0D0C url(images/ico-mail.png) no-repeat 12px 11px; } #respond input#url { background: #0D0D0C url(images/ico-link.png) no-repeat 12px 11px; } #respond textarea { background: #0D0D0C url(images/ico-comment.png) no-repeat 12px 13px; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 5px 10px; border: 1px solid #F79C78; border-bottom-color: #BA4D23; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; font-size: 12px; text-transform: uppercase; /*Border radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*Background*/ background: #F9733D; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #FA8050), color-stop(1, #B74A20) ); background: -moz-linear-gradient( center top, #FA8050 20%, #B74A20 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #A1421E; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #DD5926), color-stop(1, #B74A20) ); background: -moz-linear-gradient( center top, #DD5926 20%, #B74A20 100% ); } a.button:active, a.button.active, .submit:active { border-color: #E56230; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 0 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 0 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 0 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.button.inactive,{ border: 1px solid #d5d5d5; border-bottom-color: #e6e2e2; color: #aeaeae; text-shadow: 0 1px 0 white; /*Background*/ background: #e8e8e8; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f3f3f3), color-stop(1, #e6e6e6) ); background: -moz-linear-gradient( center top, #f3f3f3 20%, #e6e6e6 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:1px solid #555555; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 154px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 109px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 .nav .sf-sub-indicator { display:none; } .ie6 .nav li a:hover { text-decoration:none; } .ie6 .nav li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; } .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } .ie7 #slides.slides, .ie8 #slides.slides, .ie9 #slides.slides { margin-left: -91px; } .ie8 #logo, .ie7 #logo { background: url(images/ietrans.png) repeat left top; } .ie8 #scrolling-images.slides, .ie7 #scrolling-images.slides { left: -10px !important; } .ie8 #slides.slides .slide-image, .ie7 #slides.slides .slide-image { left:1px !important; } /* Other browser specific */ .chrome #scrolling-images.slides { left: -6px !important; } .chrome #slides.slides .slide-image { left:1px !important; } .gecko #scrolling-images.slides { left: -9px !important; } .gecko #slides.slides .slide-image { left:2px !important; } /* 6.6 Connect */ #connect { background: #1B1A19; margin:0; padding:15px; clear:both; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } .widget #connect .title {color: #77726F;font: 18px "Yanone Kaffeesatz",serif;letter-spacing: 1px;margin: 0 0 0.5em;text-shadow: 0 1px 0 #111111;text-transform: uppercase;} #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:140px; } #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #connect .social { } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} /* 7. Donate */ #donate { background: #eee; background: rgba(0,0,0,0.3); border-bottom: 2px dashed #3D3836; position: relative; } .home #donate { border: 0; background: none; } #donate .title { width: 750px; text-align: center; margin:0 auto; padding: 30px 0; } #donate h2 { font-family: AdelleBasic, sans-serif; color: #fff; text-shadow: 2px 2px 0 #000; font-size: 60px; line-height: 1.3em; } #donate .info { background: #252424; border-top: 3px solid #000; padding: 20px 40px; } .donate-meter { height:370px; width:25px; position: absolute; z-index: 20; background: #000 url(images/donate-meter.png) 8px 8px no-repeat; background: rgba(0,0,0,0.6) url(images/donate-meter.png) 7px 8px no-repeat; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 6px; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3); right: -50px; top: 50px; } .donate-meter > span { display: block; width: 25px; position: absolute; bottom: 10px; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomright: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; -webkit-border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topleft: 25px; -moz-border-radius-bottomleft: 25px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-color: #7F7875; } .donate-meter a.total-raised { background: transparent url(images/donate-meter.png) no-repeat left top; display: block; width: 21px; height: 21px; margin-left: 2px; margin-top: 2px; cursor: pointer; text-indent: -9999px; } .donate-meter .details { z-index:20; display: none; } .donate-meter .details.active { display: block; position: absolute; left: -140px; top:-20px; z-index: 25; color: #333333; text-decoration: none; background: #FFFFFF; padding: 4px; text-align: center; } .donate-meter .details .details-inner { border: 1px solid #C1B9B5; padding: 10px 0; width: 120px; display: block; } .donate-meter .details .details-inner span { display: block; text-align: center; } .donate-meter .details .text-raised, .donate-meter .details .text-goal, .donate-meter .details .text-ofour { text-transform: uppercase; font-size: 10px; color: #434343; } .donate-meter .money-raised, .donate-meter .money-target { font-size: 22px; } .donate-meter .text-ofour { padding: 10px 0; } .donate-meter span.text-ofour { border-bottom:1px solid #ccc; position: relative; text-align: center; top: -20px; margin: 0 10px; } .donate-meter span.text-ofour span { border:0; background: #fff; padding: 0 2px; position: relative; top: 21px; margin: 0 auto; width: 60px; } /* 7.1 Slider */ /* 7.1.1 Background Scrolling Images */ /* The !important flag is used here to override properties set by jCarouselLite. */ #scrolling-images { z-index: -1 !important; } #scrolling-images.slides { width: 100%; position: absolute !important; z-index: 1; top: -192px; } body.admin-bar #scrolling-images.slides { top: -163px; } #scrolling-images.slides ul { display: block; width: 1078px; margin-left: auto !important; margin-right: auto !important; } #scrolling-images.slides .slide .content { background: #000000; width: 480px; } #scrolling-images.slides .slide .content img { -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } /* 7.1.2 Main Slides */ #slides.slides { margin-left: -94px; } body.chrome #slides.slides { margin-left: -91px; } body.gecko #slides.slides { margin-left: -92px; } #slides.slides ul { float: left; } #slides.slides .slide { float: left; width: 100%; } #slides.slides .slide-image { float: left; width: 480px; margin: 30px 0; position: relative; left:4px; } /* browser specific */ .gecko #slides.slides .slide-image { left:1px } .gecko #scrolling-images.slides ul { left: 1px; } #slides.slides .slide-content { float: right; width: 433px; height: 100%; padding: 23px 50px 30px 37px; background: #000; background: rgba(0,0,0,0.3); } #slides.slides .slide-content .slide-title { font-family: AdelleBasic, sans-serif; color: #FFFFFF; font-size: 55px; } #slides.slides .slide-content .slide-entry { line-height: 1.6em; font-size:1.1em; margin-top:5px; color: #E0D4CE; } /* 7.1.3 Slider Navigation */ #slide-navigator { position: absolute; z-index: 3; width: 600px; margin-left: 250px; margin-top: 325px; background: #000; background: rgba(0,0,0,0.6); padding: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } #slide-navigator a.pager { display: inline-block; width: 50px; height: 42px; margin-top: 5px; } body.ie7 #slide-navigator { margin-left: 350px; margin-top: 315px; } body.ie7 #slide-navigator a.pager { display: block; float: left; zoom: 1; } #slide-navigator a.pager:hover { -moz-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; } #slide-navigator a.pager:active { position: relative; top: 1px; } #slide-navigator a.btn-previous { background: transparent url(images/slide-nav-left.png) no-repeat left top; text-indent: -9999px; margin-left: 5px; } #slide-navigator a.btn-next { background: transparent url(images/slide-nav-right.png) no-repeat left top; text-indent: -9999px; margin-right: 5px; } /* 7.1.4 "Donate" button */ .donate-button { display: inline-block; margin-left: 70px; } body.ie7 .donate-button { display: inline; zoom: 1; } /* Fix for IE7 */ .donate-button input.submit, a.donate-button { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; font-size: 28px; margin: 0px; padding: 5px 40px; } body.ie7 .donate-button input.submit, body.ie7 a.donate-button { padding: 0 20px; } body.chrome .donate-button input.submit, body.chrome a.donate-button { border: 0; } .donate-button input.submit:hover, a.donate-button:hover { cursor: pointer; } .donate-button input.submit:active, a.donate-button:active { position: relative; top: 1px; } a.donate-button { padding: 10px 40px; margin-left: 70px; } #intro a.donate-button { font-weight: normal; padding: 13px 40px; } /* 7.1.5 "Learn More" link */ #slide-navigator .learn-more { display: inline-block; margin-top: 13px; margin-left: 20px; margin-right: 30px; } body.ie7 #slide-navigator .learn-more { display: inline; zoom: 1; } #slide-navigator .learn-more .or-text { font-size: 16px; padding-right: 16px; } #slide-navigator .learn-more a.more-link { font-size: 18px; border-bottom: 1px solid #329DD5; } #slide-navigator .learn-more a.more-link:hover { text-decoration: none; border-bottom: 1px solid #58C8FF; } /* 7.2 Donate Page Template */ .page-template-template-donate-php #intro { background: #252424; padding: 45px 40px; border-top: 3px solid #000; } .page-template-template-donate-php #intro .meter { margin-top: 40px; height: 49px; /* Can be anything */ width: 556px; position: relative; background: #000; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; padding: 10px; display: inline-block; background: #000 url(images/donate-meter-page.png) 524px 21px no-repeat; } .page-template-template-donate-php #intro .meter > span { display: block; height: 100%; -moz-border-radius: 60px; -webkit-bottom-radius: 60px; border-radius: 60px; background: #7F7875; position: relative; overflow: hidden; text-align: right; } .page-template-template-donate-php #intro .money-so-far { background: url("images/donate-meter-page.png") no-repeat 97% center; color: #FFF; display: block; height: 25px; margin-top: 10px; padding-right: 55px; padding-top: 5px; font-size: 26px; } .page-template-template-donate-php .donate-button-wrap { background: #000; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; margin-top: 40px; margin-left: 20px; padding: 10px; display: inline-block; } .page-template-template-donate-php .donate-button { margin: 0; }