From 31e9c6b0c5dd3945db4d7a2e1a821fc7706c5d8e Mon Sep 17 00:00:00 2001 From: raphaelgoetter Date: Sun, 28 Apr 2013 16:04:54 +0200 Subject: [PATCH] modification du picto icon .nav --- css/icons.css | 3 +- css/knacss - Copie.css | 562 +++++++++++++++++++++++++++++++++++++++++ css/knacss.css | 2 +- 3 files changed, 564 insertions(+), 3 deletions(-) create mode 100644 css/knacss - Copie.css diff --git a/css/icons.css b/css/icons.css index f040e91..aadfb4f 100644 --- a/css/icons.css +++ b/css/icons.css @@ -162,9 +162,8 @@ ul.icon.after:after {content:""} .icon-nav > li:before, .icon-nav.after:after, .icon-nav.after > li:after { - content: "\2261"; + content: "\2630"; font-weight: bold; - font-size: 1.6em; } .icon-losange:before, .icon-losange > li:before, diff --git a/css/knacss - Copie.css b/css/knacss - Copie.css new file mode 100644 index 0000000..d11f1f0 --- /dev/null +++ b/css/knacss - Copie.css @@ -0,0 +1,562 @@ +/* +* www.KNACSS.com V3 @author: Raphael Goetter, Alsacreations +* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ +*/ + +/* ----------------------------- */ +/* ==reset */ +/* ----------------------------- */ + +/* base font-size corresponds to 10px and is adapted to rem unit */ +html { + font-size: 62.5%; +} +body { + background-color: #fff; + color: #000; + font-family: "Century Gothic", helvetica, arial, sans-serif; + font-size: 1.0em; /* equiv 10px */ + line-height: 1.5; /* adapt to your design */ +} + +/* font-sizing for content */ +/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */ +p, +ul, +ol, +dl, +blockquote, +pre, +td, +th, +label, +textarea, +caption, +details, +figure { + line-height: 1.5; + margin: .75em 0 0; +} +p, +li, +dd, +pre, +td, +th, +input, +label, +textarea, +caption, +figcaption, +details { + font-size: 1.4em; /* equiv 14px */ +} +li li, +li p, +td p, +td li, +th p, +th li, +dd p, +blockquote p, +p label, +p input { + font-size: 1em; /* equiv 14px for nested elements */ +} +h1, .h1-like { + font-size: 2.6em; /* equiv 26px */ + font-weight: normal; + line-height: 1.6154; + margin: .8077em 0 0 0; +} +h2, .h2-like { + font-size: 2.4em; /* equiv 24px */ + font-weight: normal; + line-height: 1.75; + margin: .875em 0 0 0; +} +h3, .h3-like { + font-size: 2.2em; /* equiv 22px */ + font-weight: normal; + line-height: 1.909; + margin: .9545em 0 0 0; +} +h4, .h4-like { + font-size: 2.0em; /* equiv 20px */ + font-weight: normal; + line-height: 1.05; + margin: 1.05em 0 0 0; +} +h5, .h5-like { + font-size: 1.8em; /* equiv 18px */ + font-weight: normal; + line-height: 1.1667; + margin: 1.1667em 0 0 0; +} +h6, .h6-like { + font-size: 1.6em; /* equiv 16px */ + font-weight: normal; + line-height: 1.3125; + margin: 1.3125em 0 0 0; +} + +/* alternate font-sizing */ +.smaller { + font-size: .7143em; /* equiv 10px */ +} +.small { + font-size: .8571em; /* equiv 12px */ +} +.big { + font-size: 1.1429em; /* equiv 16px */ +} +.bigger { + font-size: 1.2857em; /* equiv 18px */ +} +.biggest { + font-size: 1.4286em; /* equiv 20px */ +} + +/* soft reset */ +html, +body, +textarea, +figure, +label { + margin: 0; + padding: 0; +} +ul, +ol { + padding-left: 2em; +} +ul.unstyled { + list-style: none; +} +code, +pre, +samp, +kbd { + white-space: pre-wrap; + font-family: consolas, 'DejaVu Sans Mono', courier, monospace; + line-height: 1em; +} +code, kbd, mark { + border-radius: 2px; +} +em { + font-style: italic; +} +strong { + font-weight: bold; +} +kbd { + padding: 0 2px; + border: 1px solid #999; +} +code { + padding: 2px 4px; + background: rgba(0,0,0,.04); + color: #b11; +} +mark { + padding:2px 4px; + background: #ff0; +} + +table { margin-bottom: 1.5em; } + +/* avoid top margins on first content element */ +p:first-child, +ul:first-child, +ol:first-child, +dl:first-child, +blockquote:first-child, +pre:first-child, +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child { + margin-top: 0; +} + +/* avoid margins on nested elements */ +li p, +li ul, +li ol { + margin-top: 0; + margin-bottom: 0; +} + +/* max values */ +img, table, td, blockquote, code, pre, textarea, input, video { + max-width: 100%; +} + +/* you shall not pass */ +div, textarea, table, td, th, code, pre, samp { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + -o-hyphens: auto; + hyphens: auto; +} + +/* pictures */ +img { + height: auto; + vertical-align: middle; +} +/* Gmap3 max-width bug fix on images */ +#map_canvas img, +.gmnoprint img {max-width: none;} + +a img { border: 0; } + +/* scripts */ +body > script {display: none !important;} + +/* skip-links */ +.skip-links { + position: absolute; +} +.skip-links a { + position: absolute; + left: -7000px; + padding: 0.5em; + background: #000; + color:#fff; + text-decoration: none; +} +.skip-links a:focus { + position: static; +} + +/* ----------------------------- */ +/* ==layout and modules */ +/* ----------------------------- */ + +/* switching box model for all elements */ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* float layout */ +/* module, contains floats (.item is the same) */ +.mod, .item { + overflow: hidden; +} + +/* blocks that needs to be placed under floats */ +.clear, +.line, +.row { + clear: both; +} + +/* blocks that must contain floats */ +.clearfix:after, +.line:after, +.mod:after { + content: ""; + display: table; + clear: both; +} + +/* table layout */ +.row { + display: table; + table-layout: fixed; + width: 100%; +} +.row > *, +.col { + display: table-cell; + vertical-align: top; +} + +/* inline-block */ +.inbl { + display: inline-block; + vertical-align: top; + margin-right: -.25em; +} + +/* flexbox layout */ +.flex { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} +.flex-h { + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.flex-v { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.flex-fluid { + -moz-box-flex: 1; + -webkit-flex: 1; + -moz-flex: 1; + -ms-flex: 1; + flex: 1; +} +.flex-start { + -webkit-box-ordinal-group: -1; + -moz-box-ordinal-group: 0; + -ms-flex-order: -1; + -webkit-order: -1; + -moz-order: -1; + order: -1; +} +.flex-mid { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + -moz-order: 1; + order: 1; +} +.flex-end { + -webkit-box-ordinal-group: 42; + -moz-box-ordinal-group: 42; + -ms-flex-order: 42; + -webkit-order: 42; + -moz-order: 42; + order: 42; +} + +/* alignments (blocks and inline) */ +/* ------------------------------ */ + +/* left elements */ +.left { + float: left; +} +img.left { + margin-right: 1em; +} + +/* right elements */ +.right { + float: right; +} +img.right { + margin-left: 1em; +} + +img.left, img.right { + margin-bottom: 5px; +} + +.center { margin-left: auto; margin-right: auto; } +.txtleft { text-align: left; } +.txtright { text-align: right; } +.txtcenter { text-align: center; } + +/* blocks widths (percentages and pixels) */ +.w10 { width: 10%; } +.w20 { width: 20%; } +.w25 { width: 25%; } +.w30 { width: 30%; } +.w33 { width: 33.333%; } +.w40 { width: 40%; } +.w50 { width: 50%; } +.w60 { width: 60%; } +.w66 { width: 66.666%; } +.w70 { width: 70%; } +.w75 { width: 75%; } +.w80 { width: 80%; } +.w90 { width: 90%; } +.w100 { width: 100%; } + +.w50p { width: 50px; } +.w100p { width: 100px; } +.w150p { width: 150px; } +.w200p { width: 200px; } +.w300p { width: 300px; } +.w400p { width: 400px; } +.w500p { width: 500px; } +.w600p { width: 600px; } +.w700p { width: 700px; } +.w800p { width: 800px; } +.w960p { width: 960px; } +.mw960p { max-width: 960px; } + +/* spacing helpers +p,m = padding,margin +a,t,r,b,l = all,top,right,bottom,left +s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0) +source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css +*/ +.m-reset, .ma0 { margin: 0 !important; } +.p-reset, .pa0 { padding: 0 !important; } +.ma1, .mas { margin: 10px !important; } +.ma2, .mam { margin: 20px !important; } +.ma3, .mal { margin: 30px !important; } +.pa1, .pas { padding: 10px; } +.pa2, .pam { padding: 20px; } +.pa3, .pal { padding: 30px; } + +.mt0, .mtn { margin-top: 0 !important; } +.mt1, .mts { margin-top: 10px !important; } +.mt2, .mtm { margin-top: 20px !important; } +.mt3, .mtl { margin-top: 30px !important; } +.mr0, .mrn { margin-right: 0; } +.mr1, .mrs { margin-right: 10px; } +.mr2, .mrm { margin-right: 20px; } +.mr3, .mrl { margin-right: 30px; } +.mb0, .mbn { margin-bottom: 0 !important; } +.mb1, .mbs { margin-bottom: 10px !important; } +.mb2, .mbm { margin-bottom: 20px !important; } +.mb3, .mbl { margin-bottom: 30px !important; } +.ml0, .mln { margin-left: 0; } +.ml1, .mls { margin-left: 10px; } +.ml2, .mlm { margin-left: 20px; } +.ml3, .mll { margin-left: 30px; } + +.pt0, .ptn { padding-top: 0; } +.pt1, .pts { padding-top: 10px; } +.pt2, .ptm { padding-top: 20px; } +.pt3, .ptl { padding-top: 30px; } +.pr0, .prn { padding-right: 0; } +.pr1, .prs { padding-right: 10px; } +.pr2, .prm { padding-right: 20px; } +.pr3, .prl { padding-right: 30px; } +.pb0, .pbn { padding-bottom: 0; } +.pb1, .pbs { padding-bottom: 10px; } +.pb2, .pbm { padding-bottom: 20px; } +.pb3, .pbl { padding-bottom: 30px; } +.pl0, .pln { padding-left: 0; } +.pl1, .pls { padding-left: 10px; } +.pl2, .plm { padding-left: 20px; } +.pl3, .pll { padding-left: 30px; } + +/* hiding content */ +.visually-hidden { + position: absolute; + left: -7000px; + overflow: hidden; +} +[dir=rtl] .visually-hidden { + left: auto; + right: -7000px; +} + +.desktop-hidden { display: none; } /* hidden on desktop */ + +/* ----------------------------- */ +/* ==header */ +/* ----------------------------- */ + +/* ----------------------------- */ +/* ==sidebar */ +/* ----------------------------- */ + +/* ----------------------------- */ +/* ==footer */ +/* ----------------------------- */ + +/* ----------------------------- */ +/* ==forms */ +/* ----------------------------- */ +form, +fieldset { + border: none; +} +input, +button, +select, +label, +.btn { + vertical-align: middle; /* @bugfix alignment */ + font-family: inherit; +} +textarea { + resize: vertical; + font-family: inherit; +} + +/* ----------------------------- */ +/* ==main */ +/* ----------------------------- */ + +/* ----------------------------- */ +/* ==iefix */ +/* ----------------------------- */ + +/* hasLayout for IE6/IE7 */ +.ie67 .clearfix, +.ie67 .line, +.ie67 .mod, +.ie67 .row, +.ie67 .col { + zoom: 1; +} + +/* inline-block and table-cell for IE6/IE7 */ +/* warning: .col needs a width on IE6/IE7 */ +.ie67 .btn, +.ie67 .col, +.ie67 .inbl { + display: inline; + zoom: 1; +} +.ie8 img { + width: auto; /* @bugfix for IE8 */ +} + +/* Active box-sizing for IE6/IE7 */ +/* @source https://github.com/Schepp/box-sizing-polyfill */ +/* +.ie67 * { + behavior: url(/js/boxsizing.htc); +} +*/ + +/* ----------------------------- */ +/* ==print */ +/* ----------------------------- */ + +/* quick print reset */ +@media print { + p, + blockquote { + orphans: 2; + widows: 2; + } + blockquote, + ul, + ol { + page-break-inside: avoid; + } + h1, + h2, + h3, + caption { + page-break-after: avoid; + } +} + +/* orientation iOS font-size fix */ +@media (orientation: landscape) and (max-device-width: 768px) { + html, + body { + -webkit-text-size-adjust: 100%; + } +} \ No newline at end of file diff --git a/css/knacss.css b/css/knacss.css index f9b4b11..9a77b74 100644 --- a/css/knacss.css +++ b/css/knacss.css @@ -534,4 +534,4 @@ textarea { body { -webkit-text-size-adjust: 100%; } -} +} \ No newline at end of file