MediaWiki:Common.css: Difference between revisions

From Zyrkthraan Chronicles Wiki
Jump to navigationJump to search
No edit summary
No edit summary
 
(64 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Light Mode */
/* TOC */
#toc {
    float:left;
    margin: 10px;
    width: 200px;
}
 
 
/* Colors */


#content { background-color: #c1ffe6 !important; }
#content { background-color: #c1ffe6 !important; }
Line 7: Line 15:
#p-personal div ul li {
#p-personal div ul li {
     background-color:  #c1ffe6 !important;
     background-color:  #c1ffe6 !important;
  padding: 10px !important;
    padding: 10px !important;
  padding-bottom: 10px !important;
    padding-bottom: 10px !important;
  margin: 0px !important;
    margin: 0px !important;
  border: 1px solid gold !important;
    border: 1px solid gold !important;
}
}


Line 37: Line 45:


body {  
body {  
   background: #d0c1b9 url(https://www.zyrkthraanchronicles.com/wp-content/uploads/2024/05/Zyrkthraan-Map-Official-Light-Small.jpg) 0 0 repeat !important;
   background: #d0c1b9 !important;
   color: #404040 !important;
   color: #404040 !important;
}
}
Line 49: Line 57:
}
}


/* Dark Mode */


#content.client-darkmode { background-color: #3e0019 !important; }
/* Tables */


#bodyContent.client-darkmode { background-color: #1f000e !important; }
.infobox {
    float:right;
    background-color: rgba(0, 0, 0, 0);
    margin:0 0 1em 0.5em;
    text-align: left !important;
    width: 25% !important;
}


#p-personal.client-darkmode { background-color: #3e0019 !important; }
.picturebox, .databox {
    width: 100%;
}


#p-cactions.client-darkmode .pBody ul li a { background-color: #3e0019 !important; }
table.wikitable {
    background-color: rgba(0, 0, 0, 0);
    margin:0 0 1em 0.5em;
    text-align: left !important;
}


#mw-panel.client-darkmode { background-color: #3e0019 !important; }
th {
    background: #ddc99b !important;
    border: 1px solid gold;
    border-collapse: collapse;
    padding: 0.2em 0.4em;
    text-align: center;
}


#p-navigation.client-darkmode { background-color: #3e0019 !important; }
td {
    border: 1px solid gold;
    border-collapse: collapse;
    background:#ededbb;
}


#p-navigation.client-darkmode .pBody { background-color: #1f000e !important; }
.accentrow {
  background-color: #1e73be;
  color: white;
  text-align: center;
}


#p-search.client-darkmode { background-color: #3e0019 !important; }


#p-search.client-darkmode .pBody { background-color: #1f000e !important; }
.clearcell {
    background-color: rgba(0, 0, 0, 0) !important;
    text-align: center;
    border: none;
}


#p-tb.client-darkmode { background-color: #3e0019 !important; }
/* Misc */


#p-tb.client-darkmode .pBody { background-color: #1f000e !important; }
div#content {
    line-height: 1.5em;
  }


#footer.client-darkmode { background-color: #3e0019 !important; }
p {
  margin-left: 20px;
}


body.client-darkmode {  
h1 {
   background: #d0c1b9 url(https://www.zyrkthraanchronicles.com/wp-content/uploads/2024/05/Zyrkthraan-Map-Official-Small.jpg) 0 0 repeat !important;
   margin-top: 2px;
  color: #bfbfbf !important;
}
}


h1, h2, h3, h4, h5, h6 {
    margin-left: 10px;
}


li {
    margin-left: 40px;
}


/* Tables */
div.toc li {
 
  margin-left: 0px !important;
div.infobox, table.infobox {
    float:right;
    margin:0 0 1em 0.5em;
    width:33%;
}
}


table.wikitable {
.mw-footer {
     background: #e0fff1;
     left: 0;
     margin: 1em 0;
     bottom: 0;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
}
}


table.wikitable > * > tr > th {
.CategoryTreeTag {
    background: #c1ffe6;
   margin-left: 30px;
    border: 1px solid #a2a9b1;
    padding: 0.2em 0.4em;
   text-align: center;
}
}


.accentrow {
div.mw-indicators {
  background-color: #1e73be;
height: 27px;
  color: white;
margin-left: 1ex;
  text-align: center;
margin-bottom: 10px;
}
}
/* Misc */
div#content {
    line-height: 1.5em;
  }

Latest revision as of 06:42, 12 April 2025

/* TOC */
#toc {
    float:left;
    margin: 10px;
    width: 200px;
}


/* Colors */

#content { background-color: #c1ffe6 !important; }
 
#bodyContent { background-color: #e0fff1 !important; }

#p-personal div ul li {
    background-color:  #c1ffe6 !important;
    padding: 10px !important;
    padding-bottom: 10px !important;
    margin: 0px !important;
    border: 1px solid gold !important;
}

#p-cactions .pBody ul li a { background-color: #c1ffe6 !important; }

#p-cactions .pBody ul li.selected a {
    background-color: #1e73be !important;
   color: white !important;
 }

#mw-panel { background-color: #c1ffe6 !important; }

#p-navigation { background-color: #c1ffe6 !important; }

#p-navigation .pBody { background-color: #e0fff1 !important; }

#p-search { background-color: #c1ffe6 !important; }

#p-search .pBody { background-color: #e0fff1 !important; }

#p-tb { background-color: #c1ffe6 !important; }

#p-tb .pBody { background-color: #e0fff1 !important; }

#footer { background-color: #c1ffe6 !important; }

body { 
   background: #d0c1b9 !important;
   color: #404040 !important;
}

a {
   color: #1e73be !important;
}

a:hover {
   color:#28f7ff !important;
}


/* Tables */

.infobox {
    float:right;
    background-color: rgba(0, 0, 0, 0);
    margin:0 0 1em 0.5em;
    text-align: left !important;
    width: 25% !important;
}

.picturebox, .databox {
    width: 100%;
}

table.wikitable {
    background-color: rgba(0, 0, 0, 0);
    margin:0 0 1em 0.5em;
    text-align: left !important;
}

th {
    background: #ddc99b !important;
    border: 1px solid gold;
    border-collapse: collapse;
    padding: 0.2em 0.4em;
    text-align: center;
}

td {
    border: 1px solid gold;
    border-collapse: collapse;
    background:#ededbb;
}

.accentrow {
   background-color: #1e73be;
   color: white;
   text-align: center;
}


.clearcell {
    background-color: rgba(0, 0, 0, 0) !important;
    text-align: center;
    border: none;
}

/* Misc */

div#content {
    line-height: 1.5em;
  }

p {
   margin-left: 20px;
}

h1 {
   margin-top: 2px;
}

h1, h2, h3, h4, h5, h6 {
    margin-left: 10px;
}

li {
    margin-left: 40px;
}

div.toc li {
  margin-left: 0px !important;
}

.mw-footer {
    left: 0;
    bottom: 0;
}

.CategoryTreeTag {
   margin-left: 30px;
}

div.mw-indicators {
	height: 27px;
	margin-left: 1ex;
	margin-bottom: 10px;
}