Advertisement
Guest User

Special Usernames

a guest
Jan 19th, 2018
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 338.84 KB | None | 0 0
  1. \\special usernames have a period in front of them, then a curly bracket
  2. \\ie. .describe{
  3.  
  4. html,body{
  5. min-height:100%
  6. }
  7. .humane,.humane-flatty{
  8. position:fixed;
  9. -moz-transition:all .4s ease-in-out;
  10. -webkit-transition:all .4s ease-in-out;
  11. -ms-transition:all .4s ease-in-out;
  12. -o-transition:all .4s ease-in-out;
  13. transition:all .4s ease-in-out;
  14. z-index:100000;
  15. filter:alpha(opacity=100)
  16. }
  17. .humane,.humane-flatty{
  18. font-family:Helvetica Neue,Helvetica,san-serif;
  19. font-size:16px;
  20. top:0;
  21. left:30%;
  22. opacity:0;
  23. width:40%;
  24. color:#444;
  25. padding:10px;
  26. text-align:center;
  27. background-color:#fff;
  28. -webkit-border-bottom-right-radius:3px;
  29. -webkit-border-bottom-left-radius:3px;
  30. -moz-border-radius-bottomright:3px;
  31. -moz-border-radius-bottomleft:3px;
  32. border-bottom-right-radius:3px;
  33. border-bottom-left-radius:3px;
  34. -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
  35. box-shadow:0 1px 2px rgba(0,0,0,0.5);
  36. -moz-transform:translateY(-100px);
  37. -webkit-transform:translateY(-100px);
  38. -ms-transform:translateY(-100px);
  39. -o-transform:translateY(-100px);
  40. transform:translateY(-100px)
  41. }
  42. .humane p,.humane-flatty p,.humane ul,.humane-flatty ul{
  43. margin:0;
  44. padding:0
  45. }
  46. .humane ul,.humane-flatty ul{
  47. list-style:none
  48. }
  49. .humane.humane-flatty-info,.humane-flatty.humane-flatty-info{
  50. background-color:#3498db;
  51. color:#FFF
  52. }
  53. .humane.humane-flatty-success,.humane-flatty.humane-flatty-success{
  54. background-color:#18bc9c;
  55. color:#FFF
  56. }
  57. .humane.humane-flatty-error,.humane-flatty.humane-flatty-error{
  58. background-color:#e74c3c;
  59. color:#FFF
  60. }
  61. .humane-animate,.humane-flatty.humane-flatty-animate{
  62. opacity:1;
  63. -moz-transform:translateY(0);
  64. -webkit-transform:translateY(0);
  65. -ms-transform:translateY(0);
  66. -o-transform:translateY(0);
  67. transform:translateY(0)
  68. }
  69. .humane-animate:hover,.humane-flatty.humane-flatty-animate:hover{
  70. opacity:.7
  71. }
  72. .humane-js-animate,.humane-flatty.humane-flatty-js-animate{
  73. opacity:1;
  74. -moz-transform:translateY(0);
  75. -webkit-transform:translateY(0);
  76. -ms-transform:translateY(0);
  77. -o-transform:translateY(0);
  78. transform:translateY(0)
  79. }
  80. .humane-js-animate:hover,.humane-flatty.humane-flatty-js-animate:hover{
  81. opacity:.7;
  82. filter:alpha(opacity=70)
  83. }
  84. .container26{
  85. margin-left:auto;
  86. margin-right:auto;
  87. width:1030px
  88. }
  89. .container26 .grid1,.container26 .grid2,.container26 .grid3,.container26 .grid4,.container26 .grid5,.container26 .grid6,.container26 .grid7,.container26 .grid8,.container26 .grid9,.container26 .grid10,.container26 .grid11,.container26 .grid12,.container26 .grid13,.container26 .grid14,.container26 .grid15,.container26 .grid16,.container26 .grid17,.container26 .grid18,.container26 .grid19,.container26 .grid20,.container26 .grid21,.container26 .grid22,.container26 .grid23,.container26 .grid24,.container26 .grid25,.container26 .grid26{
  90. display:inline;
  91. float:left;
  92. margin-left:5px;
  93. margin-right:5px
  94. }
  95. .container26 .grid1{
  96. width:29.61538px
  97. }
  98. .container26 .grid2{
  99. width:69.23077px
  100. }
  101. .container26 .grid3{
  102. width:108.84615px
  103. }
  104. .container26 .grid4{
  105. width:148.46154px
  106. }
  107. .container26 .grid5{
  108. width:188.07692px
  109. }
  110. .container26 .grid6{
  111. width:227.69231px
  112. }
  113. .container26 .grid7{
  114. width:267.30769px
  115. }
  116. .container26 .grid8{
  117. width:306.92308px
  118. }
  119. .container26 .grid9{
  120. width:346.53846px
  121. }
  122. .container26 .grid10{
  123. width:386.15385px
  124. }
  125. .container26 .grid11{
  126. width:425.76923px
  127. }
  128. .container26 .grid12{
  129. width:465.38462px
  130. }
  131. .container26 .grid13{
  132. width:505px
  133. }
  134. .container26 .grid14{
  135. width:544.61538px
  136. }
  137. .container26 .grid15{
  138. width:584.23077px
  139. }
  140. .container26 .grid16{
  141. width:623.84615px
  142. }
  143. .container26 .grid17{
  144. width:663.46154px
  145. }
  146. .container26 .grid18{
  147. width:703.07692px
  148. }
  149. .container26 .grid19{
  150. width:742.69231px
  151. }
  152. .container26 .grid20{
  153. width:782.30769px
  154. }
  155. .container26 .grid21{
  156. width:821.92308px
  157. }
  158. .container26 .grid22{
  159. width:861.53846px
  160. }
  161. .container26 .grid23{
  162. width:901.15385px
  163. }
  164. .container26 .grid24{
  165. width:940.76923px
  166. }
  167. .container26 .grid25{
  168. width:980.38462px
  169. }
  170. .container26 .grid26{
  171. width:1020px
  172. }
  173. .container26 .prefix1{
  174. padding-left:39.61538px
  175. }
  176. .container26 .prefix2{
  177. padding-left:79.23077px
  178. }
  179. .container26 .prefix3{
  180. padding-left:118.84615px
  181. }
  182. .container26 .prefix4{
  183. padding-left:158.46154px
  184. }
  185. .container26 .prefix5{
  186. padding-left:198.07692px
  187. }
  188. .container26 .prefix6{
  189. padding-left:237.69231px
  190. }
  191. .container26 .prefix7{
  192. padding-left:277.30769px
  193. }
  194. .container26 .prefix8{
  195. padding-left:316.92308px
  196. }
  197. .container26 .prefix9{
  198. padding-left:356.53846px
  199. }
  200. .container26 .prefix10{
  201. padding-left:396.15385px
  202. }
  203. .container26 .prefix11{
  204. padding-left:435.76923px
  205. }
  206. .container26 .prefix12{
  207. padding-left:475.38462px
  208. }
  209. .container26 .prefix13{
  210. padding-left:515px
  211. }
  212. .container26 .prefix14{
  213. padding-left:554.61538px
  214. }
  215. .container26 .prefix15{
  216. padding-left:594.23077px
  217. }
  218. .container26 .prefix16{
  219. padding-left:633.84615px
  220. }
  221. .container26 .prefix17{
  222. padding-left:673.46154px
  223. }
  224. .container26 .prefix18{
  225. padding-left:713.07692px
  226. }
  227. .container26 .prefix19{
  228. padding-left:752.69231px
  229. }
  230. .container26 .prefix20{
  231. padding-left:792.30769px
  232. }
  233. .container26 .prefix21{
  234. padding-left:831.92308px
  235. }
  236. .container26 .prefix22{
  237. padding-left:871.53846px
  238. }
  239. .container26 .prefix23{
  240. padding-left:911.15385px
  241. }
  242. .container26 .prefix24{
  243. padding-left:950.76923px
  244. }
  245. .container26 .prefix25{
  246. padding-left:990.38462px
  247. }
  248. .container26 .suffix1{
  249. padding-right:39.61538px
  250. }
  251. .container26 .suffix2{
  252. padding-right:79.23077px
  253. }
  254. .container26 .suffix3{
  255. padding-right:118.84615px
  256. }
  257. .container26 .suffix4{
  258. padding-right:158.46154px
  259. }
  260. .container26 .suffix5{
  261. padding-right:198.07692px
  262. }
  263. .container26 .suffix6{
  264. padding-right:237.69231px
  265. }
  266. .container26 .suffix7{
  267. padding-right:277.30769px
  268. }
  269. .container26 .suffix8{
  270. padding-right:316.92308px
  271. }
  272. .container26 .suffix9{
  273. padding-right:356.53846px
  274. }
  275. .container26 .suffix10{
  276. padding-right:396.15385px
  277. }
  278. .container26 .suffix11{
  279. padding-right:435.76923px
  280. }
  281. .container26 .suffix12{
  282. padding-right:475.38462px
  283. }
  284. .container26 .suffix13{
  285. padding-right:515px
  286. }
  287. .container26 .suffix14{
  288. padding-right:554.61538px
  289. }
  290. .container26 .suffix15{
  291. padding-right:594.23077px
  292. }
  293. .container26 .suffix16{
  294. padding-right:633.84615px
  295. }
  296. .container26 .suffix17{
  297. padding-right:673.46154px
  298. }
  299. .container26 .suffix18{
  300. padding-right:713.07692px
  301. }
  302. .container26 .suffix19{
  303. padding-right:752.69231px
  304. }
  305. .container26 .suffix20{
  306. padding-right:792.30769px
  307. }
  308. .container26 .suffix21{
  309. padding-right:831.92308px
  310. }
  311. .container26 .suffix22{
  312. padding-right:871.53846px
  313. }
  314. .container26 .suffix23{
  315. padding-right:911.15385px
  316. }
  317. .container26 .suffix24{
  318. padding-right:950.76923px
  319. }
  320. .container26 .suffix25{
  321. padding-right:990.38462px
  322. }
  323. .container26 .alpha{
  324. margin-left:0
  325. }
  326. .container26 .omega{
  327. margin-right:0
  328. }
  329. .container26 .push1,.container26 .push2,.container26 .push3,.container26 .push4,.container26 .push5,.container26 .push6,.container26 .push7,.container26 .push8,.container26 .push9,.container26 .push10,.container26 .push11,.container26 .push12,.container26 .push13,.container26 .push14,.container26 .push15,.container26 .push16,.container26 .push17,.container26 .push18,.container26 .push19,.container26 .push20,.container26 .push21,.container26 .push22,.container26 .push23,.container26 .push24,.container26 .push25,.container26 .pull1,.container26 .pull2,.container26 .pull3,.container26 .pull4,.container26 .pull5,.container26 .pull6,.container26 .pull7,.container26 .pull8,.container26 .pull9,.container26 .pull10,.container26 .pull11,.container26 .pull12,.container26 .pull13,.container26 .pull14,.container26 .pull15,.container26 .pull16,.container26 .pull17,.container26 .pull18,.container26 .pull19,.container26 .pull20,.container26 .pull21,.container26 .pull22,.container26 .pull23,.container26 .pull24,.container26 .pull25{
  330. position:relative
  331. }
  332. .container26 .push1{
  333. left:39.61538px
  334. }
  335. .container26 .pull1{
  336. left:-39.61538px
  337. }
  338. .container26 .push2{
  339. left:79.23077px
  340. }
  341. .container26 .pull2{
  342. left:-79.23077px
  343. }
  344. .container26 .push3{
  345. left:118.84615px
  346. }
  347. .container26 .pull3{
  348. left:-118.84615px
  349. }
  350. .container26 .push4{
  351. left:158.46154px
  352. }
  353. .container26 .pull4{
  354. left:-158.46154px
  355. }
  356. .container26 .push5{
  357. left:198.07692px
  358. }
  359. .container26 .pull5{
  360. left:-198.07692px
  361. }
  362. .container26 .push6{
  363. left:237.69231px
  364. }
  365. .container26 .pull6{
  366. left:-237.69231px
  367. }
  368. .container26 .push7{
  369. left:277.30769px
  370. }
  371. .container26 .pull7{
  372. left:-277.30769px
  373. }
  374. .container26 .push8{
  375. left:316.92308px
  376. }
  377. .container26 .pull8{
  378. left:-316.92308px
  379. }
  380. .container26 .push9{
  381. left:356.53846px
  382. }
  383. .container26 .pull9{
  384. left:-356.53846px
  385. }
  386. .container26 .push10{
  387. left:396.15385px
  388. }
  389. .container26 .pull10{
  390. left:-396.15385px
  391. }
  392. .container26 .push11{
  393. left:435.76923px
  394. }
  395. .container26 .pull11{
  396. left:-435.76923px
  397. }
  398. .container26 .push12{
  399. left:475.38462px
  400. }
  401. .container26 .pull12{
  402. left:-475.38462px
  403. }
  404. .container26 .push13{
  405. left:515px
  406. }
  407. .container26 .pull13{
  408. left:-515px
  409. }
  410. .container26 .push14{
  411. left:554.61538px
  412. }
  413. .container26 .pull14{
  414. left:-554.61538px
  415. }
  416. .container26 .push15{
  417. left:594.23077px
  418. }
  419. .container26 .pull15{
  420. left:-594.23077px
  421. }
  422. .container26 .push16{
  423. left:633.84615px
  424. }
  425. .container26 .pull16{
  426. left:-633.84615px
  427. }
  428. .container26 .push17{
  429. left:673.46154px
  430. }
  431. .container26 .pull17{
  432. left:-673.46154px
  433. }
  434. .container26 .push18{
  435. left:713.07692px
  436. }
  437. .container26 .pull18{
  438. left:-713.07692px
  439. }
  440. .container26 .push19{
  441. left:752.69231px
  442. }
  443. .container26 .pull19{
  444. left:-752.69231px
  445. }
  446. .container26 .push20{
  447. left:792.30769px
  448. }
  449. .container26 .pull20{
  450. left:-792.30769px
  451. }
  452. .container26 .push21{
  453. left:831.92308px
  454. }
  455. .container26 .pull21{
  456. left:-831.92308px
  457. }
  458. .container26 .push22{
  459. left:871.53846px
  460. }
  461. .container26 .pull22{
  462. left:-871.53846px
  463. }
  464. .container26 .push23{
  465. left:911.15385px
  466. }
  467. .container26 .pull23{
  468. left:-911.15385px
  469. }
  470. .container26 .push24{
  471. left:950.76923px
  472. }
  473. .container26 .pull24{
  474. left:-950.76923px
  475. }
  476. .container26 .push25{
  477. left:990.38462px
  478. }
  479. .container26 .pull25{
  480. left:-990.38462px
  481. }
  482. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  483. margin:0;
  484. padding:0;
  485. border:0;
  486. font:inherit;
  487. font-size:100%;
  488. vertical-align:baseline
  489. }
  490. html{
  491. line-height:1
  492. }
  493. ol,ul{
  494. list-style:none
  495. }
  496. table{
  497. border-collapse:collapse;
  498. border-spacing:0
  499. }
  500. caption,th,td{
  501. text-align:left;
  502. font-weight:normal;
  503. vertical-align:middle
  504. }
  505. q,blockquote{
  506. quotes:none
  507. }
  508. q:before,q:after{
  509. content:"";
  510. content:none
  511. }
  512. blockquote:before,blockquote:after{
  513. content:"";
  514. content:none
  515. }
  516. a img{
  517. border:0
  518. }
  519. article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  520. display:block
  521. }
  522. @font-face{
  523. font-family:"FontAwesome";
  524. src:url("/../font/fontawesome-webfont.eot?v=3.0.1");
  525. src:url("/../font/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"),url("/../font/fontawesome-webfont.woff?v=3.0.1") format("woff"),url("/../font/fontawesome-webfont.ttf?v=3.0.1") format("truetype");
  526. font-weight:normal;
  527. font-style:normal
  528. }
  529. [class^="icon-"],[class*=" icon-"]{
  530. font-family:FontAwesome;
  531. font-weight:normal;
  532. font-style:normal;
  533. text-decoration:inherit;
  534. -webkit-font-smoothing:antialiased;
  535. display:inline;
  536. width:auto;
  537. height:auto;
  538. line-height:normal;
  539. vertical-align:baseline;
  540. background-image:none;
  541. background-position:0 0;
  542. background-repeat:repeat;
  543. margin-top:0
  544. }
  545. .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{
  546. background-image:none
  547. }
  548. [class^="icon-"]:before,[class*=" icon-"]:before{
  549. text-decoration:inherit;
  550. display:inline-block;
  551. speak:none
  552. }
  553. a [class^="icon-"],a [class*=" icon-"]{
  554. display:inline-block
  555. }
  556. .icon-large:before{
  557. vertical-align:-10%;
  558. font-size:1.33333em
  559. }
  560. .btn [class^="icon-"],.btn [class*=" icon-"],.nav [class^="icon-"],.nav [class*=" icon-"]{
  561. display:inline
  562. }
  563. .btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{
  564. line-height:.9em
  565. }
  566. .btn [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{
  567. display:inline-block
  568. }
  569. .nav-tabs [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class^="icon-"],.nav-pills [class*=" icon-"]{
  570. line-height:.9em
  571. }
  572. .nav-tabs [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{
  573. line-height:.9em
  574. }
  575. li [class^="icon-"],li [class*=" icon-"],.nav li [class^="icon-"],.nav li [class*=" icon-"]{
  576. display:inline-block;
  577. width:1.25em;
  578. text-align:center
  579. }
  580. li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class^="icon-"].icon-large,.nav li [class*=" icon-"].icon-large{
  581. width:1.5625em
  582. }
  583. ul.icons{
  584. list-style-type:none;
  585. text-indent:-0.75em
  586. }
  587. ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{
  588. width:.75em
  589. }
  590. .icon-muted{
  591. color:#eee
  592. }
  593. .icon-border{
  594. border:solid 1px #eee;
  595. padding:.2em .25em .15em;
  596. border-radius:3px
  597. }
  598. .icon-2x{
  599. font-size:2em
  600. }
  601. .icon-2x.icon-border{
  602. border-width:2px;
  603. border-radius:4px
  604. }
  605. .icon-3x{
  606. font-size:3em
  607. }
  608. .icon-3x.icon-border{
  609. border-width:3px;
  610. border-radius:5px
  611. }
  612. .icon-4x{
  613. font-size:4em
  614. }
  615. .icon-4x.icon-border{
  616. border-width:4px;
  617. border-radius:6px
  618. }
  619. .pull-right{
  620. float:right
  621. }
  622. .pull-left{
  623. float:left
  624. }
  625. [class^="icon-"].pull-left,[class*=" icon-"].pull-left{
  626. margin-right:.3em
  627. }
  628. [class^="icon-"].pull-right,[class*=" icon-"].pull-right{
  629. margin-left:.3em
  630. }
  631. .btn [class^="icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{
  632. margin-top:.18em
  633. }
  634. .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{
  635. line-height:.8em
  636. }
  637. .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{
  638. margin-top:.25em
  639. }
  640. .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{
  641. margin-top:0
  642. }
  643. .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{
  644. margin-top:.05em
  645. }
  646. .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{
  647. margin-right:.2em
  648. }
  649. .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{
  650. margin-left:.2em
  651. }
  652. .icon-spin{
  653. display:inline-block;
  654. -webkit-animation:spin 2s infinite linear;
  655. animation:spin 2s infinite linear
  656. }
  657. @-webkit-keyframes spin{
  658. 0%{
  659. -webkit-transform:rotate(0)
  660. }
  661. 100%{
  662. -webkit-transform:rotate(359deg)
  663. }
  664. }
  665. @keyframes spin{
  666. 0%{
  667. -webkit-transform:rotate(0);
  668. transform:rotate(0)
  669. }
  670. 100%{
  671. -webkit-transform:rotate(359deg);
  672. transform:rotate(359deg)
  673. }
  674. }
  675. @-moz-document url-prefix(){
  676. .icon-spin{
  677. height:.9em
  678. }
  679. .btn .icon-spin{
  680. height:auto
  681. }
  682. .icon-spin.icon-large{
  683. height:1.25em
  684. }
  685. .btn .icon-spin.icon-large{
  686. height:.75em
  687. }
  688. }
  689. .icon-glass:before{
  690. content:""
  691. }
  692. .icon-music:before{
  693. content:""
  694. }
  695. .icon-search:before{
  696. content:""
  697. }
  698. .icon-envelope:before{
  699. content:""
  700. }
  701. .icon-heart:before{
  702. content:""
  703. }
  704. .icon-star:before{
  705. content:""
  706. }
  707. .icon-star-empty:before{
  708. content:""
  709. }
  710. .icon-user:before{
  711. content:""
  712. }
  713. .icon-film:before{
  714. content:""
  715. }
  716. .icon-th-large:before{
  717. content:""
  718. }
  719. .icon-th:before{
  720. content:""
  721. }
  722. .icon-th-list:before{
  723. content:""
  724. }
  725. .icon-ok:before{
  726. content:""
  727. }
  728. .icon-remove:before{
  729. content:""
  730. }
  731. .icon-zoom-in:before{
  732. content:""
  733. }
  734. .icon-zoom-out:before{
  735. content:""
  736. }
  737. .icon-off:before{
  738. content:""
  739. }
  740. .icon-signal:before{
  741. content:""
  742. }
  743. .icon-cog:before{
  744. content:""
  745. }
  746. .icon-trash:before{
  747. content:""
  748. }
  749. .icon-home:before{
  750. content:""
  751. }
  752. .icon-file:before{
  753. content:""
  754. }
  755. .icon-time:before{
  756. content:""
  757. }
  758. .icon-road:before{
  759. content:""
  760. }
  761. .icon-download-alt:before{
  762. content:""
  763. }
  764. .icon-download:before{
  765. content:""
  766. }
  767. .icon-upload:before{
  768. content:""
  769. }
  770. .icon-inbox:before{
  771. content:""
  772. }
  773. .icon-play-circle:before{
  774. content:""
  775. }
  776. .icon-repeat:before{
  777. content:""
  778. }
  779. .icon-refresh:before{
  780. content:""
  781. }
  782. .icon-list-alt:before{
  783. content:""
  784. }
  785. .icon-lock:before{
  786. content:""
  787. }
  788. .icon-flag:before{
  789. content:""
  790. }
  791. .icon-headphones:before{
  792. content:""
  793. }
  794. .icon-volume-off:before{
  795. content:""
  796. }
  797. .icon-volume-down:before{
  798. content:""
  799. }
  800. .icon-volume-up:before{
  801. content:""
  802. }
  803. .icon-qrcode:before{
  804. content:""
  805. }
  806. .icon-barcode:before{
  807. content:""
  808. }
  809. .icon-tag:before{
  810. content:""
  811. }
  812. .icon-tags:before{
  813. content:""
  814. }
  815. .icon-book:before{
  816. content:""
  817. }
  818. .icon-bookmark:before{
  819. content:""
  820. }
  821. .icon-print:before{
  822. content:""
  823. }
  824. .icon-camera:before{
  825. content:""
  826. }
  827. .icon-font:before{
  828. content:""
  829. }
  830. .icon-bold:before{
  831. content:""
  832. }
  833. .icon-italic:before{
  834. content:""
  835. }
  836. .icon-text-height:before{
  837. content:""
  838. }
  839. .icon-text-width:before{
  840. content:""
  841. }
  842. .icon-align-left:before{
  843. content:""
  844. }
  845. .icon-align-center:before{
  846. content:""
  847. }
  848. .icon-align-right:before{
  849. content:""
  850. }
  851. .icon-align-justify:before{
  852. content:""
  853. }
  854. .icon-list:before{
  855. content:""
  856. }
  857. .icon-indent-left:before{
  858. content:""
  859. }
  860. .icon-indent-right:before{
  861. content:""
  862. }
  863. .icon-facetime-video:before{
  864. content:""
  865. }
  866. .icon-picture:before{
  867. content:""
  868. }
  869. .icon-pencil:before{
  870. content:""
  871. }
  872. .icon-map-marker:before{
  873. content:""
  874. }
  875. .icon-adjust:before{
  876. content:""
  877. }
  878. .icon-tint:before{
  879. content:""
  880. }
  881. .icon-edit:before{
  882. content:""
  883. }
  884. .icon-share:before{
  885. content:""
  886. }
  887. .icon-check:before{
  888. content:""
  889. }
  890. .icon-move:before{
  891. content:""
  892. }
  893. .icon-step-backward:before{
  894. content:""
  895. }
  896. .icon-fast-backward:before{
  897. content:""
  898. }
  899. .icon-backward:before{
  900. content:""
  901. }
  902. .icon-play:before{
  903. content:""
  904. }
  905. .icon-pause:before{
  906. content:""
  907. }
  908. .icon-stop:before{
  909. content:""
  910. }
  911. .icon-forward:before{
  912. content:""
  913. }
  914. .icon-fast-forward:before{
  915. content:""
  916. }
  917. .icon-step-forward:before{
  918. content:""
  919. }
  920. .icon-eject:before{
  921. content:""
  922. }
  923. .icon-chevron-left:before{
  924. content:""
  925. }
  926. .icon-chevron-right:before{
  927. content:""
  928. }
  929. .icon-plus-sign:before{
  930. content:""
  931. }
  932. .icon-minus-sign:before{
  933. content:""
  934. }
  935. .icon-remove-sign:before{
  936. content:""
  937. }
  938. .icon-ok-sign:before{
  939. content:""
  940. }
  941. .icon-question-sign:before{
  942. content:""
  943. }
  944. .icon-info-sign:before{
  945. content:""
  946. }
  947. .icon-screenshot:before{
  948. content:""
  949. }
  950. .icon-remove-circle:before{
  951. content:""
  952. }
  953. .icon-ok-circle:before{
  954. content:""
  955. }
  956. .icon-ban-circle:before{
  957. content:""
  958. }
  959. .icon-arrow-left:before{
  960. content:""
  961. }
  962. .icon-arrow-right:before{
  963. content:""
  964. }
  965. .icon-arrow-up:before{
  966. content:""
  967. }
  968. .icon-arrow-down:before{
  969. content:""
  970. }
  971. .icon-share-alt:before{
  972. content:""
  973. }
  974. .icon-resize-full:before{
  975. content:""
  976. }
  977. .icon-resize-small:before{
  978. content:""
  979. }
  980. .icon-plus:before{
  981. content:""
  982. }
  983. .icon-minus:before{
  984. content:""
  985. }
  986. .icon-asterisk:before{
  987. content:""
  988. }
  989. .icon-exclamation-sign:before{
  990. content:""
  991. }
  992. .icon-gift:before{
  993. content:""
  994. }
  995. .icon-leaf:before{
  996. content:""
  997. }
  998. .icon-fire:before{
  999. content:""
  1000. }
  1001. .icon-eye-open:before{
  1002. content:""
  1003. }
  1004. .icon-eye-close:before{
  1005. content:""
  1006. }
  1007. .icon-warning-sign:before{
  1008. content:""
  1009. }
  1010. .icon-plane:before{
  1011. content:""
  1012. }
  1013. .icon-calendar:before{
  1014. content:""
  1015. }
  1016. .icon-random:before{
  1017. content:""
  1018. }
  1019. .icon-comment:before{
  1020. content:""
  1021. }
  1022. .icon-magnet:before{
  1023. content:""
  1024. }
  1025. .icon-chevron-up:before{
  1026. content:""
  1027. }
  1028. .icon-chevron-down:before{
  1029. content:""
  1030. }
  1031. .icon-retweet:before{
  1032. content:""
  1033. }
  1034. .icon-shopping-cart:before{
  1035. content:""
  1036. }
  1037. .icon-folder-close:before{
  1038. content:""
  1039. }
  1040. .icon-folder-open:before{
  1041. content:""
  1042. }
  1043. .icon-resize-vertical:before{
  1044. content:""
  1045. }
  1046. .icon-resize-horizontal:before{
  1047. content:""
  1048. }
  1049. .icon-bar-chart:before{
  1050. content:""
  1051. }
  1052. .icon-twitter-sign:before{
  1053. content:""
  1054. }
  1055. .icon-facebook-sign:before{
  1056. content:""
  1057. }
  1058. .icon-camera-retro:before{
  1059. content:""
  1060. }
  1061. .icon-key:before{
  1062. content:""
  1063. }
  1064. .icon-cogs:before{
  1065. content:""
  1066. }
  1067. .icon-comments:before{
  1068. content:""
  1069. }
  1070. .icon-thumbs-up:before{
  1071. content:""
  1072. }
  1073. .icon-thumbs-down:before{
  1074. content:""
  1075. }
  1076. .icon-star-half:before{
  1077. content:""
  1078. }
  1079. .icon-heart-empty:before{
  1080. content:""
  1081. }
  1082. .icon-signout:before{
  1083. content:""
  1084. }
  1085. .icon-linkedin-sign:before{
  1086. content:""
  1087. }
  1088. .icon-pushpin:before{
  1089. content:""
  1090. }
  1091. .icon-external-link:before{
  1092. content:""
  1093. }
  1094. .icon-signin:before{
  1095. content:""
  1096. }
  1097. .icon-trophy:before{
  1098. content:""
  1099. }
  1100. .icon-github-sign:before{
  1101. content:""
  1102. }
  1103. .icon-upload-alt:before{
  1104. content:""
  1105. }
  1106. .icon-lemon:before{
  1107. content:""
  1108. }
  1109. .icon-phone:before{
  1110. content:""
  1111. }
  1112. .icon-check-empty:before{
  1113. content:""
  1114. }
  1115. .icon-bookmark-empty:before{
  1116. content:""
  1117. }
  1118. .icon-phone-sign:before{
  1119. content:""
  1120. }
  1121. .icon-twitter:before{
  1122. content:""
  1123. }
  1124. .icon-facebook:before{
  1125. content:""
  1126. }
  1127. .icon-github:before{
  1128. content:""
  1129. }
  1130. .icon-unlock:before{
  1131. content:""
  1132. }
  1133. .icon-credit-card:before{
  1134. content:""
  1135. }
  1136. .icon-rss:before{
  1137. content:""
  1138. }
  1139. .icon-hdd:before{
  1140. content:""
  1141. }
  1142. .icon-bullhorn:before{
  1143. content:""
  1144. }
  1145. .icon-bell:before{
  1146. content:""
  1147. }
  1148. .icon-certificate:before{
  1149. content:""
  1150. }
  1151. .icon-hand-right:before{
  1152. content:""
  1153. }
  1154. .icon-hand-left:before{
  1155. content:""
  1156. }
  1157. .icon-hand-up:before{
  1158. content:""
  1159. }
  1160. .icon-hand-down:before{
  1161. content:""
  1162. }
  1163. .icon-circle-arrow-left:before{
  1164. content:""
  1165. }
  1166. .icon-circle-arrow-right:before{
  1167. content:""
  1168. }
  1169. .icon-circle-arrow-up:before{
  1170. content:""
  1171. }
  1172. .icon-circle-arrow-down:before{
  1173. content:""
  1174. }
  1175. .icon-globe:before{
  1176. content:""
  1177. }
  1178. .icon-wrench:before{
  1179. content:""
  1180. }
  1181. .icon-tasks:before{
  1182. content:""
  1183. }
  1184. .icon-filter:before{
  1185. content:""
  1186. }
  1187. .icon-briefcase:before{
  1188. content:""
  1189. }
  1190. .icon-fullscreen:before{
  1191. content:""
  1192. }
  1193. .icon-group:before{
  1194. content:""
  1195. }
  1196. .icon-link:before{
  1197. content:""
  1198. }
  1199. .icon-cloud:before{
  1200. content:""
  1201. }
  1202. .icon-beaker:before{
  1203. content:""
  1204. }
  1205. .icon-cut:before{
  1206. content:""
  1207. }
  1208. .icon-copy:before{
  1209. content:""
  1210. }
  1211. .icon-paper-clip:before{
  1212. content:""
  1213. }
  1214. .icon-save:before{
  1215. content:""
  1216. }
  1217. .icon-sign-blank:before{
  1218. content:""
  1219. }
  1220. .icon-reorder:before{
  1221. content:""
  1222. }
  1223. .icon-list-ul:before{
  1224. content:""
  1225. }
  1226. .icon-list-ol:before{
  1227. content:""
  1228. }
  1229. .icon-strikethrough:before{
  1230. content:""
  1231. }
  1232. .icon-underline:before{
  1233. content:""
  1234. }
  1235. .icon-table:before{
  1236. content:""
  1237. }
  1238. .icon-magic:before{
  1239. content:""
  1240. }
  1241. .icon-truck:before{
  1242. content:""
  1243. }
  1244. .icon-pinterest:before{
  1245. content:""
  1246. }
  1247. .icon-pinterest-sign:before{
  1248. content:""
  1249. }
  1250. .icon-google-plus-sign:before{
  1251. content:""
  1252. }
  1253. .icon-google-plus:before{
  1254. content:""
  1255. }
  1256. .icon-money:before{
  1257. content:""
  1258. }
  1259. .icon-caret-down:before{
  1260. content:""
  1261. }
  1262. .icon-caret-up:before{
  1263. content:""
  1264. }
  1265. .icon-caret-left:before{
  1266. content:""
  1267. }
  1268. .icon-caret-right:before{
  1269. content:""
  1270. }
  1271. .icon-columns:before{
  1272. content:""
  1273. }
  1274. .icon-sort:before{
  1275. content:""
  1276. }
  1277. .icon-sort-down:before{
  1278. content:""
  1279. }
  1280. .icon-sort-up:before{
  1281. content:""
  1282. }
  1283. .icon-envelope-alt:before{
  1284. content:""
  1285. }
  1286. .icon-linkedin:before{
  1287. content:""
  1288. }
  1289. .icon-undo:before{
  1290. content:""
  1291. }
  1292. .icon-legal:before{
  1293. content:""
  1294. }
  1295. .icon-dashboard:before{
  1296. content:""
  1297. }
  1298. .icon-comment-alt:before{
  1299. content:""
  1300. }
  1301. .icon-comments-alt:before{
  1302. content:""
  1303. }
  1304. .icon-bolt:before{
  1305. content:""
  1306. }
  1307. .icon-sitemap:before{
  1308. content:""
  1309. }
  1310. .icon-umbrella:before{
  1311. content:""
  1312. }
  1313. .icon-paste:before{
  1314. content:""
  1315. }
  1316. .icon-lightbulb:before{
  1317. content:""
  1318. }
  1319. .icon-exchange:before{
  1320. content:""
  1321. }
  1322. .icon-cloud-download:before{
  1323. content:""
  1324. }
  1325. .icon-cloud-upload:before{
  1326. content:""
  1327. }
  1328. .icon-user-md:before{
  1329. content:""
  1330. }
  1331. .icon-stethoscope:before{
  1332. content:""
  1333. }
  1334. .icon-suitcase:before{
  1335. content:""
  1336. }
  1337. .icon-bell-alt:before{
  1338. content:""
  1339. }
  1340. .icon-coffee:before{
  1341. content:""
  1342. }
  1343. .icon-food:before{
  1344. content:""
  1345. }
  1346. .icon-file-alt:before{
  1347. content:""
  1348. }
  1349. .icon-building:before{
  1350. content:""
  1351. }
  1352. .icon-hospital:before{
  1353. content:""
  1354. }
  1355. .icon-ambulance:before{
  1356. content:""
  1357. }
  1358. .icon-medkit:before{
  1359. content:""
  1360. }
  1361. .icon-fighter-jet:before{
  1362. content:""
  1363. }
  1364. .icon-beer:before{
  1365. content:""
  1366. }
  1367. .icon-h-sign:before{
  1368. content:""
  1369. }
  1370. .icon-plus-sign-alt:before{
  1371. content:""
  1372. }
  1373. .icon-double-angle-left:before{
  1374. content:""
  1375. }
  1376. .icon-double-angle-right:before{
  1377. content:""
  1378. }
  1379. .icon-double-angle-up:before{
  1380. content:""
  1381. }
  1382. .icon-double-angle-down:before{
  1383. content:""
  1384. }
  1385. .icon-angle-left:before{
  1386. content:""
  1387. }
  1388. .icon-angle-right:before{
  1389. content:""
  1390. }
  1391. .icon-angle-up:before{
  1392. content:""
  1393. }
  1394. .icon-angle-down:before{
  1395. content:""
  1396. }
  1397. .icon-desktop:before{
  1398. content:""
  1399. }
  1400. .icon-laptop:before{
  1401. content:""
  1402. }
  1403. .icon-tablet:before{
  1404. content:""
  1405. }
  1406. .icon-mobile-phone:before{
  1407. content:""
  1408. }
  1409. .icon-circle-blank:before{
  1410. content:""
  1411. }
  1412. .icon-quote-left:before{
  1413. content:""
  1414. }
  1415. .icon-quote-right:before{
  1416. content:""
  1417. }
  1418. .icon-spinner:before{
  1419. content:""
  1420. }
  1421. .icon-circle:before{
  1422. content:""
  1423. }
  1424. .icon-reply:before{
  1425. content:""
  1426. }
  1427. .icon-github-alt:before{
  1428. content:""
  1429. }
  1430. .icon-folder-close-alt:before{
  1431. content:""
  1432. }
  1433. .icon-folder-open-alt:before{
  1434. content:""
  1435. }
  1436. [ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,[v-cloak]{
  1437. display:none !important
  1438. }
  1439. #cam{
  1440. width:100%;
  1441. overflow-x:auto;
  1442. overflow-y:hidden;
  1443. min-height:80px;
  1444. height:auto
  1445. }
  1446. #cam>*{
  1447. display:inline-block;
  1448. vertical-align:middle;
  1449. margin-right:5px
  1450. }
  1451. #cam #subscribers>*{
  1452. display:inline-block;
  1453. vertical-align:middle;
  1454. margin-right:5px
  1455. }
  1456. .custom-emote,.custom-user-emote{
  1457. display:inline;
  1458. max-width:25px
  1459. }
  1460. .emote{
  1461. display:inline-block;
  1462. vertical-align:middle;
  1463. background:url("/images/emoticons.png?uo7uopaop") no-repeat center left;
  1464. height:20px;
  1465. width:20px
  1466. }
  1467. .emote-meh{
  1468. background-position:0 0
  1469. }
  1470. .emote-happy{
  1471. background-position:-20px 0
  1472. }
  1473. .emote-mad{
  1474. background-position:-40px 0
  1475. }
  1476. .emote-surprised{
  1477. background-position:-60px 0
  1478. }
  1479. .emote-unimpressed{
  1480. background-position:-80px 0
  1481. }
  1482. .emote-eyes{
  1483. background-position:-100px 0
  1484. }
  1485. .emote-tongue{
  1486. background-position:-120px 0
  1487. }
  1488. .emote-dreamer{
  1489. background-position:-140px 0
  1490. }
  1491. .emote-cthulhu{
  1492. background-position:-160px 0
  1493. }
  1494. .emote-boar{
  1495. background-position:-180px 0
  1496. }
  1497. .emote-jack{
  1498. background-position:-200px 0
  1499. }
  1500. .emote-bats{
  1501. background-position:-220px 0
  1502. }
  1503. .emote-rip{
  1504. background-position:-240px 0
  1505. }
  1506. .emote-candy{
  1507. background-position:-260px 0
  1508. }
  1509. .emote-heart{
  1510. background-position:-280px 0
  1511. }
  1512. .emote-ghost{
  1513. background-position:-300px 0
  1514. }
  1515. .emote-wolf{
  1516. background-position:-320px 0
  1517. }
  1518. .emote-bunny{
  1519. background-position:-340px 0
  1520. }
  1521. .emote-snake{
  1522. background-position:-360px 0
  1523. }
  1524. .emote-knife{
  1525. background-position:-380px 0
  1526. }
  1527. .emote-wink{
  1528. background-position:-400px 0
  1529. }
  1530. .emote-doge{
  1531. background-position:-420px 0
  1532. }
  1533. .emote-star{
  1534. background-position:-440px 0
  1535. }
  1536. .emote-rainbow{
  1537. background-position:-460px 0
  1538. }
  1539. .emote-horse{
  1540. background-position:-480px 0
  1541. }
  1542. .emote-mermaid{
  1543. background-position:-500px 0
  1544. }
  1545. .emote-rose{
  1546. background-position:-520px 0
  1547. }
  1548. .emote-bump{
  1549. background-position:-540px 0
  1550. }
  1551. .emote-clock{
  1552. background-position:-560px 0
  1553. }
  1554. .emote-cookie{
  1555. background-position:-580px 0
  1556. }
  1557. .emote-cry{
  1558. background-position:-600px 0
  1559. }
  1560. .emote-hammer{
  1561. background-position:-620px 0
  1562. }
  1563. .emote-panda{
  1564. background-position:-640px 0
  1565. }
  1566. .emote-penguin{
  1567. background-position:-660px 0
  1568. }
  1569. .emote-pizza{
  1570. background-position:-680px 0
  1571. }
  1572. .emote-sheep{
  1573. background-position:-700px 0
  1574. }
  1575. .emote-shotgun{
  1576. background-position:-720px 0
  1577. }
  1578. .emote-tiger{
  1579. background-position:-740px 0
  1580. }
  1581. .emote-unicorn{
  1582. background-position:-760px 0
  1583. }
  1584. .emote-wolf{
  1585. background-position:-780px 0
  1586. }
  1587. .emote-cupcake{
  1588. background-position:-800px 0
  1589. }
  1590. .emote-cat{
  1591. background-position:-820px 0
  1592. }
  1593. .emote-fox{
  1594. background-position:-840px 0
  1595. }
  1596. .emote-turkey{
  1597. background-position:-860px 0
  1598. }
  1599. .emote-snowman{
  1600. background-position:-880px 0
  1601. }
  1602. .emote-santa{
  1603. background-position:-900px 0
  1604. }
  1605. .emote-candycane{
  1606. background-position:-920px 0
  1607. }
  1608. .emote-christmas{
  1609. background-position:-940px 0
  1610. }
  1611. .emote-lion{
  1612. background-position:-960px 0
  1613. }
  1614. .emote-cake{
  1615. background-position:-980px 0
  1616. }
  1617. .emote-sad{
  1618. background-position:-1000px 0
  1619. }
  1620. .role-custom-img{
  1621. width:20px;
  1622. height:20px;
  1623. border:1px solid #ccc
  1624. }
  1625. .role-custom{
  1626. display:inline-block;
  1627. height:30px;
  1628. line-height:20px;
  1629. font-weight:normal;
  1630. font-size:.9em
  1631. }
  1632. .role-custom img{
  1633. margin-right:5px
  1634. }
  1635. .mafia_red{
  1636. overflow:visible;
  1637. position:relative
  1638. }
  1639. .mafia_red:after{
  1640. display:block;
  1641. background-color:#c55;
  1642. content:"";
  1643. width:4px;
  1644. height:4px;
  1645. border-radius:2px;
  1646. position:absolute;
  1647. top:1px;
  1648. right:1px;
  1649. -webkit-transition-property:all;
  1650. transition-property:all;
  1651. -webkit-transition-duration:.5s;
  1652. transition-duration:.5s;
  1653. -webkit-transition-timing-function:ease-in;
  1654. transition-timing-function:ease-in
  1655. }
  1656. .lives-rt,.score-rt{
  1657. background:url(/images/score.png) no-repeat center right;
  1658. padding-right:20px
  1659. }
  1660. .dawn-lt{
  1661. background:url(/images/dawn.png?8) no-repeat center left;
  1662. width:20px
  1663. }
  1664. .sunset-lt{
  1665. background:url(/images/sunset.png?8) no-repeat center left;
  1666. width:20px
  1667. }
  1668. .whisper-lt{
  1669. background:url(/images/whisper.png?8) no-repeat center left;
  1670. width:20px
  1671. }
  1672. .noreveal-lt{
  1673. background:url(/images/noreveal.png?8) no-repeat center left;
  1674. width:20px
  1675. }
  1676. .startday-lt{
  1677. background:url(/images/startday.png?8) no-repeat center left;
  1678. width:20px
  1679. }
  1680. .lynch-lt{
  1681. background:url(/images/lynch.png?8) no-repeat center left;
  1682. width:20px
  1683. }
  1684. .revealalign-lt{
  1685. background:url(/images/revealalign.png?8) no-repeat center left;
  1686. width:20px
  1687. }
  1688. .mustact-lt{
  1689. background:url(/images/mustact.png?8) no-repeat center left;
  1690. width:20px
  1691. }
  1692. .dawn-lt{
  1693. background:url(/images/dawn.png?8) no-repeat center left;
  1694. width:20px
  1695. }
  1696. .lastwill-lt{
  1697. background:url(/images/lastwill.png?8) no-repeat center left;
  1698. width:20px
  1699. }
  1700. .closedroles-lt{
  1701. background:url(/images/closedroles.png?8) no-repeat center left;
  1702. width:20px
  1703. }
  1704. .multiple-lt{
  1705. background:url(/images/multiple.png?9) no-repeat center left;
  1706. width:20px
  1707. }
  1708. .multisetup-lt{
  1709. background:url(/images/multisetup.png) no-repeat center left;
  1710. width:20px
  1711. }
  1712. .anonymous-lt{
  1713. background:url(/images/anonymous.png?8) no-repeat center left;
  1714. width:20px
  1715. }
  1716. .multiuser-lt{
  1717. background:url(/images/multiuser.png?8) no-repeat center left;
  1718. height:15px;
  1719. line-height:15px;
  1720. padding-left:20px;
  1721. cursor:pointer
  1722. }
  1723. sup.double_points:after{
  1724. content:"x2";
  1725. color:#444;
  1726. font-size:11px;
  1727. font-weight:bold;
  1728. vertical-align:super
  1729. }
  1730. .gamesetup{
  1731. margin:0;
  1732. padding:0
  1733. }
  1734. .gamesetup div.setups{
  1735. margin-bottom:5px
  1736. }
  1737. .gamesetup .nextsetup,.gamesetup .prevsetup{
  1738. display:block;
  1739. font-size:20px;
  1740. display:block;
  1741. line-height:12px;
  1742. height:12px;
  1743. cursor:pointer;
  1744. color:#aaa
  1745. }
  1746. .gamesetup .nextsetup:hover,.gamesetup .prevsetup:hover{
  1747. color:#b11
  1748. }
  1749. .gamesetup li.selsetup{
  1750. margin-top:-4px
  1751. }
  1752. .gamesetup li,.gamesetup>div{
  1753. display:-moz-inline-block;
  1754. display:inline-block;
  1755. *display:inline;
  1756. vertical-align:middle;
  1757. height:20px;
  1758. line-height:22px
  1759. }
  1760. .gamesetup li.rolecont,.gamesetup>div.rolecont{
  1761. position:relative;
  1762. margin-left:5px;
  1763. font-size:.9em;
  1764. font-weight:normal;
  1765. color:#222;
  1766. width:20px
  1767. }
  1768. .gamesetup li.rolecont.hide,.gamesetup>div.rolecont.hide{
  1769. display:none
  1770. }
  1771. .gamesetup li .pip ul li,.gamesetup>div .pip ul li{
  1772. display:block
  1773. }
  1774. .gamesetup li.probabilities{
  1775. margin-left:.5em
  1776. }
  1777. .gamesetup li.probabilities>*{
  1778. display:inline-block;
  1779. vertical-align:middle;
  1780. margin-right:5px;
  1781. zoom:1;
  1782. *display:inline
  1783. }
  1784. .gamesetup li.probabilities .prob{
  1785. margin-left:.5em;
  1786. width:20px;
  1787. height:20px;
  1788. border-radius:3px;
  1789. position:relative
  1790. }
  1791. .gamesetup li.probabilities .prob sup{
  1792. font-size:.7em;
  1793. font-weight:bold;
  1794. position:absolute;
  1795. top:-0.8em;
  1796. left:-0.8em;
  1797. z-index:5
  1798. }
  1799. .gamesetup li.probabilities .prob .pip{
  1800. position:absolute;
  1801. top:-20px;
  1802. left:50%
  1803. }
  1804. .gamesetup li.probabilities #prob_village{
  1805. background-color:#93b7f2
  1806. }
  1807. .gamesetup li.probabilities #prob_mafia{
  1808. background-color:#000
  1809. }
  1810. .gamesetup li.probabilities #prob_third{
  1811. background-color:#dbe355
  1812. }
  1813. .gamesetup>div{
  1814. height:auto
  1815. }
  1816. .gamesetup div.roleimg>div.sup{
  1817. position:absolute;
  1818. top:-0.5em;
  1819. left:-0.5em;
  1820. color:#111;
  1821. font-size:.7em;
  1822. font-weight:bold
  1823. }
  1824. .gamesetup>li div.roleimg{
  1825. position:relative;
  1826. top:0;
  1827. right:0;
  1828. z-index:2
  1829. }
  1830. .gamesetup .setup_hidden{
  1831. font-size:.9em;
  1832. margin-left:5px
  1833. }
  1834. .gamesetup .setup_hidden .roleimg{
  1835. position:relative
  1836. }
  1837. .actionimg{
  1838. background:url("/images/actions.png?uo7uopaoz") no-repeat top right;
  1839. display:block;
  1840. height:20px;
  1841. width:20px
  1842. }
  1843. .action-gun-right{
  1844. background-position:0 0
  1845. }
  1846. .action-gun-left{
  1847. background-position:-20px 0
  1848. }
  1849. .action-heart{
  1850. background-position:-40px 0
  1851. }
  1852. .action-magnifying-glass{
  1853. background-position:-60px 0
  1854. }
  1855. .action-notebook{
  1856. background-position:-80px 0
  1857. }
  1858. .action-binoculars{
  1859. background-position:-100px 0
  1860. }
  1861. .action-clock{
  1862. background-position:-120px 0
  1863. }
  1864. .action-saw{
  1865. background-position:-140px 0
  1866. }
  1867. .action-beer{
  1868. background-position:-160px 0
  1869. }
  1870. .action-vest{
  1871. background-position:0 -20px
  1872. }
  1873. .action-blood{
  1874. background-position:-20px -20px
  1875. }
  1876. .action-bomb{
  1877. background-position:-40px -20px
  1878. }
  1879. .action-cap{
  1880. background-position:-60px -20px
  1881. }
  1882. .action-x{
  1883. background-position:-80px -20px
  1884. }
  1885. .action-rose{
  1886. background-position:-100px -20px
  1887. }
  1888. .action-y{
  1889. background-position:-120px -20px
  1890. }
  1891. .action-lobster{
  1892. background-position:-140px -20px
  1893. }
  1894. .action-crystalball{
  1895. background-position:-160px -20px
  1896. }
  1897. .action-holybook{
  1898. background-position:0 -40px
  1899. }
  1900. .action-trap{
  1901. background-position:-20px -40px
  1902. }
  1903. .action-break{
  1904. background-position:-40px -40px
  1905. }
  1906. .action-chat{
  1907. background-position:-60px -40px
  1908. }
  1909. .action-tree{
  1910. background-position:-80px -40px
  1911. }
  1912. .action-cloud{
  1913. background-position:-100px -40px
  1914. }
  1915. .action-key{
  1916. background-position:-120px -40px
  1917. }
  1918. .action-gun-upper-right{
  1919. background-position:-140px -40px
  1920. }
  1921. .action-mask{
  1922. background-position:-160px -40px
  1923. }
  1924. .action-gift{
  1925. background-position:0 -60px
  1926. }
  1927. .action-sheetmusic{
  1928. background-position:-20px -60px
  1929. }
  1930. .action-music{
  1931. background-position:-40px -60px
  1932. }
  1933. .action-tea{
  1934. background-position:-60px -60px
  1935. }
  1936. .action-bag{
  1937. background-position:-80px -60px
  1938. }
  1939. .action-bag2{
  1940. background-position:-100px -60px
  1941. }
  1942. .action-hearts{
  1943. background-position:-120px -60px
  1944. }
  1945. .action-knife{
  1946. background-position:-140px -60px
  1947. }
  1948. .action-yellow-flag{
  1949. background-position:-160px -60px
  1950. }
  1951. .action-mistletoe{
  1952. background-position:0 -80px
  1953. }
  1954. .action-calendar{
  1955. background-position:-20px -80px
  1956. }
  1957. .action-drill{
  1958. background-position:-40px -80px
  1959. }
  1960. .action-shirt{
  1961. background-position:-60px -80px
  1962. }
  1963. .action-graveyard{
  1964. background-position:-80px -80px
  1965. }
  1966. .action-creepydoll{
  1967. background-position:-100px -80px
  1968. }
  1969. .action-maid{
  1970. background-position:-120px -80px
  1971. }
  1972. .action-blue-flag{
  1973. background-position:-140px -80px
  1974. }
  1975. .action-black-flag{
  1976. background-position:-160px -80px
  1977. }
  1978. .action-tooth{
  1979. background-position:0 -100px
  1980. }
  1981. .action-paintbrush{
  1982. background-position:-20px -100px
  1983. }
  1984. .action-powerdrill{
  1985. background-position:-40px -100px
  1986. }
  1987. .action-mafiahat{
  1988. background-position:-60px -100px
  1989. }
  1990. .action-will{
  1991. background-position:-80px -100px
  1992. }
  1993. .action-lipstick{
  1994. background-position:-100px -100px
  1995. }
  1996. .action-disguised{
  1997. background-position:-120px -100px
  1998. }
  1999. .action-will{
  2000. background-position:-140px -100px
  2001. }
  2002. .action-clothing{
  2003. background-position:-160px -100px
  2004. }
  2005. .action-barbell{
  2006. background-position:0 -120px
  2007. }
  2008. .action-bloody-mop{
  2009. background-position:-20px -120px
  2010. }
  2011. .action-formal-will{
  2012. background-position:-40px -120px
  2013. }
  2014. .action-poison{
  2015. background-position:-60px -120px
  2016. }
  2017. .action-wheel{
  2018. background-position:-80px -120px
  2019. }
  2020. .action-scroll{
  2021. background-position:-100px -120px
  2022. }
  2023. .action-violin{
  2024. background-position:-120px -120px
  2025. }
  2026. .action-cat{
  2027. background-position:-140px -120px
  2028. }
  2029. .action-balloon{
  2030. background-position:-160px -120px
  2031. }
  2032. .action-plug{
  2033. background-position:0 -140px
  2034. }
  2035. .action-suit{
  2036. background-position:-20px -140px
  2037. }
  2038. .action-gun-upper-left{
  2039. background-position:-40px -140px
  2040. }
  2041. .action-gun-upper-left-brown{
  2042. background-position:-60px -140px
  2043. }
  2044. .action-brown-vest{
  2045. background-position:-80px -140px
  2046. }
  2047. .action-black-crystal-ball{
  2048. background-position:-100px -140px
  2049. }
  2050. .action-poison-bread{
  2051. background-position:-120px -140px
  2052. }
  2053. .action-gasoline{
  2054. background-position:-140px -140px
  2055. }
  2056. .action-match{
  2057. background-position:-160px -140px
  2058. }
  2059. .action-dynamite{
  2060. background-position:0 -160px
  2061. }
  2062. .roleimg{
  2063. background:url("/images/roleimg.png?1uo7uopap8") no-repeat top right;
  2064. display:block;
  2065. height:20px;
  2066. width:20px
  2067. }
  2068. .roleimg.ib{
  2069. display:inline-block
  2070. }
  2071. .roleimg.custom{
  2072. border-bottom:1px dotted #b11
  2073. }
  2074. .role-village{
  2075. background-position:0 0
  2076. }
  2077. .role-villager{
  2078. background-position:0 0
  2079. }
  2080. .role-mafia{
  2081. background-position:-20px 0
  2082. }
  2083. .role-doctor{
  2084. background-position:-40px 0
  2085. }
  2086. .role-nurse{
  2087. background-position:-60px 0
  2088. }
  2089. .role-surgeon{
  2090. background-position:-80px 0
  2091. }
  2092. .role-bodyguard{
  2093. background-position:-100px 0
  2094. }
  2095. .role-cop{
  2096. background-position:-120px 0
  2097. }
  2098. .role-insane{
  2099. background-position:-140px 0
  2100. }
  2101. .role-confused{
  2102. background-position:-160px 0
  2103. }
  2104. .role-paranoid{
  2105. background-position:0 -20px
  2106. }
  2107. .role-naive{
  2108. background-position:-20px -20px
  2109. }
  2110. .role-lazy{
  2111. background-position:-40px -20px
  2112. }
  2113. .role-watcher{
  2114. background-position:-60px -20px
  2115. }
  2116. .role-tracker{
  2117. background-position:-80px -20px
  2118. }
  2119. .role-detective{
  2120. background-position:-100px -20px
  2121. }
  2122. .role-snoop{
  2123. background-position:-120px -20px
  2124. }
  2125. .role-journalist{
  2126. background-position:-140px -20px
  2127. }
  2128. .role-mortician{
  2129. background-position:-160px -20px
  2130. }
  2131. .role-pathologist{
  2132. background-position:0 -40px
  2133. }
  2134. .role-vigil{
  2135. background-position:-20px -40px
  2136. }
  2137. .role-sheriff{
  2138. background-position:-40px -40px
  2139. }
  2140. .role-deputy{
  2141. background-position:-60px -40px
  2142. }
  2143. .role-drunk{
  2144. background-position:-80px -40px
  2145. }
  2146. .role-sleepwalker{
  2147. background-position:-100px -40px
  2148. }
  2149. .role-civilian{
  2150. background-position:-120px -40px
  2151. }
  2152. .role-miller{
  2153. background-position:-140px -40px
  2154. }
  2155. .role-suspect{
  2156. background-position:-160px -40px
  2157. }
  2158. .role-leader{
  2159. background-position:0 -60px
  2160. }
  2161. .role-bulletproof{
  2162. background-position:-20px -60px
  2163. }
  2164. .role-bleeder{
  2165. background-position:-40px -60px
  2166. }
  2167. .role-bomb{
  2168. background-position:-60px -60px
  2169. }
  2170. .role-granny{
  2171. background-position:-80px -60px
  2172. }
  2173. .role-hunter{
  2174. background-position:-100px -60px
  2175. }
  2176. .role-crier{
  2177. background-position:-120px -60px
  2178. }
  2179. .role-invisible{
  2180. background-position:-140px -60px
  2181. }
  2182. .role-governor{
  2183. background-position:-160px -60px
  2184. }
  2185. .role-telepath{
  2186. background-position:0 -80px
  2187. }
  2188. .role-agent{
  2189. background-position:-20px -80px
  2190. }
  2191. .role-celebrity{
  2192. background-position:-40px -80px
  2193. }
  2194. .role-loudmouth{
  2195. background-position:-60px -80px
  2196. }
  2197. .role-mason{
  2198. background-position:-80px -80px
  2199. }
  2200. .role-templar{
  2201. background-position:-100px -80px
  2202. }
  2203. .role-shrink{
  2204. background-position:-120px -80px
  2205. }
  2206. .role-samurai{
  2207. background-position:-140px -80px
  2208. }
  2209. .role-jailer{
  2210. background-position:-160px -80px
  2211. }
  2212. .role-chef{
  2213. background-position:0 -100px
  2214. }
  2215. .role-turncoat{
  2216. background-position:-20px -100px
  2217. }
  2218. .role-enchantress{
  2219. background-position:-40px -100px
  2220. }
  2221. .role-priest{
  2222. background-position:-60px -100px
  2223. }
  2224. .role-trapper{
  2225. background-position:-80px -100px
  2226. }
  2227. .role-baker{
  2228. background-position:-100px -100px
  2229. }
  2230. .role-ghoul{
  2231. background-position:-120px -100px
  2232. }
  2233. .role-party{
  2234. background-position:-140px -100px
  2235. }
  2236. .role-penguin{
  2237. background-position:-160px -100px
  2238. }
  2239. .role-judge{
  2240. background-position:0 -120px
  2241. }
  2242. .role-gallis{
  2243. background-position:-20px -120px
  2244. }
  2245. .role-treestump{
  2246. background-position:-40px -120px
  2247. }
  2248. .role-secretary{
  2249. background-position:-60px -120px
  2250. }
  2251. .role-virgin{
  2252. background-position:-80px -120px
  2253. }
  2254. .role-blacksmith{
  2255. background-position:-100px -120px
  2256. }
  2257. .role-oracle{
  2258. background-position:-120px -120px
  2259. }
  2260. .role-dreamer{
  2261. background-position:-140px -120px
  2262. }
  2263. .role-angel{
  2264. background-position:-160px -120px
  2265. }
  2266. .role-lightkeeper{
  2267. background-position:0 -140px
  2268. }
  2269. .role-keymaker{
  2270. background-position:-20px -140px
  2271. }
  2272. .role-gunsmith{
  2273. background-position:-40px -140px
  2274. }
  2275. .role-mimic{
  2276. background-position:-60px -140px
  2277. }
  2278. .role-santa{
  2279. background-position:-80px -140px
  2280. }
  2281. .role-caroler{
  2282. background-position:-100px -140px
  2283. }
  2284. .role-siren{
  2285. background-position:-120px -140px
  2286. }
  2287. .role-monk{
  2288. background-position:-140px -140px
  2289. }
  2290. .role-cultist{
  2291. background-position:-160px -140px
  2292. }
  2293. .role-cthulhu{
  2294. background-position:0 -160px
  2295. }
  2296. .role-zombie{
  2297. background-position:-20px -160px
  2298. }
  2299. .role-fool{
  2300. background-position:-40px -160px
  2301. }
  2302. .role-lover{
  2303. background-position:-60px -160px
  2304. }
  2305. .role-lyncher{
  2306. background-position:-80px -160px
  2307. }
  2308. .role-killer{
  2309. background-position:-100px -160px
  2310. }
  2311. .role-clockmaker{
  2312. background-position:-120px -160px
  2313. }
  2314. .role-survivor{
  2315. background-position:-140px -160px
  2316. }
  2317. .role-warlock{
  2318. background-position:-160px -160px
  2319. }
  2320. .role-mistletoe{
  2321. background-position:0 -180px
  2322. }
  2323. .role-prophet{
  2324. background-position:-20px -180px
  2325. }
  2326. .role-alien{
  2327. background-position:-40px -180px
  2328. }
  2329. .role-werewolf{
  2330. background-position:-60px -180px
  2331. }
  2332. .role-amnesiac{
  2333. background-position:-80px -180px
  2334. }
  2335. .role-anarchist{
  2336. background-position:-100px -180px
  2337. }
  2338. .role-creepygirl{
  2339. background-position:-120px -180px
  2340. }
  2341. .role-traitor{
  2342. background-position:-140px -180px
  2343. }
  2344. .role-admirer{
  2345. background-position:-160px -180px
  2346. }
  2347. .role-maid{
  2348. background-position:0 -200px
  2349. }
  2350. .role-autocrat{
  2351. background-position:-20px -200px
  2352. }
  2353. .role-politician{
  2354. background-position:-40px -200px
  2355. }
  2356. .role-silencer{
  2357. background-position:-60px -200px
  2358. }
  2359. .role-blinder{
  2360. background-position:-80px -200px
  2361. }
  2362. .role-sniper{
  2363. background-position:-100px -200px
  2364. }
  2365. .role-illusionist{
  2366. background-position:-120px -200px
  2367. }
  2368. .role-saboteur{
  2369. background-position:-140px -200px
  2370. }
  2371. .role-yakuza{
  2372. background-position:-160px -200px
  2373. }
  2374. .role-consigliere{
  2375. background-position:0 -220px
  2376. }
  2377. .role-godfather{
  2378. background-position:-20px -220px
  2379. }
  2380. .role-framer{
  2381. background-position:-40px -220px
  2382. }
  2383. .role-hooker{
  2384. background-position:-60px -220px
  2385. }
  2386. .role-disguiser{
  2387. background-position:-80px -220px
  2388. }
  2389. .role-actress{
  2390. background-position:-100px -220px
  2391. }
  2392. .role-tailor{
  2393. background-position:-120px -220px
  2394. }
  2395. .role-informant{
  2396. background-position:-140px -220px
  2397. }
  2398. .role-strongman{
  2399. background-position:-160px -220px
  2400. }
  2401. .role-janitor{
  2402. background-position:0 -240px
  2403. }
  2404. .role-interrogator{
  2405. background-position:-20px -240px
  2406. }
  2407. .role-whisperer{
  2408. background-position:-40px -240px
  2409. }
  2410. .role-spy{
  2411. background-position:-60px -240px
  2412. }
  2413. .role-lawyer{
  2414. background-position:-80px -240px
  2415. }
  2416. .role-forger{
  2417. background-position:-100px -240px
  2418. }
  2419. .role-stalker{
  2420. background-position:-120px -240px
  2421. }
  2422. .role-enforcer{
  2423. background-position:-140px -240px
  2424. }
  2425. .role-quack{
  2426. background-position:-160px -240px
  2427. }
  2428. .role-poisoner{
  2429. background-position:0 -260px
  2430. }
  2431. .role-driver{
  2432. background-position:-20px -260px
  2433. }
  2434. .role-gramps{
  2435. background-position:-40px -260px
  2436. }
  2437. .role-interceptor{
  2438. background-position:-60px -260px
  2439. }
  2440. .role-fiddler{
  2441. background-position:-80px -260px
  2442. }
  2443. .role-witch{
  2444. background-position:-100px -260px
  2445. }
  2446. .role-ventriloquist{
  2447. background-position:-120px -260px
  2448. }
  2449. .role-voodoo{
  2450. background-position:-140px -260px
  2451. }
  2452. .role-thief{
  2453. background-position:-160px -260px
  2454. }
  2455. .role-paralyzer{
  2456. background-position:0 -280px
  2457. }
  2458. .role-paparazzi{
  2459. background-position:-20px -280px
  2460. }
  2461. .role-scout{
  2462. background-position:-40px -280px
  2463. }
  2464. .role-associate{
  2465. background-position:-60px -280px
  2466. }
  2467. .role-fabricator{
  2468. background-position:-80px -280px
  2469. }
  2470. .role-lookout{
  2471. background-position:-100px -280px
  2472. }
  2473. .role-ninja{
  2474. background-position:-120px -280px
  2475. }
  2476. .role-hitman{
  2477. background-position:-140px -280px
  2478. }
  2479. .role-arsonist{
  2480. background-position:-160px -280px
  2481. }
  2482. .role-terrorist{
  2483. background-position:0 -300px
  2484. }
  2485. .role-mastermind{
  2486. background-position:-20px -300px
  2487. }
  2488. .role-host{
  2489. background-position:-40px -300px
  2490. }
  2491. .role-unknown{
  2492. background-position:-60px -300px
  2493. }
  2494. .role-seer{
  2495. background-position:-80px -300px
  2496. }
  2497. .role-toreador{
  2498. background-position:-100px -300px
  2499. }
  2500. .role-psychic{
  2501. background-position:-120px -300px
  2502. }
  2503. .role-tinkerer{
  2504. background-position:-140px -300px
  2505. }
  2506. .role-cupid{
  2507. background-position:-160px -300px
  2508. }
  2509. .role-don{
  2510. background-position:0 -320px
  2511. }
  2512. .role-sidekick{
  2513. background-position:-20px -320px
  2514. }
  2515. .role-huntsman{
  2516. background-position:-40px -320px
  2517. }
  2518. .role-prosecutor{
  2519. background-position:-60px -320px
  2520. }
  2521. .role-snowman{
  2522. background-position:-80px -320px
  2523. }
  2524. .role-justice{
  2525. background-position:-100px -320px
  2526. }
  2527. .role-cutler{
  2528. background-position:-120px -320px
  2529. }
  2530. .role-monkey{
  2531. background-position:-140px -320px
  2532. }
  2533. .role-butterfly{
  2534. background-position:-160px -320px
  2535. }
  2536. .role-bride{
  2537. background-position:0 -340px
  2538. }
  2539. .role-trickster{
  2540. background-position:-20px -340px
  2541. }
  2542. .role-diabolist{
  2543. background-position:-40px -340px
  2544. }
  2545. .role-gambler{
  2546. background-position:-60px -340px
  2547. }
  2548. .role-apprentice{
  2549. background-position:-80px -340px
  2550. }
  2551. .role-mechanic{
  2552. background-position:-100px -340px
  2553. }
  2554. .role-heartbreaker{
  2555. background-position:-120px -340px
  2556. }
  2557. .role-filibuster{
  2558. background-position:-140px -340px
  2559. }
  2560. .role-slasher{
  2561. background-position:-160px -340px
  2562. }
  2563. .role-cyborg{
  2564. background-position:0 -360px
  2565. }
  2566. .role-president{
  2567. background-position:-20px -360px
  2568. }
  2569. .role-nomad{
  2570. background-position:-40px -360px
  2571. }
  2572. .role-librarian{
  2573. background-position:-60px -360px
  2574. }
  2575. .role-plumber{
  2576. background-position:-80px -360px
  2577. }
  2578. .role-rival{
  2579. background-position:-100px -360px
  2580. }
  2581. .role-medusa{
  2582. background-position:-120px -360px
  2583. }
  2584. .gametypeimg{
  2585. padding-left:25px;
  2586. height:20px;
  2587. line-height:20px
  2588. }
  2589. .mafia-game-lt{
  2590. background:url(/images/mafia/mafia.png) no-repeat center left;
  2591. height:20px
  2592. }
  2593. .tira-game-lt{
  2594. background:url(/images/tira/tira.png) no-repeat center left;
  2595. height:20px
  2596. }
  2597. .ghost-game-lt{
  2598. background:url(/images/ghost/ghost.png) no-repeat center left;
  2599. height:20px
  2600. }
  2601. .connect4-game-lt{
  2602. background:url(/images/connect4/connect4.png) no-repeat center left;
  2603. height:20px
  2604. }
  2605. .cheat-game-lt{
  2606. background:url(/images/cheat/cheat.png) no-repeat center left;
  2607. height:20px
  2608. }
  2609. .liarsdice-game-lt{
  2610. background:url(/images/liarsdice/liarsdice.png) no-repeat center left;
  2611. height:20px
  2612. }
  2613. .checkers-game-lt{
  2614. background:url(/images/checkers/checkers.png) no-repeat center left;
  2615. height:20px
  2616. }
  2617. .chess-game-lt{
  2618. background:url(/images/chess/chess.png) no-repeat center left;
  2619. height:20px
  2620. }
  2621. .jotto-game-lt{
  2622. background:url(/images/jotto/jotto.png) no-repeat center left;
  2623. height:20px
  2624. }
  2625. .crazyeights-game-lt{
  2626. background:url(/images/crazyeights/crazyeights.png) no-repeat center left;
  2627. height:20px
  2628. }
  2629. .ratscrew-game-lt{
  2630. background:url(/images/ratscrew/ratscrew.png) no-repeat center left;
  2631. height:20px
  2632. }
  2633. .reversi-game-lt{
  2634. background:url(/images/reversi/reversi.png) no-repeat center left;
  2635. height:20px
  2636. }
  2637. .concentration-game-lt{
  2638. background:url(/images/concentration/concentration.png) no-repeat center left;
  2639. height:20px
  2640. }
  2641. .hearts-game-lt{
  2642. background:url(/images/hearts/hearts.png) no-repeat center left;
  2643. height:20px
  2644. }
  2645. .texas-game-lt{
  2646. background:url(/images/texas/texas.png) no-repeat center left;
  2647. height:20px
  2648. }
  2649. .battleships-game-lt{
  2650. background:url(/images/battleships/battleships.png) no-repeat center left;
  2651. height:20px
  2652. }
  2653. .chinese-game-lt{
  2654. background:url(/images/chinese/chinese.png) no-repeat center left;
  2655. height:20px
  2656. }
  2657. .acrotopia-game-lt{
  2658. background:url(/images/acrotopia/acrotopia.png) no-repeat center left;
  2659. height:20px
  2660. }
  2661. .dicewars-game-lt{
  2662. background:url(/images/dicewars/dicewars.png) no-repeat center left;
  2663. height:20px
  2664. }
  2665. .drawit-game-lt{
  2666. background:url(/images/drawit/drawit.png) no-repeat center left;
  2667. height:20px
  2668. }
  2669. .battlegrounds-game-lt{
  2670. background:url(/images/battlegrounds/battlegrounds.png) no-repeat center left;
  2671. height:20px
  2672. }
  2673. .go-game-lt{
  2674. background:url(/images/go/go.png) no-repeat center left;
  2675. height:20px
  2676. }
  2677. .mancala-game-lt{
  2678. background:url(/images/mancala/mancala.png) no-repeat center left;
  2679. height:20px
  2680. }
  2681. .dotsboxes-game-lt{
  2682. background:url(/images/dotsboxes/dotsboxes.png) no-repeat center left;
  2683. height:20px
  2684. }
  2685. .boggle-game-lt{
  2686. background:url(/images/boggle/boggle.png) no-repeat center left;
  2687. height:20px
  2688. }
  2689. .crackcode-game-lt{
  2690. background:url(/images/crackcode/crackcode.png) no-repeat center left;
  2691. height:20px
  2692. }
  2693. .stackit-game-lt{
  2694. background:url(/images/stackit/stackit.png) no-repeat center left;
  2695. height:20px
  2696. }
  2697. .snakes-game-lt{
  2698. background:url(/images/snakes/snakes.png) no-repeat center left;
  2699. height:20px
  2700. }
  2701. .hex-game-lt{
  2702. background:url(/images/hex/hex.png) no-repeat center left;
  2703. height:20px
  2704. }
  2705. .orange{
  2706. color:#f93
  2707. }
  2708. .orange.darken{
  2709. color:#ff8000
  2710. }
  2711. .villagers-img{
  2712. background:url(/images/villagers.png) no-repeat top right;
  2713. display:block;
  2714. height:20px;
  2715. width:20px
  2716. }
  2717. .villager-1{
  2718. background-position:0 -0
  2719. }
  2720. .villager-2{
  2721. background-position:0 -20px
  2722. }
  2723. .villager-3{
  2724. background-position:0 -40px
  2725. }
  2726. .villager-4{
  2727. background-position:0 -60px
  2728. }
  2729. .villager-5{
  2730. background-position:0 -80px
  2731. }
  2732. .villager-6{
  2733. background-position:0 -100px
  2734. }
  2735. .villager-7{
  2736. background-position:0 -120px
  2737. }
  2738. .villager-8{
  2739. background-position:0 -140px
  2740. }
  2741. .villager-9{
  2742. background-position:0 -160px
  2743. }
  2744. .villager-10{
  2745. background-position:0 -180px
  2746. }
  2747. .villager-11{
  2748. background-position:0 -200px
  2749. }
  2750. .villager-12{
  2751. background-position:0 -220px
  2752. }
  2753. .villager-13{
  2754. background-position:0 -240px
  2755. }
  2756. .villager-14{
  2757. background-position:0 -260px
  2758. }
  2759. .villager-15{
  2760. background-position:0 -280px
  2761. }
  2762. .villager-16{
  2763. background-position:0 -300px
  2764. }
  2765. .villager-17{
  2766. background-position:0 -320px
  2767. }
  2768. .villager-18{
  2769. background-position:0 -340px
  2770. }
  2771. .villager-19{
  2772. background-position:0 -360px
  2773. }
  2774. .villager-20{
  2775. background-position:0 -380px
  2776. }
  2777. .villager-21{
  2778. background-position:0 -400px
  2779. }
  2780. .villager-22{
  2781. background-position:0 -420px
  2782. }
  2783. .villager-23{
  2784. background-position:0 -440px
  2785. }
  2786. .villager-24{
  2787. background-position:0 -460px
  2788. }
  2789. .villager-25{
  2790. background-position:0 -480px
  2791. }
  2792. *{
  2793. -webkit-tap-highlight-color:rgba(255,255,255,0)
  2794. }
  2795. a:focus,a:active,a:hover{
  2796. -webkit-tap-highlight-color:rgba(255,255,255,0)
  2797. }
  2798. a{
  2799. outline:0
  2800. }
  2801. a.sel i{
  2802. color:#b11
  2803. }
  2804. a:hover span{
  2805. color:#b11
  2806. }
  2807. em{
  2808. font-weight:500;
  2809. color:#b11
  2810. }
  2811. .patr{
  2812. position:absolute;
  2813. top:0;
  2814. right:0
  2815. }
  2816. .patl{
  2817. position:absolute;
  2818. top:0;
  2819. left:0
  2820. }
  2821. .pabr{
  2822. position:absolute;
  2823. bottom:0;
  2824. right:0
  2825. }
  2826. .pabl{
  2827. position:absolute;
  2828. bottom:0;
  2829. left:0
  2830. }
  2831. .pr{
  2832. position:relative
  2833. }
  2834. .bold{
  2835. font-weight:bold
  2836. }
  2837. .lt{
  2838. float:left
  2839. }
  2840. .rt{
  2841. float:right
  2842. }
  2843. .cl{
  2844. clear:both
  2845. }
  2846. .clrt{
  2847. clear:right
  2848. }
  2849. .red_link,.commentbox .bubble_i .msg a,#lobby_container #lobby_announcement a,#lobby_container #announcements .announcement .msg a{
  2850. font-weight:normal;
  2851. color:#b11
  2852. }
  2853. .t2l,.markdown a{
  2854. font-weight:normal;
  2855. color:#777
  2856. }
  2857. .t2l:hover,.markdown a:hover{
  2858. border-bottom:1px dotted #b11
  2859. }
  2860. .hvcenter,#lobby_container #lobbypage .loading,#lobby_container #lobbychat #window #window_i #ask_reconnect,#lobby_container #lobbychat #window #window_i .loading,#lobby_container #gamepage .loading{
  2861. position:absolute;
  2862. top:50%;
  2863. left:50%;
  2864. -webkit-transform:translate(-50%,-50%);
  2865. transform:translate(-50%,-50%)
  2866. }
  2867. .center,.cnt{
  2868. text-align:center
  2869. }
  2870. .inline-block{
  2871. display:inline-block
  2872. }
  2873. .border-box{
  2874. box-sizing:border-box
  2875. }
  2876. .block{
  2877. display:block
  2878. }
  2879. .inline{
  2880. display:inline
  2881. }
  2882. .hide{
  2883. display:none
  2884. }
  2885. .hide.grid26{
  2886. display:none
  2887. }
  2888. .invis{
  2889. visibility:hidden
  2890. }
  2891. .alt{
  2892. text-align:left
  2893. }
  2894. .art{
  2895. text-align:right
  2896. }
  2897. .art>*{
  2898. margin-left:5px
  2899. }
  2900. .cfix:after,#role_container #role_right #fanart_page .fanart:after,#forum_container #posts .post:after,.commentbox .comment:after,.commentbox .bubble:after,#lobby_container #lobbychat:after{
  2901. content:" ";
  2902. display:block;
  2903. height:0;
  2904. clear:both;
  2905. visibility:hidden
  2906. }
  2907. .c>*{
  2908. margin-right:.5em;
  2909. display:inline-block;
  2910. vertical-align:middle
  2911. }
  2912. .ibvm>*{
  2913. display:inline-block;
  2914. vertical-align:middle
  2915. }
  2916. .vm *{
  2917. vertical-align:middle
  2918. }
  2919. .vt *{
  2920. vertical-align:top
  2921. }
  2922. .vv>*,#dominion_container #dominion_admin #dcards>*{
  2923. display:inline-block;
  2924. vertical-align:middle;
  2925. margin-right:.5em;
  2926. zoom:1;
  2927. *display:inline
  2928. }
  2929. .vv.reverse>*,#dominion_container #dominion_admin .reverse#dcards>*{
  2930. margin-right:0;
  2931. margin-left:.5em
  2932. }
  2933. .vv .hide,#dominion_container #dominion_admin #dcards .hide{
  2934. display:none
  2935. }
  2936. .vv>a.user,#dominion_container #dominion_admin #dcards>a.user{
  2937. display:inline-block
  2938. }
  2939. .vv .nm,#dominion_container #dominion_admin #dcards .nm{
  2940. margin:0
  2941. }
  2942. .vv.nm-last>:last-child,#dominion_container #dominion_admin .nm-last#dcards>:last-child{
  2943. margin:0
  2944. }
  2945. .vv.no_margin>*,#dominion_container #dominion_admin .no_margin#dcards>*{
  2946. margin:0
  2947. }
  2948. .vvb>*{
  2949. display:inline-block;
  2950. vertical-align:bottom;
  2951. margin-right:.5em;
  2952. zoom:1;
  2953. *display:inline
  2954. }
  2955. .vvt>*{
  2956. display:inline-block;
  2957. vertical-align:top;
  2958. margin-right:.5em;
  2959. zoom:1;
  2960. *display:inline
  2961. }
  2962. .vvt.nomargin{
  2963. margin:0
  2964. }
  2965. .bb{
  2966. border-bottom:1px solid #ccc
  2967. }
  2968. .ptb{
  2969. padding:.5em 0
  2970. }
  2971. .mtb{
  2972. margin:.5em 0
  2973. }
  2974. .mr{
  2975. margin-right:5px
  2976. }
  2977. .mt{
  2978. margin-top:.5em
  2979. }
  2980. .mt5{
  2981. margin-top:5px
  2982. }
  2983. .mb>*{
  2984. margin-bottom:.8em
  2985. }
  2986. .mb>*:last-child{
  2987. margin:0
  2988. }
  2989. .mb_5>*{
  2990. margin-bottom:5px
  2991. }
  2992. .mb_5>*:last-child{
  2993. margin-bottom:0
  2994. }
  2995. .m_b{
  2996. margin-bottom:1em
  2997. }
  2998. .m_lt{
  2999. margin-left:.4em;
  3000. margin-right:.4em
  3001. }
  3002. .mr>*{
  3003. margin-right:5px
  3004. }
  3005. .big{
  3006. font-size:1.1em;
  3007. font-weight:bold
  3008. }
  3009. .bigger{
  3010. font-size:1.3em;
  3011. font-weight:bold
  3012. }
  3013. .bgwhite{
  3014. background-color:#fff;
  3015. opacity:.9
  3016. }
  3017. .bgwhite *{
  3018. color:#555
  3019. }
  3020. .norm{
  3021. font-weight:normal
  3022. }
  3023. .pd{
  3024. padding:.5em
  3025. }
  3026. .pd_5{
  3027. padding:5px
  3028. }
  3029. .pd_tb{
  3030. padding:.5em 0
  3031. }
  3032. .pd_lr{
  3033. padding:0 .5em
  3034. }
  3035. .oh{
  3036. overflow:hidden
  3037. }
  3038. .info{
  3039. padding:.25em;
  3040. text-align:center;
  3041. font-size:.9em;
  3042. color:#777;
  3043. background-color:#eee
  3044. }
  3045. .middle{
  3046. vertical-align:middle
  3047. }
  3048. .white{
  3049. color:#fff
  3050. }
  3051. .grey{
  3052. color:grey
  3053. }
  3054. .quotes,#lobby_container #lobby_announcement{
  3055. position:relative
  3056. }
  3057. .quotes:before,#lobby_container #lobby_announcement:before,.quotes:after,#lobby_container #lobby_announcement:after{
  3058. font-family:Times,Georgia;
  3059. position:absolute;
  3060. color:#aaa;
  3061. font-size:2em
  3062. }
  3063. .quotes:before,#lobby_container #lobby_announcement:before{
  3064. top:12px;
  3065. left:3px;
  3066. content:"“"
  3067. }
  3068. .quotes:after,#lobby_container #lobby_announcement:after{
  3069. bottom:0;
  3070. right:3px;
  3071. content:"”"
  3072. }
  3073. .red_underline,#game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title a,#user_container #questions .question .question_info a{
  3074. font-weight:normal;
  3075. color:#b11
  3076. }
  3077. .red_underline:hover,#game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title a:hover,#user_container #questions .question .question_info a:hover{
  3078. text-decoration:underline
  3079. }
  3080. .rainbow{
  3081. background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#f22),color-stop(.15,#f2f),color-stop(.3,#22f),color-stop(.45,#2ff),color-stop(.6,#2f2),color-stop(.75,#2f2),color-stop(.9,#ff2),color-stop(1,#f22));
  3082. color:transparent;
  3083. -webkit-background-clip:text
  3084. }
  3085. .red{
  3086. color:#911
  3087. }
  3088. .color_gold{
  3089. color:#bb1
  3090. }
  3091. .color_silver{
  3092. color:#aaa
  3093. }
  3094. .color_bronze{
  3095. color:#a67d3d
  3096. }
  3097. .yellow{
  3098. color:#dd1
  3099. }
  3100. .orange{
  3101. color:#f93
  3102. }
  3103. .black{
  3104. color:#555
  3105. }
  3106. .olive{
  3107. color:#789922
  3108. }
  3109. .green{
  3110. color:#191
  3111. }
  3112. .blood{
  3113. color:#b11
  3114. }
  3115. .blue{
  3116. color:#11b
  3117. }
  3118. .flame{
  3119. color:#ff8000
  3120. }
  3121. .normal,#lobby_container h2.separator{
  3122. font-weight:normal
  3123. }
  3124. .full{
  3125. width:100%
  3126. }
  3127. .fontshrink{
  3128. font-size:90%
  3129. }
  3130. .point{
  3131. cursor:pointer
  3132. }
  3133. .pixel{
  3134. font-size:1%
  3135. }
  3136. .prt{
  3137. padding-right:5px
  3138. }
  3139. .cnt{
  3140. text-align:center
  3141. }
  3142. .margintb{
  3143. margin:.5em 0
  3144. }
  3145. .marginlr{
  3146. margin:0 5px
  3147. }
  3148. .strike{
  3149. text-decoration:line-through
  3150. }
  3151. .smallfont,#lobby_container h2.separator{
  3152. font-size:.9em
  3153. }
  3154. .sg{
  3155. color:#666;
  3156. font-size:.9em
  3157. }
  3158. .sg.smaller{
  3159. font-size:.8em
  3160. }
  3161. .smallerfont{
  3162. font-size:.8em
  3163. }
  3164. .s{
  3165. font-size:.9em;
  3166. color:grey
  3167. }
  3168. .indent{
  3169. margin-left:1em
  3170. }
  3171. .rela{
  3172. position:relative
  3173. }
  3174. .filler{
  3175. width:0;
  3176. font-size:1px;
  3177. visibility:hidden
  3178. }
  3179. .tinyi{
  3180. font-style:italic;
  3181. font-size:.8em
  3182. }
  3183. .lcontrols{
  3184. border-radius:2px;
  3185. padding:2px 6px
  3186. }
  3187. .lcontrols.sel a i{
  3188. color:#b11
  3189. }
  3190. .lcontrols:hover a{
  3191. color:#b11
  3192. }
  3193. .lcontrols a{
  3194. font-weight:normal
  3195. }
  3196. .controls a{
  3197. font-weight:normal;
  3198. font-size:.9em;
  3199. padding:.5em;
  3200. display:block
  3201. }
  3202. .controls a:hover{
  3203. font-color:#b11;
  3204. background-color:#eee
  3205. }
  3206. .controls.ib a{
  3207. display:inline-block;
  3208. margin-right:5px
  3209. }
  3210. .controls.ib .hide{
  3211. display:none
  3212. }
  3213. .flex{
  3214. display:-webkit-box;
  3215. display:-ms-flexbox;
  3216. display:flex
  3217. }
  3218. .flex.align-items-center{
  3219. -webkit-box-align:center;
  3220. -ms-flex-align:center;
  3221. align-items:center
  3222. }
  3223. .flex .align-right{
  3224. margin-left:auto
  3225. }
  3226. .flex .align-center{
  3227. margin:auto
  3228. }
  3229. .handle{
  3230. cursor:move
  3231. }
  3232. .img_photo{
  3233. display:inline-block;
  3234. padding:5px;
  3235. border-radius:2px;
  3236. border:1px solid #ccc;
  3237. box-shadow:1px 1px 3px #ccc
  3238. }
  3239. .img_photo.hide{
  3240. display:none
  3241. }
  3242. .ib>*{
  3243. display:-moz-inline-block;
  3244. display:inline-block;
  3245. zoom:1;
  3246. *display:inline;
  3247. vertical-align:middle;
  3248. margin:0
  3249. }
  3250. .hz-list{
  3251. position:relative;
  3252. padding:10px 3px
  3253. }
  3254. .hz-list .next{
  3255. position:absolute;
  3256. top:0;
  3257. right:2px
  3258. }
  3259. .hz-list .prev{
  3260. position:absolute;
  3261. top:0;
  3262. left:2px
  3263. }
  3264. .hz-list .hz-el{
  3265. padding:0 1em 0 1em
  3266. }
  3267. .confirmtext{
  3268. display:none!important
  3269. }
  3270. .pretty_num{
  3271. padding:2px 4px;
  3272. line-height:1em;
  3273. font-size:.9em;
  3274. font-weight:bold
  3275. }
  3276. .pretty_input_text{
  3277. padding:4px;
  3278. border:1px solid #ccc;
  3279. font-size:1.1em
  3280. }
  3281. .form input:-webkit-autofill{
  3282. background-color:#fff
  3283. }
  3284. .form input[type=text]{
  3285. font-size:.9em
  3286. }
  3287. .form input[type=submit].red{
  3288. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  3289. border-radius:2px;
  3290. font-weight:normal;
  3291. background-color:#c22;
  3292. font-size:1.1em;
  3293. border-color:transparent!important;
  3294. color:#fff;
  3295. cursor:pointer;
  3296. padding:.4em .5em;
  3297. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  3298. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0)
  3299. }
  3300. .form input[type=submit].red:hover{
  3301. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
  3302. background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
  3303. border-color:#ccc
  3304. }
  3305. .form input[type=submit].red:hover i{
  3306. color:#fff
  3307. }
  3308. .form input[type=submit].red.disabled{
  3309. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  3310. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  3311. color:#555
  3312. }
  3313. .form input[type=submit].red.disabled:hover{
  3314. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  3315. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  3316. color:#555
  3317. }
  3318. .form input[type=submit].red.inverse{
  3319. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  3320. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  3321. color:#555
  3322. }
  3323. .form input[type=submit].red.inverse:hover{
  3324. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  3325. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  3326. color:#fff
  3327. }
  3328. .form input[type=submit].red.inverse:hover i{
  3329. color:#fff
  3330. }
  3331. .form .search>*{
  3332. display:inline-block;
  3333. vertical-align:middle;
  3334. margin-right:0;
  3335. zoom:1;
  3336. *display:inline
  3337. }
  3338. .form .search .search-icon{
  3339. height:26px;
  3340. width:26px;
  3341. text-align:center;
  3342. line-height:26px;
  3343. color:#b11;
  3344. border-top-left-radius:3px;
  3345. border-top-right-radius:0;
  3346. border-bottom-left-radius:3px;
  3347. border-bottom-right-radius:0;
  3348. background-color:#ddd
  3349. }
  3350. .form .search input[type=text]{
  3351. height:20px;
  3352. padding:2px;
  3353. padding-left:10px;
  3354. border:1px solid #ccc;
  3355. margin:0;
  3356. width:150px;
  3357. border-top-left-radius:0;
  3358. border-top-right-radius:3px;
  3359. border-bottom-left-radius:0;
  3360. border-bottom-right-radius:3px
  3361. }
  3362. .form .search input[type=text]:focus{
  3363. border-color:#b11
  3364. }
  3365. .nextprev{
  3366. position:absolute;
  3367. top:0;
  3368. right:0
  3369. }
  3370. .nextprev a:first-child{
  3371. margin-right:5px
  3372. }
  3373. .nextprev .nextbox,.nextprev .prevbox{
  3374. cursor:pointer;
  3375. display:inline-block;
  3376. width:22px;
  3377. height:22px;
  3378. border-radius:2px;
  3379. background-image:-webkit-linear-gradient(#eee,#aaa);
  3380. background-image:linear-gradient(#eee,#aaa)
  3381. }
  3382. .nextprev .nextbox:hover,.nextprev .prevbox:hover{
  3383. background-image:-webkit-linear-gradient(#aaa,#eee);
  3384. background-image:linear-gradient(#aaa,#eee)
  3385. }
  3386. .nextprev .nextbox div,.nextprev .prevbox div{
  3387. display:block;
  3388. margin:0 auto;
  3389. margin-top:7px;
  3390. width:0;
  3391. height:0
  3392. }
  3393. .nextprev .nextbox.disabled,.nextprev .prevbox.disabled{
  3394. background-color:#eee
  3395. }
  3396. .nextprev .nextbox.disabled:hover,.nextprev .prevbox.disabled:hover{
  3397. background-color:#eee
  3398. }
  3399. .nextprev .nextbox.disabled:hover div,.nextprev .prevbox.disabled:hover div{
  3400. display:hidden
  3401. }
  3402. .nextprev .prevbox div{
  3403. border:1px solid #888;
  3404. border-width:5px 5px 5px 0;
  3405. border-color:transparent #888 transparent transparent
  3406. }
  3407. .nextprev .prevbox:hover div{
  3408. border-color:transparent #b11 transparent transparent
  3409. }
  3410. .nextprev .nextbox div{
  3411. border:1px solid #888;
  3412. border-width:5px 0 5px 5px;
  3413. border-color:transparent transparent transparent #888
  3414. }
  3415. .nextprev .nextbox:hover div{
  3416. border-color:transparent transparent transparent #b11
  3417. }
  3418. body{
  3419. font-family:Arial,Helvetica,"Trebuchet MS",Verdana,Tahoma;
  3420. color:#222;
  3421. margin:0;
  3422. padding:0;
  3423. background:url(/images/scatter.png);
  3424. position:relative
  3425. }
  3426. body #container{
  3427. padding:0;
  3428. margin:0
  3429. }
  3430. @font-face{
  3431. font-family:LiberationSans;
  3432. src:url("/font/LiberationSans-Regular.ttf")
  3433. }
  3434. .royal,h3,#home_container .top3,#lobby_container #lobby_menu #stickied_lobbies li a,#lobby_container #lobby-nav #lobby_name,#lobby_container #lobbypage table td .lobby_name,#user_container #questions .question .fancy{
  3435. font-family:LiberationSans,Arial
  3436. }
  3437. .readable,#game_container .window{
  3438. font-family:"Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
  3439. font-size:16px
  3440. }
  3441. .pretty_font,a.pretty,h6,.birthday_cake .birthday_cake_inner,#header #header_inner #nav a,#navbox #navbox_inner #subnav li,.need_tokens,.views,.pop_data,.play_menu,.play_menu:hover .play_menu_i .play_menu_ii>a span,.tip .tip_body p,.tooltip_prob .uniquealign,.pagenav li a,div.error,.success,.describe,.inform,#home_container #epicmafia_descr,#home_container #minigames_descr,#message_container #message_content #message_subject,#roles_container #roles_accepted .role-category h5,#role_container #role_left #role #role_stats_complete,#forum_index_container #select_lobby_forum,#forum_index_container #forum_lt .forum .forum_row .forum_row_rt,#forum_index_container #forum_lt .forum .forum_row .forum_title,#forum_container #topics th div,#forum_container h2.topic-title,#forum_container table div.threadtitle,#forum_container #poll .descr,#forum_container #petition .descr,#forum_container #countdown .descr,#forum_container #petition h2,#forum_container #petition #petition_signed .top,#forum_container #posts .postuser a,#forum_container form input,#forum_container form textarea,#addon_container #modules .module h5,#addon_container #modules .module p,#family_container #family-title h2,#game_container #game_title,#game_container #statewrap,#game_container #statebox h2,#game_container #leavegame_cont #game_breadcrumb,#game_container #leavegame_cont #leavetable_confirm,#game_container .meetbox h2,#game_container .scrlink a,#game_container #state span#statetext,#game_container #countwarn,#lobby_container h2.separator,#lobby_container #lobby-poll #poll-descr,#lobby_container #setup_info_bar .setup_title,#lobby_container #lobby_announcement,#lobby_container #lobby_first_time,#lobby_container #gameinfo h5,#lobby_container #gameinfo h4,#lobby_container #gameinfo .game_info_play a.redbutton,#lobby_container #gameinfo .game_info_play #forum_container #board #board_announcement .controls>*,#forum_container #board #board_announcement #lobby_container #gameinfo .game_info_play .controls>*,#lobby_container #gameinfo .game_info_play .edit_markdown .bottom_controls a.save,.edit_markdown .bottom_controls #lobby_container #gameinfo .game_info_play a.save,#lobby_container #gameinfo .game_info_play .edit_markdown .bottom_controls a.cancel,.edit_markdown .bottom_controls #lobby_container #gameinfo .game_info_play a.cancel,#lobby_container #gameinfo .game_info_type,#lobby_container #warn,#lobby_container #lobbypage #lobbies .one_lobby .blurb,#lobby_container #lobbypage #lobbies .one_lobby .lobby_name,#lobby_container .gametable .gamerow .numplayers .summary,#lobby_container #setup_left #setup_extra_info,#user_container #questions .question .answer,#user_container #usertitle,#user_container #personalinfo #statusmsg #statusmsg_i,.tip_body .payout_header,#rounds_container #breadcrumb #current_round .round_status,#report_container #page_data,#report_container .report_status,#tos_container h1,#tos_container h2,#privacy_container h1,#privacy_container h2{
  3442. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif
  3443. }
  3444. .placeholder{
  3445. color:#888;
  3446. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  3447. font-size:.9em;
  3448. font-weight:normal
  3449. }
  3450. input:-moz-placeholder{
  3451. color:#888;
  3452. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  3453. font-size:.9em;
  3454. font-weight:normal
  3455. }
  3456. input::-webkit-input-placeholder{
  3457. color:#888;
  3458. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  3459. font-weight:normal
  3460. }
  3461. textarea::-webkit-input-placeholder{
  3462. color:#888;
  3463. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  3464. font-weight:normal
  3465. }
  3466. .onoffswitch{
  3467. position:relative;
  3468. width:60px;
  3469. -webkit-user-select:none;
  3470. -moz-user-select:none;
  3471. -ms-user-select:none
  3472. }
  3473. .onoffswitch-checkbox{
  3474. display:none
  3475. }
  3476. .onoffswitch-label{
  3477. display:block;
  3478. overflow:hidden;
  3479. cursor:pointer;
  3480. border:2px solid #999;
  3481. border-radius:23px
  3482. }
  3483. .onoffswitch-inner{
  3484. width:200%;
  3485. margin-left:-100%;
  3486. -webkit-transition:margin .3s ease-in 0s;
  3487. transition:margin .3s ease-in 0s
  3488. }
  3489. .onoffswitch-inner:before,.onoffswitch-inner:after{
  3490. float:left;
  3491. width:50%;
  3492. height:20px;
  3493. padding:0;
  3494. line-height:20px;
  3495. font-size:15px;
  3496. color:#fff;
  3497. font-family:Trebuchet,Arial,sans-serif;
  3498. font-weight:bold;
  3499. box-sizing:border-box
  3500. }
  3501. .onoffswitch-inner:before{
  3502. content:"on";
  3503. font-weight:normal;
  3504. padding-left:12px;
  3505. background-color:#b11;
  3506. color:#fff
  3507. }
  3508. .onoffswitch-inner:after{
  3509. content:"off";
  3510. padding-right:12px;
  3511. font-weight:normal;
  3512. background-color:#eee;
  3513. color:#999;
  3514. text-align:right
  3515. }
  3516. .onoffswitch-switch{
  3517. width:8px;
  3518. margin:6px;
  3519. background:#fff;
  3520. border:2px solid #999;
  3521. border-radius:23px;
  3522. position:absolute;
  3523. top:0;
  3524. bottom:0;
  3525. right:36px;
  3526. -webkit-transition:all .3s ease-in 0s;
  3527. transition:all .3s ease-in 0s
  3528. }
  3529. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{
  3530. margin-left:0
  3531. }
  3532. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{
  3533. right:0
  3534. }
  3535. textarea{
  3536. padding:5px;
  3537. font-size:15px
  3538. }
  3539. .game-result{
  3540. min-width:1em
  3541. }
  3542. ul.inline-list{
  3543. margin:10px 0
  3544. }
  3545. ul.inline-list li{
  3546. display:inline;
  3547. margin-right:5px
  3548. }
  3549. .tab-container .tab-header .tab{
  3550. display:inline-block;
  3551. font-weight:normal;
  3552. font-size:.9em;
  3553. margin:0 5px;
  3554. border:1px solid #aaa;
  3555. padding:5px;
  3556. margin-bottom:-1px;
  3557. z-index:3
  3558. }
  3559. .tab-container .tab-header .tab.sel{
  3560. border-weight:1px 0 1px 1px;
  3561. border-bottom:1px solid #fff
  3562. }
  3563. .tab-container .tab-body{
  3564. padding:10px 5px;
  3565. border-top:1px solid #aaa
  3566. }
  3567. .nav-list li.sel a{
  3568. background-color:#b11;
  3569. color:#fff
  3570. }
  3571. .nav-list li.sel a span.quote{
  3572. color:#b11
  3573. }
  3574. .nav-list li a{
  3575. display:block;
  3576. font-weight:normal;
  3577. color:#888;
  3578. padding:5px 5px 5px 10px;
  3579. margin-bottom:5px;
  3580. background-color:#eee
  3581. }
  3582. .nav-list li a span.quote{
  3583. float:right;
  3584. font-size:10px;
  3585. font-weight:normal;
  3586. padding:3px;
  3587. border-radius:2px;
  3588. background-color:#fff
  3589. }
  3590. button{
  3591. padding:0;
  3592. background-color:#fff
  3593. }
  3594. .em_checkbox,table#anonymoustable .add_anonymous_deck,table#anonymoustable .add_anonymous_deck_to_picker,#home_container .has_checkbox #reme,#home_container .has_checkbox #tos,#forum_container #hurtheal .only_players #only-players-checkbox,#forum_container #poll #choices #poll_choices .choice .choice_bar .choice_input,#game_container .game_option,#lobby_container #findoptions .find_option,#lobby_container #gameoptions #extra>div .add_option{
  3595. width:15px;
  3596. height:15px;
  3597. line-height:15px;
  3598. border:1px solid #ccc;
  3599. cursor:pointer;
  3600. text-align:center;
  3601. border-radius:2px
  3602. }
  3603. .em_checkbox.disabled,table#anonymoustable .disabled.add_anonymous_deck,table#anonymoustable .disabled.add_anonymous_deck_to_picker,#home_container .has_checkbox .disabled#reme,#home_container .has_checkbox .disabled#tos,#forum_container #hurtheal .only_players .disabled#only-players-checkbox,#forum_container #poll #choices #poll_choices .choice .choice_bar .disabled.choice_input,#game_container .disabled.game_option,#lobby_container #findoptions .disabled.find_option,#lobby_container #gameoptions #extra>div .disabled.add_option{
  3604. cursor:default
  3605. }
  3606. .em_checkbox:hover:not(.disabled),table#anonymoustable .add_anonymous_deck:hover:not(.disabled),table#anonymoustable .add_anonymous_deck_to_picker:hover:not(.disabled),#home_container .has_checkbox #reme:hover:not(.disabled),#home_container .has_checkbox #tos:hover:not(.disabled),#forum_container #hurtheal .only_players #only-players-checkbox:hover:not(.disabled),#forum_container #poll #choices #poll_choices .choice .choice_bar .choice_input:hover:not(.disabled),#game_container .game_option:hover:not(.disabled),#lobby_container #findoptions .find_option:hover:not(.disabled),#lobby_container #gameoptions #extra>div .add_option:hover:not(.disabled){
  3607. background-color:#ddd
  3608. }
  3609. .em_checkbox.sel:after,table#anonymoustable .sel.add_anonymous_deck:after,table#anonymoustable .sel.add_anonymous_deck_to_picker:after,#home_container .has_checkbox .sel#reme:after,#home_container .has_checkbox .sel#tos:after,#forum_container #hurtheal .only_players .sel#only-players-checkbox:after,#forum_container #poll #choices #poll_choices .choice .choice_bar .sel.choice_input:after,#game_container .sel.game_option:after,#lobby_container #findoptions .sel.find_option:after,#lobby_container #gameoptions #extra>div .sel.add_option:after{
  3610. content:"✓";
  3611. font-size:15px;
  3612. line-height:15px;
  3613. color:#b11
  3614. }
  3615. input[type=checkbox].em_cb{
  3616. position:absolute;
  3617. top:9999px;
  3618. left:9999px
  3619. }
  3620. input[type=checkbox].em_cb~label{
  3621. width:15px;
  3622. height:15px;
  3623. line-height:15px;
  3624. border:1px solid #ccc;
  3625. cursor:pointer;
  3626. text-align:center;
  3627. border-radius:2px
  3628. }
  3629. input[type=checkbox].em_cb:checked~label:after{
  3630. content:"✓";
  3631. font-size:15px;
  3632. line-height:15px;
  3633. color:#911
  3634. }
  3635. a{
  3636. text-decoration:none;
  3637. cursor:pointer;
  3638. font-weight:bold;
  3639. color:#777
  3640. }
  3641. a *{
  3642. text-decoration:none;
  3643. cursor:pointer;
  3644. font-weight:bold;
  3645. color:#777
  3646. }
  3647. a img{
  3648. border:1px solid #ccc
  3649. }
  3650. a:hover{
  3651. color:#b11
  3652. }
  3653. a:hover i{
  3654. color:#b11
  3655. }
  3656. a:hover img{
  3657. border-color:#b11
  3658. }
  3659. a:active{
  3660. color:#b11
  3661. }
  3662. a.normal{
  3663. font-weight:normal
  3664. }
  3665. a.pretty{
  3666. font-weight:normal;
  3667. color:#b11
  3668. }
  3669. a.pretty:hover{
  3670. text-decoration:underline
  3671. }
  3672. a.redbutton,#forum_container #board #board_announcement .controls>*,.edit_markdown .bottom_controls a.save,.edit_markdown .bottom_controls a.cancel,input[type=submit].redbutton,.edit_markdown .bottom_controls input[type=submit].save,.edit_markdown .bottom_controls input[type=submit].cancel{
  3673. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  3674. border-radius:2px;
  3675. font-weight:normal;
  3676. background-color:#c22;
  3677. font-size:1.1em;
  3678. border-color:transparent!important;
  3679. color:#fff;
  3680. cursor:pointer;
  3681. padding:.4em .5em;
  3682. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  3683. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0)
  3684. }
  3685. a.redbutton:hover,#forum_container #board #board_announcement .controls>:hover,.edit_markdown .bottom_controls a.save:hover,.edit_markdown .bottom_controls a.cancel:hover,input[type=submit].redbutton:hover,.edit_markdown .bottom_controls input[type=submit].save:hover,.edit_markdown .bottom_controls input[type=submit].cancel:hover{
  3686. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
  3687. background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
  3688. border-color:#ccc
  3689. }
  3690. a.redbutton:hover i,#forum_container #board #board_announcement .controls>:hover i,.edit_markdown .bottom_controls a.save:hover i,.edit_markdown .bottom_controls a.cancel:hover i,input[type=submit].redbutton:hover i,.edit_markdown .bottom_controls input[type=submit].save:hover i,.edit_markdown .bottom_controls input[type=submit].cancel:hover i{
  3691. color:#fff
  3692. }
  3693. a.redbutton.disabled,#forum_container #board #board_announcement .controls>.disabled,.edit_markdown .bottom_controls a.disabled.save,.edit_markdown .bottom_controls a.disabled.cancel,input[type=submit].redbutton.disabled,.edit_markdown .bottom_controls input[type=submit].disabled.save,.edit_markdown .bottom_controls input[type=submit].disabled.cancel{
  3694. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  3695. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  3696. color:#555
  3697. }
  3698. a.redbutton.disabled:hover,#forum_container #board #board_announcement .controls>.disabled:hover,.edit_markdown .bottom_controls a.disabled.save:hover,.edit_markdown .bottom_controls a.disabled.cancel:hover,input[type=submit].redbutton.disabled:hover,.edit_markdown .bottom_controls input[type=submit].disabled.save:hover,.edit_markdown .bottom_controls input[type=submit].disabled.cancel:hover{
  3699. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  3700. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  3701. color:#555
  3702. }
  3703. a.redbutton.inverse,#forum_container #board #board_announcement .controls>.inverse,.edit_markdown .bottom_controls a.inverse.save,.edit_markdown .bottom_controls a.inverse.cancel,input[type=submit].redbutton.inverse,.edit_markdown .bottom_controls input[type=submit].inverse.save,.edit_markdown .bottom_controls input[type=submit].inverse.cancel{
  3704. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  3705. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  3706. color:#555
  3707. }
  3708. a.redbutton.inverse:hover,#forum_container #board #board_announcement .controls>.inverse:hover,.edit_markdown .bottom_controls a.inverse.save:hover,.edit_markdown .bottom_controls a.inverse.cancel:hover,input[type=submit].redbutton.inverse:hover,.edit_markdown .bottom_controls input[type=submit].inverse.save:hover,.edit_markdown .bottom_controls input[type=submit].inverse.cancel:hover{
  3709. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  3710. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  3711. color:#fff
  3712. }
  3713. a.redbutton.inverse:hover i,#forum_container #board #board_announcement .controls>.inverse:hover i,.edit_markdown .bottom_controls a.inverse.save:hover i,.edit_markdown .bottom_controls a.inverse.cancel:hover i,input[type=submit].redbutton.inverse:hover i,.edit_markdown .bottom_controls input[type=submit].inverse.save:hover i,.edit_markdown .bottom_controls input[type=submit].inverse.cancel:hover i{
  3714. color:#fff
  3715. }
  3716. a.redbutton.ib,#forum_container #board #board_announcement .controls>.ib,.edit_markdown .bottom_controls a.ib.save,.edit_markdown .bottom_controls a.ib.cancel,input[type=submit].redbutton.ib,.edit_markdown .bottom_controls input[type=submit].ib.save,.edit_markdown .bottom_controls input[type=submit].ib.cancel{
  3717. display:inline-block
  3718. }
  3719. a.redbutton.square,#forum_container #board #board_announcement .controls>.square,.edit_markdown .bottom_controls a.square.save,.edit_markdown .bottom_controls a.square.cancel,input[type=submit].redbutton.square,.edit_markdown .bottom_controls input[type=submit].square.save,.edit_markdown .bottom_controls input[type=submit].square.cancel{
  3720. border-radius:0;
  3721. letter-spacing:1px
  3722. }
  3723. a.redbutton.smallfont,#forum_container #board #board_announcement .controls>.smallfont,#forum_container #board #board_announcement #lobby_container .controls>h2.separator,#lobby_container #forum_container #board #board_announcement .controls>h2.separator,.edit_markdown .bottom_controls a.smallfont.save,.edit_markdown .bottom_controls a.smallfont.cancel,input[type=submit].redbutton.smallfont,.edit_markdown .bottom_controls input[type=submit].smallfont.save,.edit_markdown .bottom_controls input[type=submit].smallfont.cancel{
  3724. font-size:.9em
  3725. }
  3726. a.redbutton.dulled,#forum_container #board #board_announcement .controls>.dulled,.edit_markdown .bottom_controls a.dulled.save,.edit_markdown .bottom_controls a.dulled.cancel,input[type=submit].redbutton.dulled,.edit_markdown .bottom_controls input[type=submit].dulled.save,.edit_markdown .bottom_controls input[type=submit].dulled.cancel{
  3727. opacity:.8
  3728. }
  3729. a.redbutton:active,#forum_container #board #board_announcement .controls>:active,.edit_markdown .bottom_controls a.save:active,.edit_markdown .bottom_controls a.cancel:active,input[type=submit].redbutton:active,.edit_markdown .bottom_controls input[type=submit].save:active,.edit_markdown .bottom_controls input[type=submit].cancel:active{
  3730. background:-webkit-linear-gradient(#d33,#b11);
  3731. background:linear-gradient(#d33,#b11)
  3732. }
  3733. a.redbutton.faded,#forum_container #board #board_announcement .controls>.faded,.edit_markdown .bottom_controls a.faded.save,.edit_markdown .bottom_controls a.faded.cancel,input[type=submit].redbutton.faded,.edit_markdown .bottom_controls input[type=submit].faded.save,.edit_markdown .bottom_controls input[type=submit].faded.cancel{
  3734. background:-webkit-linear-gradient(#999,#888);
  3735. background:linear-gradient(#999,#888)
  3736. }
  3737. a.redbutton.faded:hover,#forum_container #board #board_announcement .controls>.faded:hover,.edit_markdown .bottom_controls a.faded.save:hover,.edit_markdown .bottom_controls a.faded.cancel:hover,input[type=submit].redbutton.faded:hover,.edit_markdown .bottom_controls input[type=submit].faded.save:hover,.edit_markdown .bottom_controls input[type=submit].faded.cancel:hover{
  3738. background:-webkit-linear-gradient(#d33,#b11);
  3739. background:linear-gradient(#d33,#b11)
  3740. }
  3741. a.redbutton.inactive,#forum_container #board #board_announcement .controls>.inactive,.edit_markdown .bottom_controls a.inactive.save,.edit_markdown .bottom_controls a.inactive.cancel,input[type=submit].redbutton.inactive,.edit_markdown .bottom_controls input[type=submit].inactive.save,.edit_markdown .bottom_controls input[type=submit].inactive.cancel{
  3742. background:#bbb
  3743. }
  3744. a.redbutton.nopointer,#forum_container #board #board_announcement .controls>.nopointer,.edit_markdown .bottom_controls a.nopointer.save,.edit_markdown .bottom_controls a.nopointer.cancel,input[type=submit].redbutton.nopointer,.edit_markdown .bottom_controls input[type=submit].nopointer.save,.edit_markdown .bottom_controls input[type=submit].nopointer.cancel{
  3745. cursor:default
  3746. }
  3747. a.redbutton.orange,#forum_container #board #board_announcement .controls>.orange,.edit_markdown .bottom_controls a.orange.save,.edit_markdown .bottom_controls a.orange.cancel,input[type=submit].redbutton.orange,.edit_markdown .bottom_controls input[type=submit].orange.save,.edit_markdown .bottom_controls input[type=submit].orange.cancel{
  3748. background:#f93
  3749. }
  3750. a.redbutton.small,#forum_container #board #board_announcement .controls>.small,.edit_markdown .bottom_controls a.small.save,.edit_markdown .bottom_controls a.small.cancel,input[type=submit].redbutton.small,.edit_markdown .bottom_controls input[type=submit].small.save,.edit_markdown .bottom_controls input[type=submit].small.cancel{
  3751. font-size:.8em
  3752. }
  3753. a.whitebutton,input[type=submit].whitebutton{
  3754. font-family:sans-serif,arial;
  3755. border:1px solid #ccc;
  3756. padding:.4em;
  3757. color:#888;
  3758. font-weight:normal;
  3759. box-shadow:1px 1px 3px #ccc;
  3760. background-color:#fff
  3761. }
  3762. a.whitebutton:hover,input[type=submit].whitebutton:hover{
  3763. color:#b11;
  3764. border-color:#b11;
  3765. box-shadow:1px 1px 2px #ddd
  3766. }
  3767. h1{
  3768. font:normal 1.7em tahoma
  3769. }
  3770. h2{
  3771. font:bold 1.2em arial;
  3772. margin:.1em 0
  3773. }
  3774. h3{
  3775. background:-webkit-linear-gradient(#d33,#b11);
  3776. background:linear-gradient(#d33,#b11);
  3777. color:#fff;
  3778. font-size:.9em;
  3779. padding:.45em .5em .5em .5em
  3780. }
  3781. h3.no_m{
  3782. margin:0
  3783. }
  3784. h3.large{
  3785. font-size:1.2em
  3786. }
  3787. h3.smaller{
  3788. font-size:.8em
  3789. }
  3790. h5{
  3791. font-size:.9em;
  3792. border-bottom:1px solid #ddd;
  3793. padding:4px 0;
  3794. margin-bottom:8px;
  3795. color:#777
  3796. }
  3797. h6{
  3798. font-size:.9em;
  3799. border-bottom:1px solid #999;
  3800. padding-bottom:5px
  3801. }
  3802. table.pd_r td{
  3803. padding-right:.3em;
  3804. padding-bottom:.3em
  3805. }
  3806. table.pd td{
  3807. padding-left:.2em;
  3808. padding-bottom:.2em
  3809. }
  3810. strong{
  3811. font-weight:bold
  3812. }
  3813. i{
  3814. font-style:italic
  3815. }
  3816. .birthday_cake{
  3817. text-align:center;
  3818. width:300px;
  3819. padding:10px 0
  3820. }
  3821. .birthday_cake .birthday_cake_inner{
  3822. display:inline-block;
  3823. background:url(/images/birthdaycake.png?0) no-repeat center left;
  3824. padding-left:25px;
  3825. height:24px;
  3826. line-height:24px
  3827. }
  3828. #header_inner,#navbox_inner,#content_inner,#footer_inner{
  3829. padding:0 -20px;
  3830. margin-left:auto;
  3831. margin-right:auto;
  3832. width:1030px
  3833. }
  3834. #footer{
  3835. width:1060px;
  3836. margin:0 auto
  3837. }
  3838. #footer #footer_inner{
  3839. clear:both;
  3840. padding:8px 0 20px;
  3841. overflow:hidden;
  3842. zoom:1;
  3843. color:#999
  3844. }
  3845. #footer #footer_inner a{
  3846. font-size:.9em;
  3847. font-weight:normal
  3848. }
  3849. #footer #footer_inner a:hover{
  3850. color:#911
  3851. }
  3852. #footer #footer_inner>*{
  3853. float:right;
  3854. height:24px;
  3855. line-height:24px;
  3856. margin-left:10px;
  3857. margin-right:5px
  3858. }
  3859. #footer #footer_inner>*.shop-lt{
  3860. padding-left:25px
  3861. }
  3862. #footer #footer_inner>*.wiki-lt{
  3863. padding-left:25px
  3864. }
  3865. #footer #footer_inner>*.fb-lt{
  3866. padding-left:25px
  3867. }
  3868. #footer #footer_inner>*#copyright{
  3869. margin-left:15px;
  3870. font-size:.9em;
  3871. color:#aaa
  3872. }
  3873. #header{
  3874. padding-top:1px
  3875. }
  3876. #header #header_inner{
  3877. position:relative;
  3878. height:48px;
  3879. padding:0
  3880. }
  3881. #header #header_inner #top_messages{
  3882. position:absolute;
  3883. top:11px;
  3884. right:0
  3885. }
  3886. #header #header_inner #top_messages.red i{
  3887. color:#b11
  3888. }
  3889. #header #header_inner #top_messages.red sup{
  3890. background-color:#b11
  3891. }
  3892. #header #header_inner #top_messages.red a{
  3893. border-color:#b11
  3894. }
  3895. #header #header_inner #top_messages a{
  3896. display:block;
  3897. background-color:#fff;
  3898. box-shadow:0 0 3px #ccc;
  3899. border:1px solid #888;
  3900. width:20px;
  3901. height:20px;
  3902. position:relative;
  3903. border:1px solid #ccc
  3904. }
  3905. #header #header_inner #top_messages a i{
  3906. display:inline-block;
  3907. font-size:.9em;
  3908. color:#aaa;
  3909. text-align:center;
  3910. line-height:20px;
  3911. padding-left:3px
  3912. }
  3913. #header #header_inner #top_messages a sup{
  3914. position:absolute;
  3915. top:-7px;
  3916. right:-7px;
  3917. font-weight:bold;
  3918. font-size:.8em;
  3919. display:block;
  3920. width:16px;
  3921. height:16px;
  3922. background-color:#aaa;
  3923. color:#fff;
  3924. border-radius:8px;
  3925. line-height:17px;
  3926. font-size:9px;
  3927. text-align:center
  3928. }
  3929. #header #header_inner #top_messages a sup.hide{
  3930. display:none
  3931. }
  3932. #header #header_inner #top_messages a:hover{
  3933. background-color:#fff;
  3934. border:1px solid #b11
  3935. }
  3936. #header #header_inner #top_messages a:hover i{
  3937. color:#b11
  3938. }
  3939. #header #header_inner #top_messages a:hover sup{
  3940. background-color:#b11;
  3941. color:#fff
  3942. }
  3943. #header #header_inner #auth{
  3944. position:absolute;
  3945. top:5px;
  3946. right:25px;
  3947. border:1px solid transparent;
  3948. cursor:pointer;
  3949. z-index:5
  3950. }
  3951. #header #header_inner #auth.alt_switch:hover{
  3952. box-shadow:0 0 5px #bbb
  3953. }
  3954. #header #header_inner #auth.alt_switch:hover #auth_inner{
  3955. display:none
  3956. }
  3957. #header #header_inner #auth.alt_switch:hover #alt_switch_inner{
  3958. display:block
  3959. }
  3960. #header #header_inner #auth:hover{
  3961. box-shadow:0 0 5px #bbb
  3962. }
  3963. #header #header_inner #auth:hover #auth_inner{
  3964. display:block
  3965. }
  3966. #header #header_inner #auth #auth_top{
  3967. text-align:center;
  3968. min-width:6em;
  3969. padding:5px
  3970. }
  3971. #header #header_inner #auth #auth_top>*{
  3972. display:inline-block;
  3973. vertical-align:middle;
  3974. margin-left:5px
  3975. }
  3976. #header #header_inner #auth #auth_top>*:first-child{
  3977. margin:0
  3978. }
  3979. #header #header_inner #auth #alt_switch{
  3980. width:15px;
  3981. height:15px;
  3982. position:relative;
  3983. border-radius:2px;
  3984. background-color:#fff;
  3985. border:1px solid #ccc;
  3986. cursor:pointer
  3987. }
  3988. #header #header_inner #auth #alt_switch:hover{
  3989. border-color:#aaa;
  3990. background-color:#fff
  3991. }
  3992. #header #header_inner #auth #alt_switch:hover .tri{
  3993. border-top-color:#888
  3994. }
  3995. #header #header_inner #auth #alt_switch .tri{
  3996. margin:0 auto;
  3997. margin-top:6px;
  3998. width:0;
  3999. height:0;
  4000. border:4px solid #999;
  4001. border-width:4px 4px 0 4px;
  4002. border-color:#999 transparent transparent transparent
  4003. }
  4004. #header #header_inner #auth #alt_switch_inner{
  4005. text-align:left;
  4006. z-index:100;
  4007. background-color:#fff;
  4008. padding:5px;
  4009. display:none;
  4010. font-size:.8em;
  4011. border:1px solid #ccc
  4012. }
  4013. #header #header_inner #auth #alt_switch_inner>a{
  4014. cursor:pointer;
  4015. margin:3px 0
  4016. }
  4017. #header #header_inner #auth #alt_switch_inner>a:hover img{
  4018. border:1px solid #b11
  4019. }
  4020. #header #header_inner #auth #alt_switch_inner>a:hover span{
  4021. color:#b11
  4022. }
  4023. #header #header_inner #auth .user span{
  4024. font-weight:normal;
  4025. color:#777
  4026. }
  4027. #header #header_inner #auth:hover{
  4028. border:1px solid #ccc;
  4029. box-shadow:0 0 3px #bbb;
  4030. background-color:#fff
  4031. }
  4032. #header #header_inner #auth img{
  4033. border:1px solid #aaa;
  4034. width:20px;
  4035. height:20px
  4036. }
  4037. #header #header_inner #auth span{
  4038. color:#777
  4039. }
  4040. #header #header_inner #auth #auth_inner{
  4041. z-index:100;
  4042. display:none;
  4043. background-color:#fff;
  4044. border-top:1px solid #ccc
  4045. }
  4046. #header #header_inner #auth #auth_inner>a{
  4047. display:block;
  4048. cursor:pointer;
  4049. font-size:.9em;
  4050. font-weight:normal;
  4051. padding:8px
  4052. }
  4053. #header #header_inner #auth #auth_inner>a:hover{
  4054. color:#b11;
  4055. background-color:#fff
  4056. }
  4057. #header #header_inner #logo{
  4058. display:block;
  4059. width:200px;
  4060. height:40px;
  4061. margin:10px 10px 2px -5px;
  4062. background:url(/images/logo_new.png) no-repeat
  4063. }
  4064. #header #header_inner #nav{
  4065. position:absolute;
  4066. top:3px;
  4067. left:110px
  4068. }
  4069. #header #header_inner #nav li{
  4070. font-size:18px;
  4071. color:#a11;
  4072. border-radius:2px;
  4073. margin-right:5px
  4074. }
  4075. #header #header_inner #nav li a{
  4076. font-size:.9em;
  4077. letter-spacing:1px
  4078. }
  4079. #header #header_inner #nav li:not(.sel):hover{
  4080. cursor:pointer
  4081. }
  4082. #header #header_inner #nav li:not(.sel):hover a{
  4083. color:#b11
  4084. }
  4085. #header #header_inner #nav li.sel{
  4086. background:-webkit-linear-gradient(#d22,#b11);
  4087. background:linear-gradient(#d22,#b11);
  4088. border-color:#d21313
  4089. }
  4090. #header #header_inner #nav li.sel a{
  4091. font-size:1em;
  4092. color:#fff
  4093. }
  4094. #header #header_inner #nav a{
  4095. cursor:pointer;
  4096. font-weight:1100;
  4097. padding:10px 12px;
  4098. color:#c11;
  4099. text-shadow:1px 1px 2px #ccc
  4100. }
  4101. #content{
  4102. margin:0 auto;
  4103. background-color:#fff;
  4104. width:1060px;
  4105. padding-bottom:10px;
  4106. box-shadow:#ccc 0 0 2px 1px
  4107. }
  4108. #content #flash{
  4109. width:100%;
  4110. overflow:hidden;
  4111. zoom:1
  4112. }
  4113. #content #content_inner{
  4114. padding-top:18px;
  4115. min-height:620px;
  4116. overflow:hidden
  4117. }
  4118. #bottomad{
  4119. padding:.5em 1em;
  4120. clear:both
  4121. }
  4122. #navbox{
  4123. margin:0 auto;
  4124. width:1060px
  4125. }
  4126. #navbox #navbox_inner #subnav{
  4127. min-height:1.3em;
  4128. width:1070px;
  4129. padding:.3em 25px 0;
  4130. overflow:hidden
  4131. }
  4132. #navbox #navbox_inner #subnav li{
  4133. border:1px solid #ccc;
  4134. border-width:1px 1px 0 1px;
  4135. background-color:#eee;
  4136. margin-right:.4em;
  4137. font-size:.9em;
  4138. border-bottom:1px solid #ccc;
  4139. z-index:-1
  4140. }
  4141. #navbox #navbox_inner #subnav li.sel{
  4142. border-bottom:0;
  4143. padding-bottom:1px;
  4144. position:relative;
  4145. background-color:#fff;
  4146. border-top-left-radius:2px;
  4147. border-top-right-radius:2px;
  4148. border-bottom-left-radius:0;
  4149. border-bottom-right-radius:0;
  4150. font-weight:normal;
  4151. z-index:2
  4152. }
  4153. #navbox #navbox_inner #subnav li.sel a{
  4154. color:#555
  4155. }
  4156. #navbox #navbox_inner #subnav a{
  4157. padding:.4em 14px .4em
  4158. }
  4159. #nav li,#subnav li{
  4160. float:left;
  4161. text-align:center
  4162. }
  4163. #nav a,#subnav a{
  4164. color:#888;
  4165. display:block;
  4166. font-weight:normal
  4167. }
  4168. #heading{
  4169. display:block;
  4170. clear:both;
  4171. padding:5px 0
  4172. }
  4173. #userstatus{
  4174. border:1px solid #ccc;
  4175. padding:.5em;
  4176. height:1em
  4177. }
  4178. .i-lock{
  4179. display:block;
  4180. background:url(/images/lock.png) no-repeat top center;
  4181. width:20px;
  4182. height:20px
  4183. }
  4184. .award{
  4185. background:url(/images/award.png?2) no-repeat top left;
  4186. width:20px;
  4187. height:20px
  4188. }
  4189. .award_with_sub{
  4190. position:relative
  4191. }
  4192. .award_with_sub sub{
  4193. position:absolute;
  4194. top:0;
  4195. left:-1px;
  4196. font-weight:bold;
  4197. font-size:.8em
  4198. }
  4199. .need_tokens{
  4200. background:url(/images/token.png) no-repeat center left;
  4201. padding-left:20px;
  4202. height:20px;
  4203. line-height:20px;
  4204. font-size:.9em;
  4205. color:#666;
  4206. padding:4px 4px 4px 20px
  4207. }
  4208. .user_rank{
  4209. font-size:.9em;
  4210. color:#b44;
  4211. font-weight:normal;
  4212. padding:6px 6px 6px 22px;
  4213. border:1px solid #bb4;
  4214. border-radius:2px;
  4215. background:url(/images/crown.png) no-repeat center left #eee;
  4216. text-shadow:1px 1px 1px #bbb
  4217. }
  4218. .award-gold_trophy{
  4219. background-position:0 0
  4220. }
  4221. .award-silver_trophy{
  4222. background-position:0 -20px
  4223. }
  4224. .award-bronze_trophy{
  4225. background-position:0 -40px
  4226. }
  4227. .award-gold_medal{
  4228. background-position:-20px 0
  4229. }
  4230. .award-silver_medal{
  4231. background-position:-20px -20px
  4232. }
  4233. .award-bronze_medal{
  4234. background-position:-20px -40px
  4235. }
  4236. .award-gold_rock{
  4237. background-position:-40px 0
  4238. }
  4239. .award-silver_rock{
  4240. background-position:-40px -20px
  4241. }
  4242. .award-bronze_rock{
  4243. background-position:-40px -40px
  4244. }
  4245. .favorite{
  4246. height:20px;
  4247. font-size:20px;
  4248. padding:0 5px
  4249. }
  4250. .fav_on{
  4251. color:#cc1
  4252. }
  4253. .gradient{
  4254. background:-webkit-linear-gradient(#fff,#ddd);
  4255. background:linear-gradient(#fff,#ddd)
  4256. }
  4257. .listbullet li{
  4258. padding-left:1.2em;
  4259. background:url(/images/bullet.png) no-repeat .35em .4em;
  4260. list-style-type:none;
  4261. margin-bottom:.2em
  4262. }
  4263. .updown{
  4264. display:block;
  4265. background:url(/images/updown.png) no-repeat top left;
  4266. width:13px;
  4267. height:11px
  4268. }
  4269. .inc,.dec{
  4270. font-size:22px;
  4271. display:block;
  4272. height:18px;
  4273. line-height:18px;
  4274. color:#999
  4275. }
  4276. .close{
  4277. background-position:0 -22px;
  4278. height:13px
  4279. }
  4280. .close_modal,#game_container .screen .track_user .close_track_user{
  4281. text-align:center;
  4282. width:20px;
  4283. height:20px;
  4284. border-radius:10px;
  4285. color:#fff;
  4286. position:absolute;
  4287. font-weight:normal;
  4288. border:1px solid #999;
  4289. top:-5px;
  4290. right:-5px;
  4291. background:#fff;
  4292. cursor:pointer
  4293. }
  4294. .close_modal:before,#game_container .screen .track_user .close_track_user:before{
  4295. color:#999;
  4296. font-family:FontAwesome;
  4297. content:"";
  4298. font-size:15px;
  4299. line-height:20px
  4300. }
  4301. .close_modal:hover,#game_container .screen .track_user .close_track_user:hover{
  4302. color:#b11
  4303. }
  4304. .addbullet{
  4305. background-position:0 -95px;
  4306. width:15px;
  4307. height:15px
  4308. }
  4309. .addbullet:hover{
  4310. background-position:-15px -95px
  4311. }
  4312. .dropdown{
  4313. background-position:0 -35px;
  4314. height:15px;
  4315. width:15px
  4316. }
  4317. .close:hover{
  4318. background-position:-13px -22px
  4319. }
  4320. .dropdown:hover{
  4321. background-position:-15px -35px
  4322. }
  4323. .point-right{
  4324. background-position:0 -50px;
  4325. height:15px;
  4326. width:15px
  4327. }
  4328. .point-down{
  4329. background-position:-15px -50px;
  4330. height:15px;
  4331. width:15px
  4332. }
  4333. .gameimg{
  4334. display:block;
  4335. background:url(/images/gameimg.png) no-repeat center left;
  4336. height:25px;
  4337. line-height:28px;
  4338. padding-left:27px
  4339. }
  4340. .gameimg.shrink{
  4341. background-size:20px,20px;
  4342. height:20px;
  4343. line-height:20px;
  4344. padding-left:23px
  4345. }
  4346. .game-sun{
  4347. background-position:0 0
  4348. }
  4349. .game-moon{
  4350. background-position:0 -25px
  4351. }
  4352. .game-moon.shrink{
  4353. background-position:0 -20px
  4354. }
  4355. .game-village{
  4356. background-position:0 -50px
  4357. }
  4358. .game-village.shrink{
  4359. background-position:0 -40px
  4360. }
  4361. .game-graveyard{
  4362. background-position:0 -75px
  4363. }
  4364. .game-graveyard.shrink{
  4365. background-position:0 -60px
  4366. }
  4367. .views{
  4368. font-size:.9em;
  4369. letter-spacing:.09em;
  4370. color:#888;
  4371. text-align:right;
  4372. margin-top:1em
  4373. }
  4374. .views .num{
  4375. color:#b11;
  4376. font-size:1.1em;
  4377. margin:0 .2em
  4378. }
  4379. .sticker{
  4380. display:inline-block;
  4381. margin:0 5px 5px;
  4382. width:30px;
  4383. background-color:#ff9;
  4384. position:relative;
  4385. overflow:visible
  4386. }
  4387. .sticker .sticker_number{
  4388. color:#fff;
  4389. background-color:#b11;
  4390. width:12px;
  4391. height:12px;
  4392. border-radius:5px;
  4393. position:absolute;
  4394. bottom:-1px;
  4395. right:-1px;
  4396. font-size:.7em;
  4397. line-height:10px;
  4398. text-align:center
  4399. }
  4400. .sticker .sticker_corner{
  4401. position:absolute;
  4402. top:0;
  4403. right:0;
  4404. width:0;
  4405. height:0;
  4406. border:4px solid grey;
  4407. border-color:#fff #fff #ddd #ddd
  4408. }
  4409. .sticker .roleimg{
  4410. width:20px;
  4411. height:20px;
  4412. margin:5px auto
  4413. }
  4414. .ghostimg_large{
  4415. display:block;
  4416. background:url(/images/ghost/ghostimg.png) no-repeat top right;
  4417. height:30px;
  4418. width:30px
  4419. }
  4420. .ghost-normal-large{
  4421. background-position:0 0
  4422. }
  4423. .ghost-ghost-large{
  4424. background-position:0 -30px
  4425. }
  4426. .ghost-fool-large{
  4427. background-position:0 -60px
  4428. }
  4429. .ghostimg{
  4430. display:block;
  4431. background:url(/images/ghost/ghostimg_small.png) no-repeat top right;
  4432. height:20px;
  4433. width:20px
  4434. }
  4435. .ghost-normal{
  4436. background-position:0 0
  4437. }
  4438. .ghost-ghost{
  4439. background-position:0 -20px
  4440. }
  4441. .ghost-fool{
  4442. background-position:0 -40px
  4443. }
  4444. .eye-lt{
  4445. background:url(/images/eye.png) no-repeat center left;
  4446. padding-left:20px;
  4447. height:15px;
  4448. line-height:15px
  4449. }
  4450. .mailgrey-lt{
  4451. background:url(/images/mailgrey.png?1) no-repeat center left;
  4452. padding-left:27px
  4453. }
  4454. .mail-lt{
  4455. background:url(/images/mail.png?3) no-repeat center left;
  4456. padding-left:25px
  4457. }
  4458. .goto-lt{
  4459. background:url(/images/goto.png) no-repeat center left;
  4460. padding-left:20px
  4461. }
  4462. .goto-rt{
  4463. background:url(/images/goto.png) no-repeat center right;
  4464. padding-right:20px
  4465. }
  4466. .tok-lt{
  4467. background:url(/images/tok.png) no-repeat center left;
  4468. padding-left:20px
  4469. }
  4470. .shop-lt{
  4471. background:url(/images/shop.png) no-repeat center left;
  4472. padding-left:20px
  4473. }
  4474. .wiki-lt{
  4475. background:url(/images/wiki.png) no-repeat center left;
  4476. padding-left:22px
  4477. }
  4478. .wiki-lt.hoverable{
  4479. border:1px solid transparent
  4480. }
  4481. .wiki-lt.hoverable:hover{
  4482. border:1px solid #b11
  4483. }
  4484. .fb-lt,.facebook-lt{
  4485. background:url(/images/facebook.png) no-repeat center left;
  4486. height:22px;
  4487. padding-left:22px
  4488. }
  4489. .reddit-lt{
  4490. background:url(/images/reddit.png) no-repeat center left;
  4491. padding-left:30px;
  4492. height:22px
  4493. }
  4494. .twitter-lt{
  4495. background:url(/images/twitter.png) no-repeat center left;
  4496. padding-left:22px
  4497. }
  4498. .tumblr-lt{
  4499. background:url(/images/tumblr.png) no-repeat center left;
  4500. padding-left:22px
  4501. }
  4502. .skype-lt{
  4503. background:url(/images/skype.png) no-repeat center left;
  4504. padding-left:22px
  4505. }
  4506. .sticky{
  4507. background:url(../images/pin.png) top left no-repeat;
  4508. width:25px;
  4509. height:25px
  4510. }
  4511. .lives-lt{
  4512. background:url(/images/lives.png?2) no-repeat center left;
  4513. padding-left:22px
  4514. }
  4515. .goldlives-lt{
  4516. background:url(/images/goldlives.png) no-repeat center left;
  4517. padding-left:22px
  4518. }
  4519. .strategy-lt{
  4520. background:url(/images/strategy.png) no-repeat center left;
  4521. padding-left:20px
  4522. }
  4523. .scorelife-lt{
  4524. background:url(/images/scorelife.png?2) no-repeat center left;
  4525. padding-left:22px
  4526. }
  4527. .flame-lt{
  4528. background:url(/images/flame.png) no-repeat center left;
  4529. padding-left:20px
  4530. }
  4531. .score-lt{
  4532. background:url(/images/score.png?12) no-repeat center left;
  4533. padding-left:22px;
  4534. height:20px;
  4535. line-height:20px
  4536. }
  4537. .score-small-lt{
  4538. background:url(/images/score-small.png) no-repeat center left;
  4539. padding-left:12px;
  4540. height:10px;
  4541. line-height:10px
  4542. }
  4543. .kudo-small-lt{
  4544. background:url(/images/kudo-small.png) no-repeat center left;
  4545. padding-left:12px;
  4546. height:10px;
  4547. line-height:10px
  4548. }
  4549. .karma-small-lt{
  4550. background:url(/images/karma-small.png) no-repeat center left;
  4551. padding-left:12px;
  4552. height:10px;
  4553. line-height:10px
  4554. }
  4555. .elo-small-lt{
  4556. background:url(/images/elo-small.png) no-repeat center left;
  4557. padding-left:12px;
  4558. height:10px;
  4559. line-height:10px
  4560. }
  4561. .lock-lt{
  4562. background:url(/images/lock.png) no-repeat center left;
  4563. padding-left:20px
  4564. }
  4565. .cam-lt{
  4566. background:url(/images/cam.png) no-repeat center left;
  4567. padding-left:20px
  4568. }
  4569. .token-lt{
  4570. background:url(/images/token.png) no-repeat center left;
  4571. padding-left:20px
  4572. }
  4573. .kudo-lt{
  4574. background:url(/images/kudo.png?0) no-repeat center left;
  4575. padding-left:22px;
  4576. height:20px;
  4577. line-height:20px
  4578. }
  4579. .elo-lt{
  4580. background:url(/images/elo.png) no-repeat center left;
  4581. padding-left:22px;
  4582. height:20px;
  4583. line-height:20px
  4584. }
  4585. .karma-lt{
  4586. background:url(/images/karma.png?0) no-repeat center left;
  4587. padding-left:22px;
  4588. height:20px;
  4589. line-height:20px
  4590. }
  4591. .clock-lt{
  4592. background:url(/images/clock.png?2) no-repeat center left;
  4593. padding-left:16px;
  4594. height:20px;
  4595. line-height:20px
  4596. }
  4597. .person-lt{
  4598. background:url(/images/person.png?00) no-repeat center left;
  4599. padding-left:18px;
  4600. height:20px;
  4601. line-height:20px
  4602. }
  4603. .stat-lt{
  4604. background:url(/images/stats.png) no-repeat center left;
  4605. height:15px;
  4606. line-height:15px;
  4607. padding-left:20px;
  4608. cursor:pointer
  4609. }
  4610. .stat-rt{
  4611. background:url(/images/stats.png) no-repeat center right;
  4612. height:15px;
  4613. line-height:15px;
  4614. padding-right:18px;
  4615. cursor:pointer
  4616. }
  4617. .edit-rt{
  4618. background:url(/images/edit.png?1) no-repeat center right;
  4619. padding-right:18px
  4620. }
  4621. .trash-rt{
  4622. background:url(/images/trash.png?1) no-repeat center right;
  4623. padding-right:17px
  4624. }
  4625. .female-lt{
  4626. background:url(/images/female.png) no-repeat center left;
  4627. padding-left:20px;
  4628. height:20px
  4629. }
  4630. .male-lt{
  4631. background:url(/images/male.png) no-repeat center left;
  4632. padding-left:20px;
  4633. height:20px
  4634. }
  4635. .transgender-lt{
  4636. background:url(/images/transgender.png) no-repeat center left;
  4637. padding-left:20px;
  4638. height:20px
  4639. }
  4640. .poke-lt{
  4641. background:url(/images/poke.png) no-repeat center left;
  4642. padding-left:25px;
  4643. height:25px
  4644. }
  4645. .play-lt{
  4646. background:url(/images/play.png) no-repeat center left;
  4647. padding-left:48px;
  4648. height:48px
  4649. }
  4650. .pause-lt{
  4651. background:url(/images/pause.png) no-repeat center left;
  4652. padding-left:48px;
  4653. height:48px
  4654. }
  4655. input.search-lt{
  4656. background:url(/images/search.png?22) no-repeat center left;
  4657. padding:.2em;
  4658. padding-left:25px;
  4659. background-color:#eee
  4660. }
  4661. input.search-lt:focus{
  4662. background-color:#fff
  4663. }
  4664. #facebook_likebox{
  4665. height:206px
  4666. }
  4667. #share{
  4668. padding-left:10px;
  4669. width:70px;
  4670. height:26px;
  4671. overflow-y:hidden
  4672. }
  4673. #share>*{
  4674. display:inline-block;
  4675. vertical-align:middle;
  4676. margin-right:5px;
  4677. zoom:1;
  4678. *display:inline
  4679. }
  4680. #share.home{
  4681. position:absolute;
  4682. top:20px;
  4683. right:-10px
  4684. }
  4685. #share #share_plus{
  4686. width:70px
  4687. }
  4688. #share #share_like{
  4689. margin-bottom:3px
  4690. }
  4691. #share script,#share #fb_root{
  4692. display:none
  4693. }
  4694. #pop,#pop_,#anonymous_deck_picker{
  4695. position:fixed;
  4696. top:0;
  4697. left:0;
  4698. width:100%;
  4699. height:100%;
  4700. z-index:10000;
  4701. background:transparent
  4702. }
  4703. #pop{
  4704. background-color:#222;
  4705. opacity:.6
  4706. }
  4707. #anonymous_deck_picker .inner{
  4708. width:35%;
  4709. height:auto;
  4710. margin:6em auto;
  4711. background-color:#fff
  4712. }
  4713. #anonymous_deck_picker .title{
  4714. font-size:1.1em;
  4715. font-family:Arial;
  4716. padding:.2em 0;
  4717. color:#666;
  4718. font-weight:400
  4719. }
  4720. #anonymous_deck_picker .anonymous_controls>*{
  4721. display:inline-block;
  4722. vertical-align:middle;
  4723. margin-left:.5em;
  4724. zoom:1;
  4725. *display:inline
  4726. }
  4727. table#anonymoustable{
  4728. width:100%
  4729. }
  4730. table#anonymoustable .user{
  4731. font-size:.9em
  4732. }
  4733. table#anonymoustable td{
  4734. padding:.25em .25em .25em 0;
  4735. margin:0
  4736. }
  4737. table#anonymoustable .sortbynav{
  4738. padding:5px;
  4739. background-color:#eee;
  4740. overflow:hidden;
  4741. zoom:1;
  4742. font-size:.9em
  4743. }
  4744. table#anonymoustable .sortbynav>*{
  4745. display:inline-block;
  4746. vertical-align:middle;
  4747. margin-right:5px;
  4748. zoom:1;
  4749. *display:inline
  4750. }
  4751. table#anonymoustable .sortbynav a.sel{
  4752. color:#b11
  4753. }
  4754. #pop_warn{
  4755. padding:1em
  4756. }
  4757. .pop_data{
  4758. border:1px solid #888;
  4759. width:50%;
  4760. height:auto;
  4761. margin:10em auto;
  4762. text-align:center;
  4763. background:#fff;
  4764. z-index:1001
  4765. }
  4766. .pop_data #pop_data_i{
  4767. padding:1em;
  4768. position:relative
  4769. }
  4770. .play_menu{
  4771. text-align:center;
  4772. font-size:.8em;
  4773. display:inline-block;
  4774. color:#777;
  4775. background-color:#eee;
  4776. border:1px solid #999;
  4777. padding:1px 2px;
  4778. height:20px;
  4779. line-height:20px;
  4780. letter-spacing:1px;
  4781. cursor:pointer;
  4782. width:50px;
  4783. border-radius:2px;
  4784. position:relative
  4785. }
  4786. .play_menu:hover{
  4787. background-color:#c22;
  4788. color:#fff;
  4789. border:1px solid #c22
  4790. }
  4791. .play_menu:hover .play_menu_i{
  4792. display:block;
  4793. -webkit-transition-property:display;
  4794. transition-property:display;
  4795. -webkit-transition-duration:500ms;
  4796. transition-duration:500ms;
  4797. width:100px;
  4798. position:absolute;
  4799. z-index:100
  4800. }
  4801. .play_menu:hover .play_menu_i.up{
  4802. top:22px;
  4803. left:0
  4804. }
  4805. .play_menu:hover .play_menu_i.down{
  4806. bottom:22px;
  4807. left:0
  4808. }
  4809. .play_menu:hover .play_menu_i.left{
  4810. left:52px;
  4811. top:0
  4812. }
  4813. .play_menu:hover .play_menu_i.left .play_menu_ii{
  4814. margin-top:-1px;
  4815. margin-left:2px
  4816. }
  4817. .play_menu:hover .play_menu_i .play_menu_ii{
  4818. border-radius:2px;
  4819. border:1px solid #bbb;
  4820. background-color:#fff;
  4821. padding:3px
  4822. }
  4823. .play_menu:hover .play_menu_i .play_menu_ii>a{
  4824. padding:2px 5px;
  4825. text-align:left;
  4826. display:block
  4827. }
  4828. .play_menu:hover .play_menu_i .play_menu_ii>a span{
  4829. font-weight:normal;
  4830. padding:3px 4px
  4831. }
  4832. .play_menu:hover .play_menu_i .play_menu_ii>a:hover{
  4833. background-color:#aaa
  4834. }
  4835. .play_menu:hover .play_menu_i .play_menu_ii>a:hover span{
  4836. color:#fff
  4837. }
  4838. .play_menu:hover .play_menu_i .play_menu_ii>a img{
  4839. border:0
  4840. }
  4841. .play_menu:hover .play_menu_i .play_menu_ii>a>*{
  4842. display:inline-block;
  4843. vertical-align:middle
  4844. }
  4845. .play_menu:hover .play_menu_i .play_menu_arrow,.play_menu:hover .play_menu_i .play_menu_arrow_mask{
  4846. border:8px solid #aaa;
  4847. width:0;
  4848. heigth:0;
  4849. border-color:#aaa transparent #aaa transparent
  4850. }
  4851. .play_menu:hover .play_menu_i .play_menu_arrow.up{
  4852. border-top-width:0
  4853. }
  4854. .play_menu:hover .play_menu_i .play_menu_arrow.up .play_menu_arrow_mask{
  4855. border-top-width:0;
  4856. top:0;
  4857. border-bottom-color:#fff;
  4858. margin-top:2px
  4859. }
  4860. .play_menu:hover .play_menu_i .play_menu_arrow.down{
  4861. border-bottom-width:0
  4862. }
  4863. .play_menu:hover .play_menu_i .play_menu_arrow.down .play_menu_arrow_mask{
  4864. border-bottom-width:0;
  4865. bottom:0;
  4866. border-top-color:#fff;
  4867. margin-bottom:2px
  4868. }
  4869. .play_menu:hover .play_menu_i .play_menu_arrow{
  4870. position:relative;
  4871. margin-left:20px
  4872. }
  4873. .play_menu:hover .play_menu_i .play_menu_arrow_mask{
  4874. position:absolute;
  4875. left:-8px
  4876. }
  4877. .opt h3{
  4878. height:16px;
  4879. line-height:16px;
  4880. position:relative;
  4881. margin-bottom:0
  4882. }
  4883. .opt .opt_add{
  4884. position:absolute;
  4885. top:0;
  4886. right:0;
  4887. height:29px;
  4888. width:34px;
  4889. line-height:29px;
  4890. text-align:center
  4891. }
  4892. .opt .opt_add i{
  4893. color:#fff
  4894. }
  4895. .opt .opt_add:hover{
  4896. background-color:#c11
  4897. }
  4898. .opt .opt_add:hover i{
  4899. color:#fff
  4900. }
  4901. .opt .opt_menu{
  4902. display:none;
  4903. cursor:pointer;
  4904. position:absolute;
  4905. top:0;
  4906. right:0;
  4907. height:29px;
  4908. width:34px;
  4909. text-align:center
  4910. }
  4911. .opt .opt_menu:before{
  4912. content:"";
  4913. font-family:FontAwesome;
  4914. color:#ccc;
  4915. font-size:18px;
  4916. line-height:29px
  4917. }
  4918. .opt .opt_menu:hover{
  4919. color:#aaa;
  4920. background-color:#b11
  4921. }
  4922. .opt .opt_menu.sel{
  4923. background-color:#e11;
  4924. color:#aaa
  4925. }
  4926. .opt .controls{
  4927. padding:0;
  4928. border-left:0;
  4929. border-bottom:1px solid #ccc;
  4930. margin:0;
  4931. display:none
  4932. }
  4933. .settings_menu{
  4934. position:relative;
  4935. z-index:3
  4936. }
  4937. .settings_menu:hover .settings_menu_icon{
  4938. background-color:#ddd
  4939. }
  4940. .settings_menu:hover .settings_menu_inner{
  4941. display:block
  4942. }
  4943. .settings_menu .settings_menu_icon{
  4944. background:url(/images/settings.png?2) no-repeat center center;
  4945. width:20px;
  4946. height:20px
  4947. }
  4948. .settings_menu .settings_menu_inner{
  4949. display:none;
  4950. background-color:#fff;
  4951. z-index:4;
  4952. position:absolute;
  4953. top:0;
  4954. right:20px;
  4955. width:100px;
  4956. text-align:right;
  4957. border:2px solid #ddd;
  4958. padding:0
  4959. }
  4960. .settings_menu .settings_menu_inner a{
  4961. font-weight:normal;
  4962. font-size:.9em;
  4963. padding:5px;
  4964. display:block
  4965. }
  4966. .settings_menu .settings_menu_inner a:hover{
  4967. background-color:#aaa;
  4968. color:#fff
  4969. }
  4970. [data-type="voteusers"]{
  4971. cursor:pointer
  4972. }
  4973. [data-type="voteusers"]:hover{
  4974. text-decoration:underline
  4975. }
  4976. .tip.tip_voteusers .tip_body{
  4977. padding:5px;
  4978. font-size:.7em;
  4979. min-width:0
  4980. }
  4981. .tip.tip_voteusers .tip_body>*{
  4982. margin-bottom:.5em
  4983. }
  4984. .tip.tip_voteusers .tip_body>*:last-child{
  4985. margin-bottom:0
  4986. }
  4987. .tip.tip_voteusers .tip_body .vote_pos,.tip.tip_voteusers .tip_body .vote_neg{
  4988. word-spacing:.3em;
  4989. text-align:center
  4990. }
  4991. .tip.tip_voteusers .tip_body span{
  4992. font-weight:bold;
  4993. display:inline-block;
  4994. margin-right:5px
  4995. }
  4996. .tip.tip_voteusers .tip_body .vote_pos span{
  4997. color:#1a1
  4998. }
  4999. .tip.tip_voteusers .tip_body .vote_neg span{
  5000. color:#b11
  5001. }
  5002. .tip_userinfo h6.relationship{
  5003. font-size:.7em
  5004. }
  5005. .tip_userinfo h6.relationship img{
  5006. width:12px;
  5007. height:12px
  5008. }
  5009. .tip_userinfo h6.user_family>*{
  5010. display:inline-block;
  5011. vertical-align:middle;
  5012. margin-left:3px
  5013. }
  5014. .tip_userinfo h6.user_stats{
  5015. color:#888;
  5016. font-size:.7em
  5017. }
  5018. .tip_userinfo h6.user_stats>*{
  5019. display:inline-block;
  5020. vertical-align:middle;
  5021. margin-left:5px
  5022. }
  5023. .tip{
  5024. background-color:transparent;
  5025. text-align:center;
  5026. z-index:100;
  5027. position:absolute;
  5028. top:0;
  5029. left:0
  5030. }
  5031. .tip .tip_header,.tip .tip_body,.tip .tip_tail{
  5032. max-width:200px;
  5033. min-width:150px;
  5034. overflow:hidden;
  5035. text-align:left;
  5036. border:1px solid #c22
  5037. }
  5038. .tip .tip_header.wider,.tip .tip_body.wider,.tip .tip_tail.wider{
  5039. max-width:300px
  5040. }
  5041. .tip .tip_header+.tip_body{
  5042. border-width:0 1px 1px 1px
  5043. }
  5044. .tip .tip_header+.tip_body.no_round{
  5045. border-top-left-radius:0;
  5046. border-top-right-radius:0;
  5047. border-bottom-left-radius:0;
  5048. border-bottom-right-radius:0
  5049. }
  5050. .tip .tip_header,.tip .tip_tail{
  5051. padding:3px;
  5052. background-color:#b11;
  5053. color:#fff;
  5054. display:block
  5055. }
  5056. .tip .tip_header>*,.tip .tip_tail>*{
  5057. display:inline-block;
  5058. vertical-align:middle;
  5059. margin-right:5px
  5060. }
  5061. .tip .tip_header img,.tip .tip_tail img{
  5062. height:20px;
  5063. width:20px
  5064. }
  5065. .tip .tip_tail{
  5066. text-align:right;
  5067. font-size:.7em;
  5068. padding:.2em
  5069. }
  5070. .tip .tip_body{
  5071. display:block;
  5072. background-color:#fff;
  5073. color:#555
  5074. }
  5075. .tip .tip_body ul{
  5076. padding:5px;
  5077. text-align:left;
  5078. font-size:.8em
  5079. }
  5080. .tip .tip_body ul li{
  5081. background:url(/images/bullet.png) no-repeat center center;
  5082. background-position:5px 4px;
  5083. padding-left:15px;
  5084. margin-bottom:5px
  5085. }
  5086. .tip .tip_body p{
  5087. color:#555;
  5088. padding:8px;
  5089. font-size:.8em;
  5090. text-align:center
  5091. }
  5092. .tip .tip_body p i{
  5093. color:#aaa;
  5094. font-size:.9em;
  5095. font-style:normal
  5096. }
  5097. .tip .tip_body h6{
  5098. padding:2px 8px;
  5099. text-align:right;
  5100. font-size:.5em;
  5101. border:0;
  5102. color:#777;
  5103. font-size:.7em
  5104. }
  5105. .tip .tip_content{
  5106. padding:8px;
  5107. background-color:#b44;
  5108. color:#fff;
  5109. font-size:.8em;
  5110. background:-webkit-linear-gradient(#f22,#b11);
  5111. background:linear-gradient(#f22,#b11)
  5112. }
  5113. .tip .tip_arrow{
  5114. width:0;
  5115. height:0;
  5116. border:5px solid #b44
  5117. }
  5118. .tip .tip_arrow.top{
  5119. margin-top:-1px;
  5120. border-bottom-width:0;
  5121. border-color:#b44 transparent transparent transparent
  5122. }
  5123. .tip .tip_arrow.down{
  5124. margin-bottom:-1px;
  5125. border-top-width:0;
  5126. border-color:transparent transparent #b44 transparent
  5127. }
  5128. .tooltip_prob{
  5129. max-width:162px
  5130. }
  5131. .tooltip_prob .allroles_align{
  5132. padding:5px;
  5133. min-width:25px
  5134. }
  5135. .tooltip_prob .allroles_align>*{
  5136. display:inline-block;
  5137. vertical-align:middle;
  5138. margin-right:5px;
  5139. zoom:1;
  5140. *display:inline
  5141. }
  5142. .tooltip_prob .allroles_align>*{
  5143. margin-bottom:5px
  5144. }
  5145. .tooltip_prob .uniquealign{
  5146. color:#fff;
  5147. background-color:#b11;
  5148. padding:10px;
  5149. font-size:.8em;
  5150. text-align:center
  5151. }
  5152. .role_descr .role_descr_title{
  5153. padding:5px;
  5154. border-bottom:1px solid #ccc
  5155. }
  5156. sup.double_points:after{
  5157. content:"x2";
  5158. color:#444;
  5159. font-size:11px;
  5160. font-weight:bold;
  5161. vertical-align:super
  5162. }
  5163. .gamesetup{
  5164. margin:0;
  5165. padding:0
  5166. }
  5167. .gamesetup div.setups{
  5168. margin-bottom:5px
  5169. }
  5170. .gamesetup .nextsetup,.gamesetup .prevsetup{
  5171. display:block;
  5172. font-size:20px;
  5173. display:block;
  5174. line-height:12px;
  5175. height:12px;
  5176. cursor:pointer;
  5177. color:#aaa
  5178. }
  5179. .gamesetup .nextsetup:hover,.gamesetup .prevsetup:hover{
  5180. color:#b11
  5181. }
  5182. .gamesetup li.selsetup{
  5183. margin-top:-4px
  5184. }
  5185. .gamesetup li,.gamesetup>div{
  5186. display:-moz-inline-block;
  5187. display:inline-block;
  5188. *display:inline;
  5189. vertical-align:middle;
  5190. height:20px;
  5191. line-height:22px
  5192. }
  5193. .gamesetup li.rolecont,.gamesetup>div.rolecont{
  5194. position:relative;
  5195. margin-left:4px;
  5196. font-size:.9em;
  5197. font-weight:normal;
  5198. color:#222;
  5199. width:20px
  5200. }
  5201. .gamesetup li.rolecont.hide,.gamesetup>div.rolecont.hide{
  5202. display:none
  5203. }
  5204. .gamesetup li .pip ul li,.gamesetup>div .pip ul li{
  5205. display:block
  5206. }
  5207. .gamesetup li.probabilities{
  5208. margin-left:.5em
  5209. }
  5210. .gamesetup li.probabilities>*{
  5211. display:inline-block;
  5212. vertical-align:middle;
  5213. margin-right:5px;
  5214. zoom:1;
  5215. *display:inline
  5216. }
  5217. .gamesetup li.probabilities .prob{
  5218. margin-left:.5em;
  5219. width:20px;
  5220. height:20px;
  5221. border-radius:3px;
  5222. position:relative
  5223. }
  5224. .gamesetup li.probabilities .prob sup{
  5225. font-size:.7em;
  5226. font-weight:bold;
  5227. position:absolute;
  5228. top:-0.8em;
  5229. left:-0.8em;
  5230. z-index:5
  5231. }
  5232. .gamesetup li.probabilities .prob .pip{
  5233. position:absolute;
  5234. top:-20px;
  5235. left:50%
  5236. }
  5237. .gamesetup li.probabilities #prob_village{
  5238. background-color:#93b7f2
  5239. }
  5240. .gamesetup li.probabilities #prob_mafia{
  5241. background-color:#000
  5242. }
  5243. .gamesetup li.probabilities #prob_third{
  5244. background-color:#dbe355
  5245. }
  5246. .gamesetup>div{
  5247. height:auto
  5248. }
  5249. .gamesetup div.roleimg>div.sup{
  5250. position:absolute;
  5251. top:-0.5em;
  5252. left:-0.5em;
  5253. color:#111;
  5254. font-size:.7em;
  5255. font-weight:bold
  5256. }
  5257. .gamesetup>li div.roleimg{
  5258. position:relative;
  5259. top:0;
  5260. right:0;
  5261. z-index:2
  5262. }
  5263. .gamesetup .setup_hidden{
  5264. font-size:.9em;
  5265. margin-left:5px
  5266. }
  5267. .gamesetup .setup_hidden .roleimg{
  5268. position:relative
  5269. }
  5270. .pagetable{
  5271. float:left;
  5272. clear:both
  5273. }
  5274. .filter-align li{
  5275. display:inline-block;
  5276. margin-right:3px
  5277. }
  5278. .filter-align li a{
  5279. display:block;
  5280. width:10px;
  5281. height:10px;
  5282. border-radius:8px;
  5283. border:2px solid
  5284. }
  5285. .filter-align li a.village{
  5286. border-color:#93b7f2
  5287. }
  5288. .filter-align li a.village.sel{
  5289. background-color:#93b7f2
  5290. }
  5291. .filter-align li a.mafia{
  5292. border-color:#000
  5293. }
  5294. .filter-align li a.mafia.sel{
  5295. background-color:#000
  5296. }
  5297. .filter-align li a.third{
  5298. border-color:#dbe355
  5299. }
  5300. .filter-align li a.third.sel{
  5301. background-color:#dbe355
  5302. }
  5303. .mini_vote span{
  5304. font-size:.7em;
  5305. font-weight:bold;
  5306. padding:2px;
  5307. color:grey
  5308. }
  5309. .mini_vote span.red{
  5310. color:#b11
  5311. }
  5312. .mini_vote span.green{
  5313. color:#1a1
  5314. }
  5315. .mini_vote a{
  5316. display:inline-block;
  5317. margin-right:3px
  5318. }
  5319. .mini_vote a.sel i{
  5320. color:#b11
  5321. }
  5322. .mini_vote i{
  5323. font-size:.8em
  5324. }
  5325. .mini_vote .vote_num{
  5326. display:inline-block
  5327. }
  5328. .list-icon li{
  5329. display:inline-block
  5330. }
  5331. .list-icon li.sel a i{
  5332. color:#b11
  5333. }
  5334. .sortnav{
  5335. text-align:right
  5336. }
  5337. .sortnav li{
  5338. display:inline-block;
  5339. vertical-align:middle
  5340. }
  5341. .sortnav li a{
  5342. font-weight:normal
  5343. }
  5344. .sortnav li.sel a{
  5345. color:#b11
  5346. }
  5347. .sortnav .votes-sort-lt{
  5348. background:url(/images/vote_grey.png) no-repeat center left;
  5349. padding-left:20px;
  5350. height:20px
  5351. }
  5352. .sortnav .comments-sort-lt{
  5353. background:url(/images/comment_grey.png) no-repeat center left;
  5354. padding-left:20px;
  5355. height:20px
  5356. }
  5357. .sortnav .created-sort-lt{
  5358. background:url(/images/clock.png) no-repeat center left;
  5359. padding-left:18px;
  5360. height:20px;
  5361. line-height:20px
  5362. }
  5363. .pagenav{
  5364. margin:.5em 0;
  5365. width:100%
  5366. }
  5367. .pagenav.lt{
  5368. width:auto;
  5369. float:left
  5370. }
  5371. .pagenav li{
  5372. display:inline-block;
  5373. margin-right:5px;
  5374. font-size:.8em
  5375. }
  5376. .pagenav li div{
  5377. cursor:default;
  5378. display:block;
  5379. padding:0 .25em
  5380. }
  5381. .pagenav li a{
  5382. font-weight:normal;
  5383. padding:2px 5px;
  5384. border:1px solid #bbb;
  5385. background-image:-webkit-linear-gradient(#eee,#ddd);
  5386. background-image:linear-gradient(#eee,#ddd);
  5387. display:block
  5388. }
  5389. .pagenav li a:hover{
  5390. background-image:-webkit-linear-gradient(#ddd,#eee);
  5391. background-image:linear-gradient(#ddd,#eee);
  5392. color:#fff
  5393. }
  5394. .pagenav li.selected{
  5395. color:#b22
  5396. }
  5397. div.error,.success{
  5398. float:left;
  5399. background-color:#eee;
  5400. padding:.5em 2em .5em 1em;
  5401. margin:.5em 0 0;
  5402. font-size:120%
  5403. }
  5404. div.error.mini,.success.mini{
  5405. font-size:14px;
  5406. border-width:1px;
  5407. float:none;
  5408. padding:.4em
  5409. }
  5410. .error{
  5411. border:2px solid #b11;
  5412. color:#b11
  5413. }
  5414. .success{
  5415. border:2px solid #191;
  5416. color:#191
  5417. }
  5418. .naverror{
  5419. margin-left:20px!important;
  5420. margin-bottom:0
  5421. }
  5422. .left_em{
  5423. border-left:2px solid #ccc;
  5424. padding:.2em 0;
  5425. padding-left:.5em
  5426. }
  5427. .describe{
  5428. padding:.75em;
  5429. font-size:.9em;
  5430. color:#333;
  5431. line-height:1.3em;
  5432. background-color:#fff
  5433. }
  5434. .inform{
  5435. position:relative;
  5436. background-color:#eee;
  5437. padding:20px;
  5438. font-size:.9em;
  5439. color:#555;
  5440. max-width:25em
  5441. }
  5442. .inform:before{
  5443. content:"";
  5444. font-family:FontAwesome;
  5445. font-style:normal;
  5446. font-weight:normal;
  5447. position:absolute;
  5448. text-decoration:inherit;
  5449. color:#999;
  5450. top:3px;
  5451. right:3px
  5452. }
  5453. .inform.border-box{
  5454. box-sizing:border-box
  5455. }
  5456. .inform.w{
  5457. max-width:100%
  5458. }
  5459. .inform.cnt{
  5460. text-align:center
  5461. }
  5462. .inform.small-padding{
  5463. padding:14px
  5464. }
  5465. .trophies>div{
  5466. display:-moz-inline-box;
  5467. display:inline-block;
  5468. vertical-align:middle;
  5469. *display:inline
  5470. }
  5471. em{
  5472. font-style:normal;
  5473. font-weight:bold
  5474. }
  5475. .pophover .pip{
  5476. position:absolute;
  5477. margin-top:16px;
  5478. margin-left:0;
  5479. visibility:hidden;
  5480. z-index:10000;
  5481. width:40em
  5482. }
  5483. .pip>div{
  5484. float:left;
  5485. padding:4px;
  5486. border:1px solid #aaa;
  5487. background-color:#fff
  5488. }
  5489. .pip li{
  5490. font-size:90%;
  5491. background:url(/images/bullet.png) no-repeat center left;
  5492. padding-left:10px
  5493. }
  5494. .pophover:hover .pip{
  5495. visibility:visible
  5496. }
  5497. .user{
  5498. color:#333;
  5499. font-weight:bold
  5500. }
  5501. .user *{
  5502. vertical-align:middle
  5503. }
  5504. .user.align_bottom{
  5505. vertical-align:bottom
  5506. }
  5507. .user img{
  5508. border:1px solid #ccc;
  5509. margin-right:.25em
  5510. }
  5511. .user span{
  5512. font-weight:normal;
  5513. display:inline-block
  5514. }
  5515. .user span.limit{
  5516. max-width:7em;
  5517. overflow:hidden;
  5518. text-overflow:ellipsis
  5519. }
  5520. a.user,.user{
  5521. display:inline-block;
  5522. color:#555;
  5523. font-weight:normal
  5524. }
  5525. a.user::-webkit-scrollbar,.user::-webkit-scrollbar{
  5526. width:0
  5527. }
  5528. a.user.truncate,.user.truncate{
  5529. max-width:9em;
  5530. white-space:nowrap;
  5531. display:inline-block;
  5532. text-overflow:ellipsis;
  5533. overflow-x:hidden
  5534. }
  5535. a.user:hover,.user:hover{
  5536. color:#b11
  5537. }
  5538. a.user:hover img,.user:hover img{
  5539. border-color:#b11
  5540. }
  5541. img.tiniest{
  5542. width:10px;
  5543. height:10px
  5544. }
  5545. .user_thumb{
  5546. height:32px
  5547. }
  5548. .user_thumb img{
  5549. height:30px;
  5550. width:30px
  5551. }
  5552. .user_toe{
  5553. font-size:1.1em;
  5554. height:42px
  5555. }
  5556. .user_toe img{
  5557. height:40px;
  5558. width:40px
  5559. }
  5560. .user_teeny{
  5561. height:22px
  5562. }
  5563. .user_teeny img{
  5564. height:20px;
  5565. width:20px
  5566. }
  5567. .userred{
  5568. color:#b44;
  5569. font-weight:bold;
  5570. font-size:.9em
  5571. }
  5572. .family img{
  5573. margin-right:.25em
  5574. }
  5575. .family *{
  5576. vertical-align:middle
  5577. }
  5578. .family_toe{
  5579. font-size:1.1em;
  5580. height:32px
  5581. }
  5582. .button{
  5583. width:7em;
  5584. text-align:center;
  5585. font-size:.9em;
  5586. font-family:arial;
  5587. padding:.2em .5em .3em;
  5588. background-color:#ccc;
  5589. border-radius:2px;
  5590. border:1px solid #bbb
  5591. }
  5592. .button>*{
  5593. vertical-align:middle;
  5594. display:inline-block
  5595. }
  5596. .button span{
  5597. color:#777;
  5598. height:25px;
  5599. line-height:25px
  5600. }
  5601. .button:hover{
  5602. color:#fff;
  5603. border-color:#b11;
  5604. background-color:#b11
  5605. }
  5606. .button:hover span{
  5607. color:#fff
  5608. }
  5609. .button img,.button:hover img{
  5610. border:0;
  5611. margin-left:3px
  5612. }
  5613. .button>*{
  5614. display:inline-block;
  5615. vertical-align:middle
  5616. }
  5617. .control{
  5618. margin:.25em 0
  5619. }
  5620. .control a{
  5621. font-size:.9em
  5622. }
  5623. #home_container #login_form,#home_container #signup_form{
  5624. width:100%
  5625. }
  5626. #home_container #login_form input[type=text],#home_container #login_form input[type=password],#home_container #signup_form input[type=text],#home_container #signup_form input[type=password]{
  5627. width:100%;
  5628. height:35px;
  5629. box-sizing:border-box
  5630. }
  5631. #home_container #login_form #pass-strength,#home_container #signup_form #pass-strength{
  5632. width:100%;
  5633. height:4px;
  5634. padding:5px 0;
  5635. display:none
  5636. }
  5637. #home_container #login_form #pass-strength #pass-strength-inner,#home_container #signup_form #pass-strength #pass-strength-inner{
  5638. -webkit-transition-property:all;
  5639. transition-property:all;
  5640. -webkit-transition-duration:.3s;
  5641. transition-duration:.3s;
  5642. border-radius:2px;
  5643. height:100%;
  5644. width:0;
  5645. background-color:green
  5646. }
  5647. #home_container #login_form p.submit,#home_container #signup_form p.submit{
  5648. text-align:right
  5649. }
  5650. #home_container #login_form p.submit input[type=submit],#home_container #signup_form p.submit input[type=submit]{
  5651. display:inline-block
  5652. }
  5653. #home_container #signup-container{
  5654. position:relative;
  5655. -webkit-transition-property:width;
  5656. transition-property:width;
  5657. -webkit-transition-duration:1s;
  5658. transition-duration:1s
  5659. }
  5660. #home_container #signup-container.focus{
  5661. -webkit-transition-property:width;
  5662. transition-property:width;
  5663. -webkit-transition-duration:1s;
  5664. transition-duration:1s;
  5665. width:330px
  5666. }
  5667. #home_container .img-facebook-lt{
  5668. background:url(/images/facebook.png) no-repeat center left;
  5669. padding-left:24px;
  5670. height:30px;
  5671. width:10px;
  5672. line-height:30px;
  5673. font-size:.9em;
  5674. font-weight:normal
  5675. }
  5676. #home_container #home_roles>*{
  5677. display:inline-block;
  5678. vertical-align:middle;
  5679. margin-right:3px;
  5680. zoom:1;
  5681. *display:inline
  5682. }
  5683. #home_container .has_checkbox{
  5684. margin:5px 0;
  5685. float:none
  5686. }
  5687. #home_container .has_checkbox>*{
  5688. display:inline-block;
  5689. vertical-align:middle;
  5690. margin-right:5px;
  5691. zoom:1;
  5692. *display:inline
  5693. }
  5694. #home_container .has_checkbox #reme,#home_container .has_checkbox #tos{
  5695. background-color:#fff
  5696. }
  5697. #home_container #homertop{
  5698. width:100%
  5699. }
  5700. #home_container #homerbottom{
  5701. width:100%;
  5702. margin-top:1em
  5703. }
  5704. #home_container #main_banner{
  5705. width:450px;
  5706. height:197px
  5707. }
  5708. #home_container .homediv{
  5709. margin:0 .5em .8em 0;
  5710. color:#444;
  5711. padding-bottom:.25em
  5712. }
  5713. #home_container .special_title{
  5714. font-family:"Enriqueta",serif;
  5715. font-size:1.4em
  5716. }
  5717. #home_container #minigames>*{
  5718. display:inline-block;
  5719. width:142px;
  5720. padding:8px 5px;
  5721. vertical-align:top
  5722. }
  5723. #home_container #minigames .minigame_title{
  5724. margin-bottom:2px
  5725. }
  5726. #home_container #minigames .minigame_name{
  5727. font-size:.9em
  5728. }
  5729. #home_container #minigames .minigame_descr{
  5730. padding:.8em;
  5731. background-color:#eee;
  5732. font-size:.9em;
  5733. border-radius:2px
  5734. }
  5735. #home_container #epicmafia_descr,#home_container #minigames_descr{
  5736. line-height:1.4em;
  5737. color:grey;
  5738. padding:6px 2px 6px 4px;
  5739. margin-bottom:.5em
  5740. }
  5741. #home_container #epicmafia_descr .em,#home_container #minigames_descr .em{
  5742. font-family:"Enriqueta",serif;
  5743. font-size:1.2em;
  5744. color:#b11
  5745. }
  5746. #home_container .epicmafia_roles{
  5747. padding:8px
  5748. }
  5749. #home_container .epicmafia_roles>*{
  5750. display:inline-block;
  5751. vertical-align:middle;
  5752. margin-right:4px;
  5753. zoom:1;
  5754. *display:inline
  5755. }
  5756. #home_container .user{
  5757. font-weight:bold
  5758. }
  5759. #home_container .top3 .score-lt{
  5760. font-weight:bold
  5761. }
  5762. #home_container .top3 li{
  5763. margin:.5em
  5764. }
  5765. #home_container .top3setup{
  5766. padding:.5em;
  5767. margin-right:.7em
  5768. }
  5769. #home_container .top3setup .setup_desc{
  5770. margin-top:.2em
  5771. }
  5772. #home_container .top3setup img{
  5773. width:15px;
  5774. height:15px
  5775. }
  5776. #home_container .top3setup div.user{
  5777. height:17px;
  5778. line-height:17px;
  5779. font-size:.9em
  5780. }
  5781. #home_container #streaks{
  5782. position:relative
  5783. }
  5784. #home_container #streaks .streaks{
  5785. padding:.8em
  5786. }
  5787. #home_container #streaks .streak_control{
  5788. top:2em;
  5789. right:2px
  5790. }
  5791. #home_container #streaks .streak_cont h4{
  5792. color:#222;
  5793. font-weight:bold;
  5794. padding:.4em .8em;
  5795. margin-bottom:.2em
  5796. }
  5797. #home_container #streaks .streak_cont .streak{
  5798. font-size:.8em;
  5799. font-weight:bold;
  5800. padding-left:.2em
  5801. }
  5802. #home_container #streaks .streak_cont .streak>*{
  5803. display:inline-block;
  5804. vertical-align:middle
  5805. }
  5806. #home_container h3 img{
  5807. margin-right:.5em
  5808. }
  5809. #home_container h3>*{
  5810. height:1em;
  5811. line-height:1em
  5812. }
  5813. #home_container #forgot_password{
  5814. font-size:.9em;
  5815. font-weight:normal;
  5816. margin-left:5px
  5817. }
  5818. #message_container #message_filters{
  5819. padding:5px 0
  5820. }
  5821. #message_container #message_filters a{
  5822. display:inline-block;
  5823. font-weight:normal;
  5824. margin-right:.5em;
  5825. padding:5px 8px
  5826. }
  5827. #message_container #message_filters a.sel{
  5828. background-color:#c11;
  5829. color:#fff
  5830. }
  5831. #message_container #message_controls{
  5832. overflow-x:hidden
  5833. }
  5834. #message_container #message_controls a{
  5835. font-weight:normal;
  5836. display:block;
  5837. margin-bottom:.2em;
  5838. padding:.5em;
  5839. border-radius:2px
  5840. }
  5841. #message_container #message_controls a:hover{
  5842. background-color:#ccc
  5843. }
  5844. #message_container #message_controls a.sel{
  5845. background-color:#c22;
  5846. color:#fff
  5847. }
  5848. #message_container #message_controls a.sel i{
  5849. color:#fff
  5850. }
  5851. #message_container #message_content #message_who{
  5852. padding:5px 0
  5853. }
  5854. #message_container #message_content #message_who>*{
  5855. display:inline-block;
  5856. vertical-align:middle;
  5857. margin-right:5px;
  5858. zoom:1;
  5859. *display:inline
  5860. }
  5861. #message_container #message_content #message_who span{
  5862. font-size:.9em;
  5863. color:grey
  5864. }
  5865. #message_container #message_content .message_controls{
  5866. width:100%;
  5867. font-size:.8em;
  5868. margin:5px 0;
  5869. padding:5px 0
  5870. }
  5871. #message_container #message_content .message_controls>*{
  5872. margin-right:.5em
  5873. }
  5874. #message_container #message_content #message_subject{
  5875. font-weight:normal;
  5876. margin:10px 0;
  5877. margin-top:5px;
  5878. padding:4px;
  5879. font-size:1.5em
  5880. }
  5881. #message_container #message_content #message_core{
  5882. box-shadow:#ddd 2px 2px;
  5883. font-size:.9em;
  5884. margin:10px 0;
  5885. background-color:#fff;
  5886. border:1px solid #ccc;
  5887. padding:1em
  5888. }
  5889. #message_container #message_content #message_core p:first-child{
  5890. margin-top:0
  5891. }
  5892. #message_container #message_content #send_message_form #recipients>*{
  5893. display:inline-block;
  5894. vertical-align:middle;
  5895. margin-right:10px
  5896. }
  5897. #message_container #message_content #send_message_form #recipient_to{
  5898. position:relative;
  5899. width:200px
  5900. }
  5901. #message_container #message_content #send_message_form #recipient_to #recipient_search_results{
  5902. z-index:500;
  5903. position:absolute;
  5904. top:0;
  5905. right:-209px;
  5906. width:200px;
  5907. padding:5px;
  5908. box-shadow:0 0 20px #ccc;
  5909. background-color:#fff
  5910. }
  5911. #message_container #message_content #send_message_form #recipient_input,#message_container #message_content #send_message_form #recipient_msg{
  5912. border:1px solid grey
  5913. }
  5914. #message_container #message_content #send_message_form #recipient_input:focus,#message_container #message_content #send_message_form #recipient_msg:focus{
  5915. background-color:#ffc
  5916. }
  5917. #message_container #message_content #send_message_form textarea{
  5918. height:15em;
  5919. width:30em
  5920. }
  5921. #message_container #message_content #send_message_form #recipient_change{
  5922. font-size:1.2em
  5923. }
  5924. #message_container #message_content #messages_table td{
  5925. padding-right:.5em;
  5926. padding-bottom:.25em
  5927. }
  5928. #message_container #message_content #messages_table td .message_clip{
  5929. color:#555;
  5930. font-size:.9em;
  5931. line-height:.9em;
  5932. margin:.5em;
  5933. min-width:30em
  5934. }
  5935. #message_container #message_content #messages_table td .message_clip .message{
  5936. color:#444;
  5937. font-weight:normal;
  5938. background:url(/images/mail_open.png) no-repeat center left;
  5939. padding-left:20px
  5940. }
  5941. #message_container #message_content #messages_table td .message_clip .message:hover{
  5942. color:#b11
  5943. }
  5944. #message_container #message_content #messages_table td .message_clip .message.opened{
  5945. background:url(/images/mail_closed.png) no-repeat center left transparent;
  5946. color:#aaa
  5947. }
  5948. #roles_container #roles_accepted a.redbutton,#roles_container #roles_accepted #forum_container #board #board_announcement .controls>*,#forum_container #board #board_announcement #roles_container #roles_accepted .controls>*,#roles_container #roles_accepted .edit_markdown .bottom_controls a.save,.edit_markdown .bottom_controls #roles_container #roles_accepted a.save,#roles_container #roles_accepted .edit_markdown .bottom_controls a.cancel,.edit_markdown .bottom_controls #roles_container #roles_accepted a.cancel{
  5949. display:block
  5950. }
  5951. #roles_container #roles_accepted .role-category{
  5952. margin-top:.5em
  5953. }
  5954. #roles_container #roles_accepted .role-category h5{
  5955. text-align:left;
  5956. padding-right:3px;
  5957. border:0;
  5958. margin:0;
  5959. font-size:16px
  5960. }
  5961. #roles_container #roles_accepted .role-category.village h5{
  5962. color:#93b7f2
  5963. }
  5964. #roles_container #roles_accepted .role-category.village .align_roles{
  5965. border-top:1px solid;
  5966. border-color:#93b7f2
  5967. }
  5968. #roles_container #roles_accepted .role-category.mafia h5{
  5969. color:#000
  5970. }
  5971. #roles_container #roles_accepted .role-category.mafia .align_roles{
  5972. border-top:1px solid;
  5973. border-color:#000
  5974. }
  5975. #roles_container #roles_accepted .role-category.third h5{
  5976. color:#acb41e
  5977. }
  5978. #roles_container #roles_accepted .role-category.third .align_roles{
  5979. border-top:1px solid;
  5980. border-color:#dbe355
  5981. }
  5982. #roles_container #roles_accepted .align_roles{
  5983. padding:4px 10px
  5984. }
  5985. #roles_container #roles_accepted .align_roles>.role{
  5986. display:inline-block;
  5987. margin:3px 5px 3px 0;
  5988. width:142px
  5989. }
  5990. #roles_container #roles_accepted .align_roles>.role a{
  5991. font-weight:normal;
  5992. font-size:.9em;
  5993. width:100%;
  5994. padding-left:25px;
  5995. height:20px;
  5996. line-height:20px
  5997. }
  5998. #roles_container #roles_suggest_role .role-custom{
  5999. display:inline-block;
  6000. width:150px;
  6001. margin-bottom:5px
  6002. }
  6003. #roles_container #align_legend{
  6004. margin-top:10px;
  6005. padding:3px
  6006. }
  6007. #roles_container #align_legend li{
  6008. font-size:.9em;
  6009. color:#999;
  6010. margin-bottom:5px
  6011. }
  6012. #roles_container #align_legend li>*{
  6013. display:inline-block;
  6014. vertical-align:middle
  6015. }
  6016. #roles_container #align_legend .mafia,#roles_container #align_legend .village,#roles_container #align_legend .third{
  6017. display:inline-block;
  6018. width:20px;
  6019. height:20px;
  6020. margin-right:4px;
  6021. border-radius:2px
  6022. }
  6023. #roles_container #align_legend .mafia{
  6024. background-color:#000
  6025. }
  6026. #roles_container #align_legend .village{
  6027. background-color:#93b7f2
  6028. }
  6029. #roles_container #align_legend .third{
  6030. background-color:#dbe355
  6031. }
  6032. #roles_container #roles_suggested{
  6033. padding-left:20px
  6034. }
  6035. #roles_container #roles_suggested #suggested_roles_inner{
  6036. margin-top:10px
  6037. }
  6038. #roles_container #roles_suggested .grid_role_one{
  6039. display:inline-block;
  6040. width:147px;
  6041. height:35px;
  6042. padding:5px;
  6043. margin:0 5px 10px 0;
  6044. font-weight:normal;
  6045. font-size:.9em;
  6046. border:2px solid #ccc;
  6047. position:relative;
  6048. box-sizing:border-box
  6049. }
  6050. #roles_container #roles_suggested .grid_role_one img{
  6051. width:20px;
  6052. height:20px
  6053. }
  6054. #roles_container #roles_suggested .grid_role_one span{
  6055. font-weight:normal;
  6056. margin-left:5px
  6057. }
  6058. #roles_container #roles_suggested .grid_role_one.align-mafia{
  6059. border-color:#ddd
  6060. }
  6061. #roles_container #roles_suggested .grid_role_one.align-village{
  6062. border-color:#c1d5f7
  6063. }
  6064. #roles_container #roles_suggested .grid_role_one.align-third{
  6065. border-color:#e4ea81
  6066. }
  6067. #roles_container #roles_suggested .grid_role_one>*{
  6068. display:inline-block;
  6069. vertical-align:middle
  6070. }
  6071. #roles_container #roles_suggested .grid_role_one .roleimg{
  6072. display:inline-block
  6073. }
  6074. #roles_container #roles_suggested .grid_role_one .newrole{
  6075. position:absolute;
  6076. top:-6px;
  6077. right:-6px;
  6078. background-color:#b11;
  6079. color:#fff;
  6080. border-radius:2px;
  6081. font-size:.6em;
  6082. font-weight:normal;
  6083. text-transform:uppercase;
  6084. padding:4px;
  6085. box-shadow:-1px 1px 1px 0 rgba(0,0,0,0.26)
  6086. }
  6087. #roles_container #roles_suggested .grid_role_one:hover{
  6088. border-color:#b55
  6089. }
  6090. #roles_container #roles_suggested .grid_role_one:hover span{
  6091. color:#b55
  6092. }
  6093. #roles_container #roles_suggested #suggested_roles_page{
  6094. width:100%
  6095. }
  6096. #roles_container #roles_suggested #suggested_roles_page td{
  6097. padding-bottom:5px
  6098. }
  6099. #roles_container #roles_suggested #suggested_roles_page img{
  6100. border:1px solid #ccc
  6101. }
  6102. #roles_container #roles_suggested #suggested_roles_page .rolename a{
  6103. font-weight:normal
  6104. }
  6105. #roles_container #roles_suggested #suggested_roles_page .created_by .person-lt{
  6106. max-width:6em;
  6107. overflow:hidden
  6108. }
  6109. #roles_container #roles_suggested #suggested_roles_page #roles_nav{
  6110. width:100%;
  6111. position:relative
  6112. }
  6113. #roles_container #roles_suggested #suggested_roles_page #roles_nav .sortnav{
  6114. margin-top:5px;
  6115. height:20px;
  6116. line-height:20px;
  6117. font-size:.9em;
  6118. margin-right:5px
  6119. }
  6120. #roles_container #roles_suggested #suggested_roles_page #roles_nav .sortnav li{
  6121. margin-left:5px
  6122. }
  6123. #roles_container #roles_suggested #suggested_roles_page td{
  6124. padding-right:1em
  6125. }
  6126. #roles_container #roles_suggested #suggested_roles_page td.created_by .created_span,#roles_container #roles_suggested #suggested_roles_page td.created_by .deleted{
  6127. color:#999
  6128. }
  6129. #roles_container #roles_suggested #suggested_roles_page td.created_by .deleted{
  6130. font-style:italic
  6131. }
  6132. #roles_container #roles_suggested #suggested_roles_page td.created_by>*{
  6133. display:inline-block;
  6134. margin-right:.5em;
  6135. font-size:.9em
  6136. }
  6137. #roles_container #roles_suggested #suggested_roles_page .rolename{
  6138. max-width:10em
  6139. }
  6140. #roles_container #roles_suggested #roles_suggest_role{
  6141. margin-top:1em
  6142. }
  6143. #roles_container #roles_suggested #roles_suggest_role label,#roles_container #roles_suggested #roles_suggest_role input,#roles_container #roles_suggested #roles_suggest_role textarea{
  6144. float:left;
  6145. clear:left
  6146. }
  6147. #roles_container #roles_suggested #roles_suggest_role input[type=text],#roles_container #roles_suggested #roles_suggest_role textarea{
  6148. border:1px solid grey
  6149. }
  6150. #roles_container #roles_suggested #roles_suggest_role label{
  6151. font-size:.9em;
  6152. font-weight:bold;
  6153. margin-top:.5em
  6154. }
  6155. #roles_container #roles_suggested #roles_suggest_role textarea{
  6156. width:300px;
  6157. height:150px
  6158. }
  6159. #achievement_container .achievement{
  6160. display:inline-block;
  6161. width:300px;
  6162. vertical-align:top;
  6163. margin-right:20px;
  6164. margin-bottom:20px
  6165. }
  6166. #achievement_container .achievement .achievement_rolename.roleimg,#achievement_container .achievement achievement_name{
  6167. width:20px;
  6168. display:inline-block;
  6169. vertical-align:bottom
  6170. }
  6171. #achievement_container .achievement .achievement_descr{
  6172. padding:15px;
  6173. background-color:#eee;
  6174. margin:5px 0;
  6175. font-size:.9em;
  6176. position:relative
  6177. }
  6178. #achievement_container .achievement .achievement_descr .achievement_aid{
  6179. position:absolute;
  6180. bottom:-5px;
  6181. right:-5px;
  6182. font-size:.8em;
  6183. padding:3px;
  6184. color:#fff;
  6185. background-color:#1b1
  6186. }
  6187. #achievement_container .achievement .achievement_descr .achievement_thres{
  6188. position:absolute;
  6189. top:-10px;
  6190. right:-10px;
  6191. border-radius:20px;
  6192. width:20px;
  6193. height:20px;
  6194. line-height:20px;
  6195. font-size:.8em;
  6196. text-align:center;
  6197. background-color:#b11;
  6198. color:#fff
  6199. }
  6200. #role_container #role_creation .define_logic{
  6201. max-height:328px;
  6202. overflow:auto
  6203. }
  6204. #role_container #role_creation .define_logic .ii{
  6205. font-size:.9em
  6206. }
  6207. #role_container #role_creation .define_logic .indent{
  6208. font-size:.95em;
  6209. padding-left:.28em
  6210. }
  6211. #role_container #role_creation .remove{
  6212. position:absolute;
  6213. top:0;
  6214. right:0
  6215. }
  6216. #role_container #role_left #role #role_stats_complete{
  6217. color:#888;
  6218. font-size:1em;
  6219. padding:10px 0
  6220. }
  6221. #role_container #role_left #role #role_title>*{
  6222. display:inline-block;
  6223. vertical-align:middle;
  6224. margin-right:.5em
  6225. }
  6226. #role_container #role_left #role #suggest_role_info{
  6227. font-size:.9em;
  6228. width:100%;
  6229. margin-bottom:.5em
  6230. }
  6231. #role_container #role_left #role #suggest_role_info>*{
  6232. display:inline-block;
  6233. margin-right:.5em
  6234. }
  6235. #role_container #role_left #role #role_desc{
  6236. padding:.25em;
  6237. font-size:1em;
  6238. color:#555
  6239. }
  6240. #role_container #role_left #role #role_text{
  6241. min-height:1em;
  6242. min-width:5em
  6243. }
  6244. #role_container #role_left #role .editable:hover{
  6245. background-color:#ffb;
  6246. cursor:pointer
  6247. }
  6248. #role_container #role_left #role #role_edit{
  6249. width:250px;
  6250. height:100px
  6251. }
  6252. #role_container #role_right #roleicon_page table{
  6253. margin:0
  6254. }
  6255. #role_container #role_right #roleicon_page table img{
  6256. width:20px;
  6257. height:20px
  6258. }
  6259. #role_container #role_right #fanart_page .fanart .lt-fanart{
  6260. float:left;
  6261. margin-right:8px;
  6262. width:65px
  6263. }
  6264. #role_container #role_right #fanart_page .fanart .rt-fanart{
  6265. display:inline-block
  6266. }
  6267. #role_container #role_right #fanart_page .fanart .rt-fanart .comment-vote>*{
  6268. display:inline-block;
  6269. vertical-align:middle;
  6270. margin-right:3px
  6271. }
  6272. #role_container table{
  6273. margin:1em 0
  6274. }
  6275. #role_container table td{
  6276. padding-right:.5em;
  6277. padding-bottom:5px;
  6278. font-size:.9em;
  6279. color:grey
  6280. }
  6281. #role_container table td:first-child{
  6282. color:#b11;
  6283. font-weight:bold
  6284. }
  6285. #switch_mobile{
  6286. overflow:hidden;
  6287. zoom:1;
  6288. text-align:center;
  6289. padding:8px;
  6290. font-size:.8em
  6291. }
  6292. #switch_mobile>a{
  6293. padding:0 10px;
  6294. font-weight:normal
  6295. }
  6296. #forum_index_container #select_lobby_forum{
  6297. margin-bottom:5px;
  6298. font-size:1.2em
  6299. }
  6300. #forum_index_container #select_lobby_forum>*{
  6301. display:inline-block;
  6302. vertical-align:bottom;
  6303. margin-right:5px;
  6304. zoom:1;
  6305. *display:inline
  6306. }
  6307. #forum_index_container #select_lobby_forum a{
  6308. padding:.4em .6em .5em;
  6309. background-color:#ccc;
  6310. height:1em;
  6311. margin-bottom:5px;
  6312. line-height:.95em;
  6313. font-weight:normal;
  6314. border-top-left-radius:3px;
  6315. border-top-right-radius:3px;
  6316. border-bottom-left-radius:0;
  6317. border-bottom-right-radius:0
  6318. }
  6319. #forum_index_container #select_lobby_forum a>*{
  6320. display:inline-block;
  6321. vertical-align:middle
  6322. }
  6323. #forum_index_container #select_lobby_forum a span{
  6324. font-size:.9em;
  6325. color:#777;
  6326. font-weight:normal
  6327. }
  6328. #forum_index_container #select_lobby_forum a img{
  6329. border:0;
  6330. margin-right:3px;
  6331. width:20px;
  6332. height:20px
  6333. }
  6334. #forum_index_container #select_lobby_forum a.sel{
  6335. background:-webkit-linear-gradient(#d33,#b11);
  6336. background:linear-gradient(#d33,#b11);
  6337. background-color:#b33
  6338. }
  6339. #forum_index_container #select_lobby_forum a.sel span{
  6340. color:#fff
  6341. }
  6342. #forum_index_container #forum_lt .forum{
  6343. padding:.5em;
  6344. border:1px solid #ccc;
  6345. border-width:0 1px
  6346. }
  6347. #forum_index_container #forum_lt .forum:nth-child(2n+1){
  6348. background-color:#eee
  6349. }
  6350. #forum_index_container #forum_lt .forum:nth-child(2n+1) .forum_recents .forum_recent{
  6351. border-color:#fff
  6352. }
  6353. #forum_index_container #forum_lt .forum:first-child{
  6354. border-width:1px 1px 0 1px
  6355. }
  6356. #forum_index_container #forum_lt .forum:last-child{
  6357. border-width:0 1px 1px 1px
  6358. }
  6359. #forum_index_container #forum_lt .forum .forum_row{
  6360. width:100%;
  6361. position:relative;
  6362. margin-top:3px
  6363. }
  6364. #forum_index_container #forum_lt .forum .forum_row a.forum-title{
  6365. font-family:sans-serif,arial;
  6366. font-weight:400;
  6367. color:#b11
  6368. }
  6369. #forum_index_container #forum_lt .forum .forum_row a.forum-title:hover{
  6370. color:#b11;
  6371. text-decoration:underline
  6372. }
  6373. #forum_index_container #forum_lt .forum .forum_row a.close{
  6374. position:absolute;
  6375. top:0;
  6376. right:0
  6377. }
  6378. #forum_index_container #forum_lt .forum .forum_row .forum_row_rt{
  6379. position:absolute;
  6380. top:-2px;
  6381. right:0;
  6382. width:16em;
  6383. overflow:hidden;
  6384. text-align:right
  6385. }
  6386. #forum_index_container #forum_lt .forum .forum_row .forum_topics,#forum_index_container #forum_lt .forum .forum_row .forum_replies{
  6387. font-weight:normal
  6388. }
  6389. #forum_index_container #forum_lt .forum .forum_row span{
  6390. font-size:.9em;
  6391. color:#888
  6392. }
  6393. #forum_index_container #forum_lt .forum .forum_row .forum_title{
  6394. font-size:1.2em;
  6395. font-weight:bold;
  6396. color:#b11;
  6397. width:20em
  6398. }
  6399. #forum_index_container #forum_lt .forum .forum_row .forum_title.sticky{
  6400. background:url(/images/pin.png) no-repeat center left;
  6401. padding-left:20px
  6402. }
  6403. #forum_index_container #forum_lt .forum .forum_row .forum_title:hover{
  6404. color:grey
  6405. }
  6406. #forum_index_container #forum_lt .forum .forum_recents{
  6407. padding:0 20px 0 0
  6408. }
  6409. #forum_index_container #forum_lt .forum .forum_recents>*{
  6410. vertical-align:top
  6411. }
  6412. #forum_index_container #forum_lt .forum .forum_recents .forumdesc{
  6413. margin:0;
  6414. color:#666;
  6415. line-height:1.25em;
  6416. font-size:.95em;
  6417. padding:.5em .5em .5em 0;
  6418. width:240px
  6419. }
  6420. #forum_index_container #forum_lt .forum .forum_recents .forumdesc.editable:hover{
  6421. background-color:#ff8
  6422. }
  6423. #forum_index_container #forum_lt .forum .forum_recents .forum_recent{
  6424. margin:10px 0;
  6425. padding:0 8px;
  6426. width:165px;
  6427. border:1px solid #ccc;
  6428. border-width:0 1px 0 0
  6429. }
  6430. #forum_index_container #forum_lt .forum .forum_recents .forum_recent:last-child{
  6431. border:0
  6432. }
  6433. #forum_index_container #forum_lt .forum .forum_recents .forum_recent a.user{
  6434. font-size:.95em;
  6435. line-height:15px;
  6436. font-weight:normal;
  6437. overflow-x:hidden
  6438. }
  6439. #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_row{
  6440. display:block
  6441. }
  6442. #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_row span{
  6443. font-size:.85em;
  6444. color:#888
  6445. }
  6446. #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_link{
  6447. margin-bottom:3px
  6448. }
  6449. #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_link a{
  6450. font-weight:normal;
  6451. color:#911;
  6452. display:block
  6453. }
  6454. #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_link a:hover{
  6455. color:#911;
  6456. text-decoration:underline
  6457. }
  6458. #forum_container .number{
  6459. font-size:1em;
  6460. font-weight:400
  6461. }
  6462. #forum_container #topics{
  6463. width:100%
  6464. }
  6465. #forum_container #topics .topic-title{
  6466. font-family:sans-serif,arial;
  6467. font-weight:normal
  6468. }
  6469. #forum_container #topics .topic-title:hover{
  6470. text-decoration:underline;
  6471. color:#b11
  6472. }
  6473. #forum_container #topics tr{
  6474. border:1px solid #ccc;
  6475. border-width:0 1px
  6476. }
  6477. #forum_container #topics th div{
  6478. font-weight:normal;
  6479. padding:5px 5px;
  6480. font-size:.9em;
  6481. margin:0;
  6482. text-align:center
  6483. }
  6484. #forum_container #topics th div.alt{
  6485. text-align:left
  6486. }
  6487. #forum_container.topic_page .post a.user{
  6488. font-weight:bold
  6489. }
  6490. #forum_container #forum_title_row a{
  6491. color:grey
  6492. }
  6493. #forum_container #forum_title_row a:hover{
  6494. color:#911
  6495. }
  6496. #forum_container h2.topic-title{
  6497. font-weight:normal;
  6498. padding:5px;
  6499. font-size:24px
  6500. }
  6501. #forum_container h2.topic-title .numposts{
  6502. padding-left:1em;
  6503. font-size:.7em;
  6504. color:#999
  6505. }
  6506. #forum_container .titlecrumb{
  6507. margin-bottom:5px;
  6508. padding-bottom:10px;
  6509. position:relative
  6510. }
  6511. #forum_container .titlecrumb.forum_header{
  6512. border-bottom:1px solid #ddd
  6513. }
  6514. #forum_container .titlecrumb.forum_header>*{
  6515. margin-right:10px;
  6516. vertical-align:middle;
  6517. display:inline-block
  6518. }
  6519. #forum_container .titlecrumb.forum_header>* .back{
  6520. height:20px;
  6521. line-height:20px
  6522. }
  6523. #forum_container .titlecrumb.forum_header>*:last-child{
  6524. margin-right:0
  6525. }
  6526. #forum_container .titlecrumb.forum_header.no_border{
  6527. border:0
  6528. }
  6529. #forum_container .titlecrumb.forum_header a.back{
  6530. font-weight:normal;
  6531. font-size:15px
  6532. }
  6533. #forum_container .titlecrumb.forum_header a.back>*{
  6534. display:inline-block;
  6535. vertical-align:middle
  6536. }
  6537. #forum_container .titlecrumb.forum_header a.back img{
  6538. border:0;
  6539. margin-right:3px
  6540. }
  6541. #forum_container .titlecrumb #bar_right{
  6542. position:absolute;
  6543. top:0;
  6544. right:0
  6545. }
  6546. #forum_container .titlecrumb #bar_right #make_topic{
  6547. color:#fff;
  6548. padding:.4em;
  6549. margin:0;
  6550. margin-left:5px;
  6551. font-weight:normal
  6552. }
  6553. #forum_container .titlecrumb #bar_right #search_forum{
  6554. padding:0;
  6555. margin:0;
  6556. width:12.5em
  6557. }
  6558. #forum_container .titlecrumb #bar_right #search_forum input[type=submit]{
  6559. font-size:.95em
  6560. }
  6561. #forum_container .titlecrumb #bar_right #search_forum input[type=text]{
  6562. font-size:1em
  6563. }
  6564. #forum_container .titlecrumb #move_topic{
  6565. position:absolute;
  6566. padding:0;
  6567. margin:0;
  6568. width:auto;
  6569. top:0;
  6570. right:0
  6571. }
  6572. #forum_container .titlecrumb #move_topic>*{
  6573. float:none;
  6574. display:inline-block;
  6575. vertical-align:middle
  6576. }
  6577. #forum_container table{
  6578. border-bottom:1px solid #aaa
  6579. }
  6580. #forum_container table tr.row:nth-child(even){
  6581. background-color:#eee
  6582. }
  6583. #forum_container table th div,#forum_container table td{
  6584. position:relative;
  6585. padding:.3em .5em
  6586. }
  6587. #forum_container table th div{
  6588. color:#fee;
  6589. background:-webkit-linear-gradient(#d33,#c22);
  6590. background:linear-gradient(#d33,#c22);
  6591. font-size:.95em;
  6592. margin:0 1px .5em
  6593. }
  6594. #forum_container table td:first-child a{
  6595. color:#b11
  6596. }
  6597. #forum_container table td:first-child a:focus{
  6598. color:#b11
  6599. }
  6600. #forum_container table td:first-child a:hover{
  6601. color:#888
  6602. }
  6603. #forum_container table td:first-child img{
  6604. margin-right:5px
  6605. }
  6606. #forum_container table td .inform{
  6607. margin:0 auto
  6608. }
  6609. #forum_container table td.reset{
  6610. padding-top:0
  6611. }
  6612. #forum_container table .close{
  6613. position:absolute;
  6614. top:0;
  6615. right:0
  6616. }
  6617. #forum_container table th{
  6618. text-align:center;
  6619. font-weight:bold
  6620. }
  6621. #forum_container table div.threadtitle{
  6622. width:22em;
  6623. font-size:1.1em;
  6624. padding:1px 0
  6625. }
  6626. #forum_container table div.threadtitle img{
  6627. margin-right:5px
  6628. }
  6629. #forum_container table div.threadtitle a{
  6630. display:inline
  6631. }
  6632. #forum_container table div.threadtitle .topic_num_votes{
  6633. font-size:.7em;
  6634. font-weight:700
  6635. }
  6636. #forum_container table div.threadtitle .topic_num_votes.green{
  6637. color:#1a1
  6638. }
  6639. #forum_container table div.threadtitle .topic_num_votes.red{
  6640. color:#b11
  6641. }
  6642. #forum_container table div.lastpost>*{
  6643. float:left;
  6644. height:20px;
  6645. line-height:20px;
  6646. margin-right:3px
  6647. }
  6648. #forum_container table div i{
  6649. font-size:.9em
  6650. }
  6651. #forum_container table table div.createdby{
  6652. width:25em
  6653. }
  6654. #forum_container table td.noleft{
  6655. padding-left:.2em
  6656. }
  6657. #forum_container table td.noright{
  6658. padding-right:.2em
  6659. }
  6660. #forum_container table td+td{
  6661. text-align:center
  6662. }
  6663. #forum_container .thread{
  6664. color:#666;
  6665. font-size:.95em;
  6666. padding:5px 0
  6667. }
  6668. #forum_container #topic_ad{
  6669. margin-top:.5em;
  6670. overflow:hidden
  6671. }
  6672. #forum_container #create_post{
  6673. width:100%
  6674. }
  6675. #forum_container #create_post>*{
  6676. display:inline-block;
  6677. vertical-align:top;
  6678. margin-right:2px
  6679. }
  6680. #forum_container #create_post .lt-create-post img{
  6681. border:1px solid #ccc
  6682. }
  6683. #forum_container #create_post .field_msg>*{
  6684. display:block
  6685. }
  6686. #forum_container #create_post .field_msg textarea{
  6687. width:200px;
  6688. height:80px
  6689. }
  6690. #forum_container #create_post .field_msg textarea:focus,#forum_container #create_post .field_msg textarea.has_content{
  6691. width:350px;
  6692. height:200px
  6693. }
  6694. #forum_container #threadmsg #edit_topic{
  6695. font-weight:normal;
  6696. font-size:.9em
  6697. }
  6698. #forum_container #threadmsg #edit_topic:hover{
  6699. text-decoration:underline
  6700. }
  6701. #forum_container #threadmsg .thread_lt{
  6702. max-width:650px;
  6703. border-bottom:1px solid #ccc;
  6704. padding-bottom:5px
  6705. }
  6706. #forum_container #threadmsg .thread_lt a#filter-participants *{
  6707. font-weight:normal
  6708. }
  6709. #forum_container #threadmsg .thread_lt #msg_container{
  6710. overflow:hidden
  6711. }
  6712. #forum_container #threadmsg .thread_lt #msg_container .msg,#forum_container #threadmsg .thread_lt #msg_container #wmd-preview{
  6713. padding:.5em;
  6714. color:#333;
  6715. line-height:22px;
  6716. font-size:.9em
  6717. }
  6718. #forum_container #hurtheal .hurthealrow-str-history{
  6719. display:inline-block;
  6720. max-width:6em;
  6721. overflow-x:hidden;
  6722. overflow-y:hidden;
  6723. white-space:nowrap;
  6724. text-overflow:ellipsis
  6725. }
  6726. #forum_container #hurtheal .hurthealrow-str{
  6727. padding-left:26px;
  6728. height:20px;
  6729. line-height:20px;
  6730. display:inline-block
  6731. }
  6732. #forum_container #hurtheal .user{
  6733. font-size:.9em
  6734. }
  6735. #forum_container #hurtheal .user img{
  6736. width:20px;
  6737. height:20px;
  6738. border-radius:10px
  6739. }
  6740. #forum_container #hurtheal .time-left{
  6741. padding:3px 0
  6742. }
  6743. #forum_container #hurtheal .sup{
  6744. margin-top:-10px;
  6745. margin-left:-10px;
  6746. font-size:.8em;
  6747. font-weight:300
  6748. }
  6749. #forum_container #hurtheal .sup.green{
  6750. color:#1b1
  6751. }
  6752. #forum_container #hurtheal .sup.red{
  6753. color:#b11
  6754. }
  6755. #forum_container #hurtheal .hurt-heal-count{
  6756. padding-left:10px
  6757. }
  6758. #forum_container #hurtheal .only_players{
  6759. padding:5px 0
  6760. }
  6761. #forum_container #hurtheal #hurtheal-start-input{
  6762. padding:5px 0
  6763. }
  6764. #forum_container #hurtheal #hurtheal-start-input #throttle-type-input{
  6765. width:5em
  6766. }
  6767. #forum_container #hurtheal #hurtheal-start-input>*{
  6768. margin-bottom:3px
  6769. }
  6770. #forum_container #hurtheal #hurtheal-start-input label{
  6771. font-size:.9em;
  6772. color:#888
  6773. }
  6774. #forum_container #hurtheal #hurtheal-start-input .val-box{
  6775. padding:2px 4px;
  6776. border:1px solid #ccc;
  6777. border-radius:2px;
  6778. color:#777
  6779. }
  6780. #forum_container #hurtheal #hurtheal-game-settings{
  6781. padding:5px 0
  6782. }
  6783. #forum_container #hurtheal #hurtheal-game-settings>span{
  6784. margin-right:10px
  6785. }
  6786. #forum_container #hurtheal #hurtheal-game-settings>span:last-child{
  6787. margin-right:0
  6788. }
  6789. #forum_container #hurtheal #hurtheal-game-settings>span>*{
  6790. display:inline-block
  6791. }
  6792. #forum_container #hurtheal #pagination{
  6793. padding:3px 0
  6794. }
  6795. #forum_container #hurtheal #pagination li{
  6796. display:inline-block;
  6797. cursor:pointer;
  6798. padding:3px 4px;
  6799. margin-right:3px;
  6800. border:1px solid #ccc
  6801. }
  6802. #forum_container #hurtheal #pagination li.sel{
  6803. border-color:#b11;
  6804. color:#b11
  6805. }
  6806. #forum_container #hurtheal .tabs{
  6807. padding:5px 0
  6808. }
  6809. #forum_container #hurtheal .tabs a.tab{
  6810. display:inline-block;
  6811. padding:4px;
  6812. font-weight:normal;
  6813. border:1px solid #ccc;
  6814. margin-right:4px
  6815. }
  6816. #forum_container #hurtheal .tabs a.tab:hover{
  6817. border-color:#b11
  6818. }
  6819. #forum_container #hurtheal .tabs a.tab.sel{
  6820. border-color:#b11;
  6821. color:#b11
  6822. }
  6823. #forum_container #hurtheal #hurtheal_cont{
  6824. padding-top:25px
  6825. }
  6826. #forum_container #hurtheal #hurtheal_events{
  6827. padding:5px 0
  6828. }
  6829. #forum_container #hurtheal #hurtheal_events .hurtheal_event{
  6830. padding:2px 0
  6831. }
  6832. #forum_container #hurtheal #hurtheal_events .user{
  6833. max-width:6em;
  6834. overflow-x:hidden;
  6835. overflow-y:hidden;
  6836. white-space:nowrap;
  6837. text-overflow:ellipsis
  6838. }
  6839. #forum_container #hurtheal #hurtheal_i .hurthealrow{
  6840. padding:2px 4px
  6841. }
  6842. #forum_container #hurtheal #hurtheal_i .hurthealrow .actions .action{
  6843. visibility:hidden
  6844. }
  6845. #forum_container #hurtheal #hurtheal_i .hurthealrow .actions .action.sel{
  6846. visibility:visible
  6847. }
  6848. #forum_container #hurtheal #hurtheal_i .hurthealrow:hover .action{
  6849. visibility:visible
  6850. }
  6851. #forum_container #hurtheal #hurtheal_i .score{
  6852. width:3em;
  6853. display:inline-block;
  6854. text-align:right
  6855. }
  6856. #forum_container #hurtheal #hurtheal_i .action-heal:hover span.icon-arrow-up{
  6857. color:#1b1
  6858. }
  6859. #forum_container #board{
  6860. z-index:3
  6861. }
  6862. #forum_container #board #announcement{
  6863. max-height:100px;
  6864. overflow-y:scroll;
  6865. margin-bottom:5px
  6866. }
  6867. #forum_container #board #edit-announcement{
  6868. display:inline-block
  6869. }
  6870. #forum_container #board #edit-announcement:hover{
  6871. color:#b11
  6872. }
  6873. #forum_container #board #edit-announcement:hover span{
  6874. color:#b11
  6875. }
  6876. #forum_container #board #board_announcement{
  6877. font-size:.9em;
  6878. padding:5px;
  6879. position:relative;
  6880. margin-bottom:10px;
  6881. font-color:#777;
  6882. line-height:1.1em;
  6883. padding-left:20px
  6884. }
  6885. #forum_container #board #board_announcement.has_content:before{
  6886. font-family:Times,Georgia;
  6887. position:absolute;
  6888. color:#bbb;
  6889. font-size:3em
  6890. }
  6891. #forum_container #board #board_announcement.has_content:before{
  6892. top:-10px;
  6893. left:0;
  6894. content:"“"
  6895. }
  6896. #forum_container #board #board_announcement i.icon-pencil{
  6897. display:none;
  6898. position:absolute;
  6899. top:0;
  6900. right:0;
  6901. color:#aaa;
  6902. cursor:pointer
  6903. }
  6904. #forum_container #board #board_announcement i.icon-pencil:hover{
  6905. color:#b11
  6906. }
  6907. #forum_container #board #board_announcement:hover i.icon-pencil{
  6908. display:block
  6909. }
  6910. #forum_container #board #board_announcement textarea{
  6911. width:350px;
  6912. height:250px
  6913. }
  6914. #forum_container #board #board_announcement .controls>*{
  6915. font-size:.9em;
  6916. display:inline-block;
  6917. vertical-align:middle;
  6918. margin-right:5px
  6919. }
  6920. #forum_container #board #board_cont{
  6921. padding-top:25px
  6922. }
  6923. #forum_container #board #board_i{
  6924. position:relative
  6925. }
  6926. #forum_container #board #board_i .add_tag_input{
  6927. border:1px solid #ccc;
  6928. padding:3px
  6929. }
  6930. #forum_container #board #board_i .tag{
  6931. font-size:.7em;
  6932. padding:3px;
  6933. border-radius:2px;
  6934. border:1px solid #ccc;
  6935. cursor:pointer;
  6936. color:#888
  6937. }
  6938. #forum_container #board #board_i .tag:hover{
  6939. background-color:#ddd
  6940. }
  6941. #forum_container #board #board_i .color_block{
  6942. margin-left:5px;
  6943. display:inline-block;
  6944. width:14px;
  6945. height:14px;
  6946. border-radius:2px
  6947. }
  6948. #forum_container #board #board_i span.num{
  6949. color:#b11;
  6950. font-size:1.2em
  6951. }
  6952. #forum_container #board #board_i li{
  6953. padding:4px;
  6954. border-bottom:1px solid #eee;
  6955. position:relative
  6956. }
  6957. #forum_container #board #board_i li i.handle{
  6958. display:none;
  6959. cursor:move;
  6960. color:#aaa;
  6961. font-size:.9em;
  6962. position:absolute;
  6963. top:8px;
  6964. left:-15px
  6965. }
  6966. #forum_container #board #board_i li i.handle:hover{
  6967. color:#b11
  6968. }
  6969. #forum_container #board #board_i li:hover i.handle{
  6970. display:block
  6971. }
  6972. #forum_container #board #board_i li img{
  6973. border:1px solid #eee
  6974. }
  6975. #forum_container #board #board_i li .player_link{
  6976. font-weight:normal;
  6977. color:#b11
  6978. }
  6979. #forum_container #board #board_i li .player_link:hover{
  6980. text-decoration:underline
  6981. }
  6982. #forum_container #choose_player,#forum_container #hurtheal_choose_player{
  6983. position:relative;
  6984. z-index:3
  6985. }
  6986. #forum_container #choose_player input[type=text],#forum_container #hurtheal_choose_player input[type=text]{
  6987. border:1px solid #ccc;
  6988. padding:3px;
  6989. font-size:1.2em
  6990. }
  6991. #forum_container #choose_player ul,#forum_container #hurtheal_choose_player ul{
  6992. width:350px;
  6993. overflow-x:hidden;
  6994. position:absolute;
  6995. bottom:35px;
  6996. background-color:#fff;
  6997. box-shadow:0 0 20px #ccc;
  6998. border:1px solid #ccc
  6999. }
  7000. #forum_container #choose_player ul li,#forum_container #hurtheal_choose_player ul li{
  7001. cursor:pointer;
  7002. padding:5px
  7003. }
  7004. #forum_container #choose_player ul li img,#forum_container #hurtheal_choose_player ul li img{
  7005. width:20px;
  7006. height:20px;
  7007. border:1px solid #ddd;
  7008. margin-right:5px
  7009. }
  7010. #forum_container #choose_player ul li:hover,#forum_container #hurtheal_choose_player ul li:hover{
  7011. background-color:#eee
  7012. }
  7013. #forum_container #choose_player ul li>*,#forum_container #hurtheal_choose_player ul li>*{
  7014. display:inline-block;
  7015. vertical-align:middle
  7016. }
  7017. #forum_container #poll,#forum_container #petition,#forum_container #countdown{
  7018. background-color:#fff;
  7019. z-index:2;
  7020. border-left:1px solid #ccc;
  7021. padding:.5em
  7022. }
  7023. #forum_container #poll .descr,#forum_container #petition .descr,#forum_container #countdown .descr{
  7024. padding:.5em;
  7025. font-size:.9em;
  7026. line-height:1.1em;
  7027. padding:1em;
  7028. color:#888;
  7029. overflow-x:hidden
  7030. }
  7031. #forum_container #countdown{
  7032. padding:.5em 0 1em
  7033. }
  7034. #forum_container #countdown #countdown-text{
  7035. text-align:center;
  7036. font-size:1.2em;
  7037. padding:.5em 0
  7038. }
  7039. #forum_container #countdown #countdown-date{
  7040. text-align:center;
  7041. color:#999
  7042. }
  7043. #forum_container #petition h2{
  7044. font-weight:normal;
  7045. color:#888;
  7046. font-size:1em;
  7047. padding:5px
  7048. }
  7049. #forum_container #petition .descr{
  7050. background-color:#eee;
  7051. margin-bottom:3px
  7052. }
  7053. #forum_container #petition #petition_users img{
  7054. border:1px solid #ccc
  7055. }
  7056. #forum_container #petition #requirements{
  7057. font-size:12px;
  7058. color:grey;
  7059. padding:3px;
  7060. background-color:#ddd
  7061. }
  7062. #forum_container #petition #petition_inner>*{
  7063. display:inline-block;
  7064. vertical-align:top;
  7065. margin-right:0;
  7066. zoom:1;
  7067. *display:inline
  7068. }
  7069. #forum_container #petition #petition_signed{
  7070. width:140px
  7071. }
  7072. #forum_container #petition #petition_users{
  7073. width:260px
  7074. }
  7075. #forum_container #petition #petition_signed .top{
  7076. font-size:22px;
  7077. padding:3px
  7078. }
  7079. #forum_container #petition #petition_signed .top span{
  7080. color:#b11
  7081. }
  7082. #forum_container #petition #petition_signed .bottom{
  7083. margin:20px 0
  7084. }
  7085. #forum_container #petition #petition_users{
  7086. padding-top:5px
  7087. }
  7088. #forum_container #petition #petition_users>*{
  7089. display:inline-block;
  7090. vertical-align:middle;
  7091. margin-right:5px;
  7092. zoom:1;
  7093. *display:inline
  7094. }
  7095. #forum_container #petition #petition_users>*{
  7096. margin-bottom:5px
  7097. }
  7098. #forum_container #poll #choices #poll_chart{
  7099. display:block;
  7100. margin:0 auto
  7101. }
  7102. #forum_container #poll #choices #poll_choices .choice .choice_bar{
  7103. margin:.5em 0
  7104. }
  7105. #forum_container #poll #choices #poll_choices .choice .choice_bar>*{
  7106. display:inline-block;
  7107. vertical-align:middle;
  7108. margin-right:.8em;
  7109. zoom:1;
  7110. *display:inline
  7111. }
  7112. #forum_container #poll #choices #poll_choices .choice .choice_bar .choice_count{
  7113. font-size:1em;
  7114. font-weight:600;
  7115. color:#b11
  7116. }
  7117. #forum_container #poll #choices #poll_choices .choice .choice_bar .choice_descr{
  7118. font-size:.9em
  7119. }
  7120. #forum_container #poll #choices #poll_choices .choice .choice_bar_users{
  7121. padding-left:28px
  7122. }
  7123. #forum_container #poll #choices #poll_choices .choice .choice_bar_users>*{
  7124. display:inline-block;
  7125. vertical-align:middle;
  7126. margin-right:3px;
  7127. zoom:1;
  7128. *display:inline
  7129. }
  7130. #forum_container #poll #choices #poll_choices .choice .choice_bar_users>*{
  7131. margin-bottom:3px
  7132. }
  7133. #forum_container #poll #choices #poll_choices .choice .choice_bar_users img{
  7134. opacity:.7;
  7135. margin-bottom:3px
  7136. }
  7137. #forum_container #poll #choices #poll_choices .choice .choice_bar_users img:hover{
  7138. opacity:1
  7139. }
  7140. #forum_container #poll textarea{
  7141. color:#a11;
  7142. line-height:22px;
  7143. min-width:25em;
  7144. max-width:30em;
  7145. padding:.5em;
  7146. margin-top:.25em;
  7147. height:10em;
  7148. overflow-x:hidden;
  7149. border:1px solid grey
  7150. }
  7151. #forum_container #participants{
  7152. padding:.3em
  7153. }
  7154. #forum_container #threadmaker{
  7155. padding:.5em;
  7156. position:relative
  7157. }
  7158. #forum_container #threadmaker>*{
  7159. display:inline-block;
  7160. vertical-align:middle;
  7161. margin-right:10px;
  7162. zoom:1;
  7163. *display:inline
  7164. }
  7165. #forum_container #threadmaker .user{
  7166. font-size:1em
  7167. }
  7168. #forum_container #viewers{
  7169. padding-top:5px
  7170. }
  7171. #forum_container #viewers #viewers_i>*{
  7172. display:inline-block
  7173. }
  7174. #forum_container #posts{
  7175. margin-top:.7em;
  7176. width:70em
  7177. }
  7178. #forum_container #posts #posts_inner{
  7179. padding:10px 0
  7180. }
  7181. #forum_container #posts .post{
  7182. padding-right:1em;
  7183. margin-bottom:18px
  7184. }
  7185. #forum_container #posts .post:last-child{
  7186. margin-bottom:0
  7187. }
  7188. #forum_container #posts .post.highlight .rt-post{
  7189. background-color:#ffa
  7190. }
  7191. #forum_container #posts .post.creator .lt-post img{
  7192. width:30px;
  7193. height:30px;
  7194. box-shadow:0 0 3px #b11
  7195. }
  7196. #forum_container #posts .post.editing .rt-post:hover .add_quote{
  7197. display:none
  7198. }
  7199. #forum_container #posts .post .lt-post{
  7200. float:left;
  7201. width:32px;
  7202. height:32px;
  7203. margin:2px 3px 0 0
  7204. }
  7205. #forum_container #posts .post .lt-post img{
  7206. border:1px solid #ccc
  7207. }
  7208. #forum_container #posts .post .rt-post{
  7209. display:inline-block;
  7210. background-color:#eee;
  7211. position:relative;
  7212. padding:8px 8px 7px 10px;
  7213. box-shadow:1px 1px 3px #bbb;
  7214. border-radius:2px
  7215. }
  7216. #forum_container #posts .post .rt-post:hover .add_quote,#forum_container #posts .post .rt-post:hover .goto_page{
  7217. display:block
  7218. }
  7219. #forum_container #posts .post .rt-post .goto_page{
  7220. position:absolute;
  7221. bottom:0;
  7222. right:0;
  7223. opacity:.8;
  7224. display:none
  7225. }
  7226. #forum_container #posts .post .rt-post .add_quote{
  7227. display:none;
  7228. position:absolute;
  7229. top:5px;
  7230. right:0;
  7231. width:17px;
  7232. height:17px
  7233. }
  7234. #forum_container #posts .post .rt-post .add_quote:before{
  7235. font-size:.9em;
  7236. content:"";
  7237. font-family:FontAwesome
  7238. }
  7239. #forum_container #posts .post .show_post{
  7240. font-weight:normal
  7241. }
  7242. #forum_container #posts .postuser .created_at{
  7243. font-size:.8em
  7244. }
  7245. #forum_container #posts .postuser .edit_status{
  7246. cursor:pointer
  7247. }
  7248. #forum_container #posts .postuser .edit_status:hover{
  7249. color:#b11
  7250. }
  7251. #forum_container #posts .postuser a{
  7252. font-size:.9em;
  7253. font-weight:bold;
  7254. color:#b11
  7255. }
  7256. #forum_container #posts .postuser a:hover{
  7257. text-decoration:underline
  7258. }
  7259. #forum_container #posts .postuser>*{
  7260. display:inline-block;
  7261. margin-right:5px
  7262. }
  7263. #forum_container #posts .postmsg{
  7264. margin-top:8px
  7265. }
  7266. #forum_container #posts .postmsg .bubble{
  7267. position:relative;
  7268. min-width:14em;
  7269. max-width:33em;
  7270. overflow-x:hidden;
  7271. overflow-y:hidden
  7272. }
  7273. #forum_container #posts .postmsg .bubble .bubble_msg{
  7274. line-height:1.2em
  7275. }
  7276. #forum_container #posts .postmsg .bubble .bubble_msg a{
  7277. font-weight:normal
  7278. }
  7279. #forum_container #posts .postmsg .bubble .bubble_edit{
  7280. margin-top:5px
  7281. }
  7282. #forum_container #posts .postmsg .bubble .bubble_edit a{
  7283. font-weight:normal;
  7284. font-size:16px
  7285. }
  7286. #forum_container #posts .postmsg .bubble .bubble_edit .edit_msg{
  7287. width:30em;
  7288. padding:10px;
  7289. font-size:.9em;
  7290. height:7em;
  7291. border:1px solid grey;
  7292. padding:3px
  7293. }
  7294. #forum_container #posts .postmsg .bubble .bubble_edit .edit_msg_actions>*{
  7295. display:inline-block;
  7296. vertical-align:middle;
  7297. margin-right:5px;
  7298. zoom:1;
  7299. *display:inline
  7300. }
  7301. #forum_container #posts .postmsg .bubble .bubble_edit .edit_msg_actions a{
  7302. font-size:.95em
  7303. }
  7304. #forum_container #posts .postmsg .bubble .close{
  7305. position:absolute;
  7306. bottom:0;
  7307. right:0
  7308. }
  7309. #forum_container #posts .postmsg .bubble .spoiler{
  7310. background-color:#333;
  7311. color:#333
  7312. }
  7313. #forum_container #posts .postmsg .bubble .spoiler a{
  7314. color:#333
  7315. }
  7316. #forum_container #posts .postmsg .bubble .spoiler:hover{
  7317. cursor:default;
  7318. background-color:transparent
  7319. }
  7320. #forum_container #posts .postmsg .bubble img{
  7321. max-width:400px;
  7322. max-height:400px
  7323. }
  7324. #forum_container #posts .postmsg .bubble fieldset{
  7325. border-radius:3px;
  7326. padding:.4em 1em;
  7327. margin:10px 0;
  7328. overflow:visible;
  7329. font-size:.9em
  7330. }
  7331. #forum_container #posts .postmsg .bubble fieldset:before{
  7332. display:block;
  7333. font-size:3em;
  7334. line-height:.1em;
  7335. margin-right:.25em;
  7336. margin-left:-0.2em;
  7337. margin-top:-0.2em;
  7338. vertical-align:-0.4em;
  7339. font-family:"Trebuchet MS",Times,serif;
  7340. content:"“";
  7341. color:#aaa;
  7342. text-shadow:0 1px 1px #909090
  7343. }
  7344. #forum_container #posts .postmsg .bubble fieldset legend{
  7345. color:#666;
  7346. margin-left:1.5em;
  7347. margin-top:.2em
  7348. }
  7349. #forum_container #posts .postmsg .bubble fieldset blockquote{
  7350. padding:.4em 0 .4em .4em;
  7351. margin-top:.1em;
  7352. color:#888;
  7353. border-left:1px solid #ccc;
  7354. width:90%
  7355. }
  7356. #forum_container #posts .postmsg .bubble fieldset blockquote img{
  7357. max-width:80%
  7358. }
  7359. #forum_container .replylink{
  7360. font-weight:normal;
  7361. font-size:.8em
  7362. }
  7363. #forum_container .deleteduserpost{
  7364. font-size:.85em;
  7365. color:#777
  7366. }
  7367. #forum_container form{
  7368. width:26em;
  7369. margin-top:1em
  7370. }
  7371. #forum_container form h3{
  7372. text-align:right
  7373. }
  7374. #forum_container form label{
  7375. padding:0 0 .2em 0
  7376. }
  7377. #forum_container form label{
  7378. font-weight:bold;
  7379. font-size:.9em;
  7380. padding:.1em 0;
  7381. margin-top:.2em
  7382. }
  7383. #forum_container form input{
  7384. border:1px solid #aaa
  7385. }
  7386. #forum_container form textarea{
  7387. margin-bottom:.25em;
  7388. border:1px solid #aaa;
  7389. width:30em;
  7390. height:16em;
  7391. font-size:15px
  7392. }
  7393. #forum_container form input:focus,#forum_container form textarea:focus{
  7394. background-color:#fff;
  7395. border:1px solid #b11
  7396. }
  7397. #addon_container #credit-card-form{
  7398. border:1px solid #ccc;
  7399. padding:.4em .8em;
  7400. width:250px
  7401. }
  7402. #addon_container #credit-card-pay-button{
  7403. font-size:.9em;
  7404. font-weight:normal;
  7405. border:0;
  7406. border-radius:3px;
  7407. background-color:#b11;
  7408. color:#fff;
  7409. padding:.6em;
  7410. cursor:pointer;
  7411. opacity:.8;
  7412. margin-top:10px;
  7413. margin-bottom:0
  7414. }
  7415. #addon_container #credit-card-pay-button.invalid{
  7416. background-color:#999
  7417. }
  7418. #addon_container #credit-card-pay-button:hover{
  7419. opacity:1
  7420. }
  7421. #addon_container .braintree-label{
  7422. font-size:.7em;
  7423. text-transform:uppercase;
  7424. color:#666
  7425. }
  7426. #addon_container .hosted-field{
  7427. height:30px
  7428. }
  7429. #addon_container #gift{
  7430. position:relative
  7431. }
  7432. #addon_container #gift #gift-icon{
  7433. position:absolute;
  7434. bottom:0;
  7435. right:-5px
  7436. }
  7437. #addon_container #donate_paypal{
  7438. margin:0
  7439. }
  7440. #addon_container #donate_bitcoins{
  7441. height:40px
  7442. }
  7443. #addon_container .purchased{
  7444. float:right;
  7445. font-size:.9em;
  7446. color:#911
  7447. }
  7448. #addon_container #tokeninfo{
  7449. margin:3px;
  7450. background-color:#ddd;
  7451. border-radius:2px;
  7452. padding:10px;
  7453. width:254px;
  7454. position:relative
  7455. }
  7456. #addon_container #tokeninfo a.close{
  7457. position:absolute;
  7458. top:-13px;
  7459. right:-13px;
  7460. width:16px;
  7461. height:16px;
  7462. text-align:center;
  7463. border:1px solid #aaa;
  7464. background-color:#fff;
  7465. border-radius:8px
  7466. }
  7467. #addon_container #token_offers>*{
  7468. border-radius:2px;
  7469. padding:4px;
  7470. display:inline-block;
  7471. vertical-align:middle;
  7472. width:80px;
  7473. border:1px solid #ccc;
  7474. margin:0 4px 4px 0;
  7475. cursor:pointer
  7476. }
  7477. #addon_container #token_offers>*:hover{
  7478. background-color:#eee
  7479. }
  7480. #addon_container #token_offers>*.sel{
  7481. background-color:#ddd;
  7482. border-color:#b11
  7483. }
  7484. #addon_container #buytokens img{
  7485. border:0
  7486. }
  7487. #addon_container #cannotfind{
  7488. border:2px solid #b11;
  7489. color:#b11;
  7490. padding:10px;
  7491. text-align:center;
  7492. background-color:#eee
  7493. }
  7494. #addon_container #target{
  7495. display:none
  7496. }
  7497. #addon_container #target input{
  7498. border:1px solid grey
  7499. }
  7500. #addon_container #numtokens{
  7501. color:#444;
  7502. margin-bottom:20px;
  7503. font-weight:normal
  7504. }
  7505. #addon_container #tokens a{
  7506. font-size:.9em;
  7507. float:right
  7508. }
  7509. #addon_container #tokens a.sel{
  7510. color:#b11
  7511. }
  7512. #addon_container h6{
  7513. background:url(../../view/images/bullet.png) no-repeat left center;
  7514. padding-left:10px;
  7515. font-weight:bold;
  7516. color:#333;
  7517. margin-bottom:.5em
  7518. }
  7519. #addon_container form{
  7520. margin:.5em 0
  7521. }
  7522. #addon_container select{
  7523. border:1px solid grey;
  7524. margin-bottom:5px
  7525. }
  7526. #addon_container #modules{
  7527. width:100%
  7528. }
  7529. #addon_container #modules .module{
  7530. box-sizing:border-box;
  7531. width:48%;
  7532. padding:.5em
  7533. }
  7534. #addon_container #modules .module h5{
  7535. font-size:1em;
  7536. font-weight:bold;
  7537. color:#b11;
  7538. padding:.2em 0;
  7539. border:0
  7540. }
  7541. #addon_container #modules .module p{
  7542. border-radius:3px;
  7543. padding:1em;
  7544. background-color:#ddd;
  7545. font-size:1em;
  7546. line-height:1.1em;
  7547. overflow:hidden;
  7548. word-wrap:break-word
  7549. }
  7550. #addon_container #modules .module .moduleinfo{
  7551. font-size:.9em;
  7552. color:#777;
  7553. text-align:right;
  7554. padding:5px 0
  7555. }
  7556. #addon_container #modules .module .yourinfo{
  7557. font-size:.9em;
  7558. text-align:right
  7559. }
  7560. #addon_container #target input{
  7561. font-size:1.1em;
  7562. padding:10px
  7563. }
  7564. #addon_container .actionbar{
  7565. margin-top:.25em;
  7566. padding:5px;
  7567. background-color:#eee
  7568. }
  7569. #addon_container .actionbar div{
  7570. float:left;
  7571. font-weight:bold
  7572. }
  7573. #addon_container .actionbar a{
  7574. float:right;
  7575. color:#b11;
  7576. border:1px solid #b11
  7577. }
  7578. #addon_container .actionbar a:hover{
  7579. color:#fff
  7580. }
  7581. #addon_container .inform{
  7582. margin-top:.5em
  7583. }
  7584. #addon_container .inform li{
  7585. padding-left:20px;
  7586. background:url(../../view/images/bullet.png) no-repeat left 5px;
  7587. margin:.5em 0
  7588. }
  7589. #admin_container ul#role_list>*{
  7590. display:inline-block;
  7591. width:100px;
  7592. margin:5px
  7593. }
  7594. #admin_container #achievement_container table td,#admin_container #achievement_container table th{
  7595. padding-right:1em
  7596. }
  7597. #admin_container #achievement_container #roles>*{
  7598. vertical-align:middle;
  7599. display:inline-block;
  7600. margin-right:5px;
  7601. cursor:pointer
  7602. }
  7603. #admin_container .indent{
  7604. margin-left:1em
  7605. }
  7606. #admin_container #commands{
  7607. float:left;
  7608. clear:both;
  7609. height:50em;
  7610. padding-right:1em
  7611. }
  7612. #admin_container #commands li{
  7613. float:left;
  7614. clear:left;
  7615. margin:2px 0
  7616. }
  7617. #admin_container #commands a{
  7618. display:block
  7619. }
  7620. #admin_container #commands a:hover{
  7621. color:#911
  7622. }
  7623. #admin_container #admindetails pre{
  7624. font-family:courier;
  7625. word-wrap:break-word
  7626. }
  7627. #admin_container #dbcontrols{
  7628. float:left;
  7629. width:804px;
  7630. margin-bottom:1em
  7631. }
  7632. #admin_container #dbcontrols a{
  7633. float:left;
  7634. font-size:.9em;
  7635. margin-right:1em
  7636. }
  7637. #admin_container #dbwindow{
  7638. width:804px;
  7639. float:left;
  7640. clear:left
  7641. }
  7642. #admin_container #olddb,#admin_container #newdb{
  7643. overflow:hidden;
  7644. height:auto;
  7645. width:400px;
  7646. float:left;
  7647. margin-right:2px
  7648. }
  7649. #admin_container .dbinput{
  7650. margin-top:1em
  7651. }
  7652. #admin_container .dbtable td{
  7653. padding:1em 0 0;
  7654. font-weight:bold
  7655. }
  7656. #admin_container .dbfield{
  7657. font-size:.9em
  7658. }
  7659. #admin_container .dbfield td:first-child{
  7660. padding:.5em 0 .5em 1em
  7661. }
  7662. #admin_container .dbfieldattr{
  7663. font-size:.8em
  7664. }
  7665. #admin_container .dbfieldattr td:first-child{
  7666. padding-left:2em
  7667. }
  7668. #admin_container #userpage{
  7669. float:left
  7670. }
  7671. #admin_container td{
  7672. vertical-align:middle;
  7673. padding-right:1em
  7674. }
  7675. #admin_container #admin_email #email_body{
  7676. background-color:#eee;
  7677. margin:1em 0;
  7678. padding:1em;
  7679. float:left;
  7680. border:1px solid #000
  7681. }
  7682. .comment-lt{
  7683. height:20px;
  7684. line-height:20px;
  7685. font-size:.9em;
  7686. color:#777;
  7687. font-weight:normal
  7688. }
  7689. .comment-lt:after{
  7690. content:"";
  7691. font-family:FontAwesome;
  7692. color:#b11;
  7693. font-size:12px;
  7694. margin-left:2px;
  7695. position:relative;
  7696. top:-5px
  7697. }
  7698. .commentbox{
  7699. width:100%;
  7700. color:#222
  7701. }
  7702. .commentbox .comment{
  7703. margin-bottom:15px
  7704. }
  7705. .commentbox .comment .lt-comment{
  7706. width:32px;
  7707. height:32px;
  7708. float:left;
  7709. margin:0 5px 5px 0
  7710. }
  7711. .commentbox .comment .lt-comment img{
  7712. border:1px solid #ddd;
  7713. width:30px;
  7714. height:30px
  7715. }
  7716. .commentbox .comment a:hover{
  7717. text-decoration:underline
  7718. }
  7719. .commentbox .comment .rt-comment{
  7720. padding-left:5px;
  7721. margin-left:10px
  7722. }
  7723. .commentbox .bubble{
  7724. position:relative;
  7725. margin-top:5px;
  7726. line-height:1.2em;
  7727. overflow-x:hidden
  7728. }
  7729. .commentbox .bubble_i{
  7730. border-radius:2px;
  7731. background-color:#efefef;
  7732. padding:8px 10px;
  7733. padding-top:5px;
  7734. float:left
  7735. }
  7736. .commentbox .bubble_i .msg{
  7737. font-size:.9em;
  7738. margin-top:5px;
  7739. overflow-x:hidden
  7740. }
  7741. .commentbox .bubble_i .msg img{
  7742. max-height:200px;
  7743. max-width:200px
  7744. }
  7745. .commentbox .bubble_i .msg.negged{
  7746. color:#bbb
  7747. }
  7748. .commentbox .bubble_i .msg.negged .msg-inner{
  7749. display:none
  7750. }
  7751. .commentbox .bubble_i .msg.negged:hover{
  7752. color:#555
  7753. }
  7754. .commentbox .bubble_i .msg.negged:hover .hidden-msg{
  7755. display:none
  7756. }
  7757. .commentbox .bubble_i .msg.negged:hover .msg-inner{
  7758. display:block
  7759. }
  7760. .commentbox .bubble>a.close{
  7761. position:absolute;
  7762. bottom:2px;
  7763. right:2px
  7764. }
  7765. .commentbox .mini_vote{
  7766. margin-left:5px
  7767. }
  7768. .commentbox .mini_vote a{
  7769. margin:0
  7770. }
  7771. .commentbox .created{
  7772. color:#888;
  7773. font-size:.8em;
  7774. margin-left:2px
  7775. }
  7776. .commentbox .inner{
  7777. font-size:.9em;
  7778. padding:1.2em;
  7779. line-height:1.2em;
  7780. overflow-x:hidden
  7781. }
  7782. .commentbox .commentinfo{
  7783. position:relative;
  7784. z-index:2
  7785. }
  7786. .commentbox .commentinfo a{
  7787. color:#b44;
  7788. font-size:.9em
  7789. }
  7790. .commentbox .commentinfo div.grey.smallfont{
  7791. font-size:.8em;
  7792. display:inline-block
  7793. }
  7794. .commentbox .emptycomment{
  7795. font-size:.9em;
  7796. margin-top:1em;
  7797. color:#b22
  7798. }
  7799. .commentbox .comment_form{
  7800. display:inline-block
  7801. }
  7802. .commentbox .comment_form .inner{
  7803. background-color:#ddd;
  7804. padding:1em;
  7805. border-radius:2px
  7806. }
  7807. .commentbox .comment_form textarea{
  7808. font-size:15px;
  7809. word-spacing:.2em;
  7810. padding:.5em;
  7811. width:25em;
  7812. height:2em;
  7813. background-color:#ddd;
  7814. border:none!important;
  7815. -webkit-transition-property:width,height;
  7816. transition-property:width,height;
  7817. -webkit-transition-duration:.5s;
  7818. transition-duration:.5s
  7819. }
  7820. .commentbox .comment_form textarea:hover{
  7821. background-color:#fff
  7822. }
  7823. .commentbox .comment_form textarea:focus{
  7824. border:1px solid #b11;
  7825. background-color:#fff;
  7826. height:10em
  7827. }
  7828. .commentbox .comment_form .comment_submit_container{
  7829. display:none;
  7830. text-align:right
  7831. }
  7832. .commentbox .comment_form .comment_submit_container input[type=submit]{
  7833. display:inline-block
  7834. }
  7835. .commentbox .comment_form .commenttext:focus{
  7836. height:10em
  7837. }
  7838. #family_container.white{
  7839. color:#fff
  7840. }
  7841. #family_container.white #family-title i[class^=icon-]{
  7842. color:#fff
  7843. }
  7844. #family_container.white .bgwhite{
  7845. opacity:.95
  7846. }
  7847. #family_container #family_stats_points table,#family_container #family_stats_percentage table,#family_container #family_stats_achieve table{
  7848. width:100%
  7849. }
  7850. #family_container #family_stats_points td,#family_container #family_stats_percentage td,#family_container #family_stats_achieve td{
  7851. padding:3px
  7852. }
  7853. #family_container #family-title h2{
  7854. font-size:1.4em;
  7855. font-weight:normal
  7856. }
  7857. #family_container #family-title>*{
  7858. display:inline-block;
  7859. vertical-align:middle;
  7860. margin-right:5px;
  7861. zoom:1;
  7862. *display:inline
  7863. }
  7864. #family_container #family-title a{
  7865. font-weight:normal
  7866. }
  7867. #family_container #familyinfo img{
  7868. border:1px solid grey
  7869. }
  7870. #family_container #familyinfo img.main{
  7871. width:100px;
  7872. height:100px
  7873. }
  7874. #family_container #familyinfo .family_totals{
  7875. margin-top:10px;
  7876. max-width:140px;
  7877. font-size:.9em;
  7878. overflow:hidden
  7879. }
  7880. #family_container #familyinfo .family_totals>*{
  7881. margin-bottom:5px
  7882. }
  7883. #family_container #familyinfo .family_totals .trophies{
  7884. width:120px
  7885. }
  7886. #family_container #familyinfo table .family_info{
  7887. padding:.5em;
  7888. border-bottom:1px solid #ccc
  7889. }
  7890. #family_container #familyinfo table td{
  7891. vertical-align:top;
  7892. padding:.25em
  7893. }
  7894. #family_container #familyinfo table td.red{
  7895. padding-right:1em;
  7896. color:#911;
  7897. font-weight:bold;
  7898. font-size:.9em
  7899. }
  7900. #family_container .confirmed_members.can_sort .member{
  7901. cursor:grab;
  7902. cursor:-webkit-grab
  7903. }
  7904. #family_container .member{
  7905. margin-bottom:5px;
  7906. position:relative
  7907. }
  7908. #family_container .member .leader{
  7909. right:40px
  7910. }
  7911. #family_container .member .settings_menu{
  7912. cursor:default;
  7913. position:absolute;
  7914. top:50%;
  7915. right:0;
  7916. margin-top:-10px
  7917. }
  7918. #family_container .invited{
  7919. background-color:#ddd;
  7920. padding:5px
  7921. }
  7922. #family_container .invited .familycontrol{
  7923. text-align:center;
  7924. font-size:.95em;
  7925. color:#888
  7926. }
  7927. #family_container .editable:hover{
  7928. background-color:#ff8;
  7929. cursor:pointer
  7930. }
  7931. #family_container #mission_container #mission,#family_container #mission_container .wmd-preview{
  7932. overflow:hidden;
  7933. font-size:.9em;
  7934. width:520px;
  7935. line-height:1.2em
  7936. }
  7937. #family_container #totalpoints{
  7938. font-weight:bold
  7939. }
  7940. #form_container fieldset{
  7941. padding:.8em
  7942. }
  7943. #form_container legend{
  7944. color:#444;
  7945. font:bold 1.2em arial
  7946. }
  7947. #form_container form p{
  7948. margin-bottom:2px;
  7949. position:relative
  7950. }
  7951. #form_container label{
  7952. font-size:.9em;
  7953. display:block;
  7954. float:left;
  7955. width:8em;
  7956. line-height:1.3em;
  7957. height:1.3em;
  7958. text-align:right;
  7959. padding-right:.5em
  7960. }
  7961. #form_container label.error{
  7962. position:absolute;
  7963. width:150px;
  7964. height:auto;
  7965. background-color:#fff;
  7966. border:1px solid #ccc;
  7967. top:0;
  7968. right:-140px;
  7969. z-index:4;
  7970. padding:.5em;
  7971. text-align:center;
  7972. color:#b11
  7973. }
  7974. #form_container input[type=text],#form_container input[type=password]{
  7975. font-size:1.1em;
  7976. height:1.2em;
  7977. padding:.25em;
  7978. border:1px solid gray;
  7979. margin:2px 0
  7980. }
  7981. #form_container input[type=text]:focus,#form_container input[type=password]:focus{
  7982. border-color:#b11
  7983. }
  7984. #form_container textarea:focus{
  7985. border-color:#b11
  7986. }
  7987. #form_container input[type=checkbox]{
  7988. float:left;
  7989. width:1.3em;
  7990. height:1.3em
  7991. }
  7992. #form_container input[type=submit]{
  7993. margin-top:.3em;
  7994. margin-bottom:.3em;
  7995. border:1px solid gray;
  7996. width:auto
  7997. }
  7998. #form_container textarea{
  7999. font-size:15px;
  8000. border:1px solid gray
  8001. }
  8002. .tip_body.select_possible_tip{
  8003. overflow:visible;
  8004. position:relative;
  8005. max-width:200px;
  8006. padding:1em
  8007. }
  8008. .tip_body.select_possible_tip>*{
  8009. display:inline-block;
  8010. vertical-align:middle;
  8011. margin-right:5px;
  8012. zoom:1;
  8013. *display:inline
  8014. }
  8015. .tip_body.select_possible_tip .close_modal,.tip_body.select_possible_tip #game_container .screen .track_user .close_track_user,#game_container .screen .track_user .tip_body.select_possible_tip .close_track_user{
  8016. top:-6px;
  8017. right:-16px
  8018. }
  8019. .tip_body.select_possible_tip .roleimg{
  8020. cursor:pointer
  8021. }
  8022. .meeting_instruction .tip_body,.minigame_instructions .tip_body{
  8023. text-align:center;
  8024. padding:10px;
  8025. font-size:.9em;
  8026. width:100px
  8027. }
  8028. body.has_lobby_background #header{
  8029. opacity:.9;
  8030. background-color:#fff
  8031. }
  8032. body.mafia-game-body #videochat{
  8033. width:1060px;
  8034. margin:0 auto;
  8035. z-index:5;
  8036. position:relative
  8037. }
  8038. #game-container.game{
  8039. z-index:0;
  8040. position:relative;
  8041. min-height:100%
  8042. }
  8043. #game-container.game.day{
  8044. background:#c9dbe9;
  8045. background:-webkit-linear-gradient(#c9dbe9,#fff);
  8046. background:linear-gradient(#c9dbe9,#fff)
  8047. }
  8048. #game-container.game.day .sun,#game-container.game.day .cloud{
  8049. display:block
  8050. }
  8051. #game-container.game.day #content{
  8052. opacity:.97
  8053. }
  8054. #game-container.game.night{
  8055. background:url(/images/mafia/stars.png) repeat bottom center #222
  8056. }
  8057. #game-container.game.night .moon,#game-container.game.night .stars{
  8058. display:block
  8059. }
  8060. #game-container.game h5{
  8061. border-bottom:0
  8062. }
  8063. #game-container.game .prop{
  8064. display:none;
  8065. position:absolute;
  8066. z-index:-2
  8067. }
  8068. #game-container.game .moon{
  8069. right:2%;
  8070. top:2%;
  8071. width:168px;
  8072. height:168px;
  8073. background:transparent url(/images/mafia/moon.png) no-repeat center center;
  8074. opacity:.8;
  8075. z-index:-3
  8076. }
  8077. #game-container.game .sun{
  8078. right:0;
  8079. top:-41px;
  8080. width:150px;
  8081. height:152px;
  8082. background:transparent url(/images/mafia/sun.png) no-repeat center center;
  8083. z-index:-3
  8084. }
  8085. #game-container.game .cloud{
  8086. width:200px;
  8087. height:60px;
  8088. background:#eee;
  8089. border-radius:200px;
  8090. -moz-border-radius:200px;
  8091. -webkit-border-radius:200px;
  8092. z-index:-2
  8093. }
  8094. #game-container.game .cloud:before,#game-container.game .cloud:after{
  8095. content:"";
  8096. position:absolute;
  8097. background:#fff;
  8098. width:100px;
  8099. height:80px;
  8100. position:absolute;
  8101. top:-15px;
  8102. left:10px;
  8103. border-radius:100px;
  8104. -moz-border-radius:100px;
  8105. -webkit-border-radius:100px;
  8106. -webkit-transform:rotate(30deg);
  8107. transform:rotate(30deg);
  8108. -moz-transform:rotate(30deg)
  8109. }
  8110. #game-container.game .cloud:after{
  8111. width:120px;
  8112. height:120px;
  8113. top:-55px;
  8114. left:auto;
  8115. right:15px
  8116. }
  8117. #game-container.game .cloud_2{
  8118. top:-100px;
  8119. left:-14px;
  8120. -webkit-transform:scale(.6);
  8121. transform:scale(.6);
  8122. opacity:.6
  8123. }
  8124. #game-container.game .cloud_3{
  8125. right:0;
  8126. top:147px;
  8127. -webkit-transform:scale(.8);
  8128. transform:scale(.8);
  8129. opacity:.8
  8130. }
  8131. #game-container.game #content{
  8132. padding-top:20px;
  8133. border:1px solid #ccc;
  8134. background:#fff;
  8135. z-index:1
  8136. }
  8137. #content.fullscreen{
  8138. width:95%
  8139. }
  8140. #content.fullscreen #game_container{
  8141. width:95%;
  8142. z-index:1
  8143. }
  8144. #content.hide_timestamp .timestamp{
  8145. display:none
  8146. }
  8147. #content.hide_voting .log_voting{
  8148. display:none
  8149. }
  8150. #classroom{
  8151. position:fixed;
  8152. bottom:0;
  8153. left:10px;
  8154. z-index:6000
  8155. }
  8156. #classroom>*{
  8157. display:inline-block;
  8158. vertical-align:bottom;
  8159. margin-right:10px
  8160. }
  8161. #classroom #mentors,#classroom #students,#classroom .classroom{
  8162. background-color:#fff;
  8163. box-shadow:0 0 20px #ccc
  8164. }
  8165. #classroom .classroom{
  8166. width:200px
  8167. }
  8168. #classroom .classroom .classroom_talk{
  8169. font-size:.8em;
  8170. margin-bottom:5px
  8171. }
  8172. #classroom .classroom .classroom_talk b{
  8173. font-weight:bold
  8174. }
  8175. #classroom .classroom .header{
  8176. border-bottom:1px solid #ccc;
  8177. background-color:#ccc;
  8178. height:20px;
  8179. cursor:pointer;
  8180. position:relative
  8181. }
  8182. #classroom .classroom .header:hover{
  8183. background-color:#eee
  8184. }
  8185. #classroom .classroom .msg{
  8186. min-height:150px;
  8187. max-height:200px;
  8188. overflow-y:scroll;
  8189. overflow-x:hidden;
  8190. padding:4px;
  8191. padding-bottom:10px
  8192. }
  8193. #classroom .classroom input[type=text]{
  8194. display:block;
  8195. width:186px;
  8196. font-size:.9em;
  8197. padding:5px
  8198. }
  8199. #classroom .classroom .close{
  8200. z-index:6;
  8201. display:block;
  8202. width:20px;
  8203. height:20px;
  8204. line-height:20px;
  8205. text-align:center;
  8206. position:absolute;
  8207. top:0;
  8208. right:0
  8209. }
  8210. #game_container{
  8211. min-height:800px;
  8212. position:relative
  8213. }
  8214. #game_container .game_option.sel+i{
  8215. color:#b11
  8216. }
  8217. #game_container #setup_strategy{
  8218. height:20px;
  8219. width:0;
  8220. cursor:pointer;
  8221. margin-left:8px;
  8222. position:relative
  8223. }
  8224. #game_container #setup_strategy:hover{
  8225. background-color:#ffa
  8226. }
  8227. #game_container #setup_strategy #setup_strategy_inner{
  8228. position:relative;
  8229. top:1.2em;
  8230. left:-1.2em;
  8231. width:28em;
  8232. z-index:10;
  8233. padding:.5em;
  8234. background-color:#fff;
  8235. border:1px solid #aaa
  8236. }
  8237. #game_container #setup_strategy #setup_strategy_inner .wiki_link{
  8238. font-size:.9em;
  8239. font-weight:normal
  8240. }
  8241. #game_container #setup_strategy #setup_strategy_inner .wiki_link>*{
  8242. display:inline-block;
  8243. vertical-align:middle;
  8244. margin-right:8px;
  8245. zoom:1;
  8246. *display:inline
  8247. }
  8248. #game_container #setup_strategy #setup_strategy_inner a.close{
  8249. position:absolute;
  8250. top:5px;
  8251. right:5px;
  8252. font-size:.9em;
  8253. font-weight:normal
  8254. }
  8255. #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title{
  8256. @extent .pretty_font;
  8257. padding:.4em;
  8258. cursor:pointer;
  8259. font-size:.8em;
  8260. font-weight:bold;
  8261. background-color:#eee;
  8262. border-bottom:1px solid #aaa
  8263. }
  8264. #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title:hover{
  8265. background-color:#ffa
  8266. }
  8267. #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title>*{
  8268. display:inline-block;
  8269. vertical-align:middle;
  8270. margin-right:5px;
  8271. zoom:1;
  8272. *display:inline
  8273. }
  8274. #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_descr{
  8275. font-size:.9em;
  8276. padding:.5em;
  8277. display:none;
  8278. overflow-y:auto;
  8279. max-height:30em
  8280. }
  8281. #game_container #game{
  8282. position:relative
  8283. }
  8284. #game_container #game.graphical .userbox{
  8285. width:120px
  8286. }
  8287. #game_container #game.graphical .userbox .user_inner_li .username{
  8288. max-width:45px
  8289. }
  8290. #game_container #game.graphical .cmds{
  8291. width:120px
  8292. }
  8293. #game_container #game #lower-right{
  8294. position:absolute;
  8295. bottom:10px;
  8296. right:5px;
  8297. text-align:right;
  8298. z-index:8
  8299. }
  8300. #game_container #game #lower-right>*{
  8301. margin-left:5px;
  8302. display:inline-block
  8303. }
  8304. #game_container #game #lower-right #settings{
  8305. border:1px solid transparent;
  8306. width:20px;
  8307. height:20px;
  8308. position:relative
  8309. }
  8310. #game_container #game #lower-right #settings:before{
  8311. content:"";
  8312. font-family:FontAwesome;
  8313. color:#ccc;
  8314. font-size:18px;
  8315. line-height:29px
  8316. }
  8317. #game_container #game #lower-right #settings #settings_inner{
  8318. display:none
  8319. }
  8320. #game_container #game #lower-right #settings:hover:before{
  8321. color:#b11
  8322. }
  8323. #game_container #game #lower-right #settings:hover #settings_inner{
  8324. border-radius:2px;
  8325. font-size:.85em;
  8326. color:#777;
  8327. position:absolute;
  8328. padding:5px;
  8329. border:1px solid #aaa;
  8330. background-color:#efefef;
  8331. width:120px;
  8332. height:188px;
  8333. bottom:20px;
  8334. right:-5px;
  8335. display:block
  8336. }
  8337. #game_container #game #lower-right #settings:hover #settings_inner .setting{
  8338. padding:2px
  8339. }
  8340. #game_container #game #lower-right #settings:hover #settings_inner .setting>*{
  8341. display:inline-block;
  8342. vertical-align:middle;
  8343. margin-right:5px;
  8344. zoom:1;
  8345. *display:inline
  8346. }
  8347. #game_container #game_title h5{
  8348. padding:0;
  8349. font-size:2em
  8350. }
  8351. #game_container #statewrap{
  8352. background-color:#ddd
  8353. }
  8354. #game_container #statebox{
  8355. position:relative;
  8356. padding:4px 0;
  8357. color:#555;
  8358. margin:0 0 .4em;
  8359. width:100%;
  8360. height:1.6em;
  8361. line-height:1.6em;
  8362. text-align:center
  8363. }
  8364. #game_container #statebox h2{
  8365. margin:0;
  8366. font-weight:normal
  8367. }
  8368. #game_container #gameheader_rt>*{
  8369. display:inline-block;
  8370. vertical-align:middle
  8371. }
  8372. #game_container #game-info-row{
  8373. padding-bottom:2px
  8374. }
  8375. #game_container #leavegame_cont>*{
  8376. display:inline-block;
  8377. vertical-align:middle
  8378. }
  8379. #game_container #leavegame_cont #game_breadcrumb{
  8380. padding:5px;
  8381. padding-right:10px;
  8382. font-size:.8em;
  8383. height:20px;
  8384. line-height:20px;
  8385. color:#b11;
  8386. margin-top:2px
  8387. }
  8388. #game_container #leavegame_cont #game_breadcrumb>*{
  8389. vertical-align:middle
  8390. }
  8391. #game_container #leavegame_cont #game_breadcrumb img{
  8392. margin-right:3px
  8393. }
  8394. #game_container #leavegame_cont #leavetable{
  8395. font-size:.8em
  8396. }
  8397. #game_container #leavegame_cont #leavetable_confirm{
  8398. font-size:.9em
  8399. }
  8400. #game_container #leavegame_cont #leavetable_confirm a{
  8401. font-size:.8em
  8402. }
  8403. #game_container #leavegame_cont #leavetable_confirm>*{
  8404. margin-left:5px
  8405. }
  8406. #game_container #leavegame_cont #leavetable_confirm span{
  8407. font-weight:normal;
  8408. color:#888
  8409. }
  8410. #game_container .unranked_buffer{
  8411. width:1em
  8412. }
  8413. #game_container .unranked_opts>*{
  8414. vertical-align:middle
  8415. }
  8416. #game_container #startseconds{
  8417. margin:0 .5em
  8418. }
  8419. #game_container .minichat-chat-bubble{
  8420. position:absolute;
  8421. top:-15px;
  8422. right:-15px;
  8423. width:20px;
  8424. height:20px;
  8425. opacity:0;
  8426. background-size:contain;
  8427. background-image:url(/images/chat-bubble.png);
  8428. -webkit-transition-property:all;
  8429. transition-property:all;
  8430. -webkit-transition-duration:.25s;
  8431. transition-duration:.25s;
  8432. -webkit-transform:scale(0);
  8433. transform:scale(0)
  8434. }
  8435. #game_container .minichat-chat-bubble.chatting{
  8436. -webkit-transform:scale(.9);
  8437. transform:scale(.9);
  8438. opacity:.8
  8439. }
  8440. #game_container .minichat{
  8441. position:absolute;
  8442. top:-10px;
  8443. right:-10px;
  8444. width:20px;
  8445. height:20px
  8446. }
  8447. #game_container .minichat.chatting{
  8448. background:url(/images/bubble.png) no-repeat center right
  8449. }
  8450. #game_container .userbox{
  8451. padding:0 5px 0 8px;
  8452. height:100%;
  8453. float:left;
  8454. width:auto;
  8455. max-width:15em;
  8456. overflow-y:auto;
  8457. overflow-x:hidden
  8458. }
  8459. #game_container .userbox h2{
  8460. color:#b11;
  8461. font-weight:normal
  8462. }
  8463. #game_container .userbox ul{
  8464. margin:0;
  8465. padding:0;
  8466. width:auto;
  8467. clear:left
  8468. }
  8469. #game_container .userbox ul li{
  8470. margin:0;
  8471. padding:0;
  8472. position:relative;
  8473. padding:2px 0;
  8474. width:auto
  8475. }
  8476. #game_container .userbox ul li.user_li.anonymous_li{
  8477. position:relative
  8478. }
  8479. #game_container .userbox ul li.user_li.anonymous_li .real_username{
  8480. position:absolute;
  8481. top:0;
  8482. right:0;
  8483. font-size:.8em;
  8484. color:#b11;
  8485. margin:0
  8486. }
  8487. #game_container .userbox ul li.user_li.anonymous_li .real_username img{
  8488. width:30px;
  8489. height:30px;
  8490. margin:0
  8491. }
  8492. #game_container .userbox ul li.user_li{
  8493. cursor:pointer
  8494. }
  8495. #game_container .userbox ul li.user_li>*{
  8496. display:inline-block;
  8497. vertical-align:middle;
  8498. margin-right:3px;
  8499. zoom:1;
  8500. *display:inline
  8501. }
  8502. #game_container .userbox ul li.user_li .trophy{
  8503. position:absolute;
  8504. top:0;
  8505. right:0
  8506. }
  8507. #game_container .userbox ul li.user_li .hide{
  8508. display:none
  8509. }
  8510. #game_container .userbox ul li.user_li .img_cont{
  8511. position:relative
  8512. }
  8513. #game_container .userbox ul li.user_li .img_cont img{
  8514. width:30px;
  8515. height:30px
  8516. }
  8517. #game_container .userbox ul li.user_li>.roleimg{
  8518. position:relative;
  8519. display:inline-block;
  8520. margin:0;
  8521. width:20px
  8522. }
  8523. #game_container .userbox ul li.user_li>.roleimg:hover{
  8524. background-color:#efefef
  8525. }
  8526. #game_container .userbox ul li.user_li>.roleimg .align{
  8527. display:block;
  8528. position:absolute;
  8529. bottom:-5px;
  8530. right:-5px;
  8531. width:10px;
  8532. height:10px;
  8533. border-radius:2px;
  8534. background-color:#dbe355
  8535. }
  8536. #game_container .userbox ul li.user_li>.roleimg .align.village{
  8537. background-color:#93b7f2
  8538. }
  8539. #game_container .userbox ul li.user_li>.roleimg .align.mafia{
  8540. background-color:#000
  8541. }
  8542. #game_container .userbox ul li.user_li>.roleimg .select_possible{
  8543. display:none
  8544. }
  8545. #game_container .userbox ul li.user_li .user_inner_li>*{
  8546. display:inline-block;
  8547. vertical-align:middle;
  8548. margin-right:5px;
  8549. zoom:1;
  8550. *display:inline
  8551. }
  8552. #game_container .userbox ul li.user_li .user_inner_li:hover,#game_container .userbox ul li.user_li .user_inner_li.sel{
  8553. background-color:#efefef
  8554. }
  8555. #game_container .userbox ul li .pip{
  8556. z-index:100
  8557. }
  8558. #game_container .userbox ul li .username{
  8559. width:7em;
  8560. overflow:hidden;
  8561. line-height:30px;
  8562. height:30px;
  8563. padding-right:20px;
  8564. width:auto;
  8565. max-width:120px;
  8566. font-weight:normal;
  8567. color:#444
  8568. }
  8569. #game_container .userbox ul li .username.grey{
  8570. color:#aaa
  8571. }
  8572. #game_container .userbox ul li .roleimg{
  8573. position:relative
  8574. }
  8575. #game_container .userbox ul li .roleimg sup{
  8576. position:absolute;
  8577. top:-5px;
  8578. left:-3px;
  8579. font-weight:bold;
  8580. font-size:.8em;
  8581. color:#888
  8582. }
  8583. #game_container .userbox ul li:hover .ban_link{
  8584. display:block
  8585. }
  8586. #game_container .userbox ul li .user_tabs a{
  8587. margin-right:10px
  8588. }
  8589. #game_container .userbox .roleimg{
  8590. margin-top:5px
  8591. }
  8592. #game_container .userbox img{
  8593. border:1px solid #ccc;
  8594. margin:0
  8595. }
  8596. #game_container .userbox .setupdiv{
  8597. line-height:30px
  8598. }
  8599. #game_container .personal{
  8600. margin-top:.1em;
  8601. font-size:.9em;
  8602. text-align:center
  8603. }
  8604. #game_container .profile_link{
  8605. font-size:.8em;
  8606. text-align:center;
  8607. margin-top:.2em
  8608. }
  8609. #game_container .canvas{
  8610. position:relative;
  8611. width:724px;
  8612. height:550px;
  8613. position:relative;
  8614. float:left;
  8615. z-index:0
  8616. }
  8617. #game_container .canvas.day{
  8618. background:url(/images/day.png?123) no-repeat top left
  8619. }
  8620. #game_container .canvas.night{
  8621. background:url(/images/night.png?123) no-repeat top left
  8622. }
  8623. #game_container .canvas #system-messages{
  8624. padding:8px;
  8625. font-size:.6em;
  8626. position:absolute;
  8627. bottom:0;
  8628. left:0;
  8629. width:150px;
  8630. height:250px;
  8631. overflow-y:auto;
  8632. background-color:#bbb;
  8633. opacity:.9;
  8634. color:#b11
  8635. }
  8636. #game_container .canvas #objective{
  8637. position:absolute;
  8638. top:10px;
  8639. left:50%;
  8640. margin-left:-200px;
  8641. width:400px;
  8642. background-color:#555;
  8643. opacity:.8;
  8644. border-radius:2px;
  8645. padding:10px;
  8646. font-size:1em;
  8647. color:#eee;
  8648. text-align:center
  8649. }
  8650. #game_container .canvas .speech-bubble{
  8651. opacity:.95;
  8652. font-size:.7em;
  8653. opacity:0;
  8654. -webkit-transition-property:opacity;
  8655. transition-property:opacity;
  8656. -webkit-transition-duration:.5s;
  8657. transition-duration:.5s;
  8658. z-index:-1
  8659. }
  8660. #game_container .canvas .speech-bubble.anonymous{
  8661. position:absolute;
  8662. bottom:300px;
  8663. left:480px
  8664. }
  8665. #game_container .canvas .speech-bubble.anonymous .speech-bubble-i{
  8666. width:200px
  8667. }
  8668. #game_container .canvas .speech-bubble.spoke{
  8669. opacity:1
  8670. }
  8671. #game_container .canvas .speech-bubble .speech-bubble-i{
  8672. box-shadow:2px 2px 2px #aaa;
  8673. height:auto;
  8674. background-color:#ddd;
  8675. padding:5px;
  8676. z-index:5;
  8677. border-radius:2px;
  8678. position:relative
  8679. }
  8680. #game_container .canvas .speech-bubble .speech-bubble-i .msg{
  8681. overflow-x:hidden;
  8682. margin-bottom:5px
  8683. }
  8684. #game_container .canvas .speech-bubble .speech-bubble-i .msg:last-child{
  8685. margin-bottom:0
  8686. }
  8687. #game_container .canvas .speech-bubble .speech-bubble-i .arrow{
  8688. position:absolute;
  8689. border:10px solid;
  8690. border-color:#ddd transparent transparent transparent;
  8691. z-index:15
  8692. }
  8693. #game_container .canvas #canvas-player-area{
  8694. position:absolute;
  8695. display:block;
  8696. top:360px;
  8697. left:175px;
  8698. width:525px;
  8699. height:180px;
  8700. background-color:#888;
  8701. opacity:0;
  8702. cursor:pointer
  8703. }
  8704. #game_container .canvas #canvas-player-area:hover{
  8705. border:1px solid #ddd;
  8706. opacity:.3
  8707. }
  8708. #game_container .canvas .canvas-player{
  8709. position:absolute;
  8710. -webkit-transition-property:top,left;
  8711. transition-property:top,left;
  8712. -webkit-transition-duration:.5s;
  8713. transition-duration:.5s
  8714. }
  8715. #game_container .canvas .canvas-player .canvas-player-inner{
  8716. position:relative
  8717. }
  8718. #game_container .canvas .canvas-player .canvas-player-inner .villagers-img,#game_container .canvas .canvas-player .canvas-player-inner .roleimg{
  8719. z-index:2
  8720. }
  8721. #game_container .canvas .canvas-player .canvas-player-inner .avatar{
  8722. position:absolute;
  8723. top:-5px;
  8724. left:-5px;
  8725. width:15px;
  8726. height:15px;
  8727. z-index:-1
  8728. }
  8729. #game_container .canvas .canvas-player .canvas-player-inner .rip{
  8730. position:absolute;
  8731. bottom:-8px;
  8732. right:-3px
  8733. }
  8734. #game_container .canvas .canvas-player .canvas-player-inner .speech-bubble{
  8735. position:absolute;
  8736. bottom:30px;
  8737. left:0
  8738. }
  8739. #game_container .cmds{
  8740. cursor:default;
  8741. float:right;
  8742. width:auto;
  8743. max-width:15em;
  8744. min-width:10em;
  8745. height:35em;
  8746. overflow-y:auto;
  8747. overflow-x:hidden;
  8748. padding-left:5px
  8749. }
  8750. #game_container .cmds h2{
  8751. font-weight:normal
  8752. }
  8753. #game_container .cmds #kudo_i td{
  8754. padding:0 5px 5px 0
  8755. }
  8756. #game_container .chat{
  8757. height:100%
  8758. }
  8759. #game_container .chat form>*{
  8760. margin-right:5px
  8761. }
  8762. #game_container .window{
  8763. position:relative;
  8764. background-color:#eee;
  8765. font-size:.85em;
  8766. padding:.5em;
  8767. height:90%;
  8768. line-height:1.4em;
  8769. overflow-y:auto;
  8770. overflow-x:hidden;
  8771. -khtml-user-select:none;
  8772. -moz-user-select:none
  8773. }
  8774. #game_container .screen{
  8775. position:relative;
  8776. width:100%;
  8777. height:35em;
  8778. overflow-y:visible;
  8779. z-index:2
  8780. }
  8781. #game_container .screen .form_lastwill textarea{
  8782. border:0;
  8783. padding:5px;
  8784. background:url(/images/paper.png) no-repeat center center;
  8785. width:140px;
  8786. height:90px;
  8787. font-family:Georgia,Times
  8788. }
  8789. #game_container .screen .track_user{
  8790. position:absolute;
  8791. top:1em;
  8792. left:11em;
  8793. z-index:500;
  8794. padding:1em;
  8795. background-color:#fff;
  8796. border:1px solid #ccc;
  8797. width:350px
  8798. }
  8799. #game_container .screen .track_user .user_header{
  8800. overflow-x:hidden;
  8801. height:30px;
  8802. line-height:30px;
  8803. position:relative;
  8804. margin-bottom:3px
  8805. }
  8806. #game_container .screen .track_user .user_header>*{
  8807. display:inline-block;
  8808. vertical-align:middle;
  8809. margin-right:5px;
  8810. zoom:1;
  8811. *display:inline
  8812. }
  8813. #game_container .screen .track_user .user_header .track_role{
  8814. cursor:pointer
  8815. }
  8816. #game_container .screen .track_user .user_header .track_role:hover{
  8817. background-color:#ddd
  8818. }
  8819. #game_container .screen .track_user .user_header .roleimg{
  8820. display:inline-block
  8821. }
  8822. #game_container .screen .track_user .user_header .user_header_avatar{
  8823. height:30px
  8824. }
  8825. #game_container .screen .track_user .user_header img{
  8826. border:1px solid #ccc
  8827. }
  8828. #game_container .screen .track_user .user_header .personal .age{
  8829. font-size:1.1em
  8830. }
  8831. #game_container .screen .track_user .user_header .user_header_right{
  8832. position:absolute;
  8833. top:0;
  8834. right:0;
  8835. height:30px;
  8836. line-height:30px
  8837. }
  8838. #game_container .screen .track_user .user_tabs{
  8839. margin-top:.5em
  8840. }
  8841. #game_container .screen .track_user .user_tabs>a{
  8842. font-weight:normal;
  8843. display:inline-block;
  8844. margin-right:.5em
  8845. }
  8846. #game_container .screen .track_user .user_tabs>a .ban_link{
  8847. display:none
  8848. }
  8849. #game_container .screen .track_user .user_tabs a.sel{
  8850. color:#b11
  8851. }
  8852. #game_container .screen .track_user .user_content .user_content_info{
  8853. padding:.5em 0;
  8854. border:1px dotted #ccc;
  8855. border-width:1px 0 0 0
  8856. }
  8857. #game_container .screen .track_user .user_content .user_content_info .userinfo_track{
  8858. font-size:1.2em;
  8859. z-index:500
  8860. }
  8861. #game_container .screen .track_user .user_content .user_content_info .userinfo_track #user_pie{
  8862. overflow:hidden
  8863. }
  8864. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .friend_info{
  8865. padding:5px;
  8866. font-size:.9em;
  8867. color:grey;
  8868. text-align:center
  8869. }
  8870. #game_container .screen .track_user .user_content .user_content_info .userinfo_track h4{
  8871. font-weight:bold;
  8872. font-size:1em
  8873. }
  8874. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .gchart{
  8875. margin:0 auto
  8876. }
  8877. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_stickers{
  8878. margin-top:5px
  8879. }
  8880. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .stickers{
  8881. max-width:15em
  8882. }
  8883. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_rank{
  8884. margin:.25em auto;
  8885. text-align:center;
  8886. font-size:.9em;
  8887. color:#911;
  8888. font-weight:normal
  8889. }
  8890. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements{
  8891. width:17em;
  8892. font-size:.8em;
  8893. margin:1.5em 0
  8894. }
  8895. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements .user_achievement{
  8896. margin-top:.25em;
  8897. display:inline-block;
  8898. width:10em;
  8899. margin-right:.5em
  8900. }
  8901. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements .user_achievement>*{
  8902. display:inline-block;
  8903. vertical-align:middle;
  8904. margin-right:.3em;
  8905. margin-top:0
  8906. }
  8907. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements .user_achievement .achieve_name{
  8908. font-size:.9em;
  8909. color:#b11
  8910. }
  8911. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .profile_links{
  8912. text-align:center;
  8913. margin-top:10px;
  8914. font-size:.8em
  8915. }
  8916. #game_container .screen .track_user .user_content .user_content_info .userinfo_track .profile_links a{
  8917. font-weight:normal;
  8918. margin:0 .5em
  8919. }
  8920. #game_container .screen .track_user .user_content .user_content_note .notes{
  8921. width:320px;
  8922. padding:.5em;
  8923. height:15em;
  8924. background-color:#efefef;
  8925. font-family:arial,helvetica;
  8926. border-color:#fff;
  8927. font-size:1.2em
  8928. }
  8929. #game_container .screen .track_user .user_content .user_content_role h4{
  8930. font-weight:bold;
  8931. font-size:1.1em;
  8932. margin:.5em 0
  8933. }
  8934. #game_container .screen .track_user .user_content .user_content_role .rolebox>*{
  8935. display:inline-block;
  8936. margin:0 5px 5px 0;
  8937. cursor:pointer
  8938. }
  8939. #game_container .screen .track_user .user_content .user_content_report h4{
  8940. font-weight:bold;
  8941. font-size:1.1em;
  8942. margin:.5em 0
  8943. }
  8944. #game_container .screen .track_user .user_content .user_content_report form .create_status{
  8945. font-size:15px;
  8946. padding:1em;
  8947. background-color:#eee;
  8948. width:auto;
  8949. margin:.5em 0
  8950. }
  8951. #game_container .screen .track_user .user_content .user_content_report form .create_status.error{
  8952. color:#911;
  8953. border-color:#911
  8954. }
  8955. #game_container .screen .track_user .user_content .user_content_report form .create_status.success{
  8956. color:#191;
  8957. border-color:#191
  8958. }
  8959. #game_container form input[type=submit]{
  8960. border:1px solid grey
  8961. }
  8962. #game_container #typebox{
  8963. margin-top:4px;
  8964. border:1px solid #aaa;
  8965. font-size:1.1em;
  8966. color:#666;
  8967. width:14em;
  8968. border-radius:3px;
  8969. padding:3px
  8970. }
  8971. #game_container #typebox.selected{
  8972. border-color:#911
  8973. }
  8974. #game_container #speak_button{
  8975. height:20px
  8976. }
  8977. #game_container #speak{
  8978. float:left
  8979. }
  8980. #game_container .meet_user{
  8981. font-size:.9em;
  8982. font-weight:bold;
  8983. color:#555;
  8984. width:100%
  8985. }
  8986. #game_container .meet_user>*{
  8987. display:inline-block;
  8988. vertical-align:middle;
  8989. margin-right:3px;
  8990. zoom:1;
  8991. *display:inline
  8992. }
  8993. #game_container .custom_meeting_name{
  8994. color:#B00
  8995. }
  8996. #game_container .meet_entity{
  8997. margin:0 .2em
  8998. }
  8999. #game_container .meet_username{
  9000. color:#b44
  9001. }
  9002. #game_container .meetbox{
  9003. margin-bottom:1em;
  9004. padding:.4em;
  9005. padding-left:0
  9006. }
  9007. #game_container .meetbox.ended .votebooth,#game_container .meetbox.ended .input{
  9008. display:none
  9009. }
  9010. #game_container .meetbox .delay_end_meeting{
  9011. padding:5px;
  9012. font-size:.9em;
  9013. color:grey
  9014. }
  9015. #game_container .meetbox .meeting_instructions{
  9016. text-align:center;
  9017. border-radius:7px;
  9018. border:1px solid #ccc;
  9019. width:14px;
  9020. height:14px;
  9021. line-height:14px;
  9022. color:#ccc
  9023. }
  9024. #game_container .meetbox .meeting_instructions:before{
  9025. content:"?";
  9026. font-size:12px
  9027. }
  9028. #game_container .meetbox .meeting_instructions:hover{
  9029. color:#b11
  9030. }
  9031. #game_container #linkright{
  9032. right:0;
  9033. float:right;
  9034. text-align:right
  9035. }
  9036. #game_container .inputbox{
  9037. margin-top:1em
  9038. }
  9039. #game_container .inputbox h4{
  9040. font-size:1em;
  9041. font-weight:bold;
  9042. color:#555;
  9043. margin-left:2px;
  9044. margin-bottom:.25em
  9045. }
  9046. #game_container .inputbox .input{
  9047. margin-left:5px
  9048. }
  9049. #game_container .inputbox .input.hide{
  9050. display:none
  9051. }
  9052. #game_container .inputbox .input_user_container{
  9053. margin-left:2px
  9054. }
  9055. #game_container .inputbox .input_user_container>*{
  9056. display:inline-block;
  9057. margin-right:.4em
  9058. }
  9059. #game_container .inputbox .input_user_container .input_user{
  9060. font-size:.9em;
  9061. color:#b33;
  9062. font-weight:bold
  9063. }
  9064. #game_container .inputbox .input_user_container .input_user_choice{
  9065. font-weight:bold;
  9066. font-size:.9em;
  9067. color:#777
  9068. }
  9069. #game_container .inputbox .setgametime .inputchoice{
  9070. font-size:.9em
  9071. }
  9072. #game_container .inputbox .setpick{
  9073. margin-top:.5em;
  9074. max-height:300px;
  9075. overflow-y:scroll
  9076. }
  9077. #game_container .inputbox .setpick .inputchoice{
  9078. cursor:pointer;
  9079. font-size:.9em;
  9080. font-weight:bold;
  9081. color:grey;
  9082. margin:.2em 0
  9083. }
  9084. #game_container .inputbox .setpick .inputchoice:hover{
  9085. color:#b11
  9086. }
  9087. #game_container #inputbox_setitem .setitembox{
  9088. width:100%
  9089. }
  9090. #game_container #inputbox_setitem .setitembox>*{
  9091. display:inline-block;
  9092. margin-right:5px;
  9093. cursor:pointer;
  9094. font-size:.9em;
  9095. font-weight:bold;
  9096. color:grey
  9097. }
  9098. #game_container #inputbox_setitem .setitembox>*:hover{
  9099. color:#b11
  9100. }
  9101. #game_container #inputbox_setrole .setrolebox{
  9102. width:100%
  9103. }
  9104. #game_container #inputbox_setrole .setrolebox>*{
  9105. width:16px;
  9106. height:16px;
  9107. display:inline-block;
  9108. margin:2px 2px 0 0;
  9109. padding:2px;
  9110. cursor:pointer
  9111. }
  9112. #game_container #inputbox_setrole .setrolebox>*:hover{
  9113. background-color:#aaa
  9114. }
  9115. #game_container .inputchoice_button{
  9116. margin:.5em .5em 0 0;
  9117. vertical-align:middle;
  9118. display:inline-block;
  9119. color:#999;
  9120. font-weight:bold;
  9121. cursor:pointer
  9122. }
  9123. #game_container .inputchoice_button:hover{
  9124. color:#911
  9125. }
  9126. #game_container .inputchoice_text{
  9127. border:1px solid #999;
  9128. padding:2px
  9129. }
  9130. #game_container .inputchoice_submit{
  9131. font-size:.7
  9132. }
  9133. #game_container #linkleft{
  9134. left:0;
  9135. float:left;
  9136. text-align:left;
  9137. margin-left:5px
  9138. }
  9139. #game_container #linkleft a{
  9140. margin-left:5px
  9141. }
  9142. #game_container #linkright{
  9143. margin-right:5px
  9144. }
  9145. #game_container #linkright a{
  9146. margin-right:5px
  9147. }
  9148. #game_container #linkright,#game_container #linkleft{
  9149. position:absolute;
  9150. width:10em;
  9151. color:#aaa
  9152. }
  9153. #game_container #linkright:hover,#game_container #linkleft:hover{
  9154. color:#911
  9155. }
  9156. #game_container .scrlink{
  9157. padding:.1em
  9158. }
  9159. #game_container .scrlink a{
  9160. font-weight:normal;
  9161. font-size:.8em;
  9162. color:#ddd;
  9163. text-decoration:none
  9164. }
  9165. #game_container .scrlink:hover a{
  9166. color:#999
  9167. }
  9168. #game_container #state{
  9169. width:auto;
  9170. text-align:center;
  9171. height:25px;
  9172. line-height:25px
  9173. }
  9174. #game_container #state span#statetext{
  9175. display:inline;
  9176. font-weight:normal
  9177. }
  9178. #game_container .log{
  9179. color:#b44;
  9180. font-size:1.1em;
  9181. margin:4px;
  9182. cursor:default
  9183. }
  9184. #game_container .log.vegetable{
  9185. background:url(/images/vegetable.png) no-repeat center left;
  9186. padding-left:20px
  9187. }
  9188. #game_container .log.kill{
  9189. background:url(/images/tombstone.png) no-repeat center left;
  9190. padding-left:22px
  9191. }
  9192. #game_container .log.achieve{
  9193. background:url(/images/achieve.png) no-repeat center left;
  9194. padding-left:22px
  9195. }
  9196. #game_container .log.score{
  9197. background:url(/images/score_mini.png) no-repeat center left;
  9198. padding-left:17px
  9199. }
  9200. #game_container .log.lastwill{
  9201. background:url(/images/lastwill.png) no-repeat center left;
  9202. padding-left:22px
  9203. }
  9204. #game_container #lives{
  9205. height:19px;
  9206. line-height:19px
  9207. }
  9208. #game_container .iconcenter{
  9209. clear:both;
  9210. line-height:15px;
  9211. height:15px;
  9212. float:left;
  9213. margin-top:4px
  9214. }
  9215. #game_container .iconcenter img{
  9216. margin-right:.2em;
  9217. float:left
  9218. }
  9219. #game_container .speech,#game_container #keypress{
  9220. color:#911;
  9221. font-size:.8em;
  9222. display:inline-block;
  9223. vertical-align:middle
  9224. }
  9225. #game_container .speech.hide,#game_container #keypress.hide{
  9226. display:none
  9227. }
  9228. #game_container .speech *,#game_container #keypress *{
  9229. display:inline
  9230. }
  9231. #game_container .speech a,#game_container #keypress a{
  9232. font-weight:normal
  9233. }
  9234. #game_container .speech a.switch,#game_container #keypress a.switch{
  9235. font-weight:normal
  9236. }
  9237. #game_container .speech a.switch:hover,#game_container .speech a.switch.sel,#game_container #keypress a.switch:hover,#game_container #keypress a.switch.sel{
  9238. color:#911
  9239. }
  9240. #game_container .speech select,#game_container #keypress select{
  9241. padding:1px;
  9242. color:#911;
  9243. border:1px solid #fff
  9244. }
  9245. #game_container .speech select:hover,#game_container #keypress select:hover{
  9246. border-color:gray
  9247. }
  9248. #game_container .speech select *,#game_container #keypress select *{
  9249. display:block
  9250. }
  9251. #game_container #keyswitch{
  9252. display:block;
  9253. width:20px;
  9254. height:20px;
  9255. background:url(/images/chat_off.png?0) no-repeat center left
  9256. }
  9257. #game_container #keyswitch.on{
  9258. background:url(/images/chat.png?0) no-repeat top left
  9259. }
  9260. #game_container .log_voting{
  9261. font-size:.85em;
  9262. padding-left:15px;
  9263. color:#b11;
  9264. margin:4px 0
  9265. }
  9266. #game_container .log_voting.unvoting{
  9267. color:#888
  9268. }
  9269. #game_container .log_voting.voting{
  9270. color:#b11
  9271. }
  9272. #game_container .new_meet{
  9273. color:grey
  9274. }
  9275. #game_container .talk{
  9276. margin:7px 0;
  9277. width:100%
  9278. }
  9279. #game_container .talk span.acronym{
  9280. cursor:pointer;
  9281. border-bottom:2px dotted #888;
  9282. position:relative
  9283. }
  9284. #game_container .talk span.acronym:hover{
  9285. color:#b11;
  9286. border-color:#b11
  9287. }
  9288. #game_container .talk span.acronym .acronym_descr{
  9289. position:absolute;
  9290. z-index:10;
  9291. top:1.2em;
  9292. left:0;
  9293. display:none;
  9294. width:14em;
  9295. font-size:.9em;
  9296. color:#777;
  9297. border:2px solid #aaa;
  9298. background-color:#fff;
  9299. overflow:hidden;
  9300. padding:.5em
  9301. }
  9302. #game_container .talk .timestamp{
  9303. width:2em;
  9304. font-size:.7em;
  9305. padding-left:1em;
  9306. color:#888;
  9307. margin-top:-2px;
  9308. text-align:center
  9309. }
  9310. #game_container .talk>*{
  9311. display:inline-block;
  9312. vertical-align:top
  9313. }
  9314. #game_container .talk>.space{
  9315. margin:0 .5em;
  9316. color:#777
  9317. }
  9318. #game_container .talk img{
  9319. display:inline-block;
  9320. margin:0 3px 0 2px
  9321. }
  9322. #game_container .talk img.msg-avatar{
  9323. vertical-align:middle
  9324. }
  9325. #game_container .talk .directed_name .at_symbol{
  9326. color:#555;
  9327. font-weight:bold;
  9328. font-size:1em;
  9329. padding:0 5px;
  9330. border:0
  9331. }
  9332. #game_container .talk .directed_name b{
  9333. font-weight:bold
  9334. }
  9335. #game_container .talk div.name{
  9336. min-width:9em
  9337. }
  9338. #game_container .talk div.name:hover{
  9339. background-color:#ff8;
  9340. cursor:pointer
  9341. }
  9342. #game_container .talk div.name b.name{
  9343. padding-left:24px;
  9344. float:right;
  9345. font-weight:bold
  9346. }
  9347. #game_container .talk .quote_target{
  9348. font-size:.8em;
  9349. height:17px;
  9350. line-height:17px;
  9351. padding-left:5px;
  9352. float:left;
  9353. position:relative
  9354. }
  9355. #game_container .talk .quote_target:before{
  9356. content:"“";
  9357. font-size:18px;
  9358. color:#aaa;
  9359. position:absolute;
  9360. top:0;
  9361. left:-5px
  9362. }
  9363. #game_container .talk .quote{
  9364. line-height:17px;
  9365. font-size:.8em;
  9366. color:#666!important;
  9367. float:left;
  9368. padding-left:5px;
  9369. border-left:1px solid #ccc;
  9370. margin-left:5px
  9371. }
  9372. #game_container .talk .regular{
  9373. cursor:pointer
  9374. }
  9375. #game_container .talk .regular:hover{
  9376. background-color:#ffa
  9377. }
  9378. #game_container .talk>span:not(.rainbowchar){
  9379. margin-left:5px;
  9380. border-left:1px solid #ccc;
  9381. padding-left:8px;
  9382. width:62%;
  9383. padding-top:1px
  9384. }
  9385. #game_container .talk>span:not(.rainbowchar) .directed{
  9386. width:40%
  9387. }
  9388. #game_container .talk>span:not(.rainbowchar).meing{
  9389. border:0
  9390. }
  9391. #game_container .talk>span:not(.rainbowchar).special{
  9392. display:inline
  9393. }
  9394. #game_container .talk>span:not(.rainbowchar) div{
  9395. line-height:1.2em
  9396. }
  9397. #game_container .talk>span:not(.rainbowchar) div:last-child{
  9398. margin-bottom:0
  9399. }
  9400. #game_container .talk>span:not(.rainbowchar) .msg.meing{
  9401. color:grey
  9402. }
  9403. #game_container .dead{
  9404. color:#b11
  9405. }
  9406. #game_container .boothhover .booth_choices{
  9407. visibility:hidden
  9408. }
  9409. #game_container .boothhover:hover .booth_choices{
  9410. visibility:visible
  9411. }
  9412. #game_container .booth_choices{
  9413. margin-top:15px;
  9414. margin-left:-11px;
  9415. position:absolute;
  9416. padding:5px;
  9417. border:1px solid #911;
  9418. height:auto;
  9419. z-index:10;
  9420. background-color:#fff
  9421. }
  9422. #game_container .boothhover+div{
  9423. color:#aaa;
  9424. padding-left:4px;
  9425. font-weight:bold
  9426. }
  9427. #game_container .boothhover:hover+div{
  9428. color:#911
  9429. }
  9430. #game_container .boothhover.sel{
  9431. background-position:-15px -35px
  9432. }
  9433. #game_container .booth_inner{
  9434. line-height:22px;
  9435. padding:2px;
  9436. display:block;
  9437. font-weight:normal
  9438. }
  9439. #game_container .booth_inner>*{
  9440. display:inline-block;
  9441. vertical-align:middle;
  9442. margin-right:3px;
  9443. zoom:1;
  9444. *display:inline
  9445. }
  9446. #game_container .booth_inner img{
  9447. border:1px solid #ccc;
  9448. margin-right:5px
  9449. }
  9450. #game_container .booth_inner:hover img{
  9451. border:1px solid #911
  9452. }
  9453. #game_container .booth_noimg{
  9454. padding-left:25px
  9455. }
  9456. #game_container .votebooth{
  9457. margin-top:5px;
  9458. background-color:#fff;
  9459. z-index:10
  9460. }
  9461. #game_container .votebooth>*{
  9462. display:inline-block;
  9463. vertical-align:middle;
  9464. margin-right:0;
  9465. zoom:1;
  9466. *display:inline
  9467. }
  9468. #game_container .selected{
  9469. color:#b11
  9470. }
  9471. #game_container .grey{
  9472. color:#aaa
  9473. }
  9474. #game_container #autokick{
  9475. color:#888
  9476. }
  9477. #game_container #countcont{
  9478. margin-left:1em
  9479. }
  9480. #game_container #countcont #synckick,#game_container #countcont #autokick{
  9481. font-weight:normal;
  9482. font-size:.9em;
  9483. height:22px;
  9484. line-height:20px
  9485. }
  9486. #game_container #countcont #synckick #kickneeded{
  9487. margin-left:5px
  9488. }
  9489. #game_container #countcont #synckick #kickneeded>*{
  9490. display:inline-block;
  9491. vertical-align:middle;
  9492. margin-right:5px;
  9493. zoom:1;
  9494. *display:inline
  9495. }
  9496. #game_container #countcont #synckick #kickneeded span{
  9497. width:15px;
  9498. height:15px
  9499. }
  9500. #game_container #barcont:hover+#countdown{
  9501. display:inline-block
  9502. }
  9503. #game_container #countdown{
  9504. position:absolute;
  9505. margin-left:2px;
  9506. display:none;
  9507. text-align:center;
  9508. color:#999;
  9509. font-weight:bold;
  9510. font-size:.9em;
  9511. z-index:100
  9512. }
  9513. #game_container #kickseconds{
  9514. margin-left:.5em
  9515. }
  9516. #game_container #countwarn{
  9517. margin-left:.5em;
  9518. color:#911;
  9519. display:inline;
  9520. font-weight:normal
  9521. }
  9522. #game_container li.ratecontainer{
  9523. height:30px;
  9524. margin-right:.5em
  9525. }
  9526. #gamereview_container #gamereview_left .players{
  9527. margin:1em 0
  9528. }
  9529. #gamereview_container #gamereview_left .players td{
  9530. padding:.1em 1em .1em
  9531. }
  9532. #gamereview_container #gamereview_left #game_statistics td:first-child{
  9533. color:#b11;
  9534. font-weight:bold
  9535. }
  9536. #gamereview_container #gamereview_left #game_statistics td{
  9537. font-size:.9em;
  9538. padding:2px 7px 2px 0;
  9539. color:#777
  9540. }
  9541. #gamereview_container #gamereview_left #given_kudos .given_kudo{
  9542. font-size:.9em
  9543. }
  9544. #gamereview_container #gamereview_left #given_kudos .given_kudo>*{
  9545. margin:0 4px;
  9546. display:inline
  9547. }
  9548. #gamereview_container #gamereview_left #kudoed{
  9549. color:#b11
  9550. }
  9551. #gamereview_container #gamereview_left #kudoed>*{
  9552. display:inline-block;
  9553. margin-right:5px
  9554. }
  9555. #gamereview_container #gamereview_left #kudoable-players>*{
  9556. display:inline-block;
  9557. margin-right:5px;
  9558. margin-bottom:5px
  9559. }
  9560. #gamereview_container #gamereview_right>*{
  9561. margin-bottom:1em
  9562. }
  9563. #gamereview_container #gamereview_right #gameevents table td{
  9564. vertical-align:top;
  9565. padding:0 5px 5px 0
  9566. }
  9567. #gamereview_container #gamereview_right #summaries_page .summary{
  9568. margin-top:.5em
  9569. }
  9570. #gamereview_container #gamereview_right #summaries_page .summary_title_comment_vote>*,#gamereview_container #gamereview_right #summaries_page .summary_info>*{
  9571. display:inline-block;
  9572. vertical-align:middle
  9573. }
  9574. #gamereview_container #gamereview_right #summaries_page .summary_info span{
  9575. font-size:.9em;
  9576. color:#aaa
  9577. }
  9578. #gamereview_container #gamereview_right #summary_vote_comment #summary_text{
  9579. padding:1em;
  9580. color:#555;
  9581. line-height:1.2em;
  9582. font-size:.9em;
  9583. border-left:2px solid #ccc
  9584. }
  9585. #gamereview_container #gamereview_right #create_summary form input,#gamereview_container #gamereview_right #create_summary form textarea{
  9586. border:1px solid #ccc
  9587. }
  9588. #gamereview_container #gamereview_right #create_summary form label{
  9589. font-size:.9em;
  9590. font-weight:bold
  9591. }
  9592. #gamereview_container #gamereview_right #create_summary form textarea{
  9593. width:95%;
  9594. height:100px
  9595. }
  9596. .create_emoteid{
  9597. display:inline-block;
  9598. background-color:#eee;
  9599. font-size:.9em;
  9600. padding:5px
  9601. }
  9602. .create_emoteid input[type=text]{
  9603. border:0
  9604. }
  9605. a.stick_lobby.sel,a.stick_lobby:hover{
  9606. color:#b11
  9607. }
  9608. a.stick_lobby.sel span,a.stick_lobby:hover span{
  9609. color:#b11
  9610. }
  9611. a.stick_lobby span{
  9612. font-weight:normal
  9613. }
  9614. .gameevent{
  9615. font-size:.9em;
  9616. padding:5px 0
  9617. }
  9618. .gameevent-kill{
  9619. background:url(/images/gameevents/gun.png) no-repeat center left;
  9620. padding-left:22px
  9621. }
  9622. .gameevent-lynch{
  9623. background:url(/images/lynch.png) no-repeat center left;
  9624. padding-left:22px
  9625. }
  9626. .gameevent-investigate{
  9627. background:url(/images/glass.png) no-repeat center left;
  9628. padding-left:22px
  9629. }
  9630. #lobby_container h2.separator{
  9631. border-bottom:1px solid #aaa;
  9632. margin-bottom:5px
  9633. }
  9634. #lobby_container .lobby_sticky_container .inner{
  9635. padding-top:5px
  9636. }
  9637. #lobby_container .lobby_sticky_container .inner a:hover{
  9638. text-decoration:underline
  9639. }
  9640. #lobby_container #need_approval .need_approval{
  9641. padding:3px
  9642. }
  9643. #lobby_container #need_approval .need_approval .controls a.whitebutton{
  9644. display:inline-block
  9645. }
  9646. #lobby_container #your_stats table{
  9647. width:100%
  9648. }
  9649. #lobby_container #your_stats table td#lobby-stat-img{
  9650. vertical-align:top
  9651. }
  9652. #lobby_container #your_stats table td#lobby-stat-img img{
  9653. width:60px;
  9654. height:60px;
  9655. border:1px solid #ccc
  9656. }
  9657. #lobby_container #your_stats table td{
  9658. padding:0 10px 5px 0;
  9659. font-size:.8em;
  9660. text-align:left
  9661. }
  9662. #lobby_container #your_stats table td:last-child{
  9663. padding-right:0
  9664. }
  9665. #lobby_container #your_stats table td.num{
  9666. font-size:.8em;
  9667. text-align:right
  9668. }
  9669. #lobby_container #your_stats table td i{
  9670. font-size:1.1em;
  9671. width:20px;
  9672. text-align:center;
  9673. display:inline-block
  9674. }
  9675. #lobby_container #lobby_recent_topics td{
  9676. padding:0 3px 3px 0
  9677. }
  9678. #lobby_container #lobby_recent_topics .topic-name-td{
  9679. max-width:7em;
  9680. overflow-x:hidden;
  9681. overflow-y:hidden;
  9682. white-space:nowrap;
  9683. text-overflow:ellipsis
  9684. }
  9685. #lobby_container #lobby_recent_topics img{
  9686. border:1px solid #ccc
  9687. }
  9688. #lobby_container #lobby-poll #poll-descr{
  9689. padding:10px;
  9690. background-color:#eee;
  9691. margin-bottom:10px
  9692. }
  9693. #lobby_container #lobby-poll #poll-choices .choice .choice_inner{
  9694. position:relative;
  9695. padding-bottom:2px;
  9696. margin-left:20px
  9697. }
  9698. #lobby_container #lobby-poll #poll-choices .choice .choice_inner .bar{
  9699. background-color:#b11;
  9700. opacity:.7;
  9701. position:absolute;
  9702. height:2px;
  9703. bottom:0;
  9704. left:0;
  9705. z-index:1
  9706. }
  9707. #lobby_container #lobby_menu{
  9708. position:relative
  9709. }
  9710. #lobby_container #lobby_menu #stickied_lobbies.smaller li a{
  9711. height:20px;
  9712. line-height:24px;
  9713. font-size:.9em
  9714. }
  9715. #lobby_container #lobby_menu #stickied_lobbies li{
  9716. display:inline-block;
  9717. vertical-align:bottom;
  9718. margin-right:5px;
  9719. margin-bottom:4px
  9720. }
  9721. #lobby_container #lobby_menu #stickied_lobbies li a{
  9722. display:block;
  9723. padding:3px 10px 5px;
  9724. background-color:#ccc;
  9725. color:#777;
  9726. font-weight:normal;
  9727. height:26px;
  9728. line-height:27px;
  9729. min-width:5em;
  9730. text-align:center
  9731. }
  9732. #lobby_container #lobby_menu #stickied_lobbies li a>img,#lobby_container #lobby_menu #stickied_lobbies li a span{
  9733. display:inline-block;
  9734. vertical-align:middle
  9735. }
  9736. #lobby_container #lobby_menu #stickied_lobbies li a span{
  9737. color:#555;
  9738. font-weight:normal
  9739. }
  9740. #lobby_container #lobby_menu #stickied_lobbies li a img{
  9741. margin-right:3px;
  9742. border:0
  9743. }
  9744. #lobby_container #lobby_menu #stickied_lobbies li a#lobby_more{
  9745. min-width:0
  9746. }
  9747. #lobby_container #lobby_menu #stickied_lobbies li.sel a{
  9748. color:#fff;
  9749. background:-webkit-linear-gradient(#d33,#b11);
  9750. background:linear-gradient(#d33,#b11)
  9751. }
  9752. #lobby_container #lobby_menu #stickied_lobbies li.sel a i{
  9753. color:#fff
  9754. }
  9755. #lobby_container #lobby_menu #stickied_lobbies li.sel a span{
  9756. color:#fff
  9757. }
  9758. #lobby_container #lobby_menu #stickied_lobbies li.sel a:hover span{
  9759. color:#fff
  9760. }
  9761. #lobby_container #lobby_menu #lobby_more{
  9762. padding:0 5px
  9763. }
  9764. #lobby_container #friends_in_games .game_indicator{
  9765. width:14px;
  9766. height:14px;
  9767. border-radius:7px
  9768. }
  9769. #lobby_container #friends_in_games .game_indicator.waiting{
  9770. background-color:#090
  9771. }
  9772. #lobby_container #friends_in_games .game_indicator.progress{
  9773. background-color:#f93
  9774. }
  9775. #lobby_container #friends_in_games .game_indicator.gameover{
  9776. background-color:#aaa
  9777. }
  9778. #lobby_container #friends_in_games .friend_in_game{
  9779. padding-bottom:10px;
  9780. margin-bottom:5px;
  9781. border-bottom:1px solid #ddd
  9782. }
  9783. #lobby_container #friends_in_games .friend_in_game:last-child{
  9784. border-bottom:0
  9785. }
  9786. #lobby_container #friends_in_games .gamerow{
  9787. cursor:pointer;
  9788. border-bottom:1px dotted #b11
  9789. }
  9790. #lobby_container #friends_in_games .gamerow:hover{
  9791. color:#b11
  9792. }
  9793. #lobby_container #setup_info_bar .setup_title{
  9794. font-size:1.2em;
  9795. font-weight:normal
  9796. }
  9797. #lobby_container #unread_messages{
  9798. background:url(/images/mail_open.png) no-repeat center left;
  9799. padding-left:20px;
  9800. margin-right:5px;
  9801. font-size:.8em;
  9802. font-weight:normal
  9803. }
  9804. #lobby_container #lobby_announcement{
  9805. overflow-x:hidden;
  9806. overflow-y:hidden;
  9807. padding:.8em 1.4em;
  9808. line-height:1.15em;
  9809. font-size:.95em;
  9810. color:#555;
  9811. background-color:#fff
  9812. }
  9813. #lobby_container #lobby_first_time{
  9814. position:relative;
  9815. font-size:1.2em;
  9816. padding:1em 2em;
  9817. line-height:1.1em;
  9818. margin-bottom:.5em;
  9819. background-color:#eee
  9820. }
  9821. #lobby_container #lobby_first_time .close{
  9822. position:absolute;
  9823. top:0;
  9824. right:5px
  9825. }
  9826. #lobby_container #join_competition a{
  9827. height:1.2em;
  9828. line-height:1.2em;
  9829. display:block;
  9830. margin:5px 0
  9831. }
  9832. #lobby_container #topgames #no_topgames{
  9833. padding:1em;
  9834. background-color:#ccc;
  9835. text-align:center;
  9836. color:#777;
  9837. font-size:.9em
  9838. }
  9839. #lobby_container #topgames .topgame{
  9840. overflow:hidden;
  9841. text-overflow:ellipsis
  9842. }
  9843. #lobby_container #topgames .topgame>*{
  9844. display:inline-block;
  9845. vertical-align:middle;
  9846. margin-right:.5em;
  9847. zoom:1;
  9848. *display:inline
  9849. }
  9850. #lobby_container .rt-lobbies .lobby{
  9851. display:block
  9852. }
  9853. #lobby_container .rt-lobbies .lobby a.enter_lobby{
  9854. box-sizing:border-box;
  9855. padding:4px;
  9856. display:block;
  9857. width:100%
  9858. }
  9859. #lobby_container .rt-lobbies .lobby a.enter_lobby img{
  9860. border:0;
  9861. margin:0;
  9862. margin-right:3px
  9863. }
  9864. #lobby_container .rt-lobbies .lobby a.enter_lobby span{
  9865. font-weight:normal
  9866. }
  9867. #lobby_container .rt-lobbies .lobby a.enter_lobby:hover{
  9868. background-color:#ccc;
  9869. color:#b11
  9870. }
  9871. #lobby_container #buy_ticket .ticket_choice{
  9872. margin:.5em 0;
  9873. font-size:.9em
  9874. }
  9875. #lobby_container #buy_ticket .ticket_choice .ticket_name{
  9876. width:100%;
  9877. font-weight:bold
  9878. }
  9879. #lobby_container #buy_ticket .ticket_choice .ticket_choice_info .ticket_status{
  9880. color:#aaa
  9881. }
  9882. #lobby_container #findfilters #slider-range{
  9883. width:100%
  9884. }
  9885. #lobby_container #findfilters #filter_title{
  9886. width:288px;
  9887. border:1px solid #aaa;
  9888. font-size:1em;
  9889. padding:8px
  9890. }
  9891. #lobby_container #findgame #setupnav{
  9892. position:relative
  9893. }
  9894. #lobby_container #findgame #setupnav #findgame_total{
  9895. position:absolute;
  9896. top:-10px;
  9897. right:0;
  9898. text-align:right;
  9899. font-size:.9em;
  9900. color:#999;
  9901. padding:5px
  9902. }
  9903. #lobby_container #findgame #setupconds{
  9904. padding:0 10px
  9905. }
  9906. #lobby_container #findgame #setupconds h4{
  9907. font-family:helvetica;
  9908. font-size:.9em;
  9909. font-weight:bold;
  9910. margin-bottom:1em
  9911. }
  9912. #lobby_container #findgame #setuppage .gamesetup{
  9913. max-width:21em;
  9914. max-height:5em;
  9915. overflow:auto;
  9916. padding-left:7px
  9917. }
  9918. #lobby_container #findgame #setuppage .gamesetup .rolecont{
  9919. margin-left:1px
  9920. }
  9921. #lobby_container #findgame #setuppage .setuptitle{
  9922. max-width:11em
  9923. }
  9924. #lobby_container #findgame td{
  9925. padding:.2em
  9926. }
  9927. #lobby_container #rlobby>div{
  9928. margin-bottom:.5em
  9929. }
  9930. #lobby_container #findroles #select_roles{
  9931. font-size:.9em;
  9932. margin:5px 0
  9933. }
  9934. #lobby_container #findoptions>*{
  9935. margin-bottom:.2em
  9936. }
  9937. #lobby_container #findoptions label{
  9938. font-size:.9em
  9939. }
  9940. #lobby_container ul.choose_roles{
  9941. padding:10px
  9942. }
  9943. #lobby_container ul.choose_roles>*,#lobby_container ul#cond_roles>*{
  9944. display:inline-block;
  9945. vertical-align:middle;
  9946. margin-right:5px;
  9947. margin-bottom:5px;
  9948. cursor:pointer
  9949. }
  9950. #lobby_container ul.choose_roles>*:hover,#lobby_container ul#cond_roles>*:hover{
  9951. background-color:#ccc
  9952. }
  9953. #lobby_container #findorder #findorder_controls a{
  9954. display:inline-block;
  9955. font-size:.9em;
  9956. padding:5px 0 5px 5px;
  9957. font-weight:normal;
  9958. padding:.5em
  9959. }
  9960. #lobby_container #findorder #findorder_controls a.sel{
  9961. background-color:#b11;
  9962. color:#fff
  9963. }
  9964. #lobby_container #announcements .announcement{
  9965. margin-bottom:5px
  9966. }
  9967. #lobby_container #announcements .announcement .msg{
  9968. border:1px solid #ccc;
  9969. border-radius:2px;
  9970. padding:.8em;
  9971. background-color:#eee;
  9972. color:#555;
  9973. line-height:1.2em;
  9974. overflow-x:hidden
  9975. }
  9976. #lobby_container #gameinfo{
  9977. min-height:200px;
  9978. width:100%;
  9979. border-radius:2px
  9980. }
  9981. #lobby_container #gameinfo .close_modal,#lobby_container #gameinfo #game_container .screen .track_user .close_track_user,#game_container .screen .track_user #lobby_container #gameinfo .close_track_user{
  9982. position:inherit;
  9983. margin-top:-13px;
  9984. margin-right:-14px
  9985. }
  9986. #lobby_container #gameinfo #game-id{
  9987. margin-bottom:5px
  9988. }
  9989. #lobby_container #gameinfo #gameinfo_inner{
  9990. border-radius:2px;
  9991. border:1px solid #ddd;
  9992. background-color:#eee;
  9993. padding:8px
  9994. }
  9995. #lobby_container #gameinfo h5{
  9996. color:#b11;
  9997. text-align:right;
  9998. padding-right:4px
  9999. }
  10000. #lobby_container #gameinfo h4{
  10001. border-bottom:1px solid #ccc;
  10002. padding-bottom:4px;
  10003. font-size:.9em;
  10004. text-align:right;
  10005. color:#666;
  10006. margin:5px 0
  10007. }
  10008. #lobby_container #gameinfo .game_info_play{
  10009. width:100%;
  10010. text-align:right
  10011. }
  10012. #lobby_container #gameinfo .game_info_play a.redbutton,#lobby_container #gameinfo .game_info_play #forum_container #board #board_announcement .controls>*,#forum_container #board #board_announcement #lobby_container #gameinfo .game_info_play .controls>*,#lobby_container #gameinfo .game_info_play .edit_markdown .bottom_controls a.save,.edit_markdown .bottom_controls #lobby_container #gameinfo .game_info_play a.save,#lobby_container #gameinfo .game_info_play .edit_markdown .bottom_controls a.cancel,.edit_markdown .bottom_controls #lobby_container #gameinfo .game_info_play a.cancel{
  10013. display:inline-block
  10014. }
  10015. #lobby_container #gameinfo .game_info_type{
  10016. margin-bottom:10px
  10017. }
  10018. #lobby_container #gameinfo .game_info_top{
  10019. background-color:#fff;
  10020. padding:5px;
  10021. border:1px solid #ddd;
  10022. border-radius:2px
  10023. }
  10024. #lobby_container #gameinfo .game_info_top .game_info_created{
  10025. font-size:.9em;
  10026. color:grey
  10027. }
  10028. #lobby_container #gameinfo .game_info_top>*{
  10029. margin-bottom:4px
  10030. }
  10031. #lobby_container #gameinfo .game_info_top .game_info_type>*{
  10032. display:inline-block
  10033. }
  10034. #lobby_container #gameinfo>*{
  10035. margin-bottom:5px
  10036. }
  10037. #lobby_container #gameinfo .players_inner>*{
  10038. display:inline-block;
  10039. vertical-align:middle;
  10040. margin:0 5px 5px 0
  10041. }
  10042. #lobby_container #gameinfo .players_inner .player,#lobby_container #gameinfo .players_inner .player_empty{
  10043. width:31px;
  10044. height:31px
  10045. }
  10046. #lobby_container #gameinfo .players_inner .player_empty{
  10047. border:1px dotted #bbb;
  10048. line-height:17px;
  10049. text-align:center;
  10050. font-size:1.3em;
  10051. margin-right:3px;
  10052. color:#ccc
  10053. }
  10054. #lobby_container #userinfo .rrcol>div{
  10055. margin-top:3px;
  10056. font-size:.9em
  10057. }
  10058. #lobby_container #userverify{
  10059. margin:.5em 0;
  10060. background-color:#eee;
  10061. padding:8px;
  10062. font-size:1em
  10063. }
  10064. #lobby_container #userverify p{
  10065. line-height:1.2em;
  10066. margin-bottom:1em
  10067. }
  10068. #lobby_container #userverify input{
  10069. border:1px solid grey
  10070. }
  10071. #lobby_container #userdata{
  10072. padding:.5em 0;
  10073. text-align:center
  10074. }
  10075. #lobby_container #userdata>*{
  10076. display:inline-block;
  10077. vertical-align:middle;
  10078. margin-right:8px;
  10079. zoom:1;
  10080. *display:inline
  10081. }
  10082. #lobby_container #userdata>*{
  10083. font-size:.9em
  10084. }
  10085. #lobby_container #favoritesetups #favoritesetup_inner{
  10086. padding:5px;
  10087. margin-bottom:100px
  10088. }
  10089. #lobby_container #favoritesetups .favoritesetup{
  10090. position:relative
  10091. }
  10092. #lobby_container #favoritesetups .favoritesetup>*{
  10093. display:inline-block;
  10094. vertical-align:middle;
  10095. margin-right:5px;
  10096. zoom:1;
  10097. *display:inline
  10098. }
  10099. #lobby_container #favoritesetups .favoritesetup .gamesetup{
  10100. width:230px;
  10101. margin-bottom:5px
  10102. }
  10103. #lobby_container #favoritesetups .favoritesetup:last-child{
  10104. margin-bottom:80px
  10105. }
  10106. #lobby_container .favoritetitle{
  10107. font-size:.9em
  10108. }
  10109. #lobby_container #warn{
  10110. box-sizing:border-box;
  10111. width:100%;
  10112. text-align:center;
  10113. margin-bottom:.5em;
  10114. background-color:#eee;
  10115. padding:.8em 7px
  10116. }
  10117. #lobby_container #warn #warntext{
  10118. width:30em;
  10119. margin:0 auto
  10120. }
  10121. #lobby_container #warn #warntext .game_image{
  10122. display:block
  10123. }
  10124. #lobby_container #warn a.enter_lobby{
  10125. font-weight:normal;
  10126. color:#b11
  10127. }
  10128. #lobby_container #warn a.enter_lobby span{
  10129. font-weight:normal;
  10130. color:#b11
  10131. }
  10132. #lobby_container #warn a.enter_lobby img{
  10133. border:0;
  10134. margin-right:3px
  10135. }
  10136. #lobby_container #warn a.enter_lobby>*{
  10137. display:inline-block;
  10138. vertical-align:middle
  10139. }
  10140. #lobby_container #warn #warnchoices{
  10141. margin:.5em .5em 0;
  10142. font-size:.9em
  10143. }
  10144. #lobby_container #warn #warnchoices>*{
  10145. display:inline-block;
  10146. vertical-align:middle;
  10147. margin-right:8px;
  10148. zoom:1;
  10149. *display:inline
  10150. }
  10151. #lobby_container #lobbyinfo_box h2.separator{
  10152. margin:0
  10153. }
  10154. #lobby_container #lobbyinfo_box #lobby_banner img{
  10155. width:307px;
  10156. height:80px
  10157. }
  10158. #lobby_container #lobbyinfo_box #lobbyinfo-share input[type=text]{
  10159. padding:3px;
  10160. border-radius:2px;
  10161. border:1px dotted #ccc;
  10162. font-size:.7em;
  10163. width:12em;
  10164. color:#777
  10165. }
  10166. #lobby_container #lobbyinfo_box #lobbyinfo-games{
  10167. margin:3px 0
  10168. }
  10169. #lobby_container #lobbyinfo_box #lobbyinfo-games>div{
  10170. display:inline-block;
  10171. margin-right:3px;
  10172. width:18px;
  10173. height:18px;
  10174. background-size:90%
  10175. }
  10176. #lobby_container #lobby-nav{
  10177. border-bottom:1px solid #ccc;
  10178. font-size:1.2em;
  10179. position:relative
  10180. }
  10181. #lobby_container #lobby-nav ul.rt{
  10182. position:absolute;
  10183. bottom:0;
  10184. right:0
  10185. }
  10186. #lobby_container #lobby-nav #happy-hour{
  10187. margin-top:-4px
  10188. }
  10189. #lobby_container #lobby-nav #happy-hour .roleimg{
  10190. position:relative
  10191. }
  10192. #lobby_container #lobby-nav #happy-hour img{
  10193. width:10px;
  10194. height:10px;
  10195. position:absolute;
  10196. bottom:0;
  10197. right:-2px
  10198. }
  10199. #lobby_container #lobby-nav #lobby_edit_button{
  10200. margin-right:5px
  10201. }
  10202. #lobby_container #lobby-nav #lobby_edit_button a{
  10203. padding:0
  10204. }
  10205. #lobby_container #lobby-nav #lobby_name{
  10206. color:#b11;
  10207. font-weight:normal;
  10208. font-size:.9em
  10209. }
  10210. #lobby_container #lobby-nav #lobby_name{
  10211. margin-right:10px
  10212. }
  10213. #lobby_container #lobby-nav #lobby_lives,#lobby_container #lobby-nav #goldlives_lives,#lobby_container #lobby-nav #lobby_score{
  10214. font-size:.9em;
  10215. margin-right:10px
  10216. }
  10217. #lobby_container #lobby-nav #lobby_lives:hover,#lobby_container #lobby-nav #goldlives_lives:hover,#lobby_container #lobby-nav #lobby_score:hover{
  10218. background-color:#ddd
  10219. }
  10220. #lobby_container #lobby-nav #lobby_lives.hide,#lobby_container #lobby-nav #goldlives_lives.hide,#lobby_container #lobby-nav #lobby_score.hide{
  10221. display:none
  10222. }
  10223. #lobby_container #lobby-nav ul{
  10224. margin-bottom:5px
  10225. }
  10226. #lobby_container #lobby-nav ul li{
  10227. display:inline-block;
  10228. vertical-align:middle
  10229. }
  10230. #lobby_container #lobby-nav ul li a{
  10231. display:block;
  10232. text-align:center;
  10233. padding:4px;
  10234. font-weight:normal;
  10235. font-size:.9em
  10236. }
  10237. #lobby_container #lobby-nav ul li.sel a{
  10238. border:1px solid #aaa;
  10239. color:#b11;
  10240. background-color:#eee
  10241. }
  10242. #lobby_container #lobby-nav ul li.sel a i{
  10243. color:#b11
  10244. }
  10245. #lobby_container #lobby-nav ul li.sel.ll-edit i{
  10246. color:#f60
  10247. }
  10248. #lobby_container #lobby-nav ul li.sel.ll-webcam i{
  10249. color:#093
  10250. }
  10251. #lobby_container #lobby-nav ul li.sel.ll-fame i{
  10252. color:#fc0
  10253. }
  10254. #lobby_container #lobby-nav ul li.sel.ll-reports i{
  10255. color:#630!important
  10256. }
  10257. #lobby_container #lobby_i{
  10258. background-color:#fff;
  10259. position:relative
  10260. }
  10261. #lobby_container #lobby_i #lobby_load #lobby_load_mask{
  10262. position:absolute;
  10263. top:0;
  10264. left:0;
  10265. width:100%;
  10266. height:100%;
  10267. opacity:.7;
  10268. background-color:#aaa;
  10269. z-index:2
  10270. }
  10271. #lobby_container #lobby_i #lobby_load #lobby_load_message{
  10272. box-sizing:border-box;
  10273. z-index:3;
  10274. position:absolute;
  10275. left:50%;
  10276. top:50%;
  10277. margin-left:-100px;
  10278. width:200px;
  10279. display:table;
  10280. height:2em;
  10281. line-height:2em;
  10282. margin-top:-3em;
  10283. background-color:#fff;
  10284. border:1px solid #ccc;
  10285. text-align:center;
  10286. color:#444;
  10287. padding:10px
  10288. }
  10289. #lobby_container #videochat #local_video video{
  10290. width:200px;
  10291. height:150px;
  10292. overflow:hidden
  10293. }
  10294. #lobby_container #videochat #remote_videos video{
  10295. display:inline-block;
  10296. margin-right:5px;
  10297. height:80px;
  10298. width:106px;
  10299. overflow:hidden;
  10300. border:1px solid #ccc
  10301. }
  10302. #lobby_container #lobbyfame{
  10303. text-align:justify
  10304. }
  10305. #lobby_container #lobbyfame>*{
  10306. display:inline-block;
  10307. margin:8px 5px 8px 0;
  10308. width:220px;
  10309. vertical-align:top
  10310. }
  10311. #lobby_container #lobbyfame>* h2{
  10312. font-weight:300
  10313. }
  10314. #lobby_container #lobbyfame>* header{
  10315. border-bottom:1px solid #ccc;
  10316. margin-bottom:5px
  10317. }
  10318. #lobby_container #lobbyfame>* .i{
  10319. box-sizing:border-box;
  10320. padding:5px
  10321. }
  10322. #lobby_container #lobbyfame>* .i table{
  10323. width:100%
  10324. }
  10325. #lobby_container #lobbyfame>* .i td{
  10326. padding:0 5px 5px
  10327. }
  10328. #lobby_container #lobbypage{
  10329. padding-top:10px
  10330. }
  10331. #lobby_container #lobbypage #lobbies{
  10332. margin-top:10px
  10333. }
  10334. #lobby_container #lobbypage #lobbies .one_lobby{
  10335. background-color:#fff;
  10336. position:relative;
  10337. display:inline-block;
  10338. width:335px;
  10339. margin:0 8px 8px 0;
  10340. padding:5px;
  10341. box-shadow:1px 1px 3px #ccc;
  10342. border:1px solid #ddd;
  10343. vertical-align:top;
  10344. cursor:pointer
  10345. }
  10346. #lobby_container #lobbypage #lobbies .one_lobby:nth-child(2n){
  10347. margin-right:0
  10348. }
  10349. #lobby_container #lobbypage #lobbies .one_lobby .blurb{
  10350. font-size:.95em;
  10351. color:#666;
  10352. margin-bottom:20px;
  10353. padding-right:20px;
  10354. padding-left:10px
  10355. }
  10356. #lobby_container #lobbypage #lobbies .one_lobby .games_available>*{
  10357. background-size:80%;
  10358. width:20px;
  10359. height:20px;
  10360. display:inline-block;
  10361. vertical-align:middle;
  10362. margin-right:3px;
  10363. margin-bottom:5px
  10364. }
  10365. #lobby_container #lobbypage #lobbies .one_lobby.sel{
  10366. background-color:#b11;
  10367. color:#fff;
  10368. box-shadow:1px 1px 3px #b11;
  10369. border-color:#b11
  10370. }
  10371. #lobby_container #lobbypage #lobbies .one_lobby.sel .lobby_name,#lobby_container #lobbypage #lobbies .one_lobby.sel .art,#lobby_container #lobbypage #lobbies .one_lobby.sel span,#lobby_container #lobbypage #lobbies .one_lobby.sel .blurb,#lobby_container #lobbypage #lobbies .one_lobby.sel i.icon-lock{
  10372. color:#fff
  10373. }
  10374. #lobby_container #lobbypage #lobbies .one_lobby:hover,#lobby_container #lobbypage #lobbies .one_lobby:focus,#lobby_container #lobbypage #lobbies .one_lobby:active{
  10375. border-color:#b11;
  10376. box-shadow:1px 1px 3px #b11
  10377. }
  10378. #lobby_container #lobbypage #lobbies .one_lobby .lobby_lives{
  10379. height:20px;
  10380. line-height:20px
  10381. }
  10382. #lobby_container #lobbypage #lobbies .one_lobby .req{
  10383. position:absolute;
  10384. top:5px;
  10385. right:5px
  10386. }
  10387. #lobby_container #lobbypage #lobbies .one_lobby .lobby_name{
  10388. color:#b11;
  10389. font-weight:normal
  10390. }
  10391. #lobby_container #lobbypage table td{
  10392. padding:10px 5px
  10393. }
  10394. #lobby_container #lobbypage table td .lobby_name{
  10395. color:#b11;
  10396. font-size:1.1em
  10397. }
  10398. #lobby_container #lobbypage table td .lobby_name:hover{
  10399. text-decoration:underline
  10400. }
  10401. #lobby_container .lobby-menu-tabs{
  10402. padding:5px 0;
  10403. margin-bottom:5px
  10404. }
  10405. #lobby_container .lobby-menu-tabs li{
  10406. display:inline-block;
  10407. margin-right:7px;
  10408. font-size:.9em;
  10409. padding:3px;
  10410. background-color:#eee;
  10411. border:1px solid #ddd
  10412. }
  10413. #lobby_container .lobby-menu-tabs li.sel{
  10414. border-color:#b11;
  10415. background-color:#b11
  10416. }
  10417. #lobby_container .lobby-menu-tabs li.sel a{
  10418. color:#fff
  10419. }
  10420. #lobby_container .lobby-menu-tabs a{
  10421. font-weight:normal;
  10422. padding:4px
  10423. }
  10424. #lobby_container #lobbyreports #lobbyreports-rt,#lobby_container #lobbyreports #lobbyreports-lt{
  10425. box-sizing:border-box;
  10426. display:inline-block;
  10427. vertical-align:top
  10428. }
  10429. #lobby_container #lobbyreports #lobbyreports-lt{
  10430. width:80%
  10431. }
  10432. #lobby_container #lobbyreports #lobbyreports-lt table td{
  10433. padding:3px 0;
  10434. padding-right:3px
  10435. }
  10436. #lobby_container #lobbyreports #lobbyreports-lt .truncate{
  10437. max-width:5em;
  10438. overflow-x:hidden;
  10439. overflow-y:hidden;
  10440. white-space:nowrap;
  10441. text-overflow:ellipsis
  10442. }
  10443. #lobby_container #lobbyreports #lobbyreports-lt .report-status{
  10444. display:block;
  10445. width:15px;
  10446. height:15px;
  10447. border-radius:3px
  10448. }
  10449. #lobby_container #lobbyreports #lobbyreports-lt .report-status.open{
  10450. background-color:#1b1
  10451. }
  10452. #lobby_container #lobbyreports #lobbyreports-lt .report-status.closed{
  10453. background-color:#b11
  10454. }
  10455. #lobby_container #lobbyreports #lobbyreports-lt .report-status.in-progress{
  10456. background-color:#bb1
  10457. }
  10458. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header{
  10459. overflow:hidden;
  10460. zoom:1;
  10461. min-height:20px
  10462. }
  10463. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .pagenav{
  10464. width:auto;
  10465. float:left
  10466. }
  10467. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav{
  10468. margin-bottom:5px
  10469. }
  10470. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li{
  10471. cursor:pointer;
  10472. width:12px;
  10473. height:12px;
  10474. border-radius:7px;
  10475. margin:4px 2px 0 0;
  10476. border:1px solid
  10477. }
  10478. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.undecided{
  10479. border-color:#999
  10480. }
  10481. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.undecided.sel{
  10482. background-color:#999
  10483. }
  10484. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.open{
  10485. border-color:#1b1
  10486. }
  10487. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.open.sel{
  10488. background-color:#1b1
  10489. }
  10490. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.closed{
  10491. border-color:#b11
  10492. }
  10493. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.closed.sel{
  10494. background-color:#b11
  10495. }
  10496. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.in-progress{
  10497. border-color:#bb1
  10498. }
  10499. #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.in-progress.sel{
  10500. background-color:#bb1
  10501. }
  10502. #lobby_container #lobbyreports #lobbyreports-rt{
  10503. width:20%
  10504. }
  10505. #lobby_container #lobbyreports #lobbyreports-rt .form_input{
  10506. font-size:.9em
  10507. }
  10508. #lobby_container #lobbyreports #lobbyreports-rt input[type=text],#lobby_container #lobbyreports #lobbyreports-rt textarea,#lobby_container #lobbyreports #lobbyreports-rt input[type=submit]{
  10509. box-sizing:border-box;
  10510. width:100%
  10511. }
  10512. #lobby_container #lobbyedit{
  10513. min-height:300px
  10514. }
  10515. #lobby_container #lobbyedit #edit_lobby_colors .color{
  10516. display:inline-block;
  10517. width:20px;
  10518. height:20px;
  10519. border:1px solid #ccc;
  10520. cursor:pointer
  10521. }
  10522. #lobby_container #lobbyedit #edit_lobby_colors .color.sel{
  10523. border-color:#b11;
  10524. border-width:2px
  10525. }
  10526. #lobby_container #lobbyedit #setup_search_container{
  10527. position:relative
  10528. }
  10529. #lobby_container #lobbyedit #setup_search_container #setup_search_results{
  10530. box-shadow:0 0 3px #ccc;
  10531. border:1px solid #ccc;
  10532. background-color:#fff;
  10533. position:absolute;
  10534. top:40px;
  10535. left:0;
  10536. width:400px;
  10537. z-index:5
  10538. }
  10539. #lobby_container #lobbyedit #setup_search_container #setup_search_results>*{
  10540. margin-bottom:5px;
  10541. padding:4px;
  10542. cursor:pointer
  10543. }
  10544. #lobby_container #lobbyedit #setup_search_container #setup_search_results>*:hover{
  10545. background-color:#eee
  10546. }
  10547. #lobby_container #lobbyedit #setup_search_container #setup_search_results>*:last-child{
  10548. margin:0
  10549. }
  10550. #lobby_container #lobbyedit h4{
  10551. font-size:.8em;
  10552. font-weight:bold;
  10553. color:#b11;
  10554. padding:5px 0
  10555. }
  10556. #lobby_container #lobbyedit #edit_roles>*{
  10557. display:inline-block;
  10558. vertical-align:middle;
  10559. width:12em;
  10560. margin-bottom:5px
  10561. }
  10562. #lobby_container #lobbyedit .options-two-columns>*{
  10563. float:left
  10564. }
  10565. #lobby_container #lobbyedit .options-two-columns .lt-column{
  10566. width:300px;
  10567. font-size:.9em
  10568. }
  10569. #lobby_container #lobbyedit .options-two-columns .rt-column{
  10570. width:300px
  10571. }
  10572. #lobby_container #lobbyedit .two-columns>*{
  10573. float:left
  10574. }
  10575. #lobby_container #lobbyedit .two-columns .lt-column{
  10576. width:200px
  10577. }
  10578. #lobby_container #lobbyedit .two-columns .rt-column{
  10579. width:400px;
  10580. max-height:400px;
  10581. overflow-y:scroll
  10582. }
  10583. #lobby_container #lobbychat{
  10584. margin-top:5px
  10585. }
  10586. #lobby_container #lobbychat #window,#lobby_container #lobbychat #userlist{
  10587. display:block;
  10588. float:left;
  10589. height:245px;
  10590. overflow-y:auto;
  10591. overflow-x:hidden
  10592. }
  10593. #lobby_container #lobbychat #window{
  10594. width:304px;
  10595. border:1px solid #bbb;
  10596. position:relative;
  10597. background-color:#fff
  10598. }
  10599. #lobby_container #lobbychat #window #window_i{
  10600. height:205px;
  10601. width:283px;
  10602. padding:7px;
  10603. overflow-y:auto;
  10604. overflow-x:hidden;
  10605. position:relative;
  10606. font-size:.9em
  10607. }
  10608. #lobby_container #lobbychat #window #window_i #ask_reconnect{
  10609. width:100%;
  10610. text-align:center;
  10611. padding:20px
  10612. }
  10613. #lobby_container #lobbychat #window #window_i #ask_reconnect a{
  10614. display:inline-block
  10615. }
  10616. #lobby_container #lobbychat #window #window_i .loading{
  10617. width:30px;
  10618. height:30px
  10619. }
  10620. #lobby_container #lobbychat #window #window_i .talk{
  10621. margin-bottom:4px
  10622. }
  10623. #lobby_container #lobbychat #window #window_i .talk span.header{
  10624. font-size:1.2em;
  10625. font-weight:bold;
  10626. color:#888
  10627. }
  10628. #lobby_container #lobbychat #window #window_i .talk span.inf{
  10629. font-size:1em;
  10630. color:#b11
  10631. }
  10632. #lobby_container #lobbychat #window #window_i .talk span.ts{
  10633. font-size:.7em;
  10634. color:#aaa;
  10635. margin-right:5px
  10636. }
  10637. #lobby_container #lobbychat #window #window_i .talk img.avatar{
  10638. border:1px solid #ccc;
  10639. width:20px;
  10640. height:20px
  10641. }
  10642. #lobby_container #lobbychat #window #window_i .talk img.mute{
  10643. border:0;
  10644. cursor:pointer
  10645. }
  10646. #lobby_container #lobbychat #window #window_i .talk img,#lobby_container #lobbychat #window #window_i .talk b{
  10647. display:inline-block;
  10648. vertical-align:middle;
  10649. margin-right:3px
  10650. }
  10651. #lobby_container #lobbychat #window #window_i .talk b{
  10652. font-weight:bold;
  10653. font-size:.9em;
  10654. cursor:pointer
  10655. }
  10656. #lobby_container #lobbychat #window #window_i .talk span.msg{
  10657. vertical-align:middle;
  10658. font-size:.9em
  10659. }
  10660. #lobby_container #lobbychat #window #window_i .talk span.msg a{
  10661. color:#b11;
  10662. font-weight:normal
  10663. }
  10664. #lobby_container #lobbychat #window #window_i .talk span.msg a:hover{
  10665. text-decoration:underline
  10666. }
  10667. #lobby_container #lobbychat #window input[type=text]{
  10668. position:absolute;
  10669. margin:0;
  10670. bottom:0;
  10671. left:0;
  10672. width:294px;
  10673. border:1px solid #bbb;
  10674. border-width:1px 0 0 0;
  10675. padding:5px;
  10676. font-size:.9em
  10677. }
  10678. #lobby_container #lobbychat .chat_toggle{
  10679. margin-left:5px;
  10680. cursor:pointer
  10681. }
  10682. #lobby_container #lobbychat .chat_toggle.sel,#lobby_container #lobbychat .chat_toggle:hover{
  10683. color:#b11
  10684. }
  10685. #lobby_container #lobbychat .chat_toggle.sel i,#lobby_container #lobbychat .chat_toggle:hover i{
  10686. color:#b11
  10687. }
  10688. #lobby_container #lobbychat #userlist{
  10689. height:200px;
  10690. width:283px;
  10691. padding:7px;
  10692. overflow-y:auto;
  10693. overflow-x:hidden;
  10694. position:relative
  10695. }
  10696. #lobby_container #lobbychat #userlist li.chat_user{
  10697. cursor:pointer;
  10698. padding:3px 4px;
  10699. height:26px;
  10700. line-height:26px;
  10701. position:relative
  10702. }
  10703. #lobby_container #lobbychat #userlist li.chat_user .unmute{
  10704. position:absolute;
  10705. top:9px;
  10706. right:3px;
  10707. background:url(/images/unmute.png) no-repeat center left;
  10708. width:15px;
  10709. height:15px
  10710. }
  10711. #lobby_container #lobbychat #userlist li.chat_user.muted{
  10712. color:#ccc;
  10713. text-decoration:line-through
  10714. }
  10715. #lobby_container #lobbychat #userlist li.chat_user:hover{
  10716. background-color:#eee
  10717. }
  10718. #lobby_container #lobbychat #userlist li.chat_user img{
  10719. width:20px;
  10720. height:20px;
  10721. border:1px solid #ddd
  10722. }
  10723. #lobby_container #lobbychat #userlist li.chat_user span{
  10724. width:50px
  10725. }
  10726. #lobby_container #lobbychat #userlist li.chat_user>*{
  10727. display:inline-block;
  10728. vertical-align:middle;
  10729. margin-right:3px
  10730. }
  10731. #lobby_container #refresh a{
  10732. border:0
  10733. }
  10734. #lobby_container #refresh img{
  10735. padding:0;
  10736. margin-top:4px;
  10737. border:0
  10738. }
  10739. #lobby_container #gamepage{
  10740. width:100%;
  10741. min-height:300px;
  10742. position:relative;
  10743. margin-bottom:5px;
  10744. padding-top:5px;
  10745. background-color:#fff
  10746. }
  10747. #lobby_container #gamepage #gamenav{
  10748. min-height:20px;
  10749. border-top:1px solid #ccc;
  10750. padding-top:3px
  10751. }
  10752. #lobby_container #gamepage #gamenav .pagenav{
  10753. margin-left:5px
  10754. }
  10755. #lobby_container #gamepage #gamenav .pagenav{
  10756. margin:3px 0;
  10757. padding:0 5px
  10758. }
  10759. #lobby_container #gamepage #gamenav .sortnav{
  10760. padding:0 5px
  10761. }
  10762. #lobby_container #gamepage #gamenav .sortnav #filter_hidepass i.sel{
  10763. color:#b11
  10764. }
  10765. #lobby_container #gamepage #gamenav .sortnav #filter_hidepass:hover i{
  10766. color:#999
  10767. }
  10768. #lobby_container #gamepage #gamenav .sortnav li{
  10769. padding:3px
  10770. }
  10771. #lobby_container #gamepage #gamenav .sortnav li:hover{
  10772. background-color:#eee
  10773. }
  10774. #lobby_container #gamepage #gamenav .sortnav li.sel{
  10775. background-color:#ddd
  10776. }
  10777. #lobby_container #gamepage #gamenav .sortnav .waiting-sort-lt,#lobby_container #gamepage #gamenav .sortnav .progress-sort-lt,#lobby_container #gamepage #gamenav .sortnav .gameover-sort-lt{
  10778. display:block;
  10779. width:12px;
  10780. height:12px;
  10781. border-radius:6px
  10782. }
  10783. #lobby_container #gamepage #gamenav .sortnav .waiting-sort-lt{
  10784. background-color:#090
  10785. }
  10786. #lobby_container #gamepage #gamenav .sortnav .progress-sort-lt{
  10787. background-color:#f93
  10788. }
  10789. #lobby_container #gamepage #gamenav .sortnav .gameover-sort-lt{
  10790. background-color:#aaa
  10791. }
  10792. #lobby_container .gametable{
  10793. width:100%;
  10794. margin-bottom:8px;
  10795. min-height:300px
  10796. }
  10797. #lobby_container .gametable .gamerow{
  10798. position:relative;
  10799. display:block;
  10800. width:100%;
  10801. border-radius:2px;
  10802. background-color:#fff;
  10803. vertical-align:top;
  10804. padding:2px 0;
  10805. cursor:pointer
  10806. }
  10807. #lobby_container .gametable .gamerow .gamectrls{
  10808. display:none;
  10809. position:absolute;
  10810. top:0;
  10811. left:0;
  10812. font-size:.7em;
  10813. color:#aaa
  10814. }
  10815. #lobby_container .gametable .gamerow:hover .gamectrls{
  10816. display:inline-block
  10817. }
  10818. #lobby_container .gametable .gamerow .numplayers{
  10819. margin-left:4px
  10820. }
  10821. #lobby_container .gametable .gamerow:hover{
  10822. -webkit-transition-property:background-color;
  10823. transition-property:background-color;
  10824. -webkit-transition-duration:500ms;
  10825. transition-duration:500ms;
  10826. background-color:#efefef
  10827. }
  10828. #lobby_container .gametable .gamerow:hover .numplayers .players .player,#lobby_container .gametable .gamerow:hover .numplayers .players .noplayer{
  10829. opacity:.2
  10830. }
  10831. #lobby_container .gametable .gamerow:hover .numplayers .summary{
  10832. opacity:1;
  10833. display:block;
  10834. z-index:2
  10835. }
  10836. #lobby_container .gametable .gamerow.sel{
  10837. background-color:#efefef
  10838. }
  10839. #lobby_container .gametable .gamerow.join .numplayers{
  10840. color:#090
  10841. }
  10842. #lobby_container .gametable .gamerow.join .numplayers .player,#lobby_container .gametable .gamerow.join .numplayers .noplayer{
  10843. border-color:#090
  10844. }
  10845. #lobby_container .gametable .gamerow.join .numplayers .player{
  10846. background-color:#090
  10847. }
  10848. #lobby_container .gametable .gamerow.gameover .numplayers{
  10849. color:#aaa
  10850. }
  10851. #lobby_container .gametable .gamerow.gameover .numplayers .player,#lobby_container .gametable .gamerow.gameover .numplayers .noplayer{
  10852. border-color:#aaa
  10853. }
  10854. #lobby_container .gametable .gamerow.gameover .numplayers .player{
  10855. background-color:#aaa
  10856. }
  10857. #lobby_container .gametable .gamerow.progress .numplayers{
  10858. color:#f93
  10859. }
  10860. #lobby_container .gametable .gamerow.progress .numplayers .player,#lobby_container .gametable .gamerow.progress .numplayers .noplayer{
  10861. border-color:#f93
  10862. }
  10863. #lobby_container .gametable .gamerow.progress .numplayers .player{
  10864. background-color:#f93
  10865. }
  10866. #lobby_container .gametable .gamerow .numplayers{
  10867. width:120px;
  10868. padding-left:5px;
  10869. font-size:.7em;
  10870. position:relative
  10871. }
  10872. #lobby_container .gametable .gamerow .numplayers .mask{
  10873. display:none
  10874. }
  10875. #lobby_container .gametable .gamerow .numplayers .summary{
  10876. position:absolute;
  10877. display:none;
  10878. font-size:14px;
  10879. height:15px;
  10880. width:40px;
  10881. letter-spacing:2px;
  10882. text-align:center;
  10883. top:50%;
  10884. left:50%;
  10885. margin:-7px 0 0 -20px
  10886. }
  10887. #lobby_container .gametable .gamerow .numplayers .players>*{
  10888. display:inline-block;
  10889. vertical-align:middle;
  10890. margin-right:2px
  10891. }
  10892. #lobby_container .gametable .gamerow .numplayers .player,#lobby_container .gametable .gamerow .numplayers .noplayer{
  10893. border-radius:3px;
  10894. width:5px;
  10895. height:5px;
  10896. border:1px solid #888;
  10897. background-color:#888
  10898. }
  10899. #lobby_container .gametable .gamerow .numplayers .noplayer{
  10900. background-color:transparent
  10901. }
  10902. #lobby_container .gametable .gamerow .pull_right{
  10903. float:right;
  10904. margin-top:3px
  10905. }
  10906. #lobby_container .gametable .gamerow .creator a{
  10907. display:block;
  10908. width:20px;
  10909. height:20px;
  10910. border:1px solid #ddd
  10911. }
  10912. #lobby_container .gametable .gamerow .gamestate{
  10913. color:#888;
  10914. font-size:.9em;
  10915. text-align:right
  10916. }
  10917. #lobby_container .gametable .gamerow .gamestate .gameimg{
  10918. display:inline-block;
  10919. width:0;
  10920. height:20px;
  10921. margin:0
  10922. }
  10923. #lobby_container .gametable .gamerow .gamestate .mafia_game_status sup{
  10924. font-size:.7em;
  10925. font-weight:bold;
  10926. position:absolute;
  10927. color:#555;
  10928. top:-5px;
  10929. left:-5px
  10930. }
  10931. #lobby_container .gametable .gamerow .gamedetail{
  10932. width:315px
  10933. }
  10934. #lobby_container .gametable .gamerow .gameoptions{
  10935. width:45px;
  10936. text-align:right
  10937. }
  10938. #lobby_container .gametable .gamerow .sitdown{
  10939. width:80px
  10940. }
  10941. #lobby_container .gametable .gamerow .sitdown a{
  10942. width:80px;
  10943. font-size:.8em;
  10944. display:block;
  10945. text-align:center;
  10946. height:20px;
  10947. line-height:20px;
  10948. text-overflow:ellipsis;
  10949. white-space:nowrap;
  10950. overflow-x:hidden
  10951. }
  10952. #lobby_container .gametable .gamerow .randimg>*{
  10953. display:inline-block;
  10954. vertical-align:middle
  10955. }
  10956. #lobby_container #fametable td{
  10957. padding-right:.5em;
  10958. vertical-align:middle
  10959. }
  10960. #lobby_container .gametable .tira_gamerow .card_names{
  10961. font-size:.8em;
  10962. font-weight:bold
  10963. }
  10964. #lobby_container .gametable .tira_gamerow .card_names>*{
  10965. display:inline-block;
  10966. vertical-align:middle;
  10967. margin-right:5px;
  10968. zoom:1;
  10969. *display:inline
  10970. }
  10971. #lobby_container .gametable .tira_gamerow .card_names .noun{
  10972. background:url(/images/tira/tira_mini.png) no-repeat center left;
  10973. padding-left:30px;
  10974. height:16px
  10975. }
  10976. #lobby_container .gametable .tira_gamerow .card_names .adj{
  10977. background:url(/images/tira/fork.png) no-repeat center left;
  10978. padding-left:30px;
  10979. height:16px
  10980. }
  10981. #lobby_container .gametable .ghost_gamerow .ghost_setup>*{
  10982. display:inline-block;
  10983. vertical-align:middle;
  10984. margin-right:5px;
  10985. zoom:1;
  10986. *display:inline
  10987. }
  10988. #lobby_container .gametable .ghost_gamerow .ghost_setup .ghostimg{
  10989. position:relative
  10990. }
  10991. #lobby_container .gametable .ghost_gamerow .ghost_setup .ghostimg .sup{
  10992. position:absolute;
  10993. top:0;
  10994. left:-5px;
  10995. font-weight:normal;
  10996. font-size:.7em
  10997. }
  10998. #lobby_container a.completesetup li{
  10999. color:#000;
  11000. font-weight:normal
  11001. }
  11002. #lobby_container #entities{
  11003. padding:5px 0;
  11004. max-height:400px;
  11005. overflow-y:scroll;
  11006. position:relative
  11007. }
  11008. #lobby_container #entities ul.list-icon{
  11009. position:absolute;
  11010. top:0;
  11011. right:10px
  11012. }
  11013. #lobby_container #entities .entity{
  11014. display:inline-block;
  11015. width:9.8em;
  11016. margin:.2em .5em .2em 0
  11017. }
  11018. #lobby_container #entities .entity>*{
  11019. display:inline-block;
  11020. vertical-align:middle;
  11021. margin-right:5px;
  11022. zoom:1;
  11023. *display:inline
  11024. }
  11025. #lobby_container #entities .entity .roleimg,#lobby_container #entities .entity span{
  11026. font-size:.9em;
  11027. display:inline-block
  11028. }
  11029. #lobby_container #entities .entity .roleimg{
  11030. margin:0;
  11031. width:0
  11032. }
  11033. #lobby_container #entities .entity.multiple{
  11034. display:none
  11035. }
  11036. #lobby_container #entities .entity_container{
  11037. padding-left:10px
  11038. }
  11039. #lobby_container #entities .entity_container .role_name{
  11040. padding-left:4px;
  11041. max-width:6em;
  11042. overflow-x:hidden;
  11043. overflow-y:hidden;
  11044. white-space:nowrap;
  11045. text-overflow:ellipsis;
  11046. overflow-y:hidden;
  11047. cursor:pointer
  11048. }
  11049. #lobby_container #entities .entity_container.list .entity{
  11050. display:block;
  11051. margin-bottom:10px;
  11052. width:100%
  11053. }
  11054. #lobby_container #yourroles .yourrole{
  11055. margin-bottom:5px
  11056. }
  11057. #lobby_container #yourroles .role-custom .lt{
  11058. margin-right:5px
  11059. }
  11060. #lobby_container #yourroles .role-custom>*{
  11061. display:inline-block;
  11062. vertical-align:middle;
  11063. margin-right:5px;
  11064. zoom:1;
  11065. *display:inline
  11066. }
  11067. #lobby_container .updowntext{
  11068. padding-left:20px;
  11069. margin-right:3px;
  11070. font-size:.8em;
  11071. line-height:22px;
  11072. width:5em;
  11073. overflow:hidden;
  11074. text-overflow:ellipsis;
  11075. margin-bottom:3px
  11076. }
  11077. #lobby_container .padding{
  11078. padding:2px 0
  11079. }
  11080. #lobby_container .nudge{
  11081. padding-bottom:4px
  11082. }
  11083. #lobby_container #yoursetup{
  11084. float:right;
  11085. width:24%
  11086. }
  11087. #lobby_container #gameicons{
  11088. width:100%;
  11089. padding:2px
  11090. }
  11091. #lobby_container #gameicons .gamesetup li{
  11092. margin:0 1px
  11093. }
  11094. #lobby_container #closedoptions{
  11095. margin-top:.5em;
  11096. margin-bottom:.5em
  11097. }
  11098. #lobby_container #closedoptions>*{
  11099. padding-left:1em
  11100. }
  11101. #lobby_container #closedoptions .color_village{
  11102. background-color:#93b7f2
  11103. }
  11104. #lobby_container #closedoptions .color_mafia{
  11105. background-color:#000
  11106. }
  11107. #lobby_container #closedoptions .color_third{
  11108. background-color:#dbe355
  11109. }
  11110. #lobby_container #closedoptions #probabilities{
  11111. margin-bottom:1em
  11112. }
  11113. #lobby_container #closedoptions #probabilities>*{
  11114. display:inline-block;
  11115. vertical-align:middle;
  11116. margin-right:1em;
  11117. zoom:1;
  11118. *display:inline
  11119. }
  11120. #lobby_container #closedoptions #probabilities #sliders>*{
  11121. display:inline-block;
  11122. vertical-align:middle;
  11123. margin-right:.9em;
  11124. zoom:1;
  11125. *display:inline
  11126. }
  11127. #lobby_container #closedoptions #probabilities #sliders .slider{
  11128. height:5em
  11129. }
  11130. #lobby_container #closedoptions #probabilities #sliders .ui-slider{
  11131. width:5px;
  11132. background-image:none
  11133. }
  11134. #lobby_container #closedoptions #probabilities #sliders .ui-slider-handle{
  11135. width:12px;
  11136. height:10px
  11137. }
  11138. #lobby_container #closedoptions #probabilities .preview .prob_cont{
  11139. margin:5px 0
  11140. }
  11141. #lobby_container #closedoptions #probabilities .preview .prob_cont>*{
  11142. display:inline-block;
  11143. vertical-align:middle;
  11144. margin-right:.5em;
  11145. zoom:1;
  11146. *display:inline
  11147. }
  11148. #lobby_container #closedoptions #probabilities .preview .prob_cont span,#lobby_container #closedoptions #probabilities .preview .prob_cont .prob{
  11149. font-size:.9em;
  11150. color:grey
  11151. }
  11152. #lobby_container #closedoptions #probabilities .preview .prob_cont span{
  11153. width:4em
  11154. }
  11155. #lobby_container #closedoptions #probabilities .preview .color{
  11156. border-radius:2px;
  11157. width:20px;
  11158. height:20px
  11159. }
  11160. #lobby_container #closedoptions #probabilities label{
  11161. font-size:.9em;
  11162. color:grey
  11163. }
  11164. #lobby_container #closedoptions #totalplayers .ui-slider{
  11165. height:5px;
  11166. background-color:#ccc
  11167. }
  11168. #lobby_container #closedoptions #totalplayers .ui-slider-handle{
  11169. width:8px;
  11170. height:12px
  11171. }
  11172. #lobby_container #closedoptions #totalplayers .slider{
  11173. width:10em
  11174. }
  11175. #lobby_container #closedoptions #totalplayers>*{
  11176. display:inline-block;
  11177. vertical-align:middle;
  11178. margin-right:.5em;
  11179. zoom:1;
  11180. *display:inline
  11181. }
  11182. #lobby_container #closedoptions .v{
  11183. color:grey;
  11184. font-size:.9em
  11185. }
  11186. #lobby_container #createbuttons>*{
  11187. display:inline-block;
  11188. vertical-align:middle;
  11189. margin-right:.8em;
  11190. zoom:1;
  11191. *display:inline
  11192. }
  11193. #lobby_container #createbuttons a{
  11194. padding-bottom:.3em
  11195. }
  11196. #lobby_container #setupinfo{
  11197. margin:1em 0;
  11198. float:left;
  11199. clear:left;
  11200. font-size:.9em
  11201. }
  11202. #lobby_container #setupinfo td{
  11203. padding:.2em .5em .2em;
  11204. vertical-align:top
  11205. }
  11206. #lobby_container #setupinfo td:first-child{
  11207. color:#b11;
  11208. font-weight:bold
  11209. }
  11210. #lobby_container .ratetext span{
  11211. font-size:1.1em
  11212. }
  11213. #lobby_container .descr{
  11214. width:25em
  11215. }
  11216. #lobby_container .descr+textarea{
  11217. font-size:15px;
  11218. width:25em;
  11219. height:8em;
  11220. overflow-x:hidden;
  11221. overflow-y:auto
  11222. }
  11223. #lobby_container .setupranking,#lobby_container .setupratetext{
  11224. border:1px solid #ccc;
  11225. text-align:center;
  11226. min-width:2em;
  11227. font-size:.75em;
  11228. padding:2px 3px;
  11229. border-radius:3px
  11230. }
  11231. #lobby_container #setuppage #setuptable{
  11232. width:690px;
  11233. padding:20px
  11234. }
  11235. #lobby_container #setuppage #setuptable .setuptitle a{
  11236. font-weight:normal
  11237. }
  11238. #lobby_container #setuppage #setuptable .setupcreated{
  11239. font-size:.8em;
  11240. text-align:right;
  11241. color:#777
  11242. }
  11243. #lobby_container .setuprating{
  11244. width:3.5em;
  11245. text-align:center
  11246. }
  11247. #lobby_container .editsetup:hover{
  11248. background-color:#ff8;
  11249. cursor:pointer
  11250. }
  11251. #lobby_container #gameoptions hr{
  11252. width:95%;
  11253. margin:0 auto;
  11254. height:1px;
  11255. background-color:#ccc;
  11256. border:0
  11257. }
  11258. #lobby_container #gameoptions #passwordbox{
  11259. font-size:.9em
  11260. }
  11261. #lobby_container #gameoptions #passwordtext,#lobby_container #gameoptions #titletext{
  11262. border:0
  11263. }
  11264. #lobby_container #gameoptions #passwordtext:focus,#lobby_container #gameoptions #titletext:focus{
  11265. border-color:#aaf
  11266. }
  11267. #lobby_container #gameoptions:focus{
  11268. border:1px solid grey
  11269. }
  11270. #lobby_container #gameoptions #extra>div{
  11271. font-size:.9em;
  11272. padding-left:1em;
  11273. margin:.5em 0
  11274. }
  11275. #lobby_container #gameoptions #extra>div>*{
  11276. display:inline-block;
  11277. vertical-align:middle;
  11278. margin-right:5px;
  11279. zoom:1;
  11280. *display:inline
  11281. }
  11282. #lobby_container #gameoptions #extra>div label{
  11283. padding-left:25px;
  11284. width:115px;
  11285. height:20px;
  11286. line-height:20px
  11287. }
  11288. #lobby_container #winstats td{
  11289. vertical-align:middle;
  11290. font-size:.8em;
  11291. font-weight:bold
  11292. }
  11293. #lobby_container .lobbyad{
  11294. margin:10px 0;
  11295. z-index:0
  11296. }
  11297. #lobby_container .lobbyad-top{
  11298. margin-bottom:8px
  11299. }
  11300. #lobby_container .createsetup{
  11301. cursor:pointer;
  11302. width:100%;
  11303. position:relative;
  11304. border:1px solid #ddd;
  11305. height:auto;
  11306. min-height:20px;
  11307. padding:3px;
  11308. margin-bottom:2px;
  11309. overflow:hidden;
  11310. zoom:1;
  11311. hover-background-color:#ddd
  11312. }
  11313. #lobby_container .createsetup>*{
  11314. display:inline-block;
  11315. vertical-align:middle;
  11316. margin-right:0;
  11317. zoom:1;
  11318. *display:inline
  11319. }
  11320. #lobby_container .createsetup.sel{
  11321. background-color:#eee;
  11322. border:1px solid #ddd
  11323. }
  11324. #lobby_container .createsetup a.icon-trash{
  11325. width:20px;
  11326. height:20px;
  11327. line-height:20px;
  11328. margin-top:5px;
  11329. position:absolute;
  11330. top:0;
  11331. right:0
  11332. }
  11333. #lobby_container .createsetup:first-child a.icon-trash{
  11334. display:none
  11335. }
  11336. #lobby_container #setupoptions{
  11337. margin-top:5px
  11338. }
  11339. #lobby_container #choosegame{
  11340. margin-bottom:.5em
  11341. }
  11342. #lobby_container #choosegame>*{
  11343. display:inline-block;
  11344. vertical-align:middle;
  11345. margin-right:10px;
  11346. zoom:1;
  11347. *display:inline
  11348. }
  11349. #lobby_container #choosegame li{
  11350. padding:5px;
  11351. border:1px solid transparent;
  11352. margin-bottom:5px
  11353. }
  11354. #lobby_container #choosegame li:hover{
  11355. background-color:#eee
  11356. }
  11357. #lobby_container #choosegame li.sel{
  11358. background-color:#eee;
  11359. border-color:#b11
  11360. }
  11361. #lobby_container #choosegame li.sel a{
  11362. font-weight:normal;
  11363. color:#b11
  11364. }
  11365. #lobby_container #choosegame a{
  11366. display:block;
  11367. padding-left:25px;
  11368. height:20px;
  11369. line-height:20px;
  11370. font-weight:normal;
  11371. font-size:.9em
  11372. }
  11373. .x20{
  11374. width:20px;
  11375. height:20px
  11376. }
  11377. #lobby_container #setup_left #setup_information .button{
  11378. margin-right:5px
  11379. }
  11380. #lobby_container #setup_left #setup_descr_bar .setup_descr{
  11381. background-color:#eee;
  11382. margin:3px 0;
  11383. font-size:.9em;
  11384. overflow-x:hidden;
  11385. padding:1em
  11386. }
  11387. #lobby_container #setup_left #setup_descr_bar .setup_descr_text{
  11388. line-height:1.2em
  11389. }
  11390. #lobby_container #setup_left #setup_extra_info{
  11391. font-size:1em
  11392. }
  11393. #lobby_container #setup_right>*{
  11394. margin-bottom:1em
  11395. }
  11396. #lobby_container #setup_right #strategies_page .comment-lt,#lobby_container #setup_right #strategies_page .vote-lt{
  11397. margin:0 5px
  11398. }
  11399. #lobby_container #setup_right #strategies_page .strategy_title_comment_vote,#lobby_container #setup_right #strategies_page .strategy_info,#lobby_container #setup_right #strategies_page .strategy_title{
  11400. padding:.1em
  11401. }
  11402. #lobby_container #setup_right #strategies_page .strategy_title_comment_vote>*,#lobby_container #setup_right #strategies_page .strategy_info>*,#lobby_container #setup_right #strategies_page .strategy_title>*{
  11403. display:inline-block;
  11404. vertical-align:middle
  11405. }
  11406. #lobby_container #setup_right #strategies_page .strategy_info{
  11407. padding-left:.5em
  11408. }
  11409. #lobby_container #setup_right #strategies_page .strategy_info .user,#lobby_container #setup_right #strategies_page .strategy_info span{
  11410. font-size:.9em
  11411. }
  11412. #lobby_container #setup_right #strategies_page .strategy_info span{
  11413. color:#aaa
  11414. }
  11415. #lobby_container #setup_right #view_strategy{
  11416. padding:1em;
  11417. font-size:.9em;
  11418. color:#555;
  11419. line-height:1.1em;
  11420. border-left:2px solid #ccc
  11421. }
  11422. #lobby_container #setup_right #create_strategy #create_strategy_form{
  11423. margin-top:.5em
  11424. }
  11425. #lobby_container #setup_right #create_strategy #create_strategy_form textarea{
  11426. width:95%;
  11427. height:150px
  11428. }
  11429. #lobby_container #setup_right #create_strategy #create_strategy_form input,#lobby_container #setup_right #create_strategy #create_strategy_form textarea{
  11430. border:1px solid #aaa
  11431. }
  11432. #lobby_container #setup_right #create_strategy #create_strategy_form input:focus,#lobby_container #setup_right #create_strategy #create_strategy_form textarea:focus{
  11433. border:1px solid #ff2
  11434. }
  11435. #lobby_container #setup_right #create_strategy #create_strategy_form label{
  11436. font-weight:bold;
  11437. font-size:.9em;
  11438. margin:2px 0
  11439. }
  11440. #score_container #decorated_family .one_trophy_type{
  11441. margin-right:7px;
  11442. position:relative
  11443. }
  11444. #score_container #decorated_family .one_trophy_type>*{
  11445. display:inline-block;
  11446. vertical-align:bottom;
  11447. margin-right:10px;
  11448. zoom:1;
  11449. *display:inline
  11450. }
  11451. #score_container #decorated_family .one_trophy_type span{
  11452. font-size:.7em;
  11453. font-weight:bold;
  11454. position:absolute;
  11455. top:-3px;
  11456. left:-5px
  11457. }
  11458. #score_container #achievers .achievement{
  11459. padding-left:40px;
  11460. padding-bottom:10px;
  11461. width:200px
  11462. }
  11463. #score_container #achievers .achievement>*{
  11464. display:inline-block;
  11465. vertical-align:middle;
  11466. margin-right:5px;
  11467. zoom:1;
  11468. *display:inline
  11469. }
  11470. #score_container a.user{
  11471. margin:.1em 0
  11472. }
  11473. #score_container table{
  11474. margin-top:.3em
  11475. }
  11476. #score_container #hall,#score_container #toptotal{
  11477. margin-right:.5em
  11478. }
  11479. #score_container #fametable td,#score_container #ranktable td{
  11480. padding-right:.5em;
  11481. vertical-align:middle
  11482. }
  11483. #score_container #fametable td .family,#score_container #ranktable td .family{
  11484. font-weight:normal
  11485. }
  11486. #score_container .leader{
  11487. font-size:.9em
  11488. }
  11489. #score_container .trophies{
  11490. width:10em
  11491. }
  11492. #score_container #rolestats{
  11493. position:relative
  11494. }
  11495. #score_container #rolestats>div{
  11496. position:relative;
  11497. display:inline-block;
  11498. vertical-align:top;
  11499. width:140px;
  11500. margin-top:1em;
  11501. padding:10px 10px
  11502. }
  11503. #score_container #rolestats .roleimg{
  11504. position:absolute;
  11505. top:-5px;
  11506. left:0
  11507. }
  11508. #score_container #rolestats .stat{
  11509. position:absolute;
  11510. top:0;
  11511. right:25px;
  11512. font-size:.8em;
  11513. font-weight:bold
  11514. }
  11515. .happiness-tip{
  11516. padding:5px;
  11517. font-size:.75em;
  11518. color:#777
  11519. }
  11520. body.has_profilebg{
  11521. border-radius:3px;
  11522. opacity:.92
  11523. }
  11524. body.has_profilebg #usertitle,body.has_profilebg #family-title h2{
  11525. color:#b11
  11526. }
  11527. body.has_profilebg #header,body.has_profilebg #footer{
  11528. background-color:#fff;
  11529. opacity:.95
  11530. }
  11531. body.has_profilebg #bio{
  11532. background-color:#eee
  11533. }
  11534. body.has_profilebg.white #bio{
  11535. background-color:#555
  11536. }
  11537. body.has_profilebg .question-ctrl{
  11538. padding:3px
  11539. }
  11540. #user_container #stickers #stickers_inner{
  11541. display:-webkit-box;
  11542. display:-ms-flexbox;
  11543. display:flex;
  11544. -webkit-box-pack:center;
  11545. -ms-flex-pack:center;
  11546. justify-content:center;
  11547. -ms-flex-wrap:wrap;
  11548. flex-wrap:wrap
  11549. }
  11550. #user_container #violations .report_link{
  11551. min-width:10em;
  11552. display:inline-block
  11553. }
  11554. #user_container #violations .report_link .siterule_name{
  11555. font-weight:normal
  11556. }
  11557. #user_container #votebox_container{
  11558. height:30px
  11559. }
  11560. #user_container #ask_question_form input[type=text]{
  11561. width:253px
  11562. }
  11563. #user_container #questions form{
  11564. margin-top:.5em
  11565. }
  11566. #user_container #questions .question_info{
  11567. padding-left:3px
  11568. }
  11569. #user_container #questions .question_header{
  11570. margin:5px 0
  11571. }
  11572. #user_container #questions .question_header a{
  11573. font-size:.8em;
  11574. font-weight:normal;
  11575. padding:5px;
  11576. background-color:#fff;
  11577. border:1px solid #ccc;
  11578. box-shadow:0 0 2px #ddd
  11579. }
  11580. #user_container #questions .question_header a.sel{
  11581. color:#fff;
  11582. background-color:#b11;
  11583. box-shadow:none;
  11584. border:0
  11585. }
  11586. #user_container #questions .question_header .pull_rt{
  11587. float:right
  11588. }
  11589. #user_container #questions .question-container.sel .question{
  11590. background-color:#cc5
  11591. }
  11592. #user_container #questions .question{
  11593. margin-bottom:5px;
  11594. background-color:#eee
  11595. }
  11596. #user_container #questions .question .question_info{
  11597. padding:5px;
  11598. text-align:right
  11599. }
  11600. #user_container #questions .question.sel{
  11601. background-color:#dda
  11602. }
  11603. #user_container #questions .question .time_right{
  11604. position:absolute;
  11605. bottom:1px;
  11606. right:2px;
  11607. font-family:arial;
  11608. text-align:right;
  11609. font-size:.8em;
  11610. font-weight:normal;
  11611. color:grey
  11612. }
  11613. #user_container #questions .question .question_content{
  11614. font-size:.95em;
  11615. padding:5px 12px 5px 12px;
  11616. position:relative;
  11617. margin-bottom:5px;
  11618. padding-bottom:10px;
  11619. overflow:hidden
  11620. }
  11621. #user_container #questions .question .answer{
  11622. background-color:#ddd;
  11623. position:relative;
  11624. padding:10px
  11625. }
  11626. #user_container #questions .question .question-ctrl{
  11627. padding:3px
  11628. }
  11629. #user_container #questions .question .question-ctrl a:hover i{
  11630. color:#b11
  11631. }
  11632. #user_container #favorite_roles .inner>*{
  11633. display:inline-block;
  11634. vertical-align:bottom;
  11635. margin-right:5px;
  11636. zoom:1;
  11637. *display:inline
  11638. }
  11639. #user_container #favorite_roles.can_sort .roleimg{
  11640. cursor:grab;
  11641. cursor:-webkit-grab
  11642. }
  11643. #user_container #profile_views{
  11644. text-align:right
  11645. }
  11646. #user_container #usertitle{
  11647. font-size:1.4em;
  11648. font-weight:normal
  11649. }
  11650. #user_container.white{
  11651. color:#fff
  11652. }
  11653. #user_container.white #finduserbox i[class^=icon-]{
  11654. color:#fff
  11655. }
  11656. #user_container.white .bgwhite{
  11657. opacity:.9
  11658. }
  11659. #user_container.white .asl{
  11660. border-color:#fff
  11661. }
  11662. #user_container.white .relationship{
  11663. color:#fff
  11664. }
  11665. #user_container.white #personalinfo{
  11666. color:#555
  11667. }
  11668. #user_container.white #questions .question_header a{
  11669. color:#777
  11670. }
  11671. #user_container.white #questions .question_header a.sel{
  11672. color:#fff
  11673. }
  11674. #user_container.white #questions span,#user_container.white #questions a,#user_container.white #questions i{
  11675. color:#fff
  11676. }
  11677. #user_container.white #questions a i{
  11678. color:#fff
  11679. }
  11680. #user_container.white #questions .question{
  11681. background-color:#999
  11682. }
  11683. #user_container.white #questions .question .time_right{
  11684. color:#fff
  11685. }
  11686. #user_container.white #questions .question .answer{
  11687. background-color:transparent
  11688. }
  11689. #user_container #manage_alternates table{
  11690. width:100%
  11691. }
  11692. #user_container #manage_alternates td{
  11693. padding:.25em .7em
  11694. }
  11695. #user_container #manage_alternates .alternate.main{
  11696. background-color:#bbb;
  11697. color:#fff;
  11698. font-weight:bold
  11699. }
  11700. #user_container #manage_alternates .alternate.main .trash-rt{
  11701. display:none
  11702. }
  11703. #user_container #manage_alternates .alternate_slot{
  11704. background-color:#eee;
  11705. text-align:center;
  11706. color:#b11;
  11707. font-size:.8em;
  11708. padding:1.5em 0
  11709. }
  11710. #user_container #stickers{
  11711. background-color:#fff
  11712. }
  11713. #user_container #tab_nav li{
  11714. padding:0 .5em;
  11715. color:grey;
  11716. background-color:#ccc;
  11717. margin-bottom:.3em;
  11718. cursor:pointer;
  11719. font-size:1em;
  11720. height:36px;
  11721. line-height:36px;
  11722. position:relative
  11723. }
  11724. #user_container #tab_nav li:not(.sel):hover{
  11725. color:#b11
  11726. }
  11727. #user_container #tab_nav li:before,#user_container #tab_nav li:after{
  11728. content:"";
  11729. display:block;
  11730. position:absolute;
  11731. right:0;
  11732. background-color:#fff;
  11733. border:9px solid #fff
  11734. }
  11735. #user_container #tab_nav li:before{
  11736. top:0;
  11737. border-color:#fff #fff #ccc #ccc
  11738. }
  11739. #user_container #tab_nav li:after{
  11740. bottom:0;
  11741. border-color:#ccc #fff #fff #ccc
  11742. }
  11743. #user_container #tab_nav li.sel{
  11744. color:#fff;
  11745. background-color:#c11
  11746. }
  11747. #user_container #tab_nav li.sel:before{
  11748. border-color:#fff #fff #c11 #c11
  11749. }
  11750. #user_container #tab_nav li.sel:after{
  11751. border-color:#c11 #fff #fff #c11
  11752. }
  11753. #user_container #tabs .inform{
  11754. max-width:none
  11755. }
  11756. #user_container #tabs>*{
  11757. padding-left:1em;
  11758. border:1px solid #ddd;
  11759. border-width:0 0 0 1px
  11760. }
  11761. #user_container #tabs .disable{
  11762. position:absolute;
  11763. top:0;
  11764. left:0;
  11765. width:100%;
  11766. height:100%;
  11767. z-index:5;
  11768. opacity:.8;
  11769. background-color:#aaa
  11770. }
  11771. #user_container #tabs #editauth .facebook-lt{
  11772. color:grey;
  11773. font-size:.9em
  11774. }
  11775. #user_container #tabs #editauth #facebook_info{
  11776. padding:5px 0
  11777. }
  11778. #user_container #tabs #refer input[type=text]{
  11779. box-sizing:border-box;
  11780. font-size:1.2em;
  11781. border:1px solid #aaa;
  11782. padding:5px;
  11783. width:100%;
  11784. margin-top:5px;
  11785. color:#b11
  11786. }
  11787. #user_container #tabs #alternates{
  11788. width:100%;
  11789. margin:5px 0
  11790. }
  11791. #user_container #tabs #alternates a.user{
  11792. width:10em;
  11793. overflow:hidden
  11794. }
  11795. #user_container #tabs #addalt_controls>*,#user_container #tabs #createalt_controls>*{
  11796. display:inline-block;
  11797. vertical-align:middle;
  11798. margin-right:5px;
  11799. zoom:1;
  11800. *display:inline
  11801. }
  11802. #user_container #tabs #addalt_controls label,#user_container #tabs #createalt_controls label{
  11803. width:20em
  11804. }
  11805. #user_container #tabs form{
  11806. margin-top:.5em
  11807. }
  11808. #user_container #tabs #form_uploadprofilebg{
  11809. position:relative;
  11810. margin:5px 0;
  11811. padding:5px
  11812. }
  11813. #user_container #tabs #changedeath{
  11814. position:relative;
  11815. padding:5px
  11816. }
  11817. #user_container #tabs .textcolors{
  11818. padding:5px;
  11819. position:relative;
  11820. margin-bottom:.5em
  11821. }
  11822. #user_container #tabs .textcolors h4{
  11823. font-size:.9em;
  11824. color:#777;
  11825. margin-bottom:.5em
  11826. }
  11827. #user_container #tabs .textcolors .textcolors_i{
  11828. position:relative
  11829. }
  11830. #user_container #tabs .textcolors .textcolors_i .disabled{
  11831. position:absolute;
  11832. top:0;
  11833. left:0;
  11834. width:100%;
  11835. height:100%
  11836. }
  11837. #user_container #tabs .textcolors .textcolors_i input{
  11838. width:100%;
  11839. font-family:courier;
  11840. font-size:.9em
  11841. }
  11842. #user_container #tabs .textcolors .textcolors_i>*{
  11843. display:inline-block;
  11844. vertical-align:middle;
  11845. margin-right:5px;
  11846. zoom:1;
  11847. *display:inline
  11848. }
  11849. #user_container .asl{
  11850. position:relative;
  11851. font-size:1.1em;
  11852. border-bottom:1px solid #aaa;
  11853. padding:8px;
  11854. -webkit-box-align:center;
  11855. -ms-flex-align:center;
  11856. align-items:center
  11857. }
  11858. #user_container .asl span{
  11859. font-size:.8em
  11860. }
  11861. #user_container .asl .family{
  11862. font-size:.8em
  11863. }
  11864. #user_container .asl .gender{
  11865. margin:0 5px
  11866. }
  11867. #user_container .asl .location,#user_container .asl .age{
  11868. font-size:.9em
  11869. }
  11870. #user_container .asl .location{
  11871. max-width:14em;
  11872. margin-right:1em;
  11873. white-space:nowrap;
  11874. overflow-x:hidden;
  11875. overflow-y:hidden;
  11876. text-overflow:ellipsis
  11877. }
  11878. #user_container .asl .relationship{
  11879. font-size:.95em;
  11880. color:#999
  11881. }
  11882. #user_container .asl .relationship.love{
  11883. padding-left:20px;
  11884. background:url(/images/heart.png) no-repeat center left
  11885. }
  11886. #user_container #user_footer{
  11887. position:relative;
  11888. min-height:150px
  11889. }
  11890. #user_container #user_footer #user_social{
  11891. position:absolute;
  11892. bottom:0;
  11893. left:0;
  11894. font-size:.8em;
  11895. color:#b11;
  11896. font-weight:bold
  11897. }
  11898. #user_container #user_footer #user_social>*{
  11899. display:block;
  11900. height:20px;
  11901. line-height:20px
  11902. }
  11903. #user_container #user_footer #user_social a{
  11904. color:#b11
  11905. }
  11906. #user_container #user_footer #user_views{
  11907. position:absolute;
  11908. bottom:0;
  11909. right:0
  11910. }
  11911. #user_container #bio_container{
  11912. min-height:200px
  11913. }
  11914. #user_container #bio_container #bio,#user_container #bio_container .wmd-preview{
  11915. width:540px;
  11916. padding:10px;
  11917. line-height:1.2em
  11918. }
  11919. #user_container #bio_container #bio:empty{
  11920. visibility:hidden
  11921. }
  11922. #user_container ol{
  11923. list-style:decimal;
  11924. margin-left:2em;
  11925. margin:.5em 0 .5em 2em
  11926. }
  11927. #user_container ol li{
  11928. font-size:.9em;
  11929. color:#888;
  11930. padding:.2em
  11931. }
  11932. #user_container h2 span{
  11933. color:#999;
  11934. font-size:.9em;
  11935. font-weight:normal
  11936. }
  11937. #user_container h3{
  11938. margin-top:0
  11939. }
  11940. #user_container #editmedia #supported_media img{
  11941. border:1px solid transparent
  11942. }
  11943. #user_container #editmedia #supported_media img.sel{
  11944. border:1px solid #b11
  11945. }
  11946. #user_container #editmedia .success_mark{
  11947. font-size:1.2em;
  11948. color:#1b1;
  11949. padding:0 5px
  11950. }
  11951. #user_container #role_prob_inner .prob .add,#user_container #role_prob_inner .prob .remove{
  11952. font-size:.8em;
  11953. padding:3px;
  11954. border:1px solid #ccc;
  11955. border-radius:2px;
  11956. width:15px;
  11957. height:15px;
  11958. text-align:center;
  11959. line-height:15px
  11960. }
  11961. #user_container #role_prob_inner .prob .add:hover,#user_container #role_prob_inner .prob .remove:hover{
  11962. border-color:#b11
  11963. }
  11964. #user_container #role_prob_inner .slot{
  11965. display:inline-block;
  11966. margin-right:5px;
  11967. background-color:#cc8;
  11968. border:1px solid #aa1;
  11969. width:8px;
  11970. height:8px;
  11971. border-radius:4px
  11972. }
  11973. #user_container #role_prob_inner #search_role_results{
  11974. position:absolute;
  11975. font-size:.9em;
  11976. top:35px;
  11977. left:3px;
  11978. z-index:3;
  11979. box-shadow:0 0 2px #aaa;
  11980. border:1px solid #bbb;
  11981. background-color:#fff
  11982. }
  11983. #user_container #role_prob_inner #search_role_results>*{
  11984. padding:4px;
  11985. cursor:pointer
  11986. }
  11987. #user_container #role_prob_inner #search_role_results>*:hover{
  11988. background-color:#eee
  11989. }
  11990. #user_container .editbox{
  11991. margin-right:1em;
  11992. margin-bottom:1.5em
  11993. }
  11994. #user_container .editbox .editbox_inner{
  11995. position:relative
  11996. }
  11997. #user_container .editbox .editbox_inner .pr{
  11998. position:relative
  11999. }
  12000. #user_container .editbox .editbox_inner input[type=submit].hide{
  12001. display:none
  12002. }
  12003. #user_container .editbox label.inner{
  12004. color:#666;
  12005. width:auto;
  12006. padding:0
  12007. }
  12008. #user_container .editbox input[type=radio]{
  12009. margin-top:.4em;
  12010. margin-right:1em
  12011. }
  12012. #user_container .editbox textarea{
  12013. border:1px solid gray;
  12014. width:20em;
  12015. height:10em
  12016. }
  12017. #user_container .editbox textarea:focus{
  12018. border:1px solid #b11
  12019. }
  12020. #user_container .relationship_preview{
  12021. padding:.5em;
  12022. font-size:.9em;
  12023. background-color:#eee
  12024. }
  12025. #user_container #change_family_bg{
  12026. position:relative
  12027. }
  12028. #user_container #finduserbox{
  12029. position:relative
  12030. }
  12031. #user_container #finduserbox #finduser{
  12032. margin:0;
  12033. position:absolute;
  12034. top:0;
  12035. right:21px
  12036. }
  12037. #user_container #finduserbox #finduser.active .search .search-icon{
  12038. background-color:#ccc;
  12039. border-top-left-radius:3px;
  12040. border-top-right-radius:0;
  12041. border-bottom-left-radius:3px;
  12042. border-bottom-right-radius:0
  12043. }
  12044. #user_container #finduserbox #finduser.active .search .search-icon i.icon-search{
  12045. color:#b11;
  12046. cursor:default
  12047. }
  12048. #user_container #finduserbox #finduser.active #findusertypebox{
  12049. display:inline-block
  12050. }
  12051. #user_container #finduserbox #finduser .search .search-icon{
  12052. background-color:#fff;
  12053. border-top-left-radius:3px;
  12054. border-top-right-radius:3px;
  12055. border-bottom-left-radius:3px;
  12056. border-bottom-right-radius:3px
  12057. }
  12058. #user_container #finduserbox #finduser .search .search-icon i.icon-search{
  12059. color:#888;
  12060. cursor:pointer
  12061. }
  12062. #user_container #finduserbox #finduser .search .search-icon i.icon-search:hover{
  12063. color:#b11
  12064. }
  12065. #user_container #finduserbox #finduser #findusertypebox{
  12066. display:none
  12067. }
  12068. #user_container #finduserresults{
  12069. position:absolute;
  12070. background-color:#fff;
  12071. z-index:100;
  12072. padding:5px;
  12073. border:1px solid #ccc;
  12074. box-shadow:0 0 3px #ccc;
  12075. width:180px;
  12076. overflow-x:hidden;
  12077. margin-top:0
  12078. }
  12079. #user_container #finduserresults a{
  12080. font-size:.9em;
  12081. font-weight:normal;
  12082. float:left;
  12083. clear:left;
  12084. overflow:hidden;
  12085. margin-bottom:.2em
  12086. }
  12087. #user_container #avatar{
  12088. float:left
  12089. }
  12090. #user_container #avatar img#user-img{
  12091. width:100px;
  12092. height:100px;
  12093. border:1px solid #bbb
  12094. }
  12095. #user_container #avatar .score-lt,#user_container #avatar .kudo-lt,#user_container #avatar .trophies{
  12096. margin-bottom:.2em
  12097. }
  12098. #user_container #avatar .user_vote{
  12099. margin:0
  12100. }
  12101. #user_container #avatar .trophies{
  12102. font-size:.8em;
  12103. color:#aaa;
  12104. margin-top:8px
  12105. }
  12106. #user_container #avatar .trophies span{
  12107. padding-left:5px
  12108. }
  12109. #user_container #karma a{
  12110. width:15px;
  12111. height:15px;
  12112. float:left;
  12113. clear:left
  12114. }
  12115. #user_container #karma a.sel{
  12116. background-position:0 -15px
  12117. }
  12118. #user_container .trophies{
  12119. width:100px;
  12120. clear:left
  12121. }
  12122. #user_container .trophies .trophy-link{
  12123. position:relative
  12124. }
  12125. #user_container .trophies .trophy-link .lobby-icon{
  12126. display:block;
  12127. width:10px;
  12128. height:10px;
  12129. position:absolute;
  12130. top:-2px;
  12131. left:-2px;
  12132. border:0;
  12133. z-index:0;
  12134. opacity:.9
  12135. }
  12136. #user_container .trophies .trophy-link .award{
  12137. z-index:1
  12138. }
  12139. #user_container #personalinfo{
  12140. float:left;
  12141. width:560px;
  12142. margin:0 0 .5em 1.2em
  12143. }
  12144. #user_container #personalinfo #recent_visitors_i{
  12145. padding:5px 0
  12146. }
  12147. #user_container #personalinfo #recent_visitors_i a{
  12148. display:inline-block
  12149. }
  12150. #user_container #personalinfo h3{
  12151. font-size:1em
  12152. }
  12153. #user_container #personalinfo td.red{
  12154. font-weight:bold;
  12155. color:#b11;
  12156. padding-right:1em;
  12157. vertical-align:top
  12158. }
  12159. #user_container #personalinfo td{
  12160. font-size:.9em;
  12161. padding:.1em .1em
  12162. }
  12163. #user_container #personalinfo td+td{
  12164. width:15em
  12165. }
  12166. #user_container #personalinfo .v_count{
  12167. color:#b11
  12168. }
  12169. #user_container #personalinfo #statusmsg>*{
  12170. display:inline-block;
  12171. vertical-align:middle;
  12172. zoom:1;
  12173. *display:inline
  12174. }
  12175. #user_container #personalinfo #statusmsg #statusmsg_t{
  12176. border:5px;
  12177. width:0;
  12178. height:0;
  12179. border-style:solid;
  12180. border-width:10px 10px 10px 0;
  12181. border-color:transparent #efefef transparent transparent;
  12182. margin-right:-1px
  12183. }
  12184. #user_container #personalinfo #statusmsg #statusmsg_i{
  12185. box-shadow:1px 1px 3px #ccc;
  12186. width:530px;
  12187. border-radius:3px;
  12188. background-color:#efefef;
  12189. padding:10px;
  12190. line-height:18px;
  12191. margin:5px 0;
  12192. color:#555;
  12193. border-style:solid;
  12194. border-width:0 1px 1px 0;
  12195. border-color:#ddd #ccc #ccc #ddd
  12196. }
  12197. #user_container #personalinfo .bio{
  12198. width:25em;
  12199. overflow-x:hidden;
  12200. overflow-y:hidden
  12201. }
  12202. #user_container #createfamily input{
  12203. border:1px solid grey
  12204. }
  12205. #user_container .invited{
  12206. padding:.25em;
  12207. background-color:#ddd
  12208. }
  12209. #user_container .invited .familycontrol{
  12210. font-size:.9em;
  12211. color:#888;
  12212. text-align:center
  12213. }
  12214. #user_container #statistics{
  12215. float:left;
  12216. margin-left:1em
  12217. }
  12218. #user_container .friend{
  12219. margin-top:.25em
  12220. }
  12221. #user_container #friendpage{
  12222. width:100%
  12223. }
  12224. #user_container #friendpage a{
  12225. font-weight:normal
  12226. }
  12227. #user_container .friend.moreinfo>*{
  12228. display:inline-block;
  12229. vertical-align:middle
  12230. }
  12231. #user_container #friends{
  12232. background-color:#fff
  12233. }
  12234. #user_container #friends .ctrl{
  12235. background-color:#eee;
  12236. padding:.5em 0
  12237. }
  12238. #user_container .friendgeneral{
  12239. padding-left:.5em
  12240. }
  12241. #user_container .friendgeneral a{
  12242. color:#444
  12243. }
  12244. #user_container .friendgeneral a:hover{
  12245. color:#b11
  12246. }
  12247. #user_container #pokes .poke{
  12248. background-color:#eee;
  12249. padding:.5em
  12250. }
  12251. #user_container #pokes .poke .poke_b{
  12252. margin:5px 0
  12253. }
  12254. #user_container #pokes .poke .poke_b a.poke_back{
  12255. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  12256. border-radius:2px;
  12257. font-weight:normal;
  12258. background-color:#c22;
  12259. font-size:1.1em;
  12260. border-color:transparent!important;
  12261. color:#fff;
  12262. cursor:pointer;
  12263. padding:.4em .5em;
  12264. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  12265. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  12266. margin-right:1em
  12267. }
  12268. #user_container #pokes .poke .poke_b a.poke_back:hover{
  12269. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
  12270. background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
  12271. border-color:#ccc
  12272. }
  12273. #user_container #pokes .poke .poke_b a.poke_back:hover i{
  12274. color:#fff
  12275. }
  12276. #user_container #pokes .poke .poke_b a.poke_back.disabled{
  12277. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  12278. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  12279. color:#555
  12280. }
  12281. #user_container #pokes .poke .poke_b a.poke_back.disabled:hover{
  12282. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  12283. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  12284. color:#555
  12285. }
  12286. #user_container #pokes .poke .poke_b a.poke_back.inverse{
  12287. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  12288. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  12289. color:#555
  12290. }
  12291. #user_container #pokes .poke .poke_b a.poke_back.inverse:hover{
  12292. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  12293. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  12294. color:#fff
  12295. }
  12296. #user_container #pokes .poke .poke_b a.poke_back.inverse:hover i{
  12297. color:#fff
  12298. }
  12299. #user_container #pokes .poke .poke_b a.poke_back:hover i{
  12300. color:#fff
  12301. }
  12302. #user_container #friendrequests .friend{
  12303. margin-bottom:.25em;
  12304. padding:.5em 0;
  12305. background-color:#eee
  12306. }
  12307. #user_container #friendrequests .friend .friendctrl{
  12308. margin-top:.5em;
  12309. text-align:center;
  12310. color:#888
  12311. }
  12312. #user_container #friendrequests .friend .friendctrl a{
  12313. font-size:.9em;
  12314. margin-left:.4em
  12315. }
  12316. #user_container #friendbox{
  12317. font-size:.9em;
  12318. margin:0;
  12319. padding:2px 0;
  12320. overflow-y:auto;
  12321. overflow-x:hidden
  12322. }
  12323. #user_container .friendlink{
  12324. display:block;
  12325. padding:2px 5px;
  12326. margin-bottom:.25em;
  12327. border:1px solid transparent
  12328. }
  12329. #user_container .friendlink:hover{
  12330. border:1px solid #b11
  12331. }
  12332. #user_container #friendrequests{
  12333. width:100%;
  12334. float:left;
  12335. clear:left
  12336. }
  12337. #user_container .friendrequests.greyout{
  12338. background-color:#eee;
  12339. padding:10px 0
  12340. }
  12341. #user_container #setups,#user_container #tables,#user_container #family,#user_container #your_roles,#user_container #your_setups{
  12342. margin-top:1em
  12343. }
  12344. #user_container #your_setups td,#user_container #your_roles td{
  12345. vertical-align:top;
  12346. padding-right:.5em;
  12347. padding-bottom:.25em
  12348. }
  12349. #user_container #your_setups .title,#user_container #your_roles .title{
  12350. font-size:.9em
  12351. }
  12352. #user_container #your_setups .stats,#user_container #your_roles .stats{
  12353. width:6em
  12354. }
  12355. #user_container #your_setups .stats>*,#user_container #your_roles .stats>*{
  12356. display:inline-block;
  12357. vertical-align:middle;
  12358. margin-right:.5em
  12359. }
  12360. #user_container #setups td,#user_container #tables td{
  12361. font-weight:bold;
  12362. font-size:.9em;
  12363. padding:3px 0
  12364. }
  12365. #user_container #setups td:first-child,#user_container #tables td:first-child{
  12366. padding-right:10px
  12367. }
  12368. #user_container #setups .setuptitle{
  12369. color:#911;
  12370. font-size:.9em
  12371. }
  12372. #user_container #inbox .message_count{
  12373. background-color:#fff
  12374. }
  12375. #user_container #inbox .message_count a{
  12376. font-weight:normal;
  12377. font-size:1em
  12378. }
  12379. #user_container #inbox .message_count a span{
  12380. margin:0 5px
  12381. }
  12382. #user_container #alts table{
  12383. width:100%
  12384. }
  12385. #user_container #alts table td{
  12386. padding:.2em 0
  12387. }
  12388. #user_container #alts table .load_alt{
  12389. font-size:.9em
  12390. }
  12391. #user_container #addalt{
  12392. margin-top:.5em
  12393. }
  12394. #user_container #addalt a{
  12395. display:block;
  12396. font-size:.85em;
  12397. margin-bottom:.5em
  12398. }
  12399. #user_container #addalt input[type=submit]{
  12400. font-size:.8em
  12401. }
  12402. #user_container #addalt .sel{
  12403. color:#b11
  12404. }
  12405. #user_container #addalt form{
  12406. background-color:#eee;
  12407. padding:.5em
  12408. }
  12409. #user_container #addalt form p{
  12410. padding:.25em
  12411. }
  12412. #user_container #addalt form p>*{
  12413. display:inline-block;
  12414. vertical-align:middle
  12415. }
  12416. #user_container #addalt form p input{
  12417. border:1px solid #aaa;
  12418. padding:4px
  12419. }
  12420. #user_container #tables .ago{
  12421. color:grey;
  12422. font-weight:normal
  12423. }
  12424. #user_container #stats_lt{
  12425. margin-top:1em
  12426. }
  12427. #user_container #stats_rt #align_stats .align_stats>*{
  12428. display:inline-block;
  12429. vertical-align:middle;
  12430. margin-right:5px;
  12431. zoom:1;
  12432. *display:inline
  12433. }
  12434. #user_container #stats_rt #rolecall #rolecall_i{
  12435. max-height:300px;
  12436. overflow:auto
  12437. }
  12438. #user_container #stats_rt #rolecall .roledata{
  12439. margin:5px;
  12440. display:block
  12441. }
  12442. #user_container #stats_rt #rolecall .roledata>*{
  12443. display:inline-block;
  12444. vertical-align:middle;
  12445. margin-right:5px;
  12446. zoom:1;
  12447. *display:inline
  12448. }
  12449. #user_container #stats_rt #rolecall .roledata .bar{
  12450. position:relative
  12451. }
  12452. #user_container #stats_rt #rolecall .roledata .bar .text{
  12453. width:50px;
  12454. position:absolute;
  12455. top:-1px;
  12456. right:-55px;
  12457. text-align:left
  12458. }
  12459. #user_container #stats_rt #rolecall .rolestat{
  12460. margin-left:5px;
  12461. font-size:.9em
  12462. }
  12463. #user_container #stats_rt #rolecall .rolestat span{
  12464. font-weight:bold
  12465. }
  12466. #user_container #stats_rt #achievements{
  12467. margin-top:1em
  12468. }
  12469. #user_container #stats_rt #achievements .achievement{
  12470. display:inline-block;
  12471. vertical-align:middle;
  12472. width:12em;
  12473. margin:0 .5em .25em 0
  12474. }
  12475. #user_container #stats_rt #achievements .achievement>*{
  12476. display:inline-block;
  12477. vertical-align:middle;
  12478. margin-right:5px
  12479. }
  12480. #user_container #stats_rt #achievements .achievement .achievement_name{
  12481. color:#b11;
  12482. font-size:.9em
  12483. }
  12484. #user_container #stats_rt #achievements .achievement .achievement_descr{
  12485. background-color:#fff;
  12486. padding:.5em;
  12487. border:1px solid #ccc;
  12488. width:15em
  12489. }
  12490. #user_container #stats_rt #achievements .achievement .achievement_progress{
  12491. font-size:.9em
  12492. }
  12493. #pie #piestat{
  12494. margin-top:1em
  12495. }
  12496. #pie #piestat td{
  12497. padding:.1em .5em;
  12498. font-size:.9em;
  12499. vertical-align:middle
  12500. }
  12501. #pie #piestat td+td{
  12502. text-align:right
  12503. }
  12504. #pie #labels{
  12505. position:relative
  12506. }
  12507. #pie td.mark+td{
  12508. color:#b11;
  12509. font-weight:bold
  12510. }
  12511. #pie td.mark div{
  12512. width:1em;
  12513. height:1em
  12514. }
  12515. #pie #wins,#pie #losses,#pie #suicides{
  12516. font-size:.9em;
  12517. font-weight:bold
  12518. }
  12519. #pie #wins{
  12520. background-color:#4f4
  12521. }
  12522. #pie #losses{
  12523. background-color:#f44
  12524. }
  12525. #pie #suicides{
  12526. background-color:#aaa
  12527. }
  12528. #pie #incomplete{
  12529. background-color:#bb1
  12530. }
  12531. #pie #total{
  12532. background-color:#eee
  12533. }
  12534. .votebox>*{
  12535. display:inline-block;
  12536. vertical-align:middle;
  12537. margin-right:5px;
  12538. zoom:1;
  12539. *display:inline
  12540. }
  12541. .votebox .icon-arrow-up,.votebox .icon-arrow-down{
  12542. font-size:15px;
  12543. display:block
  12544. }
  12545. .votebox .sel{
  12546. color:#b11
  12547. }
  12548. .votebox .ratetext{
  12549. vertical-align:middle;
  12550. display:inline-block
  12551. }
  12552. .votebox .ratectrl{
  12553. height:30px
  12554. }
  12555. .votebox .ratetext{
  12556. font-size:.9em;
  12557. height:20px;
  12558. margin:5px 0;
  12559. line-height:20px
  12560. }
  12561. .votebox.votebox_user .ratectrl{
  12562. height:15px
  12563. }
  12564. .vote-lt{
  12565. background:url(/images/vote.png?1) no-repeat center left;
  12566. height:20px;
  12567. padding-left:20px;
  12568. line-height:20px;
  12569. font-size:.9em;
  12570. font-weight:bold;
  12571. color:#b11
  12572. }
  12573. #admin_lobby_container .select_roles>*{
  12574. display:inline-block;
  12575. margin-right:4px
  12576. }
  12577. #admin_lobby_container .select_options>*{
  12578. margin-right:4px
  12579. }
  12580. #admin_lobby_container .lobby_select_criteria{
  12581. margin-bottom:.5em
  12582. }
  12583. #admin_lobby_container .criteria_roles{
  12584. min-height:25px;
  12585. background-color:#eee
  12586. }
  12587. #admin_lobby_container .criteria_roles>*{
  12588. display:inline-block;
  12589. margin-right:5px
  12590. }
  12591. #admin_lobby_container .criteria_options{
  12592. font-size:.9em;
  12593. min-height:25px;
  12594. background-color:#eee
  12595. }
  12596. #admin_lobby_container .criteria_options>*{
  12597. display:inline-block;
  12598. margin-right:5px
  12599. }
  12600. #admin_lobby_container .allowed_games{
  12601. font-size:.9em;
  12602. min-height:25px;
  12603. background-color:#eea
  12604. }
  12605. #admin_lobby_container .allowed_games>*{
  12606. display:inline-block;
  12607. margin-right:2px
  12608. }
  12609. #admin_lobby_container a.edit_criteria{
  12610. display:inline-block
  12611. }
  12612. .payout_container{
  12613. height:20px
  12614. }
  12615. .tip_body .payouts{
  12616. padding:5px;
  12617. text-align:center
  12618. }
  12619. .tip_body .payouts .payout{
  12620. font-size:.9em
  12621. }
  12622. .tip_body .payouts .payout>*{
  12623. display:inline-block;
  12624. vertical-align:bottom;
  12625. margin-right:5px;
  12626. zoom:1;
  12627. *display:inline
  12628. }
  12629. .tip_body .payout_header{
  12630. color:#fff;
  12631. background-color:#b11;
  12632. padding:10px;
  12633. font-size:.8em;
  12634. text-align:center
  12635. }
  12636. #rounds_container #in_game{
  12637. width:10px;
  12638. height:10px;
  12639. border-radius:5px
  12640. }
  12641. #rounds_container #in_game.waiting{
  12642. background-color:#090
  12643. }
  12644. #rounds_container #in_game.progress{
  12645. background-color:#f93
  12646. }
  12647. #rounds_container #in_game.gameover{
  12648. background-color:#aaa
  12649. }
  12650. #rounds_container #breadcrumb{
  12651. position:relative;
  12652. margin-bottom:.5em
  12653. }
  12654. #rounds_container #breadcrumb #current_round{
  12655. position:absolute;
  12656. top:0;
  12657. right:0;
  12658. background-color:#eee;
  12659. font-size:.9em;
  12660. padding:.5em;
  12661. color:#888
  12662. }
  12663. #rounds_container #breadcrumb #current_round .round_status{
  12664. font-size:1.2em
  12665. }
  12666. #rounds_container td.number{
  12667. font-size:1.3em;
  12668. color:#777;
  12669. text-align:right;
  12670. padding:1em;
  12671. text-align:center
  12672. }
  12673. #rounds_container #round_left>*{
  12674. margin:0 0 1em 0
  12675. }
  12676. #rounds_container #round_left #round_users table tr{
  12677. cursor:pointer
  12678. }
  12679. #rounds_container #round_left #round_users table tr:hover{
  12680. background-color:#eee
  12681. }
  12682. #rounds_container #round_left #round_users table tr.suspended{
  12683. background-color:#fdd
  12684. }
  12685. #rounds_container #round_left #round_users table td{
  12686. padding:5px 10px 5px 0
  12687. }
  12688. #rounds_container #round_left #round_users table td .award{
  12689. display:inline-block
  12690. }
  12691. #rounds_container #round_left #round_users table td .rounduser_rank_change{
  12692. text-align:right
  12693. }
  12694. #rounds_container #round_left #round_users table td .rounduser_rank_change>*{
  12695. font-size:.8em
  12696. }
  12697. #rounds_container #round_left #round_users table td .rounduser_rank_change>* .icon{
  12698. font-size:.75em
  12699. }
  12700. #rounds_container #round_left #round_users table td .rounduser_user a span{
  12701. display:inline-block;
  12702. color:#666;
  12703. overflow:hidden;
  12704. max-width:6em;
  12705. font-weight:normal
  12706. }
  12707. #rounds_container #round_left #round_users table td.over_2000 .score-lt{
  12708. color:#f93
  12709. }
  12710. #rounds_container #round_left #round_users table td .lives-lt,#rounds_container #round_left #round_users table td .score-lt{
  12711. font-size:.9em
  12712. }
  12713. #rounds_container #round_left #round_users table td .flame-lt{
  12714. font-size:.8em;
  12715. font-weight:bold
  12716. }
  12717. #rounds_container #round_left #round_users table td.rounduser_stats_icon{
  12718. padding:0
  12719. }
  12720. #rounds_container #round_middle label{
  12721. font-size:.9em;
  12722. color:#888
  12723. }
  12724. #rounds_container #round_middle>*{
  12725. margin-bottom:10px
  12726. }
  12727. #rounds_container #round_middle #round_search_users input[type=text]{
  12728. border:1px solid #777;
  12729. font-size:.9em
  12730. }
  12731. #rounds_container #round_middle #round_search_users #round_user_data .round_users{
  12732. padding-left:10px
  12733. }
  12734. #rounds_container #round_middle #round_search_users #round_user_data .round_users .user{
  12735. display:block;
  12736. margin:0 4px 4px 0
  12737. }
  12738. #rounds_container #round_middle #round_search_users .pagination_container{
  12739. padding-left:5px
  12740. }
  12741. #rounds_container #round_middle #round_search_users .pagination_container>*{
  12742. display:inline-block;
  12743. vertical-align:m;
  12744. margin-right:5px;
  12745. zoom:1;
  12746. *display:inline
  12747. }
  12748. #rounds_container #round_middle #round_search_users .pagination_container .page_status{
  12749. font-size:.9em;
  12750. color:#888
  12751. }
  12752. #rounds_container #round_middle #select_setup_compete_bar>*{
  12753. display:inline-block;
  12754. vertical-align:middle;
  12755. margin-right:.2em;
  12756. zoom:1;
  12757. *display:inline
  12758. }
  12759. #rounds_container #round_middle #select_setup_compete_bar #select_setup_compete{
  12760. border:1px solid #aaa;
  12761. font-size:1em
  12762. }
  12763. #rounds_container #round_middle .select_setup_compete .roundsetup_make_competitive .setup_title{
  12764. font-size:.9em
  12765. }
  12766. #rounds_container #round_middle .select_setup_compete .roundsetup_make_competitive a{
  12767. font-size:.9em
  12768. }
  12769. #rounds_container #round_middle #record-top>*{
  12770. display:inline-block;
  12771. margin-right:5px;
  12772. vertical-align:middle
  12773. }
  12774. #rounds_container #round_middle #record-top>* img.avatar{
  12775. border:1px solid #ccc
  12776. }
  12777. #rounds_container #round_middle #user_statistics{
  12778. margin-top:1em
  12779. }
  12780. #rounds_container #round_middle #user_statistics>*{
  12781. margin-bottom:1em
  12782. }
  12783. #rounds_container #round_middle #user_statistics #roundusers_table{
  12784. width:100%
  12785. }
  12786. #rounds_container #round_middle #user_statistics #roundusers_table td{
  12787. padding-right:5px
  12788. }
  12789. #rounds_container #round_middle #user_statistics #roundusers_table .votes,#rounds_container #round_middle #user_statistics #roundusers_table .comments{
  12790. font-size:.9em;
  12791. color:#999
  12792. }
  12793. #rounds_container #round_middle #user_statistics h4{
  12794. color:#b11
  12795. }
  12796. #rounds_container #round_middle #user_statistics #user_roles .roleimg{
  12797. position:relative
  12798. }
  12799. #rounds_container #round_middle #user_statistics #user_roles .roleimg sup{
  12800. position:absolute;
  12801. top:0;
  12802. left:-0.7em;
  12803. font-size:.7em;
  12804. font-weight:bold
  12805. }
  12806. #rounds_container #round_middle #user_statistics #user_setups td{
  12807. padding:2px 5px
  12808. }
  12809. #rounds_container #round_middle #user_statistics #user_setups .setup_played{
  12810. margin-top:.5em
  12811. }
  12812. #rounds_container #round_middle #user_statistics #user_setups .setup_num{
  12813. min-width:4em;
  12814. font-size:.9em;
  12815. color:#666
  12816. }
  12817. #rounds_container #round_middle #opponents_container{
  12818. max-height:300px;
  12819. overflow-y:scroll;
  12820. border:1px solid #ccc;
  12821. border-width:1px 0
  12822. }
  12823. #rounds_container #round_middle #opponents_container table{
  12824. width:100%
  12825. }
  12826. #rounds_container #round_middle #opponents_container table th{
  12827. font-size:.9em;
  12828. color:#777;
  12829. text-align:center
  12830. }
  12831. #rounds_container #round_middle #opponents_container table th .opponent-name{
  12832. max-width:5em;
  12833. overflow-x:hidden;
  12834. overflow-y:hidden;
  12835. white-space:nowrap;
  12836. text-overflow:ellipsis
  12837. }
  12838. #rounds_container #round_middle #opponents_container table th .green{
  12839. background-color:#1b1
  12840. }
  12841. #rounds_container #round_middle #opponents_container table th .red{
  12842. background-color:#b11
  12843. }
  12844. #rounds_container #round_middle #opponents_container table th .grey{
  12845. background-color:#999
  12846. }
  12847. #rounds_container #round_middle #opponents_container table th .joint-win,#rounds_container #round_middle #opponents_container table th .joint-loss,#rounds_container #round_middle #opponents_container table th .opponent-win,#rounds_container #round_middle #opponents_container table th .player-win,#rounds_container #round_middle #opponents_container table th .incompletes{
  12848. display:inline-block
  12849. }
  12850. #rounds_container #round_middle #opponents_container table th .joint-win>*,#rounds_container #round_middle #opponents_container table th .joint-loss>*,#rounds_container #round_middle #opponents_container table th .opponent-win>*,#rounds_container #round_middle #opponents_container table th .player-win>*,#rounds_container #round_middle #opponents_container table th .incompletes>*{
  12851. display:inline-block;
  12852. width:10px;
  12853. height:20px
  12854. }
  12855. #rounds_container #round_middle #opponents_container table th .joint-win>*:first-child,#rounds_container #round_middle #opponents_container table th .joint-loss>*:first-child,#rounds_container #round_middle #opponents_container table th .opponent-win>*:first-child,#rounds_container #round_middle #opponents_container table th .player-win>*:first-child,#rounds_container #round_middle #opponents_container table th .incompletes>*:first-child{
  12856. border-top-left-radius:2px;
  12857. border-top-right-radius:0;
  12858. border-bottom-left-radius:2px;
  12859. border-bottom-right-radius:0
  12860. }
  12861. #rounds_container #round_middle #opponents_container table th .joint-win>*:last-child,#rounds_container #round_middle #opponents_container table th .joint-loss>*:last-child,#rounds_container #round_middle #opponents_container table th .opponent-win>*:last-child,#rounds_container #round_middle #opponents_container table th .player-win>*:last-child,#rounds_container #round_middle #opponents_container table th .incompletes>*:last-child{
  12862. border-top-left-radius:0;
  12863. border-top-right-radius:2px;
  12864. border-bottom-left-radius:0;
  12865. border-bottom-right-radius:2px
  12866. }
  12867. #rounds_container #round_middle #opponents_container table tr:hover{
  12868. background-color:#eee
  12869. }
  12870. #rounds_container #round_middle #opponents_container table td{
  12871. padding:3px 0
  12872. }
  12873. #rounds_container #round_middle #opponents_container table td .user{
  12874. font-size:.9em
  12875. }
  12876. #rounds_container #round_middle #opponents_container table td.number{
  12877. padding:3px 10px;
  12878. text-align:center
  12879. }
  12880. #rounds_container #round_middle #opponents_container table td.number.smaller{
  12881. font-size:1.1em
  12882. }
  12883. #rounds_container #round_middle #opponents_container table td.number.zero{
  12884. color:#aaa
  12885. }
  12886. #rounds_container #round_middle #round_setups .roundsetup{
  12887. position:relative;
  12888. margin:.5em 0;
  12889. background-color:#eee;
  12890. padding:.5em;
  12891. border-radius:2px
  12892. }
  12893. #rounds_container #round_middle #round_setups .roundsetup>*{
  12894. margin-bottom:.25em
  12895. }
  12896. #rounds_container #round_middle #round_setups .roundsetup .roundsetup_num_played{
  12897. position:absolute;
  12898. top:-5px;
  12899. right:-5px;
  12900. width:24px;
  12901. height:24px;
  12902. line-height:24px;
  12903. border-radius:12px;
  12904. background-color:#b11;
  12905. color:#fff;
  12906. text-align:center;
  12907. font-size:.6em
  12908. }
  12909. #rounds_container #round_middle #round_setups .roundsetup .roundsetup_setup{
  12910. margin-bottom:10px
  12911. }
  12912. #rounds_container #round_middle #round_setups .roundsetup .roundsetup_setup>*{
  12913. display:inline-block;
  12914. vertical-align:middle;
  12915. margin-right:.5em
  12916. }
  12917. #rounds_container #round_middle #round_setups .roundsetup .roundsetup_bottom{
  12918. margin-bottom:0
  12919. }
  12920. #rounds_container #round_middle #round_setups .roundsetup .roundsetup_user{
  12921. font-size:.9em
  12922. }
  12923. #rounds_container #round_middle #round_setups .roundsetup .roundsetup_user span{
  12924. color:#888
  12925. }
  12926. #rounds_container #round_right #join_round{
  12927. width:12em;
  12928. display:block;
  12929. text-align:center;
  12930. margin:0 auto;
  12931. height:2em;
  12932. line-height:2em
  12933. }
  12934. #rounds_container #round_right>*{
  12935. margin-bottom:.5em
  12936. }
  12937. #rounds_container #round_right h4{
  12938. color:#b11;
  12939. font-size:.9em;
  12940. font-weight:bold;
  12941. margin-bottom:1em
  12942. }
  12943. #rounds_container #round_right #topgames #topgames_inner{
  12944. box-sizing:border-box;
  12945. margin:5px 0 0 5px;
  12946. width:100%
  12947. }
  12948. #rounds_container #round_right #topgames .topgame{
  12949. margin-bottom:10px
  12950. }
  12951. #rounds_container #round_right #topgames .topgame td{
  12952. padding:0 5px 5px 0
  12953. }
  12954. #rounds_container #round_right #topgames #no_topgames{
  12955. padding:1em;
  12956. background-color:#ccc;
  12957. text-align:center;
  12958. color:#777;
  12959. font-size:.9em
  12960. }
  12961. #rounds_container #round_right #prev_round_winners .trophy{
  12962. margin:5px 0
  12963. }
  12964. #rounds_container #round_right #prev_round_winners .trophy>*{
  12965. display:inline-block;
  12966. vertical-align:middle
  12967. }
  12968. #rounds_container #round_right #lobbies a{
  12969. font-size:.9em
  12970. }
  12971. #rounds_container #round_right #rounds_page{
  12972. margin-top:.5em
  12973. }
  12974. #rounds_container #round_right #rounds_page .round_info{
  12975. font-size:.9em;
  12976. color:#aaa
  12977. }
  12978. #rounds_container #round_right #rounds_page .round_select>*{
  12979. margin-right:.5em;
  12980. margin-bottom:.2em;
  12981. display:inline-block;
  12982. vertical-align:middle
  12983. }
  12984. .mod_toolkit{
  12985. position:relative;
  12986. display:inline-block
  12987. }
  12988. .mod_toolkit .mod_select{
  12989. width:20px;
  12990. height:20px;
  12991. padding-left:20px
  12992. }
  12993. .mod_toolkit .mod_select.mod-sel i{
  12994. color:#b11
  12995. }
  12996. .mod_toolkit .mod_tools{
  12997. padding:5px;
  12998. border:1px solid #aaa;
  12999. background-color:#fff;
  13000. z-index:1000;
  13001. min-width:250px;
  13002. position:absolute;
  13003. top:20px
  13004. }
  13005. .mod_toolkit .mod_tools a{
  13006. text-align:left;
  13007. padding:2px;
  13008. width:100%;
  13009. font-weight:normal;
  13010. float:left;
  13011. clear:left
  13012. }
  13013. .mod_toolkit .mod_tools a:hover{
  13014. background-color:#ddd
  13015. }
  13016. #mod_container #mentor_list .mentor_ctrl{
  13017. position:relative
  13018. }
  13019. #mod_container #mentor_list .mentor_ctrl .search_result{
  13020. background-color:#fff;
  13021. border:1px solid #ccc;
  13022. box-shadow:0 0 30px #ccc;
  13023. position:absolute;
  13024. top:0;
  13025. left:120px;
  13026. padding:5px;
  13027. z-index:5
  13028. }
  13029. #mod_container #mods .mod{
  13030. display:inline-block;
  13031. vertical-align:top;
  13032. width:10em
  13033. }
  13034. #mod_container #mods .mod.drophover{
  13035. background-color:#ff8
  13036. }
  13037. #mod_container #mods .mod .mod_username{
  13038. position:relative
  13039. }
  13040. #mod_container #mods .mod .mod_username img.crown{
  13041. position:absolute;
  13042. top:-10px;
  13043. left:-10px
  13044. }
  13045. #mod_container #mods .mod .mod_name_comment{
  13046. margin:2px 0
  13047. }
  13048. #mod_container #mods .mod .mod_name_comment>*{
  13049. display:inline-block;
  13050. vertical-align:middle;
  13051. margin:.2em .5em .2em 0
  13052. }
  13053. #mod_container #mods .mod .mod_name_comment .mod_name{
  13054. font-weight:bold
  13055. }
  13056. #mod_container #mods .mod .mod_name_comment .mod_name.mod_admin{
  13057. color:#911
  13058. }
  13059. #mod_container #mods .mod .mod_name_comment .mod_name .mod_change_name{
  13060. font-weight:normal
  13061. }
  13062. #mod_container #mods .mod .mod_name_comment .mod_name .mod_change_name[contenteditable=true]{
  13063. padding:2px;
  13064. border:1px solid #aaa
  13065. }
  13066. #mod_container #mods .mod .mod_name_comment .mod_name .mod_change_name[contenteditable=true]:hover{
  13067. background-color:#ff5
  13068. }
  13069. #mod_container #mods .mod .mod_name_comment .mod_getcomment{
  13070. cursor:pointer
  13071. }
  13072. #mod_container #mods .mod h4{
  13073. font-size:.9em;
  13074. color:#b11
  13075. }
  13076. #mod_container #mods #moderator_details{
  13077. padding:1em 0
  13078. }
  13079. #mod_container #mods #moderator_details .keys .mod_key{
  13080. background:url("/images/key.png") no-repeat center left;
  13081. height:20px;
  13082. padding-left:25px;
  13083. line-height:20px;
  13084. font-family:helvetica;
  13085. font-size:.95em
  13086. }
  13087. #mod_container #mod_actions .action{
  13088. margin-bottom:1em
  13089. }
  13090. #mod_container #mod_actions .action .action_name{
  13091. padding:.5em;
  13092. background-color:#ddd;
  13093. font-size:.9em;
  13094. font-family:helvetica;
  13095. border:1px solid #ccc;
  13096. color:#b11;
  13097. border-top-left-radius:3px;
  13098. border-top-right-radius:3px;
  13099. border-bottom-left-radius:0;
  13100. border-bottom-right-radius:0
  13101. }
  13102. #mod_container #mod_actions .action .action_desc{
  13103. margin-top:.5em
  13104. }
  13105. #mod_container #mod_actions .action .action_user{
  13106. font-weight:bold
  13107. }
  13108. #mod_container #mod_actions .action .action_reason{
  13109. border:1px solid #aaa;
  13110. padding:1em;
  13111. font-size:.9em;
  13112. border-top-left-radius:0;
  13113. border-top-right-radius:0;
  13114. border-bottom-left-radius:3px;
  13115. border-bottom-right-radius:3px
  13116. }
  13117. #mod_container #mod_actions .action .action_reason span{
  13118. color:#888;
  13119. font-size:.9em
  13120. }
  13121. #mod_container #mod_actions .action .edit_action_reason{
  13122. width:295px;
  13123. border:1px solid grey
  13124. }
  13125. #search_container #search_title>*{
  13126. display:inline-block;
  13127. vertical-align:middle;
  13128. margin-right:.5em;
  13129. zoom:1;
  13130. *display:inline
  13131. }
  13132. #search_container #search_bar_header>*{
  13133. display:inline-block;
  13134. vertical-align:middle;
  13135. margin-right:.4em;
  13136. zoom:1;
  13137. *display:inline
  13138. }
  13139. #search_container #search_bar_header #search_bar input[type=text]{
  13140. padding:.25em;
  13141. border:1px solid #aaa;
  13142. font-size:1.1em
  13143. }
  13144. #search_container #search_bar_header #search_bar input[type=submit]{
  13145. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  13146. border-radius:2px;
  13147. font-weight:normal;
  13148. background-color:#c22;
  13149. font-size:1.1em;
  13150. border-color:transparent!important;
  13151. color:#fff;
  13152. cursor:pointer;
  13153. padding:.4em .5em;
  13154. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  13155. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0)
  13156. }
  13157. #search_container #search_bar_header #search_bar input[type=submit]:hover{
  13158. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
  13159. background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
  13160. border-color:#ccc
  13161. }
  13162. #search_container #search_bar_header #search_bar input[type=submit]:hover i{
  13163. color:#fff
  13164. }
  13165. #search_container #search_bar_header #search_bar input[type=submit].disabled{
  13166. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13167. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13168. color:#555
  13169. }
  13170. #search_container #search_bar_header #search_bar input[type=submit].disabled:hover{
  13171. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13172. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13173. color:#555
  13174. }
  13175. #search_container #search_bar_header #search_bar input[type=submit].inverse{
  13176. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13177. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13178. color:#555
  13179. }
  13180. #search_container #search_bar_header #search_bar input[type=submit].inverse:hover{
  13181. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  13182. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  13183. color:#fff
  13184. }
  13185. #search_container #search_bar_header #search_bar input[type=submit].inverse:hover i{
  13186. color:#fff
  13187. }
  13188. #search_container #search_bar_header #search_header{
  13189. font-size:.9em;
  13190. color:#b11
  13191. }
  13192. #search_container #search_bar_options{
  13193. margin-top:.5em;
  13194. font-size:.9em;
  13195. font-weight:normal
  13196. }
  13197. #search_container #search_bar_options>*{
  13198. display:inline-block;
  13199. vertical-align:middle;
  13200. margin-right:.5em;
  13201. zoom:1;
  13202. *display:inline
  13203. }
  13204. #search_container #search_bar_options a{
  13205. padding:.5em;
  13206. background-color:#ccc
  13207. }
  13208. #search_container #search_bar_options a.sel{
  13209. color:#911
  13210. }
  13211. #search_container #search_results #no_results{
  13212. background-color:#ccc;
  13213. padding:1em;
  13214. color:#555;
  13215. width:15em;
  13216. text-align:center
  13217. }
  13218. #search_container #search_results>*{
  13219. margin-top:1em
  13220. }
  13221. #search_container #search_results .search_result{
  13222. display:inline-block;
  13223. vertical-align:top;
  13224. margin-right:1em;
  13225. width:20em
  13226. }
  13227. #search_container #search_results .search_result.topic .result_topic{
  13228. color:#911
  13229. }
  13230. #search_container #search_results .search_result.topic .result_msg{
  13231. background-color:#aaa;
  13232. overflow:hidden;
  13233. text-overflow:ellipsis
  13234. }
  13235. #search_container #search_results .search_result.post .result_topic{
  13236. color:#777;
  13237. font-size:.9em
  13238. }
  13239. #search_container #search_results .search_result.post .result_msg{
  13240. background-color:#ccc
  13241. }
  13242. #search_container #search_results .search_result.post .result_data a.user{
  13243. font-size:.9em
  13244. }
  13245. #search_container #search_results .search_result>*{
  13246. margin-bottom:.35em
  13247. }
  13248. #search_container #search_results .search_result .result_topic{
  13249. display:block
  13250. }
  13251. #search_container #search_results .search_result .result_msg{
  13252. border-radius:3px;
  13253. padding:.8em;
  13254. font-size:.9em
  13255. }
  13256. #search_container #search_results .search_result .result_msg .match{
  13257. background-color:#bb1;
  13258. color:#444
  13259. }
  13260. #search_container #search_results .search_result .result_data>*{
  13261. display:inline-block;
  13262. vertical-align:middle;
  13263. margin-right:.25em;
  13264. zoom:1;
  13265. *display:inline
  13266. }
  13267. #topic_edit{
  13268. min-height:700px
  13269. }
  13270. #topic_edit #create_topic input[type=number]{
  13271. width:50px
  13272. }
  13273. #topic_edit #create_topic .add_options{
  13274. padding-left:5px;
  13275. margin-bottom:20px
  13276. }
  13277. #topic_edit #create_topic .error{
  13278. float:none
  13279. }
  13280. #topic_edit #create_topic textarea,#topic_edit #create_topic input[type=text]{
  13281. border:1px solid #aaa;
  13282. margin:0
  13283. }
  13284. #topic_edit #create_topic input[type=text]{
  13285. padding:.2em
  13286. }
  13287. #topic_edit #create_topic label{
  13288. display:inline-block;
  13289. margin-right:.25em;
  13290. font-size:.9em;
  13291. padding:.25em 0 .1em
  13292. }
  13293. #topic_edit #create_topic textarea{
  13294. display:block;
  13295. width:500px
  13296. }
  13297. #topic_edit #create_topic p.ib>*{
  13298. display:inline-block;
  13299. vertical-align:middle;
  13300. margin-right:5px;
  13301. zoom:1;
  13302. *display:inline
  13303. }
  13304. #topic_edit #create_topic p{
  13305. margin:.5em 0
  13306. }
  13307. #topic_edit #create_topic input[type=submit]{
  13308. margin-top:.5em
  13309. }
  13310. #topic_edit #create_topic .choice{
  13311. margin-bottom:3px
  13312. }
  13313. #topic_edit #create_topic .choice>*{
  13314. display:inline-block;
  13315. vertical-align:middle;
  13316. margin-right:5px;
  13317. zoom:1;
  13318. *display:inline
  13319. }
  13320. #topic_edit #create_topic #poll_descr{
  13321. width:250px;
  13322. height:100px
  13323. }
  13324. #topic_edit #create_topic #poll_descr_box{
  13325. margin-top:1em
  13326. }
  13327. #announce_container #announce_rt #past_announcements>*{
  13328. margin-bottom:1em
  13329. }
  13330. #report_container #report_advanced_search>*{
  13331. display:inline-block;
  13332. vertical-align:middle;
  13333. margin-right:.5em;
  13334. zoom:1;
  13335. *display:inline
  13336. }
  13337. #report_container #page_data{
  13338. margin-top:1em;
  13339. padding:.5em
  13340. }
  13341. #report_container #reports .report{
  13342. position:relative;
  13343. padding:.3em;
  13344. margin-bottom:.5em
  13345. }
  13346. #report_container #reports .report .report_mod_tools{
  13347. position:absolute;
  13348. top:0;
  13349. right:0;
  13350. width:100px
  13351. }
  13352. #report_container #reports .report:nth-child(2n+1){
  13353. background-color:#eee
  13354. }
  13355. #report_container #reports .report>*{
  13356. margin-bottom:.15em
  13357. }
  13358. #report_container #reports .report .report_top{
  13359. margin-bottom:.8em
  13360. }
  13361. #report_container #reports .report .report_top>*{
  13362. display:inline-block;
  13363. vertical-align:middle;
  13364. margin-right:.5em;
  13365. zoom:1;
  13366. *display:inline
  13367. }
  13368. #report_container #reports .report .report_top .report_id{
  13369. font-size:.9em
  13370. }
  13371. #report_container #reports .report .report_middle>*{
  13372. display:inline-block;
  13373. vertical-align:middle;
  13374. margin-right:.5em;
  13375. zoom:1;
  13376. *display:inline
  13377. }
  13378. #report_container #reports .report .report_middle span{
  13379. font-size:.9em;
  13380. color:grey
  13381. }
  13382. #report_container #reports .report .report_bottom{
  13383. margin:.4em 0;
  13384. padding:.25em;
  13385. font-size:.9em;
  13386. color:#911
  13387. }
  13388. #report_container #reports .report .report_moderator{
  13389. font-size:.9em;
  13390. color:#888
  13391. }
  13392. #report_container #reports .report .report_moderator .moderator_name{
  13393. font-weight:bold
  13394. }
  13395. #report_container .empty{
  13396. font-size:1.1em;
  13397. color:#777;
  13398. text-align:center;
  13399. padding:1em;
  13400. background-color:#ddd
  13401. }
  13402. #report_container #report_r2>*{
  13403. display:inline-block;
  13404. vertical-align:middle;
  13405. margin-right:.5em;
  13406. zoom:1;
  13407. *display:inline
  13408. }
  13409. #report_container #report_status{
  13410. margin-top:.15em
  13411. }
  13412. #report_container #report_status .select_status>*{
  13413. margin-right:.5em
  13414. }
  13415. #report_container #report_msg{
  13416. color:#666;
  13417. padding:.5em;
  13418. background-color:#eee;
  13419. font-size:.9em;
  13420. margin:.7em 0
  13421. }
  13422. #report_container .report_status{
  13423. color:#fff;
  13424. padding:15px;
  13425. border-radius:2px;
  13426. font-weight:normal;
  13427. display:inline-block;
  13428. position:relative
  13429. }
  13430. #report_container .report_status:hover{
  13431. opacity:.7;
  13432. color:#eee
  13433. }
  13434. #report_container .report_status.in_menu{
  13435. opacity:.3;
  13436. padding-right:15px
  13437. }
  13438. #report_container .report_status.sel{
  13439. opacity:1
  13440. }
  13441. #report_container .report_status span{
  13442. position:absolute;
  13443. top:2px;
  13444. right:2px;
  13445. font-size:.7em;
  13446. color:#fff
  13447. }
  13448. #report_container #reports{
  13449. margin-top:1em
  13450. }
  13451. #report_container #report_lt .one_violation>*{
  13452. display:inline-block;
  13453. vertical-align:middle;
  13454. margin-right:5px;
  13455. zoom:1;
  13456. *display:inline
  13457. }
  13458. #report_container #report_lt .one_violation span{
  13459. font-size:.9em;
  13460. color:grey
  13461. }
  13462. #report_container #report_lt .one_violation span.violation{
  13463. font-weight:bold;
  13464. color:#b11
  13465. }
  13466. #report_container #report_lt #report_statement{
  13467. margin:.25em 0 .5em;
  13468. font-size:1em;
  13469. text-align:center;
  13470. width:100%;
  13471. color:#b11;
  13472. border:1px solid #ccc;
  13473. background-color:#ff8;
  13474. padding:.5em 0
  13475. }
  13476. #report_container #report_rt #report_controls>a{
  13477. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  13478. border-radius:2px;
  13479. font-weight:normal;
  13480. background-color:#c22;
  13481. font-size:1.1em;
  13482. border-color:transparent!important;
  13483. color:#fff;
  13484. cursor:pointer;
  13485. padding:.4em .5em;
  13486. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  13487. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  13488. font-size:.9em;
  13489. margin-right:.5em
  13490. }
  13491. #report_container #report_rt #report_controls>a:hover{
  13492. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
  13493. background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
  13494. border-color:#ccc
  13495. }
  13496. #report_container #report_rt #report_controls>a:hover i{
  13497. color:#fff
  13498. }
  13499. #report_container #report_rt #report_controls>a.disabled{
  13500. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13501. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13502. color:#555
  13503. }
  13504. #report_container #report_rt #report_controls>a.disabled:hover{
  13505. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13506. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13507. color:#555
  13508. }
  13509. #report_container #report_rt #report_controls>a.inverse{
  13510. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13511. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13512. color:#555
  13513. }
  13514. #report_container #report_rt #report_controls>a.inverse:hover{
  13515. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  13516. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  13517. color:#fff
  13518. }
  13519. #report_container #report_rt #report_controls>a.inverse:hover i{
  13520. color:#fff
  13521. }
  13522. #rule_container #rule_lt{
  13523. overflow:hidden
  13524. }
  13525. #rule_container .editable .gamedesc,#rule_container .editable .siterule{
  13526. cursor:move
  13527. }
  13528. #rule_container .siterule.sel{
  13529. background-color:#ffa
  13530. }
  13531. #rule_container .gamedesc{
  13532. margin-bottom:1em
  13533. }
  13534. #rule_container .gamedesc .src_title{
  13535. position:relative
  13536. }
  13537. #rule_container .gamedesc .src_title .close{
  13538. position:absolute;
  13539. top:0;
  13540. right:0
  13541. }
  13542. #rule_container .gamedesc .src_descr{
  13543. padding:.5em;
  13544. background-color:#ddd;
  13545. margin-bottom:5px;
  13546. font-size:.9em
  13547. }
  13548. #rule_container .gamedesc .src_descr .text{
  13549. padding:.5em;
  13550. color:#666
  13551. }
  13552. #rule_container .gamedesc .src_descr .text.editable:hover{
  13553. background-color:#ffa
  13554. }
  13555. #rule_container .gamedesc .src_descr .edit_text{
  13556. font-family:arial;
  13557. font-size:1.1em;
  13558. width:100%
  13559. }
  13560. #rule_container .gamedesc ul{
  13561. width:100%
  13562. }
  13563. #rule_container .gamedesc ul li{
  13564. width:100%
  13565. }
  13566. #rule_container .gamedesc .siterule{
  13567. margin-bottom:1em;
  13568. border-bottom:1px solid #ccc
  13569. }
  13570. #rule_container .gamedesc .siterule .sr_name{
  13571. font-size:1.2em;
  13572. font-weight:bold;
  13573. margin-bottom:.2em
  13574. }
  13575. #rule_container .gamedesc .siterule .sr_title{
  13576. background:url("/images/bullet.png") no-repeat top left;
  13577. padding-left:20px;
  13578. position:relative;
  13579. background-position-y:.5em
  13580. }
  13581. #rule_container .gamedesc .siterule .sr_title .sr_msg{
  13582. font-size:.95em;
  13583. color:#777
  13584. }
  13585. #rule_container .gamedesc .siterule .sr_title .close{
  13586. position:absolute;
  13587. top:0;
  13588. right:0
  13589. }
  13590. #rule_container .gamedesc .siterule .sr_infringements{
  13591. margin:.5em 0;
  13592. list-style-type:decimal;
  13593. margin-left:2.5em;
  13594. font-size:.9em;
  13595. color:#911
  13596. }
  13597. #rule_container .gamedesc .siterule .sr_infringements>*{
  13598. padding:.1em 0
  13599. }
  13600. #rule_container .gamedesc .siterule .sr_infringements li.infringement{
  13601. position:relative
  13602. }
  13603. #rule_container .gamedesc .siterule .sr_infringements li.infringement a.close{
  13604. position:absolute;
  13605. top:0;
  13606. right:0
  13607. }
  13608. #sticker_container .stickers{
  13609. margin:10px 0
  13610. }
  13611. #sticker_container .stickers>*{
  13612. display:inline-block;
  13613. vertical-align:middle;
  13614. margin-right:5px;
  13615. zoom:1;
  13616. *display:inline
  13617. }
  13618. #sticker_container .stickers .sticker{
  13619. cursor:pointer
  13620. }
  13621. #sticker_container #form_select_role>*{
  13622. display:inline-block;
  13623. vertical-align:middle;
  13624. margin-right:5px;
  13625. zoom:1;
  13626. *display:inline
  13627. }
  13628. #sticker_container #form_select_role .roleimg{
  13629. cursor:pointer;
  13630. border-radius:2px
  13631. }
  13632. #sticker_container #form_select_role .roleimg:hover{
  13633. background-color:#ff9
  13634. }
  13635. #sticker_container #form_select_role .roleimg.sel{
  13636. background-color:#ccc
  13637. }
  13638. #tos_container,#privacy_container{
  13639. width:70%
  13640. }
  13641. #tos_container h1,#tos_container h2,#privacy_container h1,#privacy_container h2{
  13642. font-weight:normal
  13643. }
  13644. #tos_container .inform,#privacy_container .inform{
  13645. padding:20px
  13646. }
  13647. #tos_container span.em,#privacy_container span.em{
  13648. font-weight:bold
  13649. }
  13650. #tos_container .tos,#tos_container .privacy,#privacy_container .tos,#privacy_container .privacy{
  13651. padding:.5em 1em
  13652. }
  13653. #tos_container ol,#privacy_container ol{
  13654. list-style:decimal;
  13655. margin-left:2em;
  13656. margin-bottom:.5em
  13657. }
  13658. #tos_container ol li,#privacy_container ol li{
  13659. font-size:.95em;
  13660. padding:3px 0;
  13661. line-height:1.1em
  13662. }
  13663. #tos_container p,#privacy_container p{
  13664. font-size:.9em;
  13665. background-color:#eee;
  13666. padding:.5em
  13667. }
  13668. .edit_markdown{
  13669. position:relative
  13670. }
  13671. .edit_markdown .top_controls{
  13672. position:absolute;
  13673. top:5px;
  13674. right:5px;
  13675. display:none
  13676. }
  13677. .edit_markdown .top_controls .edit{
  13678. padding-right:20px;
  13679. font-weight:normal;
  13680. font-size:.9em
  13681. }
  13682. .edit_markdown .top_controls .edit:hover{
  13683. color:#911
  13684. }
  13685. .edit_markdown .top_controls .edit:hover span{
  13686. color:#911
  13687. }
  13688. .edit_markdown .wmd-panel{
  13689. margin-top:30px
  13690. }
  13691. .edit_markdown:hover .top_controls,.edit_markdown.sel .top_controls{
  13692. z-index:3;
  13693. display:block
  13694. }
  13695. .edit_markdown .bottom_controls{
  13696. width:100%;
  13697. text-align:right
  13698. }
  13699. .edit_markdown .bottom_controls .save,.edit_markdown .bottom_controls .cancel{
  13700. display:inline-block;
  13701. margin-left:5px;
  13702. padding:5px;
  13703. border-radius:2px;
  13704. font-weight:normal;
  13705. border:1px solid #ccc;
  13706. font-size:.9em
  13707. }
  13708. .edit_markdown .bottom_controls .save:before{
  13709. content:"✓ ";
  13710. color:green;
  13711. font-weight:bold
  13712. }
  13713. .edit_markdown .bottom_controls .cancel:before{
  13714. content:"✗ ";
  13715. color:#ddd;
  13716. font-weight:bold
  13717. }
  13718. .markdown{
  13719. font-family:helvetica,arial,sans-serif
  13720. }
  13721. .markdown hr{
  13722. height:1px;
  13723. border:0;
  13724. background:-webkit-linear-gradient(left,#ccc,#333,#ccc);
  13725. background:linear-gradient(left,#ccc,#333,#ccc)
  13726. }
  13727. .markdown p{
  13728. text-overflow:ellipsis;
  13729. margin-bottom:.6em;
  13730. line-height:1.25em;
  13731. padding:.2em;
  13732. font-family:"Helvetica Neue",Arial,sans-serif;
  13733. font-size:1.1em
  13734. }
  13735. .markdown p:last-child{
  13736. margin-bottom:0
  13737. }
  13738. .markdown strong{
  13739. font-weight:700
  13740. }
  13741. .markdown em{
  13742. font-weight:500
  13743. }
  13744. .markdown img{
  13745. max-height:250px;
  13746. max-width:250px
  13747. }
  13748. .markdown h1,.markdown h2,.markdown h3{
  13749. font-family:arial
  13750. }
  13751. .markdown h1{
  13752. font-size:1.75em;
  13753. font-weight:650
  13754. }
  13755. .markdown h2{
  13756. font-weight:500;
  13757. font-size:1.4em
  13758. }
  13759. .markdown h3{
  13760. background-color:#fff;
  13761. font-weight:400;
  13762. letter-spacing:.1em
  13763. }
  13764. .markdown ul{
  13765. margin-bottom:.5em
  13766. }
  13767. .markdown ul>li{
  13768. padding-left:1.2em;
  13769. background:url(/images/bullet.png) no-repeat .35em .5em;
  13770. list-style-type:none;
  13771. margin-bottom:.2em
  13772. }
  13773. .markdown ul>li:last-child{
  13774. margin-bottom:0
  13775. }
  13776. .markdown ul>li p{
  13777. margin:0;
  13778. padding:0
  13779. }
  13780. .markdown ol{
  13781. list-style:decimal;
  13782. margin-left:1.5em;
  13783. margin-bottom:.5em
  13784. }
  13785. .markdown ol p{
  13786. margin:0
  13787. }
  13788. .markdown blockquote{
  13789. padding:.7em;
  13790. background-color:#efefef;
  13791. border-radius:2px;
  13792. border:1px solid #ccc;
  13793. margin:.5em 0;
  13794. font-size:.9em
  13795. }
  13796. .markdown blockquote p:first-child{
  13797. margin:0
  13798. }
  13799. .markdown.topic_markdown blockquote{
  13800. background-color:#fff
  13801. }
  13802. .wmd-button-bar{
  13803. width:100%;
  13804. background-color:Silver
  13805. }
  13806. .wmd-input{
  13807. height:300px;
  13808. width:100%;
  13809. background-color:#eee;
  13810. border:1px solid #a9a9a9;
  13811. box-sizing:border-box
  13812. }
  13813. .wmd-button-row{
  13814. position:relative;
  13815. margin-left:5px;
  13816. margin-right:5px;
  13817. margin-bottom:5px;
  13818. margin-top:10px;
  13819. padding:0;
  13820. height:20px
  13821. }
  13822. .wmd-spacer{
  13823. width:1px;
  13824. height:20px;
  13825. margin-left:14px;
  13826. position:absolute;
  13827. background-color:Silver;
  13828. display:inline-block;
  13829. list-style:none
  13830. }
  13831. .wmd-button{
  13832. width:20px;
  13833. height:20px;
  13834. padding-left:2px;
  13835. padding-right:3px;
  13836. position:absolute;
  13837. display:inline-block;
  13838. list-style:none;
  13839. cursor:pointer
  13840. }
  13841. .wmd-button>span{
  13842. background-image:url(/images/wmd-buttons.png);
  13843. background-repeat:no-repeat;
  13844. background-position:0 0;
  13845. width:20px;
  13846. height:20px;
  13847. display:inline-block
  13848. }
  13849. .wmd-spacer1{
  13850. left:50px
  13851. }
  13852. .wmd-spacer2{
  13853. left:175px
  13854. }
  13855. .wmd-spacer3{
  13856. left:300px
  13857. }
  13858. .wmd-prompt-background{
  13859. background-color:#000
  13860. }
  13861. .wmd-prompt-dialog{
  13862. border:1px solid #999;
  13863. background-color:#f5f5f5
  13864. }
  13865. .wmd-prompt-dialog>div{
  13866. font-size:.8em;
  13867. font-family:arial,helvetica,sans-serif
  13868. }
  13869. .wmd-prompt-dialog>form>input[type="text"]{
  13870. border:1px solid #999;
  13871. color:#000
  13872. }
  13873. .wmd-prompt-dialog>form>input[type="button"]{
  13874. border:1px solid #888;
  13875. font-family:trebuchet MS,helvetica,sans-serif;
  13876. font-size:.8em;
  13877. font-weight:bold
  13878. }
  13879. .table_default td{
  13880. font-size:.95em;
  13881. padding:2px 0
  13882. }
  13883. .table_default td:first-child{
  13884. font-size:.9em;
  13885. padding-right:.5em;
  13886. color:#911
  13887. }
  13888. .form_linear input[type=text],.form_linear input[type=password]{
  13889. border-top-left-radius:4px;
  13890. border-top-right-radius:0;
  13891. border-bottom-left-radius:4px;
  13892. border-bottom-right-radius:0;
  13893. padding:4px;
  13894. height:20px;
  13895. display:inline;
  13896. margin:0
  13897. }
  13898. .form_linear input[type=submit]{
  13899. display:inline;
  13900. height:30px;
  13901. padding:0 10px;
  13902. margin:0;
  13903. border:0;
  13904. margin:0
  13905. }
  13906. .form_linear input[type=submit].round{
  13907. border-top-left-radius:0;
  13908. border-top-right-radius:4px;
  13909. border-bottom-left-radius:0;
  13910. border-bottom-right-radius:4px
  13911. }
  13912. .form_linear.form_default input[type=submit].round{
  13913. border-top-left-radius:0;
  13914. border-top-right-radius:4px;
  13915. border-bottom-left-radius:0;
  13916. border-bottom-right-radius:4px
  13917. }
  13918. input[type=text].text_full_width{
  13919. width:100%;
  13920. box-sizing:border-box
  13921. }
  13922. .form_input[type=text]{
  13923. padding:5px;
  13924. font-size:1.1em;
  13925. border-radius:2px;
  13926. border:1px solid #ccc
  13927. }
  13928. .form_input[type=text].smaller{
  13929. font-size:.9em;
  13930. padding:3px
  13931. }
  13932. .form_input[type=text].longer{
  13933. width:300px
  13934. }
  13935. .form_default fieldset{
  13936. border:1px dotted #ccc;
  13937. padding:5px;
  13938. margin:5px 0
  13939. }
  13940. .form_default fieldset legend{
  13941. color:grey;
  13942. font-size:.9em
  13943. }
  13944. .form_default input,.form_default textarea{
  13945. border:1px solid #aaa;
  13946. font-family:arial;
  13947. padding:.15em
  13948. }
  13949. .form_default input:focus,.form_default textarea:focus{
  13950. border:1px solid #aaf
  13951. }
  13952. .form_default input[type=text],.form_default input[type=password]{
  13953. font-size:1em
  13954. }
  13955. .form_default textarea{
  13956. width:75%;
  13957. height:100px
  13958. }
  13959. .form_default label{
  13960. font-size:.9em;
  13961. margin-right:.25em
  13962. }
  13963. .form_default input[type=file]{
  13964. border:0
  13965. }
  13966. .form_default input[type=submit]{
  13967. font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
  13968. border-radius:2px;
  13969. font-weight:normal;
  13970. background-color:#c22;
  13971. font-size:1.1em;
  13972. border-color:transparent!important;
  13973. color:#fff;
  13974. cursor:pointer;
  13975. padding:.4em .5em;
  13976. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  13977. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  13978. font-size:.9em
  13979. }
  13980. .form_default input[type=submit]:hover{
  13981. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
  13982. background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
  13983. border-color:#ccc
  13984. }
  13985. .form_default input[type=submit]:hover i{
  13986. color:#fff
  13987. }
  13988. .form_default input[type=submit].disabled{
  13989. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13990. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13991. color:#555
  13992. }
  13993. .form_default input[type=submit].disabled:hover{
  13994. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  13995. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  13996. color:#555
  13997. }
  13998. .form_default input[type=submit].inverse{
  13999. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
  14000. background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
  14001. color:#555
  14002. }
  14003. .form_default input[type=submit].inverse:hover{
  14004. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
  14005. background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
  14006. color:#fff
  14007. }
  14008. .form_default input[type=submit].inverse:hover i{
  14009. color:#fff
  14010. }
  14011. .form_default.full-width{
  14012. box-sizing:border-box
  14013. }
  14014. .form_default.full-width input,.form_default.full-width textarea{
  14015. box-sizing:border-box;
  14016. width:100%
  14017. }
  14018. #anonymousdeck_container{
  14019. margin-bottom:1em
  14020. }
  14021. #anonymousdeck_container table{
  14022. margin-bottom:1em
  14023. }
  14024. #anonymousdeck_container table td:first-child{
  14025. color:#b11;
  14026. font-weight:bold
  14027. }
  14028. #anonymousdeck_container table td{
  14029. font-size:.9em;
  14030. padding:.25em .25em .25em
  14031. }
  14032. #anonymousdeck_container #cards{
  14033. padding:5px
  14034. }
  14035. #anonymousdeck_container #cards img{
  14036. border:1px solid #ccc
  14037. }
  14038. #anonymousdeck_container #cards .card{
  14039. margin-bottom:.5em;
  14040. min-width:8em
  14041. }
  14042. .class_noun{
  14043. background:url(/images/tira/tira_mini.png) no-repeat center left;
  14044. padding-left:28px
  14045. }
  14046. .class_adj{
  14047. background:url(/images/tira/fork.png) no-repeat center left;
  14048. padding-left:28px
  14049. }
  14050. .creating_game_inner label.password{
  14051. width:0;
  14052. background:url(/images/lock.png) no-repeat center left;
  14053. height:25px;
  14054. padding-left:30px;
  14055. line-height:25px
  14056. }
  14057. .creating_game_inner label.camera{
  14058. width:0;
  14059. background:url(/images/cam.png) no-repeat center left;
  14060. height:25px;
  14061. padding-left:30px;
  14062. line-height:25px
  14063. }
  14064. #creategame_instructions ul li{
  14065. margin-bottom:10px
  14066. }
  14067. #creating_drawit #words{
  14068. padding:5px;
  14069. background-color:#ddd;
  14070. max-height:200px;
  14071. overflow-y:scroll
  14072. }
  14073. #creating_drawit #words .word{
  14074. display:inline-block;
  14075. vertical-align:middle;
  14076. margin:0 5px 5px 0;
  14077. color:#555;
  14078. padding:3px;
  14079. font-size:.9em
  14080. }
  14081. #creating_drawit #select_deck #sort li{
  14082. margin-left:5px;
  14083. font-size:.9em
  14084. }
  14085. #creating_drawit #select_deck #sort li.sel a{
  14086. color:#b11;
  14087. text-decoration:underline
  14088. }
  14089. #creating_drawit #select_deck #sort li a{
  14090. font-weight:normal
  14091. }
  14092. #creating_drawit #select_deck tr{
  14093. cursor:pointer
  14094. }
  14095. #creating_drawit #select_deck tr:hover,#creating_drawit #select_deck tr.sel{
  14096. background-color:#eee
  14097. }
  14098. #creating_drawit #select_deck tr:hover td.deck-name,#creating_drawit #select_deck tr.sel td.deck-name{
  14099. color:#b11
  14100. }
  14101. #creating_drawit #select_deck tr td{
  14102. vertical-align:middle;
  14103. padding:5px 6px 6px 3px
  14104. }
  14105. #creating_mafia #tab_role_types{
  14106. position:relative;
  14107. width:100%;
  14108. min-height:30px;
  14109. border-bottom:1px solid #ccc;
  14110. padding-bottom:4px
  14111. }
  14112. #creating_mafia #tab_role_types>li{
  14113. display:inline-block
  14114. }
  14115. #creating_mafia #tab_role_types>li>a{
  14116. margin-right:5px;
  14117. font-weight:200;
  14118. font-size:.9em;
  14119. display:block;
  14120. padding:7px;
  14121. color:#b11
  14122. }
  14123. #creating_mafia #tab_role_types>li>a:hover{
  14124. background-color:#eee
  14125. }
  14126. #creating_mafia #tab_role_types>li.sel>a{
  14127. border-radius:2px;
  14128. background-color:#c11;
  14129. color:#fff
  14130. }
  14131. #creating_mafia #tab_role_types #role_search_container{
  14132. position:absolute;
  14133. bottom:4px;
  14134. right:0
  14135. }
  14136. #creating_mafia #tab_role_types #role_search_container input[type=text]{
  14137. margin-right:0
  14138. }
  14139. #creating_liarsdice .bullseye-lt{
  14140. background:url(/images/liarsdice/bullseye.png) no-repeat center left;
  14141. padding-left:22px;
  14142. height:20px;
  14143. line-height:20px
  14144. }
  14145. #creating_liarsdice .one-lt{
  14146. background:url(/images/liarsdice/one.png) no-repeat center left;
  14147. padding-left:22px;
  14148. height:20px;
  14149. line-height:20px
  14150. }
  14151. #creating_ghost a#create_game_button{
  14152. display:inline-block
  14153. }
  14154. #creating_ghost input[type=text]{
  14155. font-size:1.2em;
  14156. padding:.2em;
  14157. border:2px solid #999
  14158. }
  14159. #creating_ghost input[type=password]{
  14160. font-size:1.1em;
  14161. padding:.1em;
  14162. border:1px solid #bbb
  14163. }
  14164. #creating_ghost #selected_ghost_types{
  14165. padding:4px;
  14166. background-color:#eee
  14167. }
  14168. #creating_ghost #selected_ghost_types>*{
  14169. display:inline-block;
  14170. vertical-align:middle;
  14171. margin-right:1px;
  14172. zoom:1;
  14173. *display:inline
  14174. }
  14175. #creating_ghost #selected_ghost_types .selected_ghost_type>*{
  14176. display:inline-block
  14177. }
  14178. #creating_tira form p{
  14179. padding:5px 0
  14180. }
  14181. #creating_tira form label{
  14182. display:inline-block;
  14183. font-size:.9em;
  14184. color:#888;
  14185. width:5em;
  14186. margin-right:1em
  14187. }
  14188. #creating_tira form label.top{
  14189. vertical-align:top
  14190. }
  14191. #creating_tira form input[type=text],#creating_tira form input[type=password]{
  14192. padding:5px
  14193. }
  14194. #creating_tira form input[type=text],#creating_tira form input[type=password],#creating_tira form textarea{
  14195. border:1px solid #ccc
  14196. }
  14197. #creating_tira form input[type=text]:focus,#creating_tira form input[type=password]:focus,#creating_tira form textarea:focus{
  14198. border-color:#b11
  14199. }
  14200. #creating_tira #deck_info{
  14201. overflow:hidden;
  14202. zoom:1;
  14203. margin-top:1em
  14204. }
  14205. #creating_tira #deck_info #show_deck_name{
  14206. font-size:1.2em;
  14207. font-weight:bold
  14208. }
  14209. #creating_tira #deck_info .row{
  14210. padding:5px 0
  14211. }
  14212. #creating_tira #deck_info #show_deck_words{
  14213. padding:10px;
  14214. background-color:#eee;
  14215. max-height:20em;
  14216. overflow-y:scroll
  14217. }
  14218. #creating_tira #deck_info #show_deck_words .word{
  14219. display:inline-block;
  14220. font-size:.8em;
  14221. padding:5px
  14222. }
  14223. #creating_tira #select_fork,#creating_tira #select_tiramisu{
  14224. color:#b11
  14225. }
  14226. #creating_tira #select_fork:hover,#creating_tira #select_tiramisu:hover{
  14227. text-decoration:underline
  14228. }
  14229. #creating_tira #decks{
  14230. position:relative
  14231. }
  14232. #creating_tira #decks .sortby{
  14233. padding:3px
  14234. }
  14235. #creating_tira #decks .sortby.sel{
  14236. text-decoration:underline
  14237. }
  14238. #creating_tira #decks #deck_table{
  14239. margin-top:20px
  14240. }
  14241. #creating_tira #decks #deck_table #card_controls{
  14242. position:absolute;
  14243. top:30px;
  14244. right:0
  14245. }
  14246. #creating_tira #decks #deck_table #card_controls .sortbynav{
  14247. font-size:.9em
  14248. }
  14249. #creating_tira #decks #deck_table #card_controls .sortbynav>*{
  14250. display:inline-block;
  14251. vertical-align:middle;
  14252. margin-right:8px;
  14253. zoom:1;
  14254. *display:inline
  14255. }
  14256. #creating_tira #decks #deck_table #card_controls .sortbynav a.sel{
  14257. color:#b11
  14258. }
  14259. #creating_tira #decks #deck_table tr.one_deck_row:hover .card_name{
  14260. background-color:#aaa;
  14261. color:#fff
  14262. }
  14263. #creating_tira #decks #deck_table tr.one_deck_row.sel{
  14264. background-color:#eee
  14265. }
  14266. #creating_tira #decks #deck_table td{
  14267. padding:.1em .5em .1em 0
  14268. }
  14269. #creating_tira #decks #deck_table td .card_name{
  14270. padding:5px 5px 5px 25px;
  14271. cursor:pointer
  14272. }
  14273. #creating_tira #create_deck textarea{
  14274. width:350px;
  14275. height:100px
  14276. }
  14277. #creating_tira #create_deck .instruct{
  14278. padding:10px;
  14279. background-color:#eee;
  14280. font-size:.9em;
  14281. color:#444
  14282. }
  14283. #creating_tira #create_deck .class_noun,#creating_tira #create_deck .class_adj{
  14284. display:inline-block;
  14285. background-position:5px center;
  14286. padding:.5em;
  14287. padding-left:35px;
  14288. margin-right:5px;
  14289. border-radius:3px
  14290. }
  14291. #creating_tira #create_deck .class_noun:hover,#creating_tira #create_deck .class_adj:hover{
  14292. background-color:#eee
  14293. }
  14294. #creating_tira #create_deck .class_noun.sel,#creating_tira #create_deck .class_adj.sel{
  14295. background-color:grey;
  14296. color:#fff
  14297. }
  14298. #creating_tira #create_game_tira #create_game_inner{
  14299. position:relative
  14300. }
  14301. #creating_tira #create_game_tira #create_game_inner .slot{
  14302. padding-left:20px;
  14303. cursor:pointer;
  14304. padding:5px 0 5px 20px
  14305. }
  14306. #creating_tira #create_game_tira #create_game_inner .slot .instr_choose{
  14307. font-size:.9em;
  14308. background-color:#eee;
  14309. padding:10px
  14310. }
  14311. #creating_tira #create_game_tira #create_game_inner .slot>*{
  14312. margin-right:10px
  14313. }
  14314. #creating_tira #create_game_tira #create_game_inner .slot>*>*{
  14315. display:inline-block;
  14316. vertical-align:middle;
  14317. margin-right:.5em;
  14318. zoom:1;
  14319. *display:inline
  14320. }
  14321. #creating_tira #create_game_tira #create_game_inner .deck{
  14322. z-index:5;
  14323. opacity:.95;
  14324. position:absolute;
  14325. top:0;
  14326. left:0;
  14327. background-color:#eee;
  14328. padding-left:5px;
  14329. overflow-y:auto;
  14330. overflow-x:hidden;
  14331. text-overflow:ellipsis
  14332. }
  14333. #creating_tira #create_game_tira #create_game_inner .deck h4{
  14334. font-weight:bold;
  14335. font-family:"Abel",arial;
  14336. padding:10px;
  14337. font-size:1.2em
  14338. }
  14339. #creating_tira #create_game_tira #create_game_inner .deck .close{
  14340. position:absolute;
  14341. top:5px;
  14342. right:10px
  14343. }
  14344. #creating_tira #create_game_tira #create_game_inner .deck .decklist{
  14345. padding:5px
  14346. }
  14347. #creating_tira #create_game_tira #create_game_inner .deck .decklist>*{
  14348. position:relative;
  14349. border-radius:3px;
  14350. padding:.5em;
  14351. padding-left:30px;
  14352. font-size:.8em;
  14353. margin-right:1em
  14354. }
  14355. #creating_tira #create_game_tira #create_game_inner .deck .decklist>*>*{
  14356. display:inline-block;
  14357. vertical-align:middle;
  14358. margin-right:.5em;
  14359. zoom:1;
  14360. *display:inline
  14361. }
  14362. #creating_tira #create_game_tira #create_game_inner .deck .decklist>* img{
  14363. position:absolute;
  14364. top:0;
  14365. right:-5px
  14366. }
  14367. #creating_tira #create_game_tira #create_game_inner .deck .decklist>*:hover{
  14368. background-color:#fe9
  14369. }
  14370. #creating_tira #create_game_tira #create_game_inner .deck .decklist>*.sel{
  14371. background-color:grey
  14372. }
  14373. #creating_tira #create_game_tira #create_game_inner label.password{
  14374. width:0;
  14375. background:url(/images/lock.png) no-repeat center left;
  14376. height:25px;
  14377. padding-left:30px;
  14378. line-height:25px
  14379. }
  14380. #creating_tira #create_game_tira #create_game_inner #maxround_cont{
  14381. padding:5px 20px
  14382. }
  14383. #creating_tira #create_game_tira #create_game_inner #maxround_cont #maxround{
  14384. width:15em
  14385. }
  14386. #creating_tira #create_game_tira #create_game_inner #maxround_cont>*{
  14387. margin-top:5px
  14388. }
  14389. #creating_tira #create_game_tira #create_game_inner #maxround_cont>*>*{
  14390. display:inline-block;
  14391. vertical-align:middle;
  14392. margin-right:5px;
  14393. zoom:1;
  14394. *display:inline
  14395. }
  14396. #creating_tira #create_game_tira #create_game_inner #maxplayer_cont{
  14397. padding:5px 20px
  14398. }
  14399. #creating_tira #create_game_tira #create_game_inner #maxplayer_cont>*{
  14400. margin-right:.5em
  14401. }
  14402. #creating_tira #create_game_tira #create_game_inner #maxplayer_cont>*>*{
  14403. display:inline-block;
  14404. vertical-align:middle;
  14405. margin-right:.5em;
  14406. zoom:1;
  14407. *display:inline
  14408. }
  14409. #creating_tira #create_game_tira #create_game_inner #maxplayer_cont #maxplayers{
  14410. width:15em
  14411. }
  14412. #creating_tira #create_game_tira #create_game_inner #maxplayer_cont #maxplayers_text{
  14413. height:25px;
  14414. padding-right:25px;
  14415. line-height:25px
  14416. }
  14417. #creating_tira #create_game_tira #create_game_inner #maxplayer_cont #maxplayers_text>*{
  14418. margin-right:.5em
  14419. }
  14420. .dominion_gamerow img{
  14421. max-width:25px
  14422. }
  14423. #dominion_container #creating_dominion .card{
  14424. cursor:pointer;
  14425. border:1px solid transparent;
  14426. padding:2px;
  14427. margin:0 2px 2px 0
  14428. }
  14429. #dominion_container #creating_dominion .card:hover{
  14430. border:1px solid #b11
  14431. }
  14432. #dominion_container #creating_dominion .card.sel{
  14433. background-color:#ff1
  14434. }
  14435. #dominion_container #dominion_admin #dcards{
  14436. width:100%
  14437. }
  14438. #dominion_container #dominion_admin #dcards .dcard{
  14439. width:320px
  14440. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement