Assign new colour scheme
This commit is contained in:
parent
74079e6d9a
commit
a60448613b
@ -15,6 +15,6 @@
|
|||||||
-webkit-transform: rotate(45deg);
|
-webkit-transform: rotate(45deg);
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
box-shadow: 2px 2px 30px rgba(0,0,0,0.19);
|
box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.451);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -28,6 +28,7 @@
|
|||||||
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
@ -41,5 +42,6 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
background-color: var(--island-button-color);
|
background-color: var(--island-button-color);
|
||||||
color: var(--island-link-color);
|
color: var(--island-link-color);
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -24,6 +24,6 @@
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: var(--island-bg-color);
|
background-color: var(--island-bg-color);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 2px 2px 30px rgba(0,0,0,0.19);
|
box-shadow: 5px 5px 30px rgba(0,0,0,0.29);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: var(--overlay-island-bg-color);
|
background-color: var(--island-bg-solid);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
@ -49,5 +49,6 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--island-button-color);
|
background-color: var(--island-button-color);
|
||||||
color: var(--island-link-color);
|
color: var(--island-link-color);
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -98,6 +98,7 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
@ -111,5 +112,6 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
background-color: var(--island-button-color);
|
background-color: var(--island-button-color);
|
||||||
color: var(--island-link-color);
|
color: var(--island-link-color);
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -20,5 +20,6 @@
|
|||||||
min-width: 90px;
|
min-width: 90px;
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -21,6 +21,7 @@
|
|||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
min-width: 90px;
|
min-width: 90px;
|
||||||
max-width: 90px;
|
max-width: 90px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
<style>
|
<style>
|
||||||
.headerBar {
|
.headerBar {
|
||||||
background: var(--island-bg-solid);
|
background: var(--island-bg-solid);
|
||||||
color: var(--island-header-color);
|
color: var(--main-header-color);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -43,6 +43,7 @@
|
|||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
min-width: 90px;
|
min-width: 90px;
|
||||||
max-width: 90px;
|
max-width: 90px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
padding-top: 50px;
|
padding-top: 50px;
|
||||||
|
@ -52,6 +52,7 @@
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-color: var(--box-shadow-color);
|
border-color: var(--box-shadow-color);
|
||||||
text-decoration: double;
|
text-decoration: double;
|
||||||
|
color: var(--main-text-color);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -58,17 +58,17 @@
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: var(--overlay-island-color);
|
background-color: var(--island-bg-solid);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
z-index: 2500;
|
z-index: 2500;
|
||||||
box-shadow: 1px 1px 3px var(--box-shadow-color);
|
box-shadow: 5px 5px 10px var(--box-shadow-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navButton {
|
.navButton {
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
border: none;
|
border: none;
|
||||||
color: var(--island-link-color);
|
color: var(--island-link-color);
|
||||||
background-color: var(--overlay-island-bg-color);
|
background-color: var(--island-button-color);
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
/* OLD THEME */
|
/* OLD THEME
|
||||||
:root {
|
:root {
|
||||||
--main-bg-color: #404c55;
|
--main-bg-color: #404c55;
|
||||||
--second-bg-color: #2b343c; /* Use as first arg in radial gradient */
|
--second-bg-color: #2b343c;
|
||||||
--accent-color: #007979;
|
--accent-color: #007979;
|
||||||
--overlay-color: #3c6f79de;
|
--overlay-color: #3c6f79de;
|
||||||
--overlay-color-solid: #3c6f79;
|
--overlay-color-solid: #3c6f79;
|
||||||
@ -12,32 +12,45 @@
|
|||||||
--box-border-color: rgba(0,0,0,0.19);
|
--box-border-color: rgba(0,0,0,0.19);
|
||||||
--link-visited-color: azure;
|
--link-visited-color: azure;
|
||||||
--main-alert-color: #ed6d00;
|
--main-alert-color: #ed6d00;
|
||||||
--second-alert-color: #e77f00; /* Use as second arg in radial gradient */
|
--second-alert-color: #e77f00;
|
||||||
--main-warning-color: orange;
|
--main-warning-color: orange;
|
||||||
--board-name-color: #fcfc09;
|
--board-name-color: #fcfc09;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
/* Main Theme
|
/* Main Theme */
|
||||||
:root {
|
:root {
|
||||||
--main-bg-color: #404c55;
|
--main-bg-color: #404c55;
|
||||||
--second-bg-color: #2b343c;
|
--second-bg-color: #2b343c;
|
||||||
--main-header-color: ;
|
--main-header-color: #dff3f3;
|
||||||
--main-text-color: ;
|
--main-text-color: #cce9e9;
|
||||||
--main-link-color: ;
|
--main-link-color: #00b7b7;
|
||||||
--island-bg-color: ;
|
--island-bg-color: #3c6f79de;
|
||||||
--island-bg-solid: ;
|
--island-bg-solid: #3c6f79;
|
||||||
--island-button-color: ;
|
--island-button-color: #404c55;
|
||||||
--island-link-color: ;
|
--island-link-color: #cce9e9;
|
||||||
--island-header-color: ;
|
--island-header-color: #4fd1d1;
|
||||||
--island-text-color: ;
|
--island-text-color: #cce9e9;
|
||||||
--overlay-island-bg-color: ;
|
--overlay-island-bg-color: #3c6f79;
|
||||||
--box-shadow-color: rgba(0,0,0,0.19);
|
--box-shadow-color: rgba(0,0,0,0.19);
|
||||||
--box-shadow: (2px 2px 6px var(--box-shadow-color);
|
--box-shadow: 2px 2px 4px rgba(0,0,0,0.19);
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
/*
|
|
||||||
Christmas Theme
|
|
||||||
{
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Christmas Theme
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #404c55;
|
||||||
|
--second-bg-color: #2b343c;
|
||||||
|
--main-header-color: #00ff00;
|
||||||
|
--main-text-color: #ff0000;
|
||||||
|
--main-link-color: #2bc500;
|
||||||
|
--island-bg-color: #9900ffde;
|
||||||
|
--island-bg-solid: #3c6f79;
|
||||||
|
--island-button-color: #404c55;
|
||||||
|
--island-link-color: #cce9e9;
|
||||||
|
--island-header-color: #4fd1d1;
|
||||||
|
--island-text-color: #cce9e9;
|
||||||
|
--overlay-island-bg-color: #3c6f79;
|
||||||
|
--box-shadow-color: rgba(0,0,0,0.19);
|
||||||
|
--box-shadow: 2px 2px 4px rgba(0,0,0,0.19);
|
||||||
}
|
}
|
||||||
*/
|
*/
|
@ -104,10 +104,11 @@
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
height: auto;
|
height: auto;
|
||||||
background-color: var(--overlay-island-bg-color);
|
background-color: var(--island-bg-solid);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: height 500ms ease-in-out;
|
transition: height 500ms ease-in-out;
|
||||||
|
box-shadow: 5px 5px 30px var(--box-shadow-color);
|
||||||
}
|
}
|
||||||
.container-header {
|
.container-header {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
@ -114,11 +114,12 @@
|
|||||||
height: 30px;
|
height: 30px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
font-family: urwgothic, sans-serif;
|
font-family: urwgothic, sans-serif;
|
||||||
background-color: var(--overlay-color);
|
background-color: var(--island-bg-color);
|
||||||
border: none;
|
border: none;
|
||||||
color: white;
|
color: white;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@ -126,6 +127,7 @@
|
|||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
min-width: 75px;
|
min-width: 75px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
.desc {
|
.desc {
|
||||||
color: white;
|
color: white;
|
||||||
|
@ -101,6 +101,7 @@
|
|||||||
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
width: 15%;
|
width: 15%;
|
||||||
@ -113,7 +114,8 @@
|
|||||||
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
background-color: var(--overlay-color);
|
background-color: var(--island-bg-color);
|
||||||
color: var(--link-color);
|
color: var(--main-text-color);
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -126,8 +126,8 @@
|
|||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: var(--overlay-color);
|
background-color: var(--island-bg-color);
|
||||||
color: white;
|
color: var(--main-text-color);
|
||||||
width: 35%;
|
width: 35%;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
|
@ -134,6 +134,7 @@
|
|||||||
height: 30px;
|
height: 30px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
button {
|
button {
|
||||||
border: none;
|
border: none;
|
||||||
@ -145,9 +146,10 @@
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
background-color: var(--overlay-color);
|
background-color: var(--island-bg-color);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
Loading…
Reference in New Issue
Block a user