Difference between revisions of "MediaWiki:Mobile.css"

From Yo-Kai Watch Wiki
Jump to: navigation, search
 
(19 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 */
Line 12: Line 84:
 
   float: right;
 
   float: right;
 
   clear: right;
 
   clear: right;
  text-align: center;
 
 
}
 
}
  
Line 38: Line 109:
 
#infobox th{
 
#infobox th{
 
   width: 365px;
 
   width: 365px;
   margin-left: 0px;
+
   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;
 
}