css/main.css

   1 /*----------------------------------------
   2 Embr main.css
   3 Author:disinfeqt
   4 Platform:open source
   5 Version:0084
   6 ----------------------------------------*/
   7
   8 /*elements*/
   9 body{background:#C0DEED url(../img/bg-clouds.png) repeat-x scroll 0 0;font-family:"Lucida Grande",Tahoma,Arial,sans-serif;font-size:13px;margin:0;background-attachment:fixed}
  10 *{margin:0;padding:0}
  11 a{color:#2276BB;text-decoration:none}
  12 li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out}
  13 img{border:medium none}
  14 h2{clear:both;display:block;float:left;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;font-size:20px;font-weight:400;line-height:1.1;margin:8px 0 0 10px;cursor:default}
  15 .wrapper{margin:1em auto;position:relative;width:763px}
  16 .content-bubble-arrow{height:18px;width:18px;background-color:#fff;transform:rotate(45deg);margin-bottom:-7px;position:relative;top:5px;left:25px}
  17 .columns{margin-bottom:15px;width:100%}
  18 .round{border-radius:5px}
  19 .round-right{border-radius:0 5px 5px 0}
  20 .round-left{border-radius:5px 0 0 5px}
  21 .clear{clear:both}
  22 ::selection{background:rgba(82,168,236,.25);color:#333}
  23 #error{padding:40px;text-align:center}
  24 #sidename,ul.sidebar-menu li a span.stat_count,#side #local_trend_locations li,#home #rssfeed,#search #rssfeed,#profile #rssfeed,#profile_favorites #rssfeed,#favorites #rssfeed,#home #rssfeed .timeline-rss,#search #rssfeed .search-rss,#profile #rssfeed .profile-rss,#favorites #rssfeed .favorites-rss,#profile_favorites #rssfeed .favorites-rss,#side .stats .stats_count,fieldset.vertical-form label,fieldset.vertical-form input{display:block}
  25 .timeline li:hover a,.rank_list li:hover a,#user_stats a:hover,#info_block_btn:hover,#side .promotion a:hover,#side .stats a:hover{text-decoration:none}
  26 a:hover,.timeline li:hover a:hover,.rank_list li:hover a:hover,#side .user_icon a:hover #me_tweets,#side .stats a:hover .label{text-decoration:underline}
  27 #left,#sidenav a:hover,.allHighLight{background-color:#FFF}
  28 #user_info li span,#user_info_profile li span,#side .about .label{font-weight:700}
  29
  30 /* header*/
  31 header{margin:1em auto;text-align:right;width:766px}
  32 #content{margin:1em auto;width:766px}
  33 #logo img{left:0;margin-top:-2px;position:absolute}
  34 nav{background-color:#FFF;display:inline-block;padding:0 .8em;white-space:nowrap;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out}
  35 nav li{float:left;padding:4px 8px;line-height:18px}
  36 nav:hover{box-shadow:0 0 10px #2276BB;-webkit-box-shadow:0 0 10px #2276BB}
  37 nav a{border-radius:3px;padding:0 2px}
  38 nav a:hover{background-color:#DDEEF6;text-decoration:none}
  39 nav li .share{text-decoration:none;padding:0 3px;overflow:hidden;cursor:move}
  40
  41 /*status form*/
  42 #tweeting_controls{float:right;padding:5px 12px 0 5px}
  43 #tweeting_controls a{line-height:13px}
  44 a.a-btn, a.a-btn:visited{color:#333!important}
  45 a.a-btn{border-radius:5px;
  46 background:-webkit-linear-gradient(white,#DDD);
  47 background:-o-linear-gradient(white,#DDD);
  48 background:-moz-linear-gradient(white,#DDD);
  49 background:linear-gradient(white,#DDD);
  50 border-color:#DDD #DDD #CCC!important;border-style:solid;border-width:1px!important;cursor:pointer;display:inline-block;font-family:"helvetica neue",arial,sans-serif;font-size:15px;line-height:20px;padding:5px 15px 6px;text-decoration:none;text-shadow:1px 1px 0 #FFF!important;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out}
  51 a.btn-disabled{opacity:0.6;cursor:default;background:#DDD}
  52 a.a-btn:hover, a.a-btn:focus{border-color:#999 #999 #888!important;color:#000;outline:medium none;text-decoration:none}
  53 a.a-btn:active{outline:medium none}
  54
  55 /*legacy below*/
  56 #statuses,#ajax_statuses{background-color:#FFF;float:left;padding:10px;width:544px}
  57 #statuses form{margin-bottom:10px}
  58 #tip{color:#CCC;float:right;font-size:24px;margin:5px 10px 0 0;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif}
  59 #textbox{border-radius:3px;border:1px solid #A7A6AA;font-size:14px;height:80px;margin:2px 0 5px 10px;overflow-x:hidden;overflow-y:auto;padding:5px;width:510px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out}
  60 textarea#textbox:focus{outline:none;border:1px solid rgba(82,168,236,.75)!important;box-shadow:0 0 8px rgba(82,168,236,.5)!important;-webkit-box-shadow:0 0 8px rgba(82,168,236,.5)!important}
  61 textarea#textbox:hover{outline:none;border:1px solid rgba(167,166,170,.75);box-shadow:0 0 5px rgba(167,166,170,.5);-webkit-box-shadow:0 0 8px rgba(167,166,170,.5)}
  62 #func_set{clear:left;display:block;float:left;position:absolute;top:33px}
  63 .func_btn{background-color:#FFF;border-radius:3px;border:1px solid #ADADAD;color:#ADADAD;padding-top:2px;float:left;margin:0 -5px 0 10px;text-align:center;text-decoration:none;height:13px;width:20px;cursor:pointer;font-size:12px}
  64 .func_btn:hover{background-color:#F2F2F2;text-decoration:none}
  65 .func_btn.func_enabled{color:#7A7A7A}
  66 #photoArea,#filterArea,#symArea{border-radius:3px;background:#F5F5F5 none repeat scroll 0 0;border:1px solid #A7A6AA;clear:both;display:none;height:20px;left:20px;padding:10px 10px 60px;position:absolute;top:58px;width:500px}
  67 #symArea{overflow-x:hidden;overflow-y:auto}
  68 #symArea span{border-radius:3px;background-color:#EEE;border:1px solid transparent;color:#000;display:block;float:left;font-size:12px;line-height:18px;margin:0 10px 5px 0;min-width:60px;padding:1px 2px;text-align:center;white-space:nowrap}
  69 #symArea span:hover{border:1px solid #666;cursor:pointer}
  70 #filterArea .filter_input{border:1px solid #A7A6AA;font-size:13px;height:17px;margin:10px 0 5px;padding:3px 2px;width:300px}
  71 .close{color:#adadad;position:absolute;top:10px;right:10px;height:10px;width:9px}
  72 a.close:hover{text-decoration:none!important}
  73 #sent_function{float:left;margin:4px 0 0 10px}
  74 #imageFile{padding:2px}
  75 #currently{color:#666;float:left;font-size:11px!important;margin:3px 8px 0 10px;overflow:hidden;padding:2px 4px 2px 0;text-align:left;width:385px;word-wrap:break-word;cursor:pointer}
  76 .status-text a{color:#666}
  77 #latest_meta a{color:#999}
  78
  79 /*tips*/
  80 #shortcutTip{border-radius:5px;border:2px solid #FFF;color:#FFF;cursor:default;display:block;font-size:20px;font-weight:700;left:20px;opacity:0.8;padding:8px 16px;position:fixed;top:20px}
  81 #sentTip{height:0px;overflow:hidden;background:#FFF;border-radius:0 0 5px 5px;border-style:solid;border-color:transparent;border-width:0px;
  82 font-size:11px!important;font-weight:700;left:auto;right:auto;margin:-1px 0 0 233px;position:fixed;text-align:center;top:0;width:300px;z-index:1000;opacity:0.8;
  83 transition-property:height,border-width,color;transition-duration:400ms,0,0;transition-timing-function:linear,ease,ease;transition-delay:0,400ms,400ms;}
  84 #sentTip.shown{transition-property:height,border-width,color;transition-duration:400ms,0,0;transition-timing-function:linear,ease,ease;transition-delay:0,0,0;
  85 padding:4px 0 6px;height:1em;border-width:1px;
  86 }
  87 #sentTip.ing{color:#2276BB;}
  88 #sentTip.success{color:green;}
  89 #sentTip.failure{color:red;}
  90
  91 /*timeline*/
  92 #allTimeline,#allReplies,#allMessage{margin:10px;padding:0;clear:both}
  93 .timeline embed{margin:10px 0 0 10px}
  94 .extended_entities{display:none}
  95 .tweetcount{display:inline}
  96 .new{background-color:#E3F1FA;color:#858585;display:none;float:left;font-size:11px;text-align:center;width:522px}
  97 .mine{display:none;background-color:#E8FFED}
  98 .reply{background-color:#E8FECD}
  99 .filter{background-color:#FFC}
 100 .retweet{background-color:#FFFFE5}
 101 .faved{height:15px;width:15px!important;outline:medium none;overflow:hidden;position:absolute;top:10px;margin-left:500px;color:#ffac33}
 102 .user_name{font-weight:700}
 103 .timeline{margin:0 10px}
 104 .timeline li{border-top:1px solid #EFEFEF;cursor:default;display:block;float:left;margin:0;overflow:visible;padding:10px 25px 5px 2px;position:relative;width:497px;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out}
 105 .timeline li:hover .actions{display:inline}
 106 .status_body{display:block;line-height:22px;margin-left:60px;overflow:hidden;position:relative}
 107 .status_info{color:#999;display:block;font-size:11px;height:22px;margin:5px 0 0;overflow:hidden;text-align:left;width:100%}
 108 .status_info a{color:#999;font-size:11px;text-decoration:none}
 109 .status_info span{display:inline-block;margin:0 0 3px;padding:0 1px}
 110 .status_info span.source{display:inline;max-width:180px;overflow:hidden;padding-right:3px;white-space:nowrap}
 111 .embr{color:#3CF!important}
 112 .timeline li:hover,.rank_list li:hover{background-color:#F2F2F2}
 113 .status_author{height:48px;left:5px;padding:1px;position:absolute;width:48px}
 114 li.loading .status_author,li.loading .rank_img{background:url("../img/spinner.gif") no-repeat scroll center center transparent!important;outline:4px solid #BBB}
 115 li.loading #avatar{opacity:0.2}
 116 .rank_img{top:15px;left:10px;position:absolute;width:48px;height:48px}
 117 .status_author img,.rank_img img,#avatar{height:48px;width:48px;border-radius:5px}
 118
 119 #thumb_pic{display:block;margin:5px 0}
 120 #thumb_pic img{padding:3px;border:1px solid #ccc;max-width:420px;max-height:420px;box-shadow:0 1px 2px rgba(0,0,0,.25);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25)}
 121 .hashtag{font-weight:700}
 122 #empty{font-size:16px;font-weight:700;margin:50px;text-align:center}
 123 #description{font-size:14px;padding:10px}
 124 #description p{line-height:22px;margin:15px}
 125 .big-retweet-icon{background-color:#adadad;color:#ffffff;text-align:center;display:inline-block;height:14px;position:relative;top:2px;width:18px}
 126 /*new below*/
 127 .ajax_form{background-color:#FFF;border:1px solid #A7A6AA;float:left;margin:5px 0 5px -1px;padding:0;width:520px}
 128 .ajax_form li{border-top:1px solid #EFEFEF;cursor:default;display:block;float:left;margin:0;overflow:visible;padding:5px 25px 5px 0;position:relative;width:495px}
 129 .ajax_form li .status_author{height:30px;left:5px;margin-left:5px;margin-top:6px;padding:1px;position:absolute;width:30px}
 130 .ajax_form li .status_body{display:block;line-height:22px;margin-left:50px;margin-right:5px;overflow:hidden;position:relative}
 131 /*pagination*/
 132 #pagination{margin:5px}
 133 #pagination a{margin:20px auto 6px;width:25%;text-align:center}
 134 #pagination a:hover{text-decoration:none}
 135
 136 /*sidebar*/
 137 #side_base{border-radius:0 5px 5px 0;background-color:#DDEEF6;border-left:1px solid #C0DEED;line-height:1.2;vertical-align:top;width:198px}
 138 #side{border-radius:0 5px 5px 0;float:left;font-size:90%;margin:0 -2px;overflow:hidden;padding-top:.5em;width:198px}
 139 #sideimg{float:left;margin:10px 10px 10px 15px;height:40px;width:40px;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.25);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25)}
 140 #sideid{display:block;padding:10px 0 0 18px;margin-bottom:5px}
 141 #side_name{font:bold 1.3em/1.3em Helvetica Neue,Helvetica,sans-serif;color:#2276BB;margin-right:1px}
 142 #profileRefresh{color:#ADADAD;font-size:11px;text-decoration:none}
 143 #profileRefresh:hover{color:#333}
 144 #me_tweets{font-family:Helvetica,Arial,sans-serif;font-size:90%}
 145 #update_count{font-weight:700}
 146 #user_stats{clear:both;padding:0 0 0 10px}
 147 #user_stats li{display:inline-block;float:left;overflow:hidden;padding:0 5px;width:48px}
 148 .count{display:block;font:bold 13px Helvetica Neue,Helvetica,Arial,sans-serif}
 149 .label{display:block;font-size:11px}
 150 #sidenav{border-top:1px solid #CCC;margin:0}
 151 #sidenav a{background-color:#F4F4F4;border-bottom:1px solid #CCC;color:#000;display:block;font-size:13px;font-weight:700;padding:10px;text-decoration:none}
 152 h3{font-size:14px;margin:14px 0 0 14px}
 153 #sidepost{margin:0;padding-bottom:0}
 154 #sidepost li{font-size:12px;line-height:18px;margin:12px 10px}
 155 #side .promotion{background-color:#EDFEFF;font-size:12px;margin:.5em auto;padding:6px 10px;text-align:left;width:152px}
 156 #side .promotion a{color:#333;font-size:11px;outline-style:none;outline-width:medium}
 157 #side .promotion a.definition:hover strong{font-size:11px;outline-style:none;outline-width:medium;text-decoration:underline}
 158 #side .promotion .definition strong{color:#2276BB;display:block;font-size:11px}
 159 #indicator{cursor:pointer}
 160 #tip_reset{text-decoration:underline;cursor:pointer}
 161 #tip_reset:hover{color:red}
 162 #sidebarTip_more{display:none;width:100%}
 163 #side .notice{background-color:#FFF;margin:.5em auto 1em;padding:10px;text-align:center}
 164 #side div.section{padding:13px}
 165 #side div#profile.section{margin-bottom:0;padding:.2em}
 166 #side div.last{border-top:1px solid #C0DEED}
 167 #side h1{color:#333;font-size:1.1em;margin-bottom:.5em;padding:0 0 2px}
 168 #side div.section-header h3{border-bottom:1px solid #C0DEED;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:18px}
 169 #side .section-links{float:right;font-size:.9em;text-align:right}
 170 #side div.msg strong{display:block;font-size:1.4em}
 171 #side div.msg h3{font-size:1.25em}
 172 #side ul{margin:0}
 173 #side .faq-index ul{list-style-type:square;margin-left:15px}
 174 #side .faq-index li{margin:10px 0}
 175 #side p{padding:.5em 10px}
 176 #side div#profile.profile-side{margin-bottom:1em!important}
 177 #side .profile-side .about{margin-bottom:.6em}
 178 #side div.user_icon a,#side div.user_icon a:hover{color:#333;text-decoration:none}
 179 #side div.user_icon a:hover{color:#0084B5}
 180 #side .user_icon{clear:both;display:block;height:31px;padding:0 0 .8em}
 181 #side .user_icon img{padding-right:.8em;vertical-align:middle}
 182 #me_name{font-size:1.35em;vertical-align:middle}
 183 #side p.promotion{cursor:text;margin-bottom:1em}
 184 .in-page-link{outline-style:none;outline-width:medium}
 185 #side #gadgets,#side #saved_searches{overflow:hidden;width:198px}
 186 ul.sidebar-menu li .side-tab-ajax{display:none;float:right;margin-right:1em;vertical-align:top}
 187 ul.sidebar-menu span.stat_count{border-radius:3px;background-color:transparent;float:right;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;margin-right:14px;margin-top:0;padding:0 .1em}
 188 span.link-title{float:left}
 189 #ul.sidebar-menu li{padding-top:1px}
 190 ul.sidebar-menu li a,#apiquota_list li span{background-image:none;clear:both;display:block;margin-right:-1px;outline-style:none;outline-width:medium;padding:8px 0 8px 14px}
 191 ul.sidebar-menu li a{cursor:pointer!important;-webkit-transition:background-color .5s ease-out;-moz-transition:background-color .5s ease-out}
 192 .safari ul.sidebar-menu li a{padding:6px 0 6px 14px}
 193 ul.sidebar-menu li a span{display:inline-block;width:150px}
 194 ul#primary_nav.sidebar-menu li a span{display:inline-block;width:auto}
 195 ul.sidebar-menu li.loading a{background:#EDFEFF url(../img/spinner.gif) no-repeat scroll 171px .5em}
 196 ul.sidebar-menu li.loading a span.stat_count{display:none!important}
 197 ul.sidebar-menu li a:hover{background-color:#EDFEFF;text-decoration:none}
 198 ul.sidebar-menu li.active a,a.active{background-color:#EDFEFF;color:#333;font-weight:700}
 199 #side ul.sidebar-actions{margin:.2em 14px 1em}
 200 #side p.no-lists{padding:.5em 14px}
 201 #side span.xref{display:block;padding:4px 14px}
 202 #side p.sidebar-menu-actions{clear:both;display:block;padding:.5em 14px}
 203 #side span.new-list,#side span.view-all{font-size:11px;line-height:11px;margin:0 3px 0 0;padding:0}
 204 #side span.view-all{display:inline;margin:0}
 205 #side span.pipe{border-left:1px solid #C0DEED;padding-left:4px;padding-right:4px}
 206 #side #following span.xref{display:block;margin-top:-5px;padding:0 14px 5px}
 207 #side .actions{border:1px solid #87BC44;margin:10px -3px}
 208 #side .actions small{font-size:.9em}
 209 #side .actions a{padding-left:7px}
 210 #side .user_icon > *{padding:0;vertical-align:middle}
 211 #side .stats{clear:both;float:none;margin:0;padding:0;position:relative}
 212 #side .stats td + td{padding:0 5px}
 213 #profile #side .stats td + td{padding:0 8px}
 214 #side .stats td + td + td{padding:0!important}
 215 #side .stats a span.stats_count{color:#333}
 216 #side .smaller span.stats_count{font-size:1.1em!important}
 217 #profile #side .smaller span.stats_count{font-size:1.3em!important}
 218 #side .stats a:hover span.stats_count{color:#2276BB}
 219 #side .stats td .numeric{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;text-decoration:none}
 220 #side .stats td .label{font-size:.9em;text-transform:lowercase}
 221 #side .about li{padding-bottom:3px}
 222 #side .about li#bio{overflow:hidden;width:170px;word-wrap:break-word}
 223 #side .sidebarTipText{word-wrap:break-word;width:100%}
 224 ul#tabMenu li{border-top:1px solid #BDDCAD}
 225 ul#tabMenu a,#side .section h1{color:#4C4C4C;display:block;font-size:110%;font-weight:700;padding:13px;text-decoration:none}
 226 #side .section h1{padding:0 0 .25em}
 227 ul{overflow:hidden}
 228 td.column,#side .stats td{padding:0;vertical-align:top}
 229 .status_id,#side #gadgets em,#side .collapsible a.fetch-contents,#side .collapsed .xref,#side .collapsed .sidebar-menu,#rssfeed,#rssfeed .timeline-rss,#rssfeed .search-rss,#rssfeed .favorites-rss,#rssfeed .profile-rss{display:none}
 230 #side .collapsible h2.sidebar-title:hover,#side .user_icon a{cursor:pointer}
 231 #side hr{float:left;width:177px;display:block;border:0;height:1px;margin:7px 0 6px 11px;opacity:.7;background:#C0DEED;color:#C0DEED}
 232 .notify{text-align:center;line-height:1;padding:5px 0;background-repeat:no-repeat;background-position:left center;margin-bottom:8px}
 233 .notify div{background-color:#edffe5;font-size:.9em;margin:0 12px 0 24px;padding:10px 5px;border-radius:5px}
 234 #trend_entries, #apiquota_list{display:none;width:177px;float:left;margin-top:5px!important}
 235 #trend_entries li{word-break:break-all}
 236 #trends, #following, #apiquota, #version{margin-left:-2px}
 237 #trends_title, #following_title, #apiquota_title,#version_title{font-weight:400;font-size:110%;padding-left:3px;margin-bottom:0;margin-top:0;width:177px;cursor:pointer}
 238 .side_expandable h2 span.fa{display:none;float:right;color:#ADADAD}
 239 .side_expandable h2:hover span.fa{color:#333}
 240 .side_expandable h2.closed span.fa.fa-chevron-circle-down,.side_expandable h2.loading span.fa.fa-spinner,.side_expandable h2.open span.fa.fa-chevron-circle-up{display:inline-block}
 241 #following_list{display:none;float:left;padding:10px 10px 0}
 242 #following_list span{float:left;padding:0 3px 2px 2px}
 243 #following_list img{padding:0}
 244
 245 /* =buttons
 246 ----------------------------------------*/
 247 .btn::-moz-focus-inner{border:0 none}
 248 .btn,input.btn[type=submit],input.btn[type=button]{border-radius:4px;
 249 background:-webkit-linear-gradient(white,#DDD);
 250 background:-o-linear-gradient(white,#DDD);
 251 background:-moz-linear-gradient(white,#DDD);
 252 background:linear-gradient(white,#DDD);
 253 border-color:#DDD #DDD #CCC;border-style:solid;border-width:1px;color:#333;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;margin:0;overflow:visible;padding:4px 8px 5px;text-shadow:1px 1px 0 #FFF;width:auto;font:400 11px/14px "tahoma";cursor:pointer}
 254 .btn:hover,.btn:focus,input.btn[type=submit]:hover,input.btn[type=submit]:focus,input.btn[type=button]:hover,input.btn[type=button]:focus,button.btn:hover,button.btn:focus{border-color:#999 #999 #888;color:#000}
 255 .btn:active,.btn:active,input.btn[type=submit]:active,input.btn[type=button]:active,button.btn:active{background:#DDD;outline:medium none;text-shadow:none}
 256
 257 /*footer*/
 258 footer ul,footer li{overflow:visible}
 259 footer{background:#FFF none repeat scroll 0 0;font-size:12px;line-height:1;margin-top:.7em;padding:8px 0;text-align:center;white-space:nowrap}
 260 footer li{display:inline;padding:0 4px}
 261 footer li.first:before{content:'';padding-right:0}
 262 footer li img{border:0 none;margin:-3px;padding:0}
 263
 264 /*ranking*/
 265 .rank_list{font-size:12px;margin:0 5px 5px 0}
 266 .rank_list li{border-bottom:1px solid #CCC;margin:0 10px;overflow:visible;padding:10px;position:relative}
 267 .rank_list li .list_delete_btn{display:none}
 268 .rank_list li:hover .list_delete_btn{display:inline-block}
 269 .rank_content{display:block;line-height:20px;margin-left:63px;min-height:50px;overflow:hidden;position:relative}
 270 .rank_content span{margin:0;color:#666}
 271 .rank_count{color:#333!important;display:block;font-size:12px;font-weight:700;margin:4px 0;width:400px}
 272 .rank_count b{color:#666;font-size:12px;font-weight:400}
 273 .rank_description{font-size:12px}
 274 .rank_description b{font-weight:400}
 275 .rank_tag{width:400px}
 276 .rank_name{font-size:14px;font-weight:700}
 277 .rank_name em{font-style:normal;font-weight:400}
 278
 279 /*user*/
 280 #user_info{clear:both;font-size:12px;padding:5px}
 281 #user_info li{line-height:18px;margin:5px 3px;word-break:break-all;word-wrap:break-word}
 282 #user_info_profile{clear:both;font-size:12px;padding:0 0 5px 5px}
 283 #user_info_profile li{line-height:19px;margin:5px 15px 5px 5px}
 284 #info_head{background-color:#F6F6F6;border:1px solid #EEE;height:70px;margin:9px;padding:0}
 285 #info_name{float:left;font-size:20px;margin:6px 0 2px 10px;text-transform:uppercase}
 286 #info_relation a{float:left;margin:2px 8px 5px 0;text-decoration:none}
 287 #info_headimg{background-color:#EFEFEF;border:1px solid #ADADAD;float:left;height:48px;margin:8px 8px 8px 15px;padding:2px;width:48px}
 288 #info_relation{display:inline-block;font-size:12px;margin:2px 0 0 6px;width:435px}
 289 #following_me{display:inline-block;top:8px;position:relative;margin:10px 0 0 8px;font-size:11px}
 290 #following_me img{margin: 0pt 5px 3px 0pt;vertical-align:middle}
 291
 292 #subnav{border-bottom:1px solid #CECECE;clear:both;display:block;font-size:12px;margin:20px 10px 0;padding:0 0 5px}
 293 #subnav a,#subnav a:hover{text-decoration:none}
 294 .info_status_body{display:block;line-height:20px;margin-left:5px;overflow:hidden;position:relative}
 295 .info_status_body .status_info{margin:2px 0;text-align:left}
 296 .info_btn,.info_btn_hover{border-radius:3px;background:#EEE none repeat scroll 0 0;border:1px solid #ADADAD;color:#75715E;font-size:12px;overflow:hidden;padding:2px 3px;text-align:center;text-decoration:none;vertical-align:middle;min-width:60px;text-decoration:none
 297 }
 298 .info_btn_hover,.info_btn:hover{background:#FFF none repeat scroll 0 0;text-decoration:none}
 299 .subnavNormal{border-radius:2px 0 0 2px;background:#FFF none repeat scroll 0 0;border-color:#C4C4C4 #C4C4C4 #FFF;border-style:solid;border-width:1px;padding:5px 12px;margin:0 5px 0 0}
 300 .subnavLink,.ac_over{background-color:#F0F0F0;cursor:pointer;font-size:12px;margin:0 5px 0 0;padding:6px 12px 5px}
 301 .subnavLink a,.subnavNormal a, .subnavLink a:hover, .subnavNormal a:hover{text-decoration:none}
 302 .subnavLink:hover,.ac_over:hover{background-color:#E6E6E6;text-decoration:none}
 303
 304 /*actions button*/
 305 .actions{border-width:0;bottom:3px;line-height:1.25em;position:absolute;right:0;display:none;z-index:9}
 306 .ss_delete_btn,.list_delete_btn,.actions a{height:16px;width:21px;color:#ADADAD}
 307 .list_delete_btn,.actions a{margin:-7px 0}
 308 .ss_delete_btn:hover,.list_delete_btn:hover,.actions a:hover{text-decoration:none!important;color:#333}
 309 .actions a.unrt_btn:hover,.actions a.unfav_btn:hover{color:#ADADAD}
 310 .actions a.unrt_btn,.actions a.unfav_btn{color:#333}
 311
 312 /*search*/
 313 #block{font-size:12px;margin:20px}
 314 #search_form{font-size:12px;margin:15px;padding:0 0 10px;text-align:center}
 315 #query{border:1px solid #999;display:block;float:left;font-family:Helvetica,Arial,Sans-serif;font-size:18px;height:24px;margin:0 0 25px 45px;padding:4px 0;text-indent:10px;width:300px;border-radius:5px}
 316 #header_search form {height:26px;width:175px}
 317 #header_search_query{border-color:#999;border-style:solid none solid solid;border-width:1px medium 1px 1px;float:left;font-size:12px;height:14px;line-height:18px;padding:5px 0;text-indent:5px;width:144px}
 318 #header_search_submit{border:1px solid #999;color:#555;cursor:pointer;float:left;font-size:14px;height:26px;line-height:26px;text-align:center;width:28px}
 319 #header_search_submit:hover{
 320 background:-webkit-linear-gradient(white,#aaa);
 321 background:-o-linear-gradient(white,#aaa);
 322 background:-moz-linear-gradient(white,#aaa);
 323 background:linear-gradient(white,#aaa);
 324 }
 325 #header_search_submit:active{background:#ddd}
 326 .ac_results .ss_delete_btn{float:right;display:none}
 327 .ac_odd:hover .ss_delete_btn,.ac_even:hover .ss_delete_btn{display:inline-block}
 328
 329 /* =setting
 330 ----------------------------------------*/
 331 .desc{padding:5px!important;background-color:#F2F2F2}
 332 #setting_table{font-size:12px}
 333 #setting_table tr td{line-height:20px;padding:5px 0;text-align:left}
 334 #style_table{font-size:12px}
 335 #style_table tr td{padding:5px 0;text-align:center}
 336 #setting_nav{border-bottom:1px solid #CECECE;clear:both;display:block;font-size:12px;margin:20px 15px 0;padding:0 0 5px}
 337 .setting_title{display:block;margin:0;width:80px;font-size:12px}
 338 .setting_input, .style_input{border-radius:3px;border:1px solid #A7A6AA;padding:3px;width:320px}
 339 #setting_text{border-radius:3px;border:1px solid #A7A6AA;font-size:12px;height:80px;overflow:auto;padding:3px;width:320px;margin-top:-5px}
 340
 341 .style_title{display:block;width:100px}
 342 .style_input{width:180px}
 343 #style_form{margin-bottom:10px;margin-top:10px}
 344 /*new styles below*/
 345 fieldset.settings{border-radius:3px;border:1px solid #CECECE;margin:15px;padding:15px 20px}
 346 fieldset.settings legend{padding:0 5px}
 347 fieldset.settings select{border:1px solid #CECECE;padding:2px;vertical-align:middle;font-size:12px;margin:0 20px 0 5px}
 348 fieldset.settings select::-moz-focus-inner{border:0}
 349 fieldset.settings input{border-radius:3px;border:1px solid #CECECE;padding:2px;font-size:12px;margin-top:-8px}
 350 fieldset.settings textarea{border-radius:3px;border:1px solid #CECECE;font-size:12px;height:100px;margin-top:10px;width:455px}
 351 fieldset.settings label, fieldset.settings small{vertical-align:middle;margin-right:2px;margin-top:1px}
 352 fieldset.settings ol{display:inline-block}
 353 fieldset.settings small{font-size:11px}
 354 fieldset.settings .btn{padding: 4px 8px}
 355
 356 #save_button{padding:5px 20px;float:left;cursor:pointer;margin-left:15px;font-size:13px}
 357 #reset_link{float:right;color:position:absolute;left:440px;text-decoration:underline}
 358 #reset_link:hover{color:red}
 359
 360 /*all.php*/
 361 #allNav{margin-left:10px;float:left}
 362 .allBtn{border-radius:3px 3px 0 0;background-color:#E0E0E0;border-left:1px solid #ADADAD;border-right:1px solid #ADADAD;border-top:1px solid #ADADAD;color:#75715E;display:inline-block;float:left;font-size:12px;margin:10px 5px 0 0;padding:2px 20px;text-align:center}
 363 .allBtn:hover{background-color:#F2F2F2;text-decoration:none}
 364 .allHighLight{background-color:#FFF}
 365
 366 /*lists*/
 367 #list_action{display:block;margin:7px 0}
 368 #list_action a{margin:0 5px 0 0;text-decoration:none}
 369 #list_form span{display:block;margin:10px 0;vertical-align:top}
 370 #list_form span label{display:inline-block;margin:0 2px 0 5px;text-align:left;vertical-align:top;width:70px}
 371 #list_description,#list_name{border:1px solid #CCC;font-size:12px;padding:3px;width:290px}
 372 #list_form span textarea{border:1px solid #CCC;font-size:12px;height:100px;width:290px}
 373 #list_protect{width:16px}
 374 #list_submit{margin-left:220px;width:60px}
 375 #list_form{border-radius:8px;background-color:#F5F5F5;border:3px solid #CCC;display:none;margin:0 auto;padding:10px 10px 0;width:390px}
 376 #mylists_btns{text-align:center;display:block}
 377 #mylists_btns a{display:inline-block;margin:20px auto 10px}
 378 #mylists_btns a:hover{text-decoration:none}
 379 #member_form{border-radius:8px;background-color:#F5F5F5;border:4px solid #CCC;font-size:12px;padding:5px;position:absolute}
 380 #member_form span{display:block;font-size:12px;margin:5px;text-align:center}
 381 #list_members{font-size:12px;height:70px;padding:3px;width:266px}
 382 #member_submit,#list_submit,#member_cancel{padding:2px 4px}
 383
 384 /*fieldsets*/
 385 fieldset.common-form{border:0 none;margin:0}
 386 fieldset.common-form p{margin:0 0 5px}
 387 fieldset.common-form th,fieldset.common-form td{padding:9px 7px 3px 3px}
 388 fieldset.common-form th{font-weight:400;padding-top:10px;text-align:right;width:11em}
 389 fieldset.common-form small{color:#777;font-size:.97em}
 390 fieldset.common-form input[type=text],fieldset.common-form input[type=password],fieldset.common-form textarea,fieldset.common-form select,fieldset.common-form checkbox{border:1px solid #AAA;padding:4px 2px}
 391 fieldset.common-form input[type=text],fieldset.common-form input[type=password]{width:12em}
 392 fieldset.common-form input.medium[type=text],fieldset.common-form textarea.medium{width:50%}
 393 fieldset.common-form input.wider[type=text],fieldset.common-form textarea.wider{width:75%}
 394 fieldset.common-form input.widest[type=text],fieldset.common-form textarea.widest{width:100%}
 395 fieldset.common-form label{font-weight:400;white-space:nowrap}
 396 fieldset.common-form ul li{padding:5px 0}
 397 fieldset.common-form ul li label{display:block;font-weight:700}
 398 fieldset.common-form ul li label sup{color:#888}
 399 fieldset.common-form table.input-form th{vertical-align:top}
 400 fieldset.common-form .instruction,fieldset.common-form .example,fieldset.common-form .required{color:#666;font-size:x-small;font-weight:400}
 401 fieldset.common-form .instruction,fieldset.common-form .example{margin-top:.5em}
 402 fieldset.common-form .example{font-style:oblique}
 403 fieldset.common-form .suggestion{color:red}
 404 fieldset.vertical-form input[type=text]{width:165px}
 405 div.direct-message-box fieldset.standard-form{padding:10px 90px;width:548px}
 406 fieldset.common-form td[colspan=2]{text-align:right}
 407 .ac_results{border:1px solid #666;}
 408 .ac_results ul{width:100%;list-style-position:outside;list-style:none;margin:0;padding:0}
 409 .ac_results li{cursor:default;display:block;font:menu;font-size:12px;line-height:16px;overflow:hidden;margin:0;padding:2px 5px}
 410 .suggestion_loading{position:absolute;left:345px;top:46px;font-size:15px;color:#adadad}
 411 .ac_input:not(.ac_loading)+.suggestion_loading{display:none}
 412 .ac_odd{background-color:#eee}
 413 .ac_even{background-color:#fff}
 414
 415 /*Avatar Menu*/
 416 .right_menu .menu button.clicked{background-image:none}
 417 .right_menu{background-color:#FFF;border:1px solid #666;margin:24px 0 0 24px;padding:4px 0;position:absolute;text-align:left;width:150px;z-index:9999;opacity:.9;box-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3)}
 418 .right_menu li{margin:0!important;padding:0!important;text-align:left;position:static;border:none;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out}
 419 .right_menu li a,.right_menu li label, .right_menu li input[type="checkbox"]{color:#666;display:inline-block;font:11px 'Lucida Grande',Arial,sans-serif;padding:4px 5px;position:relative;vertical-align:top}
 420 .right_menu li a{padding:4px 5px 4px 27px;text-decoration:none;color:#666;display:block}
 421 .right_menu li a:hover{text-decoration:none!important}
 422 .right_menu li:hover{background-color:#666;color:#FFF}
 423 .right_menu li:hover *{color:#FFF}
 424 .right_menu i{left:7px;position:absolute;top:4px;width:15px;height:13px;text-align:center;font-size:13px}
 425 .right_menu a:hover > i{opacity:0.8}
 426 .fa-customize-mention::before{content:"@"}
 427
 428 /*Twitter Buttons*/
 429 .btn.btn-green{border-color:#272 #272 #161;color:#fff;text-shadow:-1px -1px 0 #272;
 430 background:-webkit-linear-gradient(#6b6,#161);
 431 background:-o-linear-gradient(#6b6,#161);
 432 background:-moz-linear-gradient(#6b6,#161);
 433 background:linear-gradient(#6b6,#161);
 434 }
 435 .btn.btn-red{border-color:#a22 #a22 #911;text-shadow:-1px -1px 0 #a22;color:#fff;
 436 background:-webkit-linear-gradient(#f66,#911);
 437 background:-o-linear-gradient(#f66,#911);
 438 background:-moz-linear-gradient(#f66,#911);
 439 background:linear-gradient(#f66,#911);
 440 }
 441 span.is-following{color:green;background-color:#DDD;border-style:solid;border-radius:3px;border-width:0 0 1px;border-color:white;font-size:smaller;padding:2px}
 442 .btn.btn-green:active,input[type=submit].btn-green:active,button.btn-green:active{background:#272}
 443 .btn.btn-red:active,input[type=submit].btn-red:active,button.btn-red:active{background:#a22}
 444 a.btn.btn-white,input.btn.btn-white{font-size:14px;font-family:tahoma;font-weight:700;padding:9px 11px}
 445 #media_preview img{width:50px;height:50px;margin:0 2px;border:1px solid #adadad}
 446 #media_preview span{font-size:45px;left:10px;top:-35px;position:absolute;opacity:0.8;color:#adadad;display:none}
 447 #media_preview > li{display:inline}
 448 #media_preview > li > a{cursor:pointer;position:relative}
 449 #media_preview > li > a:hover > span{display:block}