MediaWiki:Vector.css: Difference between revisions

From Morrissey-solo Wiki
No edit summary
(v1.35.1 upgrade)
(5 intermediate revisions by the same user not shown)
Line 5: Line 5:
body {
body {
         font-family: Tahoma,Verdana,Arial,Geneva,sans-serif;
         font-family: Tahoma,Verdana,Arial,Geneva,sans-serif;
        font-size: 15px;
}
}
.mw-body {
.mw-body {
         border-color: #846d50;
         border-color: #846d50;
}
}
.mw-body-content {
    font-size: calc(1em * 0.8);
}
.mw-body a.external {
.mw-body a.external {
     background-image: url(https://cf.morrissey-solo.com/w/skins/Vector/images/external-link-ltr-icon.png);
     background-image: url(https://cf.morrissey-solo.com/w/skins/Vector/images/external-link-ltr-icon.png);
Line 15: Line 19:
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     padding-right: 13px;
     padding-right: 13px;
}
em {
font-style: italic;
}
strong, b {
font-weight: bold;
}
.mediawiki input, .mediawiki textarea, .mediawiki select, .mediawiki button {
        padding: 1px 6px;
}
}


Line 33: Line 25:
         background: #EAE9DE;
         background: #EAE9DE;
         background-image:none;
         background-image:none;
}
#bodyContent ul{
        margin:inherit
}
#bodyContent li{
        list-style: disc inside none;
}
#preftoc li {
        list-style-type: none;
}
div#bodyContent {
        line-height: 1.3em;
}
}


Line 56: Line 32:
}
}


.mediawiki p {
#left-navigation nav.vectorTabs ul li a, #left-navigation nav.vectorTabs ul li a:visited,
        line-height: 1.3em;
#left-navigation nav.vectorTabs ul li a:hover, #left-navigation nav.vectorTabs ul li a:active,
}
#right-navigation nav.vectorTabs ul li a, #right-navigation nav.vectorTabs ul li a:visited,
 
#right-navigation nav.vectorTabs ul li a:hover, #right-navigation nav.vectorTabs ul li a:active {
.mediawiki blockquote {
        margin: 1em 40px;
}
 
.mediawiki dd {
        margin-left: 1em;
}
 
.mediawiki code {
        background-color: transparent;
}
 
.mediawiki dd {
line-height: 1.3em;
}
 
.mediawiki sup {
vertical-align: super;
line-height: 1em;
}
 
.mediawiki ul {
        line-height: 1.3em;
}
 
#wikifooter ul li {
        font-size: 85%;
}
 
#content {
        background-color: inherit;
        line-height: 1.3em;
}
 
.mediawiki ol > li {
/* Giving OL's LIs generated numbers. */
        list-style: decimal outside;
}
 
#page-base {
        height: 2.5em;
        background: none;
}
 
#head-base {
        height: 5em; /* Fix Crome*/
}
 
#left-navigation {
        top: 0;
}
 
#left-navigation div.vectorTabs ul li a, #left-navigation div.vectorTabs ul li a:visited,
#left-navigation div.vectorTabs ul li a:hover, #left-navigation div.vectorTabs ul li a:active,
#right-navigation div.vectorTabs ul li a, #right-navigation div.vectorTabs ul li a:visited,
#right-navigation div.vectorTabs ul li a:hover, #right-navigation div.vectorTabs ul li a:active {
         text-decoration: none;
         text-decoration: none;
}
}


div.vectorTabs li a, div.vectorTabs li a span {
nav.vectorTabs li a, nav.vectorTabs li a span {
         color: #3F2613;
         color: #3F2613;
         text-decoration: none;}
         text-decoration: none;}


div.vectorTabs li a:visited, div.vectorTabs li a:visited span {
nav.vectorTabs li a:visited, nav.vectorTabs li a:visited span {
         color: #60554D;
         color: #60554D;
         text-decoration: none;}
         text-decoration: none;}


div.vectorTabs li a:active, div.vectorTabs li a:active span {
nav.vectorTabs li a:active, nav.vectorTabs li a:active span {
         color: inherit;
         color: inherit;
         text-decoration: none;}
         text-decoration: none;}


div.vectorTabs li a:hover, div.vectorTabs li a:hover span {
nav.vectorTabs li a:hover, nav.vectorTabs li a:hover span {
         color:#856C59;
         color:#856C59;
         text-decoration: none;}
         text-decoration: none;}


div.vectorTabs li a span {
nav.vectorMenu li a {
        font-size: 100%;
}
 
div.vectorTabs a span {
        padding-top: 0.9em;
}
 
div.vectorMenu div.menu {
        top: 2.5em; /* Fix Crome*/
}
 
div.vectorMenu li a {
         color: inherit;
         color: inherit;
        font-size: 100%;
}
}
div.vectorTabs li {
nav.vectorTabs li {
         background-image: linear-gradient(to top,#000000 0,#d6d0c6 1px,#eae9de 100%);
         background-image: linear-gradient(to top,#000000 0,#d6d0c6 1px,#eae9de 100%);
}
}
#left-navigation .vectorTabs, #right-navigation .vectorTabs, #mw-head h3#p-cactions-label {
#left-navigation .vectorTabs, #right-navigation .vectorTabs, #mw-head h3#p-cactions-label {
Line 158: Line 65:
}
}


div.vectorTabs li span {
nav.vectorTabs li {
         background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#72716c 100%);
         background-image: linear-gradient(to top,#000000 0,#d6d0c6 1px,#eae9de 100%);
}
}
div.vectorTabs li.selected span {
nav.vectorTabs li.selected {
         background-color: #EAE9DE;
         background-color: #EAE9DE;
}
nav.vectorTabs a {
         background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#72716c 100%);
         background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#72716c 100%);
}
}
Line 172: Line 82:
         padding-top: 0;
         padding-top: 0;
}
}
div#mw-panel div.portal h5 {
div#mw-panel nav.portal h5 {
         padding-left: 1.5em;
         padding-left: 1.5em;
         font-size: 100%;
         font-size: 100%;
}
}


div#mw-panel div.portal div.body {
div#mw-panel nav.portal div.body {
         margin-left: 1.5em;
         margin-left: 1.0em;
}
}


div#mw-panel div.portal div.body ul li {
div#mw-panel nav.portal div.body ul li {
         font-size: 85%;
         font-size: 80%;
}
}


div#mw-panel div.portal div.body ul li a {
div#mw-panel nav.portal div.body ul li a {
         color: #3F2613;
         color: #3F2613;
}
}


div#mw-panel div.portal div.body ul li a:visited {
div#mw-panel nav.portal div.body ul li a:visited {
         color: #60554D;
         color: #60554D;
}
}


div#mw-panel div.portal div.body ul li a:hover {
div#mw-panel nav.portal div.body ul li a:hover {
         text-decoration: underline;
         text-decoration: underline;
         color:#856C59
         color:#856C59
Line 541: Line 451:


li.gallerybox {
li.gallerybox {
        background-color: transparent;
    background-color: transparent;
border: solid 2px transparent;
    border: solid 2px transparent;
}
}
.mediawiki #toc, .mediawiki .toc, .mediawiki .mw-warning, li.gallerybox div.thumb {
.mediawiki #toc, .mediawiki .toc, .mediawiki .mw-warning, li.gallerybox div.thumb {
background-color: #e4e3d8;
    background-color: #e4e3d8;
}
}


#toc {
#toc {
margin: 7px;
    margin: 7px;
}
}


#toctitle {
#toctitle {
margin: 5px;
    margin: 5px;
}
}


/* search box */
/* search box */
#simpleSearch label {
#simpleSearch label {
font-size: .9em;
    font-size: .9em;
}
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
#simpleSearch button#searchButton {
#simpleSearch button#searchButton {
        background-image: none;
    background-image: none;
}
}


/* search results */
/* search results */
.mw-search-result-heading {
#bodyContent .searchresults li, #bodyContent .mw-search-form-wrapper li {
     display: inline;
     list-style: none;
}
 
