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

Материал из YourcmcWiki
Перейти к: навигация, поиск
 
м
 
(не показано 5 промежуточных версий этого же участника)
Строка 1: Строка 1:
 
/* Following are the presentation styles -- edit away! */
 
/* Following are the presentation styles -- edit away! */
  
html {width: 100%; height: 100%;
+
html {width: 100%; height: 100%;}
background-image: linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
+
.body {width: 100%; height: 100%;
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
+
background: linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
+
background: -o-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
+
background: -moz-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
+
background: -webkit-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background-image: -webkit-gradient(
+
background: -ms-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
linear,
+
background: -webkit-gradient(
left bottom,
+
        linear,
left top,
+
        left bottom,
color-stop(0.48, rgb(255,255,255)),
+
        left top,
color-stop(1, rgb(219,238,255))
+
        color-stop(0.48, rgb(255,255,255)),
 +
        color-stop(1, rgb(255,238,219))
 
);
 
);
 +
color: #000;
 +
font-size: 2.25em;
 
}
 
}
body {color: #000; font-size: 2.25em;}
 
  
 
:link, :visited {text-decoration: none; color: #00C;}
 
:link, :visited {text-decoration: none; color: #00C;}
Строка 25: Строка 27:
 
.slide code.old {color: silver;}
 
.slide code.old {color: silver;}
  
div#header, div#footer {color: #AAB;}
+
div.header, div.footer {color: #AAB;}
div#header {background: url(custis.png) 98% 50% no-repeat; height: 15%;
+
div.header {background: url(custis.png) 98% 50% no-repeat; height: 15%;
  line-height: 1px; }
+
line-height: 1px; }
 +
@media print {
 +
div.header { background: url(custis50.png) 98% 50% no-repeat; }
 +
}
  
 
.slide h1.stitle {
 
.slide h1.stitle {
  position: relative; z-index: 1;
+
position: relative; z-index: 1;
  margin: -2em 0 0.5em 0; padding: 0.3em 0 0 50px;
+
margin: -2em 0 0.5em 0; padding: 0.3em 0 0 50px;
  width: 80%;
+
width: 80%;
  font-size: 150%;
+
font-size: 150%;
  font-weight: bold;
+
font-weight: bold;
 
}
 
}
 
.slide.notitle h1.stitle {position: static; margin: 0; padding: 0; width: auto;}
 
.slide.notitle h1.stitle {position: static; margin: 0; padding: 0; width: auto;}
Строка 45: Строка 50:
 
#currentSlide {text-align: center; font-size: 20pt; color: #449;}
 
#currentSlide {text-align: center; font-size: 20pt; color: #449;}
  
#slide0 {padding-top: 3.5em; font-size: 90%;}
+
#slide0 {left: 4%; padding: 3em 0 2em; font-size: 90%; text-align: center;}
#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
+
#slide0 h1 {position: static; margin: 0; padding: 0; width: auto;}
  font: bold 2em Helvetica, sans-serif; white-space: normal;
+
#slide0 h2 {color: gray; margin-top: .5em;}
  color: #000; background: transparent;}
+
#slide0 h3 {color: gray; margin-top: .5em;}
#slide0 h2 {font: bold italic 1em Helvetica, sans-serif; margin: 0.25em;}
+
#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
+
#slide0 h4 {margin-top: 0; font-size: 1em;}
+

Текущая версия на 00:21, 12 октября 2016

/* Following are the presentation styles -- edit away! */
 
html {width: 100%; height: 100%;}
.body {width: 100%; height: 100%;
background: linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background: -o-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background: -moz-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background: -webkit-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background: -ms-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(255,238,219) 100%);
background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.48, rgb(255,255,255)),
        color-stop(1, rgb(255,238,219))
);
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.header {background: url(custis.png) 98% 50% no-repeat; height: 15%;
	line-height: 1px; }
@media print {
	div.header { background: url(custis50.png) 98% 50% no-repeat; }
}
 
.slide h1.stitle {
	position: relative; z-index: 1;
	margin: -2em 0 0.5em 0; padding: 0.3em 0 0 50px;
	width: 80%;
	font-size: 150%;
	font-weight: bold;
}
.slide.notitle h1.stitle {position: static; margin: 0; padding: 0; width: auto;}
.slide h3 {font-size: 130%;}
 
div#controls {left: 60%; width: 40%;}
#controls #navLinks a {background: #005; color: #779;}
#controls #navList #jumplist {background: #DDD; color: #227;}
 
#currentSlide {text-align: center; font-size: 20pt; color: #449;}
 
#slide0 {left: 4%; padding: 3em 0 2em; font-size: 90%; text-align: center;}
#slide0 h1 {position: static; margin: 0; padding: 0; width: auto;}
#slide0 h2 {color: gray; margin-top: .5em;}
#slide0 h3 {color: gray; margin-top: .5em;}