boxespy/static/self.css

185 lines
2.3 KiB
CSS
Raw Normal View History

@import 'fonts.css';
2018-07-02 23:37:47 +02:00
@import 'normalize.css';
2016-09-20 23:14:24 +02:00
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
2017-02-15 15:56:38 +01:00
a {
text-decoration: none;
color: #5F584A;
}
.menu li {
2021-11-11 00:49:36 +01:00
color: #666;
list-style-type: none;
}
2016-09-20 23:14:24 +02:00
2021-11-11 00:49:36 +01:00
li a, a h1 {
text-decoration: none;
color: #333;
}
2018-06-14 22:09:19 +02:00
2016-09-20 23:14:24 +02:00
2021-11-11 00:49:36 +01:00
body {
min-width: 996px;
}
2016-09-20 23:14:24 +02:00
h1 {
font-family: 'Bungee Shade', cursive;
2017-02-13 19:36:12 +01:00
font-size: 3em;
}
2016-09-20 23:14:24 +02:00
h2 {
font-family: 'Luckiest Guy', cursive;
font-size: 2.5em;
2017-02-13 19:36:12 +01:00
}
2016-09-20 23:14:24 +02:00
2016-11-01 16:58:48 +01:00
h3 {
padding: 5px;
padding-left: 15px;
margin: 0px;
}
2017-02-13 19:36:12 +01:00
h3::before {
2021-11-11 00:49:36 +01:00
font-family: system-ui, 'Segoe UI', 'Arial';
2017-02-13 19:36:12 +01:00
content: "▶ ";
}
2018-06-14 22:09:19 +02:00
h3.open::before {
2021-11-11 00:49:36 +01:00
font-family: system-ui, 'Segoe UI', 'Arial';
2018-06-14 22:09:19 +02:00
content: "▼ ";
}
2016-11-01 16:58:48 +01:00
h3:hover {
2021-11-11 00:49:36 +01:00
background-color: #333;
color: #eee;
border-radius: 10px;
2016-11-01 16:58:48 +01:00
}
table {
margin-left: 30px;
}
2016-09-20 23:14:24 +02:00
table tr p {
display: inline;
}
2016-09-20 23:14:24 +02:00
/* Container */
2018-06-14 22:09:19 +02:00
2016-09-20 23:14:24 +02:00
.container {
2021-11-11 00:49:36 +01:00
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px;
padding-bottom: 15px;
width: 996px;
border-radius: 30px;
box-shadow: 0 0 5px 0 #333333;
2018-06-14 22:09:19 +02:00
2016-09-20 23:14:24 +02:00
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Clear after each row
*/
.clear {
2021-11-11 00:49:36 +01:00
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
2016-09-20 23:14:24 +02:00
}
.description img {
2021-11-11 00:49:36 +01:00
width: 100%;
}
2016-09-20 23:14:24 +02:00
.footer {
2021-11-11 00:49:36 +01:00
box-shadow: none;
text-align: center;
margin-top: 0px;
}
2016-09-20 23:14:24 +02:00
.footer ul {
2021-11-11 00:49:36 +01:00
margin-top: 0px;
}
2016-09-20 23:14:24 +02:00
.footer ul li {
2021-11-11 00:49:36 +01:00
list-style-type: circle;
display: inline-block;
font-size: 0.9em;
}
2016-09-20 23:14:24 +02:00
2018-06-14 22:09:19 +02:00
.footer ul li a {
2021-11-11 00:49:36 +01:00
color: #999;
margin-right: 10px;
2016-09-20 23:14:24 +02:00
}
img[id|=sample] {
2021-11-11 00:49:36 +01:00
position: fixed;
bottom: 100px;
right: calc(50% - 498px);
}
.menu ul {
2021-11-11 00:49:36 +01:00
padding-left: 5px;
}
2016-09-20 23:14:24 +02:00
.menu ul li {
2021-11-11 00:49:36 +01:00
padding: 5px 5px 5px 10px;
}
2016-09-20 23:14:24 +02:00
.menu ul li:hover {
2021-11-11 00:49:36 +01:00
background-color: #333;
color: #eee;
border-radius: 10px;
}
2016-09-20 23:14:24 +02:00
.menu ul li:hover a {
2021-11-11 00:49:36 +01:00
color: #bbb;
}
2016-09-20 23:14:24 +02:00
.menu ul li span {
2021-11-11 00:49:36 +01:00
display: none;
font-size: 1.8em;
font-weight: bold;
color: #333;
margin-left: 10px;
2016-09-20 23:14:24 +02:00
}
.menu ul li:hover span {
2021-11-11 00:49:36 +01:00
display: inline-block;
2016-09-20 23:14:24 +02:00
}
textarea {
2021-11-11 00:49:36 +01:00
font-family: monospace;
2018-06-14 22:09:19 +02:00
}