MediaWiki:Tophat.css

From GTA Portugal Wiki
Revision as of 16:58, 10 March 2024 by RoamPT (talk | contribs) (Created page with "→‎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,...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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;
}