Difference between revisions of "MediaWiki talk:Common.css"

From ICMS
Jump to navigation Jump to search
(Created page with '==Dark Blue Background== This scheme needs some tweaking and a few custom images to work well, but is mostly done. <pre> →‎CSS placed here will be applied to all skins: html, ...')
 
 
Line 1: Line 1:
==Dark Blue Background==
+
==Grey Castle Background with Green Text==
This scheme needs some tweaking and a few custom images to work well, but is mostly done.
+
This scheme needs some tweaking and a few custom images to work well, but is mostly done. Unfortunately, most of the work seems to be in the "mostly" part.
<pre>
 
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 
html, body {
 
html, body {
 
   background-color:#070044;
 
   background-color:#070044;
   background-image: none; /* url("images/page-base.png"); */
+
   background-image: url("custom/castle.tile.jpg");
 
   color: #ffffff;
 
   color: #ffffff;
 
}
 
}
 
#head, #content {
 
#head, #content {
 +
  /* background-color:#070044; /* <font color=#070044>dark purple/violet</font> */
 +
  /* background-color:#226644; /* <font color=#226644>prussian blue</font> */
 +
  background-color:#224422; /* <font color=#224422>prussian green!</font> */
 +
  background-image: url("custom/castle.tile.jpg");
 +
}
 +
pre {
 +
/*  background-color:#440007; /* <font color=#440007>dark maroon</font> */
 +
  background-color:#224466; /* <font color=#224466>slate grey</font> */
 +
  color: #ffffff;
 +
}
 +
#preferences  {
 
   background-color:#070044;
 
   background-color:#070044;
   background-image: none; /* url("images/page-base.png"); */
+
   background-image: none;
 
}
 
}
 +
/* foreground colors mainly */
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
 
}
 
pre {
 
  background-color:#440007;
 
 
   color: #ffffff;
 
   color: #ffffff;
 
}
 
}
 
a {
 
a {
   color:#f9ba52;
+
   color:#66ff44; /* <font color=#66ff44>green</font> */
 +
  /* color:#f9ba52; <font color=#f9ba52>orange</font> */
 
}
 
}
a:visited {
+
a:visited, #panel div.portal div.body ul li a:visited {
   color:#f4ff7f;
+
   color:#bbff44; /* <font color=#bbff44>light green</font> */
 +
  /* color:#f4ff7f; <font color=#f4ff7f>yellow</font> */
 
}
 
}
 
a.new, #p-personal a.new {
 
a.new, #p-personal a.new {
   color:#45ffff;
+
   color:#44ffff; /* <font color=#66ffff>light blue</font> */
 +
  /* color:#45ffff; <font color=#45ffff>also light blue</font> */
 
}
 
}
 
#panel div.portal div.body ul li a {
 
#panel div.portal div.body ul li a {
   color:#f9ba52;
+
   color:#66ff44; /* <font color=#66ff44>green</font> */
 +
  /* color:#f9ba52; <font color=#f9ba52>orange</font> */
 
}
 
}
 
#panel div.portal h5 {
 
#panel div.portal h5 {
 
   color:#bbbbbb;
 
   color:#bbbbbb;
 
}
 
}
#panel div.portal div.body ul li a:visited {
+
#content a.external  {
   color:#f4ff7f;
+
  color:#aaffff; /* <font color=#aaffff>light grey-blue</font> */
 +
  /* color:#cc9944; /* <font color=#cc9944>orangey?</font> */
 +
}
 +
#footer ul li {
 +
  color:#cccccc;
 +
}
 +
table, table.wikitable {
 +
  background-color:#070044;
 +
  color:white;
 +
}
 +
.wikitable th {
 +
  background-color: #0d0d0d;
 +
}
 +
h4.mw-specialpagesgroup  {
 +
   background-color:#232323;
 
}
 
}
 
/* custom images -- eventually move to custom skin */
 
/* custom images -- eventually move to custom skin */
 
div.vectorTabs ul {
 
div.vectorTabs ul {
   background-image:url("images/tab-break.neg.png");
+
   background-image:url("custom/tab-break.neg.png");
#footer ul li {
 
  color:#cccccc;
 
 
}
 
}
</pre>
 

Latest revision as of 13:20, 2 July 2010

Grey Castle Background with Green Text

This scheme needs some tweaking and a few custom images to work well, but is mostly done. Unfortunately, most of the work seems to be in the "mostly" part. /* CSS placed here will be applied to all skins */ html, body {

 background-color:#070044;
 background-image: url("custom/castle.tile.jpg");
 color: #ffffff;

}

  1. head, #content {
 /* background-color:#070044; /* dark purple/violet */
 /* background-color:#226644; /* prussian blue */
 background-color:#224422; /* prussian green! */
 background-image: url("custom/castle.tile.jpg");

} pre { /* background-color:#440007; /* dark maroon */

 background-color:#224466; /* slate grey */
 color: #ffffff;

}

  1. preferences {
 background-color:#070044;
 background-image: none;

} /* foreground colors mainly */ h1, h2, h3, h4, h5, h6 {

 color: #ffffff;

} a {

 color:#66ff44; /* green */
 /* color:#f9ba52; orange */

} a:visited, #panel div.portal div.body ul li a:visited {

 color:#bbff44; /* light green */
 /* color:#f4ff7f; yellow */

} a.new, #p-personal a.new {

 color:#44ffff; /* light blue */
 /* color:#45ffff; also light blue */

}

  1. panel div.portal div.body ul li a {
 color:#66ff44; /* green */
 /* color:#f9ba52; orange */

}

  1. panel div.portal h5 {
 color:#bbbbbb;

}

  1. content a.external {
 color:#aaffff; /* light grey-blue */
 /* color:#cc9944; /* orangey? */

}

  1. footer ul li {
 color:#cccccc;

} table, table.wikitable {

 background-color:#070044;
 color:white;

} .wikitable th {

 background-color: #0d0d0d;

} h4.mw-specialpagesgroup {

 background-color:#232323;

} /* custom images -- eventually move to custom skin */ div.vectorTabs ul {

 background-image:url("custom/tab-break.neg.png");

}