Difference between revisions of "MediaWiki:Mobile.css"
From Yo-Kai Watch Wiki
(50 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the mobile site */ | /* CSS placed here will affect users of the mobile site */ | ||
− | + | .Yokai_Header { | |
+ | background:#2cb5e7; | ||
+ | background:linear-gradient(to bottom, #2cb5e7 0%, #aae1f5 100%); | ||
+ | } | ||
+ | |||
+ | .Yokai_Header2 { | ||
+ | background:#e8272e; | ||
+ | background:linear-gradient(to bottom, #e8272e 0%, #f39396 100%); | ||
+ | } | ||
+ | |||
+ | .Yokai_Header3 { | ||
+ | background:#fece0d; | ||
+ | background:linear-gradient(to bottom, #fece0d 0%, #fee686 100%); | ||
+ | } | ||
+ | |||
+ | .superheader { | ||
+ | border: 3px double #2cb5e7; | ||
+ | padding: 7px; | ||
+ | } | ||
+ | |||
+ | p.white { | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | .radical { | ||
+ | padding: 0; | ||
+ | margin: 10px -10px 0 -10px; | ||
+ | } | ||
+ | |||
+ | table.sharp1 { | ||
+ | table-layout: fixed; | ||
+ | border-collapse: separate; | ||
+ | border-spacing: 10px; | ||
+ | margin: -10px 0 0 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .dull1 { | ||
+ | border: 3px double #e8272e; | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 3px 6px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .dull1 .heading { | ||
+ | margin: 0 0 0px 0; | ||
+ | padding: 5px 0 10px 0; | ||
+ | } | ||
+ | |||
+ | .dull1 .body { | ||
+ | height: 100%; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 5px 0px 10px; | ||
+ | } | ||
+ | |||
+ | .dull2 { | ||
+ | border: 3px double #fece0d; | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 3px 6px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .dull2 .heading { | ||
+ | margin: 0 0 0px 0; | ||
+ | padding: 5px 0 10px 0; | ||
+ | } | ||
+ | |||
+ | .dull2 .body { | ||
+ | height: 100%; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 5px 0px 10px; | ||
+ | } | ||
/* Infobox template style */ | /* Infobox template style */ | ||
− | # | + | #infobox { |
− | border: | + | border: 1px solid #020202; |
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
color: black; | color: black; | ||
− | margin-bottom: | + | margin-bottom: -1em; |
margin-left: 1em; | margin-left: 1em; | ||
padding: 0.2em; | padding: 0.2em; | ||
Line 13: | Line 85: | ||
clear: right; | clear: right; | ||
} | } | ||
− | + | ||
− | + | #infobox td, | |
+ | #infobox th { | ||
vertical-align: top; | vertical-align: top; | ||
− | + | ||
} | } | ||
− | + | #infobox caption { | |
font-size: larger; | font-size: larger; | ||
margin-left: inherit; | margin-left: inherit; | ||
} | } | ||
− | + | #infobox.bordered { | |
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
− | + | #infobox.bordered td, | |
− | + | #infobox.bordered th { | |
border: 1px solid #020202; | border: 1px solid #020202; | ||
} | } | ||
− | + | #infobox.bordered .borderless td, | |
− | + | #infobox.bordered .borderless th { | |
border: 0; | border: 0; | ||
+ | } | ||
+ | |||
+ | #infobox th{ | ||
+ | width: 365px; | ||
+ | text-align: left; | ||
+ | |||
} | } |
Latest revision as of 13:58, 26 October 2015
/* CSS placed here will affect users of the mobile site */ .Yokai_Header { background:#2cb5e7; background:linear-gradient(to bottom, #2cb5e7 0%, #aae1f5 100%); } .Yokai_Header2 { background:#e8272e; background:linear-gradient(to bottom, #e8272e 0%, #f39396 100%); } .Yokai_Header3 { background:#fece0d; background:linear-gradient(to bottom, #fece0d 0%, #fee686 100%); } .superheader { border: 3px double #2cb5e7; padding: 7px; } p.white { color:#FFFFFF; } .radical { padding: 0; margin: 10px -10px 0 -10px; } table.sharp1 { table-layout: fixed; border-collapse: separate; border-spacing: 10px; margin: -10px 0 0 0; padding: 0; width: 100%; } .dull1 { border: 3px double #e8272e; margin: 0 0 10px 0; padding: 3px 6px; vertical-align: top; } .dull1 .heading { margin: 0 0 0px 0; padding: 5px 0 10px 0; } .dull1 .body { height: 100%; margin: 0 0 0 0; padding: 5px 5px 0px 10px; } .dull2 { border: 3px double #fece0d; margin: 0 0 10px 0; padding: 3px 6px; vertical-align: top; } .dull2 .heading { margin: 0 0 0px 0; padding: 5px 0 10px 0; } .dull2 .body { height: 100%; margin: 0 0 0 0; padding: 5px 5px 0px 10px; } /* Infobox template style */ #infobox { border: 1px solid #020202; background-color: #f9f9f9; color: black; margin-bottom: -1em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } #infobox td, #infobox th { vertical-align: top; } #infobox caption { font-size: larger; margin-left: inherit; } #infobox.bordered { border-collapse: collapse; } #infobox.bordered td, #infobox.bordered th { border: 1px solid #020202; } #infobox.bordered .borderless td, #infobox.bordered .borderless th { border: 0; } #infobox th{ width: 365px; text-align: left; }