[data-wrapper="skeleton"] {display:none;} [data-wrapper="above"].active [data-element="logo"] {background:#969696;border-radius:0px;} [data-wrapper="above"].active [data-element="logo"] span {filter:gray;filter:url("data:image/svg+xml;utf8,#grayscale");} [data-toggle="close"] code {color:#FFFFFF;} [data-toggle="goBack"] {width:40px;height:40px;display:none;position:absolute;top:10px;right:80px;z-index:1000;} [data-toggle="goBack"] code {width:40px;height:40px;line-height:40px;padding:0px;margin:0px;display:block;text-align:center;font-size:var(--size--h1);background:var(--color--red);color:var(--color--white);border-radius:50%;} [data-wrapper="tools"] {width:auto;display:none;position:fixed;top:10px;left:0px;right:0px;} [data-module="tools"] {width:1160px;margin:0px auto;} [data-inner="tools"] {width:50px;float:left;} [data-inner="tools"] a {width:50px;height:50px;margin:10px 0px 0px 0px;display:block;background:#FFFFFF;border-radius:5px;box-shadow:var(--shadow);} [data-inner="tools"] a code {width:50px;height:50px;line-height:50px;margin:0px;display:block;text-align:center;font-size:var(--size--h1);color:#333333;} [data-inner="shortcuts"] {width:50px;float:right;} [data-inner="shortcuts"] a {width:50px;height:50px;margin:10px 0px 0px 0px;display:block;background:#FFFFFF;border-radius:5px;box-shadow:var(--shadow);} [data-inner="shortcuts"] a code {width:50px;height:50px;line-height:50px;margin:0px;display:block;text-align:center;font-size:var(--size--h1);color:#333333;} [data-nav="modules"] {height:35px;padding:0px;margin:0px;position:absolute;top:10px;left:20px;} [data-nav="modules"] a {height:35px;margin:0px 10px 0px 0px;display:inline-block;font-size:var(--size--h2);color:#D6EAC8;border-radius:10px;} [data-nav="modules"] a code {width:35px;height:35px;line-height:35px;padding:0px;margin:0px;display:block;text-align:center;font-size:var(--size--h2);color:#D6EAC8;} [data-nav="modules"] a:hover {color:#508A2E;transition:var(--transition);} [data-nav="modules"] a:hover code {color:#508A2E;} [data-nav="modules"] [data-current="selected"] code {color:#FFFFFF;} [data-nav="logged"] {height:35px;padding:0px;margin:0px;position:absolute;top:10px;right:20px;} [data-nav="logged"] a {height:35px;margin:0px 0px 0px 10px;display:inline-block;position:relative;font-size:var(--size--h2);color:#D6EAC8;border-radius:10px;} [data-nav="logged"] a code {width:35px;height:35px;line-height:35px;padding:0px;margin:0px;display:block;text-align:center;font-size:var(--size--h2);color:#D6EAC8;} [data-nav="logged"] a code[data-icon="notifications"] {color:var(--color--gold)} [data-nav="logged"] a code[data-icon="messages"] {color:var(--color--gold)} [data-nav="logged"] a code[data-icon="requests"] {color:var(--color--gold)} [data-nav="logged"] a code[data-icon="question"] {color:var(--color--gold)} [data-nav="logged"] a mark {width:35px;height:35px;line-height:35px;padding:0px;margin:0px;display:none;text-align:center;font-size:var(--size--h5);background:#508A2E;color:#D6EAC8;border-radius:50%;} [data-nav="logged"] a:hover {color:#508A2E;transition:var(--transition);} [data-nav="logged"] a:hover code {color:#508A2E;transition:var(--transition);} [data-nav="logged"] a:hover mark {transition:var(--transition);} [data-nav="logged"] [data-current="selected"] {color:#FFFFFF;} [data-nav="logged"] [data-current="selected"] code {color:#FFFFFF;} [data-nav="logged"] [data-type="mention"]:hover code {display:none;} [data-nav="logged"] [data-type="mention"]:hover mark {display:block;} [data-nav="login"] {height:35px;padding:0px;margin:0px;position:absolute;top:10px;right:20px;} [data-nav="login"] a {height:35px;line-height:35px;margin:0px 0px 0px 20px;display:inline-block;position:relative;font-size:var(--size--h2);color:#D6EAC8;} [data-nav="login"] a:hover {color:#508A2E;transition:var(--transition);} [data-wrapper="apps"] {width:auto;height:calc(100% - 95px);margin:0px auto;display:none;position:fixed;top:75px;bottom:20px;left:0px;right:0px;z-index:950;} [data-wrapper="apps"] * {color:#3D3D3D;} [data-wrapper="apps"] p {margin-bottom:20px;} [data-module="apps"] {width:980px;height:auto;padding:20px 20px 0px 20px;margin:0px auto;position:absolute;top:0px;bottom:0px;left:20px;right:20px;background:#FFFFFF;border-radius:20px;} [data-module="apps"] [data-inner="apps"] {width:auto;height:auto;position:absolute;top:20px;bottom:20px;left:20px;right:20px;overflow-y:auto} [data-module="apps"] [data-inner="apps"] h1 {margin-bottom:20px;font-size:var(--size--h1);font-family:var(--font);color:var(--menu--color);} [data-module="apps"] [data-inner="apps"] h1 a {color:var(--menu--color);} [data-module="apps"] [data-inner="apps"] h1 a:hover code[data-icon="arrowRight"] {margin:0px 0px 0px 20px;} [data-module="apps"] [data-inner="apps"] h1 code[data-icon="home"], [data-module="apps"] [data-inner="apps"] h1 code[data-icon="explore"], [data-module="apps"] [data-inner="apps"] h1 code[data-icon="profile"], [data-module="apps"] [data-inner="apps"] h1 code[data-icon="bee"] {width:40px;height:40px;line-height:40px;margin:0px 10px 0px 0px;text-align:center;font-size:var(--size--h3);background:var(--menu--color);color:var(--menu--color--hover);border-radius:10px 50% 50% 10px;} [data-module="apps"] [data-inner="apps"] h1 code[data-icon="arrowRight"] {margin:0px 0px 0px 10px;font-size:var(--size--h2);color:var(--menu--color);transition:var(--transition);} [data-module="apps"] [data-inner="apps"] [data-element="map"] a {width:calc(100% / 5 - 22px);height:120px;margin:0px 20px 20px 0px;position:relative;display:inline-block;background-image:var(--menu--background--swirl);background-size:var(--menu--background--swirl--size);text-shadow:var(--menu--color--shadow);border-radius:10px;box-shadow:var(--shadow--inner);transition:var(--transition);} [data-module="apps"] [data-inner="apps"] [data-element="map"] a:hover h2 {height:70px;line-height:70px;font-size:var(--size--h1);} [data-module="apps"] [data-inner="apps"] [data-element="map"] a:hover code {width:100%;height:50px;line-height:50px;top:70px;font-size:var(--size--h3);} [data-module="apps"] [data-inner="apps"] [data-element="map"] a h2 {height:50px;line-height:50px;position:absolute;top:0px;left:0px;right:0px;text-align:center;font-family:var(--font);font-size:var(--size--h3);color:var(--menu--color);transition:var(--transition);} [data-module="apps"] [data-inner="apps"] [data-element="map"] a code {width:100%;height:70px;line-height:70px;margin:0px;display:block;position:absolute;top:50px;text-align:center;font-size:var(--size--h1);background:var(--menu--background);color:var(--menu--color);border-radius:0px 0px 10px 10px;box-shadow:var(--shadow--inner);transition:var(--transition);} [data-module="apps"]:after {height:0;line-height:0;clear:both;display:block;visibility:hidden;content:".";} #logged {padding:0px;margin:0px;position:absolute;top:10px;right:20px;list-style:none;} #logged a {min-width:40px;height:35px;line-height:35px;padding:0px;margin:0px;display:block;position:relative;} #logged span {height:35px;line-height:35px;padding:0px 10px;display:block;font-size:var(--size--h4);} #logged code {width:40px;height:35px;line-height:35px;margin:0px;display:block;text-align:center;font-size:var(--size--h3);border-radius:12px;} #logged code.iconClose {background:#E60000;color:#FFFFFF;} #logged mark {width:22px;height:22px;line-height:22px;position:absolute;top:-6px;right:-6px;z-index:950;text-align:center;background:var(--color--red);color:#FFFFFF;border-radius:50%;} #logged mark code {width:22px;height:22px;line-height:22px;text-align:center;font-size:var(--size--h6);animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective:1000px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;} #logged li {padding:0px;margin:0px 0px 0px 15px;float:left;position:relative;border-radius:12px;} #logged li.selected {background:#f7b500;} #logged li.selected code {color:#FFFFFF;} #logged li:hover {background:#FFFFFF;transition:var(--transition);} #logged li:hover code {color:#71C144;} #logged li:hover mark code {color:#FFFFFF;} #logged li:hover span {color:#71C144;} #logged_friends {width:100%;height:200px;position:absolute;bottom:0px;background:#141414} #wrapper_login {width:100%;height:auto;display:none;position:fixed;top:75px;bottom:20px;left:0px;right:0px;z-index:900;} #login {width:1020px;height:100%;margin:0px auto;position:relative;top:0px;bottom:0px;left:0px;right:0px;z-index:900;background:#FFFFFF;border-radius:30px} #login_inner {width:980px;height:calc(100% - 40px);position:relative;top:20px;bottom:20px;left:20px;right:20px;z-index:900;} #login_inner h1 {margin:0px 0px 20px 0px;font-size:var(--size--h1);} #login_inner h1 a {float:right;} #login_inner .box {padding:20px 0px 0px 0px} #login_inner .box .item .inner {padding:20px 0px 0px 0px;margin:0px 20px 20px 20px;} #login_inner .box .bud .inner {margin:0px 20px 20px 20px;} #login_inner dl.form {padding:0px;margin:0px;} #login__password {width:calc(100% - 50px);} #login__password__preview {width:50px;float:right;} #login__password__preview code {width:50px;height:40px;line-height:40px;padding:0px;margin:0px;text-align:center;font-size:var(--size--h2);} #wrapper_register {width:100%;height:auto;display:none;position:fixed;top:75px;bottom:20px;left:0px;right:0px;z-index:900;} #register {width:1020px;height:100%;margin:0px auto;position:relative;top:0px;bottom:0px;left:0px;right:0px;z-index:900;background:#FFFFFF;border-radius:30px} #register_inner {width:980px;height:calc(100% - 40px);position:relative;top:20px;bottom:20px;left:20px;right:20px;z-index:900;overflow-y:auto;} #register_inner h1 {margin:0px 0px 20px 0px;font-size:var(--size--h1);} #register_inner .box {padding:20px 0px 0px 0px} #register_inner .box .item .inner {padding:20px 0px 0px 0px;margin:0px 20px 20px 20px;} #register_inner .box .bud .inner {margin:0px 20px 20px 20px;} #register_inner dl.form {padding:0px;margin:0px;} #wrapper_forget {width:100%;height:auto;display:none;position:fixed;top:75px;bottom:20px;left:0px;right:0px;z-index:900;} #forget {width:1020px;height:100%;margin:0px auto;position:relative;top:0px;bottom:0px;left:0px;right:0px;z-index:900;background:#FFFFFF;border-radius:30px} #forget_inner {width:980px;height:calc(100% - 40px);position:relative;top:20px;bottom:20px;left:20px;right:20px;z-index:900;overflow-y:auto;} #forget_inner h1 {margin:0px 0px 20px 0px;font-size:var(--size--h1);} #forget_inner h1 a {float:right;} #forget_inner .box {padding:20px 0px 0px 0px} #forget_inner .box .item .inner {padding:20px 0px 0px 0px;margin:0px 20px 20px 20px;} #forget_inner .box .bud .inner {margin:0px 20px 20px 20px;} #forget_inner dl.form {padding:0px;margin:0px;}