/* ========================================================================== * Alerts (from Boostrap 3.0) * ========================================================================== */ .alert{padding:10px;margin-bottom:20px;border:1px solid transparent;display: none;}.alert h4{margin-top:0;color:inherit;} .alert.show {display: block} .alert .alert-link{font-weight:bold;} .alert>p,.alert>ul{margin-bottom:0;} .alert>p+p{margin-top:5px;} .alert-dismissable{padding-right:35px;}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit;} .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}.alert-success hr{border-top-color:#c9e2b3;} .alert-success .alert-link{color:#356635;} .alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}.alert-info hr{border-top-color:#a6e1ec;} .alert-info .alert-link{color:#2d6987;} .alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#c09853;}.alert-warning hr{border-top-color:#f7e1b5;} .alert-warning .alert-link{color:#a47e3c;} .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#b94a48;}.alert-danger hr{border-top-color:#e4b9c0;} .alert-danger .alert-link{color:#953b39;} /* BUBBLES */ .triangle-border{position:relative;border:5px solid #DDDFE2;color:#333;background:#fff;margin:1em 0 3em;padding:15px} .triangle-border.left{margin-left:30px} .triangle-border.right{margin-right:30px} .triangle-border:before{content:"";position:absolute;bottom:-20px;left:40px;display:block;width:0;border-color:#DDDFE2 transparent;border-style:solid;border-width:20px 20px 0} .triangle-border:after{content:"";position:absolute;bottom:-13px;left:47px;display:block;width:0;border-color:#fff transparent;border-style:solid;border-width:13px 13px 0} .triangle-border.top:before{top:-20px;bottom:auto;left:auto;right:40px;border-width:0 20px 20px} .triangle-border.top:after{top:-13px;bottom:auto;left:auto;right:47px;border-width:0 13px 13px} .triangle-border.left:before{top:10px;bottom:auto;left:-30px;border-color:transparent #DDDFE2;border-width:15px 30px 15px 0} .triangle-border.left:after{top:16px;bottom:auto;left:-21px;border-color:transparent #fff;border-width:9px 21px 9px 0} .triangle-border.right:before{top:10px;bottom:auto;left:auto;right:-30px;border-color:transparent #DDDFE2;border-width:15px 0 15px 30px} .triangle-border.right:after{top:16px;bottom:auto;left:auto;right:-21px;border-color:transparent #fff;border-width:9px 0 9px 21px} .text-success{color: #00a550} .text-danger{color: #c62c2c} /* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Fri Nov 29 2013 13:08:37 */ .qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:12px;line-height:14px;direction:ltr;box-shadow:none;padding:0} .qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word} .qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700} .qtip-titlebar+.qtip-content{border-top-width:0!important} .qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent} .qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px} * html .qtip-titlebar .qtip-close{top:16px} .qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr} .qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none} .qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em} .qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555} .qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777} .qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} .qtip-light{background-color:#fff;border-color:#424242;color:#424242;; border-width: 2px} .qtip-grey{background-color:#fff;border-color:#dddfe2;color:#424242; border-width: 4px} .qtip-light .qtip-titlebar{background-color:#424242; color:#fff} .qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040} .qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} .qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35} .qtip-cream .qtip-titlebar{background-color:#F0DE7D} .qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323} .qtip-red .qtip-titlebar{background-color:#F06D65} .qtip-red .qtip-close .qtip-icon{background-position:-102px 0} .qtip-red .qtip-icon{border-color:#D95252} .qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219} .qtip-green .qtip-titlebar{background-color:#B0DE78} .qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD} .qtip-blue .qtip-titlebar{background-color:#D0E9F5} .qtip-blue .qtip-close .qtip-icon{background-position:-2px 0} .qtip-shadow{-webkit-box-shadow:0 0 6px 2px #fff;-moz-box-shadow:0 0 6px 2px #fff;box-shadow:0 0 6px 2px #fff} .qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important} .mb20 {margin-bottom: 20px} /*tag it*/ ul.tagit { padding: 1px 5px; overflow: auto; margin-left: inherit; /* usually we don't want the regular ul margins. */ margin-right: inherit; } ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit li.tagit-choice { position: relative; line-height: inherit; } input.tagit-hidden-field { display: none; } ul.tagit li.tagit-choice-read-only { padding: .2em .5em .2em .5em; } ul.tagit li.tagit-choice-editable { padding: .2em 18px .2em .5em; } ul.tagit li.tagit-new { padding: .25em 4px .25em 0; } ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; } ul.tagit li.tagit-choice .tagit-close { cursor: pointer; position: absolute; right: .1em; top: 50%; margin-top: -8px; line-height: 17px; } .row.top .alert {margin-bottom: 0; margin-top: 4px} /* used for some custom themes that don't need image icons */ ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; } ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; } /************* Dropbox Theme (by thezoggy) *************/ /* overall */ .tablesorter-dropbox { width: 100%; font-family: Verdana, Arial; font-size: 11px; color: #555; text-align: left; background-color: #fff; border-collapse: collapse; border-top: 1px solid #82cffa; border-spacing: 0; } .tablesorter-dropbox td .max { max-width: 600px; word-wrap: break-word; } .tablesorter-dropbox td .max.short { max-width: 300px; } /* header */ .tablesorter-dropbox th, .tablesorter-dropbox thead td, .tablesorter-dropbox tfoot th, .tablesorter-dropbox tfoot td { background-color: #f0f9ff; border-color: #82cffa #e7f2fb #96c4ea; border-style: solid; border-width: 1px; padding: 3px 6px; font-size: 12px; font-weight: normal; line-height: 29px; color: #2281CF; text-align: left; } .tablesorter-dropbox .header, .tablesorter-dropbox thead tr, .tablesorter-dropbox .tablesorter-headerRow { background-color: #f0f9ff; border-bottom: 1px solid #96c4ea; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 0 #000000 inset; white-space: normal; } .tablesorter-dropbox .tablesorter-headerSortUp, .tablesorter-dropbox .tablesorter-headerSortDown, .tablesorter-dropbox .tablesorter-headerAsc, .tablesorter-dropbox .tablesorter-headerDesc { font-weight: 600; } .tablesorter-dropbox .tablesorter-header { cursor: pointer; } .tablesorter-dropbox .tablesorter-header i { width: 9px; height: 9px; padding: 0 10px 0 4px; display: none; background-position: center right; background-repeat: no-repeat; content: ""; } .tablesorter-dropbox .tablesorter-headerSortUp i, .tablesorter-dropbox .tablesorter-headerAsc i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALhJREFUeNpi/P//PwMhwILMiexYx8bIxNTy/9+/muUVQb9g4kzIitg4edI4+YRLQTSyOCPMupjerUI8whK3OXgEhH58+fDuy9sXqkuKvd+hmMTOxdvCxS8sxMUvxACiQXwU6+Im7DDg5BNKY+fiY2BmYWMA0SA+SByuiJ2bbzIHrwAzMxsb0AGMDCAaxAeJg+SZ7wtaqfAISfQAdTIwMUM8ywhUyMTEzPD/71+5FXvPLWUkJpwAAgwAZqYvvHStbD4AAAAASUVORK5CYII='); /* background-image: url(images/dropbox-asc.png); */ } .tablesorter-dropbox .tablesorter-headerSortUp:hover i, .tablesorter-dropbox .tablesorter-headerAsc:hover i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwMhwILMCc+qZGNkYmr5/+9fzcpp7b9g4kzIitjYOdM4uXlLQTSyOCPMuqi8OiEefsHbHFzcQj++fX335eN71WWTmt6hmMTOwdXCycMnBDSJAUSD+CjWxRQ0GHBw86Sxc3AyMDOzMIBoEB8kDlfEzsk1mYOLByjPCnQAIwOIBvFB4iB55rsfmVS4+QV7QNYwMTNDHApUyMTExPDv/z+5Feu3L2UkJpwAAgwA244u+I9CleAAAAAASUVORK5CYII='); /* background-image: url(images/dropbox-asc-hovered.png); */ } .tablesorter-dropbox .tablesorter-headerSortDown i, .tablesorter-dropbox .tablesorter-headerDesc i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi/P//PwMhwBLdtVGFhZ3zNhMzC4bkv79/GP78/K7KCDIpZ9mVw+xcfDaMTExwBf///WP4+e3TkSlROrZg7UxMLLns3HxnmFnZmGGK/v7+9ff3j2+5YHkQMSlC48Kv719m/f//D2IKkAbxQeJwRSDw4/OHmr+/fr0DqmAA0SA+TA6uaEq0zjugG+r//vkFcks9iA/3HbJvvn18O+vf379yP758mMXAoAAXZyQmnAACDADX316BiTFbMQAAAABJRU5ErkJggg=='); /* background-image: url(images/dropbox-desc.png); */ } .tablesorter-dropbox .tablesorter-headerSortDown:hover i, .tablesorter-dropbox .tablesorter-headerDesc:hover i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALNJREFUeNpi/P//PwMhwBJf3uP879e3PUzMzBiS//7+ZWBi43JhBJmU2z7nIzMzEx8jIyNcAUj8799/nyZXpvCzgARYuXjTWBkZVjCzIEz7++cvw+//DGkgNiPMTWVT1l5hZvynDTINbMp/pqtdOcE6IDkmmM5fv3/5//v37z9QBQOIBvFhcnBFEwoj7/5jZFnz9+8fBhAN4sN9h+ybH9++JrGxscr/+vE1CVmckZhwAggwANvlUyq5Dd1wAAAAAElFTkSuQmCC'); /* background-image: url(images/dropbox-desc-hovered.png); */ } .tablesorter-dropbox thead .sorter-false { cursor: default; } .tablesorter-dropbox thead .sorter-false i, .tablesorter-dropbox thead .sorter-false:hover i { background-image: none; padding: 4px; } /* tbody */ .tablesorter-dropbox td { padding: 5px 6px; line-height: normal; color: #555; border: 1px solid #ccc; vertical-align: middle; } /* hovered row colors */ .tablesorter-dropbox tbody > tr:hover > td, .tablesorter-dropbox tbody > tr.even:hover > td, .tablesorter-dropbox tbody > tr.odd:hover > td { background-color: rgba(230, 245, 255, 0.3); } /* table processing indicator */ .tablesorter-dropbox .tablesorter-processing { background-position: center center !important; background-repeat: no-repeat !important; /* background-image: url(../addons/pager/icons/loading.gif) !important; */ background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important; } /* Zebra Widget - row alternating colors */ .tablesorter-dropbox tr.odd td { } .tablesorter-dropbox tr.even td { } /* Column Widget - column sort colors */ .tablesorter-dropbox td.primary, .tablesorter-dropbox tr.odd td.primary { } .tablesorter-dropbox tr.even td.primary { } .tablesorter-dropbox td.secondary, .tablesorter-dropbox tr.odd td.secondary { } .tablesorter-dropbox tr.even td.secondary { } .tablesorter-dropbox td.tertiary, .tablesorter-dropbox tr.odd td.tertiary { } .tablesorter-dropbox tr.even td.tertiary { } /* caption */ caption { background: #fff; } /* Filter Widget */ .tablesorter-dropbox .tablesorter-filter-row td { background: #fff; line-height: normal; text-align: center; /* center the input */ -webkit-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease; transition: line-height 0.1s ease; } /* optional disabled input styling */ .tablesorter-dropbox .tablesorter-filter-row .disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } /* hidden filter row */ .tablesorter-dropbox .tablesorter-filter-row.hideme td { /*** *********************************************** ***/ /*** change this padding to modify the thickness ***/ /*** of the closed filter row (height = padding x 2) ***/ padding: 2px; /*** *********************************************** ***/ margin: 0; line-height: 0; cursor: pointer; } .tablesorter-dropbox .tablesorter-filter-row.hideme .tablesorter-filter { height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; /* don't use visibility: hidden because it disables tabbing */ opacity: 0; filter: alpha(opacity=0); } /* filters */ .tablesorter-dropbox .tablesorter-filter { width: 98%; height: auto; margin: 4px; background-color: #fff; border: 1px solid #bbb; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; } /* ajax error row */ .tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; } /* ========================================================================== * Giercownia styles * ========================================================================== */ body { background-color: #dcdfe2; font-size: 12px; font-family: 'Open Sans', sans-serif; line-height: 1.3em; color: #414242; background-position: top center; background-repeat: no-repeat; } .ui-widget { font-family: 'Open Sans', sans-serif; } body.bg1 { background-image: url('../images/bg/1.jpg'); } body.bg2 { background-image: url('../images/bg/2.jpg'); } body.bg3 { background-image: url('../images/bg/3.png'); background-color: #C2EFFC; } body.bg4 { background-image: url('../images/bg/4.png'); background-color: #F3F3F3; } body.bg5 { background-image: url('../images/bg/5.png'); background-color: #EAF5DF; } .row { width: 980px; margin: 0 auto; } .row-well, .breadcrumb { width: 940px !important; } .row-well { padding: 20px; width: 938px; } .well { background: #fff; border-bottom: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); /*-webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.15);*/ } h1, h2, h3, h4 { color: #3498db; font-weight: 700; margin: 0; line-height: 1.2em } h1, h2 { font-size: 1.8em; } h1.waiting, h2.waiting, a.waiting {color: #008000} h1.offline, h2.offline, a.offline {color: #db3535} h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } .static h2, static h3 { margin-bottom: 20px; } a { text-decoration: none; color: #414242; outline: none } a:hover, a.active { color: #3498db !important; } a.white { color: #fff; } a.white:hover, a.active.white { color: #fff !important; } a:focus {outline: none} .text-center {text-align: center} .lead {font-size: 14px} .msg-wrap a {color: #3498db !important;} .blue, .messages-contacts a.active { color: #3498db; } .bold { font-weight: 700; } .text-right { text-align: right; } .text-left { text-align: left; } .adv-side { text-align: center; } .adv-side.floating {position: absolute; left: 500px; width: 160px; top: 0;} .floating-wrapper {display: none} @media (min-width: 1360px) /*and (min-height: 710px)*/ { .floating-wrapper {display:block; position: absolute; top: 0; left: 50%; width: 50%;} } .float-left { float: left; } .float-right { float: right; } .text-danger {color: #CE2029} .rel {position: relative} .no-bg { background: none !important; } .adv {text-align: center} .adv .content {display: inline-block; vertical-align: top;} .adv .hide-ads {position: absolute; padding-left: 5px; -webkit-text-shadow:0 0 6px #fff;-moz-text-shadow:0 0 6px #fff; text-shadow:0 0 6px #fff; display: none} .adv .hide-ads.show {display: inline} a.delete-option { position: absolute; top: 1px; right: 1px; display: inline-block; width: 18px; height: 18px; z-index: 100; font-size: 13px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; } a.delete-option:before {content:"\f014"} a.delete-option:hover {} .is-ranking:before {content:"\f091"} .is-ranking {position: absolute; top: 7px; right: 7px; display: inline-block; width: 18px; height: 18px; z-index: 100; font-size: 18px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; color: yellow; text-shadow: 1px 1px 1px #666} .game-thumb .mod.edit:before, #game h1 .mod.edit:before, #game h2 .mod.edit:before, table .mod.edit:before {content:"\f044"} .game-thumb .mod.edit, #game h1 .mod.edit, #game h2 .mod.edit, table .mod.edit {position: absolute; top: -10px; left: 6px; display: inline-block; width: 18px; height: 18px; z-index: 100; font-size: 13px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; color: #2A8000} #game h1 .mod.edit, #game h2 .mod.edit, table .mod.edit {position: static; font-size: 18px; margin-left: 10px;} .game-offline {padding: 130px 20px; font-size: 16px; color: #db3535} /* FORM */ form { display: inline-block; margin-bottom: 0; vertical-align: middle; } form.block {display: block} .form-horizontal .control-group { margin-bottom: 10px; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 260px; padding-top: 5px; text-align: right; } .form-horizontal.profile-form .control-label {width: 160px} .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 280px; *margin-left: 0; } .form-horizontal .controls.navigate {margin: 0; text-align: center} .form-horizontal.profile-form .controls {margin-left: 190px} .form-horizontal .controls:first-child { *padding-left: 280px; } .help-inline {color: #d43f3a; padding: 5px; display: block} .help-inline.ok {color: #4cae4c} label, input, button, select, textarea { line-height: 20px; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } label { display: block; margin-bottom: 5px; } label.theme {width: 116px; text-align: center; display: inline-block; margin: 0 3px} label.theme img {border: 1px solid #D9D9D9; padding: 3px;; background: #fff} label.theme span {line-height: 33px} label.theme input[type="radio"] {margin: 0} label.theme:hover, label.theme:active {background-color: #ffff99} label.cbx {text-align: center; display: inline-block; margin: 0; padding: 5px 10px} label.cbx input[type="radio"] {margin: -4px 0 0 0} label.cbx:hover, label.cbx:active {background-color: #ffff99} select, textarea, input[type="text"], input[type="password"] { display: inline-block; height: 20px; padding: 5px 6px; color: #555555; vertical-align: middle; border-top: 2px solid #bbbec0; border-right: 1px solid #bbbec0; border-bottom: 1px solid #bbbec0; border-left: 2px solid #bbbec0; } input, textarea { width: 217px; } input.wide, textarea.wide, .form-horizontal.profile-form textarea.wide { width: 440px; } input.wide.with-button {width: 334px; margin-right: 5px} textarea { height: auto; } select, input[type="file"] { height: 32px; line-height: 30px; } select { width: 232px; background-color: #ffffff;} select.wide {width: 340px;} select[multiple], select[size] { height: auto; } .select-date .day {width: 66px} .select-date .month {width: 120px} .select-date .year {width: 82px} i.hit {background: url(../images/hit-giercownia.png) no-repeat transparent; color: #ffffff; display: inline-block; height: 25px; margin-right: 5px; padding: 0; vertical-align: text-top; width: 20px;} b.adult {color: red; font-size: 0.9em} .game-thumb a strong i.hit {background: url(../images/hit-giercownia2.png) no-repeat transparent; font-size: 0.7em; color: #fff; margin: 0; padding: 0; height: 15px; width: 15px; margin: 0;} .form-horizontal span.input {display: inline-block; min-width: 140px; padding: 7px 0} .form-horizontal.profile-form textarea, .form-horizontal.profile-form input[type="text"] .form-horizontal.profile-form input[type="password"] {width: 260px} .ui-dialog .form-horizontal.profile-form .control-label {width: 120px} .ui-dialog .form-horizontal.profile-form .controls {margin-left: 140px} .form-horizontal a {color: #3498DB} .form-horizontal a.btn-cancel, .form-horizontal a.btn {color: #fff} .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"],.checkbox input[type="checkbox"] { float: left; margin-left: -20px; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; width: auto; } .btn, input[type="submit"] { min-width: 80px; display: inline-block; padding: 0 25px; height: 33px; line-height: 33px; color: #fff; text-align: center; vertical-align: middle; background: url('../images/button-bg.png') top center repeat-x; border: 0; font-weight: normal; text-decoration: none; width: auto} .btn:hover, input[type="submit"]:hover { opacity: 0.9; } .btn.btn-cancel {background: url("../images/table-th-bg.png")} a.btn {min-width: 0} a.btn:hover { color: #fff !important} input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 0; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } textarea { resize: none; } /* * TOP */ .top { margin-top: 5px; } .top-only .top { margin-top: -3px; position: relative } .top-only .top .toggle-top {background: url("../images/nav-bg.jpg") repeat-x scroll center top #414242; color: #fff; font-size: 1em; font-weight: bold; padding: 3px 10px; position: absolute; right: 0; top: 3px;} .top .section-right {float: right; margin-top: 22px} .top-only .top .section-right {margin-top: 32px} .left20 { margin-left: 20px; } .home-link { display: inline-block; float: left; margin: 0; } .add-game { float: right; display: inline-block; width: 166px; height: 44px; background: url('../images/add-game.png') left top no-repeat; } .search-form { float: right; margin-right: 118px; } .search-form input { padding: 0; /* line-height: 40px; */ } .search-form .search-input { height: 40px; width: 210px; padding: 0 10px; border: 0; border-bottom: 1px solid #6e6f71; font-size: 14px } .search-form .search-submit { height: 41px; width: 85px; background: url('../images/nav-bg.jpg') repeat-x top center; color: #fff; border: 0; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15); } .nav { margin-top: 5px; background: url('../images/nav-bg.jpg') repeat-x top center; height: 41px;} .nav > ul { list-style-type: none; } .nav > ul > li { float: left; background: url('../images/nav-line.jpg') top right no-repeat; } .nav > ul > li > a { line-height: 41px; padding: 0 25px; display: inline-block; color: #fff; } ul.nav-right { float: right;} ul.nav-right .user a { width: 157px; text-align: center } ul.nav-right .user a > img {display: block; float: left; height: 37px} ul.nav-right > li {line-height: 0; background: #ebebeb; border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; margin-top: 1px} ul.nav-right > li.noline {border-right: 0} ul.nav-right > li > a { padding: 0 20px; color: #414242; line-height: 37px } .nav-icon { padding: 0 !important; width: 39px; height: 37px; } .nav-icon-fb { background: url('../images/nav-fb-icon.png') center 11px no-repeat; } .nav-icon-gp { background: url('../images/nav-gp-icon.png') center 13px no-repeat; } .nav .noline { background: none; } .nav .nav-right .noline { background: #ebebeb; } .adv-top { margin-top: 30px; margin-bottom: 25px; text-align: center; } .login-buttons {margin: 2px 10px 0px; display: block; float: right;} .login-buttons .lbl {vertical-align: top; color: #666} .login-buttons a {color: #3498DB; vertical-align: inherit} .fb_icon {display: inline-block; width: 20px; height: 20px; line-height: 20px; background: url('../images/fb_icon.png') top left no-repeat;} .fb_iframe_widget {vertical-align: top;} .g_icon {display: inline-block; width: 20px; height: 20px; line-height: 20px; background: url('../images/g_icon.png') top left 0 no-repeat;} .blue-grad {background: rgba(106,156,236,1); background: -moz-linear-gradient(top, rgba(106,156,236,1) 0%, rgba(65,120,209,1) 99%, rgba(177,198,236,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,156,236,1)), color-stop(99%, rgba(65,120,209,1)), color-stop(100%, rgba(177,198,236,1))); background: -webkit-linear-gradient(top, rgba(106,156,236,1) 0%, rgba(65,120,209,1) 99%, rgba(177,198,236,1) 100%); background: -o-linear-gradient(top, rgba(106,156,236,1) 0%, rgba(65,120,209,1) 99%, rgba(177,198,236,1) 100%); background: -ms-linear-gradient(top, rgba(106,156,236,1) 0%, rgba(65,120,209,1) 99%, rgba(177,198,236,1) 100%); background: linear-gradient(to bottom, rgba(106,156,236,1) 0%, rgba(65,120,209,1) 99%, rgba(177,198,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9cec', endColorstr='#b1c6ec', GradientType=0 );} .orange-grad {background: rgba(255,106,87,1); background: -moz-linear-gradient(top, rgba(255,106,87,1) 0%, rgba(248,53,27,1) 99%, rgba(252,175,161,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,106,87,1)), color-stop(99%, rgba(248,53,27,1)), color-stop(100%, rgba(252,175,161,1))); background: -webkit-linear-gradient(top, rgba(255,106,87,1) 0%, rgba(248,53,27,1) 99%, rgba(252,175,161,1) 100%); background: -o-linear-gradient(top, rgba(255,106,87,1) 0%, rgba(248,53,27,1) 99%, rgba(252,175,161,1) 100%); background: -ms-linear-gradient(top, rgba(255,106,87,1) 0%, rgba(248,53,27,1) 99%, rgba(252,175,161,1) 100%); background: linear-gradient(to bottom, rgba(255,106,87,1) 0%, rgba(248,53,27,1) 99%, rgba(252,175,161,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a57', endColorstr='#fcafa1', GradientType=0 );} .fb-button {background: #3B5998} .g-button {background: #DF4A32} /* * BREADCRUMB */ .breadcrumb { line-height: 36px; padding: 4px 20px 0 20px; margin-top: 5px; margin-bottom: 5px; background: #ebebeb; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); } .breadcrumb > ul { list-style-type: none; } .breadcrumb > ul > li { float: left; margin-right: 5px; color: #414242; font-size: 0.8em; text-transform: uppercase; } .breadcrumb > ul > li > a.current { color: #3498db; } .game-counter { display: inline-block; float: right; margin-top: 10px; color: #414242; line-height: 1.3em; } .game-counter span { display: inline-block; margin-left: 5px; font-size: 1.3em; font-weight: bold; } /* * USER BAR */ .user-bar { background: #fff; border-bottom: 2px solid rgba(0, 0, 0, 0.2); } .user-bar ul { list-style: none; width: 100%; height: 40px; } .user-bar ul li { float: left; } .user-bar ul li a { font-weight: 700; color: #414242; display: inline-block; line-height: 40px; height: 40px; margin: 0; } .user-bar ul li a .cnt.bold {color: #db3535} a.ulubione { width: 100px; margin-left: 10px !important; padding-left: 45px; background: url('../images/user-bar-ulubione.png') left center no-repeat; } a.dodane { width: 120px; margin-left: 10px !important; padding-left: 50px; background: url('../images/user-bar-dodane.png') left center no-repeat; } a.ulubieni { width: 155px; margin-left: 5px !important; padding-left: 50px; background: url('../images/user-bar-ulubieni.png') left center no-repeat; } a.wiadomosci { width: 190px; margin-left: 5px !important; padding-left: 45px; background: url('../images/user-bar-wiadomosci.png') left center no-repeat; } a.ustawienia { width: 135px; margin-left: 5px !important; padding-left: 40px; background: url('../images/user-bar-ustawienia.png') left center no-repeat; } a.puchary { width: 105px; margin-left: 5px !important; padding-left: 40px; background: url('../images/user-bar-puchary.png') left center no-repeat; } /* * FOOTER */ .footer { width: 100%; position: relative} .footer .bg-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: #9F9E9E; background-repeat: no-repeat; background-position: top center} /* .bg1 .footer {background: url('../images/footer-bg.jpg') top center repeat-y} */ .bg1 .footer .bg-overlay {background-image: url('../images/bg/foot/1.png'); background-color: transparent} .bg2 .footer .bg-overlay {background-image: url('../images/bg/foot/2.png'); background-color: transparent} .bg3 .footer .bg-overlay {background-image: url('../images/bg/foot/3.png'); top: -199px; background-color: transparent} .bg4 .footer .bg-overlay {background-image: url('../images/bg/foot/4.png'); top: -254px; background-color: transparent} .bg5 .footer .bg-overlay {background-image: url('../images/bg/foot/5.png'); top: -39px} .footer-nice-look { width: 100%; height: 114px; margin-top: -80px; } .bg1 .footer-nice-look {background: url('../images/footer-nice-look.png') top center repeat-y} .sitemap { color: #c7c7c7; padding: 30px 0 50px 0; margin-bottom: 20px; line-height: 1.7em; background: url('../images/footer-sitemap-bg.png') bottom center no-repeat; } .footer-bottom { margin-top: -30px; padding-bottom: 30px; text-align: right; line-height: 1.8em; color: #c7c7c7; font-size: 0.8em; } .footer-bottom > ul { list-style-type: none; float: left; margin-top: 20px; } .footer-bottom > ul > li { float: left; margin-right: 20px; } .footer-bottom > ul > li > a { color: #fff; font-weight: bold; font-size: 1.1em; } .logo-small { float: right; width: 160px; height: 48px; display: inline-block; background: url('../images/giercownia-logo-small.png') center center no-repeat; margin: 0 0 10px 20px; } /* ONLINE */ /* RECOMMENDED */ .title-polecamy, .title-gracze-online { margin: 30px 0 0 35px; color: #afb0b0; font-size: 1.6em; font-weight: 700; } .online { padding: 8px 0; } .online-left, .online-right { vertical-align: bottom; width: 20px; height: 80px; display: inline-block; background: url('../images/arrow-blue-right.png') center left no-repeat; cursor: pointer; } .online-left { background: url('../images/arrow-blue-left.png') center right no-repeat; margin-left: 20px; } .online-content { width: 670px; height: 80px; vertical-align: bottom; display: inline-block; margin: 0 5px; overflow: hidden; } .online-content li {float: left; list-style: none} .online-profile, .profile-in-table { vertical-align: top; /*overflow: hidden;*/ display: inline-block; text-align: center; width: 70px; height: 80px; font-weight: 600; margin: 0 2px; } .online-profile img, .profile-in-table img { border: 1px solid #c2c2c2; padding: 2px; } .title-polecamy { margin: 10px 0 0 35px; } .recommend { padding: 12px 0; } .recommend ul { list-style-type: none; width: 100%;} .recommend ul > li { float: left; width: 25%; line-height: 37px; } .recommend ul > li > a { font-weight: bold; } .recommend ul > li > a > img { vertical-align: middle; margin: -4px 8px 0 0; } /* CONTENT - layout */ .row, .row-in-row { margin-bottom: 5px; } .last-inrow { margin-bottom: 0 !important; } .column-first { float: left; width: 214px; display: inline-block; margin-right: 2px; } .column-second { float: right; width: 757px; display: inline-block; } .column-first-well { width: 174px; padding: 20px; } .column-second-well { width: 715px; padding: 20px; } .column-menu {min-height: 300px} .padding-inside { padding: 20px; } .messages .pagination-wrap {padding: 0} .static p.right-actions {font-size: 14px; margin: 0} /* CONTENT - static */ .static p { margin: 10px 0; line-height: 1.5em; } .box { border: 1px solid #dddfe2; padding: 10px; background-color: #f5f5f5; } .box.light { border: 0; border-bottom: 1px solid #dddfe2; padding: 10px; background-color: #fff; } .box h4 { display: inline-block; margin-right: 10px; } /* register */ .register-info { border: 1px solid #dddfe2; margin: 20px 0; padding: 10px; background-color: #f5f5f5; text-align: center; } .register-info a { vertical-align: middle; display: inline-block; margin-left: 10px; } .register-info .btn { } /* rank */ .rank-options { border-width: 1px 1px 0 1px; border-style: solid; border-color: #dddfe2; width: 715px; margin: 20px 0 20px 0; line-height: 0; } .rank-options .rank-first { border-bottom: 1px solid #dddfe2; background-color: #f3f3f3; display: table; width: 100%; } .rank-options .rank-first a { display: table-cell; margin: 0; height: 38px; line-height: 38px; text-align: center; font-weight: 700; color: #3498db; font-size: 1.1em; } .rank-options .rank-second { background-color: #e9e9e9; display: table; width: 100%; } .rank-options .rank-second a { display: table-cell; width: 20%; height: 30px; line-height: 30px; text-align: center; color: #3498db; border-bottom: 1px solid #dddfe2; } .rank-first > div { display: table-cell; text-align: center; } .rank-options .rank-first a, .rank-first > div { background: url('../images/rank-spacer.png') center right no-repeat; } .rank-options .rank-second a { background: url('../images/rank-spacer.png') center right no-repeat; } .rank-options .rank-first a.last { background-image: none; width: 34%; } .rank-options .rank-second a.last { background-image: none; } .rank-options a:hover { background-color: #f8f8f8 !important; } .rank-options a.current { background-color: #fff; } .rank-options .sort { color: #414242 !important; font-weight: normal !important; } .rank-one-line a { border-bottom: 0 !important; } .rank-sort, .rank-sort-top { vertical-align: middle; margin-top: -3px; display: inline-block; width: 7px; height: 6px; background: url('../images/sort-top.png') center center no-repeat; } .rank-sort-bottom { background: url('../images/sort-bottom.png') center center no-repeat; } /* pagination */ .pagination { margin: 40px 0 0 0px; } .pagination ul { list-style: none; } .pagination ul li { float: left; margin-left: 10px; } .pagination ul li:first-child {margin-left: 0} .pagination ul li a, .pagination ul li.spacer { display: inline-block; min-width: 21px; height: 31px; line-height: 31px; background-color: #dadee2; border: 1px solid #dadee2; text-align: center; padding: 0 5px} .pagination ul li a.current { background-color: #fcfcfc; border: 1px solid #d9d9d9; } .pagination ul li.spacer { background-color: #fff !important; border: 0; line-height: 40px; min-width: 0; } .pagination ul li a:hover { background-color: #e1e4e7; } .pagination ul li a.curr-ent:hover { background-color: #f8f8f8; } .pagination ul li a.next:hover, .pagination ul li a.prev:hover { opacity: 0.9; } .pagination ul li a.prev { width: 33px; height: 33px; border-width: 0; background: url('../images/pagination-prev.png') center center no-repeat; } .pagination ul li a.next { width: 33px; height: 33px; border-width: 0; background: url('../images/pagination-next.png') center center no-repeat; } .pagination .jump { float: right; margin-top: 3px; } .pagination .jump .goto-input { width: 30px; margin-left: 10px; text-align: center; } .pagination .jump .goto-submit { width: 90px; } .pagination-small { margin-left: -10px; margin-top: 30px; } .pagination-small ul li { margin-left: 8px; } .pagination-small ul li a { height: 28px; width: 28px; line-height: 28px; } .pagination-small ul li a.prev { height: 29px; width: 29px; } .pagination-small ul li a.next { height: 30px; width: 29px; } /* TODAY */ .today { width: 365px; float: right; } .today h3 { margin-bottom: 20px; } .cycle-slideshow a {display: none; position: relative} .cycle-slideshow a:first-child {display: block} .cycle-slideshow a .text-box {position: absolute; left: 0px; bottom: 0px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); right: 0; color: #fff} .cycle-slideshow a .text-box .bar {display: block; line-height: 1.7em; padding: 0 10px; text-align: right; float: right} .cycle-slideshow a .text-box .title {display: block; font-size: 2em; padding: 10px;; float: left; font-weight: bold} .cycle-slideshow a .text-box .desc {display: block; padding: 0 10px 5px;} .today ul { list-style: none; margin: 5px 5px 0 0; float: right; } .today ul li { float: left; margin-left: 5px; } .today ul li a { display: inline-block; width: 10px; height: 10px; background: url('../images/point-empty.png') center center no-repeat; } .today ul li a.current, .today ul li.cycle-pager-active a { background: url('../images/point-full.png') center center no-repeat; } .adv-content { float: left; } .games-list .adv-content { margin-left: -15px; width: 740px; margin-bottom: -12px; margin-top: 8px; } .games-list .adv-content img:first-child {float: left; margin-right: 3px; margin-top: 5px} /* CATEGORY MENU */ .category-menu { list-style: none; margin: 15px 0 ;} .category-menu li { color: #3498db; margin-bottom: 10px; } .category-menu li a { display: inline-block; margin-left: 10px; text-indent: -8px; } .category-menu li a span { font-size: 0.8em; color: #939598; } .category-menu ul { list-style: none; margin: 10px 0 10px 15px; } /* TOP 10 */ .top-users { list-style: none; margin: 25px 0 15px 0; } .top-users li { margin-bottom: 10px; } .top-users li a { position: relative; } .top-users li a .user-name { font-weight: 600; display: block; position: absolute; bottom: 30px; left: 70px; width: 105px; } .top-users li a .user-point { display: block; font-size: 0.8em; color: #939598; position: absolute; bottom: 15px; left: 70px; width: 115px; } .top-users li a img { border: 1px solid #c2c2c2; padding: 2px; } /* USER AVATAR */ .user-wrap {display: inline-block; position: relative} a.user-avatar { position: relative; width: 178px; display: inline-block; } a.user-avatar .user-name { font-weight: 700; display: block; position: absolute; bottom: 30px; left: 70px; width: 105px; } a.user-avatar .game-stars {bottom: 10px; left: 70px; text-align: left} a.user-avatar .user-point { display: block; font-size: 0.8em; color: #939598; position: absolute; bottom: 15px; left: 70px; width: 115px; } .user-point strong { font-size: 1.1em; color: #414242; } a.user-avatar img { border: 1px solid #c2c2c2; padding: 2px; } .user-avatar-margin a.user-avatar { margin-left: 7px; margin-bottom: 20px } /* GAME THUMBS LIST */ .ui-tooltip { padding: 10px; border: 1px solid #e0e1e2; border-radius: 0; background-color: #fff; -webkit-box-shadow: 1px 1px 0px 0px rgba(172, 173, 175, 1); box-shadow: 1px 1px 0px 0px rgba(172, 173, 175, 1); font-size: 0.8em; line-height: 1.3em; max-width: 200px; } .ui-tooltip .arrow { width: 10px; height: 10px; background: red; } .games-list {} .games-list > .hidden {display: none} .games-list .game-thumb {margin-top: 20px} .games-list .game-thumb.waiting {background-color: #E2F1E8} .game-list-row { margin-top: 20px; } .game-thumb { width: 126px; height: 150px; display: inline-block; position: relative; padding: 6px; border: 1px solid transparent; } .game-thumb:last-child { margin-right: 0; } .best-games .game-thumb {padding: 3px;} .game-center {width: 140px; margin: 0 auto} .game-thumb:hover { background-color: #f5f6f7; border: 1px solid #ebebeb; } .last-game-thumb { margin-right: 0; } .game-thumb img { margin-bottom: 10px; width: 126px; height: 94px; } .game-thumb a { display: inline-block; font-weight: 700; height: 130px; position: absolute; line-height: 1.2em; } .game-thumb a .overlay {position: absolute; top: 0px; left: 0px; right: 0px; background: red; height: 94px; color: #fff; text-align: center; font-size: 64px; line-height: 92px; font-weight: 600; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70)} /*.game-thumb a .overlay.invert {background: transparent; color: #fff; font-size: 20px; line-height: 21px; right: 3px; text-align: right; text-shadow: 0 0 6px #000; opacity: 0.75; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75)}*/ .game-thumb a .overlay.invert {opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30)} .game-thumb:hover a .overlay.invert {display: none} .game-thumb a.delete-option {font-weight: inherit; height: 18px; line-height: 1; text-align: center; background-color: rgba(255,255,255,0.8);} .game-thumb a strong { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; max-height: 30px; min-height: 15px; overflow: hidden; text-rendering: optimizeSpeed} .game-thumb a strong i, h1 .fi, h2 .fi {color: #000} .game-stars { position: absolute; bottom: 6px; left: 6px; right: 6px; text-align: center; } .game-info-table .game-stars {position: static} .game-stars span { font-size: 0.8em; color: #939598; display: inline-block; margin-left: 5px; } .game-stars .star { display: inline-block; width: 11px; height: 11px; } .game-stars .star-empty { background: url('../images/star-empty.png') center center no-repeat; } .game-stars .star-half { background: url('../images/star-half.png') center center no-repeat; } .game-stars .star-full { background: url('../images/star-full.png') center center no-repeat; } .activity .profile-table .game-stars {position: static; text-align: left;} .game-thumb-more a { color: #0099ff; } .game-thumb-more a strong { text-align: left; } /* TABLE */ .table-sort { width: 100%; } .table-sort thead tr { background: url('../images/table-th-bg.png') top center repeat-x; } .table-sort th { cursor: pointer; height: 41px; line-height: 41px; background: url('../images/table-th-spacer.png') right center no-repeat; font-weight: normal; text-align: center; color: #fff; } .table-sort th > a { line-height: 41px; display: inline-block; color: #fff; } .table-sort th.active { background: url('../images/table-th-bg-active.png') top center repeat-x; } .table-sort th span { display: inline-block; width: 12px; height: 7px; margin-left: 5px; background: url('../images/sort-desc.png') center center no-repeat; } .table-sort th span.sort-asc { background: url('../images/sort-asc.png') center center no-repeat; } .table-center tbody tr > td { text-align: center; vertical-align: middle; padding: 10px 0; } td > a.profile-in-table { height: auto; text-align: left !important; color: #2b94db; line-height: 1.3em; } /* pełna deklaracja w .online-profile */ .dark-row { background-color: #f7f7f7; border-width: 1px 0 1px 0; border-color: #e0e0e0; border-style: solid; } /* TABS */ .tabs { width: 100%; display: table; background: url('../images/table-th-bg.png') top center repeat-x; } .tabs div { display: table-cell; background: url('../images/table-th-spacer.png') right center no-repeat; } .tabs div a { height: 40px; line-height: 40px; width: 100%; display: inline-block;font-weight: normal; text-align: center; color: #fff; cursor: pointer; } .tabs4 div { width: 25%; } .tabs5 div { width: 20%; } .tabs5 div a:hover, .tabs5 div a.active { color: #fff !important; background: url('../images/tabs5-hover.png') top center no-repeat; } .tab-contents .tab-content { display: none; } .tab-contents .tab-content.active { display: block; } .tab-contents .inner.padded {margin: 20px 0 0 0} .tab-contents .title {margin: 10px 0} .tab-contents .title a {} .tab-contents .title a:hover {color: #DB3535} .tab-contents .title .fa {font-size: 1.3em} .tab-contents .active { display: block; } .tabs-multi div { padding-right: 1px; } .tabs-multi div a:hover, .tabs-multi div a.active { color: #fff !important; //background: url('../images/tabs5-hover.png') top center no-repeat; background: rgba(25,72,111,1); background: -moz-linear-gradient(top, rgba(25,72,111,1) 0%, rgba(17,141,224,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,72,111,1)), color-stop(100%, rgba(17,141,224,1))); background: -webkit-linear-gradient(top, rgba(25,72,111,1) 0%, rgba(17,141,224,1) 100%); background: -o-linear-gradient(top, rgba(25,72,111,1) 0%, rgba(17,141,224,1) 100%); background: -ms-linear-gradient(top, rgba(25,72,111,1) 0%, rgba(17,141,224,1) 100%); background: linear-gradient(to bottom, rgba(25,72,111,1) 0%, rgba(17,141,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19486f', endColorstr='#118de0', GradientType=0 ); } /* SOLUTIONS */ .solutions { } .tab-contents .empty, .message-empty {border: 1px solid #e6e6e6; padding: 10px; margin: 15px 10px 0 10px; text-align: center } .add-solution {margin: 15px 20px 0; padding: 10px 0 0;} .solution { width: 45%; float: left; font-size: 12px; margin-top: 10px; float: left; border: 1px solid #e6e6e6; padding: 10px; margin: 10px; position: relative } .solution.solution-details {width: auto; float: none; border: none} .column-second .solution {margin: 0 0 10px 0; width: 331px;} .column-second .solution:nth-of-type(2n) {margin-right: 9px} .column-second .solution .avatar {width: 65px} .column-second .solution .content {width: 260px} .column-second .solution .info a.btn {padding: 0 18px} .column-second .solution p.edit {text-align: left; margin: 0; float: none} .solution .avatar { float: left; width: 16%; } .solution .avatar img { border: 1px solid #c2c2c2; padding: 2px;} .solution .content { vertical-align: top; font-size: 0.9em; float: left; width: 84%} .solution .text { padding: 0 60px 10px 0; margin-right: 20px; word-wrap: break-word; min-height: 28px} .solution .info { font-size: 12px; } .solution .info small { font-size: 0.8em; color: #a3adb2;} .solution .info a { text-decoration: underline; } .solution .info a.btn { text-decoration: none; } .solution .info p {float: left; width: 70%} .rank { float: right; width: 30%; text-align: right; font-weight: 700; color: #3498db; font-size: 12px; } .rank.left { float: right; width: auto; margin-left: 20px; border: 1px solid #DDDDDD; padding: 5px 10px } .rank.left .rate {font-size: 16px } .rank.minus {color: #DB3535} .rank.plus {color: green} .rank .warning {margin-left: 12px; color: orange;} .rank .btn {margin-top: 14px;} .rank .plus { color: green} .rank .plus, .rank .minus { display: inline-block; font-size: 14px; margin-top: 2px; width: 12px; height: 12px; margin-left: 3px; } .rank.voted .vote, .rank.reported .warning {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5} .rank .minus { color: #DB3535 } .solution p.edit {display: block; text-align: right; width: 50px; position: absolute; right: 110px; bottom: 10px} /* COMMENSTS */ .comments { width: 636px; float: left; } .comments .more-wrap {margin: 15px} .comment { font-size: 12px; margin-top: 10px; display: table; width: 100%; } .comment .screenshot img {border: 2px solid #DDDFE2; margin: 8px 0 0 0} .comment-avatar { display: table-cell; vertical-align: top; width: 80px; padding-top: 20px; } .comment-avatar img { border: 1px solid #c2c2c2; padding: 2px;} .comment-content { vertical-align: top; font-size: 0.9em; display: table-cell; } /* .comment-text { border-bottom: 1px solid #e6e6e6; padding: 0 60px 10px 0; margin-right: 20px; word-wrap: break-word; min-height: 28px} */ .comment-text { margin-right: 20px; word-wrap: break-word; max-width: 480px} .comment-text.triangle-border.left { margin-left: 15px; margin-top: 5px; } .comment-content .unhide {margin-left: 15px; text-decoration: underline;} .comment-info { font-size: 0.8em; color: #a3adb2; margin-bottom: 5px; margin-right: 20px; margin-left: 15px; } .comment-info a { text-decoration: underline; } .comment-rank { float: right; width: 120px; text-align: right; font-weight: 700; color: #3498db; font-size: 1.4em; } .comment-rank.minus {color: #DB3535} .comment-rank.plus {color: green} .comment-rank .plus, .comment-rank .minus { font-size: 14px; } .comment-rank .minus { margin-left: 3px; color: #DB3535} .comment-rank .plus {margin-left: 3px; color: green} .comment-rank.voted .vote, .comment-rank.reported .warning {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5} .comment-rank .warning {margin-left: 12px; color: orange} .comment-replays {} .comment-replays .show_more {display: block; border: 1px solid #e6e6e6; background-color: #F5F5F5; text-align: center; padding: 5px; margin-top: -1px; margin-right: 20px} .comment-replays .show_more:hover {background-color: #e6e6e6;} .replay-to { margin-top: 10px; } .replay-to form { margin-top: 10px; width: 100%; } .replay-to textarea { width: 520px} .replay-to form .btn { float: right; } .add-comment {margin: 0 0 10px 0} .add-comment .online-profile {margin-top: 15px; word-wrap: break-word;} .add-comment form {display: block; float: right; width: 81%;margin-top: 5px; margin-right: 20px;} .add-comment.replay-to form {width: 79%;} .comment-replays .add-comment.replay-to form {width: 75%;} .add-comment form span.error {display: inline} .add-comment form span.error.short {float: left; margin: 0; max-width: 200px; padding: 0 5px;} .add-comment form span.error:empty {display: none} .add-comment .control-group, .add-comment p {margin: 10px 0} .add-comment textarea {width: 97%;} .add-comment .btn {float: right} .add-comment .triangle-border textarea {border: 0; resize: vertical} .control-group.triangle-border.left {padding: 10px} .add-comment .controls {width: 100%} /* BEST GAMES in COMMENTS */ .best-games { width: 274px; float: right; } /* GAME INFO */ .game-title { padding-top: 30px; } .game-social { width: 350px; float: right; text-align: right; margin-top: 0px; } .game-social a { margin-right: 10px; } .controls .game {margin: 10px 0} .game { text-align: center; margin: 20px 0 0 0; } .game.fullscreen {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 5000; margin: 0; background: rgba(0,0,0,0.9);}; #gameWrapper, .gameWrapper {margin: 0 auto} .game a {color: #3498db} .game.fullscreen a.close-fullscreen {position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; z-index: 5001; color: #fff} .game.fullscreen a.close-fullscreen .fa {font-size: 48px;} .game.fullscreen #gameWrapper {position: fixed;left: 0;right: 0;top: 0;bottom: 0;} .game-options-bar { position: relative; height: 37px; line-height: 37px; position: relative; background: #f4f4f4; border-color: #dcdcdc; border-style: solid; border-width: 1px 0 1px 0; font-weight: 700; } .button-c, .button-e, .button-f { display: block; float: left; line-height: 37px; height: 37px; padding-left: 40px; width: 140px; background-repeat: no-repeat; border-right: 1px solid #dcdcdc; color: #3498db; } .button-c:hover, .button-e:hover, .button-f:hover { background-color: #fff; } .button-c { border-left: 1px solid #dcdcdc; } .button-c { background-image: url('../images/game-option-comment.png'); background-position: 25px 9px; padding-left: 55px; width: 100px; } .button-e { background-image: url('../images/game-option-error.png'); background-position: 12px 9px; } .button-f { background-image: url('../images/game-option-fav.png'); background-position: 12px 10px; position: relative } .zoom-options {display: inline-block; float: left; width: 90px;} .zoom-plus, .zoom-minus { margin: 11px 0 0 20px; width: 16px; height: 16px; display: block; float: left; background: url('../images/zoom-minus.png') center center no-repeat; } .zoom-plus { margin-left: 10px; background-image: url('../images/zoom-plus.png'); } .zoom-plus.disabled, .zoom-minus.disabled {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;} .game-big-stars { display: block; float: left; margin: 0px 15px 0 30px; color: #3498db; position: relative } .game-big-stars .overlay, .add_fav .overlay {position: absolute; top: 0px; left: 0px; font-weight: normal; text-align: center; right: -36px; line-height: 1em; padding: 10px; min-height: 25px; background-color: #fff; border: 1px solid #dcdcdc; display: none} .game-big-stars .star { display: inline-block; width: 16px; height: 16px; } .game-big-stars .raty {width: 100px; display: inline; vertical-align: middle; color: #F39C12; font-family: "FontAwesome"; } .game-big-stars .raty.hover {color: #F33113} .game-big-stars .raty i {font-style: normal; font-weight: normal;} .cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { font-size: 1.5em;} .cancel-on-png:before { content: "\f057";} .cancel-off-png:before { content: "\f05c";} .star-on-png:before {content: "\f005";} .star-off-png:before { content: "\f006";} .star-half-png:before {content: "\f123";} .game-boss {float: left} .game-boss a {padding: 0 30px; border-right: 1px solid #dcdcdc; display: inline-block; color: #3498db; font-size: 16px} .game-boss a:hover {background-color: #fff;} .bomb-gray {background: url('../images/bomb32g.png') no-repeat left top transparent; display: inline-block; width: 32px; height: 32px} ul.top-score { width: 70%; list-style: none; margin-left: 200px; } ul.top-score > li { width: 50%; float: left; } ul.top-score > li > ul { margin: 20px auto 0 auto; list-style: none; width: 300px; } ul.top-score > li > ul > li { display: table; margin-bottom: 5px; } ul.top-score > li > ul > li > div { display: table-cell; vertical-align: middle; } .score-rank { width: 30px; font-size: 1.4em; font-weight: 700; color: #3498db; } .game-info { width: 395px; margin: 0 0 20px 20px; float: right; } .game-info-table { width: 100%; font-weight: 700; } .game-info-table tr td { padding-bottom: 5px; } .game-info-table .lc { width: 200px; font-weight: 500; } .game-info-text { line-height: 1.6em; } .control-table { margin: 0 0 20px 0; } .control-table td { vertical-align: middle; padding: 2px 5px; } .control-table td.right { text-align: right; } .control-icon { width: 20px; height: 20px; display: inline-block; line-height: 16px; text-align: center; color: #fff; font-weight: 500; background: url('../images/ui-icon-bg.png') center center no-repeat; } .control-icon .ui-icon { margin: 1px auto 0 auto; display: inline-block; } .prizes-wrap {margin: 0px 70px} .prizes {margin: 20px 0px ; width: 100%; text-align: center} .prizes .top {padding-bottom: 40px} .prizes td {padding: 5px 0} .prizes a.user-avatar {text-align: left; width: 160px; margin-left: 10px;} .prizes .title {margin: 5px; background: #f5f5f5; padding: 5px } .prizes .top .title {font-weight: bold} .game-award { position: relative; display: inline-block; } .game-award .target { font-weight: 700; display: block; position: absolute; bottom: 30px; left: 70px; width: 230px; } .game-award .prize { display: block; font-size: 0.8em; color: #939598; position: absolute; bottom: 10px; left: 70px; width: 230px; font-weight: 700; } .game-award strong { font-size: 1.1em; color: #414242; font-weight: 500; } .game-award img { /*border: 1px solid #c2c2c2;*/ padding: 2px; } /* PROFILE */ .title-bar { background: #ebebeb; border-color: #d9d9d9; border-style: solid; border-width: 0 0 2px 0; padding: 10px 20px; } .title-bar h3 { display: inline-block; margin-right: 10px; } .title-bar-profile { font-weight: 700; padding: 12px 20px; margin-top: 20px; } .game-thumb-onecolumn { padding: 40px 20px; } .game-thumb-onecolumn .game-list-row { padding-left: 40px; } .profile-containter { margin: 40px 0 10px 0; display: table; } .profile-containter.hidden {display: none} .profile-avatar { display: table-cell; vertical-align: top; } .profile-avatar-thumb { width: 198px; height: 198px; background-color: #ebebeb; border: 1px solid #d9d9d9; background-position: center center; background-repeat: no-repeat; } .add-game-thumb { width: 130px; height: 100px; background-color: #ebebeb; border: 1px solid #d9d9d9; background-position: center center; background-repeat: no-repeat; } .profile-avatar .details {display: inline-block; text-align: left; margin-top: 5px;} .profile-actions {margin: 10px 0px; padding: 10px 0px; text-align: center; border: 1px solid #d9d9d9} .profile-actions a {display: inline-block; width: 45%} .profile-actions a .fa {color: #3498DB} .profile-info { display: table-cell; vertical-align: top; padding: 0 10px 0 20px; min-width: 374px; } table.profile-table { border-collapse: collapse; } table.profile-table td { padding-bottom: 5px; word-wrap: break-word; } .profile-info table.profile-table td {max-width: 290px;} table.profile-table td.label-cell { color: #939598; width: 115px; } table.profile-table td a, a.niebieskie, .game-info-text a, .comment-text a, .msg-body a {color: #3498db} .profile-adv { width: 336px; display: table-cell; vertical-align: top; } .activity { margin: 20px 0; display: table; } .activity .thumb1 { display: table-cell; vertical-align: top; } .activity .info2 { display: table-cell; vertical-align: top; padding-left: 20px; } .fav-users { float: left; width: 420px; } .fav-users-list { padding: 20px 0 0 0 ; } .fav-user { position: relative; display: inline-block; margin: 0 0 20px 18px; } .fav-user .delete-option { left: 2px; top: 2px; } .profile-small { display: inline-block; font-weight: 700; color: #2b94db; } .profile-small img { border: 1px solid #c2c2c2; padding: 2px; } .fav-last-activity { width: 500px; float: right; } .last-activity-row { display: table; border-bottom: 1px solid #efefef; width: 100%; margin-top: 20px; padding-bottom: 10px; } .last-activity-row .thumb1 { display: table-cell; vertical-align: top; padding-left: 20px; width: 126px; } .last-activity-row .info2 { display: table-cell; vertical-align: top; padding-left: 20px; } .last-activity-row .info2 .box { padding: 8px 10px; } .last-activity-row .info2 .box a { font-weight: 700; color: #2b94db; } .last-activity-row .info2 td { padding-bottom: 5px; } .last-activity-row .info2 td.label-cell { font-weight: 700; width: 75px; } i.icon { display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 10px; } i.icon-comment { background: url('../images/activity-comment.png') center center no-repeat; } i.icon-rank { background: url('../images/activity-rank.png') center center no-repeat; } i.icon-add { background: url('../images/activity-add.png') center center no-repeat; } .messages-contacts { width: 335px; float: right; } .messages-contacts form { padding: 10px 0; float: left; width: 100%; } .messages-contacts .text { width: 146px; border: 1px solid #efefef; margin: 0; float: right; } .messages-contacts .btn { min-width: 20px; width: 30px; padding-left: 2px; padding-right: 2px; float: right; } .contacts-folder { float: right; margin: 0 15px 10px; } .messages { width: 570px; float: left; } .messages table { width: 100%; border-collapse: collapse; border-collapse: separate; border-spacing: 0 2px; margin-top: 20px; } .messages table th { color: #2b94db; font-weight: 700; text-align: left; padding: 0 0 5px 5px; font-size: 1.1em; } .messages table td { vertical-align: middle; border: 1px solid #fff; padding: 3px 10px; } .messages table tbody tr {background-color: #ebebeb;} .messages table tbody tr:hover {background-color: #EFEFEF} .messages table.no-bg td { background-color: transparent} .messages table td.msg-body { padding: 10px; } .messages table .unread { font-weight: bold } .messages table .message.show td { padding: 10px; } .messages table td.empty { padding: 10px; text-align: center } .message-delete { display: inline-block; margin-top: 3px; width: 20px; height: 20px; /*background: url('../images/delete-option.png') center center;*/ } .mt-login { /*font-size: 0.9em;*/ } .mt-date { /* font-size: 0.9em; */ width: 100px; } .mt-action { width: 30px; text-align: center; } .messages.single .mt-action { width: 40px; } h2 .actions {margin-left: 20px} .actions {text-align: center; white-space: nowrap} .actions a > .fa {font-size: 20px;} .actions a {margin-right: 10px;} .actions a:last-child {margin-right: 0} .actions .fa-edit, .actions .fa-check-circle-o, .actions .green {color: green} .actions .fa-info-circle {color: #3498DB} .actions .fa-minus-circle,.actions .fa-ban,.actions .fa-times, .actions .red {color: #DB3535} #send-message {margin: 0 auto; display: block; width: 395px;} #send-message input, #send-message textarea {width: 300px} #send-message .autocomplete-users {width: 240px} span.error, .msg.error {color: red; display: block; margin: 5px 0 0 0} .add-comment span.error {background-color: #FECCCA; border: 1px solid #CE2029; color: #CE2029; margin: 0 20px 0 5px; padding: 5px;} .add-comment span.error.top {margin-top: 10px} .add-comment span.error.warning {background-color: #FEECCB; border: 1px solid #C57D00; color: #C57D00;} span.error:empty, .msg.error:empty, .add-comment span.error:empty {display: none} .reply-wrapper {text-align: center; margin: 20px 0} .dark-bar { background: url('../images/table-th-bg.png') top center repeat-x; height: 41px; } .dark-bar a { color: #fff; } .dark-bar a:hover { color: #aaa !important; } .dark-bar .folder { display: inline-block; height: 41px; line-height: 41px; padding: 0 10px; background: url('../images/table-th-spacer.png') top right no-repeat; } .dark-bar .new-message { background: url('../images/plus-white.png') center left no-repeat; padding-left: 22px; margin-left: 300px; } /* CUPS */ .cups-list-row { margin-top: 20px; } .cup-thumb { width: 126px; display: inline-block; position: relative; margin-right: 18px; } .cup-thumb:last-child { margin-right: 0; } .last-cup-thumb { margin-right: 0; } .cup-image { height: 92px; line-height: 92px; width: 124px; background-color: #fff; border: 1px solid #e1e1e1; text-align: center; } .cup-image img { vertical-align: middle; } .cup-points { font-weight: 700; font-size: 3em; text-align: center; line-height: 1.2em; } .cup-objective { color: #0099ff; display: block; text-align: center; } .cup-btn { margin-top: 5px; } .cup-btn:hover { color: #fff !important; } .cup-status { width: 16px; height: 16px; position: absolute; top: 3px; right: 3px; } .cup-status-ok { background: url('../images/cup-status-ok.png') center center no-repeat; } .cup-status-no { background: url('../images/cup-status-no.png') center center no-repeat; } #error404 {width: 600px; position: absolute; top: 50%; left: 50%; margin: -130px 0 0 -320px; padding: 20px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2);} #error404 .bkg { background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; z-index: -1} #error404 h2 {color: #414242; font-size: 1.5em; margin: 20px 0 0 65px;} #error404 a.return {color: #414242; font-size: 1.2em; font-weight: bold; margin-left: 65px;} #error404 .komunikat {color: #3498DB; font-size: 3.1em; line-height: 1.1em; text-align: right; margin-right: 25px; } .ui-dialog { background-color: rgba(0, 0, 0, 0.3); background-image: none; border: medium none; border-radius: 5px ; padding: 10px} .ui-dialog .ui-dialog-content {background-color: #fff; border: 0 none; overflow: auto; padding: 0.5em 1em; border-radius: 5px ;} .ui-dialog-titlebar {display: none;} .ui-dialog .actions a.close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNqUkU0KwjAQhWfSWqtiK4rixo0guHEhuPcQntUDuPcAguBGBEXEP2zTmmRMg1CjiDgQyIP3Zr5hcDCZQjCsk0oVmMcFkCLzJ0KgRAIIBTKW6IajBp3nB4QfhUWHGPxRlrncC+hVuzXP0oycnCBaXtDvlI2h0CySOKUWHmNvIHwdmcB9n7wZs85g71bqVikLeG2fPpiZk4tKP6R4dTXpdMutAGpchi/Mt8XZGpMF8m3ZJ8bX0mb3ONthfdwiwZVupa8mn9cTEtRdm5QyF002MT4EGAAcNGMZMzS7XQAAAABJRU5ErkJggg==) no-repeat scroll right center transparent; padding: 3px 18px 4px 0; font-size: 12px; color: #3498DB;} .ui-dialog .actions {float: right; margin-top: 11px; min-width: 100px; text-align: right} .ui-dialog .header { background: url("../images/giercownia-logo.png") top left no-repeat transparent; height: 75px; margin-bottom: 10px; width: 245px} .ui-dialog .form-horizontal .control-label { width: 60px } .ui-dialog .form-horizontal .controls {margin-left: 80px} #loginModal {width: 500px !important} #generalModal {min-width: 400px} .ui-dialog .fb {float: right; text-align: center; width: 155px;} .ui-dialog .fb .btn { display: block; width: 140px; margin: 3px auto } .ui-dialog .title { border-bottom: 1px solid #3498DB; font-size: 15px; font-weight: 400; padding-bottom: 10px; text-transform: uppercase; margin: 1em 0} .ui-dialog .msg {text-align: center; margin: 20px 0} .ui-dialog .ui-dialog-buttonpane {background: none; border: 0; padding: 0} .ui-widget-overlay.ui-widget-overlay-full {opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)} .content-hint {margin-bottom: 10px} .content-hint-yellow {background-color: #FEFF99; border: 1px solid #CDCECF; border-radius: 3px; color: #545454; padding: 10px} .content-hint-white {background-color: #fff; border: 1px solid #CDCECF; border-radius: 3px; color: #545454; padding: 10px} #spinner{background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5} .spinner{position:absolute;top:50%;left:50%;text-align:center;z-index:1234;overflow:hidden;margin-left:-33px;margin-top:-33px;width:66px;height:68px} .spinner.bottom {top: auto; bottom: 100px} /* jquery ui mods */ .ui-autocomplete .ui-menu-item a{height:45px;line-height:45px;text-indent:10px} .ui-autocomplete .ui-menu-item .av{float:left} .ui-autocomplete .ui-menu-item .ov{background: #e40000; color: #ffffff; display: inline-block; float: left; padding: 0; text-align: center; text-indent: 0; width: 54px; font-size: 1.5em; font-weight: 600; padding: 2px; border: 1px solid #c2c2c; height: 40px; line-height: 40px} .ui-menu-item .av {border: 1px solid #C2C2C2; padding: 2px} .fb-label {background: #3c579d; border: 1px solid #3c579d; border-radius: 4px; color: #fff; padding: 2px 10px;} /* messages */ .user-info { float: right; padding-right: 5px; padding-left: 5px} .user-info img {border: 1px solid #C2C2C2; padding: 2px} /* solution /wyswig */ .edit-solution form {display: block; } #photos-container {border: 1px solid #ddd; line-height: 0; padding: 10px 10px 0 10px;} #photos-container img {width: 100px; padding: 3px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; cursor: move} #photos-container span {text-align: center; display: block; line-height: 16px; padding-bottom: 10px;} #progress-add, #photos-container {margin: 10px 0} #field-wyswyg {position: relative} #field-wyswyg .error {padding: 0 0 10px 0} #field-wyswyg textarea {width: 704px} #game-report .simple {display: block; text-align: center} #game-report .box {text-align: center; display: inline-block} .cloud a {color: #fff; margin-right: 10px; text-decoration: none} .cloud1, .cloud2 {font-size: 10px} .cloud3, .cloud5 {font-size: 12px} .cloud4 {font-size: 18px} .cloud6, .cloud7 {font-size: 14px} .cloud8, .cloud9 {font-size: 16px} .cloud10 {font-size: 18px} /* own content - solucja */ .owncontent-wrap {max-width: 950px; margin: 20px auto; border-bottom: 1px solid #DDD; font-size: 16px; border-top: 1px solid #DDD;} .owncontent-wrap #author {padding: 0 0 20px 0; border-bottom: 1px solid #DDD; font-size: 0.8em; color: gray} .owncontent-wrap #author img {float: left; margin: 0 10px 0 0} .owncontent-wrap #author a {color: #FF613C; font-size: 1.5em; text-decoration: none} .owncontent-wrap #author p {padding-top: 1em; margin: 0} .owncontent-wrap .clear {clear: both} .owncontent-wrap h1 {color: #33B5E5; font-size: 1.6em; margin: 1.5em 0} .owncontent-wrap strong {font-weight: bold} .owncontent-wrap body {font-family: Arial, sans-serif; font-size: 1em; margin: 1em} .owncontent-wrap .owncontent{ line-height: 1.5em; margin: 1em} .owncontent-wrap .owncontent img {max-width: 100%} .owncontent-wrap .youtube {margin: 0 5px; max-width: 900px; width: 100%;} .owncontent-wrap .line {background-color: #ddd; height: 1px; margin: 1em 0} .owncontent-wrap blockquote {margin: 1em 3em;padding: .5em 1em;border-left: 5px solid #ddd;background-color: #fafafa; font-style: italic; color: #666} /* tab-games */ .tab-games {} .tab-games .games-list {width: 856px; margin: 0 auto} .tab-games .games-list .adv-content {margin-left: 58px} .activities h2 {text-transform: capitalize} .key-control {} .key-control .btn {float: right} .steering-row .tagit, .steering-row .desc { width: 196px; float: left; margin-right: 8px} .steering-row {margin-bottom: 6px} .steering-row .tagit { } .steering-row ul.tagit input[type="text"] {width: 10px; background: transparent} .steering-row .desc {} .steering-row .delete {} .steering-row a.delete-option {font-size: 19px; width: 20px; height: 20px; margin-top: 6px; position: static} .steering-row a.delete-option:before {content:"\e014"} .key { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid gray; padding: 0px 4px; -webkit-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333; -moz-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333; box-shadow: 1px 0 1px 0 #fff, 0 2px 0 1px lightGray, 0 2px 0 2px #333; background: -moz-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(25%, #e2e2e2)); background: -webkit-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: -o-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: -ms-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: linear-gradient(left, #fff 0%, #e2e2e2 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=1 ); font-size: 11px; font-style: normal; margin: 4px 5px; display: inline-block; } .key.key-mouse, .key.key-lpm, .key.key-ppm, .key.key-scroll {background:url(../vendor/jquery-ui/giercownia/images/mouse2.png) no-repeat transparent 0 -5px; width: 23px; height: 18px; text-indent: -20000px; border:none; box-shadow: none; filter: none; } .key.key-lpm {background-position: -32px -5px} .key.key-ppm {background-position: -64px -5px} .key.key-scroll {background-position: -96px -5px} .fb-box {position: fixed; right: 0; top: 240px; width: 320px} .fb-box.hover-box {min-height: 290px; z-index: 1999} .fb-box.hover-box .box {width: 275px; background: #fff; border-color: #3c579d} .fb-box.hover-box.right-side.collapsed {right: -324px} .fb-box.hover-box.right-side .tab {height: 45px; background: #3c579d; top: 20px} .fb-box.hover-box.right-side .tab span {left: 2px; top: -1px; width: 45px; font-size: 32px; text-align: center} /* ========================================================================== * Chat * ========================================================================== */ .chat {position: fixed; right: 0; bottom: 0; top: 0; width: 304px; border-style: solid; border-color: #3498DB;border-width: 4px 0 0 4px; } .hover-box { min-height: 500px; z-index: 2000} .hover-box .users-online {width: 170px;position: absolute;left: -220px;z-index: 2; min-height: 20px; padding: 10px} .hover-box .users-online a {font-size: 13px;line-height: 20px; vertical-align: middle;} .hover-box .users-online .av-wrap .av {border: 1px solid #dddfe2; display: inline-block; line-height: 0; margin: 5px 8px 5px 0} .hover-box.left-side {left: 0} .hover-box.left-side.collapsed {left: -304px;} .hover-box.right-side {right: 0px;} .hover-box.right-side.collapsed {right: -308px} .hover-box .tab {top: 134px; width: 57px; position: absolute; height: 254px; background: #3498DB; color: #fff; cursor: pointer} .hover-box .tab span { font-size: 26px; height: 50px; left: -66px; top: 115px; width: 200px; line-height: 58px; position: absolute; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg);} .hover-box.right-side .tab span {left: -25px; top: 40px; width: 100px} .hover-box.red .tab { background: #ee2a46} .hover-box.left-side .tab { right: 0; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; border-top-right-radius: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; border-bottom-right-radius: 14px} .hover-box.right-side .tab {left: -53px; height: 130px; -moz-border-radius-topleft: 14px; -webkit-border-top-left-radius: 14px; border-top-left-radius: 14px; -moz-border-radius-bottomleft: 14px; -webkit-border-bottom-left-radius: 14px; border-bottom-left-radius: 14px; top: 104px} .hover-box .box { position: absolute; top: 0; width: 329px; padding: 20px; background: #ecedee; border: 4px solid #3498DB; z-index: 2001} .chat.hover-box > .box {border: 0;} .hover-box .box .box-success { height: 100%; position: absolute; width: 100%; z-index: 2002; background: #666; top: 0; left: 0; font-size: 20px; text-align: center; color: #fff} .hover-box .box .box-success .inner { display: table-cell; vertical-align: middle; text-align: center; padding: 0 30px} .hover-box.left-side .box .box-success { background: #ee2a46; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px} .hover-box.right-side .box .box-success { background: #3498DB; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px} .hover-box.red .box { border-color: #ee2a46} .hover-box.left-side .box { border-left: 0; left: 0; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; border-top-right-radius: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; border-bottom-right-radius: 14px} .hover-box.right-side .box { border-right: 0; right: 0;} .hover-box .box > :first-child { margin-top: 0} .hover-box .box > :last-child, .hover-box .box .form-horizontal .control-group:last-child { margin-bottom: 0} .hover-box .box .form-horizontal .controls { margin-left: 110px} .hover-box .box .form-horizontal .control-group:last-child { } .hover-box .box .form-horizontal .control-label { width: 100px} .chat .box {bottom: 0;} .chat .online-profile {float: left; word-wrap: break-word;} .chat.hover-box.right-side .box {padding: 0; width: 100%} .chat.hover-box.right-side .priv.box {border: 4px solid #3498DB; height: 430px; width: 300px;} .chat.hover-box.right-side .priv.box.highlight {border-color: #00A550} .chat.hover-box.right-side .priv.box.offline {border-color: #C62C2C} .chat.hover-box.right-side .priv.box .header {cursor: move} .chat.hover-box.right-side .priv.box.highlight .header {background-color: #00A550} .chat.hover-box.right-side .priv.box.offline .header {background-color: #C62C2C} .chat .header, .chat .send {padding: 10px; color: #fff; background-color: #3498DB; font-size: 20px} .chat .highlight .header, .chat .highlight .send {background-color: #00A550} .chat .offline .header, .chat .offline .send {background-color: #C62C2C} .chat .header {position: relative; z-index: 1;} .chat .header a {color: #fff} .chat .header a:hover {color: #B8DBF2 !important} .chat .content-wrap {bottom: 45px; left: 0; margin: 10px 0 10px 5px; position: absolute; right: 0; top: 40px;} .chat .content {margin-right: 8px; height: 100%} .chat .chat-msg {margin: 5px 0} .chat .chat-msg .text {float: right; margin: 0; width: calc(100% - 127px); word-wrap: break-word;} .chat .chat-msg .meta {padding: 3px 10px; margin: 3px 2px 5px; background: #DDDFE2} .chat .chat-msg .mod-options, .chat.mod-chat .priv .chat-msg .mod-options {display: none} .chat.mod-chat .chat-msg .mod-options {display: inline} .chat .chat-msg .state .online, .chat .chat-msg .state .offline {padding: 0} .chat .chat-msg .state .online, .chat .chat-msg .state .priv {display: none} .chat .chat-msg .state .priv {padding-left: 10px} .chat .chat-msg .state .offline {color: #C62C2C} .chat .chat-msg .state .online {color: #00A550} .chat .toggle-sound, .chat .minimize, .chat .hide, .chat .block {margin-right: 15px} .chat .send {position: absolute; bottom: -3px; width: 100%; padding: 10px 0 14px 0; } .priv.box .send {padding-bottom: 10px} .chat .send form {padding: 0px; width: 100%} .priv.box.offline form {display: none} .priv.box .text-offline {display: none; font-size: 16px; color: #FFFFFF; line-height: 30px} .priv.box.offline .text-offline {display: block} .chat .send a, .chat .send a:hover {color: #FFFFFF !important; font-size: 16px;} .chat .send a:hover {text-decoration: underline} .chat .send input {border: 0; font-size: 12px; width: calc(100% - 86px); margin-left: 3px} .chat .send .smileys, .chat .send .smileys:hover {font-size: 24px; vertical-align: middle; display: inline-block; margin-left: 3px} .add-comment .smileys, .add-comment .smileys:hover, .add-comment .img-upload, .add-comment .img-upload:hover {font-size: 24px; color: #ccc; margin-left: 5px} .chat .send .smileys:hover, .add-comment .smileys:hover, .add-comment .img-upload:hover {opacity: 0.6} .chat .send button {border: 0; background: transparent; color: #fff; width: 38px; height: 29px; padding: 0px 6px 0px 0px; float: right; margin-right: 0px; } .admn .column-menu h4 { background-color: #F0F9FF; border: 1px solid #82CFFA; font-size: 1.2em; padding: 10px; }