User:TestNewName/monobook.css
From TWC Wiki
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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, .mobile-menu-active .pBody {
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 so if using that it should match the .mobile-menu-active bg */
div#p-navigation div, div#p-Visit_TWC div {
border: none;
background-color: skyblue;
}
.pBody {
background-color: lightsteelblue;
}
.mobile-menu-active .pBody {
background-color: thistle;
}
.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;
}