MediaWiki:Common.css: Difference between revisions

From Zyrkthraan Chronicles Wiki
Jump to navigationJump to search
No edit summary
No edit summary
 
(41 intermediate revisions by the same user 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 47: Line 55:
a:hover {
a:hover {
   color:#28f7ff !important;
   color:#28f7ff !important;
}
/* Dark Mode */
#content.client-darkmode { background-color: #3e0019 !important; }
#bodyContent.client-darkmode { background-color: #1f000e !important; }
#p-personal.client-darkmode { background-color:  #3e0019 !important; }
#p-cactions.client-darkmode .pBody ul li a { background-color: #3e0019 !important; }
#mw-panel.client-darkmode { background-color: #3e0019 !important; }
#p-navigation.client-darkmode { background-color: #3e0019 !important; }
#p-navigation.client-darkmode .pBody { background-color: #1f000e !important; }
#p-search.client-darkmode { background-color: #3e0019 !important; }
#p-search.client-darkmode .pBody { background-color: #1f000e !important; }
#p-tb.client-darkmode { background-color: #3e0019 !important; }
#p-tb.client-darkmode .pBody { background-color: #1f000e !important; }
#footer.client-darkmode { background-color: #3e0019 !important; }
body.client-darkmode {
  background: #d0c1b9 url(https://www.zyrkthraanchronicles.com/wp-content/uploads/2024/05/Zyrkthraan-Map-Official-Small.jpg) 0 0 repeat !important;
  color: #bfbfbf !important;
}
}




Line 86: Line 62:
.infobox {
.infobox {
     float:right;
     float:right;
     background:#ededbb;
     background-color: rgba(0, 0, 0, 0);
     margin:0 0 1em 0.5em;
     margin:0 0 1em 0.5em;
    border: 1px solid gold;
    border-collapse: collapse;
     text-align: left !important;
     text-align: left !important;
     width: 25% !important;
     width: 25% !important;
}
.picturebox, .databox {
    width: 100%;
}
}


table.wikitable {
table.wikitable {
     background:#ededbb;
     background-color: rgba(0, 0, 0, 0);
     margin:0 0 1em 0.5em;
     margin:0 0 1em 0.5em;
    border: 1px solid gold;
    border-collapse: collapse;
     text-align: left !important;
     text-align: left !important;
}
}
Line 105: Line 81:
     background: #ddc99b !important;
     background: #ddc99b !important;
     border: 1px solid gold;
     border: 1px solid gold;
    border-collapse: collapse;
     padding: 0.2em 0.4em;
     padding: 0.2em 0.4em;
     text-align: center;
     text-align: center;
Line 110: Line 87:


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


Line 118: Line 97:
   text-align: center;
   text-align: center;
}
}


.clearcell {
.clearcell {
Line 130: Line 110:
     line-height: 1.5em;
     line-height: 1.5em;
   }
   }
p {
  margin-left: 20px;
}
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;
}

Latest revision as of 05:35, 31 October 2024

/* 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;
}

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;
}