aboutsummaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
authornicosomb <nicolas@loeuillet.org>2013-04-09 15:18:39 +0200
committernicosomb <nicolas@loeuillet.org>2013-04-09 15:18:39 +0200
commitc594aedf8c37e275ded35e4dcf499fc11974c9db (patch)
tree4247d77fbf85d318324ec982a0e1d0edc9074a6f /css
parente46efced1b2c19ca0f628207b70b28a30fcbc288 (diff)
downloadwallabag-c594aedf8c37e275ded35e4dcf499fc11974c9db.tar.gz
wallabag-c594aedf8c37e275ded35e4dcf499fc11974c9db.tar.zst
wallabag-c594aedf8c37e275ded35e4dcf499fc11974c9db.zip
modif css
Diffstat (limited to 'css')
-rw-r--r--css/style.css142
1 files changed, 111 insertions, 31 deletions
diff --git a/css/style.css b/css/style.css
index 812ccca7..41ea0d00 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,4 @@
1/*** GENERAL ***/
1body { 2body {
2 color: #222222; 3 color: #222222;
3 font: 20px/1.3em Palatino,Georgia,serif; 4 font: 20px/1.3em Palatino,Georgia,serif;
@@ -5,41 +6,15 @@ body {
5 margin: 10px; 6 margin: 10px;
6} 7}
7 8
8body.article {
9 color: #222222;
10 font: 20px/1.3em Palatino,Georgia,serif;
11 background-color: #F1F1F1;
12}
13 9
14a, a:hover, a:visited { 10a, a:hover, a:visited {
15 color: #000; 11 color: #000;
16} 12}
13
17header { 14header {
18 text-align: center; 15 text-align: center;
19} 16}
20 17
21#article header {
22 text-align: left;
23 border-bottom: 1px solid #222222;
24}
25
26#article header a {
27 text-decoration: none;
28}
29
30#article article {
31 border-bottom: 1px solid #222222;
32}
33
34.vieworiginal a {
35 color: #888888;
36 text-decoration: none;
37}
38
39#main, #article {
40 margin: 0 auto;
41}
42
43#main ul#links { 18#main ul#links {
44 padding: 0; 19 padding: 0;
45 list-style-type: none; 20 list-style-type: none;
@@ -57,6 +32,10 @@ header {
57 color: #F1F1F1; 32 color: #F1F1F1;
58} 33}
59 34
35#main, #article {
36 margin: 0 auto;
37}
38
60#links a, .backhome a{ 39#links a, .backhome a{
61 text-decoration: none; 40 text-decoration: none;
62 padding: 5px 10px; 41 padding: 5px 10px;
@@ -68,6 +47,59 @@ header {
68 color: #F1F1F1; 47 color: #F1F1F1;
69} 48}
70 49
50footer {
51 text-align: right;
52}
53
54/*** ***/
55/*** GRID DISPLAY ***/
56
57#content {
58 width: 800px;
59 margin: 0 auto;
60}
61
62#entries {
63 -moz-column-count: 3;
64 -moz-column-gap: 20px;
65 -webkit-column-count: 3;
66 -webkit-column-gap: 20px;
67 column-count: 3;
68 column-gap: 20px;
69 width: 800px;
70}
71
72#entries span.content {
73 display: inline-block;
74 margin-bottom: 0px;
75 width: 100%;
76}
77
78@media only screen and (max-width : 599px),
79only screen and (max-device-width : 599px){
80 #entries {
81 -moz-column-count: 2;
82 -moz-column-gap: 10px;
83 -webkit-column-count: 2;
84 -webkit-column-gap: 10px;
85 column-count: 2;
86 column-gap: 10px;
87 width: 400px;
88 }
89
90 #content {
91 width: 400px;
92 }
93}
94
95/*** ***/
96/*** LINKS DISPLAY ***/
97
98#main a.tool {
99 text-decoration: none;
100 cursor: pointer;
101}
102
71#main #entries { 103#main #entries {
72 margin-top: 20px; 104 margin-top: 20px;
73} 105}
@@ -82,6 +114,7 @@ header {
82 border-radius: 2px; 114 border-radius: 2px;
83 -webkit-box-shadow: 0px 0px 2px -1px #000; 115 -webkit-box-shadow: 0px 0px 2px -1px #000;
84 box-shadow: 0px 0px 2px -1px #000; 116 box-shadow: 0px 0px 2px -1px #000;
117 list-style-type: none;
85} 118}
86 119
87#main #entries .entrie h2 a { 120#main #entries .entrie h2 a {
@@ -100,10 +133,57 @@ header {
100 margin-left: -20px; 133 margin-left: -20px;
101} 134}
102 135
103#main a.tool { 136#main #entries .entrie .tools a.tool span {
137 display: inline-block;
138 width: 16px;
139 height: 16px;
140}
141
142a.fav span {
143 background: url('../img/fav-on.png') no-repeat;
144}
145
146a.fav-off span {
147 background: url('../img/fav-off.png') no-repeat;
148}
149
150a.archive span {
151 background: url('../img/archive-on.png') no-repeat;
152}
153
154a.archive-off span {
155 background: url('../img/archive-off.png') no-repeat;
156}
157
158a.delete span {
159 background: url('../img/delete.png') no-repeat;
160}
161
162/*** ***/
163/*** ARTICLE PAGE ***/
164
165body.article {
166 color: #222222;
167 font: 20px/1.3em Palatino,Georgia,serif;
168 background-color: #F1F1F1;
169}
170
171#article header {
172 text-align: left;
173 border-bottom: 1px solid #222222;
174}
175
176#article header a {
104 text-decoration: none; 177 text-decoration: none;
105} 178}
106 179
107footer { 180#article article {
108 text-align: right; 181 border-bottom: 1px solid #222222;
109} \ No newline at end of file 182}
183
184.vieworiginal a {
185 color: #888888;
186 text-decoration: none;
187}
188
189/*** ***/ \ No newline at end of file