From f2247078e043de8df0b53f7f85e4f97f6047fd7a Mon Sep 17 00:00:00 2001 From: Vadim Makeev Date: Tue, 28 Feb 2012 12:06:36 +0100 Subject: [PATCH] selectors lowercased for better compatibility --- themes/ribbon/styles/print.css | 6 +- themes/ribbon/styles/reset.css | 42 ++++++------- themes/ribbon/styles/style.css | 110 ++++++++++++++++----------------- 3 files changed, 78 insertions(+), 80 deletions(-) diff --git a/themes/ribbon/styles/print.css b/themes/ribbon/styles/print.css index 2814194..1e35d12 100644 --- a/themes/ribbon/styles/print.css +++ b/themes/ribbon/styles/print.css @@ -33,13 +33,13 @@ height:640px; background:none; } - .list .slide > DIV, - .list .slide > DIV:hover { + .list .slide > div, + .list .slide > div:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } - .list .slide SECTION { + .list .slide section { -webkit-transform:none; -moz-transform:none; -ms-transform:none; diff --git a/themes/ribbon/styles/reset.css b/themes/ribbon/styles/reset.css index dc418a4..c4829e6 100644 --- a/themes/ribbon/styles/reset.css +++ b/themes/ribbon/styles/reset.css @@ -1,16 +1,16 @@ -HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, -H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, -A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, -DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP, -SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, -B, U, I, CENTER, -DL, DT, DD, OL, UL, LI, -FIELDSET, FORM, LABEL, LEGEND, -TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, -ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, -FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, -MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, -TIME, MARK, AUDIO, VIDEO { +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { margin:0; padding:0; border:0; @@ -18,25 +18,25 @@ TIME, MARK, AUDIO, VIDEO { font:inherit; vertical-align:baseline; } -ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, -FOOTER, HEADER, HGROUP, MENU, NAV, SECTION { +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { display:block; } -BODY { +body { line-height:1; } -OL, UL { +ol, ul { list-style:none; } -BLOCKQUOTE, Q { +blockquote, q { quotes:none; } -BLOCKQUOTE:before, BLOCKQUOTE:after, -Q:before, Q:after { +blockquote:before, blockquote:after, +q:before, q:after { content:''; content:none; } -TABLE { +table { border-collapse:collapse; border-spacing:0; } \ No newline at end of file diff --git a/themes/ribbon/styles/style.css b/themes/ribbon/styles/style.css index 380cb37..d8a9000 100644 --- a/themes/ribbon/styles/style.css +++ b/themes/ribbon/styles/style.css @@ -18,14 +18,14 @@ BODY { counter-increment:paging; content:counter(paging, decimal-leading-zero); } -.slide SECTION { +.slide section { padding:80px 120px 0; width:784px; height:560px; background:#FFF; color:#000; } - .slide SECTION:before { + .slide section:before { position:absolute; top:0; right:120px; @@ -36,43 +36,43 @@ BODY { } /* Header */ -.slide HEADER { +.slide header { margin:0 0 58px; color:#666; font:bold 40px/1.13 'PT Sans Narrow', sans-serif; } /* Elements */ -.slide P { +.slide p { margin:0 0 45px; } -.slide P.note { +.slide p.note { color:#888; } -.slide A { +.slide a { border-bottom:0.1em solid; color:#0174A7; text-decoration:none; } -.slide A[target=_blank] { +.slide a[target=_blank] { margin-right:22px; } -.slide A[target=_blank]:after { +.slide a[target=_blank]:after { position:absolute; margin-left:7px; font-family:'Target Blank'; content:'\005E'; } -.slide B, -.slide STRONG { +.slide b, +.slide strong { font-weight:bold; } -.slide I, -.slide EM { +.slide i, +.slide em { font-style:italic; } -.slide KBD, -.slide CODE { +.slide kbd, +.slide code { padding:3px 8px; -webkit-border-radius:8px; -moz-border-radius:8px; @@ -87,17 +87,17 @@ BODY { } /* Quote */ -.slide BLOCKQUOTE { +.slide blockquote { font-style:italic; } -.slide BLOCKQUOTE:before { +.slide blockquote:before { position:absolute; margin:-15px 0 0 -80px; color:#CCC; font:200px/1 'PT Sans', sans-serif; content:'\201C'; /* ldquo */ } -.slide BLOCKQUOTE:after { +.slide blockquote:after { margin:-45px 0 45px; display:block; color:#444; @@ -106,48 +106,48 @@ BODY { } /* Lists */ -.slide OL, -.slide UL { +.slide ol, +.slide ul { margin:0 0 45px; counter-reset:list; } - .slide UL UL, - .slide OL UL, - .slide OL OL, - .slide UL OL { + .slide ul ul, + .slide ol ul, + .slide ol ol, + .slide ul ol { margin:0 0 0 38px; } - .slide OL > LI:before, - .slide UL > LI:before { + .slide ol > li:before, + .slide ul > li:before { position:absolute; margin-left:-120px; width:100px; color:#BBB; text-align:right; } - .slide UL > LI:before { + .slide ul > li:before { content:'\2022'; /* bull */ line-height:1.1; font-size:40px; } - .slide OL > LI:before { + .slide ol > li:before { counter-increment:list; content:counter(list)'.'; } /* Code */ -.slide PRE { +.slide pre { margin:0 0 45px; counter-reset:code; white-space:normal; } - .slide PRE CODE { + .slide pre code { display:block; padding:0; background:none; white-space:pre; } - .slide PRE CODE:before { + .slide pre code:before { position:absolute; margin:0 0 0 -120px; width:110px; @@ -156,39 +156,37 @@ BODY { counter-increment:code; content:counter(code, decimal-leading-zero)'.'; } - .slide PRE MARK { + .slide pre mark { padding:3px 8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; - } - .slide PRE MARK { background:#FAFAA2; color:#000; font-style:normal; } - .slide PRE .important { + .slide pre .important { background:#C00; color:#FFF; font-weight:normal; } - .slide PRE .comment { + .slide pre .comment { padding:0; background:none; color:#888; } /* Background */ -.slide.bg SECTION { +.slide.bg section { background:transparent; } - .slide.bg SECTION:before { + .slide.bg section:before { display:none; } -.slide.bg IMG, -.slide.bg SVG, -.slide.bg VIDEO, -.slide.bg OBJECT { +.slide.bg img, +.slide.bg svg, +.slide.bg video, +.slide.bg object { position:absolute; top:0; left:0; @@ -198,10 +196,10 @@ BODY { } /* Shout */ -.slide.shout SECTION:before { +.slide.shout section:before { display:none; } -.slide.shout H2 { +.slide.shout h2 { position:absolute; top:50%; left:0; @@ -215,10 +213,10 @@ BODY { -o-transform:translateY(-50%); transform:translateY(-50%); } - .slide.shout H2 A[target=_blank] { + .slide.shout h2 a[target=_blank] { margin:0; } - .slide.shout H2 A[target=_blank]:after { + .slide.shout h2 a[target=_blank]:after { content:''; } @@ -247,15 +245,15 @@ BODY { color:#3C3D40; text-shadow:0 1px 1px #8D8E90; } - .list .caption H1 { + .list .caption h1 { font:bold 50px/1 'PT Sans Narrow', sans-serif; } - .list .caption A { + .list .caption a { color:#4B86C2; text-shadow:0 -1px 1px #1F3F60; text-decoration:none; } - .list .caption A:hover { + .list .caption a:hover { color:#5ca4ed; } @@ -280,7 +278,7 @@ BODY { text-shadow:0 -1px 1px #1F3F60; color:#4B86C2; } - .list .slide > DIV { + .list .slide > div { position:relative; overflow:hidden; width:512px; @@ -289,18 +287,18 @@ BODY { border-radius:1px; background:rgba(0, 0, 0, 0.3); } - .list .slide > DIV:hover { + .list .slide > div:hover { box-shadow: 0 0 0 10px rgba(60, 61, 64, 0.6), 0 0 50px #3C3D40; } - .list .slide:target > DIV { + .list .slide:target > div { box-shadow: 0 0 0 1px #305F8D, 0 0 0 10px #3C7CBD, 0 0 50px #3C3D40; } - .list .slide SECTION { + .list .slide section { -webkit-transform-origin:0 0; -webkit-transform:scale(0.5); -moz-transform-origin:0 0; @@ -312,7 +310,7 @@ BODY { transform-origin:0 0; transform:scale(0.5); } - .list .slide SECTION:after { + .list .slide section:after { position:absolute; top:0; right:0; @@ -326,11 +324,11 @@ BODY { .list .slide:after { left:30px; } - .list .slide > DIV { + .list .slide > div { width:256px; height:160px; } - .list .slide SECTION { + .list .slide section { -webkit-transform:scale(0.25); -moz-transform:scale(0.25); -ms-transform:scale(0.25); @@ -368,7 +366,7 @@ BODY { color:#BBB; line-height:1; } - .full .slide SECTION { + .full .slide section { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);