From c5aa7e0e6592e1d4067134756adf39c2d0125d88 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Fri, 12 Dec 2014 17:01:02 +0100 Subject: [PATCH] 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 &) * 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 --- inc/shaarli.css | 34 ++++++++++++++++++++++++---------- tpl/changepassword.html | 2 +- tpl/configure.html | 16 ++++++++-------- tpl/daily.html | 12 ++++++------ tpl/export.html | 6 +++--- tpl/import.html | 2 +- tpl/linklist.html | 10 +++++----- tpl/linklist.paging.html | 10 +++++----- tpl/page.footer.html | 2 +- tpl/picwall.html | 16 ++++++++-------- tpl/tagcloud.html | 12 ++++++------ 11 files changed, 68 insertions(+), 54 deletions(-) diff --git a/inc/shaarli.css b/inc/shaarli.css index d52de925b..4bd52810a 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css @@ -291,34 +291,34 @@ h1 { color: #fff; } -#paging_privatelinks { +.paging_privatelinks { float: left; } -#paging_linksperpage { +.paging_linksperpage { float: right; padding-right: 5px; } -#paging_linksperpage form.linksperpage { +.paging_linksperpage form.linksperpage { display: inline; } -#paging_linksperpage form.linksperpage input { +.paging_linksperpage form.linksperpage input { height: 15px; } -#paging_current { +.paging_current { display: inline; color: #fff; padding: 0 20 0 20; } -#paging_older { +.paging_older { margin-right: 15px; } -#paging_newer { +.paging_newer { margin-left: 15px; } @@ -843,6 +843,10 @@ div.dailyNoEntry { clear: both; } +.right { + text-align: right; +} + /* For lazy images loading in picture wall. Using http://www.appelsiini.net/projects/lazyload */ @@ -850,6 +854,12 @@ div.dailyNoEntry { display: none; } +#configuration_table td { + border: none; + padding: 10px; + vertical-align: top; +} + @media print { html { border: none; @@ -958,17 +968,17 @@ div.dailyNoEntry { left: 0px; } - #paging_privatelinks { + .paging_privatelinks { float: none; } - #paging_linksperpage { + .paging_linksperpage { float: none; margin-bottom: 10px; font-size: smaller; } - #paging_older, #paging_newer, #paging_linksperpage a { + #paging_older, #paging_newer, .paging_linksperpage a { border: 1px solid black; padding: 3px 5px 3px 5px; background-color: #666; @@ -1029,3 +1039,7 @@ div.dailyNoEntry { .highlight { background-color: #FFFF33; } + +.center { + text-align: center; +} diff --git a/tpl/changepassword.html b/tpl/changepassword.html index 48cf5fa3b..c40daf9d3 100644 --- a/tpl/changepassword.html +++ b/tpl/changepassword.html @@ -4,7 +4,7 @@