User:TestNewName/monobook.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* testing thing to find names of divs/classes and where they end up used in mobile version */
body, div#globalWrapper {
  background-color: indianred;
  background-image: none;
}
div#p-personal {
  background-color: darkred;
  width: 100%;
  font-size: 1em;
  padding: 0.5em 0;
}
#p-personal li a {
  color: green;
}
#p-personal.mobile-menu-active,  #sidebar-mobilejs.mobile-menu-active, #p-cactions.mobile-menu-active, #p-tb.mobile-menu-active {
 background-color: thistle;
}
#p-logo {
  background-color: lightsalmon;
}

/*positioning this screws up the mobile view - need to find way of separating*/
/*holder for the article/talk/edit/history/move buttons*/
div#p-cactions {
  background-color: coral;
  width: 100%;
  padding-top:2em;
  padding-left:0;
  padding-bottom: 0.6em;
}

#p-cactions ul {
  background-color: yellow;
}

#p-cactions li a {
  background-color: mediumblue;
  color: orange;
  border: 2px solid orange;
  text-transform: lowercase;
  padding-bottom: 1em;
  border-bottom: 0;
}
#p-cactions li.selected a {
  background-color: lawngreen;
  color: red;
  border: 2px solid green;
  border-bottom: 0;
  text-transform: uppercase;
}
.mobile-menu-active#p-cactions li a {
  background-color: yellow;
  color: black;
  border: 0;
  padding-bottom: 0;
}

/*sidebar stuff*/
div#sidebar {
  background-color: gold;
}
#p-navigation {
  background-color: crimson;
}
/*all the side bits individually = div#p-navigation div, div#p-Important_Pages div, div#p-My_Sidebar div, div#p-search div, div#p-tb div, div#p-Visit_TWC div ----  .pBody does them combined, but .pBody also turns up on the Responsive view menu*/
div#p-navigation div, div#p-Visit_TWC div {
  border: none;
  background-color: skyblue;
}
.pBody {
  background-color: lightsteelblue;
}
.portlet a, .portlet.generated-sidebar a {
  color: teal;
}
.portlet h3 {
  text-transform: capitalize;
}

.mobile-menu-active {
  background:indigo;
}




/* Main content section - obvious is obvious */
div#content {
  top: 2.5em;
  border: 0;
  padding-left: 1.3em;
  color: #3e3427; /* try twc text colour*/
  background-color: sandybrown;
}
#toc {
    background-color: yellow;
}

/* the bottom!*/
#footer {
    background-color: navy;
    border-top: 2px solid #000;
    border-bottom: 1px solid #333333;
    font-size: 100%;
    color: #F0E6D2;
    margin: 1em 0 0 0;
}
#footer a {
    color: #FFF;
}

/*bright pink wikitable in case they're turning up anywhere else*/

table.infobox th {
  background-color:lightpink;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background: none repeat scroll 0 0 hotpink;
    text-align: center;
}
table.wikitable, table.infobox {
  background:deeppink;
}

/*fuchsia for collapsible in case it's turning up anywhere else*/
.mw-collapsible td, .mw-collapsible th {
    background-color: fuchsia;
}