forked from GNUsocial/gnu-social
[CSS] Ultra widescreen dimensions fix
This commit is contained in:
parent
6ce78141a8
commit
e5f09a26d4
@ -6,14 +6,6 @@
|
||||
|
||||
@import url("widgets/sections.css");
|
||||
|
||||
/*:root {*/
|
||||
/* --smaller: .6rem;*/
|
||||
/* --default: 1rem;*/
|
||||
/* --small: 1.3rem;*/
|
||||
/* --medium: 1.62rem;*/
|
||||
/* --big: 3rem;*/
|
||||
/*}*/
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box !important;
|
||||
-moz-box-sizing: border-box !important;
|
||||
@ -24,9 +16,13 @@
|
||||
body,html {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
background-color: var(--background-hard);
|
||||
background-attachment: fixed;
|
||||
font-family: 'Open Sans',sans-serif;
|
||||
font-size: var(--default);
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
body,input,textarea,select {
|
||||
@ -183,10 +179,6 @@ li {
|
||||
}
|
||||
|
||||
@media(prefers-color-scheme:dark) {
|
||||
.background-image {
|
||||
background-color: var(--background-hard);
|
||||
}
|
||||
|
||||
select:not([multiple]) {
|
||||
background: var(--gradient),url("../images/select_drop_dark.png") no-repeat center right 5px !important;
|
||||
background-size: cover,16px !important;
|
||||
@ -194,10 +186,6 @@ li {
|
||||
}
|
||||
|
||||
@media(prefers-color-scheme:light) {
|
||||
.background-image {
|
||||
background-color: var(--background-hard);
|
||||
}
|
||||
|
||||
select:not([multiple]) {
|
||||
background: var(--gradient),url("../images/select_drop_light.png") no-repeat center right 5px !important;
|
||||
background-size: cover,16px !important;
|
||||
@ -424,6 +412,18 @@ html {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:2000px) {
|
||||
.page-content-wrapper {
|
||||
width: 50%;
|
||||
}
|
||||
.section-panel-left {
|
||||
left: calc(25% - 19vw) !important;
|
||||
}
|
||||
.section-panel-right {
|
||||
right: calc(25% - 19vw) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.page-content-wrapper {
|
||||
width: 100%;
|
||||
|
@ -32,7 +32,7 @@
|
||||
{% endfor %}
|
||||
</head>
|
||||
|
||||
<body class="background-image">
|
||||
<body>
|
||||
|
||||
<aside class="accessibility-menu">
|
||||
<h2 class="accessibility-menu-title" tabindex="0">{{ 'Accessibility menu.' | trans }}</h2>
|
||||
|
Loading…
Reference in New Issue
Block a user