Want more features on Pastebin? Sign Up, it's FREE!
Guest

#newtwitter CSS beautified

By: a guest on Dec 9th, 2011  |  syntax: CSS  |  size: 238.56 KB  |  views: 348  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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-i