HTML-CSS/shorttask.css at master · marbleindex/HTML-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
.grid {
 display: grid;
/*   grid-gap: 10px;  */
 grid-template-columns: /*200px 350px*/ auto;
 grid-template-rows: /*25% 75%*/auto;
/*  margin: /*10px auto; */ */
 /*min-width: 860px;*/
 width: 100vw;
  height: 100vh;

}
.grid-area {
 font-family: Helvetica, Arial, sans-serif;
 padding: 50px 25px;


}
.krpic { float: left; padding: 10px}


.bodlink {text-decoration: none;
}

a:link {
	text-decoration: none; color: var(--headerfooter-txt);
}
a:active {
	text-decoration: none; color:var(--headerfooter-txt);
}
a:visited {
	text-decoration: none; color: #6886c5;
}
a:hover {
	text-decoration: none; color: #b4f2e1;
}


#nobullets {list-style-type: none; padding-inline-start: 10px;
}
#assignlist {list-style-type: none; font-size: 200%;}
:root {
 	--headerfooter-bg: #067873;
 	--headerfooter-txt: #FFFFFF;
 	--navbar-bg: #005b57;
 	--link-txt: #FFB367;
 	--body-bg:  #FFB367;
 	--body-txt: #000000;
 	--info-txt: #d63447;
 }
.info{
	 background-color: var(--info-txt);
	 color: var(--body-txt);
  border-left: 6px solid #f44336;
}


.meetuppic {
  width: 25%;
 height: 25%;

}


.grid-area-1 { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 3; text-align: center; background-color: var(--headerfooter-bg); color: var(--headerfooter-txt); }

.grid-area-2 { grid-row-start: 2; grid-row-end: 2; grid-column-start: 1; grid-column-end:1;  background-color: var(--navbar-bg); color: var(--body-txt);}

.grid-area-3 { grid-row-start: 2; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; background-color: var(--body-bg); color: var(--body-txt);}

.grid-area-4 { grid-row-start: 3; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; text-align: center; background-color: var(--headerfooter-bg); color: var(--headerfooter-txt);}

}

/* https://colorhunt.co/palette/156488 */