MediaWiki:S5/evilshadow/pretty.css — различия между версиями

Материал из YourcmcWiki
Перейти к: навигация, поиск
м
 
(не показаны 23 промежуточные версии 1 участника)
Строка 3: Строка 3:
 
html {width: 100%; height: 100%;}
 
html {width: 100%; height: 100%;}
  
#slide0 {
+
body {
background-image: linear-gradient(bottom, #323232 48%, #505050 100%);
+
background-image: -o-linear-gradient(bottom, #323232 48%, #505050 100%);
+
background-image: -moz-linear-gradient(bottom, #323232 48%, #505050 100%);
+
background-image: -webkit-linear-gradient(bottom, #323232 48%, #505050 100%);
+
background-image: -ms-linear-gradient(bottom, #323232 48%, #505050 100%);
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, #323232), color-stop(1, #505050));
+
color: white;
+
}
+
 
+
html {
+
 
background-image: linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
 
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: -o-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
Строка 21: Строка 11:
 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(255,255,255)), color-stop(1, rgb(219,238,255)));
 
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;}
 
body {color: #000; font-size: 2.25em;}
 
   
 
   
Строка 33: Строка 33:
 
div#header, div#footer {color: #AAB;}
 
div#header, div#footer {color: #AAB;}
 
div#footer {font-style: italic;}
 
div#footer {font-style: italic;}
div#header {background: url(Monster-shadow-small.svg) 98% top no-repeat; height: 50%;
+
div#header {background: url(Monster-shadow-cms.svg) 98% top no-repeat; height: 50%;
 
   line-height: 1px; }
 
   line-height: 1px; }
 
   
 
   
 
.slide { padding-top: 0; }  
 
.slide { padding-top: 0; }  
 +
.slidecontent { padding-bottom: 0.3em; }
 
.slide h1.stitle {
 
.slide h1.stitle {
 
   z-index: 1;
 
   z-index: 1;
Строка 47: Строка 48:
 
.slide h3 {font-size: 130%;}
 
.slide h3 {font-size: 130%;}
  
.active0 #controls {display: none;}
 
 
.active0 #footer {display: none;}
 
.active0 #footer {display: none;}
  
Строка 56: Строка 56:
 
#currentSlide {left: 85%; text-align: right;}
 
#currentSlide {left: 85%; text-align: right;}
 
   
 
   
#slide0 {font-size: 90%; }
+
#slide0 {font-size: 90%; padding: 0 4% 0 4%;}
#slide0 h1.stitle { color: white; }
+
/*#slide0 h1.stitle { color: white; }*/
 
#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
 
#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
   font: bold 2em Segoe UI; white-space: normal;
+
   font-weight: bold; font-size: 2em; white-space: normal;
 
   color: #000; background: transparent;}
 
   color: #000; background: transparent;}
#slide0 h2 {font: bold italic 1em Segoe UI; margin: 0.25em;}
+
#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 h3 {margin-top: 1.5em; font-size: 1.5em;}
 
#slide0 h4 {margin-top: 0; font-size: 1em;}
 
#slide0 h4 {margin-top: 0; font-size: 1em;}

Текущая версия на 22:14, 23 сентября 2012

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