:root { --background: #1E2B39; --background-white: #ffffff; --background-secondary: #506784; --background-tertiary: #151F29; --background-green: rgba(142, 198, 65, 0.3); --background-red: rgba(240, 148, 123, 0.3); --color: #ffffff; --color-secondary: #ffffff; --color-tertiary: #ffffff; --box-background: rgba(30, 43, 57, 0.9); --box-color: #ffffff; --border-radius: 3px; --border-color: rgba(57, 73, 94, 0.2); --error-background: #F0947B; --error-color: #222222; --warning-background: #fddb55; --warning-color: #222222; --success-background: #8ec641; --success-color: #fff; } html { overflow: auto; height: 100%; font-size: 15px; } body { font-weight: 300; font-family: Yantramanav, Helvetica, sans-serif; line-height: 1; margin: 0; color: #fff; height: 100%; /*background-color: #0F141A;*/ background-color: #1E2B39; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; } textarea, input, button { font-family: Yantramanav, Helvetica, sans-serif; } /*input[type="submit"] { border: 0; padding: 7px 10px; background: #00abbd; border-radius: 3px; border-bottom: 2px solid #00828e; transition: 0.3s; color: #eee; cursor: pointer; } input[type="submit"]:hover { background: #e28f26; border-bottom-color: #c4791d; }*/ input[type="submit"] { border: 0; padding: 7px 10px; color: #fff; } .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .left { float: left; } .right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .white-box { background: #fff; border-radius: 3px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; } .btn, input.btn { cursor: pointer; border-radius: 3px; } .btn-light, input.btn-light { background-color: #506784; } .btn-light:hover, input.btn-light:hover { background-color: #39495e; } .btn-dark, input.btn-dark { background-color: #1E2B39; } .btn-donate, input.btn-donate { padding: 10px 25px; border: 0; color: #fff; font-weight: bold; font-size: 1rem; } span.aligner { display: inline-block; height: 100%; vertical-align: middle; } section#info, nav, main, footer { margin: 0 auto; } section#info, main, footer { max-width: 1575px; width: 100%; } main { padding-top: 60px; z-index: 1; display: block; } .page-element { position: relative; } footer { padding: 25px 0; text-align: center; } .title { font-family: Rajdhani, Helvetica, sans-serif; font-weight: 300; font-size: 7em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); } .subtitle { font-size: 4em; font-weight: 100; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); } .hint { font-size: 0.7em; font-style: italic; vertical-align: middle; color: #ddd; } .hint::before { content: "("; } .hint::after { content: ")"; } .beta { font-size: 0.4em; } #uv-apps-bar { z-index: 2; } .adsense-title { text-align: center; } .adsense-title span { position: relative; top: -9px; color: #ffd; } #home-bottom-ad { margin-top: 80px; } #home-bottom-ad .adsense-title { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 5px; padding-bottom: 5px; } @media (max-width: 84em) { body { background-size: cover; background-attachment: fixed; } section#info, main, footer { max-width: 1000px; } } @media (max-width: 62.5em) { body { background-size: cover; background-attachment: fixed; } } @media (max-width: 35em) { #trashsim-top-ad { display: none; } } #nav-bottom { text-align: center; } #nav-bottom ul { list-style: none; padding: 0; margin: 0; } #nav-bottom ul li { display: inline-block; } #nav-bottom ul li::before { content: " | "; white-space: "pre"; } #nav-bottom ul li:first-child::before { content: ""; } #nav-bottom ul li a { color: #fff; } #copy a { color: #fff; } #copy img { height: 28px; width: auto; vertical-align: middle; } header.select-language { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 10; } header.select-language #header-links #header-lang ul { display: block; } #header-links { position: absolute; z-index: 3; margin-left: -15%; left: 50%; width: 36%; top: 10px; text-align: center; } #header-links .header-box { display: inline-block; margin: 0 5px; vertical-align: top; } #header-links .header-box ul { list-style: none; margin: 0; padding: 7px; background-color: #708B9F; float: right; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.6); } #header-links .header-box ul:hover { box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.8); } #header-links .header-box ul li { display: none; margin-top: 10px; cursor: pointer; } #header-links .header-box ul:hover li { display: list-item; } #header-links .header-box ul li:first-child { display: list-item; margin-top: 0; } #header-links .header-box ul li:last-child { margin-bottom: 5px; } #header-links .header-box ul:hover li:first-child { padding-bottom: 10px; border-bottom: 1px solid #ddd; } #header-links .header-box ul li img { display: block; } #header-links #header-lang { display: inline-block; margin: 0; padding: 7px; background-color: #708B9F; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.6); } #header-links #header-lang:hover { box-shadow: none; } #header-links #header-lang ul { display: none; text-align: left; list-style: none; margin: 0; position: absolute; z-index: 4; width: 277%; left: -97%; box-sizing: border-box; padding: 7% 5% 5%; background-color: #708B9F; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4); } #header-links #header-lang:hover ul { display: block; } #header-links #header-lang ul li { display: inline-block; width: 100%; cursor: pointer; border-radius: 3px; padding: 5px; box-sizing: border-box; } #header-links #header-lang ul li:hover, #header-links #header-lang ul li.selected { background-color: #39495e; } #header-links #header-lang [data-code]::before { content: ""; display: inline-block; width: 32px; height: 25px; vertical-align: middle; background-image: url(../img/flags.png); } #header-links #header-lang ul li[data-code]::before { margin-right: 5px; } #header-links #header-lang [data-code="cs"]::before { background-position: 0 0; } #header-links #header-lang [data-code="da"]::before { background-position: 0 -25px; } #header-links #header-lang [data-code="de"]::before { background-position: 0 -50px; } #header-links #header-lang [data-code="el"]::before { background-position: 0 -75px; } #header-links #header-lang [data-code="en"]::before { background-position: 0 -100px; } #header-links #header-lang [data-code="es"]::before { background-position: 0 -125px; } #header-links #header-lang [data-code="fr"]::before { background-position: 0 -150px; } #header-links #header-lang [data-code="hr"]::before { background-position: 0 -175px; } #header-links #header-lang [data-code="hu"]::before { background-position: 0 -200px; } #header-links #header-lang [data-code="it"]::before { background-position: 0 -225px; } #header-links #header-lang [data-code="ko"]::before { background-position: 0 -250px; } #header-links #header-lang [data-code="nl"]::before { background-position: 0 -275px; } #header-links #header-lang [data-code="pl"]::before { background-position: 0 -300px; } #header-links #header-lang [data-code="pt"]::before { background-position: 0 -325px; } #header-links #header-lang [data-code="pt-BR"]::before { background-position: 0 -350px; } #header-links #header-lang [data-code="ro"]::before { background-position: 0 -375px; } #header-links #header-lang [data-code="ru"]::before { background-position: 0 -400px; } #header-links #header-lang [data-code="sv"]::before { background-position: 0 -425px; } #header-links #header-lang [data-code="tr"]::before { background-position: 0 -450px; } #header-links #header-lang [data-code="zh"]::before { background-position: 0 -475px; } #header-links .header-share-image::before { content: ""; display: block; margin: 0 auto; width: 25px; height: 25px; background-image: url(../img/header-spread.png); background-size: cover; background-position: -75px 0; } #header-links .social-share { background: #3b5999; border-radius: 2px; height: 39px; width: 39px; font-size: 1em; color: #fff; cursor: pointer; display: inline-block; text-transform: uppercase; font-weight: 400; position: relative; text-decoration: none; background-repeat: no-repeat; background-size: 30px 30px; background-position: 3px 4px; } @media (min-width: 31.25em) { #header-links { width: 25%; } #header-links #header-lang ul { width: 400%; left: -140%; } #header-links #header-lang ul li { width: 50%; padding: 10px; } } @media (min-width: 37.6em) { #header-links { width: 30%; } #header-links #header-share ul { background-color: transparent; padding: 0; box-shadow: none; } #header-links #header-share ul:hover { box-shadow: none; } #header-links #header-share ul li { display: list-item; float: left; margin: 0 0 0 10px; } #header-links #header-share ul li:first-child { display: none; } #header-links #header-lang ul { left: 50%; margin-left: -300px; width: 592px; border-radius: 3px; padding: 10px; } #header-links #header-lang ul li { width: 33%; box-sizing: border-box; } } @media (min-width: 50em) { #header-links #header-lang, #header-links .header-box { margin: 0 10px; } } .messages { padding: 0; margin: 0; } .message { margin-top: 20px; position: relative; overflow: hidden; transition: 1s; } .message .message-content { padding: 10px 15px; border-bottom: 1px solid; border-radius: 3px; display: flex; flex-flow: row wrap; } .message .message-type-1 { background: #76afdc; border-color: #5c8db2; } .message .message-type-2 { background: #8ec641; border-color: #80b23a; } .message .message-type-4 { background: #fddb55; border-color: #e8c64e; } .message .message-type-8 { background: #F0947B; border-color: #d5684d; } .message span { font-weight: bold; flex: 1; } .message .message-type-1 span, .message .message-type-2 span { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .message .message-type-4 span , .message .message-type-8 span { color: #222; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .message .close-message { display: inline-block; flex-grow: 0; margin-left: 5px; padding: 0 5px; text-align: center; color: #000; font-weight: bold; cursor: pointer; } .message-small { margin-top: 10px; height: auto; } .message-small .message-content { padding: 4px 4px 3px; height: auto; line-height: normal; } .message-small span { font-weight: normal; padding: 0 30px 0 0; } .message-small .close-message { top: 3px; right: 3px; } #popup .message { margin-top: 0; } #popup .message + .message { margin-top: 15px; } /* #popup { display: none; position: relative; z-index: 100; } #popup #popup-shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,0.6); } #popup #popup-container { padding: 1%; background: #1E2B39; position: absolute; top: 25px; z-index: 1; max-width: 800px; width: 96%; left: 50%; box-shadow: 0 2px 50px rgba(255,255,255,0.1); border-radius: 5px; margin-bottom: 50px; } #popup #popup-container #popup-close { position: absolute; right: 10px; top: 10px; color: #fff; cursor: pointer; font-weight: bold; font-size: 1.5em; } */ /* #popup { position: relative; z-index: 100; } #popup .popup-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #popup .popup-shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,0.6); } #popup .popup-container { padding: 2%; position: relative; top: 85px; z-index: 1; max-width: 800px; width: 100%; box-sizing: border-box; margin: 0 auto; background: #1E2B39; border-radius: 3px; box-shadow: 0 2px 20px rgba(0,0,0,.4); } #popup .popup-container .popup-close { top: -9px; right: -9px; } #popup .action-popup h3 { margin-top: 0; } #popup .action-popup .btn { margin-right: 10px; } */ #popup { position: relative; z-index: 100;} #popup .popup-container { position: fixed; display: flex; flex-flow: wrap row; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; overflow-y: auto; } #popup .popup-shadow { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); } #popup .popup-content { position: relative; padding: 25px; margin: 25px auto; background: #1E2B39; border-radius: 3px; box-shadow: 0 2px 20px rgba(0,0,0,.4); box-sizing: border-box; } #popup .popup-close { position: absolute; bottom: calc(100% + 10px); right: 0; background-color: #506784; color: #fff; border-radius: 3px; padding: 3px 7px; cursor: pointer; } #popup .popup-close:hover { background-color: #39495e; } #popup .popup-container::-webkit-scrollbar-track { background-color: transparent; } #popup .popup-container::-webkit-scrollbar { width: 5px; background-color: transparent; } #popup .popup-container::-webkit-scrollbar-thumb { background-color: #1E2B39; } @media (max-width: 37.5em) { #popup #popup-container { padding: 3%; width: 92%; } } .btn-social-share.fb { background-color: #3b5999 !important; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAMxJREFUeNpi/P//PwO9ARPDAIABsZSFAr1ODAwM3gwMDDxIYt8ZGBgKCOr8//8/qVj6////5/9jBx+IMYOc4F3EwMBgQM841YUGKy7wnRZxqo5F7BoDA0MrAwPDTQYGhl+0sFQUi9gUBgaGZcMmy/hBs4cWFrkopIT1lIGBoYlaWab9P3FgI62yDD5weSDi9CY14/QUAwPDLGic2qDJHYFmGxibgdrFYCaWeMwktSgdOVXbqKWjlo5aStPW4DVocYguRhJgHG3h0xIABgD8ZzO/PIuz4wAAAABJRU5ErkJggg==') !important; } .btn-social-share.tw { background-color: #55ACEE !important; background-image: url('data:image/png;base64,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') !important; } .btn-social-share.gp { background-color: #dd4b39 !important; background-image: url('data:image/svg+xml;utf-8,') !important; } #trashsim-title-wrapper { margin: 50px 0; display: flex; } #trashsim-title { margin: 0; } #trashsim-title a { color: #fff; text-decoration: none; } #trashsim-menu { position: absolute; top: -5px; right: 0; text-align: center; display: none; } #trashsim-menu ul { list-style: none; padding: 0; margin: 0; } #trashsim-menu ul li { text-align: left; margin-bottom: 15px; } #trashsim-menu ul li:last-child { margin-bottom: 0; } #trashsim-menu ul li a { display: block; background: #1E2B39; border: 1px solid #3c4d60; color: #f1f1f1; box-shadow: 0 0 10px rgba(0,0,0,0.6); font-size: 1.3em; border-radius: 7px; text-decoration: none; padding: 3%; } #trashsim-menu ul li a:hover { background: #3c4d60; border: 1px solid #1E2B39; } #trashsim-top-ad { flex: 1; margin-left: 50px; max-height: 150px; } .ai-collective { margin: -25px 0; cursor: pointer; display: block; height: calc(100% + 50px); background: url(../img/trashsim-banner-large.gif) center right no-repeat; background-size: contain; } @media (max-width: 84em) { .ai-collective { background-image: url(../img/trashsim-banner-medium.gif); } } @media (max-width: 50em) { #trashsim-title { font-size: 4em; text-align: center; } #trashsim-menu { position: relative; top: 0; left: 0; } #trashsim-menu li { display: inline-block; margin: 0 10px; } } @media (max-width: 35em) { #trashsim-title-wrapper { flex-flow: row wrap; margin: 25px 0 0; } #trashsim-title { flex: 1 0 100%; font-size: 3em; } #trashsim-top-ad { display: block; min-height: 75px; margin: 15px 0 0; flex: 1 0 100%; } .ai-collective { margin: 0; background-position: center; height: 100%; } } .sbl-wrapper { position: fixed; z-index: 8999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); } .sbl-wrapper .sbl-loader { position: absolute; width: 128px; height: 128px; left: 50%; top: 50%; margin: -64px 0 0 -64px; } .sbl-wrapper .sbl-loader img { width: 100%; height: auto; display: block; } /*** Uv Tooltip ***/ #stt_Cloud { position: absolute; top: 0; left: 0; } .stt_Tooltip { color: #aaa; border-radius: 3px; border: 1px solid #353a40; padding: 3px; min-height: 14px; background: #1E2B39; } .arrow { position: absolute; } .arrow-stt-bottom { top: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #1E2B39; } .arrow-stt-top { bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #1E2B39; } .arrow-stt-left { right: -10px; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1E2B39; } .arrow-stt-right { left: -10px; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #1E2B39; } #contributors h2 { font-size: 4em; } #contributors .contributors-block { padding: 3%; border-radius: 3px; background: #1E2B39; } #contributors .contributors-block h3 { font-size: 3em; margin: 0 0 20px; } #contributors .contributors-block ul { list-style: none; padding: 0; margin: 0; } #contributors .contributors-block ul li { font-size: 1.5em; background: #39495e; padding: 2%; border: 1px solid rgba(112, 139, 159, 0.2); border-bottom: 0; } #contributors .contributors-block ul li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } #contributors .contributors-block ul li:last-child { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: 1px solid rgba(112, 139, 159, 0.2); } #contributors .contributors-block ul li img { vertical-align: middle; margin-right: 10px; } @media (max-width: 50em) { #contributors { padding: 0 5%; } } #simulate-form { display: flex; flex-flow: row wrap; } .btn-close { position: absolute; cursor: pointer; width: 20px; height: 20px; font-weight: bold; text-align: center; line-height: 20px; border-radius: 50%; background: #39495e; border: 1px solid #8ab3e2; } .btn-close:hover { background: #506784; } #actions-bottom { order: 3; flex: 1 0 100%; position: relative; z-index: 1; } #simulate-button { padding: 7px; font-size: 1.6em; text-align: center; } #simulate-button-bottom { font-size: 1.5em; display: block; box-sizing: border-box; padding: 15px; border-radius: 3px; margin-top: 15px; text-align: center; } #wave-buttons { display: flex; flex-flow: row wrap; margin-top: 15px; position: relative; justify-content: center; } #wave-buttons .btn-wave { display: inline-block; flex: 1 0 44%; order: 1; font-size: 1.2em; text-align: center; padding: 10px; box-sizing: border-box; opacity: 0.7; color: #ccc; background-color: #39495e; } #wave-buttons .btn-wave + .btn-wave { margin-left: 2%; } #wave-buttons .btn-wave.active { opacity: 1; color: #fff; background-color: #506784; } #wave-buttons #wave-current { flex: 0 0 2%; } #wave-buttons #wave-clear { position: absolute; margin: 2% 0 0; right: 0; top: 100%; } #results { margin-top: 15px; /* display: none; */ order: 4; flex: 1 0 100%; position: relative; z-index: 0; } #results-cases {} #results-cases ul { list-style: none; margin: 0; padding: 0; opacity: 0.5; transition: opacity 0.5s; } #results-cases ul li { display: inline-block; background: #39495e; padding: 10px; cursor: pointer; } #results-cases ul li:first-child { border-top-left-radius: 3px; } #results-cases ul li:last-child { border-top-right-radius: 3px; } #results-cases ul li.active { background: rgba(30, 43, 57, 0.9); padding-bottom: 11px; margin-bottom: -1px; } #results-cases ul li span { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/cases.png) no-repeat center; background-size: cover; } #results-cases ul li#results-case-average span { background-position: 0 0; } #results-cases ul li#results-case-attackersBest span { background-position: -34px 0; } #results-cases ul li#results-case-attackersWorst span { background-position: -68px 0; } #results-cases ul li#results-case-defendersBest span { background-position: -102px 0; } #results-cases ul li#results-case-defendersWorst span { background-position: -136px 0; } #results-cases ul li#results-case-recyclersHighest span { background-position: -170px 0; } #results.active #results-cases ul { opacity: 1; } .results-tables { background-color: rgba(30, 43, 57, 0.9); border-radius: 0 3px 3px 3px; padding: 1%; display: flex; flex-flow: wrap row; border: 1px solid rgba(30, 43, 57, 0.9); } .results-tables.custom-case { border-color: rgba(255, 205, 5, 0.5); } .results-tables .result-table { float: left; border: 1px solid rgba(57, 73, 94, 0.5); border-radius: 3px; } .results-tables .result-table + .result-table { margin-left: 1%; } .results-tables table { border-collapse: collapse; width: 100%; } .results-tables table .resource { background-image: url(../img/resources.jpg); background-size: 250px 20px; width: 30px; height: 20px; } .results-tables table .resource-metal { background-position: 0 0; } .results-tables table .resource-crystal { background-position: -30px 0; } .results-tables table .resource-deuterium { background-position: -60px 0; } .results-tables table .resource-total { font-size: 1.3em; text-align: center; } .results-tables table tr th, .results-tables table tr td { border: 1px solid rgba(57, 73, 94, 0.2); padding: 4px; } .results-tables table tr th { background: #151F29; } .results-tables table tr td:nth-child(odd) { width: 30px; } .results-tables table tr td:nth-child(even) { width: 105px; text-align: right; } .results-tables table tr #result-moonchance { text-align: center; font-size: 1.3em; } .results-tables table tr #result-recyclers { text-align: right; } .results-tables table tfoot th { font-weight: normal; } .results-tables .result-table-plunder tr td:nth-child(5) { text-align: right; } .results-tables .result-table-plunder tr td:nth-child(6) { text-align: left; } .results-tables .result-table td.profit { background: rgba(142, 198, 65, 0.3); } .results-tables .result-table td.loss { background: rgba(240, 148, 123, 0.3); } .results-tables .fixed { height: 20px; } .results-tables .total td { background: rgba(21, 31, 41, 0.5); color: #ddd; } #results .result-table:nth-child(1) { flex: 1 0 21%; order: 1; } #results .result-table:nth-child(2), #results .result-table:nth-child(3) { flex: 1 0 38%; order: 3; } #results .result-table:nth-child(4) { flex: 1 0 36%; order: 4; margin: 1% 0 0 0; } #results .result-table:nth-child(5) { flex: 1 0 62%; order: 5; margin-top: 1%; } #results .result-table:nth-child(6) { flex: 1 0 100%; order: 6; margin: 1% 0 0; } #results #simulation-result .case-winner { background-color: rgba(255, 205, 5, 0.15); } #results #simulation-result table tr td:nth-child(odd) { width: auto; } #results #simulation-result table tr td:nth-child(even) { width: 50px; text-align: center; } #results .tooltip-hover { cursor: pointer; } .tooltip-content { width: 200px; display: none; padding: 5px; color: #fff; } .result-recyclers-hst, .result-cargos-tech-indicator { text-align: center !important; } #results-total { margin-top: 25px; order: 5; flex: 1 0 100%; } #results-total-title { padding: 15px 20px; background: rgba(30, 43, 57, 0.9); border-top-right-radius: 3px; border-top-left-radius: 3px; display: inline-block; margin-bottom: -1px; } #results-total-title h3 { margin: 0; font-size: 2rem; } #results-total .result-table:nth-child(1), #results-total .result-table:nth-child(2) { flex: 1 0 49%; order: 1; } #results-total .result-table:nth-child(3) { flex: 1 0 60%; order: 3; margin-left: 0; } #results-total .result-table:nth-child(4) { flex: 1 0 38%; order: 4; } #results-total .result-table:nth-child(3), #results-total .result-table:nth-child(4) { margin-top: 1%; } #parties { margin-top: 25px; order: 1; flex: 1 0 100%; } #parties .list { list-style: none; padding: 0; margin: 0; } #parties .party-column:nth-child(1) { float: left; margin-left: 0; } #parties .party-column:nth-child(2) { float: left; } #parties #planet-settings-column { float: left; margin-right: 0; } #parties #planet-settings-column .inner-column { width: 100%; } #parties #planet-column { float: left; margin-right: 0; position: relative; } #parties #settings-column { float: right; margin-top: 3%; } #parties .party-column { width: 32%; margin: 0 1%; } #parties .party-column .content { background: rgba(30, 43, 57, 0.9); padding: 6%; border-radius: 3px; position: relative; } #parties .party-column h3 { margin: 0 0 3%; font-size: 1.3em; position: relative; } #parties .party-column > h3 { background: rgba(30, 43, 57, 0.9); font-size: 1.6em; padding: 7px 10px; border-radius: 3px; margin-bottom: 15px; } #parties .party-column > h3::after { content: ""; width: 24px; height: 24px; background: url(../img/header-spread.png); background-size: cover; position: absolute; right: 10px; top: 7px; } #parties .party-column > h3 .live-retreat { position: absolute; right: 54px; font-weight: 300; } #parties .party-column:nth-child(1) > h3::after { background-position: 0 0; } #parties .party-column:nth-child(2) > h3::after { background-position: -24px 0; } #parties .party-column .content { border-top-left-radius: 0; } #parties #planet-settings-column .top-content { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 15px; } #parties #planet-settings-column .top-content #simulate-button { -webkit-flex: auto; -ms-flex: auto; flex: auto; } #parties #planet-settings-column .top-content .btn-top { padding: 6.5px; margin-left: 10px; } #parties #planet-settings-column .top-content .btn-top img { height: 25px; display: block; } #parties #planet-settings-column .content { border-top-left-radius: 3px; } #share-button::before, #save-button::before { content: ""; display: block; width: 25px; height: 25px; background: url(../img/header-spread.png); background-size: cover; } #share-button::before { background-position: -75px 0; } #save-button::before { background-position: -50px 0; } #parties .party-selection { position: relative; } #parties .party-selection ul { } #parties .party-selection ul li { float: left; padding: 9px; background: #39495e; font-size: 1.6em; font-weight: bold; cursor: pointer; position: relative; } #parties .party-selection ul li:first-child { border-top-left-radius: 3px; } #parties .party-selection ul li.selected { background: rgba(30, 43, 57, 0.9); } #parties .party-selection ul li.invalid::after, #parties .party-selection ul li.warning::after { content: "!"; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 50%; color: #fff; font-weight: bold; position: absolute; top: -2px; left: -2px; font-size: 0.9rem; } #parties .party-selection ul li.invalid::after { background: rgb(255,88,88); } #parties .party-selection ul li.warning::after { background: #fddb55; color: #000 } #parties .party-selection .add-player { padding: 9px 14px; background: #506784; border-top-right-radius: 3px; } #parties .party-column .party-values > li { display: none; position: relative; } #parties .party-column .party-values > li.selected { display: list-item; } #parties .party-column h4 { margin: 10px 0 5px; } #parties .party-column .remove-player { top: -3%; right: -2%; } #parties .party-column .input-sr-key { border: 0; border-radius: 3px; } #parties .party-column .party-api-wrapper label { display: block; } #parties .party-column .party-api-wrapper input { float: right; width: 80%; } #parties .party-column .party-api-wrapper .party-api-load { margin-top: 5px; border-radius: 3px; padding: 4px 6px; text-align: center; } #parties .party-column .player-classes { display: flex; flex-flow: row wrap; align-items: center; margin: 10px 0 5px; } #parties .party-column .player-classes h4 { flex: 1 0 auto; margin: 0; } #parties .party-column .player-class-selection { list-style: none; margin: 0; padding: 0; display: flex; } #parties .party-column .player-class-selection li { width: 32px; display: inline-block; border-radius: 50%; } #parties .party-column .player-class-selection li + li { margin-left: 5px; } #parties .party-column .player-class-selection li label { display: block; cursor: pointer; } #parties .party-column .player-class-selection li label span { display: block; padding-top: 100%; height: 0; text-indent: -9999px; background: url(../img/classes.png); transition: 0.25s; background-size: 128px; background-position-y: 100%; } #parties .party-column .player-class-selection li.selected span { background-position-y: 0; } #parties .party-column .player-class-selection li label input { display: none; } #parties .party-column .player-class-selection li.player-class-none label span { background-position-x: 0; } #parties .party-column .player-class-selection li.player-class-collector label span { background-position-x: 33.333%; } #parties .party-column .player-class-selection li.player-class-general label span { background-position-x: 66.666%; } #parties .party-column .player-class-selection li.player-class-discoverer label span { background-position-x: 100%; } #parties .party-column .player-techs-wrapper { display: flex; flex-flow: wrap row; } #parties .party-column .player-techs { flex: 1 0 48%; box-sizing: border-box; } #parties .party-column .player-techs:nth-child(2n+0) { margin-left: 4%; } #parties .party-column .player-techs-hyper { flex: 1 0 100%; margin: 0 !important; } #parties .party-column .player-techs input.invalid { background-color: rgb(255,88,88); } #parties .party-column .player-techs input.warning { background-color: #fddb55; } #parties .party-column .player-techs .tech-bonus { color: rgba(255, 205, 5, 1); } #parties .party-column ul.simulate-values { padding: 0; margin: 10px 0 0; list-style: none; } #parties .party-column ul.simulate-values li { margin-top: 2px; } #parties .party-column ul.simulate-values li:focus-within, #parties .party-column ul.simulate-values li:hover { font-weight: bold; } #parties .party-column ul.simulate-values li label { display: flex; flex-flow: row nowrap; align-items: center; } #parties .party-column ul.simulate-values li .label-text { flex-grow: 1; display: inline-block; } #parties .party-column ul.simulate-values li select, #parties .party-column ul.simulate-values li input { flex-shrink: 0; border: 0; border-radius: 3px; width: 22%; padding: 1px 0 1px 2.5px; } #parties .party-column ul.simulate-values li input[disabled="disabled"] { opacity: 0.1; } #parties .party-column ul.simulate-values li .entity-dome { display: none; } #parties .party-column ul.simulate-values li input[type="checkbox"] { margin: 4px 0; } #parties .party-column ul.simulate-values li .entity-remaining { margin: 0 10px 0 0; } #parties .party-column ul.simulate-values li .entity-remaining.custom-case { color: rgb(255,205,5); text-decoration: underline rgba(255, 205, 5, 0.25); } #parties .party-column .player-coordinates { margin-top: 20px; } #parties .party-column .player-coordinates input, #parties .party-column .player-coordinates select { border: 0; border-radius: 3px; padding: 1px 0 1px 2.5px;} #parties .party-column .player-coordinates input { width: 27%; } #parties .party-column .player-coordinates h4 { margin-top: 15px; } #parties .party-column .player-coordinates h4 > div { float: right; text-align: right; width: 63%;} #parties .party-column .player-flight-data { margin-top: 8px; } #parties .party-column .player-flight-data.disabled { opacity: 0.3; } #parties .party-column .player-flight-data span { float: right; } #parties .party-column .content .btn { background: rgba(57, 73, 94, 0.4); text-align: center; padding: 5px; margin-top: 10px; } #parties .party-column .content .btn:hover { background: rgba(80, 103, 132, 0.4); } #parties .party-column .content .clear-player { } #parties .party-column .player-bottom-actions { display: flex; flex-flow: wrap row; margin-top: 10px; } #parties .party-column .player-bottom-actions .btn { flex: 1 0 48%; margin-top: 10px; box-sizing: border-box; } #parties .party-column .player-bottom-actions .btn + .btn { margin-left: 4%; } #parties #planet-column .planet-resource { float: left; width: 30%; margin: 0 2.5%; } #parties #planet-column .planet-resource:first-child { margin-left: 0; } #parties #planet-column .planet-resource:last-child { margin-right: 0; } #parties #planet-column .planet-resource input { border: 0; border-radius: 3px; width: 95%; padding: 0.5% 0 0.5% 5%; margin-top: 5px; } #parties #planet-column ul.simulate-values li:last-child { margin-top: 7px; border-top: 1px solid rgba(57, 73, 94, 0.4); padding-top: 3px; font-style: italic; } #ipm-simulate { background: url(../img/techs.jpg); width: 28px; height: 28px; position: absolute; right: 6%; border-radius: 3px; cursor: pointer; z-index: 1; border: 1px solid #506784; } #ipm-simulate:hover { border-color: #fff; } #ipm-simulate-tooltip { display: none; padding: 5px; color: #fff; width: 200px; } #parties #settings-column .settings-title { display: flex; align-items: flex-start; } #parties #settings-column .settings-expand { display: inline-block; padding: 2px; margin: 0 0 0 15px; font-size: 1rem; font-weight: normal; background-color: #506784; } #parties #settings-column input[type="number"] { width: 21%; } #parties #settings-column input[type="checkbox"] { margin: 4.75px 0; } .simulation-background { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; padding-top: 60px; box-sizing: border-box; z-index: 1; } #simulation-progress { } #simulation-progress.working { display: block; } #simulation-progress #progress-content { width: 320px; padding: 20px; margin: 100px auto 0; text-align: center; box-sizing: border-box; } #simulation-progress #progress-title { margin: 0; font-size: 1.6em; } #simulation-progress #simulations-progress { font-size: 1.8em; margin-top: 10px; } #simulation-progress #progress-bar { width: 100%; height: 30px; border-radius: 3px; margin-top: 15px; padding: 5px; background: rgba(242,103,33,0.3)/*rgb(242,103,33)*/; box-sizing: border-box; } #simulation-progress #progress-bar #progress-status { width: 0; height: 20px; background: rgb(242,103,33); border-radius: 3px; } #simulation-progress #progress-rounds-wrapper { display: inline-block; } #simulation-progress #progress-rounds-wrapper, #simulation-progress #progress-message { background: #000; padding: 10px; border-radius: 3px; margin-top: 10px; } #simulation-progress #cancel-simulation { margin-top: 15px; padding: 7px; border-radius: 3px; background: rgba(85, 85, 85, 0.4); display: inline-block; cursor: pointer; } #cr-howto { margin-top: 80px; } #cr-howto ol { list-style: none; margin: 120px 0 0; padding: 0; } #cr-howto ol li { float: left; width: 31%; margin: 0 1.7%; background: #151F29; position: relative; border-radius: 7px; box-shadow: 0px 2px 8px rgba(0,0,0,0.9); cursor: pointer; } #cr-howto ol li:first-child { margin-left: 0; } #cr-howto ol li:last-child { margin-right: 0; } #cr-howto ol li .cr-howto-image { background: url(../img/sr-howto-steps.jpg); background-size: cover; width: 100%; } #cr-howto ol li .cr-howto-image::before { content: ""; padding-top: 44%; display: block; opacity: 0; background: transparent; } #cr-howto ol li .cr-howto-image-step1 { background-position: 0 0; } #cr-howto ol li .cr-howto-image-step2 { background-position: 0 50%; } #cr-howto ol li .cr-howto-image-step3 { background-position: 0 100%; } #cr-howto ol li .cr-howto-pin { border-radius: 50%; font-size: 3em; text-align: center; width: 60px; height: 60px; line-height: 60px; position: absolute; top: -80px; left: 50%; margin-left: -30px; background: #fff; color: #1E2B39; box-shadow: 0 0 10px rgba(0,0,0,0.6); } #cr-howto ol li img { width: 100%; height: auto; } #cr-howto ol li .cr-howto-content { padding: 0 7% 3%; font-size: 17px; } #cr-howto ol li.selected { clear: both; width: 100%; margin: 100px 0; } #cr-howto ol li.selected:first-child { margin-top: 0; } #cr-howto ol li.selected .cr-howto-pin { left: 0; margin-left: 0; } #cr-howto ol li.selected .cr-howto-content { padding: 0 2% 3%; } #options { margin: 80px 0 25px; } #options .subtitle { margin-bottom: 50px; } #options-container { background: rgba(30, 43, 57, 0.9); padding: 20px; border-radius: 3px; } #options ul { list-style: none; margin: 0; padding: 0; } #options ul li + li { margin-top: 10px; } #options ul li.enabled { border-radius: 3px; border: 1px solid #506784; } #options ul li > label { padding: 10px; border-radius: 3px; background-color: #39495e; display: block; cursor: pointer; } #options ul li:hover > label, #options ul li.enabled > label { background-color: #506784; } #options ul li label input, #options ul li label span { vertical-align: middle; } #options ul li .extra { padding: 10px; } #options ul li .extra label span { display: block; } #options ul li input[type="text"], #options ul li input[type="number"] { border-radius: 3px; border: 0; padding: 3px; margin-top: 5px; } .controller-simulator { transition: 3s; } .controller-simulator.aMostarisSpecial { transform: rotateZ(180deg); filter: invert(100%); } @media (min-width: 84em) { #parties { margin-top: 0; width: 61.5%; flex: 1 0 auto; margin-right: 0.5%; } #parties .party-column { width: 32.66666%; margin: 0 0.5%; } #parties #settings-column { margin-top: 6.7%; } #simulate-form { position: relative; } #results { width: 37%; display: block; order: 2; flex: 1 0 auto; margin-top: 0; } #results-tables { padding: 3%; } #results .result-table:nth-child(1) { flex-basis: 35%; } #results .result-table:nth-child(4) { flex-basis: 59%; order: 2; margin: 0 0 0 2.3%; } #results .result-table:nth-child(2), #results .result-table:nth-child(3), #results .result-table:nth-child(5) { flex-basis: 100%; margin: 2.3% 0 0; } #results-total .result-table + .result-table { margin: 0 0 0 0.5%; } #results-total .result-table:nth-child(1), #results-total .result-table:nth-child(2) { flex: 1 0 29%; } #results-total .result-table:nth-child(3) { flex: 1 0 25%; } #results-total .result-table:nth-child(4) { flex: 1 0 14%; } #results table tr th { padding: 6px; } #trashsim-menu { max-width: 250px; } #trashsim-menu ul li { } /*#home-bottom-ad { margin: 0; position: absolute; top: -0.8%; right: 275px; width: 55%; }*/ #home-bottom-ad .adsense-title { padding: 0; border: 0; } } @media (max-width: 50em) { #actions-bottom, #results { width: 98%; margin: 15px 1% 0; } #results .result-table { float: none !important; width: 100% !important; margin: 0 0 10px !important; } #results .result-table:nth-child(1) { flex-basis: 35%; } #results .result-table:nth-child(4) { flex-basis: 59%; order: 2; margin: 0 0 0 2.3%; } #results .result-table:nth-child(2), #results .result-table:nth-child(3), #results .result-table:nth-child(5) { flex-basis: 100%; margin: 2.3% 0 0; } #results-total .result-table:nth-child(1), #results-total .result-table:nth-child(2) { flex-basis: 100%; margin: 0 0 10px; } #results-total .result-table:nth-child(3), #results-total .result-table:nth-child(4) { margin-top: 0; } #parties .party-column { width: 48%; margin: 0 1% 2% !important; } #parties .party-column .content { padding: 4%; } #parties #planet-settings-column { clear: both; float: none; width: 98%; } #parties #planet-settings-column .inner-column { width: 49%; } #parties #planet-settings-column .top-content { width: 49%; float: right; } #parties #settings-column { margin-top: 0; } } @media (max-width: 37em) { #wave-buttons #wave-clear { position: relative; flex: 0 0 auto; font-size: 1rem; margin-top: 4%; } #results .result-table:nth-child(1), #results .result-table:nth-child(4) { flex-basis: 100%; } #results .result-table:nth-child(4) { order: 4; } #results-total .result-table:nth-child(3), #results-total .result-table:nth-child(4) { flex-basis: 100%; margin: 0 0 10px; } #parties .party-column { width: 98%; margin: 0 1% 2% !important; } #parties #planet-settings-column .inner-column { width: 100%; } #parties #planet-settings-column .top-content { width: 100%; float: none; margin-bottom: 2%; } #parties #settings-column { margin-top: 2%; } #cr-howto h2.subtitle { text-align: center; } #cr-howto ol { margin-top: 0; } #cr-howto ol li, #cr-howto ol li.selected { float: none; width: 80%; margin: 0 0 30px 16% !important; } #cr-howto ol li .cr-howto-pin, #cr-howto ol li.selected .cr-howto-pin { top: 0; left: -10%; font-size: 2em; width: 40px; height: 40px; line-height: 40px; margin-left: -20px; } } .cssload-cube { margin-left: -58px; margin-top: -58px; width: 117px; height: 117px; margin: 0 auto; padding: 58px 0; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; animation: cssload-move-cube infinite 2.73s; -o-animation: cssload-move-cube infinite 2.73s; -ms-animation: cssload-move-cube infinite 2.73s; -webkit-animation: cssload-move-cube infinite 2.73s; -moz-animation: cssload-move-cube infinite 2.73s; } .cssload-plane-1, .cssload-plane-2, .cssload-plane-3 { width: 117px; height: 117px; position: absolute; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; } .cssload-plane-3 { transform: translate3d(0px, 0px, -58px); -o-transform: translate3d(0px, 0px, -58px); -ms-transform: translate3d(0px, 0px, -58px); -webkit-transform: translate3d(0px, 0px, -58px); -moz-transform: translate3d(0px, 0px, -58px); } .cssload-plane-2 { transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); } .cssload-plane-1 { transform: translate3d(0px, 0px, 58px); -o-transform: translate3d(0px, 0px, 58px); -ms-transform: translate3d(0px, 0px, 58px); -webkit-transform: translate3d(0px, 0px, 58px); -moz-transform: translate3d(0px, 0px, 58px); } .cssload-plane-1 div, .cssload-plane-2 div, .cssload-plane-3 div { border-radius: 50%; position: absolute; width: 8px; height: 8px; animation: cssload-reverse-circles infinite 2.73s; -o-animation: cssload-reverse-circles infinite 2.73s; -ms-animation: cssload-reverse-circles infinite 2.73s; -webkit-animation: cssload-reverse-circles infinite 2.73s; -moz-animation: cssload-reverse-circles infinite 2.73s; } .cssload-plane-1 div { background: rgb(242,103,33); } .cssload-plane-2 div { background: rgb(56,190,195); } .cssload-plane-3 div { background: rgb(255,205,5); } .cssload-top-left { top: 0; left: 0; } .cssload-top-middle { top: 0; left: 55px; } .cssload-top-right { top: 0; right: 0; } .cssload-middle-left { top: 55px; left: 0; } .cssload-middle-middle { top: 55px; left: 55px; } .cssload-middle-right { top: 55px; right: 0; } .cssload-bottom-left { bottom: 0; left: 0; } .cssload-bottom-middle { bottom: 0; left: 55px; } .cssload-bottom-right { bottom: 0; right: 0; } @keyframes cssload-move-cube { 0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 35% { transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 50% { transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 65% { transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 80% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-o-keyframes cssload-move-cube { 0% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 35% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 50% { -o-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 65% { -o-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 80% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-ms-keyframes cssload-move-cube { 0% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 35% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 50% { -ms-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 65% { -ms-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 80% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-webkit-keyframes cssload-move-cube { 0% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 35% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 50% { -webkit-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 65% { -webkit-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 80% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-moz-keyframes cssload-move-cube { 0% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 35% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(-180deg); } 50% { -moz-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 65% { -moz-transform: rotateX(-34.6deg) rotateY(44deg) rotateZ(0deg); } 80% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @keyframes cssload-reverse-circles { 0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 35% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 50% { transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 65% { transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 80% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-o-keyframes cssload-reverse-circles { 0% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 35% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 50% { -o-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 65% { -o-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 80% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-ms-keyframes cssload-reverse-circles { 0% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 35% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 50% { -ms-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 65% { -ms-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 80% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-webkit-keyframes cssload-reverse-circles { 0% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 35% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 50% { -webkit-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 65% { -webkit-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 80% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } @-moz-keyframes cssload-reverse-circles { 0% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 20% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 35% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 50% { -moz-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 65% { -moz-transform: rotateX(35deg) rotateY(-35deg) rotateZ(0deg); } 80% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } #notsupported h3 { font-size: 2em; padding: 3%; border-radius: 3px; background: #1E2B39; font-weight: 300; } #userprojects h2 { font-size: 4em; } #userprojects > p { font-size: 2em; } #userprojects .userprojects-block { padding: 3%; border-radius: 3px; background: #1E2B39; } #userprojects .userprojects-block h3 { margin: 0; font-size: 1.6em; } #userprojects .userprojects-block a { color: #fff; text-decoration: underline; cursor: pointer; } #userprojects .userprojects-block .userprojects-item { margin: 25px 0; background: #39495e; padding: 2%; border: 1px solid rgba(112, 139, 159, 0.2); border-radius: 3px; } #userprojects .userprojects-block .userprojects-item:last-child { margin-bottom: 0; } #userprojects .userprojects-block .userprojects-item p { word-break: break-word; word-wrap: break-word; } #userprojects .userprojects-block .userprojects-item p:first-child { margin-top: 0; } #userprojects .userprojects-block .userprojects-item p:last-child { margin-bottom: 0; } #userprojects .userprojects-json-table { border-collapse: collapse; text-align: center; } #userprojects .userprojects-json-table tr th { background: #151F29; } #userprojects .userprojects-json-table tr td { background: rgba(21, 31, 41, 0.5); } #userprojects .userprojects-json-table tr th, #userprojects .userprojects-json-table tr td { border: 1px solid rgba(57, 73, 94, 0.2); padding: 4px; } #userprojects #userprojects-languages span { padding: 2px 5px; background: #39495e; border: 1px solid rgba(112, 139, 159, 0.2); border-radius: 3px; } @media (max-width: 50em) { #userprojects { padding: 0 5%; } } .ipm-controller { } .ipm-controller .popup-content { max-width: 320px; margin-top: 40px !important; } .ipm-controller h3 { margin-top: 0; } .ipm-controller ul { padding: 0; margin: 10px 0 0; list-style: none; } .ipm-controller ul li { clear: both; margin-top: 4px; } .ipm-controller ul li .ipm-target-fake, .ipm-controller ul li input[type="radio"] { display: inline-block; width: 5%; margin: 0 3% 0 0; height: 15px; vertical-align: middle; cursor: pointer; } .ipm-controller ul li label { display: inline-block; width: 100%; } .ipm-controller ul li label input { float: right; border: 0; border-radius: 3px; width: 20%; padding: 0.5% 0 0.5% 1%; } .ipm-controller ul li label input[disabled="disabled"] { opacity: 0.1; } .ipm-controller ul li label span { float: right; margin: 2px 10px 0 0; } .ipm-controller ul li label .entity-dome { display: none; } .ipm-controller ul li label .entity-dome-checkbox { margin: 4px 0; } .ipm-controller ul li label.ipm-count { margin-top: 3px; color: #999; } .ipm-controller ul li label.ipm-count .arrow { transform: rotate(90deg); font-size: 1.4em; margin: 0 20px 0 0; line-height: 0.9; position: relative; } .ipm-controller ul li label.ipm-count .ipm-max { float: none; margin: 0; } .ipm-controller ul li label.ipm-count input { padding: 0.25% 0 0.25% 1%; background-color: rgba(255, 255, 255, 0.9); } .ipm-controller #ipm-attacker-coordinates { text-align: right; } .ipm-controller #ipm-attacker-coordinates input { border: 0; border-radius: 3px; padding: 0.25% 0 0.25% 1%; width: 13%; } .ipm-controller #ipm-attacker-coordinates span { float: left; } .ipm-controller #ipm-attacker ul li label { width: 100%; } .ipm-controller .ipm-info { margin-top: 10px; } .ipm-controller .ipm-info span { float: right; } .ipm-controller .ipm-target-fake, .ipm-controller .ipm-target-hint { margin-top: 5px; color: #d29d00; } .ipm-controller #simulate-ipm-apply { padding: 10px; text-align: center; margin-top: 25px; } .ipm-result-table { border: 1px solid rgba(57, 73, 94, 0.5); border-radius: 3px; margin-top: 25px; } .ipm-result-table table { border-collapse: collapse; width: 100%; } .ipm-result-table table .resource { background-image: url(../img/resources.jpg); background-size: 250px 20px; width: 30px; height: 20px; } .ipm-result-table table .resource-metal { background-position: 0 0; } .ipm-result-table table .resource-crystal { background-position: -30px 0; } .ipm-result-table table .resource-deuterium { background-position: -60px 0; } .ipm-result-table table .resource-total { font-size: 1.3em; text-align: center; } .ipm-result-table table tr th, .ipm-result-table table tr td { border: 1px solid rgba(57, 73, 94, 0.2); padding: 4px; } .ipm-result-table table tr th { background: #151F29; } .ipm-result-table table tr td:nth-child(odd) { width: 30px; } .ipm-result-table table tr td:nth-child(even) { text-align: right; } .ipm-result-table table tfoot td { font-weight: normal; background: rgba(21, 31, 41, 0.5); color: #ddd; } #missingtech-wrapper { text-align: center; } #missingtech-wrapper h3:first-child { margin-top: 0; } #missingtech-question .btn { padding: 4%; box-sizing: border-box; margin-top: 20px; font-size: 1.17em; } .save-controller { } .save-controller .popup-content { max-width: 320px; width: 100%; } #save-wrapper h2, #save-wrapper ul { margin-top: 0; } #save-list ul { list-style: none; padding: 2%; background: #151F29; border-radius: 3px; margin: 0; } #save-list ul li { padding: 2%; margin-top: 2%; } #save-list ul li:first-child { margin-top: 0; } #save-list ul li.empty { } #save-list ul li span { background-color: rgba(57, 73, 94, 0.7); border-radius: 3px; display: block; float: left; margin-left: 3%; width: 92%; box-sizing: border-box; padding: 2%; cursor: pointer; } #save-list ul li span.selected { background-color: rgba(80, 103, 132, 1.0); } #save-list ul li span .remove { display: none; float: right; background: #1E2B39; padding: 0 4px; border-radius: 2px; } #save-list ul li span:hover .remove { display: block; } #save-list ul li input { float: left; margin: 2% 0 0; width: 5%; } #save-list #save-select { text-align: right; margin-bottom: 5px; } #save-list #save-default { padding-left: 6%; margin-top: 5px; } #save-list #save-select span, #save-list #save-default span { transform: rotate(-90deg); display: inline-block; margin-right: 5px; } #save-list #save-default #save-default-reset { display: inline-block; padding: 0 3px; margin-left: 10px; } #save-list #save-override { float: left; } #save-list #save-load { float: right; } #save-list #save-override, #save-list #save-load { width: 49%; opacity: 0.5; } #save-list.selected #save-override, #save-list.selected #save-load { opacity: 1.0; } #save-list #save-override, #save-list #save-load, #save-list #save-new-btn { padding: 1%; box-sizing: border-box; margin-top: 10px; text-align: center; } #save-new-wrapper input[type="text"] { border: none; border-radius: 3px; padding: 1% 2%; margin-left: 5px; } #save-new-wrapper #save-new { padding: 3%; text-align: center; opacity: 0.25; transition: 0.2s; } #save-new-wrapper #save-new.active { opacity: 1; } #save-new-wrapper #save-cancel { padding: 1%; text-align: center; margin-top: 15px; background: rgba(80, 103, 132, 0.2); } #save-new-wrapper ul { padding: 0; list-style: none; } #save-new-wrapper ul li { margin-bottom: 3px; } #save-new-wrapper ul li label { display: block; background-color: rgba(57, 73, 94, 0.7); margin-top: 10px; padding: 2%; border-radius: 3px; cursor: pointer; } #save-new-wrapper ul li label:first-child { margin-top: 0; } #save-new-wrapper ul li label input { margin: 0; vertical-align: middle; margin-right: 5px; } .share-controller { } .share-controller .popup-content { max-width: 400px; } .share-controller h2 { margin-top: 0; } .share-controller .share-link { margin: 15px 0; background-color: #151F29; padding: 10px; border-radius: 3px; } .share-controller .share-actions { text-align: right; } .share-controller .share-actions > div { vertical-align: middle; display: inline-block; } .share-controller .share-action-copy { padding: 10px; } .share-controller .share-copy-state { margin-right: 15px; padding: 3px 7px; background-color: #151F29; position: relative; border-radius: 3px; } .share-controller .share-copy-state::after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); border-left: 10px solid #151F29; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .share-controller .share-link-expiration { text-align: right; font-style: italic; font-size: 0.75rem; margin-top: 10px; }