diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css index 2c352da..f50e474 100644 --- a/lostplaces/lostplaces_app/static/main.css +++ b/lostplaces/lostplaces_app/static/main.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; @font-face { font-family: Crimson; src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); } @@ -220,19 +221,19 @@ body { overflow: hidden; } .LP-Message--error .LP-Message__Icon { background-color: #02979e; - background-image: url("icons/error.png"); } + background-image: url("/icons/error.png"); } .LP-Message--warning .LP-Message__Icon { background-color: #0047e7; - background-image: url("icons/error.png"); } + background-image: url("/icons/error.png"); } .LP-Message--info .LP-Message__Icon { background-color: #522719; - background-image: url("icons/information.svg"); } + background-image: url("/icons/information.svg"); } .LP-Message--success .LP-Message__Icon { background-color: #6937ff; - background-image: url("icons/success.svg"); } + background-image: url("/icons/success.svg"); } .LP-Message--debug .LP-Message__Icon { background-color: #046a2f; - background-image: url("icons/debug.png"); } + background-image: url("/icons/debug.png"); } .LP-Message .LP-Message__Icon { background-size: 40px 40px; background-repeat: no-repeat; @@ -270,11 +271,28 @@ body { background-color: #D7CEC7; color: #565656; } .LP-Pagination .LP-Link { - padding: 15px 25px; } + padding: 15px 25px; + vertical-align: sub; } .LP-Pagination .LP-Link:active, .LP-Pagination .LP-Link:hover { background-color: #D7CEC7; border-radius: 2px; color: #565656; } + .LP-Pagination .LP-Pagination__First:before { + content: "⟪"; + padding-right: 1em; + font-size: larger; } + .LP-Pagination .LP-Pagination__Previous:before { + content: "⟨"; + padding-right: 1em; + font-size: larger; } + .LP-Pagination .LP-Pagination__Next:after { + content: "⟩"; + padding-left: 1em; + font-size: larger; } + .LP-Pagination .LP-Pagination__Last:after { + content: "⟫"; + padding-left: 1em; + font-size: larger; } .LP-Content { padding: 35px; }