Template:Navbox/style.css: Difference between revisions
From Pizza Tower Wiki
Content added Content deleted
mNo edit summary |
m (padding) |
||
(10 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
border-left: 12px solid transparent; |
border-left: 12px solid transparent; |
||
border-image: url(https://static.miraheze.org/pizzatowerwiki/3/39/PTWiki-TVProjectile-empty-border.png) 20 / 20px stretch; |
border-image: url(https://static.miraheze.org/pizzatowerwiki/3/39/PTWiki-TVProjectile-empty-border.png) 20 / 20px stretch; |
||
⚫ | |||
⚫ | |||
width: 100%; |
width: 100%; |
||
background-color: #d8b8f8; |
background-color: #d8b8f8; |
||
Line 11: | Line 9: | ||
position: relative; |
position: relative; |
||
margin-top: 54px; |
margin-top: 54px; |
||
} |
|||
.navbox, .navbox table { |
|||
⚫ | |||
⚫ | |||
} |
} |
||
.navbox:before { |
.navbox:before { |
||
Line 23: | Line 25: | ||
} |
} |
||
.navbox .navbox-gutter { |
.navbox .navbox-gutter { |
||
display: none; |
display: none !important; |
||
} |
} |
||
.navbox .navbox-title th { |
.navbox .navbox-title th { |
||
Line 30: | Line 32: | ||
.navbox .navbox-title { /* Title */ |
.navbox .navbox-title { /* Title */ |
||
font-weight: bold; |
font-weight: bold; |
||
font-size: |
font-size: 1.2em; |
||
border-bottom:1px solid #4E3B5A; |
border-bottom:1px solid #4E3B5A; |
||
} |
} |
||
Line 36: | Line 38: | ||
background-color: transparent; |
background-color: transparent; |
||
padding: 0; |
padding: 0; |
||
} |
|||
.navbox .navbox-list.no-group ul { |
|||
⚫ | |||
border: none; |
|||
} |
} |
||
.navbox .hlist li { |
.navbox .hlist li { |
||
Line 54: | Line 60: | ||
.navbox .navbox-subgroup { |
.navbox .navbox-subgroup { |
||
width: 100%; |
width: 100%; |
||
box-sizing: content-box; |
|||
⚫ | |||
} |
} |
||
/* COLORS & BORDERS */ |
/* COLORS & BORDERS */ |
||
Line 82: | Line 86: | ||
border-left: 1px solid !important; |
border-left: 1px solid !important; |
||
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 2 0 2 / 2px 2px 0 2px round round; |
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 2 0 2 / 2px 2px 0 2px round round; |
||
} |
} |
||
.navbox .navbox- |
.navbox .navbox-header { |
||
border-top: 1px solid; |
|||
border-bottom: 1px solid; |
|||
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 0 2 0 / 2px 0 2px 0 round round; |
|||
} |
|||
.navbox .navbox-group, .navbox .navbox-subgroup .navbox-group, .navbox .hlist ul, .navbox .navbox-header { |
|||
border-image-outset: 1px !important; |
border-image-outset: 1px !important; |
||
} |
} |
||
Line 99: | Line 107: | ||
list-style: none; |
list-style: none; |
||
margin: 0; |
margin: 0; |
||
} |
|||
.navbox .textList li:not(:last-child):after { |
|||
content: " •"; |
|||
padding: 0 0.2em; |
|||
} |
} |
Latest revision as of 19:02, 28 June 2024
.navbox {
border: 9px solid transparent;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
border-image: url(https://static.miraheze.org/pizzatowerwiki/3/39/PTWiki-TVProjectile-empty-border.png) 20 / 20px stretch;
width: 100%;
background-color: #d8b8f8;
background-clip: content-box;
position: relative;
margin-top: 54px;
}
.navbox, .navbox table {
border-spacing: 0;
border-collapse: unset;
}
.navbox:before {
content: "";
background-image: url(https://static.miraheze.org/pizzatowerwiki/a/a7/PTWiki-TVProjectile-antenna.png);
width: 61px;
height: 42px;
position: absolute;
z-index: -1;
left: 50%;
transform: translateX(-50%) translateY(-47px);
}
.navbox .navbox-gutter {
display: none !important;
}
.navbox .navbox-title th {
padding: 7px 0 3px;
}
.navbox .navbox-title { /* Title */
font-weight: bold;
font-size: 1.2em;
border-bottom:1px solid #4E3B5A;
}
.navbox .navbox-list {
background-color: transparent;
padding: 0;
}
.navbox .navbox-list.no-group ul {
border-image: none;
border: none;
}
.navbox .hlist li {
display: inline;
}
.navbox .mw-collapsible-toggle-default {
margin-right: 0.5em;
position: relative;
top: -3px;
}
.navbox .mw-collapsible-toggle, .navbox .navbox-vde { /* Hide / Show */
width: 65px;
}
.navbox-vde {
float: left;
margin-left: 0.5em;
}
.navbox .navbox-subgroup {
width: 100%;
}
/* COLORS & BORDERS */
.navbox .navbox-group a {
color: #FFE444;
}
.navbox .mw-collapsible-text {
color: var(--linkColor);
}
.navbox .mw-collapsible-toggle-default:before, .navbox .mw-collapsible-toggle-default:after, .navbox-vde {
color: #43008d7d;
}
.navbox .navbox-title {
background-color: #a850f8; /* default color */
}
.navbox .navbox-group {
text-align: right;
width: 150px;
background-color: #5e26a7;
color: #d8b8f8;
padding: 1px 16px 1px 10px;
}
.navbox .navbox-subgroup .navbox-group {
background-color: #9850f8;
color: white;
border-left: 1px solid !important;
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 2 0 2 / 2px 2px 0 2px round round;
}
.navbox .navbox-header {
border-top: 1px solid;
border-bottom: 1px solid;
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 0 2 0 / 2px 0 2px 0 round round;
}
.navbox .navbox-group, .navbox .navbox-subgroup .navbox-group, .navbox .hlist ul, .navbox .navbox-header {
border-image-outset: 1px !important;
}
.navbox .navbox-group {
border-width: 1px;
border-left: none;
border-bottom: none;
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 2 0 0 / 2px 2px 0 0 round round;
}
.navbox .hlist ul {
border-top: 1px solid;
border-image: url(https://static.miraheze.org/pizzatowerwiki/7/76/PTWiki-boxborder.png) 2 0 0 0 / 2px 0 0 0 round round;
padding: 5px 5px;
list-style: none;
margin: 0;
}
.navbox .textList li:not(:last-child):after {
content: " •";
padding: 0 0.2em;
}