Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- \\special usernames have a period in front of them, then a curly bracket
- \\ie. .describe{
- html,body{
- min-height:100%
- }
- .humane,.humane-flatty{
- position:fixed;
- -moz-transition:all .4s ease-in-out;
- -webkit-transition:all .4s ease-in-out;
- -ms-transition:all .4s ease-in-out;
- -o-transition:all .4s ease-in-out;
- transition:all .4s ease-in-out;
- z-index:100000;
- filter:alpha(opacity=100)
- }
- .humane,.humane-flatty{
- font-family:Helvetica Neue,Helvetica,san-serif;
- font-size:16px;
- top:0;
- left:30%;
- opacity:0;
- width:40%;
- color:#444;
- padding:10px;
- text-align:center;
- background-color:#fff;
- -webkit-border-bottom-right-radius:3px;
- -webkit-border-bottom-left-radius:3px;
- -moz-border-radius-bottomright:3px;
- -moz-border-radius-bottomleft:3px;
- border-bottom-right-radius:3px;
- border-bottom-left-radius:3px;
- -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
- box-shadow:0 1px 2px rgba(0,0,0,0.5);
- -moz-transform:translateY(-100px);
- -webkit-transform:translateY(-100px);
- -ms-transform:translateY(-100px);
- -o-transform:translateY(-100px);
- transform:translateY(-100px)
- }
- .humane p,.humane-flatty p,.humane ul,.humane-flatty ul{
- margin:0;
- padding:0
- }
- .humane ul,.humane-flatty ul{
- list-style:none
- }
- .humane.humane-flatty-info,.humane-flatty.humane-flatty-info{
- background-color:#3498db;
- color:#FFF
- }
- .humane.humane-flatty-success,.humane-flatty.humane-flatty-success{
- background-color:#18bc9c;
- color:#FFF
- }
- .humane.humane-flatty-error,.humane-flatty.humane-flatty-error{
- background-color:#e74c3c;
- color:#FFF
- }
- .humane-animate,.humane-flatty.humane-flatty-animate{
- opacity:1;
- -moz-transform:translateY(0);
- -webkit-transform:translateY(0);
- -ms-transform:translateY(0);
- -o-transform:translateY(0);
- transform:translateY(0)
- }
- .humane-animate:hover,.humane-flatty.humane-flatty-animate:hover{
- opacity:.7
- }
- .humane-js-animate,.humane-flatty.humane-flatty-js-animate{
- opacity:1;
- -moz-transform:translateY(0);
- -webkit-transform:translateY(0);
- -ms-transform:translateY(0);
- -o-transform:translateY(0);
- transform:translateY(0)
- }
- .humane-js-animate:hover,.humane-flatty.humane-flatty-js-animate:hover{
- opacity:.7;
- filter:alpha(opacity=70)
- }
- .container26{
- margin-left:auto;
- margin-right:auto;
- width:1030px
- }
- .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{
- display:inline;
- float:left;
- margin-left:5px;
- margin-right:5px
- }
- .container26 .grid1{
- width:29.61538px
- }
- .container26 .grid2{
- width:69.23077px
- }
- .container26 .grid3{
- width:108.84615px
- }
- .container26 .grid4{
- width:148.46154px
- }
- .container26 .grid5{
- width:188.07692px
- }
- .container26 .grid6{
- width:227.69231px
- }
- .container26 .grid7{
- width:267.30769px
- }
- .container26 .grid8{
- width:306.92308px
- }
- .container26 .grid9{
- width:346.53846px
- }
- .container26 .grid10{
- width:386.15385px
- }
- .container26 .grid11{
- width:425.76923px
- }
- .container26 .grid12{
- width:465.38462px
- }
- .container26 .grid13{
- width:505px
- }
- .container26 .grid14{
- width:544.61538px
- }
- .container26 .grid15{
- width:584.23077px
- }
- .container26 .grid16{
- width:623.84615px
- }
- .container26 .grid17{
- width:663.46154px
- }
- .container26 .grid18{
- width:703.07692px
- }
- .container26 .grid19{
- width:742.69231px
- }
- .container26 .grid20{
- width:782.30769px
- }
- .container26 .grid21{
- width:821.92308px
- }
- .container26 .grid22{
- width:861.53846px
- }
- .container26 .grid23{
- width:901.15385px
- }
- .container26 .grid24{
- width:940.76923px
- }
- .container26 .grid25{
- width:980.38462px
- }
- .container26 .grid26{
- width:1020px
- }
- .container26 .prefix1{
- padding-left:39.61538px
- }
- .container26 .prefix2{
- padding-left:79.23077px
- }
- .container26 .prefix3{
- padding-left:118.84615px
- }
- .container26 .prefix4{
- padding-left:158.46154px
- }
- .container26 .prefix5{
- padding-left:198.07692px
- }
- .container26 .prefix6{
- padding-left:237.69231px
- }
- .container26 .prefix7{
- padding-left:277.30769px
- }
- .container26 .prefix8{
- padding-left:316.92308px
- }
- .container26 .prefix9{
- padding-left:356.53846px
- }
- .container26 .prefix10{
- padding-left:396.15385px
- }
- .container26 .prefix11{
- padding-left:435.76923px
- }
- .container26 .prefix12{
- padding-left:475.38462px
- }
- .container26 .prefix13{
- padding-left:515px
- }
- .container26 .prefix14{
- padding-left:554.61538px
- }
- .container26 .prefix15{
- padding-left:594.23077px
- }
- .container26 .prefix16{
- padding-left:633.84615px
- }
- .container26 .prefix17{
- padding-left:673.46154px
- }
- .container26 .prefix18{
- padding-left:713.07692px
- }
- .container26 .prefix19{
- padding-left:752.69231px
- }
- .container26 .prefix20{
- padding-left:792.30769px
- }
- .container26 .prefix21{
- padding-left:831.92308px
- }
- .container26 .prefix22{
- padding-left:871.53846px
- }
- .container26 .prefix23{
- padding-left:911.15385px
- }
- .container26 .prefix24{
- padding-left:950.76923px
- }
- .container26 .prefix25{
- padding-left:990.38462px
- }
- .container26 .suffix1{
- padding-right:39.61538px
- }
- .container26 .suffix2{
- padding-right:79.23077px
- }
- .container26 .suffix3{
- padding-right:118.84615px
- }
- .container26 .suffix4{
- padding-right:158.46154px
- }
- .container26 .suffix5{
- padding-right:198.07692px
- }
- .container26 .suffix6{
- padding-right:237.69231px
- }
- .container26 .suffix7{
- padding-right:277.30769px
- }
- .container26 .suffix8{
- padding-right:316.92308px
- }
- .container26 .suffix9{
- padding-right:356.53846px
- }
- .container26 .suffix10{
- padding-right:396.15385px
- }
- .container26 .suffix11{
- padding-right:435.76923px
- }
- .container26 .suffix12{
- padding-right:475.38462px
- }
- .container26 .suffix13{
- padding-right:515px
- }
- .container26 .suffix14{
- padding-right:554.61538px
- }
- .container26 .suffix15{
- padding-right:594.23077px
- }
- .container26 .suffix16{
- padding-right:633.84615px
- }
- .container26 .suffix17{
- padding-right:673.46154px
- }
- .container26 .suffix18{
- padding-right:713.07692px
- }
- .container26 .suffix19{
- padding-right:752.69231px
- }
- .container26 .suffix20{
- padding-right:792.30769px
- }
- .container26 .suffix21{
- padding-right:831.92308px
- }
- .container26 .suffix22{
- padding-right:871.53846px
- }
- .container26 .suffix23{
- padding-right:911.15385px
- }
- .container26 .suffix24{
- padding-right:950.76923px
- }
- .container26 .suffix25{
- padding-right:990.38462px
- }
- .container26 .alpha{
- margin-left:0
- }
- .container26 .omega{
- margin-right:0
- }
- .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{
- position:relative
- }
- .container26 .push1{
- left:39.61538px
- }
- .container26 .pull1{
- left:-39.61538px
- }
- .container26 .push2{
- left:79.23077px
- }
- .container26 .pull2{
- left:-79.23077px
- }
- .container26 .push3{
- left:118.84615px
- }
- .container26 .pull3{
- left:-118.84615px
- }
- .container26 .push4{
- left:158.46154px
- }
- .container26 .pull4{
- left:-158.46154px
- }
- .container26 .push5{
- left:198.07692px
- }
- .container26 .pull5{
- left:-198.07692px
- }
- .container26 .push6{
- left:237.69231px
- }
- .container26 .pull6{
- left:-237.69231px
- }
- .container26 .push7{
- left:277.30769px
- }
- .container26 .pull7{
- left:-277.30769px
- }
- .container26 .push8{
- left:316.92308px
- }
- .container26 .pull8{
- left:-316.92308px
- }
- .container26 .push9{
- left:356.53846px
- }
- .container26 .pull9{
- left:-356.53846px
- }
- .container26 .push10{
- left:396.15385px
- }
- .container26 .pull10{
- left:-396.15385px
- }
- .container26 .push11{
- left:435.76923px
- }
- .container26 .pull11{
- left:-435.76923px
- }
- .container26 .push12{
- left:475.38462px
- }
- .container26 .pull12{
- left:-475.38462px
- }
- .container26 .push13{
- left:515px
- }
- .container26 .pull13{
- left:-515px
- }
- .container26 .push14{
- left:554.61538px
- }
- .container26 .pull14{
- left:-554.61538px
- }
- .container26 .push15{
- left:594.23077px
- }
- .container26 .pull15{
- left:-594.23077px
- }
- .container26 .push16{
- left:633.84615px
- }
- .container26 .pull16{
- left:-633.84615px
- }
- .container26 .push17{
- left:673.46154px
- }
- .container26 .pull17{
- left:-673.46154px
- }
- .container26 .push18{
- left:713.07692px
- }
- .container26 .pull18{
- left:-713.07692px
- }
- .container26 .push19{
- left:752.69231px
- }
- .container26 .pull19{
- left:-752.69231px
- }
- .container26 .push20{
- left:792.30769px
- }
- .container26 .pull20{
- left:-792.30769px
- }
- .container26 .push21{
- left:831.92308px
- }
- .container26 .pull21{
- left:-831.92308px
- }
- .container26 .push22{
- left:871.53846px
- }
- .container26 .pull22{
- left:-871.53846px
- }
- .container26 .push23{
- left:911.15385px
- }
- .container26 .pull23{
- left:-911.15385px
- }
- .container26 .push24{
- left:950.76923px
- }
- .container26 .pull24{
- left:-950.76923px
- }
- .container26 .push25{
- left:990.38462px
- }
- .container26 .pull25{
- left:-990.38462px
- }
- 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{
- margin:0;
- padding:0;
- border:0;
- font:inherit;
- font-size:100%;
- vertical-align:baseline
- }
- html{
- line-height:1
- }
- ol,ul{
- list-style:none
- }
- table{
- border-collapse:collapse;
- border-spacing:0
- }
- caption,th,td{
- text-align:left;
- font-weight:normal;
- vertical-align:middle
- }
- q,blockquote{
- quotes:none
- }
- q:before,q:after{
- content:"";
- content:none
- }
- blockquote:before,blockquote:after{
- content:"";
- content:none
- }
- a img{
- border:0
- }
- article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
- display:block
- }
- @font-face{
- font-family:"FontAwesome";
- src:url("/../font/fontawesome-webfont.eot?v=3.0.1");
- 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");
- font-weight:normal;
- font-style:normal
- }
- [class^="icon-"],[class*=" icon-"]{
- font-family:FontAwesome;
- font-weight:normal;
- font-style:normal;
- text-decoration:inherit;
- -webkit-font-smoothing:antialiased;
- display:inline;
- width:auto;
- height:auto;
- line-height:normal;
- vertical-align:baseline;
- background-image:none;
- background-position:0 0;
- background-repeat:repeat;
- margin-top:0
- }
- .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-"]{
- background-image:none
- }
- [class^="icon-"]:before,[class*=" icon-"]:before{
- text-decoration:inherit;
- display:inline-block;
- speak:none
- }
- a [class^="icon-"],a [class*=" icon-"]{
- display:inline-block
- }
- .icon-large:before{
- vertical-align:-10%;
- font-size:1.33333em
- }
- .btn [class^="icon-"],.btn [class*=" icon-"],.nav [class^="icon-"],.nav [class*=" icon-"]{
- display:inline
- }
- .btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{
- line-height:.9em
- }
- .btn [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{
- display:inline-block
- }
- .nav-tabs [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class^="icon-"],.nav-pills [class*=" icon-"]{
- line-height:.9em
- }
- .nav-tabs [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{
- line-height:.9em
- }
- li [class^="icon-"],li [class*=" icon-"],.nav li [class^="icon-"],.nav li [class*=" icon-"]{
- display:inline-block;
- width:1.25em;
- text-align:center
- }
- li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class^="icon-"].icon-large,.nav li [class*=" icon-"].icon-large{
- width:1.5625em
- }
- ul.icons{
- list-style-type:none;
- text-indent:-0.75em
- }
- ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{
- width:.75em
- }
- .icon-muted{
- color:#eee
- }
- .icon-border{
- border:solid 1px #eee;
- padding:.2em .25em .15em;
- border-radius:3px
- }
- .icon-2x{
- font-size:2em
- }
- .icon-2x.icon-border{
- border-width:2px;
- border-radius:4px
- }
- .icon-3x{
- font-size:3em
- }
- .icon-3x.icon-border{
- border-width:3px;
- border-radius:5px
- }
- .icon-4x{
- font-size:4em
- }
- .icon-4x.icon-border{
- border-width:4px;
- border-radius:6px
- }
- .pull-right{
- float:right
- }
- .pull-left{
- float:left
- }
- [class^="icon-"].pull-left,[class*=" icon-"].pull-left{
- margin-right:.3em
- }
- [class^="icon-"].pull-right,[class*=" icon-"].pull-right{
- margin-left:.3em
- }
- .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{
- margin-top:.18em
- }
- .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{
- line-height:.8em
- }
- .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{
- margin-top:.25em
- }
- .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{
- margin-top:0
- }
- .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{
- margin-top:.05em
- }
- .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{
- margin-right:.2em
- }
- .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{
- margin-left:.2em
- }
- .icon-spin{
- display:inline-block;
- -webkit-animation:spin 2s infinite linear;
- animation:spin 2s infinite linear
- }
- @-webkit-keyframes spin{
- 0%{
- -webkit-transform:rotate(0)
- }
- 100%{
- -webkit-transform:rotate(359deg)
- }
- }
- @keyframes spin{
- 0%{
- -webkit-transform:rotate(0);
- transform:rotate(0)
- }
- 100%{
- -webkit-transform:rotate(359deg);
- transform:rotate(359deg)
- }
- }
- @-moz-document url-prefix(){
- .icon-spin{
- height:.9em
- }
- .btn .icon-spin{
- height:auto
- }
- .icon-spin.icon-large{
- height:1.25em
- }
- .btn .icon-spin.icon-large{
- height:.75em
- }
- }
- .icon-glass:before{
- content:""
- }
- .icon-music:before{
- content:""
- }
- .icon-search:before{
- content:""
- }
- .icon-envelope:before{
- content:""
- }
- .icon-heart:before{
- content:""
- }
- .icon-star:before{
- content:""
- }
- .icon-star-empty:before{
- content:""
- }
- .icon-user:before{
- content:""
- }
- .icon-film:before{
- content:""
- }
- .icon-th-large:before{
- content:""
- }
- .icon-th:before{
- content:""
- }
- .icon-th-list:before{
- content:""
- }
- .icon-ok:before{
- content:""
- }
- .icon-remove:before{
- content:""
- }
- .icon-zoom-in:before{
- content:""
- }
- .icon-zoom-out:before{
- content:""
- }
- .icon-off:before{
- content:""
- }
- .icon-signal:before{
- content:""
- }
- .icon-cog:before{
- content:""
- }
- .icon-trash:before{
- content:""
- }
- .icon-home:before{
- content:""
- }
- .icon-file:before{
- content:""
- }
- .icon-time:before{
- content:""
- }
- .icon-road:before{
- content:""
- }
- .icon-download-alt:before{
- content:""
- }
- .icon-download:before{
- content:""
- }
- .icon-upload:before{
- content:""
- }
- .icon-inbox:before{
- content:""
- }
- .icon-play-circle:before{
- content:""
- }
- .icon-repeat:before{
- content:""
- }
- .icon-refresh:before{
- content:""
- }
- .icon-list-alt:before{
- content:""
- }
- .icon-lock:before{
- content:""
- }
- .icon-flag:before{
- content:""
- }
- .icon-headphones:before{
- content:""
- }
- .icon-volume-off:before{
- content:""
- }
- .icon-volume-down:before{
- content:""
- }
- .icon-volume-up:before{
- content:""
- }
- .icon-qrcode:before{
- content:""
- }
- .icon-barcode:before{
- content:""
- }
- .icon-tag:before{
- content:""
- }
- .icon-tags:before{
- content:""
- }
- .icon-book:before{
- content:""
- }
- .icon-bookmark:before{
- content:""
- }
- .icon-print:before{
- content:""
- }
- .icon-camera:before{
- content:""
- }
- .icon-font:before{
- content:""
- }
- .icon-bold:before{
- content:""
- }
- .icon-italic:before{
- content:""
- }
- .icon-text-height:before{
- content:""
- }
- .icon-text-width:before{
- content:""
- }
- .icon-align-left:before{
- content:""
- }
- .icon-align-center:before{
- content:""
- }
- .icon-align-right:before{
- content:""
- }
- .icon-align-justify:before{
- content:""
- }
- .icon-list:before{
- content:""
- }
- .icon-indent-left:before{
- content:""
- }
- .icon-indent-right:before{
- content:""
- }
- .icon-facetime-video:before{
- content:""
- }
- .icon-picture:before{
- content:""
- }
- .icon-pencil:before{
- content:""
- }
- .icon-map-marker:before{
- content:""
- }
- .icon-adjust:before{
- content:""
- }
- .icon-tint:before{
- content:""
- }
- .icon-edit:before{
- content:""
- }
- .icon-share:before{
- content:""
- }
- .icon-check:before{
- content:""
- }
- .icon-move:before{
- content:""
- }
- .icon-step-backward:before{
- content:""
- }
- .icon-fast-backward:before{
- content:""
- }
- .icon-backward:before{
- content:""
- }
- .icon-play:before{
- content:""
- }
- .icon-pause:before{
- content:""
- }
- .icon-stop:before{
- content:""
- }
- .icon-forward:before{
- content:""
- }
- .icon-fast-forward:before{
- content:""
- }
- .icon-step-forward:before{
- content:""
- }
- .icon-eject:before{
- content:""
- }
- .icon-chevron-left:before{
- content:""
- }
- .icon-chevron-right:before{
- content:""
- }
- .icon-plus-sign:before{
- content:""
- }
- .icon-minus-sign:before{
- content:""
- }
- .icon-remove-sign:before{
- content:""
- }
- .icon-ok-sign:before{
- content:""
- }
- .icon-question-sign:before{
- content:""
- }
- .icon-info-sign:before{
- content:""
- }
- .icon-screenshot:before{
- content:""
- }
- .icon-remove-circle:before{
- content:""
- }
- .icon-ok-circle:before{
- content:""
- }
- .icon-ban-circle:before{
- content:""
- }
- .icon-arrow-left:before{
- content:""
- }
- .icon-arrow-right:before{
- content:""
- }
- .icon-arrow-up:before{
- content:""
- }
- .icon-arrow-down:before{
- content:""
- }
- .icon-share-alt:before{
- content:""
- }
- .icon-resize-full:before{
- content:""
- }
- .icon-resize-small:before{
- content:""
- }
- .icon-plus:before{
- content:""
- }
- .icon-minus:before{
- content:""
- }
- .icon-asterisk:before{
- content:""
- }
- .icon-exclamation-sign:before{
- content:""
- }
- .icon-gift:before{
- content:""
- }
- .icon-leaf:before{
- content:""
- }
- .icon-fire:before{
- content:""
- }
- .icon-eye-open:before{
- content:""
- }
- .icon-eye-close:before{
- content:""
- }
- .icon-warning-sign:before{
- content:""
- }
- .icon-plane:before{
- content:""
- }
- .icon-calendar:before{
- content:""
- }
- .icon-random:before{
- content:""
- }
- .icon-comment:before{
- content:""
- }
- .icon-magnet:before{
- content:""
- }
- .icon-chevron-up:before{
- content:""
- }
- .icon-chevron-down:before{
- content:""
- }
- .icon-retweet:before{
- content:""
- }
- .icon-shopping-cart:before{
- content:""
- }
- .icon-folder-close:before{
- content:""
- }
- .icon-folder-open:before{
- content:""
- }
- .icon-resize-vertical:before{
- content:""
- }
- .icon-resize-horizontal:before{
- content:""
- }
- .icon-bar-chart:before{
- content:""
- }
- .icon-twitter-sign:before{
- content:""
- }
- .icon-facebook-sign:before{
- content:""
- }
- .icon-camera-retro:before{
- content:""
- }
- .icon-key:before{
- content:""
- }
- .icon-cogs:before{
- content:""
- }
- .icon-comments:before{
- content:""
- }
- .icon-thumbs-up:before{
- content:""
- }
- .icon-thumbs-down:before{
- content:""
- }
- .icon-star-half:before{
- content:""
- }
- .icon-heart-empty:before{
- content:""
- }
- .icon-signout:before{
- content:""
- }
- .icon-linkedin-sign:before{
- content:""
- }
- .icon-pushpin:before{
- content:""
- }
- .icon-external-link:before{
- content:""
- }
- .icon-signin:before{
- content:""
- }
- .icon-trophy:before{
- content:""
- }
- .icon-github-sign:before{
- content:""
- }
- .icon-upload-alt:before{
- content:""
- }
- .icon-lemon:before{
- content:""
- }
- .icon-phone:before{
- content:""
- }
- .icon-check-empty:before{
- content:""
- }
- .icon-bookmark-empty:before{
- content:""
- }
- .icon-phone-sign:before{
- content:""
- }
- .icon-twitter:before{
- content:""
- }
- .icon-facebook:before{
- content:""
- }
- .icon-github:before{
- content:""
- }
- .icon-unlock:before{
- content:""
- }
- .icon-credit-card:before{
- content:""
- }
- .icon-rss:before{
- content:""
- }
- .icon-hdd:before{
- content:""
- }
- .icon-bullhorn:before{
- content:""
- }
- .icon-bell:before{
- content:""
- }
- .icon-certificate:before{
- content:""
- }
- .icon-hand-right:before{
- content:""
- }
- .icon-hand-left:before{
- content:""
- }
- .icon-hand-up:before{
- content:""
- }
- .icon-hand-down:before{
- content:""
- }
- .icon-circle-arrow-left:before{
- content:""
- }
- .icon-circle-arrow-right:before{
- content:""
- }
- .icon-circle-arrow-up:before{
- content:""
- }
- .icon-circle-arrow-down:before{
- content:""
- }
- .icon-globe:before{
- content:""
- }
- .icon-wrench:before{
- content:""
- }
- .icon-tasks:before{
- content:""
- }
- .icon-filter:before{
- content:""
- }
- .icon-briefcase:before{
- content:""
- }
- .icon-fullscreen:before{
- content:""
- }
- .icon-group:before{
- content:""
- }
- .icon-link:before{
- content:""
- }
- .icon-cloud:before{
- content:""
- }
- .icon-beaker:before{
- content:""
- }
- .icon-cut:before{
- content:""
- }
- .icon-copy:before{
- content:""
- }
- .icon-paper-clip:before{
- content:""
- }
- .icon-save:before{
- content:""
- }
- .icon-sign-blank:before{
- content:""
- }
- .icon-reorder:before{
- content:""
- }
- .icon-list-ul:before{
- content:""
- }
- .icon-list-ol:before{
- content:""
- }
- .icon-strikethrough:before{
- content:""
- }
- .icon-underline:before{
- content:""
- }
- .icon-table:before{
- content:""
- }
- .icon-magic:before{
- content:""
- }
- .icon-truck:before{
- content:""
- }
- .icon-pinterest:before{
- content:""
- }
- .icon-pinterest-sign:before{
- content:""
- }
- .icon-google-plus-sign:before{
- content:""
- }
- .icon-google-plus:before{
- content:""
- }
- .icon-money:before{
- content:""
- }
- .icon-caret-down:before{
- content:""
- }
- .icon-caret-up:before{
- content:""
- }
- .icon-caret-left:before{
- content:""
- }
- .icon-caret-right:before{
- content:""
- }
- .icon-columns:before{
- content:""
- }
- .icon-sort:before{
- content:""
- }
- .icon-sort-down:before{
- content:""
- }
- .icon-sort-up:before{
- content:""
- }
- .icon-envelope-alt:before{
- content:""
- }
- .icon-linkedin:before{
- content:""
- }
- .icon-undo:before{
- content:""
- }
- .icon-legal:before{
- content:""
- }
- .icon-dashboard:before{
- content:""
- }
- .icon-comment-alt:before{
- content:""
- }
- .icon-comments-alt:before{
- content:""
- }
- .icon-bolt:before{
- content:""
- }
- .icon-sitemap:before{
- content:""
- }
- .icon-umbrella:before{
- content:""
- }
- .icon-paste:before{
- content:""
- }
- .icon-lightbulb:before{
- content:""
- }
- .icon-exchange:before{
- content:""
- }
- .icon-cloud-download:before{
- content:""
- }
- .icon-cloud-upload:before{
- content:""
- }
- .icon-user-md:before{
- content:""
- }
- .icon-stethoscope:before{
- content:""
- }
- .icon-suitcase:before{
- content:""
- }
- .icon-bell-alt:before{
- content:""
- }
- .icon-coffee:before{
- content:""
- }
- .icon-food:before{
- content:""
- }
- .icon-file-alt:before{
- content:""
- }
- .icon-building:before{
- content:""
- }
- .icon-hospital:before{
- content:""
- }
- .icon-ambulance:before{
- content:""
- }
- .icon-medkit:before{
- content:""
- }
- .icon-fighter-jet:before{
- content:""
- }
- .icon-beer:before{
- content:""
- }
- .icon-h-sign:before{
- content:""
- }
- .icon-plus-sign-alt:before{
- content:""
- }
- .icon-double-angle-left:before{
- content:""
- }
- .icon-double-angle-right:before{
- content:""
- }
- .icon-double-angle-up:before{
- content:""
- }
- .icon-double-angle-down:before{
- content:""
- }
- .icon-angle-left:before{
- content:""
- }
- .icon-angle-right:before{
- content:""
- }
- .icon-angle-up:before{
- content:""
- }
- .icon-angle-down:before{
- content:""
- }
- .icon-desktop:before{
- content:""
- }
- .icon-laptop:before{
- content:""
- }
- .icon-tablet:before{
- content:""
- }
- .icon-mobile-phone:before{
- content:""
- }
- .icon-circle-blank:before{
- content:""
- }
- .icon-quote-left:before{
- content:""
- }
- .icon-quote-right:before{
- content:""
- }
- .icon-spinner:before{
- content:""
- }
- .icon-circle:before{
- content:""
- }
- .icon-reply:before{
- content:""
- }
- .icon-github-alt:before{
- content:""
- }
- .icon-folder-close-alt:before{
- content:""
- }
- .icon-folder-open-alt:before{
- content:""
- }
- [ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,[v-cloak]{
- display:none !important
- }
- #cam{
- width:100%;
- overflow-x:auto;
- overflow-y:hidden;
- min-height:80px;
- height:auto
- }
- #cam>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px
- }
- #cam #subscribers>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px
- }
- .custom-emote,.custom-user-emote{
- display:inline;
- max-width:25px
- }
- .emote{
- display:inline-block;
- vertical-align:middle;
- background:url("/images/emoticons.png?uo7uopaop") no-repeat center left;
- height:20px;
- width:20px
- }
- .emote-meh{
- background-position:0 0
- }
- .emote-happy{
- background-position:-20px 0
- }
- .emote-mad{
- background-position:-40px 0
- }
- .emote-surprised{
- background-position:-60px 0
- }
- .emote-unimpressed{
- background-position:-80px 0
- }
- .emote-eyes{
- background-position:-100px 0
- }
- .emote-tongue{
- background-position:-120px 0
- }
- .emote-dreamer{
- background-position:-140px 0
- }
- .emote-cthulhu{
- background-position:-160px 0
- }
- .emote-boar{
- background-position:-180px 0
- }
- .emote-jack{
- background-position:-200px 0
- }
- .emote-bats{
- background-position:-220px 0
- }
- .emote-rip{
- background-position:-240px 0
- }
- .emote-candy{
- background-position:-260px 0
- }
- .emote-heart{
- background-position:-280px 0
- }
- .emote-ghost{
- background-position:-300px 0
- }
- .emote-wolf{
- background-position:-320px 0
- }
- .emote-bunny{
- background-position:-340px 0
- }
- .emote-snake{
- background-position:-360px 0
- }
- .emote-knife{
- background-position:-380px 0
- }
- .emote-wink{
- background-position:-400px 0
- }
- .emote-doge{
- background-position:-420px 0
- }
- .emote-star{
- background-position:-440px 0
- }
- .emote-rainbow{
- background-position:-460px 0
- }
- .emote-horse{
- background-position:-480px 0
- }
- .emote-mermaid{
- background-position:-500px 0
- }
- .emote-rose{
- background-position:-520px 0
- }
- .emote-bump{
- background-position:-540px 0
- }
- .emote-clock{
- background-position:-560px 0
- }
- .emote-cookie{
- background-position:-580px 0
- }
- .emote-cry{
- background-position:-600px 0
- }
- .emote-hammer{
- background-position:-620px 0
- }
- .emote-panda{
- background-position:-640px 0
- }
- .emote-penguin{
- background-position:-660px 0
- }
- .emote-pizza{
- background-position:-680px 0
- }
- .emote-sheep{
- background-position:-700px 0
- }
- .emote-shotgun{
- background-position:-720px 0
- }
- .emote-tiger{
- background-position:-740px 0
- }
- .emote-unicorn{
- background-position:-760px 0
- }
- .emote-wolf{
- background-position:-780px 0
- }
- .emote-cupcake{
- background-position:-800px 0
- }
- .emote-cat{
- background-position:-820px 0
- }
- .emote-fox{
- background-position:-840px 0
- }
- .emote-turkey{
- background-position:-860px 0
- }
- .emote-snowman{
- background-position:-880px 0
- }
- .emote-santa{
- background-position:-900px 0
- }
- .emote-candycane{
- background-position:-920px 0
- }
- .emote-christmas{
- background-position:-940px 0
- }
- .emote-lion{
- background-position:-960px 0
- }
- .emote-cake{
- background-position:-980px 0
- }
- .emote-sad{
- background-position:-1000px 0
- }
- .role-custom-img{
- width:20px;
- height:20px;
- border:1px solid #ccc
- }
- .role-custom{
- display:inline-block;
- height:30px;
- line-height:20px;
- font-weight:normal;
- font-size:.9em
- }
- .role-custom img{
- margin-right:5px
- }
- .mafia_red{
- overflow:visible;
- position:relative
- }
- .mafia_red:after{
- display:block;
- background-color:#c55;
- content:"";
- width:4px;
- height:4px;
- border-radius:2px;
- position:absolute;
- top:1px;
- right:1px;
- -webkit-transition-property:all;
- transition-property:all;
- -webkit-transition-duration:.5s;
- transition-duration:.5s;
- -webkit-transition-timing-function:ease-in;
- transition-timing-function:ease-in
- }
- .lives-rt,.score-rt{
- background:url(/images/score.png) no-repeat center right;
- padding-right:20px
- }
- .dawn-lt{
- background:url(/images/dawn.png?8) no-repeat center left;
- width:20px
- }
- .sunset-lt{
- background:url(/images/sunset.png?8) no-repeat center left;
- width:20px
- }
- .whisper-lt{
- background:url(/images/whisper.png?8) no-repeat center left;
- width:20px
- }
- .noreveal-lt{
- background:url(/images/noreveal.png?8) no-repeat center left;
- width:20px
- }
- .startday-lt{
- background:url(/images/startday.png?8) no-repeat center left;
- width:20px
- }
- .lynch-lt{
- background:url(/images/lynch.png?8) no-repeat center left;
- width:20px
- }
- .revealalign-lt{
- background:url(/images/revealalign.png?8) no-repeat center left;
- width:20px
- }
- .mustact-lt{
- background:url(/images/mustact.png?8) no-repeat center left;
- width:20px
- }
- .dawn-lt{
- background:url(/images/dawn.png?8) no-repeat center left;
- width:20px
- }
- .lastwill-lt{
- background:url(/images/lastwill.png?8) no-repeat center left;
- width:20px
- }
- .closedroles-lt{
- background:url(/images/closedroles.png?8) no-repeat center left;
- width:20px
- }
- .multiple-lt{
- background:url(/images/multiple.png?9) no-repeat center left;
- width:20px
- }
- .multisetup-lt{
- background:url(/images/multisetup.png) no-repeat center left;
- width:20px
- }
- .anonymous-lt{
- background:url(/images/anonymous.png?8) no-repeat center left;
- width:20px
- }
- .multiuser-lt{
- background:url(/images/multiuser.png?8) no-repeat center left;
- height:15px;
- line-height:15px;
- padding-left:20px;
- cursor:pointer
- }
- sup.double_points:after{
- content:"x2";
- color:#444;
- font-size:11px;
- font-weight:bold;
- vertical-align:super
- }
- .gamesetup{
- margin:0;
- padding:0
- }
- .gamesetup div.setups{
- margin-bottom:5px
- }
- .gamesetup .nextsetup,.gamesetup .prevsetup{
- display:block;
- font-size:20px;
- display:block;
- line-height:12px;
- height:12px;
- cursor:pointer;
- color:#aaa
- }
- .gamesetup .nextsetup:hover,.gamesetup .prevsetup:hover{
- color:#b11
- }
- .gamesetup li.selsetup{
- margin-top:-4px
- }
- .gamesetup li,.gamesetup>div{
- display:-moz-inline-block;
- display:inline-block;
- *display:inline;
- vertical-align:middle;
- height:20px;
- line-height:22px
- }
- .gamesetup li.rolecont,.gamesetup>div.rolecont{
- position:relative;
- margin-left:5px;
- font-size:.9em;
- font-weight:normal;
- color:#222;
- width:20px
- }
- .gamesetup li.rolecont.hide,.gamesetup>div.rolecont.hide{
- display:none
- }
- .gamesetup li .pip ul li,.gamesetup>div .pip ul li{
- display:block
- }
- .gamesetup li.probabilities{
- margin-left:.5em
- }
- .gamesetup li.probabilities>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- .gamesetup li.probabilities .prob{
- margin-left:.5em;
- width:20px;
- height:20px;
- border-radius:3px;
- position:relative
- }
- .gamesetup li.probabilities .prob sup{
- font-size:.7em;
- font-weight:bold;
- position:absolute;
- top:-0.8em;
- left:-0.8em;
- z-index:5
- }
- .gamesetup li.probabilities .prob .pip{
- position:absolute;
- top:-20px;
- left:50%
- }
- .gamesetup li.probabilities #prob_village{
- background-color:#93b7f2
- }
- .gamesetup li.probabilities #prob_mafia{
- background-color:#000
- }
- .gamesetup li.probabilities #prob_third{
- background-color:#dbe355
- }
- .gamesetup>div{
- height:auto
- }
- .gamesetup div.roleimg>div.sup{
- position:absolute;
- top:-0.5em;
- left:-0.5em;
- color:#111;
- font-size:.7em;
- font-weight:bold
- }
- .gamesetup>li div.roleimg{
- position:relative;
- top:0;
- right:0;
- z-index:2
- }
- .gamesetup .setup_hidden{
- font-size:.9em;
- margin-left:5px
- }
- .gamesetup .setup_hidden .roleimg{
- position:relative
- }
- .actionimg{
- background:url("/images/actions.png?uo7uopaoz") no-repeat top right;
- display:block;
- height:20px;
- width:20px
- }
- .action-gun-right{
- background-position:0 0
- }
- .action-gun-left{
- background-position:-20px 0
- }
- .action-heart{
- background-position:-40px 0
- }
- .action-magnifying-glass{
- background-position:-60px 0
- }
- .action-notebook{
- background-position:-80px 0
- }
- .action-binoculars{
- background-position:-100px 0
- }
- .action-clock{
- background-position:-120px 0
- }
- .action-saw{
- background-position:-140px 0
- }
- .action-beer{
- background-position:-160px 0
- }
- .action-vest{
- background-position:0 -20px
- }
- .action-blood{
- background-position:-20px -20px
- }
- .action-bomb{
- background-position:-40px -20px
- }
- .action-cap{
- background-position:-60px -20px
- }
- .action-x{
- background-position:-80px -20px
- }
- .action-rose{
- background-position:-100px -20px
- }
- .action-y{
- background-position:-120px -20px
- }
- .action-lobster{
- background-position:-140px -20px
- }
- .action-crystalball{
- background-position:-160px -20px
- }
- .action-holybook{
- background-position:0 -40px
- }
- .action-trap{
- background-position:-20px -40px
- }
- .action-break{
- background-position:-40px -40px
- }
- .action-chat{
- background-position:-60px -40px
- }
- .action-tree{
- background-position:-80px -40px
- }
- .action-cloud{
- background-position:-100px -40px
- }
- .action-key{
- background-position:-120px -40px
- }
- .action-gun-upper-right{
- background-position:-140px -40px
- }
- .action-mask{
- background-position:-160px -40px
- }
- .action-gift{
- background-position:0 -60px
- }
- .action-sheetmusic{
- background-position:-20px -60px
- }
- .action-music{
- background-position:-40px -60px
- }
- .action-tea{
- background-position:-60px -60px
- }
- .action-bag{
- background-position:-80px -60px
- }
- .action-bag2{
- background-position:-100px -60px
- }
- .action-hearts{
- background-position:-120px -60px
- }
- .action-knife{
- background-position:-140px -60px
- }
- .action-yellow-flag{
- background-position:-160px -60px
- }
- .action-mistletoe{
- background-position:0 -80px
- }
- .action-calendar{
- background-position:-20px -80px
- }
- .action-drill{
- background-position:-40px -80px
- }
- .action-shirt{
- background-position:-60px -80px
- }
- .action-graveyard{
- background-position:-80px -80px
- }
- .action-creepydoll{
- background-position:-100px -80px
- }
- .action-maid{
- background-position:-120px -80px
- }
- .action-blue-flag{
- background-position:-140px -80px
- }
- .action-black-flag{
- background-position:-160px -80px
- }
- .action-tooth{
- background-position:0 -100px
- }
- .action-paintbrush{
- background-position:-20px -100px
- }
- .action-powerdrill{
- background-position:-40px -100px
- }
- .action-mafiahat{
- background-position:-60px -100px
- }
- .action-will{
- background-position:-80px -100px
- }
- .action-lipstick{
- background-position:-100px -100px
- }
- .action-disguised{
- background-position:-120px -100px
- }
- .action-will{
- background-position:-140px -100px
- }
- .action-clothing{
- background-position:-160px -100px
- }
- .action-barbell{
- background-position:0 -120px
- }
- .action-bloody-mop{
- background-position:-20px -120px
- }
- .action-formal-will{
- background-position:-40px -120px
- }
- .action-poison{
- background-position:-60px -120px
- }
- .action-wheel{
- background-position:-80px -120px
- }
- .action-scroll{
- background-position:-100px -120px
- }
- .action-violin{
- background-position:-120px -120px
- }
- .action-cat{
- background-position:-140px -120px
- }
- .action-balloon{
- background-position:-160px -120px
- }
- .action-plug{
- background-position:0 -140px
- }
- .action-suit{
- background-position:-20px -140px
- }
- .action-gun-upper-left{
- background-position:-40px -140px
- }
- .action-gun-upper-left-brown{
- background-position:-60px -140px
- }
- .action-brown-vest{
- background-position:-80px -140px
- }
- .action-black-crystal-ball{
- background-position:-100px -140px
- }
- .action-poison-bread{
- background-position:-120px -140px
- }
- .action-gasoline{
- background-position:-140px -140px
- }
- .action-match{
- background-position:-160px -140px
- }
- .action-dynamite{
- background-position:0 -160px
- }
- .roleimg{
- background:url("/images/roleimg.png?1uo7uopap8") no-repeat top right;
- display:block;
- height:20px;
- width:20px
- }
- .roleimg.ib{
- display:inline-block
- }
- .roleimg.custom{
- border-bottom:1px dotted #b11
- }
- .role-village{
- background-position:0 0
- }
- .role-villager{
- background-position:0 0
- }
- .role-mafia{
- background-position:-20px 0
- }
- .role-doctor{
- background-position:-40px 0
- }
- .role-nurse{
- background-position:-60px 0
- }
- .role-surgeon{
- background-position:-80px 0
- }
- .role-bodyguard{
- background-position:-100px 0
- }
- .role-cop{
- background-position:-120px 0
- }
- .role-insane{
- background-position:-140px 0
- }
- .role-confused{
- background-position:-160px 0
- }
- .role-paranoid{
- background-position:0 -20px
- }
- .role-naive{
- background-position:-20px -20px
- }
- .role-lazy{
- background-position:-40px -20px
- }
- .role-watcher{
- background-position:-60px -20px
- }
- .role-tracker{
- background-position:-80px -20px
- }
- .role-detective{
- background-position:-100px -20px
- }
- .role-snoop{
- background-position:-120px -20px
- }
- .role-journalist{
- background-position:-140px -20px
- }
- .role-mortician{
- background-position:-160px -20px
- }
- .role-pathologist{
- background-position:0 -40px
- }
- .role-vigil{
- background-position:-20px -40px
- }
- .role-sheriff{
- background-position:-40px -40px
- }
- .role-deputy{
- background-position:-60px -40px
- }
- .role-drunk{
- background-position:-80px -40px
- }
- .role-sleepwalker{
- background-position:-100px -40px
- }
- .role-civilian{
- background-position:-120px -40px
- }
- .role-miller{
- background-position:-140px -40px
- }
- .role-suspect{
- background-position:-160px -40px
- }
- .role-leader{
- background-position:0 -60px
- }
- .role-bulletproof{
- background-position:-20px -60px
- }
- .role-bleeder{
- background-position:-40px -60px
- }
- .role-bomb{
- background-position:-60px -60px
- }
- .role-granny{
- background-position:-80px -60px
- }
- .role-hunter{
- background-position:-100px -60px
- }
- .role-crier{
- background-position:-120px -60px
- }
- .role-invisible{
- background-position:-140px -60px
- }
- .role-governor{
- background-position:-160px -60px
- }
- .role-telepath{
- background-position:0 -80px
- }
- .role-agent{
- background-position:-20px -80px
- }
- .role-celebrity{
- background-position:-40px -80px
- }
- .role-loudmouth{
- background-position:-60px -80px
- }
- .role-mason{
- background-position:-80px -80px
- }
- .role-templar{
- background-position:-100px -80px
- }
- .role-shrink{
- background-position:-120px -80px
- }
- .role-samurai{
- background-position:-140px -80px
- }
- .role-jailer{
- background-position:-160px -80px
- }
- .role-chef{
- background-position:0 -100px
- }
- .role-turncoat{
- background-position:-20px -100px
- }
- .role-enchantress{
- background-position:-40px -100px
- }
- .role-priest{
- background-position:-60px -100px
- }
- .role-trapper{
- background-position:-80px -100px
- }
- .role-baker{
- background-position:-100px -100px
- }
- .role-ghoul{
- background-position:-120px -100px
- }
- .role-party{
- background-position:-140px -100px
- }
- .role-penguin{
- background-position:-160px -100px
- }
- .role-judge{
- background-position:0 -120px
- }
- .role-gallis{
- background-position:-20px -120px
- }
- .role-treestump{
- background-position:-40px -120px
- }
- .role-secretary{
- background-position:-60px -120px
- }
- .role-virgin{
- background-position:-80px -120px
- }
- .role-blacksmith{
- background-position:-100px -120px
- }
- .role-oracle{
- background-position:-120px -120px
- }
- .role-dreamer{
- background-position:-140px -120px
- }
- .role-angel{
- background-position:-160px -120px
- }
- .role-lightkeeper{
- background-position:0 -140px
- }
- .role-keymaker{
- background-position:-20px -140px
- }
- .role-gunsmith{
- background-position:-40px -140px
- }
- .role-mimic{
- background-position:-60px -140px
- }
- .role-santa{
- background-position:-80px -140px
- }
- .role-caroler{
- background-position:-100px -140px
- }
- .role-siren{
- background-position:-120px -140px
- }
- .role-monk{
- background-position:-140px -140px
- }
- .role-cultist{
- background-position:-160px -140px
- }
- .role-cthulhu{
- background-position:0 -160px
- }
- .role-zombie{
- background-position:-20px -160px
- }
- .role-fool{
- background-position:-40px -160px
- }
- .role-lover{
- background-position:-60px -160px
- }
- .role-lyncher{
- background-position:-80px -160px
- }
- .role-killer{
- background-position:-100px -160px
- }
- .role-clockmaker{
- background-position:-120px -160px
- }
- .role-survivor{
- background-position:-140px -160px
- }
- .role-warlock{
- background-position:-160px -160px
- }
- .role-mistletoe{
- background-position:0 -180px
- }
- .role-prophet{
- background-position:-20px -180px
- }
- .role-alien{
- background-position:-40px -180px
- }
- .role-werewolf{
- background-position:-60px -180px
- }
- .role-amnesiac{
- background-position:-80px -180px
- }
- .role-anarchist{
- background-position:-100px -180px
- }
- .role-creepygirl{
- background-position:-120px -180px
- }
- .role-traitor{
- background-position:-140px -180px
- }
- .role-admirer{
- background-position:-160px -180px
- }
- .role-maid{
- background-position:0 -200px
- }
- .role-autocrat{
- background-position:-20px -200px
- }
- .role-politician{
- background-position:-40px -200px
- }
- .role-silencer{
- background-position:-60px -200px
- }
- .role-blinder{
- background-position:-80px -200px
- }
- .role-sniper{
- background-position:-100px -200px
- }
- .role-illusionist{
- background-position:-120px -200px
- }
- .role-saboteur{
- background-position:-140px -200px
- }
- .role-yakuza{
- background-position:-160px -200px
- }
- .role-consigliere{
- background-position:0 -220px
- }
- .role-godfather{
- background-position:-20px -220px
- }
- .role-framer{
- background-position:-40px -220px
- }
- .role-hooker{
- background-position:-60px -220px
- }
- .role-disguiser{
- background-position:-80px -220px
- }
- .role-actress{
- background-position:-100px -220px
- }
- .role-tailor{
- background-position:-120px -220px
- }
- .role-informant{
- background-position:-140px -220px
- }
- .role-strongman{
- background-position:-160px -220px
- }
- .role-janitor{
- background-position:0 -240px
- }
- .role-interrogator{
- background-position:-20px -240px
- }
- .role-whisperer{
- background-position:-40px -240px
- }
- .role-spy{
- background-position:-60px -240px
- }
- .role-lawyer{
- background-position:-80px -240px
- }
- .role-forger{
- background-position:-100px -240px
- }
- .role-stalker{
- background-position:-120px -240px
- }
- .role-enforcer{
- background-position:-140px -240px
- }
- .role-quack{
- background-position:-160px -240px
- }
- .role-poisoner{
- background-position:0 -260px
- }
- .role-driver{
- background-position:-20px -260px
- }
- .role-gramps{
- background-position:-40px -260px
- }
- .role-interceptor{
- background-position:-60px -260px
- }
- .role-fiddler{
- background-position:-80px -260px
- }
- .role-witch{
- background-position:-100px -260px
- }
- .role-ventriloquist{
- background-position:-120px -260px
- }
- .role-voodoo{
- background-position:-140px -260px
- }
- .role-thief{
- background-position:-160px -260px
- }
- .role-paralyzer{
- background-position:0 -280px
- }
- .role-paparazzi{
- background-position:-20px -280px
- }
- .role-scout{
- background-position:-40px -280px
- }
- .role-associate{
- background-position:-60px -280px
- }
- .role-fabricator{
- background-position:-80px -280px
- }
- .role-lookout{
- background-position:-100px -280px
- }
- .role-ninja{
- background-position:-120px -280px
- }
- .role-hitman{
- background-position:-140px -280px
- }
- .role-arsonist{
- background-position:-160px -280px
- }
- .role-terrorist{
- background-position:0 -300px
- }
- .role-mastermind{
- background-position:-20px -300px
- }
- .role-host{
- background-position:-40px -300px
- }
- .role-unknown{
- background-position:-60px -300px
- }
- .role-seer{
- background-position:-80px -300px
- }
- .role-toreador{
- background-position:-100px -300px
- }
- .role-psychic{
- background-position:-120px -300px
- }
- .role-tinkerer{
- background-position:-140px -300px
- }
- .role-cupid{
- background-position:-160px -300px
- }
- .role-don{
- background-position:0 -320px
- }
- .role-sidekick{
- background-position:-20px -320px
- }
- .role-huntsman{
- background-position:-40px -320px
- }
- .role-prosecutor{
- background-position:-60px -320px
- }
- .role-snowman{
- background-position:-80px -320px
- }
- .role-justice{
- background-position:-100px -320px
- }
- .role-cutler{
- background-position:-120px -320px
- }
- .role-monkey{
- background-position:-140px -320px
- }
- .role-butterfly{
- background-position:-160px -320px
- }
- .role-bride{
- background-position:0 -340px
- }
- .role-trickster{
- background-position:-20px -340px
- }
- .role-diabolist{
- background-position:-40px -340px
- }
- .role-gambler{
- background-position:-60px -340px
- }
- .role-apprentice{
- background-position:-80px -340px
- }
- .role-mechanic{
- background-position:-100px -340px
- }
- .role-heartbreaker{
- background-position:-120px -340px
- }
- .role-filibuster{
- background-position:-140px -340px
- }
- .role-slasher{
- background-position:-160px -340px
- }
- .role-cyborg{
- background-position:0 -360px
- }
- .role-president{
- background-position:-20px -360px
- }
- .role-nomad{
- background-position:-40px -360px
- }
- .role-librarian{
- background-position:-60px -360px
- }
- .role-plumber{
- background-position:-80px -360px
- }
- .role-rival{
- background-position:-100px -360px
- }
- .role-medusa{
- background-position:-120px -360px
- }
- .gametypeimg{
- padding-left:25px;
- height:20px;
- line-height:20px
- }
- .mafia-game-lt{
- background:url(/images/mafia/mafia.png) no-repeat center left;
- height:20px
- }
- .tira-game-lt{
- background:url(/images/tira/tira.png) no-repeat center left;
- height:20px
- }
- .ghost-game-lt{
- background:url(/images/ghost/ghost.png) no-repeat center left;
- height:20px
- }
- .connect4-game-lt{
- background:url(/images/connect4/connect4.png) no-repeat center left;
- height:20px
- }
- .cheat-game-lt{
- background:url(/images/cheat/cheat.png) no-repeat center left;
- height:20px
- }
- .liarsdice-game-lt{
- background:url(/images/liarsdice/liarsdice.png) no-repeat center left;
- height:20px
- }
- .checkers-game-lt{
- background:url(/images/checkers/checkers.png) no-repeat center left;
- height:20px
- }
- .chess-game-lt{
- background:url(/images/chess/chess.png) no-repeat center left;
- height:20px
- }
- .jotto-game-lt{
- background:url(/images/jotto/jotto.png) no-repeat center left;
- height:20px
- }
- .crazyeights-game-lt{
- background:url(/images/crazyeights/crazyeights.png) no-repeat center left;
- height:20px
- }
- .ratscrew-game-lt{
- background:url(/images/ratscrew/ratscrew.png) no-repeat center left;
- height:20px
- }
- .reversi-game-lt{
- background:url(/images/reversi/reversi.png) no-repeat center left;
- height:20px
- }
- .concentration-game-lt{
- background:url(/images/concentration/concentration.png) no-repeat center left;
- height:20px
- }
- .hearts-game-lt{
- background:url(/images/hearts/hearts.png) no-repeat center left;
- height:20px
- }
- .texas-game-lt{
- background:url(/images/texas/texas.png) no-repeat center left;
- height:20px
- }
- .battleships-game-lt{
- background:url(/images/battleships/battleships.png) no-repeat center left;
- height:20px
- }
- .chinese-game-lt{
- background:url(/images/chinese/chinese.png) no-repeat center left;
- height:20px
- }
- .acrotopia-game-lt{
- background:url(/images/acrotopia/acrotopia.png) no-repeat center left;
- height:20px
- }
- .dicewars-game-lt{
- background:url(/images/dicewars/dicewars.png) no-repeat center left;
- height:20px
- }
- .drawit-game-lt{
- background:url(/images/drawit/drawit.png) no-repeat center left;
- height:20px
- }
- .battlegrounds-game-lt{
- background:url(/images/battlegrounds/battlegrounds.png) no-repeat center left;
- height:20px
- }
- .go-game-lt{
- background:url(/images/go/go.png) no-repeat center left;
- height:20px
- }
- .mancala-game-lt{
- background:url(/images/mancala/mancala.png) no-repeat center left;
- height:20px
- }
- .dotsboxes-game-lt{
- background:url(/images/dotsboxes/dotsboxes.png) no-repeat center left;
- height:20px
- }
- .boggle-game-lt{
- background:url(/images/boggle/boggle.png) no-repeat center left;
- height:20px
- }
- .crackcode-game-lt{
- background:url(/images/crackcode/crackcode.png) no-repeat center left;
- height:20px
- }
- .stackit-game-lt{
- background:url(/images/stackit/stackit.png) no-repeat center left;
- height:20px
- }
- .snakes-game-lt{
- background:url(/images/snakes/snakes.png) no-repeat center left;
- height:20px
- }
- .hex-game-lt{
- background:url(/images/hex/hex.png) no-repeat center left;
- height:20px
- }
- .orange{
- color:#f93
- }
- .orange.darken{
- color:#ff8000
- }
- .villagers-img{
- background:url(/images/villagers.png) no-repeat top right;
- display:block;
- height:20px;
- width:20px
- }
- .villager-1{
- background-position:0 -0
- }
- .villager-2{
- background-position:0 -20px
- }
- .villager-3{
- background-position:0 -40px
- }
- .villager-4{
- background-position:0 -60px
- }
- .villager-5{
- background-position:0 -80px
- }
- .villager-6{
- background-position:0 -100px
- }
- .villager-7{
- background-position:0 -120px
- }
- .villager-8{
- background-position:0 -140px
- }
- .villager-9{
- background-position:0 -160px
- }
- .villager-10{
- background-position:0 -180px
- }
- .villager-11{
- background-position:0 -200px
- }
- .villager-12{
- background-position:0 -220px
- }
- .villager-13{
- background-position:0 -240px
- }
- .villager-14{
- background-position:0 -260px
- }
- .villager-15{
- background-position:0 -280px
- }
- .villager-16{
- background-position:0 -300px
- }
- .villager-17{
- background-position:0 -320px
- }
- .villager-18{
- background-position:0 -340px
- }
- .villager-19{
- background-position:0 -360px
- }
- .villager-20{
- background-position:0 -380px
- }
- .villager-21{
- background-position:0 -400px
- }
- .villager-22{
- background-position:0 -420px
- }
- .villager-23{
- background-position:0 -440px
- }
- .villager-24{
- background-position:0 -460px
- }
- .villager-25{
- background-position:0 -480px
- }
- *{
- -webkit-tap-highlight-color:rgba(255,255,255,0)
- }
- a:focus,a:active,a:hover{
- -webkit-tap-highlight-color:rgba(255,255,255,0)
- }
- a{
- outline:0
- }
- a.sel i{
- color:#b11
- }
- a:hover span{
- color:#b11
- }
- em{
- font-weight:500;
- color:#b11
- }
- .patr{
- position:absolute;
- top:0;
- right:0
- }
- .patl{
- position:absolute;
- top:0;
- left:0
- }
- .pabr{
- position:absolute;
- bottom:0;
- right:0
- }
- .pabl{
- position:absolute;
- bottom:0;
- left:0
- }
- .pr{
- position:relative
- }
- .bold{
- font-weight:bold
- }
- .lt{
- float:left
- }
- .rt{
- float:right
- }
- .cl{
- clear:both
- }
- .clrt{
- clear:right
- }
- .red_link,.commentbox .bubble_i .msg a,#lobby_container #lobby_announcement a,#lobby_container #announcements .announcement .msg a{
- font-weight:normal;
- color:#b11
- }
- .t2l,.markdown a{
- font-weight:normal;
- color:#777
- }
- .t2l:hover,.markdown a:hover{
- border-bottom:1px dotted #b11
- }
- .hvcenter,#lobby_container #lobbypage .loading,#lobby_container #lobbychat #window #window_i #ask_reconnect,#lobby_container #lobbychat #window #window_i .loading,#lobby_container #gamepage .loading{
- position:absolute;
- top:50%;
- left:50%;
- -webkit-transform:translate(-50%,-50%);
- transform:translate(-50%,-50%)
- }
- .center,.cnt{
- text-align:center
- }
- .inline-block{
- display:inline-block
- }
- .border-box{
- box-sizing:border-box
- }
- .block{
- display:block
- }
- .inline{
- display:inline
- }
- .hide{
- display:none
- }
- .hide.grid26{
- display:none
- }
- .invis{
- visibility:hidden
- }
- .alt{
- text-align:left
- }
- .art{
- text-align:right
- }
- .art>*{
- margin-left:5px
- }
- .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{
- content:" ";
- display:block;
- height:0;
- clear:both;
- visibility:hidden
- }
- .c>*{
- margin-right:.5em;
- display:inline-block;
- vertical-align:middle
- }
- .ibvm>*{
- display:inline-block;
- vertical-align:middle
- }
- .vm *{
- vertical-align:middle
- }
- .vt *{
- vertical-align:top
- }
- .vv>*,#dominion_container #dominion_admin #dcards>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- .vv.reverse>*,#dominion_container #dominion_admin .reverse#dcards>*{
- margin-right:0;
- margin-left:.5em
- }
- .vv .hide,#dominion_container #dominion_admin #dcards .hide{
- display:none
- }
- .vv>a.user,#dominion_container #dominion_admin #dcards>a.user{
- display:inline-block
- }
- .vv .nm,#dominion_container #dominion_admin #dcards .nm{
- margin:0
- }
- .vv.nm-last>:last-child,#dominion_container #dominion_admin .nm-last#dcards>:last-child{
- margin:0
- }
- .vv.no_margin>*,#dominion_container #dominion_admin .no_margin#dcards>*{
- margin:0
- }
- .vvb>*{
- display:inline-block;
- vertical-align:bottom;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- .vvt>*{
- display:inline-block;
- vertical-align:top;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- .vvt.nomargin{
- margin:0
- }
- .bb{
- border-bottom:1px solid #ccc
- }
- .ptb{
- padding:.5em 0
- }
- .mtb{
- margin:.5em 0
- }
- .mr{
- margin-right:5px
- }
- .mt{
- margin-top:.5em
- }
- .mt5{
- margin-top:5px
- }
- .mb>*{
- margin-bottom:.8em
- }
- .mb>*:last-child{
- margin:0
- }
- .mb_5>*{
- margin-bottom:5px
- }
- .mb_5>*:last-child{
- margin-bottom:0
- }
- .m_b{
- margin-bottom:1em
- }
- .m_lt{
- margin-left:.4em;
- margin-right:.4em
- }
- .mr>*{
- margin-right:5px
- }
- .big{
- font-size:1.1em;
- font-weight:bold
- }
- .bigger{
- font-size:1.3em;
- font-weight:bold
- }
- .bgwhite{
- background-color:#fff;
- opacity:.9
- }
- .bgwhite *{
- color:#555
- }
- .norm{
- font-weight:normal
- }
- .pd{
- padding:.5em
- }
- .pd_5{
- padding:5px
- }
- .pd_tb{
- padding:.5em 0
- }
- .pd_lr{
- padding:0 .5em
- }
- .oh{
- overflow:hidden
- }
- .info{
- padding:.25em;
- text-align:center;
- font-size:.9em;
- color:#777;
- background-color:#eee
- }
- .middle{
- vertical-align:middle
- }
- .white{
- color:#fff
- }
- .grey{
- color:grey
- }
- .quotes,#lobby_container #lobby_announcement{
- position:relative
- }
- .quotes:before,#lobby_container #lobby_announcement:before,.quotes:after,#lobby_container #lobby_announcement:after{
- font-family:Times,Georgia;
- position:absolute;
- color:#aaa;
- font-size:2em
- }
- .quotes:before,#lobby_container #lobby_announcement:before{
- top:12px;
- left:3px;
- content:"“"
- }
- .quotes:after,#lobby_container #lobby_announcement:after{
- bottom:0;
- right:3px;
- content:"”"
- }
- .red_underline,#game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title a,#user_container #questions .question .question_info a{
- font-weight:normal;
- color:#b11
- }
- .red_underline:hover,#game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title a:hover,#user_container #questions .question .question_info a:hover{
- text-decoration:underline
- }
- .rainbow{
- 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));
- color:transparent;
- -webkit-background-clip:text
- }
- .red{
- color:#911
- }
- .color_gold{
- color:#bb1
- }
- .color_silver{
- color:#aaa
- }
- .color_bronze{
- color:#a67d3d
- }
- .yellow{
- color:#dd1
- }
- .orange{
- color:#f93
- }
- .black{
- color:#555
- }
- .olive{
- color:#789922
- }
- .green{
- color:#191
- }
- .blood{
- color:#b11
- }
- .blue{
- color:#11b
- }
- .flame{
- color:#ff8000
- }
- .normal,#lobby_container h2.separator{
- font-weight:normal
- }
- .full{
- width:100%
- }
- .fontshrink{
- font-size:90%
- }
- .point{
- cursor:pointer
- }
- .pixel{
- font-size:1%
- }
- .prt{
- padding-right:5px
- }
- .cnt{
- text-align:center
- }
- .margintb{
- margin:.5em 0
- }
- .marginlr{
- margin:0 5px
- }
- .strike{
- text-decoration:line-through
- }
- .smallfont,#lobby_container h2.separator{
- font-size:.9em
- }
- .sg{
- color:#666;
- font-size:.9em
- }
- .sg.smaller{
- font-size:.8em
- }
- .smallerfont{
- font-size:.8em
- }
- .s{
- font-size:.9em;
- color:grey
- }
- .indent{
- margin-left:1em
- }
- .rela{
- position:relative
- }
- .filler{
- width:0;
- font-size:1px;
- visibility:hidden
- }
- .tinyi{
- font-style:italic;
- font-size:.8em
- }
- .lcontrols{
- border-radius:2px;
- padding:2px 6px
- }
- .lcontrols.sel a i{
- color:#b11
- }
- .lcontrols:hover a{
- color:#b11
- }
- .lcontrols a{
- font-weight:normal
- }
- .controls a{
- font-weight:normal;
- font-size:.9em;
- padding:.5em;
- display:block
- }
- .controls a:hover{
- font-color:#b11;
- background-color:#eee
- }
- .controls.ib a{
- display:inline-block;
- margin-right:5px
- }
- .controls.ib .hide{
- display:none
- }
- .flex{
- display:-webkit-box;
- display:-ms-flexbox;
- display:flex
- }
- .flex.align-items-center{
- -webkit-box-align:center;
- -ms-flex-align:center;
- align-items:center
- }
- .flex .align-right{
- margin-left:auto
- }
- .flex .align-center{
- margin:auto
- }
- .handle{
- cursor:move
- }
- .img_photo{
- display:inline-block;
- padding:5px;
- border-radius:2px;
- border:1px solid #ccc;
- box-shadow:1px 1px 3px #ccc
- }
- .img_photo.hide{
- display:none
- }
- .ib>*{
- display:-moz-inline-block;
- display:inline-block;
- zoom:1;
- *display:inline;
- vertical-align:middle;
- margin:0
- }
- .hz-list{
- position:relative;
- padding:10px 3px
- }
- .hz-list .next{
- position:absolute;
- top:0;
- right:2px
- }
- .hz-list .prev{
- position:absolute;
- top:0;
- left:2px
- }
- .hz-list .hz-el{
- padding:0 1em 0 1em
- }
- .confirmtext{
- display:none!important
- }
- .pretty_num{
- padding:2px 4px;
- line-height:1em;
- font-size:.9em;
- font-weight:bold
- }
- .pretty_input_text{
- padding:4px;
- border:1px solid #ccc;
- font-size:1.1em
- }
- .form input:-webkit-autofill{
- background-color:#fff
- }
- .form input[type=text]{
- font-size:.9em
- }
- .form input[type=submit].red{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- border-radius:2px;
- font-weight:normal;
- background-color:#c22;
- font-size:1.1em;
- border-color:transparent!important;
- color:#fff;
- cursor:pointer;
- padding:.4em .5em;
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0)
- }
- .form input[type=submit].red:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
- background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
- border-color:#ccc
- }
- .form input[type=submit].red:hover i{
- color:#fff
- }
- .form input[type=submit].red.disabled{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- .form input[type=submit].red.disabled:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- .form input[type=submit].red.inverse{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- .form input[type=submit].red.inverse:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- color:#fff
- }
- .form input[type=submit].red.inverse:hover i{
- color:#fff
- }
- .form .search>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:0;
- zoom:1;
- *display:inline
- }
- .form .search .search-icon{
- height:26px;
- width:26px;
- text-align:center;
- line-height:26px;
- color:#b11;
- border-top-left-radius:3px;
- border-top-right-radius:0;
- border-bottom-left-radius:3px;
- border-bottom-right-radius:0;
- background-color:#ddd
- }
- .form .search input[type=text]{
- height:20px;
- padding:2px;
- padding-left:10px;
- border:1px solid #ccc;
- margin:0;
- width:150px;
- border-top-left-radius:0;
- border-top-right-radius:3px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:3px
- }
- .form .search input[type=text]:focus{
- border-color:#b11
- }
- .nextprev{
- position:absolute;
- top:0;
- right:0
- }
- .nextprev a:first-child{
- margin-right:5px
- }
- .nextprev .nextbox,.nextprev .prevbox{
- cursor:pointer;
- display:inline-block;
- width:22px;
- height:22px;
- border-radius:2px;
- background-image:-webkit-linear-gradient(#eee,#aaa);
- background-image:linear-gradient(#eee,#aaa)
- }
- .nextprev .nextbox:hover,.nextprev .prevbox:hover{
- background-image:-webkit-linear-gradient(#aaa,#eee);
- background-image:linear-gradient(#aaa,#eee)
- }
- .nextprev .nextbox div,.nextprev .prevbox div{
- display:block;
- margin:0 auto;
- margin-top:7px;
- width:0;
- height:0
- }
- .nextprev .nextbox.disabled,.nextprev .prevbox.disabled{
- background-color:#eee
- }
- .nextprev .nextbox.disabled:hover,.nextprev .prevbox.disabled:hover{
- background-color:#eee
- }
- .nextprev .nextbox.disabled:hover div,.nextprev .prevbox.disabled:hover div{
- display:hidden
- }
- .nextprev .prevbox div{
- border:1px solid #888;
- border-width:5px 5px 5px 0;
- border-color:transparent #888 transparent transparent
- }
- .nextprev .prevbox:hover div{
- border-color:transparent #b11 transparent transparent
- }
- .nextprev .nextbox div{
- border:1px solid #888;
- border-width:5px 0 5px 5px;
- border-color:transparent transparent transparent #888
- }
- .nextprev .nextbox:hover div{
- border-color:transparent transparent transparent #b11
- }
- body{
- font-family:Arial,Helvetica,"Trebuchet MS",Verdana,Tahoma;
- color:#222;
- margin:0;
- padding:0;
- background:url(/images/scatter.png);
- position:relative
- }
- body #container{
- padding:0;
- margin:0
- }
- @font-face{
- font-family:LiberationSans;
- src:url("/font/LiberationSans-Regular.ttf")
- }
- .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{
- font-family:LiberationSans,Arial
- }
- .readable,#game_container .window{
- font-family:"Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
- font-size:16px
- }
- .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{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif
- }
- .placeholder{
- color:#888;
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- font-size:.9em;
- font-weight:normal
- }
- input:-moz-placeholder{
- color:#888;
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- font-size:.9em;
- font-weight:normal
- }
- input::-webkit-input-placeholder{
- color:#888;
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- font-weight:normal
- }
- textarea::-webkit-input-placeholder{
- color:#888;
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- font-weight:normal
- }
- .onoffswitch{
- position:relative;
- width:60px;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none
- }
- .onoffswitch-checkbox{
- display:none
- }
- .onoffswitch-label{
- display:block;
- overflow:hidden;
- cursor:pointer;
- border:2px solid #999;
- border-radius:23px
- }
- .onoffswitch-inner{
- width:200%;
- margin-left:-100%;
- -webkit-transition:margin .3s ease-in 0s;
- transition:margin .3s ease-in 0s
- }
- .onoffswitch-inner:before,.onoffswitch-inner:after{
- float:left;
- width:50%;
- height:20px;
- padding:0;
- line-height:20px;
- font-size:15px;
- color:#fff;
- font-family:Trebuchet,Arial,sans-serif;
- font-weight:bold;
- box-sizing:border-box
- }
- .onoffswitch-inner:before{
- content:"on";
- font-weight:normal;
- padding-left:12px;
- background-color:#b11;
- color:#fff
- }
- .onoffswitch-inner:after{
- content:"off";
- padding-right:12px;
- font-weight:normal;
- background-color:#eee;
- color:#999;
- text-align:right
- }
- .onoffswitch-switch{
- width:8px;
- margin:6px;
- background:#fff;
- border:2px solid #999;
- border-radius:23px;
- position:absolute;
- top:0;
- bottom:0;
- right:36px;
- -webkit-transition:all .3s ease-in 0s;
- transition:all .3s ease-in 0s
- }
- .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{
- margin-left:0
- }
- .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{
- right:0
- }
- textarea{
- padding:5px;
- font-size:15px
- }
- .game-result{
- min-width:1em
- }
- ul.inline-list{
- margin:10px 0
- }
- ul.inline-list li{
- display:inline;
- margin-right:5px
- }
- .tab-container .tab-header .tab{
- display:inline-block;
- font-weight:normal;
- font-size:.9em;
- margin:0 5px;
- border:1px solid #aaa;
- padding:5px;
- margin-bottom:-1px;
- z-index:3
- }
- .tab-container .tab-header .tab.sel{
- border-weight:1px 0 1px 1px;
- border-bottom:1px solid #fff
- }
- .tab-container .tab-body{
- padding:10px 5px;
- border-top:1px solid #aaa
- }
- .nav-list li.sel a{
- background-color:#b11;
- color:#fff
- }
- .nav-list li.sel a span.quote{
- color:#b11
- }
- .nav-list li a{
- display:block;
- font-weight:normal;
- color:#888;
- padding:5px 5px 5px 10px;
- margin-bottom:5px;
- background-color:#eee
- }
- .nav-list li a span.quote{
- float:right;
- font-size:10px;
- font-weight:normal;
- padding:3px;
- border-radius:2px;
- background-color:#fff
- }
- button{
- padding:0;
- background-color:#fff
- }
- .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{
- width:15px;
- height:15px;
- line-height:15px;
- border:1px solid #ccc;
- cursor:pointer;
- text-align:center;
- border-radius:2px
- }
- .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{
- cursor:default
- }
- .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){
- background-color:#ddd
- }
- .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{
- content:"✓";
- font-size:15px;
- line-height:15px;
- color:#b11
- }
- input[type=checkbox].em_cb{
- position:absolute;
- top:9999px;
- left:9999px
- }
- input[type=checkbox].em_cb~label{
- width:15px;
- height:15px;
- line-height:15px;
- border:1px solid #ccc;
- cursor:pointer;
- text-align:center;
- border-radius:2px
- }
- input[type=checkbox].em_cb:checked~label:after{
- content:"✓";
- font-size:15px;
- line-height:15px;
- color:#911
- }
- a{
- text-decoration:none;
- cursor:pointer;
- font-weight:bold;
- color:#777
- }
- a *{
- text-decoration:none;
- cursor:pointer;
- font-weight:bold;
- color:#777
- }
- a img{
- border:1px solid #ccc
- }
- a:hover{
- color:#b11
- }
- a:hover i{
- color:#b11
- }
- a:hover img{
- border-color:#b11
- }
- a:active{
- color:#b11
- }
- a.normal{
- font-weight:normal
- }
- a.pretty{
- font-weight:normal;
- color:#b11
- }
- a.pretty:hover{
- text-decoration:underline
- }
- 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{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- border-radius:2px;
- font-weight:normal;
- background-color:#c22;
- font-size:1.1em;
- border-color:transparent!important;
- color:#fff;
- cursor:pointer;
- padding:.4em .5em;
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0)
- }
- 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{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
- background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
- border-color:#ccc
- }
- 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{
- color:#fff
- }
- 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{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- 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{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- 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{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- 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{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- color:#fff
- }
- 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{
- color:#fff
- }
- 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{
- display:inline-block
- }
- 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{
- border-radius:0;
- letter-spacing:1px
- }
- 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{
- font-size:.9em
- }
- 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{
- opacity:.8
- }
- 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{
- background:-webkit-linear-gradient(#d33,#b11);
- background:linear-gradient(#d33,#b11)
- }
- 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{
- background:-webkit-linear-gradient(#999,#888);
- background:linear-gradient(#999,#888)
- }
- 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{
- background:-webkit-linear-gradient(#d33,#b11);
- background:linear-gradient(#d33,#b11)
- }
- 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{
- background:#bbb
- }
- 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{
- cursor:default
- }
- 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{
- background:#f93
- }
- 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{
- font-size:.8em
- }
- a.whitebutton,input[type=submit].whitebutton{
- font-family:sans-serif,arial;
- border:1px solid #ccc;
- padding:.4em;
- color:#888;
- font-weight:normal;
- box-shadow:1px 1px 3px #ccc;
- background-color:#fff
- }
- a.whitebutton:hover,input[type=submit].whitebutton:hover{
- color:#b11;
- border-color:#b11;
- box-shadow:1px 1px 2px #ddd
- }
- h1{
- font:normal 1.7em tahoma
- }
- h2{
- font:bold 1.2em arial;
- margin:.1em 0
- }
- h3{
- background:-webkit-linear-gradient(#d33,#b11);
- background:linear-gradient(#d33,#b11);
- color:#fff;
- font-size:.9em;
- padding:.45em .5em .5em .5em
- }
- h3.no_m{
- margin:0
- }
- h3.large{
- font-size:1.2em
- }
- h3.smaller{
- font-size:.8em
- }
- h5{
- font-size:.9em;
- border-bottom:1px solid #ddd;
- padding:4px 0;
- margin-bottom:8px;
- color:#777
- }
- h6{
- font-size:.9em;
- border-bottom:1px solid #999;
- padding-bottom:5px
- }
- table.pd_r td{
- padding-right:.3em;
- padding-bottom:.3em
- }
- table.pd td{
- padding-left:.2em;
- padding-bottom:.2em
- }
- strong{
- font-weight:bold
- }
- i{
- font-style:italic
- }
- .birthday_cake{
- text-align:center;
- width:300px;
- padding:10px 0
- }
- .birthday_cake .birthday_cake_inner{
- display:inline-block;
- background:url(/images/birthdaycake.png?0) no-repeat center left;
- padding-left:25px;
- height:24px;
- line-height:24px
- }
- #header_inner,#navbox_inner,#content_inner,#footer_inner{
- padding:0 -20px;
- margin-left:auto;
- margin-right:auto;
- width:1030px
- }
- #footer{
- width:1060px;
- margin:0 auto
- }
- #footer #footer_inner{
- clear:both;
- padding:8px 0 20px;
- overflow:hidden;
- zoom:1;
- color:#999
- }
- #footer #footer_inner a{
- font-size:.9em;
- font-weight:normal
- }
- #footer #footer_inner a:hover{
- color:#911
- }
- #footer #footer_inner>*{
- float:right;
- height:24px;
- line-height:24px;
- margin-left:10px;
- margin-right:5px
- }
- #footer #footer_inner>*.shop-lt{
- padding-left:25px
- }
- #footer #footer_inner>*.wiki-lt{
- padding-left:25px
- }
- #footer #footer_inner>*.fb-lt{
- padding-left:25px
- }
- #footer #footer_inner>*#copyright{
- margin-left:15px;
- font-size:.9em;
- color:#aaa
- }
- #header{
- padding-top:1px
- }
- #header #header_inner{
- position:relative;
- height:48px;
- padding:0
- }
- #header #header_inner #top_messages{
- position:absolute;
- top:11px;
- right:0
- }
- #header #header_inner #top_messages.red i{
- color:#b11
- }
- #header #header_inner #top_messages.red sup{
- background-color:#b11
- }
- #header #header_inner #top_messages.red a{
- border-color:#b11
- }
- #header #header_inner #top_messages a{
- display:block;
- background-color:#fff;
- box-shadow:0 0 3px #ccc;
- border:1px solid #888;
- width:20px;
- height:20px;
- position:relative;
- border:1px solid #ccc
- }
- #header #header_inner #top_messages a i{
- display:inline-block;
- font-size:.9em;
- color:#aaa;
- text-align:center;
- line-height:20px;
- padding-left:3px
- }
- #header #header_inner #top_messages a sup{
- position:absolute;
- top:-7px;
- right:-7px;
- font-weight:bold;
- font-size:.8em;
- display:block;
- width:16px;
- height:16px;
- background-color:#aaa;
- color:#fff;
- border-radius:8px;
- line-height:17px;
- font-size:9px;
- text-align:center
- }
- #header #header_inner #top_messages a sup.hide{
- display:none
- }
- #header #header_inner #top_messages a:hover{
- background-color:#fff;
- border:1px solid #b11
- }
- #header #header_inner #top_messages a:hover i{
- color:#b11
- }
- #header #header_inner #top_messages a:hover sup{
- background-color:#b11;
- color:#fff
- }
- #header #header_inner #auth{
- position:absolute;
- top:5px;
- right:25px;
- border:1px solid transparent;
- cursor:pointer;
- z-index:5
- }
- #header #header_inner #auth.alt_switch:hover{
- box-shadow:0 0 5px #bbb
- }
- #header #header_inner #auth.alt_switch:hover #auth_inner{
- display:none
- }
- #header #header_inner #auth.alt_switch:hover #alt_switch_inner{
- display:block
- }
- #header #header_inner #auth:hover{
- box-shadow:0 0 5px #bbb
- }
- #header #header_inner #auth:hover #auth_inner{
- display:block
- }
- #header #header_inner #auth #auth_top{
- text-align:center;
- min-width:6em;
- padding:5px
- }
- #header #header_inner #auth #auth_top>*{
- display:inline-block;
- vertical-align:middle;
- margin-left:5px
- }
- #header #header_inner #auth #auth_top>*:first-child{
- margin:0
- }
- #header #header_inner #auth #alt_switch{
- width:15px;
- height:15px;
- position:relative;
- border-radius:2px;
- background-color:#fff;
- border:1px solid #ccc;
- cursor:pointer
- }
- #header #header_inner #auth #alt_switch:hover{
- border-color:#aaa;
- background-color:#fff
- }
- #header #header_inner #auth #alt_switch:hover .tri{
- border-top-color:#888
- }
- #header #header_inner #auth #alt_switch .tri{
- margin:0 auto;
- margin-top:6px;
- width:0;
- height:0;
- border:4px solid #999;
- border-width:4px 4px 0 4px;
- border-color:#999 transparent transparent transparent
- }
- #header #header_inner #auth #alt_switch_inner{
- text-align:left;
- z-index:100;
- background-color:#fff;
- padding:5px;
- display:none;
- font-size:.8em;
- border:1px solid #ccc
- }
- #header #header_inner #auth #alt_switch_inner>a{
- cursor:pointer;
- margin:3px 0
- }
- #header #header_inner #auth #alt_switch_inner>a:hover img{
- border:1px solid #b11
- }
- #header #header_inner #auth #alt_switch_inner>a:hover span{
- color:#b11
- }
- #header #header_inner #auth .user span{
- font-weight:normal;
- color:#777
- }
- #header #header_inner #auth:hover{
- border:1px solid #ccc;
- box-shadow:0 0 3px #bbb;
- background-color:#fff
- }
- #header #header_inner #auth img{
- border:1px solid #aaa;
- width:20px;
- height:20px
- }
- #header #header_inner #auth span{
- color:#777
- }
- #header #header_inner #auth #auth_inner{
- z-index:100;
- display:none;
- background-color:#fff;
- border-top:1px solid #ccc
- }
- #header #header_inner #auth #auth_inner>a{
- display:block;
- cursor:pointer;
- font-size:.9em;
- font-weight:normal;
- padding:8px
- }
- #header #header_inner #auth #auth_inner>a:hover{
- color:#b11;
- background-color:#fff
- }
- #header #header_inner #logo{
- display:block;
- width:200px;
- height:40px;
- margin:10px 10px 2px -5px;
- background:url(/images/logo_new.png) no-repeat
- }
- #header #header_inner #nav{
- position:absolute;
- top:3px;
- left:110px
- }
- #header #header_inner #nav li{
- font-size:18px;
- color:#a11;
- border-radius:2px;
- margin-right:5px
- }
- #header #header_inner #nav li a{
- font-size:.9em;
- letter-spacing:1px
- }
- #header #header_inner #nav li:not(.sel):hover{
- cursor:pointer
- }
- #header #header_inner #nav li:not(.sel):hover a{
- color:#b11
- }
- #header #header_inner #nav li.sel{
- background:-webkit-linear-gradient(#d22,#b11);
- background:linear-gradient(#d22,#b11);
- border-color:#d21313
- }
- #header #header_inner #nav li.sel a{
- font-size:1em;
- color:#fff
- }
- #header #header_inner #nav a{
- cursor:pointer;
- font-weight:1100;
- padding:10px 12px;
- color:#c11;
- text-shadow:1px 1px 2px #ccc
- }
- #content{
- margin:0 auto;
- background-color:#fff;
- width:1060px;
- padding-bottom:10px;
- box-shadow:#ccc 0 0 2px 1px
- }
- #content #flash{
- width:100%;
- overflow:hidden;
- zoom:1
- }
- #content #content_inner{
- padding-top:18px;
- min-height:620px;
- overflow:hidden
- }
- #bottomad{
- padding:.5em 1em;
- clear:both
- }
- #navbox{
- margin:0 auto;
- width:1060px
- }
- #navbox #navbox_inner #subnav{
- min-height:1.3em;
- width:1070px;
- padding:.3em 25px 0;
- overflow:hidden
- }
- #navbox #navbox_inner #subnav li{
- border:1px solid #ccc;
- border-width:1px 1px 0 1px;
- background-color:#eee;
- margin-right:.4em;
- font-size:.9em;
- border-bottom:1px solid #ccc;
- z-index:-1
- }
- #navbox #navbox_inner #subnav li.sel{
- border-bottom:0;
- padding-bottom:1px;
- position:relative;
- background-color:#fff;
- border-top-left-radius:2px;
- border-top-right-radius:2px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:0;
- font-weight:normal;
- z-index:2
- }
- #navbox #navbox_inner #subnav li.sel a{
- color:#555
- }
- #navbox #navbox_inner #subnav a{
- padding:.4em 14px .4em
- }
- #nav li,#subnav li{
- float:left;
- text-align:center
- }
- #nav a,#subnav a{
- color:#888;
- display:block;
- font-weight:normal
- }
- #heading{
- display:block;
- clear:both;
- padding:5px 0
- }
- #userstatus{
- border:1px solid #ccc;
- padding:.5em;
- height:1em
- }
- .i-lock{
- display:block;
- background:url(/images/lock.png) no-repeat top center;
- width:20px;
- height:20px
- }
- .award{
- background:url(/images/award.png?2) no-repeat top left;
- width:20px;
- height:20px
- }
- .award_with_sub{
- position:relative
- }
- .award_with_sub sub{
- position:absolute;
- top:0;
- left:-1px;
- font-weight:bold;
- font-size:.8em
- }
- .need_tokens{
- background:url(/images/token.png) no-repeat center left;
- padding-left:20px;
- height:20px;
- line-height:20px;
- font-size:.9em;
- color:#666;
- padding:4px 4px 4px 20px
- }
- .user_rank{
- font-size:.9em;
- color:#b44;
- font-weight:normal;
- padding:6px 6px 6px 22px;
- border:1px solid #bb4;
- border-radius:2px;
- background:url(/images/crown.png) no-repeat center left #eee;
- text-shadow:1px 1px 1px #bbb
- }
- .award-gold_trophy{
- background-position:0 0
- }
- .award-silver_trophy{
- background-position:0 -20px
- }
- .award-bronze_trophy{
- background-position:0 -40px
- }
- .award-gold_medal{
- background-position:-20px 0
- }
- .award-silver_medal{
- background-position:-20px -20px
- }
- .award-bronze_medal{
- background-position:-20px -40px
- }
- .award-gold_rock{
- background-position:-40px 0
- }
- .award-silver_rock{
- background-position:-40px -20px
- }
- .award-bronze_rock{
- background-position:-40px -40px
- }
- .favorite{
- height:20px;
- font-size:20px;
- padding:0 5px
- }
- .fav_on{
- color:#cc1
- }
- .gradient{
- background:-webkit-linear-gradient(#fff,#ddd);
- background:linear-gradient(#fff,#ddd)
- }
- .listbullet li{
- padding-left:1.2em;
- background:url(/images/bullet.png) no-repeat .35em .4em;
- list-style-type:none;
- margin-bottom:.2em
- }
- .updown{
- display:block;
- background:url(/images/updown.png) no-repeat top left;
- width:13px;
- height:11px
- }
- .inc,.dec{
- font-size:22px;
- display:block;
- height:18px;
- line-height:18px;
- color:#999
- }
- .close{
- background-position:0 -22px;
- height:13px
- }
- .close_modal,#game_container .screen .track_user .close_track_user{
- text-align:center;
- width:20px;
- height:20px;
- border-radius:10px;
- color:#fff;
- position:absolute;
- font-weight:normal;
- border:1px solid #999;
- top:-5px;
- right:-5px;
- background:#fff;
- cursor:pointer
- }
- .close_modal:before,#game_container .screen .track_user .close_track_user:before{
- color:#999;
- font-family:FontAwesome;
- content:"";
- font-size:15px;
- line-height:20px
- }
- .close_modal:hover,#game_container .screen .track_user .close_track_user:hover{
- color:#b11
- }
- .addbullet{
- background-position:0 -95px;
- width:15px;
- height:15px
- }
- .addbullet:hover{
- background-position:-15px -95px
- }
- .dropdown{
- background-position:0 -35px;
- height:15px;
- width:15px
- }
- .close:hover{
- background-position:-13px -22px
- }
- .dropdown:hover{
- background-position:-15px -35px
- }
- .point-right{
- background-position:0 -50px;
- height:15px;
- width:15px
- }
- .point-down{
- background-position:-15px -50px;
- height:15px;
- width:15px
- }
- .gameimg{
- display:block;
- background:url(/images/gameimg.png) no-repeat center left;
- height:25px;
- line-height:28px;
- padding-left:27px
- }
- .gameimg.shrink{
- background-size:20px,20px;
- height:20px;
- line-height:20px;
- padding-left:23px
- }
- .game-sun{
- background-position:0 0
- }
- .game-moon{
- background-position:0 -25px
- }
- .game-moon.shrink{
- background-position:0 -20px
- }
- .game-village{
- background-position:0 -50px
- }
- .game-village.shrink{
- background-position:0 -40px
- }
- .game-graveyard{
- background-position:0 -75px
- }
- .game-graveyard.shrink{
- background-position:0 -60px
- }
- .views{
- font-size:.9em;
- letter-spacing:.09em;
- color:#888;
- text-align:right;
- margin-top:1em
- }
- .views .num{
- color:#b11;
- font-size:1.1em;
- margin:0 .2em
- }
- .sticker{
- display:inline-block;
- margin:0 5px 5px;
- width:30px;
- background-color:#ff9;
- position:relative;
- overflow:visible
- }
- .sticker .sticker_number{
- color:#fff;
- background-color:#b11;
- width:12px;
- height:12px;
- border-radius:5px;
- position:absolute;
- bottom:-1px;
- right:-1px;
- font-size:.7em;
- line-height:10px;
- text-align:center
- }
- .sticker .sticker_corner{
- position:absolute;
- top:0;
- right:0;
- width:0;
- height:0;
- border:4px solid grey;
- border-color:#fff #fff #ddd #ddd
- }
- .sticker .roleimg{
- width:20px;
- height:20px;
- margin:5px auto
- }
- .ghostimg_large{
- display:block;
- background:url(/images/ghost/ghostimg.png) no-repeat top right;
- height:30px;
- width:30px
- }
- .ghost-normal-large{
- background-position:0 0
- }
- .ghost-ghost-large{
- background-position:0 -30px
- }
- .ghost-fool-large{
- background-position:0 -60px
- }
- .ghostimg{
- display:block;
- background:url(/images/ghost/ghostimg_small.png) no-repeat top right;
- height:20px;
- width:20px
- }
- .ghost-normal{
- background-position:0 0
- }
- .ghost-ghost{
- background-position:0 -20px
- }
- .ghost-fool{
- background-position:0 -40px
- }
- .eye-lt{
- background:url(/images/eye.png) no-repeat center left;
- padding-left:20px;
- height:15px;
- line-height:15px
- }
- .mailgrey-lt{
- background:url(/images/mailgrey.png?1) no-repeat center left;
- padding-left:27px
- }
- .mail-lt{
- background:url(/images/mail.png?3) no-repeat center left;
- padding-left:25px
- }
- .goto-lt{
- background:url(/images/goto.png) no-repeat center left;
- padding-left:20px
- }
- .goto-rt{
- background:url(/images/goto.png) no-repeat center right;
- padding-right:20px
- }
- .tok-lt{
- background:url(/images/tok.png) no-repeat center left;
- padding-left:20px
- }
- .shop-lt{
- background:url(/images/shop.png) no-repeat center left;
- padding-left:20px
- }
- .wiki-lt{
- background:url(/images/wiki.png) no-repeat center left;
- padding-left:22px
- }
- .wiki-lt.hoverable{
- border:1px solid transparent
- }
- .wiki-lt.hoverable:hover{
- border:1px solid #b11
- }
- .fb-lt,.facebook-lt{
- background:url(/images/facebook.png) no-repeat center left;
- height:22px;
- padding-left:22px
- }
- .reddit-lt{
- background:url(/images/reddit.png) no-repeat center left;
- padding-left:30px;
- height:22px
- }
- .twitter-lt{
- background:url(/images/twitter.png) no-repeat center left;
- padding-left:22px
- }
- .tumblr-lt{
- background:url(/images/tumblr.png) no-repeat center left;
- padding-left:22px
- }
- .skype-lt{
- background:url(/images/skype.png) no-repeat center left;
- padding-left:22px
- }
- .sticky{
- background:url(../images/pin.png) top left no-repeat;
- width:25px;
- height:25px
- }
- .lives-lt{
- background:url(/images/lives.png?2) no-repeat center left;
- padding-left:22px
- }
- .goldlives-lt{
- background:url(/images/goldlives.png) no-repeat center left;
- padding-left:22px
- }
- .strategy-lt{
- background:url(/images/strategy.png) no-repeat center left;
- padding-left:20px
- }
- .scorelife-lt{
- background:url(/images/scorelife.png?2) no-repeat center left;
- padding-left:22px
- }
- .flame-lt{
- background:url(/images/flame.png) no-repeat center left;
- padding-left:20px
- }
- .score-lt{
- background:url(/images/score.png?12) no-repeat center left;
- padding-left:22px;
- height:20px;
- line-height:20px
- }
- .score-small-lt{
- background:url(/images/score-small.png) no-repeat center left;
- padding-left:12px;
- height:10px;
- line-height:10px
- }
- .kudo-small-lt{
- background:url(/images/kudo-small.png) no-repeat center left;
- padding-left:12px;
- height:10px;
- line-height:10px
- }
- .karma-small-lt{
- background:url(/images/karma-small.png) no-repeat center left;
- padding-left:12px;
- height:10px;
- line-height:10px
- }
- .elo-small-lt{
- background:url(/images/elo-small.png) no-repeat center left;
- padding-left:12px;
- height:10px;
- line-height:10px
- }
- .lock-lt{
- background:url(/images/lock.png) no-repeat center left;
- padding-left:20px
- }
- .cam-lt{
- background:url(/images/cam.png) no-repeat center left;
- padding-left:20px
- }
- .token-lt{
- background:url(/images/token.png) no-repeat center left;
- padding-left:20px
- }
- .kudo-lt{
- background:url(/images/kudo.png?0) no-repeat center left;
- padding-left:22px;
- height:20px;
- line-height:20px
- }
- .elo-lt{
- background:url(/images/elo.png) no-repeat center left;
- padding-left:22px;
- height:20px;
- line-height:20px
- }
- .karma-lt{
- background:url(/images/karma.png?0) no-repeat center left;
- padding-left:22px;
- height:20px;
- line-height:20px
- }
- .clock-lt{
- background:url(/images/clock.png?2) no-repeat center left;
- padding-left:16px;
- height:20px;
- line-height:20px
- }
- .person-lt{
- background:url(/images/person.png?00) no-repeat center left;
- padding-left:18px;
- height:20px;
- line-height:20px
- }
- .stat-lt{
- background:url(/images/stats.png) no-repeat center left;
- height:15px;
- line-height:15px;
- padding-left:20px;
- cursor:pointer
- }
- .stat-rt{
- background:url(/images/stats.png) no-repeat center right;
- height:15px;
- line-height:15px;
- padding-right:18px;
- cursor:pointer
- }
- .edit-rt{
- background:url(/images/edit.png?1) no-repeat center right;
- padding-right:18px
- }
- .trash-rt{
- background:url(/images/trash.png?1) no-repeat center right;
- padding-right:17px
- }
- .female-lt{
- background:url(/images/female.png) no-repeat center left;
- padding-left:20px;
- height:20px
- }
- .male-lt{
- background:url(/images/male.png) no-repeat center left;
- padding-left:20px;
- height:20px
- }
- .transgender-lt{
- background:url(/images/transgender.png) no-repeat center left;
- padding-left:20px;
- height:20px
- }
- .poke-lt{
- background:url(/images/poke.png) no-repeat center left;
- padding-left:25px;
- height:25px
- }
- .play-lt{
- background:url(/images/play.png) no-repeat center left;
- padding-left:48px;
- height:48px
- }
- .pause-lt{
- background:url(/images/pause.png) no-repeat center left;
- padding-left:48px;
- height:48px
- }
- input.search-lt{
- background:url(/images/search.png?22) no-repeat center left;
- padding:.2em;
- padding-left:25px;
- background-color:#eee
- }
- input.search-lt:focus{
- background-color:#fff
- }
- #facebook_likebox{
- height:206px
- }
- #share{
- padding-left:10px;
- width:70px;
- height:26px;
- overflow-y:hidden
- }
- #share>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #share.home{
- position:absolute;
- top:20px;
- right:-10px
- }
- #share #share_plus{
- width:70px
- }
- #share #share_like{
- margin-bottom:3px
- }
- #share script,#share #fb_root{
- display:none
- }
- #pop,#pop_,#anonymous_deck_picker{
- position:fixed;
- top:0;
- left:0;
- width:100%;
- height:100%;
- z-index:10000;
- background:transparent
- }
- #pop{
- background-color:#222;
- opacity:.6
- }
- #anonymous_deck_picker .inner{
- width:35%;
- height:auto;
- margin:6em auto;
- background-color:#fff
- }
- #anonymous_deck_picker .title{
- font-size:1.1em;
- font-family:Arial;
- padding:.2em 0;
- color:#666;
- font-weight:400
- }
- #anonymous_deck_picker .anonymous_controls>*{
- display:inline-block;
- vertical-align:middle;
- margin-left:.5em;
- zoom:1;
- *display:inline
- }
- table#anonymoustable{
- width:100%
- }
- table#anonymoustable .user{
- font-size:.9em
- }
- table#anonymoustable td{
- padding:.25em .25em .25em 0;
- margin:0
- }
- table#anonymoustable .sortbynav{
- padding:5px;
- background-color:#eee;
- overflow:hidden;
- zoom:1;
- font-size:.9em
- }
- table#anonymoustable .sortbynav>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- table#anonymoustable .sortbynav a.sel{
- color:#b11
- }
- #pop_warn{
- padding:1em
- }
- .pop_data{
- border:1px solid #888;
- width:50%;
- height:auto;
- margin:10em auto;
- text-align:center;
- background:#fff;
- z-index:1001
- }
- .pop_data #pop_data_i{
- padding:1em;
- position:relative
- }
- .play_menu{
- text-align:center;
- font-size:.8em;
- display:inline-block;
- color:#777;
- background-color:#eee;
- border:1px solid #999;
- padding:1px 2px;
- height:20px;
- line-height:20px;
- letter-spacing:1px;
- cursor:pointer;
- width:50px;
- border-radius:2px;
- position:relative
- }
- .play_menu:hover{
- background-color:#c22;
- color:#fff;
- border:1px solid #c22
- }
- .play_menu:hover .play_menu_i{
- display:block;
- -webkit-transition-property:display;
- transition-property:display;
- -webkit-transition-duration:500ms;
- transition-duration:500ms;
- width:100px;
- position:absolute;
- z-index:100
- }
- .play_menu:hover .play_menu_i.up{
- top:22px;
- left:0
- }
- .play_menu:hover .play_menu_i.down{
- bottom:22px;
- left:0
- }
- .play_menu:hover .play_menu_i.left{
- left:52px;
- top:0
- }
- .play_menu:hover .play_menu_i.left .play_menu_ii{
- margin-top:-1px;
- margin-left:2px
- }
- .play_menu:hover .play_menu_i .play_menu_ii{
- border-radius:2px;
- border:1px solid #bbb;
- background-color:#fff;
- padding:3px
- }
- .play_menu:hover .play_menu_i .play_menu_ii>a{
- padding:2px 5px;
- text-align:left;
- display:block
- }
- .play_menu:hover .play_menu_i .play_menu_ii>a span{
- font-weight:normal;
- padding:3px 4px
- }
- .play_menu:hover .play_menu_i .play_menu_ii>a:hover{
- background-color:#aaa
- }
- .play_menu:hover .play_menu_i .play_menu_ii>a:hover span{
- color:#fff
- }
- .play_menu:hover .play_menu_i .play_menu_ii>a img{
- border:0
- }
- .play_menu:hover .play_menu_i .play_menu_ii>a>*{
- display:inline-block;
- vertical-align:middle
- }
- .play_menu:hover .play_menu_i .play_menu_arrow,.play_menu:hover .play_menu_i .play_menu_arrow_mask{
- border:8px solid #aaa;
- width:0;
- heigth:0;
- border-color:#aaa transparent #aaa transparent
- }
- .play_menu:hover .play_menu_i .play_menu_arrow.up{
- border-top-width:0
- }
- .play_menu:hover .play_menu_i .play_menu_arrow.up .play_menu_arrow_mask{
- border-top-width:0;
- top:0;
- border-bottom-color:#fff;
- margin-top:2px
- }
- .play_menu:hover .play_menu_i .play_menu_arrow.down{
- border-bottom-width:0
- }
- .play_menu:hover .play_menu_i .play_menu_arrow.down .play_menu_arrow_mask{
- border-bottom-width:0;
- bottom:0;
- border-top-color:#fff;
- margin-bottom:2px
- }
- .play_menu:hover .play_menu_i .play_menu_arrow{
- position:relative;
- margin-left:20px
- }
- .play_menu:hover .play_menu_i .play_menu_arrow_mask{
- position:absolute;
- left:-8px
- }
- .opt h3{
- height:16px;
- line-height:16px;
- position:relative;
- margin-bottom:0
- }
- .opt .opt_add{
- position:absolute;
- top:0;
- right:0;
- height:29px;
- width:34px;
- line-height:29px;
- text-align:center
- }
- .opt .opt_add i{
- color:#fff
- }
- .opt .opt_add:hover{
- background-color:#c11
- }
- .opt .opt_add:hover i{
- color:#fff
- }
- .opt .opt_menu{
- display:none;
- cursor:pointer;
- position:absolute;
- top:0;
- right:0;
- height:29px;
- width:34px;
- text-align:center
- }
- .opt .opt_menu:before{
- content:"";
- font-family:FontAwesome;
- color:#ccc;
- font-size:18px;
- line-height:29px
- }
- .opt .opt_menu:hover{
- color:#aaa;
- background-color:#b11
- }
- .opt .opt_menu.sel{
- background-color:#e11;
- color:#aaa
- }
- .opt .controls{
- padding:0;
- border-left:0;
- border-bottom:1px solid #ccc;
- margin:0;
- display:none
- }
- .settings_menu{
- position:relative;
- z-index:3
- }
- .settings_menu:hover .settings_menu_icon{
- background-color:#ddd
- }
- .settings_menu:hover .settings_menu_inner{
- display:block
- }
- .settings_menu .settings_menu_icon{
- background:url(/images/settings.png?2) no-repeat center center;
- width:20px;
- height:20px
- }
- .settings_menu .settings_menu_inner{
- display:none;
- background-color:#fff;
- z-index:4;
- position:absolute;
- top:0;
- right:20px;
- width:100px;
- text-align:right;
- border:2px solid #ddd;
- padding:0
- }
- .settings_menu .settings_menu_inner a{
- font-weight:normal;
- font-size:.9em;
- padding:5px;
- display:block
- }
- .settings_menu .settings_menu_inner a:hover{
- background-color:#aaa;
- color:#fff
- }
- [data-type="voteusers"]{
- cursor:pointer
- }
- [data-type="voteusers"]:hover{
- text-decoration:underline
- }
- .tip.tip_voteusers .tip_body{
- padding:5px;
- font-size:.7em;
- min-width:0
- }
- .tip.tip_voteusers .tip_body>*{
- margin-bottom:.5em
- }
- .tip.tip_voteusers .tip_body>*:last-child{
- margin-bottom:0
- }
- .tip.tip_voteusers .tip_body .vote_pos,.tip.tip_voteusers .tip_body .vote_neg{
- word-spacing:.3em;
- text-align:center
- }
- .tip.tip_voteusers .tip_body span{
- font-weight:bold;
- display:inline-block;
- margin-right:5px
- }
- .tip.tip_voteusers .tip_body .vote_pos span{
- color:#1a1
- }
- .tip.tip_voteusers .tip_body .vote_neg span{
- color:#b11
- }
- .tip_userinfo h6.relationship{
- font-size:.7em
- }
- .tip_userinfo h6.relationship img{
- width:12px;
- height:12px
- }
- .tip_userinfo h6.user_family>*{
- display:inline-block;
- vertical-align:middle;
- margin-left:3px
- }
- .tip_userinfo h6.user_stats{
- color:#888;
- font-size:.7em
- }
- .tip_userinfo h6.user_stats>*{
- display:inline-block;
- vertical-align:middle;
- margin-left:5px
- }
- .tip{
- background-color:transparent;
- text-align:center;
- z-index:100;
- position:absolute;
- top:0;
- left:0
- }
- .tip .tip_header,.tip .tip_body,.tip .tip_tail{
- max-width:200px;
- min-width:150px;
- overflow:hidden;
- text-align:left;
- border:1px solid #c22
- }
- .tip .tip_header.wider,.tip .tip_body.wider,.tip .tip_tail.wider{
- max-width:300px
- }
- .tip .tip_header+.tip_body{
- border-width:0 1px 1px 1px
- }
- .tip .tip_header+.tip_body.no_round{
- border-top-left-radius:0;
- border-top-right-radius:0;
- border-bottom-left-radius:0;
- border-bottom-right-radius:0
- }
- .tip .tip_header,.tip .tip_tail{
- padding:3px;
- background-color:#b11;
- color:#fff;
- display:block
- }
- .tip .tip_header>*,.tip .tip_tail>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px
- }
- .tip .tip_header img,.tip .tip_tail img{
- height:20px;
- width:20px
- }
- .tip .tip_tail{
- text-align:right;
- font-size:.7em;
- padding:.2em
- }
- .tip .tip_body{
- display:block;
- background-color:#fff;
- color:#555
- }
- .tip .tip_body ul{
- padding:5px;
- text-align:left;
- font-size:.8em
- }
- .tip .tip_body ul li{
- background:url(/images/bullet.png) no-repeat center center;
- background-position:5px 4px;
- padding-left:15px;
- margin-bottom:5px
- }
- .tip .tip_body p{
- color:#555;
- padding:8px;
- font-size:.8em;
- text-align:center
- }
- .tip .tip_body p i{
- color:#aaa;
- font-size:.9em;
- font-style:normal
- }
- .tip .tip_body h6{
- padding:2px 8px;
- text-align:right;
- font-size:.5em;
- border:0;
- color:#777;
- font-size:.7em
- }
- .tip .tip_content{
- padding:8px;
- background-color:#b44;
- color:#fff;
- font-size:.8em;
- background:-webkit-linear-gradient(#f22,#b11);
- background:linear-gradient(#f22,#b11)
- }
- .tip .tip_arrow{
- width:0;
- height:0;
- border:5px solid #b44
- }
- .tip .tip_arrow.top{
- margin-top:-1px;
- border-bottom-width:0;
- border-color:#b44 transparent transparent transparent
- }
- .tip .tip_arrow.down{
- margin-bottom:-1px;
- border-top-width:0;
- border-color:transparent transparent #b44 transparent
- }
- .tooltip_prob{
- max-width:162px
- }
- .tooltip_prob .allroles_align{
- padding:5px;
- min-width:25px
- }
- .tooltip_prob .allroles_align>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- .tooltip_prob .allroles_align>*{
- margin-bottom:5px
- }
- .tooltip_prob .uniquealign{
- color:#fff;
- background-color:#b11;
- padding:10px;
- font-size:.8em;
- text-align:center
- }
- .role_descr .role_descr_title{
- padding:5px;
- border-bottom:1px solid #ccc
- }
- sup.double_points:after{
- content:"x2";
- color:#444;
- font-size:11px;
- font-weight:bold;
- vertical-align:super
- }
- .gamesetup{
- margin:0;
- padding:0
- }
- .gamesetup div.setups{
- margin-bottom:5px
- }
- .gamesetup .nextsetup,.gamesetup .prevsetup{
- display:block;
- font-size:20px;
- display:block;
- line-height:12px;
- height:12px;
- cursor:pointer;
- color:#aaa
- }
- .gamesetup .nextsetup:hover,.gamesetup .prevsetup:hover{
- color:#b11
- }
- .gamesetup li.selsetup{
- margin-top:-4px
- }
- .gamesetup li,.gamesetup>div{
- display:-moz-inline-block;
- display:inline-block;
- *display:inline;
- vertical-align:middle;
- height:20px;
- line-height:22px
- }
- .gamesetup li.rolecont,.gamesetup>div.rolecont{
- position:relative;
- margin-left:4px;
- font-size:.9em;
- font-weight:normal;
- color:#222;
- width:20px
- }
- .gamesetup li.rolecont.hide,.gamesetup>div.rolecont.hide{
- display:none
- }
- .gamesetup li .pip ul li,.gamesetup>div .pip ul li{
- display:block
- }
- .gamesetup li.probabilities{
- margin-left:.5em
- }
- .gamesetup li.probabilities>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- .gamesetup li.probabilities .prob{
- margin-left:.5em;
- width:20px;
- height:20px;
- border-radius:3px;
- position:relative
- }
- .gamesetup li.probabilities .prob sup{
- font-size:.7em;
- font-weight:bold;
- position:absolute;
- top:-0.8em;
- left:-0.8em;
- z-index:5
- }
- .gamesetup li.probabilities .prob .pip{
- position:absolute;
- top:-20px;
- left:50%
- }
- .gamesetup li.probabilities #prob_village{
- background-color:#93b7f2
- }
- .gamesetup li.probabilities #prob_mafia{
- background-color:#000
- }
- .gamesetup li.probabilities #prob_third{
- background-color:#dbe355
- }
- .gamesetup>div{
- height:auto
- }
- .gamesetup div.roleimg>div.sup{
- position:absolute;
- top:-0.5em;
- left:-0.5em;
- color:#111;
- font-size:.7em;
- font-weight:bold
- }
- .gamesetup>li div.roleimg{
- position:relative;
- top:0;
- right:0;
- z-index:2
- }
- .gamesetup .setup_hidden{
- font-size:.9em;
- margin-left:5px
- }
- .gamesetup .setup_hidden .roleimg{
- position:relative
- }
- .pagetable{
- float:left;
- clear:both
- }
- .filter-align li{
- display:inline-block;
- margin-right:3px
- }
- .filter-align li a{
- display:block;
- width:10px;
- height:10px;
- border-radius:8px;
- border:2px solid
- }
- .filter-align li a.village{
- border-color:#93b7f2
- }
- .filter-align li a.village.sel{
- background-color:#93b7f2
- }
- .filter-align li a.mafia{
- border-color:#000
- }
- .filter-align li a.mafia.sel{
- background-color:#000
- }
- .filter-align li a.third{
- border-color:#dbe355
- }
- .filter-align li a.third.sel{
- background-color:#dbe355
- }
- .mini_vote span{
- font-size:.7em;
- font-weight:bold;
- padding:2px;
- color:grey
- }
- .mini_vote span.red{
- color:#b11
- }
- .mini_vote span.green{
- color:#1a1
- }
- .mini_vote a{
- display:inline-block;
- margin-right:3px
- }
- .mini_vote a.sel i{
- color:#b11
- }
- .mini_vote i{
- font-size:.8em
- }
- .mini_vote .vote_num{
- display:inline-block
- }
- .list-icon li{
- display:inline-block
- }
- .list-icon li.sel a i{
- color:#b11
- }
- .sortnav{
- text-align:right
- }
- .sortnav li{
- display:inline-block;
- vertical-align:middle
- }
- .sortnav li a{
- font-weight:normal
- }
- .sortnav li.sel a{
- color:#b11
- }
- .sortnav .votes-sort-lt{
- background:url(/images/vote_grey.png) no-repeat center left;
- padding-left:20px;
- height:20px
- }
- .sortnav .comments-sort-lt{
- background:url(/images/comment_grey.png) no-repeat center left;
- padding-left:20px;
- height:20px
- }
- .sortnav .created-sort-lt{
- background:url(/images/clock.png) no-repeat center left;
- padding-left:18px;
- height:20px;
- line-height:20px
- }
- .pagenav{
- margin:.5em 0;
- width:100%
- }
- .pagenav.lt{
- width:auto;
- float:left
- }
- .pagenav li{
- display:inline-block;
- margin-right:5px;
- font-size:.8em
- }
- .pagenav li div{
- cursor:default;
- display:block;
- padding:0 .25em
- }
- .pagenav li a{
- font-weight:normal;
- padding:2px 5px;
- border:1px solid #bbb;
- background-image:-webkit-linear-gradient(#eee,#ddd);
- background-image:linear-gradient(#eee,#ddd);
- display:block
- }
- .pagenav li a:hover{
- background-image:-webkit-linear-gradient(#ddd,#eee);
- background-image:linear-gradient(#ddd,#eee);
- color:#fff
- }
- .pagenav li.selected{
- color:#b22
- }
- div.error,.success{
- float:left;
- background-color:#eee;
- padding:.5em 2em .5em 1em;
- margin:.5em 0 0;
- font-size:120%
- }
- div.error.mini,.success.mini{
- font-size:14px;
- border-width:1px;
- float:none;
- padding:.4em
- }
- .error{
- border:2px solid #b11;
- color:#b11
- }
- .success{
- border:2px solid #191;
- color:#191
- }
- .naverror{
- margin-left:20px!important;
- margin-bottom:0
- }
- .left_em{
- border-left:2px solid #ccc;
- padding:.2em 0;
- padding-left:.5em
- }
- .describe{
- padding:.75em;
- font-size:.9em;
- color:#333;
- line-height:1.3em;
- background-color:#fff
- }
- .inform{
- position:relative;
- background-color:#eee;
- padding:20px;
- font-size:.9em;
- color:#555;
- max-width:25em
- }
- .inform:before{
- content:"";
- font-family:FontAwesome;
- font-style:normal;
- font-weight:normal;
- position:absolute;
- text-decoration:inherit;
- color:#999;
- top:3px;
- right:3px
- }
- .inform.border-box{
- box-sizing:border-box
- }
- .inform.w{
- max-width:100%
- }
- .inform.cnt{
- text-align:center
- }
- .inform.small-padding{
- padding:14px
- }
- .trophies>div{
- display:-moz-inline-box;
- display:inline-block;
- vertical-align:middle;
- *display:inline
- }
- em{
- font-style:normal;
- font-weight:bold
- }
- .pophover .pip{
- position:absolute;
- margin-top:16px;
- margin-left:0;
- visibility:hidden;
- z-index:10000;
- width:40em
- }
- .pip>div{
- float:left;
- padding:4px;
- border:1px solid #aaa;
- background-color:#fff
- }
- .pip li{
- font-size:90%;
- background:url(/images/bullet.png) no-repeat center left;
- padding-left:10px
- }
- .pophover:hover .pip{
- visibility:visible
- }
- .user{
- color:#333;
- font-weight:bold
- }
- .user *{
- vertical-align:middle
- }
- .user.align_bottom{
- vertical-align:bottom
- }
- .user img{
- border:1px solid #ccc;
- margin-right:.25em
- }
- .user span{
- font-weight:normal;
- display:inline-block
- }
- .user span.limit{
- max-width:7em;
- overflow:hidden;
- text-overflow:ellipsis
- }
- a.user,.user{
- display:inline-block;
- color:#555;
- font-weight:normal
- }
- a.user::-webkit-scrollbar,.user::-webkit-scrollbar{
- width:0
- }
- a.user.truncate,.user.truncate{
- max-width:9em;
- white-space:nowrap;
- display:inline-block;
- text-overflow:ellipsis;
- overflow-x:hidden
- }
- a.user:hover,.user:hover{
- color:#b11
- }
- a.user:hover img,.user:hover img{
- border-color:#b11
- }
- img.tiniest{
- width:10px;
- height:10px
- }
- .user_thumb{
- height:32px
- }
- .user_thumb img{
- height:30px;
- width:30px
- }
- .user_toe{
- font-size:1.1em;
- height:42px
- }
- .user_toe img{
- height:40px;
- width:40px
- }
- .user_teeny{
- height:22px
- }
- .user_teeny img{
- height:20px;
- width:20px
- }
- .userred{
- color:#b44;
- font-weight:bold;
- font-size:.9em
- }
- .family img{
- margin-right:.25em
- }
- .family *{
- vertical-align:middle
- }
- .family_toe{
- font-size:1.1em;
- height:32px
- }
- .button{
- width:7em;
- text-align:center;
- font-size:.9em;
- font-family:arial;
- padding:.2em .5em .3em;
- background-color:#ccc;
- border-radius:2px;
- border:1px solid #bbb
- }
- .button>*{
- vertical-align:middle;
- display:inline-block
- }
- .button span{
- color:#777;
- height:25px;
- line-height:25px
- }
- .button:hover{
- color:#fff;
- border-color:#b11;
- background-color:#b11
- }
- .button:hover span{
- color:#fff
- }
- .button img,.button:hover img{
- border:0;
- margin-left:3px
- }
- .button>*{
- display:inline-block;
- vertical-align:middle
- }
- .control{
- margin:.25em 0
- }
- .control a{
- font-size:.9em
- }
- #home_container #login_form,#home_container #signup_form{
- width:100%
- }
- #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]{
- width:100%;
- height:35px;
- box-sizing:border-box
- }
- #home_container #login_form #pass-strength,#home_container #signup_form #pass-strength{
- width:100%;
- height:4px;
- padding:5px 0;
- display:none
- }
- #home_container #login_form #pass-strength #pass-strength-inner,#home_container #signup_form #pass-strength #pass-strength-inner{
- -webkit-transition-property:all;
- transition-property:all;
- -webkit-transition-duration:.3s;
- transition-duration:.3s;
- border-radius:2px;
- height:100%;
- width:0;
- background-color:green
- }
- #home_container #login_form p.submit,#home_container #signup_form p.submit{
- text-align:right
- }
- #home_container #login_form p.submit input[type=submit],#home_container #signup_form p.submit input[type=submit]{
- display:inline-block
- }
- #home_container #signup-container{
- position:relative;
- -webkit-transition-property:width;
- transition-property:width;
- -webkit-transition-duration:1s;
- transition-duration:1s
- }
- #home_container #signup-container.focus{
- -webkit-transition-property:width;
- transition-property:width;
- -webkit-transition-duration:1s;
- transition-duration:1s;
- width:330px
- }
- #home_container .img-facebook-lt{
- background:url(/images/facebook.png) no-repeat center left;
- padding-left:24px;
- height:30px;
- width:10px;
- line-height:30px;
- font-size:.9em;
- font-weight:normal
- }
- #home_container #home_roles>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px;
- zoom:1;
- *display:inline
- }
- #home_container .has_checkbox{
- margin:5px 0;
- float:none
- }
- #home_container .has_checkbox>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #home_container .has_checkbox #reme,#home_container .has_checkbox #tos{
- background-color:#fff
- }
- #home_container #homertop{
- width:100%
- }
- #home_container #homerbottom{
- width:100%;
- margin-top:1em
- }
- #home_container #main_banner{
- width:450px;
- height:197px
- }
- #home_container .homediv{
- margin:0 .5em .8em 0;
- color:#444;
- padding-bottom:.25em
- }
- #home_container .special_title{
- font-family:"Enriqueta",serif;
- font-size:1.4em
- }
- #home_container #minigames>*{
- display:inline-block;
- width:142px;
- padding:8px 5px;
- vertical-align:top
- }
- #home_container #minigames .minigame_title{
- margin-bottom:2px
- }
- #home_container #minigames .minigame_name{
- font-size:.9em
- }
- #home_container #minigames .minigame_descr{
- padding:.8em;
- background-color:#eee;
- font-size:.9em;
- border-radius:2px
- }
- #home_container #epicmafia_descr,#home_container #minigames_descr{
- line-height:1.4em;
- color:grey;
- padding:6px 2px 6px 4px;
- margin-bottom:.5em
- }
- #home_container #epicmafia_descr .em,#home_container #minigames_descr .em{
- font-family:"Enriqueta",serif;
- font-size:1.2em;
- color:#b11
- }
- #home_container .epicmafia_roles{
- padding:8px
- }
- #home_container .epicmafia_roles>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:4px;
- zoom:1;
- *display:inline
- }
- #home_container .user{
- font-weight:bold
- }
- #home_container .top3 .score-lt{
- font-weight:bold
- }
- #home_container .top3 li{
- margin:.5em
- }
- #home_container .top3setup{
- padding:.5em;
- margin-right:.7em
- }
- #home_container .top3setup .setup_desc{
- margin-top:.2em
- }
- #home_container .top3setup img{
- width:15px;
- height:15px
- }
- #home_container .top3setup div.user{
- height:17px;
- line-height:17px;
- font-size:.9em
- }
- #home_container #streaks{
- position:relative
- }
- #home_container #streaks .streaks{
- padding:.8em
- }
- #home_container #streaks .streak_control{
- top:2em;
- right:2px
- }
- #home_container #streaks .streak_cont h4{
- color:#222;
- font-weight:bold;
- padding:.4em .8em;
- margin-bottom:.2em
- }
- #home_container #streaks .streak_cont .streak{
- font-size:.8em;
- font-weight:bold;
- padding-left:.2em
- }
- #home_container #streaks .streak_cont .streak>*{
- display:inline-block;
- vertical-align:middle
- }
- #home_container h3 img{
- margin-right:.5em
- }
- #home_container h3>*{
- height:1em;
- line-height:1em
- }
- #home_container #forgot_password{
- font-size:.9em;
- font-weight:normal;
- margin-left:5px
- }
- #message_container #message_filters{
- padding:5px 0
- }
- #message_container #message_filters a{
- display:inline-block;
- font-weight:normal;
- margin-right:.5em;
- padding:5px 8px
- }
- #message_container #message_filters a.sel{
- background-color:#c11;
- color:#fff
- }
- #message_container #message_controls{
- overflow-x:hidden
- }
- #message_container #message_controls a{
- font-weight:normal;
- display:block;
- margin-bottom:.2em;
- padding:.5em;
- border-radius:2px
- }
- #message_container #message_controls a:hover{
- background-color:#ccc
- }
- #message_container #message_controls a.sel{
- background-color:#c22;
- color:#fff
- }
- #message_container #message_controls a.sel i{
- color:#fff
- }
- #message_container #message_content #message_who{
- padding:5px 0
- }
- #message_container #message_content #message_who>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #message_container #message_content #message_who span{
- font-size:.9em;
- color:grey
- }
- #message_container #message_content .message_controls{
- width:100%;
- font-size:.8em;
- margin:5px 0;
- padding:5px 0
- }
- #message_container #message_content .message_controls>*{
- margin-right:.5em
- }
- #message_container #message_content #message_subject{
- font-weight:normal;
- margin:10px 0;
- margin-top:5px;
- padding:4px;
- font-size:1.5em
- }
- #message_container #message_content #message_core{
- box-shadow:#ddd 2px 2px;
- font-size:.9em;
- margin:10px 0;
- background-color:#fff;
- border:1px solid #ccc;
- padding:1em
- }
- #message_container #message_content #message_core p:first-child{
- margin-top:0
- }
- #message_container #message_content #send_message_form #recipients>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:10px
- }
- #message_container #message_content #send_message_form #recipient_to{
- position:relative;
- width:200px
- }
- #message_container #message_content #send_message_form #recipient_to #recipient_search_results{
- z-index:500;
- position:absolute;
- top:0;
- right:-209px;
- width:200px;
- padding:5px;
- box-shadow:0 0 20px #ccc;
- background-color:#fff
- }
- #message_container #message_content #send_message_form #recipient_input,#message_container #message_content #send_message_form #recipient_msg{
- border:1px solid grey
- }
- #message_container #message_content #send_message_form #recipient_input:focus,#message_container #message_content #send_message_form #recipient_msg:focus{
- background-color:#ffc
- }
- #message_container #message_content #send_message_form textarea{
- height:15em;
- width:30em
- }
- #message_container #message_content #send_message_form #recipient_change{
- font-size:1.2em
- }
- #message_container #message_content #messages_table td{
- padding-right:.5em;
- padding-bottom:.25em
- }
- #message_container #message_content #messages_table td .message_clip{
- color:#555;
- font-size:.9em;
- line-height:.9em;
- margin:.5em;
- min-width:30em
- }
- #message_container #message_content #messages_table td .message_clip .message{
- color:#444;
- font-weight:normal;
- background:url(/images/mail_open.png) no-repeat center left;
- padding-left:20px
- }
- #message_container #message_content #messages_table td .message_clip .message:hover{
- color:#b11
- }
- #message_container #message_content #messages_table td .message_clip .message.opened{
- background:url(/images/mail_closed.png) no-repeat center left transparent;
- color:#aaa
- }
- #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{
- display:block
- }
- #roles_container #roles_accepted .role-category{
- margin-top:.5em
- }
- #roles_container #roles_accepted .role-category h5{
- text-align:left;
- padding-right:3px;
- border:0;
- margin:0;
- font-size:16px
- }
- #roles_container #roles_accepted .role-category.village h5{
- color:#93b7f2
- }
- #roles_container #roles_accepted .role-category.village .align_roles{
- border-top:1px solid;
- border-color:#93b7f2
- }
- #roles_container #roles_accepted .role-category.mafia h5{
- color:#000
- }
- #roles_container #roles_accepted .role-category.mafia .align_roles{
- border-top:1px solid;
- border-color:#000
- }
- #roles_container #roles_accepted .role-category.third h5{
- color:#acb41e
- }
- #roles_container #roles_accepted .role-category.third .align_roles{
- border-top:1px solid;
- border-color:#dbe355
- }
- #roles_container #roles_accepted .align_roles{
- padding:4px 10px
- }
- #roles_container #roles_accepted .align_roles>.role{
- display:inline-block;
- margin:3px 5px 3px 0;
- width:142px
- }
- #roles_container #roles_accepted .align_roles>.role a{
- font-weight:normal;
- font-size:.9em;
- width:100%;
- padding-left:25px;
- height:20px;
- line-height:20px
- }
- #roles_container #roles_suggest_role .role-custom{
- display:inline-block;
- width:150px;
- margin-bottom:5px
- }
- #roles_container #align_legend{
- margin-top:10px;
- padding:3px
- }
- #roles_container #align_legend li{
- font-size:.9em;
- color:#999;
- margin-bottom:5px
- }
- #roles_container #align_legend li>*{
- display:inline-block;
- vertical-align:middle
- }
- #roles_container #align_legend .mafia,#roles_container #align_legend .village,#roles_container #align_legend .third{
- display:inline-block;
- width:20px;
- height:20px;
- margin-right:4px;
- border-radius:2px
- }
- #roles_container #align_legend .mafia{
- background-color:#000
- }
- #roles_container #align_legend .village{
- background-color:#93b7f2
- }
- #roles_container #align_legend .third{
- background-color:#dbe355
- }
- #roles_container #roles_suggested{
- padding-left:20px
- }
- #roles_container #roles_suggested #suggested_roles_inner{
- margin-top:10px
- }
- #roles_container #roles_suggested .grid_role_one{
- display:inline-block;
- width:147px;
- height:35px;
- padding:5px;
- margin:0 5px 10px 0;
- font-weight:normal;
- font-size:.9em;
- border:2px solid #ccc;
- position:relative;
- box-sizing:border-box
- }
- #roles_container #roles_suggested .grid_role_one img{
- width:20px;
- height:20px
- }
- #roles_container #roles_suggested .grid_role_one span{
- font-weight:normal;
- margin-left:5px
- }
- #roles_container #roles_suggested .grid_role_one.align-mafia{
- border-color:#ddd
- }
- #roles_container #roles_suggested .grid_role_one.align-village{
- border-color:#c1d5f7
- }
- #roles_container #roles_suggested .grid_role_one.align-third{
- border-color:#e4ea81
- }
- #roles_container #roles_suggested .grid_role_one>*{
- display:inline-block;
- vertical-align:middle
- }
- #roles_container #roles_suggested .grid_role_one .roleimg{
- display:inline-block
- }
- #roles_container #roles_suggested .grid_role_one .newrole{
- position:absolute;
- top:-6px;
- right:-6px;
- background-color:#b11;
- color:#fff;
- border-radius:2px;
- font-size:.6em;
- font-weight:normal;
- text-transform:uppercase;
- padding:4px;
- box-shadow:-1px 1px 1px 0 rgba(0,0,0,0.26)
- }
- #roles_container #roles_suggested .grid_role_one:hover{
- border-color:#b55
- }
- #roles_container #roles_suggested .grid_role_one:hover span{
- color:#b55
- }
- #roles_container #roles_suggested #suggested_roles_page{
- width:100%
- }
- #roles_container #roles_suggested #suggested_roles_page td{
- padding-bottom:5px
- }
- #roles_container #roles_suggested #suggested_roles_page img{
- border:1px solid #ccc
- }
- #roles_container #roles_suggested #suggested_roles_page .rolename a{
- font-weight:normal
- }
- #roles_container #roles_suggested #suggested_roles_page .created_by .person-lt{
- max-width:6em;
- overflow:hidden
- }
- #roles_container #roles_suggested #suggested_roles_page #roles_nav{
- width:100%;
- position:relative
- }
- #roles_container #roles_suggested #suggested_roles_page #roles_nav .sortnav{
- margin-top:5px;
- height:20px;
- line-height:20px;
- font-size:.9em;
- margin-right:5px
- }
- #roles_container #roles_suggested #suggested_roles_page #roles_nav .sortnav li{
- margin-left:5px
- }
- #roles_container #roles_suggested #suggested_roles_page td{
- padding-right:1em
- }
- #roles_container #roles_suggested #suggested_roles_page td.created_by .created_span,#roles_container #roles_suggested #suggested_roles_page td.created_by .deleted{
- color:#999
- }
- #roles_container #roles_suggested #suggested_roles_page td.created_by .deleted{
- font-style:italic
- }
- #roles_container #roles_suggested #suggested_roles_page td.created_by>*{
- display:inline-block;
- margin-right:.5em;
- font-size:.9em
- }
- #roles_container #roles_suggested #suggested_roles_page .rolename{
- max-width:10em
- }
- #roles_container #roles_suggested #roles_suggest_role{
- margin-top:1em
- }
- #roles_container #roles_suggested #roles_suggest_role label,#roles_container #roles_suggested #roles_suggest_role input,#roles_container #roles_suggested #roles_suggest_role textarea{
- float:left;
- clear:left
- }
- #roles_container #roles_suggested #roles_suggest_role input[type=text],#roles_container #roles_suggested #roles_suggest_role textarea{
- border:1px solid grey
- }
- #roles_container #roles_suggested #roles_suggest_role label{
- font-size:.9em;
- font-weight:bold;
- margin-top:.5em
- }
- #roles_container #roles_suggested #roles_suggest_role textarea{
- width:300px;
- height:150px
- }
- #achievement_container .achievement{
- display:inline-block;
- width:300px;
- vertical-align:top;
- margin-right:20px;
- margin-bottom:20px
- }
- #achievement_container .achievement .achievement_rolename.roleimg,#achievement_container .achievement achievement_name{
- width:20px;
- display:inline-block;
- vertical-align:bottom
- }
- #achievement_container .achievement .achievement_descr{
- padding:15px;
- background-color:#eee;
- margin:5px 0;
- font-size:.9em;
- position:relative
- }
- #achievement_container .achievement .achievement_descr .achievement_aid{
- position:absolute;
- bottom:-5px;
- right:-5px;
- font-size:.8em;
- padding:3px;
- color:#fff;
- background-color:#1b1
- }
- #achievement_container .achievement .achievement_descr .achievement_thres{
- position:absolute;
- top:-10px;
- right:-10px;
- border-radius:20px;
- width:20px;
- height:20px;
- line-height:20px;
- font-size:.8em;
- text-align:center;
- background-color:#b11;
- color:#fff
- }
- #role_container #role_creation .define_logic{
- max-height:328px;
- overflow:auto
- }
- #role_container #role_creation .define_logic .ii{
- font-size:.9em
- }
- #role_container #role_creation .define_logic .indent{
- font-size:.95em;
- padding-left:.28em
- }
- #role_container #role_creation .remove{
- position:absolute;
- top:0;
- right:0
- }
- #role_container #role_left #role #role_stats_complete{
- color:#888;
- font-size:1em;
- padding:10px 0
- }
- #role_container #role_left #role #role_title>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em
- }
- #role_container #role_left #role #suggest_role_info{
- font-size:.9em;
- width:100%;
- margin-bottom:.5em
- }
- #role_container #role_left #role #suggest_role_info>*{
- display:inline-block;
- margin-right:.5em
- }
- #role_container #role_left #role #role_desc{
- padding:.25em;
- font-size:1em;
- color:#555
- }
- #role_container #role_left #role #role_text{
- min-height:1em;
- min-width:5em
- }
- #role_container #role_left #role .editable:hover{
- background-color:#ffb;
- cursor:pointer
- }
- #role_container #role_left #role #role_edit{
- width:250px;
- height:100px
- }
- #role_container #role_right #roleicon_page table{
- margin:0
- }
- #role_container #role_right #roleicon_page table img{
- width:20px;
- height:20px
- }
- #role_container #role_right #fanart_page .fanart .lt-fanart{
- float:left;
- margin-right:8px;
- width:65px
- }
- #role_container #role_right #fanart_page .fanart .rt-fanart{
- display:inline-block
- }
- #role_container #role_right #fanart_page .fanart .rt-fanart .comment-vote>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px
- }
- #role_container table{
- margin:1em 0
- }
- #role_container table td{
- padding-right:.5em;
- padding-bottom:5px;
- font-size:.9em;
- color:grey
- }
- #role_container table td:first-child{
- color:#b11;
- font-weight:bold
- }
- #switch_mobile{
- overflow:hidden;
- zoom:1;
- text-align:center;
- padding:8px;
- font-size:.8em
- }
- #switch_mobile>a{
- padding:0 10px;
- font-weight:normal
- }
- #forum_index_container #select_lobby_forum{
- margin-bottom:5px;
- font-size:1.2em
- }
- #forum_index_container #select_lobby_forum>*{
- display:inline-block;
- vertical-align:bottom;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #forum_index_container #select_lobby_forum a{
- padding:.4em .6em .5em;
- background-color:#ccc;
- height:1em;
- margin-bottom:5px;
- line-height:.95em;
- font-weight:normal;
- border-top-left-radius:3px;
- border-top-right-radius:3px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:0
- }
- #forum_index_container #select_lobby_forum a>*{
- display:inline-block;
- vertical-align:middle
- }
- #forum_index_container #select_lobby_forum a span{
- font-size:.9em;
- color:#777;
- font-weight:normal
- }
- #forum_index_container #select_lobby_forum a img{
- border:0;
- margin-right:3px;
- width:20px;
- height:20px
- }
- #forum_index_container #select_lobby_forum a.sel{
- background:-webkit-linear-gradient(#d33,#b11);
- background:linear-gradient(#d33,#b11);
- background-color:#b33
- }
- #forum_index_container #select_lobby_forum a.sel span{
- color:#fff
- }
- #forum_index_container #forum_lt .forum{
- padding:.5em;
- border:1px solid #ccc;
- border-width:0 1px
- }
- #forum_index_container #forum_lt .forum:nth-child(2n+1){
- background-color:#eee
- }
- #forum_index_container #forum_lt .forum:nth-child(2n+1) .forum_recents .forum_recent{
- border-color:#fff
- }
- #forum_index_container #forum_lt .forum:first-child{
- border-width:1px 1px 0 1px
- }
- #forum_index_container #forum_lt .forum:last-child{
- border-width:0 1px 1px 1px
- }
- #forum_index_container #forum_lt .forum .forum_row{
- width:100%;
- position:relative;
- margin-top:3px
- }
- #forum_index_container #forum_lt .forum .forum_row a.forum-title{
- font-family:sans-serif,arial;
- font-weight:400;
- color:#b11
- }
- #forum_index_container #forum_lt .forum .forum_row a.forum-title:hover{
- color:#b11;
- text-decoration:underline
- }
- #forum_index_container #forum_lt .forum .forum_row a.close{
- position:absolute;
- top:0;
- right:0
- }
- #forum_index_container #forum_lt .forum .forum_row .forum_row_rt{
- position:absolute;
- top:-2px;
- right:0;
- width:16em;
- overflow:hidden;
- text-align:right
- }
- #forum_index_container #forum_lt .forum .forum_row .forum_topics,#forum_index_container #forum_lt .forum .forum_row .forum_replies{
- font-weight:normal
- }
- #forum_index_container #forum_lt .forum .forum_row span{
- font-size:.9em;
- color:#888
- }
- #forum_index_container #forum_lt .forum .forum_row .forum_title{
- font-size:1.2em;
- font-weight:bold;
- color:#b11;
- width:20em
- }
- #forum_index_container #forum_lt .forum .forum_row .forum_title.sticky{
- background:url(/images/pin.png) no-repeat center left;
- padding-left:20px
- }
- #forum_index_container #forum_lt .forum .forum_row .forum_title:hover{
- color:grey
- }
- #forum_index_container #forum_lt .forum .forum_recents{
- padding:0 20px 0 0
- }
- #forum_index_container #forum_lt .forum .forum_recents>*{
- vertical-align:top
- }
- #forum_index_container #forum_lt .forum .forum_recents .forumdesc{
- margin:0;
- color:#666;
- line-height:1.25em;
- font-size:.95em;
- padding:.5em .5em .5em 0;
- width:240px
- }
- #forum_index_container #forum_lt .forum .forum_recents .forumdesc.editable:hover{
- background-color:#ff8
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent{
- margin:10px 0;
- padding:0 8px;
- width:165px;
- border:1px solid #ccc;
- border-width:0 1px 0 0
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent:last-child{
- border:0
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent a.user{
- font-size:.95em;
- line-height:15px;
- font-weight:normal;
- overflow-x:hidden
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_row{
- display:block
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_row span{
- font-size:.85em;
- color:#888
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_link{
- margin-bottom:3px
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_link a{
- font-weight:normal;
- color:#911;
- display:block
- }
- #forum_index_container #forum_lt .forum .forum_recents .forum_recent .forum_recent_link a:hover{
- color:#911;
- text-decoration:underline
- }
- #forum_container .number{
- font-size:1em;
- font-weight:400
- }
- #forum_container #topics{
- width:100%
- }
- #forum_container #topics .topic-title{
- font-family:sans-serif,arial;
- font-weight:normal
- }
- #forum_container #topics .topic-title:hover{
- text-decoration:underline;
- color:#b11
- }
- #forum_container #topics tr{
- border:1px solid #ccc;
- border-width:0 1px
- }
- #forum_container #topics th div{
- font-weight:normal;
- padding:5px 5px;
- font-size:.9em;
- margin:0;
- text-align:center
- }
- #forum_container #topics th div.alt{
- text-align:left
- }
- #forum_container.topic_page .post a.user{
- font-weight:bold
- }
- #forum_container #forum_title_row a{
- color:grey
- }
- #forum_container #forum_title_row a:hover{
- color:#911
- }
- #forum_container h2.topic-title{
- font-weight:normal;
- padding:5px;
- font-size:24px
- }
- #forum_container h2.topic-title .numposts{
- padding-left:1em;
- font-size:.7em;
- color:#999
- }
- #forum_container .titlecrumb{
- margin-bottom:5px;
- padding-bottom:10px;
- position:relative
- }
- #forum_container .titlecrumb.forum_header{
- border-bottom:1px solid #ddd
- }
- #forum_container .titlecrumb.forum_header>*{
- margin-right:10px;
- vertical-align:middle;
- display:inline-block
- }
- #forum_container .titlecrumb.forum_header>* .back{
- height:20px;
- line-height:20px
- }
- #forum_container .titlecrumb.forum_header>*:last-child{
- margin-right:0
- }
- #forum_container .titlecrumb.forum_header.no_border{
- border:0
- }
- #forum_container .titlecrumb.forum_header a.back{
- font-weight:normal;
- font-size:15px
- }
- #forum_container .titlecrumb.forum_header a.back>*{
- display:inline-block;
- vertical-align:middle
- }
- #forum_container .titlecrumb.forum_header a.back img{
- border:0;
- margin-right:3px
- }
- #forum_container .titlecrumb #bar_right{
- position:absolute;
- top:0;
- right:0
- }
- #forum_container .titlecrumb #bar_right #make_topic{
- color:#fff;
- padding:.4em;
- margin:0;
- margin-left:5px;
- font-weight:normal
- }
- #forum_container .titlecrumb #bar_right #search_forum{
- padding:0;
- margin:0;
- width:12.5em
- }
- #forum_container .titlecrumb #bar_right #search_forum input[type=submit]{
- font-size:.95em
- }
- #forum_container .titlecrumb #bar_right #search_forum input[type=text]{
- font-size:1em
- }
- #forum_container .titlecrumb #move_topic{
- position:absolute;
- padding:0;
- margin:0;
- width:auto;
- top:0;
- right:0
- }
- #forum_container .titlecrumb #move_topic>*{
- float:none;
- display:inline-block;
- vertical-align:middle
- }
- #forum_container table{
- border-bottom:1px solid #aaa
- }
- #forum_container table tr.row:nth-child(even){
- background-color:#eee
- }
- #forum_container table th div,#forum_container table td{
- position:relative;
- padding:.3em .5em
- }
- #forum_container table th div{
- color:#fee;
- background:-webkit-linear-gradient(#d33,#c22);
- background:linear-gradient(#d33,#c22);
- font-size:.95em;
- margin:0 1px .5em
- }
- #forum_container table td:first-child a{
- color:#b11
- }
- #forum_container table td:first-child a:focus{
- color:#b11
- }
- #forum_container table td:first-child a:hover{
- color:#888
- }
- #forum_container table td:first-child img{
- margin-right:5px
- }
- #forum_container table td .inform{
- margin:0 auto
- }
- #forum_container table td.reset{
- padding-top:0
- }
- #forum_container table .close{
- position:absolute;
- top:0;
- right:0
- }
- #forum_container table th{
- text-align:center;
- font-weight:bold
- }
- #forum_container table div.threadtitle{
- width:22em;
- font-size:1.1em;
- padding:1px 0
- }
- #forum_container table div.threadtitle img{
- margin-right:5px
- }
- #forum_container table div.threadtitle a{
- display:inline
- }
- #forum_container table div.threadtitle .topic_num_votes{
- font-size:.7em;
- font-weight:700
- }
- #forum_container table div.threadtitle .topic_num_votes.green{
- color:#1a1
- }
- #forum_container table div.threadtitle .topic_num_votes.red{
- color:#b11
- }
- #forum_container table div.lastpost>*{
- float:left;
- height:20px;
- line-height:20px;
- margin-right:3px
- }
- #forum_container table div i{
- font-size:.9em
- }
- #forum_container table table div.createdby{
- width:25em
- }
- #forum_container table td.noleft{
- padding-left:.2em
- }
- #forum_container table td.noright{
- padding-right:.2em
- }
- #forum_container table td+td{
- text-align:center
- }
- #forum_container .thread{
- color:#666;
- font-size:.95em;
- padding:5px 0
- }
- #forum_container #topic_ad{
- margin-top:.5em;
- overflow:hidden
- }
- #forum_container #create_post{
- width:100%
- }
- #forum_container #create_post>*{
- display:inline-block;
- vertical-align:top;
- margin-right:2px
- }
- #forum_container #create_post .lt-create-post img{
- border:1px solid #ccc
- }
- #forum_container #create_post .field_msg>*{
- display:block
- }
- #forum_container #create_post .field_msg textarea{
- width:200px;
- height:80px
- }
- #forum_container #create_post .field_msg textarea:focus,#forum_container #create_post .field_msg textarea.has_content{
- width:350px;
- height:200px
- }
- #forum_container #threadmsg #edit_topic{
- font-weight:normal;
- font-size:.9em
- }
- #forum_container #threadmsg #edit_topic:hover{
- text-decoration:underline
- }
- #forum_container #threadmsg .thread_lt{
- max-width:650px;
- border-bottom:1px solid #ccc;
- padding-bottom:5px
- }
- #forum_container #threadmsg .thread_lt a#filter-participants *{
- font-weight:normal
- }
- #forum_container #threadmsg .thread_lt #msg_container{
- overflow:hidden
- }
- #forum_container #threadmsg .thread_lt #msg_container .msg,#forum_container #threadmsg .thread_lt #msg_container #wmd-preview{
- padding:.5em;
- color:#333;
- line-height:22px;
- font-size:.9em
- }
- #forum_container #hurtheal .hurthealrow-str-history{
- display:inline-block;
- max-width:6em;
- overflow-x:hidden;
- overflow-y:hidden;
- white-space:nowrap;
- text-overflow:ellipsis
- }
- #forum_container #hurtheal .hurthealrow-str{
- padding-left:26px;
- height:20px;
- line-height:20px;
- display:inline-block
- }
- #forum_container #hurtheal .user{
- font-size:.9em
- }
- #forum_container #hurtheal .user img{
- width:20px;
- height:20px;
- border-radius:10px
- }
- #forum_container #hurtheal .time-left{
- padding:3px 0
- }
- #forum_container #hurtheal .sup{
- margin-top:-10px;
- margin-left:-10px;
- font-size:.8em;
- font-weight:300
- }
- #forum_container #hurtheal .sup.green{
- color:#1b1
- }
- #forum_container #hurtheal .sup.red{
- color:#b11
- }
- #forum_container #hurtheal .hurt-heal-count{
- padding-left:10px
- }
- #forum_container #hurtheal .only_players{
- padding:5px 0
- }
- #forum_container #hurtheal #hurtheal-start-input{
- padding:5px 0
- }
- #forum_container #hurtheal #hurtheal-start-input #throttle-type-input{
- width:5em
- }
- #forum_container #hurtheal #hurtheal-start-input>*{
- margin-bottom:3px
- }
- #forum_container #hurtheal #hurtheal-start-input label{
- font-size:.9em;
- color:#888
- }
- #forum_container #hurtheal #hurtheal-start-input .val-box{
- padding:2px 4px;
- border:1px solid #ccc;
- border-radius:2px;
- color:#777
- }
- #forum_container #hurtheal #hurtheal-game-settings{
- padding:5px 0
- }
- #forum_container #hurtheal #hurtheal-game-settings>span{
- margin-right:10px
- }
- #forum_container #hurtheal #hurtheal-game-settings>span:last-child{
- margin-right:0
- }
- #forum_container #hurtheal #hurtheal-game-settings>span>*{
- display:inline-block
- }
- #forum_container #hurtheal #pagination{
- padding:3px 0
- }
- #forum_container #hurtheal #pagination li{
- display:inline-block;
- cursor:pointer;
- padding:3px 4px;
- margin-right:3px;
- border:1px solid #ccc
- }
- #forum_container #hurtheal #pagination li.sel{
- border-color:#b11;
- color:#b11
- }
- #forum_container #hurtheal .tabs{
- padding:5px 0
- }
- #forum_container #hurtheal .tabs a.tab{
- display:inline-block;
- padding:4px;
- font-weight:normal;
- border:1px solid #ccc;
- margin-right:4px
- }
- #forum_container #hurtheal .tabs a.tab:hover{
- border-color:#b11
- }
- #forum_container #hurtheal .tabs a.tab.sel{
- border-color:#b11;
- color:#b11
- }
- #forum_container #hurtheal #hurtheal_cont{
- padding-top:25px
- }
- #forum_container #hurtheal #hurtheal_events{
- padding:5px 0
- }
- #forum_container #hurtheal #hurtheal_events .hurtheal_event{
- padding:2px 0
- }
- #forum_container #hurtheal #hurtheal_events .user{
- max-width:6em;
- overflow-x:hidden;
- overflow-y:hidden;
- white-space:nowrap;
- text-overflow:ellipsis
- }
- #forum_container #hurtheal #hurtheal_i .hurthealrow{
- padding:2px 4px
- }
- #forum_container #hurtheal #hurtheal_i .hurthealrow .actions .action{
- visibility:hidden
- }
- #forum_container #hurtheal #hurtheal_i .hurthealrow .actions .action.sel{
- visibility:visible
- }
- #forum_container #hurtheal #hurtheal_i .hurthealrow:hover .action{
- visibility:visible
- }
- #forum_container #hurtheal #hurtheal_i .score{
- width:3em;
- display:inline-block;
- text-align:right
- }
- #forum_container #hurtheal #hurtheal_i .action-heal:hover span.icon-arrow-up{
- color:#1b1
- }
- #forum_container #board{
- z-index:3
- }
- #forum_container #board #announcement{
- max-height:100px;
- overflow-y:scroll;
- margin-bottom:5px
- }
- #forum_container #board #edit-announcement{
- display:inline-block
- }
- #forum_container #board #edit-announcement:hover{
- color:#b11
- }
- #forum_container #board #edit-announcement:hover span{
- color:#b11
- }
- #forum_container #board #board_announcement{
- font-size:.9em;
- padding:5px;
- position:relative;
- margin-bottom:10px;
- font-color:#777;
- line-height:1.1em;
- padding-left:20px
- }
- #forum_container #board #board_announcement.has_content:before{
- font-family:Times,Georgia;
- position:absolute;
- color:#bbb;
- font-size:3em
- }
- #forum_container #board #board_announcement.has_content:before{
- top:-10px;
- left:0;
- content:"“"
- }
- #forum_container #board #board_announcement i.icon-pencil{
- display:none;
- position:absolute;
- top:0;
- right:0;
- color:#aaa;
- cursor:pointer
- }
- #forum_container #board #board_announcement i.icon-pencil:hover{
- color:#b11
- }
- #forum_container #board #board_announcement:hover i.icon-pencil{
- display:block
- }
- #forum_container #board #board_announcement textarea{
- width:350px;
- height:250px
- }
- #forum_container #board #board_announcement .controls>*{
- font-size:.9em;
- display:inline-block;
- vertical-align:middle;
- margin-right:5px
- }
- #forum_container #board #board_cont{
- padding-top:25px
- }
- #forum_container #board #board_i{
- position:relative
- }
- #forum_container #board #board_i .add_tag_input{
- border:1px solid #ccc;
- padding:3px
- }
- #forum_container #board #board_i .tag{
- font-size:.7em;
- padding:3px;
- border-radius:2px;
- border:1px solid #ccc;
- cursor:pointer;
- color:#888
- }
- #forum_container #board #board_i .tag:hover{
- background-color:#ddd
- }
- #forum_container #board #board_i .color_block{
- margin-left:5px;
- display:inline-block;
- width:14px;
- height:14px;
- border-radius:2px
- }
- #forum_container #board #board_i span.num{
- color:#b11;
- font-size:1.2em
- }
- #forum_container #board #board_i li{
- padding:4px;
- border-bottom:1px solid #eee;
- position:relative
- }
- #forum_container #board #board_i li i.handle{
- display:none;
- cursor:move;
- color:#aaa;
- font-size:.9em;
- position:absolute;
- top:8px;
- left:-15px
- }
- #forum_container #board #board_i li i.handle:hover{
- color:#b11
- }
- #forum_container #board #board_i li:hover i.handle{
- display:block
- }
- #forum_container #board #board_i li img{
- border:1px solid #eee
- }
- #forum_container #board #board_i li .player_link{
- font-weight:normal;
- color:#b11
- }
- #forum_container #board #board_i li .player_link:hover{
- text-decoration:underline
- }
- #forum_container #choose_player,#forum_container #hurtheal_choose_player{
- position:relative;
- z-index:3
- }
- #forum_container #choose_player input[type=text],#forum_container #hurtheal_choose_player input[type=text]{
- border:1px solid #ccc;
- padding:3px;
- font-size:1.2em
- }
- #forum_container #choose_player ul,#forum_container #hurtheal_choose_player ul{
- width:350px;
- overflow-x:hidden;
- position:absolute;
- bottom:35px;
- background-color:#fff;
- box-shadow:0 0 20px #ccc;
- border:1px solid #ccc
- }
- #forum_container #choose_player ul li,#forum_container #hurtheal_choose_player ul li{
- cursor:pointer;
- padding:5px
- }
- #forum_container #choose_player ul li img,#forum_container #hurtheal_choose_player ul li img{
- width:20px;
- height:20px;
- border:1px solid #ddd;
- margin-right:5px
- }
- #forum_container #choose_player ul li:hover,#forum_container #hurtheal_choose_player ul li:hover{
- background-color:#eee
- }
- #forum_container #choose_player ul li>*,#forum_container #hurtheal_choose_player ul li>*{
- display:inline-block;
- vertical-align:middle
- }
- #forum_container #poll,#forum_container #petition,#forum_container #countdown{
- background-color:#fff;
- z-index:2;
- border-left:1px solid #ccc;
- padding:.5em
- }
- #forum_container #poll .descr,#forum_container #petition .descr,#forum_container #countdown .descr{
- padding:.5em;
- font-size:.9em;
- line-height:1.1em;
- padding:1em;
- color:#888;
- overflow-x:hidden
- }
- #forum_container #countdown{
- padding:.5em 0 1em
- }
- #forum_container #countdown #countdown-text{
- text-align:center;
- font-size:1.2em;
- padding:.5em 0
- }
- #forum_container #countdown #countdown-date{
- text-align:center;
- color:#999
- }
- #forum_container #petition h2{
- font-weight:normal;
- color:#888;
- font-size:1em;
- padding:5px
- }
- #forum_container #petition .descr{
- background-color:#eee;
- margin-bottom:3px
- }
- #forum_container #petition #petition_users img{
- border:1px solid #ccc
- }
- #forum_container #petition #requirements{
- font-size:12px;
- color:grey;
- padding:3px;
- background-color:#ddd
- }
- #forum_container #petition #petition_inner>*{
- display:inline-block;
- vertical-align:top;
- margin-right:0;
- zoom:1;
- *display:inline
- }
- #forum_container #petition #petition_signed{
- width:140px
- }
- #forum_container #petition #petition_users{
- width:260px
- }
- #forum_container #petition #petition_signed .top{
- font-size:22px;
- padding:3px
- }
- #forum_container #petition #petition_signed .top span{
- color:#b11
- }
- #forum_container #petition #petition_signed .bottom{
- margin:20px 0
- }
- #forum_container #petition #petition_users{
- padding-top:5px
- }
- #forum_container #petition #petition_users>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #forum_container #petition #petition_users>*{
- margin-bottom:5px
- }
- #forum_container #poll #choices #poll_chart{
- display:block;
- margin:0 auto
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar{
- margin:.5em 0
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.8em;
- zoom:1;
- *display:inline
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar .choice_count{
- font-size:1em;
- font-weight:600;
- color:#b11
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar .choice_descr{
- font-size:.9em
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar_users{
- padding-left:28px
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar_users>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px;
- zoom:1;
- *display:inline
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar_users>*{
- margin-bottom:3px
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar_users img{
- opacity:.7;
- margin-bottom:3px
- }
- #forum_container #poll #choices #poll_choices .choice .choice_bar_users img:hover{
- opacity:1
- }
- #forum_container #poll textarea{
- color:#a11;
- line-height:22px;
- min-width:25em;
- max-width:30em;
- padding:.5em;
- margin-top:.25em;
- height:10em;
- overflow-x:hidden;
- border:1px solid grey
- }
- #forum_container #participants{
- padding:.3em
- }
- #forum_container #threadmaker{
- padding:.5em;
- position:relative
- }
- #forum_container #threadmaker>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:10px;
- zoom:1;
- *display:inline
- }
- #forum_container #threadmaker .user{
- font-size:1em
- }
- #forum_container #viewers{
- padding-top:5px
- }
- #forum_container #viewers #viewers_i>*{
- display:inline-block
- }
- #forum_container #posts{
- margin-top:.7em;
- width:70em
- }
- #forum_container #posts #posts_inner{
- padding:10px 0
- }
- #forum_container #posts .post{
- padding-right:1em;
- margin-bottom:18px
- }
- #forum_container #posts .post:last-child{
- margin-bottom:0
- }
- #forum_container #posts .post.highlight .rt-post{
- background-color:#ffa
- }
- #forum_container #posts .post.creator .lt-post img{
- width:30px;
- height:30px;
- box-shadow:0 0 3px #b11
- }
- #forum_container #posts .post.editing .rt-post:hover .add_quote{
- display:none
- }
- #forum_container #posts .post .lt-post{
- float:left;
- width:32px;
- height:32px;
- margin:2px 3px 0 0
- }
- #forum_container #posts .post .lt-post img{
- border:1px solid #ccc
- }
- #forum_container #posts .post .rt-post{
- display:inline-block;
- background-color:#eee;
- position:relative;
- padding:8px 8px 7px 10px;
- box-shadow:1px 1px 3px #bbb;
- border-radius:2px
- }
- #forum_container #posts .post .rt-post:hover .add_quote,#forum_container #posts .post .rt-post:hover .goto_page{
- display:block
- }
- #forum_container #posts .post .rt-post .goto_page{
- position:absolute;
- bottom:0;
- right:0;
- opacity:.8;
- display:none
- }
- #forum_container #posts .post .rt-post .add_quote{
- display:none;
- position:absolute;
- top:5px;
- right:0;
- width:17px;
- height:17px
- }
- #forum_container #posts .post .rt-post .add_quote:before{
- font-size:.9em;
- content:"";
- font-family:FontAwesome
- }
- #forum_container #posts .post .show_post{
- font-weight:normal
- }
- #forum_container #posts .postuser .created_at{
- font-size:.8em
- }
- #forum_container #posts .postuser .edit_status{
- cursor:pointer
- }
- #forum_container #posts .postuser .edit_status:hover{
- color:#b11
- }
- #forum_container #posts .postuser a{
- font-size:.9em;
- font-weight:bold;
- color:#b11
- }
- #forum_container #posts .postuser a:hover{
- text-decoration:underline
- }
- #forum_container #posts .postuser>*{
- display:inline-block;
- margin-right:5px
- }
- #forum_container #posts .postmsg{
- margin-top:8px
- }
- #forum_container #posts .postmsg .bubble{
- position:relative;
- min-width:14em;
- max-width:33em;
- overflow-x:hidden;
- overflow-y:hidden
- }
- #forum_container #posts .postmsg .bubble .bubble_msg{
- line-height:1.2em
- }
- #forum_container #posts .postmsg .bubble .bubble_msg a{
- font-weight:normal
- }
- #forum_container #posts .postmsg .bubble .bubble_edit{
- margin-top:5px
- }
- #forum_container #posts .postmsg .bubble .bubble_edit a{
- font-weight:normal;
- font-size:16px
- }
- #forum_container #posts .postmsg .bubble .bubble_edit .edit_msg{
- width:30em;
- padding:10px;
- font-size:.9em;
- height:7em;
- border:1px solid grey;
- padding:3px
- }
- #forum_container #posts .postmsg .bubble .bubble_edit .edit_msg_actions>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #forum_container #posts .postmsg .bubble .bubble_edit .edit_msg_actions a{
- font-size:.95em
- }
- #forum_container #posts .postmsg .bubble .close{
- position:absolute;
- bottom:0;
- right:0
- }
- #forum_container #posts .postmsg .bubble .spoiler{
- background-color:#333;
- color:#333
- }
- #forum_container #posts .postmsg .bubble .spoiler a{
- color:#333
- }
- #forum_container #posts .postmsg .bubble .spoiler:hover{
- cursor:default;
- background-color:transparent
- }
- #forum_container #posts .postmsg .bubble img{
- max-width:400px;
- max-height:400px
- }
- #forum_container #posts .postmsg .bubble fieldset{
- border-radius:3px;
- padding:.4em 1em;
- margin:10px 0;
- overflow:visible;
- font-size:.9em
- }
- #forum_container #posts .postmsg .bubble fieldset:before{
- display:block;
- font-size:3em;
- line-height:.1em;
- margin-right:.25em;
- margin-left:-0.2em;
- margin-top:-0.2em;
- vertical-align:-0.4em;
- font-family:"Trebuchet MS",Times,serif;
- content:"“";
- color:#aaa;
- text-shadow:0 1px 1px #909090
- }
- #forum_container #posts .postmsg .bubble fieldset legend{
- color:#666;
- margin-left:1.5em;
- margin-top:.2em
- }
- #forum_container #posts .postmsg .bubble fieldset blockquote{
- padding:.4em 0 .4em .4em;
- margin-top:.1em;
- color:#888;
- border-left:1px solid #ccc;
- width:90%
- }
- #forum_container #posts .postmsg .bubble fieldset blockquote img{
- max-width:80%
- }
- #forum_container .replylink{
- font-weight:normal;
- font-size:.8em
- }
- #forum_container .deleteduserpost{
- font-size:.85em;
- color:#777
- }
- #forum_container form{
- width:26em;
- margin-top:1em
- }
- #forum_container form h3{
- text-align:right
- }
- #forum_container form label{
- padding:0 0 .2em 0
- }
- #forum_container form label{
- font-weight:bold;
- font-size:.9em;
- padding:.1em 0;
- margin-top:.2em
- }
- #forum_container form input{
- border:1px solid #aaa
- }
- #forum_container form textarea{
- margin-bottom:.25em;
- border:1px solid #aaa;
- width:30em;
- height:16em;
- font-size:15px
- }
- #forum_container form input:focus,#forum_container form textarea:focus{
- background-color:#fff;
- border:1px solid #b11
- }
- #addon_container #credit-card-form{
- border:1px solid #ccc;
- padding:.4em .8em;
- width:250px
- }
- #addon_container #credit-card-pay-button{
- font-size:.9em;
- font-weight:normal;
- border:0;
- border-radius:3px;
- background-color:#b11;
- color:#fff;
- padding:.6em;
- cursor:pointer;
- opacity:.8;
- margin-top:10px;
- margin-bottom:0
- }
- #addon_container #credit-card-pay-button.invalid{
- background-color:#999
- }
- #addon_container #credit-card-pay-button:hover{
- opacity:1
- }
- #addon_container .braintree-label{
- font-size:.7em;
- text-transform:uppercase;
- color:#666
- }
- #addon_container .hosted-field{
- height:30px
- }
- #addon_container #gift{
- position:relative
- }
- #addon_container #gift #gift-icon{
- position:absolute;
- bottom:0;
- right:-5px
- }
- #addon_container #donate_paypal{
- margin:0
- }
- #addon_container #donate_bitcoins{
- height:40px
- }
- #addon_container .purchased{
- float:right;
- font-size:.9em;
- color:#911
- }
- #addon_container #tokeninfo{
- margin:3px;
- background-color:#ddd;
- border-radius:2px;
- padding:10px;
- width:254px;
- position:relative
- }
- #addon_container #tokeninfo a.close{
- position:absolute;
- top:-13px;
- right:-13px;
- width:16px;
- height:16px;
- text-align:center;
- border:1px solid #aaa;
- background-color:#fff;
- border-radius:8px
- }
- #addon_container #token_offers>*{
- border-radius:2px;
- padding:4px;
- display:inline-block;
- vertical-align:middle;
- width:80px;
- border:1px solid #ccc;
- margin:0 4px 4px 0;
- cursor:pointer
- }
- #addon_container #token_offers>*:hover{
- background-color:#eee
- }
- #addon_container #token_offers>*.sel{
- background-color:#ddd;
- border-color:#b11
- }
- #addon_container #buytokens img{
- border:0
- }
- #addon_container #cannotfind{
- border:2px solid #b11;
- color:#b11;
- padding:10px;
- text-align:center;
- background-color:#eee
- }
- #addon_container #target{
- display:none
- }
- #addon_container #target input{
- border:1px solid grey
- }
- #addon_container #numtokens{
- color:#444;
- margin-bottom:20px;
- font-weight:normal
- }
- #addon_container #tokens a{
- font-size:.9em;
- float:right
- }
- #addon_container #tokens a.sel{
- color:#b11
- }
- #addon_container h6{
- background:url(../../view/images/bullet.png) no-repeat left center;
- padding-left:10px;
- font-weight:bold;
- color:#333;
- margin-bottom:.5em
- }
- #addon_container form{
- margin:.5em 0
- }
- #addon_container select{
- border:1px solid grey;
- margin-bottom:5px
- }
- #addon_container #modules{
- width:100%
- }
- #addon_container #modules .module{
- box-sizing:border-box;
- width:48%;
- padding:.5em
- }
- #addon_container #modules .module h5{
- font-size:1em;
- font-weight:bold;
- color:#b11;
- padding:.2em 0;
- border:0
- }
- #addon_container #modules .module p{
- border-radius:3px;
- padding:1em;
- background-color:#ddd;
- font-size:1em;
- line-height:1.1em;
- overflow:hidden;
- word-wrap:break-word
- }
- #addon_container #modules .module .moduleinfo{
- font-size:.9em;
- color:#777;
- text-align:right;
- padding:5px 0
- }
- #addon_container #modules .module .yourinfo{
- font-size:.9em;
- text-align:right
- }
- #addon_container #target input{
- font-size:1.1em;
- padding:10px
- }
- #addon_container .actionbar{
- margin-top:.25em;
- padding:5px;
- background-color:#eee
- }
- #addon_container .actionbar div{
- float:left;
- font-weight:bold
- }
- #addon_container .actionbar a{
- float:right;
- color:#b11;
- border:1px solid #b11
- }
- #addon_container .actionbar a:hover{
- color:#fff
- }
- #addon_container .inform{
- margin-top:.5em
- }
- #addon_container .inform li{
- padding-left:20px;
- background:url(../../view/images/bullet.png) no-repeat left 5px;
- margin:.5em 0
- }
- #admin_container ul#role_list>*{
- display:inline-block;
- width:100px;
- margin:5px
- }
- #admin_container #achievement_container table td,#admin_container #achievement_container table th{
- padding-right:1em
- }
- #admin_container #achievement_container #roles>*{
- vertical-align:middle;
- display:inline-block;
- margin-right:5px;
- cursor:pointer
- }
- #admin_container .indent{
- margin-left:1em
- }
- #admin_container #commands{
- float:left;
- clear:both;
- height:50em;
- padding-right:1em
- }
- #admin_container #commands li{
- float:left;
- clear:left;
- margin:2px 0
- }
- #admin_container #commands a{
- display:block
- }
- #admin_container #commands a:hover{
- color:#911
- }
- #admin_container #admindetails pre{
- font-family:courier;
- word-wrap:break-word
- }
- #admin_container #dbcontrols{
- float:left;
- width:804px;
- margin-bottom:1em
- }
- #admin_container #dbcontrols a{
- float:left;
- font-size:.9em;
- margin-right:1em
- }
- #admin_container #dbwindow{
- width:804px;
- float:left;
- clear:left
- }
- #admin_container #olddb,#admin_container #newdb{
- overflow:hidden;
- height:auto;
- width:400px;
- float:left;
- margin-right:2px
- }
- #admin_container .dbinput{
- margin-top:1em
- }
- #admin_container .dbtable td{
- padding:1em 0 0;
- font-weight:bold
- }
- #admin_container .dbfield{
- font-size:.9em
- }
- #admin_container .dbfield td:first-child{
- padding:.5em 0 .5em 1em
- }
- #admin_container .dbfieldattr{
- font-size:.8em
- }
- #admin_container .dbfieldattr td:first-child{
- padding-left:2em
- }
- #admin_container #userpage{
- float:left
- }
- #admin_container td{
- vertical-align:middle;
- padding-right:1em
- }
- #admin_container #admin_email #email_body{
- background-color:#eee;
- margin:1em 0;
- padding:1em;
- float:left;
- border:1px solid #000
- }
- .comment-lt{
- height:20px;
- line-height:20px;
- font-size:.9em;
- color:#777;
- font-weight:normal
- }
- .comment-lt:after{
- content:"";
- font-family:FontAwesome;
- color:#b11;
- font-size:12px;
- margin-left:2px;
- position:relative;
- top:-5px
- }
- .commentbox{
- width:100%;
- color:#222
- }
- .commentbox .comment{
- margin-bottom:15px
- }
- .commentbox .comment .lt-comment{
- width:32px;
- height:32px;
- float:left;
- margin:0 5px 5px 0
- }
- .commentbox .comment .lt-comment img{
- border:1px solid #ddd;
- width:30px;
- height:30px
- }
- .commentbox .comment a:hover{
- text-decoration:underline
- }
- .commentbox .comment .rt-comment{
- padding-left:5px;
- margin-left:10px
- }
- .commentbox .bubble{
- position:relative;
- margin-top:5px;
- line-height:1.2em;
- overflow-x:hidden
- }
- .commentbox .bubble_i{
- border-radius:2px;
- background-color:#efefef;
- padding:8px 10px;
- padding-top:5px;
- float:left
- }
- .commentbox .bubble_i .msg{
- font-size:.9em;
- margin-top:5px;
- overflow-x:hidden
- }
- .commentbox .bubble_i .msg img{
- max-height:200px;
- max-width:200px
- }
- .commentbox .bubble_i .msg.negged{
- color:#bbb
- }
- .commentbox .bubble_i .msg.negged .msg-inner{
- display:none
- }
- .commentbox .bubble_i .msg.negged:hover{
- color:#555
- }
- .commentbox .bubble_i .msg.negged:hover .hidden-msg{
- display:none
- }
- .commentbox .bubble_i .msg.negged:hover .msg-inner{
- display:block
- }
- .commentbox .bubble>a.close{
- position:absolute;
- bottom:2px;
- right:2px
- }
- .commentbox .mini_vote{
- margin-left:5px
- }
- .commentbox .mini_vote a{
- margin:0
- }
- .commentbox .created{
- color:#888;
- font-size:.8em;
- margin-left:2px
- }
- .commentbox .inner{
- font-size:.9em;
- padding:1.2em;
- line-height:1.2em;
- overflow-x:hidden
- }
- .commentbox .commentinfo{
- position:relative;
- z-index:2
- }
- .commentbox .commentinfo a{
- color:#b44;
- font-size:.9em
- }
- .commentbox .commentinfo div.grey.smallfont{
- font-size:.8em;
- display:inline-block
- }
- .commentbox .emptycomment{
- font-size:.9em;
- margin-top:1em;
- color:#b22
- }
- .commentbox .comment_form{
- display:inline-block
- }
- .commentbox .comment_form .inner{
- background-color:#ddd;
- padding:1em;
- border-radius:2px
- }
- .commentbox .comment_form textarea{
- font-size:15px;
- word-spacing:.2em;
- padding:.5em;
- width:25em;
- height:2em;
- background-color:#ddd;
- border:none!important;
- -webkit-transition-property:width,height;
- transition-property:width,height;
- -webkit-transition-duration:.5s;
- transition-duration:.5s
- }
- .commentbox .comment_form textarea:hover{
- background-color:#fff
- }
- .commentbox .comment_form textarea:focus{
- border:1px solid #b11;
- background-color:#fff;
- height:10em
- }
- .commentbox .comment_form .comment_submit_container{
- display:none;
- text-align:right
- }
- .commentbox .comment_form .comment_submit_container input[type=submit]{
- display:inline-block
- }
- .commentbox .comment_form .commenttext:focus{
- height:10em
- }
- #family_container.white{
- color:#fff
- }
- #family_container.white #family-title i[class^=icon-]{
- color:#fff
- }
- #family_container.white .bgwhite{
- opacity:.95
- }
- #family_container #family_stats_points table,#family_container #family_stats_percentage table,#family_container #family_stats_achieve table{
- width:100%
- }
- #family_container #family_stats_points td,#family_container #family_stats_percentage td,#family_container #family_stats_achieve td{
- padding:3px
- }
- #family_container #family-title h2{
- font-size:1.4em;
- font-weight:normal
- }
- #family_container #family-title>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #family_container #family-title a{
- font-weight:normal
- }
- #family_container #familyinfo img{
- border:1px solid grey
- }
- #family_container #familyinfo img.main{
- width:100px;
- height:100px
- }
- #family_container #familyinfo .family_totals{
- margin-top:10px;
- max-width:140px;
- font-size:.9em;
- overflow:hidden
- }
- #family_container #familyinfo .family_totals>*{
- margin-bottom:5px
- }
- #family_container #familyinfo .family_totals .trophies{
- width:120px
- }
- #family_container #familyinfo table .family_info{
- padding:.5em;
- border-bottom:1px solid #ccc
- }
- #family_container #familyinfo table td{
- vertical-align:top;
- padding:.25em
- }
- #family_container #familyinfo table td.red{
- padding-right:1em;
- color:#911;
- font-weight:bold;
- font-size:.9em
- }
- #family_container .confirmed_members.can_sort .member{
- cursor:grab;
- cursor:-webkit-grab
- }
- #family_container .member{
- margin-bottom:5px;
- position:relative
- }
- #family_container .member .leader{
- right:40px
- }
- #family_container .member .settings_menu{
- cursor:default;
- position:absolute;
- top:50%;
- right:0;
- margin-top:-10px
- }
- #family_container .invited{
- background-color:#ddd;
- padding:5px
- }
- #family_container .invited .familycontrol{
- text-align:center;
- font-size:.95em;
- color:#888
- }
- #family_container .editable:hover{
- background-color:#ff8;
- cursor:pointer
- }
- #family_container #mission_container #mission,#family_container #mission_container .wmd-preview{
- overflow:hidden;
- font-size:.9em;
- width:520px;
- line-height:1.2em
- }
- #family_container #totalpoints{
- font-weight:bold
- }
- #form_container fieldset{
- padding:.8em
- }
- #form_container legend{
- color:#444;
- font:bold 1.2em arial
- }
- #form_container form p{
- margin-bottom:2px;
- position:relative
- }
- #form_container label{
- font-size:.9em;
- display:block;
- float:left;
- width:8em;
- line-height:1.3em;
- height:1.3em;
- text-align:right;
- padding-right:.5em
- }
- #form_container label.error{
- position:absolute;
- width:150px;
- height:auto;
- background-color:#fff;
- border:1px solid #ccc;
- top:0;
- right:-140px;
- z-index:4;
- padding:.5em;
- text-align:center;
- color:#b11
- }
- #form_container input[type=text],#form_container input[type=password]{
- font-size:1.1em;
- height:1.2em;
- padding:.25em;
- border:1px solid gray;
- margin:2px 0
- }
- #form_container input[type=text]:focus,#form_container input[type=password]:focus{
- border-color:#b11
- }
- #form_container textarea:focus{
- border-color:#b11
- }
- #form_container input[type=checkbox]{
- float:left;
- width:1.3em;
- height:1.3em
- }
- #form_container input[type=submit]{
- margin-top:.3em;
- margin-bottom:.3em;
- border:1px solid gray;
- width:auto
- }
- #form_container textarea{
- font-size:15px;
- border:1px solid gray
- }
- .tip_body.select_possible_tip{
- overflow:visible;
- position:relative;
- max-width:200px;
- padding:1em
- }
- .tip_body.select_possible_tip>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- .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{
- top:-6px;
- right:-16px
- }
- .tip_body.select_possible_tip .roleimg{
- cursor:pointer
- }
- .meeting_instruction .tip_body,.minigame_instructions .tip_body{
- text-align:center;
- padding:10px;
- font-size:.9em;
- width:100px
- }
- body.has_lobby_background #header{
- opacity:.9;
- background-color:#fff
- }
- body.mafia-game-body #videochat{
- width:1060px;
- margin:0 auto;
- z-index:5;
- position:relative
- }
- #game-container.game{
- z-index:0;
- position:relative;
- min-height:100%
- }
- #game-container.game.day{
- background:#c9dbe9;
- background:-webkit-linear-gradient(#c9dbe9,#fff);
- background:linear-gradient(#c9dbe9,#fff)
- }
- #game-container.game.day .sun,#game-container.game.day .cloud{
- display:block
- }
- #game-container.game.day #content{
- opacity:.97
- }
- #game-container.game.night{
- background:url(/images/mafia/stars.png) repeat bottom center #222
- }
- #game-container.game.night .moon,#game-container.game.night .stars{
- display:block
- }
- #game-container.game h5{
- border-bottom:0
- }
- #game-container.game .prop{
- display:none;
- position:absolute;
- z-index:-2
- }
- #game-container.game .moon{
- right:2%;
- top:2%;
- width:168px;
- height:168px;
- background:transparent url(/images/mafia/moon.png) no-repeat center center;
- opacity:.8;
- z-index:-3
- }
- #game-container.game .sun{
- right:0;
- top:-41px;
- width:150px;
- height:152px;
- background:transparent url(/images/mafia/sun.png) no-repeat center center;
- z-index:-3
- }
- #game-container.game .cloud{
- width:200px;
- height:60px;
- background:#eee;
- border-radius:200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- z-index:-2
- }
- #game-container.game .cloud:before,#game-container.game .cloud:after{
- content:"";
- position:absolute;
- background:#fff;
- width:100px;
- height:80px;
- position:absolute;
- top:-15px;
- left:10px;
- border-radius:100px;
- -moz-border-radius:100px;
- -webkit-border-radius:100px;
- -webkit-transform:rotate(30deg);
- transform:rotate(30deg);
- -moz-transform:rotate(30deg)
- }
- #game-container.game .cloud:after{
- width:120px;
- height:120px;
- top:-55px;
- left:auto;
- right:15px
- }
- #game-container.game .cloud_2{
- top:-100px;
- left:-14px;
- -webkit-transform:scale(.6);
- transform:scale(.6);
- opacity:.6
- }
- #game-container.game .cloud_3{
- right:0;
- top:147px;
- -webkit-transform:scale(.8);
- transform:scale(.8);
- opacity:.8
- }
- #game-container.game #content{
- padding-top:20px;
- border:1px solid #ccc;
- background:#fff;
- z-index:1
- }
- #content.fullscreen{
- width:95%
- }
- #content.fullscreen #game_container{
- width:95%;
- z-index:1
- }
- #content.hide_timestamp .timestamp{
- display:none
- }
- #content.hide_voting .log_voting{
- display:none
- }
- #classroom{
- position:fixed;
- bottom:0;
- left:10px;
- z-index:6000
- }
- #classroom>*{
- display:inline-block;
- vertical-align:bottom;
- margin-right:10px
- }
- #classroom #mentors,#classroom #students,#classroom .classroom{
- background-color:#fff;
- box-shadow:0 0 20px #ccc
- }
- #classroom .classroom{
- width:200px
- }
- #classroom .classroom .classroom_talk{
- font-size:.8em;
- margin-bottom:5px
- }
- #classroom .classroom .classroom_talk b{
- font-weight:bold
- }
- #classroom .classroom .header{
- border-bottom:1px solid #ccc;
- background-color:#ccc;
- height:20px;
- cursor:pointer;
- position:relative
- }
- #classroom .classroom .header:hover{
- background-color:#eee
- }
- #classroom .classroom .msg{
- min-height:150px;
- max-height:200px;
- overflow-y:scroll;
- overflow-x:hidden;
- padding:4px;
- padding-bottom:10px
- }
- #classroom .classroom input[type=text]{
- display:block;
- width:186px;
- font-size:.9em;
- padding:5px
- }
- #classroom .classroom .close{
- z-index:6;
- display:block;
- width:20px;
- height:20px;
- line-height:20px;
- text-align:center;
- position:absolute;
- top:0;
- right:0
- }
- #game_container{
- min-height:800px;
- position:relative
- }
- #game_container .game_option.sel+i{
- color:#b11
- }
- #game_container #setup_strategy{
- height:20px;
- width:0;
- cursor:pointer;
- margin-left:8px;
- position:relative
- }
- #game_container #setup_strategy:hover{
- background-color:#ffa
- }
- #game_container #setup_strategy #setup_strategy_inner{
- position:relative;
- top:1.2em;
- left:-1.2em;
- width:28em;
- z-index:10;
- padding:.5em;
- background-color:#fff;
- border:1px solid #aaa
- }
- #game_container #setup_strategy #setup_strategy_inner .wiki_link{
- font-size:.9em;
- font-weight:normal
- }
- #game_container #setup_strategy #setup_strategy_inner .wiki_link>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:8px;
- zoom:1;
- *display:inline
- }
- #game_container #setup_strategy #setup_strategy_inner a.close{
- position:absolute;
- top:5px;
- right:5px;
- font-size:.9em;
- font-weight:normal
- }
- #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title{
- @extent .pretty_font;
- padding:.4em;
- cursor:pointer;
- font-size:.8em;
- font-weight:bold;
- background-color:#eee;
- border-bottom:1px solid #aaa
- }
- #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title:hover{
- background-color:#ffa
- }
- #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_title>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #game_container #setup_strategy #setup_strategy_inner #strategies_inner .strategy_descr{
- font-size:.9em;
- padding:.5em;
- display:none;
- overflow-y:auto;
- max-height:30em
- }
- #game_container #game{
- position:relative
- }
- #game_container #game.graphical .userbox{
- width:120px
- }
- #game_container #game.graphical .userbox .user_inner_li .username{
- max-width:45px
- }
- #game_container #game.graphical .cmds{
- width:120px
- }
- #game_container #game #lower-right{
- position:absolute;
- bottom:10px;
- right:5px;
- text-align:right;
- z-index:8
- }
- #game_container #game #lower-right>*{
- margin-left:5px;
- display:inline-block
- }
- #game_container #game #lower-right #settings{
- border:1px solid transparent;
- width:20px;
- height:20px;
- position:relative
- }
- #game_container #game #lower-right #settings:before{
- content:"";
- font-family:FontAwesome;
- color:#ccc;
- font-size:18px;
- line-height:29px
- }
- #game_container #game #lower-right #settings #settings_inner{
- display:none
- }
- #game_container #game #lower-right #settings:hover:before{
- color:#b11
- }
- #game_container #game #lower-right #settings:hover #settings_inner{
- border-radius:2px;
- font-size:.85em;
- color:#777;
- position:absolute;
- padding:5px;
- border:1px solid #aaa;
- background-color:#efefef;
- width:120px;
- height:188px;
- bottom:20px;
- right:-5px;
- display:block
- }
- #game_container #game #lower-right #settings:hover #settings_inner .setting{
- padding:2px
- }
- #game_container #game #lower-right #settings:hover #settings_inner .setting>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #game_container #game_title h5{
- padding:0;
- font-size:2em
- }
- #game_container #statewrap{
- background-color:#ddd
- }
- #game_container #statebox{
- position:relative;
- padding:4px 0;
- color:#555;
- margin:0 0 .4em;
- width:100%;
- height:1.6em;
- line-height:1.6em;
- text-align:center
- }
- #game_container #statebox h2{
- margin:0;
- font-weight:normal
- }
- #game_container #gameheader_rt>*{
- display:inline-block;
- vertical-align:middle
- }
- #game_container #game-info-row{
- padding-bottom:2px
- }
- #game_container #leavegame_cont>*{
- display:inline-block;
- vertical-align:middle
- }
- #game_container #leavegame_cont #game_breadcrumb{
- padding:5px;
- padding-right:10px;
- font-size:.8em;
- height:20px;
- line-height:20px;
- color:#b11;
- margin-top:2px
- }
- #game_container #leavegame_cont #game_breadcrumb>*{
- vertical-align:middle
- }
- #game_container #leavegame_cont #game_breadcrumb img{
- margin-right:3px
- }
- #game_container #leavegame_cont #leavetable{
- font-size:.8em
- }
- #game_container #leavegame_cont #leavetable_confirm{
- font-size:.9em
- }
- #game_container #leavegame_cont #leavetable_confirm a{
- font-size:.8em
- }
- #game_container #leavegame_cont #leavetable_confirm>*{
- margin-left:5px
- }
- #game_container #leavegame_cont #leavetable_confirm span{
- font-weight:normal;
- color:#888
- }
- #game_container .unranked_buffer{
- width:1em
- }
- #game_container .unranked_opts>*{
- vertical-align:middle
- }
- #game_container #startseconds{
- margin:0 .5em
- }
- #game_container .minichat-chat-bubble{
- position:absolute;
- top:-15px;
- right:-15px;
- width:20px;
- height:20px;
- opacity:0;
- background-size:contain;
- background-image:url(/images/chat-bubble.png);
- -webkit-transition-property:all;
- transition-property:all;
- -webkit-transition-duration:.25s;
- transition-duration:.25s;
- -webkit-transform:scale(0);
- transform:scale(0)
- }
- #game_container .minichat-chat-bubble.chatting{
- -webkit-transform:scale(.9);
- transform:scale(.9);
- opacity:.8
- }
- #game_container .minichat{
- position:absolute;
- top:-10px;
- right:-10px;
- width:20px;
- height:20px
- }
- #game_container .minichat.chatting{
- background:url(/images/bubble.png) no-repeat center right
- }
- #game_container .userbox{
- padding:0 5px 0 8px;
- height:100%;
- float:left;
- width:auto;
- max-width:15em;
- overflow-y:auto;
- overflow-x:hidden
- }
- #game_container .userbox h2{
- color:#b11;
- font-weight:normal
- }
- #game_container .userbox ul{
- margin:0;
- padding:0;
- width:auto;
- clear:left
- }
- #game_container .userbox ul li{
- margin:0;
- padding:0;
- position:relative;
- padding:2px 0;
- width:auto
- }
- #game_container .userbox ul li.user_li.anonymous_li{
- position:relative
- }
- #game_container .userbox ul li.user_li.anonymous_li .real_username{
- position:absolute;
- top:0;
- right:0;
- font-size:.8em;
- color:#b11;
- margin:0
- }
- #game_container .userbox ul li.user_li.anonymous_li .real_username img{
- width:30px;
- height:30px;
- margin:0
- }
- #game_container .userbox ul li.user_li{
- cursor:pointer
- }
- #game_container .userbox ul li.user_li>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px;
- zoom:1;
- *display:inline
- }
- #game_container .userbox ul li.user_li .trophy{
- position:absolute;
- top:0;
- right:0
- }
- #game_container .userbox ul li.user_li .hide{
- display:none
- }
- #game_container .userbox ul li.user_li .img_cont{
- position:relative
- }
- #game_container .userbox ul li.user_li .img_cont img{
- width:30px;
- height:30px
- }
- #game_container .userbox ul li.user_li>.roleimg{
- position:relative;
- display:inline-block;
- margin:0;
- width:20px
- }
- #game_container .userbox ul li.user_li>.roleimg:hover{
- background-color:#efefef
- }
- #game_container .userbox ul li.user_li>.roleimg .align{
- display:block;
- position:absolute;
- bottom:-5px;
- right:-5px;
- width:10px;
- height:10px;
- border-radius:2px;
- background-color:#dbe355
- }
- #game_container .userbox ul li.user_li>.roleimg .align.village{
- background-color:#93b7f2
- }
- #game_container .userbox ul li.user_li>.roleimg .align.mafia{
- background-color:#000
- }
- #game_container .userbox ul li.user_li>.roleimg .select_possible{
- display:none
- }
- #game_container .userbox ul li.user_li .user_inner_li>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #game_container .userbox ul li.user_li .user_inner_li:hover,#game_container .userbox ul li.user_li .user_inner_li.sel{
- background-color:#efefef
- }
- #game_container .userbox ul li .pip{
- z-index:100
- }
- #game_container .userbox ul li .username{
- width:7em;
- overflow:hidden;
- line-height:30px;
- height:30px;
- padding-right:20px;
- width:auto;
- max-width:120px;
- font-weight:normal;
- color:#444
- }
- #game_container .userbox ul li .username.grey{
- color:#aaa
- }
- #game_container .userbox ul li .roleimg{
- position:relative
- }
- #game_container .userbox ul li .roleimg sup{
- position:absolute;
- top:-5px;
- left:-3px;
- font-weight:bold;
- font-size:.8em;
- color:#888
- }
- #game_container .userbox ul li:hover .ban_link{
- display:block
- }
- #game_container .userbox ul li .user_tabs a{
- margin-right:10px
- }
- #game_container .userbox .roleimg{
- margin-top:5px
- }
- #game_container .userbox img{
- border:1px solid #ccc;
- margin:0
- }
- #game_container .userbox .setupdiv{
- line-height:30px
- }
- #game_container .personal{
- margin-top:.1em;
- font-size:.9em;
- text-align:center
- }
- #game_container .profile_link{
- font-size:.8em;
- text-align:center;
- margin-top:.2em
- }
- #game_container .canvas{
- position:relative;
- width:724px;
- height:550px;
- position:relative;
- float:left;
- z-index:0
- }
- #game_container .canvas.day{
- background:url(/images/day.png?123) no-repeat top left
- }
- #game_container .canvas.night{
- background:url(/images/night.png?123) no-repeat top left
- }
- #game_container .canvas #system-messages{
- padding:8px;
- font-size:.6em;
- position:absolute;
- bottom:0;
- left:0;
- width:150px;
- height:250px;
- overflow-y:auto;
- background-color:#bbb;
- opacity:.9;
- color:#b11
- }
- #game_container .canvas #objective{
- position:absolute;
- top:10px;
- left:50%;
- margin-left:-200px;
- width:400px;
- background-color:#555;
- opacity:.8;
- border-radius:2px;
- padding:10px;
- font-size:1em;
- color:#eee;
- text-align:center
- }
- #game_container .canvas .speech-bubble{
- opacity:.95;
- font-size:.7em;
- opacity:0;
- -webkit-transition-property:opacity;
- transition-property:opacity;
- -webkit-transition-duration:.5s;
- transition-duration:.5s;
- z-index:-1
- }
- #game_container .canvas .speech-bubble.anonymous{
- position:absolute;
- bottom:300px;
- left:480px
- }
- #game_container .canvas .speech-bubble.anonymous .speech-bubble-i{
- width:200px
- }
- #game_container .canvas .speech-bubble.spoke{
- opacity:1
- }
- #game_container .canvas .speech-bubble .speech-bubble-i{
- box-shadow:2px 2px 2px #aaa;
- height:auto;
- background-color:#ddd;
- padding:5px;
- z-index:5;
- border-radius:2px;
- position:relative
- }
- #game_container .canvas .speech-bubble .speech-bubble-i .msg{
- overflow-x:hidden;
- margin-bottom:5px
- }
- #game_container .canvas .speech-bubble .speech-bubble-i .msg:last-child{
- margin-bottom:0
- }
- #game_container .canvas .speech-bubble .speech-bubble-i .arrow{
- position:absolute;
- border:10px solid;
- border-color:#ddd transparent transparent transparent;
- z-index:15
- }
- #game_container .canvas #canvas-player-area{
- position:absolute;
- display:block;
- top:360px;
- left:175px;
- width:525px;
- height:180px;
- background-color:#888;
- opacity:0;
- cursor:pointer
- }
- #game_container .canvas #canvas-player-area:hover{
- border:1px solid #ddd;
- opacity:.3
- }
- #game_container .canvas .canvas-player{
- position:absolute;
- -webkit-transition-property:top,left;
- transition-property:top,left;
- -webkit-transition-duration:.5s;
- transition-duration:.5s
- }
- #game_container .canvas .canvas-player .canvas-player-inner{
- position:relative
- }
- #game_container .canvas .canvas-player .canvas-player-inner .villagers-img,#game_container .canvas .canvas-player .canvas-player-inner .roleimg{
- z-index:2
- }
- #game_container .canvas .canvas-player .canvas-player-inner .avatar{
- position:absolute;
- top:-5px;
- left:-5px;
- width:15px;
- height:15px;
- z-index:-1
- }
- #game_container .canvas .canvas-player .canvas-player-inner .rip{
- position:absolute;
- bottom:-8px;
- right:-3px
- }
- #game_container .canvas .canvas-player .canvas-player-inner .speech-bubble{
- position:absolute;
- bottom:30px;
- left:0
- }
- #game_container .cmds{
- cursor:default;
- float:right;
- width:auto;
- max-width:15em;
- min-width:10em;
- height:35em;
- overflow-y:auto;
- overflow-x:hidden;
- padding-left:5px
- }
- #game_container .cmds h2{
- font-weight:normal
- }
- #game_container .cmds #kudo_i td{
- padding:0 5px 5px 0
- }
- #game_container .chat{
- height:100%
- }
- #game_container .chat form>*{
- margin-right:5px
- }
- #game_container .window{
- position:relative;
- background-color:#eee;
- font-size:.85em;
- padding:.5em;
- height:90%;
- line-height:1.4em;
- overflow-y:auto;
- overflow-x:hidden;
- -khtml-user-select:none;
- -moz-user-select:none
- }
- #game_container .screen{
- position:relative;
- width:100%;
- height:35em;
- overflow-y:visible;
- z-index:2
- }
- #game_container .screen .form_lastwill textarea{
- border:0;
- padding:5px;
- background:url(/images/paper.png) no-repeat center center;
- width:140px;
- height:90px;
- font-family:Georgia,Times
- }
- #game_container .screen .track_user{
- position:absolute;
- top:1em;
- left:11em;
- z-index:500;
- padding:1em;
- background-color:#fff;
- border:1px solid #ccc;
- width:350px
- }
- #game_container .screen .track_user .user_header{
- overflow-x:hidden;
- height:30px;
- line-height:30px;
- position:relative;
- margin-bottom:3px
- }
- #game_container .screen .track_user .user_header>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #game_container .screen .track_user .user_header .track_role{
- cursor:pointer
- }
- #game_container .screen .track_user .user_header .track_role:hover{
- background-color:#ddd
- }
- #game_container .screen .track_user .user_header .roleimg{
- display:inline-block
- }
- #game_container .screen .track_user .user_header .user_header_avatar{
- height:30px
- }
- #game_container .screen .track_user .user_header img{
- border:1px solid #ccc
- }
- #game_container .screen .track_user .user_header .personal .age{
- font-size:1.1em
- }
- #game_container .screen .track_user .user_header .user_header_right{
- position:absolute;
- top:0;
- right:0;
- height:30px;
- line-height:30px
- }
- #game_container .screen .track_user .user_tabs{
- margin-top:.5em
- }
- #game_container .screen .track_user .user_tabs>a{
- font-weight:normal;
- display:inline-block;
- margin-right:.5em
- }
- #game_container .screen .track_user .user_tabs>a .ban_link{
- display:none
- }
- #game_container .screen .track_user .user_tabs a.sel{
- color:#b11
- }
- #game_container .screen .track_user .user_content .user_content_info{
- padding:.5em 0;
- border:1px dotted #ccc;
- border-width:1px 0 0 0
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track{
- font-size:1.2em;
- z-index:500
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track #user_pie{
- overflow:hidden
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .friend_info{
- padding:5px;
- font-size:.9em;
- color:grey;
- text-align:center
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track h4{
- font-weight:bold;
- font-size:1em
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .gchart{
- margin:0 auto
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_stickers{
- margin-top:5px
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .stickers{
- max-width:15em
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_rank{
- margin:.25em auto;
- text-align:center;
- font-size:.9em;
- color:#911;
- font-weight:normal
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements{
- width:17em;
- font-size:.8em;
- margin:1.5em 0
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements .user_achievement{
- margin-top:.25em;
- display:inline-block;
- width:10em;
- margin-right:.5em
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements .user_achievement>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.3em;
- margin-top:0
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .user_achievements .user_achievement .achieve_name{
- font-size:.9em;
- color:#b11
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .profile_links{
- text-align:center;
- margin-top:10px;
- font-size:.8em
- }
- #game_container .screen .track_user .user_content .user_content_info .userinfo_track .profile_links a{
- font-weight:normal;
- margin:0 .5em
- }
- #game_container .screen .track_user .user_content .user_content_note .notes{
- width:320px;
- padding:.5em;
- height:15em;
- background-color:#efefef;
- font-family:arial,helvetica;
- border-color:#fff;
- font-size:1.2em
- }
- #game_container .screen .track_user .user_content .user_content_role h4{
- font-weight:bold;
- font-size:1.1em;
- margin:.5em 0
- }
- #game_container .screen .track_user .user_content .user_content_role .rolebox>*{
- display:inline-block;
- margin:0 5px 5px 0;
- cursor:pointer
- }
- #game_container .screen .track_user .user_content .user_content_report h4{
- font-weight:bold;
- font-size:1.1em;
- margin:.5em 0
- }
- #game_container .screen .track_user .user_content .user_content_report form .create_status{
- font-size:15px;
- padding:1em;
- background-color:#eee;
- width:auto;
- margin:.5em 0
- }
- #game_container .screen .track_user .user_content .user_content_report form .create_status.error{
- color:#911;
- border-color:#911
- }
- #game_container .screen .track_user .user_content .user_content_report form .create_status.success{
- color:#191;
- border-color:#191
- }
- #game_container form input[type=submit]{
- border:1px solid grey
- }
- #game_container #typebox{
- margin-top:4px;
- border:1px solid #aaa;
- font-size:1.1em;
- color:#666;
- width:14em;
- border-radius:3px;
- padding:3px
- }
- #game_container #typebox.selected{
- border-color:#911
- }
- #game_container #speak_button{
- height:20px
- }
- #game_container #speak{
- float:left
- }
- #game_container .meet_user{
- font-size:.9em;
- font-weight:bold;
- color:#555;
- width:100%
- }
- #game_container .meet_user>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px;
- zoom:1;
- *display:inline
- }
- #game_container .custom_meeting_name{
- color:#B00
- }
- #game_container .meet_entity{
- margin:0 .2em
- }
- #game_container .meet_username{
- color:#b44
- }
- #game_container .meetbox{
- margin-bottom:1em;
- padding:.4em;
- padding-left:0
- }
- #game_container .meetbox.ended .votebooth,#game_container .meetbox.ended .input{
- display:none
- }
- #game_container .meetbox .delay_end_meeting{
- padding:5px;
- font-size:.9em;
- color:grey
- }
- #game_container .meetbox .meeting_instructions{
- text-align:center;
- border-radius:7px;
- border:1px solid #ccc;
- width:14px;
- height:14px;
- line-height:14px;
- color:#ccc
- }
- #game_container .meetbox .meeting_instructions:before{
- content:"?";
- font-size:12px
- }
- #game_container .meetbox .meeting_instructions:hover{
- color:#b11
- }
- #game_container #linkright{
- right:0;
- float:right;
- text-align:right
- }
- #game_container .inputbox{
- margin-top:1em
- }
- #game_container .inputbox h4{
- font-size:1em;
- font-weight:bold;
- color:#555;
- margin-left:2px;
- margin-bottom:.25em
- }
- #game_container .inputbox .input{
- margin-left:5px
- }
- #game_container .inputbox .input.hide{
- display:none
- }
- #game_container .inputbox .input_user_container{
- margin-left:2px
- }
- #game_container .inputbox .input_user_container>*{
- display:inline-block;
- margin-right:.4em
- }
- #game_container .inputbox .input_user_container .input_user{
- font-size:.9em;
- color:#b33;
- font-weight:bold
- }
- #game_container .inputbox .input_user_container .input_user_choice{
- font-weight:bold;
- font-size:.9em;
- color:#777
- }
- #game_container .inputbox .setgametime .inputchoice{
- font-size:.9em
- }
- #game_container .inputbox .setpick{
- margin-top:.5em;
- max-height:300px;
- overflow-y:scroll
- }
- #game_container .inputbox .setpick .inputchoice{
- cursor:pointer;
- font-size:.9em;
- font-weight:bold;
- color:grey;
- margin:.2em 0
- }
- #game_container .inputbox .setpick .inputchoice:hover{
- color:#b11
- }
- #game_container #inputbox_setitem .setitembox{
- width:100%
- }
- #game_container #inputbox_setitem .setitembox>*{
- display:inline-block;
- margin-right:5px;
- cursor:pointer;
- font-size:.9em;
- font-weight:bold;
- color:grey
- }
- #game_container #inputbox_setitem .setitembox>*:hover{
- color:#b11
- }
- #game_container #inputbox_setrole .setrolebox{
- width:100%
- }
- #game_container #inputbox_setrole .setrolebox>*{
- width:16px;
- height:16px;
- display:inline-block;
- margin:2px 2px 0 0;
- padding:2px;
- cursor:pointer
- }
- #game_container #inputbox_setrole .setrolebox>*:hover{
- background-color:#aaa
- }
- #game_container .inputchoice_button{
- margin:.5em .5em 0 0;
- vertical-align:middle;
- display:inline-block;
- color:#999;
- font-weight:bold;
- cursor:pointer
- }
- #game_container .inputchoice_button:hover{
- color:#911
- }
- #game_container .inputchoice_text{
- border:1px solid #999;
- padding:2px
- }
- #game_container .inputchoice_submit{
- font-size:.7
- }
- #game_container #linkleft{
- left:0;
- float:left;
- text-align:left;
- margin-left:5px
- }
- #game_container #linkleft a{
- margin-left:5px
- }
- #game_container #linkright{
- margin-right:5px
- }
- #game_container #linkright a{
- margin-right:5px
- }
- #game_container #linkright,#game_container #linkleft{
- position:absolute;
- width:10em;
- color:#aaa
- }
- #game_container #linkright:hover,#game_container #linkleft:hover{
- color:#911
- }
- #game_container .scrlink{
- padding:.1em
- }
- #game_container .scrlink a{
- font-weight:normal;
- font-size:.8em;
- color:#ddd;
- text-decoration:none
- }
- #game_container .scrlink:hover a{
- color:#999
- }
- #game_container #state{
- width:auto;
- text-align:center;
- height:25px;
- line-height:25px
- }
- #game_container #state span#statetext{
- display:inline;
- font-weight:normal
- }
- #game_container .log{
- color:#b44;
- font-size:1.1em;
- margin:4px;
- cursor:default
- }
- #game_container .log.vegetable{
- background:url(/images/vegetable.png) no-repeat center left;
- padding-left:20px
- }
- #game_container .log.kill{
- background:url(/images/tombstone.png) no-repeat center left;
- padding-left:22px
- }
- #game_container .log.achieve{
- background:url(/images/achieve.png) no-repeat center left;
- padding-left:22px
- }
- #game_container .log.score{
- background:url(/images/score_mini.png) no-repeat center left;
- padding-left:17px
- }
- #game_container .log.lastwill{
- background:url(/images/lastwill.png) no-repeat center left;
- padding-left:22px
- }
- #game_container #lives{
- height:19px;
- line-height:19px
- }
- #game_container .iconcenter{
- clear:both;
- line-height:15px;
- height:15px;
- float:left;
- margin-top:4px
- }
- #game_container .iconcenter img{
- margin-right:.2em;
- float:left
- }
- #game_container .speech,#game_container #keypress{
- color:#911;
- font-size:.8em;
- display:inline-block;
- vertical-align:middle
- }
- #game_container .speech.hide,#game_container #keypress.hide{
- display:none
- }
- #game_container .speech *,#game_container #keypress *{
- display:inline
- }
- #game_container .speech a,#game_container #keypress a{
- font-weight:normal
- }
- #game_container .speech a.switch,#game_container #keypress a.switch{
- font-weight:normal
- }
- #game_container .speech a.switch:hover,#game_container .speech a.switch.sel,#game_container #keypress a.switch:hover,#game_container #keypress a.switch.sel{
- color:#911
- }
- #game_container .speech select,#game_container #keypress select{
- padding:1px;
- color:#911;
- border:1px solid #fff
- }
- #game_container .speech select:hover,#game_container #keypress select:hover{
- border-color:gray
- }
- #game_container .speech select *,#game_container #keypress select *{
- display:block
- }
- #game_container #keyswitch{
- display:block;
- width:20px;
- height:20px;
- background:url(/images/chat_off.png?0) no-repeat center left
- }
- #game_container #keyswitch.on{
- background:url(/images/chat.png?0) no-repeat top left
- }
- #game_container .log_voting{
- font-size:.85em;
- padding-left:15px;
- color:#b11;
- margin:4px 0
- }
- #game_container .log_voting.unvoting{
- color:#888
- }
- #game_container .log_voting.voting{
- color:#b11
- }
- #game_container .new_meet{
- color:grey
- }
- #game_container .talk{
- margin:7px 0;
- width:100%
- }
- #game_container .talk span.acronym{
- cursor:pointer;
- border-bottom:2px dotted #888;
- position:relative
- }
- #game_container .talk span.acronym:hover{
- color:#b11;
- border-color:#b11
- }
- #game_container .talk span.acronym .acronym_descr{
- position:absolute;
- z-index:10;
- top:1.2em;
- left:0;
- display:none;
- width:14em;
- font-size:.9em;
- color:#777;
- border:2px solid #aaa;
- background-color:#fff;
- overflow:hidden;
- padding:.5em
- }
- #game_container .talk .timestamp{
- width:2em;
- font-size:.7em;
- padding-left:1em;
- color:#888;
- margin-top:-2px;
- text-align:center
- }
- #game_container .talk>*{
- display:inline-block;
- vertical-align:top
- }
- #game_container .talk>.space{
- margin:0 .5em;
- color:#777
- }
- #game_container .talk img{
- display:inline-block;
- margin:0 3px 0 2px
- }
- #game_container .talk img.msg-avatar{
- vertical-align:middle
- }
- #game_container .talk .directed_name .at_symbol{
- color:#555;
- font-weight:bold;
- font-size:1em;
- padding:0 5px;
- border:0
- }
- #game_container .talk .directed_name b{
- font-weight:bold
- }
- #game_container .talk div.name{
- min-width:9em
- }
- #game_container .talk div.name:hover{
- background-color:#ff8;
- cursor:pointer
- }
- #game_container .talk div.name b.name{
- padding-left:24px;
- float:right;
- font-weight:bold
- }
- #game_container .talk .quote_target{
- font-size:.8em;
- height:17px;
- line-height:17px;
- padding-left:5px;
- float:left;
- position:relative
- }
- #game_container .talk .quote_target:before{
- content:"“";
- font-size:18px;
- color:#aaa;
- position:absolute;
- top:0;
- left:-5px
- }
- #game_container .talk .quote{
- line-height:17px;
- font-size:.8em;
- color:#666!important;
- float:left;
- padding-left:5px;
- border-left:1px solid #ccc;
- margin-left:5px
- }
- #game_container .talk .regular{
- cursor:pointer
- }
- #game_container .talk .regular:hover{
- background-color:#ffa
- }
- #game_container .talk>span:not(.rainbowchar){
- margin-left:5px;
- border-left:1px solid #ccc;
- padding-left:8px;
- width:62%;
- padding-top:1px
- }
- #game_container .talk>span:not(.rainbowchar) .directed{
- width:40%
- }
- #game_container .talk>span:not(.rainbowchar).meing{
- border:0
- }
- #game_container .talk>span:not(.rainbowchar).special{
- display:inline
- }
- #game_container .talk>span:not(.rainbowchar) div{
- line-height:1.2em
- }
- #game_container .talk>span:not(.rainbowchar) div:last-child{
- margin-bottom:0
- }
- #game_container .talk>span:not(.rainbowchar) .msg.meing{
- color:grey
- }
- #game_container .dead{
- color:#b11
- }
- #game_container .boothhover .booth_choices{
- visibility:hidden
- }
- #game_container .boothhover:hover .booth_choices{
- visibility:visible
- }
- #game_container .booth_choices{
- margin-top:15px;
- margin-left:-11px;
- position:absolute;
- padding:5px;
- border:1px solid #911;
- height:auto;
- z-index:10;
- background-color:#fff
- }
- #game_container .boothhover+div{
- color:#aaa;
- padding-left:4px;
- font-weight:bold
- }
- #game_container .boothhover:hover+div{
- color:#911
- }
- #game_container .boothhover.sel{
- background-position:-15px -35px
- }
- #game_container .booth_inner{
- line-height:22px;
- padding:2px;
- display:block;
- font-weight:normal
- }
- #game_container .booth_inner>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px;
- zoom:1;
- *display:inline
- }
- #game_container .booth_inner img{
- border:1px solid #ccc;
- margin-right:5px
- }
- #game_container .booth_inner:hover img{
- border:1px solid #911
- }
- #game_container .booth_noimg{
- padding-left:25px
- }
- #game_container .votebooth{
- margin-top:5px;
- background-color:#fff;
- z-index:10
- }
- #game_container .votebooth>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:0;
- zoom:1;
- *display:inline
- }
- #game_container .selected{
- color:#b11
- }
- #game_container .grey{
- color:#aaa
- }
- #game_container #autokick{
- color:#888
- }
- #game_container #countcont{
- margin-left:1em
- }
- #game_container #countcont #synckick,#game_container #countcont #autokick{
- font-weight:normal;
- font-size:.9em;
- height:22px;
- line-height:20px
- }
- #game_container #countcont #synckick #kickneeded{
- margin-left:5px
- }
- #game_container #countcont #synckick #kickneeded>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #game_container #countcont #synckick #kickneeded span{
- width:15px;
- height:15px
- }
- #game_container #barcont:hover+#countdown{
- display:inline-block
- }
- #game_container #countdown{
- position:absolute;
- margin-left:2px;
- display:none;
- text-align:center;
- color:#999;
- font-weight:bold;
- font-size:.9em;
- z-index:100
- }
- #game_container #kickseconds{
- margin-left:.5em
- }
- #game_container #countwarn{
- margin-left:.5em;
- color:#911;
- display:inline;
- font-weight:normal
- }
- #game_container li.ratecontainer{
- height:30px;
- margin-right:.5em
- }
- #gamereview_container #gamereview_left .players{
- margin:1em 0
- }
- #gamereview_container #gamereview_left .players td{
- padding:.1em 1em .1em
- }
- #gamereview_container #gamereview_left #game_statistics td:first-child{
- color:#b11;
- font-weight:bold
- }
- #gamereview_container #gamereview_left #game_statistics td{
- font-size:.9em;
- padding:2px 7px 2px 0;
- color:#777
- }
- #gamereview_container #gamereview_left #given_kudos .given_kudo{
- font-size:.9em
- }
- #gamereview_container #gamereview_left #given_kudos .given_kudo>*{
- margin:0 4px;
- display:inline
- }
- #gamereview_container #gamereview_left #kudoed{
- color:#b11
- }
- #gamereview_container #gamereview_left #kudoed>*{
- display:inline-block;
- margin-right:5px
- }
- #gamereview_container #gamereview_left #kudoable-players>*{
- display:inline-block;
- margin-right:5px;
- margin-bottom:5px
- }
- #gamereview_container #gamereview_right>*{
- margin-bottom:1em
- }
- #gamereview_container #gamereview_right #gameevents table td{
- vertical-align:top;
- padding:0 5px 5px 0
- }
- #gamereview_container #gamereview_right #summaries_page .summary{
- margin-top:.5em
- }
- #gamereview_container #gamereview_right #summaries_page .summary_title_comment_vote>*,#gamereview_container #gamereview_right #summaries_page .summary_info>*{
- display:inline-block;
- vertical-align:middle
- }
- #gamereview_container #gamereview_right #summaries_page .summary_info span{
- font-size:.9em;
- color:#aaa
- }
- #gamereview_container #gamereview_right #summary_vote_comment #summary_text{
- padding:1em;
- color:#555;
- line-height:1.2em;
- font-size:.9em;
- border-left:2px solid #ccc
- }
- #gamereview_container #gamereview_right #create_summary form input,#gamereview_container #gamereview_right #create_summary form textarea{
- border:1px solid #ccc
- }
- #gamereview_container #gamereview_right #create_summary form label{
- font-size:.9em;
- font-weight:bold
- }
- #gamereview_container #gamereview_right #create_summary form textarea{
- width:95%;
- height:100px
- }
- .create_emoteid{
- display:inline-block;
- background-color:#eee;
- font-size:.9em;
- padding:5px
- }
- .create_emoteid input[type=text]{
- border:0
- }
- a.stick_lobby.sel,a.stick_lobby:hover{
- color:#b11
- }
- a.stick_lobby.sel span,a.stick_lobby:hover span{
- color:#b11
- }
- a.stick_lobby span{
- font-weight:normal
- }
- .gameevent{
- font-size:.9em;
- padding:5px 0
- }
- .gameevent-kill{
- background:url(/images/gameevents/gun.png) no-repeat center left;
- padding-left:22px
- }
- .gameevent-lynch{
- background:url(/images/lynch.png) no-repeat center left;
- padding-left:22px
- }
- .gameevent-investigate{
- background:url(/images/glass.png) no-repeat center left;
- padding-left:22px
- }
- #lobby_container h2.separator{
- border-bottom:1px solid #aaa;
- margin-bottom:5px
- }
- #lobby_container .lobby_sticky_container .inner{
- padding-top:5px
- }
- #lobby_container .lobby_sticky_container .inner a:hover{
- text-decoration:underline
- }
- #lobby_container #need_approval .need_approval{
- padding:3px
- }
- #lobby_container #need_approval .need_approval .controls a.whitebutton{
- display:inline-block
- }
- #lobby_container #your_stats table{
- width:100%
- }
- #lobby_container #your_stats table td#lobby-stat-img{
- vertical-align:top
- }
- #lobby_container #your_stats table td#lobby-stat-img img{
- width:60px;
- height:60px;
- border:1px solid #ccc
- }
- #lobby_container #your_stats table td{
- padding:0 10px 5px 0;
- font-size:.8em;
- text-align:left
- }
- #lobby_container #your_stats table td:last-child{
- padding-right:0
- }
- #lobby_container #your_stats table td.num{
- font-size:.8em;
- text-align:right
- }
- #lobby_container #your_stats table td i{
- font-size:1.1em;
- width:20px;
- text-align:center;
- display:inline-block
- }
- #lobby_container #lobby_recent_topics td{
- padding:0 3px 3px 0
- }
- #lobby_container #lobby_recent_topics .topic-name-td{
- max-width:7em;
- overflow-x:hidden;
- overflow-y:hidden;
- white-space:nowrap;
- text-overflow:ellipsis
- }
- #lobby_container #lobby_recent_topics img{
- border:1px solid #ccc
- }
- #lobby_container #lobby-poll #poll-descr{
- padding:10px;
- background-color:#eee;
- margin-bottom:10px
- }
- #lobby_container #lobby-poll #poll-choices .choice .choice_inner{
- position:relative;
- padding-bottom:2px;
- margin-left:20px
- }
- #lobby_container #lobby-poll #poll-choices .choice .choice_inner .bar{
- background-color:#b11;
- opacity:.7;
- position:absolute;
- height:2px;
- bottom:0;
- left:0;
- z-index:1
- }
- #lobby_container #lobby_menu{
- position:relative
- }
- #lobby_container #lobby_menu #stickied_lobbies.smaller li a{
- height:20px;
- line-height:24px;
- font-size:.9em
- }
- #lobby_container #lobby_menu #stickied_lobbies li{
- display:inline-block;
- vertical-align:bottom;
- margin-right:5px;
- margin-bottom:4px
- }
- #lobby_container #lobby_menu #stickied_lobbies li a{
- display:block;
- padding:3px 10px 5px;
- background-color:#ccc;
- color:#777;
- font-weight:normal;
- height:26px;
- line-height:27px;
- min-width:5em;
- text-align:center
- }
- #lobby_container #lobby_menu #stickied_lobbies li a>img,#lobby_container #lobby_menu #stickied_lobbies li a span{
- display:inline-block;
- vertical-align:middle
- }
- #lobby_container #lobby_menu #stickied_lobbies li a span{
- color:#555;
- font-weight:normal
- }
- #lobby_container #lobby_menu #stickied_lobbies li a img{
- margin-right:3px;
- border:0
- }
- #lobby_container #lobby_menu #stickied_lobbies li a#lobby_more{
- min-width:0
- }
- #lobby_container #lobby_menu #stickied_lobbies li.sel a{
- color:#fff;
- background:-webkit-linear-gradient(#d33,#b11);
- background:linear-gradient(#d33,#b11)
- }
- #lobby_container #lobby_menu #stickied_lobbies li.sel a i{
- color:#fff
- }
- #lobby_container #lobby_menu #stickied_lobbies li.sel a span{
- color:#fff
- }
- #lobby_container #lobby_menu #stickied_lobbies li.sel a:hover span{
- color:#fff
- }
- #lobby_container #lobby_menu #lobby_more{
- padding:0 5px
- }
- #lobby_container #friends_in_games .game_indicator{
- width:14px;
- height:14px;
- border-radius:7px
- }
- #lobby_container #friends_in_games .game_indicator.waiting{
- background-color:#090
- }
- #lobby_container #friends_in_games .game_indicator.progress{
- background-color:#f93
- }
- #lobby_container #friends_in_games .game_indicator.gameover{
- background-color:#aaa
- }
- #lobby_container #friends_in_games .friend_in_game{
- padding-bottom:10px;
- margin-bottom:5px;
- border-bottom:1px solid #ddd
- }
- #lobby_container #friends_in_games .friend_in_game:last-child{
- border-bottom:0
- }
- #lobby_container #friends_in_games .gamerow{
- cursor:pointer;
- border-bottom:1px dotted #b11
- }
- #lobby_container #friends_in_games .gamerow:hover{
- color:#b11
- }
- #lobby_container #setup_info_bar .setup_title{
- font-size:1.2em;
- font-weight:normal
- }
- #lobby_container #unread_messages{
- background:url(/images/mail_open.png) no-repeat center left;
- padding-left:20px;
- margin-right:5px;
- font-size:.8em;
- font-weight:normal
- }
- #lobby_container #lobby_announcement{
- overflow-x:hidden;
- overflow-y:hidden;
- padding:.8em 1.4em;
- line-height:1.15em;
- font-size:.95em;
- color:#555;
- background-color:#fff
- }
- #lobby_container #lobby_first_time{
- position:relative;
- font-size:1.2em;
- padding:1em 2em;
- line-height:1.1em;
- margin-bottom:.5em;
- background-color:#eee
- }
- #lobby_container #lobby_first_time .close{
- position:absolute;
- top:0;
- right:5px
- }
- #lobby_container #join_competition a{
- height:1.2em;
- line-height:1.2em;
- display:block;
- margin:5px 0
- }
- #lobby_container #topgames #no_topgames{
- padding:1em;
- background-color:#ccc;
- text-align:center;
- color:#777;
- font-size:.9em
- }
- #lobby_container #topgames .topgame{
- overflow:hidden;
- text-overflow:ellipsis
- }
- #lobby_container #topgames .topgame>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #lobby_container .rt-lobbies .lobby{
- display:block
- }
- #lobby_container .rt-lobbies .lobby a.enter_lobby{
- box-sizing:border-box;
- padding:4px;
- display:block;
- width:100%
- }
- #lobby_container .rt-lobbies .lobby a.enter_lobby img{
- border:0;
- margin:0;
- margin-right:3px
- }
- #lobby_container .rt-lobbies .lobby a.enter_lobby span{
- font-weight:normal
- }
- #lobby_container .rt-lobbies .lobby a.enter_lobby:hover{
- background-color:#ccc;
- color:#b11
- }
- #lobby_container #buy_ticket .ticket_choice{
- margin:.5em 0;
- font-size:.9em
- }
- #lobby_container #buy_ticket .ticket_choice .ticket_name{
- width:100%;
- font-weight:bold
- }
- #lobby_container #buy_ticket .ticket_choice .ticket_choice_info .ticket_status{
- color:#aaa
- }
- #lobby_container #findfilters #slider-range{
- width:100%
- }
- #lobby_container #findfilters #filter_title{
- width:288px;
- border:1px solid #aaa;
- font-size:1em;
- padding:8px
- }
- #lobby_container #findgame #setupnav{
- position:relative
- }
- #lobby_container #findgame #setupnav #findgame_total{
- position:absolute;
- top:-10px;
- right:0;
- text-align:right;
- font-size:.9em;
- color:#999;
- padding:5px
- }
- #lobby_container #findgame #setupconds{
- padding:0 10px
- }
- #lobby_container #findgame #setupconds h4{
- font-family:helvetica;
- font-size:.9em;
- font-weight:bold;
- margin-bottom:1em
- }
- #lobby_container #findgame #setuppage .gamesetup{
- max-width:21em;
- max-height:5em;
- overflow:auto;
- padding-left:7px
- }
- #lobby_container #findgame #setuppage .gamesetup .rolecont{
- margin-left:1px
- }
- #lobby_container #findgame #setuppage .setuptitle{
- max-width:11em
- }
- #lobby_container #findgame td{
- padding:.2em
- }
- #lobby_container #rlobby>div{
- margin-bottom:.5em
- }
- #lobby_container #findroles #select_roles{
- font-size:.9em;
- margin:5px 0
- }
- #lobby_container #findoptions>*{
- margin-bottom:.2em
- }
- #lobby_container #findoptions label{
- font-size:.9em
- }
- #lobby_container ul.choose_roles{
- padding:10px
- }
- #lobby_container ul.choose_roles>*,#lobby_container ul#cond_roles>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- margin-bottom:5px;
- cursor:pointer
- }
- #lobby_container ul.choose_roles>*:hover,#lobby_container ul#cond_roles>*:hover{
- background-color:#ccc
- }
- #lobby_container #findorder #findorder_controls a{
- display:inline-block;
- font-size:.9em;
- padding:5px 0 5px 5px;
- font-weight:normal;
- padding:.5em
- }
- #lobby_container #findorder #findorder_controls a.sel{
- background-color:#b11;
- color:#fff
- }
- #lobby_container #announcements .announcement{
- margin-bottom:5px
- }
- #lobby_container #announcements .announcement .msg{
- border:1px solid #ccc;
- border-radius:2px;
- padding:.8em;
- background-color:#eee;
- color:#555;
- line-height:1.2em;
- overflow-x:hidden
- }
- #lobby_container #gameinfo{
- min-height:200px;
- width:100%;
- border-radius:2px
- }
- #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{
- position:inherit;
- margin-top:-13px;
- margin-right:-14px
- }
- #lobby_container #gameinfo #game-id{
- margin-bottom:5px
- }
- #lobby_container #gameinfo #gameinfo_inner{
- border-radius:2px;
- border:1px solid #ddd;
- background-color:#eee;
- padding:8px
- }
- #lobby_container #gameinfo h5{
- color:#b11;
- text-align:right;
- padding-right:4px
- }
- #lobby_container #gameinfo h4{
- border-bottom:1px solid #ccc;
- padding-bottom:4px;
- font-size:.9em;
- text-align:right;
- color:#666;
- margin:5px 0
- }
- #lobby_container #gameinfo .game_info_play{
- width:100%;
- text-align:right
- }
- #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{
- display:inline-block
- }
- #lobby_container #gameinfo .game_info_type{
- margin-bottom:10px
- }
- #lobby_container #gameinfo .game_info_top{
- background-color:#fff;
- padding:5px;
- border:1px solid #ddd;
- border-radius:2px
- }
- #lobby_container #gameinfo .game_info_top .game_info_created{
- font-size:.9em;
- color:grey
- }
- #lobby_container #gameinfo .game_info_top>*{
- margin-bottom:4px
- }
- #lobby_container #gameinfo .game_info_top .game_info_type>*{
- display:inline-block
- }
- #lobby_container #gameinfo>*{
- margin-bottom:5px
- }
- #lobby_container #gameinfo .players_inner>*{
- display:inline-block;
- vertical-align:middle;
- margin:0 5px 5px 0
- }
- #lobby_container #gameinfo .players_inner .player,#lobby_container #gameinfo .players_inner .player_empty{
- width:31px;
- height:31px
- }
- #lobby_container #gameinfo .players_inner .player_empty{
- border:1px dotted #bbb;
- line-height:17px;
- text-align:center;
- font-size:1.3em;
- margin-right:3px;
- color:#ccc
- }
- #lobby_container #userinfo .rrcol>div{
- margin-top:3px;
- font-size:.9em
- }
- #lobby_container #userverify{
- margin:.5em 0;
- background-color:#eee;
- padding:8px;
- font-size:1em
- }
- #lobby_container #userverify p{
- line-height:1.2em;
- margin-bottom:1em
- }
- #lobby_container #userverify input{
- border:1px solid grey
- }
- #lobby_container #userdata{
- padding:.5em 0;
- text-align:center
- }
- #lobby_container #userdata>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:8px;
- zoom:1;
- *display:inline
- }
- #lobby_container #userdata>*{
- font-size:.9em
- }
- #lobby_container #favoritesetups #favoritesetup_inner{
- padding:5px;
- margin-bottom:100px
- }
- #lobby_container #favoritesetups .favoritesetup{
- position:relative
- }
- #lobby_container #favoritesetups .favoritesetup>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #lobby_container #favoritesetups .favoritesetup .gamesetup{
- width:230px;
- margin-bottom:5px
- }
- #lobby_container #favoritesetups .favoritesetup:last-child{
- margin-bottom:80px
- }
- #lobby_container .favoritetitle{
- font-size:.9em
- }
- #lobby_container #warn{
- box-sizing:border-box;
- width:100%;
- text-align:center;
- margin-bottom:.5em;
- background-color:#eee;
- padding:.8em 7px
- }
- #lobby_container #warn #warntext{
- width:30em;
- margin:0 auto
- }
- #lobby_container #warn #warntext .game_image{
- display:block
- }
- #lobby_container #warn a.enter_lobby{
- font-weight:normal;
- color:#b11
- }
- #lobby_container #warn a.enter_lobby span{
- font-weight:normal;
- color:#b11
- }
- #lobby_container #warn a.enter_lobby img{
- border:0;
- margin-right:3px
- }
- #lobby_container #warn a.enter_lobby>*{
- display:inline-block;
- vertical-align:middle
- }
- #lobby_container #warn #warnchoices{
- margin:.5em .5em 0;
- font-size:.9em
- }
- #lobby_container #warn #warnchoices>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:8px;
- zoom:1;
- *display:inline
- }
- #lobby_container #lobbyinfo_box h2.separator{
- margin:0
- }
- #lobby_container #lobbyinfo_box #lobby_banner img{
- width:307px;
- height:80px
- }
- #lobby_container #lobbyinfo_box #lobbyinfo-share input[type=text]{
- padding:3px;
- border-radius:2px;
- border:1px dotted #ccc;
- font-size:.7em;
- width:12em;
- color:#777
- }
- #lobby_container #lobbyinfo_box #lobbyinfo-games{
- margin:3px 0
- }
- #lobby_container #lobbyinfo_box #lobbyinfo-games>div{
- display:inline-block;
- margin-right:3px;
- width:18px;
- height:18px;
- background-size:90%
- }
- #lobby_container #lobby-nav{
- border-bottom:1px solid #ccc;
- font-size:1.2em;
- position:relative
- }
- #lobby_container #lobby-nav ul.rt{
- position:absolute;
- bottom:0;
- right:0
- }
- #lobby_container #lobby-nav #happy-hour{
- margin-top:-4px
- }
- #lobby_container #lobby-nav #happy-hour .roleimg{
- position:relative
- }
- #lobby_container #lobby-nav #happy-hour img{
- width:10px;
- height:10px;
- position:absolute;
- bottom:0;
- right:-2px
- }
- #lobby_container #lobby-nav #lobby_edit_button{
- margin-right:5px
- }
- #lobby_container #lobby-nav #lobby_edit_button a{
- padding:0
- }
- #lobby_container #lobby-nav #lobby_name{
- color:#b11;
- font-weight:normal;
- font-size:.9em
- }
- #lobby_container #lobby-nav #lobby_name{
- margin-right:10px
- }
- #lobby_container #lobby-nav #lobby_lives,#lobby_container #lobby-nav #goldlives_lives,#lobby_container #lobby-nav #lobby_score{
- font-size:.9em;
- margin-right:10px
- }
- #lobby_container #lobby-nav #lobby_lives:hover,#lobby_container #lobby-nav #goldlives_lives:hover,#lobby_container #lobby-nav #lobby_score:hover{
- background-color:#ddd
- }
- #lobby_container #lobby-nav #lobby_lives.hide,#lobby_container #lobby-nav #goldlives_lives.hide,#lobby_container #lobby-nav #lobby_score.hide{
- display:none
- }
- #lobby_container #lobby-nav ul{
- margin-bottom:5px
- }
- #lobby_container #lobby-nav ul li{
- display:inline-block;
- vertical-align:middle
- }
- #lobby_container #lobby-nav ul li a{
- display:block;
- text-align:center;
- padding:4px;
- font-weight:normal;
- font-size:.9em
- }
- #lobby_container #lobby-nav ul li.sel a{
- border:1px solid #aaa;
- color:#b11;
- background-color:#eee
- }
- #lobby_container #lobby-nav ul li.sel a i{
- color:#b11
- }
- #lobby_container #lobby-nav ul li.sel.ll-edit i{
- color:#f60
- }
- #lobby_container #lobby-nav ul li.sel.ll-webcam i{
- color:#093
- }
- #lobby_container #lobby-nav ul li.sel.ll-fame i{
- color:#fc0
- }
- #lobby_container #lobby-nav ul li.sel.ll-reports i{
- color:#630!important
- }
- #lobby_container #lobby_i{
- background-color:#fff;
- position:relative
- }
- #lobby_container #lobby_i #lobby_load #lobby_load_mask{
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- opacity:.7;
- background-color:#aaa;
- z-index:2
- }
- #lobby_container #lobby_i #lobby_load #lobby_load_message{
- box-sizing:border-box;
- z-index:3;
- position:absolute;
- left:50%;
- top:50%;
- margin-left:-100px;
- width:200px;
- display:table;
- height:2em;
- line-height:2em;
- margin-top:-3em;
- background-color:#fff;
- border:1px solid #ccc;
- text-align:center;
- color:#444;
- padding:10px
- }
- #lobby_container #videochat #local_video video{
- width:200px;
- height:150px;
- overflow:hidden
- }
- #lobby_container #videochat #remote_videos video{
- display:inline-block;
- margin-right:5px;
- height:80px;
- width:106px;
- overflow:hidden;
- border:1px solid #ccc
- }
- #lobby_container #lobbyfame{
- text-align:justify
- }
- #lobby_container #lobbyfame>*{
- display:inline-block;
- margin:8px 5px 8px 0;
- width:220px;
- vertical-align:top
- }
- #lobby_container #lobbyfame>* h2{
- font-weight:300
- }
- #lobby_container #lobbyfame>* header{
- border-bottom:1px solid #ccc;
- margin-bottom:5px
- }
- #lobby_container #lobbyfame>* .i{
- box-sizing:border-box;
- padding:5px
- }
- #lobby_container #lobbyfame>* .i table{
- width:100%
- }
- #lobby_container #lobbyfame>* .i td{
- padding:0 5px 5px
- }
- #lobby_container #lobbypage{
- padding-top:10px
- }
- #lobby_container #lobbypage #lobbies{
- margin-top:10px
- }
- #lobby_container #lobbypage #lobbies .one_lobby{
- background-color:#fff;
- position:relative;
- display:inline-block;
- width:335px;
- margin:0 8px 8px 0;
- padding:5px;
- box-shadow:1px 1px 3px #ccc;
- border:1px solid #ddd;
- vertical-align:top;
- cursor:pointer
- }
- #lobby_container #lobbypage #lobbies .one_lobby:nth-child(2n){
- margin-right:0
- }
- #lobby_container #lobbypage #lobbies .one_lobby .blurb{
- font-size:.95em;
- color:#666;
- margin-bottom:20px;
- padding-right:20px;
- padding-left:10px
- }
- #lobby_container #lobbypage #lobbies .one_lobby .games_available>*{
- background-size:80%;
- width:20px;
- height:20px;
- display:inline-block;
- vertical-align:middle;
- margin-right:3px;
- margin-bottom:5px
- }
- #lobby_container #lobbypage #lobbies .one_lobby.sel{
- background-color:#b11;
- color:#fff;
- box-shadow:1px 1px 3px #b11;
- border-color:#b11
- }
- #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{
- color:#fff
- }
- #lobby_container #lobbypage #lobbies .one_lobby:hover,#lobby_container #lobbypage #lobbies .one_lobby:focus,#lobby_container #lobbypage #lobbies .one_lobby:active{
- border-color:#b11;
- box-shadow:1px 1px 3px #b11
- }
- #lobby_container #lobbypage #lobbies .one_lobby .lobby_lives{
- height:20px;
- line-height:20px
- }
- #lobby_container #lobbypage #lobbies .one_lobby .req{
- position:absolute;
- top:5px;
- right:5px
- }
- #lobby_container #lobbypage #lobbies .one_lobby .lobby_name{
- color:#b11;
- font-weight:normal
- }
- #lobby_container #lobbypage table td{
- padding:10px 5px
- }
- #lobby_container #lobbypage table td .lobby_name{
- color:#b11;
- font-size:1.1em
- }
- #lobby_container #lobbypage table td .lobby_name:hover{
- text-decoration:underline
- }
- #lobby_container .lobby-menu-tabs{
- padding:5px 0;
- margin-bottom:5px
- }
- #lobby_container .lobby-menu-tabs li{
- display:inline-block;
- margin-right:7px;
- font-size:.9em;
- padding:3px;
- background-color:#eee;
- border:1px solid #ddd
- }
- #lobby_container .lobby-menu-tabs li.sel{
- border-color:#b11;
- background-color:#b11
- }
- #lobby_container .lobby-menu-tabs li.sel a{
- color:#fff
- }
- #lobby_container .lobby-menu-tabs a{
- font-weight:normal;
- padding:4px
- }
- #lobby_container #lobbyreports #lobbyreports-rt,#lobby_container #lobbyreports #lobbyreports-lt{
- box-sizing:border-box;
- display:inline-block;
- vertical-align:top
- }
- #lobby_container #lobbyreports #lobbyreports-lt{
- width:80%
- }
- #lobby_container #lobbyreports #lobbyreports-lt table td{
- padding:3px 0;
- padding-right:3px
- }
- #lobby_container #lobbyreports #lobbyreports-lt .truncate{
- max-width:5em;
- overflow-x:hidden;
- overflow-y:hidden;
- white-space:nowrap;
- text-overflow:ellipsis
- }
- #lobby_container #lobbyreports #lobbyreports-lt .report-status{
- display:block;
- width:15px;
- height:15px;
- border-radius:3px
- }
- #lobby_container #lobbyreports #lobbyreports-lt .report-status.open{
- background-color:#1b1
- }
- #lobby_container #lobbyreports #lobbyreports-lt .report-status.closed{
- background-color:#b11
- }
- #lobby_container #lobbyreports #lobbyreports-lt .report-status.in-progress{
- background-color:#bb1
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header{
- overflow:hidden;
- zoom:1;
- min-height:20px
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .pagenav{
- width:auto;
- float:left
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav{
- margin-bottom:5px
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li{
- cursor:pointer;
- width:12px;
- height:12px;
- border-radius:7px;
- margin:4px 2px 0 0;
- border:1px solid
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.undecided{
- border-color:#999
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.undecided.sel{
- background-color:#999
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.open{
- border-color:#1b1
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.open.sel{
- background-color:#1b1
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.closed{
- border-color:#b11
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.closed.sel{
- background-color:#b11
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.in-progress{
- border-color:#bb1
- }
- #lobby_container #lobbyreports #lobbyreports-lt #lobbyreports-header .sortnav li.in-progress.sel{
- background-color:#bb1
- }
- #lobby_container #lobbyreports #lobbyreports-rt{
- width:20%
- }
- #lobby_container #lobbyreports #lobbyreports-rt .form_input{
- font-size:.9em
- }
- #lobby_container #lobbyreports #lobbyreports-rt input[type=text],#lobby_container #lobbyreports #lobbyreports-rt textarea,#lobby_container #lobbyreports #lobbyreports-rt input[type=submit]{
- box-sizing:border-box;
- width:100%
- }
- #lobby_container #lobbyedit{
- min-height:300px
- }
- #lobby_container #lobbyedit #edit_lobby_colors .color{
- display:inline-block;
- width:20px;
- height:20px;
- border:1px solid #ccc;
- cursor:pointer
- }
- #lobby_container #lobbyedit #edit_lobby_colors .color.sel{
- border-color:#b11;
- border-width:2px
- }
- #lobby_container #lobbyedit #setup_search_container{
- position:relative
- }
- #lobby_container #lobbyedit #setup_search_container #setup_search_results{
- box-shadow:0 0 3px #ccc;
- border:1px solid #ccc;
- background-color:#fff;
- position:absolute;
- top:40px;
- left:0;
- width:400px;
- z-index:5
- }
- #lobby_container #lobbyedit #setup_search_container #setup_search_results>*{
- margin-bottom:5px;
- padding:4px;
- cursor:pointer
- }
- #lobby_container #lobbyedit #setup_search_container #setup_search_results>*:hover{
- background-color:#eee
- }
- #lobby_container #lobbyedit #setup_search_container #setup_search_results>*:last-child{
- margin:0
- }
- #lobby_container #lobbyedit h4{
- font-size:.8em;
- font-weight:bold;
- color:#b11;
- padding:5px 0
- }
- #lobby_container #lobbyedit #edit_roles>*{
- display:inline-block;
- vertical-align:middle;
- width:12em;
- margin-bottom:5px
- }
- #lobby_container #lobbyedit .options-two-columns>*{
- float:left
- }
- #lobby_container #lobbyedit .options-two-columns .lt-column{
- width:300px;
- font-size:.9em
- }
- #lobby_container #lobbyedit .options-two-columns .rt-column{
- width:300px
- }
- #lobby_container #lobbyedit .two-columns>*{
- float:left
- }
- #lobby_container #lobbyedit .two-columns .lt-column{
- width:200px
- }
- #lobby_container #lobbyedit .two-columns .rt-column{
- width:400px;
- max-height:400px;
- overflow-y:scroll
- }
- #lobby_container #lobbychat{
- margin-top:5px
- }
- #lobby_container #lobbychat #window,#lobby_container #lobbychat #userlist{
- display:block;
- float:left;
- height:245px;
- overflow-y:auto;
- overflow-x:hidden
- }
- #lobby_container #lobbychat #window{
- width:304px;
- border:1px solid #bbb;
- position:relative;
- background-color:#fff
- }
- #lobby_container #lobbychat #window #window_i{
- height:205px;
- width:283px;
- padding:7px;
- overflow-y:auto;
- overflow-x:hidden;
- position:relative;
- font-size:.9em
- }
- #lobby_container #lobbychat #window #window_i #ask_reconnect{
- width:100%;
- text-align:center;
- padding:20px
- }
- #lobby_container #lobbychat #window #window_i #ask_reconnect a{
- display:inline-block
- }
- #lobby_container #lobbychat #window #window_i .loading{
- width:30px;
- height:30px
- }
- #lobby_container #lobbychat #window #window_i .talk{
- margin-bottom:4px
- }
- #lobby_container #lobbychat #window #window_i .talk span.header{
- font-size:1.2em;
- font-weight:bold;
- color:#888
- }
- #lobby_container #lobbychat #window #window_i .talk span.inf{
- font-size:1em;
- color:#b11
- }
- #lobby_container #lobbychat #window #window_i .talk span.ts{
- font-size:.7em;
- color:#aaa;
- margin-right:5px
- }
- #lobby_container #lobbychat #window #window_i .talk img.avatar{
- border:1px solid #ccc;
- width:20px;
- height:20px
- }
- #lobby_container #lobbychat #window #window_i .talk img.mute{
- border:0;
- cursor:pointer
- }
- #lobby_container #lobbychat #window #window_i .talk img,#lobby_container #lobbychat #window #window_i .talk b{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px
- }
- #lobby_container #lobbychat #window #window_i .talk b{
- font-weight:bold;
- font-size:.9em;
- cursor:pointer
- }
- #lobby_container #lobbychat #window #window_i .talk span.msg{
- vertical-align:middle;
- font-size:.9em
- }
- #lobby_container #lobbychat #window #window_i .talk span.msg a{
- color:#b11;
- font-weight:normal
- }
- #lobby_container #lobbychat #window #window_i .talk span.msg a:hover{
- text-decoration:underline
- }
- #lobby_container #lobbychat #window input[type=text]{
- position:absolute;
- margin:0;
- bottom:0;
- left:0;
- width:294px;
- border:1px solid #bbb;
- border-width:1px 0 0 0;
- padding:5px;
- font-size:.9em
- }
- #lobby_container #lobbychat .chat_toggle{
- margin-left:5px;
- cursor:pointer
- }
- #lobby_container #lobbychat .chat_toggle.sel,#lobby_container #lobbychat .chat_toggle:hover{
- color:#b11
- }
- #lobby_container #lobbychat .chat_toggle.sel i,#lobby_container #lobbychat .chat_toggle:hover i{
- color:#b11
- }
- #lobby_container #lobbychat #userlist{
- height:200px;
- width:283px;
- padding:7px;
- overflow-y:auto;
- overflow-x:hidden;
- position:relative
- }
- #lobby_container #lobbychat #userlist li.chat_user{
- cursor:pointer;
- padding:3px 4px;
- height:26px;
- line-height:26px;
- position:relative
- }
- #lobby_container #lobbychat #userlist li.chat_user .unmute{
- position:absolute;
- top:9px;
- right:3px;
- background:url(/images/unmute.png) no-repeat center left;
- width:15px;
- height:15px
- }
- #lobby_container #lobbychat #userlist li.chat_user.muted{
- color:#ccc;
- text-decoration:line-through
- }
- #lobby_container #lobbychat #userlist li.chat_user:hover{
- background-color:#eee
- }
- #lobby_container #lobbychat #userlist li.chat_user img{
- width:20px;
- height:20px;
- border:1px solid #ddd
- }
- #lobby_container #lobbychat #userlist li.chat_user span{
- width:50px
- }
- #lobby_container #lobbychat #userlist li.chat_user>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:3px
- }
- #lobby_container #refresh a{
- border:0
- }
- #lobby_container #refresh img{
- padding:0;
- margin-top:4px;
- border:0
- }
- #lobby_container #gamepage{
- width:100%;
- min-height:300px;
- position:relative;
- margin-bottom:5px;
- padding-top:5px;
- background-color:#fff
- }
- #lobby_container #gamepage #gamenav{
- min-height:20px;
- border-top:1px solid #ccc;
- padding-top:3px
- }
- #lobby_container #gamepage #gamenav .pagenav{
- margin-left:5px
- }
- #lobby_container #gamepage #gamenav .pagenav{
- margin:3px 0;
- padding:0 5px
- }
- #lobby_container #gamepage #gamenav .sortnav{
- padding:0 5px
- }
- #lobby_container #gamepage #gamenav .sortnav #filter_hidepass i.sel{
- color:#b11
- }
- #lobby_container #gamepage #gamenav .sortnav #filter_hidepass:hover i{
- color:#999
- }
- #lobby_container #gamepage #gamenav .sortnav li{
- padding:3px
- }
- #lobby_container #gamepage #gamenav .sortnav li:hover{
- background-color:#eee
- }
- #lobby_container #gamepage #gamenav .sortnav li.sel{
- background-color:#ddd
- }
- #lobby_container #gamepage #gamenav .sortnav .waiting-sort-lt,#lobby_container #gamepage #gamenav .sortnav .progress-sort-lt,#lobby_container #gamepage #gamenav .sortnav .gameover-sort-lt{
- display:block;
- width:12px;
- height:12px;
- border-radius:6px
- }
- #lobby_container #gamepage #gamenav .sortnav .waiting-sort-lt{
- background-color:#090
- }
- #lobby_container #gamepage #gamenav .sortnav .progress-sort-lt{
- background-color:#f93
- }
- #lobby_container #gamepage #gamenav .sortnav .gameover-sort-lt{
- background-color:#aaa
- }
- #lobby_container .gametable{
- width:100%;
- margin-bottom:8px;
- min-height:300px
- }
- #lobby_container .gametable .gamerow{
- position:relative;
- display:block;
- width:100%;
- border-radius:2px;
- background-color:#fff;
- vertical-align:top;
- padding:2px 0;
- cursor:pointer
- }
- #lobby_container .gametable .gamerow .gamectrls{
- display:none;
- position:absolute;
- top:0;
- left:0;
- font-size:.7em;
- color:#aaa
- }
- #lobby_container .gametable .gamerow:hover .gamectrls{
- display:inline-block
- }
- #lobby_container .gametable .gamerow .numplayers{
- margin-left:4px
- }
- #lobby_container .gametable .gamerow:hover{
- -webkit-transition-property:background-color;
- transition-property:background-color;
- -webkit-transition-duration:500ms;
- transition-duration:500ms;
- background-color:#efefef
- }
- #lobby_container .gametable .gamerow:hover .numplayers .players .player,#lobby_container .gametable .gamerow:hover .numplayers .players .noplayer{
- opacity:.2
- }
- #lobby_container .gametable .gamerow:hover .numplayers .summary{
- opacity:1;
- display:block;
- z-index:2
- }
- #lobby_container .gametable .gamerow.sel{
- background-color:#efefef
- }
- #lobby_container .gametable .gamerow.join .numplayers{
- color:#090
- }
- #lobby_container .gametable .gamerow.join .numplayers .player,#lobby_container .gametable .gamerow.join .numplayers .noplayer{
- border-color:#090
- }
- #lobby_container .gametable .gamerow.join .numplayers .player{
- background-color:#090
- }
- #lobby_container .gametable .gamerow.gameover .numplayers{
- color:#aaa
- }
- #lobby_container .gametable .gamerow.gameover .numplayers .player,#lobby_container .gametable .gamerow.gameover .numplayers .noplayer{
- border-color:#aaa
- }
- #lobby_container .gametable .gamerow.gameover .numplayers .player{
- background-color:#aaa
- }
- #lobby_container .gametable .gamerow.progress .numplayers{
- color:#f93
- }
- #lobby_container .gametable .gamerow.progress .numplayers .player,#lobby_container .gametable .gamerow.progress .numplayers .noplayer{
- border-color:#f93
- }
- #lobby_container .gametable .gamerow.progress .numplayers .player{
- background-color:#f93
- }
- #lobby_container .gametable .gamerow .numplayers{
- width:120px;
- padding-left:5px;
- font-size:.7em;
- position:relative
- }
- #lobby_container .gametable .gamerow .numplayers .mask{
- display:none
- }
- #lobby_container .gametable .gamerow .numplayers .summary{
- position:absolute;
- display:none;
- font-size:14px;
- height:15px;
- width:40px;
- letter-spacing:2px;
- text-align:center;
- top:50%;
- left:50%;
- margin:-7px 0 0 -20px
- }
- #lobby_container .gametable .gamerow .numplayers .players>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:2px
- }
- #lobby_container .gametable .gamerow .numplayers .player,#lobby_container .gametable .gamerow .numplayers .noplayer{
- border-radius:3px;
- width:5px;
- height:5px;
- border:1px solid #888;
- background-color:#888
- }
- #lobby_container .gametable .gamerow .numplayers .noplayer{
- background-color:transparent
- }
- #lobby_container .gametable .gamerow .pull_right{
- float:right;
- margin-top:3px
- }
- #lobby_container .gametable .gamerow .creator a{
- display:block;
- width:20px;
- height:20px;
- border:1px solid #ddd
- }
- #lobby_container .gametable .gamerow .gamestate{
- color:#888;
- font-size:.9em;
- text-align:right
- }
- #lobby_container .gametable .gamerow .gamestate .gameimg{
- display:inline-block;
- width:0;
- height:20px;
- margin:0
- }
- #lobby_container .gametable .gamerow .gamestate .mafia_game_status sup{
- font-size:.7em;
- font-weight:bold;
- position:absolute;
- color:#555;
- top:-5px;
- left:-5px
- }
- #lobby_container .gametable .gamerow .gamedetail{
- width:315px
- }
- #lobby_container .gametable .gamerow .gameoptions{
- width:45px;
- text-align:right
- }
- #lobby_container .gametable .gamerow .sitdown{
- width:80px
- }
- #lobby_container .gametable .gamerow .sitdown a{
- width:80px;
- font-size:.8em;
- display:block;
- text-align:center;
- height:20px;
- line-height:20px;
- text-overflow:ellipsis;
- white-space:nowrap;
- overflow-x:hidden
- }
- #lobby_container .gametable .gamerow .randimg>*{
- display:inline-block;
- vertical-align:middle
- }
- #lobby_container #fametable td{
- padding-right:.5em;
- vertical-align:middle
- }
- #lobby_container .gametable .tira_gamerow .card_names{
- font-size:.8em;
- font-weight:bold
- }
- #lobby_container .gametable .tira_gamerow .card_names>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #lobby_container .gametable .tira_gamerow .card_names .noun{
- background:url(/images/tira/tira_mini.png) no-repeat center left;
- padding-left:30px;
- height:16px
- }
- #lobby_container .gametable .tira_gamerow .card_names .adj{
- background:url(/images/tira/fork.png) no-repeat center left;
- padding-left:30px;
- height:16px
- }
- #lobby_container .gametable .ghost_gamerow .ghost_setup>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #lobby_container .gametable .ghost_gamerow .ghost_setup .ghostimg{
- position:relative
- }
- #lobby_container .gametable .ghost_gamerow .ghost_setup .ghostimg .sup{
- position:absolute;
- top:0;
- left:-5px;
- font-weight:normal;
- font-size:.7em
- }
- #lobby_container a.completesetup li{
- color:#000;
- font-weight:normal
- }
- #lobby_container #entities{
- padding:5px 0;
- max-height:400px;
- overflow-y:scroll;
- position:relative
- }
- #lobby_container #entities ul.list-icon{
- position:absolute;
- top:0;
- right:10px
- }
- #lobby_container #entities .entity{
- display:inline-block;
- width:9.8em;
- margin:.2em .5em .2em 0
- }
- #lobby_container #entities .entity>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #lobby_container #entities .entity .roleimg,#lobby_container #entities .entity span{
- font-size:.9em;
- display:inline-block
- }
- #lobby_container #entities .entity .roleimg{
- margin:0;
- width:0
- }
- #lobby_container #entities .entity.multiple{
- display:none
- }
- #lobby_container #entities .entity_container{
- padding-left:10px
- }
- #lobby_container #entities .entity_container .role_name{
- padding-left:4px;
- max-width:6em;
- overflow-x:hidden;
- overflow-y:hidden;
- white-space:nowrap;
- text-overflow:ellipsis;
- overflow-y:hidden;
- cursor:pointer
- }
- #lobby_container #entities .entity_container.list .entity{
- display:block;
- margin-bottom:10px;
- width:100%
- }
- #lobby_container #yourroles .yourrole{
- margin-bottom:5px
- }
- #lobby_container #yourroles .role-custom .lt{
- margin-right:5px
- }
- #lobby_container #yourroles .role-custom>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #lobby_container .updowntext{
- padding-left:20px;
- margin-right:3px;
- font-size:.8em;
- line-height:22px;
- width:5em;
- overflow:hidden;
- text-overflow:ellipsis;
- margin-bottom:3px
- }
- #lobby_container .padding{
- padding:2px 0
- }
- #lobby_container .nudge{
- padding-bottom:4px
- }
- #lobby_container #yoursetup{
- float:right;
- width:24%
- }
- #lobby_container #gameicons{
- width:100%;
- padding:2px
- }
- #lobby_container #gameicons .gamesetup li{
- margin:0 1px
- }
- #lobby_container #closedoptions{
- margin-top:.5em;
- margin-bottom:.5em
- }
- #lobby_container #closedoptions>*{
- padding-left:1em
- }
- #lobby_container #closedoptions .color_village{
- background-color:#93b7f2
- }
- #lobby_container #closedoptions .color_mafia{
- background-color:#000
- }
- #lobby_container #closedoptions .color_third{
- background-color:#dbe355
- }
- #lobby_container #closedoptions #probabilities{
- margin-bottom:1em
- }
- #lobby_container #closedoptions #probabilities>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:1em;
- zoom:1;
- *display:inline
- }
- #lobby_container #closedoptions #probabilities #sliders>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.9em;
- zoom:1;
- *display:inline
- }
- #lobby_container #closedoptions #probabilities #sliders .slider{
- height:5em
- }
- #lobby_container #closedoptions #probabilities #sliders .ui-slider{
- width:5px;
- background-image:none
- }
- #lobby_container #closedoptions #probabilities #sliders .ui-slider-handle{
- width:12px;
- height:10px
- }
- #lobby_container #closedoptions #probabilities .preview .prob_cont{
- margin:5px 0
- }
- #lobby_container #closedoptions #probabilities .preview .prob_cont>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #lobby_container #closedoptions #probabilities .preview .prob_cont span,#lobby_container #closedoptions #probabilities .preview .prob_cont .prob{
- font-size:.9em;
- color:grey
- }
- #lobby_container #closedoptions #probabilities .preview .prob_cont span{
- width:4em
- }
- #lobby_container #closedoptions #probabilities .preview .color{
- border-radius:2px;
- width:20px;
- height:20px
- }
- #lobby_container #closedoptions #probabilities label{
- font-size:.9em;
- color:grey
- }
- #lobby_container #closedoptions #totalplayers .ui-slider{
- height:5px;
- background-color:#ccc
- }
- #lobby_container #closedoptions #totalplayers .ui-slider-handle{
- width:8px;
- height:12px
- }
- #lobby_container #closedoptions #totalplayers .slider{
- width:10em
- }
- #lobby_container #closedoptions #totalplayers>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #lobby_container #closedoptions .v{
- color:grey;
- font-size:.9em
- }
- #lobby_container #createbuttons>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.8em;
- zoom:1;
- *display:inline
- }
- #lobby_container #createbuttons a{
- padding-bottom:.3em
- }
- #lobby_container #setupinfo{
- margin:1em 0;
- float:left;
- clear:left;
- font-size:.9em
- }
- #lobby_container #setupinfo td{
- padding:.2em .5em .2em;
- vertical-align:top
- }
- #lobby_container #setupinfo td:first-child{
- color:#b11;
- font-weight:bold
- }
- #lobby_container .ratetext span{
- font-size:1.1em
- }
- #lobby_container .descr{
- width:25em
- }
- #lobby_container .descr+textarea{
- font-size:15px;
- width:25em;
- height:8em;
- overflow-x:hidden;
- overflow-y:auto
- }
- #lobby_container .setupranking,#lobby_container .setupratetext{
- border:1px solid #ccc;
- text-align:center;
- min-width:2em;
- font-size:.75em;
- padding:2px 3px;
- border-radius:3px
- }
- #lobby_container #setuppage #setuptable{
- width:690px;
- padding:20px
- }
- #lobby_container #setuppage #setuptable .setuptitle a{
- font-weight:normal
- }
- #lobby_container #setuppage #setuptable .setupcreated{
- font-size:.8em;
- text-align:right;
- color:#777
- }
- #lobby_container .setuprating{
- width:3.5em;
- text-align:center
- }
- #lobby_container .editsetup:hover{
- background-color:#ff8;
- cursor:pointer
- }
- #lobby_container #gameoptions hr{
- width:95%;
- margin:0 auto;
- height:1px;
- background-color:#ccc;
- border:0
- }
- #lobby_container #gameoptions #passwordbox{
- font-size:.9em
- }
- #lobby_container #gameoptions #passwordtext,#lobby_container #gameoptions #titletext{
- border:0
- }
- #lobby_container #gameoptions #passwordtext:focus,#lobby_container #gameoptions #titletext:focus{
- border-color:#aaf
- }
- #lobby_container #gameoptions:focus{
- border:1px solid grey
- }
- #lobby_container #gameoptions #extra>div{
- font-size:.9em;
- padding-left:1em;
- margin:.5em 0
- }
- #lobby_container #gameoptions #extra>div>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #lobby_container #gameoptions #extra>div label{
- padding-left:25px;
- width:115px;
- height:20px;
- line-height:20px
- }
- #lobby_container #winstats td{
- vertical-align:middle;
- font-size:.8em;
- font-weight:bold
- }
- #lobby_container .lobbyad{
- margin:10px 0;
- z-index:0
- }
- #lobby_container .lobbyad-top{
- margin-bottom:8px
- }
- #lobby_container .createsetup{
- cursor:pointer;
- width:100%;
- position:relative;
- border:1px solid #ddd;
- height:auto;
- min-height:20px;
- padding:3px;
- margin-bottom:2px;
- overflow:hidden;
- zoom:1;
- hover-background-color:#ddd
- }
- #lobby_container .createsetup>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:0;
- zoom:1;
- *display:inline
- }
- #lobby_container .createsetup.sel{
- background-color:#eee;
- border:1px solid #ddd
- }
- #lobby_container .createsetup a.icon-trash{
- width:20px;
- height:20px;
- line-height:20px;
- margin-top:5px;
- position:absolute;
- top:0;
- right:0
- }
- #lobby_container .createsetup:first-child a.icon-trash{
- display:none
- }
- #lobby_container #setupoptions{
- margin-top:5px
- }
- #lobby_container #choosegame{
- margin-bottom:.5em
- }
- #lobby_container #choosegame>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:10px;
- zoom:1;
- *display:inline
- }
- #lobby_container #choosegame li{
- padding:5px;
- border:1px solid transparent;
- margin-bottom:5px
- }
- #lobby_container #choosegame li:hover{
- background-color:#eee
- }
- #lobby_container #choosegame li.sel{
- background-color:#eee;
- border-color:#b11
- }
- #lobby_container #choosegame li.sel a{
- font-weight:normal;
- color:#b11
- }
- #lobby_container #choosegame a{
- display:block;
- padding-left:25px;
- height:20px;
- line-height:20px;
- font-weight:normal;
- font-size:.9em
- }
- .x20{
- width:20px;
- height:20px
- }
- #lobby_container #setup_left #setup_information .button{
- margin-right:5px
- }
- #lobby_container #setup_left #setup_descr_bar .setup_descr{
- background-color:#eee;
- margin:3px 0;
- font-size:.9em;
- overflow-x:hidden;
- padding:1em
- }
- #lobby_container #setup_left #setup_descr_bar .setup_descr_text{
- line-height:1.2em
- }
- #lobby_container #setup_left #setup_extra_info{
- font-size:1em
- }
- #lobby_container #setup_right>*{
- margin-bottom:1em
- }
- #lobby_container #setup_right #strategies_page .comment-lt,#lobby_container #setup_right #strategies_page .vote-lt{
- margin:0 5px
- }
- #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{
- padding:.1em
- }
- #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>*{
- display:inline-block;
- vertical-align:middle
- }
- #lobby_container #setup_right #strategies_page .strategy_info{
- padding-left:.5em
- }
- #lobby_container #setup_right #strategies_page .strategy_info .user,#lobby_container #setup_right #strategies_page .strategy_info span{
- font-size:.9em
- }
- #lobby_container #setup_right #strategies_page .strategy_info span{
- color:#aaa
- }
- #lobby_container #setup_right #view_strategy{
- padding:1em;
- font-size:.9em;
- color:#555;
- line-height:1.1em;
- border-left:2px solid #ccc
- }
- #lobby_container #setup_right #create_strategy #create_strategy_form{
- margin-top:.5em
- }
- #lobby_container #setup_right #create_strategy #create_strategy_form textarea{
- width:95%;
- height:150px
- }
- #lobby_container #setup_right #create_strategy #create_strategy_form input,#lobby_container #setup_right #create_strategy #create_strategy_form textarea{
- border:1px solid #aaa
- }
- #lobby_container #setup_right #create_strategy #create_strategy_form input:focus,#lobby_container #setup_right #create_strategy #create_strategy_form textarea:focus{
- border:1px solid #ff2
- }
- #lobby_container #setup_right #create_strategy #create_strategy_form label{
- font-weight:bold;
- font-size:.9em;
- margin:2px 0
- }
- #score_container #decorated_family .one_trophy_type{
- margin-right:7px;
- position:relative
- }
- #score_container #decorated_family .one_trophy_type>*{
- display:inline-block;
- vertical-align:bottom;
- margin-right:10px;
- zoom:1;
- *display:inline
- }
- #score_container #decorated_family .one_trophy_type span{
- font-size:.7em;
- font-weight:bold;
- position:absolute;
- top:-3px;
- left:-5px
- }
- #score_container #achievers .achievement{
- padding-left:40px;
- padding-bottom:10px;
- width:200px
- }
- #score_container #achievers .achievement>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #score_container a.user{
- margin:.1em 0
- }
- #score_container table{
- margin-top:.3em
- }
- #score_container #hall,#score_container #toptotal{
- margin-right:.5em
- }
- #score_container #fametable td,#score_container #ranktable td{
- padding-right:.5em;
- vertical-align:middle
- }
- #score_container #fametable td .family,#score_container #ranktable td .family{
- font-weight:normal
- }
- #score_container .leader{
- font-size:.9em
- }
- #score_container .trophies{
- width:10em
- }
- #score_container #rolestats{
- position:relative
- }
- #score_container #rolestats>div{
- position:relative;
- display:inline-block;
- vertical-align:top;
- width:140px;
- margin-top:1em;
- padding:10px 10px
- }
- #score_container #rolestats .roleimg{
- position:absolute;
- top:-5px;
- left:0
- }
- #score_container #rolestats .stat{
- position:absolute;
- top:0;
- right:25px;
- font-size:.8em;
- font-weight:bold
- }
- .happiness-tip{
- padding:5px;
- font-size:.75em;
- color:#777
- }
- body.has_profilebg{
- border-radius:3px;
- opacity:.92
- }
- body.has_profilebg #usertitle,body.has_profilebg #family-title h2{
- color:#b11
- }
- body.has_profilebg #header,body.has_profilebg #footer{
- background-color:#fff;
- opacity:.95
- }
- body.has_profilebg #bio{
- background-color:#eee
- }
- body.has_profilebg.white #bio{
- background-color:#555
- }
- body.has_profilebg .question-ctrl{
- padding:3px
- }
- #user_container #stickers #stickers_inner{
- display:-webkit-box;
- display:-ms-flexbox;
- display:flex;
- -webkit-box-pack:center;
- -ms-flex-pack:center;
- justify-content:center;
- -ms-flex-wrap:wrap;
- flex-wrap:wrap
- }
- #user_container #violations .report_link{
- min-width:10em;
- display:inline-block
- }
- #user_container #violations .report_link .siterule_name{
- font-weight:normal
- }
- #user_container #votebox_container{
- height:30px
- }
- #user_container #ask_question_form input[type=text]{
- width:253px
- }
- #user_container #questions form{
- margin-top:.5em
- }
- #user_container #questions .question_info{
- padding-left:3px
- }
- #user_container #questions .question_header{
- margin:5px 0
- }
- #user_container #questions .question_header a{
- font-size:.8em;
- font-weight:normal;
- padding:5px;
- background-color:#fff;
- border:1px solid #ccc;
- box-shadow:0 0 2px #ddd
- }
- #user_container #questions .question_header a.sel{
- color:#fff;
- background-color:#b11;
- box-shadow:none;
- border:0
- }
- #user_container #questions .question_header .pull_rt{
- float:right
- }
- #user_container #questions .question-container.sel .question{
- background-color:#cc5
- }
- #user_container #questions .question{
- margin-bottom:5px;
- background-color:#eee
- }
- #user_container #questions .question .question_info{
- padding:5px;
- text-align:right
- }
- #user_container #questions .question.sel{
- background-color:#dda
- }
- #user_container #questions .question .time_right{
- position:absolute;
- bottom:1px;
- right:2px;
- font-family:arial;
- text-align:right;
- font-size:.8em;
- font-weight:normal;
- color:grey
- }
- #user_container #questions .question .question_content{
- font-size:.95em;
- padding:5px 12px 5px 12px;
- position:relative;
- margin-bottom:5px;
- padding-bottom:10px;
- overflow:hidden
- }
- #user_container #questions .question .answer{
- background-color:#ddd;
- position:relative;
- padding:10px
- }
- #user_container #questions .question .question-ctrl{
- padding:3px
- }
- #user_container #questions .question .question-ctrl a:hover i{
- color:#b11
- }
- #user_container #favorite_roles .inner>*{
- display:inline-block;
- vertical-align:bottom;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #user_container #favorite_roles.can_sort .roleimg{
- cursor:grab;
- cursor:-webkit-grab
- }
- #user_container #profile_views{
- text-align:right
- }
- #user_container #usertitle{
- font-size:1.4em;
- font-weight:normal
- }
- #user_container.white{
- color:#fff
- }
- #user_container.white #finduserbox i[class^=icon-]{
- color:#fff
- }
- #user_container.white .bgwhite{
- opacity:.9
- }
- #user_container.white .asl{
- border-color:#fff
- }
- #user_container.white .relationship{
- color:#fff
- }
- #user_container.white #personalinfo{
- color:#555
- }
- #user_container.white #questions .question_header a{
- color:#777
- }
- #user_container.white #questions .question_header a.sel{
- color:#fff
- }
- #user_container.white #questions span,#user_container.white #questions a,#user_container.white #questions i{
- color:#fff
- }
- #user_container.white #questions a i{
- color:#fff
- }
- #user_container.white #questions .question{
- background-color:#999
- }
- #user_container.white #questions .question .time_right{
- color:#fff
- }
- #user_container.white #questions .question .answer{
- background-color:transparent
- }
- #user_container #manage_alternates table{
- width:100%
- }
- #user_container #manage_alternates td{
- padding:.25em .7em
- }
- #user_container #manage_alternates .alternate.main{
- background-color:#bbb;
- color:#fff;
- font-weight:bold
- }
- #user_container #manage_alternates .alternate.main .trash-rt{
- display:none
- }
- #user_container #manage_alternates .alternate_slot{
- background-color:#eee;
- text-align:center;
- color:#b11;
- font-size:.8em;
- padding:1.5em 0
- }
- #user_container #stickers{
- background-color:#fff
- }
- #user_container #tab_nav li{
- padding:0 .5em;
- color:grey;
- background-color:#ccc;
- margin-bottom:.3em;
- cursor:pointer;
- font-size:1em;
- height:36px;
- line-height:36px;
- position:relative
- }
- #user_container #tab_nav li:not(.sel):hover{
- color:#b11
- }
- #user_container #tab_nav li:before,#user_container #tab_nav li:after{
- content:"";
- display:block;
- position:absolute;
- right:0;
- background-color:#fff;
- border:9px solid #fff
- }
- #user_container #tab_nav li:before{
- top:0;
- border-color:#fff #fff #ccc #ccc
- }
- #user_container #tab_nav li:after{
- bottom:0;
- border-color:#ccc #fff #fff #ccc
- }
- #user_container #tab_nav li.sel{
- color:#fff;
- background-color:#c11
- }
- #user_container #tab_nav li.sel:before{
- border-color:#fff #fff #c11 #c11
- }
- #user_container #tab_nav li.sel:after{
- border-color:#c11 #fff #fff #c11
- }
- #user_container #tabs .inform{
- max-width:none
- }
- #user_container #tabs>*{
- padding-left:1em;
- border:1px solid #ddd;
- border-width:0 0 0 1px
- }
- #user_container #tabs .disable{
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- z-index:5;
- opacity:.8;
- background-color:#aaa
- }
- #user_container #tabs #editauth .facebook-lt{
- color:grey;
- font-size:.9em
- }
- #user_container #tabs #editauth #facebook_info{
- padding:5px 0
- }
- #user_container #tabs #refer input[type=text]{
- box-sizing:border-box;
- font-size:1.2em;
- border:1px solid #aaa;
- padding:5px;
- width:100%;
- margin-top:5px;
- color:#b11
- }
- #user_container #tabs #alternates{
- width:100%;
- margin:5px 0
- }
- #user_container #tabs #alternates a.user{
- width:10em;
- overflow:hidden
- }
- #user_container #tabs #addalt_controls>*,#user_container #tabs #createalt_controls>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #user_container #tabs #addalt_controls label,#user_container #tabs #createalt_controls label{
- width:20em
- }
- #user_container #tabs form{
- margin-top:.5em
- }
- #user_container #tabs #form_uploadprofilebg{
- position:relative;
- margin:5px 0;
- padding:5px
- }
- #user_container #tabs #changedeath{
- position:relative;
- padding:5px
- }
- #user_container #tabs .textcolors{
- padding:5px;
- position:relative;
- margin-bottom:.5em
- }
- #user_container #tabs .textcolors h4{
- font-size:.9em;
- color:#777;
- margin-bottom:.5em
- }
- #user_container #tabs .textcolors .textcolors_i{
- position:relative
- }
- #user_container #tabs .textcolors .textcolors_i .disabled{
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%
- }
- #user_container #tabs .textcolors .textcolors_i input{
- width:100%;
- font-family:courier;
- font-size:.9em
- }
- #user_container #tabs .textcolors .textcolors_i>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #user_container .asl{
- position:relative;
- font-size:1.1em;
- border-bottom:1px solid #aaa;
- padding:8px;
- -webkit-box-align:center;
- -ms-flex-align:center;
- align-items:center
- }
- #user_container .asl span{
- font-size:.8em
- }
- #user_container .asl .family{
- font-size:.8em
- }
- #user_container .asl .gender{
- margin:0 5px
- }
- #user_container .asl .location,#user_container .asl .age{
- font-size:.9em
- }
- #user_container .asl .location{
- max-width:14em;
- margin-right:1em;
- white-space:nowrap;
- overflow-x:hidden;
- overflow-y:hidden;
- text-overflow:ellipsis
- }
- #user_container .asl .relationship{
- font-size:.95em;
- color:#999
- }
- #user_container .asl .relationship.love{
- padding-left:20px;
- background:url(/images/heart.png) no-repeat center left
- }
- #user_container #user_footer{
- position:relative;
- min-height:150px
- }
- #user_container #user_footer #user_social{
- position:absolute;
- bottom:0;
- left:0;
- font-size:.8em;
- color:#b11;
- font-weight:bold
- }
- #user_container #user_footer #user_social>*{
- display:block;
- height:20px;
- line-height:20px
- }
- #user_container #user_footer #user_social a{
- color:#b11
- }
- #user_container #user_footer #user_views{
- position:absolute;
- bottom:0;
- right:0
- }
- #user_container #bio_container{
- min-height:200px
- }
- #user_container #bio_container #bio,#user_container #bio_container .wmd-preview{
- width:540px;
- padding:10px;
- line-height:1.2em
- }
- #user_container #bio_container #bio:empty{
- visibility:hidden
- }
- #user_container ol{
- list-style:decimal;
- margin-left:2em;
- margin:.5em 0 .5em 2em
- }
- #user_container ol li{
- font-size:.9em;
- color:#888;
- padding:.2em
- }
- #user_container h2 span{
- color:#999;
- font-size:.9em;
- font-weight:normal
- }
- #user_container h3{
- margin-top:0
- }
- #user_container #editmedia #supported_media img{
- border:1px solid transparent
- }
- #user_container #editmedia #supported_media img.sel{
- border:1px solid #b11
- }
- #user_container #editmedia .success_mark{
- font-size:1.2em;
- color:#1b1;
- padding:0 5px
- }
- #user_container #role_prob_inner .prob .add,#user_container #role_prob_inner .prob .remove{
- font-size:.8em;
- padding:3px;
- border:1px solid #ccc;
- border-radius:2px;
- width:15px;
- height:15px;
- text-align:center;
- line-height:15px
- }
- #user_container #role_prob_inner .prob .add:hover,#user_container #role_prob_inner .prob .remove:hover{
- border-color:#b11
- }
- #user_container #role_prob_inner .slot{
- display:inline-block;
- margin-right:5px;
- background-color:#cc8;
- border:1px solid #aa1;
- width:8px;
- height:8px;
- border-radius:4px
- }
- #user_container #role_prob_inner #search_role_results{
- position:absolute;
- font-size:.9em;
- top:35px;
- left:3px;
- z-index:3;
- box-shadow:0 0 2px #aaa;
- border:1px solid #bbb;
- background-color:#fff
- }
- #user_container #role_prob_inner #search_role_results>*{
- padding:4px;
- cursor:pointer
- }
- #user_container #role_prob_inner #search_role_results>*:hover{
- background-color:#eee
- }
- #user_container .editbox{
- margin-right:1em;
- margin-bottom:1.5em
- }
- #user_container .editbox .editbox_inner{
- position:relative
- }
- #user_container .editbox .editbox_inner .pr{
- position:relative
- }
- #user_container .editbox .editbox_inner input[type=submit].hide{
- display:none
- }
- #user_container .editbox label.inner{
- color:#666;
- width:auto;
- padding:0
- }
- #user_container .editbox input[type=radio]{
- margin-top:.4em;
- margin-right:1em
- }
- #user_container .editbox textarea{
- border:1px solid gray;
- width:20em;
- height:10em
- }
- #user_container .editbox textarea:focus{
- border:1px solid #b11
- }
- #user_container .relationship_preview{
- padding:.5em;
- font-size:.9em;
- background-color:#eee
- }
- #user_container #change_family_bg{
- position:relative
- }
- #user_container #finduserbox{
- position:relative
- }
- #user_container #finduserbox #finduser{
- margin:0;
- position:absolute;
- top:0;
- right:21px
- }
- #user_container #finduserbox #finduser.active .search .search-icon{
- background-color:#ccc;
- border-top-left-radius:3px;
- border-top-right-radius:0;
- border-bottom-left-radius:3px;
- border-bottom-right-radius:0
- }
- #user_container #finduserbox #finduser.active .search .search-icon i.icon-search{
- color:#b11;
- cursor:default
- }
- #user_container #finduserbox #finduser.active #findusertypebox{
- display:inline-block
- }
- #user_container #finduserbox #finduser .search .search-icon{
- background-color:#fff;
- border-top-left-radius:3px;
- border-top-right-radius:3px;
- border-bottom-left-radius:3px;
- border-bottom-right-radius:3px
- }
- #user_container #finduserbox #finduser .search .search-icon i.icon-search{
- color:#888;
- cursor:pointer
- }
- #user_container #finduserbox #finduser .search .search-icon i.icon-search:hover{
- color:#b11
- }
- #user_container #finduserbox #finduser #findusertypebox{
- display:none
- }
- #user_container #finduserresults{
- position:absolute;
- background-color:#fff;
- z-index:100;
- padding:5px;
- border:1px solid #ccc;
- box-shadow:0 0 3px #ccc;
- width:180px;
- overflow-x:hidden;
- margin-top:0
- }
- #user_container #finduserresults a{
- font-size:.9em;
- font-weight:normal;
- float:left;
- clear:left;
- overflow:hidden;
- margin-bottom:.2em
- }
- #user_container #avatar{
- float:left
- }
- #user_container #avatar img#user-img{
- width:100px;
- height:100px;
- border:1px solid #bbb
- }
- #user_container #avatar .score-lt,#user_container #avatar .kudo-lt,#user_container #avatar .trophies{
- margin-bottom:.2em
- }
- #user_container #avatar .user_vote{
- margin:0
- }
- #user_container #avatar .trophies{
- font-size:.8em;
- color:#aaa;
- margin-top:8px
- }
- #user_container #avatar .trophies span{
- padding-left:5px
- }
- #user_container #karma a{
- width:15px;
- height:15px;
- float:left;
- clear:left
- }
- #user_container #karma a.sel{
- background-position:0 -15px
- }
- #user_container .trophies{
- width:100px;
- clear:left
- }
- #user_container .trophies .trophy-link{
- position:relative
- }
- #user_container .trophies .trophy-link .lobby-icon{
- display:block;
- width:10px;
- height:10px;
- position:absolute;
- top:-2px;
- left:-2px;
- border:0;
- z-index:0;
- opacity:.9
- }
- #user_container .trophies .trophy-link .award{
- z-index:1
- }
- #user_container #personalinfo{
- float:left;
- width:560px;
- margin:0 0 .5em 1.2em
- }
- #user_container #personalinfo #recent_visitors_i{
- padding:5px 0
- }
- #user_container #personalinfo #recent_visitors_i a{
- display:inline-block
- }
- #user_container #personalinfo h3{
- font-size:1em
- }
- #user_container #personalinfo td.red{
- font-weight:bold;
- color:#b11;
- padding-right:1em;
- vertical-align:top
- }
- #user_container #personalinfo td{
- font-size:.9em;
- padding:.1em .1em
- }
- #user_container #personalinfo td+td{
- width:15em
- }
- #user_container #personalinfo .v_count{
- color:#b11
- }
- #user_container #personalinfo #statusmsg>*{
- display:inline-block;
- vertical-align:middle;
- zoom:1;
- *display:inline
- }
- #user_container #personalinfo #statusmsg #statusmsg_t{
- border:5px;
- width:0;
- height:0;
- border-style:solid;
- border-width:10px 10px 10px 0;
- border-color:transparent #efefef transparent transparent;
- margin-right:-1px
- }
- #user_container #personalinfo #statusmsg #statusmsg_i{
- box-shadow:1px 1px 3px #ccc;
- width:530px;
- border-radius:3px;
- background-color:#efefef;
- padding:10px;
- line-height:18px;
- margin:5px 0;
- color:#555;
- border-style:solid;
- border-width:0 1px 1px 0;
- border-color:#ddd #ccc #ccc #ddd
- }
- #user_container #personalinfo .bio{
- width:25em;
- overflow-x:hidden;
- overflow-y:hidden
- }
- #user_container #createfamily input{
- border:1px solid grey
- }
- #user_container .invited{
- padding:.25em;
- background-color:#ddd
- }
- #user_container .invited .familycontrol{
- font-size:.9em;
- color:#888;
- text-align:center
- }
- #user_container #statistics{
- float:left;
- margin-left:1em
- }
- #user_container .friend{
- margin-top:.25em
- }
- #user_container #friendpage{
- width:100%
- }
- #user_container #friendpage a{
- font-weight:normal
- }
- #user_container .friend.moreinfo>*{
- display:inline-block;
- vertical-align:middle
- }
- #user_container #friends{
- background-color:#fff
- }
- #user_container #friends .ctrl{
- background-color:#eee;
- padding:.5em 0
- }
- #user_container .friendgeneral{
- padding-left:.5em
- }
- #user_container .friendgeneral a{
- color:#444
- }
- #user_container .friendgeneral a:hover{
- color:#b11
- }
- #user_container #pokes .poke{
- background-color:#eee;
- padding:.5em
- }
- #user_container #pokes .poke .poke_b{
- margin:5px 0
- }
- #user_container #pokes .poke .poke_b a.poke_back{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- border-radius:2px;
- font-weight:normal;
- background-color:#c22;
- font-size:1.1em;
- border-color:transparent!important;
- color:#fff;
- cursor:pointer;
- padding:.4em .5em;
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- margin-right:1em
- }
- #user_container #pokes .poke .poke_b a.poke_back:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
- background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
- border-color:#ccc
- }
- #user_container #pokes .poke .poke_b a.poke_back:hover i{
- color:#fff
- }
- #user_container #pokes .poke .poke_b a.poke_back.disabled{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #user_container #pokes .poke .poke_b a.poke_back.disabled:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #user_container #pokes .poke .poke_b a.poke_back.inverse{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #user_container #pokes .poke .poke_b a.poke_back.inverse:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- color:#fff
- }
- #user_container #pokes .poke .poke_b a.poke_back.inverse:hover i{
- color:#fff
- }
- #user_container #pokes .poke .poke_b a.poke_back:hover i{
- color:#fff
- }
- #user_container #friendrequests .friend{
- margin-bottom:.25em;
- padding:.5em 0;
- background-color:#eee
- }
- #user_container #friendrequests .friend .friendctrl{
- margin-top:.5em;
- text-align:center;
- color:#888
- }
- #user_container #friendrequests .friend .friendctrl a{
- font-size:.9em;
- margin-left:.4em
- }
- #user_container #friendbox{
- font-size:.9em;
- margin:0;
- padding:2px 0;
- overflow-y:auto;
- overflow-x:hidden
- }
- #user_container .friendlink{
- display:block;
- padding:2px 5px;
- margin-bottom:.25em;
- border:1px solid transparent
- }
- #user_container .friendlink:hover{
- border:1px solid #b11
- }
- #user_container #friendrequests{
- width:100%;
- float:left;
- clear:left
- }
- #user_container .friendrequests.greyout{
- background-color:#eee;
- padding:10px 0
- }
- #user_container #setups,#user_container #tables,#user_container #family,#user_container #your_roles,#user_container #your_setups{
- margin-top:1em
- }
- #user_container #your_setups td,#user_container #your_roles td{
- vertical-align:top;
- padding-right:.5em;
- padding-bottom:.25em
- }
- #user_container #your_setups .title,#user_container #your_roles .title{
- font-size:.9em
- }
- #user_container #your_setups .stats,#user_container #your_roles .stats{
- width:6em
- }
- #user_container #your_setups .stats>*,#user_container #your_roles .stats>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em
- }
- #user_container #setups td,#user_container #tables td{
- font-weight:bold;
- font-size:.9em;
- padding:3px 0
- }
- #user_container #setups td:first-child,#user_container #tables td:first-child{
- padding-right:10px
- }
- #user_container #setups .setuptitle{
- color:#911;
- font-size:.9em
- }
- #user_container #inbox .message_count{
- background-color:#fff
- }
- #user_container #inbox .message_count a{
- font-weight:normal;
- font-size:1em
- }
- #user_container #inbox .message_count a span{
- margin:0 5px
- }
- #user_container #alts table{
- width:100%
- }
- #user_container #alts table td{
- padding:.2em 0
- }
- #user_container #alts table .load_alt{
- font-size:.9em
- }
- #user_container #addalt{
- margin-top:.5em
- }
- #user_container #addalt a{
- display:block;
- font-size:.85em;
- margin-bottom:.5em
- }
- #user_container #addalt input[type=submit]{
- font-size:.8em
- }
- #user_container #addalt .sel{
- color:#b11
- }
- #user_container #addalt form{
- background-color:#eee;
- padding:.5em
- }
- #user_container #addalt form p{
- padding:.25em
- }
- #user_container #addalt form p>*{
- display:inline-block;
- vertical-align:middle
- }
- #user_container #addalt form p input{
- border:1px solid #aaa;
- padding:4px
- }
- #user_container #tables .ago{
- color:grey;
- font-weight:normal
- }
- #user_container #stats_lt{
- margin-top:1em
- }
- #user_container #stats_rt #align_stats .align_stats>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #user_container #stats_rt #rolecall #rolecall_i{
- max-height:300px;
- overflow:auto
- }
- #user_container #stats_rt #rolecall .roledata{
- margin:5px;
- display:block
- }
- #user_container #stats_rt #rolecall .roledata>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #user_container #stats_rt #rolecall .roledata .bar{
- position:relative
- }
- #user_container #stats_rt #rolecall .roledata .bar .text{
- width:50px;
- position:absolute;
- top:-1px;
- right:-55px;
- text-align:left
- }
- #user_container #stats_rt #rolecall .rolestat{
- margin-left:5px;
- font-size:.9em
- }
- #user_container #stats_rt #rolecall .rolestat span{
- font-weight:bold
- }
- #user_container #stats_rt #achievements{
- margin-top:1em
- }
- #user_container #stats_rt #achievements .achievement{
- display:inline-block;
- vertical-align:middle;
- width:12em;
- margin:0 .5em .25em 0
- }
- #user_container #stats_rt #achievements .achievement>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px
- }
- #user_container #stats_rt #achievements .achievement .achievement_name{
- color:#b11;
- font-size:.9em
- }
- #user_container #stats_rt #achievements .achievement .achievement_descr{
- background-color:#fff;
- padding:.5em;
- border:1px solid #ccc;
- width:15em
- }
- #user_container #stats_rt #achievements .achievement .achievement_progress{
- font-size:.9em
- }
- #pie #piestat{
- margin-top:1em
- }
- #pie #piestat td{
- padding:.1em .5em;
- font-size:.9em;
- vertical-align:middle
- }
- #pie #piestat td+td{
- text-align:right
- }
- #pie #labels{
- position:relative
- }
- #pie td.mark+td{
- color:#b11;
- font-weight:bold
- }
- #pie td.mark div{
- width:1em;
- height:1em
- }
- #pie #wins,#pie #losses,#pie #suicides{
- font-size:.9em;
- font-weight:bold
- }
- #pie #wins{
- background-color:#4f4
- }
- #pie #losses{
- background-color:#f44
- }
- #pie #suicides{
- background-color:#aaa
- }
- #pie #incomplete{
- background-color:#bb1
- }
- #pie #total{
- background-color:#eee
- }
- .votebox>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- .votebox .icon-arrow-up,.votebox .icon-arrow-down{
- font-size:15px;
- display:block
- }
- .votebox .sel{
- color:#b11
- }
- .votebox .ratetext{
- vertical-align:middle;
- display:inline-block
- }
- .votebox .ratectrl{
- height:30px
- }
- .votebox .ratetext{
- font-size:.9em;
- height:20px;
- margin:5px 0;
- line-height:20px
- }
- .votebox.votebox_user .ratectrl{
- height:15px
- }
- .vote-lt{
- background:url(/images/vote.png?1) no-repeat center left;
- height:20px;
- padding-left:20px;
- line-height:20px;
- font-size:.9em;
- font-weight:bold;
- color:#b11
- }
- #admin_lobby_container .select_roles>*{
- display:inline-block;
- margin-right:4px
- }
- #admin_lobby_container .select_options>*{
- margin-right:4px
- }
- #admin_lobby_container .lobby_select_criteria{
- margin-bottom:.5em
- }
- #admin_lobby_container .criteria_roles{
- min-height:25px;
- background-color:#eee
- }
- #admin_lobby_container .criteria_roles>*{
- display:inline-block;
- margin-right:5px
- }
- #admin_lobby_container .criteria_options{
- font-size:.9em;
- min-height:25px;
- background-color:#eee
- }
- #admin_lobby_container .criteria_options>*{
- display:inline-block;
- margin-right:5px
- }
- #admin_lobby_container .allowed_games{
- font-size:.9em;
- min-height:25px;
- background-color:#eea
- }
- #admin_lobby_container .allowed_games>*{
- display:inline-block;
- margin-right:2px
- }
- #admin_lobby_container a.edit_criteria{
- display:inline-block
- }
- .payout_container{
- height:20px
- }
- .tip_body .payouts{
- padding:5px;
- text-align:center
- }
- .tip_body .payouts .payout{
- font-size:.9em
- }
- .tip_body .payouts .payout>*{
- display:inline-block;
- vertical-align:bottom;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- .tip_body .payout_header{
- color:#fff;
- background-color:#b11;
- padding:10px;
- font-size:.8em;
- text-align:center
- }
- #rounds_container #in_game{
- width:10px;
- height:10px;
- border-radius:5px
- }
- #rounds_container #in_game.waiting{
- background-color:#090
- }
- #rounds_container #in_game.progress{
- background-color:#f93
- }
- #rounds_container #in_game.gameover{
- background-color:#aaa
- }
- #rounds_container #breadcrumb{
- position:relative;
- margin-bottom:.5em
- }
- #rounds_container #breadcrumb #current_round{
- position:absolute;
- top:0;
- right:0;
- background-color:#eee;
- font-size:.9em;
- padding:.5em;
- color:#888
- }
- #rounds_container #breadcrumb #current_round .round_status{
- font-size:1.2em
- }
- #rounds_container td.number{
- font-size:1.3em;
- color:#777;
- text-align:right;
- padding:1em;
- text-align:center
- }
- #rounds_container #round_left>*{
- margin:0 0 1em 0
- }
- #rounds_container #round_left #round_users table tr{
- cursor:pointer
- }
- #rounds_container #round_left #round_users table tr:hover{
- background-color:#eee
- }
- #rounds_container #round_left #round_users table tr.suspended{
- background-color:#fdd
- }
- #rounds_container #round_left #round_users table td{
- padding:5px 10px 5px 0
- }
- #rounds_container #round_left #round_users table td .award{
- display:inline-block
- }
- #rounds_container #round_left #round_users table td .rounduser_rank_change{
- text-align:right
- }
- #rounds_container #round_left #round_users table td .rounduser_rank_change>*{
- font-size:.8em
- }
- #rounds_container #round_left #round_users table td .rounduser_rank_change>* .icon{
- font-size:.75em
- }
- #rounds_container #round_left #round_users table td .rounduser_user a span{
- display:inline-block;
- color:#666;
- overflow:hidden;
- max-width:6em;
- font-weight:normal
- }
- #rounds_container #round_left #round_users table td.over_2000 .score-lt{
- color:#f93
- }
- #rounds_container #round_left #round_users table td .lives-lt,#rounds_container #round_left #round_users table td .score-lt{
- font-size:.9em
- }
- #rounds_container #round_left #round_users table td .flame-lt{
- font-size:.8em;
- font-weight:bold
- }
- #rounds_container #round_left #round_users table td.rounduser_stats_icon{
- padding:0
- }
- #rounds_container #round_middle label{
- font-size:.9em;
- color:#888
- }
- #rounds_container #round_middle>*{
- margin-bottom:10px
- }
- #rounds_container #round_middle #round_search_users input[type=text]{
- border:1px solid #777;
- font-size:.9em
- }
- #rounds_container #round_middle #round_search_users #round_user_data .round_users{
- padding-left:10px
- }
- #rounds_container #round_middle #round_search_users #round_user_data .round_users .user{
- display:block;
- margin:0 4px 4px 0
- }
- #rounds_container #round_middle #round_search_users .pagination_container{
- padding-left:5px
- }
- #rounds_container #round_middle #round_search_users .pagination_container>*{
- display:inline-block;
- vertical-align:m;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #rounds_container #round_middle #round_search_users .pagination_container .page_status{
- font-size:.9em;
- color:#888
- }
- #rounds_container #round_middle #select_setup_compete_bar>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.2em;
- zoom:1;
- *display:inline
- }
- #rounds_container #round_middle #select_setup_compete_bar #select_setup_compete{
- border:1px solid #aaa;
- font-size:1em
- }
- #rounds_container #round_middle .select_setup_compete .roundsetup_make_competitive .setup_title{
- font-size:.9em
- }
- #rounds_container #round_middle .select_setup_compete .roundsetup_make_competitive a{
- font-size:.9em
- }
- #rounds_container #round_middle #record-top>*{
- display:inline-block;
- margin-right:5px;
- vertical-align:middle
- }
- #rounds_container #round_middle #record-top>* img.avatar{
- border:1px solid #ccc
- }
- #rounds_container #round_middle #user_statistics{
- margin-top:1em
- }
- #rounds_container #round_middle #user_statistics>*{
- margin-bottom:1em
- }
- #rounds_container #round_middle #user_statistics #roundusers_table{
- width:100%
- }
- #rounds_container #round_middle #user_statistics #roundusers_table td{
- padding-right:5px
- }
- #rounds_container #round_middle #user_statistics #roundusers_table .votes,#rounds_container #round_middle #user_statistics #roundusers_table .comments{
- font-size:.9em;
- color:#999
- }
- #rounds_container #round_middle #user_statistics h4{
- color:#b11
- }
- #rounds_container #round_middle #user_statistics #user_roles .roleimg{
- position:relative
- }
- #rounds_container #round_middle #user_statistics #user_roles .roleimg sup{
- position:absolute;
- top:0;
- left:-0.7em;
- font-size:.7em;
- font-weight:bold
- }
- #rounds_container #round_middle #user_statistics #user_setups td{
- padding:2px 5px
- }
- #rounds_container #round_middle #user_statistics #user_setups .setup_played{
- margin-top:.5em
- }
- #rounds_container #round_middle #user_statistics #user_setups .setup_num{
- min-width:4em;
- font-size:.9em;
- color:#666
- }
- #rounds_container #round_middle #opponents_container{
- max-height:300px;
- overflow-y:scroll;
- border:1px solid #ccc;
- border-width:1px 0
- }
- #rounds_container #round_middle #opponents_container table{
- width:100%
- }
- #rounds_container #round_middle #opponents_container table th{
- font-size:.9em;
- color:#777;
- text-align:center
- }
- #rounds_container #round_middle #opponents_container table th .opponent-name{
- max-width:5em;
- overflow-x:hidden;
- overflow-y:hidden;
- white-space:nowrap;
- text-overflow:ellipsis
- }
- #rounds_container #round_middle #opponents_container table th .green{
- background-color:#1b1
- }
- #rounds_container #round_middle #opponents_container table th .red{
- background-color:#b11
- }
- #rounds_container #round_middle #opponents_container table th .grey{
- background-color:#999
- }
- #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{
- display:inline-block
- }
- #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>*{
- display:inline-block;
- width:10px;
- height:20px
- }
- #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{
- border-top-left-radius:2px;
- border-top-right-radius:0;
- border-bottom-left-radius:2px;
- border-bottom-right-radius:0
- }
- #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{
- border-top-left-radius:0;
- border-top-right-radius:2px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:2px
- }
- #rounds_container #round_middle #opponents_container table tr:hover{
- background-color:#eee
- }
- #rounds_container #round_middle #opponents_container table td{
- padding:3px 0
- }
- #rounds_container #round_middle #opponents_container table td .user{
- font-size:.9em
- }
- #rounds_container #round_middle #opponents_container table td.number{
- padding:3px 10px;
- text-align:center
- }
- #rounds_container #round_middle #opponents_container table td.number.smaller{
- font-size:1.1em
- }
- #rounds_container #round_middle #opponents_container table td.number.zero{
- color:#aaa
- }
- #rounds_container #round_middle #round_setups .roundsetup{
- position:relative;
- margin:.5em 0;
- background-color:#eee;
- padding:.5em;
- border-radius:2px
- }
- #rounds_container #round_middle #round_setups .roundsetup>*{
- margin-bottom:.25em
- }
- #rounds_container #round_middle #round_setups .roundsetup .roundsetup_num_played{
- position:absolute;
- top:-5px;
- right:-5px;
- width:24px;
- height:24px;
- line-height:24px;
- border-radius:12px;
- background-color:#b11;
- color:#fff;
- text-align:center;
- font-size:.6em
- }
- #rounds_container #round_middle #round_setups .roundsetup .roundsetup_setup{
- margin-bottom:10px
- }
- #rounds_container #round_middle #round_setups .roundsetup .roundsetup_setup>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em
- }
- #rounds_container #round_middle #round_setups .roundsetup .roundsetup_bottom{
- margin-bottom:0
- }
- #rounds_container #round_middle #round_setups .roundsetup .roundsetup_user{
- font-size:.9em
- }
- #rounds_container #round_middle #round_setups .roundsetup .roundsetup_user span{
- color:#888
- }
- #rounds_container #round_right #join_round{
- width:12em;
- display:block;
- text-align:center;
- margin:0 auto;
- height:2em;
- line-height:2em
- }
- #rounds_container #round_right>*{
- margin-bottom:.5em
- }
- #rounds_container #round_right h4{
- color:#b11;
- font-size:.9em;
- font-weight:bold;
- margin-bottom:1em
- }
- #rounds_container #round_right #topgames #topgames_inner{
- box-sizing:border-box;
- margin:5px 0 0 5px;
- width:100%
- }
- #rounds_container #round_right #topgames .topgame{
- margin-bottom:10px
- }
- #rounds_container #round_right #topgames .topgame td{
- padding:0 5px 5px 0
- }
- #rounds_container #round_right #topgames #no_topgames{
- padding:1em;
- background-color:#ccc;
- text-align:center;
- color:#777;
- font-size:.9em
- }
- #rounds_container #round_right #prev_round_winners .trophy{
- margin:5px 0
- }
- #rounds_container #round_right #prev_round_winners .trophy>*{
- display:inline-block;
- vertical-align:middle
- }
- #rounds_container #round_right #lobbies a{
- font-size:.9em
- }
- #rounds_container #round_right #rounds_page{
- margin-top:.5em
- }
- #rounds_container #round_right #rounds_page .round_info{
- font-size:.9em;
- color:#aaa
- }
- #rounds_container #round_right #rounds_page .round_select>*{
- margin-right:.5em;
- margin-bottom:.2em;
- display:inline-block;
- vertical-align:middle
- }
- .mod_toolkit{
- position:relative;
- display:inline-block
- }
- .mod_toolkit .mod_select{
- width:20px;
- height:20px;
- padding-left:20px
- }
- .mod_toolkit .mod_select.mod-sel i{
- color:#b11
- }
- .mod_toolkit .mod_tools{
- padding:5px;
- border:1px solid #aaa;
- background-color:#fff;
- z-index:1000;
- min-width:250px;
- position:absolute;
- top:20px
- }
- .mod_toolkit .mod_tools a{
- text-align:left;
- padding:2px;
- width:100%;
- font-weight:normal;
- float:left;
- clear:left
- }
- .mod_toolkit .mod_tools a:hover{
- background-color:#ddd
- }
- #mod_container #mentor_list .mentor_ctrl{
- position:relative
- }
- #mod_container #mentor_list .mentor_ctrl .search_result{
- background-color:#fff;
- border:1px solid #ccc;
- box-shadow:0 0 30px #ccc;
- position:absolute;
- top:0;
- left:120px;
- padding:5px;
- z-index:5
- }
- #mod_container #mods .mod{
- display:inline-block;
- vertical-align:top;
- width:10em
- }
- #mod_container #mods .mod.drophover{
- background-color:#ff8
- }
- #mod_container #mods .mod .mod_username{
- position:relative
- }
- #mod_container #mods .mod .mod_username img.crown{
- position:absolute;
- top:-10px;
- left:-10px
- }
- #mod_container #mods .mod .mod_name_comment{
- margin:2px 0
- }
- #mod_container #mods .mod .mod_name_comment>*{
- display:inline-block;
- vertical-align:middle;
- margin:.2em .5em .2em 0
- }
- #mod_container #mods .mod .mod_name_comment .mod_name{
- font-weight:bold
- }
- #mod_container #mods .mod .mod_name_comment .mod_name.mod_admin{
- color:#911
- }
- #mod_container #mods .mod .mod_name_comment .mod_name .mod_change_name{
- font-weight:normal
- }
- #mod_container #mods .mod .mod_name_comment .mod_name .mod_change_name[contenteditable=true]{
- padding:2px;
- border:1px solid #aaa
- }
- #mod_container #mods .mod .mod_name_comment .mod_name .mod_change_name[contenteditable=true]:hover{
- background-color:#ff5
- }
- #mod_container #mods .mod .mod_name_comment .mod_getcomment{
- cursor:pointer
- }
- #mod_container #mods .mod h4{
- font-size:.9em;
- color:#b11
- }
- #mod_container #mods #moderator_details{
- padding:1em 0
- }
- #mod_container #mods #moderator_details .keys .mod_key{
- background:url("/images/key.png") no-repeat center left;
- height:20px;
- padding-left:25px;
- line-height:20px;
- font-family:helvetica;
- font-size:.95em
- }
- #mod_container #mod_actions .action{
- margin-bottom:1em
- }
- #mod_container #mod_actions .action .action_name{
- padding:.5em;
- background-color:#ddd;
- font-size:.9em;
- font-family:helvetica;
- border:1px solid #ccc;
- color:#b11;
- border-top-left-radius:3px;
- border-top-right-radius:3px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:0
- }
- #mod_container #mod_actions .action .action_desc{
- margin-top:.5em
- }
- #mod_container #mod_actions .action .action_user{
- font-weight:bold
- }
- #mod_container #mod_actions .action .action_reason{
- border:1px solid #aaa;
- padding:1em;
- font-size:.9em;
- border-top-left-radius:0;
- border-top-right-radius:0;
- border-bottom-left-radius:3px;
- border-bottom-right-radius:3px
- }
- #mod_container #mod_actions .action .action_reason span{
- color:#888;
- font-size:.9em
- }
- #mod_container #mod_actions .action .edit_action_reason{
- width:295px;
- border:1px solid grey
- }
- #search_container #search_title>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #search_container #search_bar_header>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.4em;
- zoom:1;
- *display:inline
- }
- #search_container #search_bar_header #search_bar input[type=text]{
- padding:.25em;
- border:1px solid #aaa;
- font-size:1.1em
- }
- #search_container #search_bar_header #search_bar input[type=submit]{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- border-radius:2px;
- font-weight:normal;
- background-color:#c22;
- font-size:1.1em;
- border-color:transparent!important;
- color:#fff;
- cursor:pointer;
- padding:.4em .5em;
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0)
- }
- #search_container #search_bar_header #search_bar input[type=submit]:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
- background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
- border-color:#ccc
- }
- #search_container #search_bar_header #search_bar input[type=submit]:hover i{
- color:#fff
- }
- #search_container #search_bar_header #search_bar input[type=submit].disabled{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #search_container #search_bar_header #search_bar input[type=submit].disabled:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #search_container #search_bar_header #search_bar input[type=submit].inverse{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #search_container #search_bar_header #search_bar input[type=submit].inverse:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- color:#fff
- }
- #search_container #search_bar_header #search_bar input[type=submit].inverse:hover i{
- color:#fff
- }
- #search_container #search_bar_header #search_header{
- font-size:.9em;
- color:#b11
- }
- #search_container #search_bar_options{
- margin-top:.5em;
- font-size:.9em;
- font-weight:normal
- }
- #search_container #search_bar_options>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #search_container #search_bar_options a{
- padding:.5em;
- background-color:#ccc
- }
- #search_container #search_bar_options a.sel{
- color:#911
- }
- #search_container #search_results #no_results{
- background-color:#ccc;
- padding:1em;
- color:#555;
- width:15em;
- text-align:center
- }
- #search_container #search_results>*{
- margin-top:1em
- }
- #search_container #search_results .search_result{
- display:inline-block;
- vertical-align:top;
- margin-right:1em;
- width:20em
- }
- #search_container #search_results .search_result.topic .result_topic{
- color:#911
- }
- #search_container #search_results .search_result.topic .result_msg{
- background-color:#aaa;
- overflow:hidden;
- text-overflow:ellipsis
- }
- #search_container #search_results .search_result.post .result_topic{
- color:#777;
- font-size:.9em
- }
- #search_container #search_results .search_result.post .result_msg{
- background-color:#ccc
- }
- #search_container #search_results .search_result.post .result_data a.user{
- font-size:.9em
- }
- #search_container #search_results .search_result>*{
- margin-bottom:.35em
- }
- #search_container #search_results .search_result .result_topic{
- display:block
- }
- #search_container #search_results .search_result .result_msg{
- border-radius:3px;
- padding:.8em;
- font-size:.9em
- }
- #search_container #search_results .search_result .result_msg .match{
- background-color:#bb1;
- color:#444
- }
- #search_container #search_results .search_result .result_data>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.25em;
- zoom:1;
- *display:inline
- }
- #topic_edit{
- min-height:700px
- }
- #topic_edit #create_topic input[type=number]{
- width:50px
- }
- #topic_edit #create_topic .add_options{
- padding-left:5px;
- margin-bottom:20px
- }
- #topic_edit #create_topic .error{
- float:none
- }
- #topic_edit #create_topic textarea,#topic_edit #create_topic input[type=text]{
- border:1px solid #aaa;
- margin:0
- }
- #topic_edit #create_topic input[type=text]{
- padding:.2em
- }
- #topic_edit #create_topic label{
- display:inline-block;
- margin-right:.25em;
- font-size:.9em;
- padding:.25em 0 .1em
- }
- #topic_edit #create_topic textarea{
- display:block;
- width:500px
- }
- #topic_edit #create_topic p.ib>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #topic_edit #create_topic p{
- margin:.5em 0
- }
- #topic_edit #create_topic input[type=submit]{
- margin-top:.5em
- }
- #topic_edit #create_topic .choice{
- margin-bottom:3px
- }
- #topic_edit #create_topic .choice>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #topic_edit #create_topic #poll_descr{
- width:250px;
- height:100px
- }
- #topic_edit #create_topic #poll_descr_box{
- margin-top:1em
- }
- #announce_container #announce_rt #past_announcements>*{
- margin-bottom:1em
- }
- #report_container #report_advanced_search>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #report_container #page_data{
- margin-top:1em;
- padding:.5em
- }
- #report_container #reports .report{
- position:relative;
- padding:.3em;
- margin-bottom:.5em
- }
- #report_container #reports .report .report_mod_tools{
- position:absolute;
- top:0;
- right:0;
- width:100px
- }
- #report_container #reports .report:nth-child(2n+1){
- background-color:#eee
- }
- #report_container #reports .report>*{
- margin-bottom:.15em
- }
- #report_container #reports .report .report_top{
- margin-bottom:.8em
- }
- #report_container #reports .report .report_top>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #report_container #reports .report .report_top .report_id{
- font-size:.9em
- }
- #report_container #reports .report .report_middle>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #report_container #reports .report .report_middle span{
- font-size:.9em;
- color:grey
- }
- #report_container #reports .report .report_bottom{
- margin:.4em 0;
- padding:.25em;
- font-size:.9em;
- color:#911
- }
- #report_container #reports .report .report_moderator{
- font-size:.9em;
- color:#888
- }
- #report_container #reports .report .report_moderator .moderator_name{
- font-weight:bold
- }
- #report_container .empty{
- font-size:1.1em;
- color:#777;
- text-align:center;
- padding:1em;
- background-color:#ddd
- }
- #report_container #report_r2>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #report_container #report_status{
- margin-top:.15em
- }
- #report_container #report_status .select_status>*{
- margin-right:.5em
- }
- #report_container #report_msg{
- color:#666;
- padding:.5em;
- background-color:#eee;
- font-size:.9em;
- margin:.7em 0
- }
- #report_container .report_status{
- color:#fff;
- padding:15px;
- border-radius:2px;
- font-weight:normal;
- display:inline-block;
- position:relative
- }
- #report_container .report_status:hover{
- opacity:.7;
- color:#eee
- }
- #report_container .report_status.in_menu{
- opacity:.3;
- padding-right:15px
- }
- #report_container .report_status.sel{
- opacity:1
- }
- #report_container .report_status span{
- position:absolute;
- top:2px;
- right:2px;
- font-size:.7em;
- color:#fff
- }
- #report_container #reports{
- margin-top:1em
- }
- #report_container #report_lt .one_violation>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #report_container #report_lt .one_violation span{
- font-size:.9em;
- color:grey
- }
- #report_container #report_lt .one_violation span.violation{
- font-weight:bold;
- color:#b11
- }
- #report_container #report_lt #report_statement{
- margin:.25em 0 .5em;
- font-size:1em;
- text-align:center;
- width:100%;
- color:#b11;
- border:1px solid #ccc;
- background-color:#ff8;
- padding:.5em 0
- }
- #report_container #report_rt #report_controls>a{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- border-radius:2px;
- font-weight:normal;
- background-color:#c22;
- font-size:1.1em;
- border-color:transparent!important;
- color:#fff;
- cursor:pointer;
- padding:.4em .5em;
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- font-size:.9em;
- margin-right:.5em
- }
- #report_container #report_rt #report_controls>a:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
- background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
- border-color:#ccc
- }
- #report_container #report_rt #report_controls>a:hover i{
- color:#fff
- }
- #report_container #report_rt #report_controls>a.disabled{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #report_container #report_rt #report_controls>a.disabled:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #report_container #report_rt #report_controls>a.inverse{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- #report_container #report_rt #report_controls>a.inverse:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- color:#fff
- }
- #report_container #report_rt #report_controls>a.inverse:hover i{
- color:#fff
- }
- #rule_container #rule_lt{
- overflow:hidden
- }
- #rule_container .editable .gamedesc,#rule_container .editable .siterule{
- cursor:move
- }
- #rule_container .siterule.sel{
- background-color:#ffa
- }
- #rule_container .gamedesc{
- margin-bottom:1em
- }
- #rule_container .gamedesc .src_title{
- position:relative
- }
- #rule_container .gamedesc .src_title .close{
- position:absolute;
- top:0;
- right:0
- }
- #rule_container .gamedesc .src_descr{
- padding:.5em;
- background-color:#ddd;
- margin-bottom:5px;
- font-size:.9em
- }
- #rule_container .gamedesc .src_descr .text{
- padding:.5em;
- color:#666
- }
- #rule_container .gamedesc .src_descr .text.editable:hover{
- background-color:#ffa
- }
- #rule_container .gamedesc .src_descr .edit_text{
- font-family:arial;
- font-size:1.1em;
- width:100%
- }
- #rule_container .gamedesc ul{
- width:100%
- }
- #rule_container .gamedesc ul li{
- width:100%
- }
- #rule_container .gamedesc .siterule{
- margin-bottom:1em;
- border-bottom:1px solid #ccc
- }
- #rule_container .gamedesc .siterule .sr_name{
- font-size:1.2em;
- font-weight:bold;
- margin-bottom:.2em
- }
- #rule_container .gamedesc .siterule .sr_title{
- background:url("/images/bullet.png") no-repeat top left;
- padding-left:20px;
- position:relative;
- background-position-y:.5em
- }
- #rule_container .gamedesc .siterule .sr_title .sr_msg{
- font-size:.95em;
- color:#777
- }
- #rule_container .gamedesc .siterule .sr_title .close{
- position:absolute;
- top:0;
- right:0
- }
- #rule_container .gamedesc .siterule .sr_infringements{
- margin:.5em 0;
- list-style-type:decimal;
- margin-left:2.5em;
- font-size:.9em;
- color:#911
- }
- #rule_container .gamedesc .siterule .sr_infringements>*{
- padding:.1em 0
- }
- #rule_container .gamedesc .siterule .sr_infringements li.infringement{
- position:relative
- }
- #rule_container .gamedesc .siterule .sr_infringements li.infringement a.close{
- position:absolute;
- top:0;
- right:0
- }
- #sticker_container .stickers{
- margin:10px 0
- }
- #sticker_container .stickers>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #sticker_container .stickers .sticker{
- cursor:pointer
- }
- #sticker_container #form_select_role>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #sticker_container #form_select_role .roleimg{
- cursor:pointer;
- border-radius:2px
- }
- #sticker_container #form_select_role .roleimg:hover{
- background-color:#ff9
- }
- #sticker_container #form_select_role .roleimg.sel{
- background-color:#ccc
- }
- #tos_container,#privacy_container{
- width:70%
- }
- #tos_container h1,#tos_container h2,#privacy_container h1,#privacy_container h2{
- font-weight:normal
- }
- #tos_container .inform,#privacy_container .inform{
- padding:20px
- }
- #tos_container span.em,#privacy_container span.em{
- font-weight:bold
- }
- #tos_container .tos,#tos_container .privacy,#privacy_container .tos,#privacy_container .privacy{
- padding:.5em 1em
- }
- #tos_container ol,#privacy_container ol{
- list-style:decimal;
- margin-left:2em;
- margin-bottom:.5em
- }
- #tos_container ol li,#privacy_container ol li{
- font-size:.95em;
- padding:3px 0;
- line-height:1.1em
- }
- #tos_container p,#privacy_container p{
- font-size:.9em;
- background-color:#eee;
- padding:.5em
- }
- .edit_markdown{
- position:relative
- }
- .edit_markdown .top_controls{
- position:absolute;
- top:5px;
- right:5px;
- display:none
- }
- .edit_markdown .top_controls .edit{
- padding-right:20px;
- font-weight:normal;
- font-size:.9em
- }
- .edit_markdown .top_controls .edit:hover{
- color:#911
- }
- .edit_markdown .top_controls .edit:hover span{
- color:#911
- }
- .edit_markdown .wmd-panel{
- margin-top:30px
- }
- .edit_markdown:hover .top_controls,.edit_markdown.sel .top_controls{
- z-index:3;
- display:block
- }
- .edit_markdown .bottom_controls{
- width:100%;
- text-align:right
- }
- .edit_markdown .bottom_controls .save,.edit_markdown .bottom_controls .cancel{
- display:inline-block;
- margin-left:5px;
- padding:5px;
- border-radius:2px;
- font-weight:normal;
- border:1px solid #ccc;
- font-size:.9em
- }
- .edit_markdown .bottom_controls .save:before{
- content:"✓ ";
- color:green;
- font-weight:bold
- }
- .edit_markdown .bottom_controls .cancel:before{
- content:"✗ ";
- color:#ddd;
- font-weight:bold
- }
- .markdown{
- font-family:helvetica,arial,sans-serif
- }
- .markdown hr{
- height:1px;
- border:0;
- background:-webkit-linear-gradient(left,#ccc,#333,#ccc);
- background:linear-gradient(left,#ccc,#333,#ccc)
- }
- .markdown p{
- text-overflow:ellipsis;
- margin-bottom:.6em;
- line-height:1.25em;
- padding:.2em;
- font-family:"Helvetica Neue",Arial,sans-serif;
- font-size:1.1em
- }
- .markdown p:last-child{
- margin-bottom:0
- }
- .markdown strong{
- font-weight:700
- }
- .markdown em{
- font-weight:500
- }
- .markdown img{
- max-height:250px;
- max-width:250px
- }
- .markdown h1,.markdown h2,.markdown h3{
- font-family:arial
- }
- .markdown h1{
- font-size:1.75em;
- font-weight:650
- }
- .markdown h2{
- font-weight:500;
- font-size:1.4em
- }
- .markdown h3{
- background-color:#fff;
- font-weight:400;
- letter-spacing:.1em
- }
- .markdown ul{
- margin-bottom:.5em
- }
- .markdown ul>li{
- padding-left:1.2em;
- background:url(/images/bullet.png) no-repeat .35em .5em;
- list-style-type:none;
- margin-bottom:.2em
- }
- .markdown ul>li:last-child{
- margin-bottom:0
- }
- .markdown ul>li p{
- margin:0;
- padding:0
- }
- .markdown ol{
- list-style:decimal;
- margin-left:1.5em;
- margin-bottom:.5em
- }
- .markdown ol p{
- margin:0
- }
- .markdown blockquote{
- padding:.7em;
- background-color:#efefef;
- border-radius:2px;
- border:1px solid #ccc;
- margin:.5em 0;
- font-size:.9em
- }
- .markdown blockquote p:first-child{
- margin:0
- }
- .markdown.topic_markdown blockquote{
- background-color:#fff
- }
- .wmd-button-bar{
- width:100%;
- background-color:Silver
- }
- .wmd-input{
- height:300px;
- width:100%;
- background-color:#eee;
- border:1px solid #a9a9a9;
- box-sizing:border-box
- }
- .wmd-button-row{
- position:relative;
- margin-left:5px;
- margin-right:5px;
- margin-bottom:5px;
- margin-top:10px;
- padding:0;
- height:20px
- }
- .wmd-spacer{
- width:1px;
- height:20px;
- margin-left:14px;
- position:absolute;
- background-color:Silver;
- display:inline-block;
- list-style:none
- }
- .wmd-button{
- width:20px;
- height:20px;
- padding-left:2px;
- padding-right:3px;
- position:absolute;
- display:inline-block;
- list-style:none;
- cursor:pointer
- }
- .wmd-button>span{
- background-image:url(/images/wmd-buttons.png);
- background-repeat:no-repeat;
- background-position:0 0;
- width:20px;
- height:20px;
- display:inline-block
- }
- .wmd-spacer1{
- left:50px
- }
- .wmd-spacer2{
- left:175px
- }
- .wmd-spacer3{
- left:300px
- }
- .wmd-prompt-background{
- background-color:#000
- }
- .wmd-prompt-dialog{
- border:1px solid #999;
- background-color:#f5f5f5
- }
- .wmd-prompt-dialog>div{
- font-size:.8em;
- font-family:arial,helvetica,sans-serif
- }
- .wmd-prompt-dialog>form>input[type="text"]{
- border:1px solid #999;
- color:#000
- }
- .wmd-prompt-dialog>form>input[type="button"]{
- border:1px solid #888;
- font-family:trebuchet MS,helvetica,sans-serif;
- font-size:.8em;
- font-weight:bold
- }
- .table_default td{
- font-size:.95em;
- padding:2px 0
- }
- .table_default td:first-child{
- font-size:.9em;
- padding-right:.5em;
- color:#911
- }
- .form_linear input[type=text],.form_linear input[type=password]{
- border-top-left-radius:4px;
- border-top-right-radius:0;
- border-bottom-left-radius:4px;
- border-bottom-right-radius:0;
- padding:4px;
- height:20px;
- display:inline;
- margin:0
- }
- .form_linear input[type=submit]{
- display:inline;
- height:30px;
- padding:0 10px;
- margin:0;
- border:0;
- margin:0
- }
- .form_linear input[type=submit].round{
- border-top-left-radius:0;
- border-top-right-radius:4px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:4px
- }
- .form_linear.form_default input[type=submit].round{
- border-top-left-radius:0;
- border-top-right-radius:4px;
- border-bottom-left-radius:0;
- border-bottom-right-radius:4px
- }
- input[type=text].text_full_width{
- width:100%;
- box-sizing:border-box
- }
- .form_input[type=text]{
- padding:5px;
- font-size:1.1em;
- border-radius:2px;
- border:1px solid #ccc
- }
- .form_input[type=text].smaller{
- font-size:.9em;
- padding:3px
- }
- .form_input[type=text].longer{
- width:300px
- }
- .form_default fieldset{
- border:1px dotted #ccc;
- padding:5px;
- margin:5px 0
- }
- .form_default fieldset legend{
- color:grey;
- font-size:.9em
- }
- .form_default input,.form_default textarea{
- border:1px solid #aaa;
- font-family:arial;
- padding:.15em
- }
- .form_default input:focus,.form_default textarea:focus{
- border:1px solid #aaf
- }
- .form_default input[type=text],.form_default input[type=password]{
- font-size:1em
- }
- .form_default textarea{
- width:75%;
- height:100px
- }
- .form_default label{
- font-size:.9em;
- margin-right:.25em
- }
- .form_default input[type=file]{
- border:0
- }
- .form_default input[type=submit]{
- font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial Narrow","Arial",sans-serif;
- border-radius:2px;
- font-weight:normal;
- background-color:#c22;
- font-size:1.1em;
- border-color:transparent!important;
- color:#fff;
- cursor:pointer;
- padding:.4em .5em;
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- font-size:.9em
- }
- .form_default input[type=submit]:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#e44),color-stop(0,#c22));
- background-image:-moz-linear-gradient(center bottom,#e44 100%,#c22 0);
- border-color:#ccc
- }
- .form_default input[type=submit]:hover i{
- color:#fff
- }
- .form_default input[type=submit].disabled{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- .form_default input[type=submit].disabled:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- .form_default input[type=submit].inverse{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#ddd),color-stop(0,#bbb));
- background-image:-moz-linear-gradient(center bottom,#ddd 100%,#bbb 0);
- color:#555
- }
- .form_default input[type=submit].inverse:hover{
- background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#d33),color-stop(0,#b11));
- background-image:-moz-linear-gradient(center bottom,#d33 100%,#b11 0);
- color:#fff
- }
- .form_default input[type=submit].inverse:hover i{
- color:#fff
- }
- .form_default.full-width{
- box-sizing:border-box
- }
- .form_default.full-width input,.form_default.full-width textarea{
- box-sizing:border-box;
- width:100%
- }
- #anonymousdeck_container{
- margin-bottom:1em
- }
- #anonymousdeck_container table{
- margin-bottom:1em
- }
- #anonymousdeck_container table td:first-child{
- color:#b11;
- font-weight:bold
- }
- #anonymousdeck_container table td{
- font-size:.9em;
- padding:.25em .25em .25em
- }
- #anonymousdeck_container #cards{
- padding:5px
- }
- #anonymousdeck_container #cards img{
- border:1px solid #ccc
- }
- #anonymousdeck_container #cards .card{
- margin-bottom:.5em;
- min-width:8em
- }
- .class_noun{
- background:url(/images/tira/tira_mini.png) no-repeat center left;
- padding-left:28px
- }
- .class_adj{
- background:url(/images/tira/fork.png) no-repeat center left;
- padding-left:28px
- }
- .creating_game_inner label.password{
- width:0;
- background:url(/images/lock.png) no-repeat center left;
- height:25px;
- padding-left:30px;
- line-height:25px
- }
- .creating_game_inner label.camera{
- width:0;
- background:url(/images/cam.png) no-repeat center left;
- height:25px;
- padding-left:30px;
- line-height:25px
- }
- #creategame_instructions ul li{
- margin-bottom:10px
- }
- #creating_drawit #words{
- padding:5px;
- background-color:#ddd;
- max-height:200px;
- overflow-y:scroll
- }
- #creating_drawit #words .word{
- display:inline-block;
- vertical-align:middle;
- margin:0 5px 5px 0;
- color:#555;
- padding:3px;
- font-size:.9em
- }
- #creating_drawit #select_deck #sort li{
- margin-left:5px;
- font-size:.9em
- }
- #creating_drawit #select_deck #sort li.sel a{
- color:#b11;
- text-decoration:underline
- }
- #creating_drawit #select_deck #sort li a{
- font-weight:normal
- }
- #creating_drawit #select_deck tr{
- cursor:pointer
- }
- #creating_drawit #select_deck tr:hover,#creating_drawit #select_deck tr.sel{
- background-color:#eee
- }
- #creating_drawit #select_deck tr:hover td.deck-name,#creating_drawit #select_deck tr.sel td.deck-name{
- color:#b11
- }
- #creating_drawit #select_deck tr td{
- vertical-align:middle;
- padding:5px 6px 6px 3px
- }
- #creating_mafia #tab_role_types{
- position:relative;
- width:100%;
- min-height:30px;
- border-bottom:1px solid #ccc;
- padding-bottom:4px
- }
- #creating_mafia #tab_role_types>li{
- display:inline-block
- }
- #creating_mafia #tab_role_types>li>a{
- margin-right:5px;
- font-weight:200;
- font-size:.9em;
- display:block;
- padding:7px;
- color:#b11
- }
- #creating_mafia #tab_role_types>li>a:hover{
- background-color:#eee
- }
- #creating_mafia #tab_role_types>li.sel>a{
- border-radius:2px;
- background-color:#c11;
- color:#fff
- }
- #creating_mafia #tab_role_types #role_search_container{
- position:absolute;
- bottom:4px;
- right:0
- }
- #creating_mafia #tab_role_types #role_search_container input[type=text]{
- margin-right:0
- }
- #creating_liarsdice .bullseye-lt{
- background:url(/images/liarsdice/bullseye.png) no-repeat center left;
- padding-left:22px;
- height:20px;
- line-height:20px
- }
- #creating_liarsdice .one-lt{
- background:url(/images/liarsdice/one.png) no-repeat center left;
- padding-left:22px;
- height:20px;
- line-height:20px
- }
- #creating_ghost a#create_game_button{
- display:inline-block
- }
- #creating_ghost input[type=text]{
- font-size:1.2em;
- padding:.2em;
- border:2px solid #999
- }
- #creating_ghost input[type=password]{
- font-size:1.1em;
- padding:.1em;
- border:1px solid #bbb
- }
- #creating_ghost #selected_ghost_types{
- padding:4px;
- background-color:#eee
- }
- #creating_ghost #selected_ghost_types>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:1px;
- zoom:1;
- *display:inline
- }
- #creating_ghost #selected_ghost_types .selected_ghost_type>*{
- display:inline-block
- }
- #creating_tira form p{
- padding:5px 0
- }
- #creating_tira form label{
- display:inline-block;
- font-size:.9em;
- color:#888;
- width:5em;
- margin-right:1em
- }
- #creating_tira form label.top{
- vertical-align:top
- }
- #creating_tira form input[type=text],#creating_tira form input[type=password]{
- padding:5px
- }
- #creating_tira form input[type=text],#creating_tira form input[type=password],#creating_tira form textarea{
- border:1px solid #ccc
- }
- #creating_tira form input[type=text]:focus,#creating_tira form input[type=password]:focus,#creating_tira form textarea:focus{
- border-color:#b11
- }
- #creating_tira #deck_info{
- overflow:hidden;
- zoom:1;
- margin-top:1em
- }
- #creating_tira #deck_info #show_deck_name{
- font-size:1.2em;
- font-weight:bold
- }
- #creating_tira #deck_info .row{
- padding:5px 0
- }
- #creating_tira #deck_info #show_deck_words{
- padding:10px;
- background-color:#eee;
- max-height:20em;
- overflow-y:scroll
- }
- #creating_tira #deck_info #show_deck_words .word{
- display:inline-block;
- font-size:.8em;
- padding:5px
- }
- #creating_tira #select_fork,#creating_tira #select_tiramisu{
- color:#b11
- }
- #creating_tira #select_fork:hover,#creating_tira #select_tiramisu:hover{
- text-decoration:underline
- }
- #creating_tira #decks{
- position:relative
- }
- #creating_tira #decks .sortby{
- padding:3px
- }
- #creating_tira #decks .sortby.sel{
- text-decoration:underline
- }
- #creating_tira #decks #deck_table{
- margin-top:20px
- }
- #creating_tira #decks #deck_table #card_controls{
- position:absolute;
- top:30px;
- right:0
- }
- #creating_tira #decks #deck_table #card_controls .sortbynav{
- font-size:.9em
- }
- #creating_tira #decks #deck_table #card_controls .sortbynav>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:8px;
- zoom:1;
- *display:inline
- }
- #creating_tira #decks #deck_table #card_controls .sortbynav a.sel{
- color:#b11
- }
- #creating_tira #decks #deck_table tr.one_deck_row:hover .card_name{
- background-color:#aaa;
- color:#fff
- }
- #creating_tira #decks #deck_table tr.one_deck_row.sel{
- background-color:#eee
- }
- #creating_tira #decks #deck_table td{
- padding:.1em .5em .1em 0
- }
- #creating_tira #decks #deck_table td .card_name{
- padding:5px 5px 5px 25px;
- cursor:pointer
- }
- #creating_tira #create_deck textarea{
- width:350px;
- height:100px
- }
- #creating_tira #create_deck .instruct{
- padding:10px;
- background-color:#eee;
- font-size:.9em;
- color:#444
- }
- #creating_tira #create_deck .class_noun,#creating_tira #create_deck .class_adj{
- display:inline-block;
- background-position:5px center;
- padding:.5em;
- padding-left:35px;
- margin-right:5px;
- border-radius:3px
- }
- #creating_tira #create_deck .class_noun:hover,#creating_tira #create_deck .class_adj:hover{
- background-color:#eee
- }
- #creating_tira #create_deck .class_noun.sel,#creating_tira #create_deck .class_adj.sel{
- background-color:grey;
- color:#fff
- }
- #creating_tira #create_game_tira #create_game_inner{
- position:relative
- }
- #creating_tira #create_game_tira #create_game_inner .slot{
- padding-left:20px;
- cursor:pointer;
- padding:5px 0 5px 20px
- }
- #creating_tira #create_game_tira #create_game_inner .slot .instr_choose{
- font-size:.9em;
- background-color:#eee;
- padding:10px
- }
- #creating_tira #create_game_tira #create_game_inner .slot>*{
- margin-right:10px
- }
- #creating_tira #create_game_tira #create_game_inner .slot>*>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #creating_tira #create_game_tira #create_game_inner .deck{
- z-index:5;
- opacity:.95;
- position:absolute;
- top:0;
- left:0;
- background-color:#eee;
- padding-left:5px;
- overflow-y:auto;
- overflow-x:hidden;
- text-overflow:ellipsis
- }
- #creating_tira #create_game_tira #create_game_inner .deck h4{
- font-weight:bold;
- font-family:"Abel",arial;
- padding:10px;
- font-size:1.2em
- }
- #creating_tira #create_game_tira #create_game_inner .deck .close{
- position:absolute;
- top:5px;
- right:10px
- }
- #creating_tira #create_game_tira #create_game_inner .deck .decklist{
- padding:5px
- }
- #creating_tira #create_game_tira #create_game_inner .deck .decklist>*{
- position:relative;
- border-radius:3px;
- padding:.5em;
- padding-left:30px;
- font-size:.8em;
- margin-right:1em
- }
- #creating_tira #create_game_tira #create_game_inner .deck .decklist>*>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #creating_tira #create_game_tira #create_game_inner .deck .decklist>* img{
- position:absolute;
- top:0;
- right:-5px
- }
- #creating_tira #create_game_tira #create_game_inner .deck .decklist>*:hover{
- background-color:#fe9
- }
- #creating_tira #create_game_tira #create_game_inner .deck .decklist>*.sel{
- background-color:grey
- }
- #creating_tira #create_game_tira #create_game_inner label.password{
- width:0;
- background:url(/images/lock.png) no-repeat center left;
- height:25px;
- padding-left:30px;
- line-height:25px
- }
- #creating_tira #create_game_tira #create_game_inner #maxround_cont{
- padding:5px 20px
- }
- #creating_tira #create_game_tira #create_game_inner #maxround_cont #maxround{
- width:15em
- }
- #creating_tira #create_game_tira #create_game_inner #maxround_cont>*{
- margin-top:5px
- }
- #creating_tira #create_game_tira #create_game_inner #maxround_cont>*>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- zoom:1;
- *display:inline
- }
- #creating_tira #create_game_tira #create_game_inner #maxplayer_cont{
- padding:5px 20px
- }
- #creating_tira #create_game_tira #create_game_inner #maxplayer_cont>*{
- margin-right:.5em
- }
- #creating_tira #create_game_tira #create_game_inner #maxplayer_cont>*>*{
- display:inline-block;
- vertical-align:middle;
- margin-right:.5em;
- zoom:1;
- *display:inline
- }
- #creating_tira #create_game_tira #create_game_inner #maxplayer_cont #maxplayers{
- width:15em
- }
- #creating_tira #create_game_tira #create_game_inner #maxplayer_cont #maxplayers_text{
- height:25px;
- padding-right:25px;
- line-height:25px
- }
- #creating_tira #create_game_tira #create_game_inner #maxplayer_cont #maxplayers_text>*{
- margin-right:.5em
- }
- .dominion_gamerow img{
- max-width:25px
- }
- #dominion_container #creating_dominion .card{
- cursor:pointer;
- border:1px solid transparent;
- padding:2px;
- margin:0 2px 2px 0
- }
- #dominion_container #creating_dominion .card:hover{
- border:1px solid #b11
- }
- #dominion_container #creating_dominion .card.sel{
- background-color:#ff1
- }
- #dominion_container #dominion_admin #dcards{
- width:100%
- }
- #dominion_container #dominion_admin #dcards .dcard{
- width:320px
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement