MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
Apocalycious (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://fonts.googleapis.com/css?family= | @import url('https://fonts.googleapis.com/css?family=Rock+Salt|Special+Elite|Odibee+Sans|Lacquer|Josefin+Sans|Lobster|Pacifico|Raleway|Trade+Winds&display=swap'); | ||
#character-table | #character-table |
Revision as of 21:05, 13 May 2020
/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css?family=Rock+Salt|Special+Elite|Odibee+Sans|Lacquer|Josefin+Sans|Lobster|Pacifico|Raleway|Trade+Winds&display=swap'); #character-table { background-color: {{{page color}}}; border: 1px solid {{{page border}}}; -border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #character-table .character-table { {{ #switch: {{{page gradient|}}}|no=| background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3))); background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3)); }} width: 100%; padding: 5px; margin: 0px; } .character-cell { border: 1px solid {{{cell border}}}; -border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: {{{cell color}}}; margin-bottom: 0.5em; width: 100%; } .character-cell-table { {{ #switch: {{{cell gradient|}}}|no=| background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3))); background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3)); }} -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: {{{cell text}}}; width: 100%; } .character-cell-table table td, .character-cell-table table th { color: {{{cell text}}}; } .character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; } .character-cell a:hover, #content .character-cell a.external:hover { color: {{{link hover color}}}; } .character-cell a.new, .character-cell a.new:visited { color: red; } .character-header { background: {{{header color}}}; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border: 1px solid {{{header border}}}; color: {{{header text}}}; font-weight: bold; text-align: center; } .character-glass { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1))); background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1)); display: block; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); width: 100%; } .character-2columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .character-3columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .character-italic { font-style: italic; } #character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; } #character-table h2 { color: {{{page color}}}; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 125%; font-style: italic; font-weight: bold; padding-right: 2em; text-align: right; } .character-quote { color: {{{header color}}}; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; margin-left: auto; margin-right: auto; text-align: center; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); width: 50%; } .character-shadowtext { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 ); } .character-rounded img { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .infobox td { vertical-align: top; } .hiddenStructure { display: none; } .full { width: 100%; } .half { width: 49%; } td { vertical-align: top; } #headerTable { background: #FCFCFC; border-color: #CCCCCC; border-style: solid; border-width: 1px; margin-right: 1em; } #layoutTable, #displayTable { border-color: #FFFFFF; border-spacing: 8px; border-style: solid; border-width: 1px; color: #000000; margin: 0px -8px; } #layoutTable td, #displayTable td { background-color: #EEEEEE; border-color: #BBBBBB; border-style: solid; border-width: 1px; color: #000000; vertical-align: top; } #displayTable td { vertical-align: middle; } #layoutTable td table, #displayTable td table { background-color: #EEEEEE; } #layoutTable td table td, #displayTable td table td { border-width: 0px; } #layoutTable th, #displayTable th { background-color: #DDDDDD; border-color: #CCCCCC; border-style: solid; border-width: 1px; color: #000000; font-size: 100%; font-weight: bold; margin: 0; text-align:left; padding: 0.2em 0.4em; } #layoutTable th h2, #displayTable th h2 { background-color: #DDDDDD; border: 0px; color: #000000; font-size: 120%; font-weight: bold; margin: 0; text-align:left; padding: 0; } #layoutTable table #toc, #displayTable table #toc { border: 0px; padding-left: 15%; } #layoutTable table #toctitle, #displayTable table #toctitle { display: none; } .subpages { background-color: #F6F6F6; border-color: #EEEEEE; border-width: 1px; border-style: dotted; font-size: 1.1em; padding: .2em; margin-top: .5em; } a, a:visited { color: #0000FF; } a.new, a.new:visited { color: #FF0000; } table { background: none; } /* Default messagebox is gray */ .messagebox { width:90%; margin:0px auto; padding:0em; border:2px solid #aaaaaa; background:#fbfbfb; color:black; text-align:left; } .messagebox img { border:0em; padding:0em 0.5em; text-align:center; } /* default for all content namespaces */ .ns-subject .messagebox + .messagebox { border-top-width:0em; margin-top:-1px; } .ns-subject .messagebox { border-left-color:#1e90ff; border-left-width:10px; } .ns-subject .messagebox.notice { border-left-color:#1e90ff; } .ns-subject .messagebox.warning { border-left-color:#b22222; } .ns-subject .messagebox.serious { border-left-color:#b22222; } .ns-subject .messagebox.content { border-left-color:#f28500; } .ns-subject .messagebox.style { border-left-color:#f4c430; } .ns-subject .messagebox.merge { border-left-color:#9932cc; } .ns-subject .messagebox.growth { border-left-color:#228b22; } .ns-subject .messagebox.idea { border-left-color:yellow; } .ns-subject .messagebox.query { border-left-color:#ffb734; } .ns-subject .messagebox.move { border-left-color:#9932cc; } /* image namespace */ .ns-6 .messagebox + .messagebox { border-top-width:2px; margin-top:0.5em; } .ns-6 .messagebox { border-color:#1e90ff; border-bottom-width:5px; border-left-width:2px;} .ns-6 .messagebox.notice { border-color:#1e90ff; } .ns-6 .messagebox.warning { border-color:#b22222; } .ns-6 .messagebox.serious { border-color:#b22222; } .ns-6 .messagebox.content { border-color:#f28500; } .ns-6 .messagebox.query { border-color:#ffb734; } .ns-6 .messagebox.free { border-color:#79CC55; } .ns-6 .messagebox.nonfree { border-color:#EF9132; } .ns-6 .messagebox.pd { border-color:#7E80A3; } .ns-6 .messagebox.move { border-color:#9932cc; } .werewolfRites { width: 99%; } .werewolfRites td, .werewolfRites th { border-bottom: solid #CCCCCC 1px; vertical-align: top; width: 20%; } .mw-geshi { font-size: 1.1em; } .wikitable th { background-color: #002244; color: #FFFFFF; text-align: left; } /* Might want 2n instead */ table.wikitable tr:nth-child(2n+1) td { border-top-width: 1px; background-color: #e6e4cf; } table.wikitable { margin: 0; } /** Code specific stuff **/ body.ns-102 h2 { color: #069; } body.ns-102 h3 { color: #686; } body.ns-102 h5 { font-size: 1.2em; font-style: italic; } body.ns-102 .editsection { color: #000; font-size: 9pt; font-style: normal; } body.ns-102 #toc, body.ns-102 .toc, body.ns-102 #toc td, body.ns-102 .toc td { border: none; background-color: transparent; }