Skip to content

M
my-cucumbers-ru-github-io
Commit f2247078 authored by Vadim Makeev's avatar Vadim Makeev
Browse files
Options

selectors lowercased for better compatibility

parent 5d1f2335
Hide whitespace changes
Inline Side-by-side
Showing with 78 additions and 80 deletions
themes/ribbon/styles/print.css
View file @ f2247078
...@@ -33,13 +33,13 @@ ...@@ -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;
......
themes/ribbon/styles/reset.css
View file @ f2247078
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 { ...@@ -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;
} }
\ No newline at end of file
themes/ribbon/styles/style.css
View file @ f2247078
...@@ -18,14 +18,14 @@ BODY { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment