Difference between revisions of "MediaWiki:Common.css"

From Vendetta Online Wiki
Jump to: navigation, search
(Now with row highlighting on hover)
 
(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 {
+
font-size: 100%;
+
background: White;
+
border-collapse:collapse;
+
}
+
td {
+
padding:5px;
+
}
+
th {
+
background:#aec6d6;
+
padding-left:2px;
+
padding-right:2px;
+
}
+
h3 {
+
border-bottom: 1px dotted grey;
+
}
+
  
a:link, a:visited {
+
/* --- TABLE --- */
text-decoration: underline;
+
 
}
+
/* white background and border collapsing. */
.sortable tr:hover {
+
table {
background-color: #ddd;
+
  background-color: #fff;
}
+
  border-collapse:collapse;
 +
}
 +
/* padded table cells */
 +
td {
 +
  padding: 5px;
 +
}
 +
/* colored and padded heading cells */
 +
th {
 +
  background:#aec6d6;
 +
  padding-left:2px;
 +
  padding-right:2px;
 +
}
 +
/* rows in sortable tables highlight on hover */
 +
.sortable tr:hober {
 +
  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;  
 +
}

Revision as of 03:15, 3 October 2007

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

 /* --- TABLE --- */

 /* white background and border collapsing. */
 table {
  background-color: #fff;
  border-collapse:collapse;
 }
 /* padded table cells */
 td {
  padding: 5px;
 }
 /* colored and padded heading cells */
 th {
  background:#aec6d6;
  padding-left:2px;
  padding-right:2px;
 }
 /* rows in sortable tables highlight on hover */
 .sortable tr:hober {
  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; 
 }