senaduka/old-saburly-wagtail-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Amir
2024-09-15 19:14:04 +02:00
parent 1d7364ba9f
commit a70db94b2b
1 changed files with 55 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
static/css/style.css
View File

@@ -115,6 +115,60 @@ footer {
color: white; color: white;
} }
@media (min-width: 1024px) {
.side-menu {
display: none;
}
.saburly-footer,
.content {
margin-left: 10%;
margin-right: 10%;
}
.empty-menu{
display: block;
}
.empty-menu-small{
display: none;
}
}
@media (max-width: 1023px) {
.side-menu {
display: block;
}
.saburly-footer{
margin-left: 10%;
margin-right: 10%;
}
.empty-menu{
display: none;
}
.empty-menu-small{
display: block;
}
.side-panel {
width: 100%;
}
.content {
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
padding-left: 0;
padding-right: 0;
}
.saburly-menu {
z-index: 9999;
margin-left: 5%;
margin-right: 5%;
}
.saburly-logo{
margin-right: 112px;
padding-top: 5px;
padding-bottom: 5px;
}
}
.header-hidden { .header-hidden {
transform: translateY(-100%); transform: translateY(-100%);
transition: transform 0.3s ease; transition: transform 0.3s ease;
@@ -169,8 +223,6 @@ body.side-menu.active {
overflow: hidden; overflow: hidden;
} }
/* Carousel */
.carousel-slider { .carousel-slider {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
@@ -189,64 +241,9 @@ body.side-menu.active {
text-align: center; text-align: center;
} }
/* Devices size */
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.carousel-item { .carousel-item {
width: calc(100% / 3); width: calc(100% / 3);
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
} }
} }
@media (min-width: 1024px) {
.side-menu {
display: none;
}
.saburly-footer,
.content {
margin-left: 10%;
margin-right: 10%;
}
.empty-menu{
display: block;
}
.empty-menu-small{
display: none;
}
}
@media (max-width: 1023px) {
.side-menu {
display: block;
}
.saburly-footer{
margin-left: 10%;
margin-right: 10%;
}
.empty-menu{
display: none;
}
.empty-menu-small{
display: block;
}
.side-panel {
width: 100%;
}
.content {
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
padding-left: 0;
padding-right: 0;
}
.saburly-menu {
z-index: 9999;
margin-left: 5%;
margin-right: 5%;
}
.saburly-logo{
margin-right: 112px;
padding-top: 5px;
padding-bottom: 5px;
}
}