|
@@ -1,277 +0,0 @@
|
|
|
-/*
|
|
|
- Ratatouille mini Framework css by Thomas LEBEAU
|
|
|
- Base on KNACSS => www.KNACSS.com (2013-10) @author: Raphael Goetter, Alsacreations
|
|
|
- and normalize.css
|
|
|
-*/
|
|
|
-
|
|
|
-/* ==========================================================================
|
|
|
- Sommaire
|
|
|
-
|
|
|
- 1 = Mise en Forme
|
|
|
- 2 = Mise en Page
|
|
|
- 3 = Internet Explorer
|
|
|
- 4 = Responsives elements
|
|
|
- ========================================================================== */
|
|
|
-
|
|
|
-/* ==========================================================================
|
|
|
- 1 = Mise en forme
|
|
|
- ========================================================================== */
|
|
|
-
|
|
|
-* {
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- -moz-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-html {
|
|
|
- font-family: sans-serif; /* 1 */
|
|
|
- -ms-text-size-adjust: 100%; /* 2 */
|
|
|
- -webkit-text-size-adjust: 100%; /* 2 */
|
|
|
-}
|
|
|
-
|
|
|
-body {
|
|
|
- font-size: 1em;
|
|
|
- line-height:1.5;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-h1:first-child,
|
|
|
-h2:first-child,
|
|
|
-h3:first-child,
|
|
|
-h4:first-child,
|
|
|
-h5:first-child,
|
|
|
-h6:first-child,
|
|
|
-p:first-child,
|
|
|
-ul:first-child,
|
|
|
-ol:first-child,
|
|
|
-dl:first-child{
|
|
|
- margin-top: 0;
|
|
|
-}
|
|
|
-
|
|
|
-code,
|
|
|
-kbd,
|
|
|
-pre,
|
|
|
-samp {
|
|
|
- font-family: monospace, serif;
|
|
|
-}
|
|
|
-
|
|
|
-pre {
|
|
|
- white-space: pre-wrap;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.upper {
|
|
|
- text-transform: uppercase;
|
|
|
-}
|
|
|
-
|
|
|
-.bold {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.inner {
|
|
|
- margin: 0 auto;
|
|
|
- max-width: 61.25em;/*980px*/
|
|
|
-}
|
|
|
-
|
|
|
-table, img {
|
|
|
- max-width: 100%;
|
|
|
- height :auto;
|
|
|
-}
|
|
|
-
|
|
|
-iframe {
|
|
|
- max-width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.fl {
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-.fr {
|
|
|
- float: right;
|
|
|
-}
|
|
|
-
|
|
|
-table {
|
|
|
- border-collapse: collapse;
|
|
|
-}
|
|
|
-
|
|
|
-figure {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-button,
|
|
|
-input,
|
|
|
-select,
|
|
|
-textarea {
|
|
|
- font-family: inherit;
|
|
|
- font-size: 100%;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-input[type="search"] {
|
|
|
- -webkit-appearance: textfield;
|
|
|
-}
|
|
|
-
|
|
|
-input::-moz-focus-inner {
|
|
|
- border: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio:0){
|
|
|
- select{
|
|
|
- -webkit-appearance: none;
|
|
|
- border-radius: 0;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/* ==========================================================================
|
|
|
- 2 = Mise en page
|
|
|
- ========================================================================== */
|
|
|
-
|
|
|
-.ul-reset {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
- .ul-reset li {
|
|
|
- list-style: none;
|
|
|
- }
|
|
|
-
|
|
|
-.dib {
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-
|
|
|
-.dblock { display: block; }
|
|
|
-
|
|
|
-.dnone { display: none; }
|
|
|
-
|
|
|
-.dtable { display:table }
|
|
|
-
|
|
|
- .dtable > * { display:table-row; }
|
|
|
-
|
|
|
- .dtable > * > * { display:table-cell; }
|
|
|
-
|
|
|
-.element-invisible {
|
|
|
- border: 0;
|
|
|
- clip: rect(0 0 0 0);
|
|
|
- height: 1px;
|
|
|
- margin: -1px;
|
|
|
- overflow: hidden;
|
|
|
- padding: 0;
|
|
|
- position: absolute;
|
|
|
- width: 1px;
|
|
|
-}
|
|
|
-
|
|
|
-.x-text-small { font-size:x-small; }
|
|
|
-
|
|
|
-.text-small { font-size:small; }
|
|
|
-
|
|
|
-.text-large { font-size:large; }
|
|
|
-
|
|
|
-.x-text-large { font-size:x-large; }
|
|
|
-
|
|
|
-h1,
|
|
|
-.h1 {
|
|
|
- font-size: 2.5em;
|
|
|
-}
|
|
|
-
|
|
|
-h2,
|
|
|
-.h2 {
|
|
|
- font-size: 1.8em;
|
|
|
-}
|
|
|
-
|
|
|
-h3,
|
|
|
-.h3 {
|
|
|
- font-size: 1.4em;
|
|
|
-}
|
|
|
-
|
|
|
-h4,
|
|
|
-.h4 {
|
|
|
- font-size: 1.2em;
|
|
|
-}
|
|
|
-
|
|
|
-h5,
|
|
|
-.h5 {
|
|
|
- font-size: 1em;
|
|
|
-}
|
|
|
-
|
|
|
-h6,
|
|
|
-.h6 {
|
|
|
- font-size: 0.8em;
|
|
|
-}
|
|
|
-
|
|
|
-/*Table*/
|
|
|
-
|
|
|
-table {
|
|
|
- color: #999;
|
|
|
- min-width: 100%;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-table thead {
|
|
|
- background: #CCC;
|
|
|
-}
|
|
|
-
|
|
|
-table td, table th {
|
|
|
- padding: 0.5em;
|
|
|
- color: #333;
|
|
|
- border-color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-.box {
|
|
|
- padding: 1.5em;
|
|
|
-}
|
|
|
-
|
|
|
-code {
|
|
|
- background: #EEE;
|
|
|
- color: #666;
|
|
|
- padding: 0.4em;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* ==========================================================================
|
|
|
- 3 = Internet Explorer
|
|
|
- ========================================================================== */
|
|
|
-
|
|
|
-/*IE8 and IE9*/
|
|
|
-
|
|
|
-article,
|
|
|
-aside,
|
|
|
-details,
|
|
|
-figcaption,
|
|
|
-figure,
|
|
|
-footer,
|
|
|
-header,
|
|
|
-hgroup,
|
|
|
-main,
|
|
|
-nav,
|
|
|
-section,
|
|
|
-summary {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-/*IE8 and IE9*/
|
|
|
-
|
|
|
-audio,
|
|
|
-canvas,
|
|
|
-video {
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-
|
|
|
-img {
|
|
|
- border: 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* ==========================================================================
|
|
|
- 4 = Responsives Elements
|
|
|
- ========================================================================== */
|
|
|
-
|
|
|
-@media screen and (max-width: 61.25em) {
|
|
|
- .responsiveTable {
|
|
|
- overflow-x: scroll;
|
|
|
- -webkit-overflow-scrolling: touch;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-*[data-width] {
|
|
|
- width: attr(data-width);
|
|
|
-}
|