Skip to content

Instantly share code, notes, and snippets.

@disinfeqt
Created August 19, 2011 04:36
Show Gist options
  • Save disinfeqt/1156047 to your computer and use it in GitHub Desktop.
Save disinfeqt/1156047 to your computer and use it in GitHub Desktop.
.t-section:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.t-unit .t-section:after {
clear:none;
}
.t-unit .t-section {
width:100%;
overflow:hidden;
}
.t-section,.t-unit {
zoom:1;
}
.t-tpl-25-75 .t-unit,.t-unit .t-tpl-25-75 .t-unit,.t-unit .t-unit .t-tpl-25-75 .t-unit,.t-unit .t-unit .t-unit .t-tpl-25-75 .t-unit {
width:74.999%;
float:right;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-25-75 .t-first,.t-unit .t-unit .t-tpl-25-75 .t-first,.t-unit .t-tpl-25-75 .t-first,.t-tpl-25-75 .t-first {
width:24%;
float:left;
display:inline;
margin:0;
}
.t-tpl-25-75-alt .t-unit,.t-unit .t-tpl-25-75-alt .t-unit,.t-unit .t-unit .t-tpl-25-75-alt .t-unit,.t-unit .t-unit .t-unit .t-tpl-25-75-alt .t-unit {
width:24%;
float:left;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-25-75-alt .t-first,.t-unit .t-unit .t-tpl-25-75-alt .t-first,.t-unit .t-tpl-25-75-alt .t-first,.t-tpl-25-75-alt .t-first {
width:74.999%;
float:right;
display:inline;
margin:0;
}
.t-tpl-75-25 .t-unit,.t-unit .t-tpl-75-25 .t-unit,.t-unit .t-unit .t-tpl-75-25 .t-unit,.t-unit .t-unit .t-unit .t-tpl-75-25 .t-unit {
width:24%;
float:right;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-75-25 .t-first,.t-unit .t-unit .t-tpl-75-25 .t-first,.t-unit .t-tpl-75-25 .t-first,.t-tpl-75-25 .t-first {
width:74.999%;
float:left;
display:inline;
margin:0;
}
.t-tpl-75-25-alt .t-unit,.t-unit .t-tpl-75-25-alt .t-unit,.t-unit .t-unit .t-tpl-75-25-alt .t-unit,.t-unit .t-unit .t-unit .t-tpl-75-25-alt .t-unit {
width:74.999%;
float:left;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-75-25-alt .t-first,.t-unit .t-unit .t-tpl-75-25-alt .t-first,.t-unit .t-tpl-75-25-alt .t-first,.t-tpl-75-25-alt .t-first {
width:24%;
float:right;
display:inline;
margin:0;
}
.t-tpl-33-67 .t-unit,.t-unit .t-tpl-33-67 .t-unit,.t-unit .t-unit .t-tpl-33-67 .t-unit,.t-unit .t-unit .t-unit .t-tpl-33-67 .t-unit {
width:66%;
float:right;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-33-67 .t-first,.t-unit .t-unit .t-tpl-33-67 .t-first,.t-unit .t-tpl-33-67 .t-first,.t-tpl-33-67 .t-first {
width:32%;
float:left;
display:inline;
margin:0;
}
.t-tpl-33-67-alt .t-unit,.t-unit .t-tpl-33-67-alt .t-unit,.t-unit .t-unit .t-tpl-33-67-alt .t-unit,.t-unit .t-unit .t-unit .t-tpl-33-67-alt .t-unit {
width:32%;
float:left;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-33-67-alt .t-first,.t-unit .t-unit .t-tpl-33-67-alt .t-first,.t-unit .t-tpl-33-67-alt .t-first,.t-tpl-33-67-alt .t-first {
width:66%;
float:right;
display:inline;
margin:0;
}
.t-tpl-67-33 .t-unit,.t-unit .t-tpl-67-33 .t-unit,.t-unit .t-unit .t-tpl-67-33 .t-unit,.t-unit .t-unit .t-unit .t-tpl-67-33 .t-unit {
width:32%;
float:right;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-67-33 .t-first,.t-unit .t-unit .t-tpl-67-33 .t-first,.t-unit .t-tpl-67-33 .t-first,.t-tpl-67-33 .t-first {
width:66%;
float:left;
display:inline;
margin:0;
}
.t-tpl-67-33-alt .t-unit,.t-unit .t-tpl-67-33-alt .t-unit,.t-unit .t-unit .t-tpl-67-33-alt .t-unit,.t-unit .t-unit .t-unit .t-tpl-67-33-alt .t-unit {
width:66%;
float:left;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-67-33-alt .t-first,.t-unit .t-unit .t-tpl-67-33-alt .t-first,.t-unit .t-tpl-67-33-alt .t-first,.t-tpl-67-33-alt .t-first {
width:32%;
float:right;
display:inline;
margin:0;
}
.t-tpl-50-50 .t-unit,.t-unit .t-tpl-50-50 .t-unit,.t-unit .t-unit .t-tpl-50-50 .t-unit,.t-unit .t-unit .t-unit .t-tpl-50-50 .t-unit {
width:49.999%;
float:right;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-50-50 .t-first,.t-unit .t-unit .t-tpl-50-50 .t-first,.t-unit .t-tpl-50-50 .t-first,.t-tpl-50-50 .t-first {
width:49.999%;
float:left;
display:inline;
margin:0;
}
.t-tpl-50-50-alt .t-unit,.t-unit .t-tpl-50-50-alt .t-unit,.t-unit .t-unit .t-tpl-50-50-alt .t-unit,.t-unit .t-unit .t-unit .t-tpl-50-50-alt .t-unit {
width:49.999%;
float:left;
display:inline;
margin:0;
}
.t-unit .t-unit .t-unit .t-tpl-50-50-alt .t-first,.t-unit .t-unit .t-tpl-50-50-alt .t-first,.t-unit .t-tpl-50-50-alt .t-first,.t-tpl-50-50-alt .t-first {
width:49.999%;
float:right;
display:inline;
margin:0;
}
.t-tpl-nest .t-unit,.t-unit .t-tpl-nest .t-unit,.t-unit .t-unit .t-tpl-nest .t-unit,.t-unit .t-unit .t-unit .t-tpl-nest .t-unit {
float:left;
width:auto;
display:inline;
margin:0;
}
.t-tpl-nest-alt .t-unit,.t-unit .t-tpl-nest-alt .t-unit,.t-unit .t-unit .t-tpl-nest-alt .t-unit,.t-unit .t-unit .t-unit .t-tpl-nest-alt .t-unit {
float:right;
width:auto;
display:inline;
margin:0;
}
body.front-page {
background:#FFF url('data:image/jpeg;base64,%2F9j%2F4AAQSkZJRgABAgAAZABkAAD%2F7AARRHVja3kAAQAEAAAASQAA%2F%2B4ADkFkb2JlAGTAAAAAAf%2FbAIQABAICAgMCBAMDBAUDAwMFBgQEBAQGBwYGBgYGBwkHCAcHCAcJCQoLCwsKCQwMDAwMDA8PDw8PEREREREREREREQEEBAQHBgcNCQkNEw4NDhMUERERERQRERERERERERERERERERERERERERERERERERERERERERERERERERERERER%2F8AAEQgBoQA3AwERAAIRAQMRAf%2FEAG8AAQEBAQEAAAAAAAAAAAAAAAEAAgMGAQEBAAAAAAAAAAAAAAAAAAAABhABAAEDAwIEBAUDBAMAAAAAAREAIQIxQRJRYXGBkSKhsTID8MHRQhPxciPhUrIz0gQ0EQEAAAAAAAAAAAAAAAAAAAAA%2F9oADAMBAAIRAxEAPwDyLBkO8WvD1qkTgIizMQmwR3oLP6ke8vQjRigvc4zltETEQ2vQOHOw2x24n6UB%2FHEuSRjawbeVBcDi22kxOk386BynjFhfbx6u0lqCwcjLKJ5Y%2FtISWgDIMcpZx%2Bm9qCxwcnE4kMx%2BJ70CTxLh%2B2CLLcZoL2FlbEordWgsRckQbSE2nzoIcUjL%2B56E%2BNBZWgyMYdWIb3vtQawHl2ddHTX40GLGE2gL3br09KDU%2FwCOMYePUnWgL4xkTybAMRQLkMNrSByt6%2BVBlnKcbDgJGPTxoNExpruu%2FTegxEBtOktkig19vgZDjd%2F3X9IKCcXFyW%2BmMl7tBH22RNdTvB5b0BGKRNh870C8Fd%2B5fbpQRkS8dxMeLEdO%2B1BMJGi%2FTc0Yt1oGPamUiik%2B6Hx2SgyZ5ZTY9s2d7fOglOy65Da2%2FrQT%2FIYExfTTolBMuRN1VIH470DwxWDeQi8x2oDHHLJ0ZdNtelA8sJknHJmbx86DI5ZWd274daDY8mJm2sTvGhegDLHlJqM62ifTSg1YU2xLQtj86DEqXDJj6rT%2BtBvHEsBqSa7nzmgwccMrsxbi2nx8GgZmOMa2hIZ7NBKZOWOMAXjrG1BOb19uk%2Bfe9BPGeKnt7QeYUCQ6M5EzBDDvQCLK3yjWbx3KCyAxcj6mYt3%2FAEKAlbntbXA2nwoGPbLY0lmSTy60DhkwykbNomJ2tQGQ8ZZbuUGuNBBxyieQd1oIynQ4w%2B6TT870Fi48pAvLxFnqfKgIyEbSjxVt86B4ol%2BJjMw9OtBXc9YQmTTrNBGWRNol9xpPhQOIuTxUiY2LUGZyW6ZDsT8dKBtiyQwpe1Bfx6GQoheL%2FEoLK1voddTebfGgAQmYnfrvN%2B9A5Ze%2FRg2T19ZoLFyNLN%2Fbfx260FyDI3i7OtpdqByYL2Mi8xee9BmZxjXaz0%2BNBSB7z2vn%2BdAy8TCdCIj8daAcMTK5HQn9VoNCaBdNU9DQtQUat7PIiC29AMbSZsya%2BlulAZZRiRvdOshrK0DjkA4yQ3t1bUBKkP0bM%2F6UHQ%2B79mQcMfdeFz6azyoMuf2oMT7eDMN8so6acqBfu%2FY4n%2BPHumWSf8qA5%2Fbv%2FiwxP7s47OtA%2FwAn2mJ%2B0cYGJz%2F8u9AGf22eP2sbwwOaj391A%2FzfYiP4yXR98f8AOgw4vB6O4a%2BdqBOLkEcR21idrUEFpnkKyecE%2BtAK4nJZYiMr70F9zPJejkR7f1O9Az7cWecapNigv3cCIx8N38FBaJjoagdZsXv50FnkTBjM343%2FAKa0Ep9JfQDQZvpQR7nkJOs6M0FOpkQDL4SECRQWOEjliLDp38POgzjjGTe7e2nrQORyx5WJjrBaKCYjSf3Mak3PnQOFiVJB8SJnegyw%2B5u6Ws6akUG5ZHItls3oMuWUHKcnLZ10Q9ZoNF7suJfvHz70BJlkZe76Y1J7%2BVBZXOOMdmTzigsS8uv7XR6aTQBlkZKsjBdn50Cynu0xfl1oJniEaDIfn03oJvZVcXa7e96A%2B5bK5N5XWZny60DK4RKLcj5WoDJDGAJdyzbb%2BtAs8l8L6flpQNpY9rlu72OrQZW5E6Ft%2BvQ%2BFBrMOIcW4SdOh12oM85mZMdWL7%2BW9A8pP7pY27dNaCb5BxWIevqFAYwW1m0JpFoeuu1BrTMMTXSB07a7UGU9qZWMmeXGe8TQKD7iLX5HbtQWMS%2B1tAMTt%2FpQB9w5TIMzx1POWgXDG8RqMbWfOaAHE%2BMxJpQaeLqookF3yoDFyuGxZnQ6npQUBlAnFdV0n46UGTGMRSJ%2Bmf0mgdSW49b%2BfnQXGEGCHedvnYoL26TEKdLXjSgco%2Fjgst%2Fy6FAsjOULoby%2BPhrQGUASTaYe%2Fbt40E4s%2B8iDUtebO1BTDOltYv4a0BEzlqrebNrbUDiGJPhMGnYoJywbk445QdiPxpQZjMLvGzO2s%2BVAwxEA6FiJmF9aBxWIhxxbkEa0BgpZti6rMNvzoBy90hjxxet2LUGzKRmccsYjL9WgMchh%2BmC2s%2BVAnsAmNUS5b0oMuDHFRAib6unpQMGAWvuX8LFAEP2zixbi2V86DUOmIs2H1aCcgA%2Bmbr87d6AV3mFiAny1%2BFAguSkwMTl0oMnKcoffY0%2BM0GkwbQTlcYm%2FSgzji4nKG7pv52mgccc3IfonT92l7dKDOOvubP7e0zJFBriY%2B3G%2BTDB17a6UBg5y2A14aUCIPJvj1IUlsdKAyXJYyYW5p57X8KCQgSCNUtL8taBcN8gTRd6AXB6RjJHT0oEJ%2B42JmxLNqBwAxmOUTjG%2FSgoAP9v5Pl56UGVx4OKe4JGemxrQai0wdbdO7j0oMl0fp4m%2Bq9XzoHkLxZjG3i9x60EZZ8SLJZjr4FATmE3QfMenlFBpMrHJMJ2ux18aDE48cYu3DZ7fGg6ZZM8kmNpv0l8qDOcPIQtrDc2oLLLJV%2BlBviOtn40Fjnky8mMtVj8adKCNUEnQlv4DQHLKBm31R1XfSg1aIy9wXL6b0GcTEJ%2BPfTegXDDJAIWydHv60ErMzrIx%2Bb0oGRyhbxGsxG21BkQJAJsW8rNAuHLLjLImheC1%2FwBaBcX%2BNmMW19J6N%2F1oMscgBxttprvNAoC7uP1dNNYoAFzCzAuMjfb8poJB11%2BlIYibeFBr7eJfYszrZ2oIeWSrpcNrd6DOJkhOkSWnSPhQCqiCSzyBWenrQaXJGZXSG3n2oAyBk%2BmNG9As5TkFsiPhvpQHINLJ3m2gCUD7CHIteDf0oL3IJC6WbaRE0A4KKAl7hpEUFkYyjj7nwUj8RQLnkyABezdmHegsMZyCHWIsNu9AkA3JjuT0b96AY5XWddtW8FtdKCgibQaGt3Qts0BjmR7QlsoaT0oNK8DjixBfXXWO80AcXii9INTYmgPcYx%2Fu14uvpegc2RbI9762b0FwYAJyuPjGtBkft433neX8RQKYjYjix49YltQTCrK8dCNfWWg3GWn1ccbce0ROrQF45KCgHnQHLFmyq6s3%2FSgeJMpOK8QHSO9Bky2JyYu9egFA8EZ4%2B3aL67%2BdBcsrY5X42nc66RQOX25VXjGhO3lFBTlk3PcRad9TWgzmY8YBTytLtQaXPmLdi17w7x1oMw6xfIbdNW%2BtBMn3J0G56bdqCx5qp9Tc%2FPvtQactRjlnrCrEdIoDixBkesaeHegeS4MIcgH5delAGf7tce2sUA2G8DMvh5PwoEgFtxbk7x2oAymxrOveguSu3JGx321vQUZkLILP49aBcUMoE3Ftt3oA4GEBON5WW%2Bk6UCuLsri8wNb7X70CpbGZDWV8S8PSgDi5HHKV2GL%2FAI7UF7XIVvJ%2BDegceLGJcu%2B1sDbegokCExyuuVpnwoDnh9Zd%2BpPx6UFy%2Fai5G8z5%2BVBY3uclIWJs2trQUOulrxMH4daB4JE2h5M9%2B%2Fagzinhkb2i%2FnQOZ70n3NtOtAGOV8WwkRL4bdaDWDHEdXS2xo2oDDHPhEWy7iWtQWGXt0THGGB18KAQcXQTWd%2FW9A7kGNptOw6zrQWOOM9Z1HqPTegjLOZJAOTMRKLQXLLICPbCy9pigEeQzIbvaaB9riSyOto9Y8KAjLHLI4sZaR4UGsZJuTjY3jZ3n1oMZmWGQje3unUjxoNTDqS3hd%2Bt%2FWgkylhG1vP5UBnyxwsJilx7%2FwBaDWeDETw4ljeO2nSgzghNmG8ZeVu1BqYJC%2BWx8qDOLLb28Zvl%2Be1BY5BOTj1SbmtAmSziOsEw3NIv3oJ%2Fjgsrrf5S9u1AMv1LGpr16X3oNcsRY035FofGgMubl7vbjsTEdWguKZooRF8S1%2BwlAy8nZbvW22m7QAxbLImIH0jxoH7n3P8AJ3tpp8aDOe8tp001e9AwLleL3xG%2BvVoBxcnTaOt9KBw4gy6EbaFA5Aw%2FuNpf6zQFtZi%2FGNk70Ce7H3RHY3dr9KCnIs3GxsbUEGWG5jc4j1YKAIkyhxJTW%2FSaA454Foe97RqfGg0GS6mKXmPG540ApHHERyN09KCyyxlswzidIKAM8XL2hj12ekWOtBOeXKDL25b2mLmtAjOSSC6b%2BVBJOTFjEk7kdqA90TEOpsRaaBxiX2toBidv9KAPuHKZBmeOp5y0C4Y3iNRjaz5zQA4nxmJNKDTxdVFEgu%2BVAYuVw2LM6HU9KCgMoE4rquk%2FHSgyYxiKRP0z%2Bk0DqS3Hrfz86C4wgwQ7zt87FBe3SYhTpa8aUDlH8cFlv%2BXQoFkZyhdDeXx8NaAygCSbTD37dvGgnFn3kQalrzZ2oKYZ0trF%2FDWgImctVbzZtbagcQxJ8Jg07FBOWDcnHHKDsR%2BNKDMZhd42Z21nyoGGIgHQsRMwvrQOKxEOOLcgjWgMFLNsXVZht%2BdAOXukMeOL1uxag2ZSMzjljEZfq0BjkMP0wW1nyoE9gExqiXLelBlwY4qIETfV09KBgwC19y%2FhYoAh%2B2cWLcWyvnQah0xFmw%2BrQTkAH0zdfnbvQCu8wsQE%2BWvwoEFyUmBiculBk5TlD77Gnxmg0mDaCcrjE36UGccXE5Q3dN%2FO00Djjm5D9E6fu0vbpQZx19zZ%2Fb2mZIoNcTH243yYYOvbXSgMHOWwGvDSgRB5N8epCktjpQbf%2BnP%2B7P5NBx%2Bz%2BePzoD%2F2P%2B58vlQWf%2FTh45flQbP%2FAKMfL50EfSf2PyoLD%2FqP7c6D%2F9k%3D') repeat-x 0 0;
*background:#FFF url(../img/front/bg.png) repeat-x 0 0;
}
.front-page #doc {
overflow:hidden;
min-width:1000px;
background:url(../img/front/map.png) no-repeat center 0;
*background:none;
}
.front-page #page-outer {
padding-top:0;
width:1000px;
position:relative;
}
.front-page #top-bar-outer,#front-container {
display:none;
}
.front-page #front-container {
display:block;
overflow:visible;
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
}
.front-page .search .button,.front-page .front-signin .button,.front-page .front-signup .button {
border:none;
}
.front-page form .holding input {
border:none!important;
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
background-color:white;
color:#567792;
opacity:.7;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
}
.front-page form .hasome input {
color:#333;
}
.front-page form .holding:hover input {
opacity:.9;
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);
-moz-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);
box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);
}
.front-page form .holding input:focus,.front-page form .holding input.focused,.front-page form .holding input.actasfocused {
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9) -moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);
box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);
opacity:1;
outline:none;
}
.front-page #front-container .leftside {
padding-top:30px;
width:530px;
height:435px;
}
.front-page .leftside h1 {
width:184px;
height:39px;
background:url(../img/front/logo.png) no-repeat 0 0;
}
.front-page .leftside h1 span {
visibility:hidden;
}
body.pt .front-page .leftside h2 {
font-size:45px;
}
body.ru .front-page .leftside h2 {
margin-top:55px;
}
.front-page .leftside h2 {
font-size:50px;
font-weight:100;
line-height:.9em;
margin:86px 0 8px 0;
}
.front-page .leftside h2 a {
color:white;
text-shadow:0 1px 0 rgba(0,0,0,0.6);
outline:none;
-webkit-transition:text-shadow .4s ease-in-out;
}
.front-page .leftside h2 a:hover {
text-decoration:none;
text-shadow:0 1px 0 rgba(0,0,0,0.6),0 0 6px rgba(143,181,200,1),0 0 30px rgba(143,181,200,.7);
}
body.tr #front-container .leftside h2 a {
font-family:Arial,sans-serif;
}
.front-page .leftside p {
color:#B9CBD6;
font-weight:300;
font-size:20px;
line-height:26px;
text-shadow:0 1px 0 rgba(0,0,0,0.6);
}
body.ru #front-container .search,body.pt #front-container .search {
position:absolute;
top:340px;
}
.front-page .search {
position:absolute;
top:318px;
}
.front-page .search input,.front-page .search .holding .holder {
font:15px "Helvetica Neue",Arial,sans-serif;
}
.front-page .search .holding .holder {
line-height:36px;
padding-left:6px;
color:#555;
}
.front-page .search input {
-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
padding:9px 12px;
width:314px;
background:rgba(255,255,255,0.6);
}
.front-page .search .glass {
display:block;
position:absolute;
left:304px;
top:6px;
cursor:pointer;
background:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.front-page .search .glass i {
background-image:url(../img/sprite-icons.png);
background-position:-256px -96px;
width:14px;
height:14px;
display:block;
font-size:0;
}
.front-page .search .glass.left i {
background-position:-224px -112px;
}
.front-page .search .glass i:after {
content:"";
background-image:url(../img/sprite-icons.png);
background-position:-240px -96px;
width:14px;
height:14px;
display:block;
position:absolute;
margin-top:1px;
opacity:.6;
z-index:-1;
}
.front-page .rightside {
position:absolute;
right:-20px;
top:0;
width:350px;
}
.front-page .rightside div.gradient {
position:absolute;
z-index:-1;
top:0;
left:-200px;
width:750px;
height:417px;
background-image:-moz-radial-gradient(center 65%,circle farthest-side,#8fb5c8 10%,rgba(143,181,200,0) 100%);
background-image:-webkit-gradient(radial,center 65%,40,center center,350,from(#8fb5c8),to(rgba(143,181,200,0)));
*display:none;
}
.front-signin {
padding:28px 0 0 20px;
}
.front-page .signin .textbox {
height:27px;
}
.front-page .signin .textbox div.holding {
position:absolute;
}
.front-page .signin .textbox div.password {
left:143px;
}
.front-page .signin .textbox input {
width:105px;
font-size:13px;
padding:6px;
}
.front-page .signin .password input {
width:104px;
}
.front-page .signin .holding .holder {
line-height:28px;
}
.front-page .signin .subchck {
position:static;
padding:0;
}
.front-page .signin .subchck label.remember {
left:20px;
}
.front-page .signin .submit {
padding:6px;
position:absolute;
left:265px;
margin-top:-27px;
*margin-top:-26px;
*width:64px;
min-width:64px;
text-align:center;
white-space:nowrap;
font-weight:bold;
box-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
}
.front-page .signin p {
padding-left:131px;
}
.front-page .signin p a,.front-page .signin .remember span {
line-height:22px;
color:white;
}
.front-signup {
position:absolute;
width:310px;
padding:20px;
top:135px;
}
.front-signup h3 {
color:white;
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
margin-bottom:6px;
font-size:16px;
}
.front-signup h3 em {
font-style:normal;
font-weight:300;
}
.front-page form.signup .holding input,.front-page form.signup .holding .holder {
font:15px "Helvetica Neue",Arial,sans-serif;
}
.front-page form.signup .holding input {
padding:9px 7px 10px 7px;
width:296px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin-bottom:8px;
opacity:1!important;
}
.front-page form.signup .holding .holder {
line-height:38px;
}
.front-signup .submit {
height:35px;
float:right;
padding-left:16px;
padding-right:16px;
box-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
}
form.signup .holding div.inlinetip {
position:absolute;
z-index:2;
background-color:black;
background:-moz-linear-gradient(top,#333 0,#111 40%);
background:-webkit-gradient(linear,left top,left 40%,from(#333),to(#111));
right:322px;
padding:0 9px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:-2px 0 0 rgba(0,0,0,0.2);
-moz-box-shadow:-2px 0 0 rgba(0,0,0,0.2);
-webkit-box-shadow:-2px 0 0 rgba(0,0,0,0.2);
}
form.signup .holding div.inlinetip p {
color:#DDD;
line-height:37px;
white-space:nowrap;
}
form.signup .holding div.inlinetip .triangle {
position:absolute;
height:0;
border:8px solid transparent;
border-left-color:#111;
right:-16px;
top:12px;
}
.front-page form.submitting .holding input {
background-color:#EEE;
color:gray;
}
.front-signup form.submitting .email input,#front-signup-inline form.submitting .username input {
background:#EEE url(../img/spinner-small.gif) no-repeat 288px center;
}
#front-signup-inline {
background-color:white;
position:absolute;
z-index:9;
top:-590px;
left:-5px;
width:370px;
padding-top:5px;
height:465px;
box-shadow:-1px 2px 5px rgba(0,0,0,0.4);
-moz-box-shadow:-1px 2px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:-1px 2px 5px rgba(0,0,0,0.4);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition:top .6s;
-moz-transition:top .6s;
-o-transition:top .6s;
}
.loading-body #front-signup-inline {
display:none;
}
.signup-inline-on-step2 #front-signup-inline {
top:-5px;
}
#front-signup-inline.with-captcha {
height:580px;
}
#front-signup-inline .captcha-container {
display:none;
}
#front-signup-inline.with-captcha .captcha-container {
display:block;
margin:0 0 15px -4px;
}
#front-signup-inline a.dismiss {
position:absolute;
line-height:0;
right:2px;
top:10px;
color:#DDD;
font-size:15px;
}
#front-signup-inline a.dismiss:hover {
color:#BBB;
text-decoration:none;
}
#front-signup-inline h3,#front-signup-inline div.step2-content,#front-signup-inline p.privacy {
padding:0 30px;
}
#front-signup-inline h3 {
font-weight:100;
font-size:27px;
}
#front-signup-inline div.step2-content {
border:1px solid #DDD;
border-width:1px 0;
padding-top:15px;
padding-bottom:20px;
}
#front-signup-inline p.wepicked {
line-height:1.3;
margin-bottom:15px;
color:gray;
}
#front-signup-inline p.wepicked em {
font-style:normal;
color:#390;
}
#front-signup-inline div.step2-content div.username {
background:#F4F4F4;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
#front-signup-inline .username input {
margin-bottom:1px;
border:1px solid #CCC!important;
width:294px;
-box-shadow:0 -1px 0 rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.1) inset,0 0 10px rgba(255,255,255,0.9);
-moz-box-shadow:0 -1px 0 rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.1) inset,0 0 10px rgba(255,255,255,0.9);
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.1) inset,0 0 10px rgba(255,255,255,0.9);
}
#front-signup-inline .username div.suggestions {
display:none;
padding:5px 10px;
color:gray;
font-size:11px;
line-height:20px;
height:20px;
overflow:hidden;
}
#front-signup-inline .suggestions ul {
display:inline;
}
#front-signup-inline .suggestions li {
margin-left:2px;
display:inline;
color:#ccc;
white-space:nowrap;
*margin-right:9px;
}
#front-signup-inline .suggestions li a {
color:#390;
}
#front-signup-inline .suggestions li:before {
content:"· ";
}
#front-signup-inline .suggestions li:first-child:before {
content:"";
}
#front-signup-inline div.tos {
margin-top:15px;
margin-bottom:15px;
border:1px solid #eee;
background:#f8f8f8;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
#front-signup-inline .tos .scroller {
height:78px;
padding:7px 10px;
overflow-y:scroll;
font-size:11px;
}
#front-signup-inline.with-captcha .tos .scroller {
height:48px;
}
#front-signup-inline .tos .import {
padding:0;
line-height:1.3;
white-space:pre-wrap;
-webkit-user-select:text;
-moz-user-select:text;
-o-user-select:text;
user-select:text;
}
#front-signup-inline .more-tos a,#front-signup-inline .tos .import {
font-size:11px;
color:#999;
}
#front-signup-inline .tos .header {
color:#666;
}
#front-signup-inline p.more-tos {
padding:3px 10px 4px 10px;
border-top:1px solid #eee;
-box-shadow:inset 0 1px 0 #fff;
-moz-box-shadow:inset 0 1px 0 #fff;
-webkit-box-shadow:inset 0 1px 0 #fff;
}
#front-signup-inline p.more-tos a {
color:#999;
}
#front-signup-inline .more-tos a:after {
content:" \00BB";
}
#front-signup-inline .step2-content input.submit {
width:100%;
height:38px;
}
#front-signup-inline .promotional:hover {
border-color:#D38900;
}
#front-signup-inline .submitting .promotional:hover {
border-color:#CCC;
}
#front-signup-inline p.privacy {
margin-top:1.2em;
color:#999;
font-size:11px;
line-height:1.3;
-webkit-user-select:text;
-moz-user-select:text;
-o-user-select:text;
user-select:text;
}
#front-signup-inline-overlay {
position:absolute;
width:2000%;
left:-1000%;
z-index:5;
opacity:0;
height:0;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
}
.signup-inline-on-step2 #front-signup-inline-overlay {
height:417px;
opacity:1;
}
.front-page div.radial {
position:absolute;
z-index:2;
top:417px;
left:0;
width:100%;
}
.front-page div.radial .shadow,.front-page div.radial ul {
position:relative;
width:2600px;
left:460px;
text-align:center;
margin-left:-1300px;
list-style-type:none;
white-space:nowrap;
}
.front-page div.radial .shadow {
position:absolute;
z-index:2;
height:4px;
opacity:.8;
background:-moz-linear-gradient(top,rgba(0,0,0,.4) 0,transparent 100%);
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(transparent));
*display:none;
}
.front-page div.radial li,.front-page div.radial li a {
outline:none;
vertical-align:top;
display:inline-block;
width:48px;
height:48px;
margin:0;
*display:inline;
zoom:1;
}
.front-page div.radial img {
-webkit-box-reflect:below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(.6,transparent),to(rgba(255,255,255,0.3)));
}
.front-page #front-container .bottompart {
margin-top:20px;
border-top:0 none;
}
.front-page #front-container .bottompart .inline-list {
font-size:12px;
-webkit-font-smoothing:antialiased;
}
.front-page #front-container .bottompart a {
color:#437EA1;
}
.front-page .bottompart div.language {
visibility:hidden;
margin-bottom:5px;
}
.route-front .bottompart div.language {
visibility:visible;
}
.logged-out form .holding {
position:relative;
overflow:visible;
}
.logged-out form .holding .holder {
position:absolute;
top:0;
z-index:1;
left:8px;
white-space:nowrap;
cursor:text;
color:#999;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
-webkit-transition:opacity .1s,font-size .1s;
-moz-transition:opacity .1s,font-size .1s;
-o-transition:opacity .1s,font-size .1s;
}
.logged-out form .hasome .holder {
opacity:0;
filter:alpha(opacity=0);
font-size:0!important;
}
.logged-out form .holding input:focus+span.holder {
opacity:.6;
}
.logged-out .bottompart {
position:relative;
margin-top:20px;
border-top:1px solid #EEE;
padding:30px 0;
}
.logged-out .bottompart .component {
margin:0;
}
.logged-out .bottompart hr.component-spacer {
display:none;
}
.logged-out .bottompart a {
color:#999;
white-space:nowrap;
}
.logged-out .bottompart form.language {
position:absolute;
right:0;
top:28px;
width:380px;
text-align:right;
}
.logged-out .bottompart .language select {
width:150px;
padding:2px;
border:1px solid #CCC;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.logged-out .bottompart .language option {
margin:1px;
padding:0 4px;
}
.logged-out .bottompart .language label span,.logged-out .bottompart div.language,.logged-out .bottompart .footer {
color:#666;
font-size:11px;
text-transform:capitalize;
}
.logged-out .bottompart div.language em.current {
font-style:normal;
}
.logged-out .bottompart .footer p {
display:inline;
*display:block;
}
.logged-out .bottompart .footer p:first-child:after {
content:'·';
}
.signup-call-out {
padding:8px 14px 12px 14px;
background:#f8f8f8;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
text-shadow:0 1px 0 #fff;
margin:6px 0 1em;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.signup-call-out+hr.component-spacer {
display:none;
}
.signup-call-out h1 {
font-size:18px;
padding-bottom:2px;
color:#333;
}
.signup-call-out h2 {
font-size:16px;
line-height:22px;
font-weight:normal;
color:#777;
}
.signup-call-out form.signup-btn {
padding:8px 0 2px 0;
}
.sms-follow {
line-height:28px;
font-size:11px;
white-space:nowrap;
}
.sms-follow .icon {
width:16px;
height:16px;
background-position:-160px -48px;
vertical-align:middle;
margin-right:2px;
}
.profile-actions-container .sms-follow {
float:right;
text-align:right;
}
#sms_codes td,#sms_codes th {
text-align:left;
vertical-align:top;
width:160px;
padding:5px 0 3px;
white-space:nowrap;
}
#sms_codes tbody td,#sms_codes tfoot td {
border-top:1px solid #eee;
}
#sms_codes tfoot td {
font-size:11px;
text-align:right;
}
#signin-or-signup .signup h2 {
font-size:16px;
font-weight:normal;
color:#777;
padding:10px 0 2em;
}
#signin-or-signup form.signin {
border-right:1px solid #CCC;
float:left;
width:215px;
padding:0 15px 10px 0;
margin-right:15px;
}
form.signin p,form.signin span {
font-size:11px;
color:#999;
}
form.signin .textbox input {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #CCC;
font:13px Arial,sans-serif;
padding:6px 6px 4px;
width:200px;
}
form.signin .textbox input:hover,form.signin .textbox input:focus,form.signin .textbox input.focused,form.signin .textbox input.actasfocused {
border-color:#999;
}
form.signin .textbox label {
display:block;
padding-bottom:7px;
}
form.signin .textbox span {
display:block;
}
form.signin .subchck {
position:relative;
text-align:right;
padding:9px 0;
}
form.signin .subchck .remember {
position:absolute;
left:0;
text-align:left;
white-space:nowrap;
}
.dark form.signin .textbox input {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.4);
background:#666;
border:1px solid #16171A;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.2);
}
.dark form.signin .textbox input:hover,.dark form.signin .textbox input:focus,.dark form.signin .textbox input.focused,.dark form.signin .textbox input.actasfocused {
border-color:#16171A;
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 rgba(0,0,0,0.2),0 0 12px rgba(255,255,255,0.5);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 rgba(0,0,0,0.2),0 0 12px rgba(255,255,255,0.5);
}
.dark form.signin .textbox label input:focus,.dark form.signin .textbox label input.focused,.dark form.signin .textbox label input.actasfocused {
outline:none;
border:1px solid #fff;
border:1px solid rgba(255,255,255,0.5);
}
.dark form.signin .submit {
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
#signup-link,.route-login #signin-link {
display:none;
}
.route-login #signup-link {
display:block;
}
.route-login div.main {
width:400px;
position:relative;
left:50%;
margin:50px 0 0 -200px;
}
.route-login .main div.aside {
width:280px;
position:absolute;
top:50px;
left:420px;
}
.route-login .main div.aside p {
font-size:11px;
color:#999;
margin-bottom:9px;
padding-left:20px;
}
.route-login .aside p span.icon {
position:absolute;
margin-left:-20px;
width:16px;
height:16px;
}
.route-login .forgot span.icon {
background-position:-160px 0;
}
.route-login .mobile span.icon {
background-position:-160px -48px;
}
body.ja .route-login .main div.aside p.mobile,body.ko .route-login .main div.aside p.mobile {
display:none;
}
.route-login form.signin {
padding:0 45px;
}
.route-login form.signin h4 {
font-size:16px;
margin-bottom:9px;
}
.route-login form.signin .textbox input {
width:296px;
font-size:18px;
}
.route-login form.signin .captcha {
position:relative;
left:-4px;
}
.route-login form.signin .subchck .submit {
font-size:16px;
height:36px;
padding:0 25px;
}
.route-login .main .signup a em {
font-style:normal;
font-weight:bold;
}
.route-login .main .signup {
padding:2em;
text-align:center;
}
.route-logout h2 {
font-weight:300;
}
.route-logout .signout {
margin:60px 0 0;
text-align:center;
}
.route-logout .buttons {
background:#ededed;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:13px 13px 15px;
line-height:32px;
display:inline-block;
*display:inline;
*zoom:1;
}
.route-logout .buttons-arrow {
margin:0 auto;
border:8px solid white;
border-bottom-color:#ededed;
width:0;
height:0;
}
.route-logout .signout .button {
font-size:16px;
padding:.55em 1.5em;
margin:0 .25em;
vertical-align:middle;
}
.route-logout .signout .submit {
font-weight:bold;
}
.route-logout .aside {
color:#666;
text-align:center;
font-family:Georgia,Times,serif;
font-style:italic;
font-size:13px;
margin:24px 0 80px;
}
.homepage-designs-51-design-2 {
background:rgba(33,71,100,.2);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:inset 0 0 5px rgba(33,71,100,0.3),0 0 12px rgba(255,255,255,0.2);
-webkit-box-shadow:inset 0 0 5px rgba(33,71,100,0.3),0 0 12px rgba(255,255,255,0.2);
}
.homepage-designs-51-design-3 {
background:#E3EBEF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
}
.homepage-designs-51-design-3 h3 {
color:#F7A703;
text-shadow:0 1px 0 #fff;
}
.homepage-designs-51-design-3 h3 em {
color:#888;
}
.homepage-designs-51-design-3 .button {
border:1px solid #F7B128;
-webkit-box-shadow:0 1px 0 #fff;
-moz-box-shadow:0 1px 0 #fff;
-box-shadow:0 1px 0 #fff;
}
.homepage-designs-51-design-3 .button:hover {
border:1px solid #F7A60F;
}
.homepage-designs-51-design-3 .holding input {
background:#fff!important;
-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.2)!important;
-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.2)!important;
box-shadow:inset 0 1px 0 rgba(0,0,0,.2)!important;
}
.homepage-designs-51-design-3 .holding input:focus {
background:#fff!important;
-webkit-box-shadow:0 0 6px rgba(23,135,208,0.7)!important;
-moz-box-shadow:0 0 6px rgba(23,135,208,0.7)!important;
box-shadow:0 0 6px rgba(23,135,208,0.7)!important;
}
.homepage-designs-51-bar {
height:4px;
background:#FA2 url(../img/buttons/bg-btn-signup.png) repeat-x 0 -15px;
position:absolute;
top:413px;
z-index:4;
box-shadow:0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
width:2600px;
margin-left:-1300px;
}
.homepage-designs-51-design-6 {
right:0;
top:530px!important;
}
.homepage-designs-51-design-5 h2,.homepage-designs-51-design-6 h2 {
margin-top:125px!important;
}
.front-page .search.homepage-designs-51-design-6 {
margin-top:-15px;
}
.front-page .homepage-designs-51-design-6 form .holding input {
border:1px solid #AAA!important;
width:285px;
}
.front-page .homepage-designs-51-design-6 form .glass {
left:275px!important;
}
.homepage-designs-51-design-6-footer {
width:500px;
}
.geo-control {
position:relative;
float:left;
margin:7px 0 5px 5px;
height:20px;
line-height:20px;
}
#geo_promo_dialog_content {
font-size:11px;
text-align:left;
padding:15px;
}
#geo_promo_dialog_content .tiny-map {
float:right;
padding-left:20px;
}
#geo_dialog_descr {
margin-bottom:20px;
font-size:13px;
}
#geo_not_now {
margin-left:8px;
line-height:1.9em;
}
#geo_turn_location_on {
font-weight:bold;
}
a.geo_disable_webclient {
color:#999;
font-family:tahoma,sans-serif;
font-size:12px;
font-weight:bold;
line-height:12px;
text-shadow:1px 1px 1px #FFF;
}
a:hover.geo_disable_webclient {
text-decoration:none;
}
.geo-unable-to-turn-location-on {
display:none;
color:#F33;
margin-top:10px;
}
.map_canvas.notransform,.map_canvas.notransform * {
-webkit-transform:none!important;
}
.geo_map_with_place {
width:490px;
}
.tweet_geo_big {
padding:0 20px 15px 20px;
line-height:1.35em;
}
.tweet_geo_big .map_canvas {
height:125px;
margin-top:15px;
}
.tweet_geo_big .geo_map_place_details {
color:#444;
font-size:13px;
}
.tweet_geo_big .geo_map_place_name {
color:#333;
font-size:20px;
margin-top:15px;
padding-bottom:4px;
line-height:20px;
}
.geo_map_place_icon {
background:url(../img/sprite-icons.png) no-repeat scroll -160px -96px;
display:inline-block;
width:7px;
height:11px;
line-height:1.1em;
font-size:11px;
margin-right:6px;
}
.tweet_geo_small {
padding:0 20px 20px 20px;
overflow:hidden;
}
.mentioned-in-tweet .tweet_geo_small {
padding:10px 0;
}
.tweet_geo_small .map_canvas {
width:175px;
height:100px;
cursor:pointer;
float:left;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.tweet_geo_small .geo_map_place_details {
float:left;
padding-left:10px;
font-size:12px;
color:#777;
line-height:1.35em;
}
.tweet_geo_small .geo_map_place_name {
color:#333;
font-size:13px;
line-height:1.35em;
}
.geo_map_tweets_at_this_place_link {
font-size:11px;
}
.geo-place-page-title h2 {
font-size:26px;
font-weight:200;
margin:15px 15px 0;
}
.geo-place-page-title h2 strong {
font-weight:500;
}
.geo-place-page-title {
word-wrap:break-word;
margin-bottom:10px;
}
.geo-place-page-details {
margin-left:15px;
}
.geo-place-page-map-container {
margin:15px;
}
#geo_place_page_map_canvas {
height:175px;
}
.geo-place-page-owner li {
margin-left:0;
}
div.latest-tweet.geo-place-page-latest-tweet .tweet-content,div.truncated-tweet.geo-place-page-latest-tweet .tweet-content {
margin-left:0;
}
.dashboard.place-dashboard .tweet+hr {
display:block;
}
.geo-separator {
display:inline-block;
height:23px;
width:1px;
background-color:#CCC;
margin:0 3px;
vertical-align:top;
}
a.geo-insert-place-button {
padding:3px 5px;
}
a.geo-insert-place-button span {
height:11px;
width:7px;
margin:2px;
background:url(../img/sprite-icons.png) no-repeat scroll -144px -96px transparent;
}
a:hover.geo-insert-place-button span,a:focus.geo-insert-place-button span {
background-position:-160px -80px;
}
span.geo-status {
display:inline-block;
margin-top:2px;
vertical-align:top;
}
h2.place-component a.view-all {
font-size:13px;
font-weight:normal;
}
.tweet-box .geo-control a.geo-location {
outline:none;
}
.tweet-box .geo-control a.geo-location:hover {
text-decoration:none;
}
.tweet-box .geo-control .geo-icon {
cursor:pointer;
background:url(../img/sprite-icons.png) no-repeat 0 -112px;
height:18px;
width:18px;
display:inline-block;
vertical-align:top;
}
.tweet-box .geo-control .geo-icon-on {
background:url(../img/sprite-icons.png) no-repeat -19px -112px;
}
.tweet-box .geo-control .geo-icon-ok {
background:url(../img/sprite-icons.png) no-repeat -38px -112px;
}
.tweet-box .geo-control .geo-text {
cursor:pointer;
display:inline-block;
line-height:20px;
vertical-align:top;
color:#999;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
text-align:left;
}
body.mozilla .tweet-box .geo-control .geo-text {
margin-top:-1px;
}
.tweet-box .geo-control:hover .geo-text {
color:#2eb7e5;
}
.tweet-box .geo-control .geo-dropdown-icon {
cursor:pointer;
display:inline-block;
visibility:hidden;
width:9px;
height:7px;
margin:7px 0 0 2px;
vertical-align:top;
}
.tweet-box .geo-control:hover .geo-dropdown-icon {
background:url(../img/sprite-icons.png) -96px -112px;
}
.geo-location-dropdown {
position:absolute;
z-index:10;
margin-top:1px;
margin-left:-8px;
text-align:left;
*width:300px;
_margin-top:3px;
}
.geo-location-dropdown-divot {
position:relative;
top:1px;
left:5px;
background:url(../img/sprite-icons.png) no-repeat -80px -112px;
margin-left:4px;
width:13px;
height:7px;
z-index:11;
_display:none;
}
.geo-location-dropdown ul.geo {
border:1px solid #aaa;
background:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
border-radius:4px;
*overflow-x:hidden;
_overflow-x:hidden;
}
.geo-location-dropdown li.query-location,.geo-location-dropdown li.focusable {
text-align:left;
background:#FFF;
list-style:none outside none;
white-space:nowrap;
margin:0;
min-width:280px;
*min-width:auto;
_width:300px;
}
.geo-location-dropdown li.focusable {
cursor:pointer;
}
.geo-location-dropdown li.focusable a.geo {
color:#666;
outline:none;
text-decoration:none;
}
.geo-location-dropdown li.focused a.geo {
background:#999;
color:#fff;
}
.geo-location-dropdown li a.geo {
display:block;
padding:2px 10px 2px 25px;
}
.geo-location-dropdown .query-location-container {
position:relative;
padding-right:36px;
_padding-right:3px;
}
.tweet-box input[type="text"].query-location-input:focus {
outline:none;
border-color:rgba(82,168,236,.75)!important;
box-shadow:0 0 8px rgba(82,168,236,.5);
-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}
div.geo-location-dropdown input.query-location-input {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
background:none repeat scroll 0 0 #f5f5f5;
border:1px solid #ccc!important;
color:#404040;
font:13px Arial,sans-serif;
padding:8px 1px 7px 24px;
display:block;
margin:4px 5px;
width:100%;
_width:260px;
}
.geo-location-dropdown .help-text {
position:absolute;
top:6px;
left:31px;
color:#999;
z-index:13;
*top:8px;
}
.geo-location-dropdown .glass {
display:inline-block;
position:absolute;
left:13px;
top:10px;
cursor:pointer;
background:url(../img/sprite-icons.png) -224px -80px;
width:12px;
height:12px;
*top:11px;
_line-height:12px;
}
.geo-location-dropdown-searching .query-location .glass {
left:12px;
top:9px;
width:15px;
height:14px;
background:url(../img/spinner-small.gif);
_line-height:14px;
}
.geo-location-dropdown .location-error {
margin:8px 10px 8px 31px;
font-style:italic;
text-color:#777;
}
.geo-location-dropdown li.geo-turn-off a.geo {
padding:4px 20px 5px 13px;
}
.geo-location-dropdown li.geo-turn-off {
margin:3px 0 4px 0;
}
.geo-location-dropdown li.separator-below {
padding-bottom:7px;
border-bottom:1px solid #CCC;
}
.geo-location-dropdown li.override-location a.geo {
padding:2px 20px 3px 12px;
}
.geo-location-dropdown .menu-item-icon {
background:transparent;
display:inline-block;
height:9px;
margin:6px 5px 3px 0;
vertical-align:top;
width:10px;
*margin-top:4px;
_line-height:9px;
}
.geo-location-dropdown .geo-turn-off-icon {
background:url(../img/sprite-icons.png) no-repeat -80px -128px;
display:inline-block;
height:10px;
margin:5px 5px 3px 0;
vertical-align:top;
width:10px;
*margin-top:3px;
_line-height:10px;
}
.geo-location-dropdown li.focused .geo-turn-off-icon {
background:url(../img/sprite-icons.png) no-repeat -96px -128px;
}
.geo-location-dropdown li.checked-item .menu-item-icon {
background:url(../img/sprite-icons.png) no-repeat -160px -16px;
}
.geo-location-dropdown li.checked-item a.geo {
color:#404040;
}
.geo-location-dropdown li.padding-above {
margin-top:7px;
}
.turkey-control {
position:relative;
float:left;
height:29px;
width:28px;
padding-top:3px;
}
.turkey-add-action {
position:relative;
cursor:pointer;
height:25px;
width:28px;
margin:2px 0 0;
overflow:hidden;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
}
.max-turkeys input.turkey-file-input {
display:none;
}
.turkey-add-action .turkey {
position:absolute;
background:url(../img/sprite_icons-contentfe.png) 0 -150px no-repeat;
height:14px;
width:17px;
top:4px;
left:6px;
cursor:pointer;
overflow:hidden;
}
.turkey-add-action:hover .turkey,.turkey-add-action.button-active .turkey {
background:url(../img/sprite_icons-contentfe.png) 0 -165px no-repeat;
}
.turkey-add-action.has-turkeys .turkey {
background:url(../img/sprite_icons-contentfe.png) 0 -180px no-repeat;
}
.turkey-add-action.button-active {
background-color:#ddd;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}
.turkey-file-input {
position:absolute;
top:0;
right:0;
height:100%;
opacity:.0;
filter:alpha(opacity=0);
font-size:50px;
z-index:10;
cursor:pointer;
}
.turkey-add-action .swf {
position:absolute;
top:0;
left:0;
z-index:15;
}
.turkey-selected-files,.turkey-post-target {
display:none;
}
.tweet-thumbnail-wrapper {
position:relative;
clear:both;
}
.tweet-thumbnail-container {
margin-top:-5px;
padding-bottom:1px;
padding-top:9px;
overflow:hidden;
position:relative;
}
.thumbnail-divot-border {
border-color:transparent transparent #bbb transparent;
border-style:solid;
border-width:9px;
height:0;
width:0;
position:absolute;
top:-8px;
left:10px;
}
.thumbnail-divot {
border-color:transparent transparent #ddd transparent;
border-style:solid;
border-width:9px;
height:0;
width:0;
position:absolute;
top:-6px;
left:10px;
}
.thumbnails {
background:#ddd;
float:left;
border:1px solid #bbb;
padding:8px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 0 #fff,inset 0 1px #ccc;
-webkit-box-shadow:0 1px 0 #fff,inset 0 1px #ccc;
box-shadow:0 1px 0 #fff,inset 0 1px #ccc;
}
.upload-thumbnail {
width:48px;
height:48px;
background:#111;
float:left;
margin-right:2px;
position:relative;
overflow:hidden;
}
.upload-file a.thumbnail-close {
display:block;
position:absolute;
right:0;
top:0;
height:13px;
width:13px;
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -210px;
z-index:1;
overflow:hidden;
}
.upload-file a.thumbnail-close:hover {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -224px;
}
.upload-file a.thumbnail-close:active {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -238px;
}
.upload-file a.thumbnail-close:focus {
outline:none;
}
.upload-file img {
position:absolute;
z-index:0;
}
.upload-filename {
position:relative;
width:240px;
height:25px;
margin-bottom:2px;
background:#d6d6d6;
}
.upload-filename span {
display:inline-block;
width:210px;
margin-left:10px;
line-height:25px;
height:25px;
overflow:hidden;
text-overflow:ellipsis;
overflow:hidden;
}
.upload-filename a.thumbnail-close {
top:6px;
right:6px;
}
.turkey-tipsy,.turkey-tipsy .tipsy-inner,.turkey-tipsy .tipsy-inner .tooltip {
max-width:400px!important;
}
.turkey-icon {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -504px;
width:16px;
height:16px;
display:inline-block;
position:relative;
top:4px;
margin:0 4px;
}
#banners {
width:auto;
}
.banner-outer {
width:100%;
display:block;
top:0;
left:0;
z-index:3;
background-color:#FFF2CC;
color:#333;
}
.banner-outer.banner-border {
border-top:1px solid #CCC;
}
.banner-outer.warning {
background-color:#FCC;
}
.banner {
margin:0 auto;
width:1000px;
}
.banner .banner-inside {
_width:884px;
min-width:884px;
max-width:1040px;
width:884px;
margin:0 40px;
padding:8px 18px;
position:relative;
text-align:left;
}
.banner-inside a.pane-close {
float:right;
vertical-align:top;
}
.banner-inside a.pane-close span {
padding-left:1px;
padding-right:1px;
font-size:16px;
color:#666;
display:inline-block;
margin-top:-3px;
}
.banner-inside a.pane-close:hover {
text-decoration:none;
}
.welcome-banner-inside a.pane-close span {
color:#FFF;
}
.became-user-banner-inside,.became-user-banner-outer {
background-color:#FFF;
}
.banner-inside .first-banner-row .title {
font-weight:bold;
}
.welcome-banner-inside span,.banner-inside .first-banner-row,.banner-inside .second-banner-row {
padding-left:20px;
}
.welcome-banner-outer {
background:#008DB8;
background:-webkit-gradient(linear,left top,left bottom,from(#00A0D1),to(#008DB8));
background:-moz-linear-gradient(top,#00A0D1,#008DB8);
background:transparent\9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0D1',endColorstr='#008DB8');
color:#FFF;
font-size:13px;
font-weight:bold;
text-shadow:-1px -1px 0 #00799E;
}
.welcome-banner-inside,.banner-inside {
padding:8px 0;
}
.banner-inside a {
color:#2276BB!important;
}
.welcome-banner-inside a {
color:#B2EBFF!important;
}
.welcome-banner-outer .pane-close,.banner-outer .pane-close {
float:right;
display:inline-block;
margin-right:18px;
color:#FFF;
font-size:13px;
line-height:17px;
font-weight:bold;
margin-top:0;
}
.welcome-banner-outer .pane-close:hover {
text-decoration:none;
color:#fff!important;
}
#banners form.turn-phx-off-form {
display:inline;
}
#banners form.turn-phx-off-form button.turn-phx-off-button {
background:none repeat scroll 0 0 transparent;
color:#B2EBFF!important;
text-shadow:-1px -1px 0 #00799E;
font-family:'Helvetica Neue',Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
font-size:13px;
font-weight:bold;
border:0;
}
#banners form.turn-phx-off-form button::-moz-focus-inner {
border:0;
padding:0;
}
#banners form.turn-phx-off-form button.turn-phx-off-button:hover {
cursor:pointer;
text-decoration:underline;
}
.details-pane .inner-pane {
height:100%;
margin-left:10px;
}
.details-pane .pane-components {
overflow-y:auto;
position:relative;
}
.details-pane .pane-components-inner {
background-color:white;
}
.details-pane .tweet-components {
border-bottom:1px solid #EBEBEB;
}
div.pane-toolbar {
background:#f4f4f4;
padding:6px 10px 6px 20px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
margin-left:-10px;
}
div.pane-alt {
display:none;
}
div.pane-toolbar .toolbar-control {
color:#999!important;
font-size:12px;
outline:none;
}
div.pane-toolbar .pane-back {
font-weight:normal;
font-size:12px;
margin-left:8px;
}
div.pane-toolbar a:hover,div.pane-toolbar a:hover span {
color:#555!important;
}
div.pane-toolbar a span {
color:#888;
margin-top:2px;
font:bold 14px Tahoma,Arial,sans-serif;
}
div.pane-toolbar a.pane-close {
float:right;
}
div.pane-toolbar a.pane-close {
text-decoration:none;
}
div.pane-toolbar a.pane-close span {
padding-left:4px;
}
.messages-container .pane-toolbar .pane-close {
display:none;
}
div.pane-toolbar a.pane-back {
float:left;
}
.details-pane hr {
margin:5px 20px 0 20px;
}
.details-pane-tweet {
padding-top:14px!important;
padding-bottom:4px!important;
background:#fff;
}
.details-pane .tweet {
font:14px Helvetica Neue,Arial,sans-serif;
}
.details-pane .tweet-row {
line-height:17px;
}
.details-pane .tweet-text {
padding:0;
font-family:Helvetica Neue,Arial,sans-serif;
line-height:18px;
word-wrap:break-word;
font-size:13px;
}
.details-pane .tweet-text-large {
font-size:21px;
font-weight:normal;
font-family:Georgia,Palatino,Helvetica Neue,Helvetica,Arial,sans-serif!important;
-webkit-font-smoothing:antialiased;
line-height:27px;
padding:8px 0 2px;
}
.details-pane-tweet a.tweet-geo-text {
cursor:pointer;
}
.meta-links {
padding:0 20px 10px 20px;
list-style-type:none;
display:block;
}
.meta-links ul {
list-style-type:none;
}
.meta-links li {
margin:0;
font-size:12px;
padding:8px 0 0 0;
}
.meta-links ul.retweeters li {
margin-bottom:12px;
}
.meta-links li a:hover {
text-decoration:underline;
}
.meta-links li span {
font-weight:bold;
color:#333;
}
.related-tweets .stream-item:last-child,.recent-tweets .stream-item:last-child,.in-reply-to .stream-item,.conversation .stream-item:last-child,.replies .stream-item:last-child {
border-bottom:0;
}
.related-tweets,.recent-tweets {
padding:0;
}
.in-reply-to {
padding:1px 0 0 0;
}
.related-tweets ul.thumbs {
list-style-type:none;
margin-top:6px;
}
.related-tweets ul.thumbs li {
padding:0;
margin:0 0 0 20px;
}
.related-tweets ul.thumbs li a:hover {
text-decoration:underline;
}
.profile-pane h2 {
font-size:24px;
line-height:1em;
margin-bottom:8px;
}
.profile-pane img {
margin-left:0;
}
.profile-basics img {
margin-right:10px;
float:left;
}
.profile-pane .profile-basics {
padding:15px 20px;
display:block;
}
.profile-pane .profile-text {
overflow:hidden;
}
.profile-pane img {
width:72px;
height:72px;
}
.profile-pane span.bio {
color:#777;
font:italic 14px/18px Georgia,Serif;
}
.profile-pane .user-info {
margin-top:10px;
font-size:13px;
display:block;
clear:both;
}
.profile-pane em {
font-weight:bold;
font-style:normal;
}
.profile-pane+.component {
background:#fff;
}
h2.dashboard-profile-title {
padding:8px 0 0 0;
height:34px;
display:block;
float:left;
}
.dashboard-profile-annotations {
width:100%;
}
.dashboard-profile-annotations a.dashboard-profile-translator {
float:right;
display:block;
background:url(../img/translator.png) no-repeat scroll left center transparent;
color:#333;
font-family:Georgia,serif;
font-size:1.1em;
padding:5px 0 5px 28px;
line-height:32px;
}
a.dashboard-profile-translator span {
font-size:.7em;
font-variant:small-caps;
padding-left:.5em;
}
.dashboard-profile-annotations a.dashboard-profile-translator:hover {
color:#099;
text-decoration:none;
}
img.profile-dashboard {
vertical-align:middle;
margin-right:4px;
width:24px;
height:24px;
}
.crumbs {
border-bottom:1px solid #e7e7e7;
list-style-type:none;
display:block;
margin:-11px -15px 14px -15px;
padding:9px 15px;
-webkit-box-shadow:0 1px 0 #f8f8f8;
-moz-box-shadow:0 1px 0 #f8f8f8;
}
.crumbs ul {
list-style-type:none;
}
.crumbs li {
float:left;
margin:0;
padding:0;
}
.crumbs li.arrow {
background:transparent url(../img/breadcrumb.png) no-repeat;
width:18px;
height:36px;
margin-top:-7px;
margin-right:10px;
display:block;
}
.crumbs li a,.crumbs li span {
display:block;
padding:2px 8px 5px 0;
}
.crumbs li a:hover {
text-decoration:underline;
}
.crumbs li span {
font-weight:bold;
color:#333;
}
.drop-down img.loading-spinner {
width:14px;
height:14px;
margin-right:3px;
}
p.no-user {
padding:10px 20px!important;
}
div.tweet-media,div.tweet-map {
margin:12px 0;
}
div.tweet-media img {
max-width:100%;
max-height:700px;
}
div.tweet-map {
height:100px;
}
div.tweet-media img.flickr-thumb {
margin:0 30px 18px 0;
padding:0;
box-shadow:0 2px 2px #333;
-moz-box-shadow:0 2px 2px #333;
-webkit-box-shadow:0 2px 2px #333;
}
div.tweet-media iframe {
display:block;
position:relative;
z-index:1;
overflow:hidden;
border:0;
}
div.etsy {
-moz-border-radius:5px;
background:#fff;
padding:15px;
}
div.etsy img.thumb {
margin:0 10px 0 0;
width:138px;
}
div.etsy h3 {
margin-bottom:0;
}
.gist iframe {
border:none;
overflow:auto;
width:100%;
min-height:350px;
}
.permalink-tweet .media-instance-container,.details-pane-tweet .media-instance-container {
float:left;
*min-width:300px;
*position:relative;
}
.permalink-tweet .tweet-row,.details-pane-tweet .tweet-row {
clear:left;
}
body.sandboxed-media img {
max-width:100%;
}
.details-pane-tweet div.tweet-media iframe {
width:317px;
}
.permalink-tweet div.tweet-media iframe {
width:530px;
}
.details-pane-tweet div.tweet-media img {
max-width:317px;
}
.permalink-tweet div.tweet-media img {
max-width:530px;
}
.tweet-media a.has-cover {
display:block;
position:relative;
}
.tweet-media .cover,.media-thumbnail .cover {
position:absolute;
top:0;
left:0;
z-index:1;
background:white;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:.0;
}
.flag-container {
color:#999;
float:right;
font-size:11px;
margin-left:20px;
line-height:16px;
*position:absolute;
*right:0;
}
.flag-container a {
color:#999!important;
}
.media-attribution {
color:#999;
float:left;
padding-bottom:10px;
font-size:11px;
}
.media-attribution a {
line-height:16px;
color:#999!important;
font-size:11px;
}
.media-attribution a:hover {
color:#555;
}
.media-attribution img {
vertical-align:middle;
position:relative;
top:-1px;
}
.icon-only * {
display:inline-block;
}
.icon-only a,.icon-only span {
line-height:1em;
}
.media-attribution img {
width:16px;
height:16px;
}
.auto-size img {
width:auto;
height:auto;
}
div.tweet-media .media-attribution img {
margin:0 3px 0 0;
}
div.tweet-media .icon-only img {
margin:0 0 0 2px;
}
body.sandboxed-media div.tweet-media {
margin:0;
}
div.turkey-wrapper {
position:relative;
}
div.turkey-wrapper .main-image-container {
clear:both;
}
div.turkey-wrapper img.scaled-image {
position:static;
display:block;
}
div.turkey-wrapper .thumbnail-container a.media-thumbnail {
float:left;
margin:0 2px 2px 0;
}
div.turkey-wrapper .thumbnail-container .media-thumbnail {
position:relative;
}
div.turkey-wrapper .active .thumbnail-active-border,div.turkey-wrapper .active .thumbnail-active-border-inner {
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}
div.turkey-wrapper .active .thumbnail-active-border {
border:1px solid #CCC;
}
div.turkey-wrapper .active .thumbnail-active-border-inner {
border:2px solid #FFF;
}
.copied-twimg a.inline-media-image {
position:relative;
display:block;
}
.tweet a.inline-media-image:hover {
text-decoration:none;
}
.copied-twimg img {
display:block;
}
.copiedtwimg-container .flag-container {
margin-top:3px;
}
.copied-twimg .attribution-wrapper,.media-slideshow-media-container .attribution-wrapper {
position:absolute;
display:block;
width:100%;
bottom:0;
left:0;
background:black;
background:rgba(0,0,0,0.7);
cursor:pointer;
line-height:normal;
}
.copied-twimg .attribution,.media-slideshow-media-container .attribution {
padding:8px;
font-size:11px;
color:#eee;
display:block;
text-align:left;
}
.copied-twimg .attribution .profile-path,.media-slideshow-media-container .attribution .profile-path {
font-style:normal;
color:#ddd;
}
.copied-twimg .attribution .profile-path:hover,.media-slideshow-media-container .attribution .profile-path:hover {
text-decoration:underline;
}
.copied-twimg .attribution .unit,.media-slideshow-media-container .unit {
display:inline-block;
}
.media-slideshow-media-container a.media-thumbnail {
text-decoration:none;
}
.dashboard a:hover {
text-decoration:underline;
}
.dashboard .tweet {
font-size:13px;
font-family:'Helvetica Neue',Sans-serif;
padding:0;
width:auto;
}
body.tr .component {
font-family:'Arial',Sans-serif;
}
.component {
font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;
margin-bottom:6px;
}
.inner-pane .component {
margin-bottom:0;
}
.inner-pane .loading-spinner,.component .loading-spinner {
text-align:center;
}
.component h2 {
font-size:16px;
font-weight:300;
padding-bottom:6px;
}
body.ja .component h2 {
font-size:14px;
}
.component h2 span.user-stat-link {
margin-left:5px;
font-size:13px;
font-weight:bold;
}
.component h2 a.title-link:hover {
text-decoration:underline;
}
.component h2 a.title-link:hover span {
text-decoration:none;
}
div.your-activity {
float:left;
width:50%;
margin-bottom:18px;
overflow:hidden;
}
.component div.following-activity-full {
float:none;
width:100%;
}
div.your-activity h3,div.trends-inner h3,div.user-rec-inner h3 {
margin-top:-7px;
}
div.favorites-activity {
margin-bottom:16px;
}
div.latest-tweet .tweet-content,div.truncated-tweet .tweet-content {
line-height:18px;
margin-left:0;
min-height:0;
}
div.embedded-tweet .tweet-content {
line-height:18px;
margin-left:40px;
min-height:40px;
}
div.latest-tweet,div.embedded-tweet,div.truncated-tweet {
margin-bottom:14px;
margin-top:-4px;
clear:both;
}
div.latest-tweet .tweet-text,div.embedded-tweet .tweet-text,div.truncated-tweet .tweet-text {
display:inline;
line-height:15px!important;
}
div.latest-tweet .tweet-row,div.truncated-tweet .tweet-row {
height:20px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
div.activity-truncated-tweet div.latest-tweet .tweet-row,div.truncated-tweet .tweet-row {
height:17px;
}
div.latest-tweet .tweet-image,div.latest-tweet .tweet-image img,div.embedded-tweet .tweet-image,div.embedded-tweet .tweet-image img,div.truncated-tweet .tweet-image,div.truncated-tweet .tweet-image img {
width:32px;
height:32px;
}
div.latest-tweet .latest-tweet-timestamp,div.embedded-tweet .latest-tweet-timestamp,div.truncated-tweet .latest-tweet-timestamp {
font-weight:normal;
}
.dashboard .tweet+hr {
display:none;
}
div.follower-request {
float:right;
}
div.follower-request a:hover {
text-decoration:none!important;
}
div.user-rec-inner {
display:block;
}
.dashboard div.user-rec-inner+hr {
margin-top:10px;
}
.dashboard ul.user-stats+hr {
margin-top:10px;
}
.dashboard-component-subtitle {
font-size:13px;
font-weight:normal;
}
body.ja .mentioned-in-tweet {
font-size:13px;
}
div.user-rec-inner-similarities-self .user-follow-state {
display:none;
}
.dashboard div.wide-trends+hr.component-spacer {
display:block;
}
div.search-dashboard div.trends-inner+hr.component-spacer,div.profile-dashboard div.trends-inner+hr.component-spacer {
display:block;
}
.search-dashboard div.trends-inner,div.trends-inner.wide-trends {
min-height:0;
}
div.search-dashboard div.trends-inner {
width:auto;
}
.component h3 {
font-size:17px;
font-weight:300;
}
body.ja .component h3 {
font-size:15px;
font-weight:300;
}
.dashboard p.latest-status {
margin-bottom:14px;
}
.dashboard ul,.dashboard ul li {
margin:0;
list-style:none;
}
.dashboard div.new-followers-activity+hr {
margin-top:6px;
}
.user-stats {
overflow:hidden;
margin:6px 0 0;
}
.profile-pane .user-stats {
margin:10px 0 0 0;
}
body.fr .profile-dashboard .user-stats {
width:100%;
}
body.fr .profile-pane .user-stats {
width:100%;
}
.user-stats li {
float:left;
overflow:hidden;
border-right:1px solid rgba(0,0,0,0.1);
border-left:1px solid rgba(255,255,255,0.3);
padding:0 12px;
margin-left:0;
}
body.ja .user-stats li {
padding:0 6px;
}
.user-stats li:first-child {
padding-left:1px;
border-left:0;
}
.user-stats li:last-child {
border-right-width:0;
}
.user-stats-count {
color:#444;
display:block;
font-size:15px;
font-weight:bold;
line-height:1;
}
a.user-stats-count:hover {
text-decoration:none!important;
}
.user-stats-stat {
font-size:11px;
display:block;
font-weight:normal;
clear:both;
padding:3px 0;
}
@media screen and(-webkit-min-device-pixel-ratio:0) {
.profile-pane .user-stats-stat {
padding:0 0 3px 0;
}
}
a.user-stats-count:hover span.user-stats-stat {
text-decoration:underline;
}
.dashboard ul.trends {
margin:-6px 0 0 0!important;
}
.dashboard ul.trends,.dashboard ul.trends li {
margin:0;
padding:0;
list-style:none;
}
.dashboard ul.trends li {
overflow:hidden;
text-overflow:ellipsis;
line-height:22px;
}
.dashboard ul.trends li a {
white-space:nowrap;
}
.dashboard .wide-trends {
width:100%;
}
.dashboard h3 {
margin:0;
padding:0;
font-size:13px;
}
.dashboard p.latest-status {
font-size:13px;
line-height:17px;
color:#666;
}
.dashboard p.latest-status strong {
font-weight:bold;
color:#444;
}
.dashboard p.latest-status .timestamp {
color:#CCC;
font-size:12px;
margin-left:10px;
}
.dashboard .latest-status-retweeted-user {
font-weight:bold;
}
.trend-toggle,.trend-toggle a {
font-weight:normal;
cursor:pointer;
}
.trend-toggle em {
background:url(../img/down-arrow.png) no-repeat scroll right center transparent;
display:inline-block;
height:9px;
width:10px;
}
.component .promo {
line-height:17px;
}
.component div.definition {
clear:both;
}
.component .promo a.definition {
color:#444;
display:block;
}
.component .promo strong {
display:block;
font-size:16px;
font-weight:300;
line-height:17px;
margin-bottom:3px;
}
body.ja .component .promo strong {
font-size:14px;
}
.component .promo a:hover strong {
text-decoration:underline;
}
.component .promo a.definition img {
border:none;
}
.component .promo a:hover {
text-decoration:none;
}
.media-not-displayed {
padding:10px;
background:#f1f1f1;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font-size:13px;
}
.media-not-displayed h2 {
font-size:20px;
font-weight:bold;
padding-bottom:0;
display:block;
}
.media-not-displayed h2 i {
background:url(../img/sprite_icons-contentfe.png) no-repeat scroll 0 -521px;
width:26px;
height:20px;
display:inline-block;
margin-right:10px;
position:relative;
top:4px;
}
.media-not-displayed .display-this-media,.media-not-displayed .always-display-media {
padding:5px 9px;
display:inline-block;
margin-top:10px;
overflow:hidden;
zoom:1;
*display:inline;
}
.facets-media-not-displayed {
font-size:12px;
}
.facets-media-not-displayed .always-display-media {
margin-left:10px;
}
.facets-media-not-displayed .display-this-media {
display:inline;
}
.component .view-all {
font-size:13px;
}
.component .facets-inner+.component-spacer {
display:block!important;
}
.dashboard .footer {
clear:both;
padding-top:0;
font-size:11px;
}
.dashboard .footer li {
display:inline-block;
*display:inline;
*zoom:1;
white-space:nowrap;
margin-right:6px;
}
.dashboard .footer li span.dot {
display:none;
}
.dashboard .footer .mobile-option {
margin-top:10px;
}
.gray-component {
background-color:#F4F4F4;
border-bottom:solid 1px #EFEFEF;
}
.gray-component .component-spacer {
display:none;
}
.home-container .component div.tweet-activity+hr.component-spacer,.component:last-child hr.component-spacer {
display:none;
}
.component .getting-started h2 .hidenextsteps {
font-size:12px;
font-weight:normal;
}
.component .getting-started ol>li {
list-style:decimal outside;
font-weight:bold;
margin:0 0 0 20px;
padding:10px 0;
}
.component .getting-started ol>li span {
display:block;
line-height:1em;
padding-bottom:6px;
}
.component .getting-started ol li ul li {
font-weight:normal;
font-size:12px;
margin-left:3px;
list-style:disc inside none;
}
.component .getting-started ol li ul li.search form {
display:inline-block;
vertical-align:middle;
padding-top:3px;
}
.component .web-search-results {
margin-bottom:0;
margin-top:5px;
}
.web-search-results a:hover {
text-decoration:none;
}
.web-search-results a:hover span.result-title-text {
text-decoration:underline;
}
.web-search-results a.result-title {
line-height:12px!important;
}
.web-search-results a span.result-title-text {
clear:both;
display:block;
}
.web-search-results a span.result-link {
clear:both;
font-size:11px;
color:#999;
}
.web-search-results li {
padding-bottom:10px;
display:block;
}
.inner-pane hr.component-spacer {
display:none;
}
.related-tweets {
padding:0;
margin:0 0 -5px 0;
}
.mentioned-in-tweet ul {
width:100%;
}
.mentioned-in-tweet ul li {
margin-left:0;
list-style-type:none;
padding-left:20px;
border-bottom:1px solid #eee;
}
.mentioned-in-tweet ul li:last-child {
border-bottom:0;
}
.details-pane .user-media-not-displayed h2,.details-pane .facets-inner h2,.mentioned-in-tweet h3,.related-tweets h3,h3.retweets_count,h3.profile-title {
padding:20px 20px 5px 20px;
clear:both;
border-bottom:1px solid #EBEBEB;
line-height:27px;
text-overflow:ellipsis;
}
.mentioned-in-tweet h3 {
padding-top:0;
}
.related-tweets:first-child h3 {
padding:5px 20px 5px 20px;
clear:both;
}
h3.retweets_count {
padding:0 20px 5px 20px;
margin-bottom:10px;
clear:both;
border-bottom:1px solid #EBEBEB;
}
.machine-translated-tweet {
margin-bottom:20px;
}
.machine-translated-tweet .machine-translated-text {
padding:0 20px 0 30px;
clear:both;
font-family:Georgia,serif;
font-size:15px;
line-height:20px;
color:#666;
}
.machine-translated-tweet .machine-translated-meta {
font-size:11px;
color:#999;
text-align:right;
padding:0 5px 0 0;
border-top:1px solid #EBEBEB;
}
.send-message-box {
padding:2px 10px 10px 10px;
}
.user-small-list-item {
position:relative;
white-space:nowrap;
padding-bottom:5px;
min-height:40px;
}
.search-dashboard .user-small-list-item {
display:block;
}
.user-rec-component .promoted-account {
white-space:normal;
}
.user-static-list-item .user-thumb,.user-small-list-item .user-thumb {
overflow:hidden;
text-overflow:ellipsis;
width:32px;
height:32px;
display:block;
position:absolute;
top:2px;
}
.user-static-list-item .user-thumb img,.user-small-list-item .user-thumb img {
width:32px;
height:32px;
}
.user-static-list-item .user-name-info,.user-small-list-item .user-name-info {
line-height:17px;
outline:none;
padding:0 0 5px 38px;
overflow:hidden;
}
.user-static-list-item .user-screen-name,.user-small-list-item .user-screen-name {
color:#000;
font-weight:bold;
font-size:13px;
overflow:hidden;
}
.user-small-list-item .user-follow-state {
font-size:12px;
}
.user-name-and-actions {
white-space:nowrap;
}
.ja .user-small-list-item .user-follow-state {
font-size:10px;
}
.user-small-list-item .user-full-name {
color:#999;
font-size:12px;
line-height:17px;
}
.user-small-list-item .user-meta {
color:#999;
font-size:12px;
line-height:17px;
word-wrap:break-word;
}
.user-small-list-item .user-meta .bio {
font-style:italic;
font-family:Georgia,serif;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
word-wrap:normal;
}
body.new-tweet-labels .user-small-list-item .user-full-name-and-label {
height:22px;
}
body.new-tweet-labels .user-small-list-item .user-full-name {
display:inline-block;
vertical-align:middle;
}
.user-small-list-item .verified-icon-small {
vertical-align:bottom;
margin-bottom:1px;
}
.user-small-list-item .protected-icon {
vertical-align:text-bottom;
margin-bottom:1px;
}
body.webkit .user-small-list-item .verified-icon-small,body.webkit .user-small-list-item .protected-icon {
margin-bottom:2px;
}
.user-static-list-item {
width:50%;
overflow:hidden;
padding:0 0 10px 0;
font-size:12px;
min-height:60px;
float:left;
}
.user-static-list-item .user-screen-name {
color:#999;
display:block;
font-weight:lighter;
}
.user-static-list-item .user-full-name {
color:#000;
display:block;
font-size:15px;
font-weight:bold;
padding-bottom:4px;
}
.promoted-account {
height:auto;
padding-bottom:5px;
}
.promoted-account .promoted-label {
position:relative;
top:0;
}
li.user-detailed-list-item {
list-style-type:none;
padding:13px 0 10px 0;
position:relative;
min-height:36px;
}
.user-detailed-list-item .user-thumb img {
width:32px;
height:32px;
position:absolute;
}
.user-detailed-list-item div.user-details {
margin:-2px 0 0 40px;
line-height:18px;
}
.user-detailed-list-item .user-details div.user-name-info {
font-size:12px;
}
.user-detailed-list-item .user-full-name-and-action {
white-space:nowrap;
}
.user-detailed-list-item .user-details .verified-icon-small {
vertical-align:text-bottom;
}
@media screen and(-webkit-min-device-pixel-ratio:0) {
div.search-dashboard .verified-icon-small {
vertical-align:top;
margin-top:-1px!important;
}
}
.user-detailed-list-item .user-name-info .user-screen-name {
color:#000;
font-weight:bold;
font-size:14px;
}
.user-detailed-list-item .user-name-info .user-full-name {
color:#999;
}
.user-detailed-list-item div.location {
color:#999;
font-size:12px;
margin-top:2px;
line-height:18px;
display:none;
}
.user-detailed-list-item div.bio {
color:#666;
font:italic 13px Georgia,Palatino,serif;
word-wrap:break-word;
line-height:18px;
margin-top:1px;
width:80%;
}
.user-detailed-list-item .user-details.ja div.bio {
font:italic 13px 'Helvetica Neue',Helvetica,Arial,Sans-serif;
}
ul.recommended-followers {
padding-bottom:0;
}
fieldset.in-reply-to-border {
border-color:#d9d9d9;
border-style:solid;
border-width:1px 0 0;
}
legend.in-reply-to-text {
padding-right:10px;
padding-bottom:4px;
color:#999;
font-size:12px;
}
.details-pane .in-reply-to-border {
padding-left:36px;
}
.details-pane .in-reply-to-text {
padding-left:10px;
margin-left:14px;
font-size:11px;
}
.more-lists h2 a {
font-size:13px;
font-weight:normal;
}
.list-of-lists {
display:block;
}
.list-of-lists li {
width:auto;
white-space:nowrap;
}
.list-of-lists li a:hover {
text-decoration:none;
}
.list-of-lists li a:hover span.name {
text-decoration:underline;
}
.list-of-lists .icon {
margin-right:4px;
margin-bottom:3px;
}
.newest-list-members ul {
display:block;
margin-top:10px;
}
.newest-list-members li.user-small-list-item {
width:auto;
}
.recently-viewed-users {
display:block;
}
.recently-viewed-users h2 a.clear-all,.recently-followed-users h2 a.view-all,.following-activity-full a.view-all {
font-size:13px;
font-weight:normal;
}
.recently-followed-users .followed li a {
outline:0;
}
.recently-followed-users .suggestions {
display:none;
clear:both;
margin:0;
}
.recently-followed-users .suggestions p {
color:#777;
font-size:13px;
}
.recently-followed-users .suggestions p span {
color:#333;
}
.recently-followed-users .suggestions hr {
margin:-2px 0 5px;
}
.recently-followed-users .welcome-placeholder {
border:1px solid #aaa;
background-color:#fff;
color:#bbb;
display:block;
float:left;
height:22px;
margin-right:5px;
text-align:center;
width:22px;
}
.recently-followed-users .followed li {
padding-bottom:6px;
}
.recently-followed-users .followed li.active {
background:transparent url(../img/down-arrow.png) no-repeat center bottom;
}
.recently-followed-users .followed li.active a {
cursor:default;
}
.recently-viewed-users li.user-small-list-item .dismiss,.recently-followed-users .suggestions li .dismiss {
display:none;
}
.recently-followed-users .suggestions li .bio {
width:100%;
}
.recently-viewed-users li {
width:100%;
}
.invite-friends-component a.popup {
white-space:nowrap;
}
.invite-friends-component form {
margin-top:10px;
}
.invite-friends-component form textarea {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #CCC;
font:13px Arial,sans-serif;
padding:6px 6px 4px;
width:270px;
vertical-align:top;
color:#CCC;
height:15px;
overflow:hidden;
resize:vertical;
}
body.nl .invite-friends-component form textarea {
width:240px;
}
.invite-friends-component form textarea.expanded {
height:5em;
overflow:auto;
}
.invite-friends-component form textarea:hover {
border-color:#999;
}
.invite-friends-component form textarea:focus,.invite-friends-component form textarea.focused {
border-color:#999;
color:inherit;
}
.invite-friends-component form p {
color:#999;
font-size:11px;
margin-top:3px;
}
ul.people-results {
display:block;
clear:both;
}
.empty-stream {
padding:20px;
font-size:14px;
}
.empty-stream .tweeting {
padding-top:1em;
}
.empty-stream .tweeting p.protection {
font-size:11px;
line-height:13px;
padding-top:4px;
}
.empty-stream .tweeting p.protection span {
color:#999;
white-space:nowrap;
}
.your-activity h3,.trends-inner h3,.user-rec-inner h3 {
margin-bottom:5px;
color:#666;
font-size:13px;
font-weight:normal;
}
div.tweet-activity .retweet-icon {
vertical-align:top;
background-position:-176px 0!important;
margin-top:1px;
margin-right:-1px!important;
}
div.inner-feeds {
clear:both;
display:block;
}
div.footer span.dot {
opacity:.5;
font-weight:bold;
}
div.footer .copyright {
display:inline;
white-space:nowrap;
}
.related-images-container .inline-media-image img {
max-width:100px;
max-height:100px;
margin:10px;
}
div.following-activity,div.following-activity-full,div.new-followers-activity {
overflow:hidden;
height:57px;
}
div.following-activity.empty,div.following-activity-full.empty {
height:auto;
}
div.favorites-activity,div.lists-activity {
overflow:hidden;
text-overflow:ellipsis;
}
div.following-activity h3,div.following-activity-full h3,div.new-followers-activity h3 {
display:none;
}
.component p.wtf-links {
clear:both;
line-height:1em;
font-size:11px;
}
.your-activity p.wtf-links span {
display:block;
}
.ellipsify-container {
overflow:hidden;
position:relative;
}
.ellipsify-container>span.content {
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
.ellipsify-container>div.ellip {
position:absolute;
top:0;
right:0;
}
.contact-import-inner .contact-import-services .service-links {
padding:5px 10px 0;
text-align:left;
}
.contact-import-inner .compact div.service-links {
padding:5px 0 0;
}
.contact-import-inner .contact-import-services .service-link,.contact-import-inner .contact-import-services .service-link:hover {
display:block;
padding:0 0 5px;
text-decoration:none;
}
.contact-import-inner .compact .service-links .service-link,.contact-import-inner .compact .service-links .service-link:hover {
display:inline;
padding:0 10px 0 0;
}
h2.contact-import-component {
padding-bottom:0;
}
.contact-import-inner .contact-import-services {
margin-top:5px;
}
.trends-inline-controls {
font-size:13px;
}
.tweet-activity-lists {
margin-top:10px;
border-top:1px solid #EBEBEB;
padding:20px 20px 15px 20px;
width:320px;
}
.permalink .tweet-activity-lists {
border-top:0;
width:auto;
}
.tweet-activity-lists .retweets,.tweet-activity-lists .replies {
padding-right:8px;
}
.activity-list-container {
float:left;
}
.tweet-activity-count-container {
clear:both;
display:block;
}
.tweet-activity-count-container {
font-size:11px;
color:#999;
}
.permalink .tweet-activity-count-container {
font-size:13px;
}
.activity-list-container ul.inline-list {
display:inline;
line-height:13px;
}
.activity-list-container b.type {
background:#eee;
width:24px;
height:24px;
display:block;
text-align:center;
float:left;
margin-right:2px;
}
.activity-list-container b.type i {
opacity:1!important;
margin-top:2px;
}
.details-pane .facets-inner .component,.details-pane .user-media-not-displayed-inner {
padding:10px 20px 0 20px;
}
.button {
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
background:#ddd url(../img/buttons/bg-btn.gif) repeat-x 0 0;
border-color:#bbb #bbb #999;
border-radius:4px;
border-style:solid;
border-width:1px;
cursor:pointer;
display:inline-block;
font:12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
margin:0;
overflow:hidden;
padding:5px 9px 5px 9px;
text-shadow:0 1px #F0F0F0;
color:#333!important;
-moz-box-shadow:0 1px 0 #f8f8f8;
-wekbit-box-shadow:0 1px 0 #f8f8f8;
box-shadow:0 1px 0 #f8f8f8;
*display:inline;
*zoom:1;
}
.button::-moz-focus-inner {
padding:0;
border:0;
}
.button:focus {
outline:none;
}
.tweet-button {
font-weight:300;
font-size:15px;
padding:6px 9px;
}
.button:hover,.button:focus {
background-position:0 -6px;
border-color:#999 #999 #666;
color:#000;
text-decoration:none;
}
.button:active {
background-image:none;
text-shadow:none;
outline:none;
}
.button.selected {
background-color:#39d;
background-image:url(../img/buttons/bg-btn-blue.gif);
background-position:0 0;
border-color:#39d #39d #28c;
color:#fff!important;
text-shadow:-1px -1px 0 #39d;
-moz-box-shadow:0 0 5px #28c;
-webkit-box-shadow:0 0 5px #28c;
}
.button.selected:hover {
background-position:0 -210px!important;
}
.button.selected:active {
background-image:none;
}
.button span {
background-image:url(../img/sprite-icons.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:bottom;
height:13px;
outline:medium none;
overflow:hidden;
width:13px;
margin-bottom:2px;
}
.button .gear {
background-position:-32px -64px;
margin-right:-2px;
margin-left:0;
margin-bottom:1px;
}
.button .user-actions {
background-image:url(../img/user-profile-action-icon-sm.png);
width:13px;
height:12px;
margin-left:1px;
}
.user-profile-actions-button {
padding:5px 7px;
}
.user-profile-actions-button span.down-arrow {
margin:0 -1px 0 2px;
}
.direct-message-action {
padding:5px 10px;
}
.direct-message-action .direct-message-icon {
background-image:url(../img/dm-icon.png);
width:15px;
height:13px;
}
.button .notepad {
background-position:-176px -80px;
width:12px;
margin-right:4px;
}
.button .edit-list {
background-position:-352px -94px;
width:12px;
margin-right:4px;
}
.button .list {
width:10px;
background-position:-96px -64px;
margin-bottom:1px;
}
.button .plus {
width:14px;
height:14px;
background-position:-64px -16px;
top:-1px;
margin-right:1px;
margin-bottom:0;
position:relative;
}
.button .you-follow {
width:15px;
height:12px;
margin-top:0;
margin-bottom:1px;
background-position:-288px -96px;
}
.profile-unfollow-link {
padding-left:4px;
}
.profile-unfollow-link em {
font-style:normal;
position:relative;
display:inline-block;
}
.profile-unfollow-link b {
display:inline-block;
}
.profile-unfollow-link b.unfollow,.just-followed .profile-unfollow-link:hover b.unfollow {
display:none;
visibility:hidden;
position:absolute;
z-index:1;
top:0;
left:0;
}
.profile-unfollow-link:hover b {
visibility:hidden;
}
.profile-unfollow-link:hover b.unfollow,.just-followed .profile-unfollow-link:hover b {
display:inline-block;
visibility:visible;
}
.button .trashcan {
background-position:-128px 0;
margin:0 3px 2px -3px!important;
}
.button .checkmark {
background-position:-144px 16px;
}
.button .down-arrow {
background-position:-47px -64px;
width:7px;
margin:0 -1px 0 3px;
}
.button .down-sprite {
background-position:-160px -80px;
height:9px;
margin-bottom:5px;
width:10px;
}
.button .up-sprite {
background-position:-176px -80px;
height:9px;
margin-bottom:5px;
width:10px;
}
.button-active {
background-image:none;
text-shadow:none;
}
.drop-down-container {
position:relative;
display:inline;
vertical-align:bottom;
}
.drop-down {
zoom:1;
position:absolute;
left:0;
margin:0 0 0 0!important;
padding:3px 0!important;
text-align:left;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
background-color:#fff;
border:1px solid #aaa;
color:#666;
z-index:99999;
zoom:1;
list-style-type:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
width:240px!important;
}
a.trend-location.dropdown-link {
cursor:pointer;
font-size:12px;
font-weight:normal;
left:-2px;
padding:3px 4px;
position:relative;
}
a.trend-location.dropdown-link:hover {
background-color:#eee;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
a.trend-location.dropdown-link.open {
background-color:#999;
color:#fff;
padding-bottom:7px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
a.trend-location.dropdown-link:hover,a.trend-location.dropdown-link.open {
text-decoration:none;
}
span.trend-location-icon {
background-image:url(../img/sprite-icons.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:bottom;
outline:medium none;
overflow:hidden;
background-position:-77px -66px;
width:7px;
height:14px;
margin:0 0 0 2px;
padding-left:3px;
}
a.trend-location.dropdown-link:hover>.trend-location-icon,a.trend-location.dropdown-link.open>.trend-location-icon {
background-position:-45px -66px;
}
.trend-location+.drop-down {
padding:0!important;
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0;
-moz-border-radius:5px;
-moz-border-radius-topleft:0;
border-radius:5px;
border-top-left-radius:0;
left:-2px!important;
top:20px!important;
width:160px!important;
}
body.ko .drop-down {
zoom:1;
position:absolute;
left:0;
margin:0 0 0 0!important;
padding:3px 0!important;
text-align:left;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
background-color:#fff;
border:1px solid #aaa;
color:#666;
z-index:99999;
zoom:1;
list-style-type:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
width:300px!important;
}
body.ko .drop-down,body.ru .drop-down {
width:300px!important;
}
.drop-down span.truncate {
display:inline-block;
max-width:70px;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:top;
white-space:nowrap;
}
.drop-down li,.drop-down div.empty-drop-down {
margin:0!important;
cursor:pointer;
padding:6px 8px;
font:12px 'Helvetica Neue',Arial,sans-serif;
}
#list_membership_dialog .twttr-dialog-body {
padding-left:7px;
}
.add-to-list-prompt {
display:none;
font-size:15px;
font-weight:300;
margin:0 0 5px 4px;
}
.list-membership-container {
text-align:left;
list-style-type:none;
width:285px;
}
.list-membership-container li.stream-link {
padding:0;
}
.list-membership-container li.stream-link a {
padding:6px 8px;
}
.list-membership-container li {
line-height:18px;
margin-left:0;
padding:3px 4px;
}
.list-membership-container li * {
cursor:pointer;
}
.list-membership-container .dropdown-divider {
cursor:default;
margin:5px 0 5px 0;
}
.list-membership-container li span.checkbox-label,.list-membership-container li.create-a-list,.list-membership-container li input[type="checkbox"] {
cursor:pointer;
display:block;
color:#666;
position:relative;
vertical-align:middle;
word-wrap:break-word;
}
.list-membership-container li input[type="checkbox"] {
margin-right:5px;
bottom:-2px;
padding:0;
}
.list-membership-container li img {
margin-right:4px;
}
.list-membership-container span.lock-icon {
display:inline-block;
background:transparent url(../img/lock_icon_small.png) no-repeat scroll 0 50%;
height:10px;
width:8px;
*vertical-align:middle;
}
#list_membership_dialog .spinner {
display:block;
height:32px;
width:32px;
background-image:url(../img/loader.gif);
margin:10px auto;
}
.drop-down div.empty-drop-down div.title {
font-weight:bold;
}
.drop-down li.stream-link {
padding:0;
}
.drop-down li.stream-link a {
padding:6px 8px;
}
.drop-down li * {
cursor:pointer;
}
.drop-down .dropdown-divider {
cursor:default;
margin:5px 0 5px 0;
}
.drop-down li a,.drop-down li span,.drop-down li label,.drop-down li input[type="checkbox"] {
display:inline-block;
color:#666;
position:relative;
vertical-align:middle;
word-wrap:break-word;
}
.drop-down li input[type="checkbox"] {
margin-right:4px;
bottom:-1px;
padding:0;
}
.drop-down li a {
display:block;
color:#666;
text-decoration:none;
outline:none;
}
.drop-down li:hover {
color:#fff;
background-color:#999;
text-shadow:none;
}
.drop-down li:hover * {
color:#fff;
text-shadow:none;
text-decoration:none;
}
.drop-down li.divider {
border-top:1px solid #ddd;
}
.drop-down span.list {
background-image:url(../img/sprite-icons.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:bottom;
height:13px;
outline:medium none;
overflow:hidden;
width:14px;
margin-bottom:2px;
margin-right:5px;
}
.drop-down .mention {
background-position:0 -32px;
}
.drop-down .user-list {
background-position:-63px -64px;
}
.drop-down .unfollow {
background-position:-96px -32px;
}
.drop-down .follow {
background-position:-160px -32px;
}
.drop-down .block {
background-position:-128px -32px;
}
.drop-down .spam {
background-position:-256px -32px;
}
.drop-down .dm {
background-position:-32px -32px;
}
.drop-down span.list {
display:none;
}
.drop-down b.item-name {
font-weight:normal;
height:15px;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
width:200px;
vertical-align:top;
}
body.ru .drop-down b.item-name {
width:240px;
}
body.ko .drop-down b.item-name {
font-weight:normal;
height:15px;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
width:240px;
vertical-align:top;
}
.drop-down .dropdown-header {
margin-top:2px;
}
.drop-down .dropdown-header b.item-name {
color:#666;
font-size:15px;
font-weight:300;
height:18px;
}
.drop-down li.dropdown-header:hover {
cursor:normal;
background:none;
}
.drop-down li.profactions b.item-name {
margin-top:0;
}
@media screen and(-webkit-min-device-pixel-ratio:0) {
.drop-down b.item-name {
margin-top:2px;
}
span.list-icon {
margin-bottom:0;
}
}
.drop-down span.lock-icon {
display:inline-block;
background:transparent url(../img/lock_icon_small.png) no-repeat scroll 0 50%;
height:10px;
width:8px;
*vertical-align:middle;
}
.icon {
background-image:url(../img/sprite-icons.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:bottom;
height:13px;
width:13px;
outline:medium none;
overflow:hidden;
margin-bottom:2px;
}
.delete-icon {
background-position:-112px 0;
}
.person-icon {
background-position:-240px -32px;
}
.list-icon {
background-position:-96px -64px;
margin-bottom:2px;
}
.blocking-icon {
background-position:-209px -16px;
margin-bottom:4px;
}
.photo-icon {
background-position:0 -96px;
width:16px;
height:14px;
}
.video-icon {
background-position:-16px -96px;
width:16px;
height:14px;
}
.reply-icon {
background-position:-32px -96px;
width:14px;
height:14px;
}
.device-notifications {
width:16px;
height:16px;
background-position:-160px -48px;
vertical-align:top;
margin-left:3px;
margin-top:6px;
cursor:pointer;
}
.device-notifications.notifying {
width:16px;
height:16px;
background-position:-48px -48px;
vertical-align:top;
margin-left:3px;
margin-top:6px;
cursor:pointer;
}
.retweet-setting {
width:16px;
height:16px;
background-position:-176px -48px;
vertical-align:top;
margin-left:4px;
margin-top:6px;
cursor:pointer;
}
.retweet-setting.including {
width:16px;
height:16px;
background-position:-96px -48px;
vertical-align:top;
margin-left:4px;
margin-top:6px;
cursor:pointer;
}
.protected-box .button {
margin:8px;
padding:3px 12px 3px 12px;
}
.button.loading {
color:transparent;
text-shadow:none!important;
}
.button.loading i {
display:inline-block;
margin:0 4px 0 4px;
width:20px;
background:transparent url(../img/spinner.gif) no-repeat center center;
}
.profile-unfollow-link b {
text-shadow:none;
}
.unfollow-button,.profile-unfollow-link,.unfollow-list-button,.just-followed .profile-unfollow-link:hover {
background-color:#00AE3E;
background-image:url(../img/bg-btn-follow.png);
background-position:0 0;
background-repeat:repeat-x;
border-color:#393 #393 #277827;
color:#fff!important;
text-shadow:-1px -1px 0 #272;
}
.unfollow-button:hover,.profile-unfollow-link:hover,.unfollow-button:focus {
background-position:0 -200px;
background-color:#C63738;
background-image:url(../img/bg-btn-follow.png);
background-position:0 -68px;
background-repeat:repeat-x;
border-color:#a33 #a33 #962C2C;
color:#fff;
}
.profile-unfollow-link:hover .you-follow,.unfollow-button:hover .you-follow {
background-position:-272px -96px;
width:12px;
height:12px;
margin-left:1px;
margin-right:2px;
}
.profile-unfollow-link:active,.unfollow-button:active {
background-image:none;
background-color:#C63738;
}
.profile-unfollow-link .you-follow,.just-followed .profile-unfollow-link:hover .you-follow {
background-position:-288px -96px;
padding-top:0!important;
width:15px;
margin-right:6px;
padding-left:0;
margin-left:4px;
}
.just-followed .profile-unfollow-link {
cursor:default;
}
.profile-unfollow-link:hover .you-follow {
margin-right:7px;
margin-left:6px;
}
body.ja .stream-item .follow-button,body.ja .stream-item .unfollow-button {
font-size:10px;
}
a.promotional,input.promotional {
background:#fa2 url(../img/buttons/bg-btn-signup.png) repeat-x 0 0;
display:block;
padding:4px 8px;
border:1px solid #fa2;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-decoration:none;
text-align:center;
color:#333;
text-shadow:0 1px 0 #fe6;
font:bold 16px Helvetica Neue,Arial,Sans-serif;
cursor:pointer;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
}
a.promotional:hover,a.promotional:focus,input.promotional:hover,input.promotional:focus {
background-position:0 -5px;
color:#111;
}
a.promotional:active,input.promotional:active {
background-image:none;
}
.btn {
line-height:17px;
font-size:12px;
display:inline-block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
cursor:pointer;
background:#ddd url(../img/buttons/bg-btn.gif) repeat-x scroll 0 0;
border-color:#bbb #bbb #999;
border-style:solid;
border-width:1px;
padding:4px 9px;
color:#333!important;
}
.btn:hover,.btn:focus {
background-position:0 -6px;
border-color:#999 #999 #666;
text-decoration:none;
}
.btn-default {
background:#81b1c9;
background:-moz-linear-gradient(100% 100% 90deg,#346a85,#81b1c9);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#81b1c9),to(#346a85));
border:1px solid;
border-color:#719dbd #457394 #1f3443;
color:#fff!important;
}
.btn-default:hover,.btn-default:focus {
background:#336680;
background:-moz-linear-gradient(100% 100% 90deg,#2f6079,#75aac4);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#75aac4),to(#2f6079));
}
.btn-disabled,.button.disabled,.btn-disabled:hover,.button.disabled:hover,.btn-disabled:focus,.button.disabled:focus,form.submitting .submit.button {
background:#ddd url(../img/buttons/bg-btn.gif) repeat-x 0 0;
border-color:#ccc;
cursor:default;
color:#aaa!important;
text-shadow:none;
}
.protected-box {
background:#f4f4f4 url(../img/profile_lock.png) no-repeat right bottom;
color:#333;
padding:15px 15px 15px 15px;
-webkit-border-radius:5px;
margin:10px 15px 15px 15px;
-moz-border-radius:5px;
border-radius:5px;
min-height:60px;
}
.profile-user-only-admin-accessible {
background:#fbdcb6;
border-radius:4px;
border-top:1px solid #f6b462;
color:#333;
font-size:15px;
font-weight:bold;
margin:20px 20px 0 20px;
padding:3px 0 4px 0;
text-align:center;
text-shadow:1px 1px 1px #fff;
}
.protected-box h1 {
margin:0 0 5px 0;
font-size:18px;
line-height:18px;
}
.protected-box p {
width:85%;
}
.protected-box img {
float:left;
margin:20px 10px 0;
}
.profile-info {
padding:20px 20px 16px 20px;
}
.profile-header {
position:relative;
z-index:99;
}
.profile-header .profile-info {
width:510px;
}
.profile-header .profile-image-container {
float:left;
}
.screen-name-and-location {
font-size:12px;
padding:2px 0;
}
.profile-header .screen-name-and-location {
padding:0;
font-size:13px;
line-height:22px;
}
.profile-header a.pill {
font-size:13px;
}
.screen-name-and-location a.pill:hover {
text-decoration:underline;
}
.profile-info .full-name h2 {
font-size:30px;
line-height:36px;
font-weight:bold;
padding:0;
margin:0;
}
.profile-info .full-name span {
vertical-align:text-bottom;
}
.profile-info a.full-name:hover,.profile-info a.full-name:hover h2,.profile-info a.full-name:hover div h2,.profile-info a.full-name:hover div {
text-decoration:none!important;
}
.profile-pane .full-name h2 {
font-size:20px;
font-weight:bold;
color:#333;
margin:0 0 3px 0;
padding:0;
display:inline;
}
.profile-info-wrapper {
float:left;
width:230px;
}
.profile-pane div.full-name {
display:inline-block;
padding-bottom:2px;
width:230px;
}
.profile-pane div.location {
width:230px;
}
.profile-pane a.full-name {
text-decoration:none;
}
.profile-pane a.pill span {
text-decoration:none;
font-size:12px;
font-weight:normal;
white-space:nowrap;
}
.profile-pane a.pill:hover span {
text-decoration:none;
}
.profile-header .pill {
font-size:18px;
}
.profile-pane {
line-height:17px;
}
.profile-details .bio,.profile-pane .bio {
font-size:14px;
line-height:18px;
font-style:italic;
font-family:Georgia,serif;
color:#777;
-webkit-font-smoothing:antialiased;
}
.profile-details .bio {
padding-top:0;
}
a.profile-screenname:hover {
text-decoration:none;
}
a.profile-screenname:hover span.profile-screenname {
text-decoration:underline;
}
.profile-details {
float:left;
margin-left:15px;
display:inline-block;
width:367px;
}
.profile-details .url,.profile-details .bio {
overflow:hidden;
text-overflow:ellipsis;
}
.full-name h2 {
display:inline;
margin-right:5px;
}
h2.follow-title {
font-size:13px;
margin-left:10px;
}
h2.profile-title {
font-size:13px;
margin-left:20px;
margin-top:20px;
}
span.sep {
color:#ccc;
font-weight:bold;
}
.verified-icon {
background-image:url(../img/verified.png);
height:23px;
width:23px;
display:inline-block;
vertical-align:top;
}
.verified-icon-small {
background-position:-272px -80px;
background-image:url(../img/sprite-icons.png);
background-repeat:no-repeat;
height:15px;
width:15px;
display:inline-block;
vertical-align:text-bottom;
}
@media screen and(-webkit-min-device-pixel-ratio:0) {
.verified-icon-small {
margin-top:-3px;
vertical-align:middle;
}
}
.protected-icon {
background-image:url(../img/sprite-icons.png);
background-position:-256px -16px;
height:10px;
width:8px;
margin-bottom:3px;
vertical-align:baseline;
display:inline-block;
font-size:0;
}
.user-rec-component .protected-icon {
height:13px;
}
@media screen and(-webkit-min-device-pixel-ratio:0) {
.protected-icon {
margin-bottom:0;
}
}
.protected-icon-timeline {
margin:0 5px 0 0;
}
.pill {
margin-right:2px;
padding:2px 0;
font-size:16px;
font-weight:bold;
}
.profile-actions {
padding:8px 10px;
background:#f4f4f4;
-webkit-box-shadow:0 1px 0 #fff;
-moz-box-shadow:0 1px 0 #fff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
clear:both;
display:block;
margin:0 10px 15px;
height:28px;
}
.profile-actions .buttons {
float:right;
font-size:0;
}
.profile-actions .buttons .button {
margin:0 0 0 5px!important;
}
.profile-actions .follow-state {
display:inline-block;
float:left;
margin-right:8px;
}
body.western .profile-actions .follow-state,body.western .profile-actions .follow-state a.profile-unfollow-link {
white-space:nowrap;
width:120px;
margin-right:14px;
}
body.ru .profile-actions .follow-state,body.ru .profile-actions .follow-state a.profile-unfollow-link,body.ko .profile-actions .follow-state,body.ko .profile-actions .follow-state a.profile-unfollow-link {
white-space:nowrap;
width:100px;
margin-right:14px;
}
body.ja .profile-actions {
height:40px;
}
.profile-actions .follow-state span.you-follow,.profile-actions .follow-state span.you-requested,.profile-actions .follow-state a.unfollow-link,.profile-actions .follow-state a.cancel-request-link,.profile-actions .follow-state .you-blocked {
padding-top:5px;
display:inline-block;
margin-left:4px;
}
.profile-actions .follow-state span.you-follow,.profile-actions .follow-state span.you-requested,.profile-actions .follow-state .you-blocked {
font-weight:bold;
}
.profile-actions .follow-state a.unfollow-link:hover,.profile-actions .follow-state a.cancel-request-link:hover .profile-actions .follow-state a.profile-unblock-link:hover {
text-decoration:underline;
}
.profile-actions .follow-state .profile-unblock-link {
font-weight:normal;
}
.profile-actions .spam-learn-more-link {
font-weight:normal;
font-size:10px;
}
.details-pane .profile-actions {
background:#EDEDED;
border:none;
margin:0 12px;
padding-left:8px;
padding-right:8px;
}
.thats-you {
padding-top:4px;
display:inline-block;
font-size:13px;
font-weight:normal;
padding-left:4px;
color:#888;
text-shadow:0 1px 0 #fff;
}
li.user-thumb-list-member {
float:left;
margin-right:2px!important;
padding:0;
}
li.user-thumb-list-member.hidden {
display:none;
}
li.user-thumb-list-member a {
display:inline-block;
}
.user-profile-link {
cursor:pointer;
}
.profile-similar-to-header {
background:#f1f1f1;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
padding:12px 20px;
width:500px;
}
.profile-similar-to-header .profile-similar-to-image-container {
clear:both;
float:left;
width:100%;
margin-top:12px;
margin-bottom:5px;
}
.profile-similar-to-image-container h2 {
margin-left:10px;
}
.profile-similar-to-header h2 {
font-size:20px;
font-weight:300;
float:left;
}
.profile-similar-to-header img {
height:32px;
width:32px;
float:left;
}
.route-similar-to .stream-manager .stream-title {
display:none;
}
.social-context h2 {
padding:0;
}
.social-context p {
font-size:12px;
margin-bottom:5px;
}
.social-context div {
margin-top:0;
display:block;
color:#777;
}
.profile-tweet-box .condensed .twitter-anywhere-tweet-box-editor {
color:#AAA;
height:1.2em!important;
}
.profile-tweet-box .tweet-box {
border-top:1px solid #FBFBFB;
margin:0 10px 10px;
padding:10px;
background-color:#F5F5F5;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
text-align:center;
}
.profile-tweet-box .text-area {
margin:0;
}
.preceeding-profile-tweet-box .component {
margin:0;
}
.preceeding-profile-tweet-box .profile-actions {
margin:0 10px;
border-bottom:1px solid #DFDFDF;
background-color:#F5F5F5;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}
#page-container.error-page {
margin-left:auto;
margin-right:auto;
width:760px;
min-width:760px;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
background:white url(../img/larry.png) no-repeat 550px 38px!important;
}
.four-oh-four {
margin:0 40px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:25px 0 75px;
background-position:right;
}
.four-oh-four h2 {
font-size:32px;
color:#444;
font-weight:300;
}
.four-oh-four .user-search-form {
margin:10px 0;
padding-bottom:10px;
}
.four-oh-four .gohome {
padding:35px 0;
}
.four-oh-four label {
display:block;
color:#888;
font-size:16px;
padding:10px 0 6px 0;
}
.four-oh-four .user-search-query {
font:14px Arial,sans-serif;
margin:0 -5px 0 0;
padding:8px 8px;
border:solid 1px #ccc;
border-radius:2px;
-webkit-border-radius:4px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius:4px;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
border-radius:4px;
width:300px;
border-top-right-radius:0;
border-bottom-right-radius:0;
outline:none;
}
.four-oh-four .user-search-button {
font:14px Arial,sans-serif;
margin:0;
padding:8px 14px;
vertical-align:top;
-webkit-border-radius:0;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius:0;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px;
border-radius:0;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.four-oh-four div.footer {
padding:20px 40px 20px 40px;
font-size:11px;
background:#eee;
position:absolute;
left:0;
right:0;
bottom:0;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
.four-oh-four div.footer li span.dot {
visibility:hidden;
}
#page-container.four-twenty-container {
margin-left:auto;
margin-right:auto;
width:760px;
min-width:760px;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
background:white url(../img/birdcage.png) no-repeat 488px 38px!important;
}
.four-twenty {
margin:0 40px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:25px 0 20px;
background-position:right;
}
.four-twenty h2 {
font-size:32px;
color:#444;
font-weight:300;
}
.four-twenty p.rate-limit-message {
width:400px;
margin:20px 0;
}
.four-twenty div.footer {
padding:20px 40px 20px 40px;
font-size:11px;
background:#eee;
margin:30px -40px -20px -40px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
.messages-main-content {
width:400px;
}
.messages-main-content .focused-stream-item.hovered-stream-item .more {
display:none;
}
#message-notifications {
position:fixed;
z-index:2;
right:15px;
top:41px;
}
#message-notifications .notification {
-moz-border-radius:0 0 5px 5px;
background-color:#ddd;
border-color:-moz-use-text-color rgba(0,0,0,0.05) rgba(0,0,0,0.05);
border-right:1px solid rgba(0,0,0,0.05);
border-style:none solid solid;
border-width:medium 1px 1px;
min-height:16px;
width:200px;
padding:4px 12px 8px;
text-align:left;
font-size:12px;
font-weight:bold;
line-height:1.1;
}
#message-notifications h1 {
font-size:14px;
font-weight:bold;
}
.message-notification-reply-box {
margin:10px 0 0 0;
padding-bottom:36px;
display:none;
}
.message-notification-reply-button {
float:right;
margin-top:6px;
}
.message-notification-sender-image {
width:32px;
height:32px;
float:left;
overflow:hidden;
}
#message-notifications .dismiss {
display:inline-block;
margin:2px 0;
float:right;
}
.new-message-button {
position:absolute;
right:9px;
top:10px;
margin-bottom:10px;
}
.messages-header {
background:none repeat scroll 0 0 #EEE;
border-bottom:1px solid rgba(0,0,0,0.05);
padding:8px 12px 8px 12px;
position:relative;
z-index:2;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:0;
border-top-left-radius:5px;
border-top-right-radius:0;
height:30px;
}
.messages-header h1 {
font-size:18px;
margin-top:2px;
margin-left:2px;
text-shadow:0 1px 0 #fff;
}
.message-thread-change-button-group {
position:absolute;
right:15px;
top:16px;
}
.messages-header .message-thread-change-button-group #next-thread-button,.messages-header .message-thread-change-button-group #prev-thread-button {
position:static;
margin:0;
}
.inline-message-reply-box {
margin:10px 0 0 52px;
padding-bottom:68px;
}
.inline-message-reply-button {
float:right;
margin-top:6px;
}
.inline-message-reply-image {
float:left;
margin:10px 0 0 14px;
height:32px;
overflow:hidden;
width:32px;
}
#next-thread-button {
border-left:0;
border-top-left-radius:0;
border-bottom-left-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-top-left-radius:0;
-webkit-border-bottom-left-radius:0;
}
#prev-thread-button {
border-top-right-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
}
.message,.message-thread-preview {
line-height:16px;
padding:6px 25px 6px 15px;
min-height:60px;
font-size:13px;
line-height:17px;
overflow:hidden;
clear:both;
display:block;
position:relative;
}
.message {
min-height:36px;
border-bottom:1px solid #ebebeb;
}
.message-divider {
position:relative;
z-index:1;
text-align:center;
margin:-10px 0 -6px 0;
line-height:16px;
font-size:small;
font-weight:bold;
color:#bbb;
}
.message-divider span {
background-color:#fff;
padding:0 10px;
}
.message-thread-preview {
padding:8px 15px;
}
.message .message-inner,.message-thread-preview .message-inner {
min-height:60px;
position:relative;
width:100%;
}
.message .message-inner {
min-height:36px;
}
.message-inner b.full-name {
font-size:12px;
color:#999;
font-weight:normal;
}
.message-thread-preview .message-inner {
min-height:none;
}
.message-thread-preview .thumb {
display:block;
float:left;
height:32px;
overflow:hidden;
width:32px;
margin-top:2px;
}
.message .thumb {
display:block;
float:left;
height:48px;
overflow:hidden;
width:48px;
margin-top:6px;
}
.message-thread-preview .message-content {
margin-left:40px;
margin-right:22px;
}
.message .message-content {
margin-left:56px;
margin-right:22px;
}
.message-content .linked-text {
word-wrap:break-word;
font:15px Arial,Helvetica Neue,sans-serif;
line-height:19px;
}
.message a,.message-thread-preview a {
overflow:hidden;
}
.message a:hover,.message-thread-preview a:hover {
text-decoration:underline;
}
.message .learn-more {
white-space:nowrap;
}
.message-thread-preview .user-name {
display:block;
margin-left:40px;
height:17px;
font-size:15px;
}
.message .user-name {
display:block;
margin-left:56px;
height:17px;
font-size:15px;
padding-top:4px;
}
.message .full-name {
display:none;
}
.message a.user-profile-link {
color:#333;
}
.message a.user-profile-link {
color:#333;
display:inline-block;
font-weight:bold;
min-width:35px;
}
.message .message-meta,.message-thread-preview .message-meta {
color:#ccc;
font-size:11px;
font-style:normal;
position:absolute;
top:-2px;
right:0;
text-align:right;
width:50px;
}
.message:hover,.message-thread-preview:hover {
cursor:pointer;
}
.focused-message,.focused-message:hover {
cursor:pointer;
background:#eee;
}
.created-at {
color:#bbb;
font-size:11px;
}
.message-count {
font-size:20px;
font-weight:300;
min-width:30px;
position:absolute;
margin-right:10px;
right:0;
text-align:right;
top:7px;
padding:2px 8px;
color:#999;
}
.message-thread-preview:hover .message-count {
font-weight:bold;
}
.focused-stream-item .message-count {
color:#333!important;
font-weight:300!important;
}
.message-footer {
color:#999;
font-size:11px;
padding-top:1px;
}
.message .delete-action {
font-size:11px;
visibility:hidden;
}
.message:hover .delete-action {
visibility:visible;
}
.message .delete-action b {
font-weight:normal;
}
.message .delete-action:hover {
text-decoration:none;
}
.message .delete-action:hover .delete-icon {
background-position:-128px 0;
}
.message .delete-action:hover b {
text-decoration:underline;
}
.messages-main-content .stream-item {
min-height:40px;
}
.messages-main-content .stream-item .more {
margin-top:10px;
}
.message-thread-preview {
min-height:36px!important;
}
.message-thread-preview .message-inner {
min-height:20px!important;
}
.messages-pane {
padding:5px 20px;
}
.messages-pane .message {
min-height:60px;
padding-left:0;
}
.messages-pane .message:hover {
cursor:default;
background-color:transparent;
}
.message-thread-preview span.created-at {
*margin-top:-17px;
}
.messages-pane-header {
border-bottom:1px solid #EBEBEB;
}
.messages-pane-header h2 {
font-weight:bold;
}
#keyboard-shortcut-menu {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:5px;
margin-bottom:10px;
overflow:hidden;
background:#fff;
color:#333;
}
#keyboard-shortcut-menu h3,#keyboard-shortcut-menu dt {
margin:0;
padding:0;
font-weight:300;
font-family:'helvetica neue',helvetica,arial;
}
#keyboard-shortcut-menu dl,#keyboard-shortcut-menu dt,#keyboard-shortcut-menu dd {
margin:0;
padding:0;
}
#keyboard-shortcut-menu dl {
padding:7px 13px;
}
#keyboard-shortcut-menu dt {
font-size:18px;
font-weight:100px;
}
#keyboard-shortcut-menu dd em {
font-style:normal;
}
#keyboard-shortcut-menu .inner {
font-family:'helvetica neue',helvetica,arial;
overflow:hidden;
}
.twttr-dialog-container {
_position:absolute;
top:0;
left:0;
z-index:20;
}
.twttr-dialog-container-modal {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background:rgba(0,0,0,0.4);
background:transparent url(../img/spacer.gif)\9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000',endColorstr='#40000000');
overflow:hidden;
}
.twttr-dialog {
position:fixed;
_position:absolute;
top:0;
left:0;
width:600px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
z-index:11;
padding:6px;
-moz-box-shadow:0 3px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.1);
box-shadow:0 3px 0 rgba(0,0,0,0.1);
background-color:rgba(0,0,0,0.8);
background-color:#111\9;
}
.twttr-dialog.static {
position:absolute;
}
.twttr-dialog-inside {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding-top:6px;
color:#333;
background:#fff;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
zoom:1;
}
.twttr-dialog-container-modal .twttr-dialog {
z-index:13;
}
.twttr-dialog-header,.twttr-dialog-body,.twttr-dialog-footer {
padding-left:15px;
padding-right:15px;
display:block;
}
.twttr-dialog-header {
padding:0;
position:relative;
margin:0;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.draggable .twttr-dialog-header {
cursor:move;
}
.twttr-dialog-header h3 {
font:'helvetica neue',helvetica,arial,sans-serif;
color:#fff;
margin:0;
font-size:15px;
padding:2px 15px 7px 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.twttr-dialog-close {
position:absolute;
cursor:pointer;
top:3px;
font:bold 16px Tahoma,sans-serif;
right:0;
line-height:18px;
color:#fff;
width:20px;
height:20px;
text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:rgba(0,0,0,0.3);
}
.twttr-dialog-close:hover {
background:rgba(0,0,0,0.6);
color:#fff;
}
.twttr-dialog-close:active {
background-image:none;
color:#999;
}
.twttr-dialog-content {
margin-bottom:11px;
word-wrap:break-word;
}
.twttr-dialog-footer {
margin:8px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding:5px;
background:#f4f4f4;
display:inline-block;
width:474px;
}
.twttr-dialog p {
margin-bottom:0;
}
.twttr-dialog .tweet-box {
-moz-border-radius:5px;
background:#fff;
padding:5px 0 0 0;
}
.twttr-dialog .tweet-button-container {
display:block;
margin:10px 0 0 0;
text-align:right;
}
.twttr-dialog-reply-footer {
overflow:hidden;
line-height:17px;
font-size:13px!important;
padding:5px!important;
word-wrap:break-word;
}
.twttr-dialog-reply-footer p {
margin:0 0 0 59px;
padding:0;
position:relative;
top:-6px;
}
.twttr-dialog-reply-footer img {
display:block;
float:left;
width:48px;
height:48px;
line-height:1;
}
.twttr-dialog-reply-footer span.twttr-reply-screenname {
display:block;
font-weight:bold;
}
.twttr-direct-message h3 img.avatar {
position:absolute;
margin:2px 1px 1px 5px;
width:21px;
height:21px;
z-index:2;
}
.twttr-direct-message h3 div {
display:inline-block;
}
.twttr-directmessage-input {
padding:6px 6px 6px 31px;
border:1px solid #aaa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
width:280px;
position:relative;
left:2px;
z-index:1;
}
.twttr-directmessage-input:focus {
-moz-box-shadow:0 0 8px rgba(82,168,236,0.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,0.5);
border-color:rgba(82,168,236,0.75)!important;
}
.error .twttr-directmessage-input {
-moz-box-shadow:0 0 8px rgba(153,43,65,0.5);
-webkit-box-shadow:0 0 8px rgba(153,43,65,0.5);
border-color:rgba(153,43,65,0.75)!important;
}
.twttr-dm-check {
margin:0 7px;
display:inline-block;
width:15px;
height:13px;
background:url(../img/sprite-icons.png) -144px -16px no-repeat;
opacity:0;
filter:alpha(opacity=0);
}
.twttr-direct-message .error-text {
color:#fff;
background-color:#992b41;
padding:3px;
text-align:center;
margin-bottom:10px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.twttr-goto-user-input,.twttr-search-facets-input {
width:406px;
padding:6px;
font-size:20px;
}
.twttr-direct-message-single h3 {
overflow:hidden;
}
.twttr-direct-message-single h3 img {
display:block;
float:left;
width:24px;
height:24px;
}
.twttr-direct-message-single h3 strong {
display:block;
margin-left:33px;
font-weight:normal;
}
.twttr-prompt {
padding:8px;
text-align:center;
}
.twttr-prompt .button {
margin:0 5px;
}
div.local-trends-breadcrumbs {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:thin solid #E5E5E5;
}
ul.local-trends-list-new {
float:left;
list-style-type:none;
margin:0 5px 10px 0;
width:180px;
overflow:hidden;
}
.local-trends-list-new li {
float:left;
width:180px;
margin:0 7px 0 0;
padding:0 0 4px 0;
white-space:nowrap;
}
a.trend-breadcrumb-location:link,a.trend-breadcrumb-location:visited {
border:1px solid transparent;
padding:2px 4px;
}
span.trend-breadcrumb-connector {
padding:0 3px;
}
.local-trends-list-new a {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:3px 5px;
display:block;
}
.local-trends-list-new dt {
margin-left:5px;
font-weight:bold;
border-bottom:1px solid #eee;
margin-bottom:4px;
padding-bottom:4px;
}
.local-trends-list-new dd {
float:left;
width:134px;
margin-right:7px;
}
a.trend-breadcrumb-location:hover,.local-trends-list-new a:hover {
-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);
background:url(../img/buttons/bg-btn.gif) repeat-x scroll 0 0 #DDD;
border:1px solid #AAA;
color:#333;
padding:2px 4px;
text-shadow:0 1px 0 #fff;
text-decoration:none;
}
a.trend-breadcrumb-location.selected span,.local-trends-list-new a.selected span {
background-image:url(../img/sprite-icons.png);
background-position:-160px -16px;
background-repeat:no-repeat;
display:inline-block;
height:9px;
margin-bottom:2px;
margin-left:5px;
outline:medium none;
overflow:hidden;
position:relative;
top:-3px;
vertical-align:bottom;
width:10px;
}
.local-trends-list {
overflow:hidden;
margin:5px 0 10px 5px;
}
.local-trends-list dt {
margin-left:5px;
font-weight:bold;
border-bottom:1px solid #eee;
margin-bottom:4px;
padding-bottom:4px;
}
.local-trends-list dd {
float:left;
width:134px;
margin-right:7px;
}
.local-trends-list a {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:3px 5px;
display:block;
width:128px;
outline:none;
}
.local-trends-list a:hover {
-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);
background:url(../img/buttons/bg-btn.gif) repeat-x scroll 0 0 #DDD;
border:1px solid #AAA;
color:#333;
padding:2px 4px;
text-shadow:0 1px 0 #fff;
text-decoration:none;
}
.local-trends-list dd a.selected,.local-trends-list dd a.selected:hover,.local-trends-list dd a.selected:active {
background-color:#eee!important;
color:#333!important;
font-weight:bold;
}
.local-trends-list a.selected span {
background-image:url(../img/sprite-icons.png);
background-position:-160px -16px;
background-repeat:no-repeat;
display:inline-block;
height:9px;
margin-bottom:2px;
margin-left:5px;
outline:medium none;
overflow:hidden;
position:relative;
top:-3px;
vertical-align:bottom;
width:10px;
}
.list-editor hr {
border-top:1px solid #f4f4f4;
}
.list-editor .help-text {
display:block;
font-size:11px;
color:#999;
margin-left:150px;
}
.list-editor .field {
clear:both;
display:block;
margin:0 0 15px 0;
}
.list-editor label {
float:left;
width:150px;
margin-bottom:15px;
}
.list-editor input.text,.list-editor textarea {
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:13px Helvetica Neue,Arial,sans-serif;
padding:5px 5px;
float:left;
width:290px;
margin-bottom:15px;
transition:border linear .2s,box-shadow linear .2s;
-moz-transition:border linear .2s,-moz-box-shadow linear .2s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
}
.list-editor input.text:focus,.list-editor textarea:focus {
outline:none;
border-color:rgba(82,168,236,.75);
box-shadow:0 0 8px rgba(82,168,236,.5);
-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}
.list-editor textarea {
border:1px solid #ccc;
margin-bottom:6px;
resize:none;
height:36px;
}
.list-editor .options {
float:left;
width:290px;
margin-top:-3px;
padding-bottom:8px;
}
.list-editor .options label,.list-editor .options input {
float:none;
display:inline-block;
width:auto;
margin-bottom:5px;
font-size:12px;
color:#999;
}
.list-editor .options label b {
color:#333;
}
.list-editor .save {
text-align:right;
padding-bottom:8px;
}
.twttr-hidden-input {
opacity:0;
filter:alpha(opacity=0);
position:absolute;
_display:none;
}
.tooltip {
max-width:200px;
font-size:12px;
}
.muted-users input {
border:1px solid #aaa;
width:409px;
padding:5px;
font-size:13px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:block;
float:left;
margin-bottom:10px;
}
.muted-users .button {
margin-left:5px;
}
.muted-users .input-autocomplete {
overflow:hidden;
}
.muted-users ul,.muted-users li {
margin:0;
padding:0;
list-style:none;
}
.muted-users li {
padding:5px;
border-bottom:1px solid #ddd;
}
.muted-users li:last-child {
border-bottom-width:0;
}
.muted-users .remove-muted-person {
cursor:pointer;
}
.muted-users h4 {
font-weight:300;
}
div.twttr-dialog-first-time {
margin:2px -15px 3px -15px;
}
div.twttr-dialog-first-time div.first-time {
padding:10px 18px;
margin:14px 0 0 0;
background:#eee;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
div.twttr-dialog-first-time p {
padding:0 17px;
}
div.twttr-dialog-first-turkey h2.first-time,div.twttr-dialog-first-turkey p,div.twttr-dialog-first-turkey div.first-turkey-actions {
padding:0 20px;
}
div.twttr-dialog-first-turkey div.turkey-container.first-time {
padding:10px 0 25px;
position:relative;
}
.turkey-container.first-time .callout1 {
position:absolute;
top:215px;
left:78px;
font-size:12px;
line-height:100%;
}
.turkey-container.first-time .callout2 {
position:absolute;
top:188px;
left:163px;
font-size:12px;
line-height:100%;
}
.turkey-container.first-time .turkey {
padding-left:53px;
}
div.twttr-dialog-first-turkey a.learn-more {
margin:5px 9px;
display:inline-block;
overflow:hidden;
}
div.twttr-dialog-first-time p.first-time-text span,div.twttr-dialog-first-turkey p.first-time-text span {
margin-left:4px;
margin-right:2px;
}
div.twttr-dialog-first-time h2.first-time,div.twttr-dialog-first-turkey h2.first-time {
font-size:38px;
font-weight:300;
margin:0;
}
div.twttr-dialog-first-time h2.first-time {
padding:0 15px;
}
div.twttr-dialog-first-time div.button {
margin-left:18px;
margin-bottom:13px;
margin-top:18px;
}
div.twttr-dialog-first-time strong.text-replies {
padding-right:5px;
}
.dialog-form {
counter-reset:field;
}
.dialog-form ul,.dialog-form ul li {
list-style:none outside none;
margin:10px 0 0;
}
fieldset.common-form ul.discover-buttons li {
padding:15px 0 5px;
margin-bottom:0;
}
.dialog-form fieldset.common-form input[type="text"],.dialog-form fieldset.common-form input[type="password"],.dialog-form fieldset.common-form input[type="email"],.dialog-form fieldset.common-form input[type="tel"],.dialog-form fieldset.common-form select,.dialog-form fieldset.common-form textarea {
border:1px solid #888;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:13px;
background:#fff;
padding:4px 5px;
}
.dialog-form fieldset.common-form .error input,.dialog-form fieldset.common-form .error select,.dialog-form fieldset.common-form .error textarea {
border-color:#e90617;
}
.dialog-form .field {
display:block;
margin:20px 0;
}
.dialog-form .field .label {
font-weight:bold;
display:inline-block;
vertical-align:middle;
width:45%;
padding:0 1.7em 0 0;
}
.dialog-form .error .label {
color:#e90617;
}
.dialog-form .field .numbered {
padding:0 .5em 0 1.2em;
text-indent:-1.2em;
}
.dialog-form .field .numbered:before {
counter-increment:field;
content:counter(field) ". ";
}
.dialog-form .field .input-wrapper {
vertical-align:middle;
display:inline-block;
}
.dialog-form .subfield {
margin:-10px 0 20px 50%;
padding:0 0 0 .5em;
font-size:11px;
color:#999;
}
.dialog-form .field .button {
vertical-align:middle;
}
.dialog-form .field .error-text {
font-weight:normal;
text-indent:0;
}
#discoverability_header,#discoverability_dialog,#discoverability_footer {
display:none;
}
.dialog-form li .input-wrapper {
display:inline-block;
vertical-align:bottom;
}
.dialog-form li {
margin-bottom:3px;
}
.dialog-form li label small {
font-weight:normal;
}
.dialog-form fieldset.common-form ul li label {
display:inline-block;
font-size:13px;
width:95px;
margin-top:3px;
vertical-align:top;
white-space:normal;
}
.dialog-form li input[type=text] {
line-height:20px;
width:280px;
}
.dialog-form li textarea {
width:280px;
height:50px;
}
.dialog-form li strong {
display:block;
font-size:13px;
margin:3px 0 4px;
}
.dialog-form li,.dialog-form p {
color:#555;
line-height:18px;
}
.twttr-dialog.twttr-dialog-discovery {
top:80px!important;
width:450px!important;
position:absolute!important;
}
.twttr-dialog-discovery p {
line-height:1.25;
}
.discoverability-dialog span.privacy-statement {
color:#555;
font:12px/16px 'Lucida Grande',sans-serif;
padding:0 10px;
}
.discoverability-dialog span.privacy-statement a {
font-weight:bold;
}
.discoverability-dialog .discoverability-settings {
border-top:1px solid #eee;
}
h2.discoverability-header {
font-size:20px;
}
.discoverability-dialog .modal-content fieldset {
margin-bottom:0;
padding-bottom:0;
}
.dialog-form textarea.discovery-description {
height:30px;
}
.discover-buttons {
border-top:1px solid #eee;
text-align:center;
margin-top:10px;
padding:10px 0 5px;
}
.discover-buttons button {
margin:0 10px 0 0;
}
.help-discover {
background:url(../img/sprite-icons.png) no-repeat scroll -208px 0 transparent;
display:inline-block;
height:14px;
margin-left:5px;
vertical-align:top;
width:14px;
}
.twttr-dialog-device-setup {
width:520px;
}
.twttr-dialog-device-setup h2 {
font-weight:300;
}
.twttr-dialog-device-setup p {
margin:5px 0 10px;
}
.twttr-dialog-device-setup .error {
color:#e90617;
}
.twttr-dialog-device-setup .loading {
display:block;
height:32px;
width:32px;
background-image:url(../img/loader.gif);
margin:10px auto;
}
.twttr-dialog-device-setup select {
width:250px;
}
.twttr-dialog-device-setup .region-field {
margin-top:-10px!important;
}
.twttr-dialog-device-setup .phone-wrapper {
border:1px solid #999;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
width:250px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
}
.twttr-dialog-device-setup .error .phone-wrapper {
border-color:#e90617;
}
.twttr-dialog-device-setup .phone-wrapper .country-code {
padding:4px;
background:#d3d3d3;
color:#000;
height:1.3em;
font-weight:bold;
}
.twttr-dialog-device-setup .phone-wrapper input {
border:none!important;
outline:none;
}
.twttr-dialog-device-setup .submit {
font-size:14px;
font-weight:bold;
padding-left:3em;
padding-right:3em;
}
.twttr-dialog-device-setup .source-address {
font-size:20px;
}
.twttr-dialog-device-setup .phone-instructions {
font-size:22px;
font-weight:300;
padding:0 0 0 1em;
margin:0 0 15px;
}
.twttr-dialog-device-setup .waiting-instructions {
background:url(../img/loader.gif) 15px 15px no-repeat;
padding:15px 0 0 70px;
margin:15px 0;
border-top:2px solid #f6f6f6;
}
.twttr-dialog-device-setup .cancel-instructions {
padding:15px 0 0;
margin:15px 0;
border-top:2px solid #f6f6f6;
}
.sensitive-confirm-form .sensitive-field {
margin:10px 0;
}
.sensitive-confirm-form .sensitive-title {
margin-top:5px;
}
.sensitive-confirm-form .sensitive-buttons {
float:left;
}
.sensitive-confirm-form .sensitive-learn-more {
line-height:2em;
margin-left:10px;
}
.sensitive-confirm-form .checkbox {
vertical-align:top;
margin-top:4px;
}
.sensitive-confirm-form .sensitive-label {
width:445px;
display:inline-block;
margin-left:5px;
}
.sensitive-confirmation {
margin-top:15px;
}
#page-container.permalink-container {
background-color:transparent!important;
margin-left:auto;
margin-right:auto;
width:720px;
max-width:720px;
min-width:720px;
}
.permalink-header .signup-call-out {
position:relative;
padding:15px 95px 25px;
}
.permalink-header .signup-call-out form.signup {
padding:6px 0 0 0;
}
.permalink-header .signup-call-out form.signup input.promotional {
padding:4px 12px 6px;
}
.permalink-header .signup-call-out .sms-follow {
position:absolute;
line-height:1;
margin-top:-22px;
right:95px;
}
.permalink {
background:white!important;
padding:25px 75px 20px 75px;
margin:0 auto;
width:570px;
min-height:200px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.permalink .in-reply-to .stream-item {
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor:default;
}
.permalink .in-reply-to .stream-item {
margin-bottom:2px;
}
.permalink .in-reply-to .stream-item:hover {
background:transparent;
border-color:transparent!important;
}
.permalink .in-reply-to .stream-item:hover .more {
display:none;
}
.permalink .in-reply-to-text a {
color:#999;
}
.permalink legend.in-reply-to-text {
padding-left:8px;
margin-left:10px;
}
.permalink-footer {
padding:20px 40px 20px 40px;
clear:both;
font-size:11px;
text-align:center;
margin:0 -20px 0 -20px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
.permalink-footer li span.dot {
visibility:hidden;
}
.permalink-tweet .tweet-text-large {
font-size:28px;
line-height:36px;
margin-bottom:6px;
font-weight:normal;
font-family:Georgia,Palatino,Helvetica Neue,Helvetica,Arial,sans-serif!important;
-webkit-font-smoothing:antialiased;
padding-top:10px;
}
.permalink-tweet img.tweet-user-block-image {
width:48px;
height:48px;
margin-right:10px;
}
.permalink-tweet .tweet-user-block-screen-name {
font-size:20px;
display:inline-block;
line-height:24px;
}
.permalink-tweet .tweet-user-block-full-name {
font-size:14px;
}
.permalink-tweet .tweet-user-block-name {
padding-bottom:10px;
line-height:18px;
}
.permalink-tweet .tweet-source {
padding-right:12px;
}
.permalink-tweet .tweet-geo-text,.permalink-tweet .tweet-timestamp,.permalink-tweet .tweet-source,.permalink-tweet .tweet-source a,.permalink-tweet .tweet-actions {
font-size:13px;
line-height:22px;
}
.permalink-tweet a.tweet-geo-text {
cursor:pointer;
}
.permalink-tweet a.tweet-timestamp {
cursor:default;
text-decoration:none!important;
}
.permalink-tweet .tweet-actions {
display:inline-block;
margin-left:-4px;
}
.permalink-tweet .tweet-corner {
display:none;
}
body.loading-body #page-container.mobile-gallery {
display:block;
}
body.loading-body .mobile-gallery .yes-script {
visibility:hidden;
}
.mobile-gallery h1 {
font-size:46px;
text-align:center;
margin:30px 0 0 0;
font-weight:300;
color:#333;
}
.mobile-gallery .m-twitter {
text-align:center;
font-size:16px;
font-weight:300;
margin:0 0 40px 0;
color:#999;
display:block;
clear:both;
}
.mobile-gallery .m-twitter-link {
color:#2D76B9;
}
.mobile-gallery h2 {
font-size:22px;
margin-bottom:-2px;
font-weight:300;
color:#333;
}
.mobile-gallery h3 {
font-size:14px;
font-weight:bold;
line-height:1;
}
.mobile-gallery h4 {
font-size:13px;
font-weight:bold;
margin-bottom:0;
color:#666;
}
#mobile-gallery-logged-out-header {
background:#f3f3f3;
text-align:center;
padding:80px 0 40px;
margin:0 0 -40px;
}
#mobile-gallery-logged-out-header h1 {
font-size:56px;
font-weight:300;
line-height:1;
}
#mobile-gallery-logged-out-header h2 {
font-size:22px;
font-weight:300;
line-height:1;
color:#666;
margin:10px 0 0;
}
#mobile-gallery-logged-out-header h2 .check {
width:22px;
height:18px;
background:url(../img/check-blue.png);
vertical-align:baseline;
*vertical-align:middle;
display:inline-block;
*display:inline;
*zoom:1;
}
.mobile-gallery .gallery {
margin:20px 0 40px 0;
text-align:center;
}
.mobile-gallery .gallery li {
padding:0;
margin:0 25px;
display:inline-block;
list-style:none;
*display:inline;
*zoom:1;
}
.mobile-gallery .gallery li a {
display:block;
text-align:center;
cursor:pointer;
}
.mobile-gallery .gallery li a:hover {
text-decoration:none;
}
.mobile-gallery .gallery li a:hover i {
text-decoration:none;
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
}
.mobile-gallery .gallery li a:hover span {
text-decoration:underline;
}
.mobile-gallery .gallery li a i {
margin:0 15px;
display:inline-block;
background:url(../img/mobile/app_phones.jpg) no-repeat;
height:186px;
}
.mobile-gallery .gallery li a.iphone i {
width:81px;
}
.mobile-gallery .gallery li a.ipad i {
width:147px;
background-position:-81px 0;
}
.mobile-gallery .gallery li a.android i {
width:80px;
background-position:-228px 0;
}
.mobile-gallery .gallery li a.blackberry i {
width:85px;
background-position:-308px 0;
}
.mobile-gallery .gallery li a.wp7 i {
width:82px;
background-position:-393px 0;
}
.mobile-gallery .actions,.mobile-gallery .actions-single {
clear:both;
display:block;
text-align:center;
background-color:#4E6D87;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#85AABE),to(#4E6D87));
background-image:-moz-linear-gradient(#85AABE,#4E6D87);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85AABE',endColorstr='#4E6D87');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#85AABE',endColorstr='#4E6D87')";
box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.mobile-gallery .actions {
padding:25px 0;
margin:0 auto 20px;
}
.mobile-gallery .actions-single {
margin:15px 0 0 0;
padding:10px 25px 20px 25px;
width:320px;
height:130px;
text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}
.mobile-gallery .actions-single .app-download {
padding:0;
margin:10px 0 0 0;
}
.mobile-gallery .actions-single .app-download-form p {
color:#fff;
}
.mobile-gallery .actions-single div.submit {
margin-left:0;
min-width:80px;
*width:80px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-border-top-right-radius:18px;
-webkit-border-bottom-right-radius:18px;
-moz-border-radius-topright:18px;
-moz-border-radius-bottomright:18px;
border-top-right-radius:18px;
border-bottom-right-radius:18px;
*display:inline;
*zoom:1;
}
.mobile-gallery .actions span {
font-size:16px;
font-weight:300;
margin:0 5px;
display:inline-block;
vertical-align:middle;
text-shadow:0 -1px 0 rgba(0,0,0,0.5);
color:#fff;
}
.mobile-gallery .actions span.phrase {
min-width:250px;
*width:250px;
text-align:right;
}
.mobile-gallery .actions span.second-phrase {
text-align:left;
}
.mobile-gallery .actions .button,.firefox-download .button {
position:relative;
font-weight:normal;
font:normal 16px/16px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
padding:8px 12px;
min-width:150px;
display:inline-block;
vertical-align:middle;
-moz-border-radius:16px;
-webkit-border-radius:16px;
box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 5px #999;
-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 5px #999;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 5px #999;
border:0;
}
@-webkit-keyframes mobileDownloadGlow {
from {
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 15px rgba(255,238,102,.01);
}
50% {
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 15px rgba(255,238,102,1);
}
to {
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 15px rgba(255,238,102,.01);
}
}
.mobile-gallery .actions .promotional,.firefox-download .promotional {
box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 5px #FFC829;
-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 5px #FFC829;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 5px #FFC829;
-webkit-animation-name:mobileDownloadGlow;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
}
.mobile-gallery table.mobile-footer {
clear:both;
border-top:1px solid #eee;
margin:30px 0 0;
}
.mobile-gallery table.mobile-footer-home {
margin-top:15px;
}
.mobile-gallery .mobile-footer td {
width:25%;
vertical-align:top;
color:#808080;
padding:30px 25px 0 0;
}
.mobile-gallery .mobile-footer td:first-child {
border:none;
}
.mobile-gallery .mobile-footer p {
margin-bottom:.5em;
}
.mobile-gallery .mobile-footer ul {
white-space:nowrap;
}
.mobile-gallery .gallery-link {
margin:15px 0 20px 0;
padding:0 0 15px 0;
border-bottom:1px solid #eee;
}
.mobile-gallery .mobile-gallery-app {
margin:0;
padding:23px 640px 10px 0;
min-height:275px;
_height:275px;
}
.mobile-gallery .mobile-gallery-iphone {
background:url(../img/mobile/iphone_screens.jpg) right no-repeat;
}
.mobile-gallery .mobile-gallery-ipad {
background:url(../img/mobile/ipad_screens.jpg) right no-repeat;
}
.mobile-gallery .mobile-gallery-android {
background:url(../img/mobile/android_screens.jpg) right no-repeat;
}
.mobile-gallery .mobile-gallery-blackberry {
background:url(../img/mobile/blackberry_screens.jpg) right no-repeat;
}
.mobile-gallery .mobile-gallery-wp7 {
background:url(../img/mobile/wp7_screens.jpg) right no-repeat;
}
.mobile-gallery .app-header {
padding:0 0 0 90px;
height:90px;
width:250px;
}
.mobile-gallery .mobile-gallery-iphone .app-header,.mobile-gallery .mobile-gallery-ipad .app-header {
background:url(../img/mobile/ios_app_icon.png) 0 0 no-repeat;
}
.mobile-gallery .mobile-gallery-android .app-header {
background:url(../img/mobile/android_app_icon.png) 0 0 no-repeat;
}
.mobile-gallery .mobile-gallery-blackberry .app-header {
background:url(../img/mobile/blackberry_app_icon.png) 0 0 no-repeat;
}
.mobile-gallery .mobile-gallery-wp7 .app-header {
background:url(../img/mobile/wp7_app_icon.png) 0 0 no-repeat;
}
.mobile-gallery .app-header .compatibility {
color:#666;
margin:0;
}
.mobile-gallery .app-download {
line-height:40px;
margin:15px 0 20px;
}
.mobile-gallery .app-download-form {
margin:14px 0 0 0;
}
.mobile-gallery .app-download-form fieldset {
margin:10px 0;
}
.mobile-gallery .app-download-form .field {
margin:0;
}
body.western .mobile-gallery .actions-single .app-download-form input.email {
width:150px;
*width:120px;
}
.mobile-gallery .actions-single .app-download-form input.email {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
font:13px Helvetica Neue,arial,sans-serif;
width:180px;
*width:120px;
padding:8px 5px 9px 12px;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-border-top-left-radius:18px;
-webkit-border-bottom-left-radius:18px;
-moz-border-radius-topleft:18px;
-moz-border-radius-bottomleft:18px;
border-top-left-radius:18px;
border-bottom-left-radius:18px;
outline:none;
margin-right:0;
}
@-moz-document url-prefix() {
.mobile-gallery .actions-single .app-download-form input.email {
padding:8px 5px 8px 12px;
}
}
.mobile-gallery .app-download-form input.placeholded {
color:#999;
}
.mobile-gallery .app-download-form .button {
vertical-align:middle;
}
.twttr-dialog-download-mobile .dialog-prompt {
border-top:1px solid #eee;
padding:15px 0;
font-size:12px;
}
.twttr-dialog-download-mobile .dialog-prompt .button {
vertical-align:middle;
margin-right:.5em;
}
.twttr-dialog-download-mobile .dialog-prompt a {
vertical-align:middle;
}
.stream .promoted-account {
height:auto;
}
.promoted-account .tweet-labels {
padding-bottom:5px;
}
.firefox-header {
width:100%;
}
.firefox-intro {
float:left;
padding-left:20px;
width:550px;
padding-top:35px;
}
.firefox-installed {
padding-left:0;
width:920px;
text-align:center;
}
.firefox-header h1 {
text-align:left;
margin-top:0;
line-height:1.2;
}
.firefox-installed h1 {
text-align:center;
}
.firefox-header h1 strong {
letter-spacing:-1px;
}
.firefox-header h2 {
line-height:1.4;
font-size:22px;
color:#777;
}
.firefox-header h2 span {
color:#1B85C3;
}
.firefox-header .firefox-download {
padding:25px 0 20px 0;
}
.firefox-header .firefox-download .button {
text-align:right;
padding:12px 20px;
border:1px solid #FD9C00;
-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px;
font-size:18px;
float:left;
}
.firefox-header .firefox-actions {
padding:12px 20px;
margin-left:25px;
-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px;
float:left;
display:inline;
background:#f4f4f4;
}
.mobile-gallery .firefox-tweet-button {
background:url('../img/firefox/tweet.png');
width:55px;
height:20px;
display:inline-block;
outline:none;
margin-right:10px;
margin-bottom:-5px;
}
.mobile-gallery .firefox-tweet-button:hover {
background-position:0 -21px;
}
.mobile-gallery .firefox-tweet-button:active {
background-position:0 -42px;
}
.mobile-gallery .firefox-brand {
background:url('../img/firefox/bg.png') no-repeat;
width:394px;
height:221px;
float:left;
margin:55px -130px 0 30px;
display:inline;
}
.mobile-gallery .firefox-installed .firefox-brand {
width:100%;
background-position:center;
margin:0;
}
.mobile-gallery .firefox-footer {
width:100%;
padding-bottom:10px;
}
.mobile-gallery .firefox-footer td {
width:290px;
padding:30px 20px 0 0;
}
.mobile-gallery .firefox-footer td div.screenshot {
background:#f4f4f4;
padding-bottom:8px;
width:288px;
border:1px solid #ddd;
}
.mobile-gallery .firefox-footer td div.screenshot .screenshot-a,.mobile-gallery .firefox-footer td div.screenshot .screenshot-b,.mobile-gallery .firefox-footer td div.screenshot .screenshot-c {
height:140px;
width:288px;
margin-bottom:10px;
border-bottom:1px solid #ddd;
}
.mobile-gallery .firefox-footer td div.screenshot .screenshot-a {
background:url(../img/firefox/demo_sprite.png) no-repeat;
}
.mobile-gallery .firefox-footer td div.screenshot .screenshot-b {
background:url(../img/firefox/demo_sprite.png) no-repeat -289px;
}
.mobile-gallery .firefox-footer td div.screenshot .screenshot-c {
background:url(../img/firefox/demo_sprite.png) no-repeat -578px;
}
.mobile-gallery .firefox-footer td h4 {
color:#333;
}
.mobile-gallery .firefox-footer td h4,.mobile-gallery .firefox-footer td p {
padding-left:20px;
padding-right:20px;
}
.mobile-gallery .firefox-footer td.last {
padding-right:0;
}
.mobile-gallery .firefox-footer .firefox-actions {
text-align:center;
border-top:1px solid #eee;
padding-top:30px;
}
.list-header {
padding:12px 20px 0 20px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#f4f4f4!important;
}
.list-header h2 {
margin-top:0;
font-size:30px;
}
.list-header .list-creator {
float:left;
width:290px;
margin-bottom:5px;
}
.list-header .list-creator img {
float:left;
width:36px;
height:36px;
}
.list-header .list-creator p {
float:left;
width:200px;
margin-left:10px;
line-height:18px;
}
.list-header .list-creator p span {
color:#999;
}
.list-header p.description {
font:italic 14px Georgia,serif;
color:#666;
}
.list-header .stream-tabs {
padding:16px 0 0 0;
border-bottom:1px solid transparent;
}
.list-actions {
padding-top:5px;
margin:0 0 0 5px;
position:relative;
float:right;
}
.stream-list {
cursor:default;
min-height:41px;
}
.stream-list:hover,.focused-stream-item .stream-list,.stream-list:active {
background:#fff!important;
border-color:#e8e8e8!important;
}
.stream-list a.list-name {
display:inline-block;
clear:both;
font-size:14px;
}
.stream-list .list-description {
color:#999;
font:italic 13px/18px Georgia,Palatino,serif;
padding:1px 0;
width:75%;
}
.stream-list .list-content {
margin-left:44px;
}
.stream-list .button b.label {
display:none;
}
.stream-list .button .trashcan {
margin:0 2px 2px -1px!important;
}
.stream-list .button .notepad {
margin:0 1px 1px 1px!important;
}
.edit-list-button b,.delete-list-button b {
font-weight:normal;
}
.no-members {
margin:3px 20px 20px 20px;
padding-top:8px;
border-top:1px solid #eee;
}
.no-members h3 {
margin-bottom:10px;
}
.no-members form input {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #CCC;
font:13px Arial,sans-serif;
padding:6px 6px 4px;
width:160px;
vertical-align:top;
color:#CCC;
}
.no-members form input:hover {
border-color:#999;
}
.no-members form input:focus,.no-members form input.focused,.no-members form input.actasfocused {
border-color:#999;
color:inherit;
}
.no-members .button {
vertical-align:middle;
}
.no-members p.instruction {
padding-top:10px;
}
.recently-followed {
font-weight:normal!important;
}
.user-name .protected-icon,.stream-list .list-content .protected-icon {
vertical-align:middle;
}
.autocomplete-container {
visibility:hidden;
margin:0;
padding:4px 0;
position:absolute;
list-style:none;
border:1px solid #bbb;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background:#fff;
border-radius:4px;
width:505px;
z-index:10;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.autocomplete-container li {
margin:0;
padding:7px;
list-style:none;
background:#fff;
color:#333;
border-bottom:1px solid #f4f4f4;
cursor:pointer;
font:14px/1 'Helvetica Neue',arial,sans-serif;
overflow:hidden;
}
.autocomplete-container li.selected {
background:#d9ecf9;
}
.autocomplete-container li:first-child {
border-top:1px solid #f4f4f4;
}
.autocomplete-container li img {
width:24px;
height:24px;
float:left;
}
.autocomplete-container li span {
padding-top:4px;
position:relative;
display:block;
margin-left:30px;
}
.autocomplete-container li b {
font-weight:normal;
}
.autocomplete-container li em {
font-style:normal;
color:#777;
}
.autocomplete-container li.twttr-follow-notice em {
font-style:italic;
}
.autocomplete-container li[data-place-id] span {
overflow:hidden;
white-space:nowrap;
}
.autocomplete-container li[data-place-id] span em {
font-size:12px;
}
.autocomplete-container li.more-places {
height:18px;
}
.autocomplete-container a.close-places {
position:absolute;
right:5px;
outline:none;
}
.autocomplete-container a:hover.close-places {
text-decoration:none;
}
.autocomplete-container .close-places span {
background:url(../img/sprite-icons.png) no-repeat scroll -112px -80px transparent;
display:inline-block;
height:7px;
width:7px;
vertical-align:middle;
}
.autocomplete-container .close-places span:hover {
background-position:-128px -80px;
}
.search-header {
background-color:#F4F4F4;
display:inline-block;
height:50px;
line-height:50px;
position:relative;
width:100%;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.search-header .back-to-home {
display:inline-block;
vertical-align:middle;
padding-left:13px;
font-size:13px;
text-shadow:0 1px 0 #fff;
}
.search-header .back-to-home a {
padding:3px 4px;
}
.search-header .saved-search-container {
line-height:10px;
float:right;
margin:11px 15px 11px 5px;
}
.search-title {
padding:21px 15px 15px;
}
.search-title h2 {
font-size:26px;
font-weight:200;
word-wrap:break-word;
line-height:1;
}
.search-title a {
margin-left:1px;
}
.search-title h2 strong {
font-weight:500;
}
.search-title p {
margin-top:5px;
color:#888;
}
.what-the-trend {
padding:0 15px;
}
.what-the-trending {
font-weight:bold;
color:#FA2;
}
.what-the-trend-source,.what-the-trend .what-the-trend-source a {
color:#999;
font-size:11px;
display:inline;
}
.delete-saved-search {
float:right;
font-size:12px;
font-weight:normal;
margin-top:8px;
}
.webkit .delete-saved-search {
margin-top:9px;
}
.delete-saved-search-x {
background-image:url(../img/sprite-icons.png);
background-repeat:no-repeat;
display:inline-block;
vertical-align:bottom;
height:14px;
outline:medium none;
overflow:hidden;
width:14px;
margin-bottom:2px;
background-position:-80px -16px;
}
.delete-saved-search-x:hover {
text-decoration:none;
}
.stream-manager .stream-title .stream-tabs {
border:none;
padding:0;
}
.stream-manager .stream-title .stream-tab-title-inner {
padding-left:0;
}
.route-searchHome #search-form {
display:none;
}
.route-searchHome .main {
text-align:center;
}
.route-searchHome h1 {
padding:50px 0 0 0;
font-weight:200;
font-size:32px;
color:#444;
}
.route-searchHome .basic-search form {
margin-top:30px;
background-color:#346a85;
background:#81b1c9;
background:-moz-linear-gradient(100% 100% 90deg,#346a85,#81b1c9);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#81b1c9),to(#346a85));
-box-shadow:0 1px 2px #eee;
-moz-box-shadow:0 1px 2px #eee;
-webkit-box-shadow:0 1px 2px #eee;
display:inline-block;
text-align:left;
padding:14px 15px 14px 14px;
*zoom:1;
*display:inline;
*width:660px!important;
}
.route-searchHome .basic-search form,.route-searchHome .search input {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.route-searchHome .basic-search input {
width:640px;
}
.route-searchHome .search input {
font-size:17px;
font-family:'Helvetica Neue',Arial,sans-serif;
padding:8px 10px;
color:#333;
border:1px solid #30607D;
box-shadow:inset 0 1px 0 #eee,0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow:inset 0 1px 0 #eee,0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow:inset 0 1px 0 #eee,0 1px 0 rgba(255,255,255,0.2);
}
.route-searchHome .search input:hover,.route-searchHome .search input:focus,.route-searchHome .search input.focused,.route-searchHome .search input.actasfocused {
outline:none;
border-color:#30607D -box-shadow:inset 0 1px 0 #eee,0 1px 0 rgba(255,255,255,0.2),0 0 8px rgba(82,168,236,0.9);
-moz-box-shadow:inset 0 1px 0 #eee,0 1px 0 rgba(255,255,255,0.2),0 0 8px rgba(82,168,236,0.9);
-webkit-box-shadow:inset 0 1px 0 #eee,0 1px 0 rgba(255,255,255,0.2),0 0 8px rgba(82,168,236,0.9);
}
.route-searchHome .search .submit {
font-size:15px;
padding:8px 18px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #30607D;
-box-shadow:0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow:0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2);
}
.route-searchHome .basic-search p {
padding-top:10px;
color:#fff;
margin-left:2px;
font-size:11px;
float:left;
}
.route-searchHome .basic-search p a {
color:#B5D8F0;
}
.route-searchHome .basic-search .button {
float:right;
margin-top:8px;
}
.route-searchHome .trends-container {
position:absolute;
left:50%;
top:274px;
margin-left:-275px;
width:550px;
}
.route-searchHome .trends-inner {
float:none;
line-height:26px;
min-height:0;
width:auto;
}
.route-searchHome .trends-inner h2 {
font-size:13px;
font-weight:normal;
color:#888;
}
.route-searchHome .trends-inner h2:after {
content:':';
}
.route-searchHome .trends-inner h2,.route-searchHome .trends-inner ul {
display:inline;
}
.route-searchHome .loading .trends-inner h2,.route-searchHome .trends-inner h3 {
display:none;
}
.route-searchHome li.trend-item {
list-style:none;
display:inline;
margin:0 1em;
}
.route-searchHome li.trend-item a {
white-space:nowrap;
}
.route-searchHome .basic-search {
margin-bottom:162px;
}
#search_operators table td,#search_operators table th {
font-size:11px;
text-align:left;
}
#search_operators table td {
line-height:1em;
padding:3px 0;
vertical-align:top;
}
#search_operators table td a {
white-space:nowrap;
margin-right:1em;
}
#search_operators table td a b {
color:red;
}
.route-searchHome .advanced-search h1 {
padding:20px 0 10px 0;
}
.route-searchHome .advanced-search form {
width:670px;
margin:10px auto 0 auto;
}
.route-searchHome .advanced-search fieldset {
text-align:left;
margin:0 0 30px 0;
padding:15px 0 10px 0;
background:#f4f4f4;
position:relative;
display:block;
clear:both;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0 -1px 1px #ddd;
-box-shadow:0 -1px 1px #ddd;
-webkit-box-shadow:0 -1px 1px #ddd;
}
.route-searchHome .advanced-search {
position:relative;
}
.route-searchHome .advanced-search legend span {
font-size:13px;
font-weight:bold;
text-indent:15px;
position:absolute;
display:block;
margin:0;
top:-10px;
left:0;
background:transparent;
color:#333;
_zoom:1;
_top:-20px;
_left:-10px;
}
.route-searchHome .advanced-search span.td {
display:block;
clear:both;
float:left;
color:#555;
padding-left:15px;
width:185px;
}
.route-searchHome .advanced-search span.td,.route-searchHome .advanced-search div.sel,.route-searchHome .advanced-search div.chk {
line-height:35px;
}
.route-searchHome .advanced-search fieldset div {
padding-bottom:6px;
}
.route-searchHome .advanced-search .txt input {
width:440px;
font-size:13px;
padding:7px 5px;
border:1px solid #eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow:inset 0 1px 1px #ddd,0 1px 0 #fff;
-box-shadow:inset 0 1px 1px #ddd,0 1px 0 #fff;
-webkit-box-shadow:inset 0 1px 1px #ddd,0 1px 0 #fff;
-webkit-transition:border .2s linear,-webkit-box-shadow .2s linear;
}
.route-searchHome .advanced-search .txt input:focus {
border:1px solid #52a8ec;
border:1px solid rgba(82,168,236,.75);
-moz-box-shadow:0 0 6px rgba(82,168,236,.5);
-box-shadow:0 0 6px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 6px rgba(82,168,236,.5);
}
.route-searchHome .advanced-search .rad label {
margin-left:1em;
font-size:13px;
color:#666;
}
.route-searchHome .advanced-search div.chk label {
margin-right:1em;
font-size:13px;
color:#666;
}
.route-searchHome .advanced-search .rad input,.route-searchHome .advanced-search .chk input {
margin-right:3px;
border:0;
}
.route-searchHome .advanced-search fieldset.geo div.sel {
display:none;
}
.route-searchHome .advanced-search div.submit {
border-color:#2283D8;
margin:0 0 20px 0;
font-size:16px;
line-height:18px;
}
.stream-tab.stream-tab-title {
cursor:default;
}
.stream-tab-title .stream-tab-title-inner {
float:left;
padding:4px 0 0 14px;
line-height:24px;
font-size:15px;
font-weight:300;
margin-bottom:0;
color:#666;
}
.route-search .stream-tab-title .stream-tab-title-inner {
padding-left:7px;
}
.stream-tab-dropdown {
margin-top:2px;
}
.stream-tab-dropdown .tab-text {
border-radius:inherit;
margin-top:2px;
padding:3px 6px;
}
.webkit .stream-tab-dropdown .tab-text {
margin-top:3px;
}
.stream-tab-dropdown .tab-text i {
margin-left:0;
}
.webkit .stream-tab-dropdown .tab-text {
line-height:23px;
outline:none;
padding:3px 6px;
text-shadow:white 0 1px 0;
}
.route-home .stream-tab-dropdown .tab-text {
border-radius:4px;
font-size:13px;
}
.stream-tabs li.refine-search {
float:right;
margin-top:8px;
}
.thumbnail-viewer {
position:relative;
padding:0 20px;
margin:0 -20px;
}
.thumbnail-viewer-container {
height:83px;
width:340px;
overflow:hidden;
position:relative;
}
.thumbnail-viewer-container a div.thumbnail-wrapper,.the-grid a div.thumbnail-wrapper {
-webkit-transition-property:opacity;
-webkit-transition-duration:.15s;
-moz-transition-property:opacity;
-moz-transition-duration:.15s;
opacity:.75;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.the-grid a div.thumbnail-wrapper {
opacity:.8;
}
.thumbnail-viewer-container a:hover div.thumbnail-wrapper,.the-grid a:hover div.thumbnail-wrapper {
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.thumbnail-viewer-container img {
position:relative;
filter:inherit!important;
-ms-filter:inherit!important;
}
.thumbnail-viewer-images {
position:absolute;
height:100%;
}
.thumbnail-image-wrapper {
float:left;
background-color:#000;
margin-right:2px;
position:relative;
overflow:hidden;
}
.thumbnail-viewer-nav {
position:absolute;
height:100%;
width:20px;
top:0;
}
.thumbnail-viewer-prev {
left:0;
}
.thumbnail-viewer-next {
right:0;
}
.thumbnail-viewer-button {
position:absolute;
display:inline-block;
background-image:url(../img/sprite_icons-contentfe.png);
background-repeat:no-repeat;
height:12px;
width:8px;
overflow:hidden;
top:50%;
margin-top:-6px;
filter:inherit;
}
.thumbnail-viewer-back-button {
background-position:0 -252px;
margin-left:7px;
opacity:.6;
}
.thumbnail-viewer-next-button {
background-position:0 -265px;
margin-left:5px;
opacity:.6;
}
.thumbnail-viewer-prev.disabled,.thumbnail-viewer-next.disabled {
cursor:default;
display:none;
}
a:hover .thumbnail-viewer-prev .thumbnail-viewer-back-button {
background-position:0 -252px;
opacity:1;
}
a:hover .thumbnail-viewer-next .thumbnail-viewer-next-button {
background-position:0 -265px;
opacity:1;
}
.media-thumbnail-active .thumbnail-active-border,.media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.media-thumbnail .media-play-button {
display:none;
position:absolute;
background-image:url(../img/sprite_icons-contentfe.png);
background-repeat:no-repeat;
background-position:0 -436px;
height:15px;
width:20px;
bottom:4px;
right:4px;
}
.media-thumbnail.video .media-play-button {
display:block;
}
.media-slideshow-thumbnails .thumbnail-viewer-back-button {
background-position:0 -278px;
margin-left:7px;
}
.media-slideshow-thumbnails .thumbnail-viewer-next-button {
background-position:0 -291px;
margin-left:5px;
}
.media-slideshow-thumbnails .thumbnail-viewer-prev.disabled,.thumbnail-viewer-next.disabled {
cursor:default;
display:none;
}
.media-slideshow-thumbnails a:hover .thumbnail-viewer-prev .thumbnail-viewer-back-button {
background-position:0 -278px;
}
.media-slideshow-thumbnails a:hover .thumbnail-viewer-next .thumbnail-viewer-next-button {
background-position:0 -291px;
}
.details-pane .thumbnail-viewer-container {
height:48px;
width:100%;
}
.user-rec-inner .user-rec-links {
font-size:12px;
}
.profile-actions-container .user-rec-dropdown {
height:115px;
display:none;
}
.details-pane .user-rec-dropdown {
height:115px;
display:none;
margin-top:10px;
overflow:hidden;
}
.user-rec-dropdown .user-small-list-item .dismiss {
display:none;
}
h2.user-rec-component a.view-all {
font-size:13px;
font-weight:normal;
}
div.profile-dashboard .user-rec-inner h3 {
margin:-5px 0 12px;
line-height:16px;
}
.user-rec-dropdown ul,.user-rec-dropdown ul li {
margin:0;
list-style:none;
}
.user-rec-dropdown .user-small-list-item {
width:100%;
}
.user-rec-dropdown .recommended-followers {
margin:0 5px;
}
.user-rec-component .user-small-list-item .dismiss,.user-rec-dropdown .dismiss {
float:right;
color:#aaa;
font-size:16px;
margin:-4px 0 0;
}
.profile-actions-container .user-rec-dropdown h2 {
width:475px;
}
.details-pane .component .user-rec-dropdown h2 {
width:400px;
}
.profile-pane .user-rec-dropdown .dismiss {
margin-top:-3px;
}
.user-rec-component .user-small-list-item .dismiss {
opacity:.5;
}
.user-rec-dropdown:hover .dismiss,.user-rec-component .user-small-list-item:hover .dismiss {
opacity:1;
text-decoration:none;
}
body .route-welcome #page-container {
background-color:#f2f8fb;
}
.route-welcome .recently-viewed-users li {
width:100%;
float:none;
}
.route-welcome #banners {
display:none;
}
.route-welcome .details-pane .profile-basics .screen-name-and-location .screen-name span {
display:none;
}
.route-welcome #top-bar #search-form,.route-welcome #top-bar #global-nav,.route-welcome #top-bar #new-tweet,.route-welcome #top-bar .vr {
display:none;
}
.route-welcome .who-to-follow-stream ul.categories-list {
margin-bottom:70px;
}
.route-welcome .who-to-follow-stream .stream-header ul.categories-list {
margin-bottom:15px;
}
.route-welcome .stream .stream-user-buttons .user-profile-actions-button {
display:none;
}
.route-welcome div.user-content-rest {
max-width:330px;
}
.welcome-few-followers,.welcome-many-followers {
color:#999;
font-weight:300;
margin:7px 0 10px;
font-size:13px;
}
.welcome-few-followers strong,.welcome-many-followers strong {
color:#666;
}
.welcome-many-followers {
display:none;
}
.following-10 .welcome-many-followers {
display:block;
}
.following-10 .welcome-few-followers {
display:none;
}
.following-10 .welcome-follow-count span {
background-color:#999;
}
.welcome-follow-count {
margin-bottom:10px;
}
.welcome-follow-count span {
padding:2px 7px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#fff;
background:#3da642;
font-weight:bold;
}
form.who-to-follow-search input {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #CCC;
font:13px Arial,sans-serif;
padding:6px 6px 4px;
width:160px;
vertical-align:top;
color:#CCC;
}
body.ru form.who-to-follow-search input {
width:200px;
}
.route-who-to-follow form.who-to-follow-search {
float:right;
}
form.who-to-follow-search input:hover {
border-color:#999;
}
form.who-to-follow-search input:focus,form.who-to-follow-search input.focused,form.who-to-follow-search input.actasfocused {
border-color:#999;
color:inherit;
}
.welcome-dashboard-header {
background:#eee;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
zoom:1;
z-index:2;
position:relative;
top:-12px;
margin-left:-20px;
margin-right:-20px;
}
.welcome-dashboard-header .welcome-steps {
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
background:#eee url(../img/twitter_arrow_logo.png) no-repeat right center;
margin-right:20px;
}
.welcome-search {
background-color:#fff;
border-bottom:1px solid #e5e5e5;
}
.welcome-search form {
margin:0 auto;
padding:20px 0;
text-align:center;
position:static;
top:auto;
right:auto;
}
.welcome-search form input {
width:250px;
}
.welcome-steps {
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
height:56px;
padding:20px 0 0;
background:#EEE url(../img/twitter_arrow_logo.png) repeat-x -70px center;
overflow:hidden;
}
.welcome-steps ol {
display:inline-block;
background-color:#eee;
padding-left:20px;
}
.welcome-steps ol,.welcome-steps ol li {
margin:0;
list-style:none;
}
.welcome-steps ol li {
height:40px;
font-size:16px;
float:left;
background:#eee url(../img/small_arrow.png) no-repeat right 14px;
margin-right:10px;
padding-right:20px;
}
.welcome-steps ol li.last {
background-image:none;
padding-right:0;
}
.welcome-steps ol li strong {
display:inline-block;
vertical-align:middle;
line-height:5px;
margin-left:5px;
height:38px;
}
.welcome-steps ol li span {
height:38px;
width:38px;
display:inline-block;
}
.welcome-steps ol li a,.welcome-steps ol li a:hover,.welcome-steps ol li a:focus {
text-decoration:none;
outline:0;
}
.welcome-steps ol li a strong {
color:#bbb;
*line-height:1.2;
}
.welcome-steps ol li a:hover strong {
color:#999;
}
.welcome-steps ol li span {
background:transparent url(../img/welcome_steps_sprite.png) no-repeat;
}
.welcome-steps ol li.step1 span {
background-position:-79px -3px;
}
.welcome-steps ol li.step1 a:hover span {
background-position:-40px -3px;
}
.welcome-steps ol li.step1 .active a span {
background-position:0 -3px;
}
.welcome-steps ol li.step2 span {
background-position:-79px -41px;
}
.welcome-steps ol li.step2 a:hover span {
background-position:-40px -41px;
}
.welcome-steps ol li.step2 .active a span {
background-position:0 -41px;
}
.welcome-steps ol li.step3 span {
background-position:-79px -79px;
}
.welcome-steps ol li.step3 a:hover span {
background-position:-40px -79px;
}
.welcome-steps ol li.step3 .active a span {
background-position:0 -79px;
}
.welcome-ambassador {
background-color:white;
max-height:92px;
}
.welcome-ambassador .user-details {
padding:20px 0 0 20px;
width:500px;
line-height:1.5em;
}
.welcome-ambassador h4 {
margin-top:10px;
font-size:20px;
font-weight:100;
}
.welcome-ambassador img {
height:72px;
width:72px;
margin-right:12px;
float:left;
}
.welcome-ambassador .user-screen-name {
font-weight:bold;
font-size:18px;
margin-right:6px;
}
div.welcome-footer {
background-color:#DFEDF7;
border-top:1px solid white;
position:fixed;
bottom:0;
left:0;
width:100%;
height:48px;
z-index:9;
}
div.welcome-footer div.outerin {
width:920px;
margin:8px auto;
}
div.welcome-footer .outerin ul {
position:relative;
list-style-type:none;
width:540px;
}
.welcome-footer ul li {
margin:0;
position:absolute;
}
.welcome-footer li.left {
left:10px;
}
.welcome-footer li.right {
right:10px;
}
.welcome-footer li.left a:before {
content:"« ";
}
.welcome-footer li.right a:after {
content:" »";
}
.welcome-footer li a.button {
font-weight:bold;
}
.welcome-footer li a.button em {
font-weight:normal;
font-style:normal;
}
.suggestion-categories .user-static-list-item .user-thumb,.suggestion-categories .user-static-list-item .user-thumb img {
width:48px;
height:48px;
top:auto;
}
.suggestion-categories .user-static-list-item .user-screen-name {
max-width:170px;
margin-top:4px;
}
.suggestion-categories .user-static-list-item .user-full-name {
display:inline;
}
.suggestion-categories .user-static-list-item .verified-icon-small {
vertical-align:text-bottom;
}
.suggestion-categories .user-static-list-item .user-name-info {
margin-left:16px;
}
.suggestion-categories .stream-item {
border:0;
margin:10px 10px 0;
padding:5px 20px 0;
background-color:#f1f1f1;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.suggestion-categories .stream-items .stream-item:hover,.suggestion-categories .stream-items .hovered-stream-item {
background-color:#e3f2f8;
}
.stream-suggestion-category h3 {
font-size:18px;
font-weight:lighter;
text-shadow:0 1px 0 #fff;
margin-bottom:6px;
}
.stream-suggestion-category ul {
overflow:hidden;
}
.stream-suggestion-category ul,.stream-suggestion-category ul li {
margin:0;
list-style:none;
}
.stream-suggestion-category h3 a {
font-size:13px;
padding-left:10px;
}
.stream-suggestion-category h3 a.view-all {
float:right;
margin-top:7px;
}
.stream-suggestion-category .button {
float:right;
}
.who-to-follow-stream ul.categories-list {
margin:15px 10px 40px;
list-style:none;
border:1px solid #e5e5e5;
padding:5px 20px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.who-to-follow-stream ul.categories-list li {
display:inline;
list-style:none;
margin:0 2px 5px;
}
.who-to-follow-stream ul.categories-list li.link-separator {
font-weight:bold;
margin:0;
color:#c5c5c5;
}
.who-to-follow-stream .stream-header ul.categories-list {
margin:5px 10px 15px;
}
.contact-import-services {
text-align:center;
}
.contact-import-services .service-button strong {
font-weight:normal;
}
.contact-import-services .service-button strong.service {
white-space:nowrap;
}
.contact-import-services .service-name span {
background-image:url(../img/sprite-contact-import-logos.png);
height:16px;
width:16px;
margin:0 6px 0 1px;
display:inline-block;
*display:inline;
*zoom:1;
}
.contact-import-services .service-gmail span {
background-position:0 0;
}
.contact-import-services .service-yahoo span {
background-position:-16px 0;
width:20px;
margin-left:0;
margin-right:3px;
}
.contact-import-services .service-msn .hotmail span {
background-position:-36px 0;
}
.contact-import-services .service-aol span {
background-position:-52px 0;
}
.contact-import-services .service-linkedin span {
background-position:-68px 0;
width:15px;
}
.contact-import-services .service-facebook span {
background-position:-80px 0;
}
.contact-import-services .service-msn .msn-messenger span {
background-position:-97px 0;
}
.contact-import-services .service-daum span {
background-position:-112px 0;
}
.contact-import-services .vertical-services .service-row {
text-align:left;
background:#f1f1f1;
overflow:hidden;
cursor:pointer;
padding:14px 18px 14px 9px;
margin:10px 40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
*zoom:1;
}
.contact-import-services .vertical-services .service-row-matched {
padding-top:9px;
padding-bottom:9px;
}
.contact-import-services .vertical-services .service-row:hover {
background-color:#e0f2f8;
}
.contact-import-services .vertical-services .service-row .matched-email {
clear:left;
line-height:24px;
margin:0 0 0 30px;
}
.contact-import-services .vertical-services .service-row .service-name {
float:left;
font-size:18px;
font-weight:300;
line-height:24px;
}
.contact-import-services .vertical-services .service-row .service-name strong {
font-weight:300;
}
.contact-import-services .vertical-services .service-name span {
background-image:url(../img/sprite-contact-import-logos-large.png);
height:24px;
width:24px;
margin:0 6px 0 0;
vertical-align:top;
display:inline-block;
*display:inline;
*zoom:1;
}
.contact-import-services .vertical-services .service-gmail span {
background-position:0 0;
}
.contact-import-services .vertical-services .service-yahoo span {
background-position:-24px 0;
}
.contact-import-services .vertical-services .service-msn .hotmail span {
background-position:-48px 0;
}
.contact-import-services .vertical-services .service-aol span {
background-position:-72px 0;
}
.contact-import-services .vertical-services .service-linkedin span {
background-position:-96px 0;
}
.contact-import-services .vertical-services .service-facebook span {
background-position:-120px 0;
}
.contact-import-services .vertical-services .service-msn .msn-messenger span {
background-position:-144px 0;
}
.contact-import-services .vertical-services .service-daum span {
background-position:-168px 0;
}
.contact-import-services .vertical-services .service-row .button {
float:right;
font-weight:bold;
}
.contact-import-services .vertical-services .service-row-matched .button {
margin-top:6px;
}
.contact-import-services h2 {
font-weight:normal;
font-size:13px;
line-height:1.5;
margin:0 0 1em;
}
.contact-import-services .import-help {
text-align:left;
margin:20px;
color:#999;
}
.contact-import-matches .stream-loading {
margin-top:40px;
}
.contact-import-stats {
padding:14px 20px 5px;
overflow:hidden;
}
.contact-import-stats .actions {
float:right;
text-align:center;
margin-left:1em;
}
.contact-import-stats h3,.contact-import-stats p {
margin:6px 0;
font-weight:300;
clear:left;
}
.contact-import-stats h3 {
margin-bottom:10px;
line-height:16px;
}
.contact-import-stats h3 a {
font-size:12px;
}
.contact-import-stats .found-text {
font-size:14px;
}
.contact-import-matches .sent-request {
font-weight:bold;
font-size:12px;
}
.contact-import-matches .invite-contacts-component {
margin:16px 20px;
}
.contact-import-images .stream-item {
float:left;
clear:none;
border:none;
display:inline;
width:168px;
height:235px;
margin:0 6px 10px;
}
.contact-import-images .stream-loading,.contact-import-images .stream-end {
clear:both;
}
.contact-import-matches .matched-contact-user .stream-user-buttons {
float:left;
padding-left:0;
white-space:nowrap;
}
.contact-import-matches .matched-contact-user .stream-user-buttons .plus,.contact-import-matches .matched-contact-user .stream-user-buttons .you-follow {
display:none;
}
.contact-import-matches .matched-contact-user .stream-user-buttons .unfollow-button em.wrapper {
padding-left:2px;
}
.contact-import-matches .matched-contact-user .list-action-button {
display:none;
}
.contact-import-matches .matched-contact-user .full-name {
font-size:12px;
white-space:nowrap;
}
.contact-import-matches .matched-contact-user .profile-picture img {
margin:7px 0 10px;
width:128px;
height:128px;
display:block;
}
.user-contact .user-content-medium .user-content-rest {
padding-left:0;
}
.invite-contacts-component .people-chooser-list {
font-size:12px;
}
.invite-contacts-component .people-chooser-list .select-all-people {
font-weight:bold;
overflow:hidden;
margin:10px 0 0;
}
.invite-contacts-component .people-chooser-list .contacts {
clear:left;
color:#666;
overflow-y:auto;
height:200px;
margin-bottom:10px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
.invite-contacts-component .people-chooser-list .contacts li {
list-style-type:none;
overflow:hidden;
border-top:1px solid #eee;
padding-bottom:0!important;
width:100%;
margin:0;
}
.invite-contacts-component .people-chooser-list .contacts li:first-child {
border-top:0;
}
.invite-contacts-component .people-chooser-list .select-all-people div,.invite-contacts-component .people-chooser-list .contacts li div {
float:left;
display:inline;
}
.invite-contacts-component .people-chooser-list .select-all-people span,.invite-contacts-component .people-chooser-list .contacts li div span {
padding:5px 4px;
display:block;
}
.invite-contacts-component .people-chooser-list .contacts li .about span {
padding-right:18px;
}
.invite-contacts-component .people-chooser-list .select-all-people .checkbox,.invite-contacts-component .people-chooser-list .contacts li .checkbox {
width:5%;
}
.invite-contacts-component .people-chooser-list .contacts li .name {
width:40%;
overflow:hidden;
}
.invite-contacts-component .people-chooser-list .contacts li .about {
width:55%;
overflow:hidden;
color:#aaa;
}
.full-page-trends {
text-align:left;
}
.trends-header {
height:121px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#52708A url(../img/front/bg.png) repeat-x 0 100px;
color:#fefefe;
}
.trends-header-gradient {
height:100%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:-moz-linear-gradient(100% 100% 90deg,rgba(143,181,200,0),#8fb5c8);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#8fb5c8),to(rgba(143,181,200,0)));
}
.trends-header-map {
height:100%;
background:url(../img/front/map.png) no-repeat -148px -148px;
*background:none;
padding:10px 20px;
}
.full-page-trends h2.trends-header-label {
font-size:35px;
font-weight:150;
}
.full-page-trends .trend-location {
font-size:35px;
font-weight:500;
}
.full-page-trends .trend-toggle {
font-size:14px;
font-weight:150;
margin-left:12px;
}
.full-page-trends a.trend-toggle-link {
color:#D3DDE4;
}
.trends-description {
font-size:18px;
font-weight:150;
position:absolute;
}
.trends-description-container {
position:relative;
}
.trends-description-container input {
position:absolute;
right:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.full-page-trends .trends {
font-size:25px;
font-weight:150;
color:#ccc;
margin:10px 0;
list-style-type:none;
}
.full-page-trends .trends .trend-item {
padding:8px 0;
border-top:1px solid #e6e6e6;
margin-left:0;
}
.full-page-trends .trends .trend-item:first-child {
border-top:none;
}
.trend-index {
display:inline-block;
width:40px;
text-align:right;
margin-right:10px;
}
.full-page-trends .tweet-label {
vertical-align:middle;
}
.trends-page .footer {
text-align:center;
}
.trends-page-loading .bottompart {
display:none;
}
.trends-page .trends-disabled {
text-align:center;
margin:30px;
font-size:20px;
color:#555;
}
#guest-modal-signup {
margin-bottom:9px;
}
#guest-modal-signup h2 {
color:#777;
font-size:16px;
font-weight:normal;
padding:5px 0 10px;
}
#guest-modal-signup li.user-small-list-item {
margin:0;
padding:5px 0 0 10px;
list-style:none;
border-top:2px solid #EFEFEF;
width:200px;
position:relative;
list-style-position:outside;
}
#guest-modal-signup li.user-small-list-item input {
position:absolute;
margin-top:12px;
}
#guest-modal-signup .users {
margin:5px 20px 20px 0;
padding:0 5px 5px 0;
width:200px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#F5F5F5;
overflow:hidden;
position:relative;
display:inline-block;
zoom:1;
*display:inline;
float:left;
}
#guest-modal-signup li.user-small-list-item:first-child {
border-top:none;
}
#guest-modal-signup .user-small-list-item .user-meta .bio {
font-style:normal;
font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;
}
#guest-modal-signup .user-small-list-item .user-thumb {
top:auto;
padding-left:18px;
display:inline;
position:static;
}
#guest-modal-signup .user-small-list-item .user-name-info {
padding:0 0 0 4px;
display:inline-block;
zoom:1;
*display:inline;
}
#guest-modal-signup .front-signup {
position:static;
padding:0;
margin-bottom:20px;
display:inline-block;
zoom:1;
*display:inline;
}
#guest-modal-signup .front-signup h3 {
text-shadow:none;
margin-bottom:6px;
font-size:1.35em;
color:#424242;
}
#guest-modal-signup .front-signup h3 em {
font-style:normal;
font-weight:300;
}
#guest-modal-signup .front-signup .submit {
float:left;
}
#guest-modal-signup .front-signup .signin {
margin-left:110px;
margin-top:9px;
font-size:1.1em;
color:#7E7E7E;
}
#guest-modal-signup .front-signup .signin a {
color:#5999C3;
}
#guest-modal-signup .front-signup .holding input {
padding:6px;
width:296px;
height:22px;
font-size:1.2em;
-moz-border-radius:2.75px;
-webkit-border-radius:2.75px;
border-radius:2.75px;
margin-bottom:10px;
opacity:1!important;
border:1px solid #CCC;
}
#guest-modal-signup .front-signup .holding .holder {
font-size:1.2em;
margin-top:6.5px;
}
.phx-signup #page-container .leftpart .ambassador.guest-modal {
margin:15px 13px 0 0;
display:inline-block;
zoom:1;
*display:inline;
width:100%;
}
.logged-out .bottompart.guest-modal {
position:relative;
margin-top:40px;
border-top:1px solid #EEE;
padding:30px 0;
}
.twttr-dialog-inside.guest-modal {
min-height:255px;
}
.recentUsers {
float:left;
}
.twttr-dialog-verify-email p {
margin:15px 0 20px;
}
.twttr-dialog-container-verify-email {
background-color:#fff;
opacity:1.0;
filter:alpha(opacity=100);
}
.profile-signup form .holding input {
border:1px solid #ccc;
-webkit-box-shadow:0 1px #fff,inset 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.1);
background-color:white;
color:#333;
padding:9px 6px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin-bottom:8px;
opacity:1;
width:296px;
}
.profile-signup form .hasome input {
color:#333;
}
.profile-signup form .holding:hover span {
color:#777;
}
.profile-signup form .holding:hover input {
border:1px solid #bbb;
-webkit-box-shadow:0 1px #fff,inset 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.1);
}
.profile-signup form .holding input:focus,.profile-signup form .holding input.focused,.profile-signup form .holding input.actasfocused {
border-color:rgba(82,168,236,.75);
box-shadow:0 0 8px rgba(82,168,236,.5);
-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
outline:none;
}
.profile-signup h1 {
font-weight:bold;
text-shadow:0 1px 0 #fff;
margin:5px 0 10px;
line-height:1.2;
padding:0;
}
.profile-signup h2 {
color:#F90;
font-size:18px;
margin-top:-4px;
margin-bottom:2px;
}
.profile-signup .holding input,.profile-signup .holding .holder {
font:15px "Helvetica Neue",Arial,sans-serif;
}
.profile-signup .holding .holder {
line-height:38px;
}
.profile-signup .submit {
height:35px;
float:none;
border:1px solid #FD9D00;
padding-left:16px;
padding-right:16px;
margin-bottom:3px;
-webkit-box-shadow:0 1px #fff;
-moz-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
}
.promptbird {
position:relative;
}
.promptbird div.dismiss {
cursor:pointer;
opacity:.5;
font:normal 14px Tahoma,Arial,sans-serif;
position:absolute;
}
.promptbird div.dismiss:hover {
opacity:1;
}
.promptbird-below-black-bar {
color:#444;
text-align:left;
line-height:20px;
margin:-20px 40px 10px 40px;
background:#fff;
background:rgba(255,255,255,0.8);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
overflow:hidden;
}
.promptbird-below-black-bar div.dismiss {
font-weight:bold;
top:15px;
right:20px;
}
.promptbird-below-black-bar a.dismiss {
white-space:nowrap;
float:left;
margin-top:5px;
}
.promptbird-below-black-bar a {
color:#0084B4!important;
}
.promptbird-below-black-bar h2 {
font-size:18px;
font-weight:bold;
}
.promptbird-below-black-bar h3 {
font-size:13px;
}
.promptbird-below-black-bar img {
display:none;
}
.promptbird-below-black-bar .text {
float:left;
width:500px;
padding:15px 20px;
}
.promptbird-below-black-bar .buttons {
_width:325px;
max-width:460px;
min-width:340px;
padding:38px 20px 15px 20px;
overflow:hidden;
}
.promptbird-below-black-bar .button {
background-color:#39d;
background-image:url(../img/buttons/bg-btn-blue.gif);
background-position:0 0;
border-color:#39d #39d #28c;
color:#fff!important;
text-shadow:-1px -1px 0 #39d;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
margin-right:20px;
float:left;
}
.promptbird-below-black-bar .button:hover {
text-decoration:none;
}
.promptbird-below-black-bar .mobile .learn {
display:block;
}
.promptbird-dashboard-narrow {
line-height:18px;
}
.promptbird-dashboard-narrow h2 {
margin-bottom:8px;
padding-bottom:0;
font-weight:bold;
}
.promptbird-dashboard-narrow .text {
margin-bottom:10px;
}
.promptbird-dashboard-narrow .buttons {
overflow:hidden;
}
.promptbird-dashboard-narrow .button {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
float:left;
}
.promptbird-dashboard-narrow .button:hover {
text-decoration:none;
}
.promptbird-dashboard-narrow div.dismiss {
top:0;
right:0;
}
.promptbird-dashboard-narrow a.dismiss {
margin-left:10px;
padding-top:5px;
float:left;
}
.promptbird .import .services {
text-decoration:none;
}
.promptbird .import .services span {
background-image:url(../img/sprite-contact-import-logos.png);
height:16px;
width:16px;
margin:2px 1px 0 1px;
display:inline-block;
}
.promptbird .import .services .gmail {
background-position:0 0;
}
.promptbird .import .services .yahoo {
background-position:-16px 0;
width:20px;
}
.promptbird .import .services .msn {
background-position:-98px 0;
}
.promptbird .import .services .aol {
background-position:-52px 0;
}
.promptbird .import .services .linkedin {
background-position:-68px 0;
width:15px;
}
.promptbird-below-black-bar .import .narrow {
display:none;
}
.promptbird-below-black-bar .import .wide {
float:left;
margin-right:3px;
}
.promptbird-dashboard-narrow .import .wide {
display:none;
}
.promptbird-dashboard-narrow .invite .text {
margin-bottom:0;
}
.promptbird-dashboard-narrow .invite p {
margin-bottom:10px;
}
.promptbird-dashboard-narrow .mobile .mobile-devices {
background-image:url(../img/mobile/promptbird_icon.png);
background-repeat:no-repeat;
height:36px;
width:22px;
margin-right:10px;
float:left;
}
.profile-subpage-header .upper-nav {
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#f4f4f4;
height:26px;
line-height:26px;
padding:10px 10px 10px 20px;
}
.profile-subpage-dashboard .profile-pane .profile-basics {
padding:8px 0 15px;
}
.profile-subpage-dashboard .profile-pane span.bio {
color:inherit;
}
.profile-subpage-dashboard .profile-pane .full-name h2 {
color:inherit;
}
.profile-subpage-dashboard .profile-actions {
margin:0;
}
#user-shuffle {
right:0;
box-shadow:0;
display:none;
background:url(../img/random_sprite.png) no-repeat;
width:37px;
height:37px;
cursor:pointer;
position:absolute;
z-index:2;
}
#user-shuffle:hover {
background:url(../img/random_sprite.png) 0 -38px no-repeat;
}
.profile-subpage-call-out {
font-size:14px;
font-weight:bold;
color:#333;
}
.profile-subpage-call-out-button {
display:inline-block;
height:28px;
margin:5px 0;
overflow:hidden;
}
.profile-subpage-call-out-button b {
width:10px;
display:inline-block;
vertical-align:top;
height:28px;
background:url(../img/btn-arrow.png) repeat-x;
}
.profile-subpage-call-out-button span.label {
display:inline-block;
height:20px;
padding:3px 0 5px 0;
line-height:20px;
font-size:12px;
color:#333!important;
text-shadow:0 1px 0 rgba(255,255,255,0.6);
background:url(../img/btn-arrow.png) 0 -56px repeat-x;
max-width:290px;
}
.profile-subpage-call-out-button i {
width:12px;
display:inline-block;
vertical-align:top;
height:28px;
background:url(../img/btn-arrow.png) 0 -28px repeat-x;
}
.profile-subpage-call-out-button:hover {
text-decoration:none!important;
}
.profile-subpage-call-out-button:active {
outline:none;
}
.profile-subpage-call-out-button:hover b {
background-position:0 -84px;
}
.profile-subpage-call-out-button:hover span.label {
background-position:0 -140px;
}
.profile-subpage-call-out-button:hover i {
background-position:0 -112px;
}
.profile-subpage-call-out-button:active b {
background-position:0 -168px;
}
.profile-subpage-call-out-button:active span.label {
background-position:0 -224px;
color:#666!important;
text-shadow:0;
}
.profile-subpage-call-out-button:active i {
background:url(../img/btn-arrow.png) 0 -196px repeat-x;
}
.profile-subpage-title {
font-size:186%;
font-weight:300;
color:#333;
padding:20px 20px;
}
.profile-subpage-title h1 {
line-height:1;
font-size:26px;
color:#333;
}
.profile-subpage-title h2 {
font-size:18px;
font-weight:300;
color:#666;
}
.tweet-content .follow-text-quiet {
color:#999;
}
.stream-title .subtabs {
font-size:14px;
}
.stream-title .subtabs .active {
color:#333;
font-weight:bold;
}
body.has-media-gallery {
background:#1a1a1a!important;
background-image:none!important;
}
body.has-media-gallery #page-outer {
min-width:720px;
}
.media-gallery-overlay {
position:absolute;
background-color:#1a1a1a;
top:0;
bottom:0;
right:0;
left:0;
z-index:5;
}
.media-gallery-content {
position:relative;
margin:0 auto;
padding:0 40px;
min-width:640px;
max-width:1024px;
}
.media-gallery-content.grid {
max-width:1024px;
min-width:640px;
}
.media-gallery-loading {
display:none;
background-image:url(../img/spinner-small.gif);
height:14px;
width:14px;
position:relative;
}
.media-gallery-content.loading .media-gallery-loading,.media-gallery-content.loadingTweet .media-gallery-loading,.media-gallery-content.loadingMedia .media-gallery-loading {
display:inline-block;
}
.the-grid {
position:relative;
margin:0 auto;
}
.media-gallery-no-results {
color:#999!important;
font-size:16px;
margin-top:40px;
}
.the-grid .grid-bottom {
clear:both;
}
.the-grid .grid-square {
float:left;
margin-right:10px;
margin-bottom:10px;
background-position:center;
background-color:black;
background-repeat:no-repeat;
text-align:center;
position:relative;
overflow:hidden;
}
.media-gallery-controls,.media-gallery-controls a {
color:#999;
}
.media-gallery-controls a.controls-profile-link {
color:#999;
text-decoration:none;
}
.media-gallery-controls {
height:75px;
position:relative;
}
a.media-gallery-mode-inactive {
color:#333!important;
}
.media-gallery-back-nav {
position:absolute;
font-size:14px;
color:#555;
line-height:20px;
top:10px;
left:0;
}
.media-gallery-back-nav:hover {
text-decoration:underline;
cursor:pointer;
}
.media-gallery-title {
font-size:20px;
line-height:20px;
top:40px;
position:absolute;
left:0;
}
.media-gallery-title em.at {
color:#444;
}
.media-gallery-bird {
position:relative;
display:inline-block;
height:20px;
width:30px;
background-image:url(../img/sprite_icons-contentfe.png);
background-repeat:no-repeat;
vertical-align:bottom;
}
.media-gallery-buttons {
position:absolute;
line-height:19px;
bottom:10px;
right:0;
}
.scaled-image {
display:block;
}
.media-gallery-content .media-slideshow-thumbnails .component {
margin-bottom:2px;
}
.media-gallery-content .thumbnail-viewer-container {
height:48px;
width:100%;
overflow:hidden;
position:relative;
}
.media-thumbnail-active .thumbnail-active-border {
top:0;
left:0;
right:0;
bottom:0;
}
.media-gallery-content .media-thumbnail-active .thumbnail-active-border {
border:1px solid #333;
}
.media-gallery-content .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner {
border:2px solid #fff;
}
.media-gallery-content .media-slideshow-pictures {
position:relative;
}
.media-gallery-content .media-slideshow-picture {
position:relative;
height:100%;
width:100%;
}
.media-attribution-and-flag {
min-width:260px;
position:relative;
}
.media-slideshow-media-container .media-attribution-and-flag {
opacity:.3;
}
.media-slideshow-media-container:hover .media-attribution-and-flag {
opacity:1;
}
.media-slideshow-media-container.not-found *,.media-slideshow-media-container .media-slideshow-not-found {
display:none;
}
.media-slideshow-media-container.not-found .media-slideshow-not-found {
display:block;
}
.media-attribution-and-flag .media-attribution {
position:absolute;
left:0;
}
.media-attribution-and-flag .flag-container {
position:absolute;
right:0;
font-size:11px;
color:#999;
font-weight:normal;
}
.media-attribution-and-flag .flag-container a {
color:#999!important;
cursor:pointer;
}
.media-slideshow-media-container {
position:relative;
margin:0 auto;
line-height:1.5;
}
.thumbnail-viewer .video-icon {
width:20px;
height:15px;
background:url(../img/sprite_icons-contentfe.png) no-repeat scroll 0 -436px transparent;
position:absolute;
right:0;
bottom:2px;
}
a.media-thumbnail {
outline:none;
}
.tweet-media .media-slideshow-thumbnails {
position:relative;
width:530px;
height:33px;
margin-bottom:1px;
}
.tweet-media .thumbnail-viewer-container {
position:relative;
height:33px;
width:494px;
}
.tweet-media .media-thumbnail-active .thumbnail-active-border {
border:1px solid #a9a9a9;
}
.tweet-media .media-thumbnail-active .thumbnail-active-border .thumbnail-active-border-inner {
border:2px solid #fff;
}
.tweet-media .thumbnail-viewer-nav {
height:33px;
}
.tweet-media .thumbnail-viewer-button {
margin:11px 0;
}
.tweet-media .media-slideshow-pictures {
position:relative;
width:530px;
background:#000;
}
.tweet-media .media-slideshow-picture {
position:relative;
height:100%;
width:100%;
}
.media-slideshow-picture iframe {
border:0;
}
.toggle-set {
position:relative;
top:5px;
height:18px;
background:#555;
overflow:hidden;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:solid 1px #000;
display:inline-block;
overflow:hidden;
padding:0;
margin:0;
}
.toggle-set.fadeback {
opacity:.5;
}
.toggle-button {
height:14px;
padding:2px;
float:left;
background:#777;
background:-moz-linear-gradient(100% 100% 90deg,#666,#999);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#999),to(#666));
cursor:pointer;
}
.toggle-button:hover {
-moz-box-shadow:inset 0 1px #c8c8c8;
-webkit-box-shadow:inset 0 1px #c8c8c8;
box-shadow:inset 0 1px #c8c8c8;
background:#999;
background:-moz-linear-gradient(100% 100% 90deg,#828282,#bdbdbd);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#bdbdbd),to(#828282));
}
.toggle-button:active {
-moz-box-shadow:inset 0 1px #555;
-webkit-box-shadow:inset 0 1px #555;
box-shadow:inset 0 1px #555;
background:#555;
}
.toggle-button.selected {
background:#555;
cursor:default;
-moz-box-shadow:inset 0 1px #4c4c4c;
-webkit-box-shadow:inset 0 1px #4c4c4c;
box-shadow:inset 0 1px #4c4c4c;
}
.toggle-button.detailview {
-webkit-border-top-left-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-bottomleft:2px;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
.toggle-button.gridview {
-webkit-border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomright:2px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
}
.detailview span {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -465px;
display:inline-block;
width:13px;
height:13px;
margin-bottom:0;
}
.detailview.selected span {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -452px;
display:inline-block;
width:13px;
height:13px;
margin-bottom:0;
}
.gridview span {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -491px;
display:inline-block;
width:13px;
height:13px;
margin-bottom:0;
}
.gridview.selected span {
background:url(../img/sprite_icons-contentfe.png) no-repeat 0 -478px;
display:inline-block;
width:13px;
height:13px;
margin-bottom:0;
}
.toggle-set .divider {
float:left;
width:1px;
height:18px;
background:#333;
background:-moz-linear-gradient(100% 100% 90deg,#555,#000);
background:-webkit-gradient(linear,0% 0,0% 100%,from(#000),to(#555));
}
.media-slideshow-wrapper {
position:relative;
width:100%:;
}
.media-slideshow-wrapper .media-slideshow-thumbnail {
position:relative;
float:left;
margin-right:2px;
}
.media-slideshow-wrapper .thumbnail-viewer {
background:#101010;
padding:10px 20px;
margin:10px -20px 10px -20px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.media-slideshow-wrapper .media-slideshow-thumbnail .thumbnail-image {
position:absolute;
overflow:hidden;
z-index:1;
}
.media-slideshow-wrapper .media-slideshow-thumbnail .active-overlay {
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border:1px solid #a9a9a9;
z-index:2;
}
.media-slideshow-wrapper .media-slideshow-thumbnail.media-thumbnail-active .active-overlay {
display:block;
}
.media-slideshow-wrapper .media-slideshow-thumbnail .active-overlay-inner {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border:2px solid #fff;
}
.media-slideshow-wrapper .media-slideshow-pictures {
position:relative;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
user-select:none;
}
.media-slideshow-wrapper .media-control-button {
position:absolute;
height:75px;
width:75px;
margin-top:-37px;
top:50%;
z-index:5;
background:#1a1a1a;
cursor:pointer;
display:none;
}
.media-slideshow-wrapper .media-control-button:hover {
opacity:1!important;
filter:alpha(opacity=100)!important;
}
.media-slideshow-wrapper .media-control-button.enabled {
display:block;
}
.media-slideshow-wrapper .media-control-button .media-control-button-arrow {
position:relative;
height:32px;
width:16px;
margin:21px 29px 22px 30px;
background-image:url(../img/sprite_icons-contentfe.png);
background-repeat:no-repeat;
}
.media-slideshow-wrapper .media-control-button.prev {
left:0;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
}
.media-slideshow-wrapper .media-control-button.next {
right:0;
border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
}
.media-slideshow-wrapper .media-control-button.prev.enabled .media-control-button-arrow {
background-position:0 -370px;
}
.media-slideshow-wrapper .media-control-button.next.enabled .media-control-button-arrow {
background-position:0 -403px;
}
.media-slideshow-wrapper .media-slideshow-picture {
position:relative;
height:100%;
width:100%;
vertical-align:middle;
margin-bottom:30px;
z-index:1;
}
.media-slideshow-wrapper .media-slideshow-picture.video {
z-index:5;
}
.media-slideshow-wrapper .media-slideshow-video {
position:relative;
display:inline-block;
}
.media-gallery-content .media-slideshow-picture.video .media-instance-container {
height:100%;
}
.media-slideshow-not-found {
color:#777!important;
font-size:16px;
line-height:1.5;
}
.media-slideshow-not-found a {
color:#0084b4!important;
}
.media-slideshow-wrapper .media-slideshow-tweet {
padding:10px 20px;
height:75px;
background:#101010;
margin:0 -20px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.media-slideshow-wrapper .media-slideshow-tweet.loading * {
display:none;
}
.media-slideshow-wrapper .slideshow-tweet {
position:relative;
width:582px;
text-align:left;
padding:0!important;
}
.media-slideshow-wrapper .media-slideshow-tweet .tweet-screen-name,.big-photo-permalink .tweet .tweet-screen-name {
color:#999!important;
}
.media-slideshow-wrapper .media-slideshow-tweet .tweet-actions a span b,.media-slideshow-wrapper .media-slideshow-tweet .tweet-timestamp,.big-photo-permalink .tweet .tweet-timestamp,.media-slideshow-wrapper .media-slideshow-tweet .tweet-full-name,.big-photo-permalink .tweet .tweet-full-name {
color:#555!important;
}
.media-slideshow-wrapper .media-slideshow-tweet .tweet-text,.big-photo-permalink .tweet .tweet-text,.media-slideshow-wrapper .media-slideshow-tweet .tweet-text a,.big-photo-permalink .tweet .tweet-text a {
color:#999!important;
}
.media-slideshow-wrapper .media-slideshow-tweet:hover .user-profile-link,.big-photo-permalink .tweet:hover .user-profile-link,.media-slideshow-wrapper .media-slideshow-tweet:hover .tweet-actions a span b,.media-slideshow-wrapper .media-slideshow-tweet:hover .tweet-timestamp,.big-photo-permalink .tweet:hover .tweet-timestamp,.media-slideshow-wrapper .media-slideshow-tweet:hover .tweet-text a,.big-photo-permalink .tweet:hover .tweet-text a {
color:#eee!important;
}
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .favorite-action span i {
background-position:-48px 0;
}
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .favorite-action:hover span i {
background-position:-32px 0;
}
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unfavorite-action span i,.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unretweet-action span i {
opacity:.45;
}
.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unretweet-action:hover span i,.media-slideshow-wrapper .slideshow-tweet .tweet-actions .unfavorite-action:hover span i {
opacity:1;
}
.big-photo-permalink {
margin:0;
padding:0;
}
.big-photo-permalink .tweet {
background:black;
background:rgba(0,0,0,0.8);
position:fixed;
bottom:0;
left:0;
text-align:left;
width:100%;
z-index:1;
padding:17px 20px;
}
.big-photo-permalink .tweet .tweet-actions {
display:none;
}
.big-photo-permalink img.large {
position:absolute;
top:0;
left:0;
}
form.twitter-form select {
margin:0;
padding:3px 4px;
font:13px/18px Helvetica Neue,Helvetica,Arial,sans-serif!important;
color:#555;
border:1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:auto;
height:25px;
line-height:25px;
}
.stream-item-activity {
display:block;
}
.stream-items .activity {
min-height:52px;
}
.stream-items .activity.expanded .stream-item-activity-line,.stream-items .activity.expanded .activity-timestamp {
display:none;
}
.stream-items .activity.expanded .activity-supplement {
padding-top:16px;
}
.stream-items .activity:hover .tweet-actions {
visibility:visible;
}
.stream-items .follow:hover,.stream-items .list_member_added:hover {
cursor:default!important;
}
.stream-items .focused-stream-item.follow {
background:#fff;
border-color:#EBEBEB;
}
.stream-item-activity-line strong,.stream-item-activity-line a.activity-you-link {
color:#000;
font-weight:bold;
}
.stream-item-activity-line {
padding:18px 20px 0 80px;
color:#666;
line-height:16px;
}
.activity-truncated-tweet .tweet,.truncated-tweet {
padding:2px 20px 2px 80px;
font-size:13px;
margin-bottom:0;
}
.activity-timestamp {
float:right;
margin:19px 20px 0 20px;
color:#999;
font-size:11px;
}
.stream-item-activity-network .activity-timestamp {
margin:15px 35px 0 20px;
visibility:hidden;
}
.stream-item-activity-network:hover .activity-timestamp {
visibility:visible;
}
.stream-item-activity-network .stream-item-activity-line {
padding:16px 20px 4px 78px;
font-size:15px;
}
.stream-item-activity-line-network .user .user-profile-link .at-text {
font-weight:bold;
color:#333;
}
.stream-item-activity-line-network .at {
display:none;
}
.stream-item-activity-line-network img {
position:absolute;
left:20px;
top:18px;
}
.stream-item-activity .tweet-row-user {
padding-top:4px;
}
.stream-item-activity .tweet-row-user .tweet-image {
width:32px;
height:24px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data {
float:left;
line-height:12px;
}
.stream-item-activity .tweet-row-user .tweet-actions {
position:absolute;
right:-2px;
top:18px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-user-name {
clear:both;
display:block;
font-size:11px;
padding-top:2px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-user-name a {
color:#666!important;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-full-name {
font-size:11px;
display:none;
}
.stream-item-activity .activity-supplement .tweet-dogear {
top:-36px;
}
.expanded .stream-item-activity .activity-supplement .tweet-dogear {
top:-17px;
}
.stream-item-activity .tweet-content {
margin-left:78px;
width:430px;
display:block;
clear:both;
}
.stream-item-activity-line .tweet {
font-size:11px;
width:386px;
margin:2px 0 0 0;
padding:0;
}
.stream-item-activity-line .tweet-row {
height:14px!important;
color:#999!important;
}
.stream-item-activity-line .tweet-row a {
color:#999!important;
}
.stream-item-activity-line strong {
color:#000;
font-weight:bold;
}
.stream-item-activity .tweet-inner .user-profile-actions-button {
display:none;
}
.stream-item-activity-line span.subject span.at-text {
font-weight:bold;
color:#000;
}
.stream-item-activity .activity-supplement .tweet {
padding:0;
}
.stream-item-activity .activity-supplement .tweet-corner {
position:absolute;
right:0;
}
.stream-item-activity-line span.subject span.at,.activity-collapsed {
display:none;
}
.stream-item-list_member_added .activity-supplement,.stream-item-follow .activity-supplement {
margin-left:78px;
}
.activity-secondary-supplement {
margin:-5px 0 15px 78px;
}
.stream-item-list_member_added .sub-stream-item,.stream-item-follow .sub-stream-item {
display:inline-block;
}
.stream-item-activity .user-content-medium {
padding:0 15px 0 0;
margin:5px 15px 20px 0;
width:198px;
background:#f4f4f4;
height:72px;
box-shadow:0 1px 1px #ddd;
-moz-box-shadow:0 1px 1px #ddd;
-webkit-box-shadow:0 1px 1px #ddd;
}
.activity:hover .stream-item-activity .user-content-medium {
*background:#fff;
_background:#fff;
background:#fff\0/;
}
.stream-items .focused-stream-item.follow .user-content-medium,.stream-item-activity:hover .user-content-medium {
cursor:pointer;
box-shadow:0 1px 1px #ccc;
-moz-box-shadow:0 1px 1px #ccc;
-webkit-box-shadow:0 1px 1px #ccc;
}
.stream-item-activity .user-content-medium .user-content-image {
width:72px;
height:72px;
margin:0 10px 0 0;
float:left;
}
.stream-item-activity-me .user-content-medium .user-content-image {
width:24px;
height:24px;
}
.stream-item-activity-me .user-content-medium,.stream-item-activity-me .follow-more-than-two .user-content-medium {
width:24px;
height:24px;
min-height:24px;
}
.stream-item-activity .user-content-rest {
width:100px;
padding-top:8px;
font-size:12px;
margin-left:0;
line-height:13px;
float:left;
}
.stream-item-activity .user-content-rest .full-name {
font-size:11px;
display:inline-block;
max-width:110px;
overflow:hidden;
text-overflow:ellipsis;
height:12px;
}
.stream-item-activity .user-content-rest .user-name {
width:135px;
padding-bottom:4px;
display:block;
}
.stream-item-activity .user-content-rest .user-profile-link {
clear:both;
display:block;
}
.stream-item-activity .user-content-medium .stream-user-buttons {
padding-top:6px;
float:none;
margin:0;
*width:115px;
*padding:0;
}
.stream-item-activity .user-content-medium .stream-user-buttons .button {
padding:3px 6px 3px 6px;
font-size:11px;
}
.stream-item-activity .user-content-medium .stream-user-buttons .unfollow-button {
padding:3px 6px 3px 6px;
}
.stream-item-activity .user-content-medium .stream-user-buttons .unfollow-button em.wrapper {
padding:0;
}
.stream-item-list_member_added .user-content-medium,.follow-more-than-two .user-content-medium {
width:72px;
padding:0;
margin:0 1px 1px 0;
}
.stream-item-list_member_added .user-content-medium:hover img,.follow-more-than-two .user-content-medium:hover img,.stream-item-activity-me .activity-supplement .user-content-medium:hover img {
background:#fff;
opacity:.8;
}
.stream-item-list_member_added .activity-supplement,.follow-more-than-two {
padding-top:5px;
padding-bottom:15px;
line-height:0;
}
.stream-item-list_member_added .user-content-medium,.follow-more-than-two .user-content-medium {
box-shadow:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
border:none!important;
margin:0 1px 1px 0!important;
}
.stream-item-list_member_added .user-content-medium .user-content-rest,.stream-item-list_member_added .user-content-medium .stream-user-buttons,.follow-more-than-two .user-content-medium .user-content-rest,.follow-more-than-two .user-content-medium .stream-user-buttons {
display:none;
}
.stream-item-activity .user-profile-actions-button,.stream-item-activity .stream-user-buttons .button span {
display:none;
}
.stream-item-activity b.type i,.activity-list-container b.type i,.tweet-activity-favorites .stream-activity-line i,.tweet-activity-retweets .stream-activity-line i {
display:inline-block;
vertical-align:middle;
background:url(../img/sprite-activity-icons.png);
width:16px;
height:16px;
right:0;
opacity:.3;
}
.view-all-supplements {
display:block;
clear:both;
font-size:11px;
margin-left:78px;
padding:0 0 14px 0;
margin-top:-10px;
background:transparent;
outline:none;
}
.view-all-supplements.show .show-text {
display:inline;
}
.view-all-supplements.hide .show-text {
display:none;
}
.view-all-supplements.show .hide-text {
display:none;
}
.view-all-supplements.hide .hide-text {
display:inline;
}
.list_member_added .view-all-supplements,.follow .view-all-supplements {
display:none;
}
.stream-item-activity b.type {
margin-left:-20px;
}
.stream-item-activity-network b.type {
position:absolute;
right:15px;
top:14px;
}
.stream-item-activity b.type i {
margin-top:-4px;
}
.stream-item:hover .stream-item-activity b.type i {
opacity:1;
}
.follow b.type i {
background-position:0 -16px;
}
.favorite b.type i,.tweet-activity-lists .favorites b.type i {
background-position:-16px -16px;
}
.retweet b.type i,.tweet-activity-lists .retweets b.type i {
background-position:-48px -16px;
}
.reply b.type i,.tweet-activity-lists .replies b.type i {
background-position:-64px -16px;
}
.details-pane .tweet-activity-lists .replies {
display:none;
}
.stream-item-list b.type i,.stream-item-listed b.type i,.list_member_added b.type i,.stream-item-list_created b.type i {
background-position:-32px 16px;
}
.stream-item-list .stream-item-activity-me b.type i,.stream-item-listed .stream-item-activity-me b.type i,.list_member_added .stream-item-activity-me b.type i {
background-position:-32px 0;
}
.follow .stream-item-activity-me b.type i {
background-position:0 0;
}
.favorite .stream-item-activity-me b.type i {
background-position:-16px 0;
}
.retweet .stream-item-activity-me b.type i {
background-position:-48px 0;
}
.stream-activity-line strong {
color:#333;
}
.stream-activity-line {
color:#999;
font-size:11px;
}
.tweet-activity-favorites .stream-activity-line a,.tweet-activity-retweets .stream-activity-line a {
color:#999;
}
.tweet-activity-favorites .stream-activity-line a span.at,.tweet-activity-retweets .stream-activity-line a span.at {
display:none;
}
.tweet-activity-favorites .stream-activity-line i,.tweet-activity-retweets .stream-activity-line i {
opacity:.6;
margin-top:-4px;
margin-right:2px;
background-position:-16px -16px;
}
.tweet-activity-retweets .stream-activity-line i {
background-position:-48px -16px;
}
.activity-supplement .stream-list {
display:none;
}
.sub-stream-item-hidden {
display:none!important;
}
.stream-items .mention,.stream-items .reply {
min-height:76px;
}
.stream-item-activity-me .activity-supplement .user-content-rest,.stream-item-activity-me .activity-supplement .stream-user-buttons {
display:none;
}
.stream-item-activity-me .activity-supplement {
margin:0;
line-height:0;
padding:0 12px 18px 80px;
display:block;
clear:both;
}
.stream-item-activity-me div.truncated-tweet,.stream-item-activity-me div.latest-tweet {
margin-bottom:3px;
}
.stream-item-activity-me .user-content-medium {
padding:0;
margin:0 1px 1px 0;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.stream-item-activity-me:hover .user-content-medium {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.stream-item-activity-me .user-profile-link span.at,.stream-item-activity-me .list-link span.at {
display:none;
}
.stream-item-activity-me .user-profile-link span.at-text,.stream-item-activity-me .list-link span.at-text {
color:#333;
font-weight:bold;
}
.stream-item-activity-me .sub-stream-item {
display:inline-block;
zoom:1;
*display:inline;
}
.stream-item-activity-me .stream-item-activity-line {
font-size:15px;
line-height:18px;
padding-top:16px;
padding-bottom:5px;
}
.stream-item-activity-me b.type {
margin-left:0;
position:absolute;
*width:24px!important;
left:60px;
top:16px;
z-index:4;
zoom:1;
}
.stream-item-activity-me b.type i,.stream-item-activity-me:hover b.type i {
opacity:1!important;
}
.stream-item-activity-me .activity-timestamp {
visibility:hidden;
}
.stream-item-activity-me:hover .activity-timestamp {
visibility:visible;
}
.stream-item-list_member_added.stream-item-activity-me .stream-item-activity-line img {
display:none;
}
.stream-item-list_member_added.stream-item-activity-me .activity-supplement {
display:none;
}
.stream-item-activity-network .activity-supplement .activity-item-tweet .activity-item-tweet-content {
border-left:2px solid #EBEBEB;
padding-left:10px;
margin-bottom:14px;
}
.focused-stream-item .stream-item-activity-network .activity-supplement .activity-item-tweet .activity-item-tweet-content {
border-left:2px solid #ccc;
}
.stream-item-activity-network .activity-supplement .activity-item-tweet .activity-item-tweet-content .tweet-text {
padding-right:8px;
}
.stream-item-activity-me .follow-more-than-two {
padding-right:12px;
}
.stream-items .list_created .stream-item-activity-network {
min-height:86px;
}
.activity-target-screen-name .user .user-profile-link .at {
display:inline;
color:#666!important;
}
.activity-target-screen-name .user .user-profile-link .at-text {
font-weight:normal;
color:#666!important;
}
.tweet-activity-lists .activity-list-container {
float:none;
display:block;
clear:both;
}
.tweet-activity-lists .tweet-activity-count-container {
font-size:11px;
display:inline-block;
padding-left:6px;
padding-top:2px;
}
.permalink .tweet-activity-count-container {
font-size:13px;
}
.stream-item-activity .user-content-medium .stream-user-buttons .unfollow-button em.wrapper {
margin:0 5px 0 0;
}
.dashboard .stream-item-activity-line-network img {
top:auto;
width:32px;
height:32px;
}
.dashboard .stream-item-activity-network .stream-item-activity-line {
padding:16px 20px 4px 38px;
font-size:13px;
}
.dashboard .activity-supplement {
margin-left:38px;
}
.dashboard .sub-stream-item .more {
display:none;
}
.dashboard .stream-item-activity .tweet-content {
margin-left:0;
width:290px;
}
.dashboard .view-all-supplements,.dashboard .activity-timestamp {
display:none;
}
.dashboard .stream-item-activity-network b.type {
top:auto;
display:none;
}
.dashboard .tweet-content .tweet-text {
line-height:17px;
}
.dashboard-activity-teaser-inner span.user {
font-weight:bold;
}
.dashboard-activity-teaser-inner .dashboard-activity-item-sentence {
padding-left:3px;
}
.dashboard-activity-teaser-inner img,.dashboard-activity-teaser-inner .dashboard-activity-item-sentence {
vertical-align:middle;
}
.dashboard-activity-teaser-inner .dashboard-activity-item-link:hover {
text-decoration:none;
}
.dashboard-activity-item-link {
display:block;
width:340px;
overflow:hidden;
text-overflow:ellipsis;
height:24px;
white-space:nowrap;
}
.dashboard-activity-item-link .dashboard-activity-item-entity {
white-space:nowrap;
text-overflow:ellipsis;
}
.dashboard-activity-item-link:hover .dashboard-activity-item-sentence {
text-decoration:underline;
}
.dashboard-activity-item-sentence .dashboard-activity-item-entity .user {
font-weight:normal;
}
.dashboard-activity-teaser-inner .activity-items {
height:87px;
overflow:hidden;
}
.dashboard-activity-teaser-inner .clearfix {
display:block;
padding-bottom:6px;
}
.activity-secondary-supplement {
display:none;
}
#activity-modal {
margin-top:10px;
background-color:rgba(0,0,0,0.8);
_background-color:#313131;
*background-color:#313131;
top:0;
right:-242px;
width:225px;
position:absolute;
z-index:100;
zoom:1;
padding:4px 7px 6px 7px;
font-size:11px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
visibility:hidden;
margin-top:-6px;
}
#activity-modal .header {
color:#fff;
font-weight:bold;
}
#activity-modal .dismiss {
color:#999;
float:right;
font-weight:bold;
font-size:14px;
margin-top:-5px;
}
#activity-modal .dismiss:hover {
color:#fff;
text-decoration:none;
}
#activity-modal .new {
color:#DCBE00;
}
#activity-modal .desc {
color:#ccc;
line-height:13px;
}
#activity-modal .left-pointer {
border-color:transparent #313131 transparent transparent;
border-style:solid;
border-width:6px;
width:0;
height:0;
position:absolute;
margin-left:-19px;
margin-top:15px;
}
.activity-filters {
float:right;
font-size:13px;
line-height: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment