75 lines
1.2 KiB
CSS
75 lines
1.2 KiB
CSS
|
html {
|
||
|
|
background-color: #fff;
|
||
|
|
background-image: url("https://willy.club/img/imagedoc-lightnoise.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
color: #222;
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: "Liberation Sans", Arial, sans-serif;
|
||
|
|
line-height: 1.5;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2, h3, h4 {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-top-head {
|
||
|
|
padding: 12px;
|
||
|
|
background: #472886;
|
||
|
|
background: linear-gradient(0deg, rgba(71,40,134,1) 0%, rgba(81,24,195,1) 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-top-inner {
|
||
|
|
color: #f8f8f8;
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-container {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: minmax(150px, auto) auto;
|
||
|
|
grid-gap: 12px;
|
||
|
|
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
main img {
|
||
|
|
display: block;
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
border: 1px solid #aaa;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav {
|
||
|
|
background: #eee;
|
||
|
|
border: 1px solid #aaa;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav > ul {
|
||
|
|
padding-right: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: rgb(0, 0, 255);
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
background: #ddd;
|
||
|
|
border-top: 1px solid #aaa;
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-inner {
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 600px) {
|
||
|
|
.grid-container {
|
||
|
|
grid-template-columns: auto;
|
||
|
|
}
|
||
|
|
}
|