MediaWiki:Common.css

From Progzoo
Revision as of 22:24, 13 June 2017 by Andr3w (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/*Andrew's original */
 
body {font-family:arial,sans-serif}
img.thumbborder { border: 1px solid #dddddd; }
dt {font-weight:bold}
div.blurb        {width:60ex;float:left;padding:1ex;}
div.usercontrols {float:left;margin-right:1ex;}
.topControls {white-space:nowrap;}
input.text {font-size:xx-small}
.biggerTextarea {font-size:x-large;font-weight:bold;
                 font-family:lucinda console,courier new;
                 border-width:thick;}
.score {font-weight:bold;}
div.q {
  clear:left;
}
a {text-decoration:none}
div.fc a:visited {color:#6666AA}
div.fc a {color:#6666FF}
.editsection {margin-right:2ex;}
.lbox {margin:1em;border-style:solid;padding:1em;}
.rbox {margin:1em;border-style:solid;padding:1em;}
.fixed {font-family:monospace}
.fleft {border-style:none;
         padding:0.5em}
.fright{float: right;padding-top:0.5em;padding-right:0.5em;
        padding-left:0.5ex;
      }
.hint {background-color:silver;border-style:solid;
    border-width:thin;padding:.2em}
.imper {font-weight:bolder}
.level {background-color: gray;text-align: center;padding-left:0.5em;
        padding-right:0.5em}
.r {text-align:right}
.rev {background-color:rgb(0,0,128);color:rgb(128,128,255);padding:1ex}
html {
/* min-width: 600px;
*/
 }
 
table.index{
      background-color:silver;
      border-style:solid;
      border-width:thin;
      margin:0px;padding:0px;border-collapse:collapse;
}
table.index th {width:17ex;padding:1em;background-color:black;color:white;}
table.index td{border:solid thin;padding:3px 5px}
 
.hide {display:none}
div.tutlist{float:right;width:32ex;border-left:solid 1px;border-right:solid 1px;
            background-color:silver;border-collapse:collapse;
            padding-left:0px;}
div.tutlist div:first-child {padding:1em;background-color:black;color:white}
div.tutlist div.fc a {color:white}
div.tutlist div.fc {padding:1em;background-color:black;color:white}
div.tutlist div {border-bottom:solid 1px;padding:0ex 1em;}
div.tutdesc {clear:right;background-color:white;padding:2ex;width:100ex;}
 
div.guidelist {float:right;width:32ex;border-left:solid 1px;border-right:solid 1px;
               background-color:rgb(240,240,255);border-collapse:collapse;
               padding-left:0px;}
div.guidelist div.fc {padding:1em;background-color:rgb(0,0,55);color:white}
div.guidelist div {border-bottom:solid 1px;padding:0ex 1em;}
div.guidelist div {border-bottom:solid 1px;padding:0ex 1em;}
div.guidedesc {clear:right;background-color:white;padding:2ex;width:100ex;}
 
div.progressBar {width:30px;border-style:solid;border-color:green;}
div.tutlist div div.progBar{width:24px;height:6px;float:right;margin-top:6px;padding:0px;border:black solid 1px}
*.pzTop {margin-top:1ex;}
*.pzTop span.mini a {padding-right:1ex;text-decoration:none;}
*.pzTop a {padding-right:2ex;text-decoration:none;}
 
div.tgtC {clear:left;}
div.tgt { background:url(/checks-lighter.png); border-style:solid;border-width:thin;margin:1ex; margin-bottom:1em;}
.sw {font-size:medium; background-color:#F9F9F9; padding:1em;clear:left} /* Show answer box */
.runButtons {}
div.googlesearch {}
table.threeColOuter td {vertical-align:top;}
div.threeColHead {border-style:solid;border-color:rgb(162,181,205);border-width: 1px 1px 0px;margin: 8px 0pt 0pt; padding: 0.2em 1em; background-color:rgb(203,215,249);font-size:1.1em;font-weight:700;}
table.threeColInner{border:1px solid rgb(162,181,205);padding:0.2em 0.3em 0.3em;}
 
.article h1.firstHeading {margin-left:100px;}
table.evencols > tbody > tr > td {width:20%;padding:1em;}
table.evencols div.tutlist{float:none;}
 
.mw-geshi{
  border: 1px dashed #666666;
  padding: 15px 20px;
  background: #EEEEEE;
  font-size: 1.1em;
}
 
/* QUIZ PAGES */
 
pre {
    min-height:  0;
    height: auto;
    white-space: pre;
}
 
table {
  border-collapse: collapse;
}
 
.ref_section table, .ref_section th, .ref_section tr, .ref_section td,
.quiz table, .quiz th, .quiz tr, .quiz td
{
    border: black solid thin;
    min-width: 75px;
    padding: 0 0.5em;
    background: #EEE;
}
.feedback{
    margin: 1em 0;
    padding: 1em;
    border: solid thin black;
    box-shadow: .2ex .2ex #CFD1BA;
    font-size: large;
}
th {
  text-align: left;
}
.r {
  text-align: right;
}
.quiz .q div.d {
  padding: .5em .5em .5em 1em;
}
.quiz .q .d {
  border: solid thin;
  marginbottom: 1em;
  cursor: pointer;
}
.quiz .q{
  margin-top: 8em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.quiz .q .d:hover {
  border: black solid thin;
  box-shadow: 0px 0px 5px 1ex rgba(50,50,50,0.5);
}
.quiz .q .d.picked {
  box-shadow: 0ex 0ex 5px 1ex rgba(50,50,50,0.75);
  border: solid thick black:
}
.quiz .q .d.picked:before {
    content: ".";
    padding: 0.3em;
    background: none repeat scroll 0% 0% #FFF;
    border: thin solid #000;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    left: -0.9em;
    margin-top: -0.9em;
    width: 1em;
    height: 1em;
}
.quiz .q .d.picked.mark-wrong:before {
    content: ".";
    background-color: #F00;
}
.quiz .q .d.picked.mark-correct:before {
    content: ".";
    background-color: #008000;
}
.quiz input.mark-wrong{
    border: solid thin red;
}
.quiz input.mark-correct{
    border: solid thin green;
}
 
/******************/
#n-phone{
    visibility: none;
}
div.vectorMenu li a{
    padding: 0 0.25em 0.2em;
    padding-left: 5px; 
}
div.guidelist {
    float: right;
    width: 32ex;
    border-left: 1px solid;
    border-right: 1px solid;
    background-color: #F0F0FF;
    border-collapse: collapse;
    border-bottom: 1px solid;
    padding-left: 0px;
}
div.guidelist div{
    padding: 0ex 1em;
    border-bottom: 1px solid;
}
div.guidelist div.fc{
    padding: 1em;
}
div#footer{
  background: no-repeat;
   padding: 1.25em 1.5em 1.5em;
   display: block;
   margin: 0px 1%;
}
div#footer ul{
    width: 100%;
    background: #575757;
    opacity: 0.95;
}
div#footer ul li{
    color: #FFF;
    margin: 0 auto;
    padding-left: 1%;
    display:inline-block;
}
div#footer ul li a{
    color: #000;
}
div#footer ul li a:hover{
    color: #FFF;
}
#right-navigation{ 
    margin-top: 2.5em;
    margin-right: 1%;
}
#content h1.firstHeading, #contentSub{ /* prevents headings clipping with logo */
	margin: 0 0 30px 120px;
}
#p-logo, div#mw-panel{ /* positions logo and stops div misbehaving */
   position: absolute;
   top: 0;
   left: 5px;
}
h1,h2,h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #036;
	padding: 3px; 
}
#p-Languages,#p-Progzoo_Sections,#p-Other,#p-tb,#n-Scala{
    visibility: hidden;
}
#content{
    border: 1px solid black;
    margin: 0 2%;
    color: #333;
    line-height: 140%;
    font-size: 0.9em;
    background: #FFF;
}
#mw-head {
	position: relative;
	margin: 10px 0 0 0;
	height: 46px;
}
.first .body > ul > li > a {
  width: 100%;  text-align: center;
  border: 2px thin black;
  background: inherit;
}
#p-namespaces, #p-namespaces ul{
    background-image: none;
    white-space: nowrap;
}
 
