Changes to blocks and added basic framework for Newsletters
This commit is contained in:
75
style.css
75
style.css
@ -34,30 +34,43 @@ Version: 1.0
|
||||
min-height:calc(100vh - 32px)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Main Content */
|
||||
.lcp-has-sidecontent #lcp-main-container > * > *{ padding:20px
|
||||
|
||||
}
|
||||
|
||||
#lcp-main-container {
|
||||
margin-top: var(--lcp--header--height)
|
||||
}
|
||||
/* Side content */
|
||||
#lcp-sidecontent {
|
||||
overflow:auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 340px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
border-right: 2px solid #eee;
|
||||
z-index: 2;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
#lcp-sidecontent-inner {
|
||||
height: 100%;
|
||||
overflow: auto; /* Enable scrolling for inner content */
|
||||
padding:0 10px
|
||||
#lcp-viewport-outer.lcp-has-sticky-header #lcp-sidecontent {
|
||||
top: var(--lcp--header--height);
|
||||
position:fixed!important;
|
||||
height: calc(100vh - var(--lcp--header--height))
|
||||
}
|
||||
|
||||
.admin-bar #lcp-viewport-outer.lcp-has-sticky-header #lcp-sidecontent {
|
||||
top: calc(var(--lcp--header--height) + 32px);
|
||||
height: calc(100vh - var(--lcp--header--height) - 32px)
|
||||
}
|
||||
|
||||
|
||||
#lcp-sidecontent-inner > * {
|
||||
margin-top: 10px;}
|
||||
|
||||
@ -69,6 +82,17 @@ Version: 1.0
|
||||
@media only screen and (max-width: 1199px) {
|
||||
|
||||
#lcp-sidecontent:not(.lcp-open) {display:none}
|
||||
#lcp-sidecontent.lcp-open {
|
||||
display: block;
|
||||
position: fixed;
|
||||
overflow:auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
}
|
||||
/* Main content an Footer */
|
||||
@ -89,7 +113,10 @@ Version: 1.0
|
||||
width: 100%
|
||||
}
|
||||
#lcp-sidecontent {top:var(--lcp---header--height)}
|
||||
.admin-bar #lcp-sidecontent {
|
||||
#lcp-sidecontent {
|
||||
top: calc(var(--lcp--header--height) );
|
||||
}
|
||||
.admin-bar #lcp-sidecontent.lcp-fixed {
|
||||
top: calc(var(--lcp--header--height) + 32px);
|
||||
}
|
||||
|
||||
@ -103,7 +130,7 @@ Version: 1.0
|
||||
|
||||
#lcp-header-container.lcp-sticky-on-scroll.lcp-fixed {
|
||||
position: fixed;
|
||||
top:0;
|
||||
top:32px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 3;
|
||||
@ -142,40 +169,6 @@ Version: 1.0
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#lcp-scroll-track {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
#lcp-scroll-bar {
|
||||
width: 100%;
|
||||
background-color: #333;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Highlight-to-share popup */
|
||||
.popup {
|
||||
position: absolute;
|
||||
|
||||
Reference in New Issue
Block a user