NBITTRPG Wiki

MediaWiki:Gadget-cosmostweaks.css: Difference between revisions

← Older editNewer edit →
No edit summary
ugly but well fix later
Line 5: Line 5:
height:auto;
height:auto;
}
}
/* default skin for navigation boxes */
/* Navtab things */
/*
 
table.navbox {
.navtab a, .navtab .new {
    background-color: color-mix(in srgb, var(--banner-text-color) 0%, transparent);
font-weight: bold;
    border: 2px solid var(--banner-color);
color: var(--button-color);
    border-radius: 3px;
border: 1px solid var(--button-color);
    clear: both;
border-radius: 12px 12px 0 0;
    font-size: 84%;
text-align: center;
    margin: 1em 0em 0em;
padding: 8px;
    padding: 1px;
font-size: 18px;
    text-align: center;
line-height: 1.3;
    width: 100%;
overflow: hidden;
width: 100%;
height: 100%;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
background-color: var(--button-color);
-webkit-transition: background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear;
-moz-transition: background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear;
-ms-transition: background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear;
-o-transition: background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear;
transition: background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear;
border-bottom: 0;
text-shadow: 1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color),0px 1px 0 var(--footer-color),0px -1px 0 var(--footer-color),-1px 0px 0 var(--footer-color),1px 0px 0 var(--footer-color),1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color),0px 1px 0 var(--footer-color),0px -1px 0 var(--footer-color),-1px 0px 0 var(--footer-color),1px 0px 0 var(--footer-color),1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color),1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color);
}
}
table.navbox th {
 
.navtab .new, .navtab a.new:hover {
text-decoration:line-through 1pt var(--footer-color) !important;
-webkit-text-decoration:line-through var(--footer-color) !important;
}
 
.navtab a:hover {
color: var(--banner-color);
text-decoration: none !important;
-webkit-text-decoration: none !important;
background-color: var(--banner-color);
background-color: var(--banner-color);
    color: var(--banner-text-color);
-webkit-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
    padding-left: 1em;
-moz-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
    padding-right: 1em;
-ms-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
    font-size: 110%;
-o-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
}
transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
table.navbox tr:not(:first-child) th {
border-color: var(--banner-color);
    color: var(--text-color);
    background-color: color-mix(in srgb, var(--banner-color) 40%, transparent);
}
.navbox-inner{
border-left-width: 0;
}
}
@media print {
 
    .navbox {
.navtab-bg div {
        display: none;
position: relative;
    }
height: 100%;
width: 100%;
border-radius: 10px 10px 0 0;
text-align: center;
padding: 8px;
line-height: 1.3;
font-family: Cookie Run Bold, rubik, helvetica, arial, sans-serif;
font-size: 18px;
color: white;
text-shadow: 1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color),0px 1px 0 var(--footer-color),0px -1px 0 var(--footer-color),-1px 0px 0 var(--footer-color),1px 0px 0 var(--footer-color),1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color),0px 1px 0 var(--footer-color),0px -1px 0 var(--footer-color),-1px 0px 0 var(--footer-color),1px 0px 0 var(--footer-color),1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color),1px 1px 0 var(--footer-color),-1px 1px 0 var(--footer-color),1px -1px 0 var(--footer-color),-1px -1px 0 var(--footer-color);
overflow: hidden;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
border: 1px solid var(--banner-color);
border: 1px solid var(--footer-color);
border-bottom-width: 0;
background-color: #624d43;
background-image: url(https://static.wikia.nocookie.net/cookierunkingdom/images/b/bc/Header_bg_624d43.png/revision/latest?cb=20230220065000&format=original);
background-position: left;
background-size: 2400px 502px;
box-shadow: 3px 0px var(--banner-color),-3px 0px var(--banner-color),-3px -3px var(--banner-color),3px -3px var(--banner-color);
margin: 0 3px;
}
}
*/
/*******************
/*******************
  * Navboxes
  * Navboxes
Retrieved from "https://nbittrpgwiki.pynappo.xyz/MediaWiki:Gadget-cosmostweaks.css"