Difference between revisions of "MediaWiki:Common.css"

From Vendetta Online Wiki
Jump to: navigation, search
(Formatted, and added ambox styles (templates))
Line 1: Line 1:
 
  /* CSS placed here will be applied to all skins */
 
  /* CSS placed here will be applied to all skins */
  
  /* --- TABLE --- */
+
  /* Styling for citations */
 +
cite {
 +
  font-style: normal;
 +
  word-wrap: break-word;
 +
}
  
  /* white background and border collapsing. */
+
  /* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
  table {
+
  cite:target {  
   background-color: #fff;
+
   background-color: #DEF;
  border-collapse:collapse;
+
 
  }
 
  }
  /* padded table cells */
+
 
  td {
+
  /* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */
   padding: 5px;
+
 
 +
  @media print {
 +
   #content cite a.external.text:after {
 +
  display: none;
 +
  }
 
  }
 
  }
  /* colored and padded heading cells */
+
 
  th {
+
  /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */
   background:#aec6d6;
+
 
  padding-left:2px;
+
  @media screen, handheld, projection {
   padding-right:2px;
+
   cite *.printonly {
 +
  display: none;
 +
   }
 
  }
 
  }
 +
 +
/* wikitable/prettytable class for skinning normal tables */
 +
table.wikitable,
 +
table.prettytable {
 +
    margin: 1em 1em 1em 0;
 +
    background: #f9f9f9;
 +
    border: 1px #aaa solid;
 +
    border-collapse: collapse;
 +
}
 +
 +
table.wikitable th, table.wikitable td,
 +
table.prettytable th, table.prettytable td {
 +
    border: 1px #aaa solid;
 +
    padding: 0.2em;
 +
}
 +
 +
table.wikitable th,
 +
table.prettytable th {
 +
    background: #f2f2f2;
 +
    text-align: center;
 +
}
 +
 +
table.wikitable caption,
 +
table.prettytable caption {
 +
    margin-left: inherit;
 +
    margin-right: inherit;
 +
    font-weight: bold;
 +
}
 +
 +
table.prettytable code,
 +
table.wikitable code {
 +
    background-color: transparent;
 +
}
 +
 +
/* default skin for navigation boxes */
 +
table.navbox {
 +
    background-color: #f9f9f9;
 +
    border: 1px solid #aaa;
 +
    clear: both;
 +
    font-size: 90%;
 +
    margin: 1em 0em 0em;
 +
    padding: 2px;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
 +
table.navbox th {
 +
    background-color: #ccf;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
}
 +
 +
@media print {
 +
    .navbox {
 +
        display: none;
 +
    }
 +
}
 +
 
  /* rows in sortable tables highlight on hover */
 
  /* rows in sortable tables highlight on hover */
  .sortable tr:hober {
+
  .sortable tr:hover {
 
   background-color: #ddd;
 
   background-color: #ddd;
 
  }
 
  }

Revision as of 05:47, 2 May 2008

 /* CSS placed here will be applied to all skins */

 /* Styling for citations */
 cite {
  font-style: normal;
  word-wrap: break-word;
 }

 /* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
 cite:target { 
  background-color: #DEF;
 }

 /* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */

 @media print {
  #content cite a.external.text:after {
   display: none;
  }
 }

 /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

 @media screen, handheld, projection {
  cite *.printonly {
   display: none;
  }
 }

 /* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
    background: #f2f2f2;
    text-align: center;
}

table.wikitable caption,
table.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}

table.prettytable code,
table.wikitable code {
    background-color: transparent;
}

/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

@media print {
    .navbox {
        display: none;
    }
}

 /* rows in sortable tables highlight on hover */
 .sortable tr:hover {
  background-color: #ddd;
 }

 /* --- HEADINGS --- */

 /* third tier headings have a dotted bottom border */
 h3 {
  border-bottom: 1px dotted grey;
 }

 /* --- LINKS --- */

 /* forces all links to be underlined */
 a:link, a:visited {
  text-decoration: underline;
 }
 /* --- AMBOX TEMPLATE DESIGNS --- */
 
 /* ambox design */
 .ambox {
  font-size: 110%;
  width: 80%; 
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
 }
 
 /* ambox colours */
 .ambox-blue {
  border-left: 10px solid #1e90ff;       /* Blue (notice) */
 }
 .ambox-red {
  border-left: 10px solid #b22222;       /* Red (delete/serious) */
 }
 .ambox-orange {
  border-left: 10px solid #f28500;       /* Orange (content) */
 }
 .ambox-yellow {
  border-left: 10px solid #f4c430;       /* Yellow (style) */
 }
 .ambox-purple {
  border-left: 10px solid #9932cc;       /* Purple (merge) */
 }
 .ambox-gray {
  border-left: 10px solid #bba;          /* Gray (protection) */
 }
 .ambox-green {
  border-left: 10px solid #228b22;       /* Green */
 }
 
 /* ambox small text */
 .amsmalltext {
  font-size: 90%;
  text-align: justify;
  margin-top:0.5em;
  margin-left:0.8em;
 }
 
 /* ambox image */
 .ambox-image {                          /* The left image cell */
  width: 60px; 
  padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
  text-align: center; 
 }