]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - css/style.css
5c1ddebd70ff15faca5febbf6c2e8f2db776237e
4 font: 20px/1.3em Palatino
,Georgia
,serif
;
5 background-color: #F1F1F1;
10 a
, a:hover
, a:visited
{
20 list-style-type: none
;
28 #main ul#links li a
.current
{
29 -webkit-border-radius: 2px;
31 background-color: #040707;
37 list-style-type: none
;
46 #main ul#sort
img:hover
{
54 #links a
, .backhome a
{
55 text-decoration: none
;
58 #links a:hover
, .backhome
a:hover
{
59 -webkit-border-radius: 2px;
61 background-color: #040707;
76 /*** LINKS DISPLAY ***/
79 text-decoration: none
;
83 input
[type
=submit
].delete
{
84 background : url
('../img/remove.png') no-repeat center center
;
98 color: rgb
(46, 46, 46);
100 background-color: #ffffff;
103 -webkit-border-radius: 2px;
105 -webkit-box-shadow: 0px 0px 6px -1px #000;
106 box-shadow: 0px 0px 6px -1px #000;
114 text-decoration: none
;
117 #main .entrie h2
a:hover
{
130 padding: 0; margin: 0;
131 list-style-type: none
;
151 #article.tools ul li
{
155 #main .entrie
.tools a
.tool span
, #article
.tools a
.tool span
{
156 display: inline-block
;
162 background: url
('../img/star-on.png') no-repeat
;
166 background: url
('../img/star-off.png') no-repeat
;
170 background: url
('../img/star-off.png') no-repeat
;
173 a
.fav-off
span:hover
{
174 background: url
('../img/star-on.png') no-repeat
;
178 background: url
('../img/checkmark-on.png') no-repeat
;
181 a
.archive
span:hover
{
182 background: url
('../img/checkmark-off.png') no-repeat
;
186 background: url
('../img/checkmark-off.png') no-repeat
;
189 a
.archive-off
span:hover
{
190 background: url
('../img/checkmark-on.png') no-repeat
;
194 /*** ARTICLE PAGE ***/
198 font: 20px/1.3em Palatino
,Georgia
,serif
;
199 background-color: #F1F1F1;
204 border-bottom: 1px solid
#222222;
208 text-decoration: none
;
212 border-bottom: 1px solid
#222222;
217 text-decoration: none
;
227 max-width: 60em; /* 960 px */
232 width: 103.125%; /* 990px */
234 margin-left: -1.562%; /* 15px */
235 margin-bottom: -1.875em; /* 30px */
239 width: 30.303%; /* 300px */
241 margin: 0 1.515% 1.875em; /* 15px 30px */
244 @media only screen and
( max-width: 40em ) /* 640px */
248 width: 46.876%; /* 305px */
249 margin-bottom: 0.938em; /* 15px */
252 @media only screen and
( max-width: 20em ) /* 640px */