Mediawiki:common.css

Вернуться

Line 1,100: Line 1,100:
}
}


/* Стиль для таблиц wikitable */
/* Style for wikitable tables */
.wikitable {
.wikitable {
     border-spacing: 1px;
     border-spacing: 1px;
Line 2,299: Line 2,299:
     background: #40852b;
     background: #40852b;
     color: #dddddd;
     color: #dddddd;
}
#RND.wikitable {
background: #630069;
border-spacing: 0px;
}
#RND.wikitable thead tr th,
#RND.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #630069;
    border-bottom: 4px solid #00000015;
}
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#RND.wikitable thead + tbody > tr th {
    background: #7c0183;
    border-bottom: 1px solid #630069;
}
#RND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#RND.wikitable thead + tbody > tr td {
    background: #84328f;
    border-bottom: 1px solid #630069;
    border-left: 1px solid #7c0183;
}
#SUP.wikitable {
background: #6f3d0a;
border-spacing: 0px;
}
#SUP.wikitable thead tr th,
#SUP.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #6f3d0a;
    border-bottom: 4px solid #00000015;
}
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#SUP.wikitable thead + tbody > tr th {
    background: #85490c;
    border-bottom: 1px solid #6f3d0a;
}
#SUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#SUP.wikitable thead + tbody > tr td {
    background: #8f5a23;
    border-bottom: 1px solid #6f3d0a;
    border-left: 1px solid #85490c;
}
#aMED.wikitable thead tr th,
#aMED.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #004d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#aMED.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aMED.wikitable thead + tbody > tr th {
    background: #0d747f;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#aENG.wikitable thead tr th,
#aENG.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #715609;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#aENG.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aENG.wikitable thead + tbody > tr th {
    background: #957710;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#aRND.wikitable thead tr th,
#aRND.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #4e0163;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#aRND.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aRND.wikitable thead + tbody > tr th {
    background: #78027f;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#aSUP.wikitable thead tr th,
#aSUP.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #6f390a;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#aSUP.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aSUP.wikitable thead + tbody > tr th {
    background: #874b0e;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#aSEC.wikitable {
    background: #27272E;
    color: #dddddd;
}
#aSEC.wikitable>*>tr>th {
    background: #912424;
    color: #dddddd;
}
#aSEC.wikitable > * > tr > td {
    background: #32323C;
    color: #dddddd;
}
#aSRV.wikitable {
background: #216321;
border-spacing: 0px;
}
#aSRV.wikitable thead tr th,
#aSRV.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #216321;
    border-bottom: 0.2em solid #00000021;
}
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#aSRV.wikitable thead + tbody > tr th {
    background: #297929;
    border-bottom: 1px solid #216321;
}
#aSRV.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#aSRV.wikitable thead + tbody > tr td {
    background: #3f833f;
    border-bottom: 1px solid #216321;
    border-left: 1px solid #297929;
}   
#BOTANY.wikitable {
background: #0d3f28;
}
#BOTANY.wikitable thead tr th,
#BOTANY.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #04673e !important;
    border-bottom: 0.2em solid #00000021;
}
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#BOTANY.wikitable thead + tbody > tr th {
    background: #0d7b39;
}
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
#BOTANY.wikitable thead + tbody > tr th:first-of-type {
    border-left: 0.2em solid #0000003b;
}
#BOTANY.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#BOTANY.wikitable thead + tbody > tr td {
    background: #2a834e;
}
#MUTATION.wikitable {
background: #220f3b;
}
#MUTATION.wikitable thead tr th,
#MUTATION.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #330b65 !important;
    border-bottom: 0.2em solid #00000021;
}
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#MUTATION.wikitable thead + tbody > tr th {
    background: #3a1769;
}
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th:first-of-type,
#MUTATION.wikitable thead + tbody > tr th:first-of-type {
    border-left: 0.2em solid #0000003b;
}
#MUTATION.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#MUTATION.wikitable thead + tbody > tr td {
    background: #422371;
}
/* Unbroken spaces in horizontal lists
  @source: https://ru.wikipedia.org/wiki/MediaWiki:Common.css
  @Sported under CC BY-SA 4.0
  @author: [[Contributor:WindEwriX]]*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
white-space: nowrap;
}
/* Termination of CC BY-SA 4.0 license*/
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 9 (2016-08-10)
  @Sported under CC BY-SA 4.0
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
/* Generate bullets */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: "\00a0· ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
/* Termination of CC BY-SA 4.0 license*/
.pseudomodal--caller {
  cursor:pointer;
}
.pseudomodal {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    background-color: #212126;
    width: 60%;
    height: 80%;
    border: 1px solid black;
    border-radius: 0.5rem;
    padding: 5px 25px;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100 !important;
    box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.6);
}
.pseudomodal--caller:focus-within + .pseudomodal {
  visibility: visible;
  opacity: 1;
}
.pseudomodal:hover {
  visibility: visible;
  opacity: 1;
}
.pseudomodal--header {
  text-align: center;
  font-size: 1.1em;
  position: relative;
}
.pseudomodal--header-hr{
  margin: 20px 0;
  padding: 0;
  height: 0;
  border: none;
  border-top: 1px solid darkgray;
}
.pseudomodal--body{
  height: 100%;
  position: relative;
}
.pseudomodal::-webkit-scrollbar {
  width: 0.15rem;
  background-color:transparent;
}
.pseudomodal::-webkit-scrollbar-track {
  margin:1em;
  background: transparent;
}
.pseudomodal::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: solid #373737;
}
/* Key press */
.keyboard-key {
    border: 1px solid #555555;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to bottom, #1e1e1e, #393838, #1e1e1e);
    color: lightgrey;
    padding: 0.1em 0.3em;
    font-family: inherit;
    font-size: 0.8em;
}
@media only screen and (max-width: 600px) {
.flex--row-column {
flex-direction:column; width: 50%; margin: auto;
}
}
.forumMessage, .wikiMessage {
background: #1b1b1f;
}
.forumMessage {
padding: 10px 10px 30px;
}
.wikiMessage {
padding: 10px 10px 10px;
margin-bottom: 10px;
}
.forumMessageInfo, .wikiMessageInfo{
padding: 0;
margin-left: 160px;
border-bottom: 1px none black;
zoom: 1;
color: rgb(255, 255, 255);
}
.forumMessageContent, .wikiMessageContent {
padding-bottom: 2px;
padding-left:4px;
border-style: hidden;
min-height: 100px;
overflow: hidden;
}
.forumMessageContent {
background-color: #303037
}
.forumMessageUserInfo, .wikiIMG {
float: left;
width: 140px;
position: relative;
}
.forumAvatarHolder, .wikiIMGHolder {
padding: 10px;
text-align: center;
position:relative;
}
.forumAvatarHolder {
background:#303037
}
.forumUserText {
padding: 1px 10px;
background:#303037
}
.forumUserName {
font-size: 14px;
color: rgb(255, 148, 7);
margin-bottom: 5px;
display: block;
overflow: hidden;
line-height: 16px;
text-align: center;
}
.forumBanner {
font-size: 11px;
text-align: center;
padding: 5px;
color: black;
border-color: silver;
height: 16px;
width: 105px;
display: block;
margin-bottom: 5px
}
.forumAdmin {
background: silver
}
/* CodeMirror */
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #1b1b1f;
    color: inherit;
}
.CodeMirror-gutters {
    border-right: 1px solid #212126;
    background-color: #212126;
    white-space: nowrap;
}
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #1c2d44;
}
.noExternal>.external {
  padding-right:0px !important;
  background-image:none !important;
}
.mw-mmv-image>*, .fullImageLink>*>* {
image-rendering: auto !important;
}
.skameykatable{
border:1px solid black;
border-radius:1.4rem;
}
.skameykatable>*>tr>th{
      text-align:center;
    font-weight:bold;
    }
