hribhrib.at/styles.css

157 lines
3.9 KiB
CSS
Raw Permalink Normal View History

/* ubuntu-mono-regular - latin */
2022-02-02 10:20:43 +01:00
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 400;
src: url('font/ubuntu-mono-v14-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('font/ubuntu-mono-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/ubuntu-mono-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('font/ubuntu-mono-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
url('font/ubuntu-mono-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/ubuntu-mono-v14-latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}
/* ubuntu-mono-italic - latin */
@font-face {
font-family: 'Ubuntu Mono';
font-style: italic;
font-weight: 400;
src: url('font/ubuntu-mono-v14-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('font/ubuntu-mono-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/ubuntu-mono-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('font/ubuntu-mono-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
url('font/ubuntu-mono-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/ubuntu-mono-v14-latin-italic.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}
/* ubuntu-mono-700 - latin */
2022-02-02 10:31:28 +01:00
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 700;
src: url('font/ubuntu-mono-v14-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('font/ubuntu-mono-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/ubuntu-mono-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('font/ubuntu-mono-v14-latin-700.woff') format('woff'), /* Modern Browsers */
url('font/ubuntu-mono-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/ubuntu-mono-v14-latin-700.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}
/* ubuntu-mono-700italic - latin */
@font-face {
font-family: 'Ubuntu Mono';
font-style: italic;
font-weight: 700;
src: url('font/ubuntu-mono-v14-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('font/ubuntu-mono-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/ubuntu-mono-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('font/ubuntu-mono-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('font/ubuntu-mono-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/ubuntu-mono-v14-latin-700italic.svg#UbuntuMono') format('svg'); /* Legacy iOS */
2022-02-02 10:31:28 +01:00
}
* {
box-sizing: border-box;
}
2021-04-11 14:09:01 +02:00
body {
2022-02-02 10:20:43 +01:00
font-family: 'Ubuntu Mono';
2021-04-11 14:09:01 +02:00
background-color: #151515;
color: #fc9032;
}
a:link {
color: #dddddd;
}
a:visited {
color: #bbbbbb;
}
a:hover {
color: #ffffff;
}
a:active {
color: #ffffff;
}
div {
max-width: 800px;
margin: auto;
border-style: double;
border-width: 5px;
margin-bottom: -2px;
}
p {
margin-right: 20px;
margin-left: 20px;
}
2021-05-21 13:02:42 +02:00
h1, h2, h3, h4 {
2021-04-11 14:09:01 +02:00
margin-bottom: 0px;
margin-right: 15px;
margin-left: 15px;
}
2021-04-11 14:09:01 +02:00
2021-05-21 12:52:14 +02:00
2021-04-11 14:09:01 +02:00
ol {
margin-left: 20px;
2021-05-21 13:59:49 +02:00
margin-right: 20px;
2021-04-11 14:09:01 +02:00
}
2021-05-21 12:52:14 +02:00
table {
2021-05-21 13:59:49 +02:00
width: 92%;
2021-05-21 13:02:42 +02:00
border: 1px solid;
2021-05-21 13:19:19 +02:00
border-collapse: collapse;
2021-05-21 12:52:14 +02:00
margin-left: 20px;
2021-05-21 13:19:19 +02:00
margin-right: 20px;
2021-05-21 12:52:14 +02:00
}
th, td {
2021-05-21 13:19:19 +02:00
word-break: break-word;
2021-05-21 13:02:42 +02:00
border: 1px solid;
2021-05-21 13:19:19 +02:00
padding: 5px;
2021-05-21 13:59:49 +02:00
margin-left: 20px;
margin-right: 20px;
2021-05-21 12:52:14 +02:00
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
border-style: none;
}
.column img {
margin-top: 12px;
}
.row {
border-style: none;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
border-style: none;
}
2021-04-11 14:09:01 +02:00
.topnav {
overflow: hidden;
}
.topnav a {
margin-right: 15px;
margin-left: 15px;
}