]>
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;
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);
99 background-color: #ffffff;
106 text-decoration: none
;
109 #main .entrie h2
a:hover
{
118 padding: 0; margin: 0;
119 list-style-type: none
;
139 #article.tools ul li
{
143 #main .entrie
.tools a
.tool span
, #article
.tools a
.tool span
{
144 display: inline-block
;
150 background: url
('../img/star-on.png') no-repeat
;
154 background: url
('../img/star-off.png') no-repeat
;
158 background: url
('../img/star-off.png') no-repeat
;
161 a
.fav-off
span:hover
{
162 background: url
('../img/star-on.png') no-repeat
;
166 background: url
('../img/checkmark-on.png') no-repeat
;
169 a
.archive
span:hover
{
170 background: url
('../img/checkmark-off.png') no-repeat
;
174 background: url
('../img/checkmark-off.png') no-repeat
;
177 a
.archive-off
span:hover
{
178 background: url
('../img/checkmark-on.png') no-repeat
;
182 /*** ARTICLE PAGE ***/
186 font: 20px/1.3em Palatino
,Georgia
,serif
;
187 background-color: #F1F1F1;
192 border-bottom: 1px solid
#222222;
196 text-decoration: none
;
200 border-bottom: 1px solid
#222222;
205 text-decoration: none
;
216 max-width: 60em; /* 960 px */
221 width: 103.125%; /* 990px */
223 margin-left: -1.562%; /* 15px */
224 margin-bottom: -1.875em; /* 30px */
229 width: 30.303%; /* 300px */
230 background-color: #fff;
232 margin: 0 1.515% 1.875em; /* 15px 30px */
235 @media only screen and
( max-width: 40em ) /* 640px */
239 width: 46.876%; /* 305px */
240 margin-bottom: 0.938em; /* 15px */
244 @media only screen and
( max-width: 20em ) /* 320px */