.skameykatable>*>tr>td{
      border:none;
    }
.skameykatable>*>tr:not(:first-child)>*{
    border-top:1px solid black !important;
}
.skameykatable>*>tr:not(:first-child):not(:last-child):hover{
box-shadow: inset 30em 30em 0 #1b1b20;
}
.skameykatable>*>tr:last-child{
    box-shadow: inset 30em 30em 0 #1b1b20;
    border-bottom-left-radius:1.3rem;
    border-bottom-right-radius:1.3rem;
}
.skameykatable>*>tr>*{
    padding:0.4em;
    background:transparent;
          border:none !important;
    }
   
.headerSort::after {
content: "\21C5";
}
   
.headerSort.headerSortUp::after {
    content: "\2191";
}
.headerSort.headerSortDown::after {
    content: "\2193";
}
.headerSort {
background-size: 0 0 !important;
white-space: nowrap;
}
.pseudomodal p {
margin: 0 !important;
}
/**
* SS220 import
*
* Taken from https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=35625
*/
/* Hide noscript only elements */
.client-js *.noscript {
    display: none;
}
/* SS220 import end*/
#highlighted-header.wikitable thead tr th,
#highlighted-header.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#highlighted-header.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header.wikitable thead + tbody > tr th {
    background: #972626;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#highlighted-header-classic.wikitable thead tr th,
#highlighted-header-classic.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #323245;
    border-bottom: 0.2em solid #0000002b;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#highlighted-header-classic.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-classic.wikitable thead + tbody > tr th {
    background: #3d3d51;
    border-bottom: 0.1em solid #0000000d;
    border-left: 0.2em solid #00000024;
}
#highlighted-header-cold.wikitable thead tr th,
#highlighted-header-cold.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #006587;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#highlighted-header-cold.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-cold.wikitable thead + tbody > tr th {
    background: #00707b;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#highlighted-header-dark.wikitable thead tr th,
#highlighted-header-dark.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3d3d4f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#highlighted-header-dark.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-dark.wikitable thead + tbody > tr th {
    background: #8d2121;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#highlighted-header-CM.wikitable thead tr th,
