MediaWiki:Wikia.css

Note: After saving, you have to bypass your browser's cache to see the changes.


 * Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
 * Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
 * Opera users have to clear their caches through Tools→Preferences
 * Konqueror and Safari users can just click the Reload button.
 * Chrome: press Ctrl+F5 or Shift+F5

/* Main page fixes */ font-weight: bold; } /* Add space below the toolbar */ margin-bottom: 6px; }
 * 1) interwiki-completelist {
 * 1) toolbar {

/* make the list of references look smaller */ ol.references { font-size: 50%; }

.references-small { font-size: 50%;}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }

.same-bg { background: none; }

/* Highlight clicked reference in blue to help navigation */ ol.references > li:target { background-color: #DEF; }

sup.reference:target { background-color: #DEF; }

/* Styling for citations */ cite { font-style: normal; word-wrap: break-word; }

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */ cite:target { background-color: #DEF; }

/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */

@media print { #content cite a.external.text:after { display: none; } }

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection { cite *.printonly { display: none; } }

/* Hotspot module */ .WikiaRail > .WikiaActivityModule.module, .WikiaRail > .HotSpotsModule.module { background-image: url("http://static1.wikia.nocookie.net/cso/images/f/fa/Csowikihotspotmark.png"); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; }

.WikiaRail > .ChatModule.module { background-image: -moz-linear-gradient(top, grey 0%, #424242 20%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, grey), color-stop(20%, #424242)); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; }

.WikiaRail > .HotSpotsModule.module { background-position: center bottom; }

.WikiaRail > .CommunityCornerModule.module { background-image: -moz-linear-gradient(top, grey 0%, #424242 20%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, grey), color-stop(20%, #424242)); background-size: 100% auto; background-repeat: no-repeat; background-position: center top, center bottom; }

.WikiaRail > .LatestPhotosModule.module { background-image: -moz-linear-gradient(top, grey 0%, #424242 20%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, grey), color-stop(20%, #424242)); 	background-size: 100% auto; background-repeat: no-repeat; background-position: center -10px; /* -10 for top white space */ }

/* wikitable */ table.wikitable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td { border: 1px #aaa solid; padding: 0.2em; } .wikitable th { background: #f2f2f2; text-align: center; } .wikitable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

/* navigation box */ table.navbox {           /* navbox container style */ border:1px solid #aaa; width:100%; margin:auto; clear:both; font-size:88%; text-align:center; padding:1px; } table.navbox + table.navbox { margin-top:-1px;       /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;     /* title and above/below styles */ padding-left:1em; padding-right:1em; } .navbox-group {          /* group style */ white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; } .navbox, .navbox-subgroup { background:#fdfdfd;    /* Background color */ } .navbox-list { border-color:#fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background:#ccccff;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background:#ddddff;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background:#e6e6ff;    /* Level 3 color */ } .navbox-even { background:#f7f7f7;    /* Even row striping */ } .navbox-odd { background:transparent; /* Odd row striping */ } @media print { .navbox { display: none; } }

/* infobox */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: smaller; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; }

/* Style for "notices" */ .notice { margin: 1em; padding: 0.2em; }

/* Makes redirects appear in italics in categories and on Special:Allpages */ .redirect-in-category, .allpagesredirect, .watchlistredir { font-style: italic; }

.plainlinksneverexpand { background: none ! important; padding: 0 ! important; }

.plainlinksneverexpand .urlexpansion { display: none ! important; }

.plainlinksneverexpand a { background: none !important; padding: 0 !important; }

.plainlinksneverexpand a.external.text:after { display: none !important; } .plainlinksneverexpand a.external.autonumber:after { display: none !important; }

/* Article message box styles */ table.ambox {           /* 10% = Will not overlap with other elements */ margin: -1px 10% 0px;   /* -1px = Single border between stacked boxes in all browsers */ border: 1px solid #aaa; border-left: 10px solid #1e90ff;   /* Default "notice" blue */ background: #fbfbfb; } .ambox th.mbox-text, .ambox td.mbox-text, th.ambox-text, td.ambox-text {    /* The message body cell(s) */ border: none; padding: 0.25em 0.5em;        /* 0.5em left/right */ width: 100%;                  /* Make all amboxes the same width regardless of text length */ } .ambox td.mbox-image, td.ambox-image {                  /* The left image cell */ border: none; padding: 2px 0 2px 0.5em;     /* 0.5em left, 0px right */ text-align: center; } .ambox td.mbox-imageright, td.ambox-imageright {             /* The right image cell */ border: none; padding: 2px 0.5em 2px 0;     /* 0px left, 0.5em right */ text-align: center; } table.ambox-notice { border-left: 10px solid #1e90ff;   /* Blue */ } table.ambox-speedy { border-left: 10px solid #b22222;   /* Red */ background: #fee;                  /* Pink */ } table.ambox-delete { border-left: 10px solid #b22222;   /* Red */ } table.ambox-content { border-left: 10px solid #f28500;   /* Orange */ } table.ambox-style { border-left: 10px solid #f4c430;   /* Yellow */ } table.ambox-move { border-left: 10px solid #9932cc;   /* Purple */ } table.ambox-protection { border-left: 10px solid #bba;      /* Gray-gold */ } @media print {       /* When in mainspace: Don't print article message boxes */ .ns-0 .ambox { display: none; } }

/* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa;      /* Default "notice" gray */ background: #f9f9f9; } .ombox th.mbox-text, .ombox td.mbox-text, th.ombox-text, td.ombox-text {   /* The message body cell(s) */ border: none; padding: 0.25em 0.9em;       /* 0.9em left/right */ width: 100%; } .ombox td.mbox-image, td.ombox-image {                 /* The left image cell */ border: none; padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */ text-align: center; } .ombox td.mbox-imageright, td.ombox-imageright {            /* The right image cell */ border: none; padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */ text-align: center; }

/* Put a checker background at the image description page only visible if the image has transparent background */ background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; }
 * 1) file img {

/* Removes useless links from printout */ @media print { #privacy, #about, #disclaimer {display: none;} }

/* Colored watchlist numbers */ .mw-plusminus-pos { color: #006400; /* darkgreen */ }

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg { color: #8B0000; /* darkred */ }

/* Style for horizontal UL lists */ .horizontal ul { padding: 0; margin: 0; }

.horizontal li { padding: 0 0.6em 0 0.4em; display: inline; border-right: 1px solid; }

.horizontal li:last-child { border-right: none; padding-right: 0; }

/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */ .listify td {display: list-item;} .listify tr {display: block;} .listify table {display: block;}

div.user-block { padding: 5px; border: 1px solid #A9A9A9; background-color: #FFEFD5; }

/* Prevents line breaks in links; see docs at Template:Nowraplinks */

.nowraplinks a { white-space: nowrap; }

.thumbinner { min-width: 100px; }

/* Inline div's in ImageMaps (code borrowed from de.wiki) */ .imagemap-inline div { display: inline; }

/* Increase the height of the image upload box */ height: 13em; }
 * 1) wpUploadDescription {

/* Reduce line-height for and */ sup, sub { line-height: 1em; }

/* The backgrounds for galleries. */   background-color: #F9F9F9;   /* Light gray padding */ }
 * 1) content .gallerybox div.thumb {

.ns-0 .gallerybox .thumb img,     /* Articles */ .ns-2 .gallerybox .thumb img,     /* User pages */ background: white;  /* No chequered background */ }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumb { margin: 2px; margin-left: 6px; }

div.thumbinner { background: inherit; border: none; }  color: inherit; }
 * 1) article div.thumb {

/* Reposition of the Auto Refresh */ body.page-Special_WikiActivity #ajaxRefresh { position: absolute; right: 0; bottom: 18px; }

/* Image preview fix for Image Upload */ /* Credits to Slightly Damned */ display: inline-block; }
 * 1) mw-upload-thumbnail > .thumbinner > canvas {

/* Edit menu opens on cursor hover */ display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.25s; -webkit-transition-delay: 0.05s; transition-property: opacity, visibility; transition-duration: 0.25s; transition-delay: 0.05s; opacity: 0; }	visibility: visible; opacity: 1; }
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button:hover > .WikiaMenuElement {

/* Change font color to black */ .color1, .color1 a, .yui-panel .hd, .WikiaPage { color:black !important; } .color1, .color1 a, .yui-panel .hd, .infobox { color:black !important; }

/* Removes the read more feature */ .RelatedPagesModule {display: none;}

/* Removes the category gallery feature */ .category-gallery-item, .RelatedPagesModule { display:none !important; }

/* Removes the added by thumbnail feature */ .WikiaArticle .picture-attribution {display:none;}

/* Admin colors in Recent Wiki Activity */ /* Sysop */ a[href="/wiki/User:Lemoness"], a[href="/wiki/Message_Wall:Lemoness"], a[href="/wiki/User_blog:Lemoness"], a[href="/wiki/Special:Contributions/Lemoness"] {color:#2A960C !important; font-weight:bold !important; text-shadow:#000 1px 1px 3px !important;} a[href="/wiki/User:Lemoness"] > img.avatar { border: 2px outset #92CD8E !important; }

a[href="/wiki/User:Orangbiasa"], a[href="/wiki/Message_Wall:Orangbiasa"], a[href="/wiki/User_blog:Orangbiasa"], a[href="/wiki/Special:Contributions/Orangbiasa"] {color:#2A960C !important; font-weight:bold !important; text-shadow:#000 1px 1px 3px !important;}

a[href="/wiki/User:UserU"], a[href="/wiki/Message_Wall:UserU"], a[href="/wiki/User_blog:UserU"], a[href="/wiki/Special:Contributions/UserU"] {color:#2A960C !important; font-weight:bold !important; text-shadow:#000 1px 1px 3px !important;}

/* Bureaucrat */ a[href="/wiki/User:ConTraZ_VII"], a[href="/wiki/Message_Wall:ConTraZ_VII"], a[href="/wiki/User_blog:ConTraZ_VII"], a[href="/wiki/Special:Contributions/ConTraZ_VII"] {color:#2A960C !important; font-weight:bold !important; text-shadow:#000 1px 1px 3px !important;} a[href="/wiki/User:ConTraZ_VII"] > img.avatar { border: 2px outset #00FF00 !important; } /************************************************************/ /* interactive css - credit to http://callofduty.wikia.com/ */ /************************************************************/  .WikiaRail .module.CommunityCornerModule p { margin: 0.4em 0 0; } .forumheader:hover { -moz-box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000; } .forumheader a { color:lightgrey; } .forumheader a:hover { color:lightgrey; text-shadow: 0 0 5px #000; } .infobox:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000 } .navbox:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000 } table.portal:hover { box-shadow: 2px 2px 2px #AAAAAA; -moz-box-shadow: 2px 2px 2px #AAAAAA; -webkit-box-shadow: 2px 2px 2px #AAAAAA; } .WikiaBlogListingBox:hover { box-shadow: 4px 4px 4px #AAAAAA; -moz-box-shadow: 4px 4px 4px #AAAAAA; -webkit-box-shadow: 4px 4px 4px #AAAAAA; } .WikiaRail .module .wikia-button, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button { background-image:url(http://images.wikia.com/thegleeproject/images/5/5a/Skin87.jpg); } .WikiaRail .module .wikia-button:hover, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button:hover { box-shadow: 4px 4px 4px #AAAAAA; -moz-box-shadow: 4px 4px 4px #AAAAAA; -webkit-box-shadow: 4px 4px 4px #AAAAAA; } .WikiaSearch input[type="text"]:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .wikia-menu-button { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

.WikiaArticle .toc:hover { -moz-box-shadow: 0 0 5px #000 -webkit-box-shadow: 0 0 5px #000 box-shadow: 0 0 5px #000 }

.WikiaArticle li { line-height: 1.6; } .forumlist { border-spacing: 1px; } .WikiaSearch input[type="text"] { background: url(http://static1.wikia.nocookie.net/cso/images/0/01/Csowikisearchmark.png) no-repeat right top !important; background-image: -moz-linear-gradient(top, grey 0%, black 40%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, grey), color-stop(40%, black)); border: 1px solid grey; color: silver; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .WikiaPage { border: 1px solid grey; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

/****************************/ /*     Profile tabs        */ /* Credits to cod.wikia.com */ /****************************/ .tabs .selected a { border-bottom: 1px solid transparent; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; background: gray; border-color: Black; color: white; cursor: text; font-weight: bold; text-decoration: none; } .tabs li a { border-top-left-radius: 15px; border: 2px solid transparent; background-color: Lightgrey; border-color: Silver; display: inline-block; font-size: 13px; line-height: 23px; padding: 6px 12px 3px; position: relative; top: 1px; } .tabs li a:hover { background-color: darkgrey; padding-bottom: 2px; text-decoration: none; }

/****************************/ /*     Avatar Borders      */ /*   Credits to ______     */ /****************************/

a[href="/wiki/User:Athener"] > img.avatar { border: 2px outset #A1D6FA !important; } a[href="/wiki/User:Nothis"] > img.avatar { border: 2px solid #BAE11D !important; } a[href="/wiki/User:Anson_So_HK"] > img.avatar { border: 2px outset #58FAD0 !important; } a[href="/wiki/User:UserU"] > img.avatar { border: 2px outset #F3FF6A !important; } a[href="/wiki/User:Uzuan"] > img.avatar { border: 2px solid #B40404 !important; } a[href="/wiki/User:Orangbiasa"] > img.avatar { border: 2px outset #DFDFDF !important; } a[href="/wiki/User:YuMeiCa"] > img.avatar { border: 2px outset #9FF781 !important; }

/********************************/ /*     Colored Comments        */ /* Credits to Community Central */ /********************************/

.comments li[data-user="Lemoness"] blockquote { background: #92CD8E !important; } .comments li[data-user="Lemoness"] blockquote:after { border-color: transparent #92CD8E #92CD8E transparent !important; } .comments li[data-user="Lemoness"] blockquote div { background: transparent !important; } .comments li[data-user="Lemoness"] blockquote { color:black !important; } .comments li[data-user="Lemoness"] blockquote a { color:black !important; } .comments li[data-user="Lemoness"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="Nothis"] blockquote { background: #42C2E5 !important; } .comments li[data-user="Nothis"] blockquote:after { border-color: transparent #42C2E5 #42C2E5 transparent !important; } .comments li[data-user="Nothis"] blockquote div { background: transparent !important; } .comments li[data-user="Nothis"] blockquote { color:black !important; } .comments li[data-user="Nothis"] blockquote a { color:black !important; } .comments li[data-user="Nothis"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="ConTraZ VII"] blockquote { background: #FFFFC6 !important; font-family:Comic San MS !important; font-weight:Bold !important; } .comments li[data-user="ConTraZ VII"] blockquote:after { border-color: transparent #FFFFC6 #FFFFC6 transparent !important; } .comments li[data-user="ConTraZ VII"] blockquote div { background: transparent !important; } .comments li[data-user="ConTraZ VII"] blockquote { color:black !important; } .comments li[data-user="ConTraZ VII"] blockquote a { color:black !important; } .comments li[data-user="ConTraZ VII"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="Athener"] blockquote { background: #107DC5 !important; } .comments li[data-user="Athener"] blockquote:after { border-color: transparent #107DC5 #107DC5 transparent !important; } .comments li[data-user="Athener"] blockquote div { background: transparent !important; } .comments li[data-user="Athener"] blockquote { color:black !important; } .comments li[data-user="Athener"] blockquote a { color:black !important; } .comments li[data-user="Athener"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="Anson So HK"] blockquote { background: #00FFFF !important; } .comments li[data-user="Anson So HK"] blockquote:after { border-color: transparent #00FFFF #00FFFF transparent !important; } .comments li[data-user="Anson So HK"] blockquote div { background: transparent !important; } .comments li[data-user="Anson So HK"] blockquote { color:black !important; } .comments li[data-user="Anson So HK"] blockquote a { color:black !important; } .comments li[data-user="Anson So HK"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="UserU"] blockquote { background: #F3FF6A !important; } .comments li[data-user="UserU"] blockquote:after { border-color: transparent #F3FF6A #F3FF6A transparent !important; } .comments li[data-user="UserU"] blockquote div { background: transparent !important; } .comments li[data-user="UserU"] blockquote { color:black !important; } .comments li[data-user="UserU"] blockquote a { color:black !important; } .comments li[data-user="UserU"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="Uzuan"] blockquote { background: #8A0808 !important; } .comments li[data-user="Uzuan"] blockquote:after { border-color: transparent #8A0808 #8A0808 transparent !important; } .comments li[data-user="Uzuan"] blockquote div { background: transparent !important; } .comments li[data-user="Uzuan"] blockquote { color:black !important; } .comments li[data-user="Uzuan"] blockquote a { color:black !important; } .comments li[data-user="Uzuan"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="Orangbiasa"] blockquote { background: #DFDFDF !important; font-family:Chiller !important; } .comments li[data-user="Orangbiasa"] blockquote:after { border-color: transparent #DFDFDF #DFDFDF transparent !important; } .comments li[data-user="Orangbiasa"] blockquote div { background: transparent !important; } .comments li[data-user="Orangbiasa"] blockquote { color:black !important; } .comments li[data-user="Orangbiasa"] blockquote a { color:black !important; } .comments li[data-user="Orangbiasa"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="QueenPenetrate"] blockquote { background: #FFFFFF !important; } .comments li[data-user="QueenPenetrate"] blockquote:after { border-color: transparent #FFFFFF #FFFFFF transparent !important; } .comments li[data-user="QueenPenetrate"] blockquote div { background: transparent !important; } .comments li[data-user="QueenPenetrate"] blockquote { color:black !important; } .comments li[data-user="QueenPenetrate"] blockquote a { color:black !important; } .comments li[data-user="QueenPenetrate"] blockquote hr { background-color: #000000 !important; } .comments li[data-user="YuMeiCa"] blockquote { background: #E3CEF6 !important; font-family:Arial !important; } .comments li[data-user="YuMeiCa"] blockquote:after { border-color: transparent #E3CEF6 #E3CEF6 transparent !important; } .comments li[data-user="YuMeiCa"] blockquote div { background: transparent !important; } .comments li[data-user="YuMeiCa"] blockquote { color:black !important; } .comments li[data-user="YuMeiCa"] blockquote a { color:black !important; } .comments li[data-user="YuMeiCa"] blockquote hr { background-color: #000000 !important; }

/*****************/ /*  User Tags   */ /*****************/

a.tag { color: inherit; } .tag.usergroup-sysop { background-color: #92CD8E !important; color: black !important; } .tag.usergroup-tech { background-color: #CF6A32 !important; color: black !important; } .tag.usergroup-gm { background-color: #70B04A !important; color: black !important; } .tag.usergroup-bureaucrat { background-color: #FFD700 !important; color: black !important; } .tag.usergroup-hier { background-color: #476291 !important; color: black !important; } .tag.usergroup-inactive { background-color: #AA0000 !important; color: black !important; } .tag.usergroup-newuser { background-color: #8650AC !important; color: black !important; } .tag.usergroup-evadmin { background-color: #AA0000 !important; color: black !important; } .tag.usergroup-lvldesign { background-color: #476291 !important; color: black !important; } .tag.usergroup-anadmin { background-color: #FFFFFF !important; color: black !important; } .tag.usergroup-seni { background-color: #38F3AB !important; color: black !important; } .tag.usergroup-forum { background-color: #70B04A !important; color: black !important; } .tag.usergroup-night { background-color: #70B8FF !important; color: black !important;