/* 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! 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/ */ /* GOOGLE FONTS */ /* @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold); */ @import url(https://fonts.googleapis.com/css?family=Dosis:400,500,700,800); /* MailChimp Form Embed Code - Slim - 08/17/2011 */ #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%} #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;} #mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio]{-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .clear {clear:none; display:inline;} #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;} #mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;} #mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } #disqus_thread { /* Disqus comments */ margin-left: 2em; margin-right: 2em; } #sticky_scroll { background-image:url(images/Sidebar-Sticky-Slider.jpg); background-position: top left; background-repeat: no-repeat; width: 300px; height: 250px; position: absolute; margin-top: 100px; /* adds the necessary margin so it doesn't overlap my dropped ar-15 */ opacity: 0.75; } #sticky_scroll:hover { opacity: 1; } #Between_Posts_Ad { background-image:url(images/ENDO-Apparel-Between-Post-Banner.jpg); background-position: top left; background-repeat: no-repeat; width:468px; height:60px; border:1px solid #CCC; margin-bottom:35px; margin-left:110px; } #afterpost1ad { background-image:url(images/Between-Posts.jpg); background-position: top left; background-repeat: no-repeat; width:694px; height:390px; /* border:1px solid #CCC;*/ margin-bottom:15px; margin-top: -35px; } /* ---------------------------------------------------------- */ /* Royal Slider */ /* ---------------------------------------------------------- */ #ad-rotator { display: none; /* turned on in javascript code so that images don't show in advance when loading*/ } .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: white !important; } .royalSlider { width: 300px !important; height: 350px !important; } .rsDefault .rsBullets { display: none !important; } .rsDefault .rsArrowIcn { background-color: rgba(0, 0, 0, 0.25) !important; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0, 0, 0, 0.8) !important; } .rsDefault .rsArrow { /* This makes only the < and > buttons clickable, not all up the side */ height: 44px !important; margin-top: 150px; } /* ---------------------------------------------------------- */ /* END Royal Slider */ /* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */ /* Makes even oversized pictures fit within the content area */ /* ---------------------------------------------------------- */ body.custom { /* background-image: url(images/bodybg.gif); pebbled site background */ background-color: white; } #content img { max-width: 100%; /* Makes even oversized pictures fit within the content area */ height: auto; /* Keeps the aspect ratio of oversize pictures fixed */ } /* -------------------------------------------------------------- */ /* END Makes even oversized pictures fit within the content area */ /* -------------------------------------------------------------- */ /* --------------------------- */ /* Pictinny Rail area headline */ /* --------------------------- */ .headline_area { border-top: 1px solid #ddd; padding-top: 20px; margin-bottom: 1.5em; /* background-image: url(images/picatinny-headline.png); background-repeat: no-repeat; */ /* padding-left: 10px; padding-bottom: 10px; padding-right: 20px; padding-top: 10px; margin-right: -20px; margin-left: -20px; margin-bottom: 0px; */ } /* ------------------------------- */ /* END Pictinny Rail area headline */ /* ------------------------------- */ /* -------------------------- */ /* Custom Calendar Date */ /* -------------------------- */ .calendar { font-family:Verdana, Geneva, sans-serif; font-size: 10px; color: #888888; position: relative; top: -57px; cursor: default; margin-left: 5px; } /* ------------------------------ */ /* End Custom Calendar Date Badge */ /* ------------------------------ */ /* ------------------------------ */ /* Sidebar Ads */ /* ------------------------------ */ .sidebar_heading { font-family: 'Dosis', sans-serif; font-size: 25px; font-style: bold; font-weight: 700; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; line-height: 1em; color: black; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; border-top: 1px dashed #DDD; border-bottom: 1px dashed #DDD; border-right: 1px dashed #DDD; border-left: 1px dashed #DDD; margin-bottom: 10px; margin-top: 30px; cursor: default; background: #FAFAFA; } #sidebar_email a { font-family: 'Dosis', sans-serif; font-size: 20px; font-style: bold; font-weight: 700; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; line-height: 1em; color: black; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; margin-bottom: 10px; margin-top: 30px; } #sidebar_email a:hover { color: #D93240; text-decoration: none; } #sidebar_1 { /* background-color: #FBFBFB; */ /* margin-top: 0px; moves the sidebar all the way up */ /* border-left: 1px dotted #CCC; */ border-right: 1px dotted #CCC; margin-top: -168px; /* makes it inline with the post top */ } #PSclicks_1 { width: 30em; height: 25em; padding-top: 1em; margin-bottom: 1.3em; } #PSclicks_2 { width: 30em; height: 25em; overflow: hidden; } #facebook_sidebar { margin-bottom: 1.3em; } #twitter_sidebar { margin-left: 10px; } #ENDOad_1 { background-image:url(images/ENDO-Tactical-Sidebar-Ad.jpg); background-position: top left; background-repeat: no-repeat; margin-top: 10px; width: 300px; height: 250px; margin-bottom: 10px; } #ENDOad_2 { background-image:url(images/ENDO-Apparel-Sidebar-Ad.jpg); background-position: top left; background-repeat: no-repeat; width: 300px; height: 426px; margin-top: 10px; } #ENDOapparel_ad_1 { background-image:url(images/ENDO-KCACO.jpg); background-position: top left; background-repeat: no-repeat; margin-top: 10px; width: 300px; height: 250px; margin-bottom: 10px; } #MILcentricAd { background-image:url(images/MILcentric-Sidebar-Ad.jpg); background-position: top left; background-repeat: no-repeat; margin-top: 10px; width: 300px; height: 250px; margin-bottom: 10px; } #search_header { background-image: url(images/sprite-assets-3.png); background-position: 0px 0px; background-repeat: no-repeat; padding-top: 61px; margin-right: -33px; margin-left: -10px; } #recent_comments_header { background-image: url(images/sprite-assets-3.png); background-position: 0px -65px; background-repeat: no-repeat; padding-top: 61px; margin-right: -33px; margin-left: -10px; } #social_networks_header { background-image: url(images/sprite-assets-3.png); background-position: 0px -130px; background-repeat: no-repeat; padding-top: 61px; margin-right: -33px; margin-left: -10px; margin-top: 15px; /* space for the subscribe stuff */ } #top_commentors_header { background-image: url(images/sprite-assets-3.png); background-position: 0px -195px; background-repeat: no-repeat; padding-top: 61px; margin-right: -33px; margin-left: -10px; } #sub_for_updates_header { background-image: url(images/sprite-assets-3.png); background-position: 0px -260px; background-repeat: no-repeat; padding-top: 61px; margin-right: -33px; margin-left: -10px; margin-top: 10px; /* space for the tactical republic ad */ } #contact_header { background-image: url(images/sprite-assets-3.png); background-position: 0px -325px; background-repeat: no-repeat; padding-top: 61px; margin-right: -33px; margin-left: -10px; } .social_links a { font-family: 'Dosis', sans-serif; font-size: 14px; font-style: bold; font-weight: 700; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: 1em; line-height: 1em; color: black; } .social_links a:hover { color: #D93240; text-decoration: none; } #social_networking { margin-left: -10px; margin-bottom: 13px; } #docreep_social_icon { background-image: url(images/social-networking.png); background-position: 0px 0px; background-repeat: no-repeat; width: 90px; height: 60px; display: inline-block; margin-left: 5px; } #facebook_social_icon { background-image: url(images/social-networking.png); background-position: -96px 0px; background-repeat: no-repeat; width: 60px; height: 60px; margin-right: 10px; display: inline-block; opacity: 0.75; } #facebook_social_icon:hover { opacity: 1; } #twitter_social_icon { background-image: url(images/social-networking.png); background-position: -166px 0px; background-repeat: no-repeat; width: 60px; height: 60px; margin-right: 10px; display: inline-block; opacity: 0.75; } #twitter_social_icon:hover { opacity: 1; } #youtube_social_icon { background-image: url(images/social-networking.png); background-position: -236px 0px; background-repeat: no-repeat; width: 60px; height: 60px; display: inline-block; opacity: 0.75; } #youtube_social_icon:hover { opacity: 1; } .subscribe_buttons /* in the sidebar */ { opacity: 0.4; } .subscribe_buttons:hover { opacity: 1; } .search { /* the search box in the sidebar */ /* font-size: 14px; */ } input#s.text_input { /* Search box */ font-size: 25px; /* hack to prevent zoom */ width: 100%; border: 10px solid #CCCCCC; color: rgb(100, 100, 100); } #sidebar_hangoff { background-image: url(images/sidebar-hangoff.png); width: 322px; height: 92px; margin-bottom: -66px; margin-left: -11px; /* background-image: url(images/sprite-assets-3.png); background-position: -345px 0px; background-repeat: no-repeat; width: 322px; height: 92px; margin-bottom: -66px; margin-left: -11px; */ } /* ------------------------------ */ /* End Sidebar Ads */ /* ------------------------------ */ /* ----------------------------------------- */ /* Messing around with type and titles */ /* ----------------------------------------- */ .custom .entry-title a, .headline_area h1, .headline_area h2, #archive_intro h1 { font-family: 'Dosis', sans-serif; font-size: 25px; font-weight: 700; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; line-height: 1em; color: #333; margin-top: 0px; margin-bottom: 0px; } .entry-title a:hover{ color: #666666; text-decoration: none; } .custom #archive_intro h1 { /* This is the styling for the heading at the top of the category and tag pages */ font-family: 'PT Sans Narrow', serif; font-size: 20px; font-style: bold; font-weight: 700; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: .02em; word-spacing: .05em; line-height: 1.308em; color: Black; } .format_text h1 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.308em; line-height: 1.176em; font-weight: bold; margin: 1.765em 0px 0.588em; } /* ----------------------------------------- */ /* END Messing around with type and titles */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* The Header */ /* ----------------------------------------- */ #ENDO-Logo { text-align: center; width: 150px; margin: 15px auto; } #full_menu li { display: inline-block; padding-left: 40px; } #full_menu li a { font-size: 20px; font-family: 'Dosis', sans-serif; font-style: bold; font-weight: 700; text-shadow: #0C3; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; color: #333333; } #full_menu li a:hover { color: #666666; } ul#full_menu { padding: 5px 5px; margin-left: -40px; margin-bottom: 20px; text-align: center; } #header { margin: 0px; padding: 0px; } #header_area .page { /* margin-bottom: 5px; gives some space below the header */ } #header_main_endo_logo { width: 350px; /*was 697x70 */ height: 140px; background-image: url(images/header-big-endo-logo-2.png); background-position: top left; background-repeat: no-repeat; margin-top: 15px; margin-bottom: 15px; cursor: pointer; /* needed for IE */ } #header_nav_background { width: 320px; height: 70px; background-color: #FAFAFA; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: -70px; margin-left: 703px; } #get_updates_header { width: 81px; height: 70px; background-image: url(images/header-updates-email.png); background-position: -7px 0px; background-repeat: no-repeat; display: inline-block; } * html div#get_updates_header { /* for IE6 - Because inline blog doesn't work with IE */ display : inline; } *+html div#get_updates_header { /* for IE7 - Because inline blog doesn't work with IE */ display : inline; } #rss_subscribe_header { width: 39px; height: 70px; background-image: url(images/header-updates-email.png); background-position: -88px 0px; background-repeat: no-repeat; display: inline-block; } * html div#rss_subscribe_header { /* for IE6 - Because inline blog doesn't work with IE */ display : inline; } *+html div#rss_subscribe_header { /* for IE7 - Because inline blog doesn't work with IE */ display : inline; } #get_updates_header_or { width: 22px; height: 70px; background-image: url(images/header-updates-email.png); background-position: -127px 0px; background-repeat: no-repeat; display: inline-block; } * html div#get_updates_header_or { /* for IE6 - Because inline blog doesn't work with IE */ display : inline; } *+html div#get_updates_header_or { /* for IE7 - Because inline blog doesn't work with IE */ display : inline; } #email_subscribe_header { width: 54px; height: 70px; background-image: url(images/header-updates-email.png); background-position: -149px 0px; background-repeat: no-repeat; display: inline-block; } * html div#email_subscribe_header { /* for IE6 */ display : inline; } *+html div#email_subscribe_header { /* for IE7 */ display : inline; } #shoot_email_header { width: 100px; height: 70px; background-image: url(images/header-updates-email.png); background-position: -217px 0px; background-repeat: no-repeat; margin-left: 5px; border-left: 1px solid #CCCCCC; display: inline-block; } * html div#email_subscribe_header:hover { /* for IE6 */ display : inline; } *+html div#email_subscribe_header:hover { /* for IE7 */ display : inline; } /* ----------------------------------------- */ /* END The Header */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* The Footer */ /* ----------------------------------------- */ /* #footer { background-image: url(images/footer.jpg); background-position: center; background-repeat: no-repeat; max-width: 1024px; height: 529px; margin-bottom: 8px; padding: 0px; -moz-box-shadow: 0 0 2px 2px #333; -webkit-box-shadow: 0 0 2px 2px #333; box-shadow: 0 0 2px 2px #333; } */ #footer_top_part { height: 175px; /*border: 2px solid #FFF;*/ } #glockstocklink { width: 420px; height: 120px; margin: 35px 0px 0px 43px; float: left; /*background-color:#0F3; opacity: 0.3;*/ } #updatesandfollow { width: 278px; height: 115px; float: right; margin: 40px 50px 0px 0px; /*border: 2px solid #FFF;*/ } #rsssubscribe { width: 150px; height: 50px; float: left; margin-right: 40px; /*background-color:#0F3; opacity: 0.3;*/ } #emailsubscribe { width: 70px; height: 50px; float: right; margin-right: 3px; /*background-color:#0F3; opacity: 0.3;*/ } #facebooksubscribe { width: 40px; height: 40px; float: left; margin-top: 25px; /*background-color:#0F3; opacity: 0.3;*/ } #twittersubscribe { width: 40px; height: 40px; float: left; margin-top: 25px; margin-left: 12px; /*background-color:#0F3; opacity: 0.3;*/ } #youtubesubscribe { width: 40px; height: 40px; float: left; margin-top: 25px; margin-left: 12px; /*background-color:#0F3; opacity: 0.3;*/ } #footer_bottom_part { height: 345px; /*border: 2px solid #FFF;*/ } #youtube_embed { width: 450px; height: 278px; float: left; margin-top: 62px; margin-left: 25px; /*background-color:#0F3; opacity: 0.3;*/ } #shoot_email_footer { width: 230px; height: 62px; float: right; margin-top: 30px; margin-right: 27px; /*background-color:#0F3; opacity: 0.3;*/ } #footer_home_link { width: 370px; height: 52px; float: right; margin-top: 74px; margin-right: 35px; /*background-color:#0F3; opacity: 0.3;*/ } /* --------------------------------------------------- */ /* Copyright and small nav Bottom right corner */ .custom #footer ul.copy { font-size: 10px; text-transform: uppercase; text-align: right; color:#FFFFFF; float: right; margin: 0px; list-style: none; padding-top: 0px; padding-right: 38px; margin-top: -110px; } .custom #footer ul.copy li { padding: 0px; } .custom #footer ul.copy li a { color:#FFFFFF; } .custom #footer ul.copy li a:hover { text-decoration: underline; } .custom #footer a { border: none; /* clears the border in style.css */ } .custom #footer { clear: none; /* to fix style.css */ } /* --------------------------------------------------- */ /* ----------------------------------------- */ /* END The Footer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Post box and more text formatting */ /* ----------------------------------------- */ .post_box { /*background-color: transparent; background of the posts */ background-color: white; /* border-bottom: 1px solid #CCCCCC; */ padding: 0em 0em 2em 0em; margin: 20px 0em 4em 0em; /* don't want a shadow anymore -moz-box-shadow: 0 0 15px black; -webkit-box-shadow: 0 0 15px black; box-shadow: 0 0 15px black; */ } .format_text a, h2 a { color:#D93240; text-decoration: none; } .format_text h2, .format_text h3 { margin: 0.5em 0 0.5em 0; } .format_text a:hover, h2 a:hover { color:#D93240; text-decoration: underline; } .format_text p { line-height: 1.5em; /* Distance between paragraphs in blog text */ margin-bottom: 1.5em; } .format_text p strong { color: #333; /* Makes the bold text a little less hard to look at */ } #content_area { background-color: transparent; /* Background of the main site div */ padding: 0 2em 0 2em; /* margin-top: 4em; Moves the first post up into the top graphic for looks if wanted */ } .full_width .page { background: transparent; /* makes the main and sidebar slide over the transparent background */ /* padding-left: 5px; moves the page over so it looks better on mobile */ max-width: 1200px; /* needed for responsive */ width: auto; /* needed for responsive */ overflow: hidden; } .more-link { /* click to continue at the bottom of long posts */ font-size: 12px; letter-spacing: .07em; text-shadow: none; text-decoration: none; text-transform: none; color: #06C; } .post_tags { /* styles the post tags div to be nice on tag and category pages (archive pages)*/ background-color: #F9F9F9; border: #999; border-top-style: dotted; border-top-width: thin; border-bottom-style: dotted; border-bottom-width: thin; padding-left: 0.5em; margin-left: 2em; margin-right: 2em; } .format_text .post_tags { font-size: 0.846em; line-height: 1.818em; margin-bottom: 1.818em; } .single_page_post_tags { /* styles the post tags div to be nice moved down so it behaves with the social plugins */ background-color: #F9F9F9; border: #999; border-top-style: dotted; border-top-width: thin; border-bottom-style: dotted; border-bottom-width: thin; padding-left: 0.5em; margin-left: 2em; margin-right: 2em; margin-top: 5em; /* moves the div below the social plugins */ clear: both; /* Clears the floats so the left floated pics at the bottom of pics don't look messed up */ } .format_text .single_page_post_tags { font-size: 0.846em; line-height: 1.818em; margin-bottom: 1.818em; cursor: default; } .search_page_post_tags { /* styles the search post tags div */ background-color: #F9F9F9; border: #999; border-top-style: dotted; border-top-width: thin; border-bottom-style: dotted; border-bottom-width: thin; padding-left: 0.5em; margin-left: 2em; margin-right: 2em; margin-top: 2em; /* moves the div up closer to the excerpt */ } .format_text .search_page_post_tags { font-size: 0.846em; line-height: 1.818em; margin-bottom: 1.818em; } /* USING NEW PLUGIN INSTEAD BELOW .above_social { puts dots abouve the social networking icons border-top: 1px dotted #CCC; float: right; margin-right: -190px; margin-top: -5px; width: 180px; height: 1px; } */ /* Social networking icon styling */ .social4in { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; margin-bottom: 10px; height: 25px !important; /* fixed the height to 25px */ padding-top: 4px; background: #FEFEFE; padding-left: 10px; } .s4fblike { margin-right: 45px !important; } .s4plusone { margin-right: -20px !important; } .comment_intro_pic { /* puts the picture before the comments */ background-image: url(images/sprite-assets-2.png); background-position: -440px 0px; background-repeat: no-repeat; width: 188px; height: 40px; margin-left: -48px; padding-bottom: 1em; } #leave_comment { background-image: url(images/sprite-assets-2.png); background-position: -135px -60px; background-repeat: no-repeat; width: 266px; height: 40px; } /* --------------------------------------------------- */ /* Styles the comment link at the bottom of every post */ .to_comments { display: inline-block; background-image: url(images/endo-bullet-comments.png); background-repeat: no-repeat; background-size: 75px 32px; width: 100%; height: 32px; padding-left: 80px; padding-top: 7px; margin-bottom: 0px !important; } .format_text .to_comments a { /* font-family: 'PT Sans Narrow', serif; font-weight: bold; letter-spacing: -1px; font-size: 20px; text-shadow: none; text-decoration: none; text-transform: none; color: black; /* was #06C; */ font-family: 'Dosis', sans-serif; font-size: 15px; font-style: bold; font-weight: 600; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; line-height: 1em; color: black; } .format_text .to_comments a span { font-size: 15px; } .format_text .to_comments a:hover { border-bottom: thin dotted; text-decoration: none; /* removes the original regular underline */ } .format_text .to_comments a:hover span { color: #D93240; } .format_text blockquote { /* puts the target icon in the blockquote */ background-image: url(images/sprite-assets-1.png); /* change this to an actual blockquote related icon */ background-position: -540px 0px; background-repeat: no-repeat; padding-left: 3em; } /* ----------------------------------------- */ /* END Post box and more text formatting */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Comment related */ /* ----------------------------------------- */ /* Comment Entry Box */ .custom textarea#comment { background: #FAFAFA; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Styles the title "LEAVE A COMMENT:"*/ #respond_intro p { text-shadow: 1px 1px 1px grey; font-weight: bold; } /* --------------------------------------------------- */ /* Comments code */ #comments { margin-right: 1.5em; margin-left: 1.5em; } /* .comments_intro { margin-bottom: 2.2em; margin-left: -5.5em; padding: 0.9em 1.1em; background: #eee; border-left: 4.4em solid #ddd; border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; } gets rid of the line below my comments graphic */ .comments_intro { margin-bottom: 3em; } #respond_intro { margin-top: 0em; margin-left: 0; padding-top: 1.1em; } #respond_intro p { font-family: 'Dosis', sans-serif; font-size: 2.2em; line-height: 1em; color: #222; cursor: default;} dl#comment_list, #trackback_list { border-top: 0; } dl#comment_list dt, dl#comment_list dd, #trackback_list { padding-top: 0; padding-right: 0; padding-left: 0; } #trackback_list { margin-bottom: 1.1em; } dl#comment_list dt { position: relative; } dl#comment_list dt .comment_author { font-family: 'Dosis', sans-serif; font-size: 1.8em; line-height: 1.444em; padding-right: 0; color: #666; cursor: default; } dl#comment_list dt .comment_author a { color: #222; } dl#comment_list dt .comment_author a:hover { color: #d00; text-decoration: none; } dl#comment_list dt .comment_time { font-size: 1.2em; line-height: 1.667em; padding: 0 0.917em; visibility: hidden; } dl#comment_list dt:hover .comment_time { visibility: visible; } dl#comment_list dt .edit_comment { position: absolute; left: 3.5em; width: 3.385em; text-align: center; visibility: hidden; } dl#comment_list dl dt .edit_comment { top: -0.4em; left: 3.5em; width: 2.538em; } dl#comment_list dt:hover .edit_comment { visibility: visible; } dl#comment_list dt .edit_comment a { font-size: 0.769em; padding: 0.3em; text-transform: uppercase; letter-spacing: 1px; background: #eee; } dl#comment_list dl dt .edit_comment a { letter-spacing: normal; } dl#comment_list dt .edit_comment a:hover { color: #fff; background: #d60; text-decoration: none; } dl#comment_list dd { border-bottom: 0; } /* no border at the bottom of every comment thread */ dl#comment_list dl { margin-top: 2.2em; } span.avatar { /* position: absolute; left: -4.231em; line-height: 1em !important; */ } dl dl span.avatar { left: -3.385em; } #content .avatar img { -webkit-border-radius: 0px; -mox-border-radius: 0px; } /* removes rounded corner styling of other pictures on page */ .avatar img { width: 3.385em; height: 3.385em; margin-left: 0; float: none; border: 1px solid #999; } .children > dt > .avatar img { width: 2.538em; height: 2.538em; } dl#comment_list dd .format_text { position: relative; margin-bottom: 1.467em; padding: .5em; /* stupid IE shit follows */ height: 1%; background: #F9F9F9; border: 1px solid #CCC !important; word-wrap: break-word;} /* Styles main thread comments and type themselves */ dl#comment_list dd p.reply { position: absolute; right: 0; bottom: 0; margin-bottom: 0; visibility: visible; } /* visibility used to be hidden so it appeared on mouseover */ dl#comment_list dd p.reply a { display: inline-block; font-size: 0.8em; line-height: 1.5em; padding: 0.25em 0.5em; background: #FFF; text-transform: lowercase; letter-spacing: normal; text-shadow: 1px 1px 0 #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 1px; } /* reply button */ dl#comment_list dd p.reply a:hover { color: #D93240; text-decoration: none; } /* reply button hover */ dl#comment_list dd .format_text:hover p.reply { visibility: visible; } dl#comment_list .bypostauthor { background: none; } dl#comment_list dd dl, dl#comment_list dl dd dl { padding-left: 1em; } dl#comment_list dl dt, dl#comment_list dl dd, dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor, dl#comment_list dl dd .format_text { /* padding: 0.5em; */ padding-left: 0.5em; border-color: transparent; } dl#comment_list dl dd.bypostauthor > .format_text { padding: 0.5em; border: 1px dotted #999; } #respond { margin-bottom: 4.4em; padding-right: 1.1em; padding-left: 1.1em; background: #eee; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* "Leave a comment" box */ dl#comment_list dl #respond { /* margin-left: -4.4em; border-left-width: 3.3em; */ } #commentform { padding: 1.1em 0; } input, textarea { background: #FAFAFA; padding: 5px; } input:focus, textarea:focus { background: #fefeed; } #commentform input.form_submit { font-family: 'Dosis', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; background: #444; border: 0.118em solid #111; border-top-color: #777; border-left-color: #777; padding: 5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #commentform input.form_submit:hover { color: #fff; text-shadow: 0.059em 0.059em 0 #b90000; background: #d00; border-color: #9c0101; border-top-color: #fd4d4d; border-left-color: #fd4d4d; } /* ----------------------------------------- */ /* END Comment related */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Page Navigation numbers plugin */ /* ----------------------------------------- */ .wp-pagenavi a, .wp-pagenavi span { /* current page number */ padding: 5px 15px !important; border: 1px solid #BFBFBF !important; } .full_width #content_box .wp-pagenavi .page { /* other page numbers */ margin: 2px; padding: 5px 15px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { background-color: gainsboro; } .prev_next { /* Puts the picture above the pagnation area */ color: black; margin-top: 4em; margin-bottom: 4em; margin-left: 2em; margin-right: 2em; padding: 0; } .wp-pagenavi { /* the font of the page navi */ /*font-size: 15px; font-family: 'PT Sans Narrow', serif; font-weight: bold; */ font-family: 'Dosis', sans-serif; font-size: 15px; font-style: bold; font-weight: 700; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; line-height: 1em; color: black; border: none; cursor: default; } .wp-pagenavi a { /* the links in the page navigation */ color: grey; } /* .prev_next p { previous post, next post lettering on long comment posts and also next article prev article */ /* font-size: 15px; }*/ /* .prev_next .next { moving "NEXT COMMENTS -->" link over margin-right: 420px; } */ .prev_next p { /* previous post, next post lettering on long comment posts and also next article prev article */ font-size: 15px; font-family: 'Dosis', sans-serif; font-style: bold; font-weight: 700; text-shadow: #0C3; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .05em; color: #666; } .prev_next a { font-size: 15px; color: black; border-bottom: 1px dotted black; text-transform: uppercase; } .prev_next a:hover { color: #D93240; text-decoration: none; } .prev_next .next { /* moving "NEXT COMMENTS -->" link over */ /* margin-right: 420px; */ } /* ----------------------------------------- */ /* END Page Navigation numbers plugin */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Under the post graphics on every page */ /* ----------------------------------------- */ #after_content_container { height: 127px; width: auto; padding-top: 30px; } #fire_to_top { /* partial barrel on right fires to top */ background-image: url(images/sprite-assets-2.png); background-repeat: no-repeat; background-position: 0px 0px; width: 60px; height: 127px; float: right; } #fire_to_top:hover { cursor: pointer; } #bottom_loaded_mag { /* loaded magazine under the pages */ background-image: url(images/sprite-assets-2.png); background-repeat: no-repeat; background-position: -60px 0px; width: 74px; height: 127px; float: left; } /* ----------------------------------------- */ /* END Under the post graphics on every page */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Subliminal Data Logo under footer */ /* ----------------------------------------- */ #subliminal_data_design { /* web design company after footer */ background-image: url(images/sprite-assets-2.png); background-position: -135px 0px; background-repeat: no-repeat; width: 300px; height: 57px; float: right; opacity: 0.25; } #subliminal_data_design:hover { opacity: 1.0; } /* ----------------------------------------- */ /* END Subliminal Data Logo under footer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Recent Comments */ /* ----------------------------------------- */ .custom li#list_recent_comments ul li{height:55px; height:auto !important; min-height:55px; padding:0.5em; /* background:#FAFAFA 262525 */ ; border:1px dotted #CCCCCC} .custom li#list_recent_comments li span{color:#FFF; font-size:12px; font-weight:bold; float:right} .custom li#list_recent_comments li{line-height:1.4em; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px} .custom li#list_recent_comments li:hover{ background: #FAFAFA;} .custom li#list_recent_comments li a{color: #484848; font-weight: bold; text-decoration:none} .custom li#list_recent_comments img{float:left; border:2px solid #CCCCCC; margin-right:4px} .custom li#list_recent_comments li .img:hover, .custom li#list_recent_comments li .avatar:hover{float:left; border:2px solid #DDDDDD; margin-right:4px} /* ORIGINAL .custom li#list_recent_comments ul li{height:55px; height:auto !important; min-height:55px; padding:0.5em; background:#FAFAFA ; border:1px solid #EEEEEE} .custom li#list_recent_comments li span{color:#FFF; font-size:12px; font-weight:bold; float:right} .custom li#list_recent_comments li{line-height:1.4em; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px} .custom li#list_recent_comments li:hover{ background: #fbfbfb;} .custom li#list_recent_comments li a{color: #484848; font-weight: bold; text-decoration:none} .custom li#list_recent_comments img{float:left; border:0.2em solid #EEEEEE; margin-right:4px} .custom li#list_recent_comments li .img:hover, .custom li#list_recent_comments li .avatar:hover{float:left; border:0.2em solid #CCC; margin-right:4px} */ /* dl#comment_list dd dl, dl#comment_list dl dd dl { Moves the threaded comment replies over a bit to look better padding-left: 1.5em; } */ .custom li.widget { margin-bottom: 0em; cursor: default; } /* Gets rid of margin below recent comments */ .custom li.widget a { font-family: 'Dosis', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; } .custom ul.sidebar_list { padding-top: 0em; } /* Gets rid of margin above recent comments */ /* ----------------------------------------- */ /* END Recent Comments */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Top Commenters */ /* ----------------------------------------- */ #topcommentors { padding-left: 1em; padding-right: 1em; margin-left: 2em; } #topcommentors ol li a{color: #111; text-decoration:none;} #topcommentors ol li { margin-bottom: 5px; padding: 0.2em; /* background: #FAFAFA; */ border: 1px dotted #CCCCCC; -moz-border-radius:5px; -webkit-border-radius:5px; } #topcommentors ol li:hover { background: #EEEEEE; } #topcommentors img{border:1px solid #CCCCCC; margin-right:4px;} #topcommentors img:hover{border:1px solid #FAFAFA; margin-right:4px;} /* ORIGINAL #topcommentors { padding-left: 1em; padding-right: 1em; margin-left: 2em; } #topcommentors ol li a{color: #111; text-decoration:none;} #topcommentors ol li { margin-bottom: 5px; padding: 0.2em; background: #FAFAFA; border: 1px solid #EEEEEE; -moz-border-radius:5px; -webkit-border-radius:5px; } #topcommentors ol li:hover { background: #fbfbfb; } #topcommentors img{border:0.1em solid #EEEEEE; margin-right:4px;} #topcommentors img:hover{border:0.1em solid #CCC; margin-right:4px;} */ /* ----------------------------------------- */ /* END top Commenters */ /* ----------------------------------------- */ @media all and (max-width:64.063em) { /* For when the screen size hits MEDIUM and everything changes */ #mobile_menu_button { /*font-family: 'Dosis', sans-serif; font-size: 20px; font-weight: 500; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .25em; color: white; padding: 10px; text-align: right;*/ cursor: pointer; background-image: url("/wp-content/themes/thesis_18/custom/images/hamburger-menu.svg"); position: absolute; right: 10px; top: 8px; z-index: 99; background-size: 32px 32px; width: 32px; height: 32px; } #mobile_menu { width: 100%; font-family: 'Dosis', sans-serif; font-size: 20px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; word-spacing: .25em; color: black; border-bottom: 1px solid black; padding: 10px; background-color: rgba(255, 255, 255, 0.95); display: none; line-height: 60px; text-align: center; position: absolute; z-index: 1; margin-left: 0px; } #mobile_menu a { color: black; } #mobile_menu a:hover{ color: #666666; } div#top_right_of_post { display: none !important; } } /* @media all and (max-width:40.063em) { For when the screen size hits SMALL and everything changes #ENDO-Logo { width: 100px; } } */ /* FOUNDATION TOP Bar */ .top-bar { background: black !important; } .top-bar.expanded .title-area { background: black !important; } .top-bar-section ul li { background: black !important; } div.row.collapse { max-width: none; } .logo { background: url(/wp-content/themes/thesis_18/custom/images/top-bar-endo-logo.jpg) no-repeat; background-size: 168px 39px; width: 168px; height: 39px; float: left; display: block; text-indent: -999em; position: relative; left: 3px; top: 3px; }