D10 theme for Island Scholar v2 Clone of "vre2024"
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

74 lines
1.3 KiB

4 weeks ago
/*
* Layout
*/
/* Layout -> containers */
.container {
position: relative;
width: 100%;
max-width: var(--page-container-width);
margin: 0 auto;
padding: 0 10px;
}
/* Layout -> Main wrapper (Main + Sidebar) */
.main-wrapper {
position: relative;
display: block;
padding: 2rem 0;
}
.main-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
/* Main
--------------------------------*/
#main {
position: relative;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
#sidebar-left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#sidebar-right {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
/* No sidebar + main */
.no-sidebar #main,
.sidebar-left #main,
.sidebar-right #main,
.two-sidebar #main,
#sidebar-left,
#sidebar-right {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
}
#front-main {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
margin: 0;
}
/* Frontpage with Sidebar
--------------------------------*/
.front-content-with-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}