Welcome to the TWC Wiki! You are not logged in. Please log in to the Wiki to vote in polls, change skin preferences, or edit pages. See HERE for details of how to LOG IN.

Difference between revisions of "User:Makanyane/monobook.css"

From TWC Wiki
Jump to navigationJump to search
(yeah flex isn't going to work (and remember not to hide all the buttons if you want to be able to edit things))
Line 33: Line 33:
 
}
 
}
 
#p-logo {
 
#p-logo {
   padding-top:0;
+
  width: 12.2em;
   padding-left:0.4em;
+
   padding:0;
 +
   background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png");
 +
  background: red;
 +
  z-index:2;
 
}
 
}
 
/*HORIZONTAL BUTTONS*/
 
/*HORIZONTAL BUTTONS*/
Line 50: Line 53:
 
   margin: 0;
 
   margin: 0;
 
   position: relative;
 
   position: relative;
 +
  line-height: 0;
 
   left: 15em;
 
   left: 15em;
 
   width: 75%;
 
   width: 75%;
 
}
 
}
 
#p-cactions li a, #p-cactions li.istalk a  {
 
#p-cactions li a, #p-cactions li.istalk a  {
   top:1.2em;
+
   top:0;
 
   padding:0.6em 1.7em 0.7em 1.7em;
 
   padding:0.6em 1.7em 0.7em 1.7em;
 
   color: black;
 
   color: black;
Line 156: Line 160:
 
/* MAIN BODY CONTENT AND USER GENERATED CONTENT */
 
/* MAIN BODY CONTENT AND USER GENERATED CONTENT */
 
div#content {
 
div#content {
   top: 1.20em;
+
   top: 0;
 
   border: 0;
 
   border: 0;
 
   padding-left: 1.3em;
 
   padding-left: 1.3em;
Line 164: Line 168:
 
   border-right:none;  
 
   border-right:none;  
 
   box-shadow:  0 6px 4px -4px rgba(0,0,0,0.6);
 
   box-shadow:  0 6px 4px -4px rgba(0,0,0,0.6);
 +
  z-index:3;
 +
}
 +
.mw-body {
 +
    margin: 5em 0 0 12.2em; /* sets the main content box position - match width with p-logo*/
 
}
 
}
 
table.infobox th {
 
table.infobox th {

Revision as of 02:40, 28 April 2020

/* Terminally confused with colors -
Dark brown for borders - rgb(66, 49, 33)
Rusty color applied by image https://wiki.twcenter.net/images/8/8b/Rusty-color.png or rgb(156, 108, 58) or BG2.png from forum
Dark brown/greyer buttons/bars -rgb(141, 117, 83)
Yucky orangy color - rgb(207, 171, 121)
Creamy body bg - rgb(234, 220, 193)
Dark Text - rgb(66, 49, 33)
*/



@media screen and (min-width:551px) {
body, div#globalWrapper { 
background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png"), url("https://www.twcenter.net/forums/images/y2skin/Background7.png");
  background-position:0 0, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: auto 14em, auto;
}
}
@media screen and (max-width:550px) {
body, div#globalWrapper {
background-image: none;
}
}
body, div#globalWrapper {
  background-color: rgb(149, 127, 96);
}

