aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc/shaarli.css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2014-12-12 17:01:02 +0100
committerArthurHoaro <arthur@hoa.ro>2015-01-08 10:15:05 +0100
commit8079dfd1cdec41a0bb3ee7ec2b974e8e64376d83 (patch)
tree124a22ed9b66193d2d42df8a5693878046848da5 /inc/shaarli.css
parent002f9625ec7d0f7673da1e7098fdea76487d0538 (diff)
downloadShaarli-8079dfd1cdec41a0bb3ee7ec2b974e8e64376d83.tar.gz
Shaarli-8079dfd1cdec41a0bb3ee7ec2b974e8e64376d83.tar.zst
Shaarli-8079dfd1cdec41a0bb3ee7ec2b974e8e64376d83.zip
W3C compliance (work on issue #64 - https://github.com/shaarli/Shaarli/issues/64):
* fix duplicate IDs - #paging_older, #paging_newer become classes as the paging is displayed twice (top, bottom) in the linklist * fix duplicate IDs - #paging_privatelinks and #paging_linksperpage become classes * daily links are now valid (use &amp) * name attribute is not used anymore on a tag in link list * center tag is replaced by CSS in picwall and tag cloud * action in form tag can't be empty, use # instead * fixed configure table with CSS instead of cellpadding, border, and valign * export links are now valid * remove "size" in input tag * Fix missing alt attributes for img elements * tpl/daily: Use HTML entities instead of char escape codes * tpl/export: fix missing </span> closing tag * Remove obsolete language attribute on <script> elements
Diffstat (limited to 'inc/shaarli.css')
-rw-r--r--inc/shaarli.css34
1 files changed, 24 insertions, 10 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css
index d52de925..4bd52810 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -291,34 +291,34 @@ h1 {
291 color: #fff; 291 color: #fff;
292} 292}
293 293
294#paging_privatelinks { 294.paging_privatelinks {
295 float: left; 295 float: left;
296} 296}
297 297
298#paging_linksperpage { 298.paging_linksperpage {
299 float: right; 299 float: right;
300 padding-right: 5px; 300 padding-right: 5px;
301} 301}
302 302
303#paging_linksperpage form.linksperpage { 303.paging_linksperpage form.linksperpage {
304 display: inline; 304 display: inline;
305} 305}
306 306
307#paging_linksperpage form.linksperpage input { 307.paging_linksperpage form.linksperpage input {
308 height: 15px; 308 height: 15px;
309} 309}
310 310
311#paging_current { 311.paging_current {
312 display: inline; 312 display: inline;
313 color: #fff; 313 color: #fff;
314 padding: 0 20 0 20; 314 padding: 0 20 0 20;
315} 315}
316 316
317#paging_older { 317.paging_older {
318 margin-right: 15px; 318 margin-right: 15px;
319} 319}
320 320
321#paging_newer { 321.paging_newer {
322 margin-left: 15px; 322 margin-left: 15px;
323} 323}
324 324
@@ -843,6 +843,10 @@ div.dailyNoEntry {
843 clear: both; 843 clear: both;
844} 844}
845 845
846.right {
847 text-align: right;
848}
849
846/* For lazy images loading in picture wall. 850/* For lazy images loading in picture wall.
847 Using http://www.appelsiini.net/projects/lazyload 851 Using http://www.appelsiini.net/projects/lazyload
848*/ 852*/
@@ -850,6 +854,12 @@ div.dailyNoEntry {
850 display: none; 854 display: none;
851} 855}
852 856
857#configuration_table td {
858 border: none;
859 padding: 10px;
860 vertical-align: top;
861}
862
853@media print { 863@media print {
854 html { 864 html {
855 border: none; 865 border: none;
@@ -958,17 +968,17 @@ div.dailyNoEntry {
958 left: 0px; 968 left: 0px;
959 } 969 }
960 970
961 #paging_privatelinks { 971 .paging_privatelinks {
962 float: none; 972 float: none;
963 } 973 }
964 974
965 #paging_linksperpage { 975 .paging_linksperpage {
966 float: none; 976 float: none;
967 margin-bottom: 10px; 977 margin-bottom: 10px;
968 font-size: smaller; 978 font-size: smaller;
969 } 979 }
970 980
971 #paging_older, #paging_newer, #paging_linksperpage a { 981 #paging_older, #paging_newer, .paging_linksperpage a {
972 border: 1px solid black; 982 border: 1px solid black;
973 padding: 3px 5px 3px 5px; 983 padding: 3px 5px 3px 5px;
974 background-color: #666; 984 background-color: #666;
@@ -1029,3 +1039,7 @@ div.dailyNoEntry {
1029.highlight { 1039.highlight {
1030 background-color: #FFFF33; 1040 background-color: #FFFF33;
1031} 1041}
1042
1043.center {
1044 text-align: center;
1045}