.search-types a {
    display: inline;
}
}



Revision as of 22:03, 19 January 2021

/* CSS placed here will affect users of the Vector skin */
body, #mw-page-base, #content {
        background: #EAE9DE url(https://cf.morrissey-solo.com/patt3.gif);
}
body {
        font-family: Tahoma,Verdana,Arial,Geneva,sans-serif;
}
.mw-body {
        border-color: #846d50;
}

.mw-body-content {
    font-size: calc(1em * 0.8);
}

.mw-body a.external {
    background-image: url(https://cf.morrissey-solo.com/w/skins/Vector/images/external-link-ltr-icon.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px;
}

#wikipanel {
        height: 0.9em;
        background: #EAE9DE;
        background-image:none;
}

.mediawiki {
        background-color: #EAE9DE;
        background-image: none;
}

#left-navigation nav.vectorTabs ul li a, #left-navigation nav.vectorTabs ul li a:visited,
#left-navigation nav.vectorTabs ul li a:hover, #left-navigation nav.vectorTabs ul li a:active,
#right-navigation nav.vectorTabs ul li a, #right-navigation nav.vectorTabs ul li a:visited,
#right-navigation nav.vectorTabs ul li a:hover, #right-navigation nav.vectorTabs ul li a:active {
        text-decoration: none;
}

nav.vectorTabs li a, nav.vectorTabs li a span {
        color: #3F2613;
        text-decoration: none;}

nav.vectorTabs li a:visited, nav.vectorTabs li a:visited span {
        color: #60554D;
        text-decoration: none;}

nav.vectorTabs li a:active, nav.vectorTabs li a:active span {
        color: inherit;
        text-decoration: none;}

nav.vectorTabs li a:hover, nav.vectorTabs li a:hover span {
        color:#856C59;
        text-decoration: none;}

nav.vectorMenu li a {
        color: inherit;
}
nav.vectorTabs li {
        background-image: linear-gradient(to top,#000000 0,#d6d0c6 1px,#eae9de 100%);  
}
#left-navigation .vectorTabs, #right-navigation .vectorTabs, #mw-head h3#p-cactions-label {
        background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#72716c 100%);
}

nav.vectorTabs li {
        background-image: linear-gradient(to top,#000000 0,#d6d0c6 1px,#eae9de 100%);
}
nav.vectorTabs li.selected {
        background-color: #EAE9DE;
}

nav.vectorTabs a {
        background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#72716c 100%);
}

#p-logo {
        top: -148px;
}
div#mw-panel {
        padding-top: 0;
}
div#mw-panel nav.portal h5 {
        padding-left: 1.5em;
        font-size: 100%;
}

div#mw-panel nav.portal div.body {
        margin-left: 1.0em;
}

div#mw-panel nav.portal div.body ul li {
        font-size: 80%;
}

div#mw-panel nav.portal div.body ul li a {
        color: #3F2613;
}

div#mw-panel nav.portal div.body ul li a:visited {
        color: #60554D;
}

div#mw-panel nav.portal div.body ul li a:hover {
        text-decoration: underline;
        color:#856C59
}
#preftoc a:active {
        color: inherit;
}

#bodyContent a {
        text-decoration: underline;
        color: #3F2613;
}

#bodyContent a.mw-selflink, #bodyContent a.mw-selflink:hover {
    color: inherit;
    text-decoration: none;
}

#bodyContent a:visited {
        color: #60554D;
}

#bodyContent a:active {
        color: inherit;
}

#bodyContent a:hover {
        text-decoration: underline;
        color:#856C59
}

.mediawiki fieldset {
        border: 1px solid #3F2613;
}

div.thumb {
        border-color: transparent;
}

#bodyContent a.external {
        text-decoration: underline;
        color: #3F2613;
}

#bodyContent a.external:visited {
        color: #60554D;
}

#bodyContent a.external:active {
        color: inherit;
}

#bodyContent a.external:hover {
        text-decoration: underline;
        color:#856C59
}

#bodyContent a.new:visited, #p-personal #bodyContent a.new:visited {
    color: #a55858;
}
#bodyContent a.new, #p-personal #bodyContent a.new {
    color: #ba0000;
}

#mw-js-message {
        font-size: 100%;
}

/** Additional CSS **/
/* make the Cite extension list of references look smaller and highlight clicked reference in yellow */
ol.references { font-size: 90%; }
ol.references > li:target { background-color: #F2F0A1; }
sup.reference:target { background-color: #F2F0A1; }

/* Notice box styling */

.colourbox {
        border: .0781em solid #AAA;
        border-radius: .5em;
        color: #000;
        display: block;
        font-weight: bold;
        margin: .5em 10%;
        padding: .5em;
        text-align: center;
        width: 80%;
        -khtml-border-radius: .5em;
        -moz-border-radius: .5em;
}

.colourbox > a {
        border-bottom: .0781em dotted;
        color: #000 !important;
}

.colourbox > a:hover {
        border-bottom: .0781em solid;
}

.bluebackbox {
        background: #C9DAE1;
        box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
        -moz-box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
}

.greenbackbox {
        background: #E0E6D3;
        box-shadow: 0 .0781em .3907em #82A63A, 0 .7813em 1.5625em #FFF inset;
        -moz-box-shadow: 0 .0781em .3907em #82A63A, 0 .7813em 1.5625em #FFF inset;
}


.redbackbox {
        background: #D68485;
        box-shadow: 0 .0781em .3907em #AF2022, 0 .7813em 1.5625em #FFF inset;
        -moz-box-shadow: 0 .0781em .3907em #AF2022, 0 .7813em 1.5625em #FFF inset;
}

/* End notice boxes */

/* Box shadows */

/* for .8em tables */

.disco-list, .infbox, .greytable, .gigtable, #nav-gig, #pricetable, #speechtable, .tabulature-list, .thumbinner, .gallerybox > .thumb > div > .image > img, li.gallerybox div.thumb img {
        box-shadow: .45em .33em .2em #666;
        -moz-box-shadow: .45em .33em .2em #666;
}

/* End box shadows */


/* Info boxes (+gig tables) */

/* Colours */

.infbox > tbody > tr > th, .greytable > tbody > tr > th, .gigtable > thead > tr > th {
        color: #FFF;
}

.discobox > tbody > tr > th {
        background: #42001D;
}

.discobox > tbody > tr > th > div {
        float: right;
        font-size: xx-small;
        text-transform: lowercase;
}

.discobox > tbody > tr > th > div > a:before {
        content: ".";
        transition: color 1s, content 1s;
        -moz-transition: color 1s, content 1s;
        -ms-transition: color 1s, content 1s;
        -o-transition: color 1s, content 1s;
        -webkit-transition: color 1s, content 1s;
}

.discobox > tbody > tr > th > div > a {
        color: #eee;
        transition: color 1s;
        -moz-transition: color 1s;
        -ms-transition: color 1s;
        -o-transition: color 1s;
        -webkit-transition: color 1s;
}


.discobox > tbody > tr > th > div > a:hover:before {
        color: #FFF;
        content: "." !important;
}

.discobox > tbody > tr > th > div > a:hover {
        color: #FFF;
        text-decoration: none;
}

.discobox > tbody > tr:nth-child(2n+1) {
        background: #ECE6E7;
}

#gearbox > tbody > tr > th, .greytable > tbody > tr > th {
        background: #656565;
}

#gearbox > tbody > tr:nth-child(2n+1), .greytable > tbody > tr:nth-child(2n+1) {
        background: #D9D9D9;
}

#gigbox > thead > tr > th, .gigtable > thead > tr > th {
        background: #584F41;
	text-align: left;
	font-weight: bold;
}

#gigbox > tbody > tr:nth-child(2n+1), .gigtable > tbody > tr:nth-child(2n+1) {
        background: #E4E3D7;
}

.gigtable > tbody > tr > td:nth-child(1) {
        width: 80px;
}

.gigtable > tbody > tr > td:nth-child(2) {
        width: 170px;
}

.gigtable > tbody > tr > td:nth-child(3) {
        width: 240px;
}

