Difference between revisions of "MediaWiki:Common.css"

From West Of Vipers Gate
(Created page with "→‎CSS placed here will be applied to all skins: →‎Grayscale: .B1 { background: #000000; color: white; } .B2 { background: #060606; color: white; } .B3 { background:...")
 
m
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
/* Grayscale */
+
/* Grayscale - Black and Grey */
 
.B1  { background: #000000; color: white; }
 
.B1  { background: #000000; color: white; }
 +
.B2  { background: #080808; color: white; }
 +
.B3  { background: #101010; color: white; }
 +
.B4  { background: #181818; color: white; }
 +
.B5  { background: #202020; color: white; }
 +
.B6  { background: #282828; color: white; }
 +
.B7  { background: #303030; color: white; }
 +
.B8  { background: #383838; color: white; }
 +
.B9  { background: #404040; color: white; }
 +
.B10 { background: #484848; color: white; }
 +
.B11 { background: #505050; color: white; }
 +
.B12 { background: #585858; color: white; }
 +
.B13 { background: #606060; color: white; }
 +
.B14 { background: #686868; color: white; }
 +
.B15 { background: #707070; color: white; }
 +
.B16 { background: #787878; color: white; }
 +
.G1  { background: #808080; color: black; }
 +
.G2  { background: #888888; color: black; }
 +
.G3  { background: #909090; color: black; }
 +
.G4  { background: #989898; color: black; }
 +
.G5  { background: #a0a0a0; color: black; }
 +
.G6  { background: #a8a8a8; color: black; }
 +
.G7  { background: #b0b0b0; color: black; }
 +
.G8  { background: #b8b8b8; color: black; }
 +
.G9  { background: #c0c0c0; color: black; }
 +
.G10 { background: #c8c8c8; color: black; }
 +
.G11 { background: #d0d0d0; color: black; }
 +
.G12 { background: #d8d8d8; color: black; }
 +
.G13 { background: #e0e0e0; color: black; }
 +
.G14 { background: #e8e8e8; color: black; }
 +
.G15 { background: #f0f0f0; color: black; }
 +
.G16 { background: #f8f8f8; color: black; }
 +
 +
/* Grayscale - Black, Grey and White */
 +
/* This makes the changes within B1-B10 barely noticeable, hence the above */
 +
/* .B1  { background: #000000; color: white; }
 
.B2  { background: #060606; color: white; }
 
.B2  { background: #060606; color: white; }
 
.B3  { background: #0b0b0b; color: white; }
 
.B3  { background: #0b0b0b; color: white; }
Line 49: Line 84:
 
.W14 { background: #f0f0f0; color: black; }
 
.W14 { background: #f0f0f0; color: black; }
 
.W15 { background: #f6f6f6; color: black; }
 
.W15 { background: #f6f6f6; color: black; }
.W16 { background: #fbfbfb; color: black; }
+
.W16 { background: #fbfbfb; color: black; } */

Latest revision as of 20:05, 26 October 2021

/* CSS placed here will be applied to all skins */

/* Grayscale - Black and Grey */
.B1  { background: #000000; color: white; }
.B2  { background: #080808; color: white; }
.B3  { background: #101010; color: white; }
.B4  { background: #181818; color: white; }
.B5  { background: #202020; color: white; }
.B6  { background: #282828; color: white; }
.B7  { background: #303030; color: white; }
.B8  { background: #383838; color: white; }
.B9  { background: #404040; color: white; }
.B10 { background: #484848; color: white; }
.B11 { background: #505050; color: white; }
.B12 { background: #585858; color: white; }
.B13 { background: #606060; color: white; }
.B14 { background: #686868; color: white; }
.B15 { background: #707070; color: white; }
.B16 { background: #787878; color: white; }
.G1  { background: #808080; color: black; }
.G2  { background: #888888; color: black; }
.G3  { background: #909090; color: black; }
.G4  { background: #989898; color: black; }
.G5  { background: #a0a0a0; color: black; }
.G6  { background: #a8a8a8; color: black; }
.G7  { background: #b0b0b0; color: black; }
.G8  { background: #b8b8b8; color: black; }
.G9  { background: #c0c0c0; color: black; }
.G10 { background: #c8c8c8; color: black; }
.G11 { background: #d0d0d0; color: black; }
.G12 { background: #d8d8d8; color: black; }
.G13 { background: #e0e0e0; color: black; }
.G14 { background: #e8e8e8; color: black; }
.G15 { background: #f0f0f0; color: black; }
.G16 { background: #f8f8f8; color: black; }

/* Grayscale - Black, Grey and White */
/* This makes the changes within B1-B10 barely noticeable, hence the above */
/* .B1  { background: #000000; color: white; }
.B2  { background: #060606; color: white; }
.B3  { background: #0b0b0b; color: white; }
.B4  { background: #101010; color: white; }
.B5  { background: #161616; color: white; }
.B6  { background: #1b1b1b; color: white; }
.B7  { background: #202020; color: white; }
.B8  { background: #262626; color: white; }
.B9  { background: #2b2b2b; color: white; }
.B10 { background: #303030; color: white; }
.B11 { background: #363636; color: white; }
.B12 { background: #3b3b3b; color: white; }
.B13 { background: #404040; color: white; }
.B14 { background: #464646; color: white; }
.B15 { background: #4b4b4b; color: white; }
.B16 { background: #505050; color: white; }
.G1  { background: #565656; color: white; }
.G2  { background: #5b5b5b; color: white; }
.G3  { background: #606060; color: white; }
.G4  { background: #666666; color: white; }
.G5  { background: #6b6b6b; color: white; }
.G6  { background: #707070; color: white; }
.G7  { background: #767676; color: white; }
.G8  { background: #7b7b7b; color: white; }
.G9  { background: #808080; color: black; }
.G10 { background: #868686; color: black; }
.G11 { background: #8b8b8b; color: black; }
.G12 { background: #909090; color: black; }
.G13 { background: #969696; color: black; }
.G14 { background: #9b9b9b; color: black; }
.G15 { background: #a0a0a0; color: black; }
.G16 { background: #a6a6a6; color: black; }
.W1  { background: #ababab; color: black; }
.W2  { background: #b0b0b0; color: black; }
.W3  { background: #b6b6b6; color: black; }
.W4  { background: #bbbbbb; color: black; }
.W5  { background: #c0c0c0; color: black; }
.W6  { background: #c6c6c6; color: black; }
.W7  { background: #cbcbcb; color: black; }
.W8  { background: #d0d0d0; color: black; }
.W9  { background: #d6d6d6; color: black; }
.W10 { background: #dbdbdb; color: black; }
.W11 { background: #e0e0e0; color: black; }
.W12 { background: #e6e6e6; color: black; }
.W13 { background: #ebebeb; color: black; }
.W14 { background: #f0f0f0; color: black; }
.W15 { background: #f6f6f6; color: black; }
.W16 { background: #fbfbfb; color: black; } */