cat/catmpeg.github.io
1
0
Fork 0
mirror of https://github.com/catmpeg/catmpeg.github.io.git synced 2026-02-20 15:50:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

редизайн

Browse source
This commit is contained in:
catmpeg 2025-06-19 12:01:28 +03:00
commit 52efeb8614
3 changed files with 61 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

84
styles.css
View file

@ -1,34 +1,60 @@
@font-face {
font-family: 'JetBrains Mono';
src: url('font/JetBrainsMono-Bold.ttf') format('truetype');
font-weight: bold;
font-display: swap;
}
body {
margin: 0;
min-height: 100svh;
font: 14px 'JetBrains Mono', monospace;
color: #fff;
text-align: center;
background: black url(images/bg.jpg) center/cover fixed;
background: #222222;
/* background: black url(images/bg.jpg) center/cover fixed; */
/* background: #333333; */
/* background: #292929; */
flex-direction: column;
}
main {
max-width: 800px;
main,
#webring,
#hello {
max-width: 1000px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 20px;
border-radius: 15px;
/* border-radius: 15px; */
box-sizing: border-box;
border: 4px double rgb(180, 180, 180);
}
#webring,
main {
background-color: rgba(34, 34, 34, 0.3);
#buttons {
padding: 15px;
margin: 0 auto;
border: 4px double rgb(180, 180, 180);
width: 300px;
}
a {
text-decoration: none;
}
iframe {
border: 2px solid rgb(180, 180, 180);
}
/* <-----------------------> */
#webring {
max-width: 1000px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 20px;
/* border-radius: 15px; */
box-sizing: border-box;
justify-content: center;
align-items: center;
gap: 15px;
background-color: rgba(34, 34, 34, 0.7);
backdrop-filter: blur(10px);
border: 4px double rgb(180, 180, 180);
}
body,
@ -38,19 +64,6 @@ body,
display: flex;
}
#webring {
justify-content: center;
gap: 15px;
align-items: center;
width: 100%;
margin-top: auto;
text-decoration: underline;
}
a {
text-decoration: none;
}
a,
#webring {
color: rgb(66, 131, 252);
@ -59,7 +72,7 @@ a,
#buttons {
justify-content: center;
gap: 20px;
margin: 20px 0;
}
#buttons img {
@ -78,10 +91,6 @@ a,
margin-left: 100px;
}
iframe {
border: 2px solid rgb(66, 131, 252);
}
#gamesicon {
border-radius: 50%;
height: 64px;
@ -89,6 +98,8 @@ iframe {
box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.45);
}
/* <-----------------------> */
@media (max-width: 600px) {
body {
gap: 15px;
@ -113,6 +124,13 @@ iframe {
margin: 10px auto 0;
padding: 8px 12px;
box-sizing: border-box;
border-radius: 15px;
/* border-radius: 15px; */
}
}
@font-face {
font-family: 'JetBrains Mono';
src: url('font/JetBrainsMono-Bold.ttf') format('truetype');
font-weight: bold;
font-display: swap;
}