fedi/css/base.css
tolstoevsky f67caa0721
zoom
2020-03-11 13:39:42 +03:00

103 lines
1.5 KiB
CSS

@font-face {
font-family: 'exo2';
src:url('../fonts/exo2l.otf');
}
.textblock {
background-color:#1f2833;
border-radius:2px;
border: 1px solid #667;
display:inline-block;
width: auto;
color: #c5c6c7;
padding: 1% 1% 1% 1%;
margin: 1% 1% 1% 1%;
}
.imgblock {
background-color:#1e2832;
border-radius:2px;
border:1px solid #667;
display:inline-block;
width: 96%;
height: 99%;
color: #c5c6c7;
padding: 1% 1% 1% 1%;
margin: 1% 1% 1% 1%;
}
.imgblock img {
margin: 1% 1% 1% 1%;
float: left;
}
body {
font: 100%/150% exo2;
width: 60%;
max-width: 80%;
margin: 0 auto;
background-color:#0b0c10;
}
p {
margin: 0 0 20px;
}
a {
color: #45a29e;
text-decoration: none;
}
a:hover {
color: #66fcf1;
}
h1, h2, h3 {
color: #eee;
margin: 20px 0 10px;
}
h1 {
font-size: 1.7em;
color: #bbb;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.1em;
}
h1, h2, h3 {
color: #999;
margin: 20px 0 10px;
font-family: "exo2";
}
.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%;
}
}