Advertisement
Guest User

#newtwitter CSS beautified

a guest
Dec 9th, 2011
1,015
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 238.56 KB | None | 0 0
  1. html,
  2. body,
  3. div,
  4. span,
  5. object,
  6. iframe,
  7. h1,
  8. h2,
  9. h3,
  10. h4,
  11. h5,
  12. h6,
  13. p,
  14. blockquote,
  15. pre,
  16. a,
  17. abbr,
  18. acronym,
  19. address,
  20. cite,
  21. code,
  22. em,
  23. img,
  24. small,
  25. strike,
  26. strong,
  27. sub,
  28. sup,
  29. b,
  30. u,
  31. i,
  32. dl,
  33. dt,
  34. dd,
  35. ol,
  36. ul,
  37. li,
  38. fieldset,
  39. form,
  40. button,
  41. label,
  42. legend,
  43. table,
  44. caption,
  45. tbody,
  46. tfoot,
  47. thead,
  48. tr,
  49. th,
  50. td,
  51. article,
  52. aside,
  53. canvas,
  54. embed,
  55. figure,
  56. figcaption,
  57. footer,
  58. header,
  59. hgroup,
  60. nav,
  61. section,
  62. summary,
  63. time,
  64. mark,
  65. audio,
  66. video {
  67.     padding: 0;
  68.     margin: 0;
  69.     border: 0;
  70.     font-size: 100%;
  71.     font: inherit;
  72.     vertical-align: baseline;
  73. }
  74. article,
  75. aside,
  76. details,
  77. figcaption,
  78. figure,
  79. footer,
  80. header,
  81. hgroup,
  82. menu,
  83. nav,
  84. section { display: block }
  85. body { line-height: 1 }
  86. ol,
  87. ul { list-style: none }
  88. blockquote,
  89. q { quotes: none }
  90. blockquote:before,
  91. blockquote:after,
  92. q:before,
  93. q:after {
  94.     content: '';
  95.     content: none;
  96. }
  97. strong {
  98.     font-style: inherit;
  99.     font-weight: bold;
  100. }
  101. em {
  102.     font-style: italic;
  103.     font-weight: inherit;
  104. }
  105. table {
  106.     border-collapse: collapse;
  107.     border-spacing: 0;
  108. }
  109. body {
  110.     font: 14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  111.     color: #333;
  112.     background-color: #fff;
  113. }
  114. h1,
  115. h2,
  116. h3,
  117. h4,
  118. h5,
  119. h6 {
  120.     color: #333;
  121.     text-rendering: optimizeLegibility;
  122. }
  123. h1 a,
  124. h2 a,
  125. h3 a,
  126. h4 a,
  127. h5 a,
  128. h6 a { font-weight: inherit }
  129. h1 {
  130.     font-size: 24px;
  131.     font-weight: bold;
  132.     line-height: 1;
  133. }
  134. h2 {
  135.     font-size: 18px;
  136.     font-weight: bold;
  137.     line-height: 20px;
  138. }
  139. h3 {
  140.     font-size: 14px;
  141.     line-height: 1;
  142. }
  143. h4 {
  144.     font-size: 12px;
  145.     line-height: 18px;
  146. }
  147. h5,
  148. h6 {
  149.     font-size: 10px;
  150.     line-height: 1;
  151. }
  152. small { font-size: 12px }
  153. .muted { color: #999 }
  154. .important { color: #c00c0c }
  155. h2 small {
  156.     font-size: 12px;
  157.     font-weight: normal;
  158.     color: #999;
  159. }
  160. .lead {
  161.     margin-bottom: 10px;
  162.     font-size: 16px;
  163.     font-weight: 200;
  164.     color: #999;
  165. }
  166. .fine-print {
  167.     font-size: 11px;
  168.     line-height: 15px;
  169.     color: #999;
  170. }
  171. ol {
  172.     margin-left: 20px;
  173.     list-style: decimal;
  174. }
  175. ol li { line-height: 20px }
  176. .inline-list { margin-left: 0 }
  177. .inline-list li { display: inline }
  178. a {
  179.     color: #0084b4;
  180.     text-decoration: none;
  181.     outline: 0;
  182. }
  183. a:hover { text-decoration: underline }
  184. p a { line-height: inherit }
  185. .alert {
  186.     padding: 12px;
  187.     margin: -13px -12px 20px;
  188.     background-color: #f7e8bc;
  189.     background-repeat: repeat-x;
  190.     background-image: -moz-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
  191.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fceec1),color-stop(100%,#f7e8bc));
  192.     background-image: -webkit-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
  193.     background-image: -ms-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
  194.     background-image: -o-linear-gradient(top,#fceec1 0,#f7e8bc 100%);
  195.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',endColorstr='#f7e8bc',GradientType=0);
  196.     background-image: linear-gradient(top,#fceec1 0,#f7e8bc 100%);
  197.     border-color: #f7e8bc;
  198.     border-color: rgba(0,0,0,.03);
  199.     border-style: solid;
  200.     border-width: 1px 0;
  201.     text-shadow: 0 1px 0 rgba(255,255,255,.25);
  202. }
  203. .alert .close {
  204.     float: right;
  205.     margin-top: 4px;
  206. }
  207. .alert p { color: #333 }
  208. .alert h4 { font-weight: bold }
  209. .clearfix:before,
  210. .clearfix:after,
  211. .control-group:before,
  212. .control-group:after,
  213. .stream-item>div:before,
  214. .stream-item>div:after,
  215. .module:after,
  216. .module:before,
  217. .follow-card header:after,
  218. .follow-card header:before,
  219. .follow-bar:after,
  220. .follow-bar:before,
  221. .search-header:after,
  222. .search-header:before,
  223. .tweet-form:after,
  224. .tweet-form:before,
  225. .modal-footer:after,
  226. .modal-footer:before,
  227. .local-trends-breadcrumb:after,
  228. .local-trends-breadcrumb:before,
  229. .input-prepend .add-on,
  230. .input-append .add-on,
  231. .wrapper:after,
  232. .wrapper:before,
  233. .expanded-content:before,
  234. .expanded-content:after,
  235. .stream-item:before,
  236. .stream-item:after {
  237.     content: "";
  238.     display: table;
  239. }
  240. .clearfix:after,
  241. .control-group:after,
  242. .stream-item>div:after,
  243. .module:after,
  244. .follow-card header:after,
  245. .follow-bar:after,
  246. .search-header:after,
  247. .tweet-form:after,
  248. .modal-footer:after,
  249. .local-trends-breadcrumb:after,
  250. .wrapper:after,
  251. .expanded-content:after,
  252. .stream-item:after { clear: both }
  253. .clearfix,
  254. .control-group,
  255. .stream-item>div,
  256. .module,
  257. .follow-bar,
  258. .search-header,
  259. .tweet-form,
  260. .modal-footer,
  261. .local-trends,
  262. .local-trends-breadcrumb,
  263. .wrapper,
  264. .expanded-content,
  265. .stream-item { zoom: 1 }
  266. hr {
  267.     height: 0;
  268.     padding: 0;
  269.     margin: 14px 0 0;
  270.     border: 0;
  271.     border-top: 1px solid #eee;
  272. }
  273. .pre-rendered-stub { visibility: hidden }
  274. .btn {
  275.     position: relative;
  276.     display: inline-block;
  277.     overflow: visible;
  278.     padding: 5px 10px;
  279.     font-size: 13px;
  280.     font-weight: bold;
  281.     line-height: 18px;
  282.     color: #333;
  283.     text-shadow: 0 1px 0 rgba(255,255,255,.5);
  284.     background-color: #ccc;
  285.     background-repeat: no-repeat;
  286.     border: 1px solid #ccc;
  287.     cursor: pointer;
  288.     -webkit-border-radius: 4px;
  289.     -moz-border-radius: 4px;
  290.     border-radius: 4px;
  291.     border-radius: 0 \0;
  292.     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
  293.     -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
  294.     box-shadow: 0 1px 0 rgba(255,255,255,.5);
  295. }
  296. button.btn::-moz-focus-inner,
  297. input[type=submit].btn::-moz-focus-inner {
  298.     padding: 0;
  299.     border: 0;
  300. }
  301. .btn.large {
  302.     font-size: 16px;
  303.     line-height: 28px;
  304.     -webkit-border-radius: 6px;
  305.     -moz-border-radius: 6px;
  306.     border-radius: 6px;
  307. }
  308. .btn.small {
  309.     padding-right: 9px;
  310.     padding-left: 9px;
  311.     font-size: 11px;
  312. }
  313. .btn:disabled,
  314. .btn.disabled {
  315.     color: #777;
  316.     text-shadow: 0 1px 0 rgba(255,255,255,.75);
  317.     cursor: default;
  318.     background-image: none;
  319.     filter: alpha(opacity=65);
  320.     -moz-opacity: .65;
  321.     opacity: .65;
  322. }
  323. .btn:active,
  324. .follow-combo.open .btn-user-actions {
  325.     -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0 .1),0 1px 2px rgba(0,0,0,.05);
  326.     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
  327.     box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
  328. }
  329. .btn {
  330.     background-color: #ddd;
  331.     background-repeat: repeat-x;
  332.     background-image: -khtml-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
  333.     background-image: -moz-linear-gradient(#fff,#ddd);
  334.     background-image: -ms-linear-gradient(#fff,#ddd);
  335.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));
  336.     background-image: -webkit-linear-gradient(#fff,#ddd);
  337.     background-image: -o-linear-gradient(#fff,#ddd);
  338.     background-image: linear-gradient(#fff,#ddd);
  339. }
  340. .btn:hover,
  341. .follow-combo.open .btn-user-actions {
  342.     text-decoration: none;
  343.     background-image: -khtml-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d8d8d8));
  344.     background-image: -moz-linear-gradient(#f8f8f8,#d8d8d8);
  345.     background-image: -ms-linear-gradient(#f8f8f8,#d8d8d8);
  346.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#d8d8d8));
  347.     background-image: -webkit-linear-gradient(#f8f8f8,#d8d8d8);
  348.     background-image: -o-linear-gradient(#f8f8f8,#d8d8d8);
  349.     background-image: linear-gradient(#f8f8f8,#d8d8d8);
  350.     border-color: #bbb;
  351. }
  352. .signup-btn {
  353.     background-color: #fd9a0f;
  354.     background-repeat: repeat-x;
  355.     background-image: -moz-linear-gradient(top,#fee94f 0,#fd9a0f 100%);
  356.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fee94f),color-stop(100%,#fd9a0f));
  357.     background-image: -webkit-linear-gradient(top,#fee94f 0,#fd9a0f 100%);
  358.     background-image: -ms-linear-gradient(top,#fee94f 0,#fd9a0f 100%);
  359.     background-image: -o-linear-gradient(top,#fee94f 0,#fd9a0f 100%);
  360.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee94f',endColorstr='#fd9a0f',GradientType=0);
  361.     background-image: linear-gradient(top,#fee94f 0,#fd9a0f 100%);
  362.     border-color: #fa2;
  363. }
  364. .signup-btn:hover,
  365. .signup-btn:focus {
  366.     background-color: #fd9512;
  367.     background-repeat: repeat-x;
  368.     background-image: -moz-linear-gradient(top,#fedc4d 0,#fd9512 100%);
  369.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fedc4d),color-stop(100%,#fd9512));
  370.     background-image: -webkit-linear-gradient(top,#fedc4d 0,#fd9512 100%);
  371.     background-image: -ms-linear-gradient(top,#fedc4d 0,#fd9512 100%);
  372.     background-image: -o-linear-gradient(top,#fedc4d 0,#fd9512 100%);
  373.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedc4d',endColorstr='#fd9512',GradientType=0);
  374.     background-image: linear-gradient(top,#fedc4d 0,#fd9512 100%);
  375.     border-color: #ec8b11;
  376. }
  377. .signup-btn:active { background-image: none }
  378. .primary-btn,
  379. .following.first-hover .follow-btn:hover,
  380. .following .follow-btn {
  381.     color: #fff;
  382.     text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  383.     background-color: #019ad2;
  384.     background-repeat: repeat-x;
  385.     background-image: -khtml-gradient(linear,left top,left bottom,from(#33bcef),to(#019ad2));
  386.     background-image: -moz-linear-gradient(#33bcef,#019ad2);
  387.     background-image: -ms-linear-gradient(#33bcef,#019ad2);
  388.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33bcef),color-stop(100%,#019ad2));
  389.     background-image: -webkit-linear-gradient(#33bcef,#019ad2);
  390.     background-image: -o-linear-gradient(#33bcef,#019ad2);
  391.     background-image: linear-gradient(#33bcef,#019ad2);
  392.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);
  393.     border-color: #057ed0;
  394.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  395.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  396.     box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  397. }
  398. .primary-btn:hover,
  399. .primary-btn:focus {
  400.     background-color: #0271bf;
  401.     background-repeat: repeat-x;
  402.     background-image: -khtml-gradient(linear,left top,left bottom,from(#2daddc),to(#0271bf));
  403.     background-image: -moz-linear-gradient(#2daddc,#0271bf);
  404.     background-image: -ms-linear-gradient(#2daddc,#0271bf);
  405.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2daddc),color-stop(100%,#0271bf));
  406.     background-image: -webkit-linear-gradient(#2daddc,#0271bf);
  407.     background-image: -o-linear-gradient(#2daddc,#0271bf);
  408.     background-image: linear-gradient(#2daddc,#0271bf);
  409.     border-color: #096eb3;
  410. }
  411. .caution-btn,
  412. .caution-btn:hover,
  413. .following .follow-btn:hover {
  414.     background-color: #c43c35;
  415.     background-repeat: repeat-x;
  416.     background-image: -khtml-gradient(linear,left top,left bottom,from(#ee5f5b),to(#c43c35));
  417.     background-image: -moz-linear-gradient(#ee5f5b,#c43c35);
  418.     background-image: -ms-linear-gradient(#ee5f5b,#c43c35);
  419.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ee5f5b),color-stop(100%,#c43c35));
  420.     background-image: -webkit-linear-gradient(#ee5f5b,#c43c35);
  421.     background-image: -o-linear-gradient(#ee5f5b,#c43c35);
  422.     background-image: linear-gradient(#ee5f5b,#c43c35);
  423.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0);
  424.     border-color: #a93730;
  425.     border-bottom-color: #952f2a;
  426. }
  427. .caution-btn {
  428.     color: #fff;
  429.     text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  430. }
  431. .caution-btn:hover { background-position: 0 -15px }
  432. .btn-group { position: relative }
  433. .action-text {
  434.     min-width: 70px;
  435.     padding: 5px 7px;
  436.     padding-top: 4px\9;
  437.     padding-bottom: 4px\9;
  438. }
  439. .follow-btn {
  440.     padding: 0;
  441.     margin-right: 3px\9;
  442. }
  443. .btn-user-actions,
  444. .btn-search-actions {
  445.     padding-left: 7px;
  446.     padding-right: 7px;
  447.     position: relative\9;
  448.     top: 1px\9;
  449. }
  450. .follow-btn .action-text { display: none }
  451. .not-following .follow-btn .follow-text,
  452. .following .follow-btn .following-text,
  453. .following .follow-btn:hover .unfollow-text,
  454. .following.first-hover .follow-btn:hover .following-text,
  455. .blocked .follow-btn .block-text,
  456. .blocked .follow-btn:hover .unblock-text,
  457. .follow-request-sent .follow-btn .pending-text,
  458. .follow-request-sent .follow-btn:hover .cancel-req-text { display: block }
  459. .not-following.follow-request-sent .follow-btn .follow-text,
  460. .following .follow-btn:hover .following-text,
  461. .following.first-hover .follow-btn:hover .unfollow-text,
  462. .blocked .follow-btn:hover .block-text,
  463. .follow-request-sent .follow-btn:hover .pending-text { display: none }
  464. .following .follow-btn,
  465. .blocked .follow-btn,
  466. .follow-request-sent .follow-btn { text-align: center }
  467. .small-follow-all-wrapper .action-text,
  468. .small-follow-all-wrapper .btn-user-actions { padding: 3px 4px }
  469. .small-follow-all-wrapper .follow-btn .follow {
  470.     margin-top: 2px;
  471.     margin-left: 2px;
  472. }
  473. .follow-btn.small .follow {
  474.     margin-top: 1px;
  475.     margin-right: 4px;
  476. }
  477. .follow-combo .btn-group-dropdown .is-not-blocked,
  478. .follow-combo.following .btn-group-dropdown .is-following,
  479. .follow-combo.following .btn-group-dropdown .is-not-including,
  480. .follow-combo.following .btn-group-dropdown .is-not-notifying,
  481. .follow-combo.including .btn-group-dropdown .is-including,
  482. .follow-combo.notifying .btn-group-dropdown .is-notifying,
  483. .follow-combo.dismissable .btn-group-dropdown .is-dismissable,
  484. .follow-combo.blocked .is-blocked,
  485. .follow-combo.can-dm .can-send-dm { display: block }
  486. .follow-combo .btn-group-dropdown li a,
  487. .follow-combo .btn-group-dropdown li.divider,
  488. .follow-combo.including .btn-group-dropdown .is-not-including,
  489. .follow-combo.notifying .btn-group-dropdown .is-not-notifying,
  490. .follow-combo.blocked .btn-group-dropdown .is-not-blocked,
  491. .follow-combo .can-send-dm { display: none }
  492. .btn-group .dropdown-menu {
  493.     top: 31px;
  494.     right: -1px;
  495.     min-width: 220px;
  496.     border-width: 1px;
  497.     -webkit-border-radius: 4px;
  498.     -moz-border-radius: 4px;
  499.     border-radius: 4px;
  500. }
  501. .btn-group .dropdown-menu a { font-size: 12px }
  502. .mini-profile-footer .btn-group .dropdown-menu {
  503.     right: auto;
  504.     left: 0;
  505. }
  506. .btn-group.open .btn-group-dropdown { display: block }
  507. .btn-group .small .dropdown-menu {
  508.     top: 28px;
  509.     -webkit-border-radius: 3px;
  510.     -moz-border-radius: 3px;
  511.     border-radius: 3px;
  512. }
  513. .search-header .search-btn { top: 1px\9 }
  514. .subscribe-btn>div { display: none }
  515. .subscribe-btn.not-subscribed .subscribe-text,
  516. .subscribe-btn.subscribed .remove-text { display: block }
  517. .module.tweet-to-user { background-color: transparent }
  518. .tweet-btn {
  519.     display: block;
  520.     text-align: center;
  521. }
  522. .large-tweet-btn {
  523.     padding: 7px 10px;
  524.     border: 0;
  525.     -webkit-border-radius: 5px;
  526.     -moz-border-radius: 5px;
  527.     border-radius: 5px;
  528.     -webkit-box-shadow: none;
  529.     -moz-box-shadow: none;
  530.     box-shadow: none;
  531. }
  532. .tweet-btn .tweet-new { margin: 0 6px -2px 0 }
  533. .global-nav,
  534. .global-nav .well,
  535. .btn-tweet,
  536. .btn-tweet:hover,
  537. .btn-tweet:active,
  538. .nav .active>a,
  539. .nav .open .dropdown-toggle,
  540. .form-search.has-saved-searches.focus,
  541. .tweet .actions {
  542.     background-image: url(../img/twitter_web_sprite_bgs.png);
  543.     background-repeat: repeat-x;
  544. }
  545. .global-nav {
  546.     background-position: 0 0;
  547.     background-color: #252525;
  548. }
  549. .nav .active>a,
  550. .nav .open .dropdown-toggle,
  551. .form-search.has-saved-searches.focus { background-position: 0 -50px }
  552. .global-nav .well { background-position: 0 -100px }
  553. .btn-tweet {
  554.     background-position: 0 -140px;
  555.     background-color: #2c77ba;
  556. }
  557. .btn-tweet:hover { background-position: 0 -170px }
  558. .btn-tweet:active { background-position: 0 -200px }
  559. .tweet .actions { background-position: 0 -240px }
  560. .replies .tweet .actions,
  561. .in-reply-to .tweet .actions,
  562. .replies-to .tweet .actions { background-position: 0 -260px }
  563. i {
  564.     background-image: url(../img/twitter_web_sprite_icons.png);
  565.     background-position: 0 0;
  566.     background-repeat: no-repeat;
  567.     display: inline-block;
  568.     vertical-align: text-top;
  569. }
  570. .logo-larry {
  571.     background-position: 0 0;
  572.     width: 34px;
  573.     height: 26px;
  574. }
  575. .wordmark-secondary {
  576.     background-position: -40px 0;
  577.     width: 68px;
  578.     height: 14px;
  579. }
  580. .larry-topbar {
  581.     background-position: -120px 0;
  582.     width: 28px;
  583.     height: 20px;
  584.     margin-top: 10px;
  585. }
  586. .nav-home,
  587. .nav-topics,
  588. .nav-people,
  589. .nav-me,
  590. .nav-tweet { height: 22px }
  591. .nav-home {
  592.     background-position: 0 -50px;
  593.     width: 21px;
  594. }
  595. .nav-topics {
  596.     background-position: -40px -50px;
  597.     width: 17px;
  598. }
  599. .nav-people {
  600.     background-position: -80px -50px;
  601.     width: 21px;
  602. }
  603. .nav-me {
  604.     background-position: -120px -50px;
  605.     width: 21px;
  606. }
  607. .nav-tweet {
  608.     background-position: -160px -50px;
  609.     width: 22px;
  610.     height: 18px;
  611. }
  612. .nav-new {
  613.     background-position: -200px -50px;
  614.     width: 24px;
  615.     height: 3px;
  616. }
  617. .topbar-divider {
  618.     background-position: -240px -50px;
  619.     width: 2px;
  620.     height: 32px;
  621. }
  622. .nav-breaker {
  623.     background-position: -260px -50px;
  624.     width: 18px;
  625.     height: 19px;
  626. }
  627. .global-nav a:hover .nav-home { background-position: 0 -80px }
  628. .global-nav a:hover .nav-topics { background-position: -40px -80px }
  629. .global-nav a:hover .nav-people { background-position: -80px -80px }
  630. .global-nav a:hover .nav-me,
  631. .global-nav .open .nav-me { background-position: -120px -80px }
  632. .global-nav a:hover .nav-breaker { background-position: -260px -80px }
  633. .active .nav-home,
  634. .active a:hover .nav-home { background-position: 0 -110px }
  635. .active .nav-topics,
  636. .active a:hover .nav-topics { background-position: -40px -110px }
  637. .active .nav-people,
  638. .active a:hover .nav-people { background-position: -80px -110px }
  639. .active .nav-me,
  640. .active a:hover .nav-me { background-position: -120px -110px }
  641. .chev-right {
  642.     background-position: 0 -140px;
  643.     width: 9px;
  644.     height: 13px;
  645. }
  646. .list-link:hover .chev-right,
  647. .active .chev-right { background-position: 0 -160px }
  648. .tweet .actions i {
  649.     height: 16px;
  650.     margin-top: -2px;
  651.     margin-right: 0;
  652.     background-color: #999;
  653. }
  654. .action-reply {
  655.     background-position: 0 -190px;
  656.     width: 18px;
  657. }
  658. .action-rt {
  659.     background-position: -30px -190px;
  660.     width: 22px;
  661. }
  662. .action-fav {
  663.     background-position: -60px -190px;
  664.     width: 16px;
  665. }
  666. .action-del {
  667.     background-position: -90px -190px;
  668.     width: 11px;
  669. }
  670. .replies .action-reply,
  671. .in-reply-to .action-reply,
  672. .permalink-inner.replies-to .action-reply { background-position: 0 -220px }
  673. .replies .action-rt,
  674. .in-reply-to .action-rt,
  675. .permalink-inner.replies-to .action-rt { background-position: -30px -220px }
  676. .replies .action-fav,
  677. .in-reply-to .action-fav,
  678. .permalink-inner.replies-to .action-fav { background-position: -60px -220px }
  679. .replies .action-del,
  680. .in-reply-to .action-del,
  681. .permalink-inner.replies-to .action-del { background-position: -90px -220px }
  682. .media-slideshow-tweet .action-reply { background-position: 0 -250px }
  683. .media-slideshow-tweet .action-rt { background-position: -30px -250px }
  684. .media-slideshow-tweet .action-fav { background-position: -60px -250px }
  685. .media-slideshow-tweet .action-del { background-position: -90px -250px }
  686. .media-slideshow-tweet a:hover .action-reply,
  687. .media-slideshow-tweet a:hover .action-rt,
  688. .media-slideshow-tweet a:hover .action-fav,
  689. .media-slideshow-tweet a:hover .action-del { background-color: #fff }
  690. .sm-reply,
  691. .sm-rt,
  692. .sm-fav,
  693. .sm-image,
  694. .sm-video,
  695. .sm-audio,
  696. .sm-geo,
  697. .sm-in,
  698. .sm-lock,
  699. .sm-trash,
  700. .sm-page,
  701. .sm-embed {
  702.     height: 13px;
  703.     background-color: #999;
  704. }
  705. .sm-reply,
  706. .hovered-stream-item:hover .sm-reply {
  707.     background-position: 0 -290px;
  708.     width: 12px;
  709. }
  710. .sm-rt,
  711. .hovered-stream-item:hover .sm-rt {
  712.     background-position: -20px -290px;
  713.     width: 14px;
  714. }
  715. .sm-fav,
  716. .hovered-stream-item:hover .sm-fav {
  717.     background-position: -40px -290px;
  718.     width: 10px;
  719. }
  720. .sm-image,
  721. .hovered-stream-item:hover .sm-image {
  722.     background-position: -60px -290px;
  723.     width: 12px;
  724. }
  725. .sm-video,
  726. .hovered-stream-item:hover .sm-video {
  727.     background-position: -80px -290px;
  728.     width: 12px;
  729. }
  730. .sm-audio,
  731. .hovered-stream-item:hover .sm-audio {
  732.     background-position: -100px -290px;
  733.     width: 9px;
  734. }
  735. .sm-geo,
  736. .hovered-stream-item:hover .sm-geo {
  737.     background-position: -120px -290px;
  738.     width: 9px;
  739. }
  740. .sm-lock,
  741. .hovered-stream-item:hover .sm-lock {
  742.     background-position: -140px -290px;
  743.     width: 8px;
  744. }
  745. .sm-trash,
  746. .hovered-stream-item:hover .sm-trash {
  747.     background-position: -160px -290px;
  748.     width: 9px;
  749. }
  750. .sm-embed,
  751. .hovered-stream-item:hover .sm-embed {
  752.     background-position: -180px -290px;
  753.     width: 9px;
  754. }
  755. .hovered-stream-item .sm-reply { background-position: 0 -320px }
  756. .hovered-stream-item .sm-rt { background-position: -20px -320px }
  757. .hovered-stream-item .sm-fav { background-position: -40px -320px }
  758. .hovered-stream-item .sm-image { background-position: -60px -320px }
  759. .hovered-stream-item .sm-video { background-position: -80px -320px }
  760. .hovered-stream-item .sm-audio { background-position: -100px -320px }
  761. .hovered-stream-item .sm-geo { background-position: -120px -320px }
  762. .hovered-stream-item .sm-lock,
  763. .replies .sm-lock,
  764. .in-reply-to .sm-lock { background-position: -140px -320px }
  765. .hovered-stream-item .sm-trash { background-position: -160px -320px }
  766. .hovered-stream-item .sm-embed { background-position: -180px -320px }
  767. .open .original-tweet .details .sm-reply,
  768. .open .original-tweet .details .sm-rt,
  769. .open .original-tweet .details .sm-fav,
  770. .open .original-tweet .details .sm-image,
  771. .open .original-tweet .details .sm-video,
  772. .open .original-tweet .details .sm-audio,
  773. .open .original-tweet .details .sm-geo,
  774. .open .original-tweet .details .sm-in,
  775. .open .original-tweet .details .sm-lock,
  776. .open .original-tweet .details .sm-trash,
  777. .open .original-tweet .details .sm-embed { background-color: #999 }
  778. .badge-promoted,
  779. .badge-top,
  780. .badge-political {
  781.     width: 18px;
  782.     height: 14px;
  783.     background-color: transparent;
  784. }
  785. .badge-promoted { background-position: 0 -350px }
  786. .badge-top { background-position: -20px -350px }
  787. .badge-political { background-position: -40px -350px }
  788. .play-large {
  789.     background-position: 0 -370px;
  790.     width: 48px;
  791.     height: 48px;
  792. }
  793. .play-medium {
  794.     background-position: -60px -370px;
  795.     width: 32px;
  796.     height: 32px;
  797. }
  798. .play {
  799.     background-position: -100px -370px;
  800.     width: 21px;
  801.     height: 21px;
  802. }
  803. .follow {
  804.     margin-top: 2px;
  805.     margin-right: 2px;
  806. }
  807. .account-arrow,
  808. .search-toggle { margin-top: 1px }
  809. .follow {
  810.     background-position: 0 -430px;
  811.     width: 18px;
  812.     height: 14px;
  813. }
  814. .block {
  815.     background-position: -30px -430px;
  816.     width: 14px;
  817.     height: 14px;
  818. }
  819. .account-arrow {
  820.     background-position: -60px -430px;
  821.     width: 22px;
  822.     height: 12px;
  823. }
  824. .search-toggle {
  825.     background-position: -90px -430px;
  826.     width: 23px;
  827.     height: 14px;
  828. }
  829. .dogear {
  830.     position: absolute;
  831.     top: 0;
  832.     right: 0;
  833.     display: none;
  834.     width: 24px;
  835.     height: 24px;
  836. }
  837. .retweeted .dogear { background-position: 0 -450px }
  838. .favorited .dogear { background-position: -30px -450px }
  839. .retweeted.favorited .dogear { background-position: -60px -450px }
  840. .retweeted .dogear,
  841. .favorited .dogear,
  842. .retweeted.favorited .dogear { display: block }
  843. .verified-large,
  844. .translator-large {
  845.     width: 22px;
  846.     height: 22px;
  847. }
  848. .verified,
  849. .translator {
  850.     width: 15px;
  851.     height: 15px;
  852.     margin: -1px 3px 0 2px;
  853. }
  854. .verified-large { background-position: 0 -480px }
  855. .verified { background-position: -30px -480px }
  856. .translator-large { background-position: -60px -480px }
  857. .translator { background-position: -90px -480px }
  858. .close-large {
  859.     background-position: 0 -510px;
  860.     width: 12px;
  861.     height: 13px;
  862. }
  863. .close {
  864.     background-position: -20px -510px;
  865.     width: 9px;
  866.     height: 9px;
  867. }
  868. .dismiss:hover .close { background-position: -40px -510px }
  869. .tweet-hash,
  870. .tweet-at,
  871. .tweet-camera,
  872. .tweet-geo { height: 17px }
  873. .tweet-hash {
  874.     background-position: 0 -530px;
  875.     width: 16px;
  876. }
  877. .tweet-at {
  878.     background-position: -30px -530px;
  879.     width: 16px;
  880. }
  881. .tweet-camera {
  882.     background-position: -60px -530px;
  883.     width: 20px;
  884. }
  885. .tweet-geo {
  886.     background-position: -90px -530px;
  887.     width: 11px;
  888. }
  889. .tweet-new {
  890.     background-position: -110px -530px;
  891.     width: 26px;
  892.     height: 20px;
  893. }
  894. .unread {
  895.     background-position: 0 -560px;
  896.     width: 13px;
  897.     height: 12px;
  898. }
  899. .replied {
  900.     background-position: -20px -560px;
  901.     width: 13px;
  902.     height: 10px;
  903. }
  904. .service-gmail,
  905. .service-yahoo,
  906. .service-hotmail,
  907. .service-aol,
  908. .service-linkedin,
  909. .service-msn,
  910. .service-yahoojapan {
  911.     width: 24px;
  912.     height: 24px;
  913. }
  914. .service-gmail { background-position: 0 -580px }
  915. .service-yahoo { background-position: -30px -580px }
  916. .service-hotmail { background-position: -60px -580px }
  917. .service-aol { background-position: -90px -580px }
  918. .service-linkedin { background-position: -120px -580px }
  919. .service-msn { background-position: -150px -580px }
  920. .service-daum { background-position: -180px -580px }
  921. .service-yahoojapan { background-position: -210px -580px }
  922. .service-sm-gmail,
  923. .service-sm-yahoo,
  924. .service-sm-hotmail,
  925. .service-sm-aol,
  926. .service-sm-linkedin,
  927. .service-sm-facebook,
  928. .service-sm-msn,
  929. .service-sm-daum { height: 16px }
  930. .service-sm-gmail {
  931.     background-position: 0 -610px;
  932.     width: 16px;
  933. }
  934. .service-sm-yahoo {
  935.     background-position: -30px -610px;
  936.     width: 20px;
  937. }
  938. .service-sm-hotmail {
  939.     background-position: -60px -610px;
  940.     width: 16px;
  941. }
  942. .service-sm-aol {
  943.     background-position: -90px -610px;
  944.     width: 16px;
  945. }
  946. .service-sm-linkedin {
  947.     background-position: -120px -610px;
  948.     width: 15px;
  949. }
  950. .service-sm-facebook {
  951.     background-position: -150px -610px;
  952.     width: 14px;
  953. }
  954. .service-sm-msn {
  955.     background-position: -180px -610px;
  956.     width: 16px;
  957. }
  958. .service-sm-daum {
  959.     background-position: -210px -610px;
  960.     width: 14px;
  961. }
  962. .checkmark {
  963.     background-position: 0 -630px;
  964.     width: 15px;
  965.     height: 14px;
  966. }
  967. .nav-search {
  968.     background-position: 0 -650px;
  969.     width: 12px;
  970.     height: 14px;
  971. }
  972. .focus .nav-search,
  973. .highlight .nav-search { background-position: -20px -650px }
  974. .sm-search {
  975.     background-position: 0 -870px;
  976.     width: 12px;
  977.     height: 14px;
  978. }
  979. .watermark-lock {
  980.     background-position: 0 -670px;
  981.     width: 75px;
  982.     height: 85px;
  983. }
  984. .activity-follow,
  985. .activity-fav,
  986. .activity-list,
  987. .activity-rt,
  988. .activity-reply { height: 14px }
  989. .activity-follow {
  990.     background-position: 0 -760px;
  991.     width: 14px;
  992. }
  993. .activity-fav {
  994.     background-position: -20px -760px;
  995.     width: 14px;
  996. }
  997. .activity-list {
  998.     background-position: -40px -760px;
  999.     width: 10px;
  1000. }
  1001. .activity-rt {
  1002.     background-position: -60px -760px;
  1003.     width: 14px;
  1004. }
  1005. .activity-reply {
  1006.     background-position: -80px -760px;
  1007.     width: 11px;
  1008. }
  1009. .embed-align-none { background-position: 0 -780px }
  1010. .embed-align-left { background-position: -22px -780px }
  1011. .embed-align-right { background-position: -42px -780px }
  1012. .embed-align-center { background-position: -63px -780px }
  1013. .active .embed-align-none { background-position: 0 -800px }
  1014. .active .embed-align-left { background-position: -22px -800px }
  1015. .active .embed-align-right { background-position: -42px -800px }
  1016. .active .embed-align-center { background-position: -63px -800px }
  1017. .trash {
  1018.     background-position: 0 -820px;
  1019.     width: 11px;
  1020.     height: 14px;
  1021. }
  1022. a:hover .trash { background-position: -20px -820px }
  1023. .with-icn {
  1024.     font-size: 12px;
  1025.     color: #999;
  1026. }
  1027. .with-icn i { margin-right: 4px }
  1028. .with-icn b {
  1029.     font-weight: normal;
  1030.     color: inherit;
  1031. }
  1032. .with-icn:hover { text-decoration: none }
  1033. .with-icn:hover b { text-decoration: underline }
  1034. .disco-media-type {
  1035.     width: 14px;
  1036.     height: 13px;
  1037. }
  1038. .story.image .disco-media-type { background-position: 0 -840px }
  1039. .story.video .disco-media-type { background-position: -20px -840px }
  1040. legend {
  1041.     display: block;
  1042.     width: 100%;
  1043.     margin-bottom: 20px;
  1044.     font-size: 20px;
  1045.     line-height: 30px;
  1046.     color: #333;
  1047.     border-bottom: 1px solid #eee;
  1048. }
  1049. label,
  1050. input,
  1051. textarea,
  1052. select,
  1053. button { font: 13px/20px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif }
  1054. label {
  1055.     display: block;
  1056.     margin-bottom: 5px;
  1057.     color: #333;
  1058. }
  1059. input,
  1060. textarea,
  1061. select {
  1062.     display: inline-block;
  1063.     width: 210px;
  1064.     padding: 4px;
  1065.     margin: 0;
  1066.     outline: none;
  1067.     background-color: #fff;
  1068.     border: 1px solid #ccc;
  1069.     -webkit-border-radius: 3px;
  1070.     -moz-border-radius: 3px;
  1071.     border-radius: 3px;
  1072. }
  1073. input,
  1074. textarea { min-height: 20px\0 }
  1075. input[type=checkbox],
  1076. input[type=radio] {
  1077.     width: auto;
  1078.     height: auto;
  1079.     padding: 0;
  1080.     margin: 3px 0;
  1081.     *margin-top: 0;
  1082.     line-height: normal;
  1083.     border: none;
  1084.     background-color: transparent;
  1085.     cursor: pointer;
  1086. }
  1087. input[type=file] {
  1088.     background-color: #fff;
  1089.     padding: initial;
  1090.     border: initial;
  1091.     line-height: initial;
  1092.     -webkit-box-shadow: none;
  1093.     -moz-box-shadow: none;
  1094.     box-shadow: none;
  1095. }
  1096. input[type=button],
  1097. input[type=reset],
  1098. input[type=submit] {
  1099.     width: auto;
  1100.     height: auto;
  1101. }
  1102. select,
  1103. input[type=file] {
  1104.     height: 30px;
  1105.     line-height: 30px;
  1106.     *margin-top: 4px;
  1107. }
  1108. select[multiple] {
  1109.     background-color: #fff;
  1110.     height: inherit;
  1111. }
  1112. .inline-form {
  1113.     float: left;
  1114.     width: 100%;
  1115.     margin: 10px 0;
  1116. }
  1117. textarea { height: auto }
  1118. .control-list .checkbox {
  1119.     margin-bottom: 0;
  1120.     margin-left: 18px;
  1121.     cursor: pointer;
  1122. }
  1123. .control-list input[type=radio],
  1124. .control-list input[type=checkbox] {
  1125.     float: left;
  1126.     margin-left: -18px;
  1127. }
  1128. input,
  1129. textarea {
  1130.     -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
  1131.     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
  1132.     box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
  1133.     -webkit-transition: .2s linear background;
  1134.     -moz-transition: .2s linear background;
  1135.     transition: .2s linear background;
  1136. }
  1137. input:focus,
  1138. textarea:focus {
  1139.     outline: 0;
  1140.     color: #333;
  1141.     border-color: #56b4ef;
  1142.     -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  1143.     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  1144.     box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  1145. }
  1146. input[type=file]:focus,
  1147. input[type=checkbox]:focus,
  1148. select:focus {
  1149.     outline: 1px dotted #666;
  1150.     -webkit-box-shadow: none;
  1151.     -moz-box-shadow: none;
  1152.     box-shadow: none;
  1153. }
  1154. .disabled,
  1155. .disabled:hover,
  1156. .disabled:active,
  1157. input[disabled],
  1158. select[disabled],
  1159. textarea[disabled],
  1160. input[readonly],
  1161. select[readonly],
  1162. textarea[readonly] {
  1163.     background: #f5f5f5;
  1164.     border-color: #ccc;
  1165.     cursor: not-allowed;
  1166. }
  1167. .disabled.btn,
  1168. .disabled.btn:active {
  1169.     cursor: default;
  1170.     -webkit-box-shadow: none;
  1171.     -moz-box-shadow: none;
  1172.     box-shadow: none;
  1173. }
  1174. .input-mini { width: 50px }
  1175. .input-small { width: 90px }
  1176. .input-medium { width: 175px }
  1177. .input-large { width: 270px }
  1178. .input-xlarge { width: 330px }
  1179. form p {
  1180.     font-size: 12px;
  1181.     line-height: 18px;
  1182.     color: #999;
  1183. }
  1184. form p+p { margin-top: 9px }
  1185. form .help-text-inline {
  1186.     position: absolute;
  1187.     top: 6px;
  1188.     left: 230px;
  1189. }
  1190. .form-search .search-query {
  1191.     -webkit-border-radius: 14px;
  1192.     -moz-border-radius: 14px;
  1193.     border-radius: 14px;
  1194. }
  1195. .form-search .btn { font-weight: normal }
  1196. .form-inline .btn { font-weight: normal }
  1197. .control-group { margin-bottom: 15px }
  1198. .form-horizontal .control-label {
  1199.     float: left;
  1200.     width: 120px;
  1201.     padding-top: 5px;
  1202.     text-align: right;
  1203. }
  1204. .form-horizontal .controls input+p,
  1205. .form-horizontal .controls select+p,
  1206. .form-horizontal .controls textarea+p { margin-top: 5px }
  1207. .form-horizontal .controls { margin-left: 140px }
  1208. .form-horizontal .control-list { padding-top: 5px }
  1209. .form-horizontal .form-actions { padding-left: 140px }
  1210. .placeholding-input {
  1211.     position: relative;
  1212.     overflow: visible;
  1213. }
  1214. .placeholding-input input {
  1215.     position: absolute;
  1216.     top: 0;
  1217. }
  1218. .placeholding-input .placeholder {
  1219.     position: absolute;
  1220.     top: 1px;
  1221.     right: 1px;
  1222.     bottom: 1px;
  1223.     left: 2px;
  1224.     z-index: 1;
  1225.     height: 20px;
  1226.     padding: 4px;
  1227.     font-size: 13px;
  1228.     line-height: 20px;
  1229.     color: #999;
  1230.     text-shadow: 0 1px 0 rgba(255,255,255,.5);
  1231.     white-space: nowrap;
  1232.     cursor: text;
  1233.     -webkit-transition: opacity .1s,font-size .1s;
  1234.     -moz-transition: opacity .1s,font-size .1s;
  1235.     -o-transition: opacity .1s,font-size .1s;
  1236.     -webkit-user-select: none;
  1237.     -moz-user-select: none;
  1238.     -o-user-select: none;
  1239.     user-select: none;
  1240. }
  1241. .placeholding-input input:focus+.placeholder {
  1242.     -moz-opacity: .6;
  1243.     opacity: .6;
  1244.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  1245.     filter: alpha(opacity=60);
  1246. }
  1247. .hasome .placeholder {
  1248.     font-size: 0!important;
  1249.     z-index: -1;
  1250.     -moz-opacity: 0;
  1251.     opacity: 0;
  1252.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1253.     filter: alpha(opacity=0);
  1254. }
  1255. html,
  1256. body,
  1257. #doc,
  1258. #page-outer { height: 100% }
  1259. .wrapper,
  1260. .wrapper-narrow,
  1261. .wrapper-permalink {
  1262.     position: relative;
  1263.     width: 837px;
  1264.     min-height: 100%;
  1265.     padding: 54px 14px 15px;
  1266.     margin: 0 auto;
  1267.     background: url(../img/wash-white-30.png);
  1268. }
  1269. .wrapper { padding-bottom: 0 }
  1270. .wrapper-narrow,
  1271. .wrapper-permalink { width: 630px }
  1272. .container {
  1273.     position: relative;
  1274.     width: 837px;
  1275.     margin: 0 auto;
  1276. }
  1277. .page-canvas {
  1278.     position: relative;
  1279.     width: 835px;
  1280.     margin: 0 auto;
  1281. }
  1282. .dashboard {
  1283.     float: left;
  1284.     width: 302px;
  1285. }
  1286. .content-inner,
  1287. .content-narrow,
  1288. .page-canvas,
  1289. .permalink {
  1290.     -webkit-background-clip: padding-box;
  1291.     -moz-background-clip: padding;
  1292.     background-clip: padding-box;
  1293. }
  1294. .content-narrow,
  1295. .page-canvas {
  1296.     border: 1px solid #eee;
  1297.     border: 1px solid rgba(0,0,0,.1);
  1298. }
  1299. .content-main,
  1300. .content-narrow,
  1301. .page-canvas,
  1302. .permalink {
  1303.     -webkit-border-radius: 6px;
  1304.     -moz-border-radius: 6px;
  1305.     border-radius: 6px;
  1306. }
  1307. .content-main {
  1308.     float: right;
  1309.     width: 522px;
  1310. }
  1311. .content-narrow {
  1312.     padding: 30px 50px;
  1313.     margin: 0 auto 10px;
  1314.     background-color: #fff;
  1315. }
  1316. .permalink {
  1317.     padding: 0;
  1318.     background-color: #f5f5f5;
  1319.     border: 1px solid #eee;
  1320.     border: 1px solid rgba(0,0,0,.1);
  1321. }
  1322. .permalink-inner {
  1323.     position: relative;
  1324.     padding: 8px 52px 0;
  1325.     background-color: #fff;
  1326.     -webkit-border-radius: 6px;
  1327.     -moz-border-radius: 6px;
  1328.     border-radius: 6px;
  1329. }
  1330. .content-inner {
  1331.     padding: 12px;
  1332.     background-color: #fff;
  1333.     border-left: 1px solid #eee;
  1334.     border-left: 1px solid rgba(0,0,0,.1);
  1335.     border-right: 1px solid #eee;
  1336.     border-right: 1px solid rgba(0,0,0,.1);
  1337. }
  1338. .content-inner>h3 {
  1339.     margin-top: 10px;
  1340.     margin-bottom: 10px;
  1341.     font-weight: bold;
  1342.     line-height: 20px;
  1343. }
  1344. .content-inner hr { margin: 20px -12px }
  1345. .content-inner.no-stream-end {
  1346.     border-bottom: 1px solid #eee;
  1347.     border-bottom: 1px solid rgba(0,0,0,.1);
  1348.     -webkit-border-radius: 0 0 6px 6px;
  1349.     -moz-border-radius: 0 0 6px 6px;
  1350.     border-radius: 0 0 6px 6px;
  1351. }
  1352. .error-page .heading {
  1353.     margin-bottom: 10px;
  1354.     font-size: 30px;
  1355.     font-weight: 200;
  1356. }
  1357. .module,
  1358. .promptbird {
  1359.     position: relative;
  1360.     margin-bottom: 10px;
  1361.     line-height: 16px;
  1362.     -webkit-border-radius: 6px;
  1363.     -moz-border-radius: 6px;
  1364.     border-radius: 6px;
  1365.     -webkit-background-clip: padding-box;
  1366.     -moz-background-clip: padding;
  1367.     background-clip: padding-box;
  1368. }
  1369. .module {
  1370.     text-shadow: 0 1px 0 #fff;
  1371.     border: 1px solid #eee;
  1372.     border: 1px solid rgba(0,0,0,.1);
  1373. }
  1374. .header-module { background-color: #fff }
  1375. .header-module .flex-module {
  1376.     padding-top: 15px;
  1377.     padding-bottom: 15px;
  1378. }
  1379. .header-module h2 {
  1380.     font-weight: normal;
  1381.     line-height: 30px;
  1382. }
  1383. .header-module .search-header {
  1384.     float: right;
  1385.     width: 508px;
  1386. }
  1387. .header-module .search-query {
  1388.     display: block;
  1389.     padding: 2px 12px 3px;
  1390.     font-size: 18px;
  1391.     font-weight: bold;
  1392.     color: #333;
  1393. }
  1394. .search-header .search-btn {
  1395.     margin-right: 1px;
  1396.     text-align: center;
  1397. }
  1398. .header-module .btn .combo-btn-action { text-align: center }
  1399. .module .flex-module {
  1400.     background-color: #f9f9f9;
  1401.     padding: 12px;
  1402.     line-height: 16px;
  1403. }
  1404. .flex-module-header { margin-bottom: 10px }
  1405. .flex-module-header h3 { display: inline }
  1406. .flex-module-header small { line-height: 1 }
  1407. .flex-module-header p {
  1408.     font-size: 12px;
  1409.     color: #999;
  1410. }
  1411. .flex-module-inner,
  1412. .flex-module-footer {
  1413.     color: #999;
  1414.     font-size: 12px;
  1415. }
  1416. .flex-module-footer { margin-top: 10px }
  1417. .flex-module-inner ul,
  1418. .flex-module-inner ol { color: #333 }
  1419. .follow-card .flex-module-header h1 {
  1420.     margin-right: 42px;
  1421.     word-wrap: break-word;
  1422. }
  1423. .module ul+.flex-module { border-top: 1px solid #e8e8e8 }
  1424. .module .list-link {
  1425.     background-color: #f9f9f9;
  1426.     border-top: 1px solid #e8e8e8;
  1427.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  1428.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  1429.     box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  1430. }
  1431. .module li:first-child .list-link,
  1432. .module .inner:first-child { border-top: 0 }
  1433. .module ul:first-child li:first-child .list-link,
  1434. .module .flex-module:first-child {
  1435.     -webkit-border-top-left-radius: 5px;
  1436.     -webkit-border-top-right-radius: 5px;
  1437.     -moz-border-radius-topleft: 5px;
  1438.     -moz-border-radius-topright: 5px;
  1439.     border-top-left-radius: 5px;
  1440.     border-top-right-radius: 5px;
  1441. }
  1442. .module ul:last-child li:last-child .list-link,
  1443. .module .flex-module:last-child {
  1444.     -webkit-border-bottom-right-radius: 5px;
  1445.     -webkit-border-bottom-left-radius: 5px;
  1446.     -moz-border-radius-bottomright: 5px;
  1447.     -moz-border-radius-bottomleft: 5px;
  1448.     border-bottom-right-radius: 5px;
  1449.     border-bottom-left-radius: 5px;
  1450. }
  1451. .dashboard .stats { background-color: #f9f9f9 }
  1452. .module .list-link {
  1453.     position: relative;
  1454.     display: block;
  1455.     padding: 8px 12px;
  1456. }
  1457. .module .list-link .count {
  1458.     font-weight: normal;
  1459.     color: #999;
  1460. }
  1461. .module .list-link .metadata {
  1462.     display: block;
  1463.     font-size: 12px;
  1464. }
  1465. .module .list-link:hover,
  1466. .module .active .list-link {
  1467.     background-color: #fff;
  1468.     color: #333;
  1469.     text-decoration: none;
  1470. }
  1471. .module .active .list-link { font-weight: bold }
  1472. .mozilla .module .active .list-link {
  1473.     padding-top: 9px;
  1474.     padding-bottom: 7px;
  1475. }
  1476. .webkit .module .active .list-link {
  1477.     padding-top: 7px;
  1478.     padding-bottom: 9px;
  1479. }
  1480. .module .active .list-link small {
  1481.     font-weight: normal;
  1482.     color: #333;
  1483. }
  1484. .module .list-action { display: block }
  1485. .profile-nav .component .component .list-link {
  1486.     -webkit-border-radius: 0 0 5px 5px;
  1487.     -moz-border-radius: 0 0 5px 5px;
  1488.     border-radius: 0 0 5px 5px;
  1489. }
  1490. .module .chev-right {
  1491.     position: absolute;
  1492.     top: 9px;
  1493.     right: 12px;
  1494. }
  1495. .module .unread {
  1496.     float: right;
  1497.     margin-top: 2px;
  1498.     margin-right: 10px;
  1499. }
  1500. .list-action {
  1501.     padding: 8px 12px;
  1502.     margin: -8px -12px;
  1503. }
  1504. .list-action:hover { text-decoration: none }
  1505. .search-nav .component .component:last-child .list-link {
  1506.     -webkit-border-radius: 0 0 5px 5px;
  1507.     -moz-border-radius: 0 0 5px 5px;
  1508.     border-radius: 0 0 5px 5px;
  1509. }
  1510. .content-header {
  1511.     border-left: 1px solid #eee;
  1512.     border-left: 1px solid rgba(0,0,0,.1);
  1513.     border-right: 1px solid #eee;
  1514.     border-right: 1px solid rgba(0,0,0,.1);
  1515.     border-top: 1px solid #eee;
  1516.     border-top: 1px solid rgba(0,0,0,.1);
  1517.     -webkit-border-radius: 6px 6px 0 0;
  1518.     -moz-border-radius: 6px 6px 0 0;
  1519.     border-radius: 6px 6px 0 0;
  1520.     -webkit-background-clip: padding-box;
  1521.     -moz-background-clip: padding;
  1522.     background-clip: padding-box;
  1523. }
  1524. .content-header .header-inner {
  1525.     min-height: 20px;
  1526.     padding: 12px;
  1527.     background-color: #fff;
  1528.     border-bottom: 1px solid #e8e8e8;
  1529.     -webkit-border-radius: 5px 5px 0 0;
  1530.     -moz-border-radius: 5px 5px 0 0;
  1531.     border-radius: 5px 5px 0 0;
  1532. }
  1533. .content-header .content-type { font-weight: normal }
  1534. .content-header-buttons .btn {
  1535.     float: right;
  1536.     padding: 2px 8px;
  1537.     margin-top: -1px;
  1538. }
  1539. .content-header .subheader {
  1540.     color: #999;
  1541.     margin-top: 3px;
  1542. }
  1543. .view-toggler a,
  1544. .view-toggler {
  1545.     font-weight: normal;
  1546.     line-height: 1;
  1547. }
  1548. .view-toggler .active {
  1549.     color: #333;
  1550.     font-weight: bold;
  1551. }
  1552. .topbar {
  1553.     position: fixed;
  1554.     top: 0;
  1555.     right: 0;
  1556.     left: 0;
  1557.     z-index: 1000;
  1558.     -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
  1559.     -moz-box-shadow: 0 2px 3px rgba(0,0,0,.25);
  1560.     box-shadow: 0 2px 3px rgba(0,0,0,.25);
  1561. }
  1562. .global-nav,
  1563. .global-nav-outer { height: 40px }
  1564. .global-nav {
  1565.     position: relative;
  1566.     width: 100%;
  1567. }
  1568. .global-nav .container { width: 865px }
  1569. .nav,
  1570. .nav>li { float: left }
  1571. .nav { margin-right: 12px }
  1572. .nav li {
  1573.     position: relative;
  1574.     display: inline;
  1575. }
  1576. .nav li a {
  1577.     position: relative;
  1578.     font-size: 12px;
  1579.     color: #bbb;
  1580.     text-shadow: 0 -1px 0 rgba(0,0,0,.75);
  1581. }
  1582. .nav li>a {
  1583.     display: block;
  1584.     padding: 13px 12px 15px;
  1585.     font-weight: bold;
  1586.     line-height: 1;
  1587. }
  1588. .nav>li>a { height: 12px }
  1589. .nav .active>a,
  1590. .nav li a:hover {
  1591.     color: #fff;
  1592.     text-decoration: none;
  1593. }
  1594. .nav .active>a,
  1595. .nav .active>a:hover,
  1596. .nav .dropdown.open .dropdown-toggle,
  1597. .form-search.has-saved-searches.focus {
  1598.     background-color: #222;
  1599.     -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
  1600.     -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
  1601.     box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
  1602. }
  1603. .secondary-nav {
  1604.     float: right;
  1605.     margin-left: 6px;
  1606.     margin-right: 0;
  1607. }
  1608. .nav small { font-weight: normal }
  1609. .nav i {
  1610.     float: left;
  1611.     margin: -4px 6px 0 0;
  1612. }
  1613. .nav .active a {
  1614.     color: #fff;
  1615.     text-shadow: 0 1px 0 rgba(0,0,0,.5);
  1616. }
  1617. .global-nav .dropdown-menu-dark { background-image: url(../img/twitter_web_dark_dropdown_bg.png) }
  1618. .global-nav .account-summary { margin-bottom: 0 }
  1619. .global-nav .account-summary .avatar {
  1620.     top: 3px;
  1621.     left: 12px;
  1622.     -webkit-box-shadow: none;
  1623.     -moz-box-shadow: none;
  1624.     box-shadow: none;
  1625. }
  1626. .global-nav .account-summary .content { line-height: 16px }
  1627. .global-nav .current-user .fullname,
  1628. .global-nav .current-user a:hover .fullname {
  1629.     color: #fff;
  1630.     text-decoration: none;
  1631. }
  1632. .global-nav .current-user .fullname { font-size: 13px }
  1633. .global-nav .current-user .metadata {
  1634.     display: block;
  1635.     font-size: 11px;
  1636. }
  1637. .global-nav .dropdown-menu .messages a {
  1638.     font-weight: bold;
  1639.     color: #fff;
  1640. }
  1641. .global-nav .messages .count {
  1642.     float: right;
  1643.     display: none;
  1644.     min-width: 7px;
  1645.     padding: 0 9px;
  1646.     color: #fff;
  1647.     text-shadow: none;
  1648.     background-color: #58b3f0;
  1649.     background-repeat: repeat-x;
  1650.     background-image: -moz-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
  1651.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3aa0ea),color-stop(100%,#58b3f0));
  1652.     background-image: -webkit-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
  1653.     background-image: -ms-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
  1654.     background-image: -o-linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
  1655.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa0ea',endColorstr='#58b3f0',GradientType=0);
  1656.     background-image: linear-gradient(top,#3aa0ea 0,#58b3f0 100%);
  1657.     -webkit-border-radius: 9px;
  1658.     -moz-border-radius: 9px;
  1659.     border-radius: 9px;
  1660. }
  1661. .global-nav .messages .count.new { display: block }
  1662. .global-nav .well {
  1663.     padding: 1px;
  1664.     margin-top: 5px;
  1665.     -webkit-border-radius: 5px;
  1666.     -moz-border-radius: 5px;
  1667.     border-radius: 5px;
  1668. }
  1669. .nav .new-wrapper {
  1670.     position: relative;
  1671.     float: left;
  1672. }
  1673. .nav .nav-new {
  1674.     position: absolute;
  1675.     top: 26px;
  1676.     left: 50%;
  1677.     display: none;
  1678.     height: 3px;
  1679.     margin-left: -15px;
  1680.     line-height: 1;
  1681.     text-align: center;
  1682. }
  1683. .nav .new .nav-new { display: block }
  1684. .nav .dropdown-toggle .nav-new { margin-left: -14px }
  1685. .pull-right,
  1686. .pull-right .nav { float: right }
  1687. .topbar-divider {
  1688.     float: right;
  1689.     margin: 3px 10px;
  1690. }
  1691. .global-nav .pull-right .nav {
  1692.     position: relative;
  1693.     z-index: 5;
  1694.     margin: 0 -12px;
  1695. }
  1696. .global-nav .pull-right .dropdown-toggle {
  1697.     padding-left: 12px;
  1698.     padding-right: 12px;
  1699. }
  1700. .global-nav .pull-right .nav-me { margin-right: 4px }
  1701. .larry-topbar {
  1702.     position: absolute;
  1703.     top: 0;
  1704.     left: 50%;
  1705.     margin-left: -14px;
  1706. }
  1707. .topbar-tweet-btn {
  1708.     float: right;
  1709.     margin-right: 13px;
  1710. }
  1711. .btn-tweet {
  1712.     float: left;
  1713.     padding: 3px 4px 5px 10px;
  1714.     font-size: 12px;
  1715.     line-height: 20px;
  1716.     color: #bbb;
  1717.     text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  1718.     border-color: #111;
  1719.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  1720.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  1721.     box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  1722. }
  1723. .btn-tweet .nav-tweet {
  1724.     float: left;
  1725.     margin-top: 0;
  1726. }
  1727. .btn-tweet:hover {
  1728.     color: #fff;
  1729.     border-color: #000;
  1730. }
  1731. .btn-tweet:active {
  1732.     -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.25);
  1733.     -moz-box-shadow: inset 0 3px 6px rgba(0,0,0,.25);
  1734.     box-shadow: inset 0 3px 6px rgba(0,0,0,.25);
  1735. }
  1736. .global-nav .form-search {
  1737.     position: relative;
  1738.     float: right;
  1739.     padding: 7px 12px;
  1740.     margin-right: -12px;
  1741.     margin-right: -3px\9;
  1742. }
  1743. .global-nav .search-icon {
  1744.     position: absolute;
  1745.     top: 7px;
  1746.     left: 12px;
  1747.     display: block;
  1748.     width: 26px;
  1749.     height: 26px;
  1750. }
  1751. .global-nav .nav-search {
  1752.     margin-top: 5px;
  1753.     margin-left: 7px;
  1754. }
  1755. .global-nav .search-input {
  1756.     display: block;
  1757.     width: 65px;
  1758.     height: 14px;
  1759.     min-height: auto\9;
  1760.     padding: 6px 13px 6px 24px;
  1761.     font-size: 12px;
  1762.     line-height: 1;
  1763.     color: #ccc;
  1764.     background-color: #555;
  1765.     border: 0;
  1766.     -webkit-border-radius: 13px;
  1767.     -moz-border-radius: 13px;
  1768.     border-radius: 13px;
  1769.     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(0,0,0,.3);
  1770.     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(0,0,0,.3);
  1771.     box-shadow: inset 0 1px 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(0,0,0,.3);
  1772.     -webkit-transition: all .2s ease-in-out;
  1773.     -moz-transition: all .2s ease-in-out;
  1774.     transition: all .2s ease-in-out;
  1775.     *height: 12px;
  1776. }
  1777. .global-nav .search-input:-moz-placeholder { color: #ccc }
  1778. .global-nav .search-input::-webkit-input-placeholder {
  1779.     color: #ccc;
  1780.     line-height: 16px;
  1781. }
  1782. .global-nav .highlight .search-input {
  1783.     width: 165px;
  1784.     background-color: #ccc;
  1785.     color: #333;
  1786.     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
  1787.     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
  1788.     box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
  1789. }
  1790. .global-nav .highlight .search-input:-moz-placeholder { color: #333 }
  1791. .global-nav .highlight .search-input::-webkit-input-placeholder { color: #333 }
  1792. .global-nav .search-input:focus,
  1793. .global-nav .search-input.focus {
  1794.     width: 165px;
  1795.     color: #666;
  1796.     text-shadow: none;
  1797.     background-color: #fff;
  1798.     -webkit-box-shadow: none;
  1799.     -moz-box-shadow: none;
  1800.     box-shadow: none;
  1801. }
  1802. .form-search { position: relative }
  1803. .form-search.has-saved-searches.focus {
  1804.     background-color: #222;
  1805.     -webkit-transition: opacity .1s ease-out;
  1806. }
  1807. .form-search.has-saved-searches.focus .dropdown-menu { display: block }
  1808. .form-search.has-saved-searches.animates .dropdown-menu {
  1809.     display: block;
  1810.     visibility: hidden;
  1811.     opacity: 0;
  1812.     -webkit-transition: opacity .25s ease-out;
  1813. }
  1814. .form-search.has-saved-searches.animates.focus .dropdown-menu {
  1815.     visibility: visible;
  1816.     opacity: 1;
  1817. }
  1818. .dropdown-menu.typeahead {
  1819.     right: 0;
  1820.     width: 226px;
  1821.     *width: 223px;
  1822.     padding: 0;
  1823.     font-size: 12px;
  1824. }
  1825. .typeahead-label {
  1826.     padding: 10px 10px 0;
  1827.     color: #555;
  1828. }
  1829. .typeahead-items { padding-bottom: 5px }
  1830. .typeahead-items a {
  1831.     display: block;
  1832.     overflow: hidden;
  1833.     text-overflow: ellipsis;
  1834.     white-space: nowrap;
  1835. }
  1836. .dropdown { position: relative }
  1837. .dropdown-toggle:after {
  1838.     display: inline-block;
  1839.     width: 0;
  1840.     height: 0;
  1841.     margin-top: 5px;
  1842.     margin-left: 3px;
  1843.     text-indent: -99999px;
  1844.     vertical-align: top;
  1845.     border-left: 4px solid transparent;
  1846.     border-right: 4px solid transparent;
  1847.     border-top: 4px solid #777;
  1848.     content: "↓";
  1849. }
  1850. .dropdown-menu {
  1851.     position: absolute;
  1852.     top: 40px;
  1853.     z-index: 1000;
  1854.     display: none;
  1855.     float: left;
  1856.     width: 225px;
  1857.     padding: 6px 0;
  1858.     margin-left: 0;
  1859.     margin-right: 0;
  1860.     zoom: 1;
  1861.     background-color: #fff;
  1862.     border-color: #999;
  1863.     border-color: rgba(0,0,0,.2);
  1864.     border-style: solid;
  1865.     border-width: 0 1px 1px;
  1866.     -webkit-border-radius: 0 0 6px 6px;
  1867.     -moz-border-radius: 0 0 6px 6px;
  1868.     border-radius: 0 0 6px 6px;
  1869.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
  1870.     -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
  1871.     box-shadow: 0 2px 4px rgba(0,0,0,.2);
  1872.     -webkit-background-clip: padding-box;
  1873.     -moz-background-clip: padding;
  1874.     background-clip: padding-box;
  1875. }
  1876. .dropdown-menu li {
  1877.     display: block;
  1878.     float: none;
  1879.     line-height: 0\9;
  1880. }
  1881. .dropdown-menu .divider {
  1882.     height: 0;
  1883.     margin: 5px 0;
  1884.     overflow: hidden;
  1885.     border-top: 1px solid #eee;
  1886.     border-bottom: 1px solid #fff;
  1887. }
  1888. .dropdown-menu .label {
  1889.     padding: 4px 12px 0;
  1890.     font-size: 12px;
  1891.     color: #666;
  1892. }
  1893. .dropdown-menu li>a,
  1894. .dropdown-menu .dropdown-link {
  1895.     display: block;
  1896.     float: none;
  1897.     padding: 3px 12px;
  1898.     font-weight: normal;
  1899.     line-height: 18px;
  1900.     color: #555;
  1901.     text-shadow: 0 1px 0 #fff;
  1902. }
  1903. .dropdown-menu li>a:hover,
  1904. .dropdown-menu .dropdown-link:hover {
  1905.     color: #333;
  1906.     text-decoration: none;
  1907.     background-color: #ddd;
  1908.     background-repeat: repeat-x;
  1909.     background-image: -moz-linear-gradient(top,#eee 0,#ddd 100%);
  1910.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ddd));
  1911.     background-image: -webkit-linear-gradient(top,#eee 0,#ddd 100%);
  1912.     background-image: -ms-linear-gradient(top,#eee 0,#ddd 100%);
  1913.     background-image: -o-linear-gradient(top,#eee 0,#ddd 100%);
  1914.     background-image: linear-gradient(top,#eee 0,#ddd 100%);
  1915.     -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.025),inset 0 -1px rgba(0,0,0,.025);
  1916.     -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.025),inset 0 -1px rgba(0,0,0,.025);
  1917.     box-shadow: inset 0 1px 0 rgba(0,0,0,.025),inset 0 -1px rgba(0,0,0,.025);
  1918. }
  1919. .dropdown.open .dropdown-toggle {
  1920.     color: #fff;
  1921.     background: #ccc;
  1922.     background: rgba(0,0,0,.3);
  1923. }
  1924. .dropdown.open .dropdown-menu { display: block }
  1925. .dropdown-menu-dark {
  1926.     background-color: #222;
  1927.     border: 0;
  1928.     -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.2);
  1929.     -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.2);
  1930.     box-shadow: inset 0 2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.2);
  1931. }
  1932. .global-nav .pull-right .dropdown-menu { right: 0 }
  1933. .global-nav .dropdown-toggle:after {
  1934.     margin-left: 0;
  1935.     -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.75);
  1936.     -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.75);
  1937.     box-shadow: 0 -1px 0 rgba(0,0,0,.75);
  1938. }
  1939. .global-nav .open .dropdown-toggle:after,
  1940. .global-nav .dropdown-toggle:hover:after { border-top-color: #fff }
  1941. .global-nav .dropdown-menu-dark li>a,
  1942. .global-nav .dropdown-menu-dark .dropdown-link {
  1943.     font-size: 12px;
  1944.     font-weight: normal;
  1945.     color: #999;
  1946.     text-shadow: 0 1px 0 rgba(0,0,0,.5);
  1947. }
  1948. .global-nav .dropdown-menu-dark li>a:hover,
  1949. .global-nav .dropdown-menu-dark .dropdown-link:hover {
  1950.     color: #fff;
  1951.     background-color: #090909;
  1952.     background-repeat: repeat-x;
  1953.     background-image: -moz-linear-gradient(top,#191919 0,#090909 100%);
  1954.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#191919),color-stop(100%,#090909));
  1955.     background-image: -webkit-linear-gradient(top,#191919 0,#090909 100%);
  1956.     background-image: -ms-linear-gradient(top,#191919 0,#090909 100%);
  1957.     background-image: -o-linear-gradient(top,#191919 0,#090909 100%);
  1958.     background-image: linear-gradient(top,#191919 0,#090909 100%);
  1959. }
  1960. .global-nav .me.dropdown .divider,
  1961. .dropdown-menu-dark .divider {
  1962.     border-top-color: #1b1b1b;
  1963.     border-bottom-color: #333;
  1964. }
  1965. .global-nav .dropdown-menu .current-user .account-group { position: static }
  1966. .close-all-tweets {
  1967.     position: absolute;
  1968.     top: 0;
  1969.     right: -50px;
  1970.     display: none;
  1971.     padding: 10px;
  1972. }
  1973. .contributors { position: relative }
  1974. .contributors .contributor-link {
  1975.     display: block;
  1976.     margin: 7px 0;
  1977.     white-space: nowrap;
  1978. }
  1979. .contributors .avatar {
  1980.     margin-right: 6px;
  1981.     vertical-align: middle;
  1982. }
  1983. .contributors-inner {
  1984.     top: 0;
  1985.     left: 0;
  1986.     right: 0;
  1987.     bottom: 0;
  1988.     max-height: 142px;
  1989.     padding: 0 12px;
  1990.     overflow-x: hidden;
  1991.     overflow-y: auto;
  1992. }
  1993. .webkit .contributors-inner { margin-right: 10px }
  1994. .contributors-inner::-webkit-scrollbar {
  1995.     width: 8px;
  1996.     height: 8px;
  1997. }
  1998. .contributors-inner::-webkit-scrollbar-button:start:decrement,
  1999. .contributors-inner::-webkit-scrollbar-button:end:increment {
  2000.     display: block;
  2001.     height: 6px;
  2002. }
  2003. .contributors-inner::-webkit-scrollbar-button:end:increment { height: 0 }
  2004. .contributors-inner::-webkit-scrollbar-button:vertical:increment,
  2005. .contributors-inner::-webkit-scrollbar-track-piece { background-color: transparent }
  2006. .contributors-inner::-webkit-scrollbar-thumb:vertical {
  2007.     height: 50px;
  2008.     background-color: #111;
  2009.     border-radius: 4px;
  2010.     box-shadow: inset 0 1px 0 rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.1);
  2011. }
  2012. .contributors-inner::-webkit-scrollbar-thumb:horizontal {
  2013.     width: 50px;
  2014.     background-color: #ccc;
  2015.     border-radius: 4px;
  2016. }
  2017. #signout-form { display: none }
  2018. .promptbird {
  2019.     padding: 12px;
  2020.     font-size: 13px;
  2021.     line-height: 16px;
  2022.     color: #ddd;
  2023.     text-shadow: 0 1px 0 rgba(0,0,0,.5);
  2024.     background: #3d4a50;
  2025.     background: rgba(0,0,0,.65);
  2026.     -webkit-border-radius: 4px;
  2027.     -moz-border-radius: 4px;
  2028.     border-radius: 4px;
  2029. }
  2030. .promptbird.attached-top {
  2031.     margin-top: -15px;
  2032.     border-top: 0;
  2033.     -webkit-border-radius: 0 0 6px 6px;
  2034.     -moz-border-radius: 0 0 6px 6px;
  2035.     border-radius: 0 0 6px 6px;
  2036. }
  2037. .promptbird.attached-top .promptbrid-inner { margin-right: 148px }
  2038. .promptbird-action {
  2039.     position: absolute;
  2040.     top: 12px;
  2041.     right: 12px;
  2042. }
  2043. .promptbird .btn {
  2044.     border: 0;
  2045.     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  2046.     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  2047.     box-shadow: 0 1px 2px rgba(0,0,0,.2);
  2048. }
  2049. .promptbird h2,
  2050. .promptbird h3,
  2051. .promptbird h4 {
  2052.     margin-bottom: 12px;
  2053.     font-weight: bold;
  2054.     color: #fff;
  2055. }
  2056. .promptbird h2,
  2057. .promptbird p { margin-right: 25px }
  2058. .promptbird p a,
  2059. .promptbird .inline-list li a,
  2060. .promptbird strong { color: #fff }
  2061. .promptbird-action-bar {
  2062.     padding: 12px;
  2063.     margin: 12px -12px -12px;
  2064.     background: #38403f;
  2065.     background: rgba(0,0,0,.2);
  2066.     border-top: 1px solid rgba(0,0,0,.01);
  2067.     -webkit-border-radius: 0 0 6px 6px;
  2068.     -moz-border-radius: 0 0 6px 6px;
  2069.     border-radius: 0 0 6px 6px;
  2070.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  2071.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  2072.     box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  2073. }
  2074. .promptbird .dismiss {
  2075.     position: absolute;
  2076.     top: 14px;
  2077.     right: 14px;
  2078.     padding: 5px 4px 4px 5px;
  2079.     margin-top: 0;
  2080.     background: #38403f;
  2081.     background: rgba(0,0,0,.2);
  2082.     -webkit-border-radius: 6px;
  2083.     -moz-border-radius: 6px;
  2084.     border-radius: 6px;
  2085.     filter: alpha(opacity=50);
  2086.     -moz-opacity: .50;
  2087.     opacity: .50;
  2088. }
  2089. .promptbird .dismiss:hover {
  2090.     filter: alpha(opacity=100);
  2091.     -moz-opacity: 1;
  2092.     opacity: 1;
  2093. }
  2094. .promptbird-below-black-bar,
  2095. .promptbird-dashboard-narrow { margin-top: 1px }
  2096. .promptbird-below-black-bar .import .narrow { display: none }
  2097. .promptbird-below-black-bar .import .wide {
  2098.     float: left;
  2099.     margin-right: 3px;
  2100. }
  2101. .promptbird-below-black-bar .import .services {
  2102.     margin-top: 0;
  2103.     margin-left: 5px;
  2104. }
  2105. .promptbird-dashboard-narrow .import .wide { display: none }
  2106. .promptbird-dashboard-narrow .invite .flex-table { margin-bottom: 0 }
  2107. .promptbird-dashboard-narrow .invite .flex-table-input {
  2108.     height: 28px;
  2109.     *height: 18px;
  2110.     overflow: inherit;
  2111. }
  2112. .promptbird-dashboard-narrow .invite .expanded {
  2113.     height: 114px;
  2114.     overflow: auto;
  2115. }
  2116. .promptbird-dashboard-narrow .mobile .mobile-devices {
  2117.     float: left;
  2118.     width: 22px;
  2119.     height: 36px;
  2120.     margin-right: 10px;
  2121.     background-image: url(../img/promptbird_mobile_icon.png);
  2122.     background-repeat: no-repeat;
  2123. }
  2124. .contact-import-services .service-button strong { font-weight: normal }
  2125. .contact-import-services .service-link,
  2126. .contact-import-services .service-link:hover {
  2127.     display: block;
  2128.     padding-bottom: 5px;
  2129.     text-decoration: none;
  2130. }
  2131. .user-similarities-list { padding-bottom: 10px }
  2132. .module .tweet-box { line-height: 1 }
  2133. .tweetbox-placeholder { height: 34px }
  2134. .site-footer .twitter-logo { margin-bottom: 4px }
  2135. .site-footer ul { line-height: 18px }
  2136. .site-footer li { display: inline }
  2137. .site-footer li,
  2138. .site-footer a { color: #999 }
  2139. .site-footer li {
  2140.     float: left;
  2141.     padding-right: 8px;
  2142. }
  2143. .site-footer:hover a { color: #555 }
  2144. .slim-site-footer { text-align: center }
  2145. .slim-site-footer ul,
  2146. .slim-site-footer li { display: inline-block }
  2147. .slim-site-footer li {
  2148.     line-height: 16px;
  2149.     float: none;
  2150. }
  2151. .slim-site-footer .twitter-logo {
  2152.     display: inline;
  2153.     margin-bottom: 0;
  2154.     padding-right: 8px;
  2155. }
  2156. .mini-profile { font-size: 12px }
  2157. .mini-profile .list-link {
  2158.     padding-top: 12px;
  2159.     padding-bottom: 12px;
  2160.     border-bottom: 0;
  2161. }
  2162. .mini-profile img { float: left }
  2163. .mini-profile .content { margin-left: 42px }
  2164. .mini-profile .fullname {
  2165.     display: block;
  2166.     font-size: 14px;
  2167.     color: #333;
  2168. }
  2169. .mini-profile .username { color: #999 }
  2170. .mini-profile .view-profile { display: block }
  2171. .mini-profile .metadata { font-size: 11px }
  2172. .stats {
  2173.     overflow: hidden;
  2174.     border-top: 1px solid #e8e8e8;
  2175.     border-bottom: 1px solid #e8e8e8;
  2176. }
  2177. .stats li { display: inline }
  2178. .stats a {
  2179.     float: left;
  2180.     padding: 7px 12px;
  2181.     color: #999;
  2182.     font-size: 10px;
  2183.     line-height: 16px;
  2184.     text-transform: uppercase;
  2185. }
  2186. .stats a:hover { text-decoration: none }
  2187. .stats a strong {
  2188.     display: block;
  2189.     color: #333;
  2190.     font-size: 14px;
  2191. }
  2192. .stats li+li a { border-left: 1px solid #e8e8e8 }
  2193. .profile-summary { cursor: pointer }
  2194. .module.profile-summary small {
  2195.     display: block;
  2196.     line-height: 16px;
  2197. }
  2198. .module.profile-summary .fullname { font-size: 14px }
  2199. .tweet-user {
  2200.     padding: 10px 12px;
  2201.     background-color: #f5f5f5;
  2202.     -webkit-border-radius: 0 0 5px 5px;
  2203.     -moz-border-radius: 0 0 5px 5px;
  2204.     border-radius: 0 0 5px 5px;
  2205. }
  2206. .media-row {
  2207.     position: relative;
  2208.     height: 66px;
  2209.     margin: 7px 0 4px;
  2210.     overflow: hidden;
  2211. }
  2212. .media-row span {
  2213.     position: relative;
  2214.     float: left;
  2215.     width: 66px;
  2216.     height: 66px;
  2217.     margin-left: 4px;
  2218.     overflow: hidden;
  2219.     text-align: center;
  2220.     background-color: #000;
  2221. }
  2222. .media-row img { display: inline }
  2223. .media-row span:first-child { margin-left: 0 }
  2224. .facets-media-not-displayed { display: list-item }
  2225. .facets-media-not-displayed .header {
  2226.     color: #333;
  2227.     font-weight: bold;
  2228.     font-size: 12px;
  2229. }
  2230. .facets-media-not-displayed .not-displayed-text { margin-bottom: 3px }
  2231. .facets-media-not-displayed .btn.small { padding: 2px 7px }
  2232. .facets-media-not-displayed .always-display-media { font-size: 12px }
  2233. .media-videos .play {
  2234.     display: none;
  2235.     position: absolute;
  2236.     top: 24px;
  2237.     left: 22px;
  2238.     z-index: 5;
  2239. }
  2240. .media-videos .video .play { display: block }
  2241. .trends ul { margin-top: -4px }
  2242. .trends li,
  2243. .list-of-lists li { line-height: 20px }
  2244. .trends .badge-promoted {
  2245.     margin-left: 3px;
  2246.     margin-right: 3px;
  2247. }
  2248. .trends .promoted-text {
  2249.     font-size: 12px;
  2250.     color: #999;
  2251. }
  2252. .list-author {
  2253.     position: absolute;
  2254.     top: 12px;
  2255.     right: 12px;
  2256. }
  2257. .list-follow-card h1 { margin-right: 42px }
  2258. .empty-timeline { overflow: hidden }
  2259. .empty-timeline>.header,
  2260. .empty-timeline>.section,
  2261. .empty-timeline>.footer { padding: 12px }
  2262. .empty-timeline>.header,
  2263. .empty-timeline>.section { border-bottom: 1px solid #ddd }
  2264. .empty-timeline>.section,
  2265. .empty-timeline>.footer { background-color: #f9f9f9 }
  2266. .empty-timeline>.header {
  2267.     background-color: #fff;
  2268.     -webkit-border-radius: 6px 6px 0 0;
  2269.     -moz-border-radius: 6px 6px 0 0;
  2270.     border-radius: 6px 6px 0 0;
  2271. }
  2272. .empty-timeline>.header h3 {
  2273.     margin-top: 1ex;
  2274.     color: #999;
  2275. }
  2276. .empty-timeline>.footer {
  2277.     -webkit-border-radius: 0 0 6px 6px;
  2278.     -moz-border-radius: 0 0 6px 6px;
  2279.     border-radius: 0 0 6px 6px;
  2280. }
  2281. .empty-timeline .list-item {
  2282.     position: relative;
  2283.     float: left;
  2284.     width: 128px;
  2285.     margin-left: 40px;
  2286.     line-height: 140%;
  2287. }
  2288. .empty-timeline .list-item:first-child { margin-left: 0 }
  2289. .empty-timeline .list-item .avatar { margin-bottom: 5px }
  2290. .empty-timeline .list-item .dismiss {
  2291.     position: absolute;
  2292.     top: 0;
  2293.     right: 5px;
  2294.     padding: 3px 3px 4px 4px;
  2295.     background-color: #F9F9F9;
  2296.     border: 2px solid #959595;
  2297.     border-color: rgba(0,0,0,.4);
  2298.     -webkit-border-radius: 4px;
  2299.     -moz-border-radius: 4px;
  2300.     border-radius: 4px;
  2301. }
  2302. .empty-timeline .btn-group { margin-top: 5px }
  2303. .empty-timeline .list-item .following .follow-btn:hover {
  2304.     background-color: #019ad2;
  2305.     background-image: -khtml-gradient(linear,left top,left bottom,from(#33bcef),to(#019ad2));
  2306.     background-image: -moz-linear-gradient(#33bcef,#019ad2);
  2307.     background-image: -ms-linear-gradient(#33bcef,#019ad2);
  2308.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33bcef),color-stop(100%,#019ad2));
  2309.     background-image: -webkit-linear-gradient(#33bcef,#019ad2);
  2310.     background-image: -o-linear-gradient(#33bcef,#019ad2);
  2311.     background-image: linear-gradient(#33bcef,#019ad2);
  2312.     border-color: #057ed0;
  2313. }
  2314. .empty-timeline .list-item .following .follow-btn:hover .unfollow-text { display: none }
  2315. .empty-timeline .list-item .following .follow-btn:hover .following-text { display: block }
  2316. .empty-timeline .list-item .btn-user-actions { display: none }
  2317. .empty-timeline .list-item .username { display: block }
  2318. .empty-timeline .list-item .fullname {
  2319.     display: inline-block;
  2320.     max-width: 85%;
  2321.     overflow: hidden;
  2322.     white-space: nowrap;
  2323.     text-overflow: ellipsis;
  2324. }
  2325. .empty-timeline .list-item .verified { margin: 2px 0 0 4px }
  2326. .empty-timeline>.footer .btn { float: right }
  2327. .empty-timeline>.footer .instruction {
  2328.     display: block;
  2329.     margin-bottom: 12px;
  2330.     color: #999;
  2331. }
  2332. .follow-card { background-color: #fff }
  2333. .follow-card header { margin-bottom: 9px }
  2334. .follow-card .flex-module-header h1 {
  2335.     margin-bottom: 4px;
  2336.     font-size: 20px;
  2337. }
  2338. .follow-card header img { float: left }
  2339. .follow-card header .content { margin-left: 82px }
  2340. .follow-card h1 small {
  2341.     display: block;
  2342.     font-size: 18px;
  2343.     font-weight: normal;
  2344.     line-height: 16px;
  2345. }
  2346. .follow-card header h2 {
  2347.     font-size: 14px;
  2348.     line-height: 18px;
  2349. }
  2350. .follow-card .description .bio { margin-bottom: 9px }
  2351. .follow-card .follow-bar {
  2352.     padding: 10px 12px;
  2353.     -webkit-box-shadow: inset 0 1px 0 #fff;
  2354.     -moz-box-shadow: inset 0 1px 0 #fff;
  2355.     box-shadow: inset 0 1px 0 #fff;
  2356. }
  2357. .follow-card .follow-bar {
  2358.     background-color: #ebebeb;
  2359.     background-repeat: repeat-x;
  2360.     background-image: -khtml-gradient(linear,left top,left bottom,from(#f2f2f2),to(#ebebeb));
  2361.     background-image: -moz-linear-gradient(#f2f2f2,#ebebeb);
  2362.     background-image: -ms-linear-gradient(#f2f2f2,#ebebeb);
  2363.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#ebebeb));
  2364.     background-image: -webkit-linear-gradient(#f2f2f2,#ebebeb);
  2365.     background-image: -o-linear-gradient(#f2f2f2,#ebebeb);
  2366.     background-image: linear-gradient(#f2f2f2,#ebebeb);
  2367.     border-top: 1px solid #ddd;
  2368.     -webkit-border-radius: 0 0 6px 6px;
  2369.     -moz-border-radius: 0 0 6px 6px;
  2370.     border-radius: 0 0 6px 6px;
  2371. }
  2372. .follow-card .stats { border-bottom: 0 }
  2373. .follow-bar .follow-combo,
  2374. .follow-bar .subscribe-btn { float: left }
  2375. .follow-bar small {
  2376.     float: right;
  2377.     line-height: 30px;
  2378.     text-shadow: 0 1px 0 #fff;
  2379. }
  2380. .profile-card .flex-module { background-color: #fff }
  2381. .profile-card .avatar { float: left }
  2382. .profile-card-inner {
  2383.     float: left;
  2384.     width: 50%;
  2385.     margin: 0 0 0 12px;
  2386. }
  2387. .profile-card-actions {
  2388.     position: relative;
  2389.     float: right;
  2390. }
  2391. .profile-card-actions .follow-btn-container {
  2392.     position: relative;
  2393.     height: 30px;
  2394. }
  2395. .profile-card .fullname {
  2396.     font-size: 30px;
  2397.     line-height: 1;
  2398.     margin-bottom: 2px;
  2399. }
  2400. .profile-card .username {
  2401.     margin-bottom: 1px;
  2402.     font-size: 18px;
  2403.     font-weight: normal;
  2404.     line-height: 24px;
  2405.     color: #777;
  2406. }
  2407. .profile-card .username .sm-lock {
  2408.     position: relative;
  2409.     top: 5px;
  2410.     margin-left: 3px;
  2411. }
  2412. .profile-card .verified-large { margin-top: 7px }
  2413. .profile-card .translator-badge {
  2414.     display: inline-block;
  2415.     margin-top: 7px;
  2416.     font-size: 14px;
  2417.     font-weight: normal;
  2418.     line-height: 22px;
  2419.     color: #999;
  2420. }
  2421. .profile-card .translator-large {
  2422.     float: left;
  2423.     margin-right: 4px;
  2424. }
  2425. .profile-card .location-and-url {
  2426.     font-size: 12px;
  2427.     line-height: 18px;
  2428.     color: #777;
  2429. }
  2430. .follow-status {
  2431.     position: relative;
  2432.     top: -2px;
  2433.     padding: 2px 5px;
  2434.     margin-left: 5px;
  2435.     font-size: 10px;
  2436.     line-height: 1;
  2437.     color: #777;
  2438.     text-transform: uppercase;
  2439.     background-color: #eee;
  2440.     -webkit-border-radius: 3px;
  2441.     -moz-border-radius: 3px;
  2442.     border-radius: 3px;
  2443. }
  2444. .profile-card .divider {
  2445.     padding: 0 2px;
  2446.     color: #ccc;
  2447. }
  2448. .profile-card .stats {
  2449.     margin: 5px 0 0;
  2450.     border-top: 0;
  2451.     border-bottom: 0;
  2452. }
  2453. .profile-card .stats a {
  2454.     float: none;
  2455.     display: block;
  2456.     padding: 6px 12px 6px 0;
  2457.     border: 0;
  2458.     border-top: 1px solid #e8e8e8;
  2459. }
  2460. .profile-card .stats strong { display: inline }
  2461. .profile-card .stats li:first-child a { border-top: 0 }
  2462. .profile-banner { position: relative }
  2463. .profile-banner img {
  2464.     display: block;
  2465.     background-color: #f9f9f9;
  2466.     -webkit-border-radius: 0 0 5px 5px;
  2467.     -moz-border-radius: 0 0 5px 5px;
  2468.     border-radius: 0 0 5px 5px;
  2469. }
  2470. .banner-shadow {
  2471.     position: absolute;
  2472.     top: 0;
  2473.     left: 0;
  2474.     right: 0;
  2475.     height: 6px;
  2476.     z-index: 2;
  2477.     -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.08);
  2478.     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.08);
  2479.     box-shadow: inset 0 2px 4px rgba(0,0,0,.08);
  2480. }
  2481. .avatar {
  2482.     width: 48px;
  2483.     height: 48px;
  2484.     -webkit-border-radius: 5px;
  2485.     -moz-border-radius: 5px;
  2486.     border-radius: 5px;
  2487. }
  2488. .avatar-placeholder {
  2489.     display: inline-block;
  2490.     background-image: url(../img/avatar_placeholder.png);
  2491. }
  2492. .size128 {
  2493.     width: 128px;
  2494.     height: 128px;
  2495.     -webkit-border-radius: 6px;
  2496.     -moz-border-radius: 6px;
  2497.     border-radius: 6px;
  2498. }
  2499. .size96 {
  2500.     width: 96px;
  2501.     height: 96px;
  2502.     -webkit-border-radius: 6px;
  2503.     -moz-border-radius: 6px;
  2504.     border-radius: 6px;
  2505. }
  2506. .size72 {
  2507.     width: 72px;
  2508.     height: 72px;
  2509.     -webkit-border-radius: 5px;
  2510.     -moz-border-radius: 5px;
  2511.     border-radius: 5px;
  2512. }
  2513. .size64 {
  2514.     width: 64px;
  2515.     height: 64px;
  2516.     -webkit-border-radius: 5px;
  2517.     -moz-border-radius: 5px;
  2518.     border-radius: 5px;
  2519. }
  2520. .size32 {
  2521.     width: 32px;
  2522.     height: 32px;
  2523.     -webkit-border-radius: 4px;
  2524.     -moz-border-radius: 4px;
  2525.     border-radius: 4px;
  2526. }
  2527. .size24 {
  2528.     width: 24px;
  2529.     height: 24px;
  2530.     -webkit-border-radius: 3px;
  2531.     -moz-border-radius: 3px;
  2532.     border-radius: 3px;
  2533. }
  2534. .size20 {
  2535.     width: 20px;
  2536.     height: 20px;
  2537.     -webkit-border-radius: 2px;
  2538.     -moz-border-radius: 2px;
  2539.     border-radius: 2px;
  2540. }
  2541. .size16 {
  2542.     width: 16px;
  2543.     height: 16px;
  2544.     -webkit-border-radius: 0;
  2545.     -moz-border-radius: 0;
  2546.     border-radius: 0;
  2547. }
  2548. .avatar-row { overflow: hidden }
  2549. .avatar-row .size64 { margin-right: 3px }
  2550. .avatar-row .size72 { margin-right: 5px }
  2551. .avatar-row .avatar {
  2552.     float: left;
  2553.     margin-right: 5px;
  2554. }
  2555. .list-link .avatar-row {
  2556.     height: 32px;
  2557.     margin-top: 7px;
  2558.     margin-bottom: 4px;
  2559.     line-height: 1;
  2560. }
  2561. .list-link .avatar-row .avatar { margin-right: 3px }
  2562. .active .list-link .avatar-row {
  2563.     margin-top: 8px;
  2564.     margin-bottom: 3px;
  2565. }
  2566. .avatar-row .user-static-list-item:hover { text-decoration: none }
  2567. s {
  2568.     text-decoration: none;
  2569.     filter: alpha(opacity=60);
  2570.     -moz-opacity: .6;
  2571.     opacity: .6;
  2572. }
  2573. b { font-weight: normal }
  2574. .pretty-link b { color: inherit }
  2575. .pretty-link:hover,
  2576. .pretty-link:hover s { text-decoration: none }
  2577. .pretty-link:hover b { text-decoration: underline }
  2578. .account-group:hover { text-decoration: none }
  2579. .account-group:hover .fullname { text-decoration: underline }
  2580. .account-group:hover .username {
  2581.     text-decoration: none;
  2582.     color: #999;
  2583. }
  2584. .bio {
  2585.     font: italic 13px/18px Georgia,Times New Roman,serif;
  2586.     color: #777;
  2587.     word-wrap: break-word;
  2588. }
  2589. .fullname {
  2590.     font-weight: bold;
  2591.     color: #333;
  2592. }
  2593. .username,
  2594. .time,
  2595. .time a,
  2596. .metadata,
  2597. .metadata a {
  2598.     font-size: 12px;
  2599.     color: #999;
  2600. }
  2601. .dismiss {
  2602.     float: right;
  2603.     width: 10px;
  2604.     height: 10px;
  2605.     margin-top: 5px;
  2606.     cursor: pointer;
  2607. }
  2608. .flex-table { width: 100% }
  2609. .flex-table-primary,
  2610. .flex-table-secondary { vertical-align: top }
  2611. .flex-table-primary {
  2612.     width: 99%;
  2613.     padding-right: 5px;
  2614. }
  2615. .flex-table-secondary {
  2616.     width: 1%;
  2617.     max-width: 1%;
  2618. }
  2619. .flex-table-form {
  2620.     float: left;
  2621.     width: 100%;
  2622. }
  2623. .flex-table-input {
  2624.     display: block;
  2625.     width: 100%;
  2626.     height: 30px;
  2627.     -webkit-box-sizing: border-box;
  2628.     -moz-box-sizing: border-box;
  2629.     -ms-box-sizing: border-box;
  2630.     box-sizing: border-box;
  2631.     *width: 90%;
  2632.     *height: 24px;
  2633. }
  2634. .flex-table-btn {
  2635.     float: right;
  2636.     width: auto;
  2637.     white-space: nowrap;
  2638. }
  2639. .find-friends-sources {
  2640.     background-color: #fff;
  2641.     padding: 0 0 20px;
  2642. }
  2643. .find-friends-list { margin-bottom: 6px }
  2644. .find-friends-list li {
  2645.     position: relative;
  2646.     overflow: hidden;
  2647.     padding: 10px 12px;
  2648.     line-height: 26px;
  2649.     border-bottom: 1px solid #e8e8e8;
  2650. }
  2651. .find-friends-list .source {
  2652.     display: block;
  2653.     font-size: 14px;
  2654.     color: #333;
  2655. }
  2656. .find-friends-list b {
  2657.     display: inline-block;
  2658.     font-weight: bold;
  2659.     line-height: 26px;
  2660. }
  2661. .find-friends-list i {
  2662.     width: 26px;
  2663.     margin-right: 6px;
  2664.     vertical-align: bottom;
  2665. }
  2666. .find-friends-list .service-msn {
  2667.     margin-right: 3px;
  2668.     margin-left: 3px;
  2669. }
  2670. .find-friends-list .btn { float: right }
  2671. .find-friends-list .matched-email {
  2672.     margin-left: 32px;
  2673.     font-size: 12px;
  2674.     line-height: 18px;
  2675. }
  2676. .find-friends-sources .fine-print { padding: 10px 12px 0 }
  2677. .invite-friends {
  2678.     padding: 12px;
  2679.     background-color: #f9f9f9;
  2680.     border-top: 1px solid #eee;
  2681.     border-bottom: 1px solid #eee;
  2682. }
  2683. .invite-friends .flex-table { margin-bottom: 5px }
  2684. .invite-friends textarea {
  2685.     overflow: hidden;
  2686.     padding: 4px 5px;
  2687.     resize: vertical;
  2688. }
  2689. .invite-friends .expanded {
  2690.     overflow: auto;
  2691.     height: 115px;
  2692. }
  2693. .find-friends-results {
  2694.     padding-top: 10px;
  2695.     background-color: #fff;
  2696.     border-left: 1px solid #eee;
  2697.     border-left: 1px solid rgba(0,0,0,.1);
  2698.     border-right: 1px solid #eee;
  2699.     border-right: 1px solid rgba(0,0,0,.1);
  2700.     -webkit-background-clip: padding-box;
  2701.     -moz-background-clip: padding;
  2702.     background-clip: padding-box;
  2703. }
  2704. .find-friends-result {
  2705.     float: left;
  2706.     width: 160px;
  2707.     margin-bottom: 36px;
  2708.     margin-left: 10px;
  2709. }
  2710. .find-friends-result .avatar,
  2711. .find-friends-result .fullname,
  2712. .find-friends-result .username { display: block }
  2713. .find-friends-result .avatar { margin-bottom: 5px }
  2714. .find-friends-result .fullname,
  2715. .find-friends-result .username {
  2716.     overflow: hidden;
  2717.     font-size: 12px;
  2718.     line-height: 16px;
  2719.     text-overflow: ellipsis;
  2720.     white-space: nowrap;
  2721. }
  2722. .find-friends-result .follow-combo {
  2723.     margin-top: 5px;
  2724.     float: left;
  2725. }
  2726. .content-searchbar {
  2727.     padding: 12px;
  2728.     background-color: #f5f5f5;
  2729.     border-bottom: 1px solid #e8e8e8;
  2730. }
  2731. .content-searchbar .search-query {
  2732.     -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
  2733.     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
  2734.     box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
  2735. }
  2736. .content-searchbar .search-query:focus {
  2737.     -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  2738.     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  2739.     box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  2740. }
  2741. .account-summary {
  2742.     position: relative;
  2743.     display: block;
  2744.     min-height: 48px;
  2745. }
  2746. .account-summary:hover { text-decoration: none }
  2747. .account-summary+.account-summary { margin-top: 10px }
  2748. .account-summary .avatar {
  2749.     position: absolute;
  2750.     top: 0;
  2751.     left: 0;
  2752. }
  2753. .account-summary .content {
  2754.     margin-left: 58px;
  2755.     margin-right: 20px;
  2756. }
  2757. .account-summary .account-group-inner,
  2758. .account-summary .pretty-link,
  2759. .account-summary .account-action,
  2760. .account-summary .location { color: #999 }
  2761. .account-summary .account-group .account-summary .account-action {
  2762.     display: block;
  2763.     line-height: 16px;
  2764. }
  2765. .account-summary .maybe-follows-you { display: none }
  2766. .account-summary .account-group-inner,
  2767. .account-summary .metadata {
  2768.     white-space: nowrap;
  2769.     overflow: hidden;
  2770.     text-overflow: ellipsis;
  2771. }
  2772. .account-summary .account-group-inner {
  2773.     display: block;
  2774.     width: 100%;
  2775. }
  2776. .metadata.social-context,
  2777. .account-summary .location {
  2778.     display: block;
  2779.     line-height: 0\9;
  2780. }
  2781. .account-summary .bio {
  2782.     width: 100%;
  2783.     overflow: hidden;
  2784.     text-overflow: ellipsis;
  2785.     white-space: nowrap;
  2786. }
  2787. .account-summary .dismiss { margin-top: 3px }
  2788. .profile-summary .account-summary { margin-bottom: 0 }
  2789. .modal .account-summary { margin: 14px 14px 5px }
  2790. .account-summary-small { min-height: 32px }
  2791. .account-summary-small .content { margin-left: 42px }
  2792. .list-link .account-summary { margin-bottom: 0 }
  2793. .banner-inner {
  2794.     padding: 8px 0;
  2795.     font-size: 13px;
  2796.     line-height: 16px;
  2797. }
  2798. .alert-messages {
  2799.     position: absolute;
  2800.     top: 47px;
  2801.     left: 0;
  2802.     right: 0;
  2803.     z-index: 7000;
  2804. }
  2805. .message {
  2806.     position: relative;
  2807.     width: 500px;
  2808.     padding: 10px 12px;
  2809.     margin: 0 auto;
  2810.     text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  2811.     background: #111;
  2812.     background: rgba(20,20,20,.9);
  2813.     -webkit-border-radius: 6px;
  2814.     -moz-border-radius: 6px;
  2815.     border-radius: 6px;
  2816.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25);
  2817.     -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25);
  2818.     box-shadow: 0 2px 4px rgba(0,0,0,.25);
  2819. }
  2820. .message .message-text {
  2821.     display: block;
  2822.     margin-right: 20px;
  2823.     color: #ccc;
  2824.     font-size: 12px;
  2825.     line-height: 16px;
  2826. }
  2827. .message .message-text a {
  2828.     font-weight: bold;
  2829.     color: #fff;
  2830. }
  2831. .message .close,
  2832. .message .dismiss {
  2833.     position: absolute;
  2834.     top: 7px;
  2835.     right: 12px;
  2836.     filter: alpha(opacity=50);
  2837.     -moz-opacity: .50;
  2838.     opacity: .50;
  2839. }
  2840. .message .close:hover,
  2841. .message .dismiss:hover {
  2842.     filter: alpha(opacity=100);
  2843.     -moz-opacity: 1;
  2844.     opacity: 1;
  2845. }
  2846. .message .dismiss {
  2847.     font-size: 18px;
  2848.     font-weight: bold;
  2849.     color: #fff;
  2850.     margin-top: 0;
  2851.     text-decoration: none;
  2852. }
  2853. .permalink-footer .footer { margin-top: 10px }
  2854. .permalink-tweet .actions .action-open-container,
  2855. .tweet.permalink-tweet .geo { display: none }
  2856. .tweet.permalink-tweet { cursor: default }
  2857. .tweet.permalink-tweet .actions {
  2858.     -webkit-opacity: 1;
  2859.     -moz-opacity: 1;
  2860.     opacity: 1;
  2861. }
  2862. .content-divider {
  2863.     position: absolute;
  2864.     width: 16px;
  2865.     height: 8px;
  2866. }
  2867. .content-divider .outer-carrot,
  2868. .content-divider .inner-carrot {
  2869.     position: absolute;
  2870.     width: 0;
  2871.     height: 0;
  2872.     vertical-align: text-bottom;
  2873.     border-style: solid;
  2874. }
  2875. .content-divider .outer-carrot {
  2876.     top: 0;
  2877.     left: 0;
  2878.     z-index: 10;
  2879.     border-bottom: 8px solid #ddd;
  2880.     border-right: 8px solid transparent;
  2881.     border-left: 8px solid transparent;
  2882. }
  2883. .content-divider .inner-carrot {
  2884.     top: 1px;
  2885.     left: 1px;
  2886.     z-index: 11;
  2887.     border-bottom: 7px solid #fff;
  2888.     border-right: 7px solid transparent;
  2889.     border-left: 7px solid transparent;
  2890. }
  2891. .content-divider.down .outer-carrot {
  2892.     border-bottom: 0;
  2893.     border-top: 8px solid #ddd;
  2894. }
  2895. .content-divider.down .inner-carrot {
  2896.     top: 0;
  2897.     border-bottom: 0;
  2898.     border-top: 7px solid #fff;
  2899. }
  2900. .tipsy {
  2901.     position: absolute;
  2902.     z-index: 100000;
  2903.     padding: 5px;
  2904.     font-size: 11px;
  2905.     line-height: 16px;
  2906.     opacity: .8;
  2907.     filter: alpha(opacity=80);
  2908. }
  2909. .tipsy-inner {
  2910.     padding: 5px 8px 4px 8px;
  2911.     background-color: black;
  2912.     color: white;
  2913.     max-width: 200px;
  2914.     text-align: center;
  2915. }
  2916. .tipsy-inner {
  2917.     -webkit-border-radius: 4px;
  2918.     -moz-border-radius: 4px;
  2919.     border-radius: 4px;
  2920. }
  2921. .tipsy-arrow {
  2922.     position: absolute;
  2923.     width: 9px;
  2924.     height: 5px;
  2925.     background: url(../img/temp_phoenix/tipsy.gif) no-repeat top left;
  2926. }
  2927. .tipsy-n .tipsy-arrow {
  2928.     top: 0;
  2929.     left: 50%;
  2930.     margin-left: -4px;
  2931. }
  2932. .tipsy-nw .tipsy-arrow {
  2933.     top: 0;
  2934.     left: 10px;
  2935. }
  2936. .tipsy-ne .tipsy-arrow {
  2937.     top: 0;
  2938.     right: 10px;
  2939. }
  2940. .tipsy-s .tipsy-arrow {
  2941.     bottom: 0;
  2942.     left: 50%;
  2943.     margin-left: -4px;
  2944.     background-position: bottom left;
  2945. }
  2946. .tipsy-sw .tipsy-arrow {
  2947.     bottom: 0;
  2948.     left: 10px;
  2949.     background-position: bottom left;
  2950. }
  2951. .tipsy-se .tipsy-arrow {
  2952.     bottom: 0;
  2953.     right: 10px;
  2954.     background-position: bottom left;
  2955. }
  2956. .tipsy-e .tipsy-arrow {
  2957.     top: 50%;
  2958.     right: 0;
  2959.     width: 5px;
  2960.     height: 9px;
  2961.     margin-top: -4px;
  2962.     background-position: top right;
  2963. }
  2964. .tipsy-w .tipsy-arrow {
  2965.     top: 50%;
  2966.     left: 0;
  2967.     width: 5px;
  2968.     height: 9px;
  2969.     margin-top: -4px;
  2970. }
  2971. .unselectable {
  2972.     -webkit-user-select: none;
  2973.     -moz-user-select: none;
  2974.     -o-user-select: none;
  2975.     user-select: none;
  2976. }
  2977. .stream-item,
  2978. .unfocusable-stream-item {
  2979.     background: #fff;
  2980.     border-left: 1px solid #e8e8e8;
  2981.     border-left: 1px solid rgba(0,0,0,.1);
  2982.     border-right: 1px solid #e8e8e8;
  2983.     border-right: 1px solid rgba(0,0,0,.1);
  2984.     -webkit-background-clip: padding-box;
  2985.     -moz-background-clip: padding;
  2986.     background-clip: padding-box;
  2987. }
  2988. .stream-item.has-follow-dropdown-open {
  2989.     position: relative\9;
  2990.     z-index: 10000\9;
  2991. }
  2992. .stream-item-header .avatar,
  2993. .permalink-header .avatar {
  2994.     position: absolute;
  2995.     top: 12px;
  2996.     left: 12px;
  2997. }
  2998. .stream-item .content,
  2999. .permalink-tweet .content { margin-left: 58px }
  3000. .stream-item-header .account-group { color: #999 }
  3001. .tweet .time {
  3002.     float: right;
  3003.     margin-top: 1px;
  3004. }
  3005. .stream-item-header .sm-lock {
  3006.     margin-top: 1px;
  3007.     margin-left: 2px;
  3008. }
  3009. .account,
  3010. .interest-category,
  3011. .list,
  3012. .saved-search,
  3013. .tweet,
  3014. .app {
  3015.     position: relative;
  3016.     min-height: 51px;
  3017.     padding: 9px 12px 9px;
  3018.     border-bottom: 1px solid #e8e8e8;
  3019. }
  3020. .stream-end-item .account,
  3021. .stream-end-item .interest-category,
  3022. .stream-end-item .list,
  3023. .stream-end-item .message-item,
  3024. .stream-end-item .saved-search,
  3025. .stream-end-item .tweet,
  3026. .stream-end-item .app { border-bottom: none }
  3027. .rm-streamitem-clearfix .stream-item:before,
  3028. .rm-streamitem-clearfix .stream-item:after {
  3029.     display: block;
  3030.     content: normal;
  3031.     clear: none;
  3032. }
  3033. .tweet { cursor: pointer }
  3034. .tweet p a { color: #999 }
  3035. .tweet p { word-wrap: break-word }
  3036. .tweet .details {
  3037.     float: left;
  3038.     padding-top: 1px;
  3039. }
  3040. .tweet .context a { color: #999 }
  3041. .tweet .stream-item-footer {
  3042.     overflow: hidden;
  3043.     font-size: 12px;
  3044. }
  3045. .stream-item .account .verified { margin: 0 4px 0 1px }
  3046. .animating .in-reply-to { overflow: hidden }
  3047. .tweet .actions,
  3048. .tweet .time {
  3049.     position: absolute;
  3050.     top: 9px;
  3051.     right: 12px;
  3052.     -webkit-transition: opacity .15s ease-in-out;
  3053.     -moz-transition: opacity .2s ease-in-out;
  3054.     transition: opacity .15s ease-in-out;
  3055. }
  3056. .tweet .stream-item-header .actions {
  3057.     padding-left: 45px;
  3058.     display: none\9;
  3059.     -moz-opacity: 0;
  3060.     opacity: 0;
  3061. }
  3062. .tweet .actions li { display: inline }
  3063. .tweet .actions a {
  3064.     margin-left: 7px;
  3065.     color: #999;
  3066. }
  3067. .tweet .with-icn i { margin-right: 1px }
  3068. .tweet .context .with-icn i { margin-right: 3px }
  3069. .tweet .separator {
  3070.     margin-left: 5px;
  3071.     margin-right: -4px;
  3072. }
  3073. .tweet .actions b,
  3074. .tweet .actions .close-tweet,
  3075. .tweet .actions .details-tweet { display: none }
  3076. .original-tweet .actions b { display: inline }
  3077. .tweet .action-open-container span:hover { text-decoration: underline }
  3078. .open .original-tweet.favorited .actions .action-fav,
  3079. .tweet.favorited .action-fav,
  3080. .tweet.favorited .action-fav-container:hover .action-fav,
  3081. .permalink-tweet.favorited .actions .action-fav,
  3082. .permalink-tweet.tweet.favorited .actions .action-fav-container:hover .action-fav { background-color: #ff9b00 }
  3083. .tweet.favorited .action-fav-container b,
  3084. .tweet.favorited .action-fav-container:hover b,
  3085. .open .original-tweet.favorited .actions .action-fav-container b { color: #ff9b00 }
  3086. .open .original-tweet.retweeted .actions .action-rt,
  3087. .tweet.retweeted .action-rt,
  3088. .tweet.retweeted .action-rt-container:hover .action-rt,
  3089. .permalink-tweet.retweeted .actions .action-rt,
  3090. .permalink-tweet.tweet.retweeted .actions .action-rt-container:hover .action-rt { background-color: #81cd35 }
  3091. .tweet.retweeted .action-rt-container b,
  3092. .tweet.retweeted .action-rt-container:hover b,
  3093. .open .original-tweet.retweeted .actions .action-rt-container b { color: #609928 }
  3094. .client-and-actions .actions {
  3095.     position: relative;
  3096.     top: 0;
  3097.     right: 0;
  3098.     padding-left: 0;
  3099.     margin-left: -7px;
  3100. }
  3101. .tweet:hover .time {
  3102.     display: none\9;
  3103.     -moz-opacity: 0;
  3104.     opacity: 0;
  3105. }
  3106. .tweet:hover .stream-item-header .actions {
  3107.     display: block\9;
  3108.     -moz-opacity: 1;
  3109.     opacity: 1;
  3110. }
  3111. .unclickable-tweet,
  3112. .unclickable-tweet .account-group { cursor: default }
  3113. .unclickable-tweet:hover .time {
  3114.     display: block\9;
  3115.     -moz-opacity: 1;
  3116.     opacity: 1;
  3117. }
  3118. .unclickable-tweet .account-group:hover .fullname,
  3119. .unclickable-tweet a:hover { text-decoration: none }
  3120. .stream-item.hovered-stream-item { background-color: #f5f5f5 }
  3121. .stream-item.hovered-stream-item.open { background-color: #fff }
  3122. .tweet .with-icn .badge-top,
  3123. .tweet .with-icn .badge-promoted,
  3124. .tweet .with-icn .badge-political { margin-right: 3px }
  3125. .tweet .dismiss-promoted {
  3126.     margin-left: 10px;
  3127.     color: #999;
  3128. }
  3129. .tweet .dismiss-promoted .close {
  3130.     margin: 2px 4px 0 0;
  3131.     *margin-top: 3px;
  3132. }
  3133. .tweet .dismiss-promoted { display: none }
  3134. .tweet:hover .dismiss-promoted,
  3135. .open .tweet .dismiss-promoted { display: inline }
  3136. .tweet .dismiss-promoted:hover .close { color: #333 }
  3137. .tweet .social-context {
  3138.     display: block;
  3139.     color: #999;
  3140. }
  3141. .tweet .context .pretty-link s,
  3142. .tweet .context .pretty-link b { color: #999 }
  3143. .tweet.retweeted .time,
  3144. .tweet.favorited .time,
  3145. .tweet.favorited .actions,
  3146. .tweet.retweeted .actions { margin-right: 5px }
  3147. .tweet span.unfavorite,
  3148. .tweet.favorited span.favorite,
  3149. .tweet.retweeted .retweet,
  3150. .tweet .hide-open,
  3151. .tweet .undo-retweet,
  3152. .tweet.my-tweet .action-rt-container,
  3153. .tweet .actions .action-del-container,
  3154. .replies .tweet .actions,
  3155. .stream-item .in-reply-to .tweet .actions,
  3156. .open .actions .open-tweet,
  3157. .replies .details,
  3158. .in-reply-to .details,
  3159. .replies .close-tweet,
  3160. .in-reply-to .close-tweet,
  3161. .original-tweet .client-and-actions .action-open-container,
  3162. .open .original-tweet .stream-item-header .action-del-container,
  3163. .open .original-tweet .stream-item-header .action-reply-container,
  3164. .open .original-tweet .stream-item-header .action-rt-container,
  3165. .open .original-tweet .stream-item-header .action-fav-container,
  3166. .open .original-tweet .stream-item-header .separator,
  3167. .open .original-tweet .time { display: none }
  3168. .open .replies .tweet:hover .actions,
  3169. .open .in-reply-to .tweet:hover .actions { display: block }
  3170. .tweet.retweeted .undo-retweet,
  3171. .tweet.favorited span.unfavorite,
  3172. .my-tweet .actions .action-del-container,
  3173. .open .original-tweet .actions .close-tweet,
  3174. .open .original-tweet .actions b,
  3175. .open .replies .details-tweet,
  3176. .open .in-reply-to .details-tweet { display: inline }
  3177. .permalink-tweet .expanded-content { display: block }
  3178. .permalink-tweet {
  3179.     padding-bottom: 24px;
  3180.     border-bottom: 0;
  3181. }
  3182. .permalink-header {
  3183.     float: left;
  3184.     margin-bottom: 15px;
  3185. }
  3186. .permalink-header .fullname { display: block }
  3187. .permalink-header .fullname {
  3188.     margin-top: 10px;
  3189.     font-size: 18px;
  3190. }
  3191. .permalink-header .username { font-size: 14px }
  3192. .permalink-header .sm-lock { margin-top: 1px }
  3193. .permalink .follow-combo { float: right }
  3194. .permalink-tweet .actions b { display: inline }
  3195. .permalink-tweet .actions .action-open-container,
  3196. .permalink-tweet .edit-profile-btn { display: none }
  3197. .permalink-tweet .dogear {
  3198.     top: -8px;
  3199.     right: -52px;
  3200. }
  3201. .permalink-tweet p {
  3202.     font-family: Georgia,Times New Roman,serif;
  3203.     font-size: 22px;
  3204.     line-height: 28px;
  3205. }
  3206. .permalink-footer { margin-top: 10px }
  3207. .permalink-tweet .actions { display: block }
  3208. .permalink .stats .stat-count a {
  3209.     cursor: default;
  3210.     color: #999;
  3211. }
  3212. .permalink .stats .avatar-row a {
  3213.     padding: 0;
  3214.     border-left: none;
  3215. }
  3216. .permalink .stats .avatar-row a:first-child {
  3217.     padding-left: 12px;
  3218.     border-left: 1px solid #E8E8E8;
  3219. }
  3220. .permalink .in-reply-to,
  3221. .permalink .replies-to {
  3222.     padding-left: 0;
  3223.     padding-right: 0;
  3224.     background-color: transparent;
  3225. }
  3226. .permalink .replies-to {
  3227.     padding-bottom: 18px;
  3228.     border-top: 1px solid #ddd;
  3229.     -webkit-border-radius: 0 0 6px 6px;
  3230.     -moz-border-radius: 0 0 6px 6px;
  3231.     border-radius: 0 0 6px 6px;
  3232. }
  3233. .permalink .replies-to .tweet,
  3234. .permalink .in-reply-to .tweet {
  3235.     padding-left: 0;
  3236.     padding-right: 0;
  3237. }
  3238. .permalink-inner.replies-to .tweet .time,
  3239. .permalink-inner.replies-to .tweet .actions,
  3240. .permalink-inner.in-reply-to .tweet .time,
  3241. .permalink-inner.in-reply-to .tweet .actions {
  3242.     right: 64px;
  3243.     margin-right: 0;
  3244. }
  3245. .permalink-inner.replies-to .open-tweet,
  3246. .permalink-inner.replies-to .details,
  3247. .permalink-inner.in-reply-to .open-tweet,
  3248. .permalink-inner.in-reply-to .details { display: none }
  3249. .permalink-inner.replies-to .details-tweet,
  3250. .permalink-inner.in-reply-to .details-tweet { display: inline }
  3251. .permalink-inner.replies-to .tweets-wrapper .tweet:first-child .dogear,
  3252. .permalink-inner.in-reply-to .tweets-wrapper .tweet:first-child .dogear { top: -8px }
  3253. .permalink-inner.replies-to .tweets-wrapper .tweet:last-child,
  3254. .permalink-inner.in-reply-to .tweets-wrapper .tweet:last-child { border-bottom: 0 }
  3255. .permalink .replies-to .content,
  3256. .permalink .in-reply-to .content {
  3257.     margin-left: 121px;
  3258.     margin-right: 64px;
  3259. }
  3260. .permalink-inner.replies-to .avatar,
  3261. .permalink-inner.in-reply-to .avatar { left: 64px }
  3262. .permalink-inner.replies-to+.stream-end { background-color: #f6f6f6 }
  3263. .permalink .in-reply-to {
  3264.     padding-bottom: 8px;
  3265.     border-bottom: 1px solid #ddd;
  3266. }
  3267. .replies-to .content-divider {
  3268.     position: absolute;
  3269.     top: -1px;
  3270.     left: 76px;
  3271. }
  3272. .permalink .in-reply-to .content-divider {
  3273.     bottom: -1px;
  3274.     left: 80px;
  3275. }
  3276. .permalink .replies-to .content-divider { left: 80px }
  3277. .before-expanded .tweet { border-bottom: 0 }
  3278. .before-expanded {
  3279.     border-bottom: 1px solid #e8e8e8;
  3280.     border-bottom: 1px solid rgba(0,0,0,.1);
  3281.     -webkit-border-radius: 0 0 6px 6px;
  3282.     -moz-border-radius: 0 0 6px 6px;
  3283.     border-radius: 0 0 6px 6px;
  3284. }
  3285. .after-expanded {
  3286.     border-top: 1px solid #e8e8e8;
  3287.     border-top: 1px solid rgba(0,0,0,.1);
  3288.     -webkit-border-radius: 6px 6px 0 0;
  3289.     -moz-border-radius: 6px 6px 0 0;
  3290.     border-radius: 6px 6px 0 0;
  3291. }
  3292. .before-expanded.after-expanded {
  3293.     border: 1px solid #e8e8e8;
  3294.     border: 1px solid rgba(0,0,0,.1);
  3295.     -webkit-border-radius: 6px;
  3296.     -moz-border-radius: 6px;
  3297.     border-radius: 6px;
  3298. }
  3299. .expanded-content {
  3300.     position: relative;
  3301.     height: 0;
  3302.     overflow: hidden;
  3303. }
  3304. .open .expanded-content,
  3305. .animating .expanded-content { height: auto }
  3306. .open .view-open { display: none }
  3307. .open .hide-open { display: inline }
  3308. .open .details b,
  3309. .open .hide-open { color: #999 }
  3310. .open.stream-item {
  3311.     border: 1px solid #e8e8e8;
  3312.     border: 1px solid rgba(0,0,0,.1);
  3313.     -webkit-border-radius: 6px;
  3314.     -moz-border-radius: 6px;
  3315.     border-radius: 6px;
  3316. }
  3317. .open .tweet,
  3318. .animating .tweet {
  3319.     border-bottom: none;
  3320.     -webkit-border-radius: 6px;
  3321.     -moz-border-radius: 6px;
  3322.     border-radius: 6px;
  3323. }
  3324. .stream-item.open:first-child {
  3325.     margin-top: 0;
  3326.     border-top: 0;
  3327.     -webkit-border-radius: 0 0 6px 6px;
  3328.     -moz-border-radius: 0 0 6px 6px;
  3329.     border-radius: 0 0 6px 6px;
  3330. }
  3331. .stream-item.open:last-child {
  3332.     margin-bottom: 0;
  3333.     border-bottom: 0;
  3334.     -webkit-border-radius: 6px 6px 0 0;
  3335.     -moz-border-radius: 6px 6px 0 0;
  3336.     border-radius: 6px 6px 0 0;
  3337. }
  3338. .expanded-content .embed { margin-bottom: 6px }
  3339. .embed>a {
  3340.     display: block;
  3341.     line-height: 0;
  3342. }
  3343. .tweet-media { overflow: hidden }
  3344. .tweet .metadata { overflow: hidden }
  3345. .flag-container {
  3346.     float: right;
  3347.     margin-top: 6px;
  3348. }
  3349. .tweet .media-attribution {
  3350.     float: left;
  3351.     margin-top: 5px;
  3352. }
  3353. .tweet .media-attribution img {
  3354.     vertical-align: -25%;
  3355.     height: 16px;
  3356.     width: 16px;
  3357. }
  3358. .tweet-media .media-attribution-link,
  3359. .flag-container {
  3360.     font-size: 12px;
  3361.     color: #999;
  3362. }
  3363. .tweet .stats {
  3364.     margin-top: 10px;
  3365.     border-bottom: 1px solid #e8e8e8;
  3366.     border-bottom: 1px solid rgba(0,0,0,.1);
  3367. }
  3368. .tweet .stats a {
  3369.     width: auto;
  3370.     cursor: default;
  3371. }
  3372. .tweet .stats a:hover { color: #999 }
  3373. .tweet .stats a:hover strong { color: #333 }
  3374. .tweet .stats .avatar-row a { padding: 11px 0 }
  3375. .tweet .stats li:first-child a { padding-left: 0 }
  3376. .stream-item .stats .avatar-row a { border-left: none }
  3377. .stream-item .stats .avatar-row a:first-child {
  3378.     padding-left: 12px;
  3379.     border-left: 1px solid #e8e8e8;
  3380. }
  3381. .tweet .tweet-stats-container.already-open { height: 50px }
  3382. .expanded-content .geo { margin-top: 12px }
  3383. .tweet .geo {
  3384.     height: 120px;
  3385.     margin-top: 10px;
  3386. }
  3387. .client-and-actions {
  3388.     clear: both;
  3389.     margin-top: 10px;
  3390.     overflow: hidden;
  3391. }
  3392. .client-and-actions .metadata { line-height: 24px }
  3393. .replies {
  3394.     position: relative;
  3395.     display: none;
  3396.     padding: 0;
  3397.     background-color: #f6f6f6;
  3398.     background: #f6f6f6;
  3399.     border-top: 1px solid #ddd;
  3400.     -webkit-border-radius: 0 0 6px 6px;
  3401.     -moz-border-radius: 0 0 6px 6px;
  3402.     border-radius: 0 0 6px 6px;
  3403. }
  3404. .open .replies,
  3405. .animating .replies { display: block }
  3406. .replies .tweet {
  3407.     min-height: 32px;
  3408.     padding-left: 70px;
  3409.     font-size: 12px;
  3410.     border-bottom: 1px solid #ddd;
  3411.     -webkit-border-radius: 0;
  3412.     -moz-border-radius: 0;
  3413.     border-radius: 0;
  3414. }
  3415. .stream-item .replies-to .tweets-wrapper .tweet:first-child .dogear { top: -5px }
  3416. .replies .replies-to { padding-top: 4px }
  3417. .permalink .replies-to .tweet,
  3418. .in-reply-to .tweet { min-height: 54px }
  3419. .replies .tweet:last-child { border-bottom: 0 }
  3420. .replies .tweet .content { margin-left: 112px }
  3421. .replies .tweet .avatar {
  3422.     left: 68px;
  3423.     width: 32px;
  3424.     height: 32px;
  3425.     -webkit-border-radius: 4px;
  3426.     -moz-border-radius: 4px;
  3427.     border-radius: 4px;
  3428. }
  3429. .replies .tweet .content { margin-left: 41px }
  3430. .replies .stream-item-footer .details,
  3431. .in-reply-to .stream-item-footer .details,
  3432. .replies-to .stream-item-footer .details { color: #999 }
  3433. .recent-tweets { margin-bottom: -10px }
  3434. .recent-tweets .tweet {
  3435.     min-height: 32px;
  3436.     padding: 9px 15px 12px;
  3437.     font-size: 12px;
  3438.     border-bottom: none;
  3439.     -webkit-border-radius: 0;
  3440.     -moz-border-radius: 0;
  3441.     border-radius: 0;
  3442.     cursor: default;
  3443. }
  3444. .recent-tweets .tweet+.tweet { border-top: 1px solid #e8e8e8 }
  3445. .recent-tweets .tweet .content { margin-left: 112px }
  3446. .recent-tweets .tweet .avatar {
  3447.     left: 15px;
  3448.     width: 32px;
  3449.     height: 32px;
  3450.     -webkit-border-radius: 4px;
  3451.     -moz-border-radius: 4px;
  3452.     border-radius: 4px;
  3453. }
  3454. .recent-tweets .tweet .actions,
  3455. .recent-tweets .tweet .time { right: 15px }
  3456. .recent-tweets .tweet .content { margin-left: 41px }
  3457. .recent-tweets .stream-item-footer { display: none }
  3458. .recent-tweets .tweet .action-reply-container,
  3459. .recent-tweets .tweet .action-del-container,
  3460. .recent-tweets .tweet .action-fav-container,
  3461. .recent-tweets .tweet .action-rt-container,
  3462. .recent-tweets .tweet .action-open-container .separator,
  3463. .recent-tweets .tweet .actions .open-tweet { display: none }
  3464. .recent-tweets .tweet .actions .details-tweet { display: inline }
  3465. .content-main .in-reply-to {
  3466.     position: relative;
  3467.     display: none;
  3468.     height: 0;
  3469.     background: #f6f6f6;
  3470.     border-bottom: 1px solid #ddd;
  3471.     -webkit-border-radius: 6px 6px 0 0;
  3472.     -moz-border-radius: 6px 6px 0 0;
  3473.     border-radius: 6px 6px 0 0;
  3474. }
  3475. .content-main .open .in-reply-to,
  3476. .content-main .animating .in-reply-to { display: block }
  3477. .content-main .in-reply-to .tweet {
  3478.     padding-bottom: 12px;
  3479.     border-bottom: 1px solid #ddd;
  3480.     -webkit-border-radius: 0;
  3481.     -moz-border-radius: 0;
  3482.     border-radius: 0;
  3483. }
  3484. .content-main .in-reply-to .tweet:last-child { border-bottom: 0 }
  3485. .content-main .in-reply-to .content-divider {
  3486.     top: auto;
  3487.     bottom: -1px;
  3488.     left: 28px;
  3489. }
  3490. .stream-item .account .content { margin-right: 150px }
  3491. .stream-item .account .follow-combo,
  3492. .stream-item .account .btn-group,
  3493. .stream-item .account .edit-profile-btn { float: right }
  3494. .stream-item .saved-search {
  3495.     min-height: 0;
  3496.     cursor: pointer;
  3497. }
  3498. .stream-item .saved-search .content { margin-left: 0 }
  3499. .list {
  3500.     min-height: 32px;
  3501.     cursor: pointer;
  3502. }
  3503. .list .content {
  3504.     margin-left: 0;
  3505.     margin-right: 54px;
  3506. }
  3507. .list .avatar {
  3508.     position: absolute;
  3509.     top: 12px;
  3510.     right: 12px;
  3511.     left: auto;
  3512. }
  3513. .list .username a { color: #999 }
  3514. .app {
  3515.     position: relative;
  3516.     min-height: 48px;
  3517. }
  3518. .app .revoke { float: right }
  3519. .app .content {
  3520.     margin-left: 60px;
  3521.     margin-right: 130px;
  3522. }
  3523. .app .app-img {
  3524.     position: absolute;
  3525.     top: 12px;
  3526.     left: 12px;
  3527. }
  3528. .app .creator,
  3529. .app .creator a { color: #999 }
  3530. .app .description { color: #555 }
  3531. .interest-category {
  3532.     padding-top: 22px;
  3533.     padding-bottom: 24px;
  3534. }
  3535. .interest-category .content { margin-left: 0 }
  3536. .interest-category .content .stream-item-header { margin-bottom: 5px }
  3537. .media-not-displayed h2 {
  3538.     margin-bottom: 3px;
  3539.     font-size: 14px;
  3540. }
  3541. .media-not-displayed p {
  3542.     font-size: 12px;
  3543.     font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  3544.     line-height: 15px;
  3545.     color: #777;
  3546. }
  3547. .expanded-content .media-not-displayed .btn {
  3548.     padding: 2px 7px;
  3549.     margin-top: 4px;
  3550.     font-size: 11px;
  3551. }
  3552. .expanded-content.media-not-displayed .always-display-media { font-size: 12px }
  3553. .permalink .media-not-displayed { margin: 20px 0 25px }
  3554. .permalink .media-not-displayed h2 {
  3555.     margin-bottom: 5px;
  3556.     font-size: 18px;
  3557. }
  3558. .permalink .media-not-displayed p {
  3559.     font-size: 14px;
  3560.     line-height: 18px;
  3561. }
  3562. .permalink .media-not-displayed .btn { margin-top: 5px }
  3563. .stream-end-item,
  3564. .stream-end,
  3565. .stream-loading,
  3566. .stream-placeholder {
  3567.     border-left: 1px solid #eee;
  3568.     border-left: 1px solid rgba(0,0,0,.1);
  3569.     border-right: 1px solid #eee;
  3570.     border-right: 1px solid rgba(0,0,0,.1);
  3571.     border-bottom: 1px solid #eee;
  3572.     border-bottom: 1px solid rgba(0,0,0,.1);
  3573.     -webkit-border-radius: 0 0 6px 6px;
  3574.     -moz-border-radius: 0 0 6px 6px;
  3575.     border-radius: 0 0 6px 6px;
  3576. }
  3577. .stream-end,
  3578. .stream-loading,
  3579. .stream-placeholder {
  3580.     font-size: 13px;
  3581.     color: #777;
  3582.     text-align: center;
  3583. }
  3584. .stream-end-inner {
  3585.     padding: 30px 50px;
  3586.     background-color: #fff;
  3587.     -webkit-border-radius: 0 0 5px 5px;
  3588.     -moz-border-radius: 0 0 5px 5px;
  3589.     border-radius: 0 0 5px 5px;
  3590. }
  3591. .stream-end p,
  3592. .stream-placeholder p { margin-top: 5px }
  3593. .stream-end { margin-bottom: 15px }
  3594. .stream-placeholder h2 { font-weight: normal }
  3595. .stream-protected { text-align: left }
  3596. .stream-protected .stream-end-inner {
  3597.     position: relative;
  3598.     padding: 15px 12px;
  3599.     background-color: #f6f6f6;
  3600. }
  3601. .stream-protected h2,
  3602. .stream-protected p { margin-right: 80px }
  3603. .watermark-lock {
  3604.     position: absolute;
  3605.     right: 0;
  3606.     bottom: 0;
  3607.     -webkit-border-radius: 0 0 5px 0;
  3608.     -moz-border-radius: 0 0 5px 0;
  3609.     border-radius: 0 0 5px 0;
  3610. }
  3611. .tweet-text-rtl {
  3612.     padding-right: 2px;
  3613.     text-align: right;
  3614.     direction: rtl;
  3615.     unicode-bidi: embed;
  3616. }
  3617. .tweet-text-rtl a {
  3618.     direction: ltr;
  3619.     unicode-bidi: bidi-override;
  3620. }
  3621. .hovered-stream-item.stream-item { background-color: #f5f5f5 }
  3622. .hovered-stream-item.stream-item.open,
  3623. .hovered-stream-item.stream-item:hover { background-color: #fff }
  3624. .new-tweets-bar {
  3625.     position: relative;
  3626.     top: -1px;
  3627.     font-size: 13px;
  3628.     display: block;
  3629.     padding: 10px 1px;
  3630.     cursor: pointer;
  3631.     text-align: center;
  3632.     text-shadow: 0 1px 0 rgba(255,255,255,.6);
  3633.     font-weight: normal;
  3634.     background-color: #f5f5f5;
  3635.     border-top: 1px solid #ddd;
  3636.     z-index: 2;
  3637.     -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
  3638.     -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
  3639.     box-shadow: inset 0 3px 8px rgba(0,0,0,.05);
  3640. }
  3641. .new-tweets-bar:hover { background-color: #eee }
  3642. .spinner {
  3643.     display: block;
  3644.     width: 32px;
  3645.     height: 32px;
  3646.     margin: 0 auto;
  3647.     background: url(../img/loader.gif) center center no-repeat;
  3648. }
  3649. .expansion-container {
  3650.     overflow: hidden;
  3651.     position: relative;
  3652. }
  3653. #stream-items-id { zoom: 1 }
  3654. .story {
  3655.     position: relative;
  3656.     margin: 20px 12px 0;
  3657.     border: 1px solid #ddd;
  3658.     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);
  3659.     -moz-box-shadow: 0 1px 3px rgba(0,0,0,.08);
  3660.     box-shadow: 0 1px 3px rgba(0,0,0,.08);
  3661.     -webkit-border-radius: 4px;
  3662.     -moz-border-radius: 4px;
  3663.     border-radius: 4px;
  3664. }
  3665. .image.story,
  3666. .video.story { border: 0 }
  3667. .story-header {
  3668.     position: relative;
  3669.     display: block;
  3670.     padding: 10px;
  3671.     line-height: 1;
  3672.     text-shadow: 0 1px 0 #fff;
  3673.     background-color: #f5f5f5;
  3674.     border-bottom: 1px solid #e8e8e8;
  3675.     -webkit-border-radius: 4px 4px 0 0;
  3676.     -moz-border-radius: 4px 4px 0 0;
  3677.     border-radius: 4px 4px 0 0;
  3678. }
  3679. .nomedia .story-header {
  3680.     -webkit-border-radius: 4px;
  3681.     -moz-border-radius: 4px;
  3682.     border-radius: 4px;
  3683. }
  3684. .image .story-header,
  3685. .video .story-header {
  3686.     display: none;
  3687.     border: 1px solid #ddd;
  3688. }
  3689. .image.nomedia .story-header,
  3690. .video.nomedia .story-header { display: block }
  3691. .story-header:hover { text-decoration: none }
  3692. .story-header .story-title {
  3693.     max-width: 315px;
  3694.     height: 27px;
  3695.     overflow: hidden;
  3696.     font-size: 24px;
  3697.     font-weight: bold;
  3698.     line-height: 1;
  3699.     text-overflow: ellipsis;
  3700.     white-space: nowrap;
  3701. }
  3702. .story-header .story-title a {
  3703.     color: #333;
  3704.     text-overflow: ellipsis;
  3705.     white-space: nowrap;
  3706. }
  3707. .media-headline .story-title a {
  3708.     position: absolute;
  3709.     top: 0;
  3710.     left: 0;
  3711.     right: 0;
  3712.     display: block;
  3713.     padding: 12px;
  3714.     font-weight: bold;
  3715.     color: #fff;
  3716.     background: #000;
  3717.     background: rgba(0,0,0,.8);
  3718.     -webkit-border-radius: 4px 4px 0 0;
  3719.     -moz-border-radius: 4px 4px 0 0;
  3720.     border-radius: 4px 4px 0 0;
  3721.     -webkit-transition: .1s linear all;
  3722.     -moz-transition: .1s linear all;
  3723.     transition: .1s linear all;
  3724. }
  3725. .media-headline .story-title a:hover { text-decoration: underline }
  3726. .media-headline .story-title-text {
  3727.     display: block;
  3728.     max-width: 440px;
  3729.     height: 16px;
  3730.     overflow: hidden;
  3731.     text-overflow: ellipsis;
  3732.     white-space: nowrap;
  3733. }
  3734. .story-header .subtitle { line-height: 20px }
  3735. .story-header .sm-search {
  3736.     margin: -1px 3px 0 0;
  3737.     background-color: #999;
  3738. }
  3739. .view-hashtag,
  3740. .is-hashtag .view-more-tweets,
  3741. .media-headline .view-hashtag { display: none }
  3742. .is-hashtag .view-hashtag,
  3743. .is-hashtag .media-headline .view-hashtag { display: inline }
  3744. .view-tweets {
  3745.     float: right;
  3746.     margin-top: 6px;
  3747.     font-size: 12px;
  3748.     color: #999;
  3749. }
  3750. .story-header .content-divider {
  3751.     top: auto;
  3752.     left: 9px;
  3753.     bottom: -1px;
  3754. }
  3755. .story-header .view-tweets:hover { text-decoration: underline }
  3756. .story-body {
  3757.     max-height: 250px;
  3758.     overflow: hidden;
  3759.     -webkit-border-radius: 0 0 4px 4px;
  3760.     -moz-border-radius: 0 0 4px 4px;
  3761.     border-radius: 0 0 4px 4px;
  3762. }
  3763. .image .story-body,
  3764. .video .story-body {
  3765.     -webkit-border-radius: 4px;
  3766.     -moz-border-radius: 4px;
  3767.     border-radius: 4px;
  3768. }
  3769. .story-body .story-title {
  3770.     max-height: 36px;
  3771.     overflow: hidden;
  3772.     font-size: 14px;
  3773.     font-weight: bold;
  3774.     -webkit-transition: .1s linear all;
  3775.     -moz-transition: .1s linear all;
  3776.     transition: .1s linear all;
  3777.     color: #333;
  3778. }
  3779. .story-body .story-summary {
  3780.     max-height: 36px;
  3781.     overflow: hidden;
  3782.     color: #555;
  3783. }
  3784. .story.loading .story-load-status {
  3785.     display: block;
  3786.     margin: 40px 0;
  3787.     color: #999;
  3788.     font-size: 12px;
  3789.     font-weight: bold;
  3790.     text-align: center;
  3791. }
  3792. .story .story-load-status { display: none }
  3793. .story-body a { text-decoration: none }
  3794. .media-error .story-header { border-bottom: 0 }
  3795. .media-error { display: none }
  3796. .story-article {
  3797.     display: block;
  3798.     padding: 9px;
  3799.     overflow: hidden;
  3800.     border: 1px solid #fff;
  3801.     -webkit-transition: .1s linear all;
  3802.     -moz-transition: .1s linear all;
  3803.     transition: .1s linear all;
  3804. }
  3805. .story-article:hover { text-decoration: none }
  3806. .story-article .metadata:hover { text-decoration: underline }
  3807. .story-article .metadata {
  3808.     overflow: hidden;
  3809.     text-overflow: ellipsis;
  3810.     white-space: nowrap;
  3811. }
  3812. .story-article .metadata .content { margin-left: 0 }
  3813. .image-wrapper {
  3814.     float: right;
  3815.     width: 100px;
  3816.     max-height: 100px;
  3817.     padding-left: 10px;
  3818.     overflow: hidden;
  3819. }
  3820. .image-wrapper .article-image {
  3821.     float: right;
  3822.     width: 100%;
  3823. }
  3824. .story-image,
  3825. .story-video { width: 100% }
  3826. .video .play-large {
  3827.     position: absolute;
  3828.     bottom: 65%;
  3829.     left: 50%;
  3830.     margin-bottom: -50px;
  3831.     margin-left: -24px;
  3832.     -webkit-border-radius: 4px;
  3833.     -moz-border-radius: 4px;
  3834.     border-radius: 4px;
  3835.     filter: alpha(opacity=70);
  3836.     -moz-opacity: .70;
  3837.     opacity: .70;
  3838.     -webkit-transition: .1s linear all;
  3839.     -moz-transition: .1s linear all;
  3840.     transition: .1s linear all;
  3841. }
  3842. .story.video .story-body:hover .play-large {
  3843.     filter: alpha(opacity=80);
  3844.     -moz-opacity: .8;
  3845.     opacity: .8;
  3846.     -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
  3847.     -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
  3848.     box-shadow: 0 0 5px rgba(0,0,0,.5);
  3849. }
  3850. .story.video .story-body .play-large:hover {
  3851.     filter: alpha(opacity=100);
  3852.     -moz-opacity: 1;
  3853.     opacity: 1;
  3854. }
  3855. .story.loading .attribution,
  3856. .story.loading .story-tweet,
  3857. .story.loading .media-headline,
  3858. .story.loading .play-large,
  3859. .story.loading .story-image,
  3860. .story.loading .story-video,
  3861. .story.nomedia .attribution,
  3862. .story.nomedia .story-tweet,
  3863. .story.nomedia .story-body,
  3864. .story.nomedia .media-headline { display: none }
  3865. .story.loading .story-body {
  3866.     background-color: #f5f5f5;
  3867.     border: 1px solid #ddd;
  3868. }
  3869. .story .attribution {
  3870.     position: absolute;
  3871.     top: 12px;
  3872.     right: 12px;
  3873. }
  3874. .story .attribution .favicon {
  3875.     width: 16px;
  3876.     height: 16px;
  3877. }
  3878. .story-tweet {
  3879.     position: absolute;
  3880.     bottom: 0;
  3881.     left: 0;
  3882.     width: 100%;
  3883.     color: #dedede;
  3884.     background: #111;
  3885.     background: rgba(0,0,0,.8);
  3886.     -webkit-border-radius: 0 0 6px 6px;
  3887.     -moz-border-radius: 0 0 6px 6px;
  3888.     border-radius: 0 0 6px 6px;
  3889.     -webkit-transition: .1s linear all;
  3890.     -moz-transition: .1s linear all;
  3891.     transition: .1s linear all;
  3892. }
  3893. .story-body:hover .story-tweets { background-color: #000 }
  3894. .story-tweet .content {
  3895.     padding: 12px 12px 12px 2px;
  3896.     margin-left: 41px;
  3897. }
  3898. .story-tweet .tweet-text {
  3899.     overflow: hidden;
  3900.     text-overflow: ellipsis;
  3901.     white-space: nowrap;
  3902. }
  3903. .story-tweet .details {
  3904.     float: right;
  3905.     margin-top: 1px;
  3906.     font-size: 12px;
  3907.     color: #fff;
  3908.     filter: alpha(opacity=50);
  3909.     -moz-opacity: .5;
  3910.     opacity: .5;
  3911.     -webkit-transition: .1s linear all;
  3912.     -moz-transition: .1s linear all;
  3913.     transition: .1s linear all;
  3914. }
  3915. .story-body:hover .details {
  3916.     filter: alpha(opacity=100);
  3917.     -moz-opacity: 1;
  3918.     opacity: 1;
  3919. }
  3920. .story-tweet .details:hover { text-decoration: underline }
  3921. .story-tweet .details .disco-media-type { margin: 1px 5px 0 0 }
  3922. .story-tweet .avatar {
  3923.     position: absolute;
  3924.     top: 15px;
  3925.     left: 12px;
  3926. }
  3927. .story-tweet .fullname,
  3928. .stream-item .story-tweet:hover .fullname { color: #ddd }
  3929. .onebox { margin: -12px -12px 12px }
  3930. .onebox-inner {
  3931.     padding: 12px;
  3932.     background-color: #fafafa;
  3933.     border-bottom: 1px solid #e8e8e8;
  3934.     -webkit-border-radius: 5px 5px 0 0;
  3935.     -moz-border-radius: 5px 5px 0 0;
  3936.     border-radius: 5px 5px 0 0;
  3937. }
  3938. .onebox p {
  3939.     font-size: 12px;
  3940.     color: #666;
  3941. }
  3942. .onebox-header { margin-bottom: 8px }
  3943. .onebox-header h3 {
  3944.     display: inline;
  3945.     font-weight: bold;
  3946.     color: #777;
  3947. }
  3948. .onebox h2 {
  3949.     *min-height: 21px;
  3950.     max-height: 40px;
  3951.     margin-bottom: 4px;
  3952. }
  3953. .onebox h2>div { *max-height: 60px }
  3954. .onebox .account-summary { font-size: 12px }
  3955. .onebox .account-summary .content {
  3956.     margin-left: 58px;
  3957.     margin-right: 150px;
  3958. }
  3959. .onebox .stream-item {
  3960.     border: none;
  3961.     background-color: transparent;
  3962. }
  3963. .onebox .account {
  3964.     border: none;
  3965.     padding-right: 0;
  3966.     padding-bottom: 0;
  3967. }
  3968. .onebox .bio {
  3969.     display: inline-block;
  3970.     max-width: 420px;
  3971.     overflow: hidden;
  3972.     white-space: nowrap;
  3973.     text-overflow: ellipsis;
  3974. }
  3975. .onebox .attribution {
  3976.     display: block;
  3977.     font-size: 12px;
  3978.     color: #999;
  3979. }
  3980. .onebox .follow-combo { float: right }
  3981. .onebox .image-wrapper {
  3982.     width: 64px;
  3983.     height: 64px;
  3984. }
  3985. .onebox:hover,
  3986. .card-body:hover { text-decoration: none }
  3987. .stream-item-activity { position: relative }
  3988. .stream-item-activity-line {
  3989.     font-size: 13px;
  3990.     line-height: 16px;
  3991. }
  3992. .activity-additional-info {
  3993.     float: right;
  3994.     font-size: 12px;
  3995.     color: #999;
  3996. }
  3997. .activity-secondary-supplement {
  3998.     display: none;
  3999.     padding: 0 0 6px 70px;
  4000. }
  4001. .activity-secondary-supplement .avatar { margin-right: 1px }
  4002. .stream-item-activity .activity-supplement .latest-tweet .tweet-content { margin-left: 0 }
  4003. .stream-item-activity .btn-user-actions,
  4004. .stream-item-activity .account .verified,
  4005. .stream-item-activity .edit-profile-btn,
  4006. .follow-more-than-two .account .bio,
  4007. .follow-more-than-two .account .fullname,
  4008. .follow-more-than-two .account .username,
  4009. .follow-exactly-two .account .bio,
  4010. .stream-item-activity-network .follow-more-than-two .follow-combo { display: none }
  4011. .stream-item-activity-me .supplement,
  4012. .activity-secondary-supplement .supplement,
  4013. .follow-exactly-two .supplement,
  4014. .follow-more-than-two .supplement {
  4015.     display: inline-block;
  4016.     *display: inline;
  4017.     zoom: 1;
  4018. }
  4019. .stream-item-activity .account .follow-combo { float: none }
  4020. .stream-item-activity .tweet-content {
  4021.     padding-right: 12px;
  4022.     margin-bottom: 6px;
  4023.     margin-left: 70px;
  4024. }
  4025. .follow-more-than-two .account {
  4026.     display: inline-block;
  4027.     *display: inline;
  4028.     padding: 0;
  4029.     border: none;
  4030.     zoom: 1;
  4031.     -webkit-box-shadow: none;
  4032.     -moz-box-shadow: none;
  4033.     box-shadow: none;
  4034. }
  4035. .stream-item-activity .sub-stream-item-hidden { display: none }
  4036. .stream-item-activity .account,
  4037. .stream-item-activity .list { border-bottom: none }
  4038. .view-all-supplements {
  4039.     display: inline-block;
  4040.     *display: inline;
  4041.     font-size: 11px;
  4042.     zoom: 1;
  4043. }
  4044. .view-all-supplements.show .show-text,
  4045. .view-all-supplements.hide .hide-text { display: inline }
  4046. .view-all-supplements.hide .show-text,
  4047. .view-all-supplements.show .hide-text { display: none }
  4048. .tipsy {
  4049.     padding: 5px;
  4050.     font-size: 10px;
  4051.     position: absolute;
  4052.     z-index: 100000;
  4053.     opacity: .8;
  4054.     filter: alpha(opacity=80);
  4055. }
  4056. .tipsy-inner {
  4057.     padding: 5px 8px 4px 8px;
  4058.     background-color: black;
  4059.     color: white;
  4060.     max-width: 200px;
  4061.     text-align: center;
  4062. }
  4063. .tipsy-inner {
  4064.     border-radius: 3px;
  4065.     -moz-border-radius: 3px;
  4066.     -webkit-border-radius: 3px;
  4067. }
  4068. .tipsy-arrow {
  4069.     position: absolute;
  4070.     background: url(../img/temp_phoenix/tipsy.gif) no-repeat top left;
  4071.     width: 9px;
  4072.     height: 5px;
  4073. }
  4074. .tipsy-n .tipsy-arrow {
  4075.     top: 0;
  4076.     left: 50%;
  4077.     margin-left: -4px;
  4078. }
  4079. .tipsy-nw .tipsy-arrow {
  4080.     top: 0;
  4081.     left: 10px;
  4082. }
  4083. .tipsy-ne .tipsy-arrow {
  4084.     top: 0;
  4085.     right: 10px;
  4086. }
  4087. .tipsy-s .tipsy-arrow {
  4088.     bottom: 0;
  4089.     left: 50%;
  4090.     margin-left: -4px;
  4091.     background-position: bottom left;
  4092. }
  4093. .tipsy-sw .tipsy-arrow {
  4094.     bottom: 0;
  4095.     left: 10px;
  4096.     background-position: bottom left;
  4097. }
  4098. .tipsy-se .tipsy-arrow {
  4099.     bottom: 0;
  4100.     right: 10px;
  4101.     background-position: bottom left;
  4102. }
  4103. .tipsy-e .tipsy-arrow {
  4104.     top: 50%;
  4105.     margin-top: -4px;
  4106.     right: 0;
  4107.     width: 5px;
  4108.     height: 9px;
  4109.     background-position: top right;
  4110. }
  4111. .tipsy-w .tipsy-arrow {
  4112.     top: 50%;
  4113.     margin-top: -4px;
  4114.     left: 0;
  4115.     width: 5px;
  4116.     height: 9px;
  4117. }
  4118. .stream-item-activity-me { border-bottom: 1px solid #e8e8e8 }
  4119. .stream-item-activity-me .latest-tweet {
  4120.     min-height: 0;
  4121.     padding: 0;
  4122.     margin-top: -3px;
  4123.     margin-bottom: 3px;
  4124.     font-size: 13px;
  4125.     border-bottom: none;
  4126. }
  4127. .stream-item-activity-me .latest-tweet .tweet-text { word-wrap: break-word }
  4128. .stream-item-activity-me .latest-tweet .tweet-row {
  4129.     margin-top: -3px;
  4130.     display: inline-block;
  4131.     *display: inline;
  4132.     max-width: 435px;
  4133.     overflow: hidden;
  4134.     text-overflow: ellipsis;
  4135.     white-space: nowrap;
  4136.     zoom: 1;
  4137. }
  4138. .stream-item-activity-me .latest-tweet .tweet-row,
  4139. .stream-item-activity-me .latest-tweet .tweet-row a { color: #999 }
  4140. .stream-item-activity-me .latest-tweet .tweet-text,
  4141. .stream-item-activity-me .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp {
  4142.     display: inline;
  4143.     zoom: 1;
  4144. }
  4145. .stream-item-activity-line-me { padding: 10px 20px 5px 70px }
  4146. .stream-item-activity-me .stream-item-activity-line {
  4147.     font-size: 14px;
  4148.     line-height: 18px;
  4149. }
  4150. .stream-item-activity-line-me .fullname { color: #000 }
  4151. .stream-item-list_member_added .stream-item-activity-line-me { padding-bottom: 12px }
  4152. .stream-item-activity-me .activity-additional-info { margin: 9px 12px 0 0 }
  4153. .stream-item-activity-me span.list {
  4154.     min-height: 0;
  4155.     margin: 0;
  4156.     padding: 0;
  4157.     border: 0;
  4158. }
  4159. .stream-item-activity-me .stream-item-activity-header .pretty-link b {
  4160.     font-weight: bold;
  4161.     color: #333;
  4162. }
  4163. .stream-item-activity-me .stream-item-activity-header .pretty-link s { display: none }
  4164. .stream-item-activity-me .view-all-supplements {
  4165.     margin-left: 70px;
  4166.     margin-bottom: 6px;
  4167. }
  4168. .stream-item-activity-me .supplement.hidden-supplement { display: block }
  4169. .stream-item-activity-me .activity-supplement {
  4170.     margin: 0;
  4171.     padding: 0 12px 10px 70px;
  4172. }
  4173. .stream-item-activity-me .has-hidden-supplements { padding-bottom: 0 }
  4174. .stream-item-activity-me .activity-type {
  4175.     position: absolute;
  4176.     left: 50px;
  4177.     top: 10px;
  4178.     *top: 12px;
  4179.     display: inline-block;
  4180.     *display: inline;
  4181.     width: 16px;
  4182.     *width: 24px;
  4183.     height: 16px;
  4184.     margin-left: 0;
  4185.     vertical-align: middle;
  4186.     zoom: 1;
  4187. }
  4188. .stream-item-list_member_added.stream-item-activity-me .stream-item-activity-line .avatar,
  4189. .stream-item-list_member_added.stream-item-activity-me .activity-supplement { display: none }
  4190. .stream-item-activity-me .avatar {
  4191.     display: inline-block;
  4192.     *display: inline;
  4193.     margin-right: 2px;
  4194.     cursor: pointer;
  4195.     zoom: 1;
  4196. }
  4197. .stream-item-activity-network .stream-item-activity-header {
  4198.     padding: 8px 8px 8px 12px;
  4199.     margin: 12px 12px 0;
  4200.     background-color: #f8f8f8;
  4201.     border: 1px solid #eaeaea;
  4202.     -webkit-border-top-left-radius: 4px;
  4203.     -webkit-border-top-right-radius: 4px;
  4204.     -moz-border-radius-topleft: 4px;
  4205.     -moz-border-radius-topright: 4px;
  4206.     border-top-left-radius: 4px;
  4207.     border-top-right-radius: 4px;
  4208. }
  4209. .stream-item-activity-network .activity-timestamp,
  4210. .stream-item-activity-network .activity-type { display: none }
  4211. .follow-exactly-two .account .fullname,
  4212. .follow-exactly-two .account .username {
  4213.     display: block;
  4214.     overflow: hidden;
  4215.     text-overflow: ellipsis;
  4216.     white-space: nowrap;
  4217. }
  4218. .follow-more-than-two .sm-lock,
  4219. .follow-exactly-two .sm-lock { display: none }
  4220. .stream-item-activity-network .view-all-supplements { color: #999 }
  4221. .stream-item-activity-network .has-hidden-supplements .supplement {
  4222.     border-top: 1px solid #e8e8e8;
  4223.     padding-top: 1px;
  4224. }
  4225. .stream-item-activity-network .has-hidden-supplements .visible-supplement { border-top: none }
  4226. .stream-item-activity-network .activity-supplement .tweet { border-bottom: none }
  4227. .stream-item-activity-network .activity-supplement {
  4228.     margin: 0 12px;
  4229.     border: 1px solid #eaeaea;
  4230.     border-top: 0;
  4231.     -webkit-border-bottom-right-radius: 4px;
  4232.     -webkit-border-bottom-left-radius: 4px;
  4233.     -moz-border-radius-bottomright: 4px;
  4234.     -moz-border-radius-bottomleft: 4px;
  4235.     border-bottom-right-radius: 4px;
  4236.     border-bottom-left-radius: 4px;
  4237. }
  4238. .stream-item-activity-network .follow-combo { margin-top: 6px }
  4239. .stream-item-activity-network .activity-supplement .account .content {
  4240.     margin-right: 0;
  4241.     margin-left: 85px;
  4242.     min-height: 72px;
  4243. }
  4244. .stream-item-follow .follow-more-than-two .content .avatar,
  4245. .stream-item-list_member_added .follow-more-than-two .content .avatar {
  4246.     position: relative;
  4247.     left: 0;
  4248.     top: 0;
  4249. }
  4250. .stream-item-activity-line-network .avatar {
  4251.     margin-right: 3px;
  4252.     vertical-align: top;
  4253.     -webkit-border-radius: 2px;
  4254.     -moz-border-radius: 2px;
  4255.     border-radius: 2px;
  4256. }
  4257. .stream-item-activity-network .follow-more-than-two { padding: 12px 12px 9px }
  4258. .stream-item-activity-network .follow-more-than-two .account { margin-right: 12px }
  4259. .stream-item-activity-network .follow-more-than-two .account .content { margin: 0 }
  4260. .stream-item-activity-network .follow-exactly-two .supplement { width: 50% }
  4261. div.tweet-media,
  4262. div.tweet-map { margin: 12px 0 }
  4263. div.tweet-media img {
  4264.     max-width: 100%;
  4265.     max-height: 700px;
  4266. }
  4267. div.tweet-map { height: 100px }
  4268. div.tweet-media img.flickr-thumb {
  4269.     margin: 0 30px 18px 0;
  4270.     padding: 0;
  4271.     box-shadow: 0 2px 2px #333;
  4272.     -moz-box-shadow: 0 2px 2px #333;
  4273.     -webkit-box-shadow: 0 2px 2px #333;
  4274. }
  4275. div.tweet-media iframe {
  4276.     display: block;
  4277.     position: relative;
  4278.     z-index: 1;
  4279.     overflow: hidden;
  4280.     border: 0;
  4281. }
  4282. div.etsy {
  4283.     -moz-border-radius: 5px;
  4284.     background: #fff;
  4285.     padding: 15px;
  4286. }
  4287. div.etsy img.thumb {
  4288.     margin: 0 10px 0 0;
  4289.     width: 138px;
  4290. }
  4291. div.etsy h3 { margin-bottom: 0 }
  4292. .gist iframe {
  4293.     border: none;
  4294.     overflow: auto;
  4295.     width: 100%;
  4296.     min-height: 350px;
  4297. }
  4298. .permalink-tweet .media-instance-container,
  4299. .tweet .media-instance-container {
  4300.     float: left;
  4301.     max-width: 100%;
  4302.     margin-bottom: 20px;
  4303.     *min-width: 300px;
  4304.     *position: relative;
  4305. }
  4306. .media-instance-container:last-child { margin-bottom: 0 }
  4307. .permalink-tweet .tweet-row,
  4308. .tweet .tweet-row { clear: left }
  4309. body.sandboxed-media img { max-width: 100% }
  4310. .permalink-tweet div.tweet-media iframe { width: 500px }
  4311. .permalink-tweet div.tweet-media img { max-width: 500px }
  4312. .original-tweet div.tweet-media iframe { width: 435px }
  4313. .original-tweet div.tweet-media img { max-width: 435px }
  4314. .tweet-media a.has-cover {
  4315.     display: block;
  4316.     position: relative;
  4317. }
  4318. .tweet-media .cover,
  4319. .media-thumbnail .cover {
  4320.     position: absolute;
  4321.     top: 0;
  4322.     left: 0;
  4323.     z-index: 1;
  4324.     background: white;
  4325.     filter: alpha(opacity=0);
  4326.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  4327.     opacity: .0;
  4328. }
  4329. .flag-container {
  4330.     color: #999;
  4331.     float: right;
  4332.     font-size: 12px;
  4333.     margin-left: 20px;
  4334.     line-height: 16px;
  4335.     *position: absolute;
  4336.     *right: 0;
  4337. }
  4338. .flag-container a { color: #999!important }
  4339. .media-attribution {
  4340.     color: #999;
  4341.     float: left;
  4342.     font-size: 11px;
  4343. }
  4344. .media-attribution a {
  4345.     line-height: 16px;
  4346.     color: #999!important;
  4347.     font-size: 11px;
  4348. }
  4349. .media-attribution a:hover { color: #555 }
  4350. .media-attribution img {
  4351.     vertical-align: middle;
  4352.     position: relative;
  4353.     top: -1px;
  4354. }
  4355. .icon-only * { display: inline-block }
  4356. .icon-only a,
  4357. .icon-only span { line-height: 1em }
  4358. .media-attribution img {
  4359.     width: 16px;
  4360.     height: 16px;
  4361. }
  4362. .auto-size img {
  4363.     width: auto;
  4364.     height: auto;
  4365. }
  4366. div.tweet-media .media-attribution img { margin: 0 3px 0 0 }
  4367. div.tweet-media .icon-only img { margin: 0 0 0 2px }
  4368. body.sandboxed-media div.tweet-media { margin: 0 }
  4369. .embedded-tweet {
  4370.     padding: 10px 10px 10px 68px;
  4371.     background-color: #f5f5f5;
  4372.     border: 1px solid #ddd;
  4373. }
  4374. .embedded-tweet .tweet-text { display: inline }
  4375. .embedded-tweet .avatar {
  4376.     position: absolute;
  4377.     left: 10px;
  4378. }
  4379. div.turkey-wrapper { position: relative }
  4380. div.turkey-wrapper .main-image-container { clear: both }
  4381. div.turkey-wrapper img.scaled-image {
  4382.     position: static;
  4383.     display: block;
  4384. }
  4385. div.turkey-wrapper .thumbnail-container a.media-thumbnail {
  4386.     float: left;
  4387.     margin: 0 2px 2px 0;
  4388. }
  4389. div.turkey-wrapper .thumbnail-container .media-thumbnail { position: relative }
  4390. div.turkey-wrapper .active .thumbnail-active-border,
  4391. div.turkey-wrapper .active .thumbnail-active-border-inner {
  4392.     position: absolute;
  4393.     top: 0;
  4394.     right: 0;
  4395.     left: 0;
  4396.     bottom: 0;
  4397. }
  4398. div.turkey-wrapper .active .thumbnail-active-border { border: 1px solid #CCC }
  4399. div.turkey-wrapper .active .thumbnail-active-border-inner { border: 2px solid #FFF }
  4400. .copied-twimg a.inline-media-image {
  4401.     position: relative;
  4402.     display: block;
  4403. }
  4404. .tweet a.inline-media-image:hover { text-decoration: none }
  4405. .copied-twimg img { display: block }
  4406. .copiedtwimg-container .flag-container { margin-top: 3px }
  4407. .copied-twimg .attribution-wrapper,
  4408. .media-slideshow-media-container .attribution-wrapper {
  4409.     position: absolute;
  4410.     display: block;
  4411.     width: 100%;
  4412.     bottom: 0;
  4413.     left: 0;
  4414.     background: black;
  4415.     background: rgba(0,0,0,0.7);
  4416.     cursor: pointer;
  4417.     line-height: normal;
  4418. }
  4419. .copied-twimg .attribution,
  4420. .media-slideshow-media-container .attribution {
  4421.     padding: 8px;
  4422.     font-size: 11px;
  4423.     color: #eee;
  4424.     display: block;
  4425.     text-align: left;
  4426. }
  4427. .copied-twimg .attribution .profile-path,
  4428. .media-slideshow-media-container .attribution .profile-path {
  4429.     font-style: normal;
  4430.     color: #ddd;
  4431. }
  4432. .copied-twimg .attribution .profile-path:hover,
  4433. .media-slideshow-media-container .attribution .profile-path:hover { text-decoration: underline }
  4434. .copied-twimg .attribution .unit,
  4435. .media-slideshow-media-container .unit { display: inline-block }
  4436. .media-slideshow-media-container a.media-thumbnail { text-decoration: none }
  4437. .twttr-dialog-overlay {
  4438.     position: fixed;
  4439.     top: 0;
  4440.     right: 0;
  4441.     bottom: 0;
  4442.     left: 0;
  4443.     z-index: 5000;
  4444.     display: none;
  4445.     background: #808080;
  4446.     background: rgba(0,0,0,.5);
  4447.     filter: alpha(opacity=50);
  4448.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  4449. }
  4450. .twttr-dialog-wrapper {
  4451.     position: fixed;
  4452.     top: 0;
  4453.     left: 0;
  4454.     bottom: 0;
  4455.     right: 0;
  4456.     z-index: 6000;
  4457.     display: none;
  4458.     overflow: auto;
  4459. }
  4460. html { *overflow: auto }
  4461. .modal-enabled .twttr-dialog-wrapper { display: block }
  4462. .modal-enabled .global-nav-inner { margin-right: 15px }
  4463. .modal-enabled {
  4464.     position: relative;
  4465.     overflow: hidden;
  4466.     margin-right: 15px;
  4467. }
  4468. .twttr-dialog-container {
  4469.     z-index: 6000;
  4470.     position: relative;
  4471.     margin: 90px auto 40px;
  4472.     overflow: visible;
  4473.     background-color: #fff;
  4474.     border: 1px solid #ccc\9;
  4475.     -webkit-background-clip: padding-box;
  4476.     -moz-background-clip: padding;
  4477.     background-clip: padding-box;
  4478.     -webkit-border-radius: 6px;
  4479.     -moz-border-radius: 6px;
  4480.     border-radius: 6px;
  4481.     -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
  4482.     -moz-box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
  4483.     box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
  4484. }
  4485. .twttr-dialog-error { display: none }
  4486. .twttr-dialog-header {
  4487.     overflow: hidden;
  4488.     padding: 15px;
  4489.     -webkit-border-radius: 6px 6px 0 0;
  4490.     -moz-border-radius: 6px 6px 0 0;
  4491.     border-radius: 6px 6px 0 0;
  4492. }
  4493. .twttr-dialog-inside {
  4494.     position: relative;
  4495.     z-index: 1;
  4496. }
  4497. .draggable .twttr-dialog-header { cursor: move }
  4498. .twttr-dialog-header h3 {
  4499.     float: left;
  4500.     font-size: 18px;
  4501.     font-weight: bold;
  4502.     line-height: 1;
  4503. }
  4504. .twttr-dialog-header .twttr-dialog-close {
  4505.     float: right;
  4506.     width: 12px;
  4507.     height: 13px;
  4508.     background: url(../img/twitter_web_sprite_icons.png) no-repeat 0 -510px;
  4509.     cursor: pointer;
  4510. }
  4511. .twttr-dialog-header .twttr-dialog-close b { display: none }
  4512. .twttr-dialog-content { position: relative }
  4513. .twttr-dialog-body { padding: 0 15px 15px }
  4514. .twttr-dialog-footer {
  4515.     padding: 15px;
  4516.     background-color: #eee;
  4517.     background-image: url(../img/noise.png);
  4518.     border-top: 1px solid #e5e5e5;
  4519.     -webkit-border-radius: 0 0 6px 6px;
  4520.     -moz-border-radius: 0 0 6px 6px;
  4521.     border-radius: 0 0 6px 6px;
  4522. }
  4523. .twttr-dialog-footer .btn {
  4524.     float: right;
  4525.     margin-left: 5px;
  4526. }
  4527. .twttr-dialog p { margin-bottom: 0 }
  4528. .twttr-dialog .tweet-box {
  4529.     -moz-border-radius: 5px;
  4530.     padding: 5px 0 0 0;
  4531. }
  4532. .twttr-dialog .tweet-button-container {
  4533.     display: block;
  4534.     margin: 10px 0 0 0;
  4535.     text-align: right;
  4536. }
  4537. .twttr-dialog-error { display: none }
  4538. #retweet-dialog .tweet {
  4539.     padding: 12px;
  4540.     border: 1px solid #e8e8e8;
  4541.     -webkit-border-radius: 4px;
  4542.     -moz-border-radius: 4px;
  4543.     border-radius: 4px;
  4544. }
  4545. #retweet-dialog .tweet img {
  4546.     position: absolute;
  4547.     top: 12px;
  4548.     left: 12px;
  4549. }
  4550. #retweet-dialog .tweet p { margin-left: 58px }
  4551. #retweet-dialog .btn {
  4552.     float: right;
  4553.     margin-left: 10px;
  4554. }
  4555. .twttr-dialog-reply-footer {
  4556.     overflow: hidden;
  4557.     line-height: 17px;
  4558.     border-bottom: 0;
  4559.     padding: 5px;
  4560.     word-wrap: break-word;
  4561. }
  4562. .twttr-dialog-reply-footer p {
  4563.     margin: 0 0 0 59px;
  4564.     padding: 0;
  4565. }
  4566. .twttr-dialog-reply-footer img {
  4567.     display: block;
  4568.     float: left;
  4569.     width: 48px;
  4570.     height: 48px;
  4571.     line-height: 1;
  4572. }
  4573. .twttr-dialog-reply-footer span.twttr-reply-screenname {
  4574.     display: block;
  4575.     font-weight: bold;
  4576. }
  4577. .twttr-dm-check {
  4578.     margin: 0 7px;
  4579.     display: inline-block;
  4580.     width: 15px;
  4581.     height: 13px;
  4582.     background: url(../img/temp_phoenix/sprite-icons.png) -144px -16px no-repeat;
  4583.     opacity: 0;
  4584.     filter: alpha(opacity=0);
  4585. }
  4586. .tweet-box .error-text {
  4587.     color: #fff;
  4588.     background-color: #992b41;
  4589.     padding: 3px;
  4590.     text-align: center;
  4591.     margin-bottom: 10px;
  4592.     font-weight: bold;
  4593.     -moz-border-radius: 5px;
  4594.     -webkit-border-radius: 5px;
  4595.     border-radius: 5px;
  4596. }
  4597. .twttr-goto-user-input,
  4598. .twttr-search-facets-input {
  4599.     width: 406px;
  4600.     padding: 6px;
  4601.     font-size: 20px;
  4602. }
  4603. .twttr-prompt {
  4604.     padding: 15px 0 0;
  4605.     text-align: center;
  4606. }
  4607. .twttr-prompt .button { margin: 0 5px }
  4608. .local-trends-breadcrumbs {
  4609.     padding-bottom: 10px;
  4610.     margin-bottom: 10px;
  4611.     border-bottom: thin solid #E5E5E5;
  4612.     font-size: 12px;
  4613. }
  4614. ul.local-trends-list-new {
  4615.     float: left;
  4616.     list-style-type: none;
  4617.     margin: 0 5px 0 0;
  4618.     width: 180px;
  4619.     overflow: hidden;
  4620.     font-size: 12px;
  4621. }
  4622. .local-trends-list-new li {
  4623.     float: left;
  4624.     width: 180px;
  4625.     margin: 0 7px 0 0;
  4626.     padding: 0 0 4px 0;
  4627.     white-space: nowrap;
  4628. }
  4629. a.trend-breadcrumb-location:link,
  4630. a.trend-breadcrumb-location:visited {
  4631.     border: 1px solid transparent;
  4632.     padding: 2px 4px;
  4633. }
  4634. span.trend-breadcrumb-connector { padding: 0 3px }
  4635. .local-trends-list-new a {
  4636.     -moz-border-radius: 3px;
  4637.     -webkit-border-radius: 3px;
  4638.     border-radius: 3px;
  4639.     padding: 3px 5px;
  4640.     display: block;
  4641. }
  4642. .local-trends-list-new dt {
  4643.     margin-left: 5px;
  4644.     font-weight: bold;
  4645.     border-bottom: 1px solid #eee;
  4646.     margin-bottom: 4px;
  4647.     padding-bottom: 4px;
  4648. }
  4649. .local-trends-list-new dd {
  4650.     float: left;
  4651.     width: 134px;
  4652.     margin-right: 7px;
  4653. }
  4654. a.trend-breadcrumb-location:hover,
  4655. .local-trends-list-new a:hover {
  4656.     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
  4657.     background-color: #eee;
  4658.     background-repeat: repeat-x;
  4659.     background-image: -moz-linear-gradient(top,#f7f7f7 0,#eee 100%);
  4660.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#eee));
  4661.     background-image: -webkit-linear-gradient(top,#f7f7f7 0,#eee 100%);
  4662.     background-image: -ms-linear-gradient(top,#f7f7f7 0,#eee 100%);
  4663.     background-image: -o-linear-gradient(top,#f7f7f7 0,#eee 100%);
  4664.     background-image: linear-gradient(top,#f7f7f7 0,#eee 100%);
  4665.     border: 1px solid #ccc;
  4666.     color: #333;
  4667.     padding: 2px 4px;
  4668.     text-shadow: 0 1px 0 #fff;
  4669.     text-decoration: none;
  4670. }
  4671. a.trend-breadcrumb-location.selected span,
  4672. .local-trends-list-new a.selected span {
  4673.     background-image: url(../img/temp_phoenix/sprite-icons.png);
  4674.     background-position: -160px -16px;
  4675.     background-repeat: no-repeat;
  4676.     display: inline-block;
  4677.     height: 9px;
  4678.     margin-bottom: 2px;
  4679.     margin-left: 5px;
  4680.     outline: medium none;
  4681.     overflow: hidden;
  4682.     position: relative;
  4683.     top: -3px;
  4684.     vertical-align: bottom;
  4685.     width: 10px;
  4686. }
  4687. .local-trends-list {
  4688.     overflow: hidden;
  4689.     margin: 5px 0 10px 5px;
  4690. }
  4691. .local-trends-list dt {
  4692.     margin-left: 5px;
  4693.     font-weight: bold;
  4694.     border-bottom: 1px solid #eee;
  4695.     margin-bottom: 4px;
  4696.     padding-bottom: 4px;
  4697. }
  4698. .local-trends-list dd {
  4699.     float: left;
  4700.     width: 134px;
  4701.     margin-right: 7px;
  4702. }
  4703. .local-trends-list a {
  4704.     -moz-border-radius: 3px;
  4705.     -webkit-border-radius: 3px;
  4706.     border-radius: 3px;
  4707.     padding: 3px 5px;
  4708.     display: block;
  4709.     width: 128px;
  4710.     outline: none;
  4711. }
  4712. .local-trends-list a:hover {
  4713.     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
  4714.     background: url(../img/temp_phoenix/buttons/bg-btn.gif) repeat-x scroll 0 0 #DDD;
  4715.     border: 1px solid #AAA;
  4716.     color: #333;
  4717.     padding: 2px 4px;
  4718.     text-shadow: 0 1px 0 #fff;
  4719.     text-decoration: none;
  4720. }
  4721. .local-trends-list dd a.selected,
  4722. .local-trends-list dd a.selected:hover,
  4723. .local-trends-list dd a.selected:active {
  4724.     background-color: #eee!important;
  4725.     color: #333!important;
  4726.     font-weight: bold;
  4727. }
  4728. .local-trends-list a.selected span {
  4729.     background-image: url(../img/temp_phoenix/sprite-icons.png);
  4730.     background-position: -160px -16px;
  4731.     background-repeat: no-repeat;
  4732.     display: inline-block;
  4733.     height: 9px;
  4734.     margin-bottom: 2px;
  4735.     margin-left: 5px;
  4736.     outline: medium none;
  4737.     overflow: hidden;
  4738.     position: relative;
  4739.     top: -3px;
  4740.     vertical-align: bottom;
  4741.     width: 10px;
  4742. }
  4743. .list-editor hr { display: none }
  4744. .list-editor .help-text {
  4745.     display: block;
  4746.     font-size: 11px;
  4747.     color: #999;
  4748.     margin-left: 120px;
  4749. }
  4750. .list-editor .field {
  4751.     clear: both;
  4752.     display: block;
  4753.     margin: 0 0 15px 0;
  4754. }
  4755. .list-editor label {
  4756.     float: left;
  4757.     text-align: right;
  4758.     width: 105px;
  4759.     padding-right: 15px;
  4760.     margin-bottom: 15px;
  4761. }
  4762. .list-editor input.text,
  4763. .list-editor textarea { width: 290px }
  4764. .list-editor textarea {
  4765.     resize: none;
  4766.     height: 36px;
  4767. }
  4768. .list-editor .options {
  4769.     float: left;
  4770.     width: 290px;
  4771.     height: 60px;
  4772. }
  4773. .list-editor .options label,
  4774. .list-editor .options input {
  4775.     float: none;
  4776.     display: inline-block;
  4777.     width: auto;
  4778.     margin-bottom: 5px;
  4779.     font-size: 12px;
  4780.     color: #999;
  4781. }
  4782. .list-editor .options input { margin: 0 }
  4783. .list-editor .options label b { color: #333 }
  4784. .list-editor .list-editor-save {
  4785.     margin: 15px 0 0 120px;
  4786.     clear: both;
  4787. }
  4788. .twttr-hidden-input {
  4789.     opacity: 0;
  4790.     filter: alpha(opacity=0);
  4791.     position: absolute;
  4792.     _display: none;
  4793. }
  4794. .tooltip {
  4795.     max-width: 200px;
  4796.     font-size: 12px;
  4797. }
  4798. div.twttr-dialog-first-time { margin: 2px -15px 3px -15px }
  4799. div.twttr-dialog-first-time div.first-time {
  4800.     padding: 10px 18px;
  4801.     margin: 14px 0 0 0;
  4802.     background: #eee;
  4803.     border-top: 1px solid #ccc;
  4804.     border-bottom: 1px solid #ccc;
  4805. }
  4806. div.twttr-dialog-first-time p { padding: 0 17px }
  4807. div.twttr-dialog-first-turkey h2.first-time,
  4808. div.twttr-dialog-first-turkey p,
  4809. div.twttr-dialog-first-turkey div.first-turkey-actions { padding: 0 20px }
  4810. div.twttr-dialog-first-turkey div.turkey-container.first-time {
  4811.     padding: 10px 0 25px;
  4812.     position: relative;
  4813. }
  4814. .turkey-container.first-time .callout1 {
  4815.     position: absolute;
  4816.     top: 215px;
  4817.     left: 78px;
  4818.     font-size: 12px;
  4819.     line-height: 100%;
  4820. }
  4821. .turkey-container.first-time .callout2 {
  4822.     position: absolute;
  4823.     top: 188px;
  4824.     left: 163px;
  4825.     font-size: 12px;
  4826.     line-height: 100%;
  4827. }
  4828. .turkey-container.first-time .turkey { padding-left: 53px }
  4829. div.twttr-dialog-first-turkey a.learn-more {
  4830.     margin: 5px 9px;
  4831.     display: inline-block;
  4832.     overflow: hidden;
  4833. }
  4834. div.twttr-dialog-first-time p.first-time-text span,
  4835. div.twttr-dialog-first-turkey p.first-time-text span {
  4836.     margin-left: 4px;
  4837.     margin-right: 2px;
  4838. }
  4839. div.twttr-dialog-first-time h2.first-time,
  4840. div.twttr-dialog-first-turkey h2.first-time {
  4841.     font-size: 38px;
  4842.     font-weight: 300;
  4843.     margin: 0;
  4844. }
  4845. div.twttr-dialog-first-time h2.first-time { padding: 0 15px }
  4846. div.twttr-dialog-first-time div.button {
  4847.     margin-left: 18px;
  4848.     margin-bottom: 13px;
  4849.     margin-top: 18px;
  4850. }
  4851. div.twttr-dialog-first-time strong.text-replies { padding-right: 5px }
  4852. .dialog-form { counter-reset: field }
  4853. .dialog-form ul,
  4854. .dialog-form ul li {
  4855.     list-style: none outside none;
  4856.     margin: 10px 0 0;
  4857. }
  4858. fieldset.common-form ul.discover-buttons li {
  4859.     padding: 15px 0 5px;
  4860.     margin-bottom: 0;
  4861. }
  4862. .dialog-form fieldset.common-form input[type="text"],
  4863. .dialog-form fieldset.common-form input[type="password"],
  4864. .dialog-form fieldset.common-form input[type="email"],
  4865. .dialog-form fieldset.common-form input[type="tel"],
  4866. .dialog-form fieldset.common-form select,
  4867. .dialog-form fieldset.common-form textarea {
  4868.     border: 1px solid #888;
  4869.     -moz-border-radius: 3px;
  4870.     -webkit-border-radius: 3px;
  4871.     border-radius: 3px;
  4872.     font-size: 13px;
  4873.     background: #fff;
  4874.     padding: 4px 5px;
  4875. }
  4876. .dialog-form fieldset.common-form .error input,
  4877. .dialog-form fieldset.common-form .error select,
  4878. .dialog-form fieldset.common-form .error textarea { border-color: #e90617 }
  4879. .dialog-form .field {
  4880.     display: block;
  4881.     margin: 20px 0;
  4882. }
  4883. .dialog-form .field .label {
  4884.     font-weight: bold;
  4885.     display: inline-block;
  4886.     vertical-align: middle;
  4887.     width: 45%;
  4888.     padding: 0 1.7em 0 0;
  4889. }
  4890. .dialog-form .error .label { color: #e90617 }
  4891. .dialog-form .field .numbered {
  4892.     padding: 0 .5em 0 1.2em;
  4893.     text-indent: -1.2em;
  4894. }
  4895. .dialog-form .field .numbered:before {
  4896.     counter-increment: field;
  4897.     content: counter(field) ". ";
  4898. }
  4899. .dialog-form .field .input-wrapper {
  4900.     vertical-align: middle;
  4901.     display: inline-block;
  4902. }
  4903. .dialog-form .subfield {
  4904.     margin: -10px 0 20px 50%;
  4905.     padding: 0 0 0 .5em;
  4906.     font-size: 11px;
  4907.     color: #999;
  4908. }
  4909. .dialog-form .field .button { vertical-align: middle }
  4910. .dialog-form .field .error-text {
  4911.     font-weight: normal;
  4912.     text-indent: 0;
  4913. }
  4914. #discoverability_header,
  4915. #discoverability_dialog,
  4916. #discoverability_footer { display: none }
  4917. .dialog-form li .input-wrapper {
  4918.     display: inline-block;
  4919.     vertical-align: bottom;
  4920. }
  4921. .dialog-form li { margin-bottom: 3px }
  4922. .dialog-form li label small { font-weight: normal }
  4923. .dialog-form fieldset.common-form ul li label {
  4924.     display: inline-block;
  4925.     font-size: 13px;
  4926.     width: 95px;
  4927.     margin-top: 3px;
  4928.     vertical-align: top;
  4929.     white-space: normal;
  4930. }
  4931. .dialog-form li input[type=text] {
  4932.     line-height: 20px;
  4933.     width: 280px;
  4934. }
  4935. .dialog-form li textarea {
  4936.     width: 280px;
  4937.     height: 50px;
  4938. }
  4939. .dialog-form li strong {
  4940.     display: block;
  4941.     font-size: 13px;
  4942.     margin: 3px 0 4px;
  4943. }
  4944. .dialog-form li,
  4945. .dialog-form p {
  4946.     color: #555;
  4947.     line-height: 18px;
  4948. }
  4949. .twttr-dialog-discovery p { line-height: 1.25 }
  4950. .discoverability-dialog span.privacy-statement {
  4951.     color: #555;
  4952.     font: 12px/16px 'Lucida Grande',sans-serif;
  4953.     padding: 0 10px;
  4954. }
  4955. .discoverability-dialog span.privacy-statement a { font-weight: bold }
  4956. .discoverability-dialog .discoverability-settings { border-top: 1px solid #eee }
  4957. h2.discoverability-header {
  4958.     font-size: 20px;
  4959.     margin: 15px 0 8px;
  4960. }
  4961. .discoverability-dialog .modal-content fieldset {
  4962.     margin-bottom: 0;
  4963.     padding-bottom: 0;
  4964. }
  4965. .dialog-form textarea.discovery-description { height: 30px }
  4966. .discover-buttons {
  4967.     border-top: 1px solid #eee;
  4968.     text-align: center;
  4969.     margin-top: 10px;
  4970.     padding: 10px 0 5px;
  4971. }
  4972. .discover-buttons button { margin: 0 10px 0 0 }
  4973. .help-discover {
  4974.     background: url(../img/temp_phoenix/sprite-icons.png) no-repeat scroll -208px 0 transparent;
  4975.     display: inline-block;
  4976.     height: 14px;
  4977.     margin-left: 5px;
  4978.     vertical-align: top;
  4979.     width: 14px;
  4980. }
  4981. .twttr-dialog-device-setup { width: 520px }
  4982. .twttr-dialog-device-setup h2 { font-weight: 300 }
  4983. .twttr-dialog-device-setup p { margin: 5px 0 10px }
  4984. .twttr-dialog-device-setup .error { color: #e90617 }
  4985. .twttr-dialog-device-setup .loading {
  4986.     display: block;
  4987.     height: 32px;
  4988.     width: 32px;
  4989.     background-image: url(../img/temp_phoenix/loader.gif);
  4990.     margin: 10px auto;
  4991. }
  4992. .twttr-dialog-device-setup select { width: 250px }
  4993. .twttr-dialog-device-setup .region-field { margin-top: -10px!important }
  4994. .twttr-dialog-device-setup .phone-wrapper {
  4995.     border: 1px solid #999;
  4996.     -moz-border-radius: 3px;
  4997.     -webkit-border-radius: 3px;
  4998.     border-radius: 3px;
  4999.     width: 250px;
  5000.     font-size: 13px;
  5001.     overflow: hidden;
  5002.     white-space: nowrap;
  5003. }
  5004. .twttr-dialog-device-setup .error .phone-wrapper { border-color: #e90617 }
  5005. .twttr-dialog-device-setup .phone-wrapper .country-code {
  5006.     padding: 4px;
  5007.     background: #d3d3d3;
  5008.     color: #000;
  5009.     height: 1.3em;
  5010.     font-weight: bold;
  5011. }
  5012. .twttr-dialog-device-setup .phone-wrapper input {
  5013.     border: none!important;
  5014.     outline: none;
  5015. }
  5016. .twttr-dialog-device-setup .submit {
  5017.     font-size: 14px;
  5018.     font-weight: bold;
  5019.     padding-left: 3em;
  5020.     padding-right: 3em;
  5021. }
  5022. .twttr-dialog-device-setup .source-address { font-size: 20px }
  5023. .twttr-dialog-device-setup .phone-instructions {
  5024.     font-size: 22px;
  5025.     font-weight: 300;
  5026.     padding: 0 0 0 1em;
  5027.     margin: 0 0 15px;
  5028. }
  5029. .twttr-dialog-device-setup .waiting-instructions {
  5030.     background: url(../img/temp_phoenix/loader.gif) 15px 15px no-repeat;
  5031.     padding: 15px 0 0 70px;
  5032.     margin: 15px 0;
  5033.     border-top: 2px solid #f6f6f6;
  5034. }
  5035. .twttr-dialog-device-setup .cancel-instructions {
  5036.     padding: 15px 0 0;
  5037.     margin: 15px 0;
  5038.     border-top: 2px solid #f6f6f6;
  5039. }
  5040. .sensitive-confirm-form .sensitive-field { margin: 10px 0 }
  5041. .sensitive-confirm-form .sensitive-title { margin-top: 5px }
  5042. .sensitive-confirm-form .sensitive-buttons { float: left }
  5043. .sensitive-confirm-form .sensitive-learn-more {
  5044.     line-height: 2em;
  5045.     margin-left: 10px;
  5046. }
  5047. .sensitive-confirm-form .checkbox {
  5048.     vertical-align: top;
  5049.     margin-top: 4px;
  5050. }
  5051. .sensitive-confirm-form .sensitive-label {
  5052.     width: 445px;
  5053.     display: inline-block;
  5054.     margin-left: 5px;
  5055. }
  5056. .sensitive-confirmation,
  5057. .verify-email-text { margin-top: 15px }
  5058. #mini-profile .twttr-dialog-header {
  5059.     position: absolute;
  5060.     right: 0;
  5061.     z-index: 2;
  5062. }
  5063. #mini-profile .twttr-dialog-body { padding: 0 }
  5064. #mini-profile .protected-mini-profile-footer {
  5065.     -webkit-border-bottom-left-radius: 6px;
  5066.     -webkit-border-bottom-right-radius: 6px;
  5067.     -moz-border-radius-bottomleft: 6px;
  5068.     -moz-border-radius-bottomright: 6px;
  5069.     border-bottom-left-radius: 6px;
  5070.     border-bottom-right-radius: 6px;
  5071. }
  5072. #mini-profile .stats a {
  5073.     padding-left: 15px;
  5074.     padding-right: 15px;
  5075. }
  5076. .mini-profile-footer {
  5077.     padding: 10px 15px;
  5078.     background-color: #eee;
  5079.     border-bottom: 1px solid #e8e8e8;
  5080. }
  5081. #mini-profile .twttr-dialog-header h3 { display: none }
  5082. #mini-profile .stream-item-header .sm-lock { margin-top: 0 }
  5083. .profile-modal-header {
  5084.     height: 48px;
  5085.     padding: 15px 15px 5px;
  5086. }
  5087. .profile-modal-header .avatar { float: left }
  5088. .profile-modal-header-inner {
  5089.     margin-left: 58px;
  5090.     margin-right: 30px;
  5091. }
  5092. .profile-modal-header .fullname {
  5093.     font-size: 24px;
  5094.     line-height: 1;
  5095. }
  5096. .profile-modal-header .fullname a { color: #333 }
  5097. .profile-modal-header .username {
  5098.     font-size: 16px;
  5099.     line-height: 24px;
  5100.     color: #777;
  5101. }
  5102. .profile-modal-header .username a { color: #777 }
  5103. .profile-modal-header .follow-status {
  5104.     margin-left: 0;
  5105.     top: -1px;
  5106.     display: none;
  5107. }
  5108. .profile-modal-header .sm-lock { margin: 3px 0 0 2px }
  5109. .profile-modal-header .verified,
  5110. .profile-modal-header .translator { margin: 6px 0 0 }
  5111. .profile-modal-extended { padding: 0 15px 10px }
  5112. .profile-modal-extended .location-and-url,
  5113. .profile-modal-extended .social-proof {
  5114.     font-size: 12px;
  5115.     color: #777;
  5116. }
  5117. .profile-modal-extended .social-proof { margin-top: 9px }
  5118. .profile-modal-extended .divider {
  5119.     padding: 0 2px;
  5120.     color: #ccc;
  5121. }
  5122. .location-and-url .url { word-wrap: break-word }
  5123. #mini-profile .recent-tweets { margin-bottom: 0 }
  5124. #mini-profile .recent-tweets .sm-lock { margin-top: -1px }
  5125. .expando-profile-popup .profile-modal,
  5126. .expando-profile-popup .btn-user-actions {
  5127.     position: relative\9;
  5128.     z-index: 1000\9;
  5129. }
  5130. .autocomplete-container {
  5131.     visibility: hidden;
  5132.     margin: 0;
  5133.     padding: 4px 0;
  5134.     position: absolute;
  5135.     list-style: none;
  5136.     border: 1px solid #bbb;
  5137.     -webkit-border-radius: 4px;
  5138.     -moz-border-radius: 4px;
  5139.     background: #fff;
  5140.     border-radius: 4px;
  5141.     width: 505px;
  5142.     z-index: 10;
  5143.     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  5144.     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  5145. }
  5146. .autocomplete-container li {
  5147.     margin: 0;
  5148.     padding: 7px;
  5149.     list-style: none;
  5150.     background: #fff;
  5151.     color: #333;
  5152.     border-bottom: 1px solid #f4f4f4;
  5153.     cursor: pointer;
  5154.     font: 14px/1 'Helvetica Neue',arial,sans-serif;
  5155.     overflow: hidden;
  5156. }
  5157. .autocomplete-container li.selected { background: #d9ecf9 }
  5158. .autocomplete-container li:first-child { border-top: 1px solid #f4f4f4 }
  5159. .autocomplete-container li img {
  5160.     width: 24px;
  5161.     height: 24px;
  5162.     float: left;
  5163. }
  5164. .autocomplete-container li span {
  5165.     padding-top: 4px;
  5166.     position: relative;
  5167.     display: block;
  5168.     margin-left: 30px;
  5169. }
  5170. .autocomplete-container li b { font-weight: normal }
  5171. .autocomplete-container li em {
  5172.     font-style: normal;
  5173.     color: #777;
  5174. }
  5175. .autocomplete-container li.twttr-follow-notice em { font-style: italic }
  5176. .add-to-list-prompt { display: none }
  5177. .list-membership-container {
  5178.     margin-top: 5px;
  5179.     list-style: none;
  5180. }
  5181. .list-membership-container li {
  5182.     padding: 3px 0;
  5183.     font-size: 12px;
  5184.     color: #666;
  5185.     white-space: no-wrap;
  5186.     cursor: pointer;
  5187. }
  5188. .list-membership-container li:hover { color: #333 }
  5189. .list-membership-container .sm-lock {
  5190.     margin-top: -1px;
  5191.     margin-left: 3px;
  5192. }
  5193. .list-membership-container [type=checkbox] {
  5194.     position: relative;
  5195.     margin-right: 3px;
  5196.     bottom: -1px;
  5197. }
  5198. .list-membership-container .loading-spinner {
  5199.     float: left;
  5200.     display: none;
  5201.     width: 14px;
  5202.     height: 14px;
  5203.     margin-top: 1px;
  5204.     margin-right: 4px;
  5205. }
  5206. .list-membership-container li.create-a-list {
  5207.     padding: 5px 10px;
  5208.     margin-top: 10px;
  5209.     font-size: 13px;
  5210.     color: #333;
  5211. }
  5212. .create-a-list .list { display: none }
  5213. .dm-dialog .twttr-dialog-inside {
  5214.     height: 420px;
  5215.     overflow: hidden;
  5216. }
  5217. .dm-dialog .twttr-dialog-content { overflow: hidden }
  5218. .dm-dialog .twttr-dialog-header,
  5219. .dm-dialog .twttr-dialog-footer { background-color: #eee }
  5220. .dm-dialog .twttr-dialog-header {
  5221.     padding: 15px 15px 14px;
  5222.     border-bottom: 1px solid #e8e8e8;
  5223. }
  5224. .dm-dialog .twttr-dialog-footer {
  5225.     padding: 10px 15px;
  5226.     font-size: 12px;
  5227.     color: #999;
  5228.     text-align: center;
  5229.     text-shadow: 0 1px 0 #fff;
  5230.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5231.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5232.     box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5233. }
  5234. .dm-header-new {
  5235.     position: absolute;
  5236.     top: 9px;
  5237.     right: 40px;
  5238. }
  5239. .dm-dialog .twttr-dialog-body { padding: 0 }
  5240. .dm-threads {
  5241.     height: 380px;
  5242.     overflow-x: hidden;
  5243.     overflow-y: scroll\9;
  5244. }
  5245. .dm-thread-link {
  5246.     position: relative;
  5247.     display: block;
  5248.     padding: 12px 15px;
  5249.     border-bottom: 1px solid #e8e8e8;
  5250. }
  5251. .dm-thread:first-child .dm-thread-link { border-top: 0 }
  5252. .dm-thread-link:hover {
  5253.     text-decoration: none;
  5254.     background-color: #f5f5f5;
  5255.     background-repeat: repeat-x;
  5256.     background-image: -moz-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
  5257.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f5f5f5));
  5258.     background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
  5259.     background-image: -ms-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
  5260.     background-image: -o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
  5261.     background-image: linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);
  5262. }
  5263. .dm-thread-status {
  5264.     position: absolute;
  5265.     top: 12px;
  5266.     left: 10px;
  5267.     width: 12px;
  5268. }
  5269. .dm-thread-status .unread { margin-top: 10px }
  5270. .dm-thread-content {
  5271.     margin-left: 60px;
  5272.     line-height: 16px;
  5273. }
  5274. .dm-thread-snippet {
  5275.     font-size: 12px;
  5276.     color: #999;
  5277. }
  5278. .dm-thread-content .replied {
  5279.     margin-top: 1px;
  5280.     margin-right: 5px;
  5281. }
  5282. .dm-thread-content .avatar {
  5283.     position: absolute;
  5284.     top: 12px;
  5285.     left: 32px;
  5286. }
  5287. .dm-thread-content .time {
  5288.     position: absolute;
  5289.     top: 13px;
  5290.     right: 35px;
  5291.     color: #bbb;
  5292. }
  5293. .dm-thread .chev-right {
  5294.     position: absolute;
  5295.     top: 15px;
  5296.     right: 15px;
  5297. }
  5298. .dm-convo {
  5299.     position: relative;
  5300.     height: 200px;
  5301.     padding: 15px;
  5302.     overflow-x: hidden;
  5303.     overflow-y: scroll\9;
  5304.     background-color: #f5f8fa;
  5305. }
  5306. .dm-convo-placeholder {
  5307.     position: relative;
  5308.     height: 180px;
  5309.     background-color: #f5f8fa;
  5310.     z-index: -1;
  5311. }
  5312. .dm { position: relative }
  5313. .dm .avatar {
  5314.     position: absolute;
  5315.     top: 0;
  5316.     left: 0;
  5317. }
  5318. .dm-content { margin: 0 0 20px 58px }
  5319. .dm-message {
  5320.     max-width: 300px;
  5321.     float: left;
  5322.     position: relative;
  5323.     padding: 7px 12px;
  5324.     font-size: 12px;
  5325.     background-color: #f5f5f5;
  5326.     border: 1px solid #dcdfe1;
  5327.     -webkit-border-radius: 4px;
  5328.     -moz-border-radius: 4px;
  5329.     border-radius: 4px;
  5330.     -webkit-box-shadow: inset 0 3px 3px rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.05);
  5331.     -moz-box-shadow: inset 0 3px 3px rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.05);
  5332.     box-shadow: inset 0 3px 3px rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.05);
  5333. }
  5334. .dm-content .time {
  5335.     display: block;
  5336.     margin-right: 58px;
  5337.     margin-bottom: 5px;
  5338.     font-size: 11px;
  5339.     line-height: 1;
  5340.     color: #bbb;
  5341.     text-align: center;
  5342. }
  5343. .dm-delete {
  5344.     float: left;
  5345.     margin: 9px 9px 0;
  5346.     visibility: hidden;
  5347. }
  5348. .dm:hover .dm-delete { visibility: visible }
  5349. .dm-caret {
  5350.     position: absolute;
  5351.     top: 12px;
  5352.     left: -5px;
  5353.     width: 10px;
  5354.     height: 10px;
  5355. }
  5356. .dm-caret-inner,
  5357. .dm-caret-outer {
  5358.     position: absolute;
  5359.     width: 0;
  5360.     height: 0;
  5361.     vertical-align: text-bottom;
  5362.     border-style: solid;
  5363. }
  5364. .dm-caret-outer {
  5365.     top: 0;
  5366.     left: 0;
  5367.     z-index: 10;
  5368.     border-top: 5px solid transparent;
  5369.     border-right: 5px solid #dcdfe1;
  5370.     border-bottom: 5px solid transparent;
  5371. }
  5372. .dm-caret-inner {
  5373.     top: 1px;
  5374.     left: 1px;
  5375.     z-index: 11;
  5376.     border-top: 4px solid transparent;
  5377.     border-right: 4px solid #f5f5f5;
  5378.     border-bottom: 4px solid transparent;
  5379. }
  5380. .sent .avatar {
  5381.     position: absolute;
  5382.     top: 0;
  5383.     right: 0;
  5384.     left: auto;
  5385. }
  5386. .sent .time {
  5387.     margin-right: 0;
  5388.     margin-left: 58px;
  5389. }
  5390. .sent .dm-content { margin: 0 58px 20px 0 }
  5391. .sent .dm-message {
  5392.     float: right;
  5393.     background-color: #e6f2fa;
  5394. }
  5395. .sent .dm-delete { float: right }
  5396. .sent .dm-caret {
  5397.     right: -10px;
  5398.     left: auto;
  5399. }
  5400. .sent .dm-caret-outer {
  5401.     border-right: none;
  5402.     border-left: 5px solid #dcdfe1;
  5403. }
  5404. .sent .dm-caret-inner {
  5405.     left: -1px;
  5406.     border-right: none;
  5407.     border-left: 4px solid #e9f3fa;
  5408. }
  5409. .dm-delete-confirm { display: none }
  5410. .dm-deleting .tweet-box { display: none }
  5411. .dm-deleting .dm-delete-confirm { display: block }
  5412. .dm-delete-confirm {
  5413.     padding-top: 30px;
  5414.     text-align: center;
  5415.     text-shadow: 0 1px 0 #fff;
  5416. }
  5417. .dm-delete-confirm p { margin-bottom: 9px }
  5418. .dm-delete-confirm .btn {
  5419.     font-size: 14px;
  5420.     font-weight: normal;
  5421. }
  5422. .twttr-dialog.dm-dialog .tweet-box { padding-top: 0 }
  5423. .dm-tweetbox {
  5424.     height: 119px;
  5425.     padding: 15px;
  5426.     background-color: #eee;
  5427.     border-top: 1px solid #e8e8e8;
  5428.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5429.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5430.     box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5431. }
  5432. .dm-tweetbox .tweet-box .twitter-anywhere-tweet-box-editor { padding: 9px }
  5433. .dm-tweetbox .tweet-button { font-size: 14px }
  5434. .dm-to {
  5435.     position: relative;
  5436.     padding: 10px 15px 9px;
  5437.     background-color: #eee;
  5438.     border-bottom: 1px solid #e8e8e8;
  5439.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5440.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5441.     box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  5442. }
  5443. .dm-to-input {
  5444.     width: 435px;
  5445.     height: 20px\0;
  5446.     height: 20px\9;
  5447.     padding-left: 30px;
  5448.     border-color: #ccc;
  5449. }
  5450. .mozilla .dm-to-input {
  5451.     padding-top: 6px;
  5452.     padding-bottom: 6px;
  5453. }
  5454. .dm-to .avatar {
  5455.     position: absolute;
  5456.     top: 13px;
  5457.     left: 18px;
  5458. }
  5459. .dm-error {
  5460.     position: absolute;
  5461.     top: 0;
  5462.     right: 0;
  5463.     left: 0;
  5464.     display: none;
  5465.     z-index: 12;
  5466.     padding: 7px 15px;
  5467.     color: #fff;
  5468.     background-color: #c43c35;
  5469.     -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
  5470.     -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
  5471.     box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
  5472. }
  5473. .dm-error-text { margin-right: 25px }
  5474. .dm-error .close {
  5475.     float: right;
  5476.     margin-top: 5px;
  5477. }
  5478. .dm-placeholder-empty { padding: 20px 80px }
  5479. .dm-placeholder-empty p {
  5480.     color: #777;
  5481.     text-align: center;
  5482.     text-shadow: 0 1px 0 #fff;
  5483. }
  5484. .embed-code-container textarea {
  5485.     width: 100%;
  5486.     padding: 7px 9px;
  5487.     *padding: 7px 0;
  5488.     font-size: 14px;
  5489.     color: #777;
  5490.     line-height: 21px;
  5491.     overflow: hidden;
  5492.     height: 55px;
  5493.     display: block;
  5494.     white-space: nowrap;
  5495.     border: 1px solid #bbb;
  5496.     position: relative;
  5497.     z-index: 2;
  5498.     -webkit-box-sizing: border-box;
  5499.     -moz-box-sizing: border-box;
  5500.     box-sizing: border-box;
  5501.     -webkit-border-radius: 0 3px 3px 3px;
  5502.     -moz-border-radius: 0 3px 3px 3px;
  5503.     border-radius: 0 3px 3px 3px;
  5504. }
  5505. .embed-code-container textarea:focus { border-color: #56B4ef }
  5506. .embed-code-container p {
  5507.     font-size: 12px;
  5508.     margin-top: -10px;
  5509. }
  5510. .embed-code-container p a,
  5511. .embed-code-container p a:hover { color: #999 }
  5512. .embed-code-container hr {
  5513.     margin: 20px 0 18px;
  5514.     border-top: 1px solid #dbdbdb;
  5515.     border-bottom: 1px solid #fff;
  5516. }
  5517. .embed-code-container .embed-target {
  5518.     overflow: hidden;
  5519.     margin-top: 12px;
  5520.     margin-bottom: -1px;
  5521. }
  5522. .embed-code-container .embed-alignment {
  5523.     background-color: #f9f9f9;
  5524.     border: 1px solid #ccc;
  5525.     margin-top: 10px;
  5526.     -webkit-border-radius: 3px;
  5527.     -moz-border-radius: 3px;
  5528.     border-radius: 3px;
  5529. }
  5530. .embed-code-container .legend {
  5531.     display: block;
  5532.     float: left;
  5533.     text-align: left;
  5534.     line-height: 18px;
  5535.     width: auto;
  5536.     height: 19px;
  5537.     font-size: 12px;
  5538.     font-weight: bold;
  5539.     text-shadow: 0 1px #fff;
  5540.     margin: 16px 10px 0 15px;
  5541.     color: #555;
  5542.     padding: 0;
  5543.     border: 0;
  5544. }
  5545. .embed-code-container .input {
  5546.     overflow: hidden;
  5547.     margin-top: 10px;
  5548. }
  5549. .embed-code-container .embed-alignment input {
  5550.     position: absolute;
  5551.     filter: alpha(opacity=0);
  5552.     -khtml-opacity: 0;
  5553.     -moz-opacity: 0;
  5554.     opacity: 0;
  5555. }
  5556. .embed-code-container .tabs li {
  5557.     margin-right: 3px;
  5558.     box-shadow: 0;
  5559.     -webkit-box-shadow: 0;
  5560.     -moz-box-shadow: 0;
  5561.     box-shadow: 0;
  5562. }
  5563. .embed-code-container .help-block {
  5564.     clear: both;
  5565.     margin: 0 0 6px 82px;
  5566. }
  5567. .embed-code-container .embed-alignment .btn,
  5568. .embed-code-container .tabs li {
  5569.     display: block;
  5570.     float: left;
  5571. }
  5572. .embed-code-container .embed-alignment .btn,
  5573. .embed-code-container .tabs li .btn {
  5574.     font-size: 12px;
  5575.     color: #555;
  5576. }
  5577. .embed-code-container .tabs li .btn {
  5578.     border-bottom-color: #bbb;
  5579.     -webkit-border-radius: 4px 4px 0 0;
  5580.     -moz-border-radius: 4px 4px 0 0;
  5581.     border-radius: 4px 4px 0 0;
  5582. }
  5583. .embed-code-container .embed-alignment .btn {
  5584.     border-left: 0;
  5585.     -webkit-border-radius: 0;
  5586.     -moz-border-radius: 0;
  5587.     border-radius: 0;
  5588. }
  5589. .embed-code-container .embed-alignment .btn-first {
  5590.     border-left: 1px solid #ccc;
  5591.     -webkit-border-radius: 4px 0 0 4px;
  5592.     -moz-border-radius: 4px 0 0 4px;
  5593.     border-radius: 4px 0 0 4px;
  5594. }
  5595. .embed-code-container .embed-alignment .btn-last {
  5596.     -webkit-border-radius: 0 4px 4px 0;
  5597.     -moz-border-radius: 0 4px 4px 0;
  5598.     border-radius: 0 4px 4px 0;
  5599. }
  5600. .embed-code-container .btn i {
  5601.     display: block;
  5602.     width: 13px;
  5603.     height: 11px;
  5604.     float: left;
  5605.     margin-top: 4px;
  5606.     margin-right: 5px;
  5607. }
  5608. .embed-code-container .active.btn {
  5609.     text-shadow: none;
  5610.     outline: none;
  5611.     background: #dadada;
  5612.     border: 1px solid #aaa;
  5613.     -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0 .1),0 1px 2px rgba(0,0,0,.05);
  5614.     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
  5615.     box-shadow: inset 0 3px 7px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05);
  5616. }
  5617. .embed-code-container .embed-alignment .active.btn { margin-left: -1px }
  5618. .embed-code-container .embed-alignment .active.btn-first { margin-left: 0 }
  5619. .embed-code-container .embed-preview { margin-top: 15px }
  5620. .shortcuts .modal {
  5621.     width: 560px;
  5622.     margin-left: -300px;
  5623. }
  5624. .keyboard-shortcuts dl {
  5625.     float: left;
  5626.     width: 150px;
  5627.     font-size: 12px;
  5628.     line-height: 18px;
  5629. }
  5630. .keyboard-shortcuts dl+dl { margin-left: 25px }
  5631. .keyboard-shortcuts dt {
  5632.     padding-bottom: 5px;
  5633.     padding-left: 38px;
  5634.     font-size: 14px;
  5635.     font-weight: normal;
  5636.     color: #333;
  5637. }
  5638. .keyboard-shortcuts dd { overflow: hidden }
  5639. .keyboard-shortcuts dd .key {
  5640.     float: left;
  5641.     width: 40px;
  5642.     font-weight: bold;
  5643.     color: #333;
  5644.     text-align: right;
  5645. }
  5646. .keyboard-shortcuts dd .key-label {
  5647.     display: block;
  5648.     margin-left: 45px;
  5649.     color: #777;
  5650. }
  5651. .keyboard-shortcuts table {
  5652.     float: left;
  5653.     width: 175px;
  5654. }
  5655. .keyboard-shortcuts table+table { margin-left: 15px }
  5656. .keyboard-shortcuts table th,
  5657. .keyboard-shortcuts table td {
  5658.     vertical-align: top;
  5659.     text-align: left;
  5660.     font-size: 12px;
  5661.     color: #999;
  5662.     white-space: nowrap;
  5663. }
  5664. .keyboard-shortcuts table th {
  5665.     color: #333;
  5666.     font-weight: bold;
  5667. }
  5668. .keyboard-shortcuts table td { padding: 3px 0 }
  5669. .keyboard-shortcuts table .shortcut-label {
  5670.     line-height: 20px;
  5671.     padding-left: 8px;
  5672.     color: #555;
  5673. }
  5674. .sc-key {
  5675.     display: inline-block;
  5676.     min-width: 10px;
  5677.     height: 18px;
  5678.     padding: 0 4px;
  5679.     font-size: 11px;
  5680.     line-height: 18px;
  5681.     color: #555;
  5682.     text-align: center;
  5683.     background-color: #eee;
  5684.     background-repeat: repeat-x;
  5685.     background-image: -moz-linear-gradient(top,#f5f5f5 0,#eee 100%);
  5686.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#eee));
  5687.     background-image: -webkit-linear-gradient(top,#f5f5f5 0,#eee 100%);
  5688.     background-image: -ms-linear-gradient(top,#f5f5f5 0,#eee 100%);
  5689.     background-image: -o-linear-gradient(top,#f5f5f5 0,#eee 100%);
  5690.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#eeeeee',GradientType=0);
  5691.     background-image: linear-gradient(top,#f5f5f5 0,#eee 100%);
  5692.     border: 1px solid #ccc;
  5693.     -webkit-border-radius: 3px;
  5694.     -moz-border-radius: 3px;
  5695.     border-radius: 3px;
  5696.     -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccc;
  5697.     -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccc;
  5698.     box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccc;
  5699. }
  5700. .text-area { position: relative }
  5701. .tweet-thumbnail-container { position: relative }
  5702. .tweet-box .twitter-anywhere-tweet-box-editor {
  5703.     padding: 6px 8px 5px;
  5704.     width: 482px;
  5705.     height: 56px;
  5706.     color: #222;
  5707.     font-size: 13px;
  5708.     line-height: 18px;
  5709.     outline: none;
  5710.     overflow-x: hidden;
  5711.     overflow-y: auto;
  5712.     white-space: pre-wrap;
  5713.     word-wrap: break-word;
  5714. }
  5715. .tweet-box.condensed .twitter-anywhere-tweet-box-editor { resize: none }
  5716. .profile-tweet-box.flex-module { padding-top: 9px }
  5717. .tweetbox-counter-tipsy {
  5718.     color: #666;
  5719.     text-align: right;
  5720.     display: inline-block;
  5721.     font-size: 12px;
  5722.     margin-right: 2px;
  5723. }
  5724. .mozilla .tweetbox-counter-tipsy,
  5725. .msie .tweetbox-counter-tipsy {
  5726.     position: relative;
  5727.     top: -8px;
  5728. }
  5729. .tweetbox-tipsy .tipsy-inner { max-width: 250px!important }
  5730. span.tweetbox-tipsy-text { font-size: 12px }
  5731. .tweetbox-tipsy .tipsy-inner { max-width: 250px!important }
  5732. span.tweetbox-tipsy-text { font-size: 12px }
  5733. .tweet-box .tweet-meta {
  5734.     opacity: .6;
  5735.     position: absolute;
  5736.     right: 2px;
  5737.     top: 5px;
  5738. }
  5739. .tweet-box textarea {
  5740.     resize: vertical;
  5741.     -webkit-border-radius: 4px;
  5742.     -moz-border-radius: 4px;
  5743.     border-radius: 4px;
  5744.     -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
  5745.     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
  5746.     box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 #fff;
  5747. }
  5748. .tweet-box textarea:hover {
  5749.     outline: none;
  5750.     border: 1px solid #999;
  5751.     cursor: text!important;
  5752. }
  5753. .tweet-box textarea:focus,
  5754. .tweet-box input[type=text] {
  5755.     border-color: #56b4ef;
  5756.     -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  5757.     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  5758.     box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
  5759. }
  5760. .condensed .twitter-anywhere-tweet-box-editor {
  5761.     color: #AAA;
  5762.     height: 19px!important;
  5763.     min-height: 19px!important;
  5764.     overflow: hidden;
  5765. }
  5766. .tweet-box-title {
  5767.     overflow: hidden;
  5768.     padding: 1px 0;
  5769. }
  5770. .tweet-box h2 {
  5771.     font: bold 14px Helvetica Neue,Helvetica,sans-serif;
  5772.     text-shadow: 0 1px 0 #fff;
  5773.     margin: 0 0 8px 0;
  5774.     color: #333;
  5775. }
  5776. body .latest-status-text {
  5777.     font: 13px/2 'helvetica neue',helvetica,arial,sans-serif;
  5778.     color: #999;
  5779.     float: right;
  5780. }
  5781. body .latest-status-text a { color: #999!important }
  5782. .twttr-dialog-content .tweet-box h2 { display: none }
  5783. .condensed .tweet-button-container { display: none }
  5784. .tweet-counter {
  5785.     background-color: transparent;
  5786.     color: #999;
  5787.     display: inline-block;
  5788.     width: 35px;
  5789.     border: 0;
  5790.     font: normal 14px 'helvetica neue','lucida grande',helvetica,arial;
  5791.     padding: 0 3px;
  5792.     position: relative;
  5793.     vertical-align: top;
  5794.     top: 7px;
  5795.     text-align: right;
  5796.     text-shadow: 0 1px 0 rgba(255,255,255,.75);
  5797. }
  5798. .tweet-counter[disabled] {
  5799.     background-color: transparent;
  5800.     cursor: default;
  5801.     -webkit-box-shadow: none;
  5802.     -moz-box-shadow: none;
  5803.     box-shadow: none;
  5804. }
  5805. .tweet-button-container .tweet-counter {
  5806.     background-color: transparent;
  5807.     color: #555;
  5808.     border: none;
  5809.     -moz-box-shadow: none;
  5810. }
  5811. .tweet-button-sub-container { display: inline-block }
  5812. .tweet-counter-proxy { position: absolute }
  5813. .tweet-counter.warn { color: #5c0002 }
  5814. .tweet-counter.superwarn { color: #d40d12 }
  5815. .tweet-button-container {
  5816.     position: relative;
  5817.     text-align: right;
  5818.     margin: 5px 0 3px 0;
  5819.     height: 29px;
  5820.     z-index: 3;
  5821. }
  5822. .tweet-box .geo-activation-prompt {
  5823.     display: block;
  5824.     text-align: left;
  5825. }
  5826. .tweet-spinner {
  5827.     position: relative;
  5828.     vertical-align: top;
  5829.     top: 7px;
  5830.     right: 4px;
  5831. }
  5832. .twttr-editor .twitter-media-thumbs { display: none }
  5833. .twttr-editor.has-thumbnails textarea {
  5834.     vertical-align: top;
  5835.     resize: none;
  5836. }
  5837. .twttr-editor.has-thumbnails .twitter-media-thumbs {
  5838.     display: block;
  5839.     position: absolute;
  5840.     bottom: 1px;
  5841.     left: 1px;
  5842.     right: 1px;
  5843.     height: 60px;
  5844.     background: #f1f1f1;
  5845.     border-radius: 0 0 3px 3px;
  5846.     -moz-border-radius: 0 0 3px 3px;
  5847.     -webkit-border-radius: 0 0 3px 3px;
  5848. }
  5849. .twttr-editor.has-thumbnails.closing .twitter-media-thumbs { display: none }
  5850. .twttr-editor.has-thumbnails.html4 .twitter-media-thumbs { height: 37px }
  5851. .twitter-media-thumbs .media-thumbnails {
  5852.     position: relative;
  5853.     height: 48px;
  5854.     max-width: 240px;
  5855.     margin: 6px 9px;
  5856.     float: left;
  5857. }
  5858. .html4 .twitter-media-thumbs .media-thumbnails { height: 25px }
  5859. .html4.photo-2 .twitter-media-thumbs .media-thumbnails { height: 52px }
  5860. .html4.photo-3 .twitter-media-thumbs .media-thumbnails { height: 79px }
  5861. .twitter-media-thumbs .media-thumbnails-message {
  5862.     position: relative;
  5863.     float: left;
  5864.     height: 60px;
  5865.     line-height: 60px;
  5866.     font-size: 13px;
  5867.     color: #a9a9a9;
  5868.     margin-left: 8px;
  5869. }
  5870. .html4 .twitter-media-thumbs .media-thumbnails-message {
  5871.     height: 37px;
  5872.     line-height: 37px;
  5873. }
  5874. .html4.photo-2 .twitter-media-thumbs .media-thumbnails-message {
  5875.     height: 64px;
  5876.     line-height: 64px;
  5877. }
  5878. .html4.photo-3 .twitter-media-thumbs .media-thumbnails-message {
  5879.     height: 91px;
  5880.     line-height: 91px;
  5881. }
  5882. .turkey-control {
  5883.     position: relative;
  5884.     float: left;
  5885.     height: 29px;
  5886.     width: 28px;
  5887.     padding-top: 3px;
  5888. }
  5889. .turkey-add-action {
  5890.     position: relative;
  5891.     cursor: pointer;
  5892.     height: 25px;
  5893.     width: 28px;
  5894.     margin: 2px 0 0;
  5895.     overflow: hidden;
  5896.     user-select: none;
  5897.     -moz-user-select: none;
  5898.     -webkit-user-select: none;
  5899. }
  5900. .max-turkeys input.turkey-file-input { display: none }
  5901. .turkey-add-action .turkey {
  5902.     position: absolute;
  5903.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) 0 -150px no-repeat;
  5904.     height: 14px;
  5905.     width: 17px;
  5906.     top: 4px;
  5907.     left: 6px;
  5908.     cursor: pointer;
  5909.     overflow: hidden;
  5910. }
  5911. .turkey-add-action:hover .turkey,
  5912. .turkey-add-action.button-active .turkey { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) 0 -165px no-repeat }
  5913. .turkey-add-action.has-turkeys .turkey { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) 0 -180px no-repeat }
  5914. .turkey-add-action.button-active {
  5915.     background-color: #ddd;
  5916.     -webkit-border-radius: 4px 4px 0 0;
  5917.     -moz-border-radius: 4px 4px 0 0;
  5918.     border-radius: 4px 4px 0 0;
  5919. }
  5920. .turkey-file-input {
  5921.     position: absolute;
  5922.     top: 0;
  5923.     right: 0;
  5924.     height: 100%;
  5925.     opacity: .0;
  5926.     filter: alpha(opacity=0);
  5927.     font-size: 50px;
  5928.     z-index: 10;
  5929.     cursor: pointer;
  5930. }
  5931. .turkey-add-action .swf {
  5932.     position: absolute;
  5933.     top: 0;
  5934.     left: 0;
  5935.     z-index: 15;
  5936. }
  5937. .turkey-selected-files,
  5938. .turkey-post-target { display: none }
  5939. .tweet-thumbnail-wrapper {
  5940.     position: relative;
  5941.     clear: both;
  5942. }
  5943. .tweet-thumbnail-container {
  5944.     margin-top: -5px;
  5945.     padding-bottom: 1px;
  5946.     padding-top: 9px;
  5947.     overflow: hidden;
  5948.     position: relative;
  5949. }
  5950. .thumbnail-divot-border {
  5951.     border-color: transparent transparent #bbb transparent;
  5952.     border-style: solid;
  5953.     border-width: 9px;
  5954.     height: 0;
  5955.     width: 0;
  5956.     position: absolute;
  5957.     top: -8px;
  5958.     left: 10px;
  5959. }
  5960. .thumbnail-divot {
  5961.     border-color: transparent transparent #ddd transparent;
  5962.     border-style: solid;
  5963.     border-width: 9px;
  5964.     height: 0;
  5965.     width: 0;
  5966.     position: absolute;
  5967.     top: -6px;
  5968.     left: 10px;
  5969. }
  5970. .thumbnails {
  5971.     background: #ddd;
  5972.     float: left;
  5973.     border: 1px solid #bbb;
  5974.     padding: 8px;
  5975.     -moz-border-radius: 5px;
  5976.     -webkit-border-radius: 5px;
  5977.     border-radius: 5px;
  5978.     -moz-box-shadow: 0 1px 0 #fff,inset 0 1px #ccc;
  5979.     -webkit-box-shadow: 0 1px 0 #fff,inset 0 1px #ccc;
  5980.     box-shadow: 0 1px 0 #fff,inset 0 1px #ccc;
  5981. }
  5982. .upload-thumbnail {
  5983.     width: 48px;
  5984.     height: 48px;
  5985.     background: #111;
  5986.     float: left;
  5987.     margin-right: 2px;
  5988.     position: relative;
  5989.     overflow: hidden;
  5990. }
  5991. .upload-file a.thumbnail-close {
  5992.     display: block;
  5993.     position: absolute;
  5994.     right: 0;
  5995.     top: 0;
  5996.     height: 13px;
  5997.     width: 13px;
  5998.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -210px;
  5999.     z-index: 1;
  6000.     overflow: hidden;
  6001. }
  6002. .upload-file a.thumbnail-close:hover { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -224px }
  6003. .upload-file a.thumbnail-close:active { background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -238px }
  6004. .upload-file a.thumbnail-close:focus { outline: none }
  6005. .upload-file img {
  6006.     position: absolute;
  6007.     z-index: 0;
  6008. }
  6009. .upload-filename {
  6010.     position: relative;
  6011.     width: 240px;
  6012.     height: 25px;
  6013.     margin-bottom: 2px;
  6014.     background: #d6d6d6;
  6015. }
  6016. .upload-filename span {
  6017.     display: inline-block;
  6018.     width: 210px;
  6019.     margin-left: 10px;
  6020.     line-height: 25px;
  6021.     height: 25px;
  6022.     overflow: hidden;
  6023.     text-overflow: ellipsis;
  6024.     overflow: hidden;
  6025. }
  6026. .upload-filename a.thumbnail-close {
  6027.     top: 6px;
  6028.     right: 6px;
  6029. }
  6030. .turkey-tipsy,
  6031. .turkey-tipsy .tipsy-inner,
  6032. .turkey-tipsy .tipsy-inner .tooltip { max-width: 400px!important }
  6033. .turkey-icon {
  6034.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -504px;
  6035.     width: 16px;
  6036.     height: 16px;
  6037.     display: inline-block;
  6038.     position: relative;
  6039.     top: 4px;
  6040.     margin: 0 4px;
  6041. }
  6042. .tweet-box .geo-control a.geo-location { outline: none }
  6043. .tweet-box a.geo-location:hover,
  6044. .tweet-box a.geo:hover {
  6045.     text-decoration: none;
  6046.     text-shadow: none;
  6047. }
  6048. .tweet-box .geo-control .geo-icon {
  6049.     cursor: pointer;
  6050.     background: url(../img/temp_phoenix/sprite-icons.png) no-repeat 0 -112px;
  6051.     height: 18px;
  6052.     width: 18px;
  6053.     display: inline-block;
  6054.     vertical-align: top;
  6055. }
  6056. .tweet-box .geo-control .geo-icon-on { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -19px -112px }
  6057. .tweet-box .geo-control .geo-icon-ok { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -38px -112px }
  6058. .tweet-box .geo-control .geo-text {
  6059.     cursor: pointer;
  6060.     display: inline-block;
  6061.     line-height: 20px;
  6062.     vertical-align: top;
  6063.     color: #999;
  6064.     white-space: nowrap;
  6065.     text-overflow: ellipsis;
  6066.     overflow: hidden;
  6067.     text-align: left;
  6068. }
  6069. body.mozilla .tweet-box .geo-control .geo-text { margin-top: -1px }
  6070. .tweet-box .geo-control:hover .geo-text { color: #2eb7e5 }
  6071. .tweet-box .geo-control .geo-dropdown-icon {
  6072.     cursor: pointer;
  6073.     display: inline-block;
  6074.     visibility: hidden;
  6075.     width: 9px;
  6076.     height: 7px;
  6077.     margin: 7px 0 0 2px;
  6078.     vertical-align: top;
  6079. }
  6080. .tweet-box .geo-control:hover .geo-dropdown-icon { background: url(../img/temp_phoenix/sprite-icons.png) -96px -112px }
  6081. .geo-location-dropdown {
  6082.     position: absolute;
  6083.     z-index: 10;
  6084.     margin-top: 1px;
  6085.     margin-left: -8px;
  6086.     text-align: left;
  6087.     *width: 300px;
  6088. }
  6089. .geo-location-dropdown-divot {
  6090.     position: relative;
  6091.     top: 1px;
  6092.     left: 5px;
  6093.     background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -80px -112px;
  6094.     margin-left: 4px;
  6095.     width: 13px;
  6096.     height: 7px;
  6097.     z-index: 11;
  6098. }
  6099. .geo-location-dropdown ul.geo {
  6100.     border: 1px solid #aaa;
  6101.     background: #fff;
  6102.     -moz-border-radius: 4px;
  6103.     -webkit-border-radius: 4px;
  6104.     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  6105.     border-radius: 4px;
  6106.     *overflow-x: hidden;
  6107. }
  6108. .geo-location-dropdown li.query-location,
  6109. .geo-location-dropdown li.focusable {
  6110.     text-align: left;
  6111.     background: #FFF;
  6112.     list-style: none outside none;
  6113.     white-space: nowrap;
  6114.     margin: 0;
  6115.     min-width: 280px;
  6116.     *min-width: auto;
  6117. }
  6118. .geo-location-dropdown li.focusable { cursor: pointer }
  6119. .geo-location-dropdown li.focusable a.geo {
  6120.     color: #666;
  6121.     outline: none;
  6122.     text-decoration: none;
  6123.     font-size: 12px;
  6124. }
  6125. .geo-location-dropdown li.focused a.geo {
  6126.     background: #999;
  6127.     color: #fff;
  6128. }
  6129. .geo-location-dropdown li a.geo {
  6130.     display: block;
  6131.     padding: 2px 10px 2px 25px;
  6132. }
  6133. .geo-location-dropdown .query-location-container {
  6134.     position: relative;
  6135.     padding-right: 36px;
  6136. }
  6137. .tweet-box input[type="text"].query-location-input:focus {
  6138.     outline: none;
  6139.     border-color: rgba(82,168,236,.75)!important;
  6140.     box-shadow: 0 0 8px rgba(82,168,236,.5);
  6141.     -moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
  6142.     -webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
  6143. }
  6144. div.geo-location-dropdown input.query-location-input {
  6145.     -moz-border-radius: 4px;
  6146.     -webkit-border-radius: 4px;
  6147.     border-radius: 4px;
  6148.     -moz-box-shadow: none;
  6149.     -webkit-box-shadow: none;
  6150.     box-shadow: none;
  6151.     background: none repeat scroll 0 0 #f5f5f5;
  6152.     border: 1px solid #ccc!important;
  6153.     color: #404040;
  6154.     font: 13px Arial,sans-serif;
  6155.     padding: 8px 1px 7px 24px;
  6156.     display: block;
  6157.     margin: 4px 5px;
  6158.     width: 100%;
  6159. }
  6160. .geo-location-dropdown .help-text {
  6161.     position: absolute;
  6162.     top: 6px;
  6163.     left: 31px;
  6164.     color: #999;
  6165.     z-index: 13;
  6166.     font-size: 12px;
  6167.     *top: 8px;
  6168. }
  6169. .geo-location-dropdown .glass {
  6170.     display: inline-block;
  6171.     position: absolute;
  6172.     left: 13px;
  6173.     top: 10px;
  6174.     cursor: pointer;
  6175.     background: url(../img/temp_phoenix/sprite-icons.png) -224px -80px;
  6176.     width: 12px;
  6177.     height: 12px;
  6178.     *top: 11px;
  6179. }
  6180. .geo-location-dropdown-searching .query-location .glass {
  6181.     left: 12px;
  6182.     top: 9px;
  6183.     width: 15px;
  6184.     height: 14px;
  6185.     background: url(../img/temp_phoenix/spinner-small.gif);
  6186. }
  6187. .geo-location-dropdown .location-error {
  6188.     margin: 8px 10px 8px 31px;
  6189.     font-style: italic;
  6190.     font-size: 12px;
  6191.     text-color: #777;
  6192. }
  6193. .geo-location-dropdown li.geo-turn-off a.geo { padding: 4px 20px 5px 13px }
  6194. .geo-location-dropdown li.geo-turn-off { margin: 3px 0 4px 0 }
  6195. .geo-location-dropdown li.separator-below {
  6196.     padding-bottom: 7px;
  6197.     border-bottom: 1px solid #CCC;
  6198. }
  6199. .geo-location-dropdown li.override-location a.geo { padding: 2px 20px 3px 12px }
  6200. .geo-location-dropdown .menu-item-icon {
  6201.     background: transparent;
  6202.     display: inline-block;
  6203.     height: 9px;
  6204.     margin: 6px 5px 3px 0;
  6205.     vertical-align: top;
  6206.     width: 10px;
  6207.     *margin-top: 4px;
  6208. }
  6209. .geo-location-dropdown .geo-turn-off-icon {
  6210.     background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -80px -128px;
  6211.     display: inline-block;
  6212.     height: 10px;
  6213.     margin: 5px 5px 3px 0;
  6214.     vertical-align: top;
  6215.     width: 10px;
  6216.     *margin-top: 3px;
  6217. }
  6218. .geo-location-dropdown li.focused .geo-turn-off-icon { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -96px -128px }
  6219. .geo-location-dropdown li.checked-item .menu-item-icon { background: url(../img/temp_phoenix/sprite-icons.png) no-repeat -160px -16px }
  6220. .geo-location-dropdown li.checked-item a.geo { color: #404040 }
  6221. .geo-location-dropdown li.padding-above { margin-top: 7px }
  6222. .tweet_geo_small {
  6223.     padding: 0 60px 20px 60px;
  6224.     overflow: hidden;
  6225.     background-color: #fff;
  6226. }
  6227. .expanded-content .tweet_geo_small { padding: 0 }
  6228. .tweet-geo-text {
  6229.     font-size: 12px;
  6230.     color: #999;
  6231. }
  6232. .mentioned-in-tweet .tweet_geo_small { padding: 10px 0 }
  6233. .map_canvas.notransform,
  6234. .map_canvas.notransform * { -webkit-transform: none!important }
  6235. .tweet_geo_small .map_canvas {
  6236.     width: 320px;
  6237.     height: 140px;
  6238.     cursor: pointer;
  6239.     float: left;
  6240.     -moz-border-radius: 6px;
  6241.     -webkit-border-radius: 6px;
  6242.     border-radius: 6px;
  6243. }
  6244. .expanded-content .tweet_geo_small .map_canvas {
  6245.     width: 260px;
  6246.     height: 130px;
  6247. }
  6248. .tweet_geo_small .geo_map_place_details {
  6249.     float: left;
  6250.     max-width: 160px;
  6251.     padding-left: 10px;
  6252.     font-size: 12px;
  6253.     color: #777;
  6254.     line-height: 1.35em;
  6255. }
  6256. .tweet_geo_small .geo_map_place_name {
  6257.     color: #333;
  6258.     font-size: 13px;
  6259.     line-height: 1.35em;
  6260. }
  6261. #banners { width: auto }
  6262. .banner-outer {
  6263.     width: 100%;
  6264.     display: block;
  6265.     top: 0;
  6266.     left: 0;
  6267.     z-index: 3;
  6268.     background-color: #FFF2CC;
  6269.     color: #333;
  6270. }
  6271. .banner-outer.banner-border { border-top: 1px solid #CCC }
  6272. .banner-outer.warning { background-color: #FCC }
  6273. .banner {
  6274.     margin: 0 auto;
  6275.     width: 864px;
  6276.     font-size: 13px;
  6277. }
  6278. .banner-inside a.pane-close {
  6279.     float: right;
  6280.     vertical-align: top;
  6281.     color: #333!important;
  6282. }
  6283. .banner-inside a.pane-close span {
  6284.     padding-left: 1px;
  6285.     padding-right: 1px;
  6286.     font-size: 16px;
  6287.     color: #666;
  6288.     display: inline-block;
  6289.     margin-top: -3px;
  6290. }
  6291. .banner-inside a.pane-close:hover { text-decoration: none }
  6292. .welcome-banner-inside a.pane-close span { color: #FFF }
  6293. .became-user-banner-inside,
  6294. .became-user-banner-outer { background-color: #FFF }
  6295. .banner-inside .first-banner-row .title { font-weight: bold }
  6296. .welcome-banner-outer {
  6297.     background: #008DB8;
  6298.     background: -webkit-gradient(linear,left top,left bottom,from(#00A0D1),to(#008DB8));
  6299.     background: -moz-linear-gradient(top,#00A0D1,#008DB8);
  6300.     background: transparent\9;
  6301.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0D1',endColorstr='#008DB8');
  6302.     color: #FFF;
  6303.     font-size: 13px;
  6304.     font-weight: bold;
  6305.     text-shadow: -1px -1px 0 #00799E;
  6306. }
  6307. .welcome-banner-inside,
  6308. .banner-inside { padding: 8px 0 }
  6309. .banner-inside a { color: #2276BB!important }
  6310. .welcome-banner-inside a { color: #B2EBFF!important }
  6311. .welcome-banner-outer .pane-close,
  6312. .banner-outer .pane-close {
  6313.     float: right;
  6314.     display: inline-block;
  6315.     margin-right: 18px;
  6316.     color: #FFF;
  6317.     font-size: 13px;
  6318.     line-height: 17px;
  6319.     font-weight: bold;
  6320.     margin-top: 0;
  6321. }
  6322. .welcome-banner-outer .pane-close:hover {
  6323.     text-decoration: none;
  6324.     color: #fff!important;
  6325. }
  6326. #banners form.turn-phx-off-form { display: inline }
  6327. #banners form.turn-phx-off-form button.turn-phx-off-button {
  6328.     background: none repeat scroll 0 0 transparent;
  6329.     color: #B2EBFF!important;
  6330.     text-shadow: -1px -1px 0 #00799E;
  6331.     font-family: 'Helvetica Neue',Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
  6332.     font-size: 13px;
  6333.     font-weight: bold;
  6334.     border: 0;
  6335. }
  6336. #banners form.turn-phx-off-form button::-moz-focus-inner {
  6337.     border: 0;
  6338.     padding: 0;
  6339. }
  6340. #banners form.turn-phx-off-form button.turn-phx-off-button:hover {
  6341.     cursor: pointer;
  6342.     text-decoration: underline;
  6343. }
  6344. .thumbnail-viewer {
  6345.     position: relative;
  6346.     padding: 0 20px;
  6347.     margin: 0 -20px;
  6348. }
  6349. .thumbnail-viewer-container {
  6350.     height: 83px;
  6351.     width: 340px;
  6352.     overflow: hidden;
  6353.     position: relative;
  6354. }
  6355. .thumbnail-viewer-container a div.thumbnail-wrapper,
  6356. .the-grid a div.thumbnail-wrapper {
  6357.     -webkit-transition-property: opacity;
  6358.     -webkit-transition-duration: .15s;
  6359.     -moz-transition-property: opacity;
  6360.     -moz-transition-duration: .15s;
  6361.     opacity: .75;
  6362.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  6363.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  6364. }
  6365. .the-grid a div.thumbnail-wrapper { opacity: .8 }
  6366. .thumbnail-viewer-container a:hover div.thumbnail-wrapper,
  6367. .the-grid a:hover div.thumbnail-wrapper {
  6368.     opacity: 1.0;
  6369.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  6370.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  6371. }
  6372. .thumbnail-viewer-container img {
  6373.     position: relative;
  6374.     filter: inherit!important;
  6375.     -ms-filter: inherit!important;
  6376. }
  6377. .thumbnail-viewer-images {
  6378.     position: absolute;
  6379.     height: 100%;
  6380. }
  6381. .thumbnail-image-wrapper {
  6382.     float: left;
  6383.     background-color: #000;
  6384.     margin-right: 4px;
  6385.     position: relative;
  6386.     overflow: hidden;
  6387. }
  6388. .thumbnail-viewer-nav {
  6389.     position: absolute;
  6390.     height: 100%;
  6391.     width: 20px;
  6392.     top: 0;
  6393. }
  6394. .thumbnail-viewer-prev { left: 0 }
  6395. .thumbnail-viewer-next { right: 0 }
  6396. .thumbnail-viewer-button {
  6397.     position: absolute;
  6398.     display: inline-block;
  6399.     background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
  6400.     background-repeat: no-repeat;
  6401.     height: 12px;
  6402.     width: 8px;
  6403.     overflow: hidden;
  6404.     top: 50%;
  6405.     margin-top: -6px;
  6406.     filter: inherit;
  6407. }
  6408. .thumbnail-viewer-back-button {
  6409.     background-position: 0 -252px;
  6410.     margin-left: 7px;
  6411.     opacity: .6;
  6412. }
  6413. .thumbnail-viewer-next-button {
  6414.     background-position: 0 -265px;
  6415.     margin-left: 5px;
  6416.     opacity: .6;
  6417. }
  6418. .thumbnail-viewer-prev.disabled,
  6419. .thumbnail-viewer-next.disabled {
  6420.     cursor: default;
  6421.     display: none;
  6422. }
  6423. a:hover .thumbnail-viewer-prev .thumbnail-viewer-back-button {
  6424.     background-position: 0 -252px;
  6425.     opacity: 1;
  6426. }
  6427. a:hover .thumbnail-viewer-next .thumbnail-viewer-next-button {
  6428.     background-position: 0 -265px;
  6429.     opacity: 1;
  6430. }
  6431. .media-thumbnail-active .thumbnail-active-border,
  6432. .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner {
  6433.     position: absolute;
  6434.     top: 0;
  6435.     left: 0;
  6436.     right: 0;
  6437.     bottom: 0;
  6438. }
  6439. .media-thumbnail .media-play-button {
  6440.     display: none;
  6441.     position: absolute;
  6442.     background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
  6443.     background-repeat: no-repeat;
  6444.     background-position: 0 -436px;
  6445.     height: 15px;
  6446.     width: 20px;
  6447.     bottom: 4px;
  6448.     right: 4px;
  6449. }
  6450. .media-thumbnail.video .media-play-button { display: block }
  6451. .media-slideshow-thumbnails .thumbnail-viewer-back-button {
  6452.     background-position: 0 -278px;
  6453.     margin-left: 7px;
  6454. }
  6455. .media-slideshow-thumbnails .thumbnail-viewer-next-button {
  6456.     background-position: 0 -291px;
  6457.     margin-left: 5px;
  6458. }
  6459. .media-slideshow-thumbnails .thumbnail-viewer-prev.disabled,
  6460. .thumbnail-viewer-next.disabled {
  6461.     cursor: default;
  6462.     display: none;
  6463. }
  6464. .media-slideshow-thumbnails a:hover .thumbnail-viewer-prev .thumbnail-viewer-back-button { background-position: 0 -278px }
  6465. .media-slideshow-thumbnails a:hover .thumbnail-viewer-next .thumbnail-viewer-next-button { background-position: 0 -291px }
  6466. .details-pane .thumbnail-viewer-container {
  6467.     height: 48px;
  6468.     width: 100%;
  6469. }
  6470. body.has-media-gallery {
  6471.     background: #1a1a1a!important;
  6472.     background-image: none!important;
  6473. }
  6474. body.has-media-gallery #page-outer { min-width: 720px }
  6475. .media-gallery-overlay {
  6476.     position: absolute;
  6477.     background-color: #1a1a1a;
  6478.     top: 0;
  6479.     bottom: 0;
  6480.     right: 0;
  6481.     left: 0;
  6482.     z-index: 1001;
  6483. }
  6484. .media-gallery-content {
  6485.     position: relative;
  6486.     margin: 0 auto;
  6487.     padding: 0 40px;
  6488.     min-width: 640px;
  6489.     max-width: 1024px;
  6490. }
  6491. .media-gallery-content.grid {
  6492.     max-width: 1024px;
  6493.     min-width: 640px;
  6494. }
  6495. .media-gallery-loading {
  6496.     display: none;
  6497.     background-image: url(../img/spinner-small.gif);
  6498.     height: 14px;
  6499.     width: 14px;
  6500.     position: relative;
  6501. }
  6502. .media-gallery-content.loading .media-gallery-loading,
  6503. .media-gallery-content.loadingTweet .media-gallery-loading,
  6504. .media-gallery-content.loadingMedia .media-gallery-loading { display: inline-block }
  6505. .the-grid {
  6506.     position: relative;
  6507.     margin: 0 auto;
  6508. }
  6509. .media-gallery-no-results {
  6510.     color: #999!important;
  6511.     font-size: 16px;
  6512.     margin-top: 40px;
  6513. }
  6514. .the-grid .grid-bottom { clear: both }
  6515. .the-grid .grid-square {
  6516.     float: left;
  6517.     margin-right: 10px;
  6518.     margin-bottom: 10px;
  6519.     background-position: center;
  6520.     background-color: black;
  6521.     background-repeat: no-repeat;
  6522.     text-align: center;
  6523.     position: relative;
  6524.     overflow: hidden;
  6525. }
  6526. .media-gallery-controls,
  6527. .media-gallery-controls a { color: #999 }
  6528. .media-gallery-controls a.controls-profile-link {
  6529.     color: #999;
  6530.     text-decoration: none;
  6531. }
  6532. .media-gallery-controls {
  6533.     height: 75px;
  6534.     position: relative;
  6535. }
  6536. a.media-gallery-mode-inactive { color: #333!important }
  6537. .media-gallery-back-nav {
  6538.     position: absolute;
  6539.     font-size: 14px;
  6540.     color: #555;
  6541.     line-height: 20px;
  6542.     top: 10px;
  6543.     left: 0;
  6544. }
  6545. .media-gallery-back-nav:hover {
  6546.     text-decoration: underline;
  6547.     cursor: pointer;
  6548. }
  6549. .media-gallery-title {
  6550.     font-size: 20px;
  6551.     line-height: 20px;
  6552.     top: 40px;
  6553.     position: absolute;
  6554.     left: 0;
  6555. }
  6556. .media-gallery-title em.at { color: #444 }
  6557. .media-gallery-bird {
  6558.     position: relative;
  6559.     display: inline-block;
  6560.     height: 20px;
  6561.     width: 30px;
  6562.     background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
  6563.     background-repeat: no-repeat;
  6564.     vertical-align: bottom;
  6565. }
  6566. .media-gallery-buttons {
  6567.     position: absolute;
  6568.     line-height: 19px;
  6569.     bottom: 10px;
  6570.     right: 0;
  6571. }
  6572. .scaled-image { display: block }
  6573. .media-gallery-content .media-slideshow-thumbnails .component { margin-bottom: 2px }
  6574. .media-gallery-content .thumbnail-viewer-container {
  6575.     height: 48px;
  6576.     width: 100%;
  6577.     overflow: hidden;
  6578.     position: relative;
  6579. }
  6580. .media-thumbnail-active .thumbnail-active-border {
  6581.     top: 0;
  6582.     left: 0;
  6583.     right: 0;
  6584.     bottom: 0;
  6585. }
  6586. .media-gallery-content .media-thumbnail-active .thumbnail-active-border { border: 1px solid #333 }
  6587. .media-gallery-content .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner { border: 2px solid #fff }
  6588. .media-gallery-content .media-slideshow-pictures { position: relative }
  6589. .media-gallery-content .media-slideshow-picture {
  6590.     position: relative;
  6591.     height: 100%;
  6592.     width: 100%;
  6593. }
  6594. .media-attribution-and-flag {
  6595.     min-width: 260px;
  6596.     position: relative;
  6597. }
  6598. .media-slideshow-media-container .media-attribution-and-flag { opacity: .3 }
  6599. .media-slideshow-media-container:hover .media-attribution-and-flag { opacity: 1 }
  6600. .media-slideshow-media-container.not-found *,
  6601. .media-slideshow-media-container .media-slideshow-not-found { display: none }
  6602. .media-slideshow-media-container.not-found .media-slideshow-not-found { display: block }
  6603. .media-attribution-and-flag .media-attribution {
  6604.     position: absolute;
  6605.     left: 0;
  6606. }
  6607. .media-attribution-and-flag .flag-container {
  6608.     position: absolute;
  6609.     right: 0;
  6610.     font-size: 11px;
  6611.     color: #999;
  6612.     font-weight: normal;
  6613.     margin-top: 0;
  6614. }
  6615. .media-attribution-and-flag .flag-container a {
  6616.     color: #999!important;
  6617.     cursor: pointer;
  6618. }
  6619. .media-slideshow-media-container {
  6620.     position: relative;
  6621.     margin: 0 auto;
  6622.     line-height: 1.5;
  6623. }
  6624. .thumbnail-viewer .video-icon {
  6625.     width: 20px;
  6626.     height: 15px;
  6627.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat scroll 0 -436px transparent;
  6628.     position: absolute;
  6629.     right: 0;
  6630.     bottom: 2px;
  6631. }
  6632. a.media-thumbnail {
  6633.     outline: none;
  6634.     display: inline-block;
  6635. }
  6636. .tweet-media .media-slideshow-thumbnails {
  6637.     position: relative;
  6638.     width: 530px;
  6639.     height: 33px;
  6640.     margin-bottom: 1px;
  6641. }
  6642. .tweet-media .thumbnail-viewer-container {
  6643.     position: relative;
  6644.     height: 33px;
  6645.     width: 494px;
  6646. }
  6647. .tweet-media .media-thumbnail-active .thumbnail-active-border { border: 1px solid #a9a9a9 }
  6648. .tweet-media .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner { border: 2px solid #fff }
  6649. .tweet-media .thumbnail-viewer-nav { height: 33px }
  6650. .tweet-media .thumbnail-viewer-button { margin: 11px 0 }
  6651. .tweet-media .media-slideshow-pictures {
  6652.     position: relative;
  6653.     width: 530px;
  6654.     background: #000;
  6655. }
  6656. .tweet-media .media-slideshow-picture {
  6657.     position: relative;
  6658.     height: 100%;
  6659.     width: 100%;
  6660. }
  6661. .media-slideshow-picture iframe { border: 0 }
  6662. .route-bigPhotoPermalink .topbar { display: none }
  6663. .big-photo-permalink .tweet .tweet-screen-name {
  6664.     font-weight: bold;
  6665.     color: #333;
  6666. }
  6667. .big-photo-permalink .tweet .tweet-timestamp,
  6668. .big-photo-permalink .tweet .tweet-full-name { color: #555 }
  6669. .big-photo-permalink .tweet .tweet-text,
  6670. .big-photo-permalink .tweet .tweet-text a { color: #999 }
  6671. .big-photo-permalink .tweet:hover .user-profile-link,
  6672. .big-photo-permalink .tweet:hover .tweet-timestamp,
  6673. .big-photo-permalink .tweet:hover .tweet-text a { color: #eee }
  6674. .toggle-set {
  6675.     position: relative;
  6676.     top: 5px;
  6677.     height: 18px;
  6678.     background: #555;
  6679.     overflow: hidden;
  6680.     -moz-border-radius: 2px;
  6681.     -webkit-border-radius: 2px;
  6682.     border-radius: 2px;
  6683.     border: solid 1px #000;
  6684.     display: inline-block;
  6685.     overflow: hidden;
  6686.     padding: 0;
  6687.     margin: 0;
  6688. }
  6689. .toggle-set.fadeback { opacity: .5 }
  6690. .toggle-button {
  6691.     height: 14px;
  6692.     padding: 2px;
  6693.     float: left;
  6694.     background: #777;
  6695.     background: -moz-linear-gradient(100% 100% 90deg,#666,#999);
  6696.     background: -webkit-gradient(linear,0% 0,0% 100%,from(#999),to(#666));
  6697.     cursor: pointer;
  6698. }
  6699. .toggle-button:hover {
  6700.     -moz-box-shadow: inset 0 1px #c8c8c8;
  6701.     -webkit-box-shadow: inset 0 1px #c8c8c8;
  6702.     box-shadow: inset 0 1px #c8c8c8;
  6703.     background: #999;
  6704.     background: -moz-linear-gradient(100% 100% 90deg,#828282,#bdbdbd);
  6705.     background: -webkit-gradient(linear,0% 0,0% 100%,from(#bdbdbd),to(#828282));
  6706. }
  6707. .toggle-button:active {
  6708.     -moz-box-shadow: inset 0 1px #555;
  6709.     -webkit-box-shadow: inset 0 1px #555;
  6710.     box-shadow: inset 0 1px #555;
  6711.     background: #555;
  6712. }
  6713. .toggle-button.selected {
  6714.     background: #555;
  6715.     cursor: default;
  6716.     -moz-box-shadow: inset 0 1px #4c4c4c;
  6717.     -webkit-box-shadow: inset 0 1px #4c4c4c;
  6718.     box-shadow: inset 0 1px #4c4c4c;
  6719. }
  6720. .toggle-button.detailview {
  6721.     -webkit-border-top-left-radius: 2px;
  6722.     -webkit-border-bottom-left-radius: 2px;
  6723.     -moz-border-radius-topleft: 2px;
  6724.     -moz-border-radius-bottomleft: 2px;
  6725.     border-top-left-radius: 2px;
  6726.     border-bottom-left-radius: 2px;
  6727. }
  6728. .toggle-button.gridview {
  6729.     -webkit-border-top-right-radius: 2px;
  6730.     -webkit-border-bottom-right-radius: 2px;
  6731.     -moz-border-radius-topright: 2px;
  6732.     -moz-border-radius-bottomright: 2px;
  6733.     border-top-right-radius: 2px;
  6734.     border-bottom-right-radius: 2px;
  6735. }
  6736. .detailview span {
  6737.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -465px;
  6738.     display: inline-block;
  6739.     width: 13px;
  6740.     height: 13px;
  6741.     margin-bottom: 0;
  6742. }
  6743. .detailview.selected span {
  6744.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -452px;
  6745.     display: inline-block;
  6746.     width: 13px;
  6747.     height: 13px;
  6748.     margin-bottom: 0;
  6749. }
  6750. .gridview span {
  6751.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -491px;
  6752.     display: inline-block;
  6753.     width: 13px;
  6754.     height: 13px;
  6755.     margin-bottom: 0;
  6756. }
  6757. .gridview.selected span {
  6758.     background: url(../img/temp_phoenix/sprite_icons-contentfe.png) no-repeat 0 -478px;
  6759.     display: inline-block;
  6760.     width: 13px;
  6761.     height: 13px;
  6762.     margin-bottom: 0;
  6763. }
  6764. .toggle-set .divider {
  6765.     float: left;
  6766.     width: 1px;
  6767.     height: 18px;
  6768.     background: #333;
  6769.     background: -moz-linear-gradient(100% 100% 90deg,#555,#000);
  6770.     background: -webkit-gradient(linear,0% 0,0% 100%,from(#000),to(#555));
  6771. }
  6772. .media-slideshow-wrapper {
  6773.     position: relative;
  6774.     width: 100%;
  6775. }
  6776. .media-slideshow-wrapper .media-slideshow-thumbnail {
  6777.     position: relative;
  6778.     float: left;
  6779.     margin-right: 2px;
  6780. }
  6781. .media-slideshow-wrapper .thumbnail-viewer {
  6782.     background: #101010;
  6783.     padding: 10px 20px;
  6784.     margin: 10px -20px 10px -20px;
  6785.     border-radius: 4px;
  6786.     -moz-border-radius: 4px;
  6787.     -webkit-border-radius: 4px;
  6788. }
  6789. .media-slideshow-wrapper .media-slideshow-thumbnail .thumbnail-image {
  6790.     position: absolute;
  6791.     overflow: hidden;
  6792.     z-index: 1;
  6793. }
  6794. .media-slideshow-wrapper .media-slideshow-thumbnail .active-overlay {
  6795.     display: none;
  6796.     position: absolute;
  6797.     top: 0;
  6798.     left: 0;
  6799.     right: 0;
  6800.     bottom: 0;
  6801.     border: 1px solid #a9a9a9;
  6802.     z-index: 2;
  6803. }
  6804. .media-slideshow-wrapper .media-slideshow-thumbnail.media-thumbnail-active .active-overlay { display: block }
  6805. .media-slideshow-wrapper .media-slideshow-thumbnail .active-overlay-inner {
  6806.     position: absolute;
  6807.     top: 0;
  6808.     left: 0;
  6809.     right: 0;
  6810.     bottom: 0;
  6811.     border: 2px solid #fff;
  6812. }
  6813. .media-slideshow-wrapper .media-slideshow-pictures {
  6814.     overflow: hidden;
  6815.     position: relative;
  6816.     -webkit-user-select: none;
  6817.     -moz-user-select: none;
  6818.     user-select: none;
  6819. }
  6820. .media-slideshow-wrapper .media-control-button {
  6821.     position: absolute;
  6822.     height: 75px;
  6823.     width: 75px;
  6824.     margin-top: -37px;
  6825.     top: 50%;
  6826.     z-index: 5;
  6827.     background: #1a1a1a;
  6828.     cursor: pointer;
  6829.     display: none;
  6830. }
  6831. .media-slideshow-wrapper .media-control-button:hover {
  6832.     opacity: 1!important;
  6833.     filter: alpha(opacity=100)!important;
  6834. }
  6835. .media-slideshow-wrapper .media-control-button.enabled { display: block }
  6836. .media-slideshow-wrapper .media-control-button .media-control-button-arrow {
  6837.     position: relative;
  6838.     height: 32px;
  6839.     width: 16px;
  6840.     margin: 21px 29px 22px 30px;
  6841.     background-image: url(../img/temp_phoenix/sprite_icons-contentfe.png);
  6842.     background-repeat: no-repeat;
  6843. }
  6844. .media-slideshow-wrapper .media-control-button.prev {
  6845.     left: 0;
  6846.     border-radius: 0 5px 5px 0;
  6847.     -moz-border-radius: 0 5px 5px 0;
  6848.     -webkit-border-radius: 0 5px 5px 0;
  6849. }
  6850. .media-slideshow-wrapper .media-control-button.next {
  6851.     right: 0;
  6852.     border-radius: 5px 0 0 5px;
  6853.     -moz-border-radius: 5px 0 0 5px;
  6854.     -webkit-border-radius: 5px 0 0 5px;
  6855. }
  6856. .media-slideshow-wrapper .media-control-button.prev.enabled .media-control-button-arrow { background-position: 0 -370px }
  6857. .media-slideshow-wrapper .media-control-button.next.enabled .media-control-button-arrow { background-position: 0 -403px }
  6858. .media-slideshow-wrapper .media-slideshow-picture {
  6859.     position: relative;
  6860.     height: 100%;
  6861.     width: 100%;
  6862.     vertical-align: middle;
  6863.     margin-bottom: 30px;
  6864.     z-index: 1;
  6865. }
  6866. .media-slideshow-wrapper .media-slideshow-picture.video { z-index: 5 }
  6867. .media-slideshow-wrapper .media-slideshow-video {
  6868.     position: relative;
  6869.     display: inline-block;
  6870. }
  6871. .media-gallery-content .media-slideshow-picture.video .media-instance-container { height: 100% }
  6872. .media-slideshow-not-found {
  6873.     color: #777!important;
  6874.     font-size: 16px;
  6875.     line-height: 1.5;
  6876. }
  6877. .media-slideshow-not-found a { color: #0084b4!important }
  6878. .media-slideshow-wrapper .media-slideshow-tweet {
  6879.     padding: 15px 20px;
  6880.     background: #101010;
  6881.     margin: 0 -20px;
  6882.     border-radius: 4px;
  6883.     -moz-border-radius: 4px;
  6884.     -webkit-border-radius: 4px;
  6885. }
  6886. .media-slideshow-wrapper .media-slideshow-tweet.loading * { display: none }
  6887. .media-slideshow-wrapper .slideshow-tweet {
  6888.     position: relative;
  6889.     width: 582px;
  6890.     margin: 0 auto;
  6891.     text-align: left;
  6892.     padding: 0!important;
  6893.     border-bottom-width: 0;
  6894. }
  6895. .media-slideshow-wrapper .slideshow-tweet .avatar {
  6896.     top: 2px;
  6897.     left: 0;
  6898. }
  6899. .media-slideshow-wrapper .slideshow-tweet .actions {
  6900.     top: 0;
  6901.     background: none;
  6902. }
  6903. .media-slideshow-wrapper .media-slideshow-tweet .content { margin-left: 58px }
  6904. .media-slideshow-wrapper .media-slideshow-tweet .details,
  6905. .media-slideshow-wrapper .media-slideshow-tweet .open-tweet { display: none }
  6906. .media-slideshow-wrapper .media-slideshow-tweet .details-tweet { display: inline }
  6907. .media-slideshow-wrapper .media-slideshow-tweet:hover .tweet .actions a { color: #999 }
  6908. .media-slideshow-wrapper .media-slideshow-tweet .tweet .actions .details-tweet:hover { color: #fff }
  6909. .media-slideshow-wrapper .media-slideshow-tweet .tweet-screen-name,
  6910. .big-photo-permalink .tweet .tweet-screen-name { color: #999!important }
  6911. .media-slideshow-wrapper .media-slideshow-tweet .tweet-actions a span b,
  6912. .media-slideshow-wrapper .media-slideshow-tweet .tweet-timestamp,
  6913. .big-photo-permalink .tweet .tweet-timestamp,
  6914. .media-slideshow-wrapper .media-slideshow-tweet .tweet-full-name,
  6915. .big-photo-permalink .tweet .tweet-full-name { color: #555!important }
  6916. .media-slideshow-wrapper .media-slideshow-tweet .tweet-text,
  6917. .big-photo-permalink .tweet .tweet-text,
  6918. .media-slideshow-wrapper .media-slideshow-tweet .tweet-text a,
  6919. .media-slideshow-wrapper .media-slideshow-tweet p,
  6920. .media-slideshow-wrapper .media-slideshow-tweet .fullname,
  6921. .big-photo-permalink .tweet .tweet-text a { color: #999!important }
  6922. .media-slideshow-wrapper .media-slideshow-tweet .dogear,
  6923. .media-slideshow-wrapper .media-slideshow-tweet .time { display: none }
  6924. .media-slideshow-wrapper .media-slideshow-tweet .actions {
  6925.     display: block;
  6926.     filter: alpha(opacity=100);
  6927.     -moz-opacity: 1;
  6928.     opacity: 1;
  6929. }
  6930. .media-slideshow-wrapper .tweet.retweeted .time,
  6931. .media-slideshow-wrapper .tweet.favorited .time,
  6932. .media-slideshow-wrapper .tweet.favorited .actions,
  6933. .media-slideshow-wrapper .tweet.retweeted .actions { margin-right: 0 }
  6934. .media-slideshow-wrapper .media-slideshow-tweet:hover .user-profile-link,
  6935. .big-photo-permalink .tweet:hover .user-profile-link,
  6936. .media-slideshow-wrapper .media-slideshow-tweet:hover .tweet-actions a span b,
  6937. .media-slideshow-wrapper .media-slideshow-tweet:hover .timestamp,
  6938. .big-photo-permalink .tweet:hover .tweet-timestamp,
  6939. .media-slideshow-wrapper .media-slideshow-tweet:hover p a,
  6940. .media-slideshow-wrapper .media-slideshow-tweet:hover .username,
  6941. .big-photo-permalink .tweet:hover .tweet-text a { color: #eee!important }
  6942. .media-slideshow-wrapper .slideshow-tweet .tweet-actions .favorite-action span i { background-position: -48px 0 }
  6943. .media-slideshow-wrapper .slideshow-tweet .tweet-actions .favorite-action:hover span i { background-position: -32px 0 }
  6944. .media-slideshow-wrapper .slideshow-tweet .tweet-actions .unfavorite-action span i,
  6945. .media-slideshow-wrapper .slideshow-tweet .tweet-actions .unretweet-action span i { opacity: .45 }
  6946. .media-slideshow-wrapper .slideshow-tweet .tweet-actions .unretweet-action:hover span i,
  6947. .media-slideshow-wrapper .slideshow-tweet .tweet-actions .unfavorite-action:hover span i { opacity: 1 }
  6948. .big-photo-permalink {
  6949.     margin: 0;
  6950.     padding: 0;
  6951. }
  6952. .big-photo-permalink .tweet {
  6953.     background: black;
  6954.     background: rgba(0,0,0,0.8);
  6955.     position: fixed;
  6956.     bottom: 0;
  6957.     left: 0;
  6958.     text-align: left;
  6959.     width: 100%;
  6960.     z-index: 1;
  6961.     padding: 17px 20px;
  6962. }
  6963. .big-photo-permalink .tweet .actions { display: none }
  6964. .big-photo-permalink img.large {
  6965.     position: absolute;
  6966.     top: 0;
  6967.     left: 0;
  6968. }
  6969. .big-photo-permalink .tweet-content {
  6970.     margin-left: 58px;
  6971.     min-height: 48px;
  6972. }
  6973. .big-photo-permalink .tweet-row {
  6974.     display: block;
  6975.     position: relative;
  6976.     line-height: 15px;
  6977. }
  6978. .big-photo-permalink .tweet-image {
  6979.     position: absolute;
  6980.     height: 48px;
  6981.     overflow: hidden;
  6982.     width: 48px;
  6983.     margin-top: 3px;
  6984. }
  6985. #phx-signup-form.withjs .textbox .holding .holder {
  6986.     display: inline;
  6987.     -webkit-user-select: none;
  6988.     -moz-user-select: none;
  6989.     -o-user-select: none;
  6990.     user-select: none;
  6991. }
  6992. #phx-signup-form div.sidetip {
  6993.     position: absolute;
  6994.     left: 402px;
  6995.     width: 250px;
  6996. }
  6997. #phx-signup-form .textbox div.sidetip { margin-top: 8px }
  6998. #phx-signup-form div.sidetip p {
  6999.     font-size: 13px;
  7000.     line-height: 16px;
  7001.     padding-left: 18px;
  7002.     background-repeat: no-repeat;
  7003.     background-position: center left;
  7004.     color: gray;
  7005.     display: none;
  7006. }
  7007. #phx-signup-form div.sidetip p.active { display: block }
  7008. #phx-signup-form div.sidetip p.error {
  7009.     background-image: url(../../phoenix/img/error.png);
  7010.     color: #C33;
  7011. }
  7012. #phx-signup-form div.sidetip p.isaok {
  7013.     background-image: url(../../phoenix/img/accept.png);
  7014.     color: #390;
  7015. }
  7016. #phx-signup-form div.sidetip p.checking { background-image: url(../../phoenix/img/spinner-small.gif) }
  7017. #phx-signup-form div.sidetip p.tip { padding-left: 0 }
  7018. #phx-signup-form .tos div.sidetip { margin-left: 142px }
  7019. #phx-signup-form .tos div.sidetip p {
  7020.     color: #999;
  7021.     font-size: 11px;
  7022.     line-height: 14px;
  7023. }
  7024. #phx-signup-form .tos div.sidetip p a { color: #69A7D7 }
  7025. #phx-signup-form .tos div.sidetip p a:hover { color: #2D76B9 }
  7026. #phx-signup-form .tos .sidetip p.info,
  7027. #phx-signup-form .password .sidetip p.invalid,
  7028. #phx-signup-form .email .sidetip p.taken {
  7029.     line-height: 16px;
  7030.     position: relative;
  7031.     top: -8px;
  7032. }
  7033. #phx-signup-form .username div.suggestions {
  7034.     display: none;
  7035.     font-size: 13px;
  7036.     color: gray;
  7037.     max-height: 20px;
  7038.     padding: 5px 10px 10px 10px;
  7039.     width: 372px;
  7040.     overflow: hidden;
  7041.     background: #f4f4f4;
  7042.     margin-top: 1px;
  7043.     -webkit-border-radius: 4px;
  7044.     -moz-border-radius: 4px;
  7045.     border-radius: 4px;
  7046. }
  7047. #phx-signup-form .suggestions ul {
  7048.     display: inline;
  7049.     line-height: 26px;
  7050. }
  7051. #phx-signup-form .suggestions li {
  7052.     margin-left: 2px;
  7053.     display: inline;
  7054.     color: #ccc;
  7055.     *margin-right: 9px;
  7056. }
  7057. #phx-signup-form .suggestions li a { color: #390 }
  7058. #phx-signup-form .suggestions li:after { content: " ·" }
  7059. #phx-signup-form .suggestions li:last-child:after { content: "" }
  7060. #phx-signup-form .password div.score {
  7061.     display: none;
  7062.     position: absolute;
  7063.     margin-top: -40px;
  7064.     margin-left: 334px;
  7065. }
  7066. #phx-signup-form .password div.score span {
  7067.     width: 50px;
  7068.     height: 8px;
  7069.     display: inline-block;
  7070.     overflow: hidden;
  7071.     background-color: #eee;
  7072.     vertical-align: middle;
  7073.     -webkit-border-radius: 3px;
  7074.     -moz-border-radius: 3px;
  7075.     border-radius: 3px;
  7076. }
  7077. #phx-signup-form .password div.score span b {
  7078.     display: block;
  7079.     height: 8px;
  7080.     width: 25px;
  7081.     background-color: #6EC02A;
  7082. }
  7083. #phx-signup-form div.tos {
  7084.     clear: both;
  7085.     background: #F4F4F4;
  7086.     -webkit-border-top-left-radius: 4px;
  7087.     -webkit-border-top-right-radius: 4px;
  7088.     -moz-border-radius-topleft: 4px;
  7089.     -moz-border-radius-topright: 4px;
  7090.     border-top-left-radius: 4px;
  7091.     border-top-right-radius: 4px;
  7092.     border-bottom: 1px solid #ddd;
  7093.     text-shadow: 0 1px 0 #fff;
  7094.     padding: 8px 0 10px 0;
  7095.     margin: 0;
  7096.     width: 392px;
  7097. }
  7098. #phx-signup-form div.tos .scroller {
  7099.     height: 68px;
  7100.     padding: 0 10px;
  7101.     overflow-y: scroll;
  7102.     outline: none;
  7103.     color: #888;
  7104. }
  7105. #phx-signup-form div.tos .scroller p.header {
  7106.     border-bottom: 1px solid #ddd;
  7107.     box-shadow: 0 1px 0 #fff;
  7108.     -moz-box-shadow: 0 1px 0 #fff;
  7109.     -webkit-box-shadow: 0 1px 0 #fff;
  7110.     padding: 0 0 5px 0;
  7111. }
  7112. #phx-signup-form ::-webkit-scrollbar {
  7113.     width: 9px;
  7114.     height: 9px;
  7115. }
  7116. #phx-signup-form ::-webkit-scrollbar-button:start:decrement,
  7117. #phx-signup-form ::-webkit-scrollbar-button:end:increment {
  7118.     display: block;
  7119.     height: 0;
  7120.     background-color: transparent;
  7121. }
  7122. #phx-signup-form ::-webkit-scrollbar-track-piece {
  7123.     background-color: #FAFAFA;
  7124.     -webkit-border-radius: 0;
  7125.     -webkit-border-bottom-right-radius: 8px;
  7126.     -webkit-border-bottom-left-radius: 8px;
  7127. }
  7128. #phx-signup-form ::-webkit-scrollbar-thumb:vertical {
  7129.     height: 50px;
  7130.     background-color: #999;
  7131.     -webkit-border-radius: 8px;
  7132. }
  7133. #phx-signup-form ::-webkit-scrollbar-thumb:horizontal {
  7134.     width: 50px;
  7135.     background-color: #999;
  7136.     -webkit-border-radius: 8px;
  7137. }
  7138. #phx-signup-form ::-webkit-scrollbar-track-piece { background-color: #F4F4F4 }
  7139. #phx-signup-form .tos .import {
  7140.     font-size: 11px;
  7141.     line-height: 16px;
  7142. }
  7143. #phx-signup-form .tos .import h3 {
  7144.     font-size: 13px;
  7145.     margin: 15px 0 0 0;
  7146. }
  7147. #phx-signup-form .tos .import p {
  7148.     margin: .5em 0;
  7149.     line-height: 17px!important;
  7150. }
  7151. #phx-signup-form .tos .import p.tip {
  7152.     box-shadow: 0 -1px 0 #ddd,0 1px 0 #fff;
  7153.     -moz-box-shadow: 0 -1px 0 #ddd,0 1px 0 #fff;
  7154.     -webkit-box-shadow: 0 -1px 0 #ddd,0 1px 0 #fff;
  7155.     padding: 8px 0;
  7156.     border-bottom: 1px solid #ddd;
  7157.     border-top: 1px solid #fff;
  7158.     margin: 5px 0 10px 0;
  7159. }
  7160. #phx-signup-form .tos .import h2,
  7161. #phx-signup-form .tos .import p.tip span.tip { display: none }
  7162. #phx-signup-form .sign-up-box {
  7163.     background: #fff;
  7164.     width: 392px;
  7165.     border-top: none;
  7166.     text-align: left;
  7167.     margin: 15px 0;
  7168. }
  7169. #phx-signup-form .sign-up-box input.promotional {
  7170.     margin: 0;
  7171.     width: 392px;
  7172.     padding: 7px 0;
  7173.     color: #333;
  7174.     font-weight: bold;
  7175.     background-color: #ffec46;
  7176.     background-repeat: repeat-x;
  7177.     background-image: -khtml-gradient(linear,left top,left bottom,from(#ffec46),to(#fa2));
  7178.     background-image: -moz-linear-gradient(#ffec46,#fa2);
  7179.     background-image: -ms-linear-gradient(#ffec46,#fa2);
  7180.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffec46),color-stop(100%,#fa2));
  7181.     background-image: -webkit-linear-gradient(#ffec46,#fa2);
  7182.     background-image: -o-linear-gradient(#ffec46,#fa2);
  7183.     background-image: linear-gradient(#ffec46,#fa2);
  7184.     border-color: #fd9d00;
  7185. }
  7186. #phx-signup-form .sign-up-box input.promotional:hover {
  7187.     background-color: #fa2;
  7188.     background-repeat: repeat-x;
  7189.     background-image: -khtml-gradient(linear,left top,left bottom,from(#ffec46),to(#f09600));
  7190.     background-image: -moz-linear-gradient(#ffec46,#f09600);
  7191.     background-image: -ms-linear-gradient(#ffec46,#f09600);
  7192.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffec46),color-stop(100%,#f09600));
  7193.     background-image: -webkit-linear-gradient(#ffec46,#f09600);
  7194.     background-image: -o-linear-gradient(#ffec46,#f09600);
  7195.     background-image: linear-gradient(#ffec46,#f09600);
  7196.     background-position: 0 0;
  7197.     border-color: #ed9200;
  7198. }
  7199. #phx-signup-form .sign-up-box input.promotional:active {
  7200.     -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0 .1),0 1px 2px rgba(0,0,0,0.05);
  7201.     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
  7202.     box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
  7203. }
  7204. #phx-signup-form div.befound,
  7205. #phx-signup-form p.newsletter {
  7206.     width: 376px;
  7207.     margin: 0 0 40px 0;
  7208. }
  7209. #phx-signup-form .befound p {
  7210.     float: left;
  7211.     line-height: 15px;
  7212.     font-size: 11px;
  7213.     color: #999;
  7214. }
  7215. #phx-signup-form .befound div.radios { text-align: right }
  7216. #phx-signup-form .befound div.radios label { margin-left: 15px }
  7217. #phx-signup-form.captcha-active .captcha-container {
  7218.     width: 392px;
  7219.     text-align: center;
  7220.     background: #f4f4f4;
  7221.     border-top: 1px solid #fff;
  7222.     border-bottom: 1px solid #ddd;
  7223.     text-shadow: 0 1px 0 #fff;
  7224.     -webkit-border-radius: 4px;
  7225.     -moz-border-radius: 4px;
  7226.     border-radius: 4px;
  7227.     padding: 10px 0;
  7228.     margin-top: 15px;
  7229. }
  7230. #phx-signup-form .captcha-container noscript p {
  7231.     padding: 20px;
  7232.     color: red;
  7233.     font-weight: bold;
  7234.     border: 10px solid rgba(255,0,0,0.5);
  7235. }
  7236. #phx-signup-form .captcha-container h6 { display: none }
  7237. #phx-signup-form.captcha-active .captcha-container h6 {
  7238.     display: block;
  7239.     font-size: 13px;
  7240.     margin: 0 0 5px 0;
  7241.     font-weight: normal;
  7242.     color: #888;
  7243. }
  7244. #phx-signup-form.captcha-active .captcha-container div.embed { display: inline-block }
  7245. #phx-signup-form.submitting div.tos,
  7246. #phx-signup-form.submitting p.newsletter,
  7247. #phx-signup-form.submitting div.befound,
  7248. #phx-signup-form.captcha-active p.newsletter,
  7249. #phx-signup-form.captcha-active div.befound { display: none }
  7250. #phx-signup-form.captcha-active fieldset.textbox,
  7251. #phx-signup-form.submitting fieldset.textbox { visibility: hidden }
  7252. #phx-signup-form .standby {
  7253.     display: none;
  7254.     background: url(../../phoenix/img/loader.gif) no-repeat center center;
  7255. }
  7256. #phx-signup-form.submitting .standby {
  7257.     display: block;
  7258.     margin: 0 0 10px 0;
  7259.     height: 32px;
  7260. }
  7261. #phx-signup-form.submitting .standby p { font-size: 14px }
  7262. #phx-signup-form.submitting .standby+fieldset.doit { display: none }
  7263. #phx-signup-form.submitting .sign-up-box {
  7264.     -webkit-border-radius: 4px;
  7265.     -moz-border-radius: 4px;
  7266.     border-radius: 4px;
  7267.     background: #f8f8f8;
  7268. }
  7269. #phx-signup-form p+p { margin-top: 0 }
  7270. .phx-signup-field-label {
  7271.     font-size: 14px;
  7272.     color: #666;
  7273. }
  7274. .search h1 {
  7275.     margin: 30px 0;
  7276.     font-size: 36px;
  7277.     font-weight: 200;
  7278.     color: #444;
  7279.     text-align: center;
  7280. }
  7281. .search {
  7282.     position: relative;
  7283.     padding: 20px;
  7284.     margin-bottom: 10px;
  7285.     line-height: 16px;
  7286.     text-shadow: 0 1px 0 #fff;
  7287.     background-color: #f9f9f9;
  7288.     border: 1px solid #eee;
  7289.     border: 1px solid rgba(0,0,0,.1);
  7290.     -webkit-border-radius: 6px;
  7291.     -moz-border-radius: 6px;
  7292.     border-radius: 6px;
  7293.     -webkit-background-clip: padding-box;
  7294.     -moz-background-clip: padding;
  7295.     background-clip: padding-box;
  7296. }
  7297. .search form {
  7298.     display: block;
  7299.     width: 640px;
  7300.     margin: 0 auto 30px;
  7301. }
  7302. .search form .button {
  7303.     padding: 7px 14px;
  7304.     font-size: 14px;
  7305.     line-height: 18px;
  7306. }
  7307. .basic-search input {
  7308.     width: 620px;
  7309.     padding: 7px 9px;
  7310.     margin-bottom: 10px;
  7311. }
  7312. .basic-search .button { float: right }
  7313. .basic-search p {
  7314.     font-size: 14px;
  7315.     line-height: 34px;
  7316. }
  7317. .basic-search .trends {
  7318.     background-color: transparent;
  7319.     border: 0;
  7320. }
  7321. .basic-search .trends .flex-module { padding: 0 }
  7322. .basic-search .trends .flex-module-header h3 {
  7323.     display: block;
  7324.     text-align: center;
  7325. }
  7326. .basic-search .trends .flex-module-header small { display: none }
  7327. .basic-search .trends ul { text-align: center }
  7328. .basic-search .trends li {
  7329.     display: inline;
  7330.     padding: 3px 10px;
  7331. }
  7332. .advanced-search legend {
  7333.     margin: 0;
  7334.     padding: 20px 0 5px;
  7335.     font-weight: bold;
  7336.     color: #999;
  7337.     border-bottom: 0;
  7338. }
  7339. .advanced-search fieldset:first-child legend { padding-top: 0 }
  7340. .advanced-search label { margin: 5px 0 }
  7341. .advanced-search .txt,
  7342. .advanced-search .sel,
  7343. .advanced-search .chk {
  7344.     display: block;
  7345.     clear: both;
  7346. }
  7347. .advanced-search .td {
  7348.     float: left;
  7349.     line-height: 30px;
  7350. }
  7351. .advanced-search .chk-inner,
  7352. .advanced-search select,
  7353. .advanced-search input[type=text] {
  7354.     display: block;
  7355.     margin-left: 200px;
  7356. }
  7357. .advanced-search input[type=text] { width: 430px }
  7358. .advanced-search .geo select { width: auto }
  7359. .advanced-search .geo .sel { display: none }
  7360. .advanced-search .rad {
  7361.     display: block;
  7362.     margin-left: 200px;
  7363. }
  7364. .advanced-search .rad label,
  7365. .advanced-search .chk label {
  7366.     display: inline;
  7367.     margin-right: 15px;
  7368.     color: #555;
  7369. }
  7370. .advanced-search .rad input,
  7371. .advanced-search .chk input { margin-right: 4px }
  7372. .advanced-search .button { margin: 20px 0 }
  7373. .geo-control {
  7374.     position: relative;
  7375.     float: left;
  7376.     margin: 7px 0 5px 5px;
  7377.     height: 20px;
  7378.     line-height: 20px;
  7379. }
  7380. #geo_promo_dialog_content {
  7381.     font-size: 11px;
  7382.     text-align: left;
  7383.     padding: 15px;
  7384. }
  7385. #geo_promo_dialog_content .tiny-map {
  7386.     float: right;
  7387.     margin-left: 20px;
  7388.     width: 147px;
  7389.     height: 94px;
  7390.     background: url(../img/temp_phoenix/tiny-map.gif) no-repeat;
  7391. }
  7392. #geo_dialog_descr {
  7393.     margin-bottom: 20px;
  7394.     font-size: 13px;
  7395. }
  7396. #geo_not_now {
  7397.     margin-left: 8px;
  7398.     line-height: 1.9em;
  7399. }
  7400. #geo_turn_location_on { font-weight: bold }
  7401. a.geo_disable_webclient {
  7402.     color: #999;
  7403.     font-family: tahoma,sans-serif;
  7404.     font-size: 12px;
  7405.     font-weight: bold;
  7406.     line-height: 12px;
  7407.     text-shadow: 1px 1px 1px #FFF;
  7408. }
  7409. a:hover.geo_disable_webclient { text-decoration: none }
  7410. .geo-unable-to-turn-location-on {
  7411.     display: none;
  7412.     color: #F33;
  7413.     margin-top: 10px;
  7414. }
  7415. .geo-spinner {
  7416.     display: inline-block;
  7417.     background: url(../img/temp_phoenix/spinner-small.gif);
  7418.     height: 14px;
  7419.     width: 14px;
  7420.     margin-left: 15px;
  7421.     line-height: 1.9em;
  7422.     vertical-align: middle;
  7423. }
  7424. body.ja .route-login .main div.aside p.mobile,
  7425. body.ko .route-login .main div.aside p.mobile { display: none }
  7426. form .holding {
  7427.     position: relative;
  7428.     overflow: visible;
  7429. }
  7430. form .holding .holder {
  7431.     position: absolute;
  7432.     top: 7px;
  7433.     font-size: 13px;
  7434.     line-height: 15px;
  7435.     z-index: 1;
  7436.     left: 8px;
  7437.     white-space: nowrap;
  7438.     cursor: text;
  7439.     color: #999;
  7440.     text-shadow: 0 1px 0 rgba(255,255,255,.5);
  7441.     -webkit-transition: opacity .1s,font-size .1s;
  7442.     -moz-transition: opacity .1s,font-size .1s;
  7443.     -o-transition: opacity .1s,font-size .1s;
  7444.     -webkit-user-select: none;
  7445.     -moz-user-select: none;
  7446.     -o-user-select: none;
  7447.     user-select: none;
  7448. }
  7449. form .holding input:focus+span.holder {
  7450.     -moz-opacity: .6;
  7451.     filter: alpha(opacity=60);
  7452.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  7453.     opacity: .6;
  7454. }
  7455. form .hasome .holder {
  7456.     z-index: -1;
  7457.     -moz-opacity: 0;
  7458.     filter: alpha(opacity=0);
  7459.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  7460.     opacity: 0;
  7461.     font-size: 0!important;
  7462. }
  7463. .profile-user-only-admin-accessible {
  7464.     background: #fbdcb6;
  7465.     border-radius: 4px;
  7466.     border-top: 1px solid #f6b462;
  7467.     color: #333;
  7468.     font-size: 14px;
  7469.     font-weight: bold;
  7470.     padding: 3px 0 4px 0;
  7471.     text-align: center;
  7472.     text-shadow: 1px 1px 1px #fff;
  7473. }
  7474. .eTologyToken { margin-bottom: 10px }
  7475. .route-rateLimit { background: url(../../phoenix/img/bg-clouds.png) repeat-x scroll left 40px #C0DEED }
  7476. .route-rateLimit #page-outer {
  7477.     padding-top: 60px;
  7478.     height: auto;
  7479. }
  7480. .four-twenty-container {
  7481.     margin-left: auto;
  7482.     margin-right: auto;
  7483.     width: 760px;
  7484.     min-width: 760px;
  7485.     min-height: inherit;
  7486.     -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  7487.     -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  7488.     -webkit-border-radius: 5px;
  7489.     -mox-border-radius: 5px;
  7490.     padding: 0;
  7491.     background: white url(../../phoenix/img/birdcage.png) no-repeat 488px 38px!important;
  7492. }
  7493. .four-twenty {
  7494.     margin: 0 40px;
  7495.     border-radius: 5px;
  7496.     -moz-border-radius: 5px;
  7497.     -webkit-border-radius: 5px;
  7498.     padding: 25px 0 20px;
  7499.     background-position: right;
  7500. }
  7501. .four-twenty h2 {
  7502.     font-size: 32px;
  7503.     color: #444;
  7504.     font-weight: 300;
  7505. }
  7506. .four-twenty p.rate-limit-message {
  7507.     width: 400px;
  7508.     margin: 20px 0;
  7509. }
  7510. .four-twenty div.footer {
  7511.     padding: 20px 40px 20px 40px;
  7512.     font-size: 11px;
  7513.     background: #eee;
  7514.     margin: 30px -40px -20px -40px;
  7515.     -webkit-border-bottom-right-radius: 5px;
  7516.     -webkit-border-bottom-left-radius: 5px;
  7517.     -moz-border-radius-bottomright: 5px;
  7518.     -moz-border-radius-bottomleft: 5px;
  7519.     border-bottom-right-radius: 5px;
  7520.     border-bottom-left-radius: 5px;
  7521. }
  7522. .four-twenty div.footer li { display: inline }
  7523. .big-photo-permalink .tweet-content {
  7524.     margin-left: 58px;
  7525.     min-height: 48px;
  7526. }
  7527. .big-photo-permalink .tweet-row {
  7528.     display: block;
  7529.     position: relative;
  7530.     line-height: 15px;
  7531. }
  7532. .big-photo-permalink .tweet-image {
  7533.     float: left;
  7534.     height: 48px;
  7535.     overflow: hidden;
  7536.     width: 48px;
  7537.     margin-top: 3px;
  7538. }
  7539. .signout-wrapper {
  7540.     display: block;
  7541.     width: 585px;
  7542.     margin: 0 auto 10px;
  7543.     clear: both;
  7544. }
  7545. .signout-wrapper h1,
  7546. .signout-wrapper p { margin: 20px 0 }
  7547. #signin-or-signup form {
  7548.     float: left;
  7549.     margin-right: 15px;
  7550. }
  7551. #signin-or-signup .help-text-inline { display: none }
  7552. #signin-or-signup .signin {
  7553.     border-right: 1px solid #eee;
  7554.     padding-right: 16px;
  7555. }
  7556. #signin-or-signup .signup h2 { font-weight: normal }
  7557. #signin-or-signup .divider { margin: 10px 0 }
  7558. body.welcome-flow { background: #c0deed }
  7559. body.welcome-flow #banners,
  7560. body.welcome-flow #global-actions,
  7561. body.welcome-flow .pull-right { display: none }
  7562. body.welcome-flow .content-main { background-color: #fff }
  7563. body.welcome-flow .content-main .stream-end { margin: 0 }
  7564. .welcome-dashboard .follow-combo {
  7565.     position: absolute;
  7566.     top: 0;
  7567.     right: 0;
  7568. }
  7569. .welcome-dashboard .follow-combo .btn-user-actions { display: none }
  7570. .unclickable-tweet .stream-item-header .avatar {
  7571.     position: static;
  7572.     float: left;
  7573.     margin-right: 12px;
  7574. }
  7575. .stream-item .unclickable-tweet .content { margin: 0 }
  7576. .stream-item .unclickable-tweet .content p { margin-left: 60px }
  7577. .welcome-faux-tweet-stream .faux-tweet {
  7578.     padding: 12px 12px 16px;
  7579.     border-bottom: 1px solid #eee;
  7580. }
  7581. .welcome-faux-tweet-stream .faux-tweet .content {
  7582.     height: 62px;
  7583.     background: #fff url(../img/faux_tweet.png) no-repeat scroll;
  7584. }
  7585. .stream-manager-container {
  7586.     position: relative;
  7587.     max-height: 305px;
  7588.     overflow-x: hidden;
  7589.     overflow-y: auto;
  7590.     clear: both;
  7591. }
  7592. .twttr-dialog .unclickable .more-link,
  7593. .twttr-dialog .unclickable .view-profile { display: none }
  7594. .welcome-dashboard {
  7595.     background: #eee;
  7596.     padding-bottom: 20px;
  7597. }
  7598. .welcome-dashboard .unfocusable-stream-item {
  7599.     padding: 12px 12px 0 12px;
  7600.     border: 0;
  7601. }
  7602. .route-welcome .unfocusable-stream-item:hover .time {
  7603.     filter: alpha(opacity=100);
  7604.     -khtml-opacity: 1;
  7605.     -moz-opacity: 1;
  7606.     opacity: 1;
  7607. }
  7608. .welcome-dashboard .interest-category:hover { cursor: pointer }
  7609. .welcome-dashboard .interest-category:hover a { text-decoration: underline }
  7610. .welcome-dashboard .dashboard-stream-header { float: left }
  7611. .welcome-dashboard .dashboard-stream-header .component { width: 300px }
  7612. .welcome-dashboard .stream-container { background: #fff }
  7613. .welcome-dashboard .account-summary .content { margin-right: 108px }
  7614. .welcome-dashboard .account-summary .screenname {
  7615.     overflow: hidden;
  7616.     text-overflow: ellipsis;
  7617.     white-space: nowrap;
  7618. }
  7619. .welcome-dashboard .account-summary .account-group-inner {
  7620.     font-size: 12px;
  7621.     white-space: normal;
  7622. }
  7623. .welcome-dashboard .categories-list { display: none }
  7624. .welcome-dashboard .back-to-stream {
  7625.     display: none;
  7626.     padding: 10px;
  7627.     overflow: hidden;
  7628.     font-weight: bold;
  7629.     background-color: #F9F9F9;
  7630.     border-bottom: 1px solid #ddd;
  7631. }
  7632. .welcome-dashboard .back-to-stream .btn {
  7633.     float: left;
  7634.     margin: 0 10px 0 0;
  7635.     font-size: 11px;
  7636.     font-weight: bold;
  7637. }
  7638. .welcome-dashboard .back-to-stream .dashboard-stream-title {
  7639.     float: left;
  7640.     font-size: 15px;
  7641.     line-height: 28px;
  7642.     white-space: nowrap;
  7643. }
  7644. .welcome-dashboard .stream-suggestion-category {
  7645.     padding: 10px;
  7646.     border-bottom: 1px solid #ddd;
  7647. }
  7648. .welcome-dashboard .suggestion-categories .stream-item { background-color: #F9F9F9 }
  7649. .welcome-dashboard .stream-suggestion-category .category-title {
  7650.     margin-bottom: 8px;
  7651.     font-weight: bold;
  7652.     color: #0084b4;
  7653. }
  7654. .welcome-dashboard .stream-suggestion-category .category-count,
  7655. .welcome-dashboard .stream-suggestion-category .view-all {
  7656.     font-size: 12px;
  7657.     font-weight: normal;
  7658.     color: #AAA;
  7659. }
  7660. .welcome-dashboard .back-to-top { display: none }
  7661. .welcome-dashboard .stream-end {
  7662.     margin: 0;
  7663.     -webkit-border-radius: 0;
  7664.     -moz-border-radius: 0;
  7665.     border-radius: 0;
  7666. }
  7667. .welcome-dashboard .content-searchbar form { position: relative }
  7668. .welcome-dashboard .content-searchbar input {
  7669.     width: 266px;
  7670.     line-height: 16px;
  7671. }
  7672. .welcome-dashboard .input-search {
  7673.     position: absolute;
  7674.     top: 5px;
  7675.     right: 10px;
  7676.     display: block;
  7677.     cursor: pointer;
  7678. }
  7679. .welcome-dashboard .glass i {
  7680.     display: block;
  7681.     width: 12px;
  7682.     height: 14px;
  7683.     background-image: url(../img/twitter_web_sprite_icons.png);
  7684.     background-position: -20px -620px;
  7685. }
  7686. .welcome-dashboard .stream-suggestion-category .user-name-info { display: none }
  7687. .welcome-dashboard .stream-suggestion-category .user-static-list-item {
  7688.     float: left;
  7689.     margin-right: 3px;
  7690. }
  7691. .welcome-dashboard .stream-suggestion-category .user-static-list-item img {
  7692.     width: 23px;
  7693.     height: 23px;
  7694. }
  7695. .welcome-dashboard .header-inner { padding: 10px }
  7696. .welcome-dashboard .find-friends-sources .btn,
  7697. .welcome-dashboard .invite-friends { display: none }
  7698. .welcome-dashboard .find-friends-sources .btn { display: block }
  7699. .welcome-dashboard .find-friends-results {
  7700.     padding: 0;
  7701.     border-left: none;
  7702.     border-right: none;
  7703. }
  7704. .welcome-dashboard .stream-item,
  7705. .welcome-dashboard .stream-loading,
  7706. .welcome-dashboard .stream-end {
  7707.     border-left: none;
  7708.     border-right: none;
  7709. }
  7710. .welcome-dashboard .dashboard-import-header { font-weight: bold }
  7711. .dashboard .welcome-header-module {
  7712.     position: relative;
  7713.     color: #ddd;
  7714.     text-shadow: 0 -1px 0 #333;
  7715.     background: #485258;
  7716.     border: none;
  7717. }
  7718. .welcome-header-module h2 { color: #fff }
  7719. .welcome-header-module .subheading {
  7720.     min-height: 32px;
  7721.     margin-top: 5px;
  7722.     font-size: 13px;
  7723. }
  7724. .welcome-header-module .header-half {
  7725.     background: transparent;
  7726.     border-bottom: 1px solid #363743;
  7727. }
  7728. .welcome-header-module .left-arrow {
  7729.     position: absolute;
  7730.     top: 25px;
  7731.     right: -7px;
  7732.     width: 7px;
  7733.     height: 19px;
  7734.     background: url('../img/learn_arrows.png') no-repeat 0 -7px;
  7735. }
  7736. .welcome-header-module .down-arrow {
  7737.     position: absolute;
  7738.     bottom: -7px;
  7739.     left: 15px;
  7740.     width: 19px;
  7741.     height: 7px;
  7742.     background: url('../img/learn_arrows.png') no-repeat 0 0;
  7743. }
  7744. .welcome-header-module .progress-half {
  7745.     overflow: hidden;
  7746.     background: #363e42;
  7747.     border-top: 1px solid #454d51;
  7748.     -webkit-border-radius: 0 0 6px 6px;
  7749.     -moz-border-radius: 0 0 6px 6px;
  7750.     border-radius: 0 0 6px 6px;
  7751. }
  7752. .welcome-header-module .progress-half td { vertical-align: bottom }
  7753. .welcome-header-module .progressbar-well {
  7754.     position: relative;
  7755.     margin: 0 8px 0 0;
  7756.     background: #40494d;
  7757.     border-top: 1px solid #2e3539;
  7758.     border-bottom: 1px solid #485155;
  7759.     -webkit-border-radius: 4px;
  7760.     -moz-border-radius: 4px;
  7761.     border-radius: 4px;
  7762. }
  7763. .welcome-header-module .ui-progressbar {
  7764.     height: 29px;
  7765.     padding: 0 8px 0 0;
  7766. }
  7767. .welcome-header-module .ui-progressbar-value {
  7768.     height: 27px;
  7769.     padding: 0 8px 0 0;
  7770.     background-color: #328cc3;
  7771.     background-image: -moz-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
  7772.     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#40b8eb),color-stop(100%,#2d7eb6));
  7773.     background-image: -webkit-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
  7774.     background-image: -ms-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
  7775.     background-image: -o-linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
  7776.     background-image: linear-gradient(top,#40b8eb 0,#2d7eb6 100%);
  7777.     border-top: 1px solid #52c1ee;
  7778.     border-bottom: 1px solid #2d7db5;
  7779.     -webkit-border-radius: 4px;
  7780.     -moz-border-radius: 4px;
  7781.     border-radius: 4px;
  7782. }
  7783. .welcome-header-module .progress-label {
  7784.     position: absolute;
  7785.     top: 7px;
  7786.     left: 13px;
  7787.     font-size: 11px;
  7788.     color: #fff;
  7789. }
  7790. .back-to-import { padding: 15px 10px 0 }
  7791. .welcome-dashboard-footer .skip-link {
  7792.     margin-left: 15px;
  7793.     font-size: 12px;
  7794.     color: #777;
  7795. }
  7796. .invite-contacts-component .save {
  7797.     height: auto;
  7798.     width: auto;
  7799. }
  7800. .find-friends-results .component .invite-contacts-component {
  7801.     padding: 0 12px 12px;
  7802.     border-bottom: 1px solid #eee;
  7803. }
  7804. .invite-contacts-component p { font-size: 13px }
  7805. .contact-import-invite-header h2 { padding: 12px }
  7806. .contact-import-invite-header p {
  7807.     background-color: #f5f5f5;
  7808.     padding: 12px;
  7809.     border-bottom: 1px solid #e8e8e8;
  7810.     border-top: 1px solid #e8e8e8;
  7811.     margin-top: -1px;
  7812. }
  7813. .invite-preview-link {
  7814.     float: right;
  7815.     font-size: 12px;
  7816.     padding: 4px 0 6px;
  7817. }
  7818. .people-chooser-list div.checkbox {
  7819.     float: left;
  7820.     display: inline;
  7821. }
  7822. .people-chooser-list .select-all-people { padding: 0 5px 4px }
  7823. .people-chooser-list .select-all-people label {
  7824.     font-weight: bold;
  7825.     margin: 0;
  7826. }
  7827. .people-chooser-list .contacts label {
  7828.     color: #666;
  7829.     margin-bottom: 0;
  7830. }
  7831. .people-chooser-list .contacts .about {
  7832.     color: #AAA;
  7833.     font-size: 12px;
  7834. }
  7835. .people-chooser-list .contacts {
  7836.     color: #666;
  7837.     overflow-x: hidden;
  7838.     overflow-y: auto;
  7839.     max-height: 200px;
  7840.     margin-bottom: 10px;
  7841.     border-top: 1px solid #eee;
  7842.     border-bottom: 1px solid #eee;
  7843. }
  7844. .people-chooser-list .contacts li {
  7845.     overflow: hidden;
  7846.     border-top: 1px solid #eee;
  7847.     font-size: 11px;
  7848.     padding-bottom: 0!important;
  7849.     width: 100%;
  7850. }
  7851. .people-chooser-list .contacts li:first-child { border-top: 0 }
  7852. .people-chooser-list .contacts li div {
  7853.     float: left;
  7854.     display: inline;
  7855. }
  7856. .people-chooser-list .contacts li div span {
  7857.     padding: 5px 4px;
  7858.     display: block;
  7859. }
  7860. .people-chooser-list .contacts li .about span { padding-right: 18px }
  7861. .people-chooser-list .contacts li .checkbox,
  7862. .people-chooser-list .select-all-people .checkbox { width: 5% }
  7863. .people-chooser-list .contacts li .name {
  7864.     width: 40%;
  7865.     overflow: hidden;
  7866. }
  7867. .people-chooser-list .contacts li .about {
  7868.     width: 50%;
  7869.     overflow: hidden;
  7870. }
  7871. body.loading-body #page-container.mobile-gallery { display: block }
  7872. body.loading-body .mobile-gallery .yes-script { visibility: hidden }
  7873. .mobile-gallery .page-canvas {
  7874.     margin-bottom: 15px;
  7875.     background-color: #fff;
  7876.     -webkit-box-shadow: 0 0 225px rgba(255,255,255,.55);
  7877.     -moz-box-shadow: 0 0 225px rgba(255,255,255,.55);
  7878.     box-shadow: 0 0 225px rgba(255,255,255,.55);
  7879. }
  7880. .mobile-gallery h1 {
  7881.     margin-top: 30px;
  7882.     margin-bottom: 20px;
  7883.     text-align: center;
  7884. }
  7885. .mobile-gallery h1 b { font-weight: 300 }
  7886. .mobile-gallery .m-twitter { display: none }
  7887. #mobile-gallery-logged-out-header h1 {
  7888.     font-size: 56px;
  7889.     font-weight: 300;
  7890.     line-height: 1;
  7891. }
  7892. .mobile-gallery .gallery {
  7893.     margin: 20px 0 25px;
  7894.     text-align: center;
  7895. }
  7896. .mobile-gallery .mobile-download {
  7897.     background: #F1F1F1;
  7898.     -webkit-border-bottom-right-radius: 5px;
  7899.     -webkit-border-bottom-left-radius: 5px;
  7900.     -moz-border-radius-bottomright: 5px;
  7901.     -moz-border-radius-bottomleft: 5px;
  7902.     border-bottom-right-radius: 5px;
  7903.     border-bottom-left-radius: 5px;
  7904. }
  7905. .mobile-gallery .gallery li {
  7906.     padding: 0;
  7907.     margin: 0 25px;
  7908.     display: inline-block;
  7909.     list-style: none;
  7910.     font-size: 13px;
  7911.     *display: inline;
  7912.     *zoom: 1;
  7913. }
  7914. .mobile-gallery .gallery li a {
  7915.     display: block;
  7916.     text-align: center;
  7917.     cursor: pointer;
  7918. }
  7919. .mobile-gallery .gallery li a:hover { text-decoration: none }
  7920. .mobile-gallery .gallery li a:hover span { text-decoration: underline }
  7921. .mobile-gallery .gallery li a i {
  7922.     margin: 0 5px;
  7923.     display: inline-block;
  7924.     background: url(../../t1/img/mobile/app_phones.jpg) no-repeat;
  7925.     height: 186px;
  7926. }
  7927. .mobile-gallery .gallery li a.iphone i { width: 81px }
  7928. .mobile-gallery .gallery li a.ipad i {
  7929.     width: 147px;
  7930.     background-position: -81px 0;
  7931. }
  7932. .mobile-gallery .gallery li a.android i {
  7933.     width: 80px;
  7934.     background-position: -228px 0;
  7935. }
  7936. .mobile-gallery .gallery li a.blackberry i {
  7937.     width: 85px;
  7938.     background-position: -308px 0;
  7939. }
  7940. .mobile-gallery .gallery li a.wp7 i {
  7941.     width: 82px;
  7942.     background-position: -393px 0;
  7943. }
  7944. .mobile-gallery .actions {
  7945.     text-align: center;
  7946.     padding: 25px 0;
  7947.     border-bottom: 1px solid #E1E1E1;
  7948. }
  7949. .mobile-gallery .actions-single {
  7950.     clear: both;
  7951.     display: block;
  7952.     padding: 0;
  7953.     width: 100%;
  7954.     text-align: left;
  7955.     background-color: #fff;
  7956.     border: 0;
  7957. }
  7958. .mobile-gallery .actions-single .promotional {
  7959.     width: 238px;
  7960.     text-align: center;
  7961. }
  7962. .mobile-gallery .actions-single .app-download,
  7963. .mobile-gallery .actions-single .app-download-form {
  7964.     padding: 0 15px 15px 15px;
  7965.     margin: 0;
  7966. }
  7967. .mobile-gallery .actions-single .app-download-form { padding: 15px }
  7968. .mobile-gallery .actions-single .field { margin-top: 0 }
  7969. @-webkit-keyframes mobileDownloadGlow {
  7970.     from { -webkit-box-shadow: 0 1px 0 #fff,0 0 15px rgba(255,238,102,.01) }
  7971.     50% { -webkit-box-shadow: 0 1px 0 #fff,0 0 15px rgba(255,238,102,1) }
  7972.     to { -webkit-box-shadow: 0 1px 0 #fff,0 0 15px rgba(255,238,102,.01) }
  7973. }
  7974. .mobile-gallery .actions .promotional,
  7975. .firefox-download .promotional {
  7976.     -webkit-animation-name: mobileDownloadGlow;
  7977.     -webkit-animation-duration: 2s;
  7978.     -webkit-animation-iteration-count: infinite;
  7979. }
  7980. .mobile-gallery .mobile-footer {
  7981.     clear: both;
  7982.     margin: 30px 0 0;
  7983. }
  7984. .mobile-gallery .mobile-footer-home,
  7985. .mobile-gallery .mobile-footer-app { margin-top: 15px }
  7986. .mobile-gallery .mobile-footer td {
  7987.     width: 25%;
  7988.     vertical-align: top;
  7989.     padding: 5px 25px 15px 0;
  7990.     font-size: 13px;
  7991. }
  7992. .mobile-gallery .mobile-footer td:first-child { border: none }
  7993. .mobile-gallery .mobile-footer h4,
  7994. .mobile-gallery .mobile-footer p {
  7995.     margin: 0 0 0 15px;
  7996.     color: #777;
  7997.     text-shadow: 0 1px 0 #fff;
  7998. }
  7999. .mobile-gallery .mobile-footer h4 {
  8000.     color: #333;
  8001.     font-size: 13px;
  8002. }
  8003. .mobile-gallery .mobile-footer ul { white-space: nowrap }
  8004. .mobile-gallery .gallery-link {
  8005.     margin: 15px 0 0 0;
  8006.     padding: 0 0 15px 15px;
  8007.     font-size: 13px;
  8008.     border-bottom: 1px solid #eee;
  8009. }
  8010. .mobile-gallery .mobile-gallery-app-wrapper {
  8011.     display: block;
  8012.     height: 315px;
  8013.     width: 290px;
  8014.     border-right: 1px solid #eee;
  8015. }
  8016. .mobile-gallery .mobile-gallery-app {
  8017.     margin: 0;
  8018.     padding: 0 640px 0 0;
  8019.     height: 315px;
  8020. }
  8021. .mobile-gallery .mobile-gallery-iphone { background: url(../../t1/img/mobile/iphone_screens.jpg) 310px 10px no-repeat }
  8022. .mobile-gallery .mobile-gallery-ipad { background: url(../../phoenix/img/mobile/ipad_screens.jpg) 312px 10px no-repeat }
  8023. .mobile-gallery .mobile-gallery-android { background: url(../../t1/img/mobile/android_screens.jpg) 310px 10px no-repeat }
  8024. .mobile-gallery .mobile-gallery-blackberry { background: url(../../phoenix/img/mobile/blackberry_screens.jpg) 310px 10px no-repeat }
  8025. .mobile-gallery .mobile-gallery-wp7 { background: url(../../phoenix/img/mobile/wp7_screens.jpg) 310px 10px no-repeat }
  8026. .mobile-gallery .app-header {
  8027.     padding: 15px 0 0 90px;
  8028.     margin: 0 0 0 15px;
  8029.     width: 170px;
  8030. }
  8031. .mobile-gallery .mobile-gallery-iphone .app-header,
  8032. .mobile-gallery .mobile-gallery-ipad .app-header { background: url(../../phoenix/img/mobile/ios_app_icon.png) 0 15px no-repeat }
  8033. .mobile-gallery .mobile-gallery-android .app-header { background: url(../../phoenix/img/mobile/android_app_icon.png) 0 15px no-repeat }
  8034. .mobile-gallery .mobile-gallery-blackberry .app-header { background: url(../../phoenix/img/mobile/blackberry_app_icon.png) 0 15px no-repeat }
  8035. .mobile-gallery .mobile-gallery-wp7 .app-header { background: url(../../phoenix/img/mobile/wp7_app_icon.png) 0 15px no-repeat }
  8036. .mobile-gallery .app-header .compatibility {
  8037.     color: #666;
  8038.     margin: 0 0 16px 0;
  8039. }
  8040. .mobile-gallery .app-download-form {
  8041.     border-top: 1px solid #eee;
  8042.     margin-top: 15px;
  8043.     padding-top: 15px;
  8044. }
  8045. .mobile-gallery .app-download-form p {
  8046.     padding-bottom: 5px;
  8047.     font-size: 13px;
  8048.     color: #777;
  8049. }
  8050. .mobile-gallery .app-download-form input.email {
  8051.     width: 250px;
  8052.     margin-bottom: 5px;
  8053. }
  8054. .twttr-dialog-download-mobile .dialog-prompt {
  8055.     border-top: 1px solid #eee;
  8056.     padding: 15px 0;
  8057.     font-size: 12px;
  8058. }
  8059. .twttr-dialog-download-mobile .dialog-prompt .button {
  8060.     vertical-align: middle;
  8061.     margin-right: .5em;
  8062. }
  8063. .twttr-dialog-download-mobile .dialog-prompt a { vertical-align: middle }
  8064. .twttr-dialog-download-mobile .field {
  8065.     float: none;
  8066.     width: auto;
  8067.     text-align: left;
  8068.     font-weight: normal;
  8069. }
  8070. .stream .promoted-account { height: auto }
  8071. .promoted-account .tweet-labels { padding-bottom: 5px }
  8072. .firefox-header { width: 100% }
  8073. .firefox-intro {
  8074.     float: left;
  8075.     padding-left: 20px;
  8076.     width: 440px;
  8077.     padding-top: 35px;
  8078. }
  8079. .firefox-installed {
  8080.     padding-left: 0;
  8081.     padding-bottom: 20px;
  8082.     width: 100%;
  8083.     text-align: center;
  8084. }
  8085. .firefox-header h1 {
  8086.     text-align: left;
  8087.     margin: 0 0 5px;
  8088. }
  8089. .firefox-installed h1 { text-align: center }
  8090. .firefox-header h1 strong { letter-spacing: -1px }
  8091. .firefox-header h2 {
  8092.     line-height: 1.4;
  8093.     font-size: 22px;
  8094.     font-weight: 300;
  8095.     color: #777;
  8096. }
  8097. .firefox-header h2 span { color: #1B85C3 }
  8098. .firefox-header .firefox-download { padding: 25px 0 20px 0 }
  8099. .firefox-header .firefox-actions {
  8100.     padding: 14px 0 12px 14px;
  8101.     margin-left: 10px;
  8102.     -webkit-border-radius: 5px;
  8103.     -moz-border-radius: 5px;
  8104.     border-radius: 5px;
  8105.     display: inline;
  8106.     border-left: 1px solid #eee;
  8107.     font-size: 13px;
  8108. }
  8109. .mobile-gallery .firefox-tweet-button {
  8110.     background: url('../../phoenix/img/firefox/tweet.png');
  8111.     width: 55px;
  8112.     height: 20px;
  8113.     display: inline-block;
  8114.     outline: none;
  8115.     margin-right: 8px;
  8116.     margin-bottom: -5px;
  8117. }
  8118. .mobile-gallery .firefox-tweet-button:hover { background-position: 0 -21px }
  8119. .mobile-gallery .firefox-tweet-button:active { background-position: 0 -42px }
  8120. .mobile-gallery .firefox-brand {
  8121.     background: url('../../phoenix/img/firefox/bg.png') no-repeat;
  8122.     width: 334px;
  8123.     height: 221px;
  8124.     float: left;
  8125.     margin: 55px -130px 0 30px;
  8126.     display: inline;
  8127. }
  8128. .mobile-gallery .firefox-installed .firefox-brand {
  8129.     width: 100%;
  8130.     background-position: center;
  8131.     margin: 0;
  8132. }
  8133. .mobile-gallery .firefox-footer {
  8134.     padding-bottom: 0;
  8135.     margin: 0 12px 2px;
  8136. }
  8137. .mobile-gallery .firefox-footer td {
  8138.     width: 260px;
  8139.     padding: 12px 12px 0 0;
  8140. }
  8141. .mobile-gallery .firefox-footer td div.screenshot {
  8142.     background: #f4f4f4;
  8143.     padding-bottom: 8px;
  8144.     margin-bottom: 10px;
  8145.     width: 260px;
  8146.     border: 1px solid #ddd;
  8147. }
  8148. .mobile-gallery .firefox-footer td div.screenshot .screenshot-a,
  8149. .mobile-gallery .firefox-footer td div.screenshot .screenshot-b,
  8150. .mobile-gallery .firefox-footer td div.screenshot .screenshot-c {
  8151.     height: 140px;
  8152.     width: 260px;
  8153.     margin-bottom: 10px;
  8154.     border-bottom: 1px solid #ddd;
  8155. }
  8156. .mobile-gallery .firefox-footer td div.screenshot .screenshot-a { background: url(../../phoenix/img/firefox/demo_sprite.png) no-repeat }
  8157. .mobile-gallery .firefox-footer td div.screenshot .screenshot-b { background: url(../../phoenix/img/firefox/demo_sprite.png) no-repeat -289px }
  8158. .mobile-gallery .firefox-footer td div.screenshot .screenshot-c { background: url(../../phoenix/img/firefox/demo_sprite.png) no-repeat -578px }
  8159. .mobile-gallery .firefox-footer td h4 { color: #333 }
  8160. .mobile-gallery .firefox-footer td h4,
  8161. .mobile-gallery .firefox-footer td p {
  8162.     padding-left: 0;
  8163.     padding-right: 10px;
  8164. }
  8165. .mobile-gallery .firefox-footer td.last { padding-right: 0 }
  8166. .mobile-gallery .firefox-footer .firefox-actions {
  8167.     text-align: center;
  8168.     border-top: 1px solid #eee;
  8169.     padding-top: 20px;
  8170.     padding-bottom: 20px;
  8171. }
  8172. body.ja .mobile-gallery .activate-sms,
  8173. body.ja .mobile-gallery .second-phrase,
  8174. .mobile-gallery .country-select-outer,
  8175. .mobile-gallery .language-list { display: none!important }
  8176. .settings-header {
  8177.     margin-bottom: 10px;
  8178.     font-weight: bold;
  8179.     color: #333;
  8180. }
  8181. .ok .notification { color: green }
  8182. .problem .notification { color: red }
  8183. .phone-number { padding-left: 12px }
  8184. .hex-field { margin-top: 0 }
  8185. .delete-info { margin-top: 5px }
  8186. .input-prepend,
  8187. .input-append { margin-top: 0 }
  8188. .input-prepend .add-on,
  8189. .input-append .add-on {
  8190.     position: relative;
  8191.     z-index: 2;
  8192.     float: left;
  8193.     display: block;
  8194.     width: auto;
  8195.     min-width: 16px;
  8196.     height: 18px;
  8197.     padding: 5px 4px 5px 5px;
  8198.     margin-right: -1px;
  8199.     line-height: 18px;
  8200.     color: #999;
  8201.     text-align: center;
  8202.     text-shadow: 0 1px 0 #fff;
  8203.     background-color: #f5f5f5;
  8204.     border: 1px solid #ccc;
  8205.     -webkit-border-radius: 3px 0 0 3px;
  8206.     -moz-border-radius: 3px 0 0 3px;
  8207.     border-radius: 3px 0 0 3px;
  8208. }
  8209. .input-prepend input,
  8210. .input-append input {
  8211.     -webkit-border-radius: 0 3px 3px 0;
  8212.     -moz-border-radius: 0 3px 3px 0;
  8213.     border-radius: 0 3px 3px 0;
  8214. }
  8215. .input-prepend .add-on { *margin-top: 1px }
  8216. .input-append .input {
  8217.     float: left;
  8218.     -webkit-border-radius: 3px 0 0 3px;
  8219.     -moz-border-radius: 3px 0 0 3px;
  8220.     border-radius: 3px 0 0 3px;
  8221. }
  8222. .input-append .add-on {
  8223.     margin-right: 0;
  8224.     margin-left: -1px;
  8225.     -webkit-border-radius: 3px 0 0 3px;
  8226.     -moz-border-radius: 3px 0 0 3px;
  8227.     border-radius: 3px 0 0 3px;
  8228. }
  8229. .select-row {
  8230.     border-bottom: 1px solid #eee;
  8231.     padding-bottom: 8px;
  8232.     margin-bottom: 8px;
  8233. }
  8234. #notifications-content { padding-top: 16px }
  8235. #notifications-form .settings-header { margin-bottom: 0 }
  8236. .uploader-image .image-preview {
  8237.     float: left;
  8238.     width: 110px;
  8239.     height: 80px;
  8240. }
  8241. .uploader-avatar .avatar { float: left }
  8242. .uploader-avatar .uploader-tools { margin-left: 82px }
  8243. .uploader-background .uploader-tools { margin-left: 120px }
  8244. .uploader-background .image-preview {
  8245.     background-color: #ddd;
  8246.     -webkit-border-radius: 4px;
  8247.     -moz-border-radius: 4px;
  8248.     border-radius: 4px;
  8249. }
  8250. .theme-list { margin-left: -10px }
  8251. .theme-list .theme {
  8252.     position: relative;
  8253.     float: left;
  8254.     margin: 0 0 12px 12px;
  8255.     cursor: pointer;
  8256. }
  8257. .theme-list .theme.selected .selected-border {
  8258.     position: absolute;
  8259.     top: 0;
  8260.     left: 0;
  8261.     right: 0;
  8262.     bottom: 0;
  8263.     z-index: 10;
  8264.     border: 2px solid #019ad2;
  8265.     -webkit-border-radius: 4px;
  8266.     -moz-border-radius: 4px;
  8267.     border-radius: 4px;
  8268. }
  8269. .theme-list .theme-image {
  8270.     position: relative;
  8271.     display: block;
  8272.     -webkit-border-radius: 4px;
  8273.     -moz-border-radius: 4px;
  8274.     border-radius: 4px;
  8275. }
  8276. .hidden-radio {
  8277.     position: absolute;
  8278.     z-index: 8;
  8279.     top: 50%;
  8280.     left: 50%;
  8281. }
  8282. .colorpicker-container { background-color: #fff }
  8283. .remove-background-btn {
  8284.     padding: 0;
  8285.     background-color: none;
  8286.     border: 0;
  8287.     -webkit-box-shadow: none;
  8288.     -moz-box-shadow: none;
  8289.     box-shadow: none;
  8290. }
  8291. .remove-background-btn:hover { text-decoration: underline }
  8292. .color-preview {
  8293.     float: left;
  8294.     width: 110px;
  8295.     height: 26px;
  8296.     margin-right: 10px;
  8297.     -webkit-border-radius: 4px;
  8298.     -moz-border-radius: 4px;
  8299.     border-radius: 4px;
  8300. }
  8301. .stream-item-activity { position: relative }
  8302. .stream-item-activity-line {
  8303.     font-size: 13px;
  8304.     line-height: 16px;
  8305. }
  8306. .activity-additional-info {
  8307.     float: right;
  8308.     font-size: 12px;
  8309.     color: #999;
  8310. }
  8311. .activity-secondary-supplement {
  8312.     display: none;
  8313.     padding: 0 0 6px 70px;
  8314. }
  8315. .activity-secondary-supplement .avatar { margin-right: 1px }
  8316. .stream-item-activity .activity-supplement .latest-tweet .tweet-content { margin-left: 0 }
  8317. .stream-item-activity .btn-user-actions,
  8318. .stream-item-activity .account .verified,
  8319. .stream-item-activity .edit-profile-btn,
  8320. .follow-more-than-two .account .bio,
  8321. .follow-more-than-two .account .fullname,
  8322. .follow-more-than-two .account .username,
  8323. .follow-exactly-two .account .bio,
  8324. .stream-item-activity-network .follow-more-than-two .follow-combo { display: none }
  8325. .stream-item-activity-me .supplement,
  8326. .activity-secondary-supplement .supplement,
  8327. .follow-exactly-two .supplement,
  8328. .follow-more-than-two .supplement {
  8329.     display: inline-block;
  8330.     *display: inline;
  8331.     zoom: 1;
  8332. }
  8333. .stream-item-activity .account .follow-combo { float: none }
  8334. .stream-item-activity .tweet-content {
  8335.     padding-right: 12px;
  8336.     margin-bottom: 6px;
  8337.     margin-left: 70px;
  8338. }
  8339. .follow-more-than-two .account {
  8340.     display: inline-block;
  8341.     *display: inline;
  8342.     padding: 0;
  8343.     border: none;
  8344.     zoom: 1;
  8345.     -webkit-box-shadow: none;
  8346.     -moz-box-shadow: none;
  8347.     box-shadow: none;
  8348. }
  8349. .stream-item-activity .sub-stream-item-hidden { display: none }
  8350. .stream-item-activity .account,
  8351. .stream-item-activity .list { border-bottom: none }
  8352. .view-all-supplements {
  8353.     display: inline-block;
  8354.     *display: inline;
  8355.     font-size: 11px;
  8356.     zoom: 1;
  8357. }
  8358. .view-all-supplements.show .show-text,
  8359. .view-all-supplements.hide .hide-text { display: inline }
  8360. .view-all-supplements.hide .show-text,
  8361. .view-all-supplements.show .hide-text { display: none }
  8362. .tipsy {
  8363.     padding: 5px;
  8364.     font-size: 10px;
  8365.     position: absolute;
  8366.     z-index: 100000;
  8367.     opacity: .8;
  8368.     filter: alpha(opacity=80);
  8369. }
  8370. .tipsy-inner {
  8371.     padding: 5px 8px 4px 8px;
  8372.     background-color: black;
  8373.     color: white;
  8374.     max-width: 200px;
  8375.     text-align: center;
  8376. }
  8377. .tipsy-inner {
  8378.     border-radius: 3px;
  8379.     -moz-border-radius: 3px;
  8380.     -webkit-border-radius: 3px;
  8381. }
  8382. .tipsy-arrow {
  8383.     position: absolute;
  8384.     background: url(../img/temp_phoenix/tipsy.gif) no-repeat top left;
  8385.     width: 9px;
  8386.     height: 5px;
  8387. }
  8388. .tipsy-n .tipsy-arrow {
  8389.     top: 0;
  8390.     left: 50%;
  8391.     margin-left: -4px;
  8392. }
  8393. .tipsy-nw .tipsy-arrow {
  8394.     top: 0;
  8395.     left: 10px;
  8396. }
  8397. .tipsy-ne .tipsy-arrow {
  8398.     top: 0;
  8399.     right: 10px;
  8400. }
  8401. .tipsy-s .tipsy-arrow {
  8402.     bottom: 0;
  8403.     left: 50%;
  8404.     margin-left: -4px;
  8405.     background-position: bottom left;
  8406. }
  8407. .tipsy-sw .tipsy-arrow {
  8408.     bottom: 0;
  8409.     left: 10px;
  8410.     background-position: bottom left;
  8411. }
  8412. .tipsy-se .tipsy-arrow {
  8413.     bottom: 0;
  8414.     right: 10px;
  8415.     background-position: bottom left;
  8416. }
  8417. .tipsy-e .tipsy-arrow {
  8418.     top: 50%;
  8419.     margin-top: -4px;
  8420.     right: 0;
  8421.     width: 5px;
  8422.     height: 9px;
  8423.     background-position: top right;
  8424. }
  8425. .tipsy-w .tipsy-arrow {
  8426.     top: 50%;
  8427.     margin-top: -4px;
  8428.     left: 0;
  8429.     width: 5px;
  8430.     height: 9px;
  8431. }
  8432. .stream-item-activity-me { border-bottom: 1px solid #e8e8e8 }
  8433. .stream-item-activity-me .latest-tweet {
  8434.     min-height: 0;
  8435.     padding: 0;
  8436.     margin-top: -3px;
  8437.     margin-bottom: 3px;
  8438.     font-size: 13px;
  8439.     border-bottom: none;
  8440. }
  8441. .stream-item-activity-me .latest-tweet .tweet-text { word-wrap: break-word }
  8442. .stream-item-activity-me .latest-tweet .tweet-row {
  8443.     margin-top: -3px;
  8444.     display: inline-block;
  8445.     *display: inline;
  8446.     max-width: 435px;
  8447.     overflow: hidden;
  8448.     text-overflow: ellipsis;
  8449.     white-space: nowrap;
  8450.     zoom: 1;
  8451. }
  8452. .stream-item-activity-me .latest-tweet .tweet-row,
  8453. .stream-item-activity-me .latest-tweet .tweet-row a { color: #999 }
  8454. .stream-item-activity-me .latest-tweet .tweet-text,
  8455. .stream-item-activity-me .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp {
  8456.     display: inline;
  8457.     zoom: 1;
  8458. }
  8459. .stream-item-activity-line-me { padding: 10px 20px 5px 70px }
  8460. .stream-item-activity-me .stream-item-activity-line {
  8461.     font-size: 14px;
  8462.     line-height: 18px;
  8463. }
  8464. .stream-item-activity-line-me .fullname { color: #000 }
  8465. .stream-item-list_member_added .stream-item-activity-line-me { padding-bottom: 12px }
  8466. .stream-item-activity-me .activity-additional-info { margin: 9px 12px 0 0 }
  8467. .stream-item-activity-me span.list {
  8468.     min-height: 0;
  8469.     margin: 0;
  8470.     padding: 0;
  8471.     border: 0;
  8472. }
  8473. .stream-item-activity-me .stream-item-activity-header .pretty-link b {
  8474.     font-weight: bold;
  8475.     color: #333;
  8476. }
  8477. .stream-item-activity-me .stream-item-activity-header .pretty-link s { display: none }
  8478. .stream-item-activity-me .view-all-supplements {
  8479.     margin-left: 70px;
  8480.     margin-bottom: 6px;
  8481. }
  8482. .stream-item-activity-me .supplement.hidden-supplement { display: block }
  8483. .stream-item-activity-me .activity-supplement {
  8484.     margin: 0;
  8485.     padding: 0 12px 10px 70px;
  8486. }
  8487. .stream-item-activity-me .has-hidden-supplements { padding-bottom: 0 }
  8488. .stream-item-activity-me .activity-type {
  8489.     position: absolute;
  8490.     left: 50px;
  8491.     top: 10px;
  8492.     *top: 12px;
  8493.     display: inline-block;
  8494.     *display: inline;
  8495.     width: 16px;
  8496.     *width: 24px;
  8497.     height: 16px;
  8498.     margin-left: 0;
  8499.     vertical-align: middle;
  8500.     zoom: 1;
  8501. }
  8502. .stream-item-list_member_added.stream-item-activity-me .stream-item-activity-line .avatar,
  8503. .stream-item-list_member_added.stream-item-activity-me .activity-supplement { display: none }
  8504. .stream-item-activity-me .avatar {
  8505.     display: inline-block;
  8506.     *display: inline;
  8507.     margin-right: 2px;
  8508.     cursor: pointer;
  8509.     zoom: 1;
  8510. }
  8511. .stream-item-activity-network .stream-item-activity-header {
  8512.     padding: 8px 8px 8px 12px;
  8513.     margin: 12px 12px 0;
  8514.     background-color: #f8f8f8;
  8515.     border: 1px solid #eaeaea;
  8516.     -webkit-border-top-left-radius: 4px;
  8517.     -webkit-border-top-right-radius: 4px;
  8518.     -moz-border-radius-topleft: 4px;
  8519.     -moz-border-radius-topright: 4px;
  8520.     border-top-left-radius: 4px;
  8521.     border-top-right-radius: 4px;
  8522. }
  8523. .stream-item-activity-network .activity-timestamp,
  8524. .stream-item-activity-network .activity-type { display: none }
  8525. .follow-exactly-two .account .fullname,
  8526. .follow-exactly-two .account .username {
  8527.     display: block;
  8528.     overflow: hidden;
  8529.     text-overflow: ellipsis;
  8530.     white-space: nowrap;
  8531. }
  8532. .follow-more-than-two .sm-lock,
  8533. .follow-exactly-two .sm-lock { display: none }
  8534. .stream-item-activity-network .view-all-supplements { color: #999 }
  8535. .stream-item-activity-network .has-hidden-supplements .supplement {
  8536.     border-top: 1px solid #e8e8e8;
  8537.     padding-top: 1px;
  8538. }
  8539. .stream-item-activity-network .has-hidden-supplements .visible-supplement { border-top: none }
  8540. .stream-item-activity-network .activity-supplement .tweet { border-bottom: none }
  8541. .stream-item-activity-network .activity-supplement {
  8542.     margin: 0 12px;
  8543.     border: 1px solid #eaeaea;
  8544.     border-top: 0;
  8545.     -webkit-border-bottom-right-radius: 4px;
  8546.     -webkit-border-bottom-left-radius: 4px;
  8547.     -moz-border-radius-bottomright: 4px;
  8548.     -moz-border-radius-bottomleft: 4px;
  8549.     border-bottom-right-radius: 4px;
  8550.     border-bottom-left-radius: 4px;
  8551. }
  8552. .stream-item-activity-network .follow-combo { margin-top: 6px }
  8553. .stream-item-activity-network .activity-supplement .account .content {
  8554.     margin-right: 0;
  8555.     margin-left: 85px;
  8556.     min-height: 72px;
  8557. }
  8558. .stream-item-follow .follow-more-than-two .content .avatar,
  8559. .stream-item-list_member_added .follow-more-than-two .content .avatar {
  8560.     position: relative;
  8561.     left: 0;
  8562.     top: 0;
  8563. }
  8564. .stream-item-activity-line-network .avatar {
  8565.     margin-right: 3px;
  8566.     vertical-align: top;
  8567.     -webkit-border-radius: 2px;
  8568.     -moz-border-radius: 2px;
  8569.     border-radius: 2px;
  8570. }
  8571. .stream-item-activity-network .follow-more-than-two { padding: 12px 12px 9px }
  8572. .stream-item-activity-network .follow-more-than-two .account { margin-right: 12px }
  8573. .stream-item-activity-network .follow-more-than-two .account .content { margin: 0 }
  8574. .stream-item-activity-network .follow-exactly-two .supplement { width: 50% }
  8575. .colorpicker {
  8576.     width: 286px;
  8577.     height: 176px;
  8578.     overflow: hidden;
  8579.     position: absolute;
  8580.     background: #fff url(../img/colorpicker/custom_background.png);
  8581.     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1);
  8582.     border: 1px solid #ccc;
  8583.     display: none;
  8584.     z-index: 9999;
  8585. }
  8586. .colorpicker_color {
  8587.     width: 150px;
  8588.     height: 150px;
  8589.     left: 14px;
  8590.     top: 13px;
  8591.     position: absolute;
  8592.     background: #f00;
  8593.     overflow: hidden;
  8594.     cursor: crosshair;
  8595. }
  8596. .colorpicker_color div {
  8597.     position: absolute;
  8598.     top: 0;
  8599.     left: 0;
  8600.     width: 150px;
  8601.     height: 150px;
  8602.     background: url(../img/colorpicker/colorpicker_overlay.png);
  8603. }
  8604. .colorpicker_color div div {
  8605.     position: absolute;
  8606.     top: 0;
  8607.     left: 0;
  8608.     width: 11px;
  8609.     height: 11px;
  8610.     overflow: hidden;
  8611.     background: url(../img/colorpicker/colorpicker_select.gif);
  8612.     margin: -5px 0 0 -5px;
  8613. }
  8614. .colorpicker_hue {
  8615.     position: absolute;
  8616.     top: 13px;
  8617.     left: 171px;
  8618.     width: 35px;
  8619.     height: 150px;
  8620.     cursor: n-resize;
  8621. }
  8622. .colorpicker_hue div {
  8623.     position: absolute;
  8624.     width: 35px;
  8625.     height: 9px;
  8626.     overflow: hidden;
  8627.     background: url(../img/colorpicker/colorpicker_indic.gif) left top;
  8628.     margin: -4px 0 0 0;
  8629.     left: 0;
  8630. }
  8631. .colorpicker_new_color { display: none }
  8632. .colorpicker_current_color {
  8633.     display: none;
  8634.     position: absolute;
  8635.     width: 60px;
  8636.     height: 30px;
  8637.     left: 283px;
  8638.     top: 13px;
  8639.     background: #f00;
  8640. }
  8641. .colorpicker input {
  8642.     background-color: #fff;
  8643.     margin: 0;
  8644.     padding: 5px;
  8645.     text-align: center;
  8646.     border: 1px solid #ccc;
  8647.     font-family: "lucida grande",helvetica,arial,sans-serif;
  8648. }
  8649. .colorpicker_hex {
  8650.     position: absolute;
  8651.     width: 58px;
  8652.     height: 22px;
  8653.     right: 15px;
  8654.     left: auto!important;
  8655.     top: 9px;
  8656. }
  8657. .colorpicker_hex input { right: 6px }
  8658. .colorpicker_field {
  8659.     height: 22px;
  8660.     width: 62px;
  8661.     background-position: top;
  8662.     position: absolute;
  8663. }
  8664. .colorpicker_field span {
  8665.     position: absolute;
  8666.     width: 12px;
  8667.     height: 22px;
  8668.     overflow: hidden;
  8669.     top: 0;
  8670.     right: 0;
  8671.     cursor: n-resize;
  8672. }
  8673. .colorpicker_rgb_r {
  8674.     display: none;
  8675.     background-image: url(../img/colorpicker/custom_rgb_r.png);
  8676.     top: 52px;
  8677.     left: 212px;
  8678. }
  8679. .colorpicker_rgb_g {
  8680.     display: none;
  8681.     background-image: url(../img/colorpicker/custom_rgb_g.png);
  8682.     top: 82px;
  8683.     left: 212px;
  8684. }
  8685. .colorpicker_rgb_b {
  8686.     display: none;
  8687.     background-image: url(../img/colorpicker/custom_rgb_b.png);
  8688.     top: 112px;
  8689.     left: 212px;
  8690. }
  8691. .colorpicker_hsb_h {
  8692.     display: none;
  8693.     background-image: url(../img/colorpicker/custom_hsb_h.png);
  8694.     top: 52px;
  8695.     left: 282px;
  8696. }
  8697. .colorpicker_hsb_s {
  8698.     display: none;
  8699.     background-image: url(../img/colorpicker/custom_hsb_s.png);
  8700.     top: 82px;
  8701.     left: 282px;
  8702. }
  8703. .colorpicker_hsb_b {
  8704.     display: none;
  8705.     background-image: url(../img/colorpicker/custom_hsb_b.png);
  8706.     top: 112px;
  8707.     left: 282px;
  8708. }
  8709. .colorpicker_submit {
  8710.     position: absolute;
  8711.     height: 22px;
  8712.     width: 58px;
  8713.     left: 213px;
  8714.     top: 142px;
  8715.     overflow: hidden;
  8716. }
  8717. .colorpicker_focus { background-position: center }
  8718. .colorpicker_hex.colorpicker_focus { background-position: bottom }
  8719. .colorpicker_submit.colorpicker_focus { background-position: bottom }
  8720. .colorpicker_slider { background-position: bottom }
  8721. #inputs {
  8722.     clear: both;
  8723.     padding-left: 20px;
  8724. }
  8725. #inputs label {
  8726.     display: block;
  8727.     width: 82px;
  8728.     _width: 81px;
  8729.     float: left;
  8730.     margin-right: 13px;
  8731.     border: 1px solid #fff;
  8732.     padding: 5px 0;
  8733.     font-size: 90%;
  8734. }
  8735. .color-wrap {
  8736.     float: left;
  8737.     padding: 1px;
  8738.     border: 2px solid #eee;
  8739.     border-radius: 4px;
  8740.     -moz-border-radius: 4px;
  8741.     -webkit-border-radius: 4px;
  8742. }
  8743. .color-wrap:hover {
  8744.     padding: 0;
  8745.     border-width: 3px;
  8746.     border-color: #999;
  8747. }
  8748. .colorpicker-box {
  8749.     width: 80px;
  8750.     height: 75px;
  8751.     cursor: pointer;
  8752. }
  8753. .color-picker-module { position: relative }
  8754. .colorpicker-container {
  8755.     position: absolute;
  8756.     display: none;
  8757.     z-index: 99;
  8758. }
  8759. div.colorpicker_hex input[type=text] {
  8760.     width: 50px;
  8761.     margin-top: 3px;
  8762. }
  8763. #colors .inactive { display: none }
  8764. #colors button,
  8765. #colors button:hover {
  8766.     background-color: none;
  8767.     border: none;
  8768. }
  8769.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement