43 lines
1 KiB
CSS
43 lines
1 KiB
CSS
|
/* Golden Grid */
|
||
|
|
.golden-grid {
|
||
|
|
height: 100% !important;
|
||
|
|
min-height: 100% !important;
|
||
|
|
display: grid !important;
|
||
|
|
position: relative;
|
||
|
|
grid-template-rows: 1fr 1fr 2fr 4fr 2.66fr 5.33fr 5.33fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
|
||
|
|
grid-template-columns: 1fr 1fr 2fr 4fr 2.66fr 5.33fr 5.33fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide {
|
||
|
|
overflow-y: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Vertical Lines */
|
||
|
|
.vertical-line {
|
||
|
|
z-index: 1;
|
||
|
|
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
|
||
|
|
height: 150%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vertical-line-start {
|
||
|
|
z-index: 1;
|
||
|
|
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
|
||
|
|
grid-area: 1/6 / span 20 / span 1;
|
||
|
|
height: 150%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vertical-line-center {
|
||
|
|
z-index: 1;
|
||
|
|
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
|
||
|
|
grid-area: 1/11 / span 20 / span 1;
|
||
|
|
height: 150%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vertical-line-end {
|
||
|
|
z-index: 1;
|
||
|
|
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
|
||
|
|
grid-area: 1/16 / span 20 / span 1;
|
||
|
|
height: 150%;
|
||
|
|
}
|