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 "MediaWiki:Monobook.css"

From TWC Wiki
Jump to navigationJump to search
(transfered TWC coloured skin in from custom version)
(this should now be old medieval coloured TWC wiki skin)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the MonoBook skin */
+
/* kill the monobook header image*/
/* Terminally confused with colors so listed here -
+
div#globalWrapper {
Dark brown for borders - rgb(66, 49, 33)
+
    .background-image-svg( );
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
+
    background-position: 0 0;
Dark brown/greyer buttons/bars -rgb(141, 117, 83)
+
    background-repeat: no-repeat;
Yucky orangy color - rgb(207, 171, 121)
+
    background:none;
Creamy body bg - rgb(234, 220, 193)
+
}
Dark Text - rgb(66, 49, 33) */
 
/****************************************/
 
/* mobile width version*/
 
@media screen and (max-width:550px) {
 
  
body, div#globalWrapper, div#content, .mobile-menu-active, .mobile-menu-active h3 {
+
body {
  background-image: none;
+
    background: #F4E9DF;
  background-color: rgb(234, 220, 193);
+
    color: #6D6155;
  color: rgb(66, 49, 33);
 
 
}
 
}
.mobile-menu-active, .menu-toggle, #p-cactions-mobile li, #searchBody {
+
 
     border: solid 1px rgb(66, 49, 33);
+
a:link, a:visited, #p-cactions li a {
 +
     color: #2062A3;
 
}
 
}
.mw-body {
+
 
  border-top: solid 1px rgb(66, 49, 33);
+
a:link.new {
 +
    color: #CC2200;
 
}
 
}
.mobile-menu-active ul {
+
 
     list-style-image: none;
+
a:link.new:visited {
    list-style-type: square;
+
     color: #A55858;
 
}
 
}
table.info-right {
+
 
  width: auto;
+
a:hover, a:active {
  float: none;
+
    color: #8C2B39;
 
}
 
}
} /**********END OF MOBILE SECTION - don't delete the } !**************/
 
  
/*Things for full width version only - to save having to negate everything for mobile version!*/
+
h1, h2, h3, h4, h5, h6, .pBody, table {
@media screen and (min-width:551px) {
+
    color: inherit;
 +
}
  
body, div#globalWrapper {  
+
div#content, #footer {
background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png"), url("https://www.twcenter.net/forums/images/y2skin/Background7.png");
+
    background: #E9DED4;
  background-position:0 0, 0 0;
+
    color: #473D33;
  background-repeat: repeat-x, repeat;
 
  background-size: auto 14em, auto;
 
  background-clip: padding-box, padding-box;
 
 
}
 
}
.mw-body {
+
 
  margin: 4em 0 0 12.2em; /* sets the main content box position - match width with p-logo */
+
div.thumb {
  z-index:3
+
    border-color: #E9DED4;
 
}
 
}
body, div#globalWrapper {
+
 
  background-color: rgb(156, 108, 58);
+
#content {
 +
    border: 1px solid #CEBEAE;
 
}
 
}
div#p-personal {
+
 
  background-color: rgb(66, 49, 33);
+
#footer {
  padding: 0.25em 0 0.4em 0;
+
    border: 1px solid #CEBEAE;
  box-shadow:  inset 0 -6px 4px -4px rgba(0,0,0,0.8);
+
    border-width: 1px 0;
  z-index:0;  
 
 
}
 
}
#p-personal li a {
+
#content table {
  color: rgb(234, 220, 193) ;
+
    background-color: #E9DED4;
  padding: 0.25em 0.4em 0.4em 0.4em;
 
  font-size: 1em;
 
  font-weight: normal;
 
 
}
 
}
#p-personal a.new, #p-personal a.new:visited {
+
 
  color: rgb(207, 171, 121);
+
#content table.toc {
 +
    background-color: #F4E9DF;
 
}
 
}
#p-personal a.new:hover {
+
 
  color:red;
+
.mw-headline, h1.firstHeading {
 +
    /* Non-bold h1 and h2 look ugly */
 +
    font-weight: bolder;
 
}
 
}
#p-personal li a:hover {
+
 
  background-color:rgb(234, 220, 193);
+
ul {
  color:rgb(66, 49, 33);
+
    list-style-image: none !important;
 
}
 
}
#p-logo {
+
 
  top:0.5em;
