Blob: style.css

Blob id: ec3549bc4151d0851466a28ea85df91df5962a01

Size: 1.3 KB

  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
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
section {
	background-color: var(--news-bg);
	margin: 10px 0;
}

header {
	height: 50px;
	background-color: var(--news-bg);
	padding: 10px;
}

h1, p {
	padding: 10px 15px;
	margin: 0;
}

p {
	padding-bottom: 20px;
}

.imgcontainer {
	width: 95%;
	margin: auto;
	padding-top: 20px;
	max-height: 400px;
	overflow: hidden;
}

img {
	width: 100%;
	vertical-align: middle;
}

.stack-sans-text-<uniquifier> {
  font-family: "Stack Sans Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

* {
	font-family: "Stack Sans Text";
}

main {
	padding: 10px;
	max-width: 45em;
	margin: auto;
}

body {
	background-color: var(--bg);
	margin: 0;
}

section:hover {
	box-shadow: 0 0 10px #ccc;
}

a {
	color: var(--font-color);
	text-decoration: none;
}

nav {
	display: flex;
	flex-flow: row wrap;
	max-width: 40em;
	height: 100%;
	margin: auto;
}

nav a {
	display: flex;
	margin: auto;
}

object, #svg4073 {
	height: 100%;
	width: fit-content;
	pointer-events: none;
}

#logocontainer {
	height: 100%;
	cursor: url("images/cur.jpg"), grab;
}

#themebtn {
	cursor: pointer;
}

iframe{
	width: 100%;
	aspect-ratio: 16/9;
}

.right {
	text-align: right;
}

.light-theme {
	--bg: #eee;
	--news-bg: #fff;
	--font-color: black;
}

.dark-theme {
	--bg: #555;
	--news-bg: #777;
	--font-color: white;
}