/* 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/ */ /* Align the footer to the left */ .custom #footer { text-align: left; } .custom #footer a { border-bottom: 1px solid #9CABB2; color: #1D5085; } /* Make the home page headline bigger, it's the site's lead sentence Note: the .welcome-to-aldosoft selector replaces .custom Note: on home page Thesis uses h2 instead of h1 tags */ .welcome-to-aldosoft .headline_area h2, .custom .headline_area h1 { width: 90%; line-height: 110%; font-size: 325%; color: #666; } /* Adjust back the headline h1 for blog entries, which should use the full width */ .custom .headline_area h1.entry-title { width: 100%; } /* Make the weight of the nav menu a little stronger for Milibus */ .custom ul.menu li.tab a { font-weight: 500; } /* Make the secondary copy bigger. Same reason. */ .custom p.intro-text { width: 85%; margin-bottom: 1em; line-height: 140%; font-size: 140%; font-style: italic; color: #333; } /* Make the closing home page copy bigger. Same reason. */ .custom p.close-text { font-size: 120%; font-style: italic; color: #333; } .custom p.close-text a { text-decoration: none; border-bottom: 2px solid #9CABB2; padding-bottom: 3px; } /* Make the closing home page copy bigger. Same reason. */ .custom p.service-intro { font-style: italic; font-size: 110%; line-height: 160%; color: #333; } /* Make the Services boxes into, well, boxes */ .custom div.services { clear: both; } .custom div.service { width: 22em; float: left; padding-right: 2em; } .custom div.service h3 { margin-top: .25em; margin-bottom: 0; } .custom div.service a { text-decoration: none; } .custom div.service a:hover { border-bottom: 1px solid #9CABB2; } /* Tighten up spacing after h3 headings */ .custom h3 { margin-top: 1.25em; margin-bottom: 0.2em; } /* Style the Feature Box to be an intro to the blog */ .custom #feature_box { background-color: #fff; margin-top: 3em; } .custom #feature_box h1 { width: 90%; line-height: 110%; font-size: 300%; font-weight: 300; color: #666; } /* Style the Subscribe button */ a.feed_btn { font: 50% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold; color: #333; padding: 6px; padding-left: 34px; background: #ccc url('images/feed-16x16.png') no-repeat 10px 50%; border-top: 1px solid #e2e2e2; border-right: 1px solid #818181; border-bottom: 1px solid #565656; border-left: 1px solid #d7d7d7; -webkit-border-radius: 4px; -moz-border-radius: 4px; } /* Tweak the Search field */ .custom #sidebars .search_form #s { /* border: 1px solid #666;*/ /* background-color: #fff;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; } /* Add icons to the Subscribe links in our manual text Subscribe widget */ .custom #sidebars .sub_rss { background: url('images/feed-16x16.png') no-repeat; padding-left: 24px; } .custom #sidebars .sub_twitter { background: url('images/twitter-16x16.png') no-repeat; padding-left: 24px; } /* Add a border around photos in sidebar */ .custom img.frame { padding: .25em; border: 1px solid #ccc; } /* Styling for our Twitter panel */ .custom #sidebars #widget_aldosoft_twitter li { /* background: url('images/tweet-16x16.png') no-repeat; padding-left: 2em; */ font-size: .9em; font-style: italic; color: #333; } .custom #sidebars #widget_aldosoft_twitter li a.aktt_tweet_time { display: block; font-style: normal; color: #65818C; } .custom #sidebars #widget_aldosoft_twitter li a.aktt_tweet_time:before { content: '# '; } .custom #sidebars #widget_aldosoft_twitter li.aktt_more_updates { background-image: none; font-style: normal; } .custom #sidebars #widget_aldosoft_twitter li.aktt_more_updates a:after { /* content: url('images/tweet-16x16.png');*/ } /* Styling overrides for syntax highlighting */ .custom .format_text pre { padding: 0; background: inherit; border: none; font-family: Consolas, "Andale Mono", "Andale Mono WT", Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; } /* More styles for technical writing (terminal session, UI references, etc.) */ .custom pre.terminal { padding: 0.25em 0.5em; background-color: #F9F9F9; border: 1px solid #C0C0C0; } .custom span.ui { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold; font-size: 95%; } /* Make site author comment replies more obvious */ /* From: http://mattflies.com/tech/3-easy-and-highly-requested-thesis-theme-tutorial/ */ .custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div { padding-top: 20px; background: #E7F8FB none repeat scroll 0 0; } /* Make the comment submit button a little cleaner */ .custom #comments input#submit { /* border-top: 1px solid #e2e2e2; border-right: 1px solid #818181; border-bottom: 1px solid #565656; border-left: 1px solid #d7d7d7; */ padding: .25em 1em; border: 2px solid #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; }