oysteikt/IT2
Archived
0
0
Fork 0
Code Issues Pull Requests Releases Activity

Changed sass compiler

Browse Source
This commit is contained in:
Oystein Kristoffer Tveit
2020-02-16 21:26:02 +01:00
parent de139cd69e
commit 59b2bfafff
1 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/css/main.css
View File

@@ -32,6 +32,7 @@ h2 {
a { a {
color: #66D9EF; color: #66D9EF;
} }
a:hover { a:hover {
color: #A6E22E; color: #A6E22E;
} }
@@ -45,12 +46,15 @@ button, input[type=submit] {
margin: 2px 12px; margin: 2px 12px;
font-size: 14pt; font-size: 14pt;
} }
button:hover, input[type=submit]:hover {
button:hover, input:hover[type=submit] {
background-color: #505050; background-color: #505050;
} }
button:focus, input[type=submit]:focus {
button:focus, input:focus[type=submit] {
outline: 0; outline: 0;
} }
button.big, input.big[type=submit] { button.big, input.big[type=submit] {
padding: 15px; padding: 15px;
border-radius: 15px; border-radius: 15px;
@@ -88,6 +92,7 @@ th {
tr:nth-child(even) { tr:nth-child(even) {
background-color: #00000033; background-color: #00000033;
} }
tr:hover { tr:hover {
background-color: rgba(255, 255, 255, 0.281); background-color: rgba(255, 255, 255, 0.281);
} }
@@ -99,9 +104,12 @@ tr:hover {
margin-bottom: 10%; margin-bottom: 10%;
width: 70%; width: 70%;
padding: 5%; padding: 5%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content; height: max-content;
border-radius: 15px; border-radius: 15px;
} }
.center * { .center * {
margin: auto; margin: auto;
display: block; display: block;
@@ -110,6 +118,7 @@ tr:hover {
.inline { .inline {
margin: 15px; margin: 15px;
} }
.inline * { .inline * {
display: inline-block; display: inline-block;
} }
@@ -120,13 +129,19 @@ tr:hover {
} }
.textboxGrid { .textboxGrid {
display: -ms-grid;
display: grid; display: grid;
justify-content: space-evenly; -webkit-box-pack: space-evenly;
align-content: space-evenly; -ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-line-pack: space-evenly;
align-content: space-evenly;
grid-column-gap: 20px; grid-column-gap: 20px;
grid-row-gap: 20px; grid-row-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); -ms-grid-columns: (minmax(350px, 1fr))[auto-fit];
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
} }
.textboxGrid * { .textboxGrid * {
size: 100%; size: 100%;
margin: 0px; margin: 0px;
@@ -134,17 +149,21 @@ tr:hover {
text-align: center; text-align: center;
background-color: #787878; background-color: #787878;
} }
.textboxGrid .linkGridElement { .textboxGrid .linkGridElement {
border: 1px solid black; border: 1px solid black;
} }
.textboxGrid .linkGridElement:hover { .textboxGrid .linkGridElement:hover {
background-color: #505050; background-color: #505050;
cursor: pointer; cursor: pointer;
} }
.textboxGrid .linkGridElement a:hover { .textboxGrid .linkGridElement a:hover {
text-decoration: underline; text-decoration: underline;
color: #66D9EF; color: #66D9EF;
} }
.textboxGrid .linkGridElement * { .textboxGrid .linkGridElement * {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;