/* Minification failed. Returning unminified contents. (1379,48): run-time error CSS1055: Expected media-query expression, found 'only' (1384,48): run-time error CSS1055: Expected media-query expression, found 'only' (1389,48): run-time error CSS1055: Expected media-query expression, found 'only' (1394,48): run-time error CSS1055: Expected media-query expression, found 'only' */ @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKW-U9hrIqY.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:100;src:local('Raleway Thin'),local('Raleway-Thin'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptsg8zYS_SKggPNwE44TYFv.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:200;src:local('Raleway ExtraLight'),local('Raleway-ExtraLight'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwOIpWqZPBQ.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local('Raleway'),local('Raleway-Regular'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptug8zYS_SKggPNyC0ISg.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local('Raleway Medium'),local('Raleway-Medium'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwN4rWqZPBQ.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:700;src:local('Raleway Bold'),local('Raleway-Bold'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwJYtWqZPBQ.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:800;src:local('Raleway ExtraBold'),local('Raleway-ExtraBold'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwIouWqZPBQ.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:900;src:local('Raleway Black'),local('Raleway-Black'),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwK4vWqZPBQ.ttf) format('truetype')}@font-face{font-family:'Open Sans Condensed';src:url(//static.gamatomic.com/fp/8d3a26cb491898d-4efc/Content/fonts/OpenSans-Cond/OpenSans-CondBold-webfont.eot);src:url(/Content/fonts/OpenSans-Cond/OpenSans-CondBold-webfont.eot?#iefix) format('embedded-opentype'),url(//static.gamatomic.com/fp/8d3a26cb491d7b0-59fc/Content/fonts/OpenSans-Cond/OpenSans-CondBold-webfont.woff) format('woff'),url(//static.gamatomic.com/fp/8d3a26cb491d7b0-9d34/Content/fonts/OpenSans-Cond/OpenSans-CondBold-webfont.ttf) format('truetype'),url(/Content/fonts/OpenSans-Cond/OpenSans-CondBold-webfont.svg#open_sans_condensedbold) format('svg');font-weight:700;font-style:normal}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(//static.gamatomic.com/fp/8d63e7ff2dfdc3d-552/Content/ga/themes/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(//static.gamatomic.com/fp/8d63e7ff2de7f7e-19a7/Content/ga/themes/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(//static.gamatomic.com/fp/8d63e7ff2dc7463-2b/Content/ga/themes/fancybox/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}a.fancybox-close:hover,a.fancybox-nav:hover{background-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(//static.gamatomic.com/fp/8d63e7ff2df8ec2-3eb/Content/ga/themes/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(//static.gamatomic.com/fp/8d63e7ff2e063d8-1999/Content/ga/themes/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(//static.gamatomic.com/fp/8d63e7ff2def3c2-36a0/Content/ga/themes/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#323232;background:-moz-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(50%,#343434),color-stop(50%,#292929),color-stop(100%,#333));background:-webkit-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-o-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-ms-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%)}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url(//static.gamatomic.com/fp/8d63e7ff2de0b3d-438/Content/ga/themes/fancybox/fancybox_buttons.png);background-repeat:no-repeat;outline:0;opacity:.8;padding-left:0;padding-right:0}#fancybox-buttons a:hover{opacity:1}#fancybox-buttons a.btnPrev{background-position:5px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0}#fancybox-buttons a.btnDisabled{opacity:.4;cursor:default}#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}/*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}/*! * jQuery UI Accordion 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/accordion/#theming */.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}/*! * jQuery UI Autocomplete 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/autocomplete/#theming */.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}/*! * jQuery UI Button 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/button/#theming */.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}/*! * jQuery UI Datepicker 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/datepicker/#theming */.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}/*! * jQuery UI Dialog 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/dialog/#theming */.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}/*! * jQuery UI Draggable 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-draggable-handle{-ms-touch-action:none;touch-action:none}/*! * jQuery UI Menu 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/menu/#theming */.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}/*! * jQuery UI Progressbar 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/progressbar/#theming */.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}/*! * jQuery UI Resizable 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}/*! * jQuery UI Selectable 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}/*! * jQuery UI Selectmenu 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/selectmenu/#theming */.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*! * jQuery UI Sortable 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-sortable-handle{-ms-touch-action:none;touch-action:none}/*! * jQuery UI Slider 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/slider/#theming */.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}/*! * jQuery UI Spinner 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/spinner/#theming */.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}/*! * jQuery UI Tabs 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tabs/#theming */.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}/*! * jQuery UI Tooltip 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tooltip/#theming */.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}/*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #999;background:#dadada url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_888888_256x240.png)}.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(//static.gamatomic.com/Content/ga/themes/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(//static.gamatomic.com/Content/ga/themes/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;border-radius:8px} /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, 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-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; list-style-position: outside; } blockquote, q { quotes: none; } blockquote:before, q:before, blockquote:after, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @-moz-viewport { zoom: 1; width: auto; } @-ms-viewport { zoom: 1; width: auto; } @-webkit-viewport { zoom: 1; width: auto; } @viewport { zoom: 1; width: auto; } [touch-action="none"] { -ms-touch-action: none; touch-action: none; } [touch-action="pan-x"] { -ms-touch-action: pan-x; touch-action: pan-x; } [touch-action="pan-y"] { -ms-touch-action: pan-y; touch-action: pan-y; } [touch-action="scroll"], [touch-action="pan-x pan-y"], [touch-action="pan-y pan-x"] { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } ins { text-decoration: none; } del { text-decoration: line-through; } article, aside, footer, header, hgroup, nav, section { display: block; } .img-articles-rating1 { background-repeat: no-repeat; background-size: 500%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bb3a5c-aa5e/img/articles/ratings.png"); background-position: 0 0; } .img-articles-rating2 { background-repeat: no-repeat; background-size: 500%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bb3a5c-aa5e/img/articles/ratings.png"); background-position: 25% 0; } .img-articles-rating3 { background-repeat: no-repeat; background-size: 500%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bb3a5c-aa5e/img/articles/ratings.png"); background-position: 50% 0; } .img-articles-rating4 { background-repeat: no-repeat; background-size: 500%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bb3a5c-aa5e/img/articles/ratings.png"); background-position: 75% 0; } .img-articles-up { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bbaf9b-67f/img/articles/upsdowns.png"); background-position: 0 0; } .img-articles-down { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bbaf9b-67f/img/articles/upsdowns.png"); background-position: 100% 0; } .img-social-icons-google { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 0 0; } .img-social-icons-google-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 10% 0; } .img-social-icons-facebook { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 20% 0; } .img-social-icons-facebook-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 30% 0; } .img-social-icons-instagram { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 40% 0; } .img-social-icons-instagram-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 50% 0; } .img-social-icons-rss { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 60% 0; } .img-social-icons-rss-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 70% 0; } .img-social-icons-twitter { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 80% 0; } .img-social-icons-twitter-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 90% 0; } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes tilt { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 75% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } @-moz-keyframes tilt { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 75% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } @-ms-keyframes tilt { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 75% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } @-o-keyframes tilt { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 75% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } @keyframes tilt { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } 75% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } .clearfix:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } body { font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 81%; line-height: normal; color: #ffc040; background-color: #1b1b1b; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; } @media only screen and (min-width: 1024px) { body { background-image: url('/Shared/BackgroundImage'); background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; transition: opacity linear 200ms; } } @media only screen and (max-width: 1023px) { body { padding-top: 5.5em; } } input, textarea, select, button { font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } b { font-weight: bold; } abbr { border-bottom: 0.1em dotted #af9767; } a { color: #a08040; text-decoration: none; /* &[target="_blank"] { padding-right: 1.2em; position: relative; &:after { content: url('//static.gamatomic.com/Content/img/external-link.png'); position: absolute; right: 0; width: 1em; height: auto; } }*/ } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #ffc040; line-height: 1em; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 1.875em; } h2 { font-size: 1.5em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1em; } h6 { font-size: 0.875em; } p { padding-bottom: 1em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 1em; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } blockquote { margin: 0.5em 0; padding: 1em; color: #ffc040; background-color: #2b2b2b; font-style: normal; border: 1px solid #696969; } blockquote p { padding-bottom: 0; } blockquote:hover { background-color: #232323; border-color: #424242; } input, textarea, select { background-color: #1b1b1b; border: 1px solid #a0e080; border-radius: 0.2em; margin: 0; padding: 0.2em; color: #c69737; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } input:hover, textarea:hover, select:hover { border-color: #acdf93; color: #e3ab3b; } input:focus, textarea:focus, select:focus { border-color: #b8dfa5; color: #ffc040; } input[type=image], input[type=file], input[type=submit], input[type=checkbox] { background-color: inherit; border: inherit; color: inherit; vertical-align: middle; } input[type=image], input[type=checkbox] { padding: 0; } input[src$="/img/go.png"] { border-radius: 50%; border: none; background-color: #ffc040; } datalist { display: none; } img#about-image { float: left; margin: 3px 8px 8px 0; } button { border: 2px outset #ffc040; background-color: #ffc040; background: -webkit-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: -moz-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: -o-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; display: inline-block; padding: 0.3em 0.5em; border-radius: 0.4em; font-weight: bold; color: #1b1b1b; text-align: center; } button:hover { background-position: 100%; background-color: #c69737; } button:active { background-color: #8d6e2e; color: #adadad; border-style: inset; } button.current { background-position: 100%; background-color: #af8633; border-color: #719b5d; border-style: inset; text-shadow: -1px -1px 0 #ddd, -1px 1px 0 #ddd, 1px 1px 0 #ddd, 1px -1px 0 #ddd, -1px 0 0 #ddd, 0 -1px 0 #ddd, 1px 0 0 #ddd, 0 1px 0 #ddd; } .publication-meta { text-transform: uppercase; color: #696969; vertical-align: middle; font-size: 1em; } .index-item header h1 { font-weight: 900; font-size: 1.5em; margin: 0; padding: 0; } .index-item header p { text-transform: uppercase; color: #696969; vertical-align: middle; font-size: 1em; text-align: left; margin-bottom: 0.5em; padding-top: 0.2em; } .index-item p { text-align: justify; } .avatar { display: block; position: relative; } .avatar img { display: block; } .avatar:before { display: block; content: ''; position: absolute; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 5px rgba(221, 221, 221, 0.5); -moz-box-shadow: inset 0 0 5px rgba(221, 221, 221, 0.5); box-shadow: inset 0 0 5px rgba(221, 221, 221, 0.5); pointer-events: none; } button .mnemonic { text-decoration: underline; } .ui-widget-content { background-image: none; background-color: #2e2e2e; border-color: #5d7d4e; color: #ffc040; } .ui-widget { font-size: 1em; } .ui-widget-header { background-image: none; background-color: #424242; border-color: #7c7c7c; color: #e8b03c; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; background-color: #424242; border-color: #a0e080; color: #e6d6b6; } .ui-state-default a, .ui-widget-content .ui-state-default a, .ui-widget-header .ui-state-default a { color: #e6d6b6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #2e2e2e; color: #ddd; } .ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a { color: #ddd; } ul.social-buttons { width: 100%; display: table; list-style: none !important; margin: 0 !important; padding: 0 !important; } ul.social-buttons li { display: table-cell; list-style-type: none !important; margin: 0; padding: 0; } ul.social-buttons li a { display: block; } @media only screen and (max-width: 719px) { ul.social-buttons { display: block; text-align: center; } ul.social-buttons li { display: inline-block; margin: 0.3em 0.5em; width: 15em; } } .social-button-facebook { border: 2px outset #0a639b; background-color: #0a639b; background: -webkit-linear-gradient(to bottom, #2a75a5 0, #0a639b 50%, #163141 100%); background: -moz-linear-gradient(to bottom, #2a75a5 0, #0a639b 50%, #163141 100%); background: -o-linear-gradient(to bottom, #2a75a5 0, #0a639b 50%, #163141 100%); background: linear-gradient(to bottom, #2a75a5 0, #0a639b 50%, #163141 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; padding: 0.5em 3em; text-align: center; text-transform: uppercase; color: #fff; font-weight: 500; position: relative; line-height: 2em; overflow: hidden; } .social-button-facebook:hover { background-position: 100%; background-color: #0e517b; } .social-button-facebook:active { background-color: #133f5b; color: #adadad; border-style: inset; } .social-button-facebook::before { content: ""; display: block; position: absolute; left: -2.1em; top: 3.5em; width: 1.6em; height: 1.6em; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: url("//static.gamatomic.com/fp/8d3a26cb4bebcd5-1fd/img/share_icon.png") no-repeat transparent; background-size: 100%; } .social-button-facebook:hover::before { top: 0.7em; left: 0.7em; } .social-button-twitter { border: 2px outset #00c6f3; background-color: #00c6f3; background: -webkit-linear-gradient(to bottom, #21c9f0 0, #00c6f3 50%, #134e5c 100%); background: -moz-linear-gradient(to bottom, #21c9f0 0, #00c6f3 50%, #134e5c 100%); background: -o-linear-gradient(to bottom, #21c9f0 0, #00c6f3 50%, #134e5c 100%); background: linear-gradient(to bottom, #21c9f0 0, #00c6f3 50%, #134e5c 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; padding: 0.5em 3em; text-align: center; text-transform: uppercase; color: #fff; font-weight: 500; position: relative; line-height: 2em; overflow: hidden; } .social-button-twitter:hover { background-position: 100%; background-color: #079bbd; } .social-button-twitter:active { background-color: #0e7187; color: #adadad; border-style: inset; } .social-button-twitter::before { content: ""; display: block; position: absolute; left: -2.1em; top: 3.5em; width: 1.6em; height: 1.6em; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: url("//static.gamatomic.com/fp/8d3a26cb4bebcd5-1fd/img/share_icon.png") no-repeat transparent; background-size: 100%; } .social-button-twitter:hover::before { top: 0.7em; left: 0.7em; } .social-button-linkedin { border: 2px outset #0095c3; background-color: #0095c3; background: -webkit-linear-gradient(to bottom, #21a0c7 0, #0095c3 50%, #13404d 100%); background: -moz-linear-gradient(to bottom, #21a0c7 0, #0095c3 50%, #13404d 100%); background: -o-linear-gradient(to bottom, #21a0c7 0, #0095c3 50%, #13404d 100%); background: linear-gradient(to bottom, #21a0c7 0, #0095c3 50%, #13404d 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; padding: 0.5em 3em; text-align: center; text-transform: uppercase; color: #fff; font-weight: 500; position: relative; line-height: 2em; overflow: hidden; } .social-button-linkedin:hover { background-position: 100%; background-color: #077799; } .social-button-linkedin:active { background-color: #0e586f; color: #adadad; border-style: inset; } .social-button-linkedin::before { content: ""; display: block; position: absolute; left: -2.1em; top: 3.5em; width: 1.6em; height: 1.6em; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: url("//static.gamatomic.com/fp/8d3a26cb4bebcd5-1fd/img/share_icon.png") no-repeat transparent; background-size: 100%; } .social-button-linkedin:hover::before { top: 0.7em; left: 0.7em; } .container, .containerbis { width: 1000px; } @media only screen and (min-width: 1280px) { .container, .containerbis { width: 1220px; } } @media only screen and (max-width: 1023px) { .container, .containerbis { width: 100%; } } .container { text-align: left; margin: 0 auto; position: relative; } @media only screen and (max-width: 1023px) { .container { width: 100%; } } .containerbis { text-align: left; margin: 0 auto; position: relative; min-height: 4em; background-color: #ffc040; } @media only screen and (max-width: 1023px) { .containerbis { width: 100%; } } .containerbis h1.post-heading { position: relative; color: #1b1b1b; background-color: #ffc040; font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-weight: bold; font-size: 2.7em; bottom: -1px; left: 0; padding: 0.5em 2.5em 0.5em 1em; z-index: 2; } .containerbis h1.post-heading a { color: #1b1b1b; } .containerbis h1.post-heading .admineditlink a { font-size: 0.5em; color: #ffc040; } .containerbis .meta-info { height: 100%; left: auto; right: 0; } .admineditlink a { background-color: #8d0e0e; color: #ffc040; font-weight: bold; font-size: 0.75em; margin: 0 1em; padding: 0.2em 1em; border-radius: 0.25em; box-shadow: #ddd 0 0 0.1em 0.1em; transition: all 500ms; } .admineditlink a:hover { background-color: #820f0f; text-decoration: none; box-shadow: #ddd 0 0 0.1em 0.1em inset; } /*------------------------------------------------*/ /*---------------[BLOC PRINCIPAL]---------------*/ /*------------------------------------------------*/ img.atomsimg { margin-top: 0; max-height: 135px; width: 175px; } #ie8 img { width: auto; } embed, iframe, object, video { max-width: 100%; } .meta-info { position: absolute; top: 0; left: 0; color: #1b1b1b; background-color: #ffc040; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 1.5em; text-align: center; vertical-align: middle; z-index: 2; -webkit-text-shadow: 0 1px 0 rgba(221, 221, 221, 0.2); text-shadow: 0 1px 0 rgba(221, 221, 221, 0.2); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .meta-info .meta-date { padding: 0 0.5em; text-align: center; vertical-align: middle; } .meta-info .meta-date .month { font-weight: bold; display: block; font-size: 0.8em; text-transform: uppercase; } .meta-info .meta-date .year { display: block; font-size: 0.7em; text-transform: uppercase; } .popular-post h2 a:hover, .footer-widget li a:hover, #footer-bottom li a:hover { color: #1b1b1b; text-decoration: none; } .popular-tabs ul { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .page-wrap.container, .page-wrap > .container { margin-bottom: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); } #main-content { position: relative; background: #1b1b1b; } @media only screen and (min-width: 1024px) { #main-content:before, .home #main-content:after { content: ''; position: absolute; top: 0; pointer-events: none; height: 100%; } .single #main-content:before { width: 220px; } #main-content:before { right: 0; background-color: #212121; width: 279px; border-left: 1px solid #343434; } .single #main-content:after { left: 779px; width: 1px; height: 100%; background: #343434; } .home #main-content:after { left: 720px; width: 1px; height: 100%; background: #343434; } .page #main-content:after { display: none; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 1280px) { .single #main-content:before { width: 300px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 1280px) { #main-content:before { width: 359px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 1280px) { .single #main-content:after { left: 919px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 1280px) { .home #main-content:after { left: 860px; } } @media only screen and (min-width: 1280px) { .single #main-content:before { width: 300px; } #main-content:before { width: 300px; } .single #main-content:after { left: 919px; } .home #main-content:after { left: 919px; } } .home #content { float: left; width: 720px; padding-top: 0; } @media only screen and (min-width: 1280px) { .home #content { width: 919px; } } .single #content { float: left; width: 779px; padding-top: 0; } @media only screen and (min-width: 1280px) { .single #content { width: 919px; } } @media only screen and (max-width: 1023px) { .home #content, .single #content { width: 100%; } } div.supports { min-height: 25px; margin-top: 10px; float: right; } #breadcrumbs .raquo { display: inline-block; position: relative; text-indent: -9999px; width: 44px; } #breadcrumbs .raquo:before { background: url(//static.gamatomic.com/fp/8d1400b5f154d00-12b/img/breadcrumbs_separator.png) no-repeat; content: ""; display: block; height: 52px; left: 0; position: absolute; top: -19px; width: 11px; } h1.module-title, h1.widgettitle, #breadcrumbs { color: #ffc040; -webkit-text-shadow: 0 1px 0 #1b1b1b; text-shadow: 0 1px 0 #1b1b1b; font-size: 20px; border-top: 1px solid #343434; border-bottom: 1px solid #343434; background-color: #1b1b1b; -webkit-box-shadow: inset 1px 1px 0 #1b1b1b; -moz-box-shadow: inset 1px 1px 0 #1b1b1b; box-shadow: inset 1px 1px 0 #1b1b1b; padding: 10px 50px; position: relative; } h1.module-title:before, h1.widgettitle:before, #breadcrumbs:before { bottom: 0; content: ""; height: 61px; right: 1px; position: absolute; width: 10px; background: url(//static.gamatomic.com/fp/8d1400b5f154d00-115/img/title-shadow.png) no-repeat; z-index: 2; } h1.module-title span { font-weight: 900; } h1.module-title { background: url(//static.gamatomic.com/fp/8d1cf4f2a96a2b5-7a2/img/atome_s.png) no-repeat 10px #1b1b1b; } .module-content, .all-tabs { padding: 10px; } .recent-post { padding: 0 40px 40px; } .single .recent-post { min-height: 150px; } .categories-tabs-module .recent-post, .home .ga-tab { padding: 0 0 15px; border-bottom: 1px solid #343434; margin-bottom: 15px; float: left; } .home .ga-tab { padding: 0 0 40px; } .home .recent-post:last-child, .home .ga-tab :last-child { border-bottom: 1px solid #343434; } .categories-tabs-module .ga-description, .recent-module .ga-description { width: auto; float: none; margin: 10px 0 0 224px; position: relative; } .ga-tabbed-all-tabs .title a:hover { text-decoration: none; color: #bd9035; } .featured-comments { background: url(//static.gamatomic.com/fp/8d1400b5f154d00-321/img/comments-cloud.png) no-repeat; width: 41px; height: 33px; bottom: 0; left: -40px; right: 45px; position: absolute; display: none; } .featured-comments span { color: #af9767; font-size: 16px; font-weight: 900; text-align: center; } .load-more { text-align: center; } .load-more a { color: #ffc040; display: inline-block; margin-bottom: 10px; position: relative; text-decoration: none !important; padding-right: 23px; } .load-more a:hover { color: #8d6e2e; } .load-more a:before { bottom: 3px; content: ""; height: 10px; right: 0; position: absolute; width: 15px; background: url(//static.gamatomic.com/img/@{themeName}/load-more-bg.png) no-repeat; } .categories-tabs-module .ga-tabs { display: none; } .categories-tabs-module .ga-tabs:first-child { display: block; } .categories-tabs-module .load-more { padding-top: 40px; } .categories-tabs-module .load-more a { margin-bottom: 0; } #breadcrumbs { padding: 17px 16px; -webkit-text-shadow: 0 1px 0 #1b1b1b; text-shadow: 0 1px 0 #1b1b1b; } #breadcrumbs a { text-decoration: none; color: #ffc040; font-weight: 900; padding: 0 24px 0 0; } #breadcrumbs a:first-child { padding-left: 24px; } a.read-more, .comment-reply-link { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #1b1b1b; background-color: #ffc040; display: block; float: right; font-weight: 900; font-size: 14px; padding: 13px 18px; margin-top: 20px; -webkit-text-shadow: 0 1px 0 rgba(221, 221, 221, 0.2); text-shadow: 0 1px 0 rgba(221, 221, 221, 0.2); } a.read-more:hover, .comment-reply-link:hover { text-decoration: none; } .post-author .container { height: 93px; background-color: #ffc040; } .post-author .container h1 { color: #1b1b1b; background-color: #ffc040; font-weight: 900; font-size: 48px; position: absolute; bottom: -1px; left: 0; padding: 23px 32px; z-index: 2; } #h1blog { padding: 15px 5px 15px 85px; } #ga-share-icons li { display: inline-block; padding-right: 7px; } #ga-share-icons a { text-indent: -9999px; display: block; width: 31px; height: 32px; } .facebook-share a { background: url(//static.gamatomic.com/img/facebook-share.png) no-repeat; } .twitter-share a { background: url(//static.gamatomic.com/img/twitter-share.png) no-repeat; } .gallery-item a { display: block; } .gallery-item a, .gallery-caption { width: 90%; } .footer-banner { background: #1b1b1b; padding: 2em 1em; z-index: 7; position: relative; border-top: 1px solid #343434; text-align: center; } .footer-banner img { max-width: 100%; height: auto !important; } .ga-centered-ad { text-align: center; margin: 0 -5px; } .authorinfo { border: 1px solid #343434; box-shadow: 0px 1px 2px rgba(221, 221, 221, 0.1); margin: 1em; padding: 2em; } .authorinfo ul, .authorinfo ol { margin: 0; } .authorinfo ul li, .authorinfo ol li { margin: 0; } .authorinfo .authorinfo-avatar { float: left; padding: 0 1em 1em 0; text-align: center; } .authorinfo .authorinfo-avatar a { text-decoration: none; font-weight: bold; color: #ffc040; } .authorinfo .authorinfo-avatar img { width: 7em; } .authorinfo .authorinfo-biography { min-height: 70px; } .authorinfo .authorinfo-biography h1 { padding-bottom: 0.5em; font-size: 1.6em; } .authorinfo .authorinfo-biography p { text-align: justify; } .authorinfo .authorinfo-publications { text-align: center; } .authorinfo .authorinfo-publications:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .authorinfo .authorinfo-publications:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .authorinfo .authorinfo-publications h1 { font-size: 1.2em; text-align: left; font-weight: bold; font-style: italic; margin-top: 0.5em; margin-bottom: 0.5em; } .authorinfo .authorinfo-publications ul { margin: auto; text-align: left; vertical-align: top; background-color: #22201d; border: 0 solid #f7c767; } .authorinfo .authorinfo-publications li { white-space: normal; display: inline-table; width: 50%; text-align: left; vertical-align: top; border-spacing: 0 0.2em; border: 0 dotted #f7c767; border-top-width: 1px; } .authorinfo .authorinfo-publications li:nth-child(1), .authorinfo .authorinfo-publications li:nth-child(2) { border-top-width: 0; } .authorinfo .authorinfo-publications li .authorinfo-publication-type, .authorinfo .authorinfo-publications li .authorinfo-publication-title { display: table-cell; text-align: left; vertical-align: top; padding: 0 0.25em 0 0.5em; } .authorinfo .authorinfo-publications li .authorinfo-publication-type { font-style: italic; padding-left: 1.5em; } .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-reviews, .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-previews, .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-reports, .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-interviews { position: relative; } .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-reviews::before, .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-previews::before, .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-reports::before, .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-interviews::before { display: block; content: ""; position: absolute; width: 0.9em; height: 1.2em; left: 0.5em; top: 0.1em; } .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-reviews::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 80% 0; } .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-previews::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 40% 0; } .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-reports::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 60% 0; } .authorinfo .authorinfo-publications li .authorinfo-publication-type.type-interviews::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 100% 0; } .authorinfo .authorinfo-publications li .authorinfo-publication-title { width: 100%; padding: 0 0.5em 0 0.25em; } .authorinfo .authorinfo-publications li:hover { background-color: #282f25; } @media only screen and (max-width: 719px) { .authorinfo .authorinfo-publications li { display: block; width: auto; background: none; } .authorinfo .authorinfo-publications li:nth-child(2) { border-top-width: 1px; } .authorinfo .authorinfo-publications li .authorinfo-publication-date { display: none; } } .httperror { margin: 1em; } .httperror p { text-align: center; font-weight: bold; } #filterbar { margin: 0.2em 0 0 0; padding: 0; background: #2e2e2e; min-height: 2em; } #filterbar:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #filterbar:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #filterbar > ul { list-style: none; position: relative; margin: 0; padding: 0; } #filterbar > ul > li > ul { top: 100%; } #filterbar > ul > li { display: inline-block; padding: 0.5em 1em; height: 100%; color: #ffc040; cursor: pointer; } #filterbar > ul > li a { color: #ffc040; text-decoration: none; } #filterbar > ul > li:hover { background: #8f8f8f; color: #1b1b1b; } #filterbar > ul > li:hover a { color: #1b1b1b; } #filterbar > ul > li:hover > ul { display: block; } #filterbar > ul > li > ul { display: none; background: #8f8f8f; padding: 0; position: absolute; margin-left: -1em; box-shadow: 0.2em 0.2em 0.2em #7c7c7c; z-index: 999; } #filterbar > ul > li > ul > li { float: none; border: 1px solid #a3a3a3; border-width: 1px 0; position: relative; padding: 0; white-space: nowrap; color: #1b1b1b; } #filterbar > ul > li > ul > li a { color: #1b1b1b; display: block; padding: 0.5em 1em; } #filterbar > ul > li > ul > li:hover { background: #a3a3a3; } #filterbar li.select { margin: 0 0.5em; padding: 0; float: right; } #filterbar li.select:hover { background-color: inherit; } #filterbar li.select select { margin: 0.2em; } #filterbar .reviews_currentfilter { background: #2e2e2e; font-size: 0.9em; margin: 0; padding: 0.2em 0.5em; } #filterbar .reviews_currentfilter .filter-value { font-style: italic; font-weight: bold; } form#login-form { text-align: center; } form#login-form label { display: block; text-align: left; } form#login-form input[type='text'] { width: 100%; } form#login-form input[type='password'] { width: 100%; } form#login-form button[type='submit'] { margin: 0 auto; } .information-message { text-align: center; margin: 1em; padding: 0.5em; font-weight: bold; color: #ffe020; background-color: #3d381c; border: 1px ridge #ffe020; box-shadow: 1px 1px #8d7d1e; } .error-message { text-align: center; margin: 1em; padding: 0.5em; font-weight: bold; color: #ff6020; background-color: #3d251c; border: 1px ridge #ff6020; box-shadow: 1px 1px #8d3e1e; } .validation-summary-errors { text-align: center; margin: 1em; padding: 0.5em; font-weight: bold; color: #ff6020; background-color: #3d251c; border: 1px ridge #ff6020; box-shadow: 1px 1px #8d3e1e; } .field-validation-error { text-align: center; font-weight: bold; color: #ff6020; text-shadow: 1px 1px #8d3e1e; font-size: 0.9em; vertical-align: middle; } .field-validation-error::before { content: "*"; display: inline; padding-right: 0.2em; } #global-loading-indicator { border: 0; background-image: url(//static.gamatomic.com/fp/8d7a8b87df5fd2c-3859/img/auk3.png); background-position: center center; background-size: contain; background-repeat: no-repeat; background-color: transparent; width: 4em; height: 4em; margin: 0 auto; display: none; position: fixed; bottom: -0.5em; right: 0.5em; } #global-loading-indicator.type1 { background-image: url(//static.gamatomic.com/fp/8d3b1c253150c65-f7b/img/auk.png); } #global-loading-indicator.type2 { background-image: url(//static.gamatomic.com/fp/8d3a26cb4bbfdb3-2c77/img/auk2.png); } #global-loading-indicator.type3 { background-image: url(//static.gamatomic.com/fp/8d7a8b87df5fd2c-3859/img/auk3.png); } #global-loading-indicator.tilter { -moz-animation: tilt 1s infinite linear; -o-animation: tilt 1s infinite linear; -webkit-animation: tilt 1s infinite linear; animation: tilt 1s infinite linear; } #qof { background-color: #1b1b1b; border: 0 solid #2e2e2e; border-width: 1px 0; } #qof:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #qof:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #qof > div { padding: 2em; } #qof span.author { font-weight: bold; } #qof div.quotes { padding: 0.5em 0.5em 0 0.5em; } #qof div.quotes p { text-align: center; } #qof div.quotes p q { color: #8d6e2e; line-height: 1em; font-style: italic; font-size: 1.2em; quotes: "«" "»"; } #qof div.quotes p q:before { content: open-quote; padding-right: 0.2em; } #qof div.quotes p q:after { content: close-quote; padding-left: 0.2em; } #qof div.quotes p cite { color: #ddd; font-size: 1em; white-space: nowrap; } #qof div.quotes p cite:before { content: "~ "; } #qof div.tribune { float: right; text-align: right; vertical-align: bottom; padding: 0.5em 5em 1em 0.5em; } #qof div.tribune a { font-weight: bold; font-size: 1em; text-decoration: underline; color: #af9767; } .charCountLimit { font-size: x-small; margin: 0 0.5em; } .share { margin-top: 1em; } .share:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .share:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .share > header { width: 100%; background-color: #2b2b2b; } .share > header h2 { width: auto; display: block; font-size: 1em; font-weight: bold; text-transform: uppercase; vertical-align: middle; margin: 0; padding: 0.5em 1em; line-height: 2em; } .format-preview-switch label { margin: 0; padding: 0 0.5em; border: outset #af9767; border-width: 2px; border-top-right-radius: 0.5em; background-color: #39342a; text-transform: uppercase; font-weight: bold; font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } .format-preview-switch input { vertical-align: middle; } .format-preview { position: relative; border: 2px outset #af9767; background-color: #2a2723; padding: 2em 2em 1em; text-align: left; white-space: normal; } .format-preview .format-preview-switch { display: block; position: absolute; top: 0; left: 0; } .format-preview .format-preview-switch label { margin: 0; border-width: 0 2px 2px 0; border-radius: 0 0 0.5em 0; } a.mobile-modeswitch { font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; display: inline-block; background-color: #1b1b1b; padding: 0.5em 1em; margin: 0.5em 0; } a.mobile-modeswitch:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } a.mobile-modeswitch:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } img.date-refresh { vertical-align: middle; } .img-mobile-menu { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-739/img/mobile-buttons.png"); background-position: 0 0; } .img-mobile-search { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-739/img/mobile-buttons.png"); background-position: 50% 0; } .img-mobile-account { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-739/img/mobile-buttons.png"); background-position: 100% 0; } #top-info { background-color: transparent; position: relative; height: 6em; } #top-info .header-highlight { float: right; margin: 0.5em; margin-right: 0; text-align: center; max-width: 50%; } #top-info .header-highlight img { width: auto; height: auto; max-width: 100%; max-height: 5em; } @media only screen and (max-width: 1023px) { #top-info { height: 5em; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #1b1b1b; box-shadow: 0 0.2em 0.5em #ddd; text-align: center; } #top-info .header-highlight { display: none; } #top-info #logo { display: inline-block; height: 5em; margin: auto; padding: 0 6em; width: auto; line-height: 5em; position: relative; top: 0.5em; } #top-info #logo img { margin: auto; max-height: 5.6em; vertical-align: middle; } } @media only screen and (max-width: 719px) { #top-info #logo { top: auto; padding-left: 3.5em; } } #logo { font-size: 1em; max-width: 50%; } #logo a { position: absolute; top: 0; left: 0; width: auto; height: 100%; } #logo a img { position: relative; bottom: -0.6em; left: 0; z-index: 20; pointer-events: none; width: auto; height: auto; max-width: 100%; max-height: 7em; } @media only screen and (min-width: 1060px) { #logo a img { left: -1.6em; } } @media only screen and (max-width: 1023px) { #logo { display: block; float: none; width: 100%; max-width: 100%; text-align: center; padding: 0 3.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #logo a { position: relative; height: auto; display: block; margin: 0; padding: 0; } #logo a img { margin: 0; padding: 0; pointer-events: auto; bottom: auto; left: auto; } } #top-navigation { background-color: #1b1b1b; box-shadow: inset 0 1px 0 #1b1b1b, inset 0 -1px 0 #343434, 0 0 1em rgba(221, 221, 221, 0.07); border-top: 0.1em solid #1b1b1b; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } #top-navigation .header-search { float: right; padding: 0.5em; position: relative; } @media only screen and (max-width: 1023px) { #top-navigation .header-search { border: 2px outset #c0ae89; background-color: #c0ae89; background: -webkit-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: -moz-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: -o-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; width: 2em; height: 2em; border-radius: 0.4em; margin: 0; padding: 0; cursor: pointer; position: fixed; top: 1.5em; z-index: 1000; right: 3em; } #top-navigation .header-search:hover { background-position: 100%; background-color: #97896d; } #top-navigation .header-search:active { background-color: #6e6552; color: #adadad; border-style: inset; } #top-navigation .header-search::before { content: ""; display: block; width: 1.4em; height: 1.4em; position: absolute; top: 0.3em; left: 0.3em; } #top-navigation .header-search form { display: none; font-size: 0.95em; border: 0.1em ridge transparent; } #top-navigation .header-search::before { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-739/img/mobile-buttons.png"); background-position: 50% 0; } #top-navigation .header-search:hover form, #top-navigation .header-search:focus form, #top-navigation .header-search:active form, #top-navigation .header-search.active form { display: block; position: absolute; right: 50%; top: 75%; background-color: #2a2723; z-index: 10; border: 0.1em ridge #a0e080; white-space: nowrap; padding: 0.5em; } } #top-navigation .header-search input[type=text], #top-navigation .header-search input[type=search] { background: #2b2b2b; padding: 0.2em; border-radius: 0.2em 0 0 0.2em; border: 0 none; width: 10em; font-size: 0.9em; } #top-navigation .header-search input[type=image] { border: 0; vertical-align: middle; } #top-navigation .header-search .search-results { display: none; } #top-navigation .header-search:hover .search-results, #top-navigation .header-search:focus .search-results, #top-navigation .header-search:active .search-results, #top-navigation .header-search.active .search-results { display: block; position: absolute; right: 25%; top: 75%; width: 30em; max-height: 40em; overflow: auto; z-index: 10; border: 2px outset #a0e080; box-shadow: #a0e080 0.2em 0.2em 1em; background-color: #1b1b1b; font-size: 0.9em; } #top-navigation .header-search:hover .search-results li, #top-navigation .header-search:focus .search-results li, #top-navigation .header-search:active .search-results li, #top-navigation .header-search.active .search-results li { display: block; float: none; width: auto; min-height: inherit; position: relative; margin-left: 0; margin-right: 0; padding: 0.5em; } #top-navigation .header-search:hover .search-results li:before, #top-navigation .header-search:focus .search-results li:before, #top-navigation .header-search:active .search-results li:before, #top-navigation .header-search.active .search-results li:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #top-navigation .header-search:hover .search-results li:after, #top-navigation .header-search:focus .search-results li:after, #top-navigation .header-search:active .search-results li:after, #top-navigation .header-search.active .search-results li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #top-navigation .header-search:hover .search-results li:nth-child(2n+1), #top-navigation .header-search:focus .search-results li:nth-child(2n+1), #top-navigation .header-search:active .search-results li:nth-child(2n+1), #top-navigation .header-search.active .search-results li:nth-child(2n+1) { background-color: #2a2723; } #top-navigation .header-search:hover .search-results li:hover, #top-navigation .header-search:focus .search-results li:hover, #top-navigation .header-search:active .search-results li:hover, #top-navigation .header-search.active .search-results li:hover { background-color: #22211f; } #top-navigation .header-search:hover .search-results li .view-link, #top-navigation .header-search:focus .search-results li .view-link, #top-navigation .header-search:active .search-results li .view-link, #top-navigation .header-search.active .search-results li .view-link { position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 11; opacity: 0; } #top-navigation nav { float: left; margin-left: 3em; background-color: #1b1b1b; /*@media @media-halfheight { &:hover, &:focus, &:active { & > ul { max-height: 150px !important; overflow-y: scroll; width: auto; z-index: 10; ul { display: block; position: static; top: auto; left: auto; width: auto; margin-left: 2em; border: 0; z-index: 11; } } } }*/ } #top-navigation nav a, #top-navigation nav span { color: #ffc040; cursor: pointer; text-decoration: none; padding: 0.5em; display: block; position: relative; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 0.3em; } #top-navigation nav > ul { z-index: 10; } #top-navigation nav > ul > li { display: block; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 0 #1b1b1b; float: left; position: relative; } #top-navigation nav > ul > li.current-menu-item > a { color: #1b1b1b; background-color: #a08040; font-weight: bold; text-shadow: 1px 1px 0 rgba(221, 221, 221, 0.2); } #top-navigation nav > ul > li.current-menu-item > a:hover { background-color: #a08040; } #top-navigation nav > ul > li > ul { display: none; position: absolute; z-index: 12; border: 1px ridge #a0e080; font-size: 0.9em; min-width: 10em; } #top-navigation nav > ul > li > ul > li { background-color: #232323; border: 1px solid #1b1b1b; } #top-navigation nav > ul > li > ul > li:hover > a { background-color: #3c3424; text-shadow: 1px 1px 0 rgba(221, 221, 221, 0.2); } #top-navigation nav > ul > li:hover > a, #top-navigation nav > ul > li:hover > span { background-color: #3c3424; text-shadow: 1px 1px 0 rgba(221, 221, 221, 0.2); } #top-navigation nav > ul > li:hover > ul { display: block; } @media only screen and (min-width: 1060px) { #top-navigation nav { margin-left: 1.4em; } } @media only screen and (max-width: 1023px) { #top-navigation nav { border: 2px outset #c0ae89; background-color: #c0ae89; background: -webkit-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: -moz-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: -o-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; width: 2em; height: 2em; border-radius: 0.4em; margin: 0; padding: 0; cursor: pointer; position: fixed; top: 1.5em; z-index: 1000; left: 0.5em; } #top-navigation nav:hover { background-position: 100%; background-color: #97896d; } #top-navigation nav:active { background-color: #6e6552; color: #adadad; border-style: inset; } #top-navigation nav::before { content: ""; display: block; width: 1.4em; height: 1.4em; position: absolute; top: 0.3em; left: 0.3em; } #top-navigation nav > ul { display: none; font-size: 0.95em; } #top-navigation nav::before { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-739/img/mobile-buttons.png"); background-position: 0 0; } #top-navigation nav:hover li, #top-navigation nav:focus li, #top-navigation nav:active li { background-color: #2a2723; } #top-navigation nav:hover > ul, #top-navigation nav:focus > ul, #top-navigation nav:active > ul { display: block; position: absolute; top: 75%; left: 50%; z-index: 10; width: 10em; border: 1px ridge #a0e080; } #top-navigation nav:hover > ul > li, #top-navigation nav:focus > ul > li, #top-navigation nav:active > ul > li { display: block; float: none; border: 1px solid #1b1b1b; } #top-navigation nav:hover > ul > li > ul, #top-navigation nav:focus > ul > li > ul, #top-navigation nav:active > ul > li > ul { top: 90%; left: 25%; z-index: 11; } } ul.publications-headlines { display: table; width: 100%; } ul.publications-headlines li { display: table-cell; margin: 0.25em 0.5em; padding: 0; width: 46%; float: left; min-height: 6em; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -webkit-transition: background-color 250ms; transition: background-color 250ms; } @media only screen and (max-width: 719px) { ul.publications-headlines li { width: 96%; } } ul.publications-headlines li:nth-child(2n+1) { clear: left; } ul.publications-headlines li:last-child { margin-bottom: 0; } ul.publications-headlines li:hover { background-color: #22211f; } ul.publications-headlines li .thumb-container { float: left; width: 5em; text-align: center; margin-right: 1em; } ul.publications-headlines li .thumb-container .thumb { display: inline-block; position: relative; text-align: center; margin: auto; border: 1px solid #ddd; } ul.publications-headlines li .thumb-container .thumb img { display: block; max-width: 5em; max-height: 5em; } ul.publications-headlines li .post-metainfo { margin-left: 6em; } ul.publications-headlines li .post-metainfo .title { display: block; font-size: 1em; font-weight: bold; } ul.publications-headlines li .post-metainfo .title a { color: #ffc040; } ul.publications-headlines li .post-metainfo .subtitle { display: block; font-size: 1em; font-weight: normal; font-style: italic; } ul.publications-headlines li .post-metainfo .postinfo { color: #8d6e2e; display: block; font-size: 1em; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } ul.publications { margin: 1em; padding: 0; } ul.publications:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } ul.publications:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } ul.publications li { font-size: 0.91em; display: inline-block; width: 49%; margin: 0; padding: 1em; padding-left: 6em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; position: relative; } @media only screen and (max-width: 719px) { ul.publications li { width: 98%; } } ul.publications li:before { content: " "; height: 4.13793103em; width: 3em; position: absolute; margin-left: -4.5em; margin-top: -0.5em; display: inline-block; } ul.publications li.type-interviews:before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 100% 0; } ul.publications li.type-reviews:before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 80% 0; } ul.publications li.type-previews:before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 40% 0; } ul.publications li.type-reports:before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 60% 0; } ul.publications li.type-atoms:before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 0 0; } ul.publications li.type-blog:before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 20% 0; } ul.publications li a.viewlink { display: block; font-weight: bold; color: #ffc040; font-size: 1.1em; } ul.publications li .subtitle { display: block; font-style: italic; font-size: 1.1em; } #about { margin: 3em; padding: 0; } @media only screen and (max-width: 719px) { #about { margin: 1em; } } #about h2 { background-color: #424242; text-align: left; padding: 0.25em 0.5em; margin: 1em 0 0.5em; } #about p { margin: 1em; padding: 0; text-align: justify; } #about p:last-child { margin-bottom: 1em; } #about .companies { text-align: center; } #about .companies ul { margin: 0 auto 0.5em; padding: 0 1em; } #about .companies ul li { margin: 0.2em 0.5em; padding: 0; list-style-type: none; list-style-position: inside; display: inline-block; text-align: center; vertical-align: middle; } #about .companies ul li img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; max-width: 6em; height: auto; } #about .companies p { text-align: center; } #about .members { text-align: center; } #about .members .member { display: inline-block; width: 11em; margin: 1em 0.5em; padding: 0; vertical-align: top; } #about .members .member:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #about .members .member:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #about .members .member .avatar { display: inline-block; } #about .members .member .nick { font-weight: bold; } #about .members .member .title { font-style: italic; } #about .members .member img { width: 11em; } #about .previousmembers { margin-top: 2em; text-align: center; } #about .previousmembers:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #about .previousmembers:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #about .previousmembers p { padding: 0 3em; } .loginform { text-align: center; } .loginform > h1 { background-color: #ffc040; color: #000000; padding: 0.2em; margin: 0; } .loginform > h1 a { color: #282010; } .loginform > h1 a { color: #282010; } .loginform .loginTabs { margin: 1em; } .loginform .loginTabs .ui-widget-header { border-width: 0; border-bottom-width: 1px; background-color: #1b1b1b; } .loginform .loginTabs form { display: table; margin: 0 auto; font-size: 0.9em; } .loginform .loginTabs form input { min-width: 14em; margin: 0.5em 0; } .loginform .loginTabs form fieldset { display: table-cell; vertical-align: middle; padding: 0.5em 0.5em 0 0; text-align: left; } .loginform .loginTabs form footer { display: table-cell; vertical-align: middle; padding: 0.5em 0 0 0.5em; } .loginform > .socialLoginForm { margin: 0.5em 1em 1em; } .loginform > .socialLoginForm h4 { display: inline; } .loginform .remember { vertical-align: middle; margin: 1em; } .loginform .remember input { vertical-align: middle; } .profile-settings { margin: 0.5em; } .profile-settings form { text-align: center; } .profile-settings form button[type=submit] { margin: 1em; } .profile-settings fieldset { margin: 1em; padding: 0 0.5em 0.5em 0.5em; text-align: left; border: 1px solid #a0e080; } .profile-settings fieldset legend { font-size: 1.2em; font-weight: bold; padding: 0.5em; } .profile-settings fieldset header { padding-bottom: 0.5em; } .profile-settings fieldset header p { font-size: 0.9em; margin: 0; padding: 0.25em 0; } .profile-settings fieldset label { display: block; font-weight: bold; width: 20em; vertical-align: middle; margin-top: 0.5em; } .profile-settings fieldset label.checkbox { display: inline; } .profile-settings fieldset input { vertical-align: middle; } .profile-settings fieldset input[type=text], .profile-settings fieldset input[type=password] { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .profile-settings fieldset textarea { vertical-align: middle; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .profile-settings fieldset footer { text-align: center; } .account-edit-socialaccounts fieldset li { margin: 0.2em 0; padding: 0.5em; position: relative; } .account-edit-socialaccounts fieldset li:hover { background-color: #1f1f1f; } .account-edit-socialaccounts fieldset li.social-account-type-9 { border-left: 1em solid #5ea9dd; } .account-edit-socialaccounts fieldset li.social-account-type-9:hover { background-color: #1e2225; } .account-edit-socialaccounts fieldset li.social-account-type-8 { border-left: 1em solid #00adeb; } .account-edit-socialaccounts fieldset li.social-account-type-8:hover { background-color: #1a2225; } .account-edit-socialaccounts fieldset li.social-account-type-7 { border-left: 1em solid #93604e; } .account-edit-socialaccounts fieldset li.social-account-type-7:hover { background-color: #211e1e; } .account-edit-socialaccounts fieldset li.social-account-type-6 { border-left: 1em solid #ef5621; } .account-edit-socialaccounts fieldset li.social-account-type-6:hover { background-color: #261e1b; } .account-edit-socialaccounts fieldset li.social-account-type-5 { border-left: 1em solid #000; } .account-edit-socialaccounts fieldset li.social-account-type-5:hover { background-color: #1a1a1a; } .account-edit-socialaccounts fieldset li.social-account-type-4 { border-left: 1em solid #44409c; } .account-edit-socialaccounts fieldset li.social-account-type-4:hover { background-color: #1d1d21; } .account-edit-socialaccounts fieldset li.social-account-type-3 { border-left: 1em solid #0f7d0d; } .account-edit-socialaccounts fieldset li.social-account-type-3:hover { background-color: #1a201a; } .account-edit-socialaccounts fieldset li.social-account-type-2 { border-left: 1em solid #dc4a38; } .account-edit-socialaccounts fieldset li.social-account-type-2:hover { background-color: #251d1c; } .account-edit-socialaccounts fieldset li.social-account-type-1 { border-left: 1em solid #3b5998; } .account-edit-socialaccounts fieldset li.social-account-type-1:hover { background-color: #1d1e21; } .account-edit-socialaccounts fieldset li .hint { font-size: 0.85em; } .externalsignup { text-align: center; } .externalsignup header { margin: 1em auto; text-align: center; } .externalsignup form button { margin: 0.5em; } .articles-index article { padding: 0; border-bottom: 1px solid #2e2e2e; margin: 1em; float: left; position: relative; } .articles-index article:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .articles-index article:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .articles-index article a { font-weight: 600; } .articles-index article header { min-height: 6.1875em; margin-left: 12em; } @media only screen and (max-width: 719px) { .articles-index article header { margin-left: 11em; min-height: 5.625em; } } .articles-index article header h2 { font-weight: 900; margin: 0; padding: 0; } .articles-index article header h2 a:hover { text-decoration: none; color: #bd9035; } .articles-index article header h3 { font-size: 1.2em; font-weight: 700; font-style: italic; } .articles-index article header .post-meta { text-transform: uppercase; color: #a88132; margin-bottom: 0.5em; padding-top: 0.2em; font-size: 1em; vertical-align: middle; line-height: 1.8em; } .articles-index article header .post-meta span { background-color: #ffc040; color: #1b1b1b; margin-right: 11px; padding: 8px 14px; } .articles-index article aside.sticker { position: absolute; top: 0; left: 0; margin: 0; width: 11em; max-height: 6.1875em; } @media only screen and (max-width: 719px) { .articles-index article aside.sticker { width: 10em; max-height: 5.625em; } } .articles-index article aside.sticker .meta-info { font-size: 1em; } .articles-index article aside.sticker img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; width: 11em; height: auto; max-width: 11em; max-height: 6.1875em; } @media only screen and (max-width: 719px) { .articles-index article aside.sticker img { max-width: 10em; max-height: 5.625em; } } .articles-index article .description { margin-left: 12em; } @media only screen and (max-width: 719px) { .articles-index article .description { margin: 0.5em 0 0 0; } } .articles-index article .description p { text-align: justify; } .articles-index article.review p { margin-right: 8.5em; } .articles-index article.review aside.review-rating { position: absolute; top: 35px; right: 5px; border: 2px solid #ababab; border-radius: 0.5em; box-shadow: #444444 0.2em 0.2em; width: 7em; height: 7em; } @media only screen and (max-width: 719px) { .articles-index article.review p { margin: 0; margin-left: 7em; } .articles-index article.review aside.review-rating { position: relative; float: left; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 1em; margin-top: 0.5em; width: 6em; height: 6em; } .articles-index article.review aside.review-rating:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .articles-index article.review aside.review-rating:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } } .img-verdict-quotes-left { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bbd6c0-12e/img/articles/verdict-quotes.png"); background-position: 0 0; } .img-verdict-quotes-right { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bbd6c0-12e/img/articles/verdict-quotes.png"); background-position: 100% 0; } .text-contents { display: block; padding: 0; text-align: justify; font-size: 1.1em; line-height: 1.4em; } .text-contents:first-letter { float: left; color: #af9767; font-size: 3em; font-weight: bold; margin-right: 0.1em; line-height: 0.85em; } .article-view { margin: 3em; } @media only screen and (max-width: 719px) { .article-view { margin: 1em; } } .article-view article { margin: 0.5em; } .article-view article a { font-weight: 600; } .article-view article > header { padding-bottom: 1em; display: table-row; width: 100%; } .article-view article > header:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article > header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article > header > h1 { text-align: left; font-size: 2.5em; margin: 0 0 0.5em 0; padding: 0; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-weight: bolder; } .article-view article > header .gameinfo-top { margin: 1% 1% 1% 2%; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; line-height: 2.5em; width: 64%; float: left; } .article-view article > header .gameinfo-top:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article > header .gameinfo-top:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article > header .gameinfo-top .reviewed-by { margin-right: 1em; float: left; } .article-view article > header .gameinfo-top .available-on { float: left; } .article-view article > header .gameinfo { display: table-cell; padding-left: 2%; padding-bottom: 1em; width: 31%; min-width: 15.5em; text-align: left; font-size: 0.9em; float: right; } .article-view article > header .gameinfo .review-gamesticker { float: left; margin: 0 0.5em 1em; } .article-view article > header .gameinfo .review-gamesticker img { box-shadow: #444444 0.2em 0.2em 0.2em; max-width: 7.4em; max-height: 7.4em; } .article-view article > header .gameinfo .review-gamesticker span[itemprop] { display: none; } .article-view article > header .gameinfo .review-rating { float: left; margin: 0 0.5em 1em; border: 0.2em solid #ababab; border-radius: 0.5em; box-shadow: #444444 0.2em 0.2em 0.2em; width: 7em; height: 7em; } .article-view article > header .gameinfo .review-rating span[itemprop] { display: none; } .article-view article > header .gameinfo ul { margin-left: 0.5em; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } .article-view article > header .gameinfo ul:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article > header .gameinfo ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article > header .gameinfo ul li { list-style-type: none; list-style-position: outside; text-align: left; padding: 0.1em 0; } .article-view article > header .summary { display: table-cell; vertical-align: top; padding: 0; margin-bottom: 1em; border: 1px solid #2e2e2e; border-radius: 0.5em 0.5em 0 0; box-shadow: 2px 2px 6px rgba(221, 221, 221, 0.1); background-color: #353535; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .article-view article > header .summary p { text-align: justify; background-color: #353535; color: #ffc040; padding: 1.5em 3em; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-style: normal; font-weight: 600; font-size: 1.1em; position: relative; } @media only screen and (max-width: 719px) { .article-view article > header .summary p { padding: 1em; } } .article-view article > header .summary:after { border-right: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e; background-color: #353535; box-shadow: 2px 2px 6px rgba(221, 221, 221, 0.1); width: 2.3em; height: 2.3em; position: absolute; bottom: -1.25em; right: 3em; content: ""; -moz-transform: skewY(-135deg); -ms-transform: skewY(-135deg); -o-transform: skewY(-135deg); -webkit-transform: skewY(-135deg); transform: skewY(-135deg); z-index: -1; } .article-view article .review-updowns { display: table; text-align: center; margin: auto; width: 100%; } .article-view article .review-updowns span { font-weight: bold; width: 100%; text-align: center; text-transform: uppercase; display: block; margin: 10px 0px 5px; } .article-view article .review-updowns ul { border-top: 1px solid #ddd; list-style: none outside none; padding-left: 0; margin: 0 auto; width: 90%; text-align: left; } .article-view article .review-updowns ul li { padding-left: 1.5em; margin: 0.5em 0; list-style: none outside none; position: relative; } .article-view article .review-updowns ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 1.2em; height: 1.2em; } .article-view article .review-updowns .review-updowns-ups { display: table-cell; width: 50%; padding: 2em 0; } .article-view article .review-updowns .review-updowns-ups li:before { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bbaf9b-67f/img/articles/upsdowns.png"); background-position: 0 0; } @media only screen and (max-width: 719px) { .article-view article .review-updowns .review-updowns-ups { display: block; width: auto; } } .article-view article .review-updowns .review-updowns-downs { display: table-cell; width: 50%; padding: 2em 0; } .article-view article .review-updowns .review-updowns-downs li:before { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4bbaf9b-67f/img/articles/upsdowns.png"); background-position: 100% 0; } @media only screen and (max-width: 719px) { .article-view article .review-updowns .review-updowns-downs { display: block; width: auto; } } .article-view article .review-verdict { margin-right: 140px; margin-bottom: 2em; position: relative; } @media only screen and (max-width: 719px) { .article-view article .review-verdict { margin-right: 0; } } .article-view article .review-verdict::after { background: url('//static.gamatomic.com/fp/8d63dda812da812-139d/img/articles/verdict-microscope.png') no-repeat transparent; position: absolute; width: 150px; height: 168px; bottom: -10px; right: -140px; content: ""; } @media only screen and (max-width: 719px) { .article-view article .review-verdict::after { display: none; } } .article-view article .review-verdict > header { display: block; vertical-align: middle; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; text-align: center; border-bottom-width: 1px; box-shadow: 0px 1px 2px rgba(221, 221, 221, 0.1); border: 1px solid #f7c767; border-radius: 0.5em 0.5em 0 0; background-color: #f7c767; color: #1b1b1b; font-size: 2em; padding: 0.25em 1.5em; font-weight: 600; font-style: italic; text-transform: uppercase; text-shadow: -2px -2px 0 #ffc040, -2px 2px 0 #ffc040, 2px 2px 0 #ffc040, 2px -2px 0 #ffc040, -2px 0 0 #ffc040, 0 -2px 0 #ffc040, 2px 0 0 #ffc040, 0 2px 0 #ffc040; } .article-view article .review-verdict > p { position: relative; text-align: justify; border: 1px solid #2e2e2e; border-radius: 0 0 0.5em 0.5em; box-shadow: 0px 1px 2px rgba(221, 221, 221, 0.1); padding: 1em 45px 1em 45px; } .article-view article .review-verdict > p::before { background: url('//static.gamatomic.com/fp/8d3a26cb4bebcd5-e4/img/quote.png') no-repeat transparent; position: absolute; width: 25px; height: 19px; top: 1em; left: 0.8em; content: ""; } @media only screen and (max-width: 719px) { .article-view article .review-verdict > p::before { position: relative; float: left; top: auto; left: auto; margin: 0 0.5em 0.5em 0; } } .article-view article .gallery { margin: 2em; max-height: 50em; overflow-y: auto; } @media only screen and (max-width: 719px) { .article-view article .gallery { margin: 2em 0 0; } } .article-view article > footer { margin: auto; } .article-view article .paragraphs .paragraph { margin-bottom: 3em; position: relative; } .article-view article .paragraphs .paragraph.summary-logo { margin-bottom: 0; } .article-view article .paragraphs .paragraph.summary-logo > header { margin-bottom: 0; } .article-view article .paragraphs .paragraph header { margin: 0; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; background-position: center center; background-size: cover; } .article-view article .paragraphs .paragraph header:hover > p { opacity: 0.25; } .article-view article .paragraphs .paragraph header > p { background-color: rgba(221, 221, 221, 0.75); margin: 0; padding: 1em 2em; color: #1b1b1b; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .article-view article .paragraphs .paragraph header > p a { color: #7e6737; } @media only screen and (max-width: 719px) { .article-view article .paragraphs .paragraph header > p { padding: 1em; font-size: 0.9em; } } .article-view article .paragraphs .paragraph header > p:hover { opacity: 1; } .article-view article .paragraphs .paragraph header[style*="background-image"] { height: auto; padding: 0; position: relative; background-size: cover !important; } .article-view article .paragraphs .paragraph header[style*="background-image"]:before { content: ''; display: block; padding-top: 56.25%; } .article-view article .paragraphs .paragraph header[style*="background-image"] > p { position: absolute; bottom: 0; left: 0; right: 0; } .article-view article .paragraphs .paragraph aside { display: block; margin: 1em; margin-left: 2em; padding: 0; text-align: left; vertical-align: middle; color: #af9767; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-variant: small-caps; font-size: 2.1em; font-style: italic; font-weight: bold; position: relative; z-index: 1; text-shadow: 1px 0 0 #1b1b1b, -1px 0 0 #1b1b1b, 0 1px 0 #1b1b1b, 0 -1px 0 #1b1b1b, 1px 1px #1b1b1b, -1px -1px 0 #1b1b1b, 1px -1px 0 #1b1b1b, -1px 1px 0 #1b1b1b; } .article-view article .paragraphs .paragraph aside::before { content: ""; display: block; position: absolute; top: -0.15em; left: -1.5em; background: url('//static.gamatomic.com/fp/8d3a26cb4bc9a0c-143/img/catchphrase-bg.png') no-repeat center center; background-size: contain; width: 1.5em; height: 1.5em; opacity: 0.5; z-index: -1; } .article-view article .paragraphs .paragraph div.text { display: block; margin: 0; padding: 0; } @media only screen and (max-width: 719px) { .article-view article .paragraphs .paragraph div.text { display: block; width: auto; } } .article-view article .paragraphs .paragraph div.text h3 { font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 2.5em; font-weight: 600; font-variant: small-caps; background-color: #af9767; color: #1b1b1b; margin: 0 0 0.5em 0; padding: 0.1em 0.2em; line-height: 1.25em; position: relative; text-align: right; vertical-align: middle; } .article-view article .paragraphs .paragraph div.text img { max-width: 100%; height: auto; } .article-view article .paragraphs .paragraph div.text .image { display: block; float: left; margin: 0 1em 0.5em 0; } .article-view article .paragraphs .paragraph div.text .image img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; height: auto; } .article-view article .paragraphs .paragraph div.text .image a img { position: relative; height: auto; max-width: 16em; max-height: 19em; } .article-view article .paragraphs .paragraph div.text .image a img:before { content: ''; display: block; padding-top: 56.25%; } .article-view article .paragraphs .paragraph div.text ul.images { text-align: center; } .article-view article .paragraphs .paragraph div.text ul.images li { display: inline; } .article-view article .paragraphs .paragraph div.text ul.images li img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; height: auto; } .article-view article .paragraphs .paragraph div.text ul.images li a img { max-width: 150px; max-height: 112px; } .article-view article .paragraphs .paragraph div.text blockquote { border-width: 0; } .article-view article .paragraphs .paragraph div.text .interview-question { font-weight: bolder; font-size: 1.2em; font-style: italic; padding: 0.6em; margin-bottom: -0.7em; margin-top: 1em; } .article-view article .paragraphs .paragraph div.text .interview-question:first-letter { float: left; color: #af9767; font-size: 3em; font-weight: bold; margin-right: 0.1em; line-height: 0.85em; } .article-view article .paragraphs .paragraph div.text .interview-answer { font-size: 1em; background-color: #252525; padding: 0.8em; } .article-view article .paragraphs .paragraph div.text .interview-question ~ br, .article-view article .paragraphs .paragraph div.text .interview-answer ~ br { display: none; } .article-view article .paragraphs .paragraph div.text .interview-speaker { font-weight: bold; } .article-view article .paragraphs .paragraph div.text .interview-speaker::after { display: inline; content: " : "; } .article-view article .paragraphs .paragraph.summary-logo ~ .paragraph h3 { margin-top: 0; } .article-view article .paragraphs .paragraph.summary-logo ~ .paragraph .text-contents:first-child { margin-top: 1em; } .article-view article .paragraphs .paragraph > header ~ .text-contents:first-child { margin-top: 1em; } .article-view article.preview > header { display: block; } .article-view article.preview > header .gameinfo-top { float: none; width: auto; } .article-view article.preview > header .gameinfo { display: block; float: none; width: auto; margin-left: 1.5em; padding: 0; } .article-view article.preview > header .gameinfo:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article.preview > header .gameinfo:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article.preview > header .gameinfo .review-gamesticker, .article-view article.preview > header .gameinfo .review-rating { margin-bottom: 0; padding-bottom: 0; } .article-view article.preview > header .gameinfo ul { clear: none; float: left; } .article-view article.preview > header .summary { margin-top: 1em; } .article-view article.review > header .summary { max-width: 67%; } .article-view article.preview > header, .article-view article.report > header, .article-view article.interview > header { display: block; } .article-view article.interview .paragraphs .paragraph .text h3 { background-color: transparent; text-align: center; color: #f7c767; font-style: italic; font-weight: bolder; font-variant: normal; font-size: 2em; margin: 1em; } .article-view article.interview .paragraphs .paragraph .text .text-contents::first-letter { float: none; color: inherit; font-size: inherit; font-weight: inherit; margin: inherit; line-height: inherit; } @media only screen and (max-width: 719px) { .article-view article.review > header, .article-view article.report > header { text-align: center; } .article-view article.review > header .summary, .article-view article.report > header .summary { width: 100%; max-width: none; float: none; display: block; } .article-view article.review > header .gameinfo-top, .article-view article.report > header .gameinfo-top { float: none; display: block; margin: auto; vertical-align: top; } .article-view article.review > header .gameinfo-top:before, .article-view article.report > header .gameinfo-top:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article.review > header .gameinfo-top:after, .article-view article.report > header .gameinfo-top:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article.review > header .gameinfo-top .reviewed-by, .article-view article.report > header .gameinfo-top .reviewed-by { margin-right: 1em; float: none; display: inline-block; margin: auto; } .article-view article.review > header .gameinfo-top .available-on, .article-view article.report > header .gameinfo-top .available-on { float: none; display: inline-block; margin: auto; } .article-view article.review > header .gameinfo, .article-view article.report > header .gameinfo { float: none; display: inline-block; margin: auto; min-width: 20em; } .article-view article.review > header .gameinfo:before, .article-view article.report > header .gameinfo:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article.review > header .gameinfo:after, .article-view article.report > header .gameinfo:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .article-view article.review > header .gameinfo > ul, .article-view article.report > header .gameinfo > ul { float: none; display: block; } .article-view article.review > header .gameinfo .review-gamesticker, .article-view article.report > header .gameinfo .review-gamesticker { float: none; display: inline-block; margin: 1em 0.5em 0.5em 1em; vertical-align: top; } .article-view article.review > header .gameinfo .review-rating, .article-view article.report > header .gameinfo .review-rating { float: none; display: inline-block; margin: 1em 0.5em 0.5em 1em; vertical-align: top; } } .forums nav .pagination-bar { margin: 0; float: right; } .forums nav .pagination-bar span, .forums nav .pagination-bar a { padding: 0.3em 0.6em; } .forums { margin: 1em; } .forums nav { margin: 0; } .forums nav:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .forums nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .forums nav ul.forums-breadcrumbs { float: left; line-height: 1.4em; } .forums nav ul.forums-breadcrumbs li { display: inline-block; } .forums nav ul.forums-breadcrumbs li + li:before { content: '>'; padding: 0 0.5em; } .forums .forums-index:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .forums .forums-index:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .forums .forums-index .forums-index-group { margin-bottom: 1em; } .forums .forums-index .forums-index-group table { border-collapse: separate; border-radius: 0.5em; box-shadow: 0 0.2em 0.4em rgba(221, 221, 221, 0.5); width: 100%; } .forums .forums-index .forums-index-group table > thead { color: #1b1b1b; } .forums .forums-index .forums-index-group table > thead > tr { background-color: #ffc040; color: #000000; border-bottom-width: 0; } .forums .forums-index .forums-index-group table > thead > tr a { color: #282010; } .forums .forums-index .forums-index-group table > thead > tr a { color: #282010; } .forums .forums-index .forums-index-group table > thead > tr > th { padding: 0.2em; font-weight: bold; text-align: center; vertical-align: middle; background: linear-gradient(to bottom right, #ffc040, #bb8e35); } .forums .forums-index .forums-index-group table > thead > tr:first-child > th:first-child { border-top-left-radius: 0.5em; } .forums .forums-index .forums-index-group table > thead > tr:first-child > th:last-child { border-top-right-radius: 0.5em; } .forums .forums-index .forums-index-group table > tbody > tr { transition: all 150ms; background-color: #26231d; } .forums .forums-index .forums-index-group table > tbody > tr:hover { background-color: #3d3421; } .forums .forums-index .forums-index-group table > tbody > tr:nth-child(2n+1) { background-color: #322c1f; } .forums .forums-index .forums-index-group table > tbody > tr:nth-child(2n+1):hover { background-color: #3d3421; } .forums .forums-index .forums-index-group table > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 0.5em; } .forums .forums-index .forums-index-group table > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 0.5em; } .forums .forums-index .forums-index-group table > tbody > tr > td { border-bottom: 0.1em solid #a0e080; padding: 0.2em; vertical-align: middle; } .forums .forums-index .forums-index-group table > tbody > tr > td:first-child { border-left: 0.1em solid #a0e080; } .forums .forums-index .forums-index-group table > tbody > tr > td:last-child { border-right: 0.1em solid #a0e080; } .forums .forums-index .forums-index-group table th { text-align: left; } .forums .forums-index .forums-index-group table td.forums-index-forum { width: 60%; } .forums .forums-index .forums-index-group table td.forums-index-forum .forums-index-forum-name { float: left; clear: left; font-weight: bold; } .forums .forums-index .forums-index-group table td.forums-index-forum .forums-index-forum-description { float: left; clear: left; font-size: 0.9em; } .forums .forums-index .forums-index-group table td.forums-index-forum .forums-index-forum-subforums { float: left; clear: left; font-size: 0.9em; font-weight: bold; } .forums .forums-index .forums-index-group table td.forums-index-forum .forums-index-forum-subforums ul { display: inline-block; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } .forums .forums-index .forums-index-group table td.forums-index-forum .forums-index-forum-subforums ul li { display: inline-block; } .forums .forums-index .forums-index-group table td.forums-index-forum .forums-index-forum-subforums ul li + li:before { content: ', '; } .forums .forums-index .forums-index-group table td.forums-index-topicstats { width: 20%; font-size: 0.9em; } .forums .forums-index .forums-index-group table td.forums-index-lastpost { width: 20%; } .forums .forums-index .forums-index-group table td.forums-index-lastpost .forums-index-lastpost-title { float: left; clear: left; font-size: 0.9em; } .forums .forums-index .forums-index-group table td.forums-index-lastpost .forums-index-lastpost-author { float: left; clear: left; font-size: 0.9em; } .forums .forums-index .forums-index-group table td.forums-index-lastpost .forums-index-lastpost-date { float: left; clear: left; font-size: 0.9em; } @media only screen and (max-width: 719px) { .forums .forums-index .forums-index-group table th.forums-index-topicstats, .forums .forums-index .forums-index-group table td.forums-index-topicstats { display: none; } .forums .forums-index .forums-index-group table th.forums-index-lastpost, .forums .forums-index .forums-index-group table td.forums-index-lastpost { width: auto; padding-left: 0.5em; } } .forums .forums-topicindex:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .forums .forums-topicindex:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .forums .forums-topicindex table { border-collapse: separate; border-radius: 0.5em; box-shadow: 0 0.2em 0.4em rgba(221, 221, 221, 0.5); width: 100%; } .forums .forums-topicindex table > thead { color: #1b1b1b; } .forums .forums-topicindex table > thead > tr { background-color: #ffc040; color: #000000; border-bottom-width: 0; } .forums .forums-topicindex table > thead > tr a { color: #282010; } .forums .forums-topicindex table > thead > tr a { color: #282010; } .forums .forums-topicindex table > thead > tr > th { padding: 0.2em; font-weight: bold; text-align: center; vertical-align: middle; background: linear-gradient(to bottom right, #ffc040, #bb8e35); } .forums .forums-topicindex table > thead > tr:first-child > th:first-child { border-top-left-radius: 0.5em; } .forums .forums-topicindex table > thead > tr:first-child > th:last-child { border-top-right-radius: 0.5em; } .forums .forums-topicindex table > tbody > tr { transition: all 150ms; background-color: #26231d; } .forums .forums-topicindex table > tbody > tr:hover { background-color: #3d3421; } .forums .forums-topicindex table > tbody > tr:nth-child(2n+1) { background-color: #322c1f; } .forums .forums-topicindex table > tbody > tr:nth-child(2n+1):hover { background-color: #3d3421; } .forums .forums-topicindex table > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 0.5em; } .forums .forums-topicindex table > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 0.5em; } .forums .forums-topicindex table > tbody > tr > td { border-bottom: 0.1em solid #a0e080; padding: 0.2em; vertical-align: middle; } .forums .forums-topicindex table > tbody > tr > td:first-child { border-left: 0.1em solid #a0e080; } .forums .forums-topicindex table > tbody > tr > td:last-child { border-right: 0.1em solid #a0e080; } .forums .forums-topicindex table thead th.forums-topicindex-creator { text-align: center; } .forums .forums-topicindex table thead th.forums-topicindex-replies { text-align: center; } .forums .forums-topicindex table td { font-size: 0.9em; } .forums .forums-topicindex table td.forums-topicindex-title { font-weight: bold; font-size: 1em; } .forums .forums-topicindex table td.forums-topicindex-title .forums-topicindex-lastpagelink a { color: #8d6e2e; } .forums .forums-topicindex table td.forums-topicindex-creator { text-align: center; width: 15%; } .forums .forums-topicindex table td.forums-topicindex-replies { text-align: center; width: 15%; } .forums .forums-topicindex table td.forums-topicindex-lastpost { width: 20%; } .forums .forums-topicindex table td.forums-topicindex-lastpost .forums-topicindex-lastpost-date { float: left; clear: left; } .forums .forums-topicindex table td.forums-topicindex-lastpost .forums-topicindex-lastpost-author { float: left; clear: left; } @media only screen and (max-width: 719px) { .forums .forums-topicindex table th.forums-topicindex-creator, .forums .forums-topicindex table td.forums-topicindex-creator, .forums .forums-topicindex table th.forums-topicindex-replies, .forums .forums-topicindex table td.forums-topicindex-replies { display: none; } .forums .forums-topicindex table td.forums-topicindex-title { font-size: 0.9em; } .forums .forums-topicindex table th.forums-topicindex-lastpost, .forums .forums-topicindex table td.forums-topicindex-lastpost { width: auto; min-width: 7.5em; } } .forums .forums-topic article { margin: 1em 0; border-radius: 0.3em 0.3em 0 0; box-shadow: 0 0 1px 1px #a0e080; } .forums .forums-topic article header { border: 1px solid #a0e080; border-bottom-width: 0; border-radius: 0.3em 0.3em 0 0; padding: 0.5em; background-color: #a0e080; background: linear-gradient(to bottom right, #a0e080, #78a562); color: #1b1b1b; position: relative; } .forums .forums-topic article header a { color: #1b1b1b; font-weight: bold; } .forums .forums-topic article header .forums-post-author { display: inline-block; } .forums .forums-topic article header .forums-post-date { display: inline-block; padding-left: 2em; } @media only screen and (max-width: 719px) { .forums .forums-topic article header .forums-post-date { display: none; } } .forums .forums-topic article header .forums-post-postcount { display: inline-block; padding-left: 2em; } @media only screen and (max-width: 719px) { .forums .forums-topic article header .forums-post-postcount { display: none; } } .forums .forums-topic article header .forums-post-links { display: inline-block; position: absolute; right: 0.5em; top: 0.5em; font-size: 0.9em; line-height: 1.3em; } .forums .forums-topic article header .forums-post-links li { display: inline-block; padding: 0 0.2em; } .forums .forums-topic article .forums-post-contents { border-style: solid; border-color: #a0e080; border-width: 0 1px; padding: 0.5em; background-color: #202020; } .forums .forums-topic article .forums-post-contents img { max-width: 90%; max-height: 10em; width: auto; height: auto; } .forums .forums-topic article .forums-post-contents > blockquote { font-size: 0.9em; } .forums .forums-topic article .forums-post-contents > blockquote blockquote { padding: 0.5em; } .forums .forums-topic article .forums-post-lastedit { border: solid #a0e080; border-width: 0 1px; text-align: right; font-size: 0.9em; padding: 0.2em; background-color: #202020; } .forums .forums-topic article form { border-style: solid; border-color: #a0e080; border-width: 0 1px; padding: 0.5em; background-color: #202020; text-align: center; } .forums .forums-topic article form .forums-post-text { margin: 0.5em auto; text-align: left; vertical-align: top; } .forums .forums-topic article form .forums-post-text textarea { text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; overflow-wrap: break-word; } .forums .forums-topic article form button { display: inline-block; margin: 0.5em; } .forums .forums-topic article footer { padding: 0.2em; border: 1px solid #a0e080; background-color: #252525; } .forums .forums-topic article footer .forums-post-signature { font-size: 0.9em; } .forums .forums-newtopic, .forums .forums-newpost { text-align: center; } .forums .forums-newtopic h2, .forums .forums-newpost h2 { background-color: #282f25; border: solid #5d7d4e; border-width: 1px 0; margin: 1em 0 0.5em 0; padding: 0.5em; } .forums .forums-newtopic form, .forums .forums-newpost form { text-align: center; } .forums .forums-newtopic form .forums-post-title, .forums .forums-newpost form .forums-post-title { text-align: left; margin: 0.5em auto; } .forums .forums-newtopic form .forums-post-title input, .forums .forums-newpost form .forums-post-title input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; } .forums .forums-newtopic form .forums-post-text, .forums .forums-newpost form .forums-post-text { margin: 0.5em auto; text-align: left; vertical-align: top; } .forums .forums-newtopic form .forums-post-text textarea, .forums .forums-newpost form .forums-post-text textarea { text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; overflow-wrap: break-word; } .forums .forums-newtopic form button[type=submit], .forums .forums-newpost form button[type=submit] { display: block; margin: 0.5em auto; } .member-view { position: relative; } .member-view aside.member-view-avatar { position: absolute; top: 0; left: 0; width: 11em; max-width: 11em; height: 11em; padding: 1em; text-align: center; } .member-view aside.member-view-avatar img.avatar { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; height: auto; width: 11em; text-align: center; margin: auto; } .member-view aside.member-view-socialaccounts { position: absolute; top: 0; left: 0; width: 11em; max-width: 11em; padding: 0 1em; text-align: center; } .member-view aside.member-view-socialaccounts h1 { font-size: 1em; text-transform: uppercase; font-weight: bold; color: #af9767; margin: 0; padding: 1em 0; text-align: left; } .member-view aside.member-view-socialaccounts h2 { font-size: 0.85em; text-transform: uppercase; font-weight: bold; color: #1b1b1b; background-color: #cbc1ae; margin: 0; padding: 0.2em; text-align: left; } .member-view aside.member-view-socialaccounts ul { margin: 0; padding: 0.2em 0; margin-bottom: 1em; font-size: 0.85em; text-align: left; } .member-view aside.member-view-socialaccounts ul li { list-style-type: none; padding: 0; margin: 0; } .member-view aside.member-view-socialaccounts .social-account-type-9 h2 { background-color: #aac8dd; } .member-view aside.member-view-socialaccounts .social-account-type-9 ul { border-left: 0.75em solid #5ea9dd; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-9 ul:hover { background-color: #1e2225; } .member-view aside.member-view-socialaccounts .social-account-type-8 h2 { background-color: #85cae3; } .member-view aside.member-view-socialaccounts .social-account-type-8 ul { border-left: 0.75em solid #00adeb; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-8 ul:hover { background-color: #1a2225; } .member-view aside.member-view-socialaccounts .social-account-type-7 h2 { background-color: #bfaba4; } .member-view aside.member-view-socialaccounts .social-account-type-7 ul { border-left: 0.75em solid #93604e; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-7 ul:hover { background-color: #211e1e; } .member-view aside.member-view-socialaccounts .social-account-type-6 h2 { background-color: #e4a792; } .member-view aside.member-view-socialaccounts .social-account-type-6 ul { border-left: 0.75em solid #ef5621; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-6 ul:hover { background-color: #261e1b; } .member-view aside.member-view-socialaccounts .social-account-type-5 h2 { background-color: #858585; } .member-view aside.member-view-socialaccounts .social-account-type-5 ul { border-left: 0.75em solid #000; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-5 ul:hover { background-color: #1a1a1a; } .member-view aside.member-view-socialaccounts .social-account-type-4 h2 { background-color: #a09ec3; } .member-view aside.member-view-socialaccounts .social-account-type-4 ul { border-left: 0.75em solid #44409c; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-4 ul:hover { background-color: #1d1d21; } .member-view aside.member-view-socialaccounts .social-account-type-3 h2 { background-color: #8bb78a; } .member-view aside.member-view-socialaccounts .social-account-type-3 ul { border-left: 0.75em solid #0f7d0d; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-3 ul:hover { background-color: #1a201a; } .member-view aside.member-view-socialaccounts .social-account-type-2 h2 { background-color: #dda29b; } .member-view aside.member-view-socialaccounts .social-account-type-2 ul { border-left: 0.75em solid #dc4a38; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-2 ul:hover { background-color: #251d1c; } .member-view aside.member-view-socialaccounts .social-account-type-1 h2 { background-color: #9ca8c1; } .member-view aside.member-view-socialaccounts .social-account-type-1 ul { border-left: 0.75em solid #3b5998; padding-left: 0.5em; } .member-view aside.member-view-socialaccounts .social-account-type-1 ul:hover { background-color: #1d1e21; } .member-view .contents { padding: 1em; } .member-view .contents > header { font-size: 0.85em; font-style: italic; font-weight: bold; margin-bottom: 2em; } .member-view .contents > header h1 { font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 3.2em; font-style: normal; } .member-view .contents > header ul li { display: inline; margin-right: 2em; } .member-view .contents > header label { font-style: normal; font-weight: normal; } .member-view .contents .description { margin-bottom: 2em; } .member-view .contents .description p { text-align: justify; } .member-view .contents .description ul li { list-style: none; display: block; } .member-view .contents .description ul li label { font-weight: bold; } .member-view .contents .actions { margin-bottom: 2em; } .member-view .contents .actions a { border: 2px outset #ffc040; background-color: #ffc040; background: -webkit-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: -moz-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: -o-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; display: inline-block; padding: 0.3em 0.5em; border-radius: 0.4em; font-weight: bold; color: #1b1b1b; text-align: center; margin: 0.2em 0; } .member-view .contents .actions a:hover { background-position: 100%; background-color: #c69737; } .member-view .contents .actions a:active { background-color: #8d6e2e; color: #adadad; border-style: inset; } .member-view .contents .actions a.current { background-position: 100%; background-color: #af8633; border-color: #719b5d; border-style: inset; text-shadow: -1px -1px 0 #ddd, -1px 1px 0 #ddd, 1px 1px 0 #ddd, 1px -1px 0 #ddd, -1px 0 0 #ddd, 0 -1px 0 #ddd, 1px 0 0 #ddd, 0 1px 0 #ddd; } .member-view .contents .activity header h2 { background-color: #424242; text-align: left; padding: 0.25em 0.5em; margin: 1em 0 0.5em; } .member-view aside.member-view-avatar + .contents { margin-left: 12em; } .member-view aside.member-view-socialaccounts + .contents { margin-left: 12em; } .member-view aside.member-view-avatar + aside.member-view-socialaccounts { top: 12em; } @media only screen and (max-width: 719px) { .member-view aside.member-view-avatar { position: relative; width: 100%; max-width: none; } .member-view aside.member-view-avatar img.avatar { margin: 0; text-align: left; } .member-view aside.member-view-socialaccounts, .member-view aside.member-view-avatar + aside.member-view-socialaccounts { position: absolute; margin: auto; top: 100%; right: 1em; width: auto; max-width: none; height: 20em; max-height: 20em; overflow-y: auto; } .member-view aside.member-view-avatar + .contents { margin-top: 12em; margin-left: 0; } .member-view aside.member-view-socialaccounts + .contents { margin-left: 0; margin-bottom: 20em; } } /*.member-144 { &::after { display: inline; content: '🐧'; font-size: 0.75em; vertical-align: middle; line-height: 1.33em; } } .member-1 { &::after { display: inline; content: '🐺'; font-size: 0.75em; vertical-align: middle; line-height: 1.33em; } }*/ .img-messaging-status-unread { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-1788/img/messaging-status.png"); background-position: 0 0; } .img-messaging-status-read { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-1788/img/messaging-status.png"); background-position: 50% 0; } .img-messaging-status-replied { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-1788/img/messaging-status.png"); background-position: 100% 0; } .messaging { margin: 1em; } .messaging nav:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging nav .pagination-bar { margin-bottom: 1em; float: right; } .messaging nav .pagination-bar span, .messaging nav .pagination-bar a { padding: 0.3em 0.6em; } .messaging header > nav { text-align: center; margin-bottom: 1em; } .messaging header > nav:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging header > nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging header > nav a { border: 2px outset #ffc040; background-color: #ffc040; background: -webkit-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: -moz-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: -o-linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); background: linear-gradient(to bottom, #fac458 0, #ffc040 50%, #5f4d26 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; display: inline-block; padding: 0.3em 0.5em; border-radius: 0.4em; font-weight: bold; color: #1b1b1b; text-align: center; margin: 0.2em; } .messaging header > nav a:hover { background-position: 100%; background-color: #c69737; } .messaging header > nav a:active { background-color: #8d6e2e; color: #adadad; border-style: inset; } .messaging header > nav a.current { background-position: 100%; background-color: #af8633; border-color: #719b5d; border-style: inset; text-shadow: -1px -1px 0 #ddd, -1px 1px 0 #ddd, 1px 1px 0 #ddd, 1px -1px 0 #ddd, -1px 0 0 #ddd, 0 -1px 0 #ddd, 1px 0 0 #ddd, 0 1px 0 #ddd; } .messaging table.messaging-headlines { width: 100%; border-collapse: collapse; margin: 1em 0; } .messaging table.messaging-headlines:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging table.messaging-headlines:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging table.messaging-headlines tr { border: 1px solid #a0e080; } .messaging table.messaging-headlines thead { background-color: #a0e080; background: linear-gradient(to bottom right, #a0e080, #78a562); color: #1b1b1b; } .messaging table.messaging-headlines thead:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging table.messaging-headlines thead:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging table.messaging-headlines thead a { color: #1b1b1b; } .messaging table.messaging-headlines thead th { padding: 0.2em; font-weight: bold; text-align: center; vertical-align: middle; } .messaging table.messaging-headlines thead th.messaging-index-title { text-align: left; } .messaging table.messaging-headlines thead tr { border-bottom-width: 0; } .messaging table.messaging-headlines tbody tr:hover { background-color: #322c1f; } .messaging table.messaging-headlines tbody td { padding: 0.2em; vertical-align: middle; text-align: center; } .messaging table.messaging-headlines tbody td.messaging-index-status { white-space: nowrap; width: 4em; } .messaging table.messaging-headlines tbody td.messaging-index-status .status { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; } .messaging table.messaging-headlines tbody td.messaging-index-status .status-unread { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-1788/img/messaging-status.png"); background-position: 0 0; } .messaging table.messaging-headlines tbody td.messaging-index-status .status-read { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-1788/img/messaging-status.png"); background-position: 50% 0; } .messaging table.messaging-headlines tbody td.messaging-index-status .status-replied { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-1788/img/messaging-status.png"); background-position: 100% 0; } .messaging table.messaging-headlines tbody td.messaging-index-status .length { display: inline-block; vertical-align: bottom; padding-left: 0.5em; border-right: 0.5em solid #ffc040; -moz-border-image: -moz-linear-gradient(bottom, #ffc040, #322c1f) 1 100%; -o-border-image: -o-linear-gradient(bottom, #ffc040, #322c1f) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #ffc040, #322c1f) 1 100%; border-image: linear-gradient(to top, #ffc040, #322c1f) 1 100%; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-0 { height: 0em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-1 { height: 0.15em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-2 { height: 0.3em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-3 { height: 0.45em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-4 { height: 0.6em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-5 { height: 0.75em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-6 { height: 0.9em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-7 { height: 1.05em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-8 { height: 1.2em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-9 { height: 1.35em; } .messaging table.messaging-headlines tbody td.messaging-index-status .length-10 { height: 1.5em; } .messaging table.messaging-headlines tbody td.messaging-index-title { text-align: left; max-width: 20em; } @media only screen and (max-width: 719px) { .messaging table.messaging-headlines tbody td.messaging-index-title { max-width: 10em; } } .messaging table.messaging-headlines tbody td.messaging-index-title a { display: block; } .messaging table.messaging-headlines tbody td.messaging-index-date { white-space: nowrap; width: 6em; max-width: 6em; } @media only screen and (max-width: 719px) { .messaging table.messaging-headlines tbody td.messaging-index-date { white-space: normal; width: auto; } } .messaging table.messaging-headlines tbody td.messaging-index-delete { width: 4em; max-width: 4em; } @media only screen and (max-width: 719px) { .messaging table.messaging-headlines tbody td.messaging-index-delete { width: auto; } } .messaging.inbox:before, .messaging.outbox:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging.inbox:after, .messaging.outbox:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .messaging.inbox > form button[type=submit], .messaging.outbox > form button[type=submit] { display: block; margin: auto; } .messaging.view article { margin: 1em 0; border-radius: 0.3em 0.3em 0 0; box-shadow: 0 0 1px 1px #a0e080; } .messaging.view article header { border: 1px solid #a0e080; border-bottom-width: 0; border-radius: 0.3em 0.3em 0 0; padding: 0.5em; background-color: #a0e080; background: linear-gradient(to bottom right, #a0e080, #78a562); color: #1b1b1b; position: relative; } .messaging.view article header a { color: #1b1b1b; font-weight: bold; } .messaging.view article header .messaging-view-sender, .messaging.view article header .messaging-view-recipient { display: inline-block; } .messaging.view article header .messaging-view-date { display: inline-block; padding-left: 2em; } @media only screen and (max-width: 719px) { .messaging.view article header .messaging-view-date { display: none; } } .messaging.view article .messaging-view-contents { border-style: solid; border-color: #a0e080; border-width: 0 1px; padding: 0.5em; background-color: #202020; } .messaging.view article .messaging-view-contents img { max-width: 90%; max-height: 10em; width: auto; height: auto; } .messaging.view article .messaging-view-contents > blockquote { font-size: 0.9em; } .messaging.view article .messaging-view-contents > blockquote blockquote { padding: 0.5em; } .messaging.view article footer { padding: 0.2em; border: 1px solid #a0e080; background-color: #252525; } .messaging.view article footer .messaging-view-signature { font-size: 0.9em; } .messaging .messaging-post { text-align: center; } .messaging .messaging-post h2 { background-color: #282f25; border: solid #5d7d4e; border-width: 1px 0; margin: 1em 0 0.5em 0; padding: 0.5em; } .messaging .messaging-post form { text-align: center; } .messaging .messaging-post form .messaging-post-title { text-align: left; margin: 0.5em auto; } .messaging .messaging-post form .messaging-post-title input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; } .messaging .messaging-post form .messaging-post-text { margin: 0.5em auto; text-align: left; vertical-align: top; } .messaging .messaging-post form .messaging-post-text textarea { text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; overflow-wrap: break-word; } .messaging .messaging-post form button[type=submit] { display: block; margin: 0.5em auto; } .gallery:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .gallery:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .gallery ul { list-style-type: none; margin: 0 auto; text-align: center; } .gallery ul li { display: inline-block; padding: 0.25em; margin: 0; vertical-align: middle; text-align: center; } .gallery ul li img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; height: auto; max-width: 150px; max-height: 112px; } .categories-tabs-module { padding: 0; position: relative; border-top: 1px solid #2e2e2e; } .categories-tabs-module h1, .categories-tabs-module h2 { display: none; } .categories-tabs-module .categories-tabs { position: relative; text-align: left; background-color: #232323; background: url(//static.gamatomic.com/fp/8d1400b5f154d00-115/img/title-shadow.png) no-repeat bottom right; border-bottom: 0.2em solid #a08040; margin: 0; list-style: none; display: table; width: 100%; } .categories-tabs-module .categories-tabs:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .categories-tabs-module .categories-tabs:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .categories-tabs-module .categories-tabs li { cursor: pointer; display: table-cell; float: left; position: relative; margin: 0; padding: 0.8em 1em 0.6em; list-style-type: none; font-weight: 500; } .categories-tabs-module .categories-tabs li, .categories-tabs-module .categories-tabs li a { color: #ffc040; text-decoration: none; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .categories-tabs-module .categories-tabs li:hover { background-color: #3c3424; border-color: #3c3424; } .categories-tabs-module .categories-tabs li.home-tab-active { background-color: #a08040; } .categories-tabs-module .categories-tabs li.home-tab-active, .categories-tabs-module .categories-tabs li.home-tab-active a { color: #1b1b1b; } .categories-tabs-module .ga-tabbed-all-tabs { padding: 1em 0 0; } .categories-tabs-module .ga-tabbed-all-tabs > div { display: none; opacity: 0; z-index: 2; } .categories-tabs-module .ga-tabbed-all-tabs > div:first-child { display: block; opacity: 1; z-index: 1; } .categories-tabs-module .ga-tabbed-all-tabs .last_games .postinfo { font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; line-height: 1.1em; } .publications-headlines.home-articles { margin-top: -1em; } .publications-headlines.home-articles li { margin: 0; margin-right: 0.5em; } .publications-headlines.home-articles .post-metainfo { padding-top: 1em; } .publications-headlines.home-articles .thumb-container { width: 6em; } .publications-headlines.home-articles .thumb { width: 6em; height: 6em; background-size: cover; background-position: center center; } .publications-headlines.home-articles .thumb a { opacity: 0; display: block; height: 100%; } @media only screen and (max-width: 719px) { .popular-module { display: none; } } .popular-module .popular-posts-wrap { position: relative; display: table-row; } .popular-module .popular-posts-wrap .popular-tabs { width: 19em; padding: 0; position: relative; display: table-cell; vertical-align: top; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content { position: relative; padding: 2.5em 0; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a { display: block; width: 100%; height: 2.5em; margin: 0 auto; position: absolute; left: 0; cursor: pointer; text-align: center; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a.top { top: 0; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a.top::before { content: ""; display: inline-block; line-height: 1em; border: 0.5em solid transparent; border-bottom-color: #a08040; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a.top::after { content: ""; display: block; width: 100%; height: 1em; margin-top: 0.5em; background: url(//static.gamatomic.com/fp/8d1400b5f154d00-153/img/popular-top-bg.png) no-repeat top center; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a.bottom { bottom: 0; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a.bottom::before { content: ""; display: block; width: 100%; height: 1em; margin-bottom: 0.5em; padding: 0; background: url(//static.gamatomic.com/fp/8d1400b5f154d00-154/img/popular-bottom-bg.png) no-repeat bottom center; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-scroll-arrows a.bottom::after { content: ""; display: inline-block; line-height: 1em; border: 0.5em solid transparent; border-top-color: #a08040; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap { overflow: hidden; max-height: 40em; margin-top: 0; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul { position: relative; padding-bottom: 40em; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul li { cursor: pointer; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul li .popular-tab-title { font-size: 18px; color: #ffc040; font-weight: 900; padding: 20px 40px 0; display: block; line-height: 22px; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul li .post-meta { font-size: 14px; color: #8d6e2e; padding: 0 40px 13px; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul li.popular-active { background-color: #c0c0c0; -webkit-text-shadow: 0 1px 1px #ddd; text-shadow: 0 1px 1px #ddd; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul li.popular-active .popular-tab-title { color: #1b1b1b; } .popular-module .popular-posts-wrap .popular-tabs .ga-popular-tabs-content .ga-popular-tabs-wrap ul li.popular-active .post-meta { color: #2e2e2e; } .popular-module .popular-posts-wrap .popular-posts { background-color: #b6b6b6; -webkit-box-shadow: inset 0 5px 81px rgba(68, 68, 68, 0.75); -moz-box-shadow: inset 0 5px 81px rgba(68, 68, 68, 0.75); box-shadow: inset 0 5px 81px rgba(68, 68, 68, 0.75); padding: 2em; display: table-cell; vertical-align: top; } .popular-module .popular-posts-wrap .popular-posts .popular-post { -webkit-text-shadow: 0 1px 1px #444444; text-shadow: 0 1px 1px #444444; display: none; z-index: 1; } .popular-module .popular-posts-wrap .popular-posts .popular-post:first-child { display: block; } .popular-module .popular-posts-wrap .popular-posts .popular-post h2 { font-size: 2.2em; font-weight: 900; padding-bottom: 15px; } .popular-module .popular-posts-wrap .popular-posts .popular-post h2 a { color: #1b1b1b; } .popular-module .popular-posts-wrap .popular-posts .popular-post .post-meta { text-transform: uppercase; font-size: 14px; color: #7f642b; } .popular-module .popular-posts-wrap .popular-posts .popular-post .post-meta a { color: #7f642b; text-decoration: none; } .popular-module .popular-posts-wrap .popular-posts .popular-post p { color: #1b1b1b; } .popular-module .popular-posts-wrap .popular-posts .popular-post p a { color: #7e6737; } .popular-module .popular-posts-wrap .popular-posts .popular-post .main-tab-image { position: relative; margin-bottom: 2em; text-align: center; } .popular-module .popular-posts-wrap .popular-posts .popular-post .main-tab-image .logo-container { width: 70%; text-align: center; margin: auto; } .popular-module .popular-posts-wrap .popular-posts .popular-post .main-tab-image .logo-container .logo { text-align: center; margin: auto; } .popular-module .popular-posts-wrap .popular-posts .popular-post .main-tab-image .logo-container .logo img { max-width: 100%; max-height: 180px; -webkit-box-shadow: 0 0 7px rgba(68, 68, 68, 0.5); -moz-box-shadow: 0 0 7px rgba(68, 68, 68, 0.5); box-shadow: 0 0 7px rgba(68, 68, 68, 0.5); } #home-incoming ul { margin: 1em 0; text-align: center; vertical-align: top; } #home-incoming ul li { display: inline-block; list-style-type: none; width: 8em; vertical-align: top; padding: 0.5em 0.5em; } #home-incoming ul li:hover { background-color: #252525; } #home-incoming ul li .articletype { display: block; font-weight: bold; text-transform: uppercase; } #home-incoming ul li .gamename { display: block; } #home-incoming img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; height: auto; display: block; margin: 0.5em auto; max-width: 7em; max-height: 7em; } #featured { position: relative; } #featured #ga-featured-posts { padding: 0.4em 0; background-color: #1b1b1b; position: relative; width: 100%; } #featured #ga-featured-posts .ga-featured-post { float: left; position: relative; overflow: hidden; background-size: cover; background-position: center center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #featured #ga-featured-posts .ga-featured-post:hover .post-description { margin-left: 4.5em; } #featured #ga-featured-posts .ga-featured-post:hover .meta-info { height: 100%; } #featured #ga-featured-posts .ga-featured-post .post-description, #featured #ga-featured-posts .ga-featured-post .post-excerpt { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #featured #ga-featured-posts .ga-featured-post .meta-info { left: 0; width: 3em; height: 3em; } #featured #ga-featured-posts .ga-featured-post .meta-info .meta-date { width: 3em; height: 3em; margin: 0; padding: 0; } #featured #ga-featured-posts .ga-featured-post .post-description { position: absolute; left: 0; bottom: 0; padding: 0.25em 0.5em; margin-right: 2em; background-color: #1b1b1b; border-top-right-radius: 0.5em; } #featured #ga-featured-posts .ga-featured-post .post-description h2 { margin: 0; padding: 0; font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif !important; font-weight: normal !important; font-weight: 700 !important; font-size: 2.4em; text-transform: uppercase; color: #ffc040; } #featured #ga-featured-posts .ga-featured-post .post-description h2 a { text-decoration: none; color: #ffc040; } #featured #ga-featured-posts .ga-featured-post .post-description h3 { margin: 0; padding: 0; font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-weight: 700; font-size: 1.6em; text-transform: uppercase; color: #af9767; } #featured #ga-featured-posts .ga-featured-post .post-description .post-meta { font-size: 1.3em; font-weight: 600; text-align: left; padding: 0; } #featured #ga-featured-posts .ga-featured-post .read-link { position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; opacity: 0; } #featured .ga-second { font-size: 80%; } #featured .ga-third, #featured .ga-fourth { font-size: 70%; } #featured .ga-third h3, #featured .ga-fourth h3 { display: none; } .home #featured h1 { display: none; } .home #featured #ga-featured-posts .ga-first { width: 49.6%; position: relative; height: auto; margin-right: 0.8%; } .home #featured #ga-featured-posts .ga-first:before { content: ''; display: block; padding-top: 75%; } .home #featured #ga-featured-posts .ga-first img { width: auto; height: 100%; } .home #featured #ga-featured-posts .ga-second { width: 49.6%; position: relative; height: auto; margin-bottom: 0.8%; } .home #featured #ga-featured-posts .ga-second:before { content: ''; display: block; padding-top: 45%; } .home #featured #ga-featured-posts .ga-second img { width: 100%; height: auto; } .home #featured #ga-featured-posts .ga-third, .home #featured #ga-featured-posts .ga-fourth { width: 24.4%; position: relative; height: auto; } .home #featured #ga-featured-posts .ga-third:before, .home #featured #ga-featured-posts .ga-fourth:before { content: ''; display: block; padding-top: 57.70491803%; } .home #featured #ga-featured-posts .ga-third img, .home #featured #ga-featured-posts .ga-fourth img { width: auto; height: 100%; } .home #featured #ga-featured-posts .ga-third .post-meta, .home #featured #ga-featured-posts .ga-fourth .post-meta { display: none; } .home #featured #ga-featured-posts .ga-third .meta-info .meta-date, .home #featured #ga-featured-posts .ga-fourth .meta-info .meta-date { padding-top: 0.25em; } .home #featured #ga-featured-posts .ga-third { margin-right: 0.8%; } .home #featured #ga-featured-posts .type-reviews, .home #featured #ga-featured-posts .type-previews, .home #featured #ga-featured-posts .type-reports, .home #featured #ga-featured-posts .type-interviews { z-index: 3; position: absolute; right: 0.5em; top: 0.5em; width: 35px; height: 46px; background-color: rgba(255, 255, 255, 0.5); border-radius: 0.25em; box-shadow: #f7c767 0 0 0.25em; cursor: default; } .home #featured #ga-featured-posts .type-reviews::before, .home #featured #ga-featured-posts .type-previews::before, .home #featured #ga-featured-posts .type-reports::before, .home #featured #ga-featured-posts .type-interviews::before { display: block; content: ""; position: absolute; width: 29px; height: 40px; margin: 3px; z-index: 4; } .home #featured #ga-featured-posts .type-reviews::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 80% 0; } .home #featured #ga-featured-posts .type-previews::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 40% 0; } .home #featured #ga-featured-posts .type-reports::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 60% 0; } .home #featured #ga-featured-posts .type-interviews::before { background-repeat: no-repeat; background-size: 600%; background-image: url('//static.gamatomic.com/fp/8d3b1c25314f8da-6e22/img/articles/publication-types.png'); background-position: 100% 0; } .single #featured .ga-first { border-right: 0.4em solid #1b1b1b; } .single #featured .ga-first, .single #featured .ga-second { width: 50%; font-size: 100%; position: relative; height: auto; } .single #featured .ga-first:before, .single #featured .ga-second:before { content: ''; display: block; padding-top: 56.25%; } .single #featured .ga-first img, .single #featured .ga-second img { height: 100%; } @media only screen and (max-width: 719px) { #featured #ga-featured-posts .ga-featured-post .meta-info { height: 100%; } #featured .ga-first, #featured .ga-second, #featured .ga-third, #featured .ga-fourth { width: 100% !important; font-size: 0.75em !important; position: relative !important; height: auto !important; border: 0 !important; margin: 0 !important; margin-bottom: 0.4em !important; } #featured .ga-first:before, #featured .ga-second:before, #featured .ga-third:before, #featured .ga-fourth:before { content: '' !important; display: block !important; padding-top: 28.125% !important; } #featured .ga-first:last-child, #featured .ga-second:last-child, #featured .ga-third:last-child, #featured .ga-fourth:last-child { border-bottom: 0; } #featured .ga-first .excerpt-wrap, #featured .ga-second .excerpt-wrap, #featured .ga-third .excerpt-wrap, #featured .ga-fourth .excerpt-wrap { padding-left: 3em !important; } #featured .ga-first .post-meta, #featured .ga-second .post-meta, #featured .ga-third .post-meta, #featured .ga-fourth .post-meta { display: none !important; } #featured .ga-first .post-description, #featured .ga-second .post-description, #featured .ga-third .post-description, #featured .ga-fourth .post-description { margin-left: 4.5em !important; } #featured .ga-first h3, #featured .ga-second h3, #featured .ga-third h3, #featured .ga-fourth h3 { display: block; } } body > footer { -webkit-box-shadow: 0 0 1em rgba(221, 221, 221, 0.75), inset 0 0 1em rgba(27, 27, 27, 0.25); -moz-box-shadow: 0 0 1em rgba(221, 221, 221, 0.75), inset 0 0 1em rgba(27, 27, 27, 0.25); box-shadow: 0 0 1em rgba(221, 221, 221, 0.75), inset 0 0 1em rgba(27, 27, 27, 0.25); border-bottom: 1px solid #d1d1d1; background-color: #c0c0c0; text-align: left; } @media only screen and (min-width: 1024px) { body > footer { text-align: center; } } body > footer h1 { padding-bottom: 1em; color: #1b1b1b; font-size: 1.4em; font-weight: 900; } body > footer .footer-description, body > footer .footer-lastarticles { display: inline-block; margin: auto; vertical-align: top; color: #1b1b1b; text-align: left; text-shadow: 0 1px 1px #ddd; padding: 2em 3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body > footer .footer-description { max-width: 55%; } body > footer .footer-lastarticles { max-width: 45%; } body > footer .footer-lastarticles ul { padding-left: 1em; } body > footer .footer-lastarticles ul li { padding: 0 0 0 1em; position: relative; line-height: 2em; } body > footer .footer-lastarticles ul li:before { -moz-border-image: none; -o-border-image: none; -webkit-border-image: none; border-image: none; border: 0.5em solid transparent; border-left-color: #a0e080; content: ""; left: 0; position: absolute; top: 0.5em; } body > footer .footer-lastarticles ul li a { color: #1b1b1b; text-decoration: none; } @media only screen and (max-width: 1023px) { body > footer .footer-description, body > footer .footer-lastarticles { min-width: inherit; max-width: inherit; display: block; margin: 0; } } nav#footer-bottom { border-top: 1px solid #adadad; border-bottom: 1px solid #d1d1d1; background-color: #c0c0c0; text-align: center; } nav#footer-bottom > ul { list-style: none; position: relative; margin: 0; padding: 0; margin: 1em 2em; text-align: left; display: inline-block; } nav#footer-bottom > ul > li > ul { bottom: 100%; } nav#footer-bottom > ul > li { display: inline-block; padding: 0.5em 1em; height: 100%; color: #1b1b1b; cursor: pointer; } nav#footer-bottom > ul > li a { color: #1b1b1b; text-decoration: none; } nav#footer-bottom > ul > li:hover { background: #8f8f8f; color: #1b1b1b; } nav#footer-bottom > ul > li:hover a { color: #1b1b1b; } nav#footer-bottom > ul > li:hover > ul { display: block; } nav#footer-bottom > ul > li > ul { display: none; background: #8f8f8f; padding: 0; position: absolute; margin-left: -1em; box-shadow: 0.2em 0.2em 0.2em #7c7c7c; z-index: 999; } nav#footer-bottom > ul > li > ul > li { float: none; border: 1px solid #a3a3a3; border-width: 1px 0; position: relative; padding: 0; white-space: nowrap; color: #1b1b1b; } nav#footer-bottom > ul > li > ul > li a { color: #1b1b1b; display: block; padding: 0.5em 1em; } nav#footer-bottom > ul > li > ul > li:hover { background: #a3a3a3; } nav#footer-bottom > ul ul a { padding-right: 3em !important; position: relative; } nav#footer-bottom > ul .platform-publications { position: absolute; right: 0.5em; font-size: 0.8em; line-height: 1.25em; } nav#footer-bottom .current-menu-item a { color: #af9767; font-weight: 900; } #footer-application-metadata { background-color: #1b1b1b; font-size: 0.8em; padding: 0.2em; } #sidebar { background: #252525; float: left; width: 220px; } @media only screen and (min-width: 1280px) { #sidebar { width: 300px; } } @media only screen and (max-width: 1023px) { #sidebar { width: 100% !important; } #sidebar:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #sidebar:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } } #sidebar .widget { position: relative; padding: 0 2em 1.5em; } #sidebar .widget > header { margin: 0 -2em 1em; } #sidebar .widget > header h1.widgettitle { padding: 0.5em 1.5em; border-left: 1px solid #2e2e2e; } #sidebar .widget > header h1.widgettitle:before { display: none; } #sidebar .widget ul.bullet { margin-top: 0.5em; margin-left: 0.5em; font-size: 0.95em; } #sidebar .widget ul.bullet > li { padding-left: 1em; margin: 0.4em 0; position: relative; } #sidebar .widget ul.bullet > li:before { border: 0.5em solid transparent; border-left-color: #a0e080; content: ""; display: inline-block; position: absolute; left: 0; top: 0.2em; line-height: 2em; } #sidebar .widget ul.bullet > li a { color: #ffc040; } #sidebar .widget ul.bullet > li:last-of-type { margin-bottom: 0; } #sidebar .widget ul.bullet.staff::before { content: ""; border-top: 1px solid #544424; display: block; margin-left: -0.5em; } #home #sidebar { width: 280px; } @media only screen and (min-width: 1280px) { #home #sidebar { width: 300px; } } #sidebar #sidebar-banner { position: relative; text-align: center; margin: auto; } #sidebar #sidebar-banner img { max-width: 100%; height: auto !important; } #sidebar #sidebar-banner a.twitter-timeline { display: block; margin: 0.5em auto; } #sidebar #sidebar-themeselector { margin: 0; padding: 0.5em 2em; background-color: #373737; text-align: center; font-size: 0.95em; } #sidebar #sidebar-themeselector select { font-size: 0.9em; } #sidebar .sidebar-social { height: 35px; } #sidebar #ga-social-icons { display: table; width: 100%; table-layout: fixed; background-color: #252525; height: 35px; text-align: center; position: relative; border-bottom: 1px solid #544424; } #sidebar #ga-social-icons li { display: table-cell; list-style: none; border-left: 1px solid #2e2e2e; -moz-box-shadow: inset 1px 0 0 #1b1b1b; -webkit-box-shadow: inset 1px 0 0 #1b1b1b; box-shadow: inset 1px 0 0 #1b1b1b; } #sidebar #ga-social-icons li:first-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; } #sidebar #ga-social-icons span { width: 24px; height: 20px; margin: 7.5px auto 15px auto; } #sidebar #ga-social-icons .twitter .ga-social-normal { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 80% 0; } #sidebar #ga-social-icons .twitter .ga-social-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 90% 0; } #sidebar #ga-social-icons .twitter a:hover { background-color: #00ccff; } #sidebar #ga-social-icons .facebook .ga-social-normal { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 20% 0; } #sidebar #ga-social-icons .facebook .ga-social-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 30% 0; } #sidebar #ga-social-icons .facebook a:hover { background-color: #3f8eee; } #sidebar #ga-social-icons .instagram .ga-social-normal { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 40% 0; } #sidebar #ga-social-icons .instagram .ga-social-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 50% 0; } #sidebar #ga-social-icons .instagram a:hover { background-color: #e3d7c9; } #sidebar #ga-social-icons .rss .ga-social-normal { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 60% 0; } #sidebar #ga-social-icons .rss .ga-social-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 70% 0; } #sidebar #ga-social-icons .rss a:hover { background-color: #ff9110; } #sidebar #ga-social-icons .google .ga-social-normal { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 0 0; } #sidebar #ga-social-icons .google .ga-social-hover { background-repeat: no-repeat; background-size: 1100%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-f07/img/social-icons.png"); background-position: 10% 0; } #sidebar #ga-social-icons .google a:hover { background-color: #e84e18; } #sidebar #ga-social-icons a, #sidebar #ga-social-icons span { display: block; position: relative; overflow: hidden; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } #sidebar #ga-social-icons a { height: 35px; } #sidebar #ga-social-icons a .ga-social-normal { top: 0; opacity: 1; } #sidebar #ga-social-icons a .ga-social-hover { top: 0; opacity: 0; } #sidebar #ga-social-icons a:hover .ga-social-normal { top: -35px; opacity: 0; } #sidebar #ga-social-icons a:hover .ga-social-hover { top: -35px; opacity: 1; } #sidebar section.login { text-align: center; vertical-align: middle; padding: 0.5em; margin: 0; } #sidebar section.login a.login { font-weight: bold; display: block; } #sidebar section.login .loginform-wrapper { display: none; position: fixed; background-color: rgba(221, 221, 221, 0.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 998; } @media only screen and (max-width: 719px) { #sidebar section.login .loginform-wrapper { font-size: 0.9em; } } #sidebar section.login .loginform-wrapper .loginform { position: fixed; z-index: 999; border: 1px solid #a0e080; border-radius: 0.5em; box-shadow: 0 0 1em #ddd; background-color: #1b1b1b; color: #ffc040; } #sidebar section.login .loginform-wrapper .loginform a.close { position: absolute; top: 0; right: 0; margin: 0.5em; color: #ffc040; font-weight: bold; } #sidebar .navbox-messages { margin: 0 0 0.5em 0; padding: 0.5em 0 0 0; } #sidebar .navbox-tribunes, #sidebar .navbox-messages { overflow: hidden; border-top: 1px solid #544424; } #sidebar .navbox-tribunes:before, #sidebar .navbox-messages:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #sidebar .navbox-tribunes:after, #sidebar .navbox-messages:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #sidebar .navbox-tribunes header, #sidebar .navbox-messages header { font-weight: bold; } #sidebar .navbox-tribunes .time, #sidebar .navbox-messages .time { font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-style: italic; } #sidebar .navbox-tribunes { padding: 0; margin: 0; } @media only screen and (max-width: 1023px) { #sidebar .sidebar-userbox { border: 2px outset #c0ae89; background-color: #c0ae89; background: -webkit-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: -moz-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: -o-linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); background: linear-gradient(to bottom, #c5b595 0, #c0ae89 50%, #4d473c 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; width: 2em; height: 2em; border-radius: 0.4em; margin: 0; padding: 0; cursor: pointer; position: fixed; top: 1.5em; z-index: 1000; right: 0.5em; } #sidebar .sidebar-userbox:hover { background-position: 100%; background-color: #97896d; } #sidebar .sidebar-userbox:active { background-color: #6e6552; color: #adadad; border-style: inset; } #sidebar .sidebar-userbox::before { content: ""; display: block; width: 1.4em; height: 1.4em; position: absolute; top: 0.3em; left: 0.3em; } #sidebar .sidebar-userbox::before { background-repeat: no-repeat; background-size: 300%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4be6ecc-739/img/mobile-buttons.png"); background-position: 100% 0; } #sidebar .sidebar-userbox > header, #sidebar .sidebar-userbox > .contents { display: none; } #sidebar .sidebar-userbox:hover .contents, #sidebar .sidebar-userbox:focus .contents, #sidebar .sidebar-userbox:active .contents { display: block; position: absolute; right: 50%; top: 75%; background-color: #2a2723; z-index: 10; border: 1px ridge #a0e080; padding: 0.5em; padding-right: 2em; max-height: 400px; width: 20em; overflow: auto; cursor: default; } #sidebar .sidebar-userbox:hover .contents.login, #sidebar .sidebar-userbox:focus .contents.login, #sidebar .sidebar-userbox:active .contents.login { display: none; } } @media only screen and (max-height: 450px) { #sidebar .sidebar-userbox .contents { max-height: 150px !important; } } #sidebar .sidebar-userbox .icons { height: 3em; vertical-align: middle; padding: 0 0.5em; } #sidebar .sidebar-userbox .icons:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #sidebar .sidebar-userbox .icons:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } #sidebar .sidebar-userbox .icons a { visibility: hidden; } #sidebar .sidebar-userbox .icons a::before { display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center; vertical-align: middle; font-size: 1.5em; visibility: visible; } #sidebar .sidebar-userbox .icons a.member-icon-profile::before { content: '⚙'; float: left; } #sidebar .sidebar-userbox .icons a.member-icon-logout::before { content: '💔'; /*content: '😲😢💔😿';*/ float: right; } #sidebar iframe.twitter-timeline { margin: 1em auto !important; max-width: 40em !important; } @-webkit-keyframes bounceIn { 20% { -webkit-transform: scale(1.2); } 50% { -webkit-transform: scale(0.8); } 70% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 20% { -moz-transform: scale(1.2); } 50% { -moz-transform: scale(0.8); } 70% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 20% { -o-transform: scale(1.2); } 50% { -o-transform: scale(0.8); } 70% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 20% { transform: scale(1.2); } 50% { transform: scale(0.8); } 70% { transform: scale(1.1); } 100% { transform: scale(1); } } #sidebar .sidebar-videos .recent-video-slides { z-index: 20; position: relative; margin: -1em -2em 1.5em; } #sidebar .sidebar-videos .recent-video-slides:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 30px rgba(221, 221, 221, 0.5); -moz-box-shadow: inset 0 0 30px rgba(221, 221, 221, 0.5); box-shadow: inset 0 0 30px rgba(221, 221, 221, 0.5); } #sidebar .sidebar-videos .recent-video-slides img { display: block; } #sidebar .sidebar-videos .recent-video-slides .ga-recent-video { display: none; position: relative; text-align: center; vertical-align: middle; } #sidebar .sidebar-videos .recent-video-slides .ga-recent-video:first-child { display: block; } #sidebar .sidebar-videos .recent-video-slides .ga-recent-video img { width: 100%; margin: auto; } #sidebar .sidebar-videos .recent-video-slides .ga-recent-video .ga-recent-video-play { position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -33px; width: 67px; height: 67px; background: url(//static.gamatomic.com/fp/8d1cf4f2aa02c52-80e/img/play-button.png) no-repeat; display: block; } #sidebar .sidebar-videos .recent-video-slides .ga-recent-video .ga-recent-video-play:hover { -webkit-animation-duration: 0.7s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: 0.7s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: 0.7s; -o-animation-delay: 0s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } #sidebar .sidebar-videos .ga-recent-videos-content { position: relative; text-align: center; margin: 1em auto; } @media only screen and (max-width: 1023px) { #sidebar .sidebar-videos .ga-recent-videos-content { max-width: 40em; } } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-video-scroll { margin: 0 auto; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-video-scroll a { display: block; height: 1em; left: 0; position: absolute; text-indent: -9999px; width: 100%; z-index: 10; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-video-scroll .ga-scroll-video-top { background: url(//static.gamatomic.com/fp/8d1cf4f2a9b677f-81/img/blue/popular-scroll-top.png) no-repeat center center; top: -1em; border-bottom: 1px solid #383838; box-shadow: 0 0.3em 0 #252525; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-video-scroll .ga-scroll-video-bottom { background: url(//static.gamatomic.com/fp/8d1cf4f2a9b677f-81/img/blue/popular-scroll-bottom.png) no-repeat center center; bottom: -1em; border-top: 1px solid #383838; box-shadow: 0 -0.3em 0 #252525; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-video-scroll .ga-scroll-video-top:before, #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-video-scroll .ga-scroll-video-bottom:before { content: ""; height: 1em; left: 0; position: absolute; width: 100%; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap { text-align: left; margin: 0 auto; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap ul { padding: 0.5em 0; margin: 0; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap ul li { padding: 0.5em 0 0.5em 2em; position: relative; line-height: 2.5em; cursor: pointer; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap ul li:before { -moz-border-image: none; -o-border-image: none; -webkit-border-image: none; border-image: none; border: 0.5em solid transparent; border-left-color: #a0e080; content: ""; left: 0; position: absolute; background: #af9767 url(//static.gamatomic.com/fp/8d3a26cb4c26665-7b/img/white-arrow.png) no-repeat 4px 0; border-radius: 10px; height: 0.8em; width: 0.8em; top: 0.25em; border-color: transparent !important; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap ul li.ga-video-active:before { background-color: #b6b6b6 !important; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap ul li ul { margin: 10px 0 -10px; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap h2 { font-size: 16px; font-weight: 900; color: #ffc040; margin-bottom: -5px; } #sidebar .sidebar-videos .ga-recent-videos-content .ga-recent-videos-wrap .post-meta { color: #a88132; } .pagination-bar { float: right; margin: 0.5em; font-size: 0.85em; } .pagination-bar:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .pagination-bar:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .pagination-bar a, .pagination-bar span { float: left; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; color: #ffc040; margin: 0 0.3em; padding: 0.4em 0.8em; text-decoration: none; -webkit-text-shadow: 0 1px 0 #1b1b1b; text-shadow: 0 1px 0 #1b1b1b; border: 1px solid #363636; background: -moz-linear-gradient(top, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.02) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221, 221, 221, 0)), color-stop(100%, rgba(221, 221, 221, 0.02))); background: -webkit-linear-gradient(top, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.02) 100%); background: -o-linear-gradient(top, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.02) 100%); background: -ms-linear-gradient(top, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.02) 100%); background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.02) 100%); background-color: #212121; -webkit-box-shadow: 0 1px 3px rgba(221, 221, 221, 0.1), inset 1px 1px 0px rgba(27, 27, 27, 0.4); -moz-box-shadow: 0 1px 3px rgba(221, 221, 221, 0.1), inset 1px 1px 0px rgba(27, 27, 27, 0.4); box-shadow: 0 1px 3px rgba(221, 221, 221, 0.1), inset 1px 1px 0px rgba(27, 27, 27, 0.4); } .pagination-bar a:hover, .pagination-bar span:hover { background-color: #2b2b2b; border-color: #323232; } .pagination-bar a:active:hover, .pagination-bar span:active:hover { border-style: inset; } .pagination-bar .current { background: -moz-linear-gradient(top, rgba(255, 192, 64, 0.05) 0%, rgba(255, 192, 64, 0.25) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 192, 64, 0.05)), color-stop(100%, rgba(255, 192, 64, 0.25))); background: -webkit-linear-gradient(top, rgba(255, 192, 64, 0.05) 0%, rgba(255, 192, 64, 0.25) 100%); background: -o-linear-gradient(top, rgba(255, 192, 64, 0.05) 0%, rgba(255, 192, 64, 0.25) 100%); background: -ms-linear-gradient(top, rgba(255, 192, 64, 0.05) 0%, rgba(255, 192, 64, 0.25) 100%); background: linear-gradient(to bottom, rgba(255, 192, 64, 0.05) 0%, rgba(255, 192, 64, 0.25) 100%); -webkit-box-shadow: 0 1px 3px rgba(255, 192, 64, 0.1), inset 1px 1px 0px rgba(27, 27, 27, 0.4); -moz-box-shadow: 0 1px 3px rgba(255, 192, 64, 0.1), inset 1px 1px 0px rgba(27, 27, 27, 0.4); box-shadow: 0 1px 3px rgba(255, 192, 64, 0.1), inset 1px 1px 0px rgba(27, 27, 27, 0.4); font-weight: bolder; -webkit-text-shadow: 0 1px 0 #8d6e2e; text-shadow: 0 1px 0 #8d6e2e; } .news-index { margin: 3em; } @media only screen and (max-width: 719px) { .news-index { margin: 1em; } } .news-index .news-index-items:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news-index .news-index-items:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news-index .news-index-items article { position: relative; border-bottom: 1px solid #2e2e2e; padding: 1em; padding-left: 6.5em; } .news-index .news-index-items article:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news-index .news-index-items article:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news-index .news-index-items article header h1 { font-weight: 900; font-size: 1.5em; margin: 0; padding: 0; } .news-index .news-index-items article header p { text-transform: uppercase; color: #696969; vertical-align: middle; font-size: 1em; text-align: left; margin-bottom: 0.5em; padding-top: 0.2em; } .news-index .news-index-items article p { text-align: justify; } @media only screen and (max-width: 719px) { .news-index .news-index-items article { padding-left: 1em; } .news-index .news-index-items article header { padding-left: 5.5em; } } .news-index .news-index-items article:last-child { border-width: 0; } .news-index .news-index-items article > p:first-of-type:first-letter { float: left; color: #af9767; font-size: 3em; font-weight: bold; margin-right: 0.1em; line-height: 0.85em; } .news-index .news-index-items article aside { float: left; width: 5em; margin: 0 0.5em 0.5em -5.5em; } @media only screen and (max-width: 719px) { .news-index .news-index-items article aside { margin-left: 0; } } .news-index .news-index-items article aside img { max-width: 5em; width: auto; height: auto; } .news-index .news-index-items article .detailslink { text-align: right; } .news-index .news-index-items article .detailslink a { font-weight: bold; } .news-index.atoms article { padding-left: 4.5em; } @media only screen and (max-width: 719px) { .news-index.atoms article { padding-left: 1em; } .news-index.atoms article header { padding-left: 5.5em; } } .news-index.atoms article aside { width: 8em; margin-left: -3.5em; } @media only screen and (max-width: 719px) { .news-index.atoms article aside { width: 5em; margin-left: 0; } } .news-index.atoms article aside img { width: 8em; max-width: 8em; height: auto; } @media only screen and (max-width: 719px) { .news-index.atoms article aside img { width: 5em; max-width: 5em; } } .news { margin: 3em; } @media only screen and (max-width: 719px) { .news { margin: 1em; } } .news .contents ol, .news .contents ul { list-style: initial; margin: 0 0 0 1em; } .news .contents ol li, .news .contents ul li { margin: 0 0 0 1em; } .news p { text-align: justify; } .news article > header { margin-bottom: 3em; } .news article > header:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news article > header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news article > header p.news-view-introduction { background: linear-gradient(to bottom, #22211f 0%, #312e26 100%) repeat scroll 0px 0px transparent; padding: 1em; } .news article > header p.news-view-introduction a { font-weight: 600; } .news footer:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .news img.news-sticker { float: left; width: 8em; height: auto; margin: 0 1em 0 0; } .news .indexlink { text-align: center; margin: 1em; } .news .indexlink a { font-weight: bold; } .news article .contents { text-align: justify; } .news article .contents img { max-width: 100%; height: auto; } .news article .contents p:first-letter { float: left; color: #af9767; font-size: 3em; font-weight: bold; margin-right: 0.1em; line-height: 0.85em; } .news article .contents p a { font-weight: 600; } .news article .contents .gallery { margin-top: 2em; } .news.atom article .contents { position: relative; } .news.atom article .contents .atom-links { float: right; border: 1px solid #696969; border-radius: 0.5em; background-color: #2b2b2b; margin: 1em 0 3em 0; padding: 0.5em 1em; } .news.atom article .contents .atom-links header { font-style: italic; font-weight: bold; color: #af9767; font-size: 1.5em; text-align: center; padding-bottom: 0.5em; } .news.atom article .contents .atom-links ul { text-align: right; } .news.atom article .contents .atom-links ul li { list-style-type: none; white-space: nowrap; } .news.atom article .contents .atom-links ul li a { font-size: 1.1em; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-weight: bolder; color: #ffc040; } .news.atom article .contents .atom-links ul li a:hover { text-decoration: underline; } .news.atom article .contents .atom-links ul li a:before, .news.atom article .contents .atom-links ul li a:after { content: " - "; white-space: nowrap; } ul.platforms { display: inline-table; } ul.platforms li { display: table-cell; line-height: 1.8em; } ul.platforms li a { border: 2px outset #af9767; background-color: #af9767; background: -webkit-linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); background: -moz-linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); background: -o-linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); background: linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; border-width: 1px; color: #1b1b1b; margin: 0.1em; padding: 0.2em 0.4em; text-align: center; vertical-align: middle; text-decoration: none; } ul.platforms li a:hover { background-position: 100%; background-color: #8a7854; } ul.platforms li a:active { background-color: #655941; color: #adadad; border-style: inset; } #filterbar ul a { padding-right: 3em !important; position: relative; } #filterbar .platform-publications { position: absolute; right: 0.5em; font-size: 0.8em; line-height: 1.25em; } .platform-overview { margin-top: 2em; } .platform-overview:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .platform-overview:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .platform-overview header { background-color: #2b2b2b; } .platform-overview header:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .platform-overview header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .platform-overview header h2 { font-size: 1em; font-weight: bold; text-transform: uppercase; vertical-align: middle; margin: 0; padding: 0.5em 1em; line-height: 2em; position: relative; } .platform-overview header img { position: absolute; right: 0.5em; height: 3.2em; top: -0.1em; } @media only screen and (max-width: 719px) { .platform-overview header img { float: right; height: 2em; margin: 0.5em 0; } } .platform-details .headlines { margin: 0.5em; padding: 0.5em; background-color: #1f1f1f; } .platform-details .headlines:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .platform-details .headlines:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .platform-details .headlines:hover { background-color: #212121; } .platform-details .headlines .publications-headlines li { min-height: 5em; } .platform-details .headlines .publications-headlines li:hover { background-color: #252525; } .platform-overview a.morelink, .platform-details a.morelink { float: right; margin: 1em; text-transform: uppercase; font-weight: bold; font-size: 0.9em; } .tribune-view .tribune-post { margin-top: 1em; text-align: center; } .tribune-view .tribune-post input, .tribune-view .tribune-post select { vertical-align: middle; margin: 0.2em; } .tribune-view .tribune-post .tribune-post-message { display: inline-block; margin: auto; padding: 0.4em; white-space: nowrap; max-width: 100%; } .tribune-view .tribune-post .tribune-post-message input[type='text'] { width: 70%; } .tribune-view .tribune-post .format-preview { padding: 0.5em 0.5em 0.5em 6.5em; } .tribune-view .tribune-post .ui-autocomplete { max-height: 20em; overflow-x: hidden; overflow-y: scroll; text-align: left; } .tribune-view nav:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .tribune-view nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .tribune-view .tribune-messages { margin: 1em; } .tribune-view .tribune-messages:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .tribune-view .tribune-messages:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .tribune-view .tribune-messages ul li { display: table-row; vertical-align: top; margin: 0.2em 0; max-width: 100%; } .tribune-view .tribune-messages ul li:hover { background-color: #1f1f1f; } .tribune-view .tribune-messages ul li .tribune-message-delete { display: table-cell; padding: 0.2em 0; padding-right: 0.5em; vertical-align: top; text-align: center; font-weight: bold; color: #ff3010; } .tribune-view .tribune-messages ul li .tribune-message-time { display: table-cell; padding: 0.2em 0; padding-right: 0.5em; vertical-align: top; text-align: center; white-space: nowrap; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 0.95em; } .tribune-view .tribune-messages ul li .tribune-message-contents { display: table-cell; padding: 0.2em 0; vertical-align: top; text-align: left; white-space: normal; text-indent: -1em; padding-left: 1em; } .tribune-view .tribune-messages ul li .tribune-message-contents .tribune-message-author { font-weight: bold; } .tribune-view .tribune-messages ul li .tribune-message-contents .tribune-message-author a { font-weight: bold; } .tribune-view .tribune-messages ul li .tribune-message-special { display: table-cell; padding: 0.2em 0; vertical-align: top; text-align: left; } .tribune-view .tribune-messages ul li .tribune-message-highlight { font-weight: bold; color: #af9767; } .tribune-view .tribune-messages ul li .highlight { color: #af9767; } .tribune-view .tribune-messages ul li .reference { font-weight: bold; position: relative; } .tribune-view .tribune-messages ul li .reference.own { color: #d1bb8e; } @media only screen and (max-width: 719px) { .tribune-view .tribune-messages ul li .tribune-message-contents { text-indent: 0; padding-left: 0; } } .tribune-view .tribune-messages ul li.referred { background-color: #312e26; } .tribune-view .tribune-messages ul li.tribune-day { border-bottom: 1px solid #2e2e2e; border-top: 1px solid #2e2e2e; font-size: 0.9em; margin: 0; padding: 0.2em; text-align: center; width: 100%; display: block; } .tribune-view .tribune-messages ul li .reference .reference-contents { position: absolute; display: none; bottom: 95%; left: 25%; min-width: 30em; padding: 0.25em; background-color: #252525; border: 1px solid #a0e080; border-radius: 0.5em; border-bottom-left-radius: 0; box-shadow: 1px 1px 2px #ddd, -1px -1px 2px #1b1b1b; color: #ffc040; font-size: 0.9em; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-delete { display: table-cell; padding: 0.2em 0; padding-right: 0.5em; vertical-align: top; text-align: center; font-weight: bold; color: #ff3010; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-time { display: table-cell; padding: 0.2em 0; padding-right: 0.5em; vertical-align: top; text-align: center; white-space: nowrap; font-family: 'Comic Sans MS', 'Open Sans', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 0.95em; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-contents { display: table-cell; padding: 0.2em 0; vertical-align: top; text-align: left; white-space: normal; text-indent: -1em; padding-left: 1em; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-contents .tribune-message-author { font-weight: bold; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-contents .tribune-message-author a { font-weight: bold; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-special { display: table-cell; padding: 0.2em 0; vertical-align: top; text-align: left; } .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-highlight { font-weight: bold; color: #af9767; } .tribune-view .tribune-messages ul li .reference .reference-contents .highlight { color: #af9767; } .tribune-view .tribune-messages ul li .reference .reference-contents .reference { font-weight: bold; position: relative; } .tribune-view .tribune-messages ul li .reference .reference-contents .reference.own { color: #d1bb8e; } @media only screen and (max-width: 719px) { .tribune-view .tribune-messages ul li .reference .reference-contents .tribune-message-contents { text-indent: 0; padding-left: 0; } } .tribune-view .tribune-messages ul li .reference:hover .reference-contents { display: block; } .tribune-view #tribune-referredpost { background-color: #22211f; border: 1px solid #ddd; font-size: 0.85em; } .tribune-view .tribune-post-tooltip { font-size: 0.8em; margin: 0 0.5em; padding: 0.25em; text-align: left; background-color: #252525; } .amazon-buy { text-align: center; margin: 0.5em auto 0 auto; } .amazon-buy img { max-width: 10em; } .games-index .headlines { margin: 1em; } .games-index .headlines:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-index .headlines:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-index .headlines h2 { margin-bottom: 1em; } .games-view { margin: 0; padding: 0; } .games-view > header { margin: 1em; } .games-view > header h2 { color: #af9767; font-weight: bold; font-size: 1.8em; font-variant: small-caps; } .games-view > header h3 { font-size: 1.6em; } .games-view > header h4 { font-weight: bold; font-size: 1.5em; font-variant: small-caps; } .games-view > header h5 { font-size: 1.3em; } .games-view section header { margin: 1em 0 0.5em 0; background-color: #2b2b2b; } .games-view section header:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view section header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view section header h2 { font-size: 1em; font-weight: bold; text-transform: uppercase; vertical-align: middle; margin: 0; padding: 0.5em 1em; line-height: 2em; } .games-view .game-summary { border: 1px solid #4c4c4c; background-color: #252525; margin: 1em; padding: 0; position: relative; vertical-align: top; text-align: center; } .games-view .game-summary:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view .game-summary:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view .game-summary .game-details { display: table; width: 100%; text-align: center; } .games-view .game-summary .game-details:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view .game-summary .game-details:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view .game-summary .game-details > .game-sticker { position: relative; display: table-cell; padding: 0.5em; width: 11em; } .games-view .game-summary .game-details > .game-sticker img.game-award { position: absolute; width: 4.25em; height: auto; top: -1.5em; left: -1em; z-index: 10; } .games-view .game-summary .game-details > .game-sticker a { display: block; padding: 0; margin: 0; } .games-view .game-summary .game-details > .game-sticker img.game-sticker { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; display: block; width: 10em; height: auto; padding: 0; margin: 0; } .games-view .game-summary .game-details .game-infos { display: table-cell; padding: 0.5em; position: relative; text-align: left; vertical-align: top; width: 90%; } @media only screen and (max-width: 719px) { .games-view .game-summary .game-details .game-infos { margin: 0.5em; } } .games-view .game-summary .game-details .game-infos .officialuri { display: block; text-align: center; background-color: #ffc040; padding: 0.2em; border: 1px solid; border-color: #383838 #383838 #535353; } .games-view .game-summary .game-details .game-infos .officialuri a { color: #1b1b1b; font-weight: bold; display: block; } .games-view .game-summary .game-details .game-infos ul { display: table; position: relative; margin: 1em auto; padding: 0; width: 100%; } .games-view .game-summary .game-details .game-infos ul > li { margin-bottom: 0.2em; padding: 0; display: table-row; } .games-view .game-summary .game-details .game-infos ul > li > h3 { display: table-cell; margin: 0 0.2em 0 0; padding: 0 0.5em 0 0; font-weight: bold; font-size: 1em; text-align: right; } .games-view .game-summary .game-details .game-infos ul > li > span { display: table-cell; } @media only screen and (max-width: 719px) { .games-view .game-summary .game-details { display: block; } .games-view .game-summary .game-details > .game-sticker { width: 20%; max-width: 10em; } .games-view .game-summary .game-details > .game-sticker img.game-sticker { width: 100%; height: auto; min-width: 5em; max-width: 10em; } .games-view .game-summary .game-details .game-infos { width: 80%; } } .games-view .game-similar { margin: 0; padding: 0; } .games-view .game-similar ul { vertical-align: top; text-align: center; margin: 0; } .games-view .game-similar ul li { display: inline-block; text-align: center; margin: 0; padding: 0.25em; width: 6.8em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; -moz-transition: all linear 125ms; -o-transition: all linear 125ms; -webkit-transition: all linear 125ms; transition: all linear 125ms; border: 1px solid transparent; } .games-view .game-similar ul li img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; height: auto; max-width: 6em; max-height: 7em; display: block; margin: 0 auto; } .games-view .game-similar ul li:hover { background-color: #2e2e2e; border-radius: 0.5em; border: 1px outset #383838; } .games-view a.game-similar-name { font-size: 0.9em; display: block; width: 100%; } .games-view .game-publications { margin: 0; padding: 0; position: relative; } .games-view .game-publications:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-view .game-publications:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-awards { margin: 1em; } .games-awards .title { clear: both; text-align: center; } .games-awards .title img { display: block; text-align: center; margin: auto; max-width: 100%; } .games-awards h2 { font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; font-size: 2em; text-align: center; } .games-awards table { margin: 1em 0; padding: 1em 0; } .games-awards table tr:hover { background-color: #22201c; } .games-awards table tr:nth-child(2n+0) { background-color: #29251d; } .games-awards table tr:nth-child(2n+0):hover { background-color: #302a1e; } .games-awards table td { padding: 0.5em; } @media only screen and (max-width: 719px) { .games-awards table td.medal, .games-awards table td.game { display: inline; float: left; width: 8em; } .games-awards table td.medal img, .games-awards table td.game img { max-width: 7em; } } .games-awards table .medal { vertical-align: middle; text-align: center; } .games-awards table .game { text-align: center; vertical-align: middle; } .games-awards table .game img { max-height: 10em; max-width: 10em; text-align: center; margin: auto; } .games-awards table .gametitle { font-weight: bold; text-align: center; } .games-awards table .text { text-align: justify; vertical-align: top; } .games-awards table .text .readlink { margin-top: 0.5em; font-weight: bold; text-align: right; } .game-platforms { display: table-cell; padding: 0.5em 0.5em 0.5em 0; vertical-align: top; text-align: center; } @media only screen and (max-width: 719px) { .game-platforms { display: block; float: none; margin: auto; padding: 0.25em 0; } .game-platforms:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .game-platforms:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } } .game-platforms ul { display: table; border-spacing: 0 0.25em; margin: auto; } .game-platforms ul li { display: table-row; } .game-platforms ul li .platform { min-width: 5em; display: table-cell; padding: 0; text-align: right; vertical-align: middle; white-space: nowrap; } .game-platforms ul li .platform > img { position: relative; display: inline-block; margin: -0.3em -0.5em 0 0; height: 1.5em; z-index: 10; font-size: 1.2em; vertical-align: middle; } .game-platforms ul li .platform > a { border: 2px outset #af9767; background-color: #af9767; background: -webkit-linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); background: -moz-linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); background: -o-linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); background: linear-gradient(to bottom, #b6a279 0, #af9767 50%, #474032 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; text-shadow: -0.75px -0.75px 0 #999999, -0.75px 0.75px 0 #999999, 0.75px 0.75px 0 #999999, 0.75px -0.75px 0 #999999, -0.75px 0 0 #999999, 0 -0.75px 0 #999999, 0.75px 0 0 #999999, 0 0.75px 0 #999999; display: inline-block; padding: 0 0.2em; text-align: center; text-transform: uppercase; color: #1b1b1b; font-size: 1.2em; min-width: 5em; } .game-platforms ul li .platform > a:hover { background-position: 100%; background-color: #8a7854; } .game-platforms ul li .platform > a:active { background-color: #655941; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-gamecube a { border: 2px outset #60688b; background-color: #60688b; background: -webkit-linear-gradient(to bottom, #737a97 0, #60688b 50%, #30323d 100%); background: -moz-linear-gradient(to bottom, #737a97 0, #60688b 50%, #30323d 100%); background: -o-linear-gradient(to bottom, #737a97 0, #60688b 50%, #30323d 100%); background: linear-gradient(to bottom, #737a97 0, #60688b 50%, #30323d 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-gamecube a:hover { background-position: 100%; background-color: #4f556f; } .game-platforms ul li .platform.platform-gamecube a:active { background-color: #3e4253; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-gamecube + .date { border-color: #60688b; } .game-platforms ul li .platform.platform-ngage a { border: 2px outset #ef4136; background-color: #ef4136; background: -webkit-linear-gradient(to bottom, #ec584f 0, #ef4136 50%, #5b2623 100%); background: -moz-linear-gradient(to bottom, #ec584f 0, #ef4136 50%, #5b2623 100%); background: -o-linear-gradient(to bottom, #ec584f 0, #ef4136 50%, #5b2623 100%); background: linear-gradient(to bottom, #ec584f 0, #ef4136 50%, #5b2623 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-ngage a:hover { background-position: 100%; background-color: #ba382f; } .game-platforms ul li .platform.platform-ngage a:active { background-color: #852e29; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-ngage + .date { border-color: #ef4136; } .game-platforms ul li .platform.platform-one a { border: 2px outset #007c18; background-color: #007c18; background: -webkit-linear-gradient(to bottom, #218b36 0, #007c18 50%, #13381a 100%); background: -moz-linear-gradient(to bottom, #218b36 0, #007c18 50%, #13381a 100%); background: -o-linear-gradient(to bottom, #218b36 0, #007c18 50%, #13381a 100%); background: linear-gradient(to bottom, #218b36 0, #007c18 50%, #13381a 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-one a:hover { background-position: 100%; background-color: #076419; } .game-platforms ul li .platform.platform-one a:active { background-color: #0e4c1a; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-one + .date { border-color: #007c18; } .game-platforms ul li .platform.platform-windows a { border: 2px outset #00adef; background-color: #00adef; background: -webkit-linear-gradient(to bottom, #21b4ec 0, #00adef 50%, #13475b 100%); background: -moz-linear-gradient(to bottom, #21b4ec 0, #00adef 50%, #13475b 100%); background: -o-linear-gradient(to bottom, #21b4ec 0, #00adef 50%, #13475b 100%); background: linear-gradient(to bottom, #21b4ec 0, #00adef 50%, #13475b 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-windows a:hover { background-position: 100%; background-color: #0789ba; } .game-platforms ul li .platform.platform-windows a:active { background-color: #0e6485; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-windows + .date { border-color: #00adef; } .game-platforms ul li .platform.platform-wiiu a { border: 2px outset #019edd; background-color: #019edd; background: -webkit-linear-gradient(to bottom, #22a7dd 0, #019edd 50%, #134255 100%); background: -moz-linear-gradient(to bottom, #22a7dd 0, #019edd 50%, #134255 100%); background: -o-linear-gradient(to bottom, #22a7dd 0, #019edd 50%, #134255 100%); background: linear-gradient(to bottom, #22a7dd 0, #019edd 50%, #134255 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-wiiu a:hover { background-position: 100%; background-color: #087dad; } .game-platforms ul li .platform.platform-wiiu a:active { background-color: #0e5d7c; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-wiiu + .date { border-color: #019edd; } .game-platforms ul li .platform.platform-psv a { border: 2px outset #003587; background-color: #003587; background: -webkit-linear-gradient(to bottom, #214e94 0, #003587 50%, #13233b 100%); background: -moz-linear-gradient(to bottom, #214e94 0, #003587 50%, #13233b 100%); background: -o-linear-gradient(to bottom, #214e94 0, #003587 50%, #13233b 100%); background: linear-gradient(to bottom, #214e94 0, #003587 50%, #13233b 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-psv a:hover { background-position: 100%; background-color: #072f6c; } .game-platforms ul li .platform.platform-psv a:active { background-color: #0e2851; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-psv + .date { border-color: #003587; } .game-platforms ul li .platform.platform-psp a { border: 2px outset #003688; background-color: #003688; background: -webkit-linear-gradient(to bottom, #214f95 0, #003688 50%, #13233c 100%); background: -moz-linear-gradient(to bottom, #214f95 0, #003688 50%, #13233c 100%); background: -o-linear-gradient(to bottom, #214f95 0, #003688 50%, #13233c 100%); background: linear-gradient(to bottom, #214f95 0, #003688 50%, #13233c 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-psp a:hover { background-position: 100%; background-color: #072f6d; } .game-platforms ul li .platform.platform-psp a:active { background-color: #0e2952; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-psp + .date { border-color: #003688; } .game-platforms ul li .platform.platform-ps4 a { border: 2px outset #00316b; background-color: #00316b; background: -webkit-linear-gradient(to bottom, #214b7c 0, #00316b 50%, #132233 100%); background: -moz-linear-gradient(to bottom, #214b7c 0, #00316b 50%, #132233 100%); background: -o-linear-gradient(to bottom, #214b7c 0, #00316b 50%, #132233 100%); background: linear-gradient(to bottom, #214b7c 0, #00316b 50%, #132233 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-ps4 a:hover { background-position: 100%; background-color: #072c57; } .game-platforms ul li .platform.platform-ps4 a:active { background-color: #0e2643; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-ps4 + .date { border-color: #00316b; } .game-platforms ul li .platform.platform-ps3 a { border: 2px outset #000; background-color: #000; background: -webkit-linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); background: -moz-linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); background: -o-linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); background: linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-ps3 a:hover { background-position: 100%; background-color: #070707; } .game-platforms ul li .platform.platform-ps3 a:active { background-color: #0e0e0e; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-ps3 + .date { border-color: #000; } .game-platforms ul li .platform.platform-ps2 a { border: 2px outset #04147b; background-color: #04147b; background: -webkit-linear-gradient(to bottom, #25328a 0, #04147b 50%, #141938 100%); background: -moz-linear-gradient(to bottom, #25328a 0, #04147b 50%, #141938 100%); background: -o-linear-gradient(to bottom, #25328a 0, #04147b 50%, #141938 100%); background: linear-gradient(to bottom, #25328a 0, #04147b 50%, #141938 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-ps2 a:hover { background-position: 100%; background-color: #0a1663; } .game-platforms ul li .platform.platform-ps2 a:active { background-color: #10184b; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-ps2 + .date { border-color: #04147b; } .game-platforms ul li .platform.platform-psx a { border: 2px outset #575551; background-color: #575551; background: -webkit-linear-gradient(to bottom, #6b6966 0, #575551 50%, #2d2c2b 100%); background: -moz-linear-gradient(to bottom, #6b6966 0, #575551 50%, #2d2c2b 100%); background: -o-linear-gradient(to bottom, #6b6966 0, #575551 50%, #2d2c2b 100%); background: linear-gradient(to bottom, #6b6966 0, #575551 50%, #2d2c2b 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-psx a:hover { background-position: 100%; background-color: #484744; } .game-platforms ul li .platform.platform-psx a:active { background-color: #393836; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-psx + .date { border-color: #575551; } .game-platforms ul li .platform.platform-360 a { border: 2px outset #8cce3a; background-color: #8cce3a; background: -webkit-linear-gradient(to bottom, #98d052 0, #8cce3a 50%, #3d5124 100%); background: -moz-linear-gradient(to bottom, #98d052 0, #8cce3a 50%, #3d5124 100%); background: -o-linear-gradient(to bottom, #98d052 0, #8cce3a 50%, #3d5124 100%); background: linear-gradient(to bottom, #98d052 0, #8cce3a 50%, #3d5124 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-360 a:hover { background-position: 100%; background-color: #70a132; } .game-platforms ul li .platform.platform-360 a:active { background-color: #54752b; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-360 + .date { border-color: #8cce3a; } .game-platforms ul li .platform.platform-3ds a { border: 2px outset #df1312; background-color: #df1312; background: -webkit-linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); background: -moz-linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); background: -o-linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); background: linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-3ds a:hover { background-position: 100%; background-color: #ae1514; } .game-platforms ul li .platform.platform-3ds a:active { background-color: #7d1717; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-3ds + .date { border-color: #df1312; } .game-platforms ul li .platform.platform-2ds a { border: 2px outset #df1312; background-color: #df1312; background: -webkit-linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); background: -moz-linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); background: -o-linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); background: linear-gradient(to bottom, #df3130 0, #df1312 50%, #561918 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-2ds a:hover { background-position: 100%; background-color: #ae1514; } .game-platforms ul li .platform.platform-2ds a:active { background-color: #7d1717; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-2ds + .date { border-color: #df1312; } .game-platforms ul li .platform.platform-wii a { border: 2px outset #989898; background-color: #989898; background: -webkit-linear-gradient(to bottom, #a2a2a2 0, #989898 50%, #414141 100%); background: -moz-linear-gradient(to bottom, #a2a2a2 0, #989898 50%, #414141 100%); background: -o-linear-gradient(to bottom, #a2a2a2 0, #989898 50%, #414141 100%); background: linear-gradient(to bottom, #a2a2a2 0, #989898 50%, #414141 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-wii a:hover { background-position: 100%; background-color: #797979; } .game-platforms ul li .platform.platform-wii a:active { background-color: #5a5a5a; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-wii + .date { border-color: #989898; } .game-platforms ul li .platform.platform-saturn a { border: 2px outset #5d76cb; background-color: #5d76cb; background: -webkit-linear-gradient(to bottom, #7085ce 0, #5d76cb 50%, #2f3650 100%); background: -moz-linear-gradient(to bottom, #7085ce 0, #5d76cb 50%, #2f3650 100%); background: -o-linear-gradient(to bottom, #7085ce 0, #5d76cb 50%, #2f3650 100%); background: linear-gradient(to bottom, #7085ce 0, #5d76cb 50%, #2f3650 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-saturn a:hover { background-position: 100%; background-color: #4d5f9f; } .game-platforms ul li .platform.platform-saturn a:active { background-color: #3c4973; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-saturn + .date { border-color: #5d76cb; } .game-platforms ul li .platform.platform-stadia a { border: 2px outset #b11154; background-color: #b11154; background: -webkit-linear-gradient(to bottom, #b83069 0, #b11154 50%, #48182c 100%); background: -moz-linear-gradient(to bottom, #b83069 0, #b11154 50%, #48182c 100%); background: -o-linear-gradient(to bottom, #b83069 0, #b11154 50%, #48182c 100%); background: linear-gradient(to bottom, #b83069 0, #b11154 50%, #48182c 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-stadia a:hover { background-position: 100%; background-color: #8c1446; } .game-platforms ul li .platform.platform-stadia a:active { background-color: #661638; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-stadia + .date { border-color: #b11154; } .game-platforms ul li .platform.platform-switch a { border: 2px outset #ff0004; background-color: #ff0004; background: -webkit-linear-gradient(to bottom, #fa2125 0, #ff0004 50%, #5f1314 100%); background: -moz-linear-gradient(to bottom, #fa2125 0, #ff0004 50%, #5f1314 100%); background: -o-linear-gradient(to bottom, #fa2125 0, #ff0004 50%, #5f1314 100%); background: linear-gradient(to bottom, #fa2125 0, #ff0004 50%, #5f1314 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-switch a:hover { background-position: 100%; background-color: #c6070a; } .game-platforms ul li .platform.platform-switch a:active { background-color: #8d0e10; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-switch + .date { border-color: #ff0004; } .game-platforms ul li .platform.platform-xbox a { border: 2px outset #97ad35; background-color: #97ad35; background: -webkit-linear-gradient(to bottom, #a2b44e 0, #97ad35 50%, #404723 100%); background: -moz-linear-gradient(to bottom, #a2b44e 0, #97ad35 50%, #404723 100%); background: -o-linear-gradient(to bottom, #a2b44e 0, #97ad35 50%, #404723 100%); background: linear-gradient(to bottom, #a2b44e 0, #97ad35 50%, #404723 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-xbox a:hover { background-position: 100%; background-color: #78892f; } .game-platforms ul li .platform.platform-xbox a:active { background-color: #596428; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-xbox + .date { border-color: #97ad35; } .game-platforms ul li .platform.platform-xboxx a { border: 2px outset #000; background-color: #000; background: -webkit-linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); background: -moz-linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); background: -o-linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); background: linear-gradient(to bottom, #212121 0, #000 50%, #131313 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-size: 1px 200%; } .game-platforms ul li .platform.platform-xboxx a:hover { background-position: 100%; background-color: #070707; } .game-platforms ul li .platform.platform-xboxx a:active { background-color: #0e0e0e; color: #adadad; border-style: inset; } .game-platforms ul li .platform.platform-xboxx + .date { border-color: #000; } .game-platforms ul li .date { display: table-cell; vertical-align: middle; text-align: center; padding: 0 0.5em; white-space: nowrap; position: relative; border: 2px outset #af9767; border-left-width: 0; background-color: #1b1b1b; } .game-platforms ul li .date > span { display: block; font-size: 0.8em; text-transform: uppercase; } .games-calendar { text-align: center; padding: 0.5em; } .games-calendar h1, .games-calendar h2 { text-transform: capitalize; text-align: center; } .games-calendar h1 { font-family: 'Comic Sans MS', 'Open Sans Condensed', apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol, Arial, sans-serif; font-weight: normal; text-shadow: -0.015em -0.015em 0 #afdf97, -0.015em 0.015em 0 #afdf97, 0.015em 0.015em 0 #afdf97, 0.015em -0.015em 0 #afdf97, -0.015em 0 0 #afdf97, 0 -0.015em 0 #afdf97, 0.015em 0 0 #afdf97, 0 0.015em 0 #afdf97; margin: 0.5em; color: #a08040; font-size: 2.5em; } .games-calendar h2 { margin: 2em 0 1em 0; } .games-calendar nav { font-weight: bold; margin: 1em 0; } .games-calendar nav:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-calendar nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-calendar nav .previous { display: block; float: left; white-space: nowrap; } .games-calendar nav .next { display: block; float: right; white-space: nowrap; } .games-calendar .monthTabs { display: none; } .games-calendar .monthTabs .monthTab { padding-top: 0.1em; } .games-calendar .monthTabs > ul > li > a { text-transform: capitalize; } @media only screen and (max-width: 719px) { .games-calendar .monthTab { padding-left: 0; padding-right: 0; } } .games-calendar table.games-calendar-index { border-collapse: separate; border-radius: 0.5em; box-shadow: 0 0.2em 0.4em rgba(221, 221, 221, 0.5); margin: auto; width: 100%; } .games-calendar table.games-calendar-index > thead { color: #1b1b1b; } .games-calendar table.games-calendar-index > thead > tr { background-color: #ffc040; color: #000000; border-bottom-width: 0; } .games-calendar table.games-calendar-index > thead > tr a { color: #282010; } .games-calendar table.games-calendar-index > thead > tr a { color: #282010; } .games-calendar table.games-calendar-index > thead > tr > th { padding: 0.2em; font-weight: bold; text-align: center; vertical-align: middle; background: linear-gradient(to bottom right, #ffc040, #bb8e35); } .games-calendar table.games-calendar-index > thead > tr:first-child > th:first-child { border-top-left-radius: 0.5em; } .games-calendar table.games-calendar-index > thead > tr:first-child > th:last-child { border-top-right-radius: 0.5em; } .games-calendar table.games-calendar-index > tbody > tr { transition: all 150ms; background-color: #26231d; } .games-calendar table.games-calendar-index > tbody > tr:hover { background-color: #3d3421; } .games-calendar table.games-calendar-index > tbody > tr:nth-child(2n+1) { background-color: #322c1f; } .games-calendar table.games-calendar-index > tbody > tr:nth-child(2n+1):hover { background-color: #3d3421; } .games-calendar table.games-calendar-index > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 0.5em; } .games-calendar table.games-calendar-index > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 0.5em; } .games-calendar table.games-calendar-index > tbody > tr > td { border-bottom: 0.1em solid #a0e080; padding: 0.2em; vertical-align: middle; } .games-calendar table.games-calendar-index > tbody > tr > td:first-child { border-left: 0.1em solid #a0e080; } .games-calendar table.games-calendar-index > tbody > tr > td:last-child { border-right: 0.1em solid #a0e080; } .games-calendar table.games-calendar-index a { color: #a08040; } .games-calendar table.games-calendar-index thead th { text-align: center; } .games-calendar table.games-calendar-index td.title { text-align: left; font-weight: bold; } .games-calendar table.games-calendar-index td .game-platforms { padding: 0; display: inline-block; } .games-calendar table.games-calendar-index td .game-platforms .date { display: none; } .games-calendar table.games-calendar-index td.platforms { text-align: right; } @media only screen and (max-width: 719px) { .games-calendar table.games-calendar-index th.genres, .games-calendar table.games-calendar-index td.genres { display: none; } .games-calendar table.games-calendar-index .game-platforms img { display: none; } .games-calendar table.games-calendar-index .platform, .games-calendar table.games-calendar-index .platform a { min-width: 3em; } } .games-calendar .games-calendar-platformfilter { display: block; margin: auto; font-size: 0.9em; } .games-calendar .games-calendar-platformfilter ul { display: block; vertical-align: middle; } .games-calendar .games-calendar-platformfilter ul li { display: inline-block; padding: 0.25em; border-radius: 0.25em; border: 1px solid transparent; transition: all; transition-duration: 200ms; vertical-align: middle; } .games-calendar .games-calendar-platformfilter ul li:hover { background-color: #655941; } .games-calendar .games-calendar-platformfilter ul li.selected { background-color: #8a7854; border-color: #a0e080; } .games-calendar .games-calendar-platformfilter ul li img { display: none; } .games-calendar .games-calendar-platformfilter ul li .platform, .games-calendar .games-calendar-platformfilter ul li .platform > a { min-width: 3em; } .games-calendar .games-calendar-platformfilter ul li .platform:hover, .games-calendar .games-calendar-platformfilter ul li .platform > a:hover { text-decoration: none; } .games-calendar .sticker { padding: 0.5em; width: 6em; } .games-calendar .sticker a { display: block; padding: 0; margin: 0; } .games-calendar .sticker img { border: 1px solid; border-color: #383838 #383838 #535353; box-shadow: 0 1px 2px rgba(221, 221, 221, 0.1); width: auto; display: block; width: 5em; height: auto; padding: 0; margin: 0; } .game-video { border: 0.5em solid #af9767; display: block; margin: 0.5em auto; width: 95%; height: auto; position: relative; } .game-video:before { content: ''; display: block; padding-top: 56.25%; } .game-video iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } body.games .post-heading span.subtitle { font-size: 0.75em; } .meggas-index .meggas-index-logo { margin-top: 3em; text-align: center; } .meggas-index .meggas-index-logo img { max-width: 95%; } .meggas-index .meggas-index-introduction { margin: 3em 0; padding: 0 2em; text-align: justify; } .meggas-index .meggas-index-introduction img { height: auto; max-width: 100%; } .meggas-index.meggas-version-2017 .meggas-index-introduction { margin: 1em 0 2em 0; padding: 0 4em; } .meggas-index .meggas-index-entries { background-position: top center; background-repeat: no-repeat; background-size: cover; margin-top: 1em; padding: 0 3em; } .meggas-index .meggas-index-entries:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-index .meggas-index-entries:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-index .meggas-index-entries .meggas-index-entry { float: left; padding: 3%; width: 44%; vertical-align: middle; } @media only screen and (max-width: 719px) { .meggas-index .meggas-index-entries .meggas-index-entry { width: auto; float: none; margin: auto; } .meggas-index .meggas-index-entries .meggas-index-entry:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-index .meggas-index-entries .meggas-index-entry:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } } .meggas-index .meggas-index-entries .meggas-index-entry .meggas-index-entry-image { float: left; margin-right: 0.5em; } .meggas-index .meggas-index-entries .meggas-index-entry .meggas-index-entry-image img { max-width: 7em; } .meggas-index .meggas-index-entries .meggas-index-entry .meggas-index-entry-authorname { font-style: italic; line-height: 1.2em; } .meggas-index .meggas-index-entries .meggas-index-entry .meggas-index-entry-title { font-size: 1.2em; font-weight: 600; } .meggas-entry .meggas-entry-navigation { position: relative; margin: 0.5em 1em; height: 2.5em; font-weight: bold; } .meggas-entry .meggas-entry-navigation:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-entry .meggas-entry-navigation:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-entry .meggas-entry-navigation .meggas-entry-navigation-previous { position: absolute; left: 0; text-align: left; } .meggas-entry .meggas-entry-navigation .meggas-entry-navigation-previous a { display: block; } .meggas-entry .meggas-entry-navigation .meggas-entry-navigation-next { position: absolute; right: 0; text-align: right; } .meggas-entry .meggas-entry-navigation .meggas-entry-navigation-next a { display: block; } .meggas-entry .meggas-entry-navigation .meggas-entry-navigation-title { display: block; font-weight: bold; color: #af9767; } .meggas-entry article { margin: 1em; } .meggas-entry article > header h1 { color: #ffc040; font-size: 1.85em; font-weight: normal; padding: 0; text-align: center; margin: 0 1em; } .meggas-entry article > header h2 { color: #a08040; font-size: 3em; font-weight: 500; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; padding: 0; line-height: 1em; text-align: center; margin: 0 1em; } .meggas-entry article > footer { margin-top: 3em; } .meggas-entry article .megga-game { margin-top: 6em; } .meggas-entry article .megga-game header { position: relative; } .meggas-entry article .megga-game header:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-entry article .megga-game header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .meggas-entry article .megga-game header h1 { font-size: 3.25em; margin: 0 6.47em 0 0; padding: 0; } .meggas-entry article .megga-game header h1 a { color: #af9767; font-weight: bold; } .meggas-entry article .megga-game header h2 { font-size: 1.5em; margin: 0; padding: 0; } .meggas-entry article .megga-game header h2 a { color: #ffc040; font-weight: normal; } .meggas-entry article .megga-game header .megga-game-meta { float: right; margin-left: 0.5em; } .meggas-entry article .megga-game header .megga-game-meta .megga-game-meta-releasedate { font-weight: bold; } .meggas-entry article .megga-game .megga-game-contents { display: table-cell; position: relative; } .meggas-entry article .megga-game .megga-game-contents .game-video { width: 100%; position: relative; height: auto; margin: 0.5em 0 1em 0; } .meggas-entry article .megga-game .megga-game-contents .game-video:before { content: ''; display: block; padding-top: 56.25%; } .meggas-entry article .megga-game .megga-game-contents .game-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .meggas-entry article .megga-game .megga-game-contents p { text-align: justify; } .meggas-entry article .megga-game:nth-child(odd) .megga-game-contents aside { float: right; margin: 0 0 0.5em 1em; } .meggas-entry article .megga-game:nth-child(even) .megga-game-contents aside { float: left; margin: 0 1em 0.5em 0; } .img-tracer-expand { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-d7/img/tracer.png"); background-position: 0 0; } .img-tracer-collapse { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-d7/img/tracer.png"); background-position: 100% 0; } div#tracer { clear: both; text-align: left; font: 0.85em 'courier new'; line-height: 1.25em; color: #ffc040; background-color: #1b1b1b; border: thick dashed #c60707; padding: 0.2em; } div#tracer div.total-time { font-weight: bold; } div#tracer .comment { color: #076707; padding-left: 2em; } div#tracer .item { padding-left: 1em; } div#tracer .item:nth-child(even) { color: #ddd; } div#tracer .item:nth-child(odd) { color: #7c7c7c; } div#tracer .item.block { position: relative; } div#tracer .item.block > .item, div#tracer .item.block > .comment { display: block; } div#tracer .item.block.collapsed > .item, div#tracer .item.block.collapsed > .comment { display: none; } div#tracer .item.block > .toggle { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-d7/img/tracer.png"); background-position: 100% 0; position: absolute; left: 0.1em; top: 0.1em; width: 1em; height: 1em; } div#tracer .item.block.collapsed > .toggle { background-repeat: no-repeat; background-size: 200%; background-image: url("//static.gamatomic.com/fp/8d3a26cb4c23f6c-d7/img/tracer.png"); background-position: 0 0; } div#tracer .time-delta { color: #137f37; font-weight: bold; } div#tracer .execution-time { color: #079797; font-weight: bold; } div#tracer img { border: 0; cursor: pointer; } div#tracer .tracer-statistics { white-space: pre; } .admin.page-wrap #content > section { padding: 3em; } .game-updatedate { font-size: 0.8em; text-align: right; margin: 0.5em; } .game-updatedate button[type=submit] { display: inline-block; font-size: 0.9em; margin-left: 0.5em; padding: 0.1em 0.2em; } .games-edit { margin: 0.5em; } .games-edit .form-item { background-color: #252525; padding: 0.2em 0.5em 0.2em 10em; margin: 0.1em 0; position: relative; vertical-align: top; } .games-edit .form-item:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-edit .form-item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .games-edit .form-item label { background-color: #22211f; text-align: right; float: left; width: 9.5em; padding: 0.2em 0.5em 0.2em 0; margin-left: -10em; } .games-edit .form-item input, .games-edit .form-item textarea { max-width: 100%; } .games-edit .form-item:nth-child(2n) { background-color: #2b2b2b; } .games-edit .form-item:nth-child(2n) label { background-color: #272521; } .games-edit .form-item:hover { background-color: #2e2e2e; } .games-edit .form-item:hover label { background-color: #2a2723; } .games-edit .form-item:hover:nth-child(2n) { background-color: #343434; } .games-edit .form-item:hover:nth-child(2n) label { background-color: #2e2b25; } .games-edit img.game-sticker { padding-top: 0.2em; } .games-edit .game-video { padding-top: 0.2em; } .games-edit button.submit { display: block; margin: 1em auto; text-align: center; } body { background: url("//static.gamatomic.com/fp/8d4e5864b40e0b6-7c1/img/lfxvt/stars.gif") repeat fixed; background-size: auto; }