/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! For more information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* This line sets up our clickable background image based on the site title's link */ /* DIY: Adjust the height & width attributes to reflect the actual size of your image */ /* DIY: Change the filename of your image to reflect the actual header's file name */ .custom #header #logo a { display: block; height: 172px; width: 700px; background: url('images/mediumheader.gif') no-repeat; outline: none; } /* This line gets rid of the site title & tagline by casting them out to far left field */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } /* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */ /* This is a bit of a kludge, but it seems to work. */ .custom #header #tagline { height: 0; } /* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */ .custom #header { padding: 0; margin-top:15px;} /* This line defines the header's background colour */ .custom #header_area { background-image:url('http://properpropaganda.net/wp-content/themes/thesis_182/custom/images/pp_headerback.jpg'); background-repeat:repeat-x; background-color: #e5decd; } /* This line defines the footer's background colour */ .custom #footer_area { background-color: #FFFFFF ; } /* This line adds your custom background graphic to the whole page (like a vertical gradient) body.custom { background:#FFFFFF url('images/redtowhitegradient2.gif') repeat-x scroll; { */ /* Change sidebar colour .custom #content_box {background-color:#FFFFFF;} .custom #content {background-color:#FFFFFF;} */ /*Nav menu customization code found at http://wpresser.com/how-to-customize-the-thesis-navigation-bar/: .custom ul#tabs li {background:#000000;} 02..custom ul#tabs li.rss {background:none;} 03..custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#767676;} 04..custom ul#tabs li.rss a:hover { 05.text-decoration: underline; 06.background: url(http://wpresser.com/wp-content/themes/thesis/images/icon-rss.gif) no-repeat; 07.background-position: right;} 08..custom ul#tabs li a:hover {text-decoration:none; background:#686868;} 09..custom ul#tabs li.current_page_item a:hover {text-decoration:none; background:#686868;} 10..custom ul#tabs li.current-cat a:hover {text-decoration:none; background:#686868;} */ /* Controls the entire nav bar ? Make sure the width matches the width of your content box. Use Firebug to line it up perfectly. Found at http://www.shatterboxx.com/how-to-make-your-thesis-site-go-from-mediocre-to-badass/ .custom ul#tabs { background: #000000; list-style: none; margin-top: .5em; padding-left: 1em; width: 97em;} */ /* Centres the nav bar and also defines width of each tab: .menu .tab-home {width:100px; text-align: center;} .menu .tab-1 {width:170px; text-align: center; } .menu .tab-2 {width:174px; text-align: center; } .menu .tab-3 {width:140px; text-align: center; } .menu .tab-4 {width:212px; text-align: center;}*/ /* Centres the nav bar and also defines width of each tab: */ .menu .tab-home {width:130px; text-align: center; } .menu .tab-1 {width:137px; text-align: center; } .menu .tab-2 {width:155px; text-align: center; } .menu .tab-3 {width:137px; text-align: center; } .menu .tab-4 {width:139px; text-align: center;} /* This line "centres" the menubar by pushing it right .menu {margin-left:180px;} */ /* This code changes the vertical line separator between the main content area and the sidebar to red, as explained here: http://diythemes.com/forums/customization/8895-changing-border-between-main-posts-sidebar.html#post43490. Watch out for one thing: The layout.css file contains the numbers for your current layout. If you ever change your layout in Design Options, you need to find the #content_box code in layout.css and note the number in red. Change the .custom #content_box code in custom.css to match that new number. */ body.home-page #content_box{ padding-left:0px!important; } body.home-page #content_box #content{ width:1000px!important; } .custom #content_box { width: 96%; // background: url('http://www.jacksonwightman.com/wp-content/themes/thesis_16/custom/images/reddot.gif') 58.4em 0 repeat-y; //padding-left:130px; } /* This code adds more vertical separator lines */ .custom .page { //border-right: 1px solid #a32c27; //border-left: 1px solid #a32c27; width:1000px; } /* Sidebar vertical line (it's already there in your code, just very light) */ .custom #sidebar_1 { border-color: #000000; } /* Attempting to centre everything in the sidebar */ .custom #sidebar_1 { margin-left: auto; margin-right: auto; display: block; } /* vertical lines dividing my content area and two sidebars (so one border on either side of sidebar #1). .custom #sidebar_1 { border-right: 0.1em solid #A32C27; border-left: 0.1em solid #A32C27; }*/ /* This line controls the way the social bookmarking icons next to the nav bar look li#tab-social-1 {float:right;} li#tab-social-1 div#my_menu_icon_1 {float:left; display:block;} li#tab-social-1 div#my_menu_icon_2 {float:left; display:block;} li#tab-social-1 div#my_menu_icon_3 {float:left; display:block;} */ /* Replace "leave a comment" with a graphical button - as seen at http://diythemes.com/forums/customization/18734-leave-comment-button.html#post89313 */ p.to_comments a {text-indent:-9999px; display:block; height:80px; width:232px; background:#fff url('http://www.jacksonwightman.com/wp-content/themes/thesis_16/custom/images/leaveacomment.gif') no-repeat;} p.to_comments a:hover {text-indent:-9999px; display:block; height:80px; width:232px; background:#fff url('http://www.jacksonwightman.com/wp-content/themes/thesis_16/custom/images/leaveacomment.gif') no-repeat;} /* Removes curly brackets around the "leave a comment" graphical button */ .custom div.format_text p.to_comments span.bracket {display:none;} /*Nav menu customization code found at http://wpresser.com/how-to-customize-the-thesis-navigation-bar/:*/ .custom ul#tabs li {background:#000000;} /* This line makes the nav bar text bold and DOES work .custom .menu a { font-weight: bold; }*/ /* This line makes the nav bar text bold supposedly. Doesn't seem to work. .custom ul#tabs { font-weight:bold; }*/ /* Makes entire nav bar black, with no white space on the right.*/ .custom .menu { padding-left:103px; background:#e5decd; } /*Styles comment count at bottom of each post - DOES NOT WORK .post .comments a { background-position: -76px; float:right; background:transparent url(img/icons.gif) no-repeat scroll 0 0; display:block; font-size:14px; font-weight:bold; text-align:right; height:16px; line-height:16px; padding-left:22px; margin-left:20px; } */ /*Styles comment count at bottom of each post*/ .info .comments a { background-position: -76px; float:right; background:transparent url(img/icons.gif) no-repeat scroll 0 0; display:block; font-size:14px; font-weight:bold; text-align:right; height:16px; line-height:16px; padding-right:20px; margin-right:20px; border-style:solid; border-width:1px; border-color:#A89E75; padding: 5px; } /*Styling RSS reminder line */ div.rss_reminder { font-weight:500; padding-left:20px; font-size:125% } /*Styling RSS reminder line */ p.note { font-weight:700; font-size:125% padding-left:20px; padding-top:20px; } /*Styling Related Posts title */ h2.related_post_title { padding-left:20px; font-weight:900; } /*Styling Related Posts list */ ul.related_post{ padding-left:33px; font-size:118% } /*.custom .textbox {height:300px; width:500px; background-color:#000000;}*/ .sliderbg {background-image: url('http://jacksonwightman.com/wp-content/themes/thesis_182/custom/images/sliderbg.gif'); background-repeat:no-repeat; background-position: center; width:300px; height:200px;} .custom .skin-light dl.slidedeck dd.slide .sd-node-permalink a, .skin-light dl.slidedeck dd .sd-node-permalink a:link, .skin-light dl.slidedeck dd .sd-node-permalink a:visited { color: #99A35D !important; } /*Moves dots below slider down a bit so not overlapping photo*/ .custom .skin-light ul.sd-node-navigation-type-simple-dots { bottom: 1px; } /*Removes dates listed above dots below slider*/ .skin-light ul.sd-node-navigation-type-simple-dots li a.sd-node-nav-link.active .sd-node-nav-link-label-date { display: none; } /* .custom .skin-light ul.sd-node-navigation-type-simple-dots { display:none; }*/ .custom .skin-light ul.sd-node-navigation-type-simple-dots li a.sd-node-nav-link.active .sd-node-nav-link-label-date { display: none; } /*Removes post date in slide*/ .skin-light dl.slidedeck dd.slide .sd-node-timesince { display:none; } /* .custom ul.menu ul li a { padding-bottom:2px; }*/ .custom ul.menu ul li a { z-index:101;} .custom ul.menu ul li { z-index:101;} .custom .skin-light dl.slidedeck dd.slide .sd-node-title { font-family: Arial,Verdana,sans-serif; color:#899C2D; } .skin-light dl.slidedeck dd.slide .sd-node-title a, .skin-light dl.slidedeck dd.slide .sd-node-title a:link, .skin-light dl.slidedeck dd.slide .sd-node-title a:visited { color: #899C2D !important; } .skin-light dl.slidedeck dd.slide .sd-node-excerpt p { color: #757577; } /* .custom .skin-light dl.slidedeck dd.slide .sd-node-content { float: right; }*/ .skin-image_caption_bottom .sd-node-caption h3.sd-node-caption-title { background-color: #97A255; color: #ffffff !important; } .skin-image_caption_bottom .sd-node-caption .sd-node-caption-excerpt p { background-color: #97A255; } .skin-image_caption_bottom ul.sd-node-nav-primary { background-color: #97A255; } .skin-image_caption_bottom .sd-node-caption .sd-node-caption-excerpt { background-color: #97A255; } /*Make box go all the way to bottom of photo*/ .skin-image_caption_bottom ul.sd-node-nav-primary { margin-bottom: -30px; } .skin-image_caption_bottom .sd-node-caption { margin-bottom: -25px; } /*Seems to kind of fix things*/ .skin-image_caption_bottom ul.sd-node-nav-primary { bottom: 65px; padding: 5px 0 0; } /*Gets rid of dots altogether, but makes everything else look good*/ .skin-image_caption_bottom ul.sd-node-nav-primary { display:none; } .skin-light dl.slidedeck dd.slide .sd-node-type { display: none; } .skin-light dl.slidedeck dd.slide .sd-node-title a, .skin-light dl.slidedeck dd.slide .sd-node-title a:link, .skin-light dl.slidedeck dd.slide .sd-node-title a:visited { font-size: 125%; } /*Moves the little man around in the slidedeck*/ .skin-light dl.slidedeck dd.slide .sd-node-image img { background: none repeat scroll 0 0 transparent; border: medium none; display: block; margin-left: 240px; margin-top: 60px; padding: 0; } /*Widens area that text is in in slider, but it's still cut off .skin-light dl.slidedeck dd.slide .sd-node-excerpt p { margin: 0 0 20px; width: 300px; }*/ /*Changes font face in slides*/ .skin-light dl.slidedeck dd { font-family: "Trebuchet MS", sans-serif; } .skin-light dl.slidedeck dd.slide .sd-node-excerpt p { font-family: Trebuchet MS,Verdana; } /*Changes colour of links in slidedeck*/ .custom .skin-light dl.slidedeck dd.slide .sd-node-permalink a, .skin-light dl.slidedeck dd .sd-node-permalink a:link, .skin-light dl.slidedeck dd .sd-node-permalink a:visited { color: #A39177 !important; } .skin-light dl.slidedeck dd.slide .sd-node-title a, .skin-light dl.slidedeck dd.slide .sd-node-title a:link, .skin-light dl.slidedeck dd.slide .sd-node-title a:visited { font-family: Trebuchet MS,sans-serif; color:#A32C27 !important; } /*Changes main font colour in slidedeck to black*/ .skin-light dl.slidedeck dd.slide .sd-node-excerpt p { color: #000000; } /*New slider styles start here*/ .skin-super-simple dl.slidedeck > dd { background-color: #FFFFFF; color:#000000; } .custom .skin-super-simple p, .skin-super-simple h1, .skin-super-simple h2, .skin-super-simple h3, .skin-super-simple h4, .skin-super-simple h5, .skin-super-simple h6, .skin-super-simple ol, .skin-super-simple ul, .skin-super-simple li { color: #000000 !important; font-size: 16px; background-color:#ffffff; } /* .whiteslidebg {width:587px; height:151px; background-color:#ffffff;}*/ .custom .skin-super-simple dl.slidedeck > dd { background: none repeat scroll 0 0 #FFFFFF; } .custom .skin-super-simple .slidedeckFooter { font-size: 18px; color:#A9997D; } .custom .skin-super-simple .slidedeckFooter { background: none repeat scroll 0 0 #000000; height: 10px; padding: 6px 15px 20px; } .custom .mc_signup_submit { text-align: left; } .custom #mc_signup_form { padding: 0; } .custom div#post-4013.post_box div.headline_area{ display:none; } .custom .menu, .menu a, .menu li ul { font-size:18px; letter-spacing:7px; padding-left:20px; padding-right:20px; } .custom .home_service_area{ background:#ffffff; } /* ---------------------------------- WIDGETIZED THESIS HEADER ---------------------------------- */ .custom .sidebar ul.sidebar_list {position: relative;} .custom #header_widget_1 ul.sidebar_list li.widget { //position: absolute; //display: block; //top:45px; //left:700px; //width:468px; } .custom #social-icons { position: absolute; display: block; top:45px; left:555px; width:468px; } .custom #social-icons a img { float:right; padding-left:10px;} .custom #social-icons-sidebar a img { padding-left:3px;} .custom #header_widget_1{ height:0px; } .custom .free_consultation{ position: absolute; display: block; top:140px; left:865px; WIDTH:500PX; letter-spacing:5px; } .custom .free_consultation a{ color:#000000; font-size:18px; } .custom .thesis_widget_search{ position: absolute; display: block!important; top:132px!important; left:-52px!important; WIDTH:200PX!important; } .custom .thesis_widget_search input{ border:none; background:#ffffff; text-align:right; letter-spacing:5px; } .custom div#post-4013 div.info{ display:none; } .custom .meteor_home{ background:white; padding:20px; } .custom #bottom_area{ background:white; width:100% } .custom #bottom_featured{ width:1500px; margin-left:auto; margin-right:auto; } .custom .search_form{ font-size:18px; } .custom #footer{ border:none; background:white; } .custom #content{ background:white; border-top:5px solid #A32B27; border-left:5px solid #A32B27; border-right:5px solid #A32B27; border-bottom:5px solid #A32B27; //border-right:1px #E5DECD solid; } .custom #post-4013{ background:#E5DECD!important; margin:0px; padding:0px; } .custom .info{ display:none; } .custom .wp-post-image { padding-left:20px; float: right; } .custom .ebook_download{ width: 1012px; margin-left: auto; margin-right: auto; border: 10px solid #E5DECD; background: #A32B27; text-align: center; font-size: 16px; } .custom .ebook_download h2 a, .custom .ebook_download h2 a:hover{ color:white; } .custom .service_development{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Development1.jpg'); } .custom .service_development:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Development_rollover.jpg') ; } .custom .service_events{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Events.jpg'); } .custom .service_events:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Events_rollover.jpg') ; } .custom .service_leads{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Leads.jpg'); } .custom .service_leads:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Leads_rollover.jpg') ; } .custom .service_marketing{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Marketing.jpg'); } .custom .service_marketing:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Marketing_rollover.jpg') ; } .custom .service_roi{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/ROI.jpg'); } .custom .service_roi:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/ROI_rollover.jpg') ; } .custom .service_publicrelations{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/public_relations.jpg'); } .custom .service_publicrelations:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/public_relations_rollover.jpg') ; } .custom .service_strategy{ float:left; height:79px; width:317px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Strategy.jpg'); } .custom .service_strategy:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/Strategy_rollover.jpg') ; } .custom .service_inbound{ float:left; height:79px; width:260px; background:url('http://properpropaganda.net/wp-content/uploads/2013/08/inbound.jpg'); } .custom .service_inbound:hover{ background:url('http://properpropaganda.net/wp-content/uploads/2013/08/inbound_rollover.jpg') ; } .custom .menu-main-menu{ margin-right:20px; } .custom #header #logo{ padding-left:150px; background-image: url('http://properpropaganda.net/wp-content/themes/thesis_182/custom/images/pp_headerback.jpg'); } .custom .menu-main-menu-container{ width: 885px; margin-left: auto; margin-right: auto; padding-bottom: 5px; padding-left:40px; } .custom .makepr{ position:relative; padding-top:20px; } .custom .readmore{ border-radius:10px; padding:5px 10px; text-decoration:none; color:white; background-color:#A32B27; } .custom .sidebar_newsletter{ //background: white; width: 243px; border-radius: 10px; padding: 10px; height: 150px; padding-top:0px; } .custom .hs_submit{ padding-left:45px; position: relative; top:-20px; } .custom input.hs-button{ background:black!important; border:black; MARGIN-LEFT:75PX; padding:10px; font-size:16px; } .custom input.hs-input{ background:white!important; width: 160px; margin-left: 68px; border: none; -webkit-box-shadow: none; font-size: 15px; font-family:"Trebuchet MS"; color:black; } .custom #featured_slider .content_left { float:right:important; font-size:16px!important; } .custom .properpropaganda_slider{ display:none; } @font-face { font-family: 'Tosca Zero'; src: url(http://properpropaganda.net/wp-content/themes/thesis_182/custom/tosca.otf); } .custom .content_left h2 a{ font-family:'Tosca Zero'; font-size:36px; text-decoration:none; } .custom .servicessidebar, .custom .socmediasidebar{ margin-left:88px; } .custom .emailsidebar{ height:110px; } .custom .post_box{ padding-bottom:15px; } body.home-page .no_sidebars #content{ border-top:0px; border-left:0px; border-right:0px; border-bottom:0px; } .custom .no_sidebars #content{ width:1000px; border-top:5px solid #A32B27; border-left:5px solid #A32B27; border-right:5px solid #A32B27; } .custom .no_sidebars .headline_area { display:none; } .custom .no_sidebars ul{ padding-left:150px; padding-right:60px; font-size:15.5px; } .custom .sidebar_list{ padding-top:0px; } .custom .sub-menu li a { width:300px; background:white; font-family:"Trebuchet MS"; text-transform:lowercase; letter-spacing:0px; } .custom .hs-cta-wrapper{ float:left; padding-left:25px; padding-right:25px; } .custom #hs-cta-wrapper-f3dd46c5-eaf4-43ef-916b-cf1d1cc869ab{ padding-left:20px!important; } .custom input.hs-button:hpver, .custom input.hs-button:focus{ border-color:red red red ; border-style:solid; border-widht:1px; box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 0 5px #3574e3; color:#ffffff; text-decoration:none; } @media only screen and (device-width: 768px) { .custom #header_area {width:1850px; } .custom #footer_area {width:1850px; } .custom #bottom_area {width:1850px; } .custom #content_area {width:1850px; } } .custom .no_sidebars p{ font-size:15.5px; } .custom .full_width .page{ width:1012px!important; }