The Morrissey-solo Wiki is a continual work in progress, most of the data still needs to be populated. See the To Do page if you want to help.

Difference between revisions of "MediaWiki:Vector.css"

From Morrissey-solo Wiki
Jump to: navigation, search
(SSL)
 
(4 intermediate revisions by the same user not shown)
Line 564: Line 564:
 
.mw-body h2 {
 
.mw-body h2 {
 
     margin-bottom: .6em;
 
     margin-bottom: .6em;
 +
}
 +
.mw-body blockquote p {
 +
    margin: 1.5em 0;
 
}
 
}

Latest revision as of 00:19, 11 June 2018

/* 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;
        font-size: 15px;
}
.mw-body {
        border-color: #846d50;
}
.mw-body .external {
    background-image: url(https://cf.morrissey-solo.com/w/skins/Vector/images/external-link-ltr-icon.png);
}

em {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

.mediawiki input, .mediawiki textarea, .mediawiki select, .mediawiki button {
        padding: 1px 6px;
}

#wikipanel {
        height: 0.9em;
        background: #EAE9DE;
        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;
}

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

.mediawiki p {
        line-height: 1.3em;
}

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

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

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

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

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

div.vectorTabs li a span {
        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;
        font-size: 100%;
}
div.vectorTabs li.selected span {
        background-color: #EAE9DE;
}

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

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

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

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

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

div#mw-panel div.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: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;
}
/* 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;
}