NBITTRPG Wiki

MediaWiki:Gadget-cosmostweaks.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 47: Line 47:
}
}
/* Navtab things */
/* Navtab things */
.article-table-wrapper table.mobile-navtab tr > td,
.article-table-wrapper tr > th {
  max-width:100%
}
table.mobile-navtab {
  margin:10px 0
}
.mobile-navtab td {
  padding:0 !important;
  border:0 !important;
  width:100%
}
.mobile-navtab tr {
  display:flex;
  align-items:stretch;
  justify-content:center;
  border-bottom: 2px solid var(--footer-color);
}
.article-table-wrapper .mobile-navtab tr > td:not(:last-child) {
  border:0
}
.navtab a, .navtab .new {
.navtab a, .navtab .new {
font-weight: bold;
font-weight: bold;
color: var(--button-color);
color: var(--banner-color);
border: 1px solid var(--button-color);
border: 1px solid var(--footer-color);
border-radius: 12px 12px 0 0;
border-radius: 12px 12px 0 0;
text-align: center;
text-align: center;
Line 89: Line 68:
align-items: center;
align-items: center;
justify-content: center;
justify-content: center;
background-color: var(--button-color);
background-color: var(--banner-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;
-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;
-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;
Line 105: Line 84:


.navtab a:hover {
.navtab a:hover {
color: var(--banner-color);
color: color-mix(in srgb, var(--banner-color-hover), #fff 25%);
text-decoration: none !important;
text-decoration: none !important;
-webkit-text-decoration: none !important;
-webkit-text-decoration: none !important;
background-color: var(--banner-color);
background-color: color-mix(in srgb, var(--banner-color-hover), var(--banner-text-color) 25%);
-webkit-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
-webkit-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
-moz-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
-moz-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
Line 114: Line 93:
-o-transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
-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;
transition: background-color .1s linear,border-color .1s linear,color .15s linear,text-shadow .1s linear;
border-color: var(--banner-color);
border-color: color-mix(in srgb, var(--banner-color-hover), var(--banner-text-color) 45%);
}
}


Line 125: Line 104:
padding: 8px;
padding: 8px;
line-height: 1.3;
line-height: 1.3;
font-family: Cookie Run Bold, rubik, helvetica, arial, sans-serif;
font-size: 18px;
font-size: 18px;
color: white;
color: white;
Line 139: Line 117:
align-items: center;
align-items: center;
justify-content: center;
justify-content: center;
border: 1px solid var(--banner-color);
border: 1px solid var(--footer-color);
border: 1px solid var(--footer-color);
border-bottom-width: 0;
border-bottom-width: 0;
background-color: #624d43;
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-image: url(https://nbittrpgwiki.pynappo.xyz/images/4/47/Placeholder.png);
background-position: left;
background-position: left;
background-size: 2400px 502px;
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);
box-shadow: 3px 0px var(--button-color),-3px 0px var(--button-color),-3px -3px var(--button-color),3px -3px var(--button-color);
margin: 0 3px;
margin: 0 3px;
}
}
Retrieved from "https://nbittrpgwiki.pynappo.xyz/MediaWiki:Gadget-cosmostweaks.css"