tag{ cursor: pointer; border: 1px solid #CCC; border-radius: 4px; padding: 4px; margin: 2px 4px 2px 0px; display: inline-block; font-size: 16px; } tag:hover{ border: 1px solid #BBB; } .minime tag{ font-size: 12px !important; } .dev1_server_desc { font-size: 16px; margin: 0px !important; } .dev1_server_desc > div{ margin-bottom: 10px !important; } .dev1_short_frame, .dev1_short_frame_free{ color: #000; margin: 0px !important; margin-bottom: 10px !important; padding: 10px; border: 1px solid #CCC; border-radius: 4px; font-weight: initial; } .dev1_short_frame br, .dev1_short_frame_free br{ display: block !important; } .dev1_short_frame *{ color: #000 !important; font-size: 16px !important; } .dev1_short_cols > div{ width: 25%; display: inline-block; } .dev1_server_desc h4{ margin-bottom: 4px; } .last_news_text2{ width: 100%; } .last_news_text .dev1_short_frame{ color: #000; } .banner{ width: 100%; height: 400px; } .server_image{ width: 146px; height: 146px; border-radius: 5px; margin-right: 8px; background-size: cover !important; } .dev1_inline > div{ display: inline-block; vertical-align: top; } .servers_nav ul{ width: max-content !important; height: max-content !important; padding: 0px; box-shadow: 0px 0px 0px #00000000; } .servers_nav > ul > li > ul{ right: 0px; transform: translate(100%,0%); top: 0px; } .servers_nav > ul{ opacity: 0; margin-top: 40px; z-index: 100; position: absolute; transform: scale(0); width: max-content !important; height: max-content !important; background-color: #FFF; border-radius: 10px; } .servers_nav > ul li{ position: relative; display: block !important; float: unset !important; padding: 0px !important; margin: 0px !important; list-style-type: none; height: 32px !important; } .servers_nav > ul li ul{ position: absolute; display: none; z-index: 101; opacity: 0; margin: 0px; margin-left: 20px; } .servers_nav > ul li:hover ul{ position: absolute; display: block; opacity: 1; margin-left: 0px !important; box-shadow: 0px 3px 10px #00000060; transition: margin 0.3s, opacity 0.3s !important; } .servers_nav > ul li a{ position: relative; color: #000 !important; display: block; line-height: 32px !important; height: 32px !important; text-shadow: unset !important; background-color: #FFF !important; text-align: left !important; padding: 0 8px !important; margin: 0px !important; font-size: 14px !important; } .servers_nav > ul li a i{ position: absolute; right: 0px; height: 32px; line-height: 32px; padding: 0px 6px; font-size: 14px; } .servers_nav > ul div{ display: inline-block; width: 220px; height: min-content; vertical-align: top; } .servers_nav > ul li a:hover{ color: #FFF !important; line-height: 32px !important; text-shadow: unset !important; background-color: #007B8E !important; } .servers_nav:hover > ul{ opacity: 1; margin-top: 0px; transform: scale(1); box-shadow: 0px 3px 10px #00000060; transition: margin 0.3s, opacity 0.3s !important; } .servers_nav .punkt{ position: absolute; width: 8px !important; height: 8px !important; margin-top: 12px; left: 4px; border-radius: 4px; } .server_more{ cursor: pointer; margin-top: 26px; margin-right: 8px; padding: 0px 6px; line-height: 32px; border: 2px solid #FF802B; border-radius: 6px; color: #FF802B !important; display: inline-block; } .server_more:hover{ background-color: #FF802B; color: #FFF !important; } .server_more.selected{ background-color: #FF802B; color: #FFF !important; } .server_online_bar{ position: relative; height: 24px; border: 1px solid #BBB; width: 146px; border-radius: 5px; box-sizing: border-box; margin-top: 12px; } .server_online_bar p{ width: 100%; line-height: 24px; text-align: center; } .server_online_bar > div{ position: absolute; height: 22px; background-color: #00FF0050; top: 0px; max-width: 100% !important; z-index: -1; } .server_crew{ display: flex; flex-wrap: wrap; gap: 8px; } .server_crew a{ cursor: pointer; display: inline-block; padding: 8px; border: 1px solid #DDD; border-radius: 5px; width: 25%; box-sizing: border-box; flex-grow: 1; max-width: 242px; } .server_crew a:hover{ border-color: #AAA; transition: border-color 0.3s; } .server_crew a .playerface{ width: 43px; height: 43px; border-radius: 4px; } .server_crew a div{ color: #000; display: inline-block; vertical-align: top; } .server_crew a .playerdesc{ vertical-align: middle; margin-left: 8px; margin-top: 4px; } .server_mon_canvas{ border: 1px solid #CCC; border-radius: 4px; } .server_page_nav{ display: flex; gap: 8px; } .server_page_nav .server_more{ margin-top: 0px !important; margin-bottom: 12px; margin-right: 0px; flex-grow: 1; text-align: center; } /* end */