#nav-gig > tbody > tr > th {
	background: #584F41;
	color: white;
	padding: inherit;
	text-align: center;
}

#nav-gig > tbody > tr > td {
	background-color: white;
}

#nav-gig {
	border: 1px #AAA solid;
	/*box-shadow: .58em .42em .25em #666; */
	font-size: x-small;
	margin: 20px auto 0 auto;
	text-align: center;
}

.mediawiki table.nav {
	border-collapse: collapse;
}

#memberbox > tbody > tr > th {
        background: #584F41;
}

#memberbox > tbody > tr:nth-child(2n+1) {
        background: #E3E1DE;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	max-width: 330px;
}

#jambox > tbody > tr > th, #songbox > tbody > tr > th {
        background: #004225;
}

#jambox > tbody > tr:nth-child(2n+1), #songbox > tbody > tr:nth-child(2n+1) {
        background: #E7ECEA;
}

#vidbox > tbody > tr > th {
        background: #E3AF1E;
}

/* End colours */


/* Info box borders */

.greytable, .greytable > tbody > tr > th, .greytable > tbody > tr > td, .gigtable, .gigtable > thead > tr > th, .gigtable > tbody > tr > td, .infbox, .infbox > tbody > tr > th, .infbox > tbody > tr > td, .nav, .nav > tbody > tr > th, .nav > tbody > tr > td {
        border: 1px !important;
        padding: .3em .5em .3em .5em !important;
}

/* Info box left column */

.infbox > tbody > tr > td:first-child {
        font-weight: bold;
}

/* Discobox */

.discobox-chron {
        text-align: center;
}

.discobox-chron > div, .discobox-chron > a {
        display: inline-block;
        font-size: x-small;
        font-weight: normal;
        padding: 0 .5em;
        *display: block;
}

.discobox-chron-current {
        font-weight: bold !important;
}

/* End Discobox */


/* End info boxes */

/* Discography, tabulature, and video tables */

.disco-list, .tabulature-list, .video-list {
        border: .0781em #AAA solid;
        border-radius: .5em;
        border-spacing: 0;
        margin-bottom: 1em;
        -moz-border-radius: .5em;
}

.disco-list > tbody, .tabulature-list > tbody, .video-list > tbody {
        border-collapse: collapse;
}

/* 1em / 12.8px * 4px = 0.3125em */

.disco-list > tbody > tr > th, .disco-list > tbody > tr > td {
        padding: .3125em .5em .3125em .5em;
}


.tabulature-list > tbody > tr > th, .tabulature-list > tbody > tr > td, .video-list > tbody > tr > td {
        padding: .3125em;
        vertical-align: text-top;
}

.video-list {
        text-align: center;
}

/* End discography, tabulature, and video tables */


.columns-auto {
        column-width: 20em;
        -moz-column-width: 20em;
        -webkit-column-width: 20em;
}

.references {
        column-width: 32em;
        -moz-column-width: 32em;
        -webkit-column-width: 32em;
}

/* Sandbox */
.borderc8 { border-color: #FC0; }

li.gallerybox {
    background-color: transparent;
    border: solid 2px transparent;
}
.mediawiki #toc, .mediawiki .toc, .mediawiki .mw-warning, li.gallerybox div.thumb {
    background-color: #e4e3d8;
}

#toc {
    margin: 7px;
}

#toctitle {
    margin: 5px;
}

/* search box */
#simpleSearch label {
    font-size: .9em;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
#simpleSearch button#searchButton {
    background-image: none;
}

/* search results */
#bodyContent .searchresults li, #bodyContent .mw-search-form-wrapper li {
    list-style: none;
}

/* Gallery text */
div.gallerytext {
    text-align: center;
}

/* setlist */
#content ol > li {
    list-style: decimal outside;
}

#wikibody ol {
    line-height: 1.5em;
    margin: .3em 0 0 3.2em;
    padding: 0;
    list-style-image: none;
}
.mw-body h2 {
    margin-bottom: .6em;
}
.mw-body blockquote p {
    margin: 1.5em 0;
}