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
(converted colors other than black and white to rgb)
Line 16: Line 16:
 
}
 
}
 
div#p-personal {
 
div#p-personal {
   background-color: #423121;
+
   background-color: rgb(66, 49, 33);
 
   padding: 0.25em 0 0.4em 0;
 
   padding: 0.25em 0 0.4em 0;
 
   border-bottom:2px solid #000;  
 
   border-bottom:2px solid #000;  
Line 22: Line 22:
 
}
 
}
 
#p-personal li a {
 
#p-personal li a {
   color: #D6C8B0;
+
   color: rgb(214, 200, 176);
 
   font-size: 1em;
 
   font-size: 1em;
 
   font-weight: normal;
 
   font-weight: normal;
Line 45: Line 45:
 
   background-color: #CFAB79;
 
   background-color: #CFAB79;
 
   color: black;
 
   color: black;
   border-left:1px solid #423121;  
+
   border-left:1px solid rgb(66, 49, 33);  
 
   margin: 0 0 0 0;
 
   margin: 0 0 0 0;
 
   font-weight: normal;
 
   font-weight: normal;
Line 57: Line 57:
 
}
 
}
 
#p-cactions li.selected a  {
 
#p-cactions li.selected a  {
   background-color: #EADCC1;
+
   background-color: rgb(234, 220, 193);
 
   margin: 0 0 0 0;
 
   margin: 0 0 0 0;
 
   font-weight: bold;
 
   font-weight: bold;
Line 64: Line 64:
 
}
 
}
 
.mobile-menu-active#p-cactions li a {
 
.mobile-menu-active#p-cactions li a {
   background-color: #9D7342;
+
   background-color: rgb(157, 115, 66);
 
   color: black;
 
   color: black;
 
   border: 0;
 
   border: 0;
Line 75: Line 75:
 
   padding-top: 0.5em;
 
   padding-top: 0.5em;
 
   padding-bottom: 1em;
 
   padding-bottom: 1em;
   background-color: #CFAB79;
+
   background-color: rgb(207, 171, 121);
   border: 1px solid #423121;
+
   border: 1px solid rgb(66, 49, 33);
 
   border-left: none;
 
   border-left: none;
 
   box-shadow:  inset 0 6px 4px -4px rgba(0,0,0,0.3), /*top*/
 
   box-shadow:  inset 0 6px 4px -4px rgba(0,0,0,0.3), /*top*/
Line 83: Line 83:
 
}
 
}
 
.portlet a, .portlet.generated-sidebar a {
 
.portlet a, .portlet.generated-sidebar a {
   color: #423121;
+
   color: rgb(66, 49, 33);
 
   font-size: 0.95em;
 
   font-size: 0.95em;
 
   font-weight: bold;
 
   font-weight: bold;
Line 94: Line 94:
 
}
 
}
 
.mobile-menu-active, .pBody {
 
.mobile-menu-active, .pBody {
   background-color: #EADCC1;
+
   background-color: rgb(234, 220, 193);
 
   border: 0;
 
   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 {
 
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: #EADCC1;
+
   background: rgb(234, 220, 193);
 
   border: none;
 
   border: none;
   border-top: 1px solid #423121;
+
   border-top: 1px solid rgb(66, 49, 33);
   border-bottom: 1px solid #423121;
+
   border-bottom: 1px solid rgb(66, 49, 33);
 
   box-shadow:  inset 0 6px 0 -4px rgba(156, 108, 58, 0.4);  
 
   box-shadow:  inset 0 6px 0 -4px rgba(156, 108, 58, 0.4);  
 
}
 
}
Line 108: Line 108:
 
}
 
}
 
.portlet h3 {
 
.portlet h3 {
   color: #423121;
+
   color: rgb(66, 49, 33);
 
   font-weight: normal;
 
   font-weight: normal;
 
   text-transform: uppercase;
 
   text-transform: uppercase;
Line 115: Line 115:
 
}
 
}
 
input.searchButton {
 
input.searchButton {
   background-color: #EADCC1;
+
   background-color: rgb(234, 220, 193);
 
   margin-top: 0.5em;
 
   margin-top: 0.5em;
 
}
 
}
Line 121: Line 121:
 
/* THE BOTTOM */
 
/* THE BOTTOM */
 
#footer {
 
#footer {
   background-color: #423121;
+
   background-color: rgb(66, 49, 33);
 
   border-top: 2px solid #000;
 
   border-top: 2px solid #000;
   border-bottom: 1px solid #333333;
+
   border-bottom: 1px solid #000;
 
   font-size: 100%;
 
   font-size: 100%;
   color: #F0E6D2;
+
   color: rgb(240, 230, 210);
 
   margin: 1em 0 0 0;
 
   margin: 1em 0 0 0;
 
   box-shadow:  0 6px 4px -4px rgba(0,0,0,0.4);  
 
   box-shadow:  0 6px 4px -4px rgba(0,0,0,0.4);  
Line 137: Line 137:
 
   border: 0;
 
   border: 0;
 
   padding-left: 1.3em;
 
   padding-left: 1.3em;
   color: #423121;
+
   color: rgb(66, 49, 33);
   background-color: #EADCC1;
+
   background-color: rgb(234, 220, 193);
   border:1px solid #423121;  
+
   border:1px solid rgb(66, 49, 33);  
 
   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);
 
}
 
}
 
table.infobox th {
 
table.infobox th {
   background-color:#cfab79;
+
   background-color:rgb(207, 171, 121);
 
}
 
}
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
     background: none repeat scroll 0 0 #cfab79;
+
     background: none repeat scroll 0 0 rgb(207, 171, 121);
 
     text-align: center;
 
     text-align: center;
 
}
 
}
  
 
table.wikitable, table.infobox {
 
table.wikitable, table.infobox {
   background:#F7ECD6;
+
   background:rgb(247, 236, 214);
 
}
 
}

Revision as of 02:24, 27 April 2020

@media screen and (min-width:551px) {
body, div#globalWrapper { 
background-image: url("https://wiki.twcenter.net/images/8/8b/Rusty-color.png"), url("https://www.twcenter.net/forums/images/y2skin/Background7.png");
  background-position:0 1.65em, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: auto 12em, auto;
}
}
@media screen and (max-width:550px) {
body, div#globalWrapper {
background-image: none;
}
}
body, div#globalWrapper {
  background-color: rgb(149, 127, 96);
}
div#p-personal {
  background-color: rgb(66, 49, 33);
  padding: 0.25em 0 0.4em 0;
  border-bottom:2px solid #000; 
  box-shadow:  0 6px 4px -4px rgba(0,0,0,0.4); 
}
#p-personal li a {
  color: rgb(214, 200, 176);
  font-size: 1em;
  font-weight: normal;
}
#p-logo {
  padding-top:0;
  padding-left:0.4em;
}
/*HORIZONTAL BUTTONS*/
div#p-cactions {
  left: 12.85em;
  padding-left:0;
  color: black;
}
#p-cactions ul {
  left: 10.3em;
  margin: 0;
}
#p-cactions li a, #p-cactions li.istalk a  {
  top:1.2em;
  padding:0.6em 1.7em 0.7em 1.7em;
  background-color: #CFAB79;
  color: black;
  border-left:1px solid rgb(66, 49, 33); 
  margin: 0 0 0 0;
  font-weight: normal;
  box-shadow:  inset 5px 0 5px -5px rgba(156,108,58,1); 
}
#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;
  font-weight: bold;
  padding-bottom: 0.90em; 
  box-shadow: none;
}
.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 {
  color: rgb(66, 49, 33);
  font-weight: normal;
  text-transform: uppercase;
  padding-left: 1em;
  padding-top: 1em;
}
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: 1.20em;
  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);
}
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);
}