html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
section,
summary,
time,
mark,
audio,
video {
padding: 0;
margin: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block }
body { line-height: 1 }
ol,
ul { list-style: none }
blockquote,
q { quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
strong {
font-style: inherit;
font-weight: bold;
}
em {
font-style: italic;
font-weight: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font: 14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #333;
background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
text-rendering: optimizeLegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: inherit }
h1 {
font-size: 24px;
font-weight: bold;
line-height: 1;
}
h2 {
font-size: 18px;
font-weight: bold;
line-height: 20px;
}
h3 {
font-size: 14px;
line-height: 1;
}
h4 {
font-size: 12px;
line-height: 18px;
}
h5,
h6 {
font-size: 10px;
line-height: 1;
}
small { font-size: 12px }
.muted { color: #999 }
.important { color: #c00c0c }
h2 small {
font-size: 12px;
font-weight: normal;
color: #999;
}
.lead {
margin-bottom: 10px;
font-size: 16px;
font-weight: 200;
color: #999;
}
.fine-print {
font-size: 11px;
line-height: 15px;
color: #999;
}
ol {
margin-left: 20px;
list-style: decimal;
}
ol li { line-height: 20px }
.inline-list { margin-left: 0 }
.inline-list li { display: inline }
a {
color: #0084b4;
text-decoration: none;
outline: 0;
}
a:hover { text-decoration: underline }
p a { line-height: inherit }
.alert {
padding: 12px;
margin: -13px -12px 20px;
background-color: #f7e8bc;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fceec1),color-stop(100%,#f7e8bc));
background-image: -webkit-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
background-image: -ms-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
background-image: -o-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',endColorstr='#f7e8bc',GradientType=0);
background-image: linear-gradient(top,#fceec1 0,#f7e8bc 100%);
border-color: #f7e8bc;
border-color: rgba(0,0,0,.03);
border-style: solid;
border-width: 1px 0;
text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.alert .close {
float: right;
margin-top: 4px;
}
.alert p { color: #333 }
.alert h4 { font-weight: bold }
.clearfix:before,
.clearfix:after,
.control-group:before,
.control-group:after,
.stream-item>div:before,
.stream-item>div:after,
.module:after,
.module:before,
.follow-card header:after,
.follow-card header:before,
.follow-bar:after,
.follow-bar:before,
.search-header:after,
.search-header:before,
.tweet-form:after,
.tweet-form:before,
.modal-footer:after,
.modal-footer:before,
.local-trends-breadcrumb:after,
.local-trends-breadcrumb:before,
.input-prepend .add-on,
.input-append .add-on,
.wrapper:after,
.wrapper:before,
.expanded-content:before,
.expanded-content:after,
.stream-item:before,
.stream-item:after {
content: "";
display: table;
}
.clearfix:after,
.control-group:after,
.stream-item>div:after,
.module:after,
.follow-card header:after,
.follow-bar:after,
.search-header:after,
.tweet-form:after,
.modal-footer:after,
.local-trends-breadcrumb:after,
.wrapper:after,
.expanded-content:after,
.stream-item:after { clear: both }
.clearfix,
.control-group,
.stream-item>div,
.module,
.follow-bar,
.search-header,
.tweet-form,
.modal-footer,
.local-trends,
.local-trends-breadcrumb,
.wrapper,
.expanded-content,
.stream-item { zoom: 1 }
hr {
height: 0;
padding: 0;
margin: 14px 0 0;
border: 0;
border-top: 1px solid #eee;
}
.pre-rendered-stub { visibility: hidden }
.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);
}
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
.btn.large {
font-size: 16px;
line-height: 28px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn.small {
padding-right: 9px;
padding-left: 9px;
font-size: 11px;
}
.btn:disabled,
.btn.disabled {
color: #777;
text-shadow: 0 1px 0 rgba(255,255,255,.75);
cursor: default;
background-image: none;
filter: alpha(opacity=65);
-moz-opacity: .65;
opacity: .65;
}
.btn:active,
.follow-combo.open .btn-user-actions {
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0 .1),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
}
.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,
.follow-combo.open .btn-user-actions {
text-decoration: none;
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,
.signup-btn:focus {
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;
}
.signup-btn:active { background-image: none }
.primary-btn,
.following.first-hover .follow-btn:hover,
.following .follow-btn {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
background-color: #019ad2;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#33bcef),to(#019ad2));
background-image: -moz-linear-gradient(#33bcef,#019ad2);
background-image: -ms-linear-gradient(#33bcef,#019ad2);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33bcef),color-stop(100%,#019ad2));
background-image: -webkit-linear-gradient(#33bcef,#019ad2);
background-image: -o-linear-gradient(#33bcef,#019ad2);
background-image: linear-gradient(#33bcef,#019ad2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);
border-color: #057ed0;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.primary-btn:hover,
.primary-btn:focus {
background-color: #0271bf;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#2daddc),to(#0271bf));
background-image: -moz-linear-gradient(#2daddc,#0271bf);
background-image: -ms-linear-gradient(#2daddc,#0271bf);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2daddc),color-stop(100%,#0271bf));
background-image: -webkit-linear-gradient(#2daddc,#0271bf);
background-image: -o-linear-gradient(#2daddc,#0271bf);
background-image: linear-gradient(#2daddc,#0271bf);
border-color: #096eb3;
}
.caution-btn,
.caution-btn:hover,
.following .follow-btn:hover {
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#ee5f5b),to(#c43c35));
background-image: -moz-linear-gradient(#ee5f5b,#c43c35);
background-image: -ms-linear-gradient(#ee5f5b,#c43c35);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ee5f5b),color-stop(100%,#c43c35));
background-image: -webkit-linear-gradient(#ee5f5b,#c43c35);
background-image: -o-linear-gradient(#ee5f5b,#c43c35);
background-image: linear-gradient(#ee5f5b,#c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0);
border-color: #a93730;
border-bottom-color: #952f2a;
}
.caution-btn {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.caution-btn:hover { background-position: 0 -15px }
.btn-group { position: relative }
.action-text {
min-width: 70px;
padding: 5px 7px;
padding-top: 4px\9;
padding-bottom: 4px\9;
}
.follow-btn {
padding: 0;
margin-right: 3px\9;
}
.btn-user-actions,
.btn-search-actions {
padding-left: 7px;
padding-right: 7px;
position: relative\9;
top: 1px\9;
}
.follow-btn .action-text { display: none }
.not-following .follow-btn .follow-text,
.following .follow-btn .following-text,
.following .follow-btn:hover .unfollow-text,
.following.first-hover .follow-btn:hover .following-text,
.blocked .follow-btn .block-text,
.blocked .follow-btn:hover .unblock-text,
.follow-request-sent .follow-btn .pending-text,
.follow-request-sent .follow-btn:hover .cancel-req-text { display: block }
.not-following.follow-request-sent .follow-btn .follow-text,
.following .follow-btn:hover .following-text,
.following.first-hover .follow-btn:hover .unfollow-text,
.blocked .follow-btn:hover .block-text,
.follow-request-sent .follow-btn:hover .pending-text { display: none }
.following .follow-btn,
.blocked .follow-btn,
.follow-request-sent .follow-btn { text-align: center }
.small-follow-all-wrapper .action-text,
.small-follow-all-wrapper .btn-user-actions { padding: 3px 4px }
.small-follow-all-wrapper .follow-btn .follow {
margin-top: 2px;
margin-left: 2px;
}
.follow-btn.small .follow {
margin-top: 1px;
margin-right: 4px;
}
.follow-combo .btn-group-dropdown .is-not-blocked,
.follow-combo.following .btn-group-dropdown .is-following,
.follow-combo.following .btn-group-dropdown .is-not-including,
.follow-combo.following .btn-group-dropdown .is-not-notifying,
.follow-combo.including .btn-group-dropdown .is-including,
.follow-combo.notifying .btn-group-dropdown .is-notifying,
.follow-combo.dismissable .btn-group-dropdown .is-dismissable,
.follow-combo.blocked .is-blocked,
.follow-combo.can-dm .can-send-dm { display: block }
.follow-combo .btn-group-dropdown li a,
.follow-combo .btn-group-dropdown li.divider,
.follow-combo.including .btn-group-dropdown .is-not-including,
.follow-combo.notifying .btn-group-dropdown .is-not-notifying,
.follow-combo.blocked .btn-group-dropdown .is-not-blocked,
.follow-combo .can-send-dm { display: none }
.btn-group .dropdown-menu {
top: 31px;
right: -1px;
min-width: 220px;
border-width: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-group .dropdown-menu a { font-size: 12px }
.mini-profile-footer .btn-group .dropdown-menu {
right: auto;
left: 0;
}
.btn-group.open .btn-group-dropdown { display: block }
.btn-group .small .dropdown-menu {
top: 28px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.search-header .search-btn { top: 1px\9 }
.subscribe-btn>div { display: none }
.subscribe-btn.not-subscribed .subscribe-text,
.subscribe-btn.subscribed .remove-text { display: block }
.module.tweet-to-user { background-color: transparent }
.tweet-btn {
display: block;
text-align: center;
}
.large-tweet-btn {
padding: 7px 10px;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tweet-btn .tweet-new { margin: 0 6px -2px 0 }
.global-nav,
.global-nav .well,
.btn-tweet,
.btn-tweet:hover,
.btn-tweet:active,
.nav .active>a,
.nav .open .dropdown-toggle,
.form-search.has-saved-searches.focus,
.tweet .actions {
background-image: url(../img/twitter_web_sprite_bgs.png);
background-repeat: repeat-x;
}
.global-nav {
background-position: 0 0;
background-color: #252525;
}
.nav .active>a,
.nav .open .dropdown-toggle,
.form-search.has-saved-searches.focus { background-position: 0 -50px }
.global-nav .well { background-position: 0 -100px }
.btn-tweet {
background-position: 0 -140px;
background-color: #2c77ba;
}
.btn-tweet:hover { background-position: 0 -170px }
.btn-tweet:active { background-position: 0 -200px }
.tweet .actions { background-position: 0 -240px }
.replies .tweet .actions,
.in-reply-to .tweet .actions,
.replies-to .tweet .actions { background-position: 0 -260px }
i {
background-image: url(../img/twitter_web_sprite_icons.png);
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
vertical-align: text-top;
}
.logo-larry {
background-position: 0 0;
width: 34px;
height: 26px;
}
.wordmark-secondary {
background-position: -40px 0;
width: 68px;
height: 14px;
}
.larry-topbar {
background-position: -120px 0;
width: 28px;
height: 20px;
margin-top: 10px;
}
.nav-home,
.nav-topics,
.nav-people,
.nav-me,
.nav-tweet { height: 22px }
.nav-home {
background-position: 0 -50px;
width: 21px;
}
.nav-topics {
background-position: -40px -50px;
width: 17px;
}
.nav-people {
background-position: -80px -50px;
width: 21px;
}
.nav-me {
background-position: -120px -50px;
width: 21px;
}
.nav-tweet {
background-position: -160px -50px;
width: 22px;
height: 18px;
}
.nav-new {
background-position: -200px -50px;
width: 24px;
height: 3px;
}
.topbar-divider {
background-position: -240px -50px;
width: 2px;
height: 32px;
}
.nav-breaker {
background-position: -260px -50px;
width: 18px;
height: 19px;
}
.global-nav a:hover .nav-home { background-position: 0 -80px }
.global-nav a:hover .nav-topics { background-position: -40px -80px }
.global-nav a:hover .nav-people { background-position: -80px -80px }
.global-nav a:hover .nav-me,
.global-nav .open .nav-me { background-position: -120px -80px }
.global-nav a:hover .nav-breaker { background-position: -260px -80px }
.active .nav-home,
.active a:hover .nav-home { background-position: 0 -110px }
.active .nav-topics,
.active a:hover .nav-topics { background-position: -40px -110px }
.active .nav-people,
.active a:hover .nav-people { background-position: -80px -110px }
.active .nav-me,
.active a:hover .nav-me { background-position: -120px -110px }
.chev-right {
background-position: 0 -140px;
width: 9px;
height: 13px;
}
.list-link:hover .chev-right,
.active .chev-right { background-position: 0 -160px }
.tweet .actions i {
height: 16px;
margin-top: -2px;
margin-right: 0;
background-color: #999;
}
.action-reply {
background-position: 0 -190px;
width: 18px;
}
.action-rt {
background-position: -30px -190px;
width: 22px;
}
.action-fav {
background-position: -60px -190px;
width: 16px;
}
.action-del {
background-position: -90px -190px;
width: 11px;
}
.replies .action-reply,
.in-reply-to .action-reply,
.permalink-inner.replies-to .action-reply { background-position: 0 -220px }
.replies .action-rt,
.in-reply-to .action-rt,
.permalink-inner.replies-to .action-rt { background-position: -30px -220px }
.replies .action-fav,
.in-reply-to .action-fav,
.permalink-inner.replies-to .action-fav { background-position: -60px -220px }
.replies .action-del,
.in-reply-to .action-del,
.permalink-inner.replies-to .action-del { background-position: -90px -220px }
.media-slideshow-tweet .action-reply { background-position: 0 -250px }
.media-slideshow-tweet .action-rt { background-position: -30px -250px }
.media-slideshow-tweet .action-fav { background-position: -60px -250px }
.media-slideshow-tweet .action-del { background-position: -90px -250px }
.media-slideshow-tweet a:hover .action-reply,
.media-slideshow-tweet a:hover .action-rt,
.media-slideshow-tweet a:hover .action-fav,
.media-slideshow-tweet a:hover .action-del { background-color: #fff }
.sm-reply,
.sm-rt,
.sm-fav,
.sm-image,
.sm-video,
.sm-audio,
.sm-geo,
.sm-in,
.sm-lock,
.sm-trash,
.sm-page,
.sm-embed {
height: 13px;
background-color: #999;
}
.sm-reply,
.hovered-stream-item:hover .sm-reply {
background-position: 0 -290px;
width: 12px;
}
.sm-rt,
.hovered-stream-item:hover .sm-rt {
background-position: -20px -290px;
width: 14px;
}
.sm-fav,
.hovered-stream-item:hover .sm-fav {
background-position: -40px -290px;
width: 10px;
}
.sm-image,
.hovered-stream-item:hover .sm-image {
background-position: -60px -290px;
width: 12px;
}
.sm-video,
.hovered-stream-item:hover .sm-video {
background-position: -80px -290px;
width: 12px;
}
.sm-audio,
.hovered-stream-item:hover .sm-audio {
background-position: -100px -290px;
width: 9px;
}
.sm-geo,
.hovered-stream-item:hover .sm-geo {
background-position: -120px -290px;
width: 9px;
}
.sm-lock,
.hovered-stream-item:hover .sm-lock {
background-position: -140px -290px;
width: 8px;
}
.sm-trash,
.hovered-stream-item:hover .sm-trash {
background-position: -160px -290px;
width: 9px;
}
.sm-embed,
.hovered-stream-item:hover .sm-embed {
background-position: -180px -290px;
width: 9px;
}
.hovered-stream-item .sm-reply { background-position: 0 -320px }
.hovered-stream-item .sm-rt { background-position: -20px -320px }
.hovered-stream-item .sm-fav { background-position: -40px -320px }
.hovered-stream-item .sm-image { background-position: -60px -320px }
.hovered-stream-item .sm-video { background-position: -80px -320px }
.hovered-stream-item .sm-audio { background-position: -100px -320px }
.hovered-stream-item .sm-geo { background-position: -120px -320px }
.hovered-stream-item .sm-lock,
.replies .sm-lock,
.in-reply-to .sm-lock { background-position: -140px -320px }
.hovered-stream-item .sm-trash { background-position: -160px -320px }
.hovered-stream-item .sm-embed { background-position: -180px -320px }
.open .original-tweet .details .sm-reply,
.open .original-tweet .details .sm-rt,
.open .original-tweet .details .sm-fav,
.open .original-tweet .details .sm-image,
.open .original-tweet .details .sm-video,
.open .original-tweet .details .sm-audio,
.open .original-tweet .details .sm-geo,
.open .original-tweet .details .sm-in,
.open .original-tweet .details .sm-lock,
.open .original-tweet .details .sm-trash,
.open .original-tweet .details .sm-embed { background-color: #999 }
.badge-promoted,
.badge-top,
.badge-political {
width: 18px;
height: 14px;
background-color: transparent;
}
.badge-promoted { background-position: 0 -350px }
.badge-top { background-position: -20px -350px }
.badge-political { background-position: -40px -350px }
.play-large {
background-position: 0 -370px;
width: 48px;
height: 48px;
}
.play-medium {
background-position: -60px -370px;
width: 32px;
height: 32px;
}
.play {
background-position: -100px -370px;
width: 21px;
height: 21px;
}
.follow {
margin-top: 2px;
margin-right: 2px;
}
.account-arrow,
.search-toggle { margin-top: 1px }
.follow {
background-position: 0 -430px;
width: 18px;
height: 14px;
}
.block {
background-position: -30px -430px;
width: 14px;
height: 14px;
}
.account-arrow {
background-position: -60px -430px;
width: 22px;
height: 12px;
}
.search-toggle {
background-position: -90px -430px;
width: 23px;
height: 14px;
}
.dogear {
position: absolute;
top: 0;
right: 0;
display: none;
width: 24px;
height: 24px;
}
.retweeted .dogear { background-position: 0 -450px }
.favorited .dogear { background-position: -30px -450px }
.retweeted.favorited .dogear { background-position: -60px -450px }
.retweeted .dogear,
.favorited .dogear,
.retweeted.favorited .dogear { display: block }
.verified-large,
.translator-large {
width: 22px;
height: 22px;
}
.verified,
.translator {
width: 15px;
height: 15px;
margin: -1px 3px 0 2px;
}
.verified-large { background-position: 0 -480px }
.verified { background-position: -30px -480px }
.translator-large { background-position: -60px -480px }
.translator { background-position: -90px -480px }
.close-large {
background-position: 0 -510px;
width: 12px;
height: 13px;
}
.close {
background-position: -20px -510px;
width: 9px;
height: 9px;
}
.dismiss:hover .close { background-position: -40px -510px }
.tweet-hash,
.tweet-at,
.tweet-camera,
.tweet-geo { height: 17px }
.tweet-hash {
background-position: 0 -530px;
width: 16px;
}
.tweet-at {
background-position: -30px -530px;
width: 16px;
}
.tweet-camera {
background-position: -60px -530px;
width: 20px;
}
.tweet-geo {
background-position: -90px -530px;
width: 11px;
}
.tweet-new {
background-position: -110px -530px;
width: 26px;
height: 20px;
}
.unread {
background-position: 0 -560px;
width: 13px;
height: 12px;
}
.replied {
background-position: -20px -560px;
width: 13px;
height: 10px;
}
.service-gmail,
.service-yahoo,
.service-hotmail,
.service-aol,
.service-linkedin,
.service-msn,
.service-yahoojapan {
width: 24px;
height: 24px;
}
.service-gmail { background-position: 0 -580px }
.service-yahoo { background-position: -30px -580px }
.service-hotmail { background-position: -60px -580px }
.service-aol { background-position: -90px -580px }
.service-linkedin { background-position: -120px -580px }
.service-msn { background-position: -150px -580px }
.service-daum { background-position: -180px -580px }
.service-yahoojapan { background-position: -210px -580px }
.service-sm-gmail,
.service-sm-yahoo,
.service-sm-hotmail,
.service-sm-aol,
.service-sm-linkedin,
.service-sm-facebook,
.service-sm-msn,
.service-sm-daum { height: 16px }
.service-sm-gmail {
background-position: 0 -610px;
width: 16px;
}
.service-sm-yahoo {
background-position: -30px -610px;
width: 20px;
}
.service-sm-hotmail {
background-position: -60px -610px;
width: 16px;
}
.service-sm-aol {
background-position: -90px -610px;
width: 16px;
}
.service-sm-linkedin {
background-position: -120px -610px;
width: 15px;
}
.service-sm-facebook {
background-position: -150px -610px;
width: 14px;
}
.service-sm-msn {
background-position: -180px -610px;
width: 16px;
}
.service-sm-daum {
background-position: -210px -610px;
width: 14px;
}
.checkmark {
background-position: 0 -630px;
width: 15px;
height: 14px;
}
.nav-search {
background-position: 0 -650px;
width: 12px;
height: 14px;
}
.focus .nav-search,
.highlight .nav-search { background-position: -20px -650px }
.sm-search {
background-position: 0 -870px;
width: 12px;
height: 14px;
}
.watermark-lock {
background-position: 0 -670px;
width: 75px;
height: 85px;
}
.activity-follow,
.activity-fav,
.activity-list,
.activity-rt,
.activity-reply { height: 14px }
.activity-follow {
background-position: 0 -760px;
width: 14px;
}
.activity-fav {
background-position: -20px -760px;
width: 14px;
}
.activity-list {
background-position: -40px -760px;
width: 10px;
}
.activity-rt {
background-position: -60px -760px;
width: 14px;
}
.activity-reply {
background-position: -80px -760px;
width: 11px;
}
.embed-align-none { background-position: 0 -780px }
.embed-align-left { background-position: -22px -780px }
.embed-align-right { background-position: -42px -780px }
.embed-align-center { background-position: -63px -780px }
.active .embed-align-none { background-position: 0 -800px }
.active .embed-align-left { background-position: -22px -800px }
.active .embed-align-right { background-position: -42px -800px }
.active .embed-align-center { background-position: -63px -800px }
.trash {
background-position: 0 -820px;
width: 11px;
height: 14px;
}
a:hover .trash { background-position: -20px -820px }
.with-icn {
font-size: 12px;
color: #999;
}
.with-icn i { margin-right: 4px }
.with-icn b {
font-weight: normal;
color: inherit;
}
.with-icn:hover { text-decoration: none }
.with-icn:hover b { text-decoration: underline }
.disco-media-type {
width: 14px;
height: 13px;
}
.story.image .disco-media-type { background-position: 0 -840px }
.story.video .disco-media-type { background-position: -20px -840px }
legend {
display: block;
width: 100%;
margin-bottom: 20px;
font-size: 20px;
line-height: 30px;
color: #333;
border-bottom: 1px solid #eee;
}
label,
input,
textarea,
select,
button { font: 13px/20px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif }
label {
display: block;
margin-bottom: 5px;
color: #333;
}
input,
textarea,
select {
display: inline-block;
width: 210px;
padding: 4px;
margin: 0;
outline: none;
background-color: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input,
textarea { min-height: 20px\0 }
input[type=checkbox],
input[type=radio] {
width: auto;
height: auto;
padding: 0;
margin: 3px 0;
*margin-top: 0;
line-height: normal;
border: none;
background-color: transparent;
cursor: pointer;
}
input[type=file] {
background-color: #fff;
padding: initial;
border: initial;
line-height: initial;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input[type=button],
input[type=reset],
input[type=submit] {
width: auto;
height: auto;
}
select,
input[type=file] {
height: 30px;
line-height: 30px;
*margin-top: 4px;
}
select[multiple] {
background-color: #fff;
height: inherit;
}
.inline-form {
float: left;
width: 100%;
margin: 10px 0;
}
textarea { height: auto }
.control-list .checkbox {
margin-bottom: 0;
margin-left: 18px;
cursor: pointer;
}
.control-list input[type=radio],
.control-list input[type=checkbox] {
float: left;
margin-left: -18px;
}
input,
textarea {
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
-webkit-transition: .2s linear background;
-moz-transition: .2s linear background;
transition: .2s linear background;
}
input:focus,
textarea:focus {
outline: 0;
color: #333;
border-color: #56b4ef;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}
input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
outline: 1px dotted #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.disabled,
.disabled:hover,
.disabled:active,
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
background: #f5f5f5;
border-color: #ccc;
cursor: not-allowed;
}
.disabled.btn,
.disabled.btn:active {
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-mini { width: 50px }
.input-small { width: 90px }
.input-medium { width: 175px }
.input-large { width: 270px }
.input-xlarge { width: 330px }
form p {
font-size: 12px;
line-height: 18px;
color: #999;
}
form p+p { margin-top: 9px }
form .help-text-inline {
position: absolute;
top: 6px;
left: 230px;
}
.form-search .search-query {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.form-search .btn { font-weight: normal }
.form-inline .btn { font-weight: normal }
.control-group { margin-bottom: 15px }
.form-horizontal .control-label {
float: left;
width: 120px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls input+p,
.form-horizontal .controls select+p,
.form-horizontal .controls textarea+p { margin-top: 5px }
.form-horizontal .controls { margin-left: 140px }
.form-horizontal .control-list { padding-top: 5px }
.form-horizontal .form-actions { padding-left: 140px }
.placeholding-input {
position: relative;
overflow: visible;
}
.placeholding-input input {
position: absolute;
top: 0;
}
.placeholding-input .placeholder {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 2px;
z-index: 1;
height: 20px;
padding: 4px;
font-size: 13px;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
white-space: nowrap;
cursor: text;
-webkit-transition: opacity .1s,font-size .1s;
-moz-transition: opacity .1s,font-size .1s;
-o-transition: opacity .1s,font-size .1s;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.placeholding-input input:focus+.placeholder {
-moz-opacity: .6;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
.hasome .placeholder {
font-size: 0!important;
z-index: -1;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
html,
body,
#doc,
#page-outer { height: 100% }
.wrapper,
.wrapper-narrow,
.wrapper-permalink {
position: relative;
width: 837px;
min-height: 100%;
padding: 54px 14px 15px;
margin: 0 auto;
background: url(../img/wash-white-30.png);
}
.wrapper { padding-bottom: 0 }
.wrapper-narrow,
.wrapper-permalink { width: 630px }
.container {
position: relative;
width: 837px;
margin: 0 auto;
}
.page-canvas {
position: relative;
width: 835px;
margin: 0 auto;
}
.dashboard {
float: left;
width: 302px;
}
.content-inner,
.content-narrow,
.page-canvas,
.permalink {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.content-narrow,
.page-canvas {
border: 1px solid #eee;
border: 1px solid rgba(0,0,0,.1);
}
.content-main,
.content-narrow,
.page-canvas,
.permalink {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.content-main {
float: right;
width: 522px;
}
.content-narrow {
padding: 30px 50px;
margin: 0 auto 10px;
background-color: #fff;
}
.permalink {
padding: 0;
background-color: #f5f5f5;
border: 1px solid #eee;
border: 1px solid rgba(0,0,0,.1);
}
.permalink-inner {
position: relative;
padding: 8px 52px 0;
background-color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.content-inner {
padding: 12px;
background-color: #fff;
border-left: 1px solid #eee;
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid #eee;
border-right: 1px solid rgba(0,0,0,.1);
}
.content-inner>h3 {
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
line-height: 20px;
}
.content-inner hr { margin: 20px -12px }
.content-inner.no-stream-end {
border-bottom: 1px solid #eee;
border-bottom: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.error-page .heading {
margin-bottom: 10px;
font-size: 30px;
font-weight: 200;
}
.module,
.promptbird {
position: relative;
margin-bottom: 10px;
line-height: 16px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.module {
text-shadow: 0 1px 0 #fff;
border: 1px solid #eee;
border: 1px solid rgba(0,0,0,.1);
}
.header-module { background-color: #fff }
.header-module .flex-module {
padding-top: 15px;
padding-bottom: 15px;
}
.header-module h2 {
font-weight: normal;
line-height: 30px;
}
.header-module .search-header {
float: right;
width: 508px;
}
.header-module .search-query {
display: block;
padding: 2px 12px 3px;
font-size: 18px;
font-weight: bold;
color: #333;
}
.search-header .search-btn {
margin-right: 1px;
text-align: center;
}
.header-module .btn .combo-btn-action { text-align: center }
.module .flex-module {
background-color: #f9f9f9;
padding: 12px;
line-height: 16px;
}
.flex-module-header { margin-bottom: 10px }
.flex-module-header h3 { display: inline }
.flex-module-header small { line-height: 1 }
.flex-module-header p {
font-size: 12px;
color: #999;
}
.flex-module-inner,
.flex-module-footer {
color: #999;
font-size: 12px;
}
.flex-module-footer { margin-top: 10px }
.flex-module-inner ul,
.flex-module-inner ol { color: #333 }
.follow-card .flex-module-header h1 {
margin-right: 42px;
word-wrap: break-word;
}
.module ul+.flex-module { border-top: 1px solid #e8e8e8 }
.module .list-link {
background-color: #f9f9f9;
border-top: 1px solid #e8e8e8;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.module li:first-child .list-link,
.module .inner:first-child { border-top: 0 }
.module ul:first-child li:first-child .list-link,
.module .flex-module:first-child {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.module ul:last-child li:last-child .list-link,
.module .flex-module:last-child {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.dashboard .stats { background-color: #f9f9f9 }
.module .list-link {
position: relative;
display: block;
padding: 8px 12px;
}
.module .list-link .count {
font-weight: normal;
color: #999;
}
.module .list-link .metadata {
display: block;
font-size: 12px;
}
.module .list-link:hover,
.module .active .list-link {
background-color: #fff;
color: #333;
text-decoration: none;
}
.module .active .list-link { font-weight: bold }
.mozilla .module .active .list-link {
padding-top: 9px;
padding-bottom: 7px;
}
.webkit .module .active .list-link {
padding-top: 7px;
padding-bottom: 9px;
}
.module .active .list-link small {
font-weight: normal;
color: #333;
}
.module .list-action { display: block }
.profile-nav .component .component .list-link {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.module .chev-right {
position: absolute;
top: 9px;
right: 12px;
}
.module .unread {
float: right;
margin-top: 2px;
margin-right: 10px;
}
.list-action {
padding: 8px 12px;
margin: -8px -12px;
}
.list-action:hover { text-decoration: none }
.search-nav .component .component:last-child .list-link {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.content-header {
border-left: 1px solid #eee;
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid #eee;
border-right: 1px solid rgba(0,0,0,.1);
border-top: 1px solid #eee;
border-top: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.content-header .header-inner {
min-height: 20px;
padding: 12px;
background-color: #fff;
border-bottom: 1px solid #e8e8e8;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.content-header .content-type { font-weight: normal }
.content-header-buttons .btn {
float: right;
padding: 2px 8px;
margin-top: -1px;
}
.content-header .subheader {
color: #999;
margin-top: 3px;
}
.view-toggler a,
.view-toggler {
font-weight: normal;
line-height: 1;
}
.view-toggler .active {
color: #333;
font-weight: bold;
}
.topbar {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.25);
box-shadow: 0 2px 3px rgba(0,0,0,.25);
}
.global-nav,
.global-nav-outer { height: 40px }
.global-nav {
position: relative;
width: 100%;
}
.global-nav .container { width: 865px }
.nav,
.nav>li { float: left }
.nav { margin-right: 12px }
.nav li {
position: relative;
display: inline;
}
.nav li a {
position: relative;
font-size: 12px;
color: #bbb;
text-shadow: 0 -1px 0 rgba(0,0,0,.75);
}
.nav li>a {
display: block;
padding: 13px 12px 15px;
font-weight: bold;
line-height: 1;
}
.nav>li>a { height: 12px }
.nav .active>a,
.nav li a:hover {
color: #fff;
text-decoration: none;
}
.nav .active>a,
.nav .active>a:hover,
.nav .dropdown.open .dropdown-toggle,
.form-search.has-saved-searches.focus {
background-color: #222;
-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
-moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
}
.secondary-nav {
float: right;
margin-left: 6px;
margin-right: 0;
}
.nav small { font-weight: normal }
.nav i {
float: left;
margin: -4px 6px 0 0;
}
.nav .active a {
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.global-nav .dropdown-menu-dark { background-image: url(../img/twitter_web_dark_dropdown_bg.png) }
.global-nav .account-summary { margin-bottom: 0 }
.global-nav .account-summary .avatar {
top: 3px;
left: 12px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.global-nav .account-summary .content { line-height: 16px }
.global-nav .current-user .fullname,
.global-nav .current-user a:hover .fullname {
color: #fff;
text-decoration: none;
}
.global-nav .current-user .fullname { font-size: 13px }
.global-nav .current-user .metadata {
display: block;
font-size: 11px;
}
.global-nav .dropdown-menu .messages a {
font-weight: bold;
color: #fff;
}
.global-nav .messages .count {
float: right;
display: none;
min-width: 7px;
padding: 0 9px;
color: #fff;
text-shadow: none;
background-color: #58b3f0;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3aa0ea),color-stop(100%,#58b3f0));
background-image: -webkit-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
background-image: -ms-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
background-image: -o-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa0ea',endColorstr='#58b3f0',GradientType=0);
background-image: linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.global-nav .messages .count.new { display: block }
.global-nav .well {
padding: 1px;
margin-top: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nav .new-wrapper {
position: relative;
float: left;
}
.nav .nav-new {
position: absolute;
top: 26px;
left: 50%;
display: none;
height: 3px;
margin-left: -15px;
line-height: 1;
text-align: center;
}
.nav .new .nav-new { display: block }
.nav .dropdown-toggle .nav-new { margin-left: -14px }
.pull-right,
.pull-right .nav { float: right }
.topbar-divider {
float: right;
margin: 3px 10px;
}
.global-nav .pull-right .nav {
position: relative;
z-index: 5;
margin: 0 -12px;
}
.global-nav .pull-right .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.global-nav .pull-right .nav-me { margin-right: 4px }
.larry-topbar {
position: absolute;
top: 0;
left: 50%;
margin-left: -14px;
}
.topbar-tweet-btn {
float: right;
margin-right: 13px;
}
.btn-tweet {
float: left;
padding: 3px 4px 5px 10px;
font-size: 12px;
line-height: 20px;
color: #bbb;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
border-color: #111;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.btn-tweet .nav-tweet {
float: left;
margin-top: 0;
}
.btn-tweet:hover {
color: #fff;
border-color: #000;
}
.btn-tweet:active {
-webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: inset 0 3px 6px rgba(0,0,0,.25);
box-shadow: inset 0 3px 6px rgba(0,0,0,.25);
}
.global-nav .form-search {
position: relative;
float: right;
padding: 7px 12px;
margin-right: -12px;
margin-right: -3px\9;
}
.global-nav .search-icon {
position: absolute;
top: 7px;
left: 12px;
display: block;
width: 26px;
height: 26px;
}
.global-nav .nav-search {
margin-top: 5px;
margin-left: 7px;
}
.global-nav .search-input {
display: block;
width: 65px;
height: 14px;
min-height: auto\9;
padding: 6px 13px 6px 24px;
font-size: 12px;
line-height: 1;
color: #ccc;
background-color: #555;
border: 0;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(0,0,0,.3);
box-shadow: inset 0 1px 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(0,0,0,.3);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
*height: 12px;
}
.global-nav .search-input:-moz-placeholder { color: #ccc }
.global-nav .search-input::-webkit-input-placeholder {
color: #ccc;
line-height: 16px;
}
.global-nav .highlight .search-input {
width: 165px;
background-color: #ccc;
color: #333;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
}
.global-nav .highlight .search-input:-moz-placeholder { color: #333 }
.global-nav .highlight .search-input::-webkit-input-placeholder { color: #333 }
.global-nav .search-input:focus,
.global-nav .search-input.focus {
width: 165px;
color: #666;
text-shadow: none;
background-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-search { position: relative }
.form-search.has-saved-searches.focus {
background-color: #222;
-webkit-transition: opacity .1s ease-out;
}
.form-search.has-saved-searches.focus .dropdown-menu { display: block }
.form-search.has-saved-searches.animates .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
}
.form-search.has-saved-searches.animates.focus .dropdown-menu {
visibility: visible;
opacity: 1;
}
.dropdown-menu.typeahead {
right: 0;
width: 226px;
*width: 223px;
padding: 0;
font-size: 12px;
}
.typeahead-label {
padding: 10px 10px 0;
color: #555;
}
.typeahead-items { padding-bottom: 5px }
.typeahead-items a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dropdown { position: relative }
.dropdown-toggle:after {
display: inline-block;
width: 0;
height: 0;
margin-top: 5px;
margin-left: 3px;
text-indent: -99999px;
vertical-align: top;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #777;
content: "↓";
}
.dropdown-menu {
position: absolute;
top: 40px;
z-index: 1000;
display: none;
float: left;
width: 225px;
padding: 6px 0;
margin-left: 0;
margin-right: 0;
zoom: 1;
background-color: #fff;
border-color: #999;
border-color: rgba(0,0,0,.2);
border-style: solid;
border-width: 0 1px 1px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
box-shadow: 0 2px 4px rgba(0,0,0,.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu li {
display: block;
float: none;
line-height: 0\9;
}
.dropdown-menu .divider {
height: 0;
margin: 5px 0;
overflow: hidden;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}
.dropdown-menu .label {
padding: 4px 12px 0;
font-size: 12px;
color: #666;
}
.dropdown-menu li>a,
.dropdown-menu .dropdown-link {
display: block;
float: none;
padding: 3px 12px;
font-weight: normal;
line-height: 18px;
color: #555;
text-shadow: 0 1px 0 #fff;
}
.dropdown-menu li>a:hover,
.dropdown-menu .dropdown-link:hover {
color: #333;
text-decoration: none;
background-color: #ddd;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#eee 0,#ddd 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ddd));
background-image: -webkit-linear-gradient(top,#eee 0,#ddd 100%);
background-image: -ms-linear-gradient(top,#eee 0,#ddd 100%);
background-image: -o-linear-gradient(top,#eee 0,#ddd 100%);
background-image: linear-gradient(top,#eee 0,#ddd 100%);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.025),inset 0 -1px rgba(0,0,0,.025);
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.025),inset 0 -1px rgba(0,0,0,.025);
box-shadow: inset 0 1px 0 rgba(0,0,0,.025),inset 0 -1px rgba(0,0,0,.025);
}
.dropdown.open .dropdown-toggle {
color: #fff;
background: #ccc;
background: rgba(0,0,0,.3);
}
.dropdown.open .dropdown-menu { display: block }
.dropdown-menu-dark {
background-color: #222;
border: 0;
-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.2);
box-shadow: inset 0 2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.2);
}
.global-nav .pull-right .dropdown-menu { right: 0 }
.global-nav .dropdown-toggle:after {
margin-left: 0;
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.75);
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.75);
box-shadow: 0 -1px 0 rgba(0,0,0,.75);
}
.global-nav .open .dropdown-toggle:after,
.global-nav .dropdown-toggle:hover:after { border-top-color: #fff }
.global-nav .dropdown-menu-dark li>a,
.global-nav .dropdown-menu-dark .dropdown-link {
font-size: 12px;
font-weight: normal;
color: #999;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.global-nav .dropdown-menu-dark li>a:hover,
.global-nav .dropdown-menu-dark .dropdown-link:hover {
color: #fff;
background-color: #090909;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#191919 0,#090909 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#191919),color-stop(100%,#090909));
background-image: -webkit-linear-gradient(top,#191919 0,#090909 100%);
background-image: -ms-linear-gradient(top,#191919 0,#090909 100%);
background-image: -o-linear-gradient(top,#191919 0,#090909 100%);
background-image: linear-gradient(top,#191919 0,#090909 100%);
}
.global-nav .me.dropdown .divider,
.dropdown-menu-dark .divider {
border-top-color: #1b1b1b;
border-bottom-color: #333;
}
.global-nav .dropdown-menu .current-user .account-group { position: static }
.close-all-tweets {
position: absolute;
top: 0;
right: -50px;
display: none;
padding: 10px;
}
.contributors { position: relative }
.contributors .contributor-link {
display: block;
margin: 7px 0;
white-space: nowrap;
}
.contributors .avatar {
margin-right: 6px;
vertical-align: middle;
}
.contributors-inner {
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 142px;
padding: 0 12px;
overflow-x: hidden;
overflow-y: auto;
}
.webkit .contributors-inner { margin-right: 10px }
.contributors-inner::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.contributors-inner::-webkit-scrollbar-button:start:decrement,
.contributors-inner::-webkit-scrollbar-button:end:increment {
display: block;
height: 6px;
}
.contributors-inner::-webkit-scrollbar-button:end:increment { height: 0 }
.contributors-inner::-webkit-scrollbar-button:vertical:increment,
.contributors-inner::-webkit-scrollbar-track-piece { background-color: transparent }
.contributors-inner::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #111;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.1);
}
.contributors-inner::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #ccc;
border-radius: 4px;
}
#signout-form { display: none }
.promptbird {
padding: 12px;
font-size: 13px;
line-height: 16px;
color: #ddd;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
background: #3d4a50;
background: rgba(0,0,0,.65);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.promptbird.attached-top {
margin-top: -15px;
border-top: 0;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.promptbird.attached-top .promptbrid-inner { margin-right: 148px }
.promptbird-action {
position: absolute;
top: 12px;
right: 12px;
}
.promptbird .btn {
border: 0;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.promptbird h2,
.promptbird h3,
.promptbird h4 {
margin-bottom: 12px;
font-weight: bold;
color: #fff;
}
.promptbird h2,
.promptbird p { margin-right: 25px }
.promptbird p a,
.promptbird .inline-list li a,
.promptbird strong { color: #fff }
.promptbird-action-bar {
padding: 12px;
margin: 12px -12px -12px;
background: #38403f;
background: rgba(0,0,0,.2);
border-top: 1px solid rgba(0,0,0,.01);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.promptbird .dismiss {
position: absolute;
top: 14px;
right: 14px;
padding: 5px 4px 4px 5px;
margin-top: 0;
background: #38403f;
background: rgba(0,0,0,.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}
.promptbird .dismiss:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.promptbird-below-black-bar,
.promptbird-dashboard-narrow { margin-top: 1px }
.promptbird-below-black-bar .import .narrow { display: none }
.promptbird-below-black-bar .import .wide {
float: left;
margin-right: 3px;
}
.promptbird-below-black-bar .import .services {
margin-top: 0;
margin-left: 5px;
}
.promptbird-dashboard-narrow .import .wide { display: none }
.promptbird-dashboard-narrow .invite .flex-table { margin-bottom: 0 }
.promptbird-dashboard-narrow .invite .flex-table-input {
height: 28px;
*height: 18px;
overflow: inherit;
}
.promptbird-dashboard-narrow .invite .expanded {
height: 114px;
overflow: auto;
}
.promptbird-dashboard-narrow .mobile .mobile-devices {
float: left;
width: 22px;
height: 36px;
margin-right: 10px;
background-image: url(../img/promptbird_mobile_icon.png);
background-repeat: no-repeat;
}
.contact-import-services .service-button strong { font-weight: normal }
.contact-import-services .service-link,
.contact-import-services .service-link:hover {
display: block;
padding-bottom: 5px;
text-decoration: none;
}
.user-similarities-list { padding-bottom: 10px }
.module .tweet-box { line-height: 1 }
.tweetbox-placeholder { height: 34px }
.site-footer .twitter-logo { margin-bottom: 4px }
.site-footer ul { line-height: 18px }
.site-footer li { display: inline }
.site-footer li,
.site-footer a { color: #999 }
.site-footer li {
float: left;
padding-right: 8px;
}
.site-footer:hover a { color: #555 }
.slim-site-footer { text-align: center }
.slim-site-footer ul,
.slim-site-footer li { display: inline-block }
.slim-site-footer li {
line-height: 16px;
float: none;
}
.slim-site-footer .twitter-logo {
display: inline;
margin-bottom: 0;
padding-right: 8px;
}
.mini-profile { font-size: 12px }
.mini-profile .list-link {
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 0;
}
.mini-profile img { float: left }
.mini-profile .content { margin-left: 42px }
.mini-profile .fullname {
display: block;
font-size: 14px;
color: #333;
}
.mini-profile .username { color: #999 }
.mini-profile .view-profile { display: block }
.mini-profile .metadata { font-size: 11px }
.stats {
overflow: hidden;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.stats li { display: inline }
.stats a {
float: left;
padding: 7px 12px;
color: #999;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
}
.stats a:hover { text-decoration: none }
.stats a strong {
display: block;
color: #333;
font-size: 14px;
}
.stats li+li a { border-left: 1px solid #e8e8e8 }
.profile-summary { cursor: pointer }
.module.profile-summary small {
display: block;
line-height: 16px;
}
.module.profile-summary .fullname { font-size: 14px }
.tweet-user {
padding: 10px 12px;
background-color: #f5f5f5;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.media-row {
position: relative;
height: 66px;
margin: 7px 0 4px;
overflow: hidden;
}
.media-row span {
position: relative;
float: left;
width: 66px;
height: 66px;
margin-left: 4px;
overflow: hidden;
text-align: center;
background-color: #000;
}
.media-row img { display: inline }
.media-row span:first-child { margin-left: 0 }
.facets-media-not-displayed { display: list-item }
.facets-media-not-displayed .header {
color: #333;
font-weight: bold;
font-size: 12px;
}
.facets-media-not-displayed .not-displayed-text { margin-bottom: 3px }
.facets-media-not-displayed .btn.small { padding: 2px 7px }
.facets-media-not-displayed .always-display-media { font-size: 12px }
.media-videos .play {
display: none;
position: absolute;
top: 24px;
left: 22px;
z-index: 5;
}
.media-videos .video .play { display: block }
.trends ul { margin-top: -4px }
.trends li,
.list-of-lists li { line-height: 20px }
.trends .badge-promoted {
margin-left: 3px;
margin-right: 3px;
}
.trends .promoted-text {
font-size: 12px;
color: #999;
}
.list-author {
position: absolute;
top: 12px;
right: 12px;
}
.list-follow-card h1 { margin-right: 42px }
.empty-timeline { overflow: hidden }
.empty-timeline>.header,
.empty-timeline>.section,
.empty-timeline>.footer { padding: 12px }
.empty-timeline>.header,
.empty-timeline>.section { border-bottom: 1px solid #ddd }
.empty-timeline>.section,
.empty-timeline>.footer { background-color: #f9f9f9 }
.empty-timeline>.header {
background-color: #fff;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.empty-timeline>.header h3 {
margin-top: 1ex;
color: #999;
}
.empty-timeline>.footer {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.empty-timeline .list-item {
position: relative;
float: left;
width: 128px;
margin-left: 40px;
line-height: 140%;
}
.empty-timeline .list-item:first-child { margin-left: 0 }
.empty-timeline .list-item .avatar { margin-bottom: 5px }
.empty-timeline .list-item .dismiss {
position: absolute;
top: 0;
right: 5px;
padding: 3px 3px 4px 4px;
background-color: #F9F9F9;
border: 2px solid #959595;
border-color: rgba(0,0,0,.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.empty-timeline .btn-group { margin-top: 5px }
.empty-timeline .list-item .following .follow-btn:hover {
background-color: #019ad2;
background-image: -khtml-gradient(linear,left top,left bottom,from(#33bcef),to(#019ad2));
background-image: -moz-linear-gradient(#33bcef,#019ad2);
background-image: -ms-linear-gradient(#33bcef,#019ad2);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33bcef),color-stop(100%,#019ad2));
background-image: -webkit-linear-gradient(#33bcef,#019ad2);
background-image: -o-linear-gradient(#33bcef,#019ad2);
background-image: linear-gradient(#33bcef,#019ad2);
border-color: #057ed0;
}
.empty-timeline .list-item .following .follow-btn:hover .unfollow-text { display: none }
.empty-timeline .list-item .following .follow-btn:hover .following-text { display: block }
.empty-timeline .list-item .btn-user-actions { display: none }
.empty-timeline .list-item .username { display: block }
.empty-timeline .list-item .fullname {
display: inline-block;
max-width: 85%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.empty-timeline .list-item .verified { margin: 2px 0 0 4px }
.empty-timeline>.footer .btn { float: right }
.empty-timeline>.footer .instruction {
display: block;
margin-bottom: 12px;
color: #999;
}
.follow-card { background-color: #fff }
.follow-card header { margin-bottom: 9px }
.follow-card .flex-module-header h1 {
margin-bottom: 4px;
font-size: 20px;
}
.follow-card header img { float: left }
.follow-card header .content { margin-left: 82px }
.follow-card h1 small {
display: block;
font-size: 18px;
font-weight: normal;
line-height: 16px;
}
.follow-card header h2 {
font-size: 14px;
line-height: 18px;
}
.follow-card .description .bio { margin-bottom: 9px }
.follow-card .follow-bar {
padding: 10px 12px;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
}
.follow-card .follow-bar {
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ebebeb));
background-image: -moz-linear-gradient(#f2f2f2,#ebebeb);
background-image: -ms-linear-gradient(#f2f2f2,#ebebeb);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#ebebeb));
background-image: -webkit-linear-gradient(#f2f2f2,#ebebeb);
background-image: -o-linear-gradient(#f2f2f2,#ebebeb);
background-image: linear-gradient(#f2f2f2,#ebebeb);
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.follow-card .stats { border-bottom: 0 }
.follow-bar .follow-combo,
.follow-bar .subscribe-btn { float: left }
.follow-bar small {
float: right;
line-height: 30px;
text-shadow: 0 1px 0 #fff;
}
.profile-card .flex-module { background-color: #fff }
.profile-card .avatar { float: left }
.profile-card-inner {
float: left;
width: 50%;
margin: 0 0 0 12px;
}
.profile-card-actions {
position: relative;
float: right;
}
.profile-card-actions .follow-btn-container {
position: relative;
height: 30px;
}
.profile-card .fullname {
font-size: 30px;
line-height: 1;
margin-bottom: 2px;
}
.profile-card .username {
margin-bottom: 1px;
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #777;
}
.profile-card .username .sm-lock {
position: relative;
top: 5px;
margin-left: 3px;
}
.profile-card .verified-large { margin-top: 7px }
.profile-card .translator-badge {
display: inline-block;
margin-top: 7px;
font-size: 14px;
font-weight: normal;
line-height: 22px;
color: #999;
}
.profile-card .translator-large {
float: left;
margin-right: 4px;
}
.profile-card .location-and-url {
font-size: 12px;
line-height: 18px;
color: #777;
}
.follow-status {
position: relative;
top: -2px;
padding: 2px 5px;
margin-left: 5px;
font-size: 10px;
line-height: 1;
color: #777;
text-transform: uppercase;
background-color: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.profile-card .divider {
padding: 0 2px;
color: #ccc;
}
.profile-card .stats {
margin: 5px 0 0;
border-top: 0;
border-bottom: 0;
}
.profile-card .stats a {
float: none;
display: block;
padding: 6px 12px 6px 0;
border: 0;
border-top: 1px solid #e8e8e8;
}
.profile-card .stats strong { display: inline }
.profile-card .stats li:first-child a { border-top: 0 }
.profile-banner { position: relative }
.profile-banner img {
display: block;
background-color: #f9f9f9;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.banner-shadow {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
z-index: 2;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.08);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.08);
box-shadow: inset 0 2px 4px rgba(0,0,0,.08);
}
.avatar {
width: 48px;
height: 48px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.avatar-placeholder {
display: inline-block;
background-image: url(../img/avatar_placeholder.png);
}
.size128 {
width: 128px;
height: 128px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.size96 {
width: 96px;
height: 96px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.size72 {
width: 72px;
height: 72px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.size64 {
width: 64px;
height: 64px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.size32 {
width: 32px;
height: 32px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.size24 {
width: 24px;
height: 24px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.size20 {
width: 20px;
height: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.size16 {
width: 16px;
height: 16px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.avatar-row { overflow: hidden }
.avatar-row .size64 { margin-right: 3px }
.avatar-row .size72 { margin-right: 5px }
.avatar-row .avatar {
float: left;
margin-right: 5px;
}
.list-link .avatar-row {
height: 32px;
margin-top: 7px;
margin-bottom: 4px;
line-height: 1;
}
.list-link .avatar-row .avatar { margin-right: 3px }
.active .list-link .avatar-row {
margin-top: 8px;
margin-bottom: 3px;
}
.avatar-row .user-static-list-item:hover { text-decoration: none }
s {
text-decoration: none;
filter: alpha(opacity=60);
-moz-opacity: .6;
opacity: .6;
}
b { font-weight: normal }
.pretty-link b { color: inherit }
.pretty-link:hover,
.pretty-link:hover s { text-decoration: none }
.pretty-link:hover b { text-decoration: underline }
.account-group:hover { text-decoration: none }
.account-group:hover .fullname { text-decoration: underline }
.account-group:hover .username {
text-decoration: none;
color: #999;
}
.bio {
font: italic 13px/18px Georgia,Times New Roman,serif;
color: #777;
word-wrap: break-word;
}
.fullname {
font-weight: bold;
color: #333;
}
.username,
.time,
.time a,
.metadata,
.metadata a {
font-size: 12px;
color: #999;
}
.dismiss {
float: right;
width: 10px;
height: 10px;
margin-top: 5px;
cursor: pointer;
}
.flex-table { width: 100% }
.flex-table-primary,
.flex-table-secondary { vertical-align: top }
.flex-table-primary {
width: 99%;
padding-right: 5px;
}
.flex-table-secondary {
width: 1%;
max-width: 1%;
}
.flex-table-form {
float: left;
width: 100%;
}
.flex-table-input {
display: block;
width: 100%;
height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
*width: 90%;
*height: 24px;
}
.flex-table-btn {
float: right;
width: auto;
white-space: nowrap;
}
.find-friends-sources {
background-color: #fff;
padding: 0 0 20px;
}
.find-friends-list { margin-bottom: 6px }
.find-friends-list li {
position: relative;
overflow: hidden;
padding: 10px 12px;
line-height: 26px;
border-bottom: 1px solid #e8e8e8;
}
.find-friends-list .source {
display: block;
font-size: 14px;
color: #333;
}
.find-friends-list b {
display: inline-block;
font-weight: bold;
line-height: 26px;
}
.find-friends-list i {
width: 26px;
margin-right: 6px;
vertical-align: bottom;
}
.find-friends-list .service-msn {
margin-right: 3px;
margin-left: 3px;
}
.find-friends-list .btn { float: right }
.find-friends-list .matched-email {
margin-left: 32px;
font-size: 12px;
line-height: 18px;
}
.find-friends-sources .fine-print { padding: 10px 12px 0 }
.invite-friends {
padding: 12px;
background-color: #f9f9f9;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.invite-friends .flex-table { margin-bottom: 5px }
.invite-friends textarea {
overflow: hidden;
padding: 4px 5px;
resize: vertical;
}
.invite-friends .expanded {
overflow: auto;
height: 115px;
}
.find-friends-results {
padding-top: 10px;
background-color: #fff;
border-left: 1px solid #eee;
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid #eee;
border-right: 1px solid rgba(0,0,0,.1);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.find-friends-result {
float: left;
width: 160px;
margin-bottom: 36px;
margin-left: 10px;
}
.find-friends-result .avatar,
.find-friends-result .fullname,
.find-friends-result .username { display: block }
.find-friends-result .avatar { margin-bottom: 5px }
.find-friends-result .fullname,
.find-friends-result .username {
overflow: hidden;
font-size: 12px;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
}
.find-friends-result .follow-combo {
margin-top: 5px;
float: left;
}
.content-searchbar {
padding: 12px;
background-color: #f5f5f5;
border-bottom: 1px solid #e8e8e8;
}
.content-searchbar .search-query {
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
}
.content-searchbar .search-query:focus {
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}
.account-summary {
position: relative;
display: block;
min-height: 48px;
}
.account-summary:hover { text-decoration: none }
.account-summary+.account-summary { margin-top: 10px }
.account-summary .avatar {
position: absolute;
top: 0;
left: 0;
}
.account-summary .content {
margin-left: 58px;
margin-right: 20px;
}
.account-summary .account-group-inner,
.account-summary .pretty-link,
.account-summary .account-action,
.account-summary .location { color: #999 }
.account-summary .account-group .account-summary .account-action {
display: block;
line-height: 16px;
}
.account-summary .maybe-follows-you { display: none }
.account-summary .account-group-inner,
.account-summary .metadata {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.account-summary .account-group-inner {
display: block;
width: 100%;
}
.metadata.social-context,
.account-summary .location {
display: block;
line-height: 0\9;
}
.account-summary .bio {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.account-summary .dismiss { margin-top: 3px }
.profile-summary .account-summary { margin-bottom: 0 }
.modal .account-summary { margin: 14px 14px 5px }
.account-summary-small { min-height: 32px }
.account-summary-small .content { margin-left: 42px }
.list-link .account-summary { margin-bottom: 0 }
.banner-inner {
padding: 8px 0;
font-size: 13px;
line-height: 16px;
}
.alert-messages {
position: absolute;
top: 47px;
left: 0;
right: 0;
z-index: 7000;
}
.message {
position: relative;
width: 500px;
padding: 10px 12px;
margin: 0 auto;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background: #111;
background: rgba(20,20,20,.9);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25);
box-shadow: 0 2px 4px rgba(0,0,0,.25);
}
.message .message-text {
display: block;
margin-right: 20px;
color: #ccc;
font-size: 12px;
line-height: 16px;
}
.message .message-text a {
font-weight: bold;
color: #fff;
}
.message .close,
.message .dismiss {
position: absolute;
top: 7px;
right: 12px;
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}
.message .close:hover,
.message .dismiss:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.message .dismiss {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 0;
text-decoration: none;
}
.permalink-footer .footer { margin-top: 10px }
.permalink-tweet .actions .action-open-container,
.tweet.permalink-tweet .geo { display: none }
.tweet.permalink-tweet { cursor: default }
.tweet.permalink-tweet .actions {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.content-divider {
position: absolute;
width: 16px;
height: 8px;
}
.content-divider .outer-carrot,
.content-divider .inner-carrot {
position: absolute;
width: 0;
height: 0;
vertical-align: text-bottom;
border-style: solid;
}
.content-divider .outer-carrot {
top: 0;
left: 0;
z-index: 10;
border-bottom: 8px solid #ddd;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.content-divider .inner-carrot {
top: 1px;
left: 1px;
z-index: 11;
border-bottom: 7px solid #fff;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
.content-divider.down .outer-carrot {
border-bottom: 0;
border-top: 8px solid #ddd;
}
.content-divider.down .inner-carrot {
top: 0;
border-bottom: 0;
border-top: 7px solid #fff;
}
.tipsy {
position: absolute;
z-index: 100000;
padding: 5px;
font-size: 11px;
line-height: 16px;
opacity: .8;
filter: alpha(opacity=80);
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tipsy-arrow {
position: absolute;
width: 9px;
height: 5px;
background: url(../img/temp_phoenix/tipsy.gif) no-repeat top left;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
right: 0;
width: 5px;
height: 9px;
margin-top: -4px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
left: 0;
width: 5px;
height: 9px;
margin-top: -4px;
}
.unselectable {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.stream-item,
.unfocusable-stream-item {
background: #fff;
border-left: 1px solid #e8e8e8;
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid #e8e8e8;
border-right: 1px solid rgba(0,0,0,.1);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.stream-item.has-follow-dropdown-open {
position: relative\9;
z-index: 10000\9;
}
.stream-item-header .avatar,
.permalink-header .avatar {
position: absolute;
top: 12px;
left: 12px;
}
.stream-item .content,
.permalink-tweet .content { margin-left: 58px }
.stream-item-header .account-group { color: #999 }
.tweet .time {
float: right;
margin-top: 1px;
}
.stream-item-header .sm-lock {
margin-top: 1px;
margin-left: 2px;
}
.account,
.interest-category,
.list,
.saved-search,
.tweet,
.app {
position: relative;
min-height: 51px;
padding: 9px 12px 9px;
border-bottom: 1px solid #e8e8e8;
}
.stream-end-item .account,
.stream-end-item .interest-category,
.stream-end-item .list,
.stream-end-item .message-item,
.stream-end-item .saved-search,
.stream-end-item .tweet,
.stream-end-item .app { border-bottom: none }
.rm-streamitem-clearfix .stream-item:before,
.rm-streamitem-clearfix .stream-item:after {
display: block;
content: normal;
clear: none;
}
.tweet { cursor: pointer }
.tweet p a { color: #999 }
.tweet p { word-wrap: break-word }
.tweet .details {
float: left;
padding-top: 1px;
}
.tweet .context a { color: #999 }
.tweet .stream-item-footer {
overflow: hidden;
font-size: 12px;
}
.stream-item .account .verified { margin: 0 4px 0 1px }
.animating .in-reply-to { overflow: hidden }
.tweet .actions,
.tweet .time {
position: absolute;
top: 9px;
right: 12px;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
transition: opacity .15s ease-in-out;
}
.tweet .stream-item-header .actions {
padding-left: 45px;
display: none\9;
-moz-opacity: 0;
opacity: 0;
}
.tweet .actions li { display: inline }
.tweet .actions a {
margin-left: 7px;
color: #999;
}
.tweet .with-icn i { margin-right: 1px }
.tweet .context .with-icn i { margin-right: 3px }
.tweet .separator {
margin-left: 5px;
margin-right: -4px;
}
.tweet .actions b,
.tweet .actions .close-tweet,
.tweet .actions .details-tweet { display: none }
.original-tweet .actions b { display: inline }
.tweet .action-open-container span:hover { text-decoration: underline }
.open .original-tweet.favorited .actions .action-fav,
.tweet.favorited .action-fav,
.tweet.favorited .action-fav-container:hover .action-fav,
.permalink-tweet.favorited .actions .action-fav,
.permalink-tweet.tweet.favorited .actions .action-fav-container:hover .action-fav { background-color: #ff9b00 }
.tweet.favorited .action-fav-container b,
.tweet.favorited .action-fav-container:hover b,
.open .original-tweet.favorited .actions .action-fav-container b { color: #ff9b00 }
.open .original-tweet.retweeted .actions .action-rt,
.tweet.retweeted .action-rt,
.tweet.retweeted .action-rt-container:hover .action-rt,
.permalink-tweet.retweeted .actions .action-rt,
.permalink-tweet.tweet.retweeted .actions .action-rt-container:hover .action-rt { background-color: #81cd35 }
.tweet.retweeted .action-rt-container b,
.tweet.retweeted .action-rt-container:hover b,
.open .original-tweet.retweeted .actions .action-rt-container b { color: #609928 }
.client-and-actions .actions {
position: relative;
top: 0;
right: 0;
padding-left: 0;
margin-left: -7px;
}
.tweet:hover .time {
display: none\9;
-moz-opacity: 0;
opacity: 0;
}
.tweet:hover .stream-item-header .actions {
display: block\9;
-moz-opacity: 1;
opacity: 1;
}
.unclickable-tweet,
.unclickable-tweet .account-group { cursor: default }
.unclickable-tweet:hover .time {
display: block\9;
-moz-opacity: 1;
opacity: 1;
}
.unclickable-tweet .account-group:hover .fullname,
.unclickable-tweet a:hover { text-decoration: none }
.stream-item.hovered-stream-item { background-color: #f5f5f5 }
.stream-item.hovered-stream-item.open { background-color: #fff }
.tweet .with-icn .badge-top,
.tweet .with-icn .badge-promoted,
.tweet .with-icn .badge-political { margin-right: 3px }
.tweet .dismiss-promoted {
margin-left: 10px;
color: #999;
}
.tweet .dismiss-promoted .close {
margin: 2px 4px 0 0;
*margin-top: 3px;
}
.tweet .dismiss-promoted { display: none }
.tweet:hover .dismiss-promoted,
.open .tweet .dismiss-promoted { display: inline }
.tweet .dismiss-promoted:hover .close { color: #333 }
.tweet .social-context {
display: block;
color: #999;
}
.tweet .context .pretty-link s,
.tweet .context .pretty-link b { color: #999 }
.tweet.retweeted .time,
.tweet.favorited .time,
.tweet.favorited .actions,
.tweet.retweeted .actions { margin-right: 5px }
.tweet span.unfavorite,
.tweet.favorited span.favorite,
.tweet.retweeted .retweet,
.tweet .hide-open,
.tweet .undo-retweet,
.tweet.my-tweet .action-rt-container,
.tweet .actions .action-del-container,
.replies .tweet .actions,
.stream-item .in-reply-to .tweet .actions,
.open .actions .open-tweet,
.replies .details,
.in-reply-to .details,
.replies .close-tweet,
.in-reply-to .close-tweet,
.original-tweet .client-and-actions .action-open-container,
.open .original-tweet .stream-item-header .action-del-container,
.open .original-tweet .stream-item-header .action-reply-container,
.open .original-tweet .stream-item-header .action-rt-container,
.open .original-tweet .stream-item-header .action-fav-container,
.open .original-tweet .stream-item-header .separator,
.open .original-tweet .time { display: none }
.open .replies .tweet:hover .actions,
.open .in-reply-to .tweet:hover .actions { display: block }
.tweet.retweeted .undo-retweet,
.tweet.favorited span.unfavorite,
.my-tweet .actions .action-del-container,
.open .original-tweet .actions .close-tweet,
.open .original-tweet .actions b,
.open .replies .details-tweet,
.open .in-reply-to .details-tweet { display: inline }
.permalink-tweet .expanded-content { display: block }
.permalink-tweet {
padding-bottom: 24px;
border-bottom: 0;
}
.permalink-header {
float: left;
margin-bottom: 15px;
}
.permalink-header .fullname { display: block }
.permalink-header .fullname {
margin-top: 10px;
font-size: 18px;
}
.permalink-header .username { font-size: 14px }
.permalink-header .sm-lock { margin-top: 1px }
.permalink .follow-combo { float: right }
.permalink-tweet .actions b { display: inline }
.permalink-tweet .actions .action-open-container,
.permalink-tweet .edit-profile-btn { display: none }
.permalink-tweet .dogear {
top: -8px;
right: -52px;
}
.permalink-tweet p {
font-family: Georgia,Times New Roman,serif;
font-size: 22px;
line-height: 28px;
}
.permalink-footer { margin-top: 10px }
.permalink-tweet .actions { display: block }
.permalink .stats .stat-count a {
cursor: default;
color: #999;
}
.permalink .stats .avatar-row a {
padding: 0;
border-left: none;
}
.permalink .stats .avatar-row a:first-child {
padding-left: 12px;
border-left: 1px solid #E8E8E8;
}
.permalink .in-reply-to,
.permalink .replies-to {
padding-left: 0;
padding-right: 0;
background-color: transparent;
}
.permalink .replies-to {
padding-bottom: 18px;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.permalink .replies-to .tweet,
.permalink .in-reply-to .tweet {
padding-left: 0;
padding-right: 0;
}
.permalink-inner.replies-to .tweet .time,
.permalink-inner.replies-to .tweet .actions,
.permalink-inner.in-reply-to .tweet .time,
.permalink-inner.in-reply-to .tweet .actions {
right: 64px;
margin-right: 0;
}
.permalink-inner.replies-to .open-tweet,
.permalink-inner.replies-to .details,
.permalink-inner.in-reply-to .open-tweet,
.permalink-inner.in-reply-to .details { display: none }
.permalink-inner.replies-to .details-tweet,
.permalink-inner.in-reply-to .details-tweet { display: inline }
.permalink-inner.replies-to .tweets-wrapper .tweet:first-child .dogear,
.permalink-inner.in-reply-to .tweets-wrapper .tweet:first-child .dogear { top: -8px }
.permalink-inner.replies-to .tweets-wrapper .tweet:last-child,
.permalink-inner.in-reply-to .tweets-wrapper .tweet:last-child { border-bottom: 0 }
.permalink .replies-to .content,
.permalink .in-reply-to .content {
margin-left: 121px;
margin-right: 64px;
}
.permalink-inner.replies-to .avatar,
.permalink-inner.in-reply-to .avatar { left: 64px }
.permalink-inner.replies-to+.stream-end { background-color: #f6f6f6 }
.permalink .in-reply-to {
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
}
.replies-to .content-divider {
position: absolute;
top: -1px;
left: 76px;
}
.permalink .in-reply-to .content-divider {
bottom: -1px;
left: 80px;
}
.permalink .replies-to .content-divider { left: 80px }
.before-expanded .tweet { border-bottom: 0 }
.before-expanded {
border-bottom: 1px solid #e8e8e8;
border-bottom: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.after-expanded {
border-top: 1px solid #e8e8e8;
border-top: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.before-expanded.after-expanded {
border: 1px solid #e8e8e8;
border: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.expanded-content {
position: relative;
height: 0;
overflow: hidden;
}
.open .expanded-content,
.animating .expanded-content { height: auto }
.open .view-open { display: none }
.open .hide-open { display: inline }
.open .details b,
.open .hide-open { color: #999 }
.open.stream-item {
border: 1px solid #e8e8e8;
border: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.open .tweet,
.animating .tweet {
border-bottom: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.stream-item.open:first-child {
margin-top: 0;
border-top: 0;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.stream-item.open:last-child {
margin-bottom: 0;
border-bottom: 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.expanded-content .embed { margin-bottom: 6px }
.embed>a {
display: block;
line-height: 0;
}
.tweet-media { overflow: hidden }
.tweet .metadata { overflow: hidden }
.flag-container {
float: right;
margin-top: 6px;
}
.tweet .media-attribution {
float: left;
margin-top: 5px;
}
.tweet .media-attribution img {
vertical-align: -25%;
height: 16px;
width: 16px;
}
.tweet-media .media-attribution-link,
.flag-container {
font-size: 12px;
color: #999;
}
.tweet .stats {
margin-top: 10px;
border-bottom: 1px solid #e8e8e8;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.tweet .stats a {
width: auto;
cursor: default;
}
.tweet .stats a:hover { color: #999 }
.tweet .stats a:hover strong { color: #333 }
.tweet .stats .avatar-row a { padding: 11px 0 }
.tweet .stats li:first-child a { padding-left: 0 }
.stream-item .stats .avatar-row a { border-left: none }
.stream-item .stats .avatar-row a:first-child {
padding-left: 12px;
border-left: 1px solid #e8e8e8;
}
.tweet .tweet-stats-container.already-open { height: 50px }
.expanded-content .geo { margin-top: 12px }
.tweet .geo {
height: 120px;
margin-top: 10px;
}
.client-and-actions {
clear: both;
margin-top: 10px;
overflow: hidden;
}
.client-and-actions .metadata { line-height: 24px }
.replies {
position: relative;
display: none;
padding: 0;
background-color: #f6f6f6;
background: #f6f6f6;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.open .replies,
.animating .replies { display: block }
.replies .tweet {
min-height: 32px;
padding-left: 70px;
font-size: 12px;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.stream-item .replies-to .tweets-wrapper .tweet:first-child .dogear { top: -5px }
.replies .replies-to { padding-top: 4px }
.permalink .replies-to .tweet,
.in-reply-to .tweet { min-height: 54px }
.replies .tweet:last-child { border-bottom: 0 }
.replies .tweet .content { margin-left: 112px }
.replies .tweet .avatar {
left: 68px;
width: 32px;
height: 32px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.replies .tweet .content { margin-left: 41px }
.replies .stream-item-footer .details,
.in-reply-to .stream-item-footer .details,
.replies-to .stream-item-footer .details { color: #999 }
.recent-tweets { margin-bottom: -10px }
.recent-tweets .tweet {
min-height: 32px;
padding: 9px 15px 12px;
font-size: 12px;
border-bottom: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
cursor: default;
}
.recent-tweets .tweet+.tweet { border-top: 1px solid #e8e8e8 }
.recent-tweets .tweet .content { margin-left: 112px }
.recent-tweets .tweet .avatar {
left: 15px;
width: 32px;
height: 32px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.recent-tweets .tweet .actions,
.recent-tweets .tweet .time { right: 15px }
.recent-tweets .tweet .content { margin-left: 41px }
.recent-tweets .stream-item-footer { display: none }
.recent-tweets .tweet .action-reply-container,
.recent-tweets .tweet .action-del-container,
.recent-tweets .tweet .action-fav-container,
.recent-tweets .tweet .action-rt-container,
.recent-tweets .tweet .action-open-container .separator,
.recent-tweets .tweet .actions .open-tweet { display: none }
.recent-tweets .tweet .actions .details-tweet { display: inline }
.content-main .in-reply-to {
position: relative;
display: none;
height: 0;
background: #f6f6f6;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.content-main .open .in-reply-to,
.content-main .animating .in-reply-to { display: block }
.content-main .in-reply-to .tweet {
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.content-main .in-reply-to .tweet:last-child { border-bottom: 0 }
.content-main .in-reply-to .content-divider {
top: auto;
bottom: -1px;
left: 28px;
}
.stream-item .account .content { margin-right: 150px }
.stream-item .account .follow-combo,
.stream-item .account .btn-group,
.stream-item .account .edit-profile-btn { float: right }
.stream-item .saved-search {
min-height: 0;
cursor: pointer;
}
.stream-item .saved-search .content { margin-left: 0 }
.list {
min-height: 32px;
cursor: pointer;
}
.list .content {
margin-left: 0;
margin-right: 54px;
}
.list .avatar {
position: absolute;
top: 12px;
right: 12px;
left: auto;
}
.list .username a { color: #999 }
.app {
position: relative;
min-height: 48px;
}
.app .revoke { float: right }
.app .content {
margin-left: 60px;
margin-right: 130px;
}
.app .app-img {
position: absolute;
top: 12px;
left: 12px;
}
.app .creator,
.app .creator a { color: #999 }
.app .description { color: #555 }
.interest-category {
padding-top: 22px;
padding-bottom: 24px;
}
.interest-category .content { margin-left: 0 }
.interest-category .content .stream-item-header { margin-bottom: 5px }
.media-not-displayed h2 {
margin-bottom: 3px;
font-size: 14px;
}
.media-not-displayed p {
font-size: 12px;
font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 15px;
color: #777;
}
.expanded-content .media-not-displayed .btn {
padding: 2px 7px;
margin-top: 4px;
font-size: 11px;
}
.expanded-content.media-not-displayed .always-display-media { font-size: 12px }
.permalink .media-not-displayed { margin: 20px 0 25px }
.permalink .media-not-displayed h2 {
margin-bottom: 5px;
font-size: 18px;
}
.permalink .media-not-displayed p {
font-size: 14px;
line-height: 18px;
}
.permalink .media-not-displayed .btn { margin-top: 5px }
.stream-end-item,
.stream-end,
.stream-loading,
.stream-placeholder {
border-left: 1px solid #eee;
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid #eee;
border-right: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid #eee;
border-bottom: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.stream-end,
.stream-loading,
.stream-placeholder {
font-size: 13px;
color: #777;
text-align: center;
}
.stream-end-inner {
padding: 30px 50px;
background-color: #fff;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.stream-end p,
.stream-placeholder p { margin-top: 5px }
.stream-end { margin-bottom: 15px }
.stream-placeholder h2 { font-weight: normal }
.stream-protected { text-align: left }
.stream-protected .stream-end-inner {
position: relative;
padding: 15px 12px;
background-color: #f6f6f6;
}
.stream-protected h2,
.stream-protected p { margin-right: 80px }
.watermark-lock {
position: absolute;
right: 0;
bottom: 0;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
.tweet-text-rtl {
padding-right: 2px;
text-align: right;
direction: rtl;
unicode-bidi: embed;
}
.tweet-text-rtl a {
direction: ltr;
unicode-bidi: bidi-override;
}
.hovered-stream-item.stream-item { background-color: #f5f5f5 }
.hovered-stream-item.stream-item.open,
.hovered-stream-item.stream-item:hover { background-color: #fff }
.new-tweets-bar {
position: relative;
top: -1px;
font-size: 13px;
display: block;
padding: 10px 1px;
cursor: pointer;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,.6);
font-weight: normal;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
z-index: 2;
-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
}
.new-tweets-bar:hover { background-color: #eee }
.spinner {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../img/loader.gif) center center no-repeat;
}
.expansion-container {
overflow: hidden;
position: relative;
}
#stream-items-id { zoom: 1 }
.story {
position: relative;
margin: 20px 12px 0;
border: 1px solid #ddd;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.08);
box-shadow: 0 1px 3px rgba(0,0,0,.08);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.image.story,
.video.story { border: 0 }
.story-header {
position: relative;
display: block;
padding: 10px;
line-height: 1;
text-shadow: 0 1px 0 #fff;
background-color: #f5f5f5;
border-bottom: 1px solid #e8e8e8;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nomedia .story-header {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.image .story-header,
.video .story-header {
display: none;
border: 1px solid #ddd;
}
.image.nomedia .story-header,
.video.nomedia .story-header { display: block }
.story-header:hover { text-decoration: none }
.story-header .story-title {
max-width: 315px;
height: 27px;
overflow: hidden;
font-size: 24px;
font-weight: bold;
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
.story-header .story-title a {
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
}
.media-headline .story-title a {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
padding: 12px;
font-weight: bold;
color: #fff;
background: #000;
background: rgba(0,0,0,.8);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-transition: .1s linear all;
-moz-transition: .1s linear all;
transition: .1s linear all;
}
.media-headline .story-title a:hover { text-decoration: underline }
.media-headline .story-title-text {
display: block;
max-width: 440px;
height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.story-header .subtitle { line-height: 20px }
.story-header .sm-search {
margin: -1px 3px 0 0;
background-color: #999;
}
.view-hashtag,
.is-hashtag .view-more-tweets,
.media-headline .view-hashtag { display: none }
.is-hashtag .view-hashtag,
.is-hashtag .media-headline .view-hashtag { display: inline }
.view-tweets {
float: right;
margin-top: 6px;
font-size: 12px;
color: #999;
}
.story-header .content-divider {
top: auto;
left: 9px;
bottom: -1px;
}
.story-header .view-tweets:hover { text-decoration: underline }
.story-body {
max-height: 250px;
overflow: hidden;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.image .story-body,
.video .story-body {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.story-body .story-title {
max-height: 36px;
overflow: hidden;
font-size: 14px;
font-weight: bold;
-webkit-transition: .1s linear all;
-moz-transition: .1s linear all;
transition: .1s linear all;
color: #333;
}
.story-body .story-summary {
max-height: 36px;
overflow: hidden;
color: #555;
}
.story.loading .story-load-status {
display: block;
margin: 40px 0;
color: #999;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.story .story-load-status { display: none }
.story-body a { text-decoration: none }
.media-error .story-header { border-bottom: 0 }
.media-error { display: none }
.story-article {
display: block;
padding: 9px;
overflow: hidden;
border: 1px solid #fff;
-webkit-transition: .1s linear all;
-moz-transition: .1s linear all;
transition: .1s linear all;
}
.story-article:hover { text-decoration: none }
.story-article .metadata:hover { text-decoration: underline }
.story-article .metadata {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.story-article .metadata .content { margin-left: 0 }
.image-wrapper {
float: right;
width: 100px;
max-height: 100px;
padding-left: 10px;
overflow: hidden;
}
.image-wrapper .article-image {
float: right;
width: 100%;
}
.story-image,
.story-video { width: 100% }
.video .play-large {
position: absolute;
bottom: 65%;
left: 50%;
margin-bottom: -50px;
margin-left: -24px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;
-webkit-transition: .1s linear all;
-moz-transition: .1s linear all;
transition: .1s linear all;
}
.story.video .story-body:hover .play-large {
filter: alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.story.video .story-body .play-large:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.story.loading .attribution,
.story.loading .story-tweet,
.story.loading .media-headline,
.story.loading .play-large,
.story.loading .story-image,
.story.loading .story-video,
.story.nomedia .attribution,
.story.nomedia .story-tweet,
.story.nomedia .story-body,
.story.nomedia .media-headline { display: none }
.story.loading .story-body {
background-color: #f5f5f5;
border: 1px solid #ddd;
}
.story .attribution {
position: absolute;
top: 12px;
right: 12px;
}
.story .attribution .favicon {
width: 16px;
height: 16px;
}
.story-tweet {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: #dedede;
background: #111;
background: rgba(0,0,0,.8);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-transition: .1s linear all;
-moz-transition: .1s linear all;
transition: .1s linear all;
}
.story-body:hover .story-tweets { background-color: #000 }
.story-tweet .content {
padding: 12px 12px 12px 2px;
margin-left: 41px;
}
.story-tweet .tweet-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.story-tweet .details {
float: right;
margin-top: 1px;
font-size: 12px;
color: #fff;
filter: alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
-webkit-transition: .1s linear all;
-moz-transition: .1s linear all;
transition: .1s linear all;
}
.story-body:hover .details {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.story-tweet .details:hover { text-decoration: underline }
.story-tweet .details .disco-media-type { margin: 1px 5px 0 0 }
.story-tweet .avatar {
position: absolute;
top: 15px;
left: 12px;
}
.story-tweet .fullname,
.stream-item .story-tweet:hover .fullname { color: #ddd }
.onebox { margin: -12px -12px 12px }
.onebox-inner {
padding: 12px;
background-color: #fafafa;
border-bottom: 1px solid #e8e8e8;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.onebox p {
font-size: 12px;
color: #666;
}
.onebox-header { margin-bottom: 8px }
.onebox-header h3 {
display: inline;
font-weight: bold;
color: #777;
}
.onebox h2 {
*min-height: 21px;
max-height: 40px;
margin-bottom: 4px;
}
.onebox h2>div { *max-height: 60px }
.onebox .account-summary { font-size: 12px }
.onebox .account-summary .content {
margin-left: 58px;
margin-right: 150px;
}
.onebox .stream-item {
border: none;
background-color: transparent;
}
.onebox .account {
border: none;
padding-right: 0;
padding-bottom: 0;
}
.onebox .bio {
display: inline-block;
max-width: 420px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.onebox .attribution {
display: block;
font-size: 12px;
color: #999;
}
.onebox .follow-combo { float: right }
.onebox .image-wrapper {
width: 64px;
height: 64px;
}
.onebox:hover,
.card-body:hover { text-decoration: none }
.stream-item-activity { position: relative }
.stream-item-activity-line {
font-size: 13px;
line-height: 16px;
}
.activity-additional-info {
float: right;
font-size: 12px;
color: #999;
}
.activity-secondary-supplement {
display: none;
padding: 0 0 6px 70px;
}
.activity-secondary-supplement .avatar { margin-right: 1px }
.stream-item-activity .activity-supplement .latest-tweet .tweet-content { margin-left: 0 }
.stream-item-activity .btn-user-actions,
.stream-item-activity .account .verified,
.stream-item-activity .edit-profile-btn,
.follow-more-than-two .account .bio,
.follow-more-than-two .account .fullname,
.follow-more-than-two .account .username,
.follow-exactly-two .account .bio,
.stream-item-activity-network .follow-more-than-two .follow-combo { display: none }
.stream-item-activity-me .supplement,
.activity-secondary-supplement .supplement,
.follow-exactly-two .supplement,
.follow-more-than-two .supplement {
display: inline-block;
*display: inline;
zoom: 1;
}
.stream-item-activity .account .follow-combo { float: none }
.stream-item-activity .tweet-content {
padding-right: 12px;
margin-bottom: 6px;
margin-left: 70px;
}
.follow-more-than-two .account {
display: inline-block;
*display: inline;
padding: 0;
border: none;
zoom: 1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.stream-item-activity .sub-stream-item-hidden { display: none }
.stream-item-activity .account,
.stream-item-activity .list { border-bottom: none }
.view-all-supplements {
display: inline-block;
*display: inline;
font-size: 11px;
zoom: 1;
}
.view-all-supplements.show .show-text,
.view-all-supplements.hide .hide-text { display: inline }
.view-all-supplements.hide .show-text,
.view-all-supplements.show .hide-text { display: none }
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 100000;
opacity: .8;
filter: alpha(opacity=80);
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
background: url(../img/temp_phoenix/tipsy.gif) no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.stream-item-activity-me { border-bottom: 1px solid #e8e8e8 }
.stream-item-activity-me .latest-tweet {
min-height: 0;
padding: 0;
margin-top: -3px;
margin-bottom: 3px;
font-size: 13px;
border-bottom: none;
}
.stream-item-activity-me .latest-tweet .tweet-text { word-wrap: break-word }
.stream-item-activity-me .latest-tweet .tweet-row {
margin-top: -3px;
display: inline-block;
*display: inline;
max-width: 435px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
zoom: 1;
}
.stream-item-activity-me .latest-tweet .tweet-row,
.stream-item-activity-me .latest-tweet .tweet-row a { color: #999 }
.stream-item-activity-me .latest-tweet .tweet-text,
.stream-item-activity-me .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp {
display: inline;
zoom: 1;
}
.stream-item-activity-line-me { padding: 10px 20px 5px 70px }
.stream-item-activity-me .stream-item-activity-line {
font-size: 14px;
line-height: 18px;
}
.stream-item-activity-line-me .fullname { color: #000 }
.stream-item-list_member_added .stream-item-activity-line-me { padding-bottom: 12px }
.stream-item-activity-me .activity-additional-info { margin: 9px 12px 0 0 }
.stream-item-activity-me span.list {
min-height: 0;
margin: 0;
padding: 0;
border: 0;
}
.stream-item-activity-me .stream-item-activity-header .pretty-link b {
font-weight: bold;
color: #333;
}
.stream-item-activity-me .stream-item-activity-header .pretty-link s { display: none }
.stream-item-activity-me .view-all-supplements {
margin-left: 70px;
margin-bottom: 6px;
}
.stream-item-activity-me .supplement.hidden-supplement { display: block }
.stream-item-activity-me .activity-supplement {
margin: 0;
padding: 0 12px 10px 70px;
}
.stream-item-activity-me .has-hidden-supplements { padding-bottom: 0 }
.stream-item-activity-me .activity-type {
position: absolute;
left: 50px;
top: 10px;
*top: 12px;
display: inline-block;
*display: inline;
width: 16px;
*width: 24px;
height: 16px;
margin-left: 0;
vertical-align: middle;
zoom: 1;
}
.stream-item-list_member_added.stream-item-activity-me .stream-item-activity-line .avatar,
.stream-item-list_member_added.stream-item-activity-me .activity-supplement { display: none }
.stream-item-activity-me .avatar {
display: inline-block;
*display: inline;
margin-right: 2px;
cursor: pointer;
zoom: 1;
}
.stream-item-activity-network .stream-item-activity-header {
padding: 8px 8px 8px 12px;
margin: 12px 12px 0;
background-color: #f8f8f8;
border: 1px solid #eaeaea;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.stream-item-activity-network .activity-timestamp,
.stream-item-activity-network .activity-type { display: none }
.follow-exactly-two .account .fullname,
.follow-exactly-two .account .username {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.follow-more-than-two .sm-lock,
.follow-exactly-two .sm-lock { display: none }
.stream-item-activity-network .view-all-supplements { color: #999 }
.stream-item-activity-network .has-hidden-supplements .supplement {
border-top: 1px solid #e8e8e8;
padding-top: 1px;
}
.stream-item-activity-network .has-hidden-supplements .visible-supplement { border-top: none }
.stream-item-activity-network .activity-supplement .tweet { border-bottom: none }
.stream-item-activity-network .activity-supplement {
margin: 0 12px;
border: 1px solid #eaeaea;
border-top: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.stream-item-activity-network .follow-combo { margin-top: 6px }
.stream-item-activity-network .activity-supplement .account .content {
margin-right: 0;
margin-left: 85px;
min-height: 72px;
}
.stream-item-follow .follow-more-than-two .content .avatar,
.stream-item-list_member_added .follow-more-than-two .content .avatar {
position: relative;
left: 0;
top: 0;
}
.stream-item-activity-line-network .avatar {
margin-right: 3px;
vertical-align: top;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.stream-item-activity-network .follow-more-than-two { padding: 12px 12px 9px }
.stream-item-activity-network .follow-more-than-two .account { margin-right: 12px }
.stream-item-activity-network .follow-more-than-two .account .content { margin: 0 }
.stream-item-activity-network .follow-exactly-two .supplement { width: 50% }
div.tweet-media,
div.tweet-map { margin: 12px 0 }
div.tweet-media img {
max-width: 100%;
max-height: 700px;
}
div.tweet-map { height: 100px }
div.tweet-media img.flickr-thumb {
margin: 0 30px 18px 0;
padding: 0;
box-shadow: 0 2px 2px #333;
-moz-box-shadow: 0 2px 2px #333;
-webkit-box-shadow: 0 2px 2px #333;
}
div.tweet-media iframe {
display: block;
position: relative;
z-index: 1;
overflow: hidden;
border: 0;
}
div.etsy {
-moz-border-radius: 5px;
background: #fff;
padding: 15px;
}
div.etsy img.thumb {
margin: 0 10px 0 0;
width: 138px;
}
div.etsy h3 { margin-bottom: 0 }
.gist iframe {
border: none;
overflow: auto;
width: 100%;
min-height: 350px;
}
.permalink-tweet .media-instance-container,
.tweet .media-instance-container {
float: left;
max-width: 100%;
margin-bottom: 20px;
*min-width: 300px;
*position: relative;
}
.media-instance-container:last-child { margin-bottom: 0 }
.permalink-tweet .tweet-row,
.tweet .tweet-row { clear: left }
body.sandboxed-media img { max-width: 100% }
.permalink-tweet div.tweet-media iframe { width: 500px }
.permalink-tweet div.tweet-media img { max-width: 500px }
.original-tweet div.tweet-media iframe { width: 435px }
.original-tweet div.tweet-media img { max-width: 435px }
.tweet-media a.has-cover {
display: block;
position: relative;
}
.tweet-media .cover,
.media-thumbnail .cover {
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: white;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: .0;
}
.flag-container {
color: #999;
float: right;
font-size: 12px;
margin-left: 20px;
line-height: 16px;
*position: absolute;
*right: 0;
}
.flag-container a { color: #999!important }
.media-attribution {
color: #999;
float: left;
font-size: 11px;
}
.media-attribution a {
line-height: 16px;
color: #999!important;
font-size: 11px;
}
.media-attribution a:hover { color: #555 }
.media-attribution img {
vertical-align: middle;
position: relative;
top: -1px;
}
.icon-only * { display: inline-block }
.icon-only a,
.icon-only span { line-height: 1em }
.media-attribution img {
width: 16px;
height: 16px;
}
.auto-size img {
width: auto;
height: auto;
}
div.tweet-media .media-attribution img { margin: 0 3px 0 0 }
div.tweet-media .icon-only img { margin: 0 0 0 2px }
body.sandboxed-media div.tweet-media { margin: 0 }
.embedded-tweet {
padding: 10px 10px 10px 68px;
background-color: #f5f5f5;
border: 1px solid #ddd;
}
.embedded-tweet .tweet-text { display: inline }
.embedded-tweet .avatar {
position: absolute;
left: 10px;
}
div.turkey-wrapper { position: relative }
div.turkey-wrapper .main-image-container { clear: both }
div.turkey-wrapper img.scaled-image {
position: static;
display: block;
}
div.turkey-wrapper .thumbnail-container a.media-thumbnail {
float: left;
margin: 0 2px 2px 0;
}
div.turkey-wrapper .thumbnail-container .media-thumbnail { position: relative }
div.turkey-wrapper .active .thumbnail-active-border,
div.turkey-wrapper .active .thumbnail-active-border-inner {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
div.turkey-wrapper .active .thumbnail-active-border { border: 1px solid #CCC }
div.turkey-wrapper .active .thumbnail-active-border-inner { border: 2px solid #FFF }
.copied-twimg a.inline-media-image {
position: relative;
display: block;
}
.tweet a.inline-media-image:hover { text-decoration: none }
.copied-twimg img { display: block }
.copiedtwimg-container .flag-container { margin-top: 3px }
.copied-twimg .attribution-wrapper,
.media-slideshow-media-container .attribution-wrapper {
position: absolute;
display: block;
width: 100%;
bottom: 0;
left: 0;
background: black;
background: rgba(0,0,0,0.7);
cursor: pointer;
line-height: normal;
}
.copied-twimg .attribution,
.media-slideshow-media-container .attribution {
padding: 8px;
font-size: 11px;
color: #eee;
display: block;
text-align: left;
}
.copied-twimg .attribution .profile-path,
.media-slideshow-media-container .attribution .profile-path {
font-style: normal;
color: #ddd;
}
.copied-twimg .attribution .profile-path:hover,
.media-slideshow-media-container .attribution .profile-path:hover { text-decoration: underline }
.copied-twimg .attribution .unit,
.media-slideshow-media-container .unit { display: inline-block }
.media-slideshow-media-container a.media-thumbnail { text-decoration: none }
.twttr-dialog-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5000;
display: none;
background: #808080;
background: rgba(0,0,0,.5);
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.twttr-dialog-wrapper {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 6000;
display: none;
overflow: auto;
}
html { *overflow: auto }
.modal-enabled .twttr-dialog-wrapper { display: block }
.modal-enabled .global-nav-inner { margin-right: 15px }
.modal-enabled {
position: relative;
overflow: hidden;
margin-right: 15px;
}
.twttr-dialog-container {
z-index: 6000;
position: relative;
margin: 90px auto 40px;
overflow: visible;
background-color: #fff;
border: 1px solid #ccc\9;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
}
.twttr-dialog-error { display: none }
.twttr-dialog-header {
overflow: hidden;
padding: 15px;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.twttr-dialog-inside {
position: relative;
z-index: 1;
}
.draggable .twttr-dialog-header { cursor: move }
.twttr-dialog-header h3 {
float: left;
font-size: 18px;
font-weight: bold;
line-height: 1;
}
.twttr-dialog-header .twttr-dialog-close {
float: right;
width: 12px;
height: 13px;
background: url(../img/twitter_web_sprite_icons.png) no-repeat 0 -510px;
cursor: pointer;
}
.twttr-dialog-header .twttr-dialog-close b { display: none }
.twttr-dialog-content { position: relative }
.twttr-dialog-body { padding: 0 15px 15px }
.twttr-dialog-footer {
padding: 15px;
background-color: #eee;
background-image: url(../img/noise.png);
border-top: 1px solid #e5e5e5;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.twttr-dialog-footer .btn {
float: right;
margin-left: 5px;
}
.twttr-dialog p { margin-bottom: 0 }
.twttr-dialog .tweet-box {
-moz-border-radius: 5px;
padding: 5px 0 0 0;
}
.twttr-dialog .tweet-button-container {
display: block;
margin: 10px 0 0 0;
text-align: right;
}
.twttr-dialog-error { display: none }
#retweet-dialog .tweet {
padding: 12px;
border: 1px solid #e8e8e8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#retweet-dialog .tweet img {
position: absolute;
top: 12px;
left: 12px;
}
#retweet-dialog .tweet p { margin-left: 58px }
#retweet-dialog .btn {
float: right;
margin-left: 10px;
}
.twttr-dialog-reply-footer {
overflow: hidden;
line-height: 17px;
border-bottom: 0;
padding: 5px;
word-wrap: break-word;
}
.twttr-dialog-reply-footer p {
margin: 0 0 0 59px;
padding: 0;
}
.twttr-dialog-reply-footer img {
display: block;
float: left;
width: 48px;
height: 48px;
line-height: 1;
}
.twttr-dialog-reply-footer span.twttr-reply-screenname {
display: block;
font-weight: bold;
}
.twttr-dm-check {
margin: 0 7px;
display: inline-block;
width: 15px;
height: 13px;
background: url(../img/temp_phoenix/sprite-icons.png) -144px -16px no-repeat;
opacity: 0;
filter: alpha(opacity=0);
}
.tweet-box .error-text {
color: #fff;
background-color: #992b41;
padding: 3px;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.twttr-goto-user-input,
.twttr-search-facets-input {
width: 406px;
padding: 6px;
font-size: 20px;
}
.twttr-prompt {
padding: 15px 0 0;
text-align: center;
}
.twttr-prompt .button { margin: 0 5px }
.local-trends-breadcrumbs {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: thin solid #E5E5E5;
font-size: 12px;
}
ul.local-trends-list-new {
float: left;
list-style-type: none;
margin: 0 5px 0 0;
width: 180px;
overflow: hidden;
font-size: 12px;
}
.local-trends-list-new li {
float: left;
width: 180px;
margin: 0 7px 0 0;
padding: 0 0 4px 0;
white-space: nowrap;
}
a.trend-breadcrumb-location:link,
a.trend-breadcrumb-location:visited {
border: 1px solid transparent;
padding: 2px 4px;
}
span.trend-breadcrumb-connector { padding: 0 3px }
.local-trends-list-new a {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;
display: block;
}
.local-trends-list-new dt {
margin-left: 5px;
font-weight: bold;
border-bottom: 1px solid #eee;
margin-bottom: 4px;
padding-bottom: 4px;
}
.local-trends-list-new dd {
float: left;
width: 134px;
margin-right: 7px;
}
a.trend-breadcrumb-location:hover,
.local-trends-list-new a:hover {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #eee;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f7f7f7 0,#eee 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#eee));
background-image: -webkit-linear-gradient(top,#f7f7f7 0,#eee 100%);
background-image: -ms-linear-gradient(top,#f7f7f7 0,#eee 100%);
background-image: -o-linear-gradient(top,#f7f7f7 0,#eee 100%);
background-image: linear-gradient(top,#f7f7f7 0,#eee 100%);
border: 1px solid #ccc;
color: #333;
padding: 2px 4px;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
}
a.trend-breadcrumb-location.selected span,
.local-trends-list-new a.selected span {
background-image: url(../img/temp_phoenix/sprite-icons.png);
background-position: -160px -16px;
background-repeat: no-repeat;
display: inline-block;
height: 9px;
margin-bottom: 2px;
margin-left: 5px;
outline: medium none;
overflow: hidden;
position: relative;
top: -3px;
vertical-align: bottom;
width: 10px;
}
.local-trends-list {
overflow: hidden;
margin: 5px 0 10px 5px;
}
.local-trends-list dt {
margin-left: 5px;
font-weight: bold;
border-bottom: 1px solid #eee;
margin-bottom: 4px;
padding-bottom: 4px;
}
.local-trends-list dd {
float: left;
width: 134px;
margin-right: 7px;
}
.local-trends-list a {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;
display: block;
width: 128px;
outline: none;
}
.local-trends-list a:hover {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
background: url(../img/temp_phoenix/buttons/bg-btn.gif) repeat-x scroll 0 0 #DDD;
border: 1px solid #AAA;
color: #333;
padding: 2px 4px;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
}
.local-trends-list dd a.selected,
.local-trends-list dd a.selected:hover,
.local-trends-list dd a.selected:active {
background-color: #eee!important;
color: #333!important;
font-weight: bold;
}
.local-trends-list a.selected span {
background-image: url(../img/temp_phoenix/sprite-icons.png);
background-position: -160px -16px;
background-repeat: no-repeat;
display: inline-block;
height: 9px;
margin-bottom: 2px;
margin-left: 5px;
outline: medium none;
overflow: hidden;
position: relative;
top: -3px;
vertical-align: bottom;
width: 10px;
}
.list-editor hr { display: none }
.list-editor .help-text {
display: block;
font-size: 11px;
color: #999;
margin-left: 120px;
}
.list-editor .field {
clear: both;
display: block;
margin: 0 0 15px 0;
}
.list-editor label {
float: left;
text-align: right;
width: 105px;
padding-right: 15px;
margin-bottom: 15px;
}
.list-editor input.text,
.list-editor textarea { width: 290px }
.list-editor textarea {
resize: none;
height: 36px;
}
.list-editor .options {
float: left;
width: 290px;
height: 60px;
}
.list-editor .options label,
.list-editor .options input {
float: none;
display: inline-block;
width: auto;
margin-bottom: 5px;
font-size: 12px;
color: #999;
}
.list-editor .options input { margin: 0 }
.list-editor .options label b { color: #333 }
.list-editor .list-editor-save {
margin: 15px 0 0 120px;
clear: both;
}
.twttr-hidden-input {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
_display: none;
}
.tooltip {
max-width: 200px;
font-size: 12px;
}
div.twttr-dialog-first-time { margin: 2px -15px 3px -15px }
div.twttr-dialog-first-time div.first-time {
padding: 10px 18px;
margin: 14px 0 0 0;
background: #eee;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.twttr-dialog-first-time p { padding: 0 17px }
div.twttr-dialog-first-turkey h2.first-time,
div.twttr-dialog-first-turkey p,
div.twttr-dialog-first-turkey div.first-turkey-actions { padding: 0 20px }
div.twttr-dialog-first-turkey div.turkey-container.first-time {
padding: 10px 0 25px;
position: relative;
}
.turkey-container.first-time .callout1 {
position: absolute;
top: 215px;
left: 78px;
font-size: 12px;
line-height: 100%;
}
.turkey-container.first-time .callout2 {
position: absolute;
top: 188px;
left: 163px;
font-size: 12px;
line-height: 100%;
}
.turkey-container.first-time .turkey { padding-left: 53px }
div.twttr-dialog-first-turkey a.learn-more {
margin: 5px 9px;
display: inline-block;
overflow: hidden;
}
div.twttr-dialog-first-time p.first-time-text span,
div.twttr-dialog-first-turkey p.first-time-text span {
margin-left: 4px;
margin-right: 2px;
}
div.twttr-dialog-first-time h2.first-time,
div.twttr-dialog-first-turkey h2.first-time {
font-size: 38px;
font-weight: 300;
margin: 0;
}
div.twttr-dialog-first-time h2.first-time { padding: 0 15px }
div.twttr-dialog-first-time div.button {
margin-left: 18px;
margin-bottom: 13px;
margin-top: 18px;
}
div.twttr-dialog-first-time strong.text-replies { padding-right: 5px }
.dialog-form { counter-reset: field }
.dialog-form ul,
.dialog-form ul li {
list-style: none outside none;
margin: 10px 0 0;
}
fieldset.common-form ul.discover-buttons li {
padding: 15px 0 5px;
margin-bottom: 0;
}
.dialog-form fieldset.common-form input[type="text"],
.dialog-form fieldset.common-form input[type="password"],
.dialog-form fieldset.common-form input[type="email"],
.dialog-form fieldset.common-form input[type="tel"],
.dialog-form fieldset.common-form select,
.dialog-form fieldset.common-form textarea {
border: 1px solid #888;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
background: #fff;
padding: 4px 5px;
}
.dialog-form fieldset.common-form .error input,
.dialog-form fieldset.common-form .error select,
.dialog-form fieldset.common-form .error textarea { border-color: #e90617 }
.dialog-form .field {
display: block;
margin: 20px 0;
}
.dialog-form .field .label {
font-weight: bold;
display: inline-block;
vertical-align: middle;
width: 45%;
padding: 0 1.7em 0 0;
}
.dialog-form .error .label { color: #e90617 }
.dialog-form .field .numbered {
padding: 0 .5em 0 1.2em;
text-indent: -1.2em;
}
.dialog-form .field .numbered:before {
counter-increment: field;
content: counter(field) ". ";
}
.dialog-form .field .input-wrapper {
vertical-align: middle;
display: inline-block;
}
.dialog-form .subfield {
margin: -10px 0 20px 50%;
padding: 0 0 0 .5em;
font-size: 11px;
color: #999;
}
.dialog-form .field .button { vertical-align: middle }
.dialog-form .field .error-text {
font-weight: normal;
text-indent: 0;
}
#discoverability_header,
#discoverability_dialog,
#discoverability_footer { display: none }
.dialog-form li .input-wrapper {
display: inline-block;
vertical-align: bottom;
}
.dialog-form li { margin-bottom: 3px }
.dialog-form li label small { font-weight: normal }
.dialog-form fieldset.common-form ul li label {
display: inline-block;
font-size: 13px;
width: 95px;
margin-top: 3px;
vertical-align: top;
white-space: normal;
}
.dialog-form li input[type=text] {
line-height: 20px;
width: 280px;
}
.dialog-form li textarea {
width: 280px;
height: 50px;
}
.dialog-form li strong {
display: block;
font-size: 13px;
margin: 3px 0 4px;
}
.dialog-form li,
.dialog-form p {
color: #555;
line-height: 18px;
}
.twttr-dialog-discovery p { line-height: 1.25 }
.discoverability-dialog span.privacy-statement {
color: #555;
font: 12px/16px 'Lucida Grande',sans-serif;
padding: 0 10px;
}
.discoverability-dialog span.privacy-statement a { font-weight: bold }
.discoverability-dialog .discoverability-settings { border-top: 1px solid #eee }
h2.discoverability-header {
font-size: 20px;
margin: 15px 0 8px;
}
.discoverability-dialog .modal-content fieldset {
margin-bottom: 0;
padding-bottom: 0;
}
.dialog-form textarea.discovery-description { height: 30px }
.discover-buttons {
border-top: 1px solid #eee;
text-align: center;
margin-top: 10px;
padding: 10px 0 5px;
}
.discover-buttons button { margin: 0 10px 0 0 }
.help-discover {
background: url(../img/temp_phoenix/sprite-icons.png) no-repeat scroll -208px 0 transparent;
display: inline-block;
height: 14px;
margin-left: 5px;
vertical-align: top;
width: 14px;
}
.twttr-dialog-device-setup { width: 520px }
.twttr-dialog-device-setup h2 { font-weight: 300 }
.twttr-dialog-device-setup p { margin: 5px 0 10px }
.twttr-dialog-device-setup .error { color: #e90617 }
.twttr-dialog-device-setup .loading {
display: block;
height: 32px;
width: 32px;
background-image: url(../img/temp_phoenix/loader.gif);
margin: 10px auto;
}
.twttr-dialog-device-setup select { width: 250px }
.twttr-dialog-device-setup .region-field { margin-top: -10px!important }
.twttr-dialog-device-setup .phone-wrapper {
border: 1px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 250px;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
}
.twttr-dialog-device-setup .error .phone-wrapper { border-color: #e90617 }
.twttr-dialog-device-setup .phone-wrapper .country-code {
padding: 4px;
background: #d3d3d3;
color: #000;
height: 1.3em;
font-weight: bold;
}
.twttr-dialog-device-setup .phone-wrapper input {
border: none!important;
outline: none;
}
.twttr-dialog-device-setup .submit {
font-size: 14px;
font-weight: bold;
padding-left: 3em;
padding-right: 3em;
}
.twttr-dialog-device-setup .source-address { font-size: 20px }
.twttr-dialog-device-setup .phone-instructions {
font-size: 22px;
font-weight: 300;
padding: 0 0 0 1em;
margin: 0 0 15px;
}
.twttr-dialog-device-setup .waiting-instructions {
background: url(../img/temp_phoenix/loader.gif) 15px 15px no-repeat;
padding: 15px 0 0 70px;
margin: 15px 0;
border-top: 2px solid #f6f6f6;
}
.twttr-dialog-device-setup .cancel-instructions {
padding: 15px 0 0;
margin: 15px 0;
border-top: 2px solid #f6f6f6;
}
.sensitive-confirm-form .sensitive-field { margin: 10px 0 }
.sensitive-confirm-form .sensitive-title { margin-top: 5px }
.sensitive-confirm-form .sensitive-buttons { float: left }
.sensitive-confirm-form .sensitive-learn-more {
line-height: 2em;
margin-left: 10px;
}
.sensitive-confirm-form .checkbox {
vertical-align: top;
margin-top: 4px;
}
.sensitive-confirm-form .sensitive-label {
width: 445px;
display: inline-block;
margin-left: 5px;
}
.sensitive-confirmation,
.verify-email-text { margin-top: 15px }
#mini-profile .twttr-dialog-header {
position: absolute;
right: 0;
z-index: 2;
}
#mini-profile .twttr-dialog-body { padding: 0 }
#mini-profile .protected-mini-profile-footer {
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
#mini-profile .stats a {
padding-left: 15px;
padding-right: 15px;
}
.mini-profile-footer {
padding: 10px 15px;
background-color: #eee;
border-bottom: 1px solid #e8e8e8;
}
#mini-profile .twttr-dialog-header h3 { display: none }
#mini-profile .stream-item-header .sm-lock { margin-top: 0 }
.profile-modal-header {
height: 48px;
padding: 15px 15px 5px;
}
.profile-modal-header .avatar { float: left }
.profile-modal-header-inner {
margin-left: 58px;
margin-right: 30px;
}
.profile-modal-header .fullname {
font-size: 24px;
line-height: 1;
}
.profile-modal-header .fullname a { color: #333 }
.profile-modal-header .username {
font-size: 16px;
line-height: 24px;
color: #777;
}
.profile-modal-header .username a { color: #777 }
.profile-modal-header .follow-status {
margin-left: 0;
top: -1px;
display: none;
}
.profile-modal-header .sm-lock { margin: 3px 0 0 2px }
.profile-modal-header .verified,
.profile-modal-header .translator { margin: 6px 0 0 }
.profile-modal-extended { padding: 0 15px 10px }
.profile-modal-extended .location-and-url,
.profile-modal-extended .social-proof {
font-size: 12px;
color: #777;
}
.profile-modal-extended .social-proof { margin-top: 9px }
.profile-modal-extended .divider {
padding: 0 2px;
color: #ccc;
}
.location-and-url .url { word-wrap: break-word }
#mini-profile .recent-tweets { margin-bottom: 0 }
#mini-profile .recent-tweets .sm-lock { margin-top: -1px }
.expando-profile-popup .profile-modal,
.expando-profile-popup .btn-user-actions {
position: relative\9;
z-index: 1000\9;
}
.autocomplete-container {
visibility: hidden;
margin: 0;
padding: 4px 0;
position: absolute;
list-style: none;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #fff;
border-radius: 4px;
width: 505px;
z-index: 10;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.autocomplete-container li {
margin: 0;
padding: 7px;
list-style: none;
background: #fff;
color: #333;
border-bottom: 1px solid #f4f4f4;
cursor: pointer;
font: 14px/1 'Helvetica Neue',arial,sans-serif;
overflow: hidden;
}
.autocomplete-container li.selected { background: #d9ecf9 }
.autocomplete-container li:first-child { border-top: 1px solid #f4f4f4 }
.autocomplete-container li img {
width: 24px;
height: 24px;
float: left;
}
.autocomplete-container li span {
padding-top: 4px;
position: relative;
display: block;
margin-left: 30px;
}
.autocomplete-container li b { font-weight: normal }
.autocomplete-container li em {
font-style: normal;
color: #777;
}
.autocomplete-container li.twttr-follow-notice em { font-style: italic }
.add-to-list-prompt { display: none }
.list-membership-container {
margin-top: 5px;
list-style: none;
}
.list-membership-container li {
padding: 3px 0;
font-size: 12px;
color: #666;
white-space: no-wrap;
cursor: pointer;
}
.list-membership-container li:hover { color: #333 }
.list-membership-container .sm-lock {
margin-top: -1px;
margin-left: 3px;
}
.list-membership-container [type=checkbox] {
position: relative;
margin-right: 3px;
bottom: -1px;
}
.list-membership-container .loading-spinner {
float: left;
display: none;
width: 14px;
height: 14px;
margin-top: 1px;
margin-right: 4px;
}
.list-membership-container li.create-a-list {
padding: 5px 10px;
margin-top: 10px;
font-size: 13px;
color: #333;
}
.create-a-list .list { display: none }
.dm-dialog .twttr-dialog-inside {
height: 420px;
overflow: hidden;
}
.dm-dialog .twttr-dialog-content { overflow: hidden }
.dm-dialog .twttr-dialog-header,
.dm-dialog .twttr-dialog-footer { background-color: #eee }
.dm-dialog .twttr-dialog-header {
padding: 15px 15px 14px;
border-bottom: 1px solid #e8e8e8;
}
.dm-dialog .twttr-dialog-footer {
padding: 10px 15px;
font-size: 12px;
color: #999;
text-align: center;
text-shadow: 0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
.dm-header-new {
position: absolute;
top: 9px;
right: 40px;
}
.dm-dialog .twttr-dialog-body { padding: 0 }
.dm-threads {
height: 380px;
overflow-x: hidden;
overflow-y: scroll\9;
}
.dm-thread-link {
position: relative;
display: block;
padding: 12px 15px;
border-bottom: 1px solid #e8e8e8;
}
.dm-thread:first-child .dm-thread-link { border-top: 0 }
.dm-thread-link:hover {
text-decoration: none;
background-color: #f5f5f5;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f5f5f5));
background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
background-image: -ms-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
background-image: -o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
background-image: linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
}
.dm-thread-status {
position: absolute;
top: 12px;
left: 10px;
width: 12px;
}
.dm-thread-status .unread { margin-top: 10px }
.dm-thread-content {
margin-left: 60px;
line-height: 16px;
}
.dm-thread-snippet {
font-size: 12px;
color: #999;
}
.dm-thread-content .replied {
margin-top: 1px;
margin-right: 5px;
}
.dm-thread-content .avatar {
position: absolute;
top: 12px;
left: 32px;
}
.dm-thread-content .time {
position: absolute;
top: 13px;
right: 35px;
color: #bbb;
}
.dm-thread .chev-right {
position: absolute;
top: 15px;
right: 15px;
}
.dm-convo {
position: relative;
height: 200px;
padding: 15px;
overflow-x: hidden;
overflow-y: scroll\9;
background-color: #f5f8fa;
}
.dm-convo-placeholder {
position: relative;
height: 180px;
background-color: #f5f8fa;
z-index: -1;
}
.dm { position: relative }
.dm .avatar {
position: absolute;
top: 0;
left: 0;
}
.dm-content { margin: 0 0 20px 58px }
.dm-message {
max-width: 300px;
float: left;
position: relative;
padding: 7px 12px;
font-size: 12px;
background-color: #f5f5f5;
border: 1px solid #dcdfe1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 3px 3px rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 3px 3px rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 3px 3px rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.05);
}
.dm-content .time {
display: block;
margin-right: 58px;
margin-bottom: 5px;
font-size: 11px;
line-height: 1;
color: #bbb;
text-align: center;
}
.dm-delete {
float: left;
margin: 9px 9px 0;
visibility: hidden;
}
.dm:hover .dm-delete { visibility: visible }
.dm-caret {
position: absolute;
top: 12px;
left: -5px;
width: 10px;
height: 10px;
}
.dm-caret-inner,
.dm-caret-outer {
position: absolute;
width: 0;
height: 0;
vertical-align: text-bottom;
border-style: solid;
}
.dm-caret-outer {
top: 0;
left: 0;
z-index: 10;
border-top: 5px solid transparent;
border-right: 5px solid #dcdfe1;
border-bottom: 5px solid transparent;
}
.dm-caret-inner {
top: 1px;
left: 1px;
z-index: 11;
border-top: 4px solid transparent;
border-right: 4px solid #f5f5f5;
border-bottom: 4px solid transparent;
}
.sent .avatar {
position: absolute;
top: 0;
right: 0;
left: auto;
}
.sent .time {
margin-right: 0;
margin-left: 58px;
}
.sent .dm-content { margin: 0 58px 20px 0 }
.sent .dm-message {
float: right;
background-color: #e6f2fa;
}
.sent .dm-delete { float: right }
.sent .dm-caret {
right: -10px;
left: auto;
}
.sent .dm-caret-outer {
border-right: none;
border-left: 5px solid #dcdfe1;
}
.sent .dm-caret-inner {
left: -1px;
border-right: none;
border-left: 4px solid #e9f3fa;
}
.dm-delete-confirm { display: none }
.dm-deleting .tweet-box { display: none }
.dm-deleting .dm-delete-confirm { display: block }
.dm-delete-confirm {
padding-top: 30px;
text-align: center;
text-shadow: 0 1px 0 #fff;
}
.dm-delete-confirm p { margin-bottom: 9px }
.dm-delete-confirm .btn {
font-size: 14px;
font-weight: normal;
}
.twttr-dialog.dm-dialog .tweet-box { padding-top: 0 }
.dm-tweetbox {
height: 119px;
padding: 15px;
background-color: #eee;
border-top: 1px solid #e8e8e8;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
.dm-tweetbox .tweet-box .twitter-anywhere-tweet-box-editor { padding: 9px }
.dm-tweetbox .tweet-button { font-size: 14px }
.dm-to {
position: relative;
padding: 10px 15px 9px;
background-color: #eee;
border-bottom: 1px solid #e8e8e8;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
.dm-to-input {
width: 435px;
height: 20px\0;
height: 20px\9;
padding-left: 30px;
border-color: #ccc;
}
.mozilla .dm-to-input {
padding-top: 6px;
padding-bottom: 6px;
}
.dm-to .avatar {
position: absolute;
top: 13px;
left: 18px;
}
.dm-error {
position: absolute;
top: 0;
right: 0;
left: 0;
display: none;
z-index: 12;
padding: 7px 15px;
color: #fff;
background-color: #c43c35;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
}
.dm-error-text { margin-right: 25px }
.dm-error .close {
float: right;
margin-top: 5px;
}
.dm-placeholder-empty { padding: 20px 80px }
.dm-placeholder-empty p {
color: #777;
text-align: center;
text-shadow: 0 1px 0 #fff;
}
.embed-code-container textarea {
width: 100%;
padding: 7px 9px;
*padding: 7px 0;
font-size: 14px;
color: #777;
line-height: 21px;
overflow: hidden;
height: 55px;
display: block;
white-space: nowrap;
border: 1px solid #bbb;
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
}
.embed-code-container textarea:focus { border-color: #56B4ef }
.embed-code-container p {
font-size: 12px;
margin-top: -10px;
}
.embed-code-container p a,
.embed-code-container p a:hover { color: #999 }
.embed-code-container hr {
margin: 20px 0 18px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #fff;
}
.embed-code-container .embed-target {
overflow: hidden;
margin-top: 12px;
margin-bottom: -1px;
}
.embed-code-container .embed-alignment {
background-color: #f9f9f9;
border: 1px solid #ccc;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.embed-code-container .legend {
display: block;
float: left;
text-align: left;
line-height: 18px;
width: auto;
height: 19px;
font-size: 12px;
font-weight: bold;
text-shadow: 0 1px #fff;
margin: 16px 10px 0 15px;
color: #555;
padding: 0;
border: 0;
}
.embed-code-container .input {
overflow: hidden;
margin-top: 10px;
}
.embed-code-container .embed-alignment input {
position: absolute;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.embed-code-container .tabs li {
margin-right: 3px;
box-shadow: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.embed-code-container .help-block {
clear: both;
margin: 0 0 6px 82px;
}
.embed-code-container .embed-alignment .btn,
.embed-code-container .tabs li {
display: block;
float: left;
}
.embed-code-container .embed-alignment .btn,
.embed-code-container .tabs li .btn {
font-size: 12px;
color: #555;
}
.embed-code-container .tabs li .btn {
border-bottom-color: #bbb;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.embed-code-container .embed-alignment .btn {
border-left: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.embed-code-container .embed-alignment .btn-first {
border-left: 1px solid #ccc;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.embed-code-container .embed-alignment .btn-last {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.embed-code-container .btn i {
display: block;
width: 13px;
height: 11px;
float: left;
margin-top: 4px;
margin-right: 5px;
}
.embed-code-container .active.btn {
text-shadow: none;
outline: none;
background: #dadada;
border: 1px solid #aaa;
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0 .1),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
}
.embed-code-container .embed-alignment .active.btn { margin-left: -1px }
.embed-code-container .embed-alignment .active.btn-first { margin-left: 0 }
.embed-code-container .embed-preview { margin-top: 15px }
.shortcuts .modal {
width: 560px;
margin-left: -300px;
}
.keyboard-shortcuts dl {
float: left;
width: 150px;
font-size: 12px;
line-height: 18px;
}
.keyboard-shortcuts dl+dl { margin-left: 25px }
.keyboard-shortcuts dt {
padding-bottom: 5px;
padding-left: 38px;
font-size: 14px;
font-weight: normal;
color: #333;
}
.keyboard-shortcuts dd { overflow: hidden }
.keyboard-shortcuts dd .key {
float: left;
width: 40px;
font-weight: bold;
color: #333;
text-align: right;
}
.keyboard-shortcuts dd .key-label {
display: block;
margin-left: 45px;
color: #777;
}
.keyboard-shortcuts table {
float: left;
width: 175px;
}
.keyboard-shortcuts table+table { margin-left: 15px }
.keyboard-shortcuts table th,
.keyboard-shortcuts table td {
vertical-align: top;
text-align: left;
font-size: 12px;
color: #999;
white-space: nowrap;
}
.keyboard-shortcuts table th {
color: #333;
font-weight: bold;
}
.keyboard-shortcuts table td { padding: 3px 0 }
.keyboard-shortcuts table .shortcut-label {
line-height: 20px;
padding-left: 8px;
color: #555;
}
.sc-key {
display: inline-block;
min-width: 10px;
height: 18px;
padding: 0 4px;
font-size: 11px;
line-height: 18px;
color: #555;
text-align: center;
background-color: #eee;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f5f5f5 0,#eee 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#eee));
background-image: -webkit-linear-gradient(top,#f5f5f5 0,#eee 100%);
background-image: -ms-linear-gradient(top,#f5f5f5 0,#eee 100%);
background-image: -o-linear-gradient(top,#f5f5f5 0,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#eeeeee',GradientType=0);
background-image: linear-gradient(top,#f5f5f5 0,#eee 100%);
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccc;
-moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccc;
box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccc;
}
.text-area { position: relative }
.tweet-thumbnail-container { position: relative }
.tweet-box .twitter-anywhere-tweet-box-editor {
padding: 6px 8px 5px;
width: 482px;
height: 56px;
color: #222;
font-size: 13px;
line-height: 18px;
outline: none;
overflow-x: hidden;
overflow-y: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
.tweet-box.condensed .twitter-anywhere-tweet-box-editor { resize: none }
.profile-tweet-box.flex-module { padding-top: 9px }
.tweetbox-counter-tipsy {
color: #666;
text-align: right;
display: inline-block;
font-size: 12px;
margin-right: 2px;
}
.mozilla .tweetbox-counter-tipsy,
.msie .tweetbox-counter-tipsy {
position: relative;
top: -8px;
}
.tweetbox-tipsy .tipsy-inner { max-width: 250px!important }
span.tweetbox-tipsy-text { font-size: 12px }
.tweetbox-tipsy .tipsy-inner { max-width: 250px!important }
span.tweetbox-tipsy-text { font-size: 12px }
.tweet-box .tweet-meta {
opacity: .6;
position: absolute;
right: 2px;
top: 5px;
}
.tweet-box textarea {
resize: vertical;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
}
.tweet-box textarea:hover {
outline: none;
border: 1px solid #999;
cursor: text!important;
}
.tweet-box textarea:focus,
.tweet-box input[type=text] {
border-color: #56b4ef;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}
.condensed .twitter-anywhere-tweet-box-editor {
color: #AAA;
height: 19px!important;
min-height: 19px!important;
overflow: hidden;
}
.tweet-box-title {
overflow: hidden;
padding: 1px 0;
}
.tweet-box h2 {
font: bold 14px Helvetica Neue,Helvetica,sans-serif;
text-shadow: 0 1px 0 #fff;
margin: 0 0 8px 0;
color: #333;
}
body .latest-status-text {
font: 13px/2 'helvetica neue',helvetica,arial,sans-serif;
color: #999;
float: right;
}
body .latest-status-text a { color: #999!important }
.twttr-dialog-content .tweet-box h2 { display: none }
.condensed .tweet-button-container { display: none }
.tweet-counter {
background-color: transparent;
color: #999;
display: inline-block;
width: 35px;
border: 0;
font: normal 14px 'helvetica neue','lucida grande',helvetica,arial;
padding: 0 3px;
position: relative;
vertical-align: top;
top: 7px;
text-align: right;
text-shadow: 0 1px 0 rgba(255,255,255,.75);
}
.tweet-counter[disabled] {
background-color: transparent;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tweet-button-container .tweet-counter {
background-color: transparent;
color: #555;
border: none;
-moz-box-shadow: none;
}
.tweet-button-sub-container { display: inline-block }
.tweet-counter-proxy { position: absolute }
.tweet-counter.warn { color: #5c0002 }
.tweet-counter.superwarn { color: #d40d12 }
.tweet-button-container {
position: relative;
text-align: right;
margin: 5px 0 3px 0;
height: 29px;
z-index: 3;
}
.tweet-box .geo-activation-prompt {
display: block;
text-align: left;
}
.tweet-spinner {
position: relative;
vertical-align: top;
top: 7px;
right: 4px;
}
.twttr-editor .twitter-media-thumbs { display: none }
.twttr-editor.has-thumbnails textarea {
vertical-align: top;
resize: none;
}
.twttr-editor.has-thumbnails .twitter-media-thumbs {
display: block;
position: absolute;
bottom: 1px;
left: 1px;
right: 1px;
height: 60px;
background: #f1f1f1;
border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
}
.twttr-editor.has-thumbnails.closing .twitter-media-thumbs { display: none }
.twttr-editor.has-thumbnails.html4 .twitter-media-thumbs { height: 37px }
.twitter-media-thumbs .media-thumbnails {
position: relative;
height: 48px;
max-width: 240px;
margin: 6px 9px;
float: left;
}
.html4 .twitter-media-thumbs .media-thumbnails { height: 25px }
.html4.photo-2 .twitter-media-thumbs .media-thumbnails { height: 52px }
.html4.photo-3 .twitter-media-thumbs .media-thumbnails { height: 79px }
.twitter-media-thumbs .media-thumbnails-message {
position: relative;
float: left;
height: 60px;
line-height: 60px;
font-size: 13px;
color: #a9a9a9;
margin-left: 8px;
}
.html4 .twitter-media-thumbs .media-thumbnails-message {
height: 37px;
line-height: 37px;
}
.html4.photo-2 .twitter-media-thumbs .media-thumbnails-message {
height: 64px;
line-height: 64px;
}
.html4.photo-3 .twitter-media-thumbs .media-thumbnails-message {
height: 91px;
line-height: 91px;
}
.turkey-control {
position: relative;
float: left;
height: 29px;
width: 28px;
padding-top: 3px;
}
.turkey-add-action {
position: relative;
cursor: pointer;
height: 25px;
width: 28px;
margin: 2px 0 0;
overflow: hidden;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.max-turkeys input.turkey-file-input { display: none }
.turkey-add-action .turkey {
position: absolute;
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) 0 -150px no-repeat;
height: 14px;
width: 17px;
top: 4px;
left: 6px;
cursor: pointer;
overflow: hidden;
}
.turkey-add-action:hover .turkey,
.turkey-add-action.button-active .turkey { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) 0 -165px no-repeat }
.turkey-add-action.has-turkeys .turkey { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) 0 -180px no-repeat }
.turkey-add-action.button-active {
background-color: #ddd;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.turkey-file-input {
position: absolute;
top: 0;
right: 0;
height: 100%;
opacity: .0;
filter: alpha(opacity=0);
font-size: 50px;
z-index: 10;
cursor: pointer;
}
.turkey-add-action .swf {
position: absolute;
top: 0;
left: 0;
z-index: 15;
}
.turkey-selected-files,
.turkey-post-target { display: none }
.tweet-thumbnail-wrapper {
position: relative;
clear: both;
}
.tweet-thumbnail-container {
margin-top: -5px;
padding-bottom: 1px;
padding-top: 9px;
overflow: hidden;
position: relative;
}
.thumbnail-divot-border {
border-color: transparent transparent #bbb transparent;
border-style: solid;
border-width: 9px;
height: 0;
width: 0;
position: absolute;
top: -8px;
left: 10px;
}
.thumbnail-divot {
border-color: transparent transparent #ddd transparent;
border-style: solid;
border-width: 9px;
height: 0;
width: 0;
position: absolute;
top: -6px;
left: 10px;
}
.thumbnails {
background: #ddd;
float: left;
border: 1px solid #bbb;
padding: 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 0 #fff,inset 0 1px #ccc;
-webkit-box-shadow: 0 1px 0 #fff,inset 0 1px #ccc;
box-shadow: 0 1px 0 #fff,inset 0 1px #ccc;
}
.upload-thumbnail {
width: 48px;
height: 48px;
background: #111;
float: left;
margin-right: 2px;
position: relative;
overflow: hidden;
}
.upload-file a.thumbnail-close {
display: block;
position: absolute;
right: 0;
top: 0;
height: 13px;
width: 13px;
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -210px;
z-index: 1;
overflow: hidden;
}
.upload-file a.thumbnail-close:hover { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -224px }
.upload-file a.thumbnail-close:active { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -238px }
.upload-file a.thumbnail-close:focus { outline: none }
.upload-file img {
position: absolute;
z-index: 0;
}
.upload-filename {
position: relative;
width: 240px;
height: 25px;
margin-bottom: 2px;
background: #d6d6d6;
}
.upload-filename span {
display: inline-block;
width: 210px;
margin-left: 10px;
line-height: 25px;
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
}
.upload-filename a.thumbnail-close {
top: 6px;
right: 6px;
}
.turkey-tipsy,
.turkey-tipsy .tipsy-inner,
.turkey-tipsy .tipsy-inner .tooltip { max-width: 400px!important }
.turkey-icon {
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -504px;
width: 16px;
height: 16px;
display: inline-block;
position: relative;
top: 4px;
margin: 0 4px;
}
.tweet-box .geo-control a.geo-location { outline: none }
.tweet-box a.geo-location:hover,
.tweet-box a.geo:hover {
text-decoration: none;
text-shadow: none;
}
.tweet-box .geo-control .geo-icon {
cursor: pointer;
background: url(../img/temp_phoenix/sprite-icons.png) no-repeat 0 -112px;
height: 18px;
width: 18px;
display: inline-block;
vertical-align: top;
}
.tweet-box .geo-control .geo-icon-on { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -19px -112px }
.tweet-box .geo-control .geo-icon-ok { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -38px -112px }
.tweet-box .geo-control .geo-text {
cursor: pointer;
display: inline-block;
line-height: 20px;
vertical-align: top;
color: #999;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
}
body.mozilla .tweet-box .geo-control .geo-text { margin-top: -1px }
.tweet-box .geo-control:hover .geo-text { color: #2eb7e5 }
.tweet-box .geo-control .geo-dropdown-icon {
cursor: pointer;
display: inline-block;
visibility: hidden;
width: 9px;
height: 7px;
margin: 7px 0 0 2px;
vertical-align: top;
}
.tweet-box .geo-control:hover .geo-dropdown-icon { background: url(../img/temp_phoenix/sprite-icons.png) -96px -112px }
.geo-location-dropdown {
position: absolute;
z-index: 10;
margin-top: 1px;
margin-left: -8px;
text-align: left;
*width: 300px;
}
.geo-location-dropdown-divot {
position: relative;
top: 1px;
left: 5px;
background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -80px -112px;
margin-left: 4px;
width: 13px;
height: 7px;
z-index: 11;
}
.geo-location-dropdown ul.geo {
border: 1px solid #aaa;
background: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
border-radius: 4px;
*overflow-x: hidden;
}
.geo-location-dropdown li.query-location,
.geo-location-dropdown li.focusable {
text-align: left;
background: #FFF;
list-style: none outside none;
white-space: nowrap;
margin: 0;
min-width: 280px;
*min-width: auto;
}
.geo-location-dropdown li.focusable { cursor: pointer }
.geo-location-dropdown li.focusable a.geo {
color: #666;
outline: none;
text-decoration: none;
font-size: 12px;
}
.geo-location-dropdown li.focused a.geo {
background: #999;
color: #fff;
}
.geo-location-dropdown li a.geo {
display: block;
padding: 2px 10px 2px 25px;
}
.geo-location-dropdown .query-location-container {
position: relative;
padding-right: 36px;
}
.tweet-box input[type="text"].query-location-input:focus {
outline: none;
border-color: rgba(82,168,236,.75)!important;
box-shadow: 0 0 8px rgba(82,168,236,.5);
-moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
}
div.geo-location-dropdown input.query-location-input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none repeat scroll 0 0 #f5f5f5;
border: 1px solid #ccc!important;
color: #404040;
font: 13px Arial,sans-serif;
padding: 8px 1px 7px 24px;
display: block;
margin: 4px 5px;
width: 100%;
}
.geo-location-dropdown .help-text {
position: absolute;
top: 6px;
left: 31px;
color: #999;
z-index: 13;
font-size: 12px;
*top: 8px;
}
.geo-location-dropdown .glass {
display: inline-block;
position: absolute;
left: 13px;
top: 10px;
cursor: pointer;
background: url(../img/temp_phoenix/sprite-icons.png) -224px -80px;
width: 12px;
height: 12px;
*top: 11px;
}
.geo-location-dropdown-searching .query-location .glass {
left: 12px;
top: 9px;
width: 15px;
height: 14px;
background: url(../img/temp_phoenix/spinner-small.gif);
}
.geo-location-dropdown .location-error {
margin: 8px 10px 8px 31px;
font-style: italic;
font-size: 12px;
text-color: #777;
}
.geo-location-dropdown li.geo-turn-off a.geo { padding: 4px 20px 5px 13px }
.geo-location-dropdown li.geo-turn-off { margin: 3px 0 4px 0 }
.geo-location-dropdown li.separator-below {
padding-bottom: 7px;
border-bottom: 1px solid #CCC;
}
.geo-location-dropdown li.override-location a.geo { padding: 2px 20px 3px 12px }
.geo-location-dropdown .menu-item-icon {
background: transparent;
display: inline-block;
height: 9px;
margin: 6px 5px 3px 0;
vertical-align: top;
width: 10px;
*margin-top: 4px;
}
.geo-location-dropdown .geo-turn-off-icon {
background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -80px -128px;
display: inline-block;
height: 10px;
margin: 5px 5px 3px 0;
vertical-align: top;
width: 10px;
*margin-top: 3px;
}
.geo-location-dropdown li.focused .geo-turn-off-icon { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -96px -128px }
.geo-location-dropdown li.checked-item .menu-item-icon { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -160px -16px }
.geo-location-dropdown li.checked-item a.geo { color: #404040 }
.geo-location-dropdown li.padding-above { margin-top: 7px }
.tweet_geo_small {
padding: 0 60px 20px 60px;
overflow: hidden;
background-color: #fff;
}
.expanded-content .tweet_geo_small { padding: 0 }
.tweet-geo-text {
font-size: 12px;
color: #999;
}
.mentioned-in-tweet .tweet_geo_small { padding: 10px 0 }
.map_canvas.notransform,
.map_canvas.notransform * { -webkit-transform: none!important }
.tweet_geo_small .map_canvas {
width: 320px;
height: 140px;
cursor: pointer;
float: left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.expanded-content .tweet_geo_small .map_canvas {
width: 260px;
height: 130px;
}
.tweet_geo_small .geo_map_place_details {
float: left;
max-width: 160px;
padding-left: 10px;
font-size: 12px;
color: #777;
line-height: 1.35em;
}
.tweet_geo_small .geo_map_place_name {
color: #333;
font-size: 13px;
line-height: 1.35em;
}
#banners { width: auto }
.banner-outer {
width: 100%;
display: block;
top: 0;
left: 0;
z-index: 3;
background-color: #FFF2CC;
color: #333;
}
.banner-outer.banner-border { border-top: 1px solid #CCC }
.banner-outer.warning { background-color: #FCC }
.banner {
margin: 0 auto;
width: 864px;
font-size: 13px;
}
.banner-inside a.pane-close {
float: right;
vertical-align: top;
color: #333!important;
}
.banner-inside a.pane-close span {
padding-left: 1px;
padding-right: 1px;
font-size: 16px;
color: #666;
display: inline-block;
margin-top: -3px;
}
.banner-inside a.pane-close:hover { text-decoration: none }
.welcome-banner-inside a.pane-close span { color: #FFF }
.became-user-banner-inside,
.became-user-banner-outer { background-color: #FFF }
.banner-inside .first-banner-row .title { font-weight: bold }
.welcome-banner-outer {
background: #008DB8;
background: -webkit-gradient(linear,left top,left bottom,from(#00A0D1),to(#008DB8));
background: -moz-linear-gradient(top,#00A0D1,#008DB8);
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0D1',endColorstr='#008DB8');
color: #FFF;
font-size: 13px;
font-weight: bold;
text-shadow: -1px -1px 0 #00799E;
}
.welcome-banner-inside,
.banner-inside { padding: 8px 0 }
.banner-inside a { color: #2276BB!important }
.welcome-banner-inside a { color: #B2EBFF!important }
.welcome-banner-outer .pane-close,
.banner-outer .pane-close {
float: right;
display: inline-block;
margin-right: 18px;
color: #FFF;
font-size: 13px;
line-height: 17px;
font-weight: bold;
margin-top: 0;
}
.welcome-banner-outer .pane-close:hover {
text-decoration: none;
color: #fff!important;
}
#banners form.turn-phx-off-form { display: inline }
#banners form.turn-phx-off-form button.turn-phx-off-button {
background: none repeat scroll 0 0 transparent;
color: #B2EBFF!important;
text-shadow: -1px -1px 0 #00799E;
font-family: 'Helvetica Neue',Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
font-size: 13px;
font-weight: bold;
border: 0;
}
#banners form.turn-phx-off-form button::-moz-focus-inner {
border: 0;
padding: 0;
}
#banners form.turn-phx-off-form button.turn-phx-off-button:hover {
cursor: pointer;
text-decoration: underline;
}
.thumbnail-viewer {
position: relative;
padding: 0 20px;
margin: 0 -20px;
}
.thumbnail-viewer-container {
height: 83px;
width: 340px;
overflow: hidden;
position: relative;
}
.thumbnail-viewer-container a div.thumbnail-wrapper,
.the-grid a div.thumbnail-wrapper {
-webkit-transition-property: opacity;
-webkit-transition-duration: .15s;
-moz-transition-property: opacity;
-moz-transition-duration: .15s;
opacity: .75;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.the-grid a div.thumbnail-wrapper { opacity: .8 }
.thumbnail-viewer-container a:hover div.thumbnail-wrapper,
.the-grid a:hover div.thumbnail-wrapper {
opacity: 1.0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.thumbnail-viewer-container img {
position: relative;
filter: inherit!important;
-ms-filter: inherit!important;
}
.thumbnail-viewer-images {
position: absolute;
height: 100%;
}
.thumbnail-image-wrapper {
float: left;
background-color: #000;
margin-right: 4px;
position: relative;
overflow: hidden;
}
.thumbnail-viewer-nav {
position: absolute;
height: 100%;
width: 20px;
top: 0;
}
.thumbnail-viewer-prev { left: 0 }
.thumbnail-viewer-next { right: 0 }
.thumbnail-viewer-button {
position: absolute;
display: inline-block;
background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
background-repeat: no-repeat;
height: 12px;
width: 8px;
overflow: hidden;
top: 50%;
margin-top: -6px;
filter: inherit;
}
.thumbnail-viewer-back-button {
background-position: 0 -252px;
margin-left: 7px;
opacity: .6;
}
.thumbnail-viewer-next-button {
background-position: 0 -265px;
margin-left: 5px;
opacity: .6;
}
.thumbnail-viewer-prev.disabled,
.thumbnail-viewer-next.disabled {
cursor: default;
display: none;
}
a:hover .thumbnail-viewer-prev .thumbnail-viewer-back-button {
background-position: 0 -252px;
opacity: 1;
}
a:hover .thumbnail-viewer-next .thumbnail-viewer-next-button {
background-position: 0 -265px;
opacity: 1;
}
.media-thumbnail-active .thumbnail-active-border,
.media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.media-thumbnail .media-play-button {
display: none;
position: absolute;
background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
background-repeat: no-repeat;
background-position: 0 -436px;
height: 15px;
width: 20px;
bottom: 4px;
right: 4px;
}
.media-thumbnail.video .media-play-button { display: block }
.media-slideshow-thumbnails .thumbnail-viewer-back-button {
background-position: 0 -278px;
margin-left: 7px;
}
.media-slideshow-thumbnails .thumbnail-viewer-next-button {
background-position: 0 -291px;
margin-left: 5px;
}
.media-slideshow-thumbnails .thumbnail-viewer-prev.disabled,
.thumbnail-viewer-next.disabled {
cursor: default;
display: none;
}
.media-slideshow-thumbnails a:hover .thumbnail-viewer-prev .thumbnail-viewer-back-button { background-position: 0 -278px }
.media-slideshow-thumbnails a:hover .thumbnail-viewer-next .thumbnail-viewer-next-button { background-position: 0 -291px }
.details-pane .thumbnail-viewer-container {
height: 48px;
width: 100%;
}
body.has-media-gallery {
background: #1a1a1a!important;
background-image: none!important;
}
body.has-media-gallery #page-outer { min-width: 720px }
.media-gallery-overlay {
position: absolute;
background-color: #1a1a1a;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1001;
}
.media-gallery-content {
position: relative;
margin: 0 auto;
padding: 0 40px;
min-width: 640px;
max-width: 1024px;
}
.media-gallery-content.grid {
max-width: 1024px;
min-width: 640px;
}
.media-gallery-loading {
display: none;
background-image: url(../img/spinner-small.gif);
height: 14px;
width: 14px;
position: relative;
}
.media-gallery-content.loading .media-gallery-loading,
.media-gallery-content.loadingTweet .media-gallery-loading,
.media-gallery-content.loadingMedia .media-gallery-loading { display: inline-block }
.the-grid {
position: relative;
margin: 0 auto;
}
.media-gallery-no-results {
color: #999!important;
font-size: 16px;
margin-top: 40px;
}
.the-grid .grid-bottom { clear: both }
.the-grid .grid-square {
float: left;
margin-right: 10px;
margin-bottom: 10px;
background-position: center;
background-color: black;
background-repeat: no-repeat;
text-align: center;
position: relative;
overflow: hidden;
}
.media-gallery-controls,
.media-gallery-controls a { color: #999 }
.media-gallery-controls a.controls-profile-link {
color: #999;
text-decoration: none;
}
.media-gallery-controls {
height: 75px;
position: relative;
}
a.media-gallery-mode-inactive { color: #333!important }
.media-gallery-back-nav {
position: absolute;
font-size: 14px;
color: #555;
line-height: 20px;
top: 10px;
left: 0;
}
.media-gallery-back-nav:hover {
text-decoration: underline;
cursor: pointer;
}
.media-gallery-title {
font-size: 20px;
line-height: 20px;
top: 40px;
position: absolute;
left: 0;
}
.media-gallery-title em.at { color: #444 }
.media-gallery-bird {
position: relative;
display: inline-block;
height: 20px;
width: 30px;
background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
background-repeat: no-repeat;
vertical-align: bottom;
}
.media-gallery-buttons {
position: absolute;
line-height: 19px;
bottom: 10px;
right: 0;
}
.scaled-image { display: block }
.media-gallery-content .media-slideshow-thumbnails .component { margin-bottom: 2px }
.media-gallery-content .thumbnail-viewer-container {
height: 48px;
width: 100%;
overflow: hidden;
position: relative;
}
.media-thumbnail-active .thumbnail-active-border {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.media-gallery-content .media-thumbnail-active .thumbnail-active-border { border: 1px solid #333 }
.media-gallery-content .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner { border: 2px solid #fff }
.media-gallery-content .media-slideshow-pictures { position: relative }
.media-gallery-content .media-slideshow-picture {
position: relative;
height: 100%;
width: 100%;
}
.media-attribution-and-flag {
min-width: 260px;
position: relative;
}
.media-slideshow-media-container .media-attribution-and-flag { opacity: .3 }
.media-slideshow-media-container:hover .media-attribution-and-flag { opacity: 1 }
.media-slideshow-media-container.not-found *,
.media-slideshow-media-container .media-slideshow-not-found { display: none }
.media-slideshow-media-container.not-found .media-slideshow-not-found { display: block }
.media-attribution-and-flag .media-attribution {
position: absolute;
left: 0;
}
.media-attribution-and-flag .flag-container {
position: absolute;
right: 0;
font-size: 11px;
color: #999;
font-weight: normal;
margin-top: 0;
}
.media-attribution-and-flag .flag-container a {
color: #999!important;
cursor: pointer;
}
.media-slideshow-media-container {
position: relative;
margin: 0 auto;
line-height: 1.5;
}
.thumbnail-viewer .video-icon {
width: 20px;
height: 15px;
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat scroll 0 -436px transparent;
position: absolute;
right: 0;
bottom: 2px;
}
a.media-thumbnail {
outline: none;
display: inline-block;
}
.tweet-media .media-slideshow-thumbnails {
position: relative;
width: 530px;
height: 33px;
margin-bottom: 1px;
}
.tweet-media .thumbnail-viewer-container {
position: relative;
height: 33px;
width: 494px;
}
.tweet-media .media-thumbnail-active .thumbnail-active-border { border: 1px solid #a9a9a9 }
.tweet-media .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner { border: 2px solid #fff }
.tweet-media .thumbnail-viewer-nav { height: 33px }
.tweet-media .thumbnail-viewer-button { margin: 11px 0 }
.tweet-media .media-slideshow-pictures {
position: relative;
width: 530px;
background: #000;
}
.tweet-media .media-slideshow-picture {
position: relative;
height: 100%;
width: 100%;
}
.media-slideshow-picture iframe { border: 0 }
.route-bigPhotoPermalink .topbar { display: none }
.big-photo-permalink .tweet .tweet-screen-name {
font-weight: bold;
color: #333;
}
.big-photo-permalink .tweet .tweet-timestamp,
.big-photo-permalink .tweet .tweet-full-name { color: #555 }
.big-photo-permalink .tweet .tweet-text,
.big-photo-permalink .tweet .tweet-text a { color: #999 }
.big-photo-permalink .tweet:hover .user-profile-link,
.big-photo-permalink .tweet:hover .tweet-timestamp,
.big-photo-permalink .tweet:hover .tweet-text a { color: #eee }
.toggle-set {
position: relative;
top: 5px;
height: 18px;
background: #555;
overflow: hidden;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: solid 1px #000;
display: inline-block;
overflow: hidden;
padding: 0;
margin: 0;
}
.toggle-set.fadeback { opacity: .5 }
.toggle-button {
height: 14px;
padding: 2px;
float: left;
background: #777;
background: -moz-linear-gradient(100% 100% 90deg,#666,#999);
background: -webkit-gradient(linear,0% 0,0% 100%,from(#999),to(#666));
cursor: pointer;
}
.toggle-button:hover {
-moz-box-shadow: inset 0 1px #c8c8c8;
-webkit-box-shadow: inset 0 1px #c8c8c8;
box-shadow: inset 0 1px #c8c8c8;
background: #999;
background: -moz-linear-gradient(100% 100% 90deg,#828282,#bdbdbd);
background: -webkit-gradient(linear,0% 0,0% 100%,from(#bdbdbd),to(#828282));
}
.toggle-button:active {
-moz-box-shadow: inset 0 1px #555;
-webkit-box-shadow: inset 0 1px #555;
box-shadow: inset 0 1px #555;
background: #555;
}
.toggle-button.selected {
background: #555;
cursor: default;
-moz-box-shadow: inset 0 1px #4c4c4c;
-webkit-box-shadow: inset 0 1px #4c4c4c;
box-shadow: inset 0 1px #4c4c4c;
}
.toggle-button.detailview {
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.toggle-button.gridview {
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.detailview span {
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -465px;
display: inline-block;
width: 13px;
height: 13px;
margin-bottom: 0;
}
.detailview.selected span {
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -452px;
display: inline-block;
width: 13px;
height: 13px;
margin-bottom: 0;
}
.gridview span {
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -491px;
display: inline-block;
width: 13px;
height: 13px;
margin-bottom: 0;
}
.gridview.selected span {
background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -478px;
display: inline-block;
width: 13px;
height: 13px;
margin-bottom: 0;
}
.toggle-set .divider {
float: left;
width: 1px;
height: 18px;
background: #333;
background: -moz-linear-gradient(100% 100% 90deg,#555,#000);
background: -webkit-gradient(linear,0% 0,0% 100%,from(#000),to(#555));
}
.media-slideshow-wrapper {
position: relative;
width: 100%;
}
.media-slideshow-wrapper .media-slideshow-thumbnail {
position: relative;
float: left;
margin-right: 2px;
}
.media-slideshow-wrapper .thumbnail-viewer {
background: #101010;
padding: 10px 20px;
margin: 10px -20px 10px -20px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.media-slideshow-wrapper .media-slideshow-thumbnail .thumbnail-image {
position: absolute;
overflow: hidden;
z-index: 1;
}
.media-slideshow-wrapper .media-slideshow-thumbnail .active-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #a9a9a9;
z-index: 2;
}
.media-slideshow-wrapper .media-slideshow-thumbnail.media-thumbnail-active .active-overlay { display: block }
.media-slideshow-wrapper .media-slideshow-thumbnail .active-overlay-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #fff;
}
.media-slideshow-wrapper .media-slideshow-pictures {
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.media-slideshow-wrapper .media-control-button {
position: absolute;
height: 75px;
width: 75px;
margin-top: -37px;
top: 50%;
z-index: 5;
background: #1a1a1a;
cursor: pointer;
display: none;
}
.media-slideshow-wrapper .media-control-button:hover {
opacity: 1!important;
filter: alpha(opacity=100)!important;
}
.media-slideshow-wrapper .media-control-button.enabled { display: block }
.media-slideshow-wrapper .media-control-button .media-control-button-arrow {
position: relative;
height: 32px;
width: 16px;
margin: 21px 29px 22px 30px;
background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
background-repeat: no-repeat;
}
.media-slideshow-wrapper .media-control-button.prev {
left: 0;
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
}
.media-slideshow-wrapper .media-control-button.next {
right: 0;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}
.media-slideshow-wrapper .media-control-button.prev.enabled .media-control-button-arrow { background-position: 0 -370px }
.media-slideshow-wrapper .media-control-button.next.enabled .media-control-button-arrow { background-position: 0 -403px }
.media-slideshow-wrapper .media-slideshow-picture {
position: relative;
height: 100%;
width: 100%;
vertical-align: middle;
margin-bottom: 30px;
z-index: 1;
}
.media-slideshow-wrapper .media-slideshow-picture.video { z-index: 5 }
.media-slideshow-wrapper .media-slideshow-video {
position: relative;
display: inline-block;
}
.media-gallery-content .media-slideshow-picture.video .media-instance-container { height: 100% }
.media-slideshow-not-found {
color: #777!important;
font-size: 16px;
line-height: 1.5;
}
.media-slideshow-not-found a { color: #0084b4!important }
.media-slideshow-wrapper .media-slideshow-tweet {
padding: 15px 20px;
background: #101010;
margin: 0 -20px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.media-slideshow-wrapper .media-slideshow-tweet.loading * { display: none }
.media-slideshow-wrapper .slideshow-tweet {
position: relative;
width: 582px;
margin: 0 auto;
text-align: left;
padding: 0!important;
border-bottom-width: 0;
}
.media-slideshow-wrapper .slideshow-tweet .avatar {
top: 2px;
left: 0;
}
.media-slideshow-wrapper .slideshow-tweet .actions {
top: 0;
background: none;
}
.media-slideshow-wrapper .media-slideshow-tweet .content { margin-left: 58px }
.media-slideshow-wrapper .media-slideshow-tweet .details,
.media-slideshow-wrapper .media-slideshow-tweet .open-tweet { display: none }
.media-slideshow-wrapper .media-slideshow-tweet .details-tweet { display: inline }
.media-slideshow-wrapper .media-slideshow-tweet:hover .tweet .actions a { color: #999 }
.media-slideshow-wrapper .media-slideshow-tweet .tweet .actions .details-tweet:hover { color: #fff }
.media-slideshow-wrapper .media-slideshow-tweet .tweet-screen-name,
.big-photo-permalink .tweet .tweet-screen-name { color: #999!important }
.media-slideshow-wrapper .media-slideshow-tweet .tweet-actions a span b,
.media-slideshow-wrapper .media-slideshow-tweet .tweet-timestamp,
.big-photo-permalink .tweet .tweet-timestamp,
.media-slideshow-wrapper .media-slideshow-tweet .tweet-full-name,
.big-photo-permalink .tweet .tweet-full-name { color: #555!important }
.media-slideshow-wrapper .media-slideshow-tweet .tweet-text,
.big-photo-permalink .tweet .tweet-text,
.media-slideshow-wrapper .media-slideshow-tweet .tweet-text a,
.media-slideshow-wrapper .media-slideshow-tweet p,
.media-slideshow-wrapper .media-slideshow-tweet .fullname,
.big-photo-permalink .tweet .tweet-text a { color: #999!important }
.media-slideshow-wrapper .media-slideshow-tweet .dogear,
.media-slideshow-wrapper .media-slideshow-tweet .time { display: none }
.media-slideshow-wrapper .media-slideshow-tweet .actions {
display: block;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.media-slideshow-wrapper .tweet.retweeted .time,
.media-slideshow-wrapper .tweet.favorited .time,
.media-slideshow-wrapper .tweet.favorited .actions,
.media-slideshow-wrapper .tweet.retweeted .actions { margin-right: 0 }
.media-slideshow-wrapper .media-slideshow-tweet:hover .user-profile-link,
.big-photo-permalink .tweet:hover .user-profile-link,
.media-slideshow-wrapper .media-slideshow-tweet:hover .tweet-actions a span b,
.media-slideshow-wrapper .media-slideshow-tweet:hover .timestamp,
.big-photo-permalink .tweet:hover .tweet-timestamp,
.media-slideshow-wrapper .media-slideshow-tweet:hover p a,
.media-slideshow-wrapper .media-slideshow-tweet:hover .username,
.big-photo-permalink .tweet:hover .tweet-text a { color: #eee!important }
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .favorite-action span i { background-position: -48px 0 }
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .favorite-action:hover span i { background-position: -32px 0 }
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unfavorite-action span i,
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unretweet-action span i { opacity: .45 }
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unretweet-action:hover span i,
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unfavorite-action:hover span i { opacity: 1 }
.big-photo-permalink {
margin: 0;
padding: 0;
}
.big-photo-permalink .tweet {
background: black;
background: rgba(0,0,0,0.8);
position: fixed;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
z-index: 1;
padding: 17px 20px;
}
.big-photo-permalink .tweet .actions { display: none }
.big-photo-permalink img.large {
position: absolute;
top: 0;
left: 0;
}
.big-photo-permalink .tweet-content {
margin-left: 58px;
min-height: 48px;
}
.big-photo-permalink .tweet-row {
display: block;
position: relative;
line-height: 15px;
}
.big-photo-permalink .tweet-image {
position: absolute;
height: 48px;
overflow: hidden;
width: 48px;
margin-top: 3px;
}
#phx-signup-form.withjs .textbox .holding .holder {
display: inline;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#phx-signup-form div.sidetip {
position: absolute;
left: 402px;
width: 250px;
}
#phx-signup-form .textbox div.sidetip { margin-top: 8px }
#phx-signup-form div.sidetip p {
font-size: 13px;
line-height: 16px;
padding-left: 18px;
background-repeat: no-repeat;
background-position: center left;
color: gray;
display: none;
}
#phx-signup-form div.sidetip p.active { display: block }
#phx-signup-form div.sidetip p.error {
background-image: url(../../phoenix/img/error.png);
color: #C33;
}
#phx-signup-form div.sidetip p.isaok {
background-image: url(../../phoenix/img/accept.png);
color: #390;
}
#phx-signup-form div.sidetip p.checking { background-image: url(../../phoenix/img/spinner-small.gif) }
#phx-signup-form div.sidetip p.tip { padding-left: 0 }
#phx-signup-form .tos div.sidetip { margin-left: 142px }
#phx-signup-form .tos div.sidetip p {
color: #999;
font-size: 11px;
line-height: 14px;
}
#phx-signup-form .tos div.sidetip p a { color: #69A7D7 }
#phx-signup-form .tos div.sidetip p a:hover { color: #2D76B9 }
#phx-signup-form .tos .sidetip p.info,
#phx-signup-form .password .sidetip p.invalid,
#phx-signup-form .email .sidetip p.taken {
line-height: 16px;
position: relative;
top: -8px;
}
#phx-signup-form .username div.suggestions {
display: none;
font-size: 13px;
color: gray;
max-height: 20px;
padding: 5px 10px 10px 10px;
width: 372px;
overflow: hidden;
background: #f4f4f4;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#phx-signup-form .suggestions ul {
display: inline;
line-height: 26px;
}
#phx-signup-form .suggestions li {
margin-left: 2px;
display: inline;
color: #ccc;
*margin-right: 9px;
}
#phx-signup-form .suggestions li a { color: #390 }
#phx-signup-form .suggestions li:after { content: " ·" }
#phx-signup-form .suggestions li:last-child:after { content: "" }
#phx-signup-form .password div.score {
display: none;
position: absolute;
margin-top: -40px;
margin-left: 334px;
}
#phx-signup-form .password div.score span {
width: 50px;
height: 8px;
display: inline-block;
overflow: hidden;
background-color: #eee;
vertical-align: middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#phx-signup-form .password div.score span b {
display: block;
height: 8px;
width: 25px;
background-color: #6EC02A;
}
#phx-signup-form div.tos {
clear: both;
background: #F4F4F4;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid #ddd;
text-shadow: 0 1px 0 #fff;
padding: 8px 0 10px 0;
margin: 0;
width: 392px;
}
#phx-signup-form div.tos .scroller {
height: 68px;
padding: 0 10px;
overflow-y: scroll;
outline: none;
color: #888;
}
#phx-signup-form div.tos .scroller p.header {
border-bottom: 1px solid #ddd;
box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
padding: 0 0 5px 0;
}
#phx-signup-form ::-webkit-scrollbar {
width: 9px;
height: 9px;
}
#phx-signup-form ::-webkit-scrollbar-button:start:decrement,
#phx-signup-form ::-webkit-scrollbar-button:end:increment {
display: block;
height: 0;
background-color: transparent;
}
#phx-signup-form ::-webkit-scrollbar-track-piece {
background-color: #FAFAFA;
-webkit-border-radius: 0;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
}
#phx-signup-form ::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #999;
-webkit-border-radius: 8px;
}
#phx-signup-form ::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #999;
-webkit-border-radius: 8px;
}
#phx-signup-form ::-webkit-scrollbar-track-piece { background-color: #F4F4F4 }
#phx-signup-form .tos .import {
font-size: 11px;
line-height: 16px;
}
#phx-signup-form .tos .import h3 {
font-size: 13px;
margin: 15px 0 0 0;
}
#phx-signup-form .tos .import p {
margin: .5em 0;
line-height: 17px!important;
}
#phx-signup-form .tos .import p.tip {
box-shadow: 0 -1px 0 #ddd,0 1px 0 #fff;
-moz-box-shadow: 0 -1px 0 #ddd,0 1px 0 #fff;
-webkit-box-shadow: 0 -1px 0 #ddd,0 1px 0 #fff;
padding: 8px 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
margin: 5px 0 10px 0;
}
#phx-signup-form .tos .import h2,
#phx-signup-form .tos .import p.tip span.tip { display: none }
#phx-signup-form .sign-up-box {
background: #fff;
width: 392px;
border-top: none;
text-align: left;
margin: 15px 0;
}
#phx-signup-form .sign-up-box input.promotional {
margin: 0;
width: 392px;
padding: 7px 0;
color: #333;
font-weight: bold;
background-color: #ffec46;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#ffec46),to(#fa2));
background-image: -moz-linear-gradient(#ffec46,#fa2);
background-image: -ms-linear-gradient(#ffec46,#fa2);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffec46),color-stop(100%,#fa2));
background-image: -webkit-linear-gradient(#ffec46,#fa2);
background-image: -o-linear-gradient(#ffec46,#fa2);
background-image: linear-gradient(#ffec46,#fa2);
border-color: #fd9d00;
}
#phx-signup-form .sign-up-box input.promotional:hover {
background-color: #fa2;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#ffec46),to(#f09600));
background-image: -moz-linear-gradient(#ffec46,#f09600);
background-image: -ms-linear-gradient(#ffec46,#f09600);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffec46),color-stop(100%,#f09600));
background-image: -webkit-linear-gradient(#ffec46,#f09600);
background-image: -o-linear-gradient(#ffec46,#f09600);
background-image: linear-gradient(#ffec46,#f09600);
background-position: 0 0;
border-color: #ed9200;
}
#phx-signup-form .sign-up-box input.promotional:active {
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0 .1),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
}
#phx-signup-form div.befound,
#phx-signup-form p.newsletter {
width: 376px;
margin: 0 0 40px 0;
}
#phx-signup-form .befound p {
float: left;
line-height: 15px;
font-size: 11px;
color: #999;
}
#phx-signup-form .befound div.radios { text-align: right }
#phx-signup-form .befound div.radios label { margin-left: 15px }
#phx-signup-form.captcha-active .captcha-container {
width: 392px;
text-align: center;
background: #f4f4f4;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px 0;
margin-top: 15px;
}
#phx-signup-form .captcha-container noscript p {
padding: 20px;
color: red;
font-weight: bold;
border: 10px solid rgba(255,0,0,0.5);
}
#phx-signup-form .captcha-container h6 { display: none }
#phx-signup-form.captcha-active .captcha-container h6 {
display: block;
font-size: 13px;
margin: 0 0 5px 0;
font-weight: normal;
color: #888;
}
#phx-signup-form.captcha-active .captcha-container div.embed { display: inline-block }
#phx-signup-form.submitting div.tos,
#phx-signup-form.submitting p.newsletter,
#phx-signup-form.submitting div.befound,
#phx-signup-form.captcha-active p.newsletter,
#phx-signup-form.captcha-active div.befound { display: none }
#phx-signup-form.captcha-active fieldset.textbox,
#phx-signup-form.submitting fieldset.textbox { visibility: hidden }
#phx-signup-form .standby {
display: none;
background: url(../../phoenix/img/loader.gif) no-repeat center center;
}
#phx-signup-form.submitting .standby {
display: block;
margin: 0 0 10px 0;
height: 32px;
}
#phx-signup-form.submitting .standby p { font-size: 14px }
#phx-signup-form.submitting .standby+fieldset.doit { display: none }
#phx-signup-form.submitting .sign-up-box {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f8f8f8;
}
#phx-signup-form p+p { margin-top: 0 }
.phx-signup-field-label {
font-size: 14px;
color: #666;
}
.search h1 {
margin: 30px 0;
font-size: 36px;
font-weight: 200;
color: #444;
text-align: center;
}
.search {
position: relative;
padding: 20px;
margin-bottom: 10px;
line-height: 16px;
text-shadow: 0 1px 0 #fff;
background-color: #f9f9f9;
border: 1px solid #eee;
border: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.search form {
display: block;
width: 640px;
margin: 0 auto 30px;
}
.search form .button {
padding: 7px 14px;
font-size: 14px;
line-height: 18px;
}
.basic-search input {
width: 620px;
padding: 7px 9px;
margin-bottom: 10px;
}
.basic-search .button { float: right }
.basic-search p {
font-size: 14px;
line-height: 34px;
}
.basic-search .trends {
background-color: transparent;
border: 0;
}
.basic-search .trends .flex-module { padding: 0 }
.basic-search .trends .flex-module-header h3 {
display: block;
text-align: center;
}
.basic-search .trends .flex-module-header small { display: none }
.basic-search .trends ul { text-align: center }
.basic-search .trends li {
display: inline;
padding: 3px 10px;
}
.advanced-search legend {
margin: 0;
padding: 20px 0 5px;
font-weight: bold;
color: #999;
border-bottom: 0;
}
.advanced-search fieldset:first-child legend { padding-top: 0 }
.advanced-search label { margin: 5px 0 }
.advanced-search .txt,
.advanced-search .sel,
.advanced-search .chk {
display: block;
clear: both;
}
.advanced-search .td {
float: left;
line-height: 30px;
}
.advanced-search .chk-inner,
.advanced-search select,
.advanced-search input[type=text] {
display: block;
margin-left: 200px;
}
.advanced-search input[type=text] { width: 430px }
.advanced-search .geo select { width: auto }
.advanced-search .geo .sel { display: none }
.advanced-search .rad {
display: block;
margin-left: 200px;
}
.advanced-search .rad label,
.advanced-search .chk label {
display: inline;
margin-right: 15px;
color: #555;
}
.advanced-search .rad input,
.advanced-search .chk input { margin-right: 4px }
.advanced-search .button { margin: 20px 0 }
.geo-control {
position: relative;
float: left;
margin: 7px 0 5px 5px;
height: 20px;
line-height: 20px;
}
#geo_promo_dialog_content {
font-size: 11px;
text-align: left;
padding: 15px;
}
#geo_promo_dialog_content .tiny-map {
float: right;
margin-left: 20px;
width: 147px;
height: 94px;
background: url(../img/temp_phoenix/tiny-map.gif) no-repeat;
}
#geo_dialog_descr {
margin-bottom: 20px;
font-size: 13px;
}
#geo_not_now {
margin-left: 8px;
line-height: 1.9em;
}
#geo_turn_location_on { font-weight: bold }
a.geo_disable_webclient {
color: #999;
font-family: tahoma,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
text-shadow: 1px 1px 1px #FFF;
}
a:hover.geo_disable_webclient { text-decoration: none }
.geo-unable-to-turn-location-on {
display: none;
color: #F33;
margin-top: 10px;
}
.geo-spinner {
display: inline-block;
background: url(../img/temp_phoenix/spinner-small.gif);
height: 14px;
width: 14px;
margin-left: 15px;
line-height: 1.9em;
vertical-align: middle;
}
body.ja .route-login .main div.aside p.mobile,
body.ko .route-login .main div.aside p.mobile { display: none }
form .holding {
position: relative;
overflow: visible;
}
form .holding .holder {
position: absolute;
top: 7px;
font-size: 13px;
line-height: 15px;
z-index: 1;
left: 8px;
white-space: nowrap;
cursor: text;
color: #999;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
-webkit-transition: opacity .1s,font-size .1s;
-moz-transition: opacity .1s,font-size .1s;
-o-transition: opacity .1s,font-size .1s;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
form .holding input:focus+span.holder {
-moz-opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity: .6;
}
form .hasome .holder {
z-index: -1;
-moz-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
font-size: 0!important;
}
.profile-user-only-admin-accessible {
background: #fbdcb6;
border-radius: 4px;
border-top: 1px solid #f6b462;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 3px 0 4px 0;
text-align: center;
text-shadow: 1px 1px 1px #fff;
}
.eTologyToken { margin-bottom: 10px }
.route-rateLimit { background: url(../../phoenix/img/bg-clouds.png) repeat-x scroll left 40px #C0DEED }
.route-rateLimit #page-outer {
padding-top: 60px;
height: auto;
}
.four-twenty-container {
margin-left: auto;
margin-right: auto;
width: 760px;
min-width: 760px;
min-height: inherit;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-border-radius: 5px;
-mox-border-radius: 5px;
padding: 0;
background: white url(../../phoenix/img/birdcage.png) no-repeat 488px 38px!important;
}
.four-twenty {
margin: 0 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 25px 0 20px;
background-position: right;
}
.four-twenty h2 {
font-size: 32px;
color: #444;
font-weight: 300;
}
.four-twenty p.rate-limit-message {
width: 400px;
margin: 20px 0;
}
.four-twenty div.footer {
padding: 20px 40px 20px 40px;
font-size: 11px;
background: #eee;
margin: 30px -40px -20px -40px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.four-twenty div.footer li { display: inline }
.big-photo-permalink .tweet-content {
margin-left: 58px;
min-height: 48px;
}
.big-photo-permalink .tweet-row {
display: block;
position: relative;
line-height: 15px;
}
.big-photo-permalink .tweet-image {
float: left;
height: 48px;
overflow: hidden;
width: 48px;
margin-top: 3px;
}
.signout-wrapper {
display: block;
width: 585px;
margin: 0 auto 10px;
clear: both;
}
.signout-wrapper h1,
.signout-wrapper p { margin: 20px 0 }
#signin-or-signup form {
float: left;
margin-right: 15px;
}
#signin-or-signup .help-text-inline { display: none }
#signin-or-signup .signin {
border-right: 1px solid #eee;
padding-right: 16px;
}
#signin-or-signup .signup h2 { font-weight: normal }
#signin-or-signup .divider { margin: 10px 0 }
body.welcome-flow { background: #c0deed }
body.welcome-flow #banners,
body.welcome-flow #global-actions,
body.welcome-flow .pull-right { display: none }
body.welcome-flow .content-main { background-color: #fff }
body.welcome-flow .content-main .stream-end { margin: 0 }
.welcome-dashboard .follow-combo {
position: absolute;
top: 0;
right: 0;
}
.welcome-dashboard .follow-combo .btn-user-actions { display: none }
.unclickable-tweet .stream-item-header .avatar {
position: static;
float: left;
margin-right: 12px;
}
.stream-item .unclickable-tweet .content { margin: 0 }
.stream-item .unclickable-tweet .content p { margin-left: 60px }
.welcome-faux-tweet-stream .faux-tweet {
padding: 12px 12px 16px;
border-bottom: 1px solid #eee;
}
.welcome-faux-tweet-stream .faux-tweet .content {
height: 62px;
background: #fff url(../img/faux_tweet.png) no-repeat scroll;
}
.stream-manager-container {
position: relative;
max-height: 305px;
overflow-x: hidden;
overflow-y: auto;
clear: both;
}
.twttr-dialog .unclickable .more-link,
.twttr-dialog .unclickable .view-profile { display: none }
.welcome-dashboard {
background: #eee;
padding-bottom: 20px;
}
.welcome-dashboard .unfocusable-stream-item {
padding: 12px 12px 0 12px;
border: 0;
}
.route-welcome .unfocusable-stream-item:hover .time {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.welcome-dashboard .interest-category:hover { cursor: pointer }
.welcome-dashboard .interest-category:hover a { text-decoration: underline }
.welcome-dashboard .dashboard-stream-header { float: left }
.welcome-dashboard .dashboard-stream-header .component { width: 300px }
.welcome-dashboard .stream-container { background: #fff }
.welcome-dashboard .account-summary .content { margin-right: 108px }
.welcome-dashboard .account-summary .screenname {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.welcome-dashboard .account-summary .account-group-inner {
font-size: 12px;
white-space: normal;
}
.welcome-dashboard .categories-list { display: none }
.welcome-dashboard .back-to-stream {
display: none;
padding: 10px;
overflow: hidden;
font-weight: bold;
background-color: #F9F9F9;
border-bottom: 1px solid #ddd;
}
.welcome-dashboard .back-to-stream .btn {
float: left;
margin: 0 10px 0 0;
font-size: 11px;
font-weight: bold;
}
.welcome-dashboard .back-to-stream .dashboard-stream-title {
float: left;
font-size: 15px;
line-height: 28px;
white-space: nowrap;
}
.welcome-dashboard .stream-suggestion-category {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.welcome-dashboard .suggestion-categories .stream-item { background-color: #F9F9F9 }
.welcome-dashboard .stream-suggestion-category .category-title {
margin-bottom: 8px;
font-weight: bold;
color: #0084b4;
}
.welcome-dashboard .stream-suggestion-category .category-count,
.welcome-dashboard .stream-suggestion-category .view-all {
font-size: 12px;
font-weight: normal;
color: #AAA;
}
.welcome-dashboard .back-to-top { display: none }
.welcome-dashboard .stream-end {
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.welcome-dashboard .content-searchbar form { position: relative }
.welcome-dashboard .content-searchbar input {
width: 266px;
line-height: 16px;
}
.welcome-dashboard .input-search {
position: absolute;
top: 5px;
right: 10px;
display: block;
cursor: pointer;
}
.welcome-dashboard .glass i {
display: block;
width: 12px;
height: 14px;
background-image: url(../img/twitter_web_sprite_icons.png);
background-position: -20px -620px;
}
.welcome-dashboard .stream-suggestion-category .user-name-info { display: none }
.welcome-dashboard .stream-suggestion-category .user-static-list-item {
float: left;
margin-right: 3px;
}
.welcome-dashboard .stream-suggestion-category .user-static-list-item img {
width: 23px;
height: 23px;
}
.welcome-dashboard .header-inner { padding: 10px }
.welcome-dashboard .find-friends-sources .btn,
.welcome-dashboard .invite-friends { display: none }
.welcome-dashboard .find-friends-sources .btn { display: block }
.welcome-dashboard .find-friends-results {
padding: 0;
border-left: none;
border-right: none;
}
.welcome-dashboard .stream-item,
.welcome-dashboard .stream-loading,
.welcome-dashboard .stream-end {
border-left: none;
border-right: none;
}
.welcome-dashboard .dashboard-import-header { font-weight: bold }
.dashboard .welcome-header-module {
position: relative;
color: #ddd;
text-shadow: 0 -1px 0 #333;
background: #485258;
border: none;
}
.welcome-header-module h2 { color: #fff }
.welcome-header-module .subheading {
min-height: 32px;
margin-top: 5px;
font-size: 13px;
}
.welcome-header-module .header-half {
background: transparent;
border-bottom: 1px solid #363743;
}
.welcome-header-module .left-arrow {
position: absolute;
top: 25px;
right: -7px;
width: 7px;
height: 19px;
background: url('../img/learn_arrows.png') no-repeat 0 -7px;
}
.welcome-header-module .down-arrow {
position: absolute;
bottom: -7px;
left: 15px;
width: 19px;
height: 7px;
background: url('../img/learn_arrows.png') no-repeat 0 0;
}
.welcome-header-module .progress-half {
overflow: hidden;
background: #363e42;
border-top: 1px solid #454d51;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.welcome-header-module .progress-half td { vertical-align: bottom }
.welcome-header-module .progressbar-well {
position: relative;
margin: 0 8px 0 0;
background: #40494d;
border-top: 1px solid #2e3539;
border-bottom: 1px solid #485155;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.welcome-header-module .ui-progressbar {
height: 29px;
padding: 0 8px 0 0;
}
.welcome-header-module .ui-progressbar-value {
height: 27px;
padding: 0 8px 0 0;
background-color: #328cc3;
background-image: -moz-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#40b8eb),color-stop(100%,#2d7eb6));
background-image: -webkit-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
background-image: -ms-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
background-image: -o-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
background-image: linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
border-top: 1px solid #52c1ee;
border-bottom: 1px solid #2d7db5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.welcome-header-module .progress-label {
position: absolute;
top: 7px;
left: 13px;
font-size: 11px;
color: #fff;
}
.back-to-import { padding: 15px 10px 0 }
.welcome-dashboard-footer .skip-link {
margin-left: 15px;
font-size: 12px;
color: #777;
}
.invite-contacts-component .save {
height: auto;
width: auto;
}
.find-friends-results .component .invite-contacts-component {
padding: 0 12px 12px;
border-bottom: 1px solid #eee;
}
.invite-contacts-component p { font-size: 13px }
.contact-import-invite-header h2 { padding: 12px }
.contact-import-invite-header p {
background-color: #f5f5f5;
padding: 12px;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
margin-top: -1px;
}
.invite-preview-link {
float: right;
font-size: 12px;
padding: 4px 0 6px;
}
.people-chooser-list div.checkbox {
float: left;
display: inline;
}
.people-chooser-list .select-all-people { padding: 0 5px 4px }
.people-chooser-list .select-all-people label {
font-weight: bold;
margin: 0;
}
.people-chooser-list .contacts label {
color: #666;
margin-bottom: 0;
}
.people-chooser-list .contacts .about {
color: #AAA;
font-size: 12px;
}
.people-chooser-list .contacts {
color: #666;
overflow-x: hidden;
overflow-y: auto;
max-height: 200px;
margin-bottom: 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.people-chooser-list .contacts li {
overflow: hidden;
border-top: 1px solid #eee;
font-size: 11px;
padding-bottom: 0!important;
width: 100%;
}
.people-chooser-list .contacts li:first-child { border-top: 0 }
.people-chooser-list .contacts li div {
float: left;
display: inline;
}
.people-chooser-list .contacts li div span {
padding: 5px 4px;
display: block;
}
.people-chooser-list .contacts li .about span { padding-right: 18px }
.people-chooser-list .contacts li .checkbox,
.people-chooser-list .select-all-people .checkbox { width: 5% }
.people-chooser-list .contacts li .name {
width: 40%;
overflow: hidden;
}
.people-chooser-list .contacts li .about {
width: 50%;
overflow: hidden;
}
body.loading-body #page-container.mobile-gallery { display: block }
body.loading-body .mobile-gallery .yes-script { visibility: hidden }
.mobile-gallery .page-canvas {
margin-bottom: 15px;
background-color: #fff;
-webkit-box-shadow: 0 0 225px rgba(255,255,255,.55);
-moz-box-shadow: 0 0 225px rgba(255,255,255,.55);
box-shadow: 0 0 225px rgba(255,255,255,.55);
}
.mobile-gallery h1 {
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
.mobile-gallery h1 b { font-weight: 300 }
.mobile-gallery .m-twitter { display: none }
#mobile-gallery-logged-out-header h1 {
font-size: 56px;
font-weight: 300;
line-height: 1;
}
.mobile-gallery .gallery {
margin: 20px 0 25px;
text-align: center;
}
.mobile-gallery .mobile-download {
background: #F1F1F1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.mobile-gallery .gallery li {
padding: 0;
margin: 0 25px;
display: inline-block;
list-style: none;
font-size: 13px;
*display: inline;
*zoom: 1;
}
.mobile-gallery .gallery li a {
display: block;
text-align: center;
cursor: pointer;
}
.mobile-gallery .gallery li a:hover { text-decoration: none }
.mobile-gallery .gallery li a:hover span { text-decoration: underline }
.mobile-gallery .gallery li a i {
margin: 0 5px;
display: inline-block;
background: url(../../t1/img/mobile/app_phones.jpg) no-repeat;
height: 186px;
}
.mobile-gallery .gallery li a.iphone i { width: 81px }
.mobile-gallery .gallery li a.ipad i {
width: 147px;
background-position: -81px 0;
}
.mobile-gallery .gallery li a.android i {
width: 80px;
background-position: -228px 0;
}
.mobile-gallery .gallery li a.blackberry i {
width: 85px;
background-position: -308px 0;
}
.mobile-gallery .gallery li a.wp7 i {
width: 82px;
background-position: -393px 0;
}
.mobile-gallery .actions {
text-align: center;
padding: 25px 0;
border-bottom: 1px solid #E1E1E1;
}
.mobile-gallery .actions-single {
clear: both;
display: block;
padding: 0;
width: 100%;
text-align: left;
background-color: #fff;
border: 0;
}
.mobile-gallery .actions-single .promotional {
width: 238px;
text-align: center;
}
.mobile-gallery .actions-single .app-download,
.mobile-gallery .actions-single .app-download-form {
padding: 0 15px 15px 15px;
margin: 0;
}
.mobile-gallery .actions-single .app-download-form { padding: 15px }
.mobile-gallery .actions-single .field { margin-top: 0 }
@-webkit-keyframes mobileDownloadGlow {
from { -webkit-box-shadow: 0 1px 0 #fff,0 0 15px rgba(255,238,102,.01) }
50% { -webkit-box-shadow: 0 1px 0 #fff,0 0 15px rgba(255,238,102,1) }
to { -webkit-box-shadow: 0 1px 0 #fff,0 0 15px rgba(255,238,102,.01) }
}
.mobile-gallery .actions .promotional,
.firefox-download .promotional {
-webkit-animation-name: mobileDownloadGlow;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
}
.mobile-gallery .mobile-footer {
clear: both;
margin: 30px 0 0;
}
.mobile-gallery .mobile-footer-home,
.mobile-gallery .mobile-footer-app { margin-top: 15px }
.mobile-gallery .mobile-footer td {
width: 25%;
vertical-align: top;
padding: 5px 25px 15px 0;
font-size: 13px;
}
.mobile-gallery .mobile-footer td:first-child { border: none }
.mobile-gallery .mobile-footer h4,
.mobile-gallery .mobile-footer p {
margin: 0 0 0 15px;
color: #777;
text-shadow: 0 1px 0 #fff;
}
.mobile-gallery .mobile-footer h4 {
color: #333;
font-size: 13px;
}
.mobile-gallery .mobile-footer ul { white-space: nowrap }
.mobile-gallery .gallery-link {
margin: 15px 0 0 0;
padding: 0 0 15px 15px;
font-size: 13px;
border-bottom: 1px solid #eee;
}
.mobile-gallery .mobile-gallery-app-wrapper {
display: block;
height: 315px;
width: 290px;
border-right: 1px solid #eee;
}
.mobile-gallery .mobile-gallery-app {
margin: 0;
padding: 0 640px 0 0;
height: 315px;
}
.mobile-gallery .mobile-gallery-iphone { background: url(../../t1/img/mobile/iphone_screens.jpg) 310px 10px no-repeat }
.mobile-gallery .mobile-gallery-ipad { background: url(../../phoenix/img/mobile/ipad_screens.jpg) 312px 10px no-repeat }
.mobile-gallery .mobile-gallery-android { background: url(../../t1/img/mobile/android_screens.jpg) 310px 10px no-repeat }
.mobile-gallery .mobile-gallery-blackberry { background: url(../../phoenix/img/mobile/blackberry_screens.jpg) 310px 10px no-repeat }
.mobile-gallery .mobile-gallery-wp7 { background: url(../../phoenix/img/mobile/wp7_screens.jpg) 310px 10px no-repeat }
.mobile-gallery .app-header {
padding: 15px 0 0 90px;
margin: 0 0 0 15px;
width: 170px;
}
.mobile-gallery .mobile-gallery-iphone .app-header,
.mobile-gallery .mobile-gallery-ipad .app-header { background: url(../../phoenix/img/mobile/ios_app_icon.png) 0 15px no-repeat }
.mobile-gallery .mobile-gallery-android .app-header { background: url(../../phoenix/img/mobile/android_app_icon.png) 0 15px no-repeat }
.mobile-gallery .mobile-gallery-blackberry .app-header { background: url(../../phoenix/img/mobile/blackberry_app_icon.png) 0 15px no-repeat }
.mobile-gallery .mobile-gallery-wp7 .app-header { background: url(../../phoenix/img/mobile/wp7_app_icon.png) 0 15px no-repeat }
.mobile-gallery .app-header .compatibility {
color: #666;
margin: 0 0 16px 0;
}
.mobile-gallery .app-download-form {
border-top: 1px solid #eee;
margin-top: 15px;
padding-top: 15px;
}
.mobile-gallery .app-download-form p {
padding-bottom: 5px;
font-size: 13px;
color: #777;
}
.mobile-gallery .app-download-form input.email {
width: 250px;
margin-bottom: 5px;
}
.twttr-dialog-download-mobile .dialog-prompt {
border-top: 1px solid #eee;
padding: 15px 0;
font-size: 12px;
}
.twttr-dialog-download-mobile .dialog-prompt .button {
vertical-align: middle;
margin-right: .5em;
}
.twttr-dialog-download-mobile .dialog-prompt a { vertical-align: middle }
.twttr-dialog-download-mobile .field {
float: none;
width: auto;
text-align: left;
font-weight: normal;
}
.stream .promoted-account { height: auto }
.promoted-account .tweet-labels { padding-bottom: 5px }
.firefox-header { width: 100% }
.firefox-intro {
float: left;
padding-left: 20px;
width: 440px;
padding-top: 35px;
}
.firefox-installed {
padding-left: 0;
padding-bottom: 20px;
width: 100%;
text-align: center;
}
.firefox-header h1 {
text-align: left;
margin: 0 0 5px;
}
.firefox-installed h1 { text-align: center }
.firefox-header h1 strong { letter-spacing: -1px }
.firefox-header h2 {
line-height: 1.4;
font-size: 22px;
font-weight: 300;
color: #777;
}
.firefox-header h2 span { color: #1B85C3 }
.firefox-header .firefox-download { padding: 25px 0 20px 0 }
.firefox-header .firefox-actions {
padding: 14px 0 12px 14px;
margin-left: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline;
border-left: 1px solid #eee;
font-size: 13px;
}
.mobile-gallery .firefox-tweet-button {
background: url('../../phoenix/img/firefox/tweet.png');
width: 55px;
height: 20px;
display: inline-block;
outline: none;
margin-right: 8px;
margin-bottom: -5px;
}
.mobile-gallery .firefox-tweet-button:hover { background-position: 0 -21px }
.mobile-gallery .firefox-tweet-button:active { background-position: 0 -42px }
.mobile-gallery .firefox-brand {
background: url('../../phoenix/img/firefox/bg.png') no-repeat;
width: 334px;
height: 221px;
float: left;
margin: 55px -130px 0 30px;
display: inline;
}
.mobile-gallery .firefox-installed .firefox-brand {
width: 100%;
background-position: center;
margin: 0;
}
.mobile-gallery .firefox-footer {
padding-bottom: 0;
margin: 0 12px 2px;
}
.mobile-gallery .firefox-footer td {
width: 260px;
padding: 12px 12px 0 0;
}
.mobile-gallery .firefox-footer td div.screenshot {
background: #f4f4f4;
padding-bottom: 8px;
margin-bottom: 10px;
width: 260px;
border: 1px solid #ddd;
}
.mobile-gallery .firefox-footer td div.screenshot .screenshot-a,
.mobile-gallery .firefox-footer td div.screenshot .screenshot-b,
.mobile-gallery .firefox-footer td div.screenshot .screenshot-c {
height: 140px;
width: 260px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.mobile-gallery .firefox-footer td div.screenshot .screenshot-a { background: url(../../phoenix/img/firefox/demo_sprite.png) no-repeat }
.mobile-gallery .firefox-footer td div.screenshot .screenshot-b { background: url(../../phoenix/img/firefox/demo_sprite.png) no-repeat -289px }
.mobile-gallery .firefox-footer td div.screenshot .screenshot-c { background: url(../../phoenix/img/firefox/demo_sprite.png) no-repeat -578px }
.mobile-gallery .firefox-footer td h4 { color: #333 }
.mobile-gallery .firefox-footer td h4,
.mobile-gallery .firefox-footer td p {
padding-left: 0;
padding-right: 10px;
}
.mobile-gallery .firefox-footer td.last { padding-right: 0 }
.mobile-gallery .firefox-footer .firefox-actions {
text-align: center;
border-top: 1px solid #eee;
padding-top: 20px;
padding-bottom: 20px;
}
body.ja .mobile-gallery .activate-sms,
body.ja .mobile-gallery .second-phrase,
.mobile-gallery .country-select-outer,
.mobile-gallery .language-list { display: none!important }
.settings-header {
margin-bottom: 10px;
font-weight: bold;
color: #333;
}
.ok .notification { color: green }
.problem .notification { color: red }
.phone-number { padding-left: 12px }
.hex-field { margin-top: 0 }
.delete-info { margin-top: 5px }
.input-prepend,
.input-append { margin-top: 0 }
.input-prepend .add-on,
.input-append .add-on {
position: relative;
z-index: 2;
float: left;
display: block;
width: auto;
min-width: 16px;
height: 18px;
padding: 5px 4px 5px 5px;
margin-right: -1px;
line-height: 18px;
color: #999;
text-align: center;
text-shadow: 0 1px 0 #fff;
background-color: #f5f5f5;
border: 1px solid #ccc;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend input,
.input-append input {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend .add-on { *margin-top: 1px }
.input-append .input {
float: left;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append .add-on {
margin-right: 0;
margin-left: -1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.select-row {
border-bottom: 1px solid #eee;
padding-bottom: 8px;
margin-bottom: 8px;
}
#notifications-content { padding-top: 16px }
#notifications-form .settings-header { margin-bottom: 0 }
.uploader-image .image-preview {
float: left;
width: 110px;
height: 80px;
}
.uploader-avatar .avatar { float: left }
.uploader-avatar .uploader-tools { margin-left: 82px }
.uploader-background .uploader-tools { margin-left: 120px }
.uploader-background .image-preview {
background-color: #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.theme-list { margin-left: -10px }
.theme-list .theme {
position: relative;
float: left;
margin: 0 0 12px 12px;
cursor: pointer;
}
.theme-list .theme.selected .selected-border {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
border: 2px solid #019ad2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.theme-list .theme-image {
position: relative;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hidden-radio {
position: absolute;
z-index: 8;
top: 50%;
left: 50%;
}
.colorpicker-container { background-color: #fff }
.remove-background-btn {
padding: 0;
background-color: none;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.remove-background-btn:hover { text-decoration: underline }
.color-preview {
float: left;
width: 110px;
height: 26px;
margin-right: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.stream-item-activity { position: relative }
.stream-item-activity-line {
font-size: 13px;
line-height: 16px;
}
.activity-additional-info {
float: right;
font-size: 12px;
color: #999;
}
.activity-secondary-supplement {
display: none;
padding: 0 0 6px 70px;
}
.activity-secondary-supplement .avatar { margin-right: 1px }
.stream-item-activity .activity-supplement .latest-tweet .tweet-content { margin-left: 0 }
.stream-item-activity .btn-user-actions,
.stream-item-activity .account .verified,
.stream-item-activity .edit-profile-btn,
.follow-more-than-two .account .bio,
.follow-more-than-two .account .fullname,
.follow-more-than-two .account .username,
.follow-exactly-two .account .bio,
.stream-item-activity-network .follow-more-than-two .follow-combo { display: none }
.stream-item-activity-me .supplement,
.activity-secondary-supplement .supplement,
.follow-exactly-two .supplement,
.follow-more-than-two .supplement {
display: inline-block;
*display: inline;
zoom: 1;
}
.stream-item-activity .account .follow-combo { float: none }
.stream-item-activity .tweet-content {
padding-right: 12px;
margin-bottom: 6px;
margin-left: 70px;
}
.follow-more-than-two .account {
display: inline-block;
*display: inline;
padding: 0;
border: none;
zoom: 1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.stream-item-activity .sub-stream-item-hidden { display: none }
.stream-item-activity .account,
.stream-item-activity .list { border-bottom: none }
.view-all-supplements {
display: inline-block;
*display: inline;
font-size: 11px;
zoom: 1;
}
.view-all-supplements.show .show-text,
.view-all-supplements.hide .hide-text { display: inline }
.view-all-supplements.hide .show-text,
.view-all-supplements.show .hide-text { display: none }
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 100000;
opacity: .8;
filter: alpha(opacity=80);
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
background: url(../img/temp_phoenix/tipsy.gif) no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.stream-item-activity-me { border-bottom: 1px solid #e8e8e8 }
.stream-item-activity-me .latest-tweet {
min-height: 0;
padding: 0;
margin-top: -3px;
margin-bottom: 3px;
font-size: 13px;
border-bottom: none;
}
.stream-item-activity-me .latest-tweet .tweet-text { word-wrap: break-word }
.stream-item-activity-me .latest-tweet .tweet-row {
margin-top: -3px;
display: inline-block;
*display: inline;
max-width: 435px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
zoom: 1;
}
.stream-item-activity-me .latest-tweet .tweet-row,
.stream-item-activity-me .latest-tweet .tweet-row a { color: #999 }
.stream-item-activity-me .latest-tweet .tweet-text,
.stream-item-activity-me .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp {
display: inline;
zoom: 1;
}
.stream-item-activity-line-me { padding: 10px 20px 5px 70px }
.stream-item-activity-me .stream-item-activity-line {
font-size: 14px;
line-height: 18px;
}
.stream-item-activity-line-me .fullname { color: #000 }
.stream-item-list_member_added .stream-item-activity-line-me { padding-bottom: 12px }
.stream-item-activity-me .activity-additional-info { margin: 9px 12px 0 0 }
.stream-item-activity-me span.list {
min-height: 0;
margin: 0;
padding: 0;
border: 0;
}
.stream-item-activity-me .stream-item-activity-header .pretty-link b {
font-weight: bold;
color: #333;
}
.stream-item-activity-me .stream-item-activity-header .pretty-link s { display: none }
.stream-item-activity-me .view-all-supplements {
margin-left: 70px;
margin-bottom: 6px;
}
.stream-item-activity-me .supplement.hidden-supplement { display: block }
.stream-item-activity-me .activity-supplement {
margin: 0;
padding: 0 12px 10px 70px;
}
.stream-item-activity-me .has-hidden-supplements { padding-bottom: 0 }
.stream-item-activity-me .activity-type {
position: absolute;
left: 50px;
top: 10px;
*top: 12px;
display: inline-block;
*display: inline;
width: 16px;
*width: 24px;
height: 16px;
margin-left: 0;
vertical-align: middle;
zoom: 1;
}
.stream-item-list_member_added.stream-item-activity-me .stream-item-activity-line .avatar,
.stream-item-list_member_added.stream-item-activity-me .activity-supplement { display: none }
.stream-item-activity-me .avatar {
display: inline-block;
*display: inline;
margin-right: 2px;
cursor: pointer;
zoom: 1;
}
.stream-item-activity-network .stream-item-activity-header {
padding: 8px 8px 8px 12px;
margin: 12px 12px 0;
background-color: #f8f8f8;
border: 1px solid #eaeaea;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.stream-item-activity-network .activity-timestamp,
.stream-item-activity-network .activity-type { display: none }
.follow-exactly-two .account .fullname,
.follow-exactly-two .account .username {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.follow-more-than-two .sm-lock,
.follow-exactly-two .sm-lock { display: none }
.stream-item-activity-network .view-all-supplements { color: #999 }
.stream-item-activity-network .has-hidden-supplements .supplement {
border-top: 1px solid #e8e8e8;
padding-top: 1px;
}
.stream-item-activity-network .has-hidden-supplements .visible-supplement { border-top: none }
.stream-item-activity-network .activity-supplement .tweet { border-bottom: none }
.stream-item-activity-network .activity-supplement {
margin: 0 12px;
border: 1px solid #eaeaea;
border-top: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.stream-item-activity-network .follow-combo { margin-top: 6px }
.stream-item-activity-network .activity-supplement .account .content {
margin-right: 0;
margin-left: 85px;
min-height: 72px;
}
.stream-item-follow .follow-more-than-two .content .avatar,
.stream-item-list_member_added .follow-more-than-two .content .avatar {
position: relative;
left: 0;
top: 0;
}
.stream-item-activity-line-network .avatar {
margin-right: 3px;
vertical-align: top;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.stream-item-activity-network .follow-more-than-two { padding: 12px 12px 9px }
.stream-item-activity-network .follow-more-than-two .account { margin-right: 12px }
.stream-item-activity-network .follow-more-than-two .account .content { margin: 0 }
.stream-item-activity-network .follow-exactly-two .supplement { width: 50% }
.colorpicker {
width: 286px;
height: 176px;
overflow: hidden;
position: absolute;
background: #fff url(../img/colorpicker/custom_background.png);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1);
border: 1px solid #ccc;
display: none;
z-index: 9999;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(../img/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(../img/colorpicker/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(../img/colorpicker/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0;
}
.colorpicker_new_color { display: none }
.colorpicker_current_color {
display: none;
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: #fff;
margin: 0;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
font-family: "lucida grande",helvetica,arial,sans-serif;
}
.colorpicker_hex {
position: absolute;
width: 58px;
height: 22px;
right: 15px;
left: auto!important;
top: 9px;
}
.colorpicker_hex input { right: 6px }
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
display: none;
background-image: url(../img/colorpicker/custom_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
display: none;
background-image: url(../img/colorpicker/custom_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
display: none;
background-image: url(../img/colorpicker/custom_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
display: none;
background-image: url(../img/colorpicker/custom_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
display: none;
background-image: url(../img/colorpicker/custom_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
display: none;
background-image: url(../img/colorpicker/custom_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
height: 22px;
width: 58px;
left: 213px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus { background-position: center }
.colorpicker_hex.colorpicker_focus { background-position: bottom }
.colorpicker_submit.colorpicker_focus { background-position: bottom }
.colorpicker_slider { background-position: bottom }
#inputs {
clear: both;
padding-left: 20px;
}
#inputs label {
display: block;
width: 82px;
_width: 81px;
float: left;
margin-right: 13px;
border: 1px solid #fff;
padding: 5px 0;
font-size: 90%;
}
.color-wrap {
float: left;
padding: 1px;
border: 2px solid #eee;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.color-wrap:hover {
padding: 0;
border-width: 3px;
border-color: #999;
}
.colorpicker-box {
width: 80px;
height: 75px;
cursor: pointer;
}
.color-picker-module { position: relative }
.colorpicker-container {
position: absolute;
display: none;
z-index: 99;
}
div.colorpicker_hex input[type=text] {
width: 50px;
margin-top: 3px;
}
#colors .inactive { display: none }
#colors button,
#colors button:hover {
background-color: none;
border: none;
}