selectors lowercased for better compatibility
This commit is contained in:
parent
5d1f2335ab
commit
f2247078e0
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue