diff options
Diffstat (limited to 'public/melaine.css')
-rw-r--r-- | public/melaine.css | 161 |
1 files changed, 161 insertions, 0 deletions
diff --git a/public/melaine.css b/public/melaine.css new file mode 100644 index 0000000..97872da --- /dev/null +++ b/public/melaine.css | |||
@@ -0,0 +1,161 @@ | |||
1 | /* public/melaine.css */ | ||
2 | |||
3 | .police_titre | ||
4 | { | ||
5 | color: #e9d4be; | ||
6 | } | ||
7 | |||
8 | td | ||
9 | { | ||
10 | vertical-align: top; | ||
11 | } | ||
12 | |||
13 | pre | ||
14 | { | ||
15 | font-family: 'Arial', 'sans'; | ||
16 | white-space: pre-wrap; | ||
17 | } | ||
18 | |||
19 | figure | ||
20 | { | ||
21 | margin: 5px; | ||
22 | } | ||
23 | .boutonArticle | ||
24 | { | ||
25 | padding-bottom: 20px; | ||
26 | border-bottom: 1px black solid; | ||
27 | } | ||
28 | .boutonArticle a | ||
29 | { | ||
30 | padding: 2px; | ||
31 | border: 4px black groove; | ||
32 | } | ||
33 | |||
34 | @media screen and (min-width: 700px) | ||
35 | { | ||
36 | #titre | ||
37 | { | ||
38 | width: 630px; | ||
39 | height: 171px; | ||
40 | background-image: url("mouette.png"); | ||
41 | } | ||
42 | |||
43 | #photo | ||
44 | { | ||
45 | width: 630px; | ||
46 | height: 230px; | ||
47 | background-image: url("melaine/photo.png"); | ||
48 | position: relative; | ||
49 | bottom: 30px; | ||
50 | } | ||
51 | |||
52 | img | ||
53 | { | ||
54 | max-width: 630px; | ||
55 | } | ||
56 | } | ||
57 | |||
58 | @media screen and (max-width: 699px) | ||
59 | { | ||
60 | #titre | ||
61 | { | ||
62 | width: 480px; | ||
63 | height: 131px; | ||
64 | background-image: url("mouette_petit.png"); | ||
65 | margin: auto; | ||
66 | } | ||
67 | |||
68 | #photo | ||
69 | { | ||
70 | width: 480px; | ||
71 | height: 191px; | ||
72 | background-image: url("melaine/photo_petit.png"); | ||
73 | margin: auto; | ||
74 | position: relative; | ||
75 | bottom: 24px; | ||
76 | } | ||
77 | |||
78 | img | ||
79 | { | ||
80 | max-width: 480px; | ||
81 | } | ||
82 | } | ||
83 | |||
84 | @media screen and (max-width: 479px) | ||
85 | { | ||
86 | #titre | ||
87 | { | ||
88 | width: 320px; | ||
89 | height: 88px; | ||
90 | background-image: url("mouette_mini.png"); | ||
91 | margin: auto; | ||
92 | } | ||
93 | |||
94 | #photo | ||
95 | { | ||
96 | width: 320px; | ||
97 | height: 127px; | ||
98 | background-image: url("melaine/photo_mini.png"); | ||
99 | margin: auto; | ||
100 | position: relative; | ||
101 | bottom: 17px; | ||
102 | } | ||
103 | |||
104 | img | ||
105 | { | ||
106 | max-width: 320px; | ||
107 | } | ||
108 | } | ||
109 | |||
110 | |||
111 | /* CONTENU */ | ||
112 | |||
113 | /*.article1_elem1 | ||
114 | { | ||
115 | color: #2e5487; | ||
116 | font-size: 150%; | ||
117 | } | ||
118 | |||
119 | .article1_elem2 | ||
120 | { | ||
121 | color: #006ffd; | ||
122 | font-size: 90%; | ||
123 | font-weight: bold; | ||
124 | } | ||
125 | |||
126 | .article7_elem1 | ||
127 | { | ||
128 | color: #141aff; | ||
129 | } | ||
130 | |||
131 | .article8_elem1 | ||
132 | { | ||
133 | color: #141aff; | ||
134 | } | ||
135 | |||
136 | .article9_elem1 | ||
137 | { | ||
138 | color: #2a5971; | ||
139 | } | ||
140 | |||
141 | .article10_elem1 | ||
142 | { | ||
143 | color: #ad8b15; | ||
144 | } | ||
145 | |||
146 | .article10_elem2 | ||
147 | { | ||
148 | color: #ad240a; | ||
149 | } | ||
150 | |||
151 | .article11_elem1 | ||
152 | { | ||
153 | color: #ad8b15; | ||
154 | } | ||
155 | |||
156 | .article12_elem1 | ||
157 | { | ||
158 | color: #2878aa; | ||
159 | font-size: 125%; | ||
160 | font-weight: normal; | ||
161 | }*/ \ No newline at end of file | ||