Updated main css from frontend repo. Vertical pagination alignment.

This commit is contained in:
Marcus Scholz 2020-08-14 13:58:21 +02:00
parent 9f33b994dd
commit e2152662cf

View File

@ -1,3 +1,4 @@
@charset "UTF-8";
@font-face { @font-face {
font-family: Crimson; font-family: Crimson;
src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); } 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; } overflow: hidden; }
.LP-Message--error .LP-Message__Icon { .LP-Message--error .LP-Message__Icon {
background-color: #02979e; background-color: #02979e;
background-image: url("icons/error.png"); } background-image: url("/icons/error.png"); }
.LP-Message--warning .LP-Message__Icon { .LP-Message--warning .LP-Message__Icon {
background-color: #0047e7; background-color: #0047e7;
background-image: url("icons/error.png"); } background-image: url("/icons/error.png"); }
.LP-Message--info .LP-Message__Icon { .LP-Message--info .LP-Message__Icon {
background-color: #522719; background-color: #522719;
background-image: url("icons/information.svg"); } background-image: url("/icons/information.svg"); }
.LP-Message--success .LP-Message__Icon { .LP-Message--success .LP-Message__Icon {
background-color: #6937ff; background-color: #6937ff;
background-image: url("icons/success.svg"); } background-image: url("/icons/success.svg"); }
.LP-Message--debug .LP-Message__Icon { .LP-Message--debug .LP-Message__Icon {
background-color: #046a2f; background-color: #046a2f;
background-image: url("icons/debug.png"); } background-image: url("/icons/debug.png"); }
.LP-Message .LP-Message__Icon { .LP-Message .LP-Message__Icon {
background-size: 40px 40px; background-size: 40px 40px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -270,11 +271,28 @@ body {
background-color: #D7CEC7; background-color: #D7CEC7;
color: #565656; } color: #565656; }
.LP-Pagination .LP-Link { .LP-Pagination .LP-Link {
padding: 15px 25px; } padding: 15px 25px;
vertical-align: sub; }
.LP-Pagination .LP-Link:active, .LP-Pagination .LP-Link:hover { .LP-Pagination .LP-Link:active, .LP-Pagination .LP-Link:hover {
background-color: #D7CEC7; background-color: #D7CEC7;
border-radius: 2px; border-radius: 2px;
color: #565656; } 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 { .LP-Content {
padding: 35px; } padding: 35px; }