-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle-base.css
91 lines (71 loc) · 3.44 KB
/
style-base.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:700');
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* Box Sizing */
/*
Voir le très bon article:
https://css-tricks.com/box-sizing/
*/
html,
input[type="search"]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
/* Base */
html {
font-size: 62.5%; /* base de 10px */
}
body {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-size: 1.6rem;
background-color: #ccc;
margin: 0;
}
h1, h2, h3, h4, h5 {
font-family: 'Roboto Slab', serif;
}
/* Mise en page */
.enveloppe {
max-width: 900px;
background-color: #f0f0f0;
margin: 30px auto;
padding-bottom: 33px;
}
.grille {
max-width: 95%;
margin: 0 auto;
background-color: white;
border: 1px solid #d9d9d9;
margin-bottom: 30px;
overflow: auto;
}
.boite {
text-align: center;
background-color: beige;
/* difficile de caler avec bordure */
/* border: 1px solid #b69878; */
padding: .2rem 3%;
margin-bottom: 10px;
}
.boite:last-child {
margin-bottom: 0;
}
/* Entete */
.entete {
text-align: center;
}
.entete h1 {
margin: 0 0 5px 0;
padding-top: 15px;
}
.entete p {
margin-top: 0;
}