]>
Commit | Line | Data |
---|---|---|
c594aedf | 1 | /*** GENERAL ***/ |
1a268ba7 | 2 | body { |
1a268ba7 | 3 | font: 20px/1.3em Palatino,Georgia,serif; |
4d94769a | 4 | margin: 10px; |
7eca3552 | 5 | } |
6 | ||
1a268ba7 | 7 | |
1a268ba7 NL |
8 | header { |
9 | text-align: center; | |
10 | } | |
11 | ||
1a268ba7 NL |
12 | #main ul#links { |
13 | padding: 0; | |
14 | list-style-type: none; | |
15 | text-align: center; | |
16 | } | |
17 | ||
18 | #main ul#links li { | |
19 | display: inline; | |
4d94769a | 20 | } |
8784f095 | 21 | |
22 | #main ul#links li a.current { | |
23 | -webkit-border-radius: 2px; | |
24 | border-radius: 2px; | |
8784f095 | 25 | } |
26 | ||
9fee2e72 | 27 | #main ul#sort { |
28 | padding: 0; | |
29 | list-style-type: none; | |
30 | text-align: center; | |
31 | } | |
32 | ||
33 | #main ul#sort li { | |
34 | display: inline; | |
35 | font-size: 0.9em; | |
36 | } | |
37 | ||
38 | #main ul#sort img:hover { | |
39 | cursor: pointer; | |
40 | } | |
41 | ||
c594aedf | 42 | #main, #article { |
43 | margin: 0 auto; | |
44 | } | |
45 | ||
598d07a8 | 46 | #links a, .backhome a{ |
4d94769a | 47 | text-decoration: none; |
48 | padding: 5px 10px; | |
49 | } | |
d31edfd3 | 50 | #links a:hover, .backhome a:hover{ |
4d94769a | 51 | -webkit-border-radius: 2px; |
52 | border-radius: 2px; | |
1a268ba7 NL |
53 | } |
54 | ||
b70971e0 | 55 | footer { |
56 | text-align: right; | |
c594aedf | 57 | } |
58 | ||
e4d2565e | 59 | /*** ***/ |
60 | /*** LOGIN FORM ***/ | |
61 | ul#login li { | |
62 | list-style-type: none; | |
63 | } | |
c594aedf | 64 | /*** ***/ |
65 | /*** LINKS DISPLAY ***/ | |
66 | ||
67 | #main a.tool { | |
68 | text-decoration: none; | |
69 | cursor: pointer; | |
70 | } | |
71 | ||
cf3180f6 | 72 | input[type=submit].delete { |
cf3180f6 | 73 | width : 16px; |
74 | height :16px; | |
75 | border : none; | |
cf3180f6 | 76 | cursor: pointer; |
77 | font-size : 0; | |
78 | } | |
79 | ||
b70971e0 | 80 | #main #content { |
7eca3552 | 81 | margin-top: 20px; |
82 | } | |
83 | ||
b70971e0 | 84 | #main .entrie { |
4d94769a | 85 | padding: 15px; |
b70971e0 | 86 | min-height: 8em; |
45a04467 | 87 | border: 1px solid; |
7eca3552 | 88 | } |
a672f9f5 | 89 | |
b70971e0 | 90 | #main .entrie h2 a { |
7eca3552 | 91 | text-decoration: none; |
92 | } | |
93 | ||
cf3180f6 | 94 | .tools { |
7eca3552 | 95 | text-align: right; |
cf3180f6 | 96 | } |
97 | ||
98 | .tools ul { | |
99 | padding: 0; margin: 0; | |
100 | list-style-type: none; | |
101 | } | |
102 | ||
103 | .tools ul li { | |
104 | line-height: 20px; | |
105 | } | |
106 | ||
107 | .tools a.tool { | |
108 | cursor: pointer; | |
7eca3552 | 109 | } |
110 | ||
c8bbe19b | 111 | #article .tools { |
cf3180f6 | 112 | position: relative; |
c8bbe19b | 113 | display: inline; |
cf3180f6 | 114 | top: 0px; |
115 | right: 0px; | |
116 | width: 100%; | |
117 | text-align: left; | |
c8bbe19b | 118 | } |
119 | ||
cf3180f6 | 120 | #article.tools ul li{ |
121 | display: inline; | |
c8bbe19b | 122 | } |
123 | ||
124 | #main .entrie .tools a.tool span, #article .tools a.tool span { | |
c594aedf | 125 | display: inline-block; |
126 | width: 16px; | |
127 | height: 16px; | |
128 | } | |
129 | ||
c594aedf | 130 | |
131 | /*** ***/ | |
132 | /*** ARTICLE PAGE ***/ | |
133 | ||
134 | body.article { | |
c594aedf | 135 | font: 20px/1.3em Palatino,Georgia,serif; |
c594aedf | 136 | } |
137 | ||
138 | #article header { | |
139 | text-align: left; | |
c594aedf | 140 | } |
141 | ||
142 | #article header a { | |
1a268ba7 NL |
143 | text-decoration: none; |
144 | } | |
145 | ||
c594aedf | 146 | .vieworiginal a { |
c594aedf | 147 | text-decoration: none; |
148 | } | |
149 | ||
c8bbe19b | 150 | .backhome { |
151 | display: inline; | |
152 | } | |
153 | ||
b70971e0 | 154 | /*** ***/ |
45a04467 | 155 | |
b70971e0 | 156 | #main |
157 | { | |
158 | max-width: 60em; /* 960 px */ | |
159 | margin: 0 auto; | |
160 | } | |
45a04467 | 161 | #content |
162 | { | |
163 | width: 103.125%; /* 990px */ | |
164 | overflow: hidden; | |
165 | margin-left: -1.562%; /* 15px */ | |
166 | margin-bottom: -1.875em; /* 30px */ | |
167 | } | |
168 | ||
169 | .entrie | |
170 | { | |
171 | width: 30.303%; /* 300px */ | |
172 | background-color: #fff; | |
173 | float: left; | |
174 | margin: 0 1.515% 1.875em; /* 15px 30px */ | |
175 | } | |
b70971e0 | 176 | |
177 | @media only screen and ( max-width: 40em ) /* 640px */ | |
178 | { | |
179 | .entrie | |
180 | { | |
181 | width: 46.876%; /* 305px */ | |
182 | margin-bottom: 0.938em; /* 15px */ | |
183 | } | |
184 | } | |
45a04467 | 185 | |
186 | @media only screen and ( max-width: 20em ) /* 320px */ | |
b70971e0 | 187 | { |
188 | #content | |
189 | { | |
190 | width: 100%; | |
191 | margin-left: 0; | |
192 | } | |
45a04467 | 193 | |
194 | .entrie | |
195 | { | |
196 | width: 100%; | |
197 | margin-left: 0; | |
198 | margin-right: 0; | |
199 | } | |
200 | } | |
201 | ||
202 |