#highlighted-header-CM.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #313d45;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#highlighted-header-CM.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-CM.wikitable thead + tbody > tr th {
    background: #355f54;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#highlighted-header-xenomorph.wikitable thead tr th,
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #3c1d5f;
    border-bottom: 0.2em solid #00000059;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#highlighted-header-xenomorph.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#highlighted-header-xenomorph.wikitable thead + tbody > tr th {
    background: #5d1c55;
    border-bottom: 0.1em solid #00000059;
    border-left: 0.2em solid #00000059;
}
#no-highlight {
    border-bottom: none !important;
    box-shadow: none !important;
}
#VIOLET.wikitable {
background: #391b5d;
border-spacing: 0px;
}
#VIOLET.wikitable thead tr th,
#VIOLET.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #391b5d;
    border-bottom: 0.2em solid #00000021;
}
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#VIOLET.wikitable thead + tbody > tr th {
    background: #44206f;
    border-bottom: 1px solid #391b5d;
}
#VIOLET.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#VIOLET.wikitable thead + tbody > tr td {
    background: #4a2b6f;
    border-bottom: 1px solid #391b5d;
}
#YELLOW.wikitable {
background: #405d1b;
border-spacing: 0px;
}
#YELLOW.wikitable thead tr th,
#YELLOW.wikitable:not(:has(thead)) tr:first-of-type th {
    position: relative;
    background-color: #405d1b;
    border-bottom: 0.2em solid #00000021;
}
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) th,
#YELLOW.wikitable thead + tbody > tr th {
    background: #4c6d20;
    border-bottom: 1px solid #405d1b;
}
#YELLOW.wikitable:not(:has(thead)) tbody > tr:nth-of-type(n+2) td,
#YELLOW.wikitable thead + tbody > tr td {
    background: #577332;
    border-bottom: 1px solid #405d1b;
}
@media (max-width: 800px) {
    .grid-adaptive {
        grid-template-columns: 1fr !important;
    }
}
.no-margin-edges > :first-child {
    margin-top: 0 !important;
}
.no-margin-edges > :last-child {
    margin-bottom: 0 !important;
}
.modern-button {
    position: relative;
    display: flex;
    min-width: 45%;
    background: #31313b;
    border-radius: 8px;
    min-height: 64px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.modern-button__image {
    display: flex;
    align-items: center;
    background: #40404d;
    padding: 4px;
    box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.modern-button__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
}
.modern-button__title {
    font-size: 1.8em;
    line-height: 1;
    font-family: "Oswald";
}
.modern-button__subtext {
    font-size: 0.8em;
}
.modern-frame {
    display: flex;
    flex-direction: column;
}
.modern-frame__title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 2px 8px;
    color: #e5e5e5;
    font-size: 15px;
    font-family: "noto sans";
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}
.modern-frame__content {
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 800px) {
    .modern-frame__content {
        gap: 6px;
        padding: 8px;
    }
}
.gradient-header-frame-sub {
    border: 1px solid #3a3a46;
    border-radius: 0.3em;
}
.gradient-header-frame-sub__header {
    color: #efefef;
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%);
    text-align: left;
}
.gradient-header-frame-sub__content {
}
.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
.gradient-header-frame {
    border: 1px solid #3a3a46;
    border-radius: 0.3em;
}
.gradient-header-frame__header {
    color: #efefef;
    font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #2f2f37 0%, #3a3a45 40%, #3b3b47 50%, #3a3a45 60%, #2f2f37 100%);
    text-align: center;
}
.gradient-header-frame__content {
}
.gradient-header-frame__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
.link-card {
    display: inline-block;
    position: relative;
    border-radius: 0.3em;
    transition: all 0.15s ease;
    overflow: hidden;
    min-width: 110px;
    text-align: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    border: 1px outset rgb(0 0 0 / 30%);
}
.link-card__image {
    padding: 6px;
}
.link-card__name {
    background: #00000040;
    padding: 2px 4px;
    font-size: 0.8em;
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 800px) {
    .link-card  {
        display: flex;
        width: 100%;
        text-align: left;
    }
    .link-card__name {
        background: #00000020;
        padding: 4px 6px;
        font-size: 0.9em;
        display: flex;
        align-items: center;
    }
    .link-card__image {
        padding: 4px;
    }
}
.serverStatusFrame {
    display: flex;
    flex-direction: column;
    color: lightgrey;
}
.serverTitle {
    font-size: 18px;
    color: lightgrey;
    text-align: center;
    margin: 0;
    padding: 4px 8px;
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000045 !important;
}
.serverInfo {
    padding: 6px;
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}
serverInfo > div {
    margin-bottom: 3px;
}
.serverInfo div[class*="Set"] {
    font-size: 14px;
}
.progressBarContainer {
    width: 100%;
    background-color: rgba(150, 150, 150, 0.5);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 3px;
}
.progressBar {
    background-color: rgba(100, 200, 100, 0.8);
    height: 15px;
    transition: width 0.3s;
}
.percentageDisplay {
    text-align: right;
    font-size: 12px;
    color: lightgrey;
}
.copy-icon {
    cursor: pointer;
}
.serverConnectContainer {
    display: flex;
    align-items: flex-start;
    margin-top: 3px;
    min-height: calc(3em + 5px);
}
.serverConnectSet {
    margin-right: 1px;
    flex-grow: 1;
    overflow-wrap: break-word;
}
}