/* 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/ */ #pty_pkg{ display:none; } #pty_overlay { height: 100%; position: fixed; top: 0; width: 100%; z-index: 100; } #pty_overlay.active { background-color: #56534E; opacity: 0.7; } #pty_popup{ border:0px; clear: none; font-size: 18px; letter-spacing: 0; line-height: 100%; list-style: none; margin: 0; padding: 0; text-align: left; text-indent: 0; } #pty_classy { background:#fff; overflow-x: visible; overflow-y: visible; padding-bottom: 25px; padding-left: 21px; padding-right: 21px; padding-top: 25px; width: 600px; position: fixed; top:100px; left:25%; z-index: 101; border:8px solid #ddd; margin-left:-8px; -webkit-box-shadow: 0px 0px 4px 0px #000; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ box-shadow: 0px 0px 4px 0px #000; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */ -webkit-border-radius: 4px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */ border-radius: 4px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */ } input.field_required{ border:2px solid #c40001; background:lightYellow; } #pty_classy input{ margin-bottom: 12px; height:26px; padding:2px 6px;padding-right:32px; width:130px;font-size:14px; } #pty_classy label{ float: left; font-weight: bold; width: 56px; line-height: 30px; } #pty_classy h2{ font-size:24px; } #pty_classy h3{font-size:18px; margin-bottom:24px; } #pty_classy p{ } #close_splash{ position: absolute; right: -27px; top: -28px; cursor:pointer; } #close_splash:hover{ top: -29px; } .btn{position:relative;display:inline-block;overflow:visible;padding:5px 10px;font-size:13px;font-weight:bold;line-height:18px;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#ccc;background-repeat:no-repeat;border:1px solid #ccc;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:0 \0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);-moz-box-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 1px 0 rgba(255,255,255,.5);} .btn{background-color:#ddd;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#fff),to(#ddd));background-image:-moz-linear-gradient(#fff,#ddd);background-image:-ms-linear-gradient(#fff,#ddd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));background-image:-webkit-linear-gradient(#fff,#ddd);background-image:-o-linear-gradient(#fff,#ddd);background-image:linear-gradient(#fff,#ddd);} .btn:hover{text-decoration:none;background-color:#d8d8d8;background-image:-khtml-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d8d8d8));background-image:-moz-linear-gradient(#f8f8f8,#d8d8d8);background-image:-ms-linear-gradient(#f8f8f8,#d8d8d8);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#d8d8d8));background-image:-webkit-linear-gradient(#f8f8f8,#d8d8d8);background-image:-o-linear-gradient(#f8f8f8,#d8d8d8);background-image:linear-gradient(#f8f8f8,#d8d8d8);border-color:#bbb;} .signup-btn{background-color:#fd9a0f;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#fee94f 0,#fd9a0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fee94f),color-stop(100%,#fd9a0f));background-image:-webkit-linear-gradient(top,#fee94f 0,#fd9a0f 100%);background-image:-ms-linear-gradient(top,#fee94f 0,#fd9a0f 100%);background-image:-o-linear-gradient(top,#fee94f 0,#fd9a0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee94f',endColorstr='#fd9a0f',GradientType=0);background-image:linear-gradient(top,#fee94f 0,#fd9a0f 100%);border-color:#fa2;} .signup-btn:hover{background-color:#fd9512;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#fedc4d 0,#fd9512 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fedc4d),color-stop(100%,#fd9512));background-image:-webkit-linear-gradient(top,#fedc4d 0,#fd9512 100%);background-image:-ms-linear-gradient(top,#fedc4d 0,#fd9512 100%);background-image:-o-linear-gradient(top,#fedc4d 0,#fd9512 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedc4d',endColorstr='#fd9512',GradientType=0);background-image:linear-gradient(top,#fedc4d 0,#fd9512 100%);border-color:#ec8b11;} body.custom { background: #ddd; font-family: Arial, Verdana, sans-serif; } .custom #container { margin-top: 2.2em; margin-bottom: 2.2em; border: 0.1em solid #000; } .custom #page { background: #fff; } .custom #header { padding-top: 0; border:none; } .custom .search_form { float: right; } .custom .search_form input { font-size: 1.3em; line-height: 1em; width: 15.385em; padding: 0.308em; } .custom .search_form input:focus { background: #f2e127; } .custom ul#tabs { padding: 0 1.1em; border: 0; } .custom ul#tabs li { margin-bottom: 0; background: none; border: 0; } .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat { padding-bottom: 0; } .custom ul#tabs li a { padding-top: 0.909em; padding-bottom: 0.909em; color: #999; font-weight: bold; letter-spacing: 1px; } .custom ul#tabs li a:hover { color: #111; background: #f2e127; text-decoration: none; } .custom ul#tabs li.current_page_item a { color: #555; background: #efefef; } .custom ul#tabs li.rss a { padding-right: 0.818em; background-image: none; } .custom #content_box { background: none; border: none; } .custom .prev_next, .custom #archive_info { border: none; } .custom input.form_submit:hover { color: #111; background: #f2e127; } .custom #multimedia_box, .custom #image_box, .custom #video_box, .custom #custom_box { background: none; border: 0; } .custom #sidebars { border: none; width: 28.7em;} .custom #sidebar_1 { border-right: none; } .custom #footer { padding-bottom: 0; border-top: 0.1em dotted #ccc; } .custom a { color: #00f; text-decoration: none; } .custom a:hover { color: #00f; text-decoration: underline;} .custom h2 {font-size:120%; font-weight: bold; margin-bottom: 0; margin-top:0;} .custom h2 a {font-size:100%; font-weight: bold; color: #00f; text-decoration: none; margin-top:0;} .custom h2 a:hover {font-size:100%; font-weight: bold; color: #00f; text-decoration: underline; margin-top:0;} .custom h3 a {font-size:105%;} .custom #logo a {color: #000; text-decoration:none; } .custom #logo a hover {color: #000; text-decoration:none; } .custom .source_tree { background-color: #d9ffff; float: left; width: 170px; border: 1px black solid; margin-right: 10px; margin-bottom: 10px; padding: 10px; font-size: 80%; line-height: 130%; } .custom .indent1 { margin-left: 10px; } .custom .indent2 { margin-left: 20px; } .custom .ad img { border: 1px solid black; margin-top: -20px; margin-bottom: 10px; margin-left: -10px; } .custom .ad_center img { border: 1px solid black; margin-left: 100px; margin-bottom: 20px; } .custom .source_text { margin-left: 20px; } .custom .download_link { font-size: 11px; font-weight: normal; } .custom .line_numbers pre { background-color: white; border: none; } .custom .code pre { width:570px; } #header #logo, #header form { display: none; } .toptweet_right { -moz-border-radius: 6px 6px 6px 6px; border: 1px solid #DADADA; float: right; font: 22px/1.33 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; margin: 8px; padding: 6px 12px 8px; position: relative; width: 517px; } .toptweet_triangle { background: url("/blog_images/twitter_triangle.gif") no-repeat scroll 100% 0 transparent; height: 13px; left: -7px; position: absolute; top: 15px; } .custom .search_form { margin-top: -3px; } .menu { border-width: 0px; margin-left: 11px; margin-top: 0px;margin-bottom:0px; position: relative; z-index: 1; } #header { padding-bottom: 0; } .tweetbox, .menu a { border:2px solid #DDDDDD; border-top:0px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; letter-spacing: 2px; padding-right: 10px; // margin-right:15px; padding-left: 10px; -webkit-box-shadow: 0px 2px 4px #ddd; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 2px 4px #ddd; /* FF3.5 - 3.6 */ box-shadow: 0px 2px 4px #ddd; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } .menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a { background: none repeat scroll 0 0 #F8F8F8; } .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover { background: #fff; color: #000000; text-decoration: none; cursor: auto; border-bottom:1px solid #666; } .menu a:hover{ background-color: #ddd; } .tweetbox{ border-color: #DDDDDD; border-right: 2px solid #DDDDDD; border-style: none solid solid; border-width: 0 2px 2px; background: none repeat scroll 0 0 #EEEEEE; float: right; z-index: 99; position: relative; margin-right: 11px; margin-top: -28px; padding: 0; width: 270px;} .tweetbox textarea{ width:250px;height:24px; font-size:14px; padding: 5px 10px 0; border:0px; border-bottom:1px solid #ddd; background:#fff; font-size: 1.2em; line-height: 1.429em; color: #888888; font-weight: normal; } #tweet_length { font-size: 14px; font-weight: bold; margin-right: 8px; } #tweet_text_actions { margin-right: 8px; text-align: right; margin-top:8px; min-height: 28px; } #feature_box, #archive_intro, #comment_nav_2 { border-width: 0; } .sidebar h3 { font-weight: bold; font-size: 16px;} .sidebar ul.sidebar_list { border-left: 2px solid #EEEEEE; margin-top: 3.2em; padding-left: 1.2em; padding-right: 1.1em; padding-top: 0; } #text-8, #text-7, #text-9{margin-bottom:8px;} #text-9{margin-bottom:28px;} #text-5 { padding-top: 8px; margin-bottom: 28px; } #content { width: 64.9em; } .proj2, .proj3, .proj4, .proj5, .proj6, .proj7, .proj8, .proj9 {display:none;} #our_projects{ height: 225px; overflow: hidden; text-align: left; width: 285px; } #change_proj{ background: url("/blog_images/arrows.gif") no-repeat scroll 0 -5px transparent; margin-left: -4px; height: 23px; width: 48px; position: relative; } #prev_proj{ height:23px; width:24px; position: absolute; left: 0px; cursor: pointer; } #next_proj{ height:23px; width:24px; position: absolute; right: 0px; cursor: pointer; } .headline_area .twitter-share-button { margin-right: 10px; margin-top: 3px; float:left; } .twitter-follow-button{ margin-left: 0px; margin-top: 2px; } .headline_area { margin-bottom: 1.6em; } .sidebar_ebook{ border-bottom-color: #EEEEEE; border-bottom-style: solid; border-bottom-width: 2px; font-size: 11px; line-height: 16px; margin-bottom: 16px; min-height: 188px; } .sidebar_ebook ul,.sidebar_ebook ul li{ list-style:disc !important; } .sidebar_ebook img.ebook100{ float:left;margin-right:8px; border:0px; } .sidebar_ebook img.download_ebook:hover{ margin-top:-1px; } #splash_left{float:left;border-right:4px solid #eee;padding-right:12px; padding-top:12px;padding-bottom:12px; width: 380px;} #splash_right{float:right;width:200px; text-align: center;} #splash_left b{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 25px; font-style: italic; font-weight: bold; letter-spacing: -1px; line-height: 35px; text-shadow: 0 1px 2px #cccccc; margin-bottom: 6px; } #splash_left ul{list-style:none;} #splash_left ul li {margin-top:10px;padding-right:12px; font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif; font-size: 18px; line-height: 27px; text-shadow: 0 1px 0 #ccc; } #splash_left ul li img{float:left;} #splash_left ul li p{ line-height: 24px; margin-left: 38px; // margin-left: 8px; //display:inline;} #splash_right .splash_right_title{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 28px; margin-bottom: 12px; text-align: center; text-shadow: 0 1px 2px #ccc; } #splash_right .RedButton{width:172px; font-size: 14px;} input[name=email_address]{ background-image:url("/blog_images/mail.png"); background-position: 146px 8px; background-repeat: no-repeat; } input[name=email_name]{ background-image:url("/blog_images/gnome_stock_person.png"); background-position: 145px 8px; background-repeat: no-repeat; } .RedButton { background-color: #D43638; background-color: #EB5367; background-image: -webkit-gradient(linear, left top, left bottom, from(#EB5367), to(#D43638)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #EB5367, #D43638); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #EB5367, #D43638); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #EB5367, #D43638); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #EB5367, #D43638); /* Firefox 16+ */ border-color: #910101; color: #FCF9F9; text-shadow: 0 -1px #444; } .RedButton:hover { background-color: #D63E40; background-image: -webkit-gradient(linear, left top, left bottom, from(#EA5D6E), to(#D63E40)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #EA5D6E, #D63E40); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #EA5D6E, #D63E40); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #EA5D6E, #D63E40); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #EA5D6E, #D63E40); /* Firefox 16+ */ border-color: #AD0303; color: #FFFFFF; text-shadow: 0 -1px #444; } .RedButton:active { background-color: #D63E40; background-image: -webkit-gradient(linear, left top, left bottom, from(#DD4B5D), to(#C83031)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #DD4B5D, #C83031); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #DD4B5D, #C83031); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #DD4B5D, #C83031); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #DD4B5D, #C83031); /* Firefox 16+ */ border-color: #510000; color: #F2F0F0; text-shadow: 0 -1px #444; } .related_margin {margin-left:202px;} #console_iframe body{ padding:0px; } .menu a{margin-right:0px;} #unsubscribe{border:1px solid #CCC;-moz-border-radius:4px;-moz-box-shadow:0 1px 1px #EEE;-webkit-border-radius:4px; -webkit-box-shadow:0 1px 1px #EEE;border-radius:4px;box-shadow:0 1px 1px #EEE; -webkit-font-smoothing:antialiased;font:13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; width:200px;margin:0;padding:6px; float: left; margin-right: 8px; height: 26px; line-height: 26px;} #unsubscribed{ margin-top:1.571em;font-size:16px; } #sidebar_left{width: 300px;margin-top:8px;float: left;} #script_list{word-break: break-word;margin-bottom: 24px;} #script_list ul{list-style:none;margin:0px;} #script_list ul li{display:none;margin-left:24px;} #script_list .current_chapter li{display:block;} #script_list p{margin:0px;} #script_list b{cursor:pointer;color:#333;} #script_list img{margin-right: 6px; cursor:pointer;} .current_script{color:#333;} .syntaxhighlighter .command_help{display:none;} .CTA p{margin-bottom:6px;} .CTA{margin-bottom:18px;width: 282px;margin-right:18px; float: left;} pre { tab-size: 2; } ul.related_list{margin-left:0px;} .booksell{ background: #fff; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd)); background: -webkit-linear-gradient(top,#fff 0,#ddd 100%); background: -moz-linear-gradient(top,#fff 0,#ddd 100%); background: -ms-linear-gradient(top,#fff 0,#ddd 100%); background: -o-linear-gradient(top,#fff 0,#ddd 100%); background: linear-gradient(top,#fff 0,#ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0); border:1px solid #aaa; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); border-radius: 4px; float:right; padding:8px; margin-left:30px; margin-bottom:8px; font-weight:bold; text-align:center; } #menu-item-2104 a:hover, #menu-item-2103 a:hover{text-decoration:none;} .booksellbox{border:1px solid #6DAEE1; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; -webkit-box-shadow: 0px 0px 4px 0px #ccc; box-shadow: 0px 0px 4px 0px #ccc; display: inline-block;text-align:center;margin-bottom:18px;background:#eaf3fe;} .booksellboxleft{ float:left;margin-right:12px;margin-bottom:0px;width:160px; } .CTAbuttons div{padding-top:8px;padding-bottom:4px;margin:0px;font-size:12px;line-height:16px;} .CTAbuttons a.active div:hover{background:#eee;text-decoration:underline;} .CTAbuttons .currentCTA p{color:#333;cursor:default;} .CTAbuttons div img{margin-bottom: 5px;margin-right: 10px;margin-left: 0px;} .CTAbuttons p{display:inline-block;font-weight:bold;} .custom .toptab{border:1px solid #ddd;border-bottom:0px;padding-left:12px;padding-right:12px; background: #eee; -webkit-border-radius: 6px 6px 0px 0px;border-radius: 12px 12px 0px 0px; margin-bottom: -2px; z-index: 1; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #ffffff, #eeeeee); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ffffff, #eeeeee); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ line-height: 42px;font-size: 15px;float:left;} .marginedbody{margin-left:300px;} #testimonials{font-size:12px;line-height:18px;} #endorsements{display:none; font-size: 13px; border: 1px solid #ccc; color: #555; padding: 6px 10px; margin: 8px; margin-left: 10px; margin-top: 0px; line-height: 18px; border-radius: 6px; /*display:inline-block;*/ position: relative; } #endorsements a{ color: #222; } #endorsements i{ height: 16px; width: 32px; position: absolute; background: url("/blog_images/downarrow.png") no-repeat scroll 100% 0 transparent; bottom: -16px; left: 6px; z-index: 2; } #tkey,#ttext{ display:none; } #tkey_single{color:#c40001;} #tweetbox { margin-bottom:24px; margin-top:24px; font-size:15px; line-height:20px; padding:0px; } #tweetbox textarea{ -webkit-border-radius: 4px; border-radius: 4px; padding: 3px; height: 90px; margin:0px; margin-top: 8px; width: 244px; line-height: 18px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; padding-top: 6px; border:1px solid #CCCCCC; font-size: 13px; background:#fff; } #tweetbox .tweet-button { float:none; margin-bottom: 8px; text-align: right; } #tweetbox .tweet-button .btn.enabled{ color:#fff; text-shadow: 0 1px 0 #000; border-color:#096EB3; background-color: #33BCEF; background-image: -webkit-gradient(linear, left top, left bottom, from(#33BCEF), to(#019AD2)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #33BCEF, #019AD2); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #33BCEF, #019AD2); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #33BCEF, #019AD2); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #33BCEF, #019AD2); /* Firefox 16+, IE10, Opera 12.50+ */ } #tweetbox .tweet-button .btn.enabled:hover{ background-color: #2DADDC; background-image: -webkit-gradient(linear, left top, left bottom, from(#2DADDC), to(#0271BF)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #2DADDC, #0271BF); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #2DADDC, #0271BF); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #2DADDC, #0271BF); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #2DADDC, #0271BF); /* Firefox 16+, IE10, Opera 12.50+ */ } #tweetbox .tweet-button .btn.disabled{ box-shadow: none; background-image: none; color: #777777; cursor: default; opacity: 0.65; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); } #tweetbox .tweet-button .tweet-counter { margin-right: 5px; } #tweetbox .tweet-counter { border:0px; color: #999999; display: inline-block; font-size: 14px; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; position: relative; text-align: right; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); top: 7px; vertical-align: top; width: 35px; } #stopwelcome{width:350px;} #stopwelcome textarea{width:332px;height:71px;} #stopwelcome.sellbookpage textarea{width:244px;} .searchfield{margin-top: 3px;margin-right: 11px;} .searchfield input{padding:6px !important;width:248px !important;} .menu-main-container{float:left;}