+
div.section {
  width: 12.2em;
+
    border: 2px solid grey;
  padding:0;
+
    padding: .4em .9em .9em;
  z-index:2;
+
    background-color: #f4e9df;
  background-image: url("https://www.twcenter.net/forums/images/buttons/newbtn_middle.png"), url("https://wiki.twcenter.net/images/8/8e/Dark-brown-buttons.png");
+
    margin: 3px;
  background-repeat: repeat-x, repeat-x;
 
  background-size: auto 3.2em, auto 3.2em;
 
  background-position: bottom, bottom;
 
  border-bottom: 1px solid rgb(66, 49, 33);
 
 
}
 
}
#p-logo a:hover, #p-logo a {
+
 
     background-position: 70% 50% !important;
+
div.section div.section div.section {
 +
     border-width: 1px;
 
}
 
}
/*HORIZONTAL BUTTONS*/
+
 
div#p-cactions {
+
 
  position: absolute;
+
div#sidebar {
  padding:0;
+
    background: #838492;
  margin-top: 0.5em;
 
  left: 12.2em;
 
  width: auto;
 
  height: auto;
 
  line-height: 1em;
 
  font-size:1em; /* needed to make this line up with the content body */
 
 
}
 
}
div#p-cactions ul {
+
div#sidebar-mobilejs {
  font-size:95%;
+
    background: #838492;
  line-height: 1em;
 
  margin: 0;
 
  padding: 0.7em 0 1em 0;
 
  position: relative;
 
  width: auto;
 
  border-left: 1px solid rgb(66, 49, 33); /*to match edge of page*/
 
  border-right: 1px solid rgb(66, 49, 33);
 
 
}
 
}
#p-cactions li a, #p-cactions li.istalk a  {
+
/* Left portlets (side menu and wiki logo sections)*/
  padding: 0.7em 1.3em 1em 1.3em;
+
.portlet {
  color: black;
+
    margin-bottom: 0;
  font-weight: normal;
+
    margin-top: 0;
  text-transform: capitalize;
 
  margin: 0 0 0 0;
 
  border-top: 1px solid rgb(141, 117, 83);
 
  border-left: 1px solid rgb(141, 117, 83);
 
  border-right: 1px solid rgb(141, 117, 83);
 
  background: rgb(141, 117, 83) url("https://www.twcenter.net/forums/images/buttons/newbtn_middle.png")  repeat-x;
 
  z-index: 1;
 
 
}
 
}
#p-cactions li.selected, #p-cactions li  {
+
 
  border: 0;
+
.portlet h5, .portlet h6 {
  margin: 0;
+
    display: none;
  background-color: transparent;
 
 
}
 
}
#p-cactions li.selected a {
+
.portlet h3 {
  background-color: rgb(234, 220, 193);
+
    text-transform: capitalize;
  margin: 0;
+
    font-weight: lighter;
  border: 0;
+
    color: #E1E1E1;
  border-top: 1px solid rgb(141, 117, 83);
 
  border-left: 1px solid rgb(234, 220, 193);
 
  border-right: 1px solid rgb(234, 220, 193);
 
  font-weight: bold;
 
  box-shadow: none;
 
  padding-bottom: 2em;
 
  z-index: 3;
 
 
}
 
}
#p-cactions li.selected a:hover, #p-cactions li a:hover {
+
#p-logo {
  background-color: rgb(234, 220, 193);
+
    background: none;
  border-top: 1px solid rgb(141, 117, 83);
 
  border-left: 1px solid rgb(234, 220, 193);
 
  border-right: 1px solid rgb(234, 220, 193);
 
  box-shadow:  inset 0 10px 6px -4px rgba(141, 117, 83,0.2);
 
  padding-bottom: 2em;
 
 
}
 
}
#p-cactions li.new a:hover, #p-cactions li.selected.new a {
+
/*Navigation, Search and Tools section */
  color: red;
+
.pBody {
 +
    border: none;
 +
    background: #838492;
 
}
 
}
#p-cactions li.new a  {
+
 
  color: black;
+
.pBody ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
    padding: 0;
 +
    margin: 0;
 
}
 
}
/* SIDEBAR NAVIGATION*/
+
 
div#sidebar {
+
.pBody li {
  width: 13.5em;
+
text-indent: 1em;
  margin-top: -3.2em;
+
    padding: 0.1em 0;
  padding-top: 3.7em;
 
  padding-bottom: 1em;
 
  background-color: rgb(207, 171, 121);
 
  border: 1px solid rgb(66, 49, 33); /*top gives the fake border above the fake bar under logo */
 
  border-left: none;
 
  box-shadow: inset  0 6px 0 0 rgba(141, 117, 83,1),
 
  1px 5px 3px -1px rgba(66, 49, 33,0.3);
 
  z-index: 1;
 
  position: relative;
 
 
}
 
}
div#sidebar::after {
+
 
  background: url("https://www.twcenter.net/forums/images/y2skin/Background2.png") repeat-x;