#p-namespaces li{
  display: inline-block;
  height: 75%;
  margin-right: 0.5%;
  border: 1px solid black;
  border-bottom: 0;
  line-height: 2em;
}
#p-namespaces a{
  color: #000;
  opacity: 0.8;
  background-image: none;
  font-family: arial,helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}
#p-namespaces a:hover{
  color: #FFF;
  background: #000;
  opacity: 1;
}
 
@media all and (max-width: 480px) { /*Phones, etc*/
    body, #p-languages, #content {overflow-x: hidden;}
    .ref_section table, .ref_section th, .ref_section tr, .ref_section td,
    .quiz table, .quiz th, .quiz tr, .quiz td{
        word-wrap: break-word;
        width: auto;
        min-width: 0;
    }
    .quiz table, .ref_section table{
        display: block;
        overflow-x: auto;
    }
    #p-personal, #p-cactions, #p-search, #p-views{
         display: none;
     }
     #mw-head{
        margin: 0;
     }
     #p-namespaces  {  
         position: absolute;
         top: 0;
         left: 0;         
         margin: 0 auto;
	 text-align: center;
     }
     #p-namespaces ul{
         padding: 0;
     }
     #p-namespaces li { 
         display: block;
         list-style-type: none;
         width: 95vw;
     }
     #p-namespaces a{ 
         line-height: 40px;
     }
     #p-logo, #p-logo a, #mw-panel{ 
         display: none;
         pointer-events: none;
     }
     .mw-headline{
	padding-top: 20px;
     } 
     /*Height of page base is 80px;
 *     Height of the namespaces is nav is 250ish (30,31 * 8)
 *     250 - 80 gives 170
 *   */
    #content{
        border: 0;
        margin: 0;
        margin-top: 170px; 
    }
    #content h1.firstHeading{
        margin-left: 0;
    }
    div#footer{
        margin: 0;
    } 
    div.blurb{
        width: auto;  // Seems to fix problem where text in blurb wont wrap
        min-width: 0; 
    }
}
/* Java */
#n-Java{
    background: #3d70be;
}
body.ns-0 #content, body.ns-0 #p-namespaces #n-Java{
    background: #c8d7ee;
}
body.ns-0 #p-namespaces #n-Java{
  border-bottom: #c8d7ee;
}
 
