switching/css/base.css

103 lines
1.5 KiB
CSS
Raw Normal View History

2020-02-21 09:23:05 +00:00
@font-face {
2020-07-19 18:52:29 +00:00
font-family: 'comfortaa';
src:url('../fonts/comfortaa.ttf');
2020-02-21 09:23:05 +00:00
}
2020-02-18 07:29:13 +00:00
.textblock {
2020-02-21 09:19:29 +00:00
background-color:#1f2833;
2020-02-21 06:33:54 +00:00
border-radius:2px;
2020-02-18 10:51:34 +00:00
border: 1px solid #667;
2020-02-18 07:29:13 +00:00
display:inline-block;
2020-02-21 08:41:38 +00:00
width: auto;
color: #c5c6c7;
padding: 1% 1% 1% 1%;
2020-02-21 08:41:38 +00:00
margin: 1% 1% 1% 1%;
2020-02-18 07:29:13 +00:00
}
.imgblock {
2020-02-21 09:19:29 +00:00
background-color:#1e2832;
2020-02-21 06:33:54 +00:00
border-radius:2px;
2020-02-18 07:29:13 +00:00
border:1px solid #667;
display:inline-block;
width: 96%;
height: 99%;
2020-02-21 08:41:38 +00:00
color: #c5c6c7;
padding: 1% 1% 1% 1%;
2020-09-13 13:56:20 +00:00
margin: 15% 1% 1% 1%;
2020-02-18 07:29:13 +00:00
}
2020-02-21 06:32:32 +00:00
.imgblock img {
margin: 1% 1% 1% 1%;
float: left;
2020-02-21 08:41:38 +00:00
}
2020-02-18 07:29:13 +00:00
2020-02-17 21:20:28 +00:00
body {
2020-07-19 18:52:29 +00:00
font: 100%/150% comfortaa;
width: 60%;
max-width: 80%;
2020-02-21 08:41:38 +00:00
margin: 0 auto;
background-color:#0b0c10;
2020-02-17 21:20:28 +00:00
}
p {
2020-02-21 08:41:38 +00:00
margin: 0 0 20px;
2020-02-17 21:20:28 +00:00
}
a {
2020-02-21 08:41:38 +00:00
color: #45a29e;
text-decoration: none;
2020-02-17 21:20:28 +00:00
}
a:hover {
2020-02-21 08:41:38 +00:00
color: #66fcf1;
2020-02-17 21:20:28 +00:00
}
2020-02-21 08:41:38 +00:00
2020-02-17 21:20:28 +00:00
h1, h2, h3 {
2020-02-21 09:21:07 +00:00
color: #eee;
margin: 20px 0 10px;
2020-02-17 21:20:28 +00:00
}
h1 {
2020-02-21 09:21:07 +00:00
font-size: 1.7em;
color: #bbb;
2020-02-17 21:20:28 +00:00
}
h2 {
2020-02-21 09:21:07 +00:00
font-size: 1.4em;
2020-02-17 21:20:28 +00:00
}
h3 {
2020-02-21 09:21:07 +00:00
font-size: 1.1em;
2020-02-17 21:20:28 +00:00
}
h1, h2, h3 {
2020-02-18 07:29:13 +00:00
color: #999;
2020-02-18 10:51:34 +00:00
margin: 20px 0 10px;
2020-07-19 18:52:29 +00:00
font-family: "comfortaa";
2020-02-17 21:20:28 +00:00
}
2020-03-11 10:39:42 +00:00
.zoom {
transition: transform .2s;
margin: 0 auto;
}
.zoom:hover {
-ms-transform: scale(2); /* IE 9 */
-webkit-transform: scale(2); /* Safari 3-8 */
transform: scale(2);
}
@media screen and (max-width: 900px) {
body {
max-width: 90%;
width: 80%;
}
}
@media screen and (max-width: 716px) {
body {
max-width: 98%;
width: 96%;
}
}
2020-02-17 21:20:28 +00:00