selectors lowercased for better compatibility

This commit is contained in:
Vadim Makeev 2012-02-28 12:06:36 +01:00
parent 5d1f2335ab
commit f2247078e0
3 changed files with 78 additions and 80 deletions

View File

@ -33,13 +33,13 @@
height:640px; height:640px;
background:none; background:none;
} }
.list .slide > DIV, .list .slide > div,
.list .slide > DIV:hover { .list .slide > div:hover {
-webkit-box-shadow:none; -webkit-box-shadow:none;
-moz-box-shadow:none; -moz-box-shadow:none;
box-shadow:none; box-shadow:none;
} }
.list .slide SECTION { .list .slide section {
-webkit-transform:none; -webkit-transform:none;
-moz-transform:none; -moz-transform:none;
-ms-transform:none; -ms-transform:none;

View File

@ -1,16 +1,16 @@
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, html, body, div, span, applet, object, iframe,
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, a, abbr, acronym, address, big, cite, code,
DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP, del, dfn, em, img, ins, kbd, q, s, samp,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, small, strike, strong, sub, sup, tt, var,
B, U, I, CENTER, b, u, i, center,
DL, DT, DD, OL, UL, LI, dl, dt, dd, ol, ul, li,
FIELDSET, FORM, LABEL, LEGEND, fieldset, form, label, legend,
TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, table, caption, tbody, tfoot, thead, tr, th, td,
ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, article, aside, canvas, details, embed,
FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, figure, figcaption, footer, header, hgroup,
MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, menu, nav, output, ruby, section, summary,
TIME, MARK, AUDIO, VIDEO { time, mark, audio, video {
margin:0; margin:0;
padding:0; padding:0;
border:0; border:0;
@ -18,25 +18,25 @@ TIME, MARK, AUDIO, VIDEO {
font:inherit; font:inherit;
vertical-align:baseline; vertical-align:baseline;
} }
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, article, aside, details, figcaption, figure,
FOOTER, HEADER, HGROUP, MENU, NAV, SECTION { footer, header, hgroup, menu, nav, section {
display:block; display:block;
} }
BODY { body {
line-height:1; line-height:1;
} }
OL, UL { ol, ul {
list-style:none; list-style:none;
} }
BLOCKQUOTE, Q { blockquote, q {
quotes:none; quotes:none;
} }
BLOCKQUOTE:before, BLOCKQUOTE:after, blockquote:before, blockquote:after,
Q:before, Q:after { q:before, q:after {
content:''; content:'';
content:none; content:none;
} }
TABLE { table {
border-collapse:collapse; border-collapse:collapse;
border-spacing:0; border-spacing:0;
} }

View File

@ -18,14 +18,14 @@ BODY {
counter-increment:paging; counter-increment:paging;
content:counter(paging, decimal-leading-zero); content:counter(paging, decimal-leading-zero);
} }
.slide SECTION { .slide section {
padding:80px 120px 0; padding:80px 120px 0;
width:784px; width:784px;
height:560px; height:560px;
background:#FFF; background:#FFF;
color:#000; color:#000;
} }
.slide SECTION:before { .slide section:before {
position:absolute; position:absolute;
top:0; top:0;
right:120px; right:120px;
@ -36,43 +36,43 @@ BODY {
} }
/* Header */ /* Header */
.slide HEADER { .slide header {
margin:0 0 58px; margin:0 0 58px;
color:#666; color:#666;
font:bold 40px/1.13 'PT Sans Narrow', sans-serif; font:bold 40px/1.13 'PT Sans Narrow', sans-serif;
} }
/* Elements */ /* Elements */
.slide P { .slide p {
margin:0 0 45px; margin:0 0 45px;
} }
.slide P.note { .slide p.note {
color:#888; color:#888;
} }
.slide A { .slide a {
border-bottom:0.1em solid; border-bottom:0.1em solid;
color:#0174A7; color:#0174A7;
text-decoration:none; text-decoration:none;
} }
.slide A[target=_blank] { .slide a[target=_blank] {
margin-right:22px; margin-right:22px;
} }
.slide A[target=_blank]:after { .slide a[target=_blank]:after {
position:absolute; position:absolute;
margin-left:7px; margin-left:7px;
font-family:'Target Blank'; font-family:'Target Blank';
content:'\005E'; content:'\005E';
} }
.slide B, .slide b,
.slide STRONG { .slide strong {
font-weight:bold; font-weight:bold;
} }
.slide I, .slide i,
.slide EM { .slide em {
font-style:italic; font-style:italic;
} }
.slide KBD, .slide kbd,
.slide CODE { .slide code {
padding:3px 8px; padding:3px 8px;
-webkit-border-radius:8px; -webkit-border-radius:8px;
-moz-border-radius:8px; -moz-border-radius:8px;
@ -87,17 +87,17 @@ BODY {
} }
/* Quote */ /* Quote */
.slide BLOCKQUOTE { .slide blockquote {
font-style:italic; font-style:italic;
} }
.slide BLOCKQUOTE:before { .slide blockquote:before {
position:absolute; position:absolute;
margin:-15px 0 0 -80px; margin:-15px 0 0 -80px;
color:#CCC; color:#CCC;
font:200px/1 'PT Sans', sans-serif; font:200px/1 'PT Sans', sans-serif;
content:'\201C'; /* ldquo */ content:'\201C'; /* ldquo */
} }
.slide BLOCKQUOTE:after { .slide blockquote:after {
margin:-45px 0 45px; margin:-45px 0 45px;
display:block; display:block;
color:#444; color:#444;
@ -106,48 +106,48 @@ BODY {
} }
/* Lists */ /* Lists */
.slide OL, .slide ol,
.slide UL { .slide ul {
margin:0 0 45px; margin:0 0 45px;
counter-reset:list; counter-reset:list;
} }
.slide UL UL, .slide ul ul,
.slide OL UL, .slide ol ul,
.slide OL OL, .slide ol ol,
.slide UL OL { .slide ul ol {
margin:0 0 0 38px; margin:0 0 0 38px;
} }
.slide OL > LI:before, .slide ol > li:before,
.slide UL > LI:before { .slide ul > li:before {
position:absolute; position:absolute;
margin-left:-120px; margin-left:-120px;
width:100px; width:100px;
color:#BBB; color:#BBB;
text-align:right; text-align:right;
} }
.slide UL > LI:before { .slide ul > li:before {
content:'\2022'; /* bull */ content:'\2022'; /* bull */
line-height:1.1; line-height:1.1;
font-size:40px; font-size:40px;
} }
.slide OL > LI:before { .slide ol > li:before {
counter-increment:list; counter-increment:list;
content:counter(list)'.'; content:counter(list)'.';
} }
/* Code */ /* Code */
.slide PRE { .slide pre {
margin:0 0 45px; margin:0 0 45px;
counter-reset:code; counter-reset:code;
white-space:normal; white-space:normal;
} }
.slide PRE CODE { .slide pre code {
display:block; display:block;
padding:0; padding:0;
background:none; background:none;
white-space:pre; white-space:pre;
} }
.slide PRE CODE:before { .slide pre code:before {
position:absolute; position:absolute;
margin:0 0 0 -120px; margin:0 0 0 -120px;
width:110px; width:110px;
@ -156,39 +156,37 @@ BODY {
counter-increment:code; counter-increment:code;
content:counter(code, decimal-leading-zero)'.'; content:counter(code, decimal-leading-zero)'.';
} }
.slide PRE MARK { .slide pre mark {
padding:3px 8px; padding:3px 8px;
-webkit-border-radius:8px; -webkit-border-radius:8px;
-moz-border-radius:8px; -moz-border-radius:8px;
border-radius:8px; border-radius:8px;
}
.slide PRE MARK {
background:#FAFAA2; background:#FAFAA2;
color:#000; color:#000;
font-style:normal; font-style:normal;
} }
.slide PRE .important { .slide pre .important {
background:#C00; background:#C00;
color:#FFF; color:#FFF;
font-weight:normal; font-weight:normal;
} }
.slide PRE .comment { .slide pre .comment {
padding:0; padding:0;
background:none; background:none;
color:#888; color:#888;
} }
/* Background */ /* Background */
.slide.bg SECTION { .slide.bg section {
background:transparent; background:transparent;
} }
.slide.bg SECTION:before { .slide.bg section:before {
display:none; display:none;
} }
.slide.bg IMG, .slide.bg img,
.slide.bg SVG, .slide.bg svg,
.slide.bg VIDEO, .slide.bg video,
.slide.bg OBJECT { .slide.bg object {
position:absolute; position:absolute;
top:0; top:0;
left:0; left:0;
@ -198,10 +196,10 @@ BODY {
} }
/* Shout */ /* Shout */
.slide.shout SECTION:before { .slide.shout section:before {
display:none; display:none;
} }
.slide.shout H2 { .slide.shout h2 {
position:absolute; position:absolute;
top:50%; top:50%;
left:0; left:0;
@ -215,10 +213,10 @@ BODY {
-o-transform:translateY(-50%); -o-transform:translateY(-50%);
transform:translateY(-50%); transform:translateY(-50%);
} }
.slide.shout H2 A[target=_blank] { .slide.shout h2 a[target=_blank] {
margin:0; margin:0;
} }
.slide.shout H2 A[target=_blank]:after { .slide.shout h2 a[target=_blank]:after {
content:''; content:'';
} }
@ -247,15 +245,15 @@ BODY {
color:#3C3D40; color:#3C3D40;
text-shadow:0 1px 1px #8D8E90; text-shadow:0 1px 1px #8D8E90;
} }
.list .caption H1 { .list .caption h1 {
font:bold 50px/1 'PT Sans Narrow', sans-serif; font:bold 50px/1 'PT Sans Narrow', sans-serif;
} }
.list .caption A { .list .caption a {
color:#4B86C2; color:#4B86C2;
text-shadow:0 -1px 1px #1F3F60; text-shadow:0 -1px 1px #1F3F60;
text-decoration:none; text-decoration:none;
} }
.list .caption A:hover { .list .caption a:hover {
color:#5ca4ed; color:#5ca4ed;
} }
@ -280,7 +278,7 @@ BODY {
text-shadow:0 -1px 1px #1F3F60; text-shadow:0 -1px 1px #1F3F60;
color:#4B86C2; color:#4B86C2;
} }
.list .slide > DIV { .list .slide > div {
position:relative; position:relative;
overflow:hidden; overflow:hidden;
width:512px; width:512px;
@ -289,18 +287,18 @@ BODY {
border-radius:1px; border-radius:1px;
background:rgba(0, 0, 0, 0.3); background:rgba(0, 0, 0, 0.3);
} }
.list .slide > DIV:hover { .list .slide > div:hover {
box-shadow: box-shadow:
0 0 0 10px rgba(60, 61, 64, 0.6), 0 0 0 10px rgba(60, 61, 64, 0.6),
0 0 50px #3C3D40; 0 0 50px #3C3D40;
} }
.list .slide:target > DIV { .list .slide:target > div {
box-shadow: box-shadow:
0 0 0 1px #305F8D, 0 0 0 1px #305F8D,
0 0 0 10px #3C7CBD, 0 0 0 10px #3C7CBD,
0 0 50px #3C3D40; 0 0 50px #3C3D40;
} }
.list .slide SECTION { .list .slide section {
-webkit-transform-origin:0 0; -webkit-transform-origin:0 0;
-webkit-transform:scale(0.5); -webkit-transform:scale(0.5);
-moz-transform-origin:0 0; -moz-transform-origin:0 0;
@ -312,7 +310,7 @@ BODY {
transform-origin:0 0; transform-origin:0 0;
transform:scale(0.5); transform:scale(0.5);
} }
.list .slide SECTION:after { .list .slide section:after {
position:absolute; position:absolute;
top:0; top:0;
right:0; right:0;
@ -326,11 +324,11 @@ BODY {
.list .slide:after { .list .slide:after {
left:30px; left:30px;
} }
.list .slide > DIV { .list .slide > div {
width:256px; width:256px;
height:160px; height:160px;
} }
.list .slide SECTION { .list .slide section {
-webkit-transform:scale(0.25); -webkit-transform:scale(0.25);
-moz-transform:scale(0.25); -moz-transform:scale(0.25);
-ms-transform:scale(0.25); -ms-transform:scale(0.25);
@ -368,7 +366,7 @@ BODY {
color:#BBB; color:#BBB;
line-height:1; line-height:1;
} }
.full .slide SECTION { .full .slide section {
-webkit-transform:scale(1); -webkit-transform:scale(1);
-moz-transform:scale(1); -moz-transform:scale(1);
-ms-transform:scale(1); -ms-transform:scale(1);