nombreuses corrections typo,
et suppression des icones de listes ul et ol
This commit is contained in:
Raphael Goetter
parent
447c3910eb
commit
361c764906
6 changed files with 141 additions and 216 deletions
|
|
@ -14,16 +14,16 @@
|
||||||
}
|
}
|
||||||
/* horizontal alignment */
|
/* horizontal alignment */
|
||||||
.flex-h {
|
.flex-h {
|
||||||
-webkit-box-orient: horizontal;
|
-webkit-box-orient: horizontal;
|
||||||
-moz-box-orient: horizontal;
|
-moz-box-orient: horizontal;
|
||||||
-webkit-flex-direction: row;
|
-webkit-flex-direction: row;
|
||||||
-ms-flex-direction: row;
|
-ms-flex-direction: row;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
/* vertical alignment */
|
/* vertical alignment */
|
||||||
.flex-v {
|
.flex-v {
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
-webkit-flex-direction: column;
|
-webkit-flex-direction: column;
|
||||||
-ms-flex-direction: column;
|
-ms-flex-direction: column;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -31,35 +31,35 @@
|
||||||
/* for fluid items */
|
/* for fluid items */
|
||||||
.flex-fluid {
|
.flex-fluid {
|
||||||
-moz-box-flex: 1;
|
-moz-box-flex: 1;
|
||||||
-webkit-flex: 1;
|
-webkit-flex: 1;
|
||||||
-moz-flex: 1;
|
-moz-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
/* for items that must appear first */
|
/* for items that must appear first */
|
||||||
.flex-start {
|
.flex-start {
|
||||||
-webkit-box-ordinal-group: -1;
|
-webkit-box-ordinal-group: -1;
|
||||||
-moz-box-ordinal-group: 0;
|
-moz-box-ordinal-group: 0;
|
||||||
-ms-flex-order: -1;
|
-ms-flex-order: -1;
|
||||||
-webkit-order: -1;
|
-webkit-order: -1;
|
||||||
-moz-order: -1;
|
-moz-order: -1;
|
||||||
order: -1;
|
order: -1;
|
||||||
}
|
}
|
||||||
/* for items that must appear middle */
|
/* for items that must appear middle */
|
||||||
.flex-mid {
|
.flex-mid {
|
||||||
-webkit-box-ordinal-group: 1;
|
-webkit-box-ordinal-group: 1;
|
||||||
-moz-box-ordinal-group: 1;
|
-moz-box-ordinal-group: 1;
|
||||||
-ms-flex-order: 1;
|
-ms-flex-order: 1;
|
||||||
-webkit-order: 1;
|
-webkit-order: 1;
|
||||||
-moz-order: 1;
|
-moz-order: 1;
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
/* for items that must appear at the end */
|
/* for items that must appear at the end */
|
||||||
.flex-end {
|
.flex-end {
|
||||||
-webkit-box-ordinal-group: 42;
|
-webkit-box-ordinal-group: 42;
|
||||||
-moz-box-ordinal-group: 42;
|
-moz-box-ordinal-group: 42;
|
||||||
-ms-flex-order: 42;
|
-ms-flex-order: 42;
|
||||||
-webkit-order: 42;
|
-webkit-order: 42;
|
||||||
-moz-order: 42;
|
-moz-order: 42;
|
||||||
order: 42;
|
order: 42;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,10 @@
|
||||||
/* ==forms */
|
/* ==forms */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
|
||||||
/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */
|
/* thanks to HTML5boilerplate,
|
||||||
|
* github.com/nathansmith/formalize
|
||||||
|
* and www.sitepen.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
/* buttons */
|
/* buttons */
|
||||||
|
|
@ -65,7 +68,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||||
}
|
}
|
||||||
::-webkit-input-placeholder { color: #777; }
|
::-webkit-input-placeholder { color: #777; }
|
||||||
input:-moz-placeholder,
|
input:-moz-placeholder,
|
||||||
textarea:-moz-placeholder { color: #777; }
|
textarea:-moz-placeholder { color: #777; }
|
||||||
|
|
||||||
/* Removes inner padding and border in FF3+ */
|
/* Removes inner padding and border in FF3+ */
|
||||||
button::-moz-focus-inner,
|
button::-moz-focus-inner,
|
||||||
|
|
|
||||||
279
css/icons.css
279
css/icons.css
|
|
@ -1,210 +1,139 @@
|
||||||
|
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* ==icons and bullets */
|
/* ==icons and bullets */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
|
||||||
.icon {display: inline-block;}
|
.icon {display: inline-block;}
|
||||||
|
|
||||||
.icon:before,
|
.icon:before,
|
||||||
.icon > li:before,
|
.icon.after:after {
|
||||||
.icon.after:after,
|
content: "";
|
||||||
.icon.after > li:after {
|
display: inline-block;
|
||||||
content: "";
|
vertical-align: middle;
|
||||||
display: inline-block;
|
position: relative; top: -.1em;
|
||||||
vertical-align: middle;
|
margin: 0 0.3em 0 0;
|
||||||
position: relative; top: -.1em;
|
font: 1.4em/1 sans-serif;
|
||||||
margin: 0 0.3em 0 0;
|
color: #000;
|
||||||
font: 1.4em/1 sans-serif;
|
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
|
||||||
color: #000;
|
speak: none;
|
||||||
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
|
|
||||||
speak: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-device-width: 768px) {
|
@media (min-device-width: 768px) {
|
||||||
.icon:before,
|
.icon:before,
|
||||||
.icon > li:before,
|
.icon.after:after {
|
||||||
.icon.after:after,
|
font: 1em/0.6 sans-serif;
|
||||||
.icon.after > li:after {
|
-webkit-transform: rotateZ(0.05deg);
|
||||||
font: 1em/0.6 sans-serif;
|
}
|
||||||
-webkit-transform: rotateZ(0.05deg);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.after:after,
|
.icon.after:after {
|
||||||
.icon.after > li:after {
|
margin: 0 0 0 8px;
|
||||||
margin: 0 0 0 8px;
|
|
||||||
}
|
}
|
||||||
|
.icon.after:before {
|
||||||
ul.icon {display: block;}
|
content: "" !important
|
||||||
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-unrate:before,
|
.icon-rate:before,
|
||||||
.icon-unrate > li:before,
|
.icon-rate.after:after {
|
||||||
.icon-unrate.after:after,
|
content: "\2605";
|
||||||
.icon-unrate.after > li:after {
|
|
||||||
content: "\2606";
|
|
||||||
}
|
}
|
||||||
.icon-check:before,
|
.icon-unrate:before,
|
||||||
.icon-check > li:before,
|
.icon-unrate.after:after{
|
||||||
.icon-check.after:after,
|
content: "\2606";
|
||||||
.icon-check.after > li:after {
|
|
||||||
content: "\2713";
|
|
||||||
}
|
}
|
||||||
.icon-uncheck:before,
|
.icon-check:before,
|
||||||
.icon-uncheck > li:before,
|
.icon-check.after:after{
|
||||||
.icon-uncheck.after:after,
|
content: "\2713";
|
||||||
.icon-uncheck.after > li:after {
|
|
||||||
content: "\2717";
|
|
||||||
}
|
}
|
||||||
.icon-cloud:before,
|
.icon-uncheck:before,
|
||||||
.icon-cloud > li:before,
|
.icon-uncheck.after:after{
|
||||||
.icon-cloud.after:after,
|
content: "\2717";
|
||||||
.icon-cloud.after > li:after {
|
|
||||||
content: "\2601";
|
|
||||||
}
|
}
|
||||||
.icon-dl:before,
|
.icon-cloud:before,
|
||||||
.icon-dl > li:before,
|
.icon-cloud.after:after {
|
||||||
.icon-dl.after:after,
|
content: "\2601";
|
||||||
.icon-dl.after > li:after {
|
|
||||||
content: "\21E3";
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
.icon-cross:before,
|
.icon-dl:before,
|
||||||
.icon-cross > li:before,
|
.icon-dl.after:after {
|
||||||
.icon-cross.after:after,
|
content: "\21E3";
|
||||||
.icon-cross.after > li:after {
|
font-weight: bold;
|
||||||
content: "\2716";
|
}
|
||||||
font-weight: bold;
|
.icon-cross:before,
|
||||||
|
.icon-cross.after:after {
|
||||||
|
content: "\2716";
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.icon-arrow1:before,
|
.icon-arrow1:before,
|
||||||
.icon-arrow1 > li:before,
|
.icon-arrow1.after:after {
|
||||||
.icon-arrow1.after:after,
|
content: "\2192";
|
||||||
.icon-arrow1.after > li:after {
|
position: relative;
|
||||||
content: "\2192";
|
top: -0.15em;
|
||||||
position: relative; top: -0.15em;
|
|
||||||
}
|
}
|
||||||
.icon-arrow2:before,
|
.icon-arrow2:before,
|
||||||
.icon-arrow2 > li:before,
|
.icon-arrow2.after:after {
|
||||||
.icon-arrow2.after:after,
|
content: "\279E";
|
||||||
.icon-arrow2.after > li:after {
|
|
||||||
content: "\279E";
|
|
||||||
}
|
}
|
||||||
.icon-arrow3:before,
|
.icon-arrow3:before,
|
||||||
.icon-arrow3 > li:before,
|
.icon-arrow3.after:after {
|
||||||
.icon-arrow3.after:after,
|
content: "\279A";
|
||||||
.icon-arrow3.after > li:after {
|
|
||||||
content: "\279A";
|
|
||||||
}
|
}
|
||||||
.icon-bracket1:before,
|
.icon-bracket1:before,
|
||||||
.icon-bracket1 > li:before,
|
.icon-bracket1.after:after {
|
||||||
.icon-bracket1.after:after,
|
content: "\2039";
|
||||||
.icon-bracket1.after > li:after {
|
font-weight: bold;
|
||||||
content: "\2039";
|
font-size: 1.6em;
|
||||||
font-weight: bold;
|
position: relative;
|
||||||
font-size: 1.6em;
|
top: -0.15em;
|
||||||
position: relative; top: -0.15em;
|
|
||||||
}
|
}
|
||||||
.icon-bracket2:before,
|
.icon-bracket2:before,
|
||||||
.icon-bracket2 > li:before,
|
.icon-bracket2.after:after {
|
||||||
.icon-bracket2.after:after,
|
content: "\203A";
|
||||||
.icon-bracket2.after > li:after {
|
font-weight: bold;
|
||||||
content: "\203A";
|
font-size: 1.6em;
|
||||||
font-weight: bold;
|
position: relative;
|
||||||
font-size: 1.6em;
|
top: -0.15em;
|
||||||
position: relative; top: -0.15em;
|
|
||||||
}
|
}
|
||||||
.icon-up:before,
|
.icon-up:before,
|
||||||
.icon-up > li:before,
|
.icon-up.after:after {
|
||||||
.icon-up.after:after,
|
content: "\25B2";
|
||||||
.icon-up.after > li:after {
|
|
||||||
content: "\25B2";
|
|
||||||
}
|
}
|
||||||
.icon-down:before,
|
.icon-down:before,
|
||||||
.icon-down > li:before,
|
.icon-down.after:after {
|
||||||
.icon-down.after:after,
|
content: "\25BC";
|
||||||
.icon-down.after > li:after {
|
|
||||||
content: "\25BC";
|
|
||||||
}
|
}
|
||||||
.icon-bull:before,
|
.icon-bull:before,
|
||||||
.icon-bull > li:before,
|
.icon-bull.after:after {
|
||||||
.icon-bull.after:after,
|
content: "\2022";
|
||||||
.icon-bull.after > li:after {
|
font-size: 1.2em;
|
||||||
content: "\2022";
|
top: -0.05em;
|
||||||
font-size: 1.2em;
|
|
||||||
top: -0.05em;
|
|
||||||
}
|
}
|
||||||
.icon-bull2:before,
|
.icon-bull2:before,
|
||||||
.icon-bull2 > li:before,
|
.icon-bull2.after:after {
|
||||||
.icon-bull2.after:after,
|
content: "\25E6";
|
||||||
.icon-bull2.after > li:after {
|
top: -0.05em;
|
||||||
content: "\25E6";
|
|
||||||
top: -0.05em;
|
|
||||||
}
|
}
|
||||||
.icon-bull3:before,
|
.icon-bull3:before,
|
||||||
.icon-bull3 > li:before,
|
.icon-bull3.after:after{
|
||||||
.icon-bull3.after:after,
|
content: "\2023";
|
||||||
.icon-bull3.after > li:after {
|
font-size: 1.6em;
|
||||||
content: "\2023";
|
top: -0.05em;
|
||||||
font-size: 1.6em;
|
|
||||||
top: -0.05em;
|
|
||||||
}
|
}
|
||||||
.icon-nav:before,
|
.icon-nav:before,
|
||||||
.icon-nav > li:before,
|
.icon-nav.after:after {
|
||||||
.icon-nav.after:after,
|
content: "\2261";
|
||||||
.icon-nav.after > li:after {
|
font-weight: bold;
|
||||||
content: "\2261";
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
.icon-losange:before,
|
.icon-losange:before,
|
||||||
.icon-losange > li:before,
|
.icon-losange.after:after {
|
||||||
.icon-losange.after:after,
|
content: "\25C6";
|
||||||
.icon-losange.after > li:after {
|
|
||||||
content: "\25C6";
|
|
||||||
}
|
}
|
||||||
.icon-asteri:before,
|
.icon-asteri:before,
|
||||||
.icon-asteri > li:before,
|
.icon-asteri.after:after {
|
||||||
.icon-asteri.after:after,
|
content: "\2731";
|
||||||
.icon-asteri.after > li:after {
|
font-weight: bold;
|
||||||
content: "\2731";
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
.icon-mail:before,
|
.icon-mail:before,
|
||||||
.icon-mail > li:before,
|
.icon-mail.after:after {
|
||||||
.icon-mail.after:after,
|
content: "\2709";
|
||||||
.icon-mail.after > li:after {
|
font-size: 1.6em;
|
||||||
content: "\2709";
|
top: -.05em;
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
@ -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/
|
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
@ -32,7 +32,7 @@ th,
|
||||||
label,
|
label,
|
||||||
textarea,
|
textarea,
|
||||||
caption,
|
caption,
|
||||||
details,
|
details,
|
||||||
figure {
|
figure {
|
||||||
font-size: 1em; /* equiv 14px */
|
font-size: 1em; /* equiv 14px */
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
@ -56,12 +56,12 @@ h3, .h3-like {
|
||||||
h4, .h4-like {
|
h4, .h4-like {
|
||||||
font-size: 1.4286em; /* equiv 20px */
|
font-size: 1.4286em; /* equiv 20px */
|
||||||
line-height: 1.05em;
|
line-height: 1.05em;
|
||||||
margin: 1.05em 0 0 0;
|
margin: 1.05em 0 0 0;
|
||||||
}
|
}
|
||||||
h5, .h5-like {
|
h5, .h5-like {
|
||||||
font-size: 1.2857em; /* equiv 18px */
|
font-size: 1.2857em; /* equiv 18px */
|
||||||
line-height: 1.1667em;
|
line-height: 1.1667em;
|
||||||
margin: 1.1667em 0 0 0;
|
margin: 1.1667em 0 0 0;
|
||||||
}
|
}
|
||||||
h6, .h6-like {
|
h6, .h6-like {
|
||||||
font-size: 1.1429em; /* equiv 16px */
|
font-size: 1.1429em; /* equiv 16px */
|
||||||
|
|
@ -477,4 +477,3 @@ textarea {
|
||||||
|
|
||||||
/* @import url(my-styles.css); */
|
/* @import url(my-styles.css); */
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,11 @@
|
||||||
display: block; /* displaying .print elements */
|
display: block; /* displaying .print elements */
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
-webkit-filter: grayscale(100%);
|
-webkit-filter: grayscale(100%);
|
||||||
-moz-filter: grayscale(100%);
|
-moz-filter: grayscale(100%);
|
||||||
-ms-filter: grayscale(100%);
|
-ms-filter: grayscale(100%);
|
||||||
-o-filter: grayscale(100%);
|
-o-filter: grayscale(100%);
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
p,
|
p,
|
||||||
blockquote {
|
blockquote {
|
||||||
|
|
|
||||||
|
|
@ -140,12 +140,6 @@
|
||||||
}
|
}
|
||||||
/* margins for small (s) screens */
|
/* margins for small (s) screens */
|
||||||
.small-ma0 { margin: 0 !important; }
|
.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) {
|
@media (max-width: 640px) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue