/* 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/ */ /* HEADER TAGLINE LOCATION */ .custom #header #tagline { position: relative; top: 6em; left: 0.5em; } /* CUSTOMIZE POST OPTIN FORMS */ .custom .optin1 { margin: 0 auto; text-align: center; border:none solid #555555; } .custom .button1 { border-style:none; background:transparent; } .custom .info1 { color:#555555; font-size: 13px; line-height: 20px; } /* CUSTOMIZE MAIN OPTIN FORM */ .custom .format_text input { border-width:0.077em; padding:0.231em; width:64%; } /* NEXT TWO DONT WORK DONT WORK */ #customform input { width:25%; } #customform textarea { width:100%; } .custom input, .custom textarea { background:#FFFFFF none repeat scroll 0 0; } /* ADD MARGIN BETWEEN NAV MENU TABS AT TOP */ .custom .menu, .custom .menu a, .custom .menu li ul { margin-right:5px; } /* REMOVE DOUBLE LINE AT BOTTOM OF HEADER */ .custom #header { border-color:#FFFFFF; border-style:none; clear:both; } /* REMOVE BACKGROUND COLOR FROM ENTIRE PAGE but not site */ .custom #page { background:transparent; } /* ADD COLOR TO CONTENT AREA */ .custom #content { background-color:#FFFFFF; } /* CHANGE MARGIN AROUND POST ON PAGE */ .custom .post_box { margin:2em; } /* ADD BORDER AROUND TOP POST OF MAIN PAGE */ .custom .top { border: 1px solid #BBBBBB; } /* ADJUST PADDING BETWEEN POST AND BORDER */ .custom .post_box { padding: 0em; } /* ADJUST POST n TEASER BOX COLOR n STYLE OF BORDER */ .custom .post_box, .custom .teasers_box { border-color:#BBBBBB; border-style:solid; border-width:1px; clear:both; } /* ADJUST PADDING AROUND GROUP OF TEASERS */ .custom .teasers_box { border:medium none; padding:0em 1em 2em 1em; } /* ADD BORDER AROUND INDIVIDUAL TEASERS */ .custom .teaser { border:1px solid #BBBBBB; margin:0; padding:0; width:28em; } /* MAKE TEASER SAME WIDTH AS POSTS */ .custom .teasers_box { width:58em; } /* ADJUST TEASER TITLE BACKGROUND */ .custom .teaser h2 { background-color:#303030; font-size:1.6em; font-weight:bold; line-height:1.375em; padding:8px; } /* ADJUST TEASER PARAGRAPH PADDING */ .custom .teaser .format_teaser { padding:0 8px; } /* ADJUST TEASER TAG PADDING */ .custom .teaser .post_tags { padding:0 8px; } /* ADJUST READ ARTICLE LINK PADDING */ .custom .teaser .teaser_link { padding:0 8px; } /* ADJUST LOCATION OF CUSTOM VIDEO BOX TOP RIGHT */ .custom #image_box, .custom #custom_box { border-width:0; font-size:13px; line-height:17px; } /* CENTER CUSTOM VIDEO BOX ON TOP RIGHT */ .custom #image_box, .custom #video_box, .custom #custom_box { padding:0.5em; } /* REMOVE BOTTOM BORDER OF NAV MENU */ .custom .menu { border-width:0; } /* MULTI-MEDIA BOX MODS */ .custom #multimedia_box { margin-bottom:1em; padding: 0; } /* SIDEBAR MODIFICATIONS */ .custom .sidebar h3 { font-size:1.25em; font-variant:small-caps; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; text-align:left; background-color:#666666; color:#FFFFFF; padding-bottom:5px; padding-left:5px; padding-top:5px; } /* CHANGE SIDEBAR BACKGROUND COLOR */ .custom #sidebars { background-color:#303030; } /* SIDEBAR WIDGET MODS */ .custom li.widget { font-size:1.2em; line-height:1.2em; } /* POST TITLE BACKGROUND MODIFICATIONS */ .custom .headline_area h1, .custom .headline_area h2 { background-color:#303030; font-size:1.85em; line-height:1.364em; padding:12px 12px 5px 12px; } /* POST META MODIFICATIONS */ .custom .headline_meta, .custom .headline_meta a, .custom .teaser_author, .custom .teaser_date, .custom .teaser .edit_post, .custom .teaser_author a, .custom .teaser_comments, .custom .teaser_category, .custom .teaser .edit_post a { color:#999999; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#666666 url(images/meta-bg.png) no-repeat scroll left top; color:#FFFFFF; font-size:11px; height:20px; margin:0; padding:5px 12px 5px 12px; } /* POST PARAGRAPH MARGIN MODS */ .custom .format_text { font-size:13px; line-height:18px; margin:8px 12px 8px 12px; } .custom .format_text p { margin-bottom:19px; } /* COMMENT FORM ABOVE DOTTED LINE MODS */ .custom #respond_intro p { padding:0 0 0 0.65em; } /* COMMENT FORM BELOW DOTTED LINE MODS */ .custom #commentform { padding-left:2em; padding-right:1em; } /* COMMENT FORM TEXT AREA SIZING */ #commentform textarea { width:100%; }