/* Theme Name: 1940 Chronicle Theme URI: http://1940Chronicle.com/ Description: The theme developed by Reading Room for the 70th Anniversary Battle of Britain Site. Version: 1.0 Author: Reading Room Author URI: http://readingroom.com/ */ /*----------------------------------------------------------RESET STYLES---------------------------------------------------------- */ @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700); html, body, div, span, applet, object,h1, h2, h3, h4, h5, h6, p, blockquote,a, abbr, acronym, address, big, cite, code,del, em, img, ins, q, samp,small, strike, strong, sub, sup,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { padding:0; border:0; margin:0; font-size:100%; vertical-align:baseline; background:transparent;} * {margin: 0;} html, body {height: 100%;} ul{list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:"";} strong {font-weight:bold;} em {font-style:italic;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0;} body {line-height:1; font-size: 62.5%;} /*----------------------------------------------Layout-----------------------------------------------*/ /* .outer-wrapper{outline:1px solid green;} .wrapper{outline: 1px solid blue; } .fixed-width{outline:1px solid pink;} */ .outer-wrapper{} .wrapper{ } home.wrapper{ padding:0 20px; } .fixed-width{width:970px; margin:0 auto;} #header{position:relative;} #header .wrapper{} #content{} #content .wrapper{} #content .cont-pri{float:left; width:610px; margin-right:20px;} .character #content .cont-pri{width:560px; padding-left:100px; margin-left:-30px;} .chronicle #content .cont-pri{width:610px; padding-left:20px; margin-left:0; background:none;} #content .cont-sec{float: left; width: 290px; padding-right:23px;} #content .cont-ter{margin:20px auto 40px; width:940px; overflow:hidden;} #content .cont-ter .item{width:193px; float:left; margin:0 10px; padding-right:100px; } #content .cont-ter .item p a{font-weight:bold;} #content .cont-ter .item.chronicle{background:url(/wordpress-content/themes/rafbf/_assets/images/design/logo-hft.png) 100% 20px no-repeat;} #content .cont-ter .item.spitfire{background:url(/wordpress-content/themes/rafbf/_assets/images/design/th-spitfire.png) 100% 20px no-repeat;} #content .cont-ter .item.rafbf{background:url(/wordpress-content/themes/rafbf/_assets/images/design/th-rafbf.png) 100% 20px no-repeat;} #footer{} #footer .wrapper{background: #000; height: 4em; padding:1em 20px;} /*----------------------------------------------Typography-----------------------------------------------*/ h1,h2,h3,h4, #nav-pri, .disclaimer-bar, .blocklink, .cont-pri .posted-date, .pagination li, .commentlist .vcard, #wp-calendar caption, #wp-calendar tfoot td, .article-footer.comments, .recent-posts ul li a, .cta-donate a, h1.take-action{font-family:"Gill Sans MT", "GillSans", Trebuchet, Arial, sans-serif; text-transform:uppercase;} h1{font-size: 5.5em; } .single .cont-pri h1, .single .post h2{font-size:2em; font-family:"Courier New", Courier, Monaco, Consolas, Arial, sans-serif;} .home h1.headline{margin:0 20px; font-family: 'Yanone Kaffeesatz', arial, serif; letter-spacing:0.02em; padding:0;} .chronicle h1.headline{margin:0 20px; font-family: 'Yanone Kaffeesatz', arial, serif; letter-spacing:0.02em; padding:0;} .page h1.headline{margin:0;} h2{font-size: 1.5em;} h2.headline{font-size: 2.8em; padding-bottom:5px; border-bottom:2px solid #000; margin-bottom:5px; font-family: 'Yanone Kaffeesatz', arial, serif; letter-spacing:0.04em;} .page .cont-sec h2.headline{margin-top:0.8em;} h3{font-size: 1.3em; line-height:1.1;} h4{} p{font-size: 1.2em; color:#444; line-height:1.3em;} #content p, .article ul li{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; line-height:1.5; padding-bottom:0.5em; color:#444;} #content p.intro{font-size:1.6em; } #content .article p{padding-bottom:1em;} a{color:#005a84; text-decoration: none;} a:hover, a:focus{text-decoration:underline;} a:focus{} a:visited, a:active{} p a{text-decoration: underline; } p a:hover, p a:focus{background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.5);} .blocklink a, a.blocklink{font-size:1.5em; display:inline-block; background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-right.png) 100% 70% no-repeat; padding-right:25px;} .blocklink.left a, a.blocklink.left{background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-left.png) 0 70% no-repeat; padding-left:25px; padding-right:0;} .blocklink.right a, a.blocklink.right{float:right;} ol, ul{padding-left:3em; font-size: 1.2em; line-height: 1.2em;} ol li, ul li{margin:0.5em 0;} ul li{list-style: disc;} .no-show{display:none;} /*----------------------------------------------Navigation-----------------------------------------------*/ /* Primary Navigation */ #nav-pri{border-top:2px solid #000; border-bottom:2px solid #000; overflow:hidden; font-size:1.5em; padding:0;} #nav-pri li{float:left; list-style-type:none; padding:0; margin:0;} #nav-pri li a, #nav-pri li span{float:left; margin:0; padding:0.5em 0.8em;} #nav-pri li span.date{padding-right:30px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-left.png) no-repeat 100% 50%; font-weight:bold;} #nav-pri li a:hover, #nav-pri li a:focus{text-decoration:none; background:#000; color:#fff;} #nav-pri li.current_page_item a:hover{background:none;} #nav-pri li a:active{} #nav-pri li.current_page_item a{color:#000; font-weight:bold;} #nav-pri li.donate a{background:#dc002d url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-red.png) no-repeat 90% 50%; color:#fff; padding-right:30px;} #nav-pri li.donate a:hover{background:#ba0026 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-red.png) no-repeat 90% 50%;} #nav-pri .page-item-120 a, #nav-pri .page-item-1320 a{ padding-right:30px; background:#005a84 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-blue.png) no-repeat 95% 50%; color:#fff;} #nav-pri .page-item-120.current_page_item a, #nav-pri .page-item-1320.current_page_item a{color:#fff; background:#005a84 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-blue.png) no-repeat 95% 50%;} #nav-pri .page-item-120.current_page_item a:hover, #nav-pri .page-item-1320.current_page_item a:hover{background:#005a84 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-blue.png) no-repeat 95% 50%;} /* Secondary Navigation */ #nav-sec{} #nav-sec li{} #nav-sec li a{} #nav-sec li a:hover, #nav-sec li a:focus{} #nav-sec li a:active{} .nav-footer{padding:0; margin-left:-0.5em;} .nav-footer li{display:inline; border-right:1px solid #555; padding:0 0.5em;} .nav-footer li:last-child{border-right:none;} .nav-footer li a{} /* Global Navigation */ .show-nav-global{position:absolute; width:363px; height:96px; position:absolute; top:0; right:0; z-index:1; cursor:pointer;} .show-nav-global span.btn{background:url(/wordpress-content/themes/rafbf/_assets/images/design/glob-nav.png) 0 0 no-repeat; z-index:2; width:363px; height:96px; position:absolute; top:0; right:0; text-indent:-9999px;} #type_2 span.btn{background-image:url(/wordpress-content/themes/rafbf/_assets/images/design/glob-nav-type2.png);} .home .show-nav-global span.btn{right:-10px;} .show-nav-global:hover span.btn{background-position:0 50%; cursor:pointer;} .show-nav-global.open span.btn{background-position:0 100%; cursor:pointer;} .nav-global{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/shad-nav-glob.png) 0 100% no-repeat; overflow:hidden; position:absolute; z-index:1; width:330px; top:50px; right:10px; display:none;} .nav-global .inner{margin:0 10px 10px 10px; background:#fff; overflow:hidden; padding:20px 10px 10px; cursor:default;} .nav-global ul li p{font-size:1em;} .nav-global .characters{float:left;} .nav-global .characters li{border:none; padding-top:0; height:50px; background-position:0 0; background-repeat:no-repeat !important; margin:5px 0;} /* Character Images */ .nav-global .characters li.jane-sheridan{background: url(/wordpress-content/themes/rafbf/_assets/images/content/th-sprite-jane-sheridan.jpg);} .nav-global .characters li.alexander-rhodes{background: url(/wordpress-content/themes/rafbf/_assets/images/content/th-sprite-alexander-rhodes.jpg);} .nav-global .characters li.frank-edwards{background: url(/wordpress-content/themes/rafbf/_assets/images/content/th-sprite-frank-edwards.jpg);} .nav-global .characters li.george-sheridan{background: url(/wordpress-content/themes/rafbf/_assets/images/content/th-sprite-george-sheridan.jpg);} .nav-global .characters li.mary-lawrence{background: url(/wordpress-content/themes/rafbf/_assets/images/content/th-sprite-mary-lawrence.jpg);} /*.nav-global .characters li:hover{background-position:0 -340px;}*/ .nav-global .characters li h3, .nav-global .pages li h3{font-size:1.1em;} .nav-global .pages{padding:0; border-top:1px solid #ccc; float:left; margin:10px 0 0;} .nav-global .pages li{list-style-type:none; float:left; position:relative; padding:10px 0 30px; width:280px; margin:0; height:40px;} /* Pages list like .characters in .cont-sec */ .nav-global .pages p, .nav-global .pages h3{margin-left:70px;} .nav-global .pages img{position:absolute; top:10px; left:0;} .pages li.item-chronicle{border-bottom:1px solid #ccc;} .pages li.item-chronicle h3 span{display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em;} .pages li.item-rafbf{padding-bottom:20px;} .pages li.item-rafbf h3{/*font-family:Georgia, "Times New Roman", Times, serif;*/ font-size:1.8em;} .nojs .show-nav-global:hover .nav-global{display:block;} /* Pagination */ .pagination{ padding:0; margin:0; font-size:1.5em; overflow:hidden;} .diary .pagination{ margin-left:70px;} .pagination li{list-style:none; float:left; padding:0 5px; border-right:1px solid #BEB49D; color:#777;} .pagination li.first{background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-left.png) 0 50% no-repeat; padding-left:25px; } .pagination li.last{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-right.png) 100% 50% no-repeat; padding-right:25px; border:none; } .pagination li.selected{font-weight:bold;} /*----------------------------------------------Backgrounds-------------------------------------------*/ /*Homepage - Newspaper - Default*/ body, body.home{background:#000 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-chronicle.jpg) repeat-x fixed 50% 0;} body .wrapper, body.home .wrapper{} body .fixed-width, body.home .fixed-width{background:#ede0c4 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-home-tile.jpg) repeat-y 50%;} body.home #content .wrapper, body.chronicle #content .wrapper{background: url(/wordpress-content/themes/rafbf/_assets/images/design/bg-home-bottom.jpg) no-repeat bottom;} /* Generic */ body #content{} body #content .wrapper{background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-bottom-profile.png) 50% 101% no-repeat;} .character .cont-pri{background:url(/wordpress-content/themes/rafbf/_assets/images/design/ring.png) 0 0 repeat-y;} /*----------------------------------------------Homepage-----------------------------------------------*/ /* HP Elements */ .show-all{height:25px; display:block; background:url(/wordpress-content/themes/rafbf/_assets/images/design/show-all-sm.png) 0 0 no-repeat; width:100%; clear:left; text-indent:-99999px; cursor:pointer;} .nojs .show-all{display:none;} .show-all.down{background-position:0 100%;} /* Character list */ .characters {padding:0; overflow:hidden;} .characters li{width:100%; list-style-type:none; padding:0; margin:0; float:left; position:relative; border-bottom:#555 dashed 1px; padding:10px 0;} .characters p, .characters h3{margin-left:70px;} .characters img{position:absolute; top:10px; left:0;} .characters .posted-date{background:url(/wordpress-content/themes/rafbf/_assets/images/design/ico-clock.png) 0 70% no-repeat; padding-left:20px; color:#555;} #content .characters .posted-date{padding-bottom:0;} .nojs .characters{margin-bottom:20px; overflow:hidden;} /* Aside content feature */ .cont-pri{margin-left:20px;} .cont-pri.with-aside .article {float:left; width:360px;} #aside-feature{width:210px; background:#d6bf87; padding:10px; float:right; margin-bottom:10px;} #aside-feature img{margin-bottom:8px;} #aside-feature h3{margin-bottom:5px;} /* Secondary Content Column */ .sec-feature{padding-bottom:15px; margin-bottom:20px; background:url("/wordpress-content/themes/rafbf/_assets/images/design/shad-recentposts.png") no-repeat scroll 50% 100% transparent;} .sec-feature .inner{background:#fff; background:#fff; padding:10px; margin-top:160px;} .boost-morale{ padding:0; height:290px; margin:-180px -10px 10px; display:block; width:290px;} .boost-morale a{background:url(/wordpress-content/themes/rafbf/_assets/images/design/txt-banner.png) 0 100% no-repeat; text-indent:-9999px; padding:0; height:100%; display:block;} /* No people .sec-feature .inner{margin-top:60px;} .boost-morale{margin:-60px -10px 10px; height:200px;} .boost-morale a{background: url(/wordpress-content/themes/rafbf/_assets/images/design/txt-banner-nopeeps.png) 0 100% no-repeat; height:200px;} */ .sec-feature label{display:block;} #content p.error{color:#dc002d;} .sec-feature .text, .sec-feature textarea{width:267px; padding:0.3em 0; margin:0.4em 0 0; background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-input.png) 0 0 repeat-x; border-width:1px; border-style:solid;} .sec-feature img{display:block; margin:10px -10px -10px;} .sec-feature #sharethis_1, .sec-feature #sharethis_0{text-align:center; margin:0 auto; width:150px; display:block;} /* Header - for homepage and generic styles */ #header{} #header .wrapper{overflow:hidden;} #header .wrapper{width:935px; margin:0 auto;} .home #header .wrapper{width:930px;} .home #header .branding, .chronicle #header .branding{width:640px; height:126px; text-align:center; margin:40px auto 0; position:relative;} .home #header .branding h1 em, .chronicle #header .branding h1 em{display:block; font-size:0.5em;} .home #header .branding span, .chronicle #header .branding span{font-size:1.5em;} .home #header .branding .rep, .chronicle #header .branding .rep{position:absolute; width:100%; height:100%; top:0; left:0; background: url(/wordpress-content/themes/rafbf/_assets/images/design/txt-1940-chronicle.png) 0 0 no-repeat;} #header .branding h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:4.8em;} #header .character-role{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; margin-left:170px; position:absolute; top:80px; text-transform:uppercase;} .home h1.headline{margin:0 20px;} /*----------------------------------------------Content-----------------------------------------------*/ #content .wrapper{padding-top:10px; padding-bottom:10px;} #content .wrapper h1{border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:20px;} .diary #content h1.headline{margin:0; margin-bottom:10px; } /* -------------- Primary Content Column --------------------*/ .leader-image{margin-bottom:10px;} .cont-pri .posted-date{font-size:1.5em; border-bottom:1px solid #ccc; margin-bottom:8px; padding-bottom:0.4em; clear:left; display:block;} .character .h1{clear:left;} .article-footer{ border-top:1px solid #BEB49D; margin:10px 0 10px; padding-top:10px; clear:both; overflow:hidden;} .article-footer #sharethis_0{float:right;} .article-footer.sec{margin-top:0;} .home .article-footer{ clear:both; padding-top:10px; border-top:#beb49d 1px solid; margin-top:20px; float:left; width:100%; } .home .article-footer img{float:left; margin:0 10px 5px 0;} /* Blog Listing */ .post{border-bottom:1px solid #ccc; margin-bottom:18px; padding-bottom:0.4em; } .post h2{ margin-bottom:10px;} .post h2 a{padding-left:25px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-right.png) no-repeat 0 50%;} .post .posted-date{border-bottom:none; padding-bottom:0;} img.alignright{float:right; margin:0 0 20px 20px;} img.alignleft{float:left; margin:0 20px 20px 0;} /* Take Action Page #content h1.take-action{line-height:1em; font-size:7em; padding:0; border:none;} */ ul.take-action{ margin:0 -20px 0 0; padding:0; float:left;} ul.take-action li{position:relative; color:#fff; padding:10px; min-height:200px; font-size:1.5em; display:block; width:170px; float:left; list-style-type:none; background:#471702; margin-right:20px; margin-top:20px;} ul.take-action li a{color:#a6ccdf; position:relative;} ul.take-action li h3{margin-top:30px;} ul.take-action li img{position:absolute; top:-20px; left:53px;} /* -------------- Secondary Content Column --------------------*/ .cont-sec{} /* Character Profiles */ .cont-sec .character-profile{overflow:hidden;} .cont-sec .character-profile dl{float:left;font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; width:290px;} .cont-sec .character-profile dl dt{float:left; clear:left; font-weight:bold; width:80px; margin-bottom:0.8em;} .cont-sec .character-profile dl dd{float:left; width:205px; margin-bottom:0.8em;} .cont-sec .character-profile img{float:left; margin-bottom:-60px;} .cont-sec .character-profile h2{margin-bottom:8px;} /* Facebook Social Plugin */ .fb-like{ margin:20px 0 10px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/shad-recentposts.png) no-repeat 50% 100%; padding-bottom:15px;} .fb-like .inner{background:#fff; padding:10px; overflow:hidden; } .fb-like .inner h2{margin:-10px -10px 15px -10px; padding:10px; background:#0159a4; color:#fff;} .fb-like .inner h2 a{color:#c8e6ff;} .nojs .fb-like{display:none;} .fb-like.nopad .inner{padding:0;} .fb-like.nopad .inner h2{margin:0;} /* Recent Posts */ .recent-posts{background:url(/wordpress-content/themes/rafbf/_assets/images/design/shad-recentposts.png) no-repeat 50% 100%; padding-bottom:14px; margin:30px 0 20px;} .recent-posts .inner{background:#fff; padding:15px 10px;} .recent-posts ul{padding:0; line-height:1.2;} .recent-posts ul li{list-style:none; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:10px;} .recent-posts ul li .posted-date{font-size:0.8em;} .recent-posts ul li a{font-size:1.2em; display:block; font-weight:bold;} .recent-posts .blocklink{margin-top:8px;} .recent-posts h2{margin-top:-36px; padding-top:36px; margin-bottom:-15px; padding-bottom:15px;}/* see bg image for characters */ /* Twitter Widget */ .twitter-widget{background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-twitter.png) 0 100% no-repeat; padding-bottom:44px;} .twitter-widget h2{background:#5599BB; padding:10px; margin:-10px -10px 10px -10px;} .twitter-widget h2 a{color:#fff;} .twitter-widget .inner{background:#fee9a8; width:240px; padding:10px;} .twitter-widget .inner p{padding:0 !important; margin-bottom:0;} .twitter-widget .inner p.time{ margin-bottom:1em; font-size:1em !important; font-family:Arial, Helvetica, sans-serif !important;} /* Image */ .cont-sec .sec-img{margin:20px 0 10px;} /* Comments - letters to the editor */ .commentlist{padding-left:0; margin-bottom:10px;} .commentlist li{list-style:none; padding:0; margin:10px 0; border-bottom:1px dashed #555;} .commentlist .vcard{font-size:1.3em; margin-bottom:0.3em;} .commentlist .vcard img{display:none;} .article-footer.comments{font-size:1.5em; padding-bottom:10px; border-bottom:1px solid #555; margin-bottom:10px;} .article-footer.comments .alignleft a{background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-left.png) no-repeat scroll 0 50%; padding-left:25px;} .article-footer.comments .alignright{text-align:right;} .article-footer.comments .alignright a{background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-right.png) no-repeat scroll 100% 50%; padding-right:25px; } #commentform textarea{width:100%;} #respond h3{margin-bottom:0.5em;} /* Archive Calender */ .calender{background:url(/wordpress-content/themes/rafbf/_assets/images/design/shad-recentposts.png) no-repeat 50% 100%; margin:30px 0 20px; padding-bottom:14px; } .calender .inner {background:#fff; padding:30px 10px 10px;} .calender .inner h3{background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-cal-top.jpg) repeat-x 0 0; border-bottom:1px solid #ccc; padding:50px 10px 0.8em; text-align:left; font-weight:bold; margin:-40px -10px 0.8em;} .calender ul{padding-left:0; margin:0;} .calender ul li{list-style:none; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #ccc; padding:0.5em 0;} #wp-calendar{font-size:1.2em; width:100%;} #wp-calendar tbody td{padding:0.5em 0; border:1px solid #ccc; text-align:center; width:20px; } #wp-calendar tbody td a{padding:0.5em 0; margin:-0.5em 0; width:100%; display:block;} #wp-calendar tbody td a:hover, #wp-calendar tbody td a:focus, #wp-calendar tbody td.current a{background:#005A84; color:#fff;} #wp-calendar tbody td#today{background:url(/wordpress-content/themes/rafbf/_assets/images/design/cal-today.png) 50% 50% no-repeat;} #wp-calendar tbody td.prev{background:url(/wordpress-content/themes/rafbf/_assets/images/design/cal-done.png) no-repeat; background-position: 50% 0;} #wp-calendar tbody td.prev.t_1{background-position: 50% -24px;} #wp-calendar tbody td.prev.t_2{background-position: 50% -48px;} #wp-calendar tbody td.prev.t_3{background-position: 50% -72px;} #wp-calendar tbody td.prev.t_4{background-position: 50% 0;} #wp-calendar thead tr th{padding-bottom:0.3em;} /* Months */ #wp-calendar tfoot{border-top:1px solid #ccc; } #wp-calendar tfoot td{border:none; font-size:1.3em; padding:10px 0;} #wp-calendar tfoot td#prev{text-align:left;} #wp-calendar tfoot td#prev a{background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-left.png) 0 70% no-repeat; padding-left:25px;} #wp-calendar tfoot td#next{text-align:right;} #wp-calendar tfoot td#next a{background:url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-right.png) 100% 70% no-repeat; padding-right:25px;} /* Donation CTA */ .cta-donate, .button{margin:10px 0; text-align:center;} .cta-donate a, .button input{border:none; background:#dc002d url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-red.png) no-repeat 90% 50%; color:#fff; font-size:1.3em; padding:0.2em 35px 0.2em 1em; text-decoration:none; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .cta-donate a:hover, .cta-donate a:focus, .cta-donate a:active, .button input:hover, .button input:active, .button input:focus{background:#ba0026 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-red.png) no-repeat 90% 50%;;} /* Twitter CTA */ .cta-twitter{margin:10px 0; text-align:center;} .cta-twitter a{border:none; background:#005a84 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-blue.png) no-repeat 90% 50%; color:#fff; font-size:1.3em; padding:0.2em 35px 0.2em 1em; text-decoration:none; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .cta-twitter a:hover, .cta-twitter a:focus, .cta-twitter a:active{background:#005a84 url(/wordpress-content/themes/rafbf/_assets/images/design/arrow-blue.png) no-repeat 90% 50%;;} .sec-feature .cta-donate a, .sec-feature button{background:#DC002D; padding-right:15px; padding-left:15px;} .sec-feature .cta-donate a:hover, .sec-feature button:hover{background:#ba0026;} .button{margin:10px 0; text-align:center;} .padmore{padding:1.5em 0 0.5em;} /*------------------------Generic Stlyes for Character Pages-----------------------------------------------*/ .character #header .branding{height:170px; position:relative;} .chronicle #header .branding{height:126px;} .character #header .branding h1{margin-left:170px; position:absolute; top:100px; left:0;} .chronicle #header .branding h1{margin:0 auto; position:relative; top:0;} .character #header .branding img{position:absolute; top:20px; left:0;} #header .sec-branding{position:absolute; right:-20px; top:0; width:400px; height:130px;} .character .article .blog-image{float:right; margin:0 0 20px 20px;} /*----------------------------------------------Wife Page-----------------------------------------------*/ /* Body */ body.jane-sheridan{background:#000 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-wife.jpg) no-repeat fixed 50% 0;} body.jane-sheridan .fixed-width{padding:0 15px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-tile-wife.png) repeat-y center;} /* Header Stuff */ .jane-sheridan #header .branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-header-wife.jpg) no-repeat 95% -10px;} /* Lower page stain */ .jane-sheridan .cont-sec {background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-right-wife.png) 100% 400px no-repeat;} /* Profile */ .jane-sheridan .cont-sec .character-profile{background:url(/wordpress-content/themes/rafbf/_assets/images/design/div-profile-wife.png) repeat-x 0 100%; padding-bottom:30px;} .jane-sheridan .cont-sec .character-profile h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/div-profile-wife.png) repeat-x 0 0; padding-top:20px; margin-top:10px;} .jane-sheridan .cont-sec .character-profile dl{background:url(/wordpress-content/themes/rafbf/_assets/images/design/obj-safetypin.png) no-repeat 100% 90%; padding-bottom:20px; margin-bottom:-20px;} /* Recent posts image */ .jane-sheridan .recent-posts h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-button.png) 100% 0 no-repeat;} /*----------------------------------------------Engineer Page-----------------------------------------------*/ /* Body */ body.frank-edwards{background:#000 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-engineer.jpg) repeat-x fixed 50% 0;} body.frank-edwards .fixed-width{padding:0 15px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-tile-engineer.png) repeat-y center;} /* Header Stuff */ .frank-edwards #header .branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-header-engineer.jpg) no-repeat 150px 0;} .frank-edwards #header .sec-branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-spanner.png) no-repeat 0 0; height:120px;} .frank-edwards #header .ter-branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-spanner.png) no-repeat 100% -120px; height:100px; width:200px; position:absolute; right:-25px; top:120px;} /* Lower page stain */ .frank-edwards .cont-sec {background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-right-engineer.jpg) 100% 0 no-repeat;} /* Profile */ .frank-edwards .cont-sec .character-profile{background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-profile-engineer.png) no-repeat 0 0; padding:40px 10px 60px 0;margin-right:-10px; margin-bottom:-20px;} /* Recent posts image */ .frank-edwards .recent-posts h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-nut.png) 100% 0 no-repeat;} /*----------------------------------------------Journalist Page-----------------------------------------------*/ /* Body */ body.alexander-rhodes{background:#000 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-journalist.jpg) repeat-x fixed 50% 0;} body.alexander-rhodes .fixed-width{padding:0 15px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-tile-journalist.png) repeat-y center;} /* Header Stuff */ .alexander-rhodes #header .branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-header-journalist.jpg) no-repeat 350px 0;} .alexander-rhodes #header .sec-branding{ background: url(/wordpress-content/themes/rafbf/_assets/images/design/pic-pipe.png) no-repeat 0 0; right:-30px; top:50px; height:270px; width:365px;} /* Lower page stain */ .alexander-rhodes .cont-sec {background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-right-journalist.png) 100% 400px no-repeat;} /* Profile */ .alexander-rhodes .cont-sec .character-profile h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/div-profile-journalist-top.png) no-repeat 0 0; padding:20px 0 10px 0; margin:20px 0 inherit 0;} .alexander-rhodes .cont-sec .character-profile{background:url(/wordpress-content/themes/rafbf/_assets/images/design/div-profile-journalist-bottom.png) no-repeat 0 100%; padding-bottom:30px; margin:20px 0 0 0;} /* Recent posts image */ .alexander-rhodes .recent-posts h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-shavings.png) 100% 0 no-repeat;} /*----------------------------------------------Nurse Page-----------------------------------------------*/ /* Body */ body.mary-lawrence{background:#000 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-nurse.jpg) repeat-x fixed 50% 0;} body.mary-lawrence .fixed-width{padding:0 15px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-tile-nurse.png) repeat-y center;} /* Header Stuff */ .mary-lawrence #header .branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-header-nurse.jpg) no-repeat 250px 0;} .mary-lawrence #header .sec-branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-syringe.png) no-repeat 0 0; width:345px; height:285px;} /* Lower page stain */ .mary-lawrence .cont-sec {background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-right-nurse.png) 100% 400px no-repeat;} /* Profile */ .mary-lawrence .cont-sec .character-profile{background:url(/wordpress-content/themes/rafbf/_assets/images/design/shad-recentposts.png) no-repeat 50% 100%; margin:30px 0 20px; padding-bottom:14px; } .mary-lawrence .cont-sec .character-profile .inner{background:#fff; overflow:hidden; padding:10px;} /* Recent posts image */ .mary-lawrence .recent-posts h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-watch.png) 100% 0 no-repeat;} /*----------------------------------------------Pilot Page-----------------------------------------------*/ /* Body */ body.george-sheridan{background:#000 url(/wordpress-content/themes/rafbf/_assets/images/design/bg-pilot.jpg) repeat-x fixed 50% 0;} body.george-sheridan .fixed-width{padding:0 15px; background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-tile-pilot.png) repeat-y center;} /* Header Stuff */ .george-sheridan #header .branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-header-pilot.jpg) no-repeat 300px 0;} .george-sheridan #header .sec-branding{ background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-gloves.png) no-repeat 100% 100%; width:420px; height:230px;} /* Lower page stain */ .george-sheridan .cont-sec {background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-right-pilot.jpg) 100% 100px no-repeat;} /* Profile */ .george-sheridan .cont-sec .character-profile h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-profile-pilot-top.png) no-repeat 50% 0; padding:55px 0 0; } .george-sheridan .cont-sec .character-profile{background:url(/wordpress-content/themes/rafbf/_assets/images/design/bg-profile-pilot-bottom.png) no-repeat 50% 100%; padding:0 0 30px;} /* Recent posts image */ .george-sheridan .recent-posts h2{background:url(/wordpress-content/themes/rafbf/_assets/images/design/pic-compass.png) 100% 0 no-repeat;} /*----------------------------------------------Archive Listing Page-----------------------------------------------*/ .diary #header .sec-branding, .chronicle.single .sec-branding{top:0; left:0; background:url(/wordpress-content/themes/rafbf/_assets/images/design/archive-stamp.png) 0 0 no-repeat; width:216px; height:150px; } .intro{border-bottom:1px solid #555; margin-bottom:20px;} /*----------------------------------------------Footer-----------------------------------------------*/ /* Page Footer*/ .cont-ter{border-top:#beb49d 2px solid; border-bottom:#beb49d 2px solid; padding:10px 0 5px;} .cont-ter .item h2{padding-bottom:0.4em;} .cont-ter .disclaimer-bar{border-top:#beb49d 2px solid; clear:both; padding-top:0.8em; overflow:hidden;} .cont-ter .disclaimer-bar ul{padding:0; margin:0; float:left; font-size:1.5em;} .cont-ter .disclaimer-bar ul li{list-style:none; display:inline; padding-left:10px;} .cont-ter .disclaimer-bar ul li.active a{font-weight:bold; color:#000;} .cont-ter .disclaimer-bar ul li.current_page_item a{color:#000; font-weight:bold;} .cont-ter .disclaimer-bar h3, .cont-ter .disclaimer-bar .disclaimer h3{font-size:1.5em; display:inline; color:#9e0b0f;} .cont-ter .disclaimer-bar .disclaimer span{font-size:1.5em; display:inline;padding-left:0.5em;} /* Site Footer */ #footer.fixed-width{background:#000;} #footer{color:#fff; margin:10px auto; font-family:Arial, Helvetica, sans-serif; text-align:center; } #footer .network{margin:0 0 20px -20px; width:100%;} #footer .network li{list-style:none; padding:0; margin:0; display:inline-block;} #footer .network li a{width:240px; height:69px; position:relative; display:inline-block;} #footer .network li a span{width:100%; height:100%; top:0; left:0; position:absolute; background:url(/wordpress-content/themes/rafbf/_assets/images/design/network-footer.png) no-repeat; } #footer .network li.rafbf a span{background-position:0 0;} #footer .network li.rafbf a:hover span{background-position:0 100%;} #footer .network li.hft a span{background-position:50% 0;} #footer .network li.hft a:hover span{background-position:50% 100%;} #footer .network li.chronicle a span{background-position:100% 0;} #footer .network li.chronicle a:hover span{background-position:100% 100%;} #footer p{color:#fff; font-size:1em; clear:left; margin-bottom:10px;} #footer a{color:#a6ccdf;} /*----------------------------------------------Forms-----------------------------------------------*/ /* Generic Forms */ /*----------------------------------------------Listing-----------------------------------------------*/ .diary .post{padding-left:70px;} .post.alexander-rhodes{background:url(/wordpress-content/themes/rafbf/_assets/images/content/th-alexander-rhodes.png) 0 0 no-repeat;} .post.george-sheridan{background:url(/wordpress-content/themes/rafbf/_assets/images/content/th-george-sheridan.png) 0 0 no-repeat;} .post.mary-lawrence{background:url(/wordpress-content/themes/rafbf/_assets/images/content/th-mary-lawrence.png) 0 0 no-repeat;} .post.jane-sheridan{background:url(/wordpress-content/themes/rafbf/_assets/images/content/th-jane-sheridan.png) 0 0 no-repeat;} .post.frank-edwards{background:url(/wordpress-content/themes/rafbf/_assets/images/content/th-frank-edwards.png) 0 0 no-repeat;} #content .post.chronicle{background:url(/wordpress-content/themes/rafbf/_assets/images/design/th_chronicle.png) 0 0 no-repeat;} .alignleft{float:left; margin:0 20px 20px 0;} body{position:relative;} #plane{background:url(/wordpress-content/themes/rafbf/_assets/images/design/plane-shad.png) 0 0 no-repeat; width:400px; height:300px; position:absolute; top:0; left:0; z-index:1000;} /*----------------------------------------------Clearing-----------------------------------------------*/ #content .cont-sec:after, .wrapper:after {clear:both; display:block; content:"."; height:0; font-size:0; line-height:0; visibility:hidden;} /*----------------------------------------------------------------------------------------------------- === Print Styles === -----------------------------------------------------------------------------------------------------*/ @media print { #header{padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:20px;} div,h2{background:#fff !important; padding:0; margin:0; position:relative;} /* Text Colour */ p, a, #footer{color:#000 !important;} /* Cont Sec */ #content .cont-sec{ width:300px;} #content .cont-sec .character-profile{margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:2px solid #ccc;} #content .cont-sec .character-profile .inner{margin:0; padding:0;} #content .cont-sec .recent-posts{margin:0; padding:0;} #content .cont-sec .recent-posts h2{margin:0; padding:0;} #content .cont-sec .recent-posts .inner{margin:0; padding:0;} /* Cont Pri */ #content .cont-pri{margin-left:0 !important; padding-left:0 !important; width:600px; padding-right:20px;} #content .cont-pri .article{width:100%;} #content .cont-pri .posted-date{border-color:#000;} .home #aside-feature {float:left; width:100%; clear:left; padding:0; margin-top:40px;} /* Cont Ter */ #content .cont-ter {margin:0;} /* Hidden Stuff */ .article-footer, .fb-like, .sec-branding, .show-nav-global, #nav-pri, .home .show-all, span.rep {display:none;} }