+
.pBody a:link, .pBody a:visited, .pBody a:hover {
  background-origin: border-box;
+
    color: white;
 +
    font-weight: bold;
 
}
 
}
.portlet a, .portlet.generated-sidebar a {
 
  color: rgb(66, 49, 33);
 
  font-size: 0.95em;
 
  font-weight: bold;
 
  padding-top: 0em;
 
  
 +
 +
/* Content actions */
 +
 +
#p-cactions ul {
 +
    /* Same as normal ul */
 +
    margin: 0.3em 0 0 1.5em;
 
}
 
}
.portlet ul, .portlet.generated-sidebar ul {
+
 
  list-style-image: none;
+
#p-cactions li.selected {
  list-style-type: none;
+
    /* 2px instead of 1 to match border around #content */
 +
    border-width: 2px;
 
}
 
}
.mobile-menu-active, .pBody {
+
 
  background-color: rgb(234, 220, 193);
+
#p-cactions li.selected a {
  border: 0;
+
    background-color: #E9DED4;
 
}
 
}
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);
+
#p-cactions li a {
  border: none;
+
    /* Slightly darker */
 +
    background-color: #E3D8C8;
 
}
 
}
.portlet {
+
 
  width: 12.2em;
+
/* Special:Preferences */
}
+
 
.portlet h3, .portlet.generated-sidebar h3 {
+
#preferences, #preferences table, #preftoc li.selected {
  display: inline-block;
+
    background-color: #E3D8CD;
  color: rgb(66, 49, 33);
 
  font-weight: normal;
 
  text-transform: uppercase;
 
  margin: 0.1em 0.9em 0.1em 0.9em;
 
 
}
 
}
input.searchButton {
+
#preftoc li {
  background-color: rgb(234, 220, 193);
+
    background-color: #DACFC5;
  margin-top: 0.5em;
+
    color: inherit;
 
}
 
}
  
/* THE BOTTOM */
+
code, tt { background: none }
#footer {
 
  height:100%;
 
  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:  0px 5px 3px -1px rgba(66, 49, 33,0.6), 0px 1000px 0 1000px rgba(156, 108, 58,1); 
 
}
 
#footer a {
 
    color: #FFF;
 
}
 
/* MAIN BODY */
 
div#content {
 
  font-size:1em;
 
  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:  1px 5px 3px -1px rgba(66, 49, 33,0.3);
 
  
 +
/* adjust the poll box appearance */
 +
div.ajaxpoll {
 +
    background: #FCFAF8;
 +
    color: #6D6155;
 +
    border: 2px solid grey;
 
}
 
}
} /******************END OF FULL WIDTH SECTION - don't delete the } !**********************/
+
div.ajaxpoll-id-info {
/* COMMON STUFF */
+
     display: none;
.toc, .mw-warning, .toccolours, .catlinks {
 
     background-color: rgb(253, 250, 243);
 
 
}
 
}
h3, h4, h5, h6 {
+
div.ajaxpoll-answer-vote {
     font-weight: 500;
+
     background: white;
 
}
 
}
/* USER GENERATED CONTENT */
+
 
table.infobox th {
+
/* center h1 headings for main page and portals only */
  background-color:rgb(207, 171, 121);
+
.TWCportal_1 h1 {
 +
    text-align:center;
 
}
 
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
+
.TWCportal_2 h1 {
    background: none repeat scroll 0 0 rgb(207, 171, 121);
+
     text-align:center;
     text-align: center;
 
 
}
 
}
table.wikitable, table.infobox {
+
.TWCportal_3 h1 {
  background:rgb(247, 236, 214);
+
    text-align:center;
 
}
 
}
/*TWC brown coloured versions of the front page boxes*/
+
.TWCportal_1, .TWCportal_2, .TWCportal_3 {  
.TWCportal_1, .TWCportal_2, .TWCportal_3 {   border: none;
 
    padding: .4em .9em .1em;
 
 
     color: black;
 
     color: black;
    vertical-align: top;
 
 
}
 
}
.TWCportal_1 {
+
 
    background: rgb(209,175,127);
+
/* Changes to colour and table settings for TWC pinkish coloured skin */
    background: linear-gradient(180deg, rgba(207,171,121,0.5) 0%, rgba(207,171,121,0.25) 25%, rgba(207,171,121,0) 100%);
+
/* title and heading boxes in infobox templates */
}
+
.infobox th {
.TWCportal_2 {
+
     background-color: #F4E9DF;
    background: rgb(209,175,127);
 
    background: linear-gradient(180deg, rgba(141,117,83,0.5) 0%, rgba(141,117,83,0.25) 25%, rgba(141,117,83,0) 100%);
 
}
 
.TWCportal_3 {
 
     background: rgb(209,175,127);
 
    background: linear-gradient(180deg, rgba(157,115,66,0.5) 0%, rgba(157,115,66,0.25) 25%, rgba(157,115,66,0) 100%);
 
}
 
.TWCportal_1 h1 {
 
    margin: 0;
 
}
 
.TWCportal_2 h1 {
 
    margin: 0;
 
}
 
.TWCportal_3 h1 {
 
    margin: 0;
 
 
}
 
}

Latest revision as of 00:24, 5 May 2020

/* kill the monobook header image*/
div#globalWrapper {
    .background-image-svg(  );
    background-position: 0 0;
    background-repeat: no-repeat;
    background:none;
}

body {
    background: #F4E9DF;
    color: #6D6155;
}

a:link, a:visited, #p-cactions li a {
    color: #2062A3;
}

a:link.new {
    color: #CC2200;
}

a:link.new:visited {
    color: #A55858;
}

a:hover, a:active {
    color: #8C2B39;
}

h1, h2, h3, h4, h5, h6, .pBody, table { 
    color: inherit;
}

div#content, #footer {
    background: #E9DED4;
    color: #473D33;
}

div.thumb {
    border-color: #E9DED4;
}

#content {
    border: 1px solid #CEBEAE;
}

#footer {
    border: 1px solid #CEBEAE;
    border-width: 1px 0;
}
#content table {
    background-color: #E9DED4;
}

#content table.toc {
    background-color: #F4E9DF;
}

.mw-headline, h1.firstHeading {
    /* Non-bold h1 and h2 look ugly */
    font-weight: bolder;
}

ul {
    list-style-image: none !important;
}

div.section {
    border: 2px solid grey;
    padding: .4em .9em .9em;
    background-color: #f4e9df;
    margin: 3px;
}

div.section div.section div.section {
    border-width: 1px;
}


div#sidebar {
    background: #838492;	
}
div#sidebar-mobilejs {
    background: #838492;	
}
/* Left portlets (side menu and wiki logo sections)*/
.portlet {
    margin-bottom: 0;
    margin-top: 0;
}

.portlet h5, .portlet h6 {
    display: none;
}
.portlet h3 {
    text-transform: capitalize;
    font-weight: lighter;
    color: #E1E1E1;
}
#p-logo {
    background: none;
}
/*Navigation, Search and Tools section */
.pBody {
    border: none;
    background: #838492;
}

.pBody ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

.pBody li {
	text-indent: 1em;
    padding: 0.1em 0;
}

.pBody a:link, .pBody a:visited, .pBody a:hover {
    color: white;
    font-weight: bold;
}


/* Content actions */

#p-cactions ul {
    /* Same as normal ul */
    margin: 0.3em 0 0 1.5em;
}

#p-cactions li.selected {
    /* 2px instead of 1 to match border around #content */
    border-width: 2px;
}

#p-cactions li.selected a {
    background-color: #E9DED4;
}

#p-cactions li a {
    /* Slightly darker */
    background-color: #E3D8C8;
}

/* Special:Preferences */

#preferences, #preferences table, #preftoc li.selected {
    background-color: #E3D8CD;
}
#preftoc li {
    background-color: #DACFC5;
    color: inherit;
}

code, tt { background: none }

/* adjust the poll box appearance */
div.ajaxpoll {
    background: #FCFAF8;
    color: #6D6155;
    border: 2px solid grey;
}
div.ajaxpoll-id-info {
    display: none;
}
div.ajaxpoll-answer-vote {
    background: white;
}

/* center h1 headings for main page and portals only */
.TWCportal_1 h1 {
    text-align:center;
}
.TWCportal_2 h1 {
    text-align:center;
}
.TWCportal_3 h1 {
    text-align:center;
}
.TWCportal_1, .TWCportal_2, .TWCportal_3 { 
    color: black;
}

/* Changes to colour and table settings for TWC pinkish coloured skin */
/* title and heading boxes in infobox templates */
.infobox th {
    background-color: #F4E9DF;
}