#p-personal li a {
  color: rgb(214, 200, 176);
  font-size: 1em;
  font-weight: normal;
}
#p-logo {
  width: 12.2em;
  padding:0;
  background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png");
  background: red;
  z-index:2;
}
/*HORIZONTAL BUTTONS*/
div#p-cactions {
  position: absolute;
  left: 0;
  padding-left:0;
  width: 100%;
  height: 3em;
  background: rgb(141, 117, 83) url(https://www.twcenter.net/forums/images/buttons/newbtn_middle.png) repeat-x;
  border-bottom: 1px solid rgb(141, 117, 83);
  z-index: 1;
}
#p-cactions ul {
  margin: 0;
  position: relative;
  line-height: 0;
  left: 15em;
  width: 75%;
}
#p-cactions li a, #p-cactions li.istalk a  {
  top:0;
  padding:0.6em 1.7em 0.7em 1.7em;
  color: black;
  font-weight: bold;
  margin: 0 0 0 0;
  border-top: 1px solid rgb(141, 117, 83);
  border-left: 1px solid rgb(141, 117, 83);
  background: rgb(141, 117, 83) url(https://www.twcenter.net/forums/images/buttons/newbtn_middle.png) repeat-x;
}
#p-cactions li.selected, #p-cactions li  {
  border: 0;
  margin: 0 0 0 0;
  background-color: transparent;
}
#p-cactions li.selected a  {
  background-color: rgb(234, 220, 193);
  margin: 0 0 0 0;
  padding-bottom: 0.75em; 
  font-weight: bold;
  border-left:1px solid rgb(66, 49, 33); 
  border-top:1px solid rgb(66, 49, 33); 
  border-right:1px solid rgb(66, 49, 33); 
  box-shadow: none;
}
#p-cactions li a:hover {
  background-color: rgb(234, 220, 193);
  border-left:1px solid rgb(66, 49, 33); 
  border-top:1px solid rgb(66, 49, 33); 
  border-right:1px solid rgb(66, 49, 33); 
  box-shadow:  inset 0 10px 0 -4px rgba(207, 171, 121,1); 
}
.mobile-menu-active#p-cactions li a {
  background-color: rgb(157, 115, 66);
  color: black;
  border: 0;
  padding-bottom: 0;
}
/* SIDEBAR NAVIGATION*/
div#sidebar {
  width: 13.5em;
  margin-top: 0em;
  padding-top: 0.5em;
  padding-bottom: 1em;
  background-color: rgb(207, 171, 121);
  border: 1px solid rgb(66, 49, 33);
  border-left: none;
  box-shadow:  inset 0 6px 4px -4px rgba(0,0,0,0.3), /*top*/
  0 6px 4px -4px rgba(0,0,0,0.5),
  5px 0 5px -5px rgba(0,0,0,0.6);  
}
.portlet a, .portlet.generated-sidebar a {
  color: rgb(66, 49, 33);
  font-size: 0.95em;
  font-weight: bold;
  padding-top: 0em;

}
.portlet ul, .portlet.generated-sidebar ul {
  list-style-image: none;
  list-style-type: none;
}
.mobile-menu-active, .pBody {
  background-color: rgb(234, 220, 193);
  border: 0;
}
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 {
  background: rgb(234, 220, 193);
  border: none;
  border-top: 1px solid rgb(66, 49, 33);
  border-bottom: 1px solid rgb(66, 49, 33);
  box-shadow:  inset 0 6px 0 -4px rgba(156, 108, 58, 0.4); 
}
.portlet {
  width: 12.2em;
}
.portlet h3, .portlet.generated-sidebar h3 {
  display: inline-block;
  color: rgb(66, 49, 33);
  font-weight: normal;
  text-transform: uppercase;
  margin: 0.2em 0.9em 0.4em 0.9em;
}
input.searchButton {
  background-color: rgb(234, 220, 193);
  margin-top: 0.5em;
}

/* THE BOTTOM */
#footer {
  background-color: rgb(66, 49, 33);
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  font-size: 100%;
  color: rgb(240, 230, 210);
  margin: 1em 0 0 0;
  box-shadow:  0 6px 4px -4px rgba(0,0,0,0.4); 
}
#footer a {
    color: #FFF;
}
/* MAIN BODY CONTENT AND USER GENERATED CONTENT */
div#content {
  top: 0;
  border: 0;
  padding-left: 1.3em;
  color: rgb(66, 49, 33);
  background-color: rgb(234, 220, 193);
  border:1px solid rgb(66, 49, 33); 
  border-right:none; 
  box-shadow:  0 6px 4px -4px rgba(0,0,0,0.6);
  z-index:3;
}
.mw-body {
    margin: 5em 0 0 12.2em; /* sets the main content box position - match width with p-logo*/
}
table.infobox th {
  background-color:rgb(207, 171, 121);
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background: none repeat scroll 0 0 rgb(207, 171, 121);
    text-align: center;
}

table.wikitable, table.infobox {
  background:rgb(247, 236, 214);
}