Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement