diff --git a/css/flexbox.css b/css/flexbox.css index 4ee1cbc..3904d6c 100644 --- a/css/flexbox.css +++ b/css/flexbox.css @@ -14,16 +14,16 @@ } /* horizontal alignment */ .flex-h { - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /* vertical alignment */ .flex-v { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; @@ -31,35 +31,35 @@ /* for fluid items */ .flex-fluid { -moz-box-flex: 1; - -webkit-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-flex: 1; + -moz-flex: 1; + -ms-flex: 1; + flex: 1; } /* for items that must appear first */ .flex-start { -webkit-box-ordinal-group: -1; - -moz-box-ordinal-group: 0; - -ms-flex-order: -1; - -webkit-order: -1; - -moz-order: -1; - order: -1; + -moz-box-ordinal-group: 0; + -ms-flex-order: -1; + -webkit-order: -1; + -moz-order: -1; + order: -1; } /* for items that must appear middle */ .flex-mid { -webkit-box-ordinal-group: 1; - -moz-box-ordinal-group: 1; - -ms-flex-order: 1; - -webkit-order: 1; - -moz-order: 1; - order: 1; + -moz-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + -moz-order: 1; + order: 1; } /* for items that must appear at the end */ .flex-end { -webkit-box-ordinal-group: 42; - -moz-box-ordinal-group: 42; - -ms-flex-order: 42; - -webkit-order: 42; - -moz-order: 42; - order: 42; + -moz-box-ordinal-group: 42; + -ms-flex-order: 42; + -webkit-order: 42; + -moz-order: 42; + order: 42; } diff --git a/css/forms.css b/css/forms.css index b27d8a4..eea1ace 100644 --- a/css/forms.css +++ b/css/forms.css @@ -3,7 +3,10 @@ /* ==forms */ /* ----------------------------- */ -/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */ +/* thanks to HTML5boilerplate, +* github.com/nathansmith/formalize +* and www.sitepen.com +*/ /* buttons */ @@ -65,7 +68,7 @@ input[type="search"]::-webkit-search-results-decoration { } ::-webkit-input-placeholder { color: #777; } input:-moz-placeholder, -textarea:-moz-placeholder { color: #777; } +textarea:-moz-placeholder { color: #777; } /* Removes inner padding and border in FF3+ */ button::-moz-focus-inner, diff --git a/css/icons.css b/css/icons.css index 0324fe1..dd79223 100644 --- a/css/icons.css +++ b/css/icons.css @@ -1,210 +1,139 @@ /* ----------------------------- */ -/* ==icons and bullets */ +/* ==icons and bullets */ /* ----------------------------- */ .icon {display: inline-block;} .icon:before, -.icon > li:before, -.icon.after:after, -.icon.after > li:after { - content: ""; - display: inline-block; - vertical-align: middle; - position: relative; top: -.1em; - margin: 0 0.3em 0 0; - font: 1.4em/1 sans-serif; - color: #000; - text-shadow: 1px 1px 0 rgba(0,0,0,.1); - speak: none; +.icon.after:after { + content: ""; + display: inline-block; + vertical-align: middle; + position: relative; top: -.1em; + margin: 0 0.3em 0 0; + font: 1.4em/1 sans-serif; + color: #000; + text-shadow: 1px 1px 0 rgba(0,0,0,.1); + speak: none; } @media (min-device-width: 768px) { - .icon:before, - .icon > li:before, - .icon.after:after, - .icon.after > li:after { - font: 1em/0.6 sans-serif; - -webkit-transform: rotateZ(0.05deg); - } + .icon:before, + .icon.after:after { + font: 1em/0.6 sans-serif; + -webkit-transform: rotateZ(0.05deg); + } } -.icon.after:after, -.icon.after > li:after { - margin: 0 0 0 8px; +.icon.after:after { + margin: 0 0 0 8px; } - -ul.icon {display: block;} -ul.icon > li {list-style: none;} -ul.icon:before, -ul.icon.after:after {content:""} -.icon.after:before, -.icon.after > li:before {content: "" !important} - -.icon-rate:before, -.icon-rate > li:before, -.icon-rate.after:after, -.icon-rate.after > li:after { - content: "\2605"; +.icon.after:before { + content: "" !important } -.icon-unrate:before, -.icon-unrate > li:before, -.icon-unrate.after:after, -.icon-unrate.after > li:after { - content: "\2606"; +.icon-rate:before, +.icon-rate.after:after { + content: "\2605"; } -.icon-check:before, -.icon-check > li:before, -.icon-check.after:after, -.icon-check.after > li:after { - content: "\2713"; +.icon-unrate:before, +.icon-unrate.after:after{ + content: "\2606"; } -.icon-uncheck:before, -.icon-uncheck > li:before, -.icon-uncheck.after:after, -.icon-uncheck.after > li:after { - content: "\2717"; +.icon-check:before, +.icon-check.after:after{ + content: "\2713"; } -.icon-cloud:before, -.icon-cloud > li:before, -.icon-cloud.after:after, -.icon-cloud.after > li:after { - content: "\2601"; +.icon-uncheck:before, +.icon-uncheck.after:after{ + content: "\2717"; } -.icon-dl:before, -.icon-dl > li:before, -.icon-dl.after:after, -.icon-dl.after > li:after { - content: "\21E3"; - font-weight: bold; +.icon-cloud:before, +.icon-cloud.after:after { + content: "\2601"; } -.icon-cross:before, -.icon-cross > li:before, -.icon-cross.after:after, -.icon-cross.after > li:after { - content: "\2716"; - font-weight: bold; +.icon-dl:before, +.icon-dl.after:after { + content: "\21E3"; + font-weight: bold; +} +.icon-cross:before, +.icon-cross.after:after { + content: "\2716"; + font-weight: bold; } .icon-arrow1:before, -.icon-arrow1 > li:before, -.icon-arrow1.after:after, -.icon-arrow1.after > li:after { - content: "\2192"; - position: relative; top: -0.15em; +.icon-arrow1.after:after { + content: "\2192"; + position: relative; + top: -0.15em; } -.icon-arrow2:before, -.icon-arrow2 > li:before, -.icon-arrow2.after:after, -.icon-arrow2.after > li:after { - content: "\279E"; +.icon-arrow2:before, +.icon-arrow2.after:after { + content: "\279E"; } -.icon-arrow3:before, -.icon-arrow3 > li:before, -.icon-arrow3.after:after, -.icon-arrow3.after > li:after { - content: "\279A"; +.icon-arrow3:before, +.icon-arrow3.after:after { + content: "\279A"; } -.icon-bracket1:before, -.icon-bracket1 > li:before, -.icon-bracket1.after:after, -.icon-bracket1.after > li:after { - content: "\2039"; - font-weight: bold; - font-size: 1.6em; - position: relative; top: -0.15em; +.icon-bracket1:before, +.icon-bracket1.after:after { + content: "\2039"; + font-weight: bold; + font-size: 1.6em; + position: relative; + top: -0.15em; } -.icon-bracket2:before, -.icon-bracket2 > li:before, -.icon-bracket2.after:after, -.icon-bracket2.after > li:after { - content: "\203A"; - font-weight: bold; - font-size: 1.6em; - position: relative; top: -0.15em; +.icon-bracket2:before, +.icon-bracket2.after:after { + content: "\203A"; + font-weight: bold; + font-size: 1.6em; + position: relative; + top: -0.15em; } -.icon-up:before, -.icon-up > li:before, -.icon-up.after:after, -.icon-up.after > li:after { - content: "\25B2"; +.icon-up:before, +.icon-up.after:after { + content: "\25B2"; } -.icon-down:before, -.icon-down > li:before, -.icon-down.after:after, -.icon-down.after > li:after { - content: "\25BC"; +.icon-down:before, +.icon-down.after:after { + content: "\25BC"; } -.icon-bull:before, -.icon-bull > li:before, -.icon-bull.after:after, -.icon-bull.after > li:after { - content: "\2022"; - font-size: 1.2em; - top: -0.05em; +.icon-bull:before, +.icon-bull.after:after { + content: "\2022"; + font-size: 1.2em; + top: -0.05em; } -.icon-bull2:before, -.icon-bull2 > li:before, -.icon-bull2.after:after, -.icon-bull2.after > li:after { - content: "\25E6"; - top: -0.05em; +.icon-bull2:before, +.icon-bull2.after:after { + content: "\25E6"; + top: -0.05em; } -.icon-bull3:before, -.icon-bull3 > li:before, -.icon-bull3.after:after, -.icon-bull3.after > li:after { - content: "\2023"; - font-size: 1.6em; - top: -0.05em; +.icon-bull3:before, +.icon-bull3.after:after{ + content: "\2023"; + font-size: 1.6em; + top: -0.05em; } -.icon-nav:before, -.icon-nav > li:before, -.icon-nav.after:after, -.icon-nav.after > li:after { - content: "\2261"; - font-weight: bold; +.icon-nav:before, +.icon-nav.after:after { + content: "\2261"; + font-weight: bold; } -.icon-losange:before, -.icon-losange > li:before, -.icon-losange.after:after, -.icon-losange.after > li:after { - content: "\25C6"; +.icon-losange:before, +.icon-losange.after:after { + content: "\25C6"; } -.icon-asteri:before, -.icon-asteri > li:before, -.icon-asteri.after:after, -.icon-asteri.after > li:after { - content: "\2731"; - font-weight: bold; +.icon-asteri:before, +.icon-asteri.after:after { + content: "\2731"; + font-weight: bold; } -.icon-mail:before, -.icon-mail > li:before, -.icon-mail.after:after, -.icon-mail.after > li:after { - content: "\2709"; - font-size: 1.6em; - top: -.05em; +.icon-mail:before, +.icon-mail.after:after { + content: "\2709"; + font-size: 1.6em; + top: -.05em; } - -ol.styled {counter-reset: styled;} -ol.styled > li { - list-style-type: none; - counter-increment: styled; - margin-bottom: .3em; -} -ol.styled > li:before { - content: counter(styled); - display: inline-block; - width: 1em; height: 1em; - line-height: 1; - padding: 2px; - margin-right: .4em; - vertical-align: middle; - background: rgba(0,0,0,.5); - border-radius: 50%; - font-size: .9em; - text-align: center; - text-indent: -0.1em; - color: white; -} \ No newline at end of file diff --git a/css/knacss.css b/css/knacss.css index d7bdff2..39d97fe 100644 --- a/css/knacss.css +++ b/css/knacss.css @@ -1,5 +1,5 @@ /* -* www.KNACSS.com V2.6n (2013-07) @author: Raphael Goetter, Alsacreations +* www.KNACSS.com V2.7 (2013-08) @author: Raphael Goetter, Alsacreations * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ */ @@ -32,7 +32,7 @@ th, label, textarea, caption, -details, +details, figure { font-size: 1em; /* equiv 14px */ line-height: 1.5; @@ -56,12 +56,12 @@ h3, .h3-like { h4, .h4-like { font-size: 1.4286em; /* equiv 20px */ line-height: 1.05em; - margin: 1.05em 0 0 0; + margin: 1.05em 0 0 0; } h5, .h5-like { font-size: 1.2857em; /* equiv 18px */ line-height: 1.1667em; - margin: 1.1667em 0 0 0; + margin: 1.1667em 0 0 0; } h6, .h6-like { font-size: 1.1429em; /* equiv 16px */ @@ -477,4 +477,3 @@ textarea { /* @import url(my-styles.css); */ - diff --git a/css/print.css b/css/print.css index bc14a74..8fd63fa 100644 --- a/css/print.css +++ b/css/print.css @@ -30,11 +30,11 @@ display: block; /* displaying .print elements */ } img { - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - -ms-filter: grayscale(100%); - -o-filter: grayscale(100%); - filter: grayscale(100%); + -webkit-filter: grayscale(100%); + -moz-filter: grayscale(100%); + -ms-filter: grayscale(100%); + -o-filter: grayscale(100%); + filter: grayscale(100%); } p, blockquote { diff --git a/css/rwd.css b/css/rwd.css index f301589..29c4682 100644 --- a/css/rwd.css +++ b/css/rwd.css @@ -140,12 +140,6 @@ } /* margins for small (s) screens */ .small-ma0 { margin: 0 !important; } - - /* Responsive grids */ - .grid4 > * {width: 49% !important; } - .grid4 > :first-child + * + * {margin-left: 0 !important;} - .grid6 > * {width: 32% !important; } - .grid6 > :first-child + * + * + * {margin-left: 0 !important;} } @media (max-width: 640px) {