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 { display:none; }
body.page-Main_Page h1.firstHeading {
display:none;
}


body
body {
{background-color:#ffccff;}
background-color:#fcf;
}


.mp-content-table {  
.mp-content-table {
width: 100%;  
width:100%;
background: #FEFEFF;   /* Body background color */
background:#FEFEFF;
border: 1px solid #b44335; /* Main border color */
/* Body background color */
margin: 0.5em 0;
border:1px solid #b44335;
/* Main border color */
margin:.5em 0;
}
}
.mp-content-header {  
 
font-size: 140%;  
.mp-content-header {
padding: 0.5em 0;  
font-size:140%;
color:#fff;
padding:.5em 0;
background: #b44335;   /* Header background color  */
color:#fff;
border: none;
background:#b44335;
border-bottom: 1px solid #b44335; /* Main border color */
/* Header background color  */
border:none;
border-bottom:1px solid #b44335;
/* Main border color */
}
}
.mp-content-body {
.mp-content-body {
padding: 0.5em;
padding:.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%);


background-image: -webkit-gradient(
.mp-content-header-alt,.mp-title-gradient {
linear,
color:#fff;
left bottom,
background:#b535a0;
left top,
background-image:linear-gradient(bottom,#d941bf0%,#b535a0100%);
color-stop(0, #d941bf),
background-image:0;
color-stop(1, #b535a0)
background-image:0;
);
background-image:0;
background-image:0;
background-image:0 color-stop(1,#b535a0) );
}
}
.mp-content-header-alt {  
 
font-size: 140%;  
.mp-content-header-alt {
font-weight: bold;
font-size:140%;
border: none;
font-weight:700;
border-bottom: 1px solid #b44335; /* Main border color */
border:none;
text-align: left;  
border-bottom:1px solid #b44335;
color: #fff;  
/* Main border color */
padding: 0.5em;
text-align:left;
padding-left: 0.75em;
color:#fff;
margin: -0.5em -0.5em 0px;
padding:.5em;
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
#mw-page-base {
{
background-image:linear-gradient(#0077990%,#ffbbff100%);
    background-image: linear-gradient(#007799 0%,#ffbbff 100%);
}
}


#p-personal
#p-personal {
{
background-image:none;
    background-image: none;
border:2px solid #09a;
    border: 2px solid #0099aa;
border-radius:4px;
    border-radius: 4px;
background-color:#4cd;
    background-color: #44ccdd;
margin:0;
    margin: 0px;
box-shadow:0 0 10px #09a;
    box-shadow: 0px 0px 10px #0099aa;
top:4px;
    top: 4px;
right:4px;
    right: 4px;
}
}


#p-personal ul
#p-personal ul {
{
padding-left:0;
    padding-left: 0px;
}
}


#p-personal li
#p-personal li {
{
padding:0;
    padding: 0px;
margin:4px;
    margin: 4px;
}
}


#p-personal li.pt-userpage
#p-personal li.pt-userpage {
{
border-left:none;
    border-left: none;
}
}


#mw-panel.collapsible-nav .portal {
background-image:none;
}


 
.portal,div#simpleSearch {
#mw-panel.collapsible-nav .portal
background-image:none;
{
border:2px solid #09a;
    background-image: none;
border-radius:4px;
background-color:#4cd;
margin:16px!important;
box-shadow:0 0 10px #09a;
}
}


 
div#simpleSearch {
 
.portal, div#simpleSearch
{
    background-image: none;
    border: 2px solid #0099aa;
    border-radius: 4px;
    background-color: #44ccdd;
    margin: 16px !important;
    box-shadow: 0px 0px 10px #0099aa;
}
}


div#simpleSearch
#pt-watchlist #pt-mytalk #pt-preferences #pt-userpage #pt-mycontris {
{
margin:4px;
}
}


#pt-watchlist #pt-mytalk #pt-preferences #pt-userpage #pt-mycontris
div.vectorTabs li.new a,div.vectorTabs li.new a:visited {
{
color:red;
  margin: 4px;
transition:.1s;
}
}


div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
div.vectorTabs li a {
    color: #ff0000;
/*text-decoration: none;*/
    transition: 0.1s;
padding:6px;
}
}


div.vectorTabs li a
/* Links */
{
a /* Default link */ {
    /*text-decoration: none;*/
/*text-decoration: none;*/
    padding: 6px;
color:#0645ad;
/*text-shadow: 0px 0px 0px #0645ad;*/
}
}


/* Links */
a:hover /* Default link when hovered */ {
a /* Default link */
/*text-decoration: none;*/
{
color:#0645ad;
    /*text-decoration: none;*/
/*text-shadow: 0px 0px 2px #0645ad;*/
    color: #0645ad;
    /*text-shadow: 0px 0px 0px #0645ad;*/
}
}


a:hover /* Default link when hovered */
a:visited /* Default link when visited */ {
{
color:#0645ad;
    /*text-decoration: none;*/
/*text-shadow: 0px 0px 0px #840084;*/
    color: #0645ad;
    /*text-shadow: 0px 0px 2px #0645ad;*/
}
}


a:visited /* Default link when visited */
a:visited:hover /* Default link when visited and hovered */ {
{
color:#0645ad;
color: #0645ad;
/*text-shadow: 0px 0px 2px #840084;*/
/*text-shadow: 0px 0px 0px #840084;*/
}
}


a:visited:hover /* Default link when visited and hovered */
a.new /* Default link when link is dead */ {
{
color:red;
color: #0645ad;
/*text-shadow: 0px 0px 0px #f00;*/
/*text-shadow: 0px 0px 2px #840084;*/
}
}


a.new /* Default link when link is dead */
a.new:hover /* Default link when link is dead and hovered */ {
{
color:red;
    color: #f00;
/*text-shadow: 0px 0px 2px #f00;*/
    /*text-shadow: 0px 0px 0px #f00;*/
}
}


a.new:hover /* Default link when link is dead and hovered */
div.vectorTabs li a,div.vectorTabs li a:hover {
{
padding:6px;
    color: #f00;
    /*text-shadow: 0px 0px 2px #f00;*/
}
}


div.vectorTabs li a, div.vectorTabs li a:hover
div.vectorMenu {
{
height:30px;
    padding: 6px;
border:2px solid #09a;
border-radius:4px;
background-image:none;
background-color:#4cd;
margin:16px!important;
box-shadow:0 0 10px #09a;
}
}


div.vectorTabs ul li {
div.vectorTabs ul li {
    background-color: #44ccdd;
background-color:#4cd;
background-image: none;
background-image:none;
    height: 32px;
height:32px;
line-height: 1.5em;
line-height:1.5em;
}
}


div.vectorTabs ul li span {
div.vectorTabs ul li span {
    background-image: none;
background-image:none;
}
}


div.vectorTabs
div.vectorTabs {
{
height:30px;
height: 30px;
border:2px solid #09a;
    border: 2px solid #0099aa;
border-radius:4px;
    border-radius: 4px;
background-image:none;
    background-image:none;
background-color:#4cd;
    background-color: #44ccdd;
margin:16px!important;
    margin: 16px!important;
box-shadow:0 0 10px #09a;
    box-shadow: 0px 0px 10px #0099aa;
}
}


div.vectorTabs li.selected
div.vectorTabs li.selected {
{
background-image:none;
    background-image:none;
background-color:#4cd;
    background-color:#44ccdd;
}
}
div.vectorTabs ul
 
{
div.vectorTabs ul {
    background-image:none;
background-image:none;
    background-color: #44ccdd;
background-color:#4cd;
}
}
div#content
 
{
div#content {
    border: 2px solid #0099aa;
border:2px solid #09a;
    border-radius: 4px;
border-radius:4px;
    background-image:none;
background-image:none;
    background-color: #ebffff;
background-color:#ebffff;
    box-shadow: 0px 0px 10px #0099aa;
box-shadow:0 0 10px #09a;
}
}


#ca-unwatch.icon a, #ca-watch.icon a
#ca-unwatch.icon a,#ca-watch.icon a {
{
padding-top:30px;
padding-top: 30px;
}
}

Revision as of 19:05, 14 November 2016

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

body {
background-color:#fcf;
}

.mp-content-table {
width:100%;
background:#FEFEFF;
/* Body background color	*/
border: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 {
padding:.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,#d941bf0%,#b535a0100%);
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:0 color-stop(1,#b535a0) );
}

.mp-content-header-alt {
font-size:140%;
font-weight:700;
border:none;
border-bottom:1px solid #b44335;
/* Main border color		*/
text-align:left;
color:#fff;
padding:.5em;
padding-left:.75em;
margin:-.5em -.5em 0;
}

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

#mw-page-base {
background-image:linear-gradient(#0077990%,#ffbbff100%);
}

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

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

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

#ca-unwatch.icon a,#ca-watch.icon a {
padding-top:30px;
}