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