body.ns-0 #page,
body.ns-0 #navigation,
body.ns-0 div.guidelist div.fc,
body.ns-0 div.tutlist div.fc,
body.ns-1 #page,
body.ns-1 #navigation,
body.ns-1 div.guidelist div.fc,
body.ns-1 div.tutlist div.fc {
    background: #3d70be;
    border-color: #1d3e69;
}
body.ns-0 div.guidelist div.fc a,
body.ns-0 div.tutlist div.fc a,
body.ns-1 div.guidelist div.fc a,
body.ns-1 div.tutlist div.fc a {
    color: #1d3e69;
}
body.ns-0 #navigation,
body.ns-0 div.guidelist div.fc,
body.ns-0 div.tutlist div.fc,
body.ns-1 #navigation,
body.ns-1 div.guidelist div.fc,
body.ns-1 div.tutlist div.fc {
   background: linear-gradient(rgb(90,136,204) 15%, rgb(157,184,223) 35%, rgb(90,136,204) 85%);
 
}
body.ns-0 #page .article,
body.ns-0 #navigation #contenttypes li.selected,
body.ns-1 #page .article,
body.ns-1 #navigation #contenttypes li.selected {
    background-color: #c8d7ee;
    border-color: #1d3e69;
}
body.ns-0 .article h1,
body.ns-0 .article h2,
body.ns-0 .article h3,
body.ns-0 .article h4,
body.ns-0 .article h5,
body.ns-0 .article h6,
body.ns-1 .article h1,
body.ns-1 .article h2,
body.ns-1 .article h3,
body.ns-1 .article h4,
body.ns-1 .article h5,
body.ns-1 .article h6 {
    color: #1d3e69;
    border-color: #1d3e69;
}
body.ns-0 .tutlist div div,
body.ns-1 .tutlist div div {
    color: #c8d7ee !important;
    border-color: #cccccc #1d3e69 #1d3e69 #3d70be !important;
}
 
/* Cs */
#n-C\.23{
    background: #2c812a;
}
body.ns-180 #content, body.ns-180 #p-namespaces #n-C\.23{
    background: #bbe9ba;
}
body.ns-180 #p-namespaces #n-C\.23{
  border-bottom: #2c812a;
}
body.ns-180 #page,
body.ns-180 #navigation,
body.ns-180 div.guidelist div.fc,
body.ns-180 div.tutlist div.fc,
body.ns-181 #page,
body.ns-181 #navigation,
body.ns-181 div.guidelist div.fc,
body.ns-181 div.tutlist div.fc {
    background: #2c812a;
    border-color: #113310;
}
 
body.ns-180 div.guidelist div.fc a,
body.ns-180 div.tutlist div.fc a,
body.ns-181 div.guidelist div.fc a,
body.ns-181 div.tutlist div.fc a {
    color: #113310;
}
 
body.ns-180 #navigation,
body.ns-180 div.guidelist div.fc,
body.ns-180 div.tutlist div.fc,
body.ns-181 #navigation,
body.ns-181 div.guidelist div.fc,
body.ns-181 div.tutlist div.fc {
   background: linear-gradient(rgb(52,157,50) 15%, rgb(99,204,96) 35%, rgb(64,191,61) 85%);
}
 
body.ns-180 #page .article,
body.ns-180 #navigation #contenttypes li.selected,
body.ns-181 #page .article,
body.ns-181 #navigation #contenttypes li.selected {
    background-color: #bbe9ba;
    border-color: #113310;
}
 
body.ns-180 .article h1,
body.ns-180 .article h2,
body.ns-180 .article h3,
body.ns-180 .article h4,
body.ns-180 .article h5,
body.ns-180 .article h6,
body.ns-181 .article h1,
body.ns-181 .article h2,
body.ns-181 .article h3,
body.ns-181 .article h4,
body.ns-181 .article h5,
body.ns-181 .article h6 {
    color: #113310;
    border-color: #113310;
}
 
body.ns-180 .tutlist div div,
body.ns-181 .tutlist div div {
    color: #bbe9ba !important;
    border-color: #cccccc #113310 #113310 #2c812a !important;
}
 
/* Cpp */
#n-C\.2B\.2B{
    background: #1f07c8;
}
body.ns-170 #content, body.ns-170 #p-namespaces #n-C\.2B\.2B{
    background: #c6befd;
}
body.ns-170 #p-namespaces #n-C\.2B\.2B{
  border-bottom: #c6befd;
}
body.ns-170 #page,
body.ns-170 #navigation,
body.ns-170 div.guidelist div.fc,
body.ns-170 div.tutlist div.fc,
body.ns-171 #page,
body.ns-171 #navigation,
body.ns-171 div.guidelist div.fc,
body.ns-171 div.tutlist div.fc {
    background: #1f07c8;
    border-color: #08013a;
}
 
body.ns-170 div.guidelist div.fc a,
body.ns-170 div.tutlist div.fc a,
body.ns-171 div.guidelist div.fc a,
body.ns-171 div.tutlist div.fc a {
    color: #08013a;
}
 
body.ns-170 #navigation,
body.ns-170 div.guidelist div.fc,
body.ns-170 div.tutlist div.fc,
body.ns-171 #navigation,
body.ns-171 div.guidelist div.fc,
body.ns-171 div.tutlist div.fc {
    background: linear-gradient(rgb(41,12,242) 15%, rgb(126,109,248) 35%, rgb(86,63,245) 85%);
}
 
body.ns-170 #page .article,
body.ns-170 #navigation #contenttypes li.selected,
body.ns-171 #page .article,
body.ns-171 #navigation #contenttypes li.selected {
    background-color: #c6befd;
    border-color: #08013a;
}
 
body.ns-170 .article h1,
body.ns-170 .article h2,
body.ns-170 .article h3,
body.ns-170 .article h4,
body.ns-170 .article h5,
body.ns-170 .article h6,
body.ns-171 .article h1,
body.ns-171 .article h2,
body.ns-171 .article h3,
body.ns-171 .article h4,
body.ns-171 .article h5,
body.ns-171 .article h6 {
    color: #08013a;
    border-color: #08013a;
}
 
body.ns-170 .tutlist div div,
body.ns-171 .tutlist div div {
    color: #c6befd !important;
    border-color: #cccccc #08013a #08013a #1f07c8 !important;
}
 
/* Perl */
#n-Perl {
    background: #057ead;
    border-color: #041725;
}
body.ns-120 #content, body.ns-120 #p-namespaces #n-Perl{
    background: #b0e8fd;
}
body.ns-120 #p-namespaces #n-Perl{
  border-bottom: #b0e8fd;
}
body.ns-120 #page,
body.ns-120 #navigation,
body.ns-120 div.guidelist div.fc,
body.ns-120 div.tutlist div.fc,
body.ns-121 #page,
body.ns-121 #navigation,
body.ns-121 div.guidelist div.fc,
body.ns-121 div.tutlist div.fc {
    background: #057ead;
    border-color: #041725;
}
 
body.ns-120 div.guidelist div.fc a,
body.ns-120 div.tutlist div.fc a,
body.ns-121 div.guidelist div.fc a,
body.ns-121 div.tutlist div.fc a {
    color: #041725;
}
 
body.ns-120 #navigation,
body.ns-120 div.guidelist div.fc,
body.ns-120 div.tutlist div.fc,
body.ns-121 #navigation,
body.ns-121 div.guidelist div.fc,
body.ns-121 div.tutlist div.fc {
    background: linear-gradient(rgb(5,157,217) 15%, rgb(53,196,249) 35%, rgb(5,126,173) 85%);
}
 
body.ns-120 #page .article,
body.ns-120 #navigation #contenttypes li.selected,
body.ns-121 #page .article,
body.ns-121 #navigation #contenttypes li.selected {
    background-color: #b0e8fd;
    border-color: #041725;
}
 
body.ns-120 .article h1,
body.ns-120 .article h2,
body.ns-120 .article h3,
body.ns-120 .article h4,
body.ns-120 .article h5,
body.ns-120 .article h6,
body.ns-121 .article h1,
body.ns-121 .article h2,
body.ns-121 .article h3,
body.ns-121 .article h4,
body.ns-121 .article h5,
body.ns-121 .article h6 {
    color: #041725;
    border-color: #041725;
}
 
body.ns-120 .tutlist div div,
body.ns-121 .tutlist div div {
    color: #b0e8fd !important;
    border-color: #cccccc #041725 #041725 #057ead !important;
}
 
/* PHP */
#n-PHP {
    background: #e9d10b;
    border-color: #4e4410;
}
body.ns-190 #content, body.ns-190 #p-namespaces #n-PHP{
    background: #fcf3ac;
}
body.ns-190 #p-namespaces #n-PHP{
  border-bottom: #fcf3ac;
}
body.ns-190 #page,
body.ns-190 #navigation,
body.ns-190 div.guidelist div.fc,
body.ns-190 div.tutlist div.fc,
body.ns-191 #page,
body.ns-191 #navigation,
body.ns-191 div.guidelist div.fc,
body.ns-191 div.tutlist div.fc {
    background: #e9d10b;
    border-color: #4e4410;
}
 
body.ns-190 div.guidelist div.fc a,
body.ns-190 div.tutlist div.fc a,
body.ns-191 div.guidelist div.fc a,
body.ns-191 div.tutlist div.fc a {
    color: #4e4410;
}
 
body.ns-190 #navigation,
body.ns-190 div.guidelist div.fc,
body.ns-190 div.tutlist div.fc,
body.ns-191 #navigation,
body.ns-191 div.guidelist div.fc,
body.ns-191 div.tutlist div.fc {
    background: linear-gradient(rgb(246,222,36) 15%, rgb(251,244,183) 35%, rgb(233,209,11) 85%);
}
 
body.ns-190 #page .article,
body.ns-190 #navigation #contenttypes li.selected,
body.ns-191 #page .article,
body.ns-191 #navigation #contenttypes li.selected {
    background-color: #fcf3ac;
    border-color: #4e4410;
}
 
body.ns-190 .article h1,
body.ns-190 .article h2,
body.ns-190 .article h3,
body.ns-190 .article h4,
body.ns-190 .article h5,
body.ns-190 .article h6,
body.ns-191 .article h1,
body.ns-191 .article h2,
body.ns-191 .article h3,
body.ns-191 .article h4,
body.ns-191 .article h5,
body.ns-191 .article h6 {
    color: #4e4410;
    border-color: #4e4410;
}
 
body.ns-190 .tutlist div div,
body.ns-191 .tutlist div div {
    color: #fcf3ac !important;
    border-color: #cccccc #4e4410 #4e4410 #e9d10b !important;
}
 
/* Python */
 
#n-Python {
    background: #68c105;
    border-color: #1f3801;
}
body.ns-150 #content, body.ns-150 #p-namespaces #n-Python{
    background: #d5fda8;
}
body.ns-150 #p-namespaces #n-Python{
  border-bottom: #d5fda8;
}
body.ns-150 #page,
body.ns-150 #navigation,
body.ns-150 div.guidelist div.fc,
body.ns-150 div.tutlist div.fc,
body.ns-151 #page,
body.ns-151 #navigation,
body.ns-151 div.guidelist div.fc,
body.ns-151 div.tutlist div.fc {
    background: #68c105;
    border-color: #1f3801;
}
 
body.ns-150 div.guidelist div.fc a,
body.ns-150 div.tutlist div.fc a,
body.ns-151 div.guidelist div.fc a,
body.ns-151 div.tutlist div.fc a {
    color: #1f3801;
}
 
body.ns-150 #navigation,
body.ns-150 div.guidelist div.fc,
body.ns-150 div.tutlist div.fc,
body.ns-151 #navigation,
body.ns-151 div.guidelist div.fc,
body.ns-151 div.tutlist div.fc {
    background: linear-gradient(rgb(138,249,15) 15%, rgb(201,251,145) 35%, rgb(104,193,5) 85%);
}
 
body.ns-150 #page .article,
body.ns-150 #navigation #contenttypes li.selected,
body.ns-151 #page .article,
body.ns-151 #navigation #contenttypes li.selected {
    background-color: #d5fda8;
    border-color: #1f3801;
}
 
body.ns-150 .article h1,
body.ns-150 .article h2,
body.ns-150 .article h3,
body.ns-150 .article h4,
body.ns-150 .article h5,
body.ns-150 .article h6,
body.ns-151 .article h1,
body.ns-151 .article h2,
body.ns-151 .article h3,
body.ns-151 .article h4,
body.ns-151 .article h5,
body.ns-151 .article h6 {
    color: #1f3801;
    border-color: #1f3801;
}
 
body.ns-150 .tutlist div div,
body.ns-151 .tutlist div div {
    color: #d5fda8 !important;
    border-color: #cccccc #1f3801 #1f3801 #68c105 !important;
}
 
/* Ruby */
#n-Ruby {
    background: #b10000;
    border-color: #3c0000;
}
body.ns-110 #content, body.ns-110 #p-namespaces #n-Ruby{
    background: #ffd9d9;
}
body.ns-110 #p-namespaces #n-Ruby{
  border-bottom: #ffd9d9;
}
body.ns-110 #page,
body.ns-110 #navigation,
body.ns-110 div.guidelist div.fc,
body.ns-110 div.tutlist div.fc,
body.ns-111 #page,
body.ns-111 #navigation,
body.ns-111 div.guidelist div.fc,
body.ns-111 div.tutlist div.fc {
    background: #b10000;
    border-color: #3c0000;
}
 
body.ns-110 div.guidelist div.fc a,
body.ns-110 div.tutlist div.fc a,
body.ns-111 div.guidelist div.fc a,
body.ns-111 div.tutlist div.fc a {
    color: #3c0000;
}
 
body.ns-110 #navigation,
body.ns-110 div.guidelist div.fc,
body.ns-110 div.tutlist div.fc,
body.ns-111 #navigation,
body.ns-111 div.guidelist div.fc,
body.ns-111 div.tutlist div.fc {
    background: linear-gradient(rgb(238,7,7) 15%, rgb(254,99,99) 35%, rgb(177,0,0) 85%);
}
 
body.ns-110 #page .article,
body.ns-110 #navigation #contenttypes li.selected,
body.ns-111 #page .article,
body.ns-111 #navigation #contenttypes li.selected {
    background-color: #ffd9d9;
    border-color: #3c0000;
}
 
body.ns-110 .article h1,
body.ns-110 .article h2,
body.ns-110 .article h3,
body.ns-110 .article h4,
body.ns-110 .article h5,
body.ns-110 .article h6,
body.ns-111 .article h1,
body.ns-111 .article h2,
body.ns-111 .article h3,
body.ns-111 .article h4,
body.ns-111 .article h5,
body.ns-111 .article h6 {
    color: #3c0000;
    border-color: #3c0000;
}
 
body.ns-110 .tutlist div div,
body.ns-111 .tutlist div div {
    color: #ffd9d9 !important;
    border-color: #cccccc #3c0000 #3c0000 #b10000 !important;
}
 
/* VB */
#n-VB{
    background: #882b87;
    border-color: #391238;
}
body.ns-160 #content, body.ns-160 #p-namespaces #n-VB{
    background: #f1d2f1;
}
body.ns-160 #p-namespaces #n-VB{
  border-bottom: #f1d2f1;
}
body.ns-160 #page,
body.ns-160 #navigation,
body.ns-160 div.guidelist div.fc,
body.ns-160 div.tutlist div.fc,
body.ns-161 #page,
body.ns-161 #navigation,
body.ns-161 div.guidelist div.fc,
body.ns-161 div.tutlist div.fc {
    background: #882b87;
    border-color: #391238;
}
 
body.ns-160 div.guidelist div.fc a,
body.ns-160 div.tutlist div.fc a,
body.ns-161 div.guidelist div.fc a,
body.ns-161 div.tutlist div.fc a {
    color: #391238;
}
 
body.ns-160 #navigation,
body.ns-160 div.guidelist div.fc,
body.ns-160 div.tutlist div.fc,
body.ns-161 #navigation,
body.ns-161 div.guidelist div.fc,
body.ns-161 div.tutlist div.fc {
    background: linear-gradient(rgb(182,61,182) 15%, rgb(213,132,213) 35%, rgb(136,43,136) 85%);
}
 
body.ns-160 #page .article,
body.ns-160 #navigation #contenttypes li.selected,
body.ns-161 #page .article,
body.ns-161 #navigation #contenttypes li.selected {
    background-color: #f1d2f1;
    border-color: #391238;
}
 
body.ns-160 .article h1,
body.ns-160 .article h2,
body.ns-160 .article h3,
body.ns-160 .article h4,
body.ns-160 .article h5,
body.ns-160 .article h6,
body.ns-161 .article h1,
body.ns-161 .article h2,
body.ns-161 .article h3,
body.ns-161 .article h4,
body.ns-161 .article h5,
body.ns-161 .article h6 {
    color: #391238;
    border-color: #391238;
}
 
body.ns-160 .tutlist div div,
body.ns-161 .tutlist div div {
    color: #f1d2f1 !important;
    border-color: #cccccc #391238 #391238 #882b87 !important;
}