commit b6cd587c936e9411a9b38d68a5b899e305f541e2 Author: dsorber Date: Sun Jul 5 18:31:11 2015 -0400 Updated layout to remove tables; the result is much cleaner. diff --git a/software/bookmark_library/bmklib/web/htdocs/css/bmk_list.css b/software/bookmark_library/bmklib/web/htdocs/css/bmk_list.css index 251cde4..113a7e7 100644 --- a/software/bookmark_library/bmklib/web/htdocs/css/bmk_list.css +++ b/software/bookmark_library/bmklib/web/htdocs/css/bmk_list.css @@ -1,39 +1,46 @@ - table { - border: 1px solid #000000; + @font-face { + font-family: Roboto; + src: url(/htdocs/Roboto-Regular.ttf); + } + + div#bmk_list { + font-family: Roboto, 'Helvetica Neue', Arial, sans-serif; + font-size: 16px; border-spacing: 0px; width: 100%; } - table a:link { + div.row { + padding: 1em 0em; + border-left: solid 1px #CCC; + border-right: solid 1px #CCC; + border-bottom: solid 1px #CCC; + } + + div#first { + border-top: solid 1px #CCC; + } + + div.row a:link { color: #000000; text-decoration: none; } - table a:visited { + div.row a:visited { color: #000000; text-decoration: none; } - table a:hover { + div.row a:hover { color: #000000; text-decoration: underline; } - tr.even { - background-color: #FFFFFF; - } - - tr.odd { - background-color: #EEEEEE; - } - - th { - padding: 10px; - border-spacing: 2px; - } - - td { - padding: 4px 5px; + span.bmk_index { + display: inline-block; + width: 3em; + text-align: right; + margin-right: 3em; } .tag { @@ -48,6 +55,22 @@ vertical-align: middle; } - .detail_link { - font-size: 10px; + div#pagination_nav_bottom { + width: 100%; + height: 1em; + margin-top: 1.2em; + } + + div#pagination_nav_top { + width: 100%; + height: 1em; + margin-bottom: 0.4em; + } + + div#previous { + float: left; + } + + div#next { + float: right; } diff --git a/software/bookmark_library/bmklib/web/htdocs/css/bmk_main.css b/software/bookmark_library/bmklib/web/htdocs/css/bmk_main.css index fd0da24..64766f8 100644 --- a/software/bookmark_library/bmklib/web/htdocs/css/bmk_main.css +++ b/software/bookmark_library/bmklib/web/htdocs/css/bmk_main.css @@ -1,10 +1,10 @@ @font-face { font-family: Roboto; - src: url(htdocs/Roboto-Regular.ttf); + src: url(/htdocs/Roboto-Regular.ttf); } body { - font-family: Roboto, sans-serif, Arial; + font-family: sans-serif, Arial; font-size: 16px; margin-left: 0px; margin-right: 0px; diff --git a/software/bookmark_library/bmklib/web/templates/all_bookmarks.html b/software/bookmark_library/bmklib/web/templates/all_bookmarks.html index 8e36d8c..5603dec 100644 --- a/software/bookmark_library/bmklib/web/templates/all_bookmarks.html +++ b/software/bookmark_library/bmklib/web/templates/all_bookmarks.html @@ -10,19 +10,26 @@

All Bookmarks

${page_idx} of ${max_page_idx}

- - - - + +
+ + +
+ +
+
-
${idx + ((page_idx - 1) * len(bookmarks)) + 1} +${bookmark.title and bookmark.title or 'no title'}${tag.value}
- -Previous + + -Next +
+ + +