]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - css/style.css
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;
72 list-style-type: none
;
75 /*** LINKS DISPLAY ***/
78 text-decoration: none
;
82 input
[type
=submit
].delete
{
83 background : url
('../img/remove.png') no-repeat center center
;
97 color: rgb
(46, 46, 46);
98 background-color: #ffffff;
105 text-decoration: none
;
108 #main .entrie h2
a:hover
{
117 padding: 0; margin: 0;
118 list-style-type: none
;
138 #article.tools ul li
{
142 #main .entrie
.tools a
.tool span
, #article
.tools a
.tool span
{
143 display: inline-block
;
149 background: url
('../img/star-on.png') no-repeat
;
153 background: url
('../img/star-off.png') no-repeat
;
157 background: url
('../img/star-off.png') no-repeat
;
160 a
.fav-off
span:hover
{
161 background: url
('../img/star-on.png') no-repeat
;
165 background: url
('../img/checkmark-on.png') no-repeat
;
168 a
.archive
span:hover
{
169 background: url
('../img/checkmark-off.png') no-repeat
;
173 background: url
('../img/checkmark-off.png') no-repeat
;
176 a
.archive-off
span:hover
{
177 background: url
('../img/checkmark-on.png') no-repeat
;
181 /*** ARTICLE PAGE ***/
185 font: 20px/1.3em Palatino
,Georgia
,serif
;
186 background-color: #F1F1F1;
191 border-bottom: 1px solid
#222222;
195 text-decoration: none
;
199 border-bottom: 1px solid
#222222;
204 text-decoration: none
;
215 max-width: 60em; /* 960 px */
220 width: 103.125%; /* 990px */
222 margin-left: -1.562%; /* 15px */
223 margin-bottom: -1.875em; /* 30px */
228 width: 30.303%; /* 300px */
229 background-color: #fff;
231 margin: 0 1.515% 1.875em; /* 15px 30px */
234 @media only screen and
( max-width: 40em ) /* 640px */
238 width: 46.876%; /* 305px */
239 margin-bottom: 0.938em; /* 15px */
243 @media only screen and
( max-width: 20em ) /* 320px */