/* Theme Name: Exec Tweets Theme URI: http://blendinteractive.org/ Description: Exec Tweets Version: 1 .0 Author: Tim Schoffelman, Chris Lukenbill Author URI: http://blendinteractive.com/ Tags: fixed width, 3 columns, widgets */ /* GLOBAL SITE UTILITIES */ /* ------------------------------------------------ */ body { color: #888 !important; background-color: #e7eef8 !important; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; xbackground-image:url(../images/bg.jpg); z-index:50; } .hide { position: absolute; top: 0; left: -9999em; } .show { position: static; display: table; top: 0; left: 1em; } .innerWrap { width: 100%; height: 100%; } .left, .alignleft { float: left; } .right,.alignright { float: right; } .alignCenter { text-align: center;margin: 0 auto; } div,span,img { margin:0;padding:0; } .whitebg { background: #fff; margin: 0; padding: 0; } /* float clearing hack */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } .clear { clear: both; display: inline-block; height: 0; font-size: 0px; padding: 0 0 0 0; } .clear { display: block; } /* Hides from IE-mac \*/ /* Site Defaults */ html { background: #fdfdfd; } #custom-doc { width:73.69em;*width:71.92em;min-width:958px; margin:auto; text-align:left; } a img { border:none; } #bkgnd_left_corner { background: transparent url(../images/bkgnd_left_corner01.jpg) no-repeat 0 0; } #bkgnd_left_repeat { background: transparent url(../images/bkgnd_left_repeat01.jpg) repeat-y 0 0; } #bkgnd_right_corner { background: transparent url(../images/bkgnd_right_corner01.jpg) no-repeat top right; } #bkgnd_right_repeat { background: transparent url(../images/bkgnd_right_repeat01.jpg) repeat-y top right; } .counter { margin-left: 240px; font-size: 14px; font-style: italic; font-family: Georgia; color:#000; font-weight:bold;} a.btn, .pagination a { display: block; padding: 5px; margin: 0 3px; text-decoration: none; font-size: 12px; } a.btn:hover, .pagination a:hover { text-decoration: underline; } /************ Header **************************************/ #hd { xwidth: 958px; height: 140px; position: relative;} #hd_logo { font-size:15px; font-weight:bold;} #hd_logo .bird { display:block; float:left; height:98px; margin-left:10px; width:90px; } #hd_logo .title { display:block; float:left; margin-top:30px; } #hd_logo span { clear:left; display:block; color: #44393c; } #peopleready_logo { position: absolute; top: 74px; left: 390px; background: transparent url(../images/people_ready_logo.png) no-repeat 0 0; width: 291px; height: 64px; } #peopleready_logo a { display:block; height:56px; width:291px; } #peopleready_logo span { position: absolute; top: 0; left: -9999em; } #twitter_logo { position: absolute; top: 100px; left: 710px; width: 178px; height: 25px; font-size: 12px; padding-top: 5px; } #twitter_logo a { width: 105px; height: 25px; display: block; background: transparent url(../images/twitter_logo.gif) no-repeat bottom right; position: absolute; top: -5px; left: 70px; } #twitter_logo span { left: -9999em; position: absolute; top: 0; } #fm_logo { background: transparent url(../images/fm_logo.gif) no-repeat 10px 3px; border-left:1px solid #A5B9C2; position: absolute; top: 95px; right: 0; width: 60px; height: 27px; } #fm_logo a { display:block; height:21px; width:34px; margin:3px 0 0 8px; } #fm_logo span { left: -9999em; position: absolute; top: 0; } /************ Body ****************************************/ .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf { width: 49.9%; } .yui-u.first { } .yui-g .bg { background: transparent url(../images/main_bkgnd_repeat.gif) repeat-y top right; width: 735px; position: relative; top: -5px; } .yui-g .sub_header { background-color:#fff; padding: 20px 0; margin-left:20px; } .yui-g .sub_header a, .yui-g .sub_header h2 { float:left; } .yui-g .sub_header .left_side a.btn { margin:0 6px 0 0; text-decoration: underline; } .yui-g .sub_header .left_side a.btn:hover { text-decoration: none; } .yui-g .sub_header .left_side a.selected{ color: #525252; background: none; text-decoration: underline; font-weight: bold; } .yui-g .sub_header .left_side a.selected:hover { background: none; text-decoration: none;font-weight: bold; } .yui-g .sub_header .left_side { border-bottom:1px dashed #D2D2D1; clear:left; float:left; padding:16px 0 5px; width:325px; } .yui-g .sub_header .right_side { float:right; margin:4px 22px 0 0; } .yui-g .header { background: transparent url(../images/main_corners_top.gif) no-repeat top right; width: 735px; height: 23px; } .yui-g .footer { background: transparent url(../images/main_corners_btm01.gif) no-repeat bottom right; width: 735px; height: 7px; position: relative; top: -5px; _top:-12px; } .yui-g.page .footer1 { background: transparent url(../images/main_corners_white_btm.gif) repeat-x bottom right; } .yui-g .bg .yui-u.first #post .footer { background: none; } .yui-t3 #yui-main .yui-b { margin-left: 18.5em; margin-bottom:0px; } .page_body { background-color:#FFF; padding:25px 0 20px; } .page_content { border-bottom:1px dashed #d2d2d1; border-top:1px dashed #d2d2d1; margin:0 25px; padding:15px 0; } #post { font-size: 12px; padding: 14px 10px 20px 28px; position: relative; z-index: 400; } #page { font-size: 12px; } .tweetlist, .comment_wrapper { position: relative; border-bottom: 1px dashed #d2d2d1; margin:0 0 10px 0; padding-bottom: 10px; } .tweetlist .img { display: block; } .tweetlist a.img img { float: left; position: relative; margin: 0 10px 0 0; } .tweetlist .info { display: block; width: 250px; display: block; float: left; position: relative; top: -5px; } .tweetlist .info .txt { font-weight: bold; line-height: 1.7em; margin-bottom: 5px; } .tweetlist .info .txt .exec { font-weight: bold; text-decoration: none; color: #4f4f4f; margin-right: 7px; } .tweetlist .info .txt a { color: #7d7d7d; } .tweetlist .reply_cont { } .yui-u.first .callout, .post_content .callout { margin-top: -14px; margin-left: 48px; } .callout { position: absolute; display:none; z-index: 1200; width: 346px; background: url(../images/menu_left.png) no-repeat; } .callout .top { background: url(../images/menu_top.png) no-repeat; height: 10px; line-height:1px; font-size:1px; } .callout .center { padding: 10px 20px 10px 35px; background: url(../images/menu_repeat.png) } .callout .center .content { } .callout .bottom { background: url(../images/menu_btm.png) no-repeat; height: 10px; line-height:1px; font-size:1px;} #nominate_form input { border: 1px solid #C4C6C3; margin-bottom: 10px; padding: 2px 5px; width: 199px; } #nominate_form input.checkbox { border: none; width: 15px; } #nominate_form textarea { border: 1px solid #C4C6C3; width: 200px; height: 60px; } #nominate_form #nominate_category { margin: 0 0 10px 8px; } #nominate_form .letter { border-top: 1px solid #C4C6C3; padding-top: 10px; } #nominate_form input.submit { background:transparent url(../images/btn_repeat.gif) repeat-x scroll left center; width: 100px; margin: 10px 0; } .twitter_follow_form { font-family: Arial; } .twitter_follow_form .make_button { border: 1px solid #CCCCCC; margin-bottom: 10px; padding: 2px 5px; width: 199px; } .twitter_follow_form .make_button { background:transparent url(../images/btn_repeat.gif) repeat-x scroll left center; width: 100px; margin: 10px 0; } #sidebar .recomend .callout { text-align: left; left: 188px; z-index: 1000; margin-top: -15px; } #sidebar #callout_follow_idoltweet { left: 196px; margin-top: 26px; } .twitter_login { margin: 10px 0; } .twitter_login label { color: #7D7D7D; } .twitter_login input { border: 1px solid #C4C6C3; margin-bottom: 10px; padding: 2px 5px; width: 199px; } .twitter_login input.checkbox { border: none; width: 15px; } .tweetlist .menu { position: absolute; top: 0; left: -9999em; width:346px; z-index: 200; } .tweetlist .menu .top { background: transparent url(../images/menu_top.png) no-repeat 0 0; width: 346px; height: 53px; padding: 0 0 0 0;} .tweetlist .menu .center { background: transparent url(../images/menu_repeat.png) repeat-y 0 0; width: 346px; padding: 0 0 0 0;} .tweetlist .menu .center .content { margin: -35px 0 0 50px; width: 250px; } .tweetlist .menu .bottom { background: transparent url(../images/menu_btm.png) no-repeat 0 0; height: 12px; width: 346px; padding: 0 0 0 0; } .tweetlist .collout { z-index: 2000; } .tweetlist .img:hover .callout { top: 0px; left: 28px; } .tweetlist .date { display: block; float: left; font-size: 10px; padding-top:6px; width: 100px; } .tweetlist .reply { display: block; float: left; width: 30px; } .tweetlist .vote { display: block; width: 80px; float: left; margin: 0 0 0 10px; } .tweetlist .vote .blendvotes { margin: 0; padding: 5px 0 0 0; width: 77px; height: 18px; display: block; font-size: 12px; text-align: right; } .tweetlist a.blendvotes { background: transparent url(../images/vote_btn01_off.gif) no-repeat 4px 6px; text-decoration:none;} .tweetlist a.blendvotes:hover, .tweetlist span.blendvotes { background: transparent url(../images/vote_btn01_on.gif) no-repeat 4px 6px; text-decoration:none; } .post_content h2 { padding:0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #D2D2D1; } .post_content .tweetlist a.blendvotes { background: transparent url(../images/vote_btn01_off.gif) no-repeat 4px 6px; text-decoration:none;} .post_content .tweetlist a.blendvotes:hover, .post_content .tweetlist span.blendvotes{ background: transparent url(../images/vote_btn01_on.gif) no-repeat 4px 6px; text-decoration:none; } .post_content .entry .footer { background: none; } .post_content .CheckBox { width: 20px; border: none; } .post_content .CheckLabel { position: relative; top: -2px; left: 0; } .tweetlist .blendvotes .wrap { margin: 5px 10px 0 20px; font-size: 12px; font-weight:bold; text-decoration: none; color: #535353; } .post_content { font-size: 12px; padding: 14px 10px 20px 28px; background: #e3e7e3 url(../images/right_column_corner_top.gif) no-repeat top right; } .twitter_follow_form { } .follow_form img { float: right; margin: 5px; } .twitter_post_form { font-weight: normal; } .twitter_post_form input { border: 1px solid #D9D9D9; padding: 2px 5px; margin-bottom: 10px; width: 300px } .twitter_post_form textarea { border: 1px solid #D9D9D9; width: 300px; height: 75px; } .twitter_post_form .submit { width: 100px; } .featured { background: #fff; border: 1px solid #fff; margin-top: -50px; } .featured .title { float:left; } .featured .title h4 { font-weight: bold; } .featured .nav { float: right; display: block; width: 200px; margin: 0 25px 0 0; text-align: right; } .featured .cont { background: transparent url(../images/featured_tweet_box.jpg) no-repeat 0 0; height:102px; margin:10px 0 20px; padding:33px 20px 20px 25px; width:319px; float: left; position: absolute; } .featured .cont .tweetlist { border-bottom: none; width: 310px; } .featured .cont .tweetlist .txt a.exec { color: #3C5A40; } .featured .cont .tweetlist a.img { margin: 0 0 0 0; } .featured .cont .tweetlist .info { width: 245px; } .featured .cont .tweetlist .txt { color: #4f4f4f; font-size: 12px; font-weight: bold; } .featured_posts { overflow: hidden; width: 366px; height: 310px; position: relative; _margin-top:-30px; } /*overflow: hidden;*/ .canvas { width: 360px; left: 0; position: absolute; } #nominate_message { width: 200px; height: 60px; } .follow_idoltweet { background: #fff url(../images/sidebar_corner_top.gif) no-repeat 0 0; width: 211px; margin: 0 0 10px 0; } .follow_idoltweet .content { color: #525252; font-weight: bold; font-family: Georgia; margin: 0; } .follow_idoltweet .content li { float: right; display: block; margin: 8px 4px 10px 4px; padding-right: 8px; text-align: right; font-size: 14px; } .follow_idoltweet .content li.border_right { border-right: 1px solid #dedddd; } .follow_idoltweet .content li small { font-family: Arial; } .follow_idoltweet .content li.button { margin: 0 10px 0 0; padding: 0 0 0 0; float: none; } .follow_idoltweet .footer { background: transparent url(../images/sidebar_corner_btm.gif) no-repeat bottom left; width: 211px; height: 8px; } .follow .help { font-size: 9px; } #post .tweetlist .votes { margin:2px 8px 0 0; } .twitter_info_signup { float:left; } /************ Comment ****************************************/ .comment_wrapper .comment_icon_wrapper { float:left; } .comment_content { float:left; width:250px; margin-left:10px;} .comment_info { padding-top:7px; font-size:10px; } /************ Reply Form ****************************************/ .twitter_post_form { float:left; font-weight: normal; } .info .twitter_post_form { clear:left; left:-50px; position:relative; top:20px; } .twitter_post_form label { font-size:11px; } .twitter_post_form label.CheckLabel, #nominate_form label.CheckLabel { position:relative; top:-2px; } .twitter_post_form input { border: 1px solid #C4C6C3; padding: 2px 5px; margin-bottom: 10px; width: 300px } .twitter_post_form input.CheckBox, #nominate_form input.CheckBox { width:10px; } .twitter_post_form textarea { border: 1px solid #C4C6C3; width: 300px; height: 75px; } .twitter_post_form .submit { background: transparent url(../images/btn_repeat.gif) repeat-x left; font-size:13px; font-weight:bold; position:relative; top:10px; width:100px; } .twitter_post_form .sign_up { position:relative; top:8px; font-size:12px; } #twitter_remember { border:none; } .community_form { float:left; padding-bottom:20px;} .tweetlist .reply { position: relative; top: 0; left: 0; height: 23px; width: 24px; } .tweetlist .reply a { background: transparent url(../images/reply01_off.gif) no-repeat 10px 5px; height: 23px; width: 24px; display: block; } .tweetlist .reply a:hover { background: transparent url(../images/reply01_on.gif) no-repeat 10px 5px; height: 23px; width: 24px; } .tweetlist .reply span { position: absolute; top: 0; left: -9999em; } .post_content .reply a { background: transparent url(../images/reply01_off.gif) no-repeat 10px 5px; text-decoration:none;} .post_content .reply a:hover { background: transparent url(../images/reply01_on.gif) no-repeat 10px 5px; text-decoration:none; } .reply-container { display: none; float:left; padding-bottom:20px; } .reply_form label { display: block; } .reply_form input { width: 200px; border: 1px solid #BBBBBB; padding: 2px 5px; } .reply_form div { margin-bottom: 10px; } .reply_form textarea { width: 200px; height: 75px; } .reply_form .submit { width: 100px; } .twitter_already_logged_in { padding:10px 0; } /************ Single ****************************************/ .single_post .tweetlist { padding-top:10px; } .single_txt { color:#33CCFF; font-size:22px; line-height:1.5em;} .single_info em { font-size:10px; } .single_info .reply, .single_info .vote { padding-top:5px; } .single_info .exec { font-weight:bold; } /************ Twitter Form ****************************************/ #follow_success_message, .success_message, .general_error { margin-top:10px; float:left; width:285px; } .yui-u.first #follow_success_message { margin-left:25px; } h4 .callout { color: #484746; } .message_count { float: right; font-size: 18px; font-family: Georgia, serif; font-style: italic; } /************ Paging ****************************************/ .navigation { margin:0; } .navigation .previous a { background: transparent url(../images/arrow_left.gif) no-repeat right; padding:0 20px 0 0; } .navigation .next a { background: transparent url(../images/arrow_right.gif) no-repeat left; padding:0 0 0 20px; font-weight: bold; } .pagination a { float:left; } .pagination { float:right; font-size:12px; } /************ Sidebar *************************************/ .featured_tweet_spacer { background-color:#FFF; padding:15px; } .yui-t3 .yui-b { width: 18em; } #sidebar { padding-top: 13px; } .recomend { background: transparent url(../images/recommend_exec_btn.gif) no-repeat 0 0; width: 211px; height: 50px; text-align: right; padding: 7px 0 0 0; margin: 0 0 9px 0; } .recomend h4 { margin: 0 10px 0 0; } .recomend h4 a { color: #4f4f4f; text-decoration: none; font-weight: bold; font-size: 16px; display: block; } .recomend h4 a:hover { text-decoration: underline; } #nominate_callout .close { width: 22px; height: 22px; display: block; color: #000; font-weight: bold; font-size: 14px; float: right; background: transparent url(../images/close_btn.png) no-repeat 0 0; } #nominate_callout .close span { position: absolute; left: -9999em; top: 0; } #nominate_callout .success_message, #nominate_callout .general_error { width:265px; } .follow { background: #fff url(../images/sidebar_corner_top.gif) no-repeat 0 0; width: 211px; margin: 0 0 10px 0; } .follow .content { color: #3C5A40; font-weight: bold; font-family: Georgia; margin: 0; } .follow .content li { float: right; display: block; margin: 8px 4px 10px 4px; padding-right: 8px; text-align: right; font-size: 14px; } .follow .content li.right { border-right: 1px solid #C2C2C2; } .follow .content li small { font-family: Arial; } .follow .content li.button { margin: 0 10px 0 0; padding: 0 0 0 0; float: none; } .follow .footer { background: transparent url(../images/sidebar_corner_btm.gif) no-repeat bottom left; width: 211px; height: 8px; } .follow .idoltweet { float:left; margin-left:15px; position:relative; } .follow .idoltweet .callout { left:130px; top:-25px; z-index:1000; position: absolute; } .tags { background: #fff url(../images/sidebar_corner_top.gif) no-repeat 0 0; width: 211px; margin: 0 0 10px 0; text-align: right; } .tags h4 { font-weight: 12px; font-weight: bold; background: transparent url(../images/dotted_line01.gif) no-repeat bottom left; margin: 0 0 10px 0; padding: 10px 10px 10px 0; } .tags .content { background: transparent url(../images/sidebar_corner_btm.gif) no-repeat bottom left; width: 211px; color: #b16621; padding: 0 0 10px 0; } .tags .content div { margin: 0 10px; } .links { background: #fff url(../images/sidebar_corner_top.gif) no-repeat 0 0; width: 211px; margin: 0 0 10px 0; text-align: right; } .links h4 { font-weight: 12px; font-weight: bold; background: transparent url(../images/dotted_line01.gif) no-repeat bottom left; margin: 0 0 0 0; padding: 10px 10px 10px 0; } .links .content { background: transparent url(../images/sidebar_corner_btm.gif) no-repeat bottom left; width: 211px; color: #b16621; padding: 0 0 10px 0; _margin-left:-10px; _width:210px; } .links .content div { margin: 0 10px; } .links ul { margin:0; } .links li { padding: 0.4em 1em; background:transparent url(../images/dotted_line01.gif) no-repeat scroll left top; } .links li.clear { background:transparent url(../images/dotted_line01.gif) no-repeat scroll left top; display: block; height: 5px; } .links .link_1 { background-image:none; } .links li a { float:left; display:block; line-height:1.4em; } .links .votes, .tweetlist .votes { background: #3C5A40; color:#FFF; display:block; float:left; line-height:1em; margin-top:5px; padding: 10px 0; width:47px; text-align:center;} .links .count, .tweetlist .count { font-size:16px; font-weight:bold; } .links .btn { margin: 5px 10px 0 0; } .popular { background: #fff url(../images/sidebar_corner_top.gif) no-repeat 0 0; width: 211px; margin: 0 0 10px 0; text-align: right; } .popular h4 { font-weight: 12px; font-weight: bold; background: transparent url(../images/dotted_line01.gif) no-repeat bottom left; margin: 0 0 10px 0; padding: 10px 10px 10px 0; } .popular .content { background: transparent url(../images/sidebar_corner_btm.gif) no-repeat bottom left; width: 211px; color: #b16621; padding: 0 0 10px 0; } .popular ul { margin:0; } .popular li { padding: 0.4em 1em; vertical-align: middle; } .popular li img { float: right; margin: 0 0 0 12px; } .popular li a { font-weight: bold; font-size: 14px; } .popular li div { font-size: 14px; color: #686868; } .popular li.clear { display: block; height: 5px; } .popular .btn { margin: 5px 10px 0 0; } .nominated { background: #fff url(../images/sidebar_corner_top.gif) no-repeat 0 0; width: 211px; margin: 0 0 10px 0; text-align: right; } .nominated h4 { font-weight: 12px; font-weight: bold; background: transparent url(../images/dotted_line01.gif) no-repeat bottom left; margin: 0 0 10px 0; padding: 10px 10px 10px 0; } .nominated .content { background: transparent url(../images/sidebar_corner_btm.gif) no-repeat bottom left; width: 211px; color: #b16621; padding: 0 0 10px 0; } .nominated ul { margin:0; } .nominated li { padding: 0.4em 1em; vertical-align: middle; } .nominated li img { float: right; margin: 0 0 0 12px; } .nominated li a { font-weight: bold; font-size: 14px; } .nominated li div { font-size: 14px; color: #000; } .nominated li.clear { display: block; height: 5px; } .nominated .btn { margin: 5px 10px 0 0; } .cat_menu { background: transparent url(../images/browse_btn.gif) no-repeat 0 0; width: 171px; height: 28px; color: #7d7d7d; padding: 4px 0 0 40px; margin-bottom: 5px; position: relative; } .cat_menu h2 { color: #7d7d7d; font-size: 16px; font-weight: bold; background: transparent url(../images/browse_arrow.gif) no-repeat 0 3px; margin: 0; padding: 0 0 0 10px; } #callout_category_menu { top: -25px; left: 210px; } #callout_category_menu .txt a, #sidemenu .txt a { position:relative; top: 3px; text-decoration: none; font-weight: bold; font-size: 14px; color: #4f4f4f; background: transparent url(../images/browse_arrow.gif) no-repeat 0 0; padding: 0 0 0 14px; white-space: nowrap; } #callout_category_menu .txt a.main:hover, #sidemenu .txt a.main:hover { color: #4f4f4f; text-decoration: none; } #callout_category_menu .txt a:hover, #sidemenu .txt a:hover { color: #525252; text-decoration: underline; } #callout_category_menu .txt a img, #sidemenu .txt a img { margin: 4px 8px -1px 0; } #callout_category_menu .cat-item { margin: 8px 0; } #callout_category_menu .cat-item a { color: #484746; font-size: 14px; font-weight: bold; } #callout_category_menu .current-cat a { color: #525252; } /* RSS Feed ***********************************************************/ .content div.rss-box ul.rss-items li.rss-item { line-height:15px; text-align: left; background-image: none; } .content div.rss-box ul.rss-items li.rss-item a.hover { color: #525252; text-decoration: none; background-image: none; } /************ Footer **************************************/ #sub_ft { xheight: 140px; padding: 0px;px 0 0px 0; display: block; width: 730px; float: right; } #sub_ft ul { margin: 0; padding: 0; } #sub_ft li { display: block; float: right; } #sub_ft li.txt { margin: 0 4px 0 0; padding: 5px 0 0 0; } #sub_ft li.img { margin: 0 10px 0 20px; } #sub_ft li.ad_code { margin: 20px 4px 10px 0px; } /************ Greybox **************************************/ #GB_overlay { background-image: url('/wp-content/themes/idoltweet/images/overlay.png'); position: absolute; margin: auto; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%;} * html #GB_overlay { background-color: #000; background-color: transparent; background-image: url(../blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); } #GB_window { top: 10px; left: 0px; position: absolute; background: #fff; border: 5px solid #aaa; overflow: auto; width: 400px; height: 400px; z-index: 1050; } #GB_frame { border: 0; overflow: auto; width: 100%; height: 295px; } #GB_caption { font: 12px bold helvetica, verdana, sans-serif; color: #fff; background: #888; padding: 2px 0 2px 5px; margin: 0; text-align: left; } #GB_window img { position: absolute; top: 2px; right: 5px; cursor: pointer; cursor: hand; } .btm a.hover{ color:#FFF;}