68 lines
1.8 KiB
CSS
68 lines
1.8 KiB
CSS
@media screen and (max-width: 1778px) {
|
|
.main-content-section.single { margin-left: 290px; }
|
|
}
|
|
|
|
@media screen and (max-width: 1362px) {
|
|
.main-content-section.full { margin-left: 290px; }
|
|
}
|
|
|
|
@media screen and (max-width: 1100px) {
|
|
.main-content-section.full,.main-content-section.single { margin-left: auto; }
|
|
|
|
.side-bar {
|
|
background-color: var(--bg);
|
|
border: 1px solid var(--border-medium);
|
|
z-index: 2;
|
|
overflow: auto;
|
|
}
|
|
.side-bar { margin-left: -280px; }
|
|
}
|
|
@media screen and (max-width: 800px) {
|
|
.main-content-section.full { width: 100%; }
|
|
}
|
|
/* Ipad */
|
|
@media screen and (max-width: 768px) {
|
|
#main-side-content-container {
|
|
display: none;
|
|
}
|
|
.article-container {
|
|
grid-column: 1/13 !important;
|
|
}
|
|
.main-content-section {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* Smaller screens */
|
|
@media screen and (max-width: 456px) {
|
|
|
|
/* Categories */
|
|
.main-content-section.full .main-header .title-container .image-container {
|
|
width: 3.2rem;
|
|
height: 3.2rem;
|
|
}
|
|
.title-container .image-container i { font-size: 1.6rem; }
|
|
.title-container .title h2 { font-size: 1.5rem ; }
|
|
.white-button.topic { padding: 6px 10px; }
|
|
|
|
/* Sign up */
|
|
.double.psw .eye-icon-container { display: none; }
|
|
.double.psw .psw-repeat-container { margin: 0; }
|
|
.sign-container h1 { font-size: 1.5rem; }
|
|
.profile-extra-options { min-width: 300px; }
|
|
|
|
}
|
|
@media screen and (max-width: 360px) {
|
|
.main-content-section.full .main-header .title-container { flex-grow: 0; }
|
|
}
|
|
|
|
|
|
/* Sign In */
|
|
@media screen and (max-width: 601px) {
|
|
.main-container {
|
|
min-width: calc(100% - 40px);
|
|
padding: 40px;
|
|
}
|
|
.tooltiptext { display: none; }
|
|
}
|
|
|