/* 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/ */ /* ####################################################################################################### */ /* ********** This is the custom.css file for the new DigitalDoyle Midphase digitaldoyle.com *************** */ /* ####################################################################################################### */ body.custom { background: #000000 url(images/body_bg.jpg) no-repeat fixed center top;/* body_bg.jpg body_bg_midphase.jpg body_bg_tracer */ } .custom .full_width > .page { background: transparent; } /* ########################### Menu Styles ################################### */ .custom .menu { background: transparent url(images/nav_bg.png) no-repeat center top; height:41px; padding-left:1.2em; } .custom .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover { background:transparent; } .custom .menu a, .menu .current ul a, .menu .current-cat ul a { background:transparent; } .custom .menu li { padding-left:2px; } .custom .menu, .menu a, .menu li ul { border-width: 0 0 0 0; } .custom .menu a { font-weight:bold;/* */ letter-spacing:normal; text-transform:none; } .custom .menu, .menu a, .menu li ul { border-style:solid; } /* 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: 140px; background: url('images/header_bg.png') no-repeat; outline: none !important; /* width: 939px; padding-top:0; background-position:center; outline: none; text-align:left; margin: 0 auto; background-color:#0f0; */ } /* 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; } /* Connections styles */ .custom #connect_grp { color:#FFCC30; /* 3586FF 6699FF FFCC30 */ float:right; height:43px; margin:-170px 0 0 694px; position:relative; /* */ width:289px; z-index:50; } .custom #connect_grp a { float:left; width:48px; height:43px; padding-right:5px; } .custom #connect_grp span { display:block; float:left; padding:0; margin:-4px 10px 0 -60px; font: 20px arial, verdana, sans-serif; font-weight:bold; font-style:italic; } .custom #connect_grp div#twitter_btn a { /* background: url(images/nav_twitter_btn.png) no-repeat scroll top left; */ } /* .custom #connect_grp div#twitter_btn a:hover { background: url(images/nav_twitter_btn_hover.png) no-repeat scroll top left; } .custom #connect_grp div#twitter_btn a:hover img { display:none; } .custom #connect_grp div#in_btn a { } .custom #connect_grp div#in_btn a:hover { background: url(images/nav_in_btn_hover.png) no-repeat scroll top left; } .custom #connect_grp div#in_btn a:hover img { display:none; } .custom #connect_grp div#f_btn a { } .custom #connect_grp div#f_btn a:hover { background: url(images/nav_f_btn_hover.png) no-repeat scroll top left; } .custom #connect_grp div#f_btn a:hover img { display:none; } */ /* ########################### Breadcrumb Styles ################################### */ /* .custom div#wpcumuluscontent2612324 { padding-left:20px; } */ .custom .breadcrumbs { padding-bottom:1em; } /* ########################### Content and Sidebars Styles ################################### */ .custom h1 { color:#FFF; font-weight:bold; } .custom #archive_info p { color:#6699FF; } .custom #content { /*background: transparent url(images/content_top.png) no-repeat top left; height:83px; width:655px;*/ } .custom #content_top { /*background: transparent url(images/content_top.png) no-repeat top left; height:83px; width:655px;*/ } .custom .flashmovie { margin-left:-32px; } .custom .teasers_box .flashmovie { display:none; } .custom .post_box, .custom .teasers_box, .custom #comments { /* background: transparent url(images/content_mid.png) repeat-y top right; */ background: transparent url(images/input_bg.png) repeat scroll 0 0; width:649px; padding-top:0; /* experimental rounded corner code */ border:1px solid #999; -moz-border-radius:12px; -webkit-border-radius:12px; -opera-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; } .post_box, .teasers_box, .full_width #content_box .page { margin:0 2.1em 1.2em 0; } .custom .teaser .teaser_author a, .teaser a.teaser_comments, .teaser a.teaser_category, .teaser .edit_post a { border-bottom:1px solid #FFCC30; color:#FFCC30; letter-spacing:1px; text-transform:uppercase; } .custom .teaser .teaser_comments { font-size:1em; } .custom .teaser .teaser_category { font-size:0.8em; } .custom .teaser h2, h2 a { font-weight:bold; } .custom .flashvid { margin-left:-32px; } .custom .headline_area { background: transparent url(images/content_top.png) no-repeat top left; height:83px; padding:0 35px; /* -moz-border-radius:12px; */ -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; /* -webkit-border-radius:12px; */ -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; /* -opera-border-radius:12px; */ -opera-border-radius-bottomleft:0px; -opera-border-radius-bottomright:0px; -opera-border-radius-topleft:12px; -opera-border-radius-topright:12px; /* -khtml-border-radius:12px; */ -khtml-border-radius-bottomleft:0px; -khtml-border-radius-bottomright:0px; -khtml-border-radius-topleft:12px; -khtml-border-radius-topright:12px; } .custom .headline_area h1, .headline_area h2 {; padding-top:20px; font-size:1.8em; } .custom .format_text { padding:0px 55px 8px; /*0px 75px 8px */ } .custom .format_text .to_comments span { color:#3586FF; } .custom .format_text .to_comments a:hover { color:#FFFFFF; text-decoration:none; } .custom .format_text img { border:#FFF; border-style:solid; border-width:2px; } .custom .format_text .to_comments a { color:#FFCC30; text-decoration:none; /* color:#D59F00; */ } .custom .teaser { width:27em; } .custom .teasers_box { padding:30px; width:590px; } .custom .teaser .teaser_link { display:block; text-align:right; } .custom img.frame { border-color:#FFF; } .custom .format_text img.frame, .format_text .wp-caption { border-width:2px; padding:0; } .custom .teaser .post_image_link img.frame { border-width:1px; padding:0; } /* comments styles */ .custom #comments { margin-left:0; margin-right:2.1em; } .custom dl#comment_list { border-top:none; /*background: transparent url(images/content_divider.png) no-repeat top center; */ padding-top:20px; padding-bottom:20px; } .custom dl#comment_list dd { border-bottom:none; padding-bottom:30px; padding-left:20px; padding-right:80px; background: transparent url(images/content_divider.png) no-repeat bottom center; } .custom dl#comment_list dt, dl#trackback_list dt { /* background: transparent url(images/content_divider.png) no-repeat top center;*/ padding-left:70px; padding-right:70px; padding-bottom:10px; } .custom dl#comment_list dt span { padding-top:10px; } .custom .comment_time a, .edit_comment a { color:#6699FF; } .custom .avatar img { margin-left:2em; margin-bottom:2em; } .custom #respond_intro p { color:#87B7FF; font-weight:bold; padding-left:40px; padding-top:1em; } .custom #commentform { border-top:none; background: transparent url(images/content_divider.png) no-repeat top center; } .custom #commentform p { margin-top:2em; margin-left:5em; } .custom .format_text input, #commentform input, #commentform textarea { border-width:none; padding-left:10px; width:85%; } .custom input, textarea, input:focus, textarea:focus { background: transparent url(images/input_bg.png) repeat scroll 0 0; border-color:#BBBBBB; border-style: solid; color:#FFCC30; } .custom #commentform input.form_submit { border-width:1px; margin-left:400px; } .custom #commentform input.form_submit:hover { color:#87B7FF; } .custom #commentform span.allowed { /* background:#F9F7E4 none repeat scroll 0 0; transparent url(images/input_bg.png) repeat scroll 0 0;*/ background:none; border-color:#BBBBBB; border-style: none; color:#807E70; display:block; padding-top:20px; } .custom dl#trackback_list dt a { color:#FFCC30; } .custom dl#trackback_list dt a:hover { color:#6699FF; } .custom dl#comment_list .bypostauthor { background: transparent url(images/input_bg.png) repeat scroll 0 0; } .custom dl#trackback_list dd { color:#FF9900; } .custom dl#comment_list dl dt.bypostauthor { border-width:0 0 0 0; padding-left:1.9em; } .custom dl#comment_list dl dd.bypostauthor > .format_text { border-width:0 0 0 0; } .custom dl#comment_list dd p.reply a { color:#F90; } /* Kill the default text that shows up in v1.5 when a page has comments closed. Only works on pages*/ .custom .comments_closed { display: none; } .custom .comments_intro p { color:#F90; padding-top:1.2em; } .custom .comments_intro span { color:#87B7FF; } .custom .comment_time, .edit_comment { color:#F90; } .custom #trackback_list a { color:#3586FF; } /* sidebar styles */ .custom .sidebar h3 { font-size:20px; font-variant:normal; font-weight:bold; letter-spacing:normal; } .custom #sidebars { background: transparent url(images/sidebars_top.png) no-repeat top left; /* height:83px; */ width:292px; /* -moz-border-radius:12px; */ -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; /* -webkit-border-radius:12px; */ -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; /* -opera-border-radius:12px; */ -opera-border-radius-bottomleft:0px; -opera-border-radius-bottomright:0px; -opera-border-radius-topleft:12px; -opera-border-radius-topright:12px; /* -khtml-border-radius:12px; */ -khtml-border-radius-bottomleft:0px; -khtml-border-radius-bottomright:0px; -khtml-border-radius-topleft:12px; -khtml-border-radius-topright:12px; } .custom #sidebar_1 { /* background: transparent url(images/sidebars_mid.png) repeat-y top right; */ background: transparent url(images/input_bg.png) repeat scroll 0 0; /* padding: 0 20px 10px; width:292px; */ border:1px solid #999; -moz-border-radius:12px; -webkit-border-radius:12px; -opera-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; } .custom .sidebar ul.sidebar_list { padding-left:40px; padding-right:30px; } .custom li.widget { margin-bottom:1em; } .custom li.widget ul li { margin-bottom:0.267em; } .custom li.widget ul li a{ /* cat top level */ padding-top:8px; display:block; font-size:18px; font-weight:bold; font-style:italic; color:#FFF; } .custom li.widget ul li ul li a{ /* sub cat */ padding-top:0; display:block; font-size:16px; font-weight:bold; font-style:italic; color:#FFCC30; } .custom li.widget ul li ul li ul li a{ /* sub sub cat */ padding-top:0; display:block; font-size:15px; font-weight:bold; font-style:italic; color:#F0F; } .custom li.widget li ul { margin:-0.067em 0 0 1em; } /* sb_top widget styles - this is the image and text widget at the top of the sidebar */ /* this is the one of me for the home page and is the default */ .custom li#text-3 #sb_top_pic_doyle { position:absolute; background: transparent url(images/sidebar_top_doyle.png) no-repeat top left; width:292px; height:180px; margin:-119px 0px 0px -40px; } /**/ .custom li#better-text-2 #sb_top_pic_yellowBubble { position:relative; background: transparent url(http://digitaldoyle.com/wp-content/uploads/glossy-black-comment-bubble-testing.png) no-repeat top left; /* 062341-glossy-black-comment-bubble-icon-people-things-brain.png | blank-yellow-comment-bubble.png | glossy-black-comment-bubble-testing.png */ width:300px; height:180px; margin:0 0 0 -30px; padding-bottom:1em; } /* moves the sb_blurb text down below the sb_top_pics */ .custom li#text-3 #sb_spacer { height:83px; } .custom li#text-3 .sb_blurb { width:240px; margin-left:-7px; } .custom li.widget .sb_divider { background: transparent url(images/sidebar_divider.png) no-repeat top right; width:220px; height:17px; margin:0 0 0 -5px; /* */ } .custom #search.widget{ /* position:absolute; */ font-family:Verdana,Arial,Sans-Serif; width:194px; font-size:0.8em; /*padding-left:2.5em; z-index:2; */ } .custom #search.widget input.text_input{ background: transparent url(images/input_bg.png) repeat scroll 0 0; } /* For the clickable search glass icon for the search field widget*/ .custom .formbutton{ cursor:pointer; background:transparent url(images/search_glass.png) no-repeat scroll right top; border:none; display:block; position:relative; z-index:2; width:50px; height:50px; margin:-36px 8px -15px 154px; } /* for WP-Cumulus styles */ .custom li.wp_cumulus_widget { margin:-20px 0px 0px -34px; } .custom #footer { text-align:center; } .custom .format_text h2 { font-size:1.308em; line-height:1.176em; margin:1em 0 0.288em; } .custom .format_text h3 { font-size:1.308em; font-weight:bold; margin:1em 0 1.288em; } .custom .format_text h3 a { text-decoration:none; } .custom .format_text h3 a:hover { color:#3586FF; } /* .custom h1, h2, h2 a { font-size:18px; font-weight:bold; } */ /* Twitter-Pro styles */ .custom li#twitter-1.widget { background: transparent url(images/sidebars_mid.png) repeat-y top right; /*padding:8px; padding-left:8px; padding-top:8px;*/ border:1px solid #999; -moz-border-radius:12px; -webkit-border-radius:12px; -opera-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; margin-left:-25px; padding:10px; width:241px; } .custom li#twitter-1.widget ul li { margin-bottom:1.867em; display:block; font-size:14px; font-weight:normal; padding-top:0; } .custom li#twitter-1.widget a { /* , h2 a:hover, #logo a:hover */ color:#FFCC30; /* FFCC30 #3586FF; */ display:inline; font-size:14px; font-weight:bold; padding-top:0; } .custom li#twitter-1.widget span.entry-meta, entry-meta a{ display:block; font-size:10px; font-weight:normal; padding-top:0; } .custom li#twitter-1.widget span.entry-meta a{ color:#3586FF; } .custom li#twitter-1.widget span.time-meta a{ display:inline; font-size:10px; font-weight:bold; padding-top:0; } .custom li#twitter-1.widget span.from-meta a{ display:inline; font-size:10px; font-weight:bold; padding-top:0; } .custom li#twitter-1.widget span.entry-meta span.time-meta { display:inline; } /*.custom li#twitter-1.widget span entry-content, entry-content a, span.entry-meta span.time-meta a{ .entry-meta, span.from-meta a{ color:#3586FF; display:block; font-size:10px; font-weight:bold; padding-top:0; } */ /* cform contact styles */ .custom .cform fieldset { background: transparent url(http://digitaldoyle.com/wp-content/themes/thesis/custom/images/input_bg.png) repeat scroll 0 0; border:1px solid #999; -moz-border-radius:12px; -webkit-border-radius:12px; -opera-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; } .custom .cform label { background:none; } .custom .cform input, .cform textarea, .cform select { background: transparent url(http://digitaldoyle.com/wp-content/themes/thesis/custom/images/input_bg.png) repeat scroll 0 0; border-color:#F0F0F0 #F0F0F0 #F0F0F0; border-width:1px 1px 1px; border-style:solid solid solid; } .custom .cform input:hover, .cform textarea:hover, .cform select:hover { background: transparent url(http://digitaldoyle.com/wp-content/themes/thesis/custom/images/input_bg.png) repeat scroll 0 0; } .custom .cform input.sendbutton { width:100px; } .custom .cform input.cf-box-a { width:20px; } .custom label.cf-after span { width:315px; } .custom .cform legend { color:#3586FF; font-family:Verdana; padding:0 6px; } .custom .linklove { display:none; } .custom .contactFooter { text-align:center; } /* Styling for the Portfolio Page */ .custom .Client_cats { width:40%; float:left; margin-left:20px; } .custom .Portfolio_cats { width:50%; float:right; } .custom .Client_cats li, .Portfolio_cats li{ list-style:none; } .custom .Client_cats li a:hover, .Portfolio_cats li a:hover{ color:#F0F; } .custom .Client_cats li a, .Portfolio_cats li a{ font-size:1.5em; line-height:1.2em; font-weight:bold; font-style:italic; margin:0.3em 0 0 .1em; color:#FFF; text-decoration:none; } .custom .Client_cats li .cat-item, .Portfolio_cats li .cat-item{ list-style:none; } .custom .Client_cats li .cat-item a:hover, .Portfolio_cats li .cat-item a:hover{ color:#F0F; } .custom .Client_cats li .cat-item a, .Portfolio_cats li .cat-item a{ display:block; font-size:1.1em; line-height:1em; font-weight:bold; font-style:italic; margin:0.3em 0 0 .1em; color:#6699FF; /* #FFCC30; */ text-decoration:none; } .custom .clearfloats { clear:both; } /* Smooth Slider Styles */ .custom .sldr_title { font-style:italic; } .custom #smooth_sldr_body h2 a { color:#3586FF; } .custom #smooth_sliderc_nav li a { color:#ffffff; } .custom .smooth_slider_thumbnail { margin:10px 15px 0 0; } .custom #smooth_sldr div { } .custom #smooth_sldr div .sldrlink { display:none; } .custom #smooth_sliderc_nav { width:90%; } /* get rid of the archive_info on the home page .custom home#content_area div#content_box#content */ body.home #archive_info { display:none; } body.home .prev_next { display:none; } .custom #linkcat-47 { display:none; }