GNUsocial/gnusocial.rocks
4
0
Fork 1
Code Issues Pull Requests Releases Activity

[CSS] Default page styling media queries simplified.

Browse Source
This commit is contained in:
Eliseu Amaro 2021-09-13 14:04:05 +01:00
parent 8c0dd20720
commit dabae9fbb4
2 changed files with 27 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
assets/css/style.css
View File

@ -118,10 +118,29 @@ hr {
flex-direction: column; flex-direction: column;
} }
@media screen and (max-width: 700px) { @media screen and (min-width: 2000px) and (min-height: 1000px) {
.content,
.content-team {
padding-left: 20% !important;
padding-right: 20% !important;
}
}
@media screen and (min-width: 800px) {
.l-box {
margin-right: 4rem;
}
}
@media screen and (max-width: 800px) {
.menu-list { .menu-list {
font-size: 1rem !important; font-size: 1rem !important;
} }
.content,
.content ~ * {
top: unset !important;
position: relative !important;
}
.splash-head { .splash-head {
font-size: 2rem !important; font-size: 2rem !important;
} }
@ -129,48 +148,21 @@ hr {
height: 3rem !important; height: 3rem !important;
width: 3rem !important; width: 3rem !important;
} }
.soc {
position: relative !important;
}
.content, .content,
.ribbon-wrapper, .ribbon-wrapper,
.content-team { .content-team {
padding: 1.5rem !important; padding: 1.5rem !important;
} }
.content-team .g .l-box-lrg:last-child { .content-team .g .l-box-lrg:last-child {
flex: 1 !important; flex: 1 !important;
word-break: keep-all; word-break: keep-all;
white-space: nowrap; white-space: nowrap;
} }
}
@media screen and (max-height: 700px) {
header {
font-size: 1.25rem !important;
}
.content,
.ribbon-wrapper,
.content-team {
padding: 1rem !important;
}
.content-head {
margin-bottom: 5px;
}
.content {
position: relative !important;
}
.g {
position: sticky !important;
max-height: min-content !important;
padding: unset;
}
.l-box { .l-box {
margin: unset; margin-right: 1rem;
padding: 5px !important;
}
.l-box > * {
margin: unset;
padding: unset;
} }
} }
@ -240,7 +232,6 @@ hr {
.content .g .l-box { .content .g .l-box {
flex: 1; flex: 1;
min-width: 10rem; min-width: 10rem;
margin-right: 24px;
} }
.content ~ * { .content ~ * {
@ -334,6 +325,7 @@ hr {
} }
.footer { .footer {
width: 100%;
padding: 1rem; padding: 1rem;
background-color: #333333; background-color: #333333;
color: #e9eaed; color: #e9eaed;

6
index.html
View File

@ -7,9 +7,9 @@
<meta name="description" content="GNU social; A free software social networking platform."> <meta name="description" content="GNU social; A free software social networking platform.">
<title>GNU social &mdash; a free software social networking platform</title> <title>GNU social &mdash; a free software social networking platform</title>
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="https://www.gnusocial.rocks/assets/css/style.css"> <link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://www.gnusocial.rocks/assets/css/reset.css"> <link rel="stylesheet" href="assets/css/reset.css">
<link rel='stylesheet' type='text/css' href="https://www.gnusocial.rocks/assets/fonts/opensans/opensans.css"> <link rel='stylesheet' type='text/css' href="assets/fonts/opensans/opensans.css">
</head> </head>
<body> <body>