Starlio/Starlio-web
1
0
Fork 0
mirror of https://github.com/Starlio-app/Starlio-web.git synced 2025-02-25 19:51:25 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

I wrote the js code to change the image

Browse source
This commit is contained in:
Данил 2024-07-21 21:07:27 +03:00
parent c300125c94
commit 2478b6907e
2 changed files with 162 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

108
static/css/wallpaper.css Normal file
View file

@ -0,0 +1,108 @@
body {
background: #153E3F;
color: white;
font-family: 'Roboto', serif;
}
@media (min-width: 0) {
.wallpaper img {
width: 90%;
border-radius: 8px;
margin: 0 auto 0 auto;
display: flex;
}
.wallpaper h1 {
text-align: center;
}
.copyright {
font-size: 110%;
width: 90%;
}
p {
margin-left: auto;
margin-right: auto;
}
.desc {
font-size: 125%;
line-height: 32px;
width: 90%;
}
.wallpaper-text {
display: flex;
flex-direction: column-reverse;
}
.get-it-on {
display: flex;
margin: 5% auto 3% auto;
}
}
@media (min-width: 768px) {
.get-it-on {
display: flex;
margin: 5% auto 3% auto;
}
.desc {
font-size: 150%;
line-height: 39px;
width: 90%;
}
.copyright {
font-size: 125%;
width: 90%;
}
}
@media (min-width: 992px) {
.desc {
font-size: 200%;
line-height: 45px;
width: 90%;
}
.copyright {
font-size: 150%;
width: 90%;
}
.wallpaper h1 {
text-align: center;
font-size: 250%;
}
}
@media (min-width: 1200px) {
.wallpaper img {
width: 40%;
border-radius: 8px;
float: left;
}
.wallpaper-text {
display: flex;
flex-direction: column;
}
.desc {
font-size: 150%;
line-height: 36px;
width: 90%;
}
.copyright {
font-size: 120%;
}
}