/* 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/ */ body { background: url(http://kevinandamanda.com/fonts/fontsforpeas/wp-content/themes/thesis_183/images/background.jpg) ; } /***** Header *****/ .custom #header #logo { text-align: center; } .custom #header #tagline { padding-right: 16.8em; text-align: right; } .custom #header #tagline a img { position: relative; top: 0.125em; padding: 0 0.2em;} .custom #header #tagline a { color:#fca150; } .custom #header #tagline a:hover { color:#abbf64; text-decoration: underline; } /***** Nav Menu *****/ #navigation { font-size: 15px; } #navigation ul {padding: 10px 0px; text-align: center;} #navigation li { padding: 0px 10px; display: inline; } #navigation a { color:#abbf64; } #navigation li a:hover { color:#fca150; text-decoration: underline; } /***** Posts *****/ .format_text { text-align: center; } .custom #content a:hover { color:#abbf64; text-decoration: underline; } .custom #content h2 a:hover { color:#abbf64; text-decoration: none; } .custom .entry-title { display: none ; } .custom .headline_area { text-align: center; } .custom .headline_meta abbr { cursor: text; } .custom .spacer { width: 60%; border-bottom: #dddddd 1px solid; margin: 1.25em auto; } .custom .meta { text-align: center; color: #878c7e; font-size: 0.9em; line-height: 2em; padding-top: 2em; } .custom .meta img { padding: 0 0.05em } .custom .prev_next { letter-spacing: 0px; text-transform: none; font-size: 2.5em; border: 0; } #content .prev_next a { color:#abbf64; text-decoration: none; } #content .prev_next a:hover { color:#fca150 } #content .post_navigation {padding: 1.0em 0; } #content .post_navigation a { color:#abbf64; text-decoration: none; } #content .post_navigation a:hover { color:#fca150 } .singleleft { float: left; } .singleright { float: right; } .teasers_box { border: 0px; padding-top: 0; } .more-link { display: none; } .addedon { font-size: 28px; text-align: center; padding-top: 30px; color: #FCA150 ; } .date-border { border-bottom: 1.5em dotted; color: #F9DEEA; margin: 2em auto 5em; width: 60%; } /***** Sidebars *****/ .custom .sidebar h3 { font-variant: normal; letter-spacing: 0px; text-transform: lowercase; border-bottom: 1px solid #dddddd; font-size: 24px; padding-bottom: 0.25em; } .custom #sidebar_1 p a { text-decoration:none; } .custom #sidebar_1 p a:hover { text-decoration:underline; } .custom #sidebar_1 {text-align: right; } .custom #sidebar_1 .ul.sidebar_list a { font-size: 2em; } .hello { padding-bottom: 3.0em } .hello img { float: left; padding-left: 7px; } /***** Footer *****/ .custom #footer p { text-align:center; letter-spacing: 0.2em; font-size: 12px; } .custom #footer a { border: 0; color: #fca150; } /***** Borders *****/ .custom #header { border: 0; } .custom #footer { border-top: solid 1px #dddddd; } /***** Twitter *****/ #tweet a {display: inline;} #tweet a.tweetdate {color: #aaaaaa; font-size: 75%;} #tweet a.tweetreply {color: #aaaaaa; font-size: 75%;} #tweet span.tweettext { background:#f2f2f2; display: block; border: 1px solid #e5e5e5; margin-bottom: -1px; padding: 0.5em 0; } #tweet span.tweetbubble { background: url(images/bubble.gif) no-repeat top transparent; height: 20px; width: 20px; display: block; padding-left: 75px; } .tweetfollow { font-size: 90%; font-color: #a2a897; } /***** Archive Pages *****/ #archive_intro { text-align: center; border:0px; } .teaser { width: 60em; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #dddddd; } #content .search-thumb img { width: 200px; border: 0px; float: left; padding-right: 1.5em; } .teasers_box abbr.teaser_date { cursor: text; } .teasers_box a.teaser_link { float: right; } .searchmeta { text-align: center; font-size: 14px; } .searchterm { color: #abbf64; } .teaser a.teaser_comments { border-bottom: 0; border-right: 0.1em solid #8a8c85; color: #fca150; float: right; line-height: 1.429em; margin-right: 0.5em; padding-right: 0.5em; text-transform: none; letter-spacing: 0; } /***** Comments *****/ #comments {border-top: 1px solid #dddddd; padding: 1em 0; margin-top: 2.4em; } input.form_submit { background: #EEEEEE; color: #111111; cursor: pointer; font-weight: normal; overflow: visible; } #respond_intro p { color: #abbf64; padding: 0.5em 0; font-size: 24px; } #respond_intro {margin-bottom: 0.5em; } .custom #respond { margin-left: 1em; } #commentform { border-top: 0px } #commentform label { color: #abbf64; } #commentform input.form_submit { border-width: 0px; color: #abbf64; } input.form_submit:hover { color: #abbf64; } .custom #comment_list { margin-bottom: 2.4em; } /***** Amandas Custom Comments *****/ .custom h2.commentsintro {text-align: center; font-size: 3.6em; margin-top: 0.5em; color:#abbf64; } .avatar { float: left; padding: 0.15em 0.5em 0.2em 0; } .custom dl#comment_list dt .comment_author { font-weight: normal; color:#888888; display: block; font-size: 20px; } .custom dl#comment_list dt .comment_author a {color:#abbf64;} .custom dl#comment_list dt .comment_author a:hover {color:#fca150; text-decoration: none;} #comment_nav_1 { display: none; } #comment_nav_2 { margin-bottom: 0em; margin-top: 0em; border: 0; text-align: center; } /* Alternating Comment Backgrounds */ .custom dl#comment_list .format_text p { padding: 1em 1em; text-align: left; line-height: 1.25em; } .custom dl#comment_list .format_text { margin-top: 0.25em; padding-top: 1.5em; } .custom dl#comment_list dd.even .format_text { background: #fff2f8; } .custom dl#comment_list dd.odd .format_text { background: #f2fdff; } .custom dl#comment_list dd { background: url("images/bubble.png") no-repeat scroll 9.5em top transparent; } .custom dl#comment_list dd.odd { background: url("images/odd-bubble.png") no-repeat scroll 9.5em top transparent; } .custom dl#comment_list dd p.reply a { text-transform: none; letter-spacing: 0; color:#888888; font-size: 14px; line-height: 0; } dl#comment_list dd { border-bottom: 0px } dl#comment_list { border-top: 0; } .custom dl#comment_list dt.comment { padding-top: 2.5em; } /* Nested Replies */ .custom dl#comment_list dl dt.comment, .custom dl#comment_list dl dd.comment { background: #ffffff; border: 0; margin-left: 5em; } .custom dl#comment_list dl dd.comment .format_text { border: 0; margin-top: 0em; padding-top: 1.5em; } .custom dl#comment_list dl dd.comment .format_text p { padding: 1em 1em; text-align: left; line-height: 1.5em; } /* Didn't do anything? */ .custom dl#comment_list dd.comment dl.children dt.comment .avatar { margin-left: 0; } .custom dl#comment_list dd.comment dl.children dd.comment .format_text { padding-left: 0.2em; margin-left: 1.4em;} .custom dl#comment_list dd.comment dl.children dt.even { background: url("images/bubble.png") no-repeat scroll 9.5em bottom transparent; padding-bottom: 1.5em; } .custom dl#comment_list dd.comment dl.children dt.odd { background: url("images/odd-bubble.png") no-repeat scroll 9.5em bottom transparent; padding-bottom: 1.5em; } .custom dl#comment_list dl.children dd.even .format_text { background: #fff2f8; } .custom dl#comment_list dl.children dd.odd .format_text { background: #f2fdff; } /* Highlight Author Comment */ dl#comment_list .bypostauthor { background: #ffffff; } .custom dl#comment_list dd.bypostauthor .format_text { background: #fca150; } .custom dl#comment_list dl.children dd.bypostauthor .format_text { background: #fca150; } .custom dl#comment_list dd.bypostauthor .format_text a, .custom dl#comment_list dl.children dd.bypostauthor .format_text a { color: #dddddd; } .custom dl#comment_list dd.bypostauthor { background: url("images/author-bubble.png") no-repeat scroll 9.5em top transparent; } /* Highlight Author Comment, Nested Reply */ .custom dl#comment_list dl dt.bypostauthor, .custom dl#comment_list dl dd.bypostauthor { background: #ffffff; border: 0; margin-left: 5em; } .custom dl#comment_list dl dd.bypostauthor .format_text { border: 0; margin-top: 0em; padding-top: 1.5em; } .custom dl#comment_list dl dd.bypostauthor .format_text p { padding: 1em 1em; text-align: left; line-height: 0em; } .custom dl#comment_list dd.comment dl.children dt.bypostauthor { background: url("images/author-bubble.png") no-repeat scroll 9.5em bottom transparent; padding-bottom: 1.5em; } .custom dl#comment_list dd.comment dl.children { position:relative; right: 2em; } .custom dl#comment_list dd.comment dl.children dt.bypostauthor .avatar { margin-left: 0; } .custom dl#comment_list dd.comment dl.children dd.bypostauthor .format_text { padding-left: 0.2em; margin-left: 1.4em;} .custom #cancel-comment-reply-link { background: #ffffff; border: 0px solid #e5e5e5; color: #abbf64; letter-spacing: 0px; text-transform: none; font-size: 18px; } .custom dd.depth-1 #respond #respond_intro p { display: none; } .custom dd.depth-1 #respond { position: relative; right: 2em; } /* Colorful Comment Numbers */ div.commentnumber { font-size: 4.8em; color: #dddddd; float: right; padding-right: .4em; position: relative; bottom: .1em; } .custom dd.depth-1 div.commentnumber {padding-right: 0} /* Attachment Pages */ .custom .attachment-medium { display: none; } #image-meta { width:275px; margin:auto; } .prev-img, .prev-img-text { float:left; } .next-img, .next-img-text { float:right; } .prev-img-text, .next-img-text { text-transform:uppercase; font-weight:bold; font-size: 16px; margin-top:38px; width: 80px; line-height:18px; } .prev-img-text { margin-left: 20px; text-align:left; } .next-img-text { text-align:right; margin-right: 20px; } #image-meta dt { text-transform:uppercase; float:left; clear:left; width: 175px; font-weight:bold; } #image-meta dd { float:left; } .prev-img-text a, .next-img-text a { text-decoration:none; } .custom #content .prev-img-text a:hover, .custom #content .next-img-text a:hover { text-decoration:none; }