wip refacto
This commit is contained in:
Florian Schmitt
parent
cf7fb776bd
commit
28071e585f
18 changed files with 2270 additions and 7587 deletions
|
|
@ -1,7 +1,7 @@
|
|||
:root {
|
||||
--primary-color: #195962;
|
||||
--secondary-color: #f56f6c;
|
||||
--dark-color: #252932;
|
||||
--dark-color: #252932;
|
||||
--light-color: #ffffff;
|
||||
--post-it-pink: pink;
|
||||
--post-it-yellow: #fbe991;
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
}
|
||||
|
||||
body {
|
||||
font-family: "Inter", Verdana, Geneva, Tahoma, sans-serif;
|
||||
font-family: 'Inter', Verdana, Geneva, Tahoma, sans-serif;
|
||||
font-size: 16px;
|
||||
color: var(--text-color);
|
||||
padding: 0;
|
||||
|
|
@ -27,8 +27,9 @@ body {
|
|||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
background: var(--background-color) url("/images/backgrounds/yellow-bamboos.jpg") no-repeat scroll
|
||||
center center / cover;
|
||||
background: var(--background-color)
|
||||
url('/images/backgrounds/yellow-bamboos.jpg') no-repeat scroll center
|
||||
center / cover;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
|
@ -74,13 +75,33 @@ a:active {
|
|||
.logo-title {
|
||||
font-size: 1.7em;
|
||||
font-weight: bolder;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
.base-line {
|
||||
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
Inter,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--text-color);
|
||||
font-size: 16px;
|
||||
margin-left: 1em;
|
||||
|
|
@ -107,8 +128,18 @@ a:active {
|
|||
display: inline-block;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
margin-left: 1em;
|
||||
transition: color ease-out 0.2s;
|
||||
color: var(--primary-color);
|
||||
|
|
@ -148,10 +179,10 @@ a:active {
|
|||
.btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: .5em 2em;
|
||||
padding: 0.5em 2em;
|
||||
background: white;
|
||||
border: 1px solid var(--primary-color);
|
||||
border-radius: .5em;
|
||||
border-radius: 0.5em;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
|
|
@ -215,7 +246,7 @@ a:active {
|
|||
text-align: center;
|
||||
vertical-align: top;
|
||||
height: 100%;
|
||||
background-image: url("../images/green-board-line.png");
|
||||
background-image: url('../images/green-board-line.png');
|
||||
background-repeat: repeat-y;
|
||||
background-position: left top;
|
||||
}
|
||||
|
|
@ -238,14 +269,34 @@ h1 a {
|
|||
font-size: 15px;
|
||||
padding-top: 14px;
|
||||
letter-spacing: +1px;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--text-color);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
|
@ -314,8 +365,18 @@ h2 {
|
|||
.names {
|
||||
color: var(--text-color);
|
||||
letter-spacing: 4px;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
|
@ -353,8 +414,18 @@ h2 {
|
|||
border-radius: 10px;
|
||||
color: #666;
|
||||
text-align: right;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
font-size: 13px;
|
||||
letter-spacing: 4px;
|
||||
margin: 0;
|
||||
|
|
@ -379,8 +450,18 @@ h2 {
|
|||
border-radius: 10px;
|
||||
color: #aaa;
|
||||
text-align: right;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
font-size: 13px;
|
||||
letter-spacing: 4px;
|
||||
margin: 0;
|
||||
|
|
@ -415,55 +496,55 @@ h2 {
|
|||
}
|
||||
|
||||
#sticker-red {
|
||||
background-image: url("../images/stickers/sticker-red.png");
|
||||
background-image: url('../images/stickers/sticker-red.png');
|
||||
}
|
||||
|
||||
#sticker-blue {
|
||||
background-image: url("../images/stickers/sticker-blue.png");
|
||||
background-image: url('../images/stickers/sticker-blue.png');
|
||||
}
|
||||
|
||||
#sticker-yellow {
|
||||
background-image: url("../images/stickers/sticker-yellow.png");
|
||||
background-image: url('../images/stickers/sticker-yellow.png');
|
||||
}
|
||||
|
||||
#sticker-green {
|
||||
background-image: url("../images/stickers/sticker-green.png");
|
||||
background-image: url('../images/stickers/sticker-green.png');
|
||||
}
|
||||
|
||||
#sticker-pink {
|
||||
background-image: url("../images/stickers/sticker-pink.png");
|
||||
background-image: url('../images/stickers/sticker-pink.png');
|
||||
}
|
||||
|
||||
#sticker-lightblue {
|
||||
background-image: url("../images/stickers/sticker-lightblue.png");
|
||||
background-image: url('../images/stickers/sticker-lightblue.png');
|
||||
}
|
||||
|
||||
#sticker-orange {
|
||||
background-image: url("../images/stickers/sticker-orange.png");
|
||||
background-image: url('../images/stickers/sticker-orange.png');
|
||||
}
|
||||
|
||||
#sticker-purple {
|
||||
background-image: url("../images/stickers/sticker-purple.png");
|
||||
background-image: url('../images/stickers/sticker-purple.png');
|
||||
}
|
||||
|
||||
#sticker-gold {
|
||||
background-image: url("../images/stickers/sticker-gold.png");
|
||||
background-image: url('../images/stickers/sticker-gold.png');
|
||||
}
|
||||
|
||||
#sticker-silverstar {
|
||||
background-image: url("../images/stickers/sticker-silverstar.png");
|
||||
background-image: url('../images/stickers/sticker-silverstar.png');
|
||||
}
|
||||
|
||||
#sticker-bluestar {
|
||||
background-image: url("../images/stickers/sticker-bluestar.png");
|
||||
background-image: url('../images/stickers/sticker-bluestar.png');
|
||||
}
|
||||
|
||||
#sticker-redstar {
|
||||
background-image: url("../images/stickers/sticker-redstar.png");
|
||||
background-image: url('../images/stickers/sticker-redstar.png');
|
||||
}
|
||||
|
||||
#addsticker {
|
||||
background-image: url("../images/icons/iconic/raster/black/plus_8x8.png");
|
||||
background-image: url('../images/icons/iconic/raster/black/plus_8x8.png');
|
||||
background-position: 2px 2px;
|
||||
opacity: 0.3;
|
||||
|
||||
|
|
@ -478,7 +559,7 @@ h2 {
|
|||
}
|
||||
|
||||
#nosticker {
|
||||
background-image: url("../images/stickers/sticker-deletestar.png");
|
||||
background-image: url('../images/stickers/sticker-deletestar.png');
|
||||
}
|
||||
|
||||
#sticker-nostar {
|
||||
|
|
@ -494,8 +575,18 @@ h2 {
|
|||
/* Stuff for landing page */
|
||||
h1.home {
|
||||
font-size: 100px;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--primary-color);
|
||||
opacity: 0.8;
|
||||
padding: 0;
|
||||
|
|
@ -505,8 +596,18 @@ h1.home {
|
|||
|
||||
.home {
|
||||
font-size: 30px;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--text-color);
|
||||
opacity: 1;
|
||||
padding: 0;
|
||||
|
|
@ -540,8 +641,18 @@ input.text {
|
|||
margin-bottom: 10px;
|
||||
border: none;
|
||||
font-size: 30px;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--primary-color);
|
||||
text-align: center;
|
||||
border-bottom: dashed 3px var(--primary-color);
|
||||
|
|
@ -567,8 +678,18 @@ input.text {
|
|||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
transition: all ease-out 0.1s;
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
|
|
@ -634,43 +755,6 @@ input.text {
|
|||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url(../images/ui-icons_222222_256x240.png);
|
||||
}
|
||||
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url(../images/ui-icons_222222_256x240.png);
|
||||
}
|
||||
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url(../images/ui-icons_222222_256x240.png);
|
||||
}
|
||||
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url(../images/ui-icons_888888_256x240.png);
|
||||
}
|
||||
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon {
|
||||
background-image: url(../images/ui-icons_454545_256x240.png);
|
||||
}
|
||||
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url(../images/ui-icons_454545_256x240.png);
|
||||
}
|
||||
|
||||
.ui-state-highlight .ui-icon {
|
||||
background-image: url(../images/ui-icons_2e83ff_256x240.png);
|
||||
}
|
||||
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url(../images/ui-icons_cd0a0a_256x240.png);
|
||||
}
|
||||
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -761,8 +845,18 @@ input.text {
|
|||
}
|
||||
|
||||
.content h1 {
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-family:
|
||||
'Inter',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
color: var(--primary-color);
|
||||
font-size: 22px;
|
||||
}
|
||||
|
|
@ -928,7 +1022,8 @@ input.text {
|
|||
}
|
||||
|
||||
/*** CARDS ***/
|
||||
.card, .mini-card {
|
||||
.card,
|
||||
.mini-card {
|
||||
background-size: 10px 10px;
|
||||
background-image: repeating-linear-gradient(
|
||||
0deg,
|
||||
|
|
@ -975,7 +1070,7 @@ input.text {
|
|||
}
|
||||
#board.smallcards .card {
|
||||
width: 115px;
|
||||
height: 76px;
|
||||
height: 76px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.mini-card {
|
||||
|
|
@ -989,8 +1084,8 @@ input.text {
|
|||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: "Inter", Verdana, Geneva, Tahoma, sans-serif;
|
||||
|
||||
font-family: 'Inter', Verdana, Geneva, Tahoma, sans-serif;
|
||||
|
||||
letter-spacing: 0px;
|
||||
opacity: 1;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue