MediaWiki:Common.css: Difference between revisions

From Vice City Multiplayer
Jump to navigation Jump to search
Caution icon
This wiki is using an old backup from 2020
Some information may be old/missing
No edit summary
No edit summary
 
Line 1: Line 1:
body.page-Main_Page h1.firstHeading {
body.page-Main_Page h1.firstHeading { display:none; }
display:none;
}


body {
.mp-content-table {  
background-color:#f1a2f4;
width: 100%;
background: #FEFEFF;   /* Body background color */
border: 1px solid #b44335; /* Main border color */
margin: 0.5em 0;
}
}
 
.mp-content-header {  
.mp-content-table {
font-size: 140%;  
width:100%;
padding: 0.5em 0;
background:#FEFEFF;
color:#fff;
/* Body background color */
background: #b44335;   /* Header background color */
border:1px solid #b44335;
border: none;
/* Main border color */
border-bottom: 1px solid #b44335; /* Main border color */
margin:.5em 0;
}
}
.mp-content-header {
font-size:140%;
padding:.5em 0;
color:#fff;
background:#b44335;
/* Header background color  */
border:none;
border-bottom:1px solid #b44335;
/* Main border color */
}
.mp-content-body {
.mp-content-body {
padding:.5em;
padding: 0.5em;
}
}
 
.mp-content-table ul > li a.external.text, .mp-content-table ul > li > b > a
.mp-content-table ul > li a.external.text,.mp-content-table ul > li > b > a {
{
white-space:nowrap;
white-space: nowrap;
}
}
.mp-content-header-alt, .mp-title-gradient {
color: #fff;
background: #b535a0;
background-image: linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
background-image: -o-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
background-image: -moz-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
background-image: -webkit-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
background-image: -ms-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);


.mp-content-header-alt,.mp-title-gradient {
background-image: -webkit-gradient(
color:#fff;
linear,
background:#b535a0;
left bottom,
background-image:linear-gradient(bottom,#d941bf 0%,#b535a0 100%);
left top,
background-image:0;
color-stop(0, #d941bf),
background-image:0;
color-stop(1, #b535a0)
background-image:0;
);
background-image:0;
background-image:0 color-stop(1,#b535a0) );
}
}
 
.mp-content-header-alt {  
.mp-content-header-alt {
font-size: 140%;  
font-size:140%;
font-weight: bold;
font-weight:700;
border: none;
border:none;
border-bottom: 1px solid #b44335; /* Main border color */
border-bottom:1px solid #b44335;
text-align: left;  
/* Main border color */
color: #fff;  
text-align:left;
padding: 0.5em;
color:#fff;
padding-left: 0.75em;
padding:.5em;
margin: -0.5em -0.5em 0px;
padding-left:.75em;
margin:-.5em -.5em 0;
}
}


.mp-giant-banner {
.mp-giant-banner {
width:100%;
width: 100%;
height:185px;
height: 185px;
z-index:11;
z-index: 11;
position:relative;
position: relative;
text-align:center;
text-align: center;
background:#000 url(?title=Special:Filepath/VCMP-big-banner.jpg) no-repeat left top;
background: #000 url( ?title=Special:Filepath/VCMP-big-banner.jpg ) no-repeat left top;
}
}


.mp-giant-banner a img {
.mp-giant-banner a img {
top:20px;
top: 20px;
margin:auto;
margin: auto;
z-index:999;
z-index: 999;
display:inline-block;
display: inline-block;
position:relative;
position: relative;
}
}


.mp-giant-banner #distortionOverlay {
.mp-giant-banner #distortionOverlay {
width:100%;
width: 100%;
height:185px;
height: 185px;
z-index:1;
z-index: 1;
position:absolute;
position: absolute;
background:transparent url(?title=Special:Filepath/distort.png) no-repeat center top;
background: transparent url( ?title=Special:Filepath/distort.png ) no-repeat center top;
top:0;
top: 0;
left:0;
left: 0;
}
 
#mw-page-base {
background-image:linear-gradient(#007799 0%,#f1a2f4 100%);
}
 
#p-personal {
background-image:none;
border:2px solid #09a;
border-radius:4px;
background-color:#4cd;
margin:0;
box-shadow:0 0 10px #09a;
top:4px;
right:4px;
}
 
#p-personal ul {
padding-left:0;
}
 
#p-personal li {
padding:0;
margin:4px;
}
 
#p-personal li.pt-userpage {
border-left:none;
}
 
#mw-panel.collapsible-nav .portal {
background-image:none;
}
 
.portal,div#simpleSearch {
background-image:none;
border:2px solid #09a;
border-radius:4px;
background-color:#4cd;
margin:16px!important;
box-shadow:0 0 10px #09a;
}
 
div#simpleSearch {
}
 
#pt-watchlist #pt-mytalk #pt-preferences #pt-userpage #pt-mycontris {
margin:4px;
}
 
div.vectorTabs li.new a,div.vectorTabs li.new a:visited {
color:red;
transition:.1s;
}
 
div.vectorTabs li a {
/*text-decoration: none;*/
padding:6px;
}
 
/* Links */
a /* Default link */ {
/*text-decoration: none;*/
color:#0645ad;
/*text-shadow: 0px 0px 0px #0645ad;*/
}
 
a:hover /* Default link when hovered */ {
/*text-decoration: none;*/
color:#0645ad;
/*text-shadow: 0px 0px 2px #0645ad;*/
}
 
a:visited /* Default link when visited */ {
color:#0645ad;
/*text-shadow: 0px 0px 0px #840084;*/
}
 
a:visited:hover /* Default link when visited and hovered */ {
color:#0645ad;
/*text-shadow: 0px 0px 2px #840084;*/
}
 
a.new /* Default link when link is dead */ {
color:red;
/*text-shadow: 0px 0px 0px #f00;*/
}
 
a.new:hover /* Default link when link is dead and hovered */ {
color:red;
/*text-shadow: 0px 0px 2px #f00;*/
}
 
div.vectorTabs li a,div.vectorTabs li a:hover {
padding:6px;
}
 
div.vectorMenu {
height:30px;
border:2px solid #09a;
border-radius:4px;
background-image:none;
background-color:#4cd;
margin:16px!important;
box-shadow:0 0 10px #09a;
    padding-left: 1px;
}
 
div.vectorTabs ul li {
background-color:#4cd;
background-image:none;
height:32px;
line-height:1.5em;
}
 
div.vectorTabs ul li span {
background-image:none;
}
 
div.vectorTabs {
height:30px;
border:2px solid #09a;
border-radius:4px;
background-image:none;
background-color:#4cd;
margin:16px!important;
box-shadow:0 0 10px #09a;
padding-left: 1px;
padding-right: 1px;
}
 
div.vectorTabs li.selected {
background-image:none;
background-color:#4cd;
}
 
div.vectorTabs ul {
background-image:none;
background-color:#4cd;
}
 
div#content {
border:2px solid #09a;
border-radius:4px;
background-image:none;
background-color:#ebffff;
box-shadow:0 0 10px #09a;
}
 
div.vectorMenu h3 a
{
background-image:none;
    background-color: #4cd;
    height: 32px;
}
 
h3#p-cactions-label
{
margin: 0px;
background-image: url(http://wiki.vc-mp.org/skins/vector/images/arrow-down-icon.png?2014-10-29T17:56:40Z);
    background-position: 100% 60%;
    background-repeat: no-repeat;
}
 
#ca-unwatch.icon a,#ca-watch.icon a {
padding-top:30px;
}
}

Latest revision as of 22:22, 23 April 2017

body.page-Main_Page h1.firstHeading { display:none; }

.mp-content-table { 
	width: 100%; 
	background: #FEFEFF;					  /* Body background color	*/
	border: 1px solid #b44335;				/* Main border color		*/
	margin: 0.5em 0;
}
.mp-content-header { 
	font-size: 140%; 
	padding: 0.5em 0; 
	color:#fff;
	background: #b44335;					  /* Header background color  */
	border: none;
	border-bottom: 1px solid #b44335;		 /* Main border color		*/
}
.mp-content-body {
	padding: 0.5em;
}
.mp-content-table ul > li a.external.text, .mp-content-table ul > li > b > a
{
	white-space: nowrap;
}
.mp-content-header-alt, .mp-title-gradient {
	color: #fff;
	background: #b535a0; 
	background-image: linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
	background-image: -o-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
	background-image: -moz-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
	background-image: -webkit-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);
	background-image: -ms-linear-gradient(bottom, #d941bf 0%, #b535a0 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #d941bf),
		color-stop(1, #b535a0)
	);
}
.mp-content-header-alt { 
	font-size: 140%; 
	font-weight: bold;
	border: none;
	border-bottom: 1px solid #b44335;		 /* Main border color		*/
	text-align: left; 
	color: #fff; 
	padding: 0.5em;
	padding-left: 0.75em;
	margin: -0.5em -0.5em 0px;
}

.mp-giant-banner {
width: 100%;
height: 185px;
z-index: 11;
position: relative;
text-align: center;
background: #000 url( ?title=Special:Filepath/VCMP-big-banner.jpg ) no-repeat left top;
}

.mp-giant-banner a img {
top: 20px;
margin: auto;
z-index: 999;
display: inline-block;
position: relative;
}

.mp-giant-banner #distortionOverlay {
width: 100%;
height: 185px;
z-index: 1;
position: absolute;
background: transparent url( ?title=Special:Filepath/distort.png ) no-repeat center top;
top: 0;
left: 0;
}