MediaWiki:S5/evilshadow/pretty.css

/* Following are the presentation styles -- edit away! */
 
html {width: 100%; height: 100%;}
 
body {
background-image: linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(255,255,255)), color-stop(1, rgb(219,238,255)));
}
 
body.active0 {
background-image: linear-gradient(bottom, #505050 0%, #ffffff 100%);
background-image: -o-linear-gradient(bottom, #505050 0%, #ffffff 100%);
background-image: -moz-linear-gradient(bottom, #505050 0%, #ffffff 100%);
background-image: -webkit-linear-gradient(bottom, #505050 0%, #ffffff 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #ffffff 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #ffffff));
}
 
body {color: #000; font-size: 2.25em;}
 
:link, :visited {text-decoration: none; color: #00C;}
#controls :active {color: #88A !important;}
#controls :focus {outline: 1px dotted #227;}
 
.slide code {color: #533;}
.slide code.bad, code del {color: red;}
.slide code.old {color: silver;}
 
div#header, div#footer {color: #AAB;}
div#footer {font-style: italic;}
div#header {background: url(Monster-shadow-cms.svg) 98% top no-repeat; height: 50%;
  line-height: 1px; }
 
.slide { padding-top: 0; } 
.slidecontent { padding-bottom: 0.3em; }
.slide h1.stitle {
  z-index: 1;
  padding: 0 0.3em;
  margin-top: 1em;
  display: inline-block;
  font-size: 150%/1em; font-weight: bold;
}
.slide.notitle h1.stitle {position: static; margin: 0; width: auto;}
.slide h3 {font-size: 130%;}
 
.active0 #footer {display: none;}
 
div#controls {left: 60%; width: 40%;}
#controls #navLinks a {background: #005; color: #779;}
#controls #navList #jumplist {background: #DDD; color: #227;}
 
#currentSlide {left: 85%; text-align: right;}
 
#slide0 {font-size: 90%; padding: 0 4% 0 4%;}
/*#slide0 h1.stitle { color: white; }*/
#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
   font-weight: bold; font-size: 2em; white-space: normal;
   color: #000; background: transparent;}
#slide0 h2 {font-weight: bold; text-decoration: italic; font-size: 1em; margin: 0.25em;}
#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
#slide0 h4 {margin-top: 0; font-size: 1em;}