PublicSnapshot/tubesync
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

colour tweaks and pagination

Browse Source
This commit is contained in:
meeb
2020-11-28 15:06:46 +11:00
parent b347959083
commit c353e5c849
8 changed files with 72 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/common/static/styles/_colours.scss
View File

@@ -2,9 +2,9 @@ $colour-white: #ffffff;
$colour-black: #000000;
$colour-near-black: #011627;
$colour-near-white: #fdfffc;
$colour-light-blue: #2ec4b6;
$colour-light-blue: #2e8ac4;
$colour-red: #e71d36;
$colour-orange: #ff9f1c;
$colour-orange: #f69e12;
$background-colour: $colour-near-white;
$text-colour: $colour-near-black;
@@ -19,6 +19,8 @@ $nav-link-background-hover-colour: $colour-orange;
$main-button-background-colour: $colour-light-blue;
$main-button-background-hover-colour: $colour-orange;
$main-button-text-colour: $colour-near-white;
$main-link-colour: $colour-light-blue;
$main-link-hover-colour: $colour-orange;
$footer-background-colour: $colour-red;
$footer-text-colour: $colour-near-white;
@@ -40,3 +42,13 @@ $collection-text-hover-colour: $colour-near-white;
$box-error-background-colour: $colour-red;
$box-error-text-colour: $colour-near-white;
$pagination-background-colour: $colour-near-white;
$pagination-text-colour: $colour-near-black;
$pagination-border-colour: $colour-light-blue;
$pagination-background-hover-colour: $colour-light-blue;
$pagination-text-hover-colour: $colour-near-white;
$pagination-border-hover-colour: $colour-light-blue;
$pagination-current-background-colour: $colour-orange;
$pagination-current-text-colour: $colour-near-white;
$pagination-current-border-colour: $colour-orange;

38
app/common/static/styles/_template.scss
View File

@@ -32,7 +32,6 @@ header {
font-size: 3rem;
line-height: 2.7rem;
}
}
nav {
@@ -62,6 +61,14 @@ main {
padding: 2rem 0 2rem 0;
a {
color: $main-link-colour;
text-decoration: underline;
&:hover {
color: $main-link-hover-colour;
}
}
h1 {
margin: 0;
padding: 0 0 0.5rem 0;
@@ -85,6 +92,8 @@ main {
display: block;
}
a.collection-item {
color: $main-link-colour;
text-decoration: none;
&:hover {
background-color: $collection-background-hover-colour !important;
color: $collection-text-hover-colour !important;
@@ -95,6 +104,33 @@ main {
}
}
.pagination {
width: 100%;
padding-top: 1rem;
text-align: center;
a {
display: inline-block;
font-weight: bold;
text-decoration: none;
padding: 5px 10px 5px 10px;
margin: 0 3px 0 3px;
background-color: $pagination-background-colour;
color: $pagination-text-colour;
border: 2px $pagination-border-colour solid;
&:hover {
background-color: $pagination-background-hover-colour;
color: $pagination-text-hover-colour;
border: 2px $pagination-border-hover-colour solid;
}
}
.currentpage {
background-color: $pagination-current-background-colour;
color: $pagination-current-text-colour;
border: 2px $pagination-current-border-colour solid;
}
}
}
footer {