/* Theme Name: Don Chavez Custom Theme Theme URI: http://www.donchavez.com Description: Customized theme for Don Chavez. Version: v2.0 Author: GrandmasterB (www.grandmasterb.com) */ /*** BASIC STYLES ***/ html, body { height: 100%; margin: 0; padding: 0; } body { background: #888 url(../images/header-bg.png) no-repeat 50% 0; } #wrapper { min-height: 100%; margin-bottom: -330px; position: relative; } .clearfooter { height: 330px; clear: both; } #content-container { margin-bottom: 50px; } #left-column { } #right-column { margin-bottom: 50px; } #footer { background: #242424 url(../images/footer-bg.png) repeat-x 0 0; position: relative; min-height: 330px; overflow: auto; } /*** TEXT STYLES ***/ h1, h2, h3 { color: #660000; } h4, h5, h6 { color: #1b5b93; } p { font-size: 13px; line-height: 18px; } li { margin: 5px 25px; } ol { margin: 5px 25px; } a { text-decoration: none; color: #660000; } a:hover { color: #242424;} a img { border: none; } /* Begin Images */ .postcontent img { padding: 0; max-width: 100%; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* @group header */ #header { height: 205px; margin-bottom: 25px; } #logo { float: left; width: 200px; height: 200px; margin: 5px 0 0 0; } #logo h1 a { display: block; width: 198px; height: 196px; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; } #right-header { float: right; margin: 33px 0 0 0; width: 730px; } .leaderboard { width: 728px; height: 90px; background: white; float: right; margin: 0 0 32px 0; } /* @group navigation */ #navigation { width: 725px; height: 51px; clear: both; position: absolute; top: 150px; background: url(../images/navigation-bg.png) no-repeat 0 0; font-size: 1.1em; font-style: italic; } #menu { list-style: none; margin: 12px 0 0 20px; padding: 0; } #menu li { display: inline; font-size: 1.15em; padding: 0 28px; margin: 0; } #menu li a { text-decoration: none; color: #660000; font-weight: 900; } #menu li a:hover, #menu li a.current { color: #000; } /* @end */ /* @end */ /* @group right-column */ /* @group content area */ .mid-advert { text-align: center; } #mid-column-top { background: url(../images/content-top.png) no-repeat; min-height: 140px; } #mid-page-top { background: url(../images/content-top.png) no-repeat; overflow: auto; } #mid-column-mid { background: url(../images/content-mid.png) repeat-y; overflow: hidden; } #mid-column-bot { background: url(../images/content-bottom.png) no-repeat 0 100%; height: 50px; margin-bottom: 25px;} .post-date { height: 75px; width: 140px; } .page-entry { margin: 0 0 0 10px; } .page-entry h2 { font-size: 28px; font-style: italic; margin: 0 0 5px 0; } .entry h2 { margin-bottom: 0; padding: 0 12px; line-height: 23px; font-size: 21px; font-style: italic; } .postdata { font: 13px/18px 'Helvetica Neue', Helvetica, Verdana, Arial, Sans-Serif; margin: 0; padding: 0 0 0 15px; color: #282828; } .postdata a { color: #1b5b93; font-weight: bold; text-decoration: none; } .postdata a:hover { color: #242424; } .post-content { margin: 5px 15px; font: 13px/20px 'Helvetica Neue', Helvetica, Verdana, Arial, Sans-Serif; text-align: justify; color: #282828; } h2.pagetitle { margin: 0; text-align: center; } blockquote { border-left: 5px solid #112c41; margin-left: 20px; padding: 0 25px 0 10px; } blockquote, blockquote p { font: 12px/17px 'Helvetica Neue', Helvetica, Verdana, Arial, Sans-Serif; text-align: justify; color: #1b5b93; } code { font-size: 12px; overflow: auto; display: block; padding: 10px; color: #d6d6d6; background: #888888; border: 1px solid #d8d8d8; margin: 5px 10px 15px 20px; } /* @group date-badge */ div.date { text-align: right; font-size: 24px; font-weight: bold; height: 45px; padding: 27px 20px 0 0; margin: 0; } div.date span { display: none; } .month1 { background: url(../images/calendar/1.png) no-repeat 0 0; } .month2 { background: url(../images/calendar/2.png) no-repeat 0 0; } .month3 { background: url(../images/calendar/3.png) no-repeat 0 0; } .month4 { background: url(../images/calendar/4.png) no-repeat 0 0; } .month5 { background: url(../images/calendar/5.png) no-repeat 0 0; } .month6 { background: url(../images/calendar/6.png) no-repeat 0 0; } .month7 { background: url(../images/calendar/7.png) no-repeat 0 0; } .month8 { background: url(../images/calendar/8.png) no-repeat 0 0; } .month9 { background: url(../images/calendar/9.png) no-repeat 0 0; } .month10 { background: url(../images/calendar/10.png) no-repeat 0 0; } .month11 { background: url(../images/calendar/11.png) no-repeat 0 0; } .month12 { background: url(../images/calendar/12.png) no-repeat 0 0; } .shield { float: left; width: 136px; height: 72px; color: #112c41; } /* @end */ /* @group comment-tag */ .comment-box { width: 117px; height: 66px; float: right; margin-right: 10px; } .comment-box .comment { background: url(../images/comment-bg.png) no-repeat 0 0; height: 66px; width: 100%; padding: 6px 0 0 15px; } .comment-box .comments { background: url(../images/comments-bg.png) no-repeat 0 0; height: 66px; width: 100%; padding: 6px 0 0 15px; } .comment-box .comment strong, .comment-box .comments strong { color: #112c41; font-size: 16px; } /* @end */ /* @group comment styles */ .Comments { padding: 0px; margin: 15px 0 0 0; } .List { } .commentlist { padding: 10px 0px 0px 0px; margin: 0px; } .commentlist li { position: relative; padding: 5px 3px; margin: 0px; list-style-type: none; font-size: 12px; position: relative; } .commentlist li.alt { } .comment-container { width: 100%; } li div.comment-container .gravatar { border: 1px solid #a8a8a8; float: left; margin-left: 12px; background: #444; padding: 5px; } li.alt div.comment-container .gravatar { background: #a8a8a8; border: 1px solid #444; } .commentDetails { margin: 0 12px 0 110px; padding: 0 10px 3px 10px; } /* @group comment-form */ #commentform { } #commentform input, #commentform textarea { background: #444; border: 1px solid #a8a8a8; color: #a8a8a8; } #commentform #submit{ background: url(../images/submit-button.jpg) no-repeat; font: 16px 'Helvetica Neue', Helvetica, Arial, san-serif; padding: 1px 0 0 0; font-weight: bold; color: #d6d6d6; border: none; float:left; width: 147px; height: 32px; cursor: pointer; } #comment { width: 100%; } /* @end */ /* @group normal-comment */ li div.comment-container div.commentDetails { color: #a8a8a8; background: #444; border: 1px solid #a8a8a8; padding: 20px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } /* @end */ /* @group alt-comment */ li.alt div.comment-container div.commentDetails { color: #444; background: #a8a8a8; border: 1px solid #444; } /* @end */ .ListUser { font-size: 18px; font-style: italic; color: #660000; } .ListDate { font-size: 10px; } .ListContent { font-size: 13px; } .respond { font-size: 18px; border-bottom: 1px dotted #660000; } /* @group image viewer */ div.normal { text-align: center; margin: 25px auto; font-weight: bold; font-style: italic; } div.normal strong { color: black; } div.attached-image { margin: 0 auto; text-align: center; } div.attached-image a img { padding: 5px; background: #444444; border: 1px solid #999999; } #left-adspace, #right-adspace { margin-bottom: 10px; } #bottom-adspace { } /* @end image viewer */ /* @end */ /* @end */ /* @group footer */ #footer-container { padding: 30px 0; color: #777; } #footer-container div h2 { text-indent: -9999px; } #footer-left, #footer-mid, #footer-right { min-height: 280px; padding-top: 15px; } #footer-left a, #footer-mid a, #footer-right a { color: #b8b8b8; } #footer-left a:hover, #footer-mid a:hover, #footer-right a:hover { color: #006699; } #footer-left { background: url(../images/footer-social.png) no-repeat 0 0; } #footer-mid { background: url(../images/footer-friends.png) no-repeat 0 0; } #footer-right { background: url(../images/footer-dc.png) no-repeat 0 0; } /* @group social-links */ .social-links { margin: 0; padding: 0; } .social-links li { margin: 0; padding: 6px 0 8px 40px; } li.s-reddit { background: url(../images/social-icons/reddit.png) no-repeat 0 0; } li.s-face { background: url(../images/social-icons/facebook.png) no-repeat 0 0; } li.s-digg { background: url(../images/social-icons/digg.png) no-repeat 0 0; } li.s-twitter { background: url(../images/social-icons/twitter.png) no-repeat 0 0; } /* @end */ /* @end */ /* @group OLD STUFF */ /*** CONTAINER STYLES ***/ /*** LEFT COLUMN ***/ .leftColBox { text-align: center; } #splitColumn { text-align: left; width: 100%; } /*** LEFT-SPLIT COLUMNS ***/ .splitContainAlpha { float: left; width: 145px; } .splitContainOmega { float: right; width: 145px; } .leftContents { margin: 0; padding: 7px; } .leftContents h4 { margin: 0; border-bottom: 1px solid #a0a0a0; } .left-links { margin-bottom: 15px; } .left-links li { margin: 0; padding: 2px 5px; color: #660000; } .left-links li a { color: #242424; } .left-links li a:hover { color: #1b5b93; } /*** SEARCHFORM ***/ #searchbox { background: url(../images/search-bg.png) no-repeat 0 0; height: 57px; width: 100%; margin: 0 0 15px 0; } #searchform { background: url(../images/searchbox-bg.png) no-repeat right; width: 299px; height: 31px; padding: 0; } .searchText { margin: 4px 0 0 7px; float: left; } .searchboxinput { font-size: 14px; color: #898989; background: transparent; border: none; text-align: left; } /*** HALL OF SHAME ***/ #hallofshame { background: url(../images/hall-bg.png) no-repeat 0 0; width: 100%; margin: 5px 0 0 0; padding: 70px 0 0 0; } .shame-row { overflow: auto; margin-bottom: 20px; } .left-image { float: left; background: url(../images/shame-frame.jpg) no-repeat 0 0; width: 140px; height: 140px; } .right-image { float: right; background: url(../images/shame-frame.jpg) no-repeat 0 0; width: 140px; height: 140px; } .left-image img, .right-image img { height: 114px; width: 114px; margin: 13px 0 0 13px; } /*** RIGHT COLUMN ***/ .rss-icon img { margin-bottom: 5px; } .rss-email { background: url(../images/rss-email.png) no-repeat 0 0; display: block; width: 124px; height: 28px; margin: 0 auto; } .rss-email:hover { background-position: -127px 0; } .rss-email span { display: none; } .towerAdSpace { margin: 10px 0; text-align: center; } .top-friends { background: url(../images/friends-bg.png) no-repeat; padding: 35px 5px 0 5px; margin-bottom: 15px; text-align: left; color: #424242; } .dcTools { margin: 5px 0 15px 0; } /*** SOCIALIZE ***/ .icon-table { } .icon-table tr { } .icon-table tr td { vertical-align: middle; padding: 2px 0 0 0; } .social-icon { width: 40px; } .social-link a { color: #666; } .social-link a:hover { color: #1b5b93; } /*** FOOTER FRIENDS ***/ .friend-table tr td { vertical-align: middle; padding: 2px; text-align: center; } .friend-link a img { border: none; } /*** DC LINKS ***/ ul.dc-links { margin: 0; padding: 0; } .dc-links li { padding: 0 0 0 10px; margin: 0; } .dc-links li a { color: #777; } .dc-links li a:hover { color: #1b5b93; } /*** DC PAGE TEMPLATES ***/ #mid-column-page { width: 657px; float: right; } /* page title images */ #blank-title { background: url(../images/pages/blank-title.png) no-repeat 0 0; height: 110px; } #hotlinks-title { background: url(../images/pages/hotlinks-title.png) no-repeat 0 0; height: 110px; } #babes-title { background: url(../images/pages/babes-title.png) no-repeat 0 0; height: 110px; } .page-ad { background: url(../images/pages/pagead-bg.png) no-repeat 0 0; padding: 0 15px; text-align: left; font-size: 0.85em; color: #3c3c3c; overflow: auto;} .page-mid { background: url(../images/pages/page-mid-bg.png) repeat-y 0 0; } .page-adspot { margin: 0 auto; text-align: center; width: 468px; height: 90px; background: white; border: 1px solid #888888;} .page-bot { background: url(../images/pages/page-bottom-bg.png) no-repeat 0 0; height: 9px; } /*** HOT LINKS PAGE STYLES ***/ .link-row { clear: both; } .hot-left { width: 305px; margin-right: 7.5px; margin-bottom: 15px; float: left; } .hot-right { width: 305px; margin-left: 7.5px; margin-bottom: 15px; float: right; } .hoturls { padding: 7px 0; border-bottom: 1px solid #3c3c3c; } .hoturls a { color: #8e1a27; } .hoturls a:hover { color: #303030; } /* @end */