Template:Https://wiki.veloren.net/wiki/User:Ajima/MyStyle.css

/* Main Page */ /* Used for nav button in main page */

1. mainpage-nav{

padding: 10px; border: none; border-radius:5px; background-color: #272d36; /* blue #3366cc*/ } /* Overide mediawiki nav link style */ .plainlinks > a{ color: #d8d8dd; font-weight: bold; font-size: 1em; }

1. mainpage-nav:hover {

 color: white;
 background-color:  #ff6666; /* pink */

} /* Same style then nav button but separated in case */

1. button{

max-height: 32px; padding: 10px; border: none; border-radius:5px; color: white; background-color: rgba(92, 133, 214, 0.25); /* blue */ }

1. button:hover {

 background-color: #ff6666; /* pink */

} /* overide default tab style */ /* navtab */ .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { z-index: 2; background-color:rgba(92, 133, 214, 0.25); } .tabs-tabbox > .tabs-container { margin-top: -1px; padding: 10px; border-radius: 8px; position: relative; border: 1px solid #363a40; width: inherit; max-width: inherit; min-width: inherit; z-index: 1; } .tabs-label { cursor: pointer; padding: 5px 10px; font-size:1em; background-color:#2b2f36 ; border: 1px solid #363a40; } .tabs-label:hover { background-color:rgba(92, 133, 214, 0.25); } .tabs-tabbox > .tabs-label { margin:0; border-radius: 0; border-bottom: none; position: relative; display: inline-block; vertical-align: bottom; } /* Contents */ .clear{ clear: both; } /* Used for any flex content */ .flex-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; /* tough mediawiki said it doesn't support gap, it does support */ } .hlist > div { display : inline-block; }

/* Force the overflow in table for Armors page */ .Stats { max-width:765px; /* So picture of armor set and the table are next to each other */ overflow-x:auto; } .Stats > table, th, tr, td { padding:0; } /* Force the overflow in table for Weapons page */ .Weapon-grid{ max-width: 960px; /* 960px is the max-width of body section */ overflow-x:auto; }

/* Cardbox for category card*/ /* Defines rounded border */ .cardbox-image img { display:block; padding:0; margin: 0; border-radius:8px 8px 0 0; } /* Rounded title + hover effect */ .cardbox-title { max-height: 32px; padding: 10px; margin: 0; border: none; color: white; background-color: #3366cc; /* blue */ } .plainlinks { color:white; } .cardbox-title:hover {

 background-color: #ff6666; /* pink */

}

/* overide mediawiki links's style */ .plainlinks{ color:white; }

/* CSS for upcoming category */ .cardbox-title-grey { max-height: 32px; padding: 10px; margin: 0; border: none; color: rgba(255,255,255,0.6); background-color: #2b2f36; /* blue */ }

.cardbox-overlay-container {

 position: relative;
 width: 300px;
 border-radius:8px;

} .cardbox-overlay-container:hover {

 background-color: #2b2f36;
 opacity:1;

} .cardbox-overlay-img img { opacity:0.6; display:block; padding:0; margin: 0; border-radius:8px 8px 0 0; }

.cardbox-overlay-img p { margin:0; } .cardbox-overlay-text p { margin: 0; padding: 10px; color: rgba(0,0,0,0); font-size: 1em; position: absolute; top:0px; left:0px; height:208.8px; text-align: left; border-radius:8px } .cardbox-overlay-text:hover p {

 color: #d8d8dd;
 background-color: #2b2f36;

} /*End Cardbox */

/* Iconbox */ .iconbox{ border : 2px; border-style: dashed; border-radius : 8px; border-color: #3c578a; padding:5px; } .iconbox:hover{ border-style: solid; background-color: #37445f;/* #2b2f36;*/ }

/* tab */ .tabheader{ padding:8px; color: #d8d8dd; border-radius:8px 8px 0 0; background-color: #382f27; } .tabline{ border-bottom:solid; border-color:#382f27; margin:15px 0; content:" "; padding:7px; } /* textheader */ .textheader{ background-color:#37445f; text-align:center; padding:10px; margin:10px; border-radius:8px }