MediaWiki:Tophat.css
From GTA Portugal Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Tophat notice css - imported into common.css/Fandomdesktop.css and FandomMobile.css */
/* colors imported from MediaWiki:Colors.css */
/*wiki tophat classes - for article tophats (Under Construction, Stub, Staff tophats, etc), warnings (Bad Image, Block, etc) and image licenses*/
.wiki-tophat,
.wiki-tophat-maintenance,
.wiki-tophat-maintenance-critical,
.wiki-tophat-maintenance-new,
.wiki-tophat-maintenance-gta6,
.wiki-tophat-alert,
.wiki-tophat-alert-critical,
.wiki-tophat-warning,
.wiki-tophat-block,
.wiki-tophat-commend,
.wiki-tophat-wikipedia {
clear: none;
line-height: 140%;
padding: 0;
margin: auto;
margin-bottom: 5px;
text-align: center;
width: auto;
display: flex;
height: auto;
border-radius: var(--theme-border-radius-small);
}
.wiki-tophat-warning,
.wiki-tophat-block,
.wiki-tophat-commend,
.wiki-tophat-wikipedia {
text-align: left;
}
/*wiki flexible tophat classes (Disambiglink, etc)*/
.wiki-tophat-flexible {
transform: skewX(-12deg);
}
.wiki-tophat-flexible p {
transform: skewX(0deg);/*fixes text blurring on desktop view*/
font-style: normal;
padding-left: 12px;
padding-right: 12px;
}
/*gives link text within flexible tophat bold weight*/
.wiki-tophat-flexible a {
font-weight: bold;
}
.wiki-tophat-flexible {
clear: right;
line-height: 140%;
padding: 0;
margin: auto;
margin-bottom: 5px;
text-align: left;
width: 95%;
display: flex;
height: auto;
border-radius: var(--theme-border-radius-small);
}
/*tophat icon positions*/
.wiki-tophat-image-left {
float: left;
padding: 10px 0 0 10px;
}
.wiki-tophat-image-right {
float: right;
padding: 10px 10px 0 0;
}
/*tophat text*/
.wiki-tophat-text-body {
margin: auto;
}
.wiki-tophat-text-body-warning,
.wiki-tophat-text-body-block,
.wiki-tophat-text-body-commend {
float: left;
}
.wiki-tophat-text-big {
font-weight: bold;
padding: 7px;
}
.wiki-tophat-text-big-not-bold {
font-weight: normal;
padding: 7px;
}
.wiki-tophat-text-small {
font-size: 90%;
padding: 1px 7px 7px 7px;
}
.wiki-tophat-text-small ul {
margin-bottom: 0!important;
}
.wiki-tophat-text-uc-link-color {
color: #151e3b;
}
/*tophat border colours*/
.wiki-tophat-wikipedia {
border-right: 7px solid var(--theme-accent-color);
}
.wiki-tophat,
.wiki-tophat-flexible {
border-left: 7px solid var(--theme-accent-color);
}
.wiki-tophat-maintenance {
border-left: 7px solid var(--theme-yellow-color);
}
.wiki-tophat-maintenance-new,
.wiki-tophat-commend {
border-left: 7px solid var(--theme-green-color);
}
.wiki-tophat-maintenance-gta6 {
border-left: 7px solid var(--gtavi-accent);
color: var(--theme-black-color);
}
.wiki-tophat-maintenance-gta6 a {
color: var(--gtavi-accent);
}
.wiki-tophat-maintenance-critical {
border-left: 7px solid var(--theme-yellow-color);
color: var(--theme-black-color);
}
.wiki-tophat-alert,
.wiki-tophat-alert-critical,
.wiki-tophat-block {
border-left: 7px solid var(--theme-red-color);
}
.wiki-tophat-warning {
border-left: 7px solid var(--theme-yellow-warning-color);
}
/*tophat background colours*/
.wiki-tophat,
.wiki-tophat-alert,
.wiki-tophat-flexible,
.wiki-tophat-warning,
.wiki-tophat-block,
.wiki-tophat-commend,
.wiki-tophat-wikipedia {
background-color: var(--theme-body-background-color);/*--theme-page-background-lighter-solid-color*/
}
.wiki-tophat-alert-critical {
background-color: var(--theme-red-background-color);
}
.wiki-tophat-maintenance,
.wiki-tophat-maintenance-new {
background-color: var(--theme-blue-color);
}
.wiki-tophat-maintenance-critical,
.wiki-tophat-maintenance-gta6 {
background-color: var(--theme-yellow-background-color);
}
/*tophat toggle to hide*/
span.wiki-tophat-toggle a {
content: url(https://static.wikia.nocookie.net/gtawiki/images/8/83/Blips-GTAV-163-Passive-Red.png/revision/latest?cb=20230202005013);
width: 25px;
}
