2020-07-21 16:23:51 +02:00
@ import "//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" ;
2020-04-17 16:50:36 +02:00
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
. tooltipster-default {
border-radius : 3px ;
border : 2px solid # 222 ;
border : none ;
background : # 0073aa ;
background : rgba ( 33 , 149 , 204 , 0 . 95 ) ;
color : # e7f3f8 ; }
/* Use this next selector to style things like font-size and line-height: */
. tooltipster-default . tooltipster-content {
font-size : 12px ;
line-height : 20px ;
padding : 12px 16px ;
overflow : hidden ;
text-align : center ; }
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
. tooltipster-default . tooltipster-arrow . tooltipster-arrow-border {
/* border-color: ... !important; */ }
/* If you're using the icon option, use this next selector to style them */
. tooltipster-icon {
cursor : help ;
margin-left : 4px ; }
/* This is the base styling required to make all Tooltipsters work */
. tooltipster-base {
padding : 0 ;
font-size : 0 ;
line-height : 0 ;
position : absolute ;
left : 0 ;
top : 0 ;
z-index : 9999999 ;
pointer-events : none ;
width : auto ;
overflow : visible ; }
. tooltipster-base . tooltipster-content {
overflow : hidden ; }
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
. tooltipster-arrow {
display : block ;
text-align : center ;
width : 100 % ;
height : 100 % ;
position : absolute ;
top : 0 ;
left : 0 ;
z-index : -1 ; }
. tooltipster-arrow span , . tooltipster-arrow-border {
display : block ;
width : 0 ;
height : 0 ;
position : absolute ; }
. tooltipster-arrow-top span , . tooltipster-arrow-top-right span , . tooltipster-arrow-top-left span {
border-left : 8px solid transparent ! important ;
border-right : 8px solid transparent ! important ;
border-top : 8px solid ;
bottom : -7px ; }
. tooltipster-arrow-top . tooltipster-arrow-border , . tooltipster-arrow-top-right . tooltipster-arrow-border , . tooltipster-arrow-top-left . tooltipster-arrow-border {
border-left : 9px solid transparent ! important ;
border-right : 9px solid transparent ! important ;
border-top : 9px solid ;
bottom : -7px ; }
. tooltipster-arrow-bottom span , . tooltipster-arrow-bottom-right span , . tooltipster-arrow-bottom-left span {
border-left : 8px solid transparent ! important ;
border-right : 8px solid transparent ! important ;
border-bottom : 8px solid ;
top : -7px ; }
. tooltipster-arrow-bottom . tooltipster-arrow-border , . tooltipster-arrow-bottom-right . tooltipster-arrow-border , . tooltipster-arrow-bottom-left . tooltipster-arrow-border {
border-left : 9px solid transparent ! important ;
border-right : 9px solid transparent ! important ;
border-bottom : 9px solid ;
top : -7px ; }
. tooltipster-arrow-top span , . tooltipster-arrow-top . tooltipster-arrow-border , . tooltipster-arrow-bottom span , . tooltipster-arrow-bottom . tooltipster-arrow-border {
left : 0 ;
right : 0 ;
margin : 0 auto ; }
. tooltipster-arrow-top-left span , . tooltipster-arrow-bottom-left span {
left : 6px ; }
. tooltipster-arrow-top-left . tooltipster-arrow-border , . tooltipster-arrow-bottom-left . tooltipster-arrow-border {
left : 5px ; }
. tooltipster-arrow-top-right span , . tooltipster-arrow-bottom-right span {
right : 6px ; }
. tooltipster-arrow-top-right . tooltipster-arrow-border , . tooltipster-arrow-bottom-right . tooltipster-arrow-border {
right : 5px ; }
. tooltipster-arrow-left span , . tooltipster-arrow-left . tooltipster-arrow-border {
border-top : 8px solid transparent ! important ;
border-bottom : 8px solid transparent ! important ;
border-left : 8px solid ;
top : 50 % ;
margin-top : -7px ;
right : -7px ; }
. tooltipster-arrow-left . tooltipster-arrow-border {
border-top : 9px solid transparent ! important ;
border-bottom : 9px solid transparent ! important ;
border-left : 9px solid ;
margin-top : -8px ; }
. tooltipster-arrow-right span , . tooltipster-arrow-right . tooltipster-arrow-border {
border-top : 8px solid transparent ! important ;
border-bottom : 8px solid transparent ! important ;
border-right : 8px solid ;
top : 50 % ;
margin-top : -7px ;
left : -7px ; }
. tooltipster-arrow-right . tooltipster-arrow-border {
border-top : 9px solid transparent ! important ;
border-bottom : 9px solid transparent ! important ;
border-right : 9px solid ;
margin-top : -8px ; }
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
. tooltipster-fade {
opacity : 0 ;
-webkit-transition-property : opacity ;
transition-property : opacity ; }
. tooltipster-fade-show {
opacity : 1 ; }
. tooltipster-grow {
-webkit-transform : scale ( 0 , 0 ) ;
-ms-transform : scale ( 0 , 0 ) ;
transform : scale ( 0 , 0 ) ;
-webkit-transition-property : -webkit-transform ;
transition-property : -webkit-transform ;
transition-property : transform ;
transition-property : transform , -webkit-transform ;
-webkit-backface-visibility : hidden ; }
. tooltipster-grow-show {
-webkit-transform : scale ( 1 , 1 ) ;
-ms-transform : scale ( 1 , 1 ) ;
transform : scale ( 1 , 1 ) ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 ) ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 . 15 ) ;
transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 . 15 ) ; }
. tooltipster-swing {
opacity : 0 ;
-webkit-transform : rotateZ ( 4deg ) ;
-ms-transform : rotateZ ( 4deg ) ;
transform : rotateZ ( 4deg ) ;
-webkit-transition-property : -webkit-transform , opacity ;
-webkit-transition-property : -webkit-transform ;
transition-property : -webkit-transform ;
transition-property : transform ;
transition-property : transform , -webkit-transform ; }
. tooltipster-swing-show {
opacity : 1 ;
-webkit-transform : rotateZ ( 0deg ) ;
-ms-transform : rotateZ ( 0deg ) ;
transform : rotateZ ( 0deg ) ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 23 , 0 . 635 , 0 . 495 , 1 ) ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 23 , 0 . 635 , 0 . 495 , 2 . 4 ) ;
transition-timing-function : cubic-bezier ( 0 . 23 , 0 . 635 , 0 . 495 , 2 . 4 ) ; }
. tooltipster-fall {
top : 0 ;
-webkit-transition-property : top ;
transition-property : top ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 ) ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 . 15 ) ;
transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 . 15 ) ; }
. tooltipster-fall . tooltipster-dying {
-webkit-transition-property : all ;
transition-property : all ;
top : 0px ! important ;
opacity : 0 ; }
. tooltipster-slide {
left : -40px ;
-webkit-transition-property : left ;
transition-property : left ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 ) ;
-webkit-transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 . 15 ) ;
transition-timing-function : cubic-bezier ( 0 . 175 , 0 . 885 , 0 . 32 , 1 . 15 ) ; }
. tooltipster-slide . tooltipster-dying {
-webkit-transition-property : all ;
transition-property : all ;
left : 0px ! important ;
opacity : 0 ; }
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
. tooltipster-content-changing {
opacity : 0 . 5 ;
-webkit-transform : scale ( 1 . 1 , 1 . 1 ) ;
-ms-transform : scale ( 1 . 1 , 1 . 1 ) ;
transform : scale ( 1 . 1 , 1 . 1 ) ; }
/ *
* Select2 - form replacement - http : / / ivaynberg . github . io / select2 /
*
* @ since 1 . 0
* /
. select2-container {
position : relative ;
display : inline-block ;
zoom : 1 ;
* display : inline ;
vertical-align : middle ;
min-width : 60 % ; }
. inner . half . select2-container {
min-width : 90 % ;
width : 90 % ; }
# alm-builder . select2-container li {
padding-right : 0 ; }
. select2-container a . select2-choice {
display : block ;
height : 40px ;
line-height : 38px ;
padding : 0 10px ;
overflow : hidden ;
position : relative ;
border : 1px solid # e1e1e1 ;
white-space : nowrap ;
color : # 333 ;
text-decoration : none ;
background : # fff ;
background : # f7f7f7 ;
border-radius : 2px ;
-webkit-background-clip : padding-box ;
-moz-background-clip : padding ;
background-clip : padding-box ;
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
font-size : 14px ; }
. select2-dropdown-open . select2-container-active . select2-choice {
border-radius : 4px 4px 0 0 ; }
. select2-container . select2-drop-above . select2-choice {
background : # fff ;
border-radius : 0 0 4px 4px ; }
. select2-container . select2-choice span {
margin-right : 30px ;
margin-left : 2px ;
display : block ;
overflow : hidden ;
white-space : nowrap ;
color : # 666 ;
-ms-text-overflow : ellipsis ;
text-overflow : ellipsis ; }
. select2-container . select2-choice abbr : hover {
background-position : right -11px ;
cursor : pointer ; }
. select2-drop-mask {
position : absolute ;
left : 0 ;
top : 0 ;
z-index : 8 ;
background-color : # fff ;
opacity : 0 ;
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ;
/* works in IE 8 */
filter : "alpha(opacity=0)" ;
/* expected to work in IE 8 */
filter : alpha ( opacity = 0 ) ;
/* IE 4-7 */ }
. select2-drop {
overflow : hidden ;
width : 100 % ;
margin-top : -1px ;
position : absolute ;
z-index : 9 ;
top : 100 % ;
background : # fff ;
color : # 000 ;
border : 1px solid # efefef ;
border-top : 0 ;
border-radius : 0 0 2px 2px ;
-webkit-box-shadow : 0 2px 1px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 2px 1px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
font-size : 14px ; }
. select2-drop . select2-drop-above {
margin-top : 1px ;
border-top : 1px solid # efefef ;
border-bottom : 0 ;
border-radius : 2px 2px 0 0 ;
-webkit-box-shadow : 0 -2px -1px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 -2px -1px rgba ( 0 , 0 , 0 , 0 . 1 ) ; }
. select2-container . select2-choice div {
display : block ;
width : 30px ;
height : 100 % ;
position : absolute ;
right : 0 ;
top : 0 ; }
. select2-container . select2-choice div b {
display : block ;
width : 100 % ;
height : 100 % ;
background : # fff url ( "../../img/bkg-select.png" ) no-repeat center center ; }
. select2-dropdown-open . select2-container-active div b {
display : block ;
width : 100 % ;
height : 100 % ;
background-color : # fff ; }
/* Search */
. select2-search {
display : none ! important ;
padding : 2px ;
display : block ;
background-color : # fff ; }
. select2-search . select2-input {
width : 99 % ;
height : 26px ! important ;
border-color : # efefef ! important ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ;
background : url ( "../../img/select2.png" ) no-repeat scroll 100 % -22px ! important ; }
/* Multi select box */
# alm-builder . select2-container-multi {
width : 60 % ; }
# alm-builder . select2-results li {
width : 100 % ; }
# alm-builder . select2-container-multi . select2-input {
cursor : pointer ;
margin : 0 ! important ; }
# alm-builder ul . select2-choices {
width : 100 % ;
overflow : hidden ; }
# alm-builder ul . select2-choices li . select2-search-field ,
# alm-builder ul . select2-choices li . select2-search-field input {
width : 100 % ! important ;
display : block ; }
/* Selected Choice */
# alm-builder ul . select2-choices li . select2-search-choice {
display : inline-block ;
font-size : 12px ;
line-height : 13px ;
margin : 0 5px 5px 0 ;
padding : 5px 10px 5px 24px ;
border-radius : 3px ;
background : # fff ;
border : 1px solid # ccc ;
width : auto ;
position : relative ; }
# alm-builder ul . select2-choices . select2-input {
background : # f7f7f7 url ( "../../img/bkg-select.png" ) no-repeat right center ; }
# alm-builder ul . select2-choices li . select2-search-choice a {
position : absolute ;
left : 5px ;
top : 5px ;
width : 13px ;
height : 13px ;
background : # 999 url ( "../../img/ico-close.png" ) no-repeat center center ;
color : # fff ;
display : block ;
border-radius : 2px ; }
# alm-builder ul . select2-choices li . select2-search-choice a : hover {
background-color : # ff0000 ; }
/* results UL */
. select2-results {
max-height : 311px ;
padding : 0 0 0 0 ;
margin : 0 0 0 0 ;
position : relative ;
overflow-x : hidden ;
overflow-y : auto ;
-webkit-tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ; }
. select2-result-sub {
margin : 0 ;
padding : 0 ; }
. select2-results li {
list-style : none ;
display : block ;
background-image : none ;
padding : 0 ;
margin : 0 ! important ;
border-top : 1px solid # efefef ;
color : # 666 ;
width : auto ;
font-size : 13px ; }
. select2-results li . select2-result-with-children > . select2-result-label {
font-weight : 600 ;
font-size : 14px ;
cursor : default ;
color : # 222 ; }
. select2-results . select2-result-label {
margin : 0 ;
cursor : pointer ;
min-height : 1em ;
padding : 10px 8px ;
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ; }
. select2-results . select2-highlighted . select2-result-label {
/* Hover */
background : # f7f7f7 ;
color : # ca5252 ; }
. select2-results . select2-highlighted : active {
background : # fff ; }
. select2-results li em {
background : # feffde ;
font-style : normal ; }
. select2-results . select2-highlighted em {
background : transparent ; }
. select2-results . select2-highlighted ul {
background : white ;
color : # 000 ; }
. select2-results . select2-no-results ,
. select2-results . select2-searching ,
. select2-results . select2-selection-limit {
background : # f4f4f4 ;
display : list-item ; }
. select2-results . select2-no-results {
min-height : 1em ;
padding : 10px 7px ;
font-size : 13px ; }
/ *
disabled look for disabled choices in the results dropdown
* /
. select2-results . select2-disabled . select2-highlighted {
color : # 666 ;
background : # f4f4f4 ;
display : list-item ;
cursor : default ; }
. select2-results . select2-disabled {
background : # f4f4f4 ;
display : list-item ;
cursor : default ; }
. select2-results . select2-selected {
display : none ; }
. select2-more-results {
background : # f4f4f4 ;
display : list-item ; }
/* disabled styles */
. select2-container . select2-container-disabled . select2-choice {
background-color : # f4f4f4 ;
background-image : none ;
border : 1px solid # ddd ;
cursor : default ; }
. select2-container . select2-container-disabled . select2-choice div {
background-color : # f4f4f4 ;
background-image : none ;
border-left : 0 ; }
. select2-container . select2-container-disabled . select2-choice abbr {
display : none ; }
. select2-offscreen {
border : 0 ;
clip : rect ( 0 0 0 0 ) ;
height : 1px ;
margin : -1px ;
overflow : hidden ;
padding : 0 ;
position : absolute ;
width : 1px ;
left : 0 ; }
. ajax-load-more . header-wrap {
overflow : hidden ;
padding : 25px 25px 12 . 5px ;
background : # f7f7f7 ;
border-bottom : 1px solid # e1e1e1 ;
position : relative ;
z-index : 1 ;
-webkit-box-shadow : 0 1px 12px 2px rgba ( 0 , 0 , 0 , 0 . 045 ) ;
box-shadow : 0 1px 12px 2px rgba ( 0 , 0 , 0 , 0 . 045 ) ; }
. ajax-load-more . header-wrap h1 {
padding : 0 0 0 58px ;
min-height : 48px ;
padding-top : 0 ;
background : url ( "../../img/alm-logo-48x48.png" ) no-repeat 0 0 ;
background : url ( "../../img/alm-logo-48x48.svg" ) no-repeat 0 0 ;
font-size : 22px ; }
. ajax-load-more . header-wrap h1 em {
display : block ;
position : relative ;
margin : 1px 0 0 ;
font-size : 14px ;
opacity : 0 . 7 ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 . 35 ;
padding : 1px 0 12 . 5px ; }
. ajax-load-more . header-wrap h1 strong {
font-weight : 700 ; }
. ajax-load-more . header-wrap h1 span {
color : # 999 ;
font-weight : 300 ;
background : # fff ;
padding : 5px 6px ;
border-radius : 2px ;
font-size : 0 . 8em ;
position : relative ;
top : -2px ;
left : 5px ; }
/* Pro Add-on Listing */
. alm-pro-listing {
padding : 0 ;
border-top : none ;
position : relative ;
padding-bottom : 20px ; }
. alm-pro-listing . loader {
position : absolute ;
left : 0 ;
top : 0 ;
width : 100 % ;
height : 100 % ;
z-index : 99 ;
display : none ; }
. alm-pro-listing . loading . loader {
display : block ; }
. alm-pro-listing--header {
border : 1px solid # e1e1e1 ;
background : # f7f7f7 ;
padding : 18px ;
font-size : 13px ;
font-weight : 600 ;
text-transform : uppercase ;
color : # 23282d ;
position : relative ;
margin-bottom : 30px ;
border-radius : 2px ; }
. alm-pro-listing--header div {
position : absolute ;
right : 15px ;
top : 50 % ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
font-size : 13px ;
opacity : 0 . 7 ;
font-weight : normal ;
text-transform : none ;
font-style : italic ; }
@ media screen and ( max-width : 480px ) {
. alm-pro-listing--header div {
display : none ; } }
. alm-pro-listing--wrap {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
2020-05-04 16:30:49 +02:00
width : calc ( 100 % + 10px ) ;
margin-left : -5px ; }
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item {
2020-05-04 16:30:49 +02:00
width : calc ( 50 % - 10px ) ;
2020-04-17 16:50:36 +02:00
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
2020-05-04 16:30:49 +02:00
margin : 0 5px 10px ; }
2020-04-17 16:50:36 +02:00
@ media screen and ( min-width : 1500px ) {
. alm-pro-listing . item {
2020-05-04 16:30:49 +02:00
width : calc ( 33 . 333 % - 10px ) ; } }
2020-04-17 16:50:36 +02:00
@ media screen and ( max-width : 480px ) {
. alm-pro-listing . item {
2020-05-04 16:30:49 +02:00
width : 100 % ;
margin : 0 0 10px ; } }
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item h2 , . alm-pro-listing . item p , . alm-pro-listing . item img , . alm-pro-listing . item . state {
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ; }
. alm-pro-listing . item a {
text-decoration : none ! important ;
padding : 0 55px 0 0 ;
position : relative ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
border : 1px solid # e1e1e1 ;
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ;
border-radius : 2px ; }
2020-05-04 16:30:49 +02:00
@ media screen and ( max-width : 1100px ) {
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item a {
2020-05-04 16:30:49 +02:00
padding : 0 10px 20px ; } }
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item a : hover , . alm-pro-listing . item a : focus {
border-color : # bbb ; }
. alm-pro-listing . item a : hover h2 , . alm-pro-listing . item a : focus h2 {
text-decoration : none ; }
. alm-pro-listing . item--detail {
padding : 20px ;
position : relative ;
min-height : 110px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
2020-05-04 16:30:49 +02:00
-webkit-box-align : start ;
-ms-flex-align : start ;
align-items : flex-start ; }
@ media screen and ( max-width : 1100px ) {
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item--detail {
display : block ;
text-align : center ; }
. alm-pro-listing . item--detail img {
padding-bottom : 20px ; } }
. alm-pro-listing . item--detail div {
padding : 0 ; }
. alm-pro-listing . item--detail img {
width : 110px ;
height : auto ;
2020-05-04 16:30:49 +02:00
margin-right : 20px ; }
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item--detail a {
text-decoration : none ; }
. alm-pro-listing . item--detail a : hover , . alm-pro-listing . item--detail a : focus {
text-decoration : none ; }
. alm-pro-listing . item--detail a : hover h2 , . alm-pro-listing . item--detail a : focus h2 {
text-decoration : none ; }
. alm-pro-listing . item--detail h2 {
margin : 0 0 7px ;
font-size : 16px ;
line-height : 1 ;
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ; }
. alm-pro-listing . item--detail h2 span {
font-weight : 400 ;
opacity : 0 . 4 ;
font-size : 12px ;
position : relative ;
top : 0 ;
left : 3px ;
text-decoration : none ! important ; }
. alm-pro-listing . item--detail p {
margin : 0 ;
padding : 0 ;
font-size : 14px ; }
. alm-pro-listing . item--detail p . link {
font-size : 13px ;
padding-top : 2px ;
opacity : 0 ;
-webkit-transition : opacity 0 . 15s ease ;
transition : opacity 0 . 15s ease ; }
2020-05-04 16:30:49 +02:00
. alm-pro-listing . item--detail . highlight-addon {
padding-top : 15px ;
font-size : 12px ;
margin : 0 ; }
. alm-pro-listing . item--detail . highlight-addon span {
display : inline-block ;
padding : 5px ;
position : relative ;
left : -5px ;
line-height : 1 ;
background-color : # ffffe8 ;
font-weight : 500 ; }
2020-04-17 16:50:36 +02:00
. alm-pro-listing . item . result {
position : absolute ;
right : 6px ;
bottom : 6px ;
font-size : 12px ;
opacity : 0 ;
-webkit-transition : all 0 . 25s ease ;
transition : all 0 . 25s ease ; }
. alm-pro-listing . item . result . in-view {
opacity : 0 . 7 ; }
. alm-pro-listing . item . result . type {
background : # 47bd79 ;
color : # fff ;
display : none ;
border-radius : 2px ;
padding : 3px 6px ;
display : inline-block ; }
. alm-pro-listing . item . result . type . inactive {
background : # c54545 ;
display : none ; }
. alm-pro-listing . item . state {
width : 22px ;
height : 22px ;
position : absolute ;
right : 6px ;
top : 6px ;
border-radius : 2px ;
background : # 57d48c ;
color : # fff ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
text-decoration : none ! important ;
font-size : 12px ;
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ; }
. alm-pro-listing . item . state : before {
font-family : 'FontAwesome' ;
content : '\f00c' ;
display : block ; }
. alm-pro-listing . item . active a {
border-color : # 57d48c ; }
. alm-pro-listing . item . active : hover . state {
opacity : 0 . 9 ; }
. alm-pro-listing . item . inactive h2 , . alm-pro-listing . item . inactive p , . alm-pro-listing . item . inactive img , . alm-pro-listing . item . inactive . state {
opacity : 0 . 5 ; }
. alm-pro-listing . item . inactive . state {
background : # e1e1e1 ; }
. alm-pro-listing . item . inactive . state : before {
opacity : 0 ; }
. alm-pro-listing . item . inactive : hover h2 , . alm-pro-listing . item . inactive : hover p , . alm-pro-listing . item . inactive : hover img , . alm-pro-listing . item . inactive : hover . state {
opacity : 0 . 8 ; }
. alm-pro-listing . item . inactive : hover . state {
background : # ccc ; }
. alm-pro-listing . item . inactive : hover . state : before {
opacity : 1 ; }
. ajax-load-more . CodeMirror {
height : auto ;
border-radius : 3px ;
padding : 0 ;
background : # f7f7f7 ;
border : 1px solid # e1e1e1 ;
color : # 999 ;
line-height : 1 . 5 ;
font-size : 13px ; }
. ajax-load-more . CodeMirror . CodeMirror-focused {
border-color : # bbbbbb ;
-webkit-box-shadow : 0 0 0 3px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
box-shadow : 0 0 0 3px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
. ajax-load-more . cm-readonly . CodeMirror {
opacity : 0 . 8 ; }
. ajax-load-more . cm-readonly . CodeMirror pre {
cursor : default ! important ; }
. ajax-load-more . CodeMirror pre {
padding : 0 10px ; }
. CodeMirror-lines {
padding : 10px ! important ; }
. CodeMirror-linenumber {
padding : 0 10px ! important ;
line-height : 1 . 25 ! important ;
color : # ccc ! important ; }
. CodeMirror-linenumber . CodeMirror-gutter-elt {
padding : 0 20px 0 0 ! important ; }
. ajax-load-more . cm-readonly . sm-margin . CodeMirror {
margin : 0 0 10px ; }
. ajax-load-more . cm-readonly p . warning-callout {
margin : 0 0 10px ; }
. ajax-load-more . CodeMirror . loading {
background : # f7f7f7 url ( "../../img/loader-unlimited.gif" ) no-repeat center center ;
opacity : 0 . 6 ; }
. ajax-load-more . cm-s-pastel-on-dark . CodeMirror {
/* Bkg color */
background : # 333 ; }
. ajax-load-more . CodeMirror-gutters {
/* Line Number color */
background : # fff ;
border-right : 1px solid # e1e1e1 ;
border-radius : 2px ; }
. ajax-load-more . CodeMirror-scroll {
overflow-y : hidden ;
overflow-x : auto ; }
. ajax-load-more . cm-tag {
/* <li> <h2> html elements */
color : # 0a4b83 ! important ; }
. ajax-load-more . cm-string {
/* Elements in " " */
color : # c75050 ! important ; }
. ajax-load-more . cm-attribute {
/* class names */
color : # 008080 ! important ; }
. ajax-load-more . cm-keyword {
/* if, array, echo */
color : # ae5fb3 ! important ; }
. ajax-load-more span . CodeMirror-matchingbracket {
color : # ff0000 ! important ; }
. ajax-load-more . CodeMirror span . cm-meta {
/* <?php */
color : # 999 ; }
. ajax-load-more . CodeMirror span . cm-variable {
/* Function names */
color : # 111 ;
font-weight : 500 ;
padding : 0 1px ; }
. ajax-load-more . CodeMirror span . cm-number {
/* Numbers */
color : # 009999 ! important ; }
. ajax-load-more . cnkt-sidebar {
width : 33 % ;
float : right ;
background : # efefef ;
padding : 25px ;
position : absolute ;
right : 0 ;
top : 0 ;
height : 100 % ; }
. ajax-load-more . cnkt-sidebar . major-publishing-actions {
padding : 15px ;
clear : both ;
border-top : 1px solid # e1e1e1 ;
background : # f7f7f7 ; }
. ajax-load-more . cnkt-sidebar . major-publishing-actions i {
opacity : 0 . 4 ;
margin : 0 2px 0 0 ; }
. alm-settings-feedback {
position : fixed ;
bottom : 20px ;
right : 25px ;
width : auto ;
height : auto ;
background : # fff ;
border-left : 5px solid # 5cc583 ;
color : # 444 ;
padding : 25px 30px 25px 25px ;
line-height : 1 ;
z-index : 9999 ;
border-radius : 2px ;
opacity : 0 ;
visibility : hidden ;
-webkit-transition : all 0 . 2s ease-in-out ;
transition : all 0 . 2s ease-in-out ;
-webkit-box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , 0 . 15 ) ;
box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , 0 . 15 ) ;
font-size : 13px ; }
. alm-settings-feedback . --saving {
border-color : # e0bd5e ;
opacity : 1 ;
visibility : visible ;
bottom : 25px ; }
. alm-settings-feedback . --saved {
opacity : 1 ;
visibility : visible ;
bottom : 25px ; }
. alm-settings-feedback . --error {
border-color : # e03e3e ;
opacity : 1 ;
visibility : visible ;
bottom : 25px ; }
. alm-settings-feedback i {
opacity : 0 . 6 ;
margin : 0 3px 0 0 ; }
# alm_OptionsForm {
position : relative ; }
# alm_OptionsForm . save-in-progress {
width : 100 % ;
height : 100 % ;
position : absolute ;
left : 0 ;
top : 0 ;
z-index : 10 ;
background : rgba ( 255 , 255 , 255 , 0 . 5 ) ;
-webkit-transition : all 0 . 2s ease ;
transition : all 0 . 2s ease ;
opacity : 0 ;
visibility : hidden ; }
# alm_OptionsForm . --saving . save-in-progress {
opacity : 1 ;
visibility : visible ;
cursor : not-allowed ! important ; }
/* Custom buttom/loading styles */
. select2-results . select2-result . alm-color . select2-result-label {
position : relative ; }
. select2-results . select2-result . alm-color . select2-result-label : after {
width : 10px ;
height : 10px ;
border-radius : 100 % ;
content : '' ;
display : block ;
position : absolute ;
right : 20px ;
top : 50 % ;
margin-top : -5px ;
z-index : 1 ; }
. select2-results . select2-result . alm-color . default . select2-result-label : after {
background-color : # ed7070 ; }
2020-05-04 16:30:49 +02:00
. select2-results . select2-result . alm-color . white . select2-result-label : after {
background-color : # fff ;
-webkit-box-shadow : 0 0 0 1px # ccc ;
box-shadow : 0 0 0 1px # ccc ; }
. select2-results . select2-result . alm-color . light-grey . select2-result-label : after {
background-color : # efefef ;
-webkit-box-shadow : 0 0 0 1px # ccc ;
box-shadow : 0 0 0 1px # ccc ; }
2020-04-17 16:50:36 +02:00
. select2-results . select2-result . alm-color . blue . select2-result-label : after {
2020-05-04 16:30:49 +02:00
background-color : # 1b91ca ; }
2020-04-17 16:50:36 +02:00
. select2-results . select2-result . alm-color . green . select2-result-label : after {
2020-05-04 16:30:49 +02:00
background-color : # 80ca7a ; }
2020-04-17 16:50:36 +02:00
. select2-results . select2-result . alm-color . purple . select2-result-label : after {
2020-05-04 16:30:49 +02:00
background-color : # b97eca ; }
2020-04-17 16:50:36 +02:00
. select2-results . select2-result . alm-color . grey . select2-result-label : after {
2020-05-04 16:30:49 +02:00
background-color : # a09e9e ; }
2020-04-17 16:50:36 +02:00
. select2-results . select2-result . infinite . select2-result-label : after {
display : none ; }
. select2-results . select2-result . infinite . select2-result-label {
background-size : 20px 20px ;
background-repeat : no-repeat ;
background-position : 93 % center ; }
. select2-results . select2-result . classic . select2-result-label {
background-image : url ( "../../../core/img/spinner.gif" ) ; }
. select2-results . select2-result . skype . select2-result-label {
background-image : url ( "../../../core/img/spinner-skype.gif" ) ; }
. select2-results . select2-result . ring . select2-result-label {
background-image : url ( "../../../core/img/spinner-ring.gif" ) ; }
. select2-results . select2-result . chasing-arrows . select2-result-label {
background-image : url ( "../../../core/img/spinner-chasing-arrows.gif" ) ; }
. select2-results . select2-result . fading-blocks . select2-result-label {
background-image : url ( "../../../core/img/loader-fading-blocks.gif" ) ;
background-size : 20px 16px ; }
. select2-results . select2-result . fading-circles . select2-result-label {
background-image : url ( "../../../core/img/loader-fading-circles.gif" ) ;
background-size : 30px 10px ;
background-position : 95 % center ; }
. shortcode-builder p . warning-callout : before {
display : block ;
width : calc ( 100 % + 36px ) ;
height : 1px ;
content : '' ;
background : # f1f1f1 ;
position : absolute ;
left : -18px ;
top : -10px ;
z-index : 1 ; }
. shortcode-builder section {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
width : 100 % ;
border-top : 1px solid # f1f1f1 ; }
. shortcode-builder section : hover h4 , . shortcode-builder section : focus-within h4 {
text-decoration : underline ; }
. shortcode-builder section . first {
border-top : none ; }
. shortcode-builder section . full {
-ms-flex-wrap : wrap ;
flex-wrap : wrap ; }
. shortcode-builder section . full . shortcode-builder--label ,
. shortcode-builder section . full . shortcode-builder--fields {
width : 100 % ; }
. shortcode-builder section . full . shortcode-builder--label {
border-bottom : 1px solid # f1f1f1 ; }
. shortcode-builder section input [ type = text ] ,
. shortcode-builder section input [ type = email ] ,
. shortcode-builder section input [ type = number ] ,
. shortcode-builder section textarea {
width : 100 % ; }
. shortcode-builder section . select2-container {
min-width : 100 % ;
width : 100 % ; }
. shortcode-builder--label , . shortcode-builder--fields {
padding : 23px 20px ; }
. shortcode-builder--label {
background-color : # fcfcfc ;
border-right : 1px solid # f1f1f1 ;
width : 40 % ;
padding-right : 30px ; }
. shortcode-builder--label . full {
width : 100 % ; }
. shortcode-builder--label h4 {
margin : 0 0 10px ; }
. shortcode-builder--label p {
font-size : 13px ! important ;
line-height : 18px ! important ; }
. shortcode-builder--label p small {
padding-top : 10px ;
display : block ;
font-size : 12px ! important ; }
. shortcode-builder--label p : last-of-type {
margin-bottom : 0 ; }
. shortcode-builder--fields {
padding-top : 22px ;
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ; }
. shortcode-builder--fields input , . shortcode-builder--fields textarea , . shortcode-builder--fields select {
width : 100 % ; }
. shortcode-builder--fields section {
width : 104 % ;
margin-left : -2 % ;
border : none ; }
. shortcode-builder--fields . half {
width : 50 % ;
padding : 0 2 % ; }
. shortcode-builder--fields . flex-grid {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
width : 100 % ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ; }
. shortcode-builder--fields . flex-grid--two , . shortcode-builder--fields . flex-grid--three {
width : 102 % ;
margin-left : -1 % ; }
. shortcode-builder--fields . flex-grid--two > div , . shortcode-builder--fields . flex-grid--three > div {
width : 50 % ;
padding : 0 1 % ; }
. shortcode-builder--fields . flex-grid--three > div {
width : 33 . 333 % ; }
@ media screen and ( max-width : 1000px ) {
. shortcode-builder section {
-ms-flex-wrap : wrap ;
flex-wrap : wrap ; }
. shortcode-builder--label , . shortcode-builder--fields {
width : 100 % ; }
. shortcode-builder--label {
border-right : none ;
border-bottom : 1px solid # f1f1f1 ; } }
. shortcode-builder . flex-input {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
width : 100 % ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ; }
. shortcode-builder . flex-input input {
margin : 0 ;
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
border-radius : 3px 0 0 3px ; }
. shortcode-builder . flex-input span {
border : 1px solid # e1e1e1 ;
border-left : none ;
margin : 0 ;
font-weight : 600 ;
font-size : 11px ;
text-transform : uppercase ;
padding : 0 15px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
border-radius : 0 3px 3px 0 ; }
. shortcode-builder . nested-component {
padding : 0 ;
position : relative ; }
. shortcode-builder . nested-component : after , . shortcode-builder . nested-component : before {
top : 0 ;
left : 35px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
z-index : 2 ; }
. shortcode-builder . nested-component : after {
border-color : rgba ( 255 , 255 , 255 , 0 ) ;
border-top-color : # fcfcfc ;
border-width : 10px ;
margin-left : -10px ; }
. shortcode-builder . nested-component : before {
border-color : rgba ( 239 , 239 , 239 , 0 ) ;
border-top-color : # e1e1e1 ;
border-width : 11px ;
margin-left : -11px ;
z-index : 1 ; }
. shortcode-builder . nested-component--inner {
padding : 0 ;
position : relative ; }
. shortcode-builder . nested-component--inner : after {
clear : both ;
display : table ;
content : '' ; }
. shortcode-builder . section-intro {
font-size : 13px ;
padding : 20px 5px 20px ;
margin : 0 0 20px ;
border-bottom : 1px solid # f1f1f1 ; }
2020-05-04 16:30:49 +02:00
. woocommerce-help--item {
width : 100 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
padding-top : 20px ;
margin-top : 20px ;
border-top : 1px solid # efefef ; }
. woocommerce-help--item div {
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
padding : 20px 20px 20px 30px ; }
@ media screen and ( max-width : 600px ) {
. woocommerce-help--item div {
padding : 20px 0 ; } }
. woocommerce-help--item . img {
padding : 0 ;
-webkit-box-flex : 0 ;
-ms-flex : none ;
flex : none ;
width : 30 % ; }
@ media screen and ( max-width : 600px ) {
. woocommerce-help--item . img {
display : none ; } }
. woocommerce-help--item . img img {
border : 1px solid # efefef ;
padding : 2px ;
border-radius : 4px ; }
2020-04-17 16:50:36 +02:00
. ajax-load-more . builder-option-toggle {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ; }
. ajax-load-more . builder-option-toggle input {
border-radius : 3px 0 0 3px ;
margin : 0 ;
width : auto ;
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ; }
. ajax-load-more . builder-option-toggle--buttons {
border-radius : 0 3px 3px 0 ;
padding : 3px ;
width : auto ;
border : 1px solid # e1e1e1 ;
border-left : none ; }
. ajax-load-more . builder-option-toggle--buttons button {
height : 100 % ;
border : 1px solid # e1e1e1 ;
border-left-width : 0 ;
margin : 0 ;
font-weight : 600 ;
font-size : 11px ;
text-transform : uppercase ;
float : left ;
cursor : pointer ;
padding : 0 ;
margin : 0 ;
border-radius : 0 ;
width : 34px ;
text-align : center ;
display : inline-block ;
color : # 555 ;
background-color : transparent ; }
. ajax-load-more . builder-option-toggle--buttons button : hover , . ajax-load-more . builder-option-toggle--buttons button : focus {
color : # 222 ;
border-color : # ccc ; }
. ajax-load-more . builder-option-toggle--buttons button : first-child {
border-radius : 3px 0 0 3px ;
border-left-width : 1px ; }
. ajax-load-more . builder-option-toggle--buttons button : last-child {
border-radius : 0 3px 3px 0 ; }
. ajax-load-more . builder-option-toggle--buttons button . active {
border-color : # 555 ;
background-color : # 555 ;
color : # fff ;
cursor : default ; }
body . toplevel_page_ajax-load-more ,
body . ajax-load-more_page_ajax-load-more-repeaters ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder ,
body . ajax-load-more_page_ajax-load-more-add-ons ,
body . ajax-load-more_page_ajax-load-more-extensions ,
body . ajax-load-more_page_ajax-load-more-help ,
body . ajax-load-more_page_ajax-load-more-licenses ,
body . ajax-load-more_page_ajax-load-more-cache ,
body . ajax-load-more_page_ajax-load-more-filters ,
body . ajax-load-more_page_ajax-load-more-pro ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro ,
body . ajax-load-more_page_ajax-load-more-woocommerce {
2020-04-17 16:50:36 +02:00
background-color : # f7f7f7 ; }
body . toplevel_page_ajax-load-more # wpcontent ,
body . ajax-load-more_page_ajax-load-more-repeaters # wpcontent ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder # wpcontent ,
body . ajax-load-more_page_ajax-load-more-add-ons # wpcontent ,
body . ajax-load-more_page_ajax-load-more-extensions # wpcontent ,
body . ajax-load-more_page_ajax-load-more-help # wpcontent ,
body . ajax-load-more_page_ajax-load-more-licenses # wpcontent ,
body . ajax-load-more_page_ajax-load-more-cache # wpcontent ,
body . ajax-load-more_page_ajax-load-more-filters # wpcontent ,
body . ajax-load-more_page_ajax-load-more-pro # wpcontent ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro # wpcontent ,
body . ajax-load-more_page_ajax-load-more-woocommerce # wpcontent {
2020-04-17 16:50:36 +02:00
padding-left : 0 ;
2020-05-04 16:30:49 +02:00
padding-bottom : 20px ;
2020-04-17 16:50:36 +02:00
background-color : # efefef ; }
body . toplevel_page_ajax-load-more # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-repeaters # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-add-ons # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-extensions # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-help # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-licenses # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-cache # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-filters # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-pro # wpbody-content ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro # wpbody-content ,
body . ajax-load-more_page_ajax-load-more-woocommerce # wpbody-content {
2020-04-17 16:50:36 +02:00
padding-bottom : 0 ; }
body . toplevel_page_ajax-load-more ,
body . ajax-load-more_page_ajax-load-more-repeaters ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder ,
body . ajax-load-more_page_ajax-load-more-add-ons ,
body . ajax-load-more_page_ajax-load-more-extensions ,
body . ajax-load-more_page_ajax-load-more-help ,
body . ajax-load-more_page_ajax-load-more-licenses ,
body . ajax-load-more_page_ajax-load-more-cache ,
body . ajax-load-more_page_ajax-load-more-filters ,
body . ajax-load-more_page_ajax-load-more-pro ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro ,
body . ajax-load-more_page_ajax-load-more-woocommerce {
2020-04-17 16:50:36 +02:00
background : # efefef ; }
body . toplevel_page_ajax-load-more # wpfooter ,
body . ajax-load-more_page_ajax-load-more-repeaters # wpfooter ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder # wpfooter ,
body . ajax-load-more_page_ajax-load-more-add-ons # wpfooter ,
body . ajax-load-more_page_ajax-load-more-extensions # wpfooter ,
body . ajax-load-more_page_ajax-load-more-help # wpfooter ,
body . ajax-load-more_page_ajax-load-more-licenses # wpfooter ,
body . ajax-load-more_page_ajax-load-more-cache # wpfooter ,
body . ajax-load-more_page_ajax-load-more-filters # wpfooter ,
body . ajax-load-more_page_ajax-load-more-pro # wpfooter ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro # wpfooter ,
body . ajax-load-more_page_ajax-load-more-woocommerce # wpfooter {
2020-04-17 16:50:36 +02:00
padding-top : 0 ;
padding-bottom : 0 ;
line-height : 40px ;
background : # f7f7f7 ;
border-top : 1px solid # efefef ;
position : fixed ;
bottom : 0 ;
z-index : 1100 ; }
body . toplevel_page_ajax-load-more # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-repeaters # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-add-ons # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-extensions # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-help # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-licenses # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-cache # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-filters # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-pro # wpfooter p ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro # wpfooter p ,
body . ajax-load-more_page_ajax-load-more-woocommerce # wpfooter p {
2020-04-17 16:50:36 +02:00
line-height : 40px ; }
@ media screen and ( min-width : 901px ) {
body . toplevel_page_ajax-load-more . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-repeaters . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-shortcode-builder . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-add-ons . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-extensions . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-help . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-licenses . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-cache . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-filters . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-pro . ajax-load-more . cnkt-main ,
2020-05-04 16:30:49 +02:00
body . ajax-load-more_page_ajax-load-more-go-pro . ajax-load-more . cnkt-main ,
body . ajax-load-more_page_ajax-load-more-woocommerce . ajax-load-more . cnkt-main {
2020-04-17 16:50:36 +02:00
min-height : 100vh ; } }
body . ajax-load-more_page_ajax-load-more-extensions ,
body . ajax-load-more_page_ajax-load-more-pro {
background : # fff ; }
body . ajax-load-more_page_ajax-load-more-extensions # wpcontent ,
body . ajax-load-more_page_ajax-load-more-pro # wpcontent {
background : # fff ; }
. main-cnkt-wrap {
padding : 0 ! important ;
margin : 0 ! important ; }
. ajax-load-more-inner-wrapper {
padding : 0 ;
display : block ;
clear : both ;
max-width : 1440px ;
position : relative ; }
. ajax-load-more . alm-transient {
padding : 6px 12px ; }
. ajax-load-more . alm-transient p {
margin : 0 . 5em 0 ; }
. ajax-load-more . alm-transient p a {
font-weight : 600 ; }
. ajax-load-more . alm-transient a . button {
position : static ;
vertical-align : inherit ! important ; }
. ajax-load-more . alm-transient button {
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
top : 50 % ; }
# wpcontent . ajax-load-more . button : not ( . button-primary ) ,
# wpcontent . ajax-load-more . button . button-secondary {
border-color : # ccc ;
color : # 444 ;
background-color : # f3f5f6 ; }
# wpcontent . ajax-load-more . button : not ( . button-primary ) : hover , # wpcontent . ajax-load-more . button : not ( . button-primary ) : active , # wpcontent . ajax-load-more . button : not ( . button-primary ) : focus ,
# wpcontent . ajax-load-more . button . button-secondary : hover ,
# wpcontent . ajax-load-more . button . button-secondary : active ,
# wpcontent . ajax-load-more . button . button-secondary : focus {
color : # 222 ;
border-color : # 999 ;
background-color : # f1f1f1 ;
-webkit-box-shadow : none ;
box-shadow : none ; }
# wpcontent . ajax-load-more . button : not ( . button-primary ) : focus ,
# wpcontent . ajax-load-more . button . button-secondary : focus {
background-color : # e7e7e7 ; }
/ *
* Admin - Popup Generator
*
* @ since 1 . 0
* /
. ajax-load-more * {
-webkit-box-sizing : border-box ;
box-sizing : border-box ; }
. forceColors {
background : # fff ! important ; }
. offscreen {
position : absolute ;
left : -9999px ; }
. ajax-load-more {
font-size : 14px ;
color : # 666 ;
position : relative ;
max-width : 100 % ; }
# alm-help . ajax-load-more {
max-width : 1600px ; }
/ *
. ajax-load-more a : focus {
-webkit-box-shadow : none ;
-moz-box-shadow : none ;
box-shadow : none ;
}
* /
. ajax-load-more img {
max-width : 100 % ; }
# alm-container {
overflow : hidden ;
padding : 15px 10px 140px ! important ; }
# alm-settings . admin-select {
width : 100 % ;
display : block ;
padding : 0 0 25px ;
margin : -10px 0 0 ; }
# alm-settings . admin-select . select2-container {
width : 40 % ;
min-width : 40 % ;
display : inline-block ;
vertical-align : top ; }
/* Saved Settings */
# alm-settings . row . alm-save-settings {
padding-bottom : 5px ! important ; }
# alm-settings form h2 {
padding : 20px 20px 5px 5px ;
margin : 0 ;
font-weight : 700 ;
border-radius : 2px 2px 0 0 ; }
# alm-settings form h2 : first-of-type {
padding-top : 0 ; }
# alm-settings form h2 + p {
color : # 999 ;
padding : 0 20px 15px 5px ;
margin : 0 ;
font-size : 13px ; }
. ajax-load-more . file-location {
border : 1px solid # e1e1e1 ;
background : # fff ;
margin : 0 ;
padding : 0 ;
line-height : 1 ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
2020-07-21 16:23:51 +02:00
font-family : Consolas , monaco , monospace ;
2020-04-17 16:50:36 +02:00
border-radius : 3px ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more . file-location p ,
. ajax-load-more . file-location code {
2020-04-17 16:50:36 +02:00
padding : 12px 16px ;
line-height : 18px ;
font-size : 12px ; }
. ajax-load-more . file-location p {
background : # f7f7f7 ;
color : # 555 ;
font-weight : 600 ;
margin : 0 ;
width : auto ;
display : inline ;
border-right : 1px solid # e1e1e1 ; }
. ajax-load-more . file-location code {
color : # 999 ;
background : transparent ;
cursor : help ; }
. ajax-load-more code {
background : # fcf3d0 ; }
. ajax-load-more p {
display : block ;
color : # 777 ;
width : 100 % ;
display : block ;
clear : both ;
text-transform : none ;
padding : 0 ;
margin : 0 0 15px ; }
. ajax-load-more p ,
. ajax-load-more li ,
. ajax-load-more input ,
. ajax-load-more textarea ,
. ajax-load-more label {
font-size : 14px ; }
2020-05-04 16:30:49 +02:00
. ajax-load-more p . lg ,
. ajax-load-more li . lg ,
. ajax-load-more input . lg ,
. ajax-load-more textarea . lg ,
. ajax-load-more label . lg {
font-size : 16px ; }
2020-04-17 16:50:36 +02:00
textarea # _alm_layouts_css {
height : 240px ; }
a . layout-hover {
width : 20px ! important ;
height : 20px ! important ;
background : # ccc ;
display : inline-block ;
position : relative ; }
a . layout-hover img {
position : absolute ;
left : 100 % ;
top : 0 ;
z-index : 999 ;
opacity : 0 ;
filter : alpha ( opacity = 0 ) ; }
a . layout-hover : hover img {
position : absolute ;
left : 100 % ;
top : 0 ;
z-index : 999 ;
opacity : 1 ;
filter : alpha ( opacity = 100 ) ; }
. ajax-load-more p . highlight {
background-color : # fffbd4 ;
color : # 333 ;
padding : 5px 10px ;
border-radius : 3px ;
margin : -5px 0 10px ; }
. ajax-load-more h1 {
font-weight : 600 ;
line-height : 28px ; }
. ajax-load-more h1 ,
. ajax-load-more h3 ,
. ajax-load-more h4 {
color : # 444 ;
margin-top : 0 ; }
. ajax-load-more h4 + p {
margin-top : -6px ; }
. ajax-load-more p . small {
font-size : 12px ;
margin-top : -10px ;
opacity : 0 . 7 ; }
. ajax-load-more . shortcode-builder . major-publishing-actions {
position : relative ; }
. ajax-load-more p . small . reset-shortcode-builder {
position : absolute ;
right : 15px ;
top : 50 % ;
-webkit-transform : translateY ( -45 % ) ;
-ms-transform : translateY ( -45 % ) ;
transform : translateY ( -45 % ) ;
text-align : right ;
margin : 0 ;
padding : 0 ;
display : none ;
width : auto ;
opacity : 1 ;
font-size : 12px ; }
. ajax-load-more p . small . reset-shortcode-builder a {
text-decoration : none ; }
/* Expand Collapse Headings */
. ajax-load-more h3 . heading {
font-weight : 700 ;
padding : 15px 10px 15px 38px ! important ;
line-height : normal ! important ;
margin : 0 ! important ;
color : # 555 ;
cursor : pointer ;
width : 100 % ;
position : relative ;
font-size : 16px ;
background : # f7f7f7 ;
border-bottom : 1px solid # e1e1e1 ; }
. ajax-load-more h3 . heading : hover : after ,
. ajax-load-more h3 . heading : focus : after {
color : # ccc ; }
. ajax-load-more h3 . heading : hover ,
. ajax-load-more h3 . heading : focus {
color : # 222 ;
outline : none ; }
. ajax-load-more h3 . heading : after {
2020-07-21 16:23:51 +02:00
font-family : "FontAwesome" ;
content : "\f056" ;
2020-04-17 16:50:36 +02:00
color : # e1e1e1 ;
position : absolute ;
left : 13px ;
top : 16px ;
height : 20px ;
width : 20px ; }
. ajax-load-more h3 . heading . open : after {
2020-07-21 16:23:51 +02:00
content : "\f055" ; }
2020-04-17 16:50:36 +02:00
. ajax-load-more h3 . heading . open {
border-bottom-color : transparent ; }
/* Expand/Collapse all rows */
. ajax-load-more . toggle-all {
position : static ;
top : -16px ;
right : 20px ;
width : auto ;
display : inline-block ;
font-size : 11px ;
text-transform : uppercase ;
border-radius : 3px ;
padding : 0 12px 0 10px ;
height : 31px ;
line-height : 30px ;
background : # fff ;
border : 1px solid # e1e1e1 ;
color : # 777 ;
cursor : pointer ;
z-index : 20 ;
margin-bottom : 10px ;
overflow : hidden ; }
@ media screen and ( min-width : 768px ) {
. ajax-load-more . toggle-all {
position : absolute ; } }
. ajax-load-more . toggle-all : hover {
color : # ca5252 ; }
. ajax-load-more . toggle-all . inner-wrap {
position : relative ;
padding-left : 16px ;
line-height : 24px ; }
. ajax-load-more . toggle-all . expand {
display : none ; }
. ajax-load-more . toggle-all . collapse {
display : inline-block ; }
. ajax-load-more . toggle-all em {
font-style : normal ; }
. ajax-load-more . toggle-all . closed . expand {
display : inline-block ; }
. ajax-load-more . toggle-all . closed . collapse {
display : none ; }
. ajax-load-more . toggle-all . inner-wrap : before {
2020-07-21 16:23:51 +02:00
font-family : "FontAwesome" ;
content : "\f068" ;
2020-04-17 16:50:36 +02:00
font-size : 10px ;
position : absolute ;
left : 0 ;
top : -5px ; }
. ajax-load-more . toggle-all . closed . inner-wrap : before {
2020-07-21 16:23:51 +02:00
content : "\f067" ; }
2020-04-17 16:50:36 +02:00
# alm-container . ajax-load-more . toggle-all {
display : none ; }
# alm-builder {
2020-07-21 16:23:51 +02:00
font-family : -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Oxygen-Sans , Ubuntu , Cantarell , "Helvetica Neue" , sans-serif ; }
2020-04-17 16:50:36 +02:00
a . button-small {
text-decoration : none ;
font-size : 12px ;
padding : 7px 10px ;
display : inline-block ;
background-color : # eaf6fb ;
border : 1px solid # b9d2de ;
color : # 333 ;
line-height : 1 . 1 ;
border-radius : 2px ; }
a . button-small : hover , a . button-small : focus {
color : # 222 ;
background-color : # d9edf5 ;
text-decoration : none ;
border-color : # 98b2be ; }
. ajax-load-more ul {
padding : 0 ;
margin : 0 ;
list-style : none ; }
# alm-builder li ,
. forceColors li {
padding : 0 5 % 0 0 ;
margin : 0 0 5px ;
width : 48 . 666 % ;
clear : both ;
display : inline-block ;
vertical-align : top ;
overflow : visible ;
position : relative ; }
. ajax-load-more label . full {
display : block ;
clear : both ;
width : 100 % ;
color : # 444 ;
font-weight : 600 ;
padding : 0 0 10px ;
cursor : default ;
font-size : 12px ;
text-transform : uppercase ; }
. ajax-load-more . border-top {
display : block ;
border-top : 1px solid # efefef ;
width : 100 % ;
clear : both ;
margin : 0 0 20px ;
padding : 20px 0 0 ! important ;
overflow : visible ;
position : relative ; }
. ajax-load-more . border-top . controls {
padding : 0 ! important ; }
. ajax-load-more . border-top . controls button {
margin-top : 20px ! important ; }
. ajax-load-more . border-top . highlighted {
background-color : # feffe3 ;
padding : 15px ! important ;
border : 1px solid # eeefd4 ; }
. ajax-load-more . alm-settings-nav {
margin : 0 0 5px ;
padding : 0 ;
overflow : hidden ;
position : relative ;
width : calc ( 100 % + 40px ) ;
top : -20px ;
left : -20px ;
border-bottom : 1px solid # ebebeb ;
background : # f7f7f7 ;
border-radius : 3px 3px 0 0 ; }
. alm-settings-nav li {
float : left ;
margin : 0 ;
padding : 0 ;
font-weight : 600 ;
background : none ;
font-size : 13px ; }
. alm-settings-nav a {
text-decoration : none ;
padding : 8px 16px 8px 16px ;
border-left : 1px solid # ebebeb ;
display : block ; }
. alm-settings-nav a : hover {
color : # fff ;
background-color : # ff5a58 ; }
. alm-settings-nav li : first-of-type a {
border : none ;
border-radius : 3px 0 0 0 ; }
# meta-query-relation {
margin : 10px 0 0 ; }
# meta-query-relation . inner {
margin : 5px 0 0 ! important ; }
# alm-meta-key . meta-query-wrap ,
. taxonomy-wrap {
padding : 15px ;
border : 1px solid # efefef ;
margin : 20px 0 0 ;
position : relative ;
border-radius : 2px ; }
. meta-query-wrap . removing ,
. taxonomy-wrap . removing {
background-color : # f5d0d0 ; }
# alm-meta-key . meta-query-wrap-first . meta-query-wrap {
border : none ;
background-color : transparent ;
padding : 0 ;
margin : 0 ; }
# meta-key . border-top {
border : none ! important ; }
. row . controls {
display : block ;
clear : both ;
padding : 20px 0 10px ;
overflow : hidden ; }
. row . taxonomy . controls {
padding-bottom : 20px ; }
. row . taxonomy . highlighted {
margin-bottom : 0 ! important ; }
. meta-query-wrap . remove-meta-query ,
. taxonomy-wrap . remove-tax-query {
position : absolute ;
right : 7px ;
top : 7px ;
width : 24px ;
height : 24px ;
line-height : 24px ;
text-align : center ;
font-weight : 400 ;
font-size : 17px ;
background-color : transparent ;
color : # 666 ;
text-decoration : none ;
border-radius : 2px ; }
. meta-query-wrap . remove-meta-query : hover , . meta-query-wrap . remove-meta-query : hover ,
. taxonomy-wrap . remove-tax-query : hover ,
. taxonomy-wrap . remove-tax-query : hover {
background-color : # cb2222 ;
color : # fff ; }
. ajax-load-more . meta-query-wrap . border-top : first-of-type {
padding : 0 0 0 ! important ;
border : none ; }
. ajax-load-more # taxonomy-extended ,
. ajax-load-more # nav-controls ,
. ajax-load-more # seo-extended ,
. ajax-load-more # meta-query-relation ,
. ajax-load-more # tax-query-relation ,
. ajax-load-more . comments_extras ,
. ajax-load-more # users-extended ,
. ajax-load-more . taxonomy-extended ,
. ajax-load-more # paging-controls-nav {
display : none ;
overflow : hidden ; }
. ajax-load-more . taxonomy-extended {
padding-top : 20px ; }
. ajax-load-more # tax-query-relation {
margin-top : 20px ; }
. ajax-load-more . taxonomy-wrap {
display : none ;
position : relative ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more . row . wrap . inner . ajax-load-more p . warning {
2020-04-17 16:50:36 +02:00
color : # d24646 ;
font-size : 13px ;
border-left : 3px solid # d24646 ;
margin : 0 ;
padding : 0 0 0 10px ; }
. ajax-load-more . row . wrap . inner . taxonomy {
padding-bottom : 0 ; }
. ajax-load-more p . warning-callout {
background-color : # eaf6fb ;
border-left : 6px solid # 4e99bf ;
color : # 333 ;
font-size : 12px ;
margin : 0 ;
display : block ;
padding : 18px 100px 18px 18px ;
border-radius : 3px ;
margin : 10px ;
width : auto ;
line-height : 1 . 55 ;
position : relative ; }
. ajax-load-more p . warning-callout a {
color : # 0071ac ; }
. ajax-load-more p . warning-callout a . button-small {
position : absolute ;
right : 14px ;
top : 14px ;
font-size : 12px ;
display : inline-block ;
background-color : rgba ( 255 , 255 , 255 , 0 . 75 ) ;
margin : 0 0 0 10px ; }
. ajax-load-more p . warning-callout a . button-small : hover , . ajax-load-more p . warning-callout a . button-small : focus {
background-color : # fff ; }
. ajax-load-more p . warning-callout strong {
display : inline-block ;
font-weight : normal ;
font-family : Consolas , monaco , monospace ;
background-color : # fff ;
padding : 1px 6px 0 ;
border-radius : 2px ; }
. ajax-load-more p . warning-callout . notify {
background-color : # da5858 ;
border-color : # b94848 ;
color : # fff ; }
. ajax-load-more p . warning-callout . notify strong {
background-color : # 9a4343 ;
color : # fff ; }
. ajax-load-more label ,
. ajax-load-more input ,
. ajax-load-more select ,
. ajax-load-more textarea {
font-size : 14px ;
padding : 5px 8px ;
width : auto ;
margin-top : 0 ;
display : inline-block ;
clear : both ;
border-radius : 3px ;
color : # 555 ;
-webkit-box-shadow : none ;
box-shadow : none ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "checkbox" ] ,
. ajax-load-more input [ type = "radio" ] {
2020-04-17 16:50:36 +02:00
width : 1rem ; }
. controls button . disabled {
opacity : 0 . 5 ; }
. ajax-load-more textarea . _alm_repeater {
font-family : Consolas , monaco , monospace ;
font-size : 13px ;
line-height : 19px ;
padding : 10px ; }
. ajax-load-more textarea . _alm_repeater : focus {
color : # 222 ; }
. ajax-load-more label {
padding : 5px 0 ;
border-radius : 0 ; }
. checkboxes input ,
. radio input {
margin-top : 2px ; }
. checkboxes input ,
. checkboxes label ,
. radio input ,
. radio label {
float : left ;
width : auto ;
margin-right : 10px ;
padding : 0 ;
clear : none ; }
. radio input {
margin-left : 3px ; }
. ajax-load-more textarea ,
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "text" ] ,
. ajax-load-more input [ type = "number" ] {
2020-04-17 16:50:36 +02:00
padding : 10px 12px ;
line-height : 1 . 3 ;
border : 1px solid # e1e1e1 ;
width : 60 % ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "text" ] . full {
2020-04-17 16:50:36 +02:00
width : 100 % ; }
. ajax-load-more . wrap-30 {
width : 32 . 333 % ;
padding-right : 3 % ;
display : inline-block ;
vertical-align : top ; }
. ajax-load-more . wrap-30 . wrap-50 {
width : 48 . 6666 % ; }
. ajax-load-more . wrap-30 . wrap-50 . padding-top {
padding-top : 15px ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more . wrap-30 input [ type = "text" ] . sm ,
2020-04-17 16:50:36 +02:00
. ajax-load-more . wrap-30 . select2-container {
width : 100 % ;
margin : 0 ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "number" ] . sm {
2020-04-17 16:50:36 +02:00
width : 100px ; }
. ajax-load-more :: -webkit-input-placeholder {
color : # 999 ;
font-style : italic ; }
. ajax-load-more : -moz-placeholder {
/* Firefox 18- */
color : # 999 ;
font-style : italic ; }
. ajax-load-more :: -moz-placeholder {
/* Firefox 19+ */
color : # 999 ;
font-style : italic ; }
. ajax-load-more : -ms-input-placeholder {
color : # 999 ;
font-style : italic ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "text" ] ,
. ajax-load-more input [ type = "number" ] ,
. ajax-load-more input [ type = "email" ] ,
2020-04-17 16:50:36 +02:00
. ajax-load-more textarea {
background : # f7f7f7 ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more . repeaters input [ type = "text" ] {
2020-04-17 16:50:36 +02:00
padding : 9px 10px ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "number" ] {
2020-04-17 16:50:36 +02:00
height : auto ; }
. ajax-load-more input . disabled-input {
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
cursor : not-allowed ;
background : # f7f7f7 ! important ;
border-color : # ccc ! important ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "text" ] : focus ,
. ajax-load-more input [ type = "number" ] : focus ,
. ajax-load-more input [ type = "email" ] : focus ,
2020-04-17 16:50:36 +02:00
. ajax-load-more textarea : focus {
border-color : # bbbbbb ;
-webkit-box-shadow : 0 0 0 3px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
box-shadow : 0 0 0 3px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
background : # f7f7f7 ; }
. checkboxes label {
margin-right : 5px ; }
. ajax-load-more . one_half {
display : inline-block ;
width : 48 % ;
margin : 0 -2px 1 % 2 % ;
vertical-align : top ; }
. ajax-load-more . one_half : first-of-type {
margin : 0 2 % 1 % 0 ; }
. ajax-load-more . alm-row {
display : block ;
width : 100 % ; }
. ajax-load-more . alm-row : after {
content : "" ;
clear : both ;
display : table ; }
. ajax-load-more . alm-row--margin-btm {
margin-bottom : 15px ; }
. ajax-load-more . alm-row--margin-btm-lg {
margin-bottom : 25px ; }
. ajax-load-more . alm-row . column {
width : 100 % ;
float : none ;
padding : 0 15px ; }
. ajax-load-more . alm-row . column--half {
width : 50 % ;
float : left ; }
. ajax-load-more . alm-row . column--one-third {
width : 33 . 333 % ;
float : left ; }
. ajax-load-more . alm-row . column--two-third {
width : 66 . 666 % ;
float : left ; }
. ajax-load-more . alm-row . column--one-fourth {
width : 25 % ;
float : left ; }
@ media screen and ( max-width : 480px ) {
. ajax-load-more . alm-row . column--half , . ajax-load-more . alm-row . column--one-third {
float : none ;
width : 100 % ; } }
/* --------------------------------------------------------------------------- */
/* Row */
/* --------------------------------------------------------------------------- */
. ajax-load-more . row {
padding : 0 ! important ;
margin : 10px 0 0 ;
height : auto ;
width : 100 % ;
display : block ;
overflow : hidden ;
clear : both ;
border : 1px solid # e1e1e1 ;
border-radius : 3px ; }
. ajax-load-more . row . no-brd {
border : none ! important ;
padding : 0 ! important ; }
. ajax-load-more # alm-repeaters . row {
overflow : visible ; }
. admin . ajax-load-more . row ,
. forceColors . ajax-load-more . row {
border-color : # e1e1e1 ; }
. admin . ajax-load-more . repeaters . row : hover ,
. admin . ajax-load-more . shortcode-builder . row : hover {
border-color : # d9d9d9 ;
-webkit-box-shadow : 0 0 0 3px # f7f7f7 ;
box-shadow : 0 0 0 3px # f7f7f7 ; }
. admin . ajax-load-more . row : first-of-type {
margin-top : 20px ;
padding-top : 0 ; }
. ajax-load-more . intro {
height : auto ;
width : 100 % ;
display : block ;
overflow : hidden ; }
/* Jump Menu */
. pop-up-jump {
display : block ;
width : 100 % ; }
. pop-up-jump . jump-menu-wrap {
position : relative ;
float : right ;
width : 30 % ; }
. pop-up-jump . jump-menu-wrap . select2-container {
width : 100 % ! important ;
margin-bottom : 15px ;
position : relative ;
top : -5px ; }
. pop-up-jump . intro-wrap {
position : relative ;
float : left ;
width : 65 % ;
padding-right : 5 % ; }
. admin . ajax-load-more . jump-menu {
display : none ; }
/* Table of Contents */
# cnkt-sticky . attached {
position : fixed ;
width : auto ;
top : 70px ; }
. table-of-contents . select2-container {
width : 100 % ; }
. table-of-contents ul {
margin : 0 ! important ; }
. table-of-contents li {
width : auto ! important ;
display : inline-block ;
vertical-align : top ;
padding : 0 ;
margin : 5px 5px 5px 0 ; }
. ajax-load-more . expand-wrap {
display : block ; }
# alm-examples . ajax-load-more . expand-wrap {
padding : 10px 10px 0 ; }
. ajax-load-more . expand-wrap hr {
border : 0 ;
height : 0 ;
border-top : 1px solid # efefef ;
border-bottom : 1px solid rgba ( 255 , 255 , 255 , 0 . 3 ) ; }
hr . indented {
width : calc ( 100 % - 40px ) ;
margin-left : 20px ; }
. ajax-load-more . section-title {
float : left ;
padding : 20px 0 25px 20px ;
width : 35 % ; }
. ajax-load-more . section-title . full {
width : 100 % ;
float : none ;
padding-right : 25px ; }
. ajax-load-more . section-title p : last-of-type {
margin-bottom : 0 ; }
. ajax-load-more . section-title small {
font-size : 12px ;
padding-top : 10px ;
display : block ; }
. ajax-load-more . section-title h4 {
font-size : 14px ;
font-weight : 600 ;
margin-bottom : 15px ; }
. ajax-load-more . section-title p ,
. ajax-load-more . section-title . wrap p . descriptor {
font-size : 13px ;
line-height : 20px ;
color : # 999 ; }
. ajax-load-more . wrap p . descriptor {
margin : 0 ;
font-style : italic ; }
. ajax-load-more . section-title p . fa . tooltip : hover ,
. form-table label . fa . tooltip : hover {
opacity : 1 ; }
. ajax-load-more . fa . tooltip {
display : inline-block ;
margin : 0 2px ;
text-decoration : none ;
cursor : help ;
position : relative ;
top : 0 ;
background : # fff ;
border-radius : 100 % ;
width : 20px ;
height : 20px ;
text-align : center ;
line-height : 20px ;
-webkit-box-shadow : 0 -1px 1px # ccc ;
box-shadow : 0 -1px 1px # ccc ; }
. cta h3 . fa . tooltip {
top : 1px ; }
. ajax-load-more . section-title p span ,
. admin . ajax-load-more . settings . form-table p . notify span {
display : inline-block ;
padding : 0 4px ;
border-radius : 2px ;
background : # f7f7f7 ;
border : 1px solid # efefef ;
color : # 666 ; }
. ajax-load-more . section-title h4 {
margin : 0 0 10px ; }
. ajax-load-more . repeaters . section-title ,
. ajax-load-more . repeaters . row . wrap {
width : 100 % ;
float : none ;
padding : 0 ; }
. ajax-load-more . repeaters . section-title p {
padding-left : 0 ! important ; }
. ajax-load-more label . template-title {
padding : 3px 2px 0 ;
margin : 0 ;
display : block ; }
. ajax-load-more label . template-title . has-margin-btm {
margin-bottom : 10px ; }
. ajax-load-more label input . _alm_repeater_alias {
height : auto ;
line-height : normal ! important ; }
. preload_amount ,
. cache_id ,
. alternate_template_wrap ,
. cta_template_wrap ,
. restapi_options ,
. filters_options ,
. next-page-content ,
. acf-options ,
. masonry-options ,
. progress-bar-options ,
. hide-section {
display : none ; }
. ajax-load-more . row . wrap {
padding : 20px 20px 0 5 % ;
margin : 0 ;
border : none ;
width : 65 % ;
float : left ;
position : relative ; }
. ajax-load-more . row . wrap . full {
float : none ;
width : 100 % ;
padding : 0 15px 15px 36px ; }
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
-- Shortcode Output
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. ajax-load-more . output-wrap {
padding : 0 50px 0 15px ;
margin : 0 ;
position : fixed ;
bottom : 0 ;
left : 0 ;
2020-07-21 16:23:51 +02:00
background : # ff5a58 ;
2020-04-17 16:50:36 +02:00
border-top : 1px solid # ca5252 ;
-webkit-box-shadow : 0 -5px 5px # efefef ;
box-shadow : 0 -5px 5px # efefef ;
width : 100 % ;
display : block ;
z-index : 1 ; }
. admin . ajax-load-more . output-wrap {
position : static ;
overflow : hidden ;
margin-top : 20px ;
border-radius : 2px ;
border : none ;
padding : 0 ;
-webkit-box-shadow : none ;
box-shadow : none ; }
. ajax-load-more . row . wrap . output {
display : block ! important ; }
. ajax-load-more . row . wrap . inner {
padding : 0 0 20px ; }
. ajax-load-more . row . wrap . inner . half {
padding : 0 0 20px ;
width : 49 . 333 % ;
display : inline-block ; }
. output-wrap . copy {
background : # fff ;
2020-07-21 16:23:51 +02:00
color : # ff5a58 ;
2020-04-17 16:50:36 +02:00
margin : 0 ;
display : inline-block ;
z-index : 9 ;
padding : 3px 8px ;
cursor : pointer ;
border-radius : 2px ;
position : fixed ;
right : 10px ;
bottom : 10px ;
font-size : 11px ;
font-weight : 600 ;
text-transform : uppercase ;
opacity : 0 . 6 ;
filter : alpha ( opacity = 60 ) ; }
. admin . ajax-load-more . output-wrap . copy {
float : right ;
position : relative ;
top : -10px ; }
. output-wrap . copy : hover ,
. output-wrap . copy : active {
opacity : 1 ;
filter : alpha ( opacity = 100 ) ; }
. output-wrap . copy : active {
-webkit-box-shadow : inset 0 2px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : inset 0 2px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ; }
. shortcode-display {
float : right ;
width : 75 % ; }
. admin . ajax-load-more . shortcode-display {
float : none ;
width : 100 % ; }
# shortcode_output {
border-left : 1px solid # ca5252 ;
padding : 26px 10px 26px 30px ;
font-family : monospace ;
font-size : 13px ;
color : # fff ;
cursor : pointer ;
word-wrap : break-word ; }
. admin . ajax-load-more # shortcode_output {
border : none ;
padding : 12px 12px 24px ; }
2020-07-21 16:23:51 +02:00
# shortcode_output :: -moz-selection {
background : # fff ;
color : # ca5252 ;
text-shadow : none ; }
2020-04-17 16:50:36 +02:00
# shortcode_output :: selection {
background : # fff ;
color : # ca5252 ;
text-shadow : none ; }
/ *
* Insert Shortcode Button
*
* @ since 1 . 0
* /
# insert . insert_alm {
background : # fff ! important ;
color : # ca5252 ! important ;
border : none ;
font-size : 14px ! important ;
font-weight : 600 ;
padding : 8px 13px ;
display : inline-block ;
text-align : center ;
margin : 15px 0 ;
float : left ;
line-height : normal ! important ;
height : auto ! important ;
-webkit-box-shadow : inset 0 -15px 15px rgba ( 0 , 0 , 0 , 0 . 1 ) , 0 1px 0px # ca5252 ;
box-shadow : inset 0 -15px 15px rgba ( 0 , 0 , 0 , 0 . 1 ) , 0 1px 0px # ca5252 ;
text-shadow : none ! important ;
max-width : 20 % ;
border-radius : 2px ; }
. admin . ajax-load-more # insert . insert_alm {
display : none ; }
# insert . insert_alm : hover {
-webkit-box-shadow : inset 0 -15px 15px rgba ( 0 , 0 , 0 , 0 . 1 ) , 0 0 3px white ;
box-shadow : inset 0 -15px 15px rgba ( 0 , 0 , 0 , 0 . 1 ) , 0 0 3px white ; }
# insert . insert_alm : active {
background : # d0413f ! important ;
-webkit-box-shadow : inset 0 2px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : inset 0 2px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
color : # fff ! important ; }
. ajax-load-more . clear {
clear : both ;
height : auto ;
overflow : hidden ;
width : 100 % ;
padding : 0 ;
margin : 0 ; }
/ *
* Admin Screens - Setting pages
*
* @ since 1 . 0
* /
. form-table label {
display : block ;
clear : both ;
float : none ;
vertical-align : top ;
padding : 0 0 8px ;
max-width : 90 % ;
cursor : pointer ! important ;
line-height : 1 . 5 ; }
2020-07-21 16:23:51 +02:00
. form-table input [ type = "radio" ] ,
. form-table input [ type = "checkbox" ] {
2020-04-17 16:50:36 +02:00
vertical-align : top ;
margin-top : 0 ! important ;
max-width : 8 % ; }
. form-table label + textarea {
margin-top : 10px ; }
. form-table label span ,
# alm-shortcode-builder-form label span . description {
font-size : 13px ;
color : # 999 ;
padding-top : 10px ; }
# alm-shortcode-builder-form label span . description {
display : block ;
padding-top : 1px ;
padding-bottom : 5px ; }
. form-table . template-tags {
overflow : hidden ;
border-left : 6px solid # dfd8c2 ;
padding : 15px ;
background : # fff9ea ;
margin : 20px 0 0 ;
border-radius : 3px ; }
. form-table . template-tags h4 ,
. form-table . template-tags li {
margin : 0 0 8px ;
padding : 0 ;
font-size : 13px ; }
. form-table . template-tags li {
margin : 2px 0 ; }
. form-table . template-tags ul {
margin : 0 ;
padding : 0 ; }
. form-table . template-tags pre {
display : inline-block ;
min-width : 120px ;
padding : 0 ;
margin : 0 ;
color : # 888 ; }
. admin . ajax-load-more . form-table textarea {
clear : both ;
display : inline-block ;
float : none ;
width : 100 % ; }
. admin . ajax-load-more textarea . disabled ,
. admin . ajax-load-more input . disabled {
opacity : 0 . 9 ;
filter : alpha ( opacity = 90 ) ;
cursor : default ;
border : 1px solid # ccc ;
background : # efefef ;
color : # 666 ;
text-shadow : 1px 1px 0 # fff ;
resize : none ; }
2020-07-21 16:23:51 +02:00
. admin . ajax-load-more . form-table input [ type = "radio" ] ,
. admin . ajax-load-more . form-table input [ type = "checkbox" ] {
2020-04-17 16:50:36 +02:00
margin-right : 10px ;
margin-top : 0 ! important ; }
2020-07-21 16:23:51 +02:00
. admin . ajax-load-more . settings input [ type = "text" ] ,
. admin . ajax-load-more . settings input [ type = "number" ] ,
2020-04-17 16:50:36 +02:00
. admin . ajax-load-more . settings . select2-container {
margin-top : 10px ; }
. admin . ajax-load-more . alm-btn-wrap {
text-align : left ; }
. admin . ajax-load-more . ajax-load-more-wrap {
position : relative ;
top : 5px ;
2020-05-04 16:30:49 +02:00
padding : 15px ;
border : 1px dashed # e1e1e1 ;
2020-04-17 16:50:36 +02:00
display : inline-block ;
margin-top : 10px ;
margin-bottom : 10px ; }
. admin . ajax-load-more . ajax-load-more-wrap . preview-pane . none {
display : none ; }
. admin . ajax-load-more . ajax-load-more-wrap button {
margin : 0 ! important ; }
. admin . ajax-load-more . ajax-load-more-wrap > span {
display : block ;
font-size : 10px ;
line-height : 1 ;
opacity : 0 . 7 ;
2020-05-04 16:30:49 +02:00
padding : 0 0 15px ;
2020-04-17 16:50:36 +02:00
text-transform : uppercase ; }
. admin . ajax-load-more . settings . ajax-load-more-wrap . pages li {
font-size : 14px ; }
. admin . ajax-load-more . settings . ajax-load-more-wrap . pages li a {
text-decoration : none ; }
/* Table Overrides */
. admin . ajax-load-more . settings . form-table td ,
. admin . ajax-load-more . settings . form-table th {
padding : 20px ;
line-height : 1 . 5 ; }
. admin . ajax-load-more . settings . form-table td {
padding-right : 20px ; }
. admin . ajax-load-more . settings . form-table th {
padding-left : 20px ;
font-weight : 700 ;
background-color : # f7f7f7 ;
border-right : 1px solid # e1e1e1 ; }
. admin . ajax-load-more . settings . form-table p {
margin-top : 0 ; }
. admin . ajax-load-more . settings . form-table p . notify {
font-size : 12px ;
padding : 5px 0 ;
margin : 5px 0 20px ;
overflow : hidden ;
color : # 999 ; }
. ajax-load-more h2 . addon-title {
font-size : 19px ! important ;
line-height : 24px ;
font-weight : 700 ! important ;
color : # 444 ! important ;
padding : 0 ;
margin : 0 0 10px ; }
. ajax-load-more p . addon-intro {
font-size : 16px ! important ;
line-height : 22px ! important ;
color : # 999 ! important ; }
. ajax-load-more h3 . add-on-title {
padding : 0 0 10px ;
margin : 0 0 20px ;
border-bottom : 1px solid # efefef ; }
. ajax-load-more h3 {
margin-bottom : 10px ; }
. ajax-load-more h3 . add-on-title ,
. ajax-load-more . cnkt-sidebar h3 {
padding : 0 0 10px ;
margin : 0 0 20px ;
border-bottom : 1px solid # efefef ; }
. ajax-load-more p . desc ,
. ajax-load-more p . writeable-title {
padding : 0 0 2px 28px ; }
. ajax-load-more p . desc {
font-size : 13px ! important ;
line-height : 19px ! important ; }
. ajax-load-more p . writeable-title {
position : relative ; }
. ajax-load-more p . writeable-title i {
position : absolute ! important ;
left : 0 ! important ;
top : 1px ! important ; }
. ajax-load-more p . back2top {
font-size : 14px ;
margin : 0 ;
padding : 0 ;
text-align : center ; }
. ajax-load-more p . back2top a {
text-decoration : none ;
display : block ; }
. saved-response ,
p . loading {
font-size : 12px ;
padding : 0 ;
color : # 999 ;
background : none ;
-webkit-transition : padding 0 . 2s ease ;
transition : padding 0 . 2s ease ;
display : inline-block ;
width : auto ;
position : relative ;
top : 5px ;
left : 15px ; }
. saved-error {
color : # e03e3e ; }
. saved-response em {
color : # 333 ;
display : block ;
padding : 5px 0 ; }
. saved {
color : # 90be59 ;
font-weight : 700 ; }
p . loading {
position : static ; }
. saved-response . loading ,
p . loading ,
. alm-dropdown ul li a . updating {
background : url ( "../../img/loader.gif" ) no-repeat left center ;
padding-left : 24px ; }
. alm-dropdown ul li a . updating {
background-position : 9px 54 % ;
padding-left : 34px ; }
. restore-default {
float : right ;
margin : 19px 20px 0 0 ;
font-size : 12px ; }
. restore-default a {
text-decoration : none ; }
table . highlight {
background : # fff ! important ; }
/* Columns */
. ajax-load-more . cnkt-main {
width : 67 % ;
float : left ;
background : # fff ! important ;
padding : 25px ;
border-right : 1px solid # e1e1e1 ; }
. ajax-load-more . cnkt-main . full {
border : none ! important ; }
. ajax-load-more . cnkt-main . group {
background : # fff ;
padding : 20px ;
margin : 0 0 20px ;
position : relative ;
display : block ;
clear : both ; }
. ajax-load-more . cnkt-main . group ,
. ajax-load-more . cnkt-sidebar . cta ,
. call-out . light {
border : 1px solid # e1e1e1 ;
border-radius : 3px ;
-webkit-box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , 0 . 1 ) ; }
. ajax-load-more . cnkt-main . group . no-shadow ,
. ajax-load-more . cnkt-sidebar . cta . no-shadow ,
. call-out . light . no-shadow {
-webkit-box-shadow : none ;
box-shadow : none ; }
. ajax-load-more . cnkt-main . repeater-listing {
border-top : 1px solid # e1e1e1 ;
padding-top : 20px ;
position : relative ; }
. ajax-load-more . cnkt-main . repeater-listing . toggle-all {
right : 0 ;
top : -45px ; }
. ajax-load-more . cnkt-main . full {
width : 100 % ;
float : none ; }
. ajax-load-more . cnkt-main h2 ,
. ajax-load-more . cnkt-main h3 ,
. ajax-load-more . cnkt-main h4 {
margin-top : 0 ; }
. form-table tr {
border-top : 1px solid # e1e1e1 ; }
. form-table {
border : 1px solid # e1e1e1 ;
margin : 0 0 20px ; }
. form-table br {
height : 1px ;
display : block ;
overflow : hidden ;
line-height : 1px ;
margin : 0 ;
2020-07-21 16:23:51 +02:00
content : "" ; }
2020-04-17 16:50:36 +02:00
# alm_OptionsForm . form-table : last-of-type {
margin-bottom : 0 ; }
/* Repeaters */
. repeaters . repeater-wrap {
padding : 15px 0 ! important ; }
. repeaters . repeater-wrap label {
font-weight : 600 ; }
. repeaters . repeater-wrap label span {
display : block ;
font-weight : 400 ;
color : # 999 ;
font-size : 13px ;
padding-top : 2px ; }
. repeaters input . save-repeater {
display : inline-block ;
margin : 0 ;
clear : none ;
max-width : 25 % ; }
. repeaters . repeater-wrap textarea ,
2020-07-21 16:23:51 +02:00
. repeaters . repeater-wrap input [ type = "text" ] {
2020-04-17 16:50:36 +02:00
width : 100 % ; }
. repeaters input . save-repeater . saving {
cursor : default ! important ;
opacity : 0 . 3 ! important ; }
. repeaters . saved-response {
max-width : 72 % ;
opacity : 0 ; }
. repeaters . one_half {
padding-bottom : 10px ; }
. repeaters . alm-delete {
clear : none ;
display : inline-block ;
margin : 14px 0 0 ;
width : auto ;
float : right ;
opacity : 0 ;
-webkit-transition : all 0 . 2s ease ;
transition : all 0 . 2s ease ;
position : absolute ;
right : 15px ;
bottom : 15px ; }
. repeaters . alm-delete a {
border-radius : 3px ;
background : none ;
color : # c94141 ;
font-size : 14px ;
line-height : 28px ;
height : 28px ;
text-decoration : none ;
display : block ;
padding : 0 10px ; }
. repeaters . alm-delete a : hover {
background-color : # c94141 ;
color : # fff ; }
. repeaters . alm-delete a : focus {
-webkit-box-shadow : none ;
box-shadow : none ; }
. repeaters . alm-delete a : active {
background-color : # b93636 ; }
. repeaters . row : hover . alm-delete {
opacity : 1 ; }
/* Add-ons & Extensions */
. flexbox-wrap {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
margin-bottom : 20px ;
border-top : 1px solid # e1e1e1 ;
border-left : 1px solid # e1e1e1 ;
background-color : # f7f7f7 ;
-webkit-box-shadow : inset 0 0 0 1px # e1e1e1 ;
box-shadow : inset 0 0 0 1px # e1e1e1 ; }
# alm-add-ons . group {
overflow : hidden ;
width : 33 . 333 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
vertical-align : top ;
text-align : center ;
margin : 0 ! important ;
padding : 0 ;
border-radius : 0 ;
border-top : none ;
border-left : none ; }
# alm-add-ons . group . highlighted {
width : 100 % ; }
# alm-add-ons . group . highlighted a {
background : # f7f7f7 ;
border : 10px solid rgba ( 0 , 0 , 0 , 0 . 025 ) ; }
# alm-add-ons . group . highlighted img {
padding : 10px ; }
@ media screen and ( min-width : 768px ) {
# alm-add-ons . group . highlighted {
text-align : left ; }
# alm-add-ons . group . highlighted a {
padding : 25px ;
overflow : hidden ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ; }
# alm-add-ons . group . highlighted . pro-img ,
# alm-add-ons . group . highlighted . pro-details {
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ; }
# alm-add-ons . group . highlighted . pro-img {
max-width : 355px ; }
# alm-add-ons . group . highlighted . pro-details {
padding : 0 15px 0 35px ; }
# alm-add-ons . group . highlighted img {
position : static ; }
# alm-add-ons . group . highlighted span . cnkt-button {
position : static ;
width : auto ;
display : inline-block ;
padding : 13px 30px ;
text-align : center ;
margin-top : 15px ;
font-size : 14px ; } }
@ media screen and ( min-width : 769px ) and ( max-width : 1270px ) {
# alm-add-ons . group . highlighted . pro-desc {
display : none ; } }
# alm-add-ons . group . installed {
opacity : 0 . 85 ;
-webkit-filter : grayscale ( 1 ) ;
filter : grayscale ( 1 ) ; }
# alm-add-ons . group . installed p : before {
display : none ! important ; }
@ media screen and ( max-width : 1350px ) {
# alm-add-ons . group {
width : 50 % ; } }
# alm-add-ons . group span . cnkt-button {
position : absolute ;
left : 20px ;
bottom : 20px ;
width : 100 % ;
width : calc ( 100 % - 40px ) ;
display : block ;
font-size : 14px ;
padding : 11px 14px ;
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ;
border-bottom : none ;
border-left : none ;
border-right : none ; }
# alm-add-ons . group img {
padding : 0 15px 15px ; }
# alm-add-ons . group a {
text-decoration : none ;
display : block ;
padding : 25px 25px 70px ;
position : relative ; }
# alm-add-ons . group--pro a {
padding-bottom : 17px ; }
# alm-add-ons . group : hover h2 {
text-decoration : underline ; }
# alm-add-ons . group a h2 {
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ; }
# alm-add-ons . group a : hover h2 {
color : # ff5a58 ! important ; }
# alm-add-ons . group . installed a : hover h2 {
color : # 444 ! important ; }
/* Add-on Callout! */
. call-out {
background : # 75d0b4 ;
padding : 18px 100px 18px 18px ;
border-radius : 3px ;
margin : 0 ;
width : 100 % ;
display : block ;
color : # fff ;
font-size : 13px ;
font-weight : 400 ;
position : relative ; }
. call-out . light {
background : # fdfdec ;
width : 97 . 666 % ; }
. call-out . light p {
margin : 0 ;
padding : 0 30px ;
text-align : center ;
font-weight : 400 ; }
. call-out . light p a {
color : # ff5a58 ! important ; }
. call-out . light p a : hover {
text-decoration : underline ; }
# alm-builder . call-out ,
. forceColors . call-out {
/* Shortcode builder */
width : 90 % ;
width : calc ( 100 % - 20px ) ;
margin : 10px ; }
. call-out . cnkt-button {
padding : 6px 10px ;
display : inline-block ;
background : # fff ;
border : none ;
border-radius : 3px ;
position : absolute ;
right : 11px ;
top : 11px ;
color : # 387061 ! important ;
-webkit-box-shadow : 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
font-size : 13px ; }
. call-out a {
color : # 42524e ! important ;
text-decoration : none ;
font-weight : 600 ; }
. call-out a : hover ,
. call-out a : focus {
color : # 222 ! important ; }
a . cnkt-button ,
span . cnkt-button {
padding : 6px 10px ;
display : inline-block ;
background : # 5acfb2 ;
border : 1px solid # 5acfb2 ;
border-radius : 2px ;
position : static ;
text-decoration : none ! important ;
color : # fff ! important ;
font-size : 14px ;
font-weight : 600 ; }
a . cnkt-button : hover ,
a . cnkt-button : hover i ,
. group : hover span . cnkt-button ,
. group : hover span . cnkt-button i {
background-color : # 935eaf ;
border-color : # 935eaf ;
color : # fff ! important ;
-webkit-box-shadow : none ;
box-shadow : none ; }
a . cnkt-button : focus ,
. group : focus span . cnkt-button {
background-color : # 83519d ;
border-color : # 935eaf ;
color : # fff ! important ;
outline : none ; }
a . cnkt-button i ,
span . cnkt-button i {
color : # 397666 ;
margin-right : 3px ;
position : relative ;
top : 1px ;
background : none ! important ;
-webkit-transition : all 0 . 15s ease ;
transition : all 0 . 15s ease ; }
a . cnkt-button . installed ,
span . cnkt-button . installed ,
. group span . cnkt-button . installed {
background : # f7f7f7 ! important ;
border-color : # efefef ! important ;
color : # 888 ! important ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ; }
a . cnkt-button . installed i ,
span . cnkt-button . installed i ,
. group : hover span . cnkt-button . installed i {
background : none ! important ;
color : # 5da592 ! important ;
top : 0 ; }
/ *
* Licenses
*
* @ since 2 . 7 . 0
* /
. license {
overflow : hidden ;
margin : 0 ;
display : block ;
padding : 20px 0 0 ;
position : relative ; }
. license : first-of-type {
padding : 10px 0 0 ; }
. license-title {
border-radius : 3px 3px 0 0 ;
border : 1px solid # e1e1e1 ;
background-color : # f7f7f7 ;
position : relative ; }
. license-title . status {
width : 13px ;
height : 13px ;
border-radius : 100 % ;
background : # d45656 ;
position : absolute ;
left : 15px ;
top : 50 % ;
margin-top : -7px ;
-webkit-box-shadow : inset 0 -6px 6px rgba ( 0 , 0 , 0 , 0 . 05 ) , 0 1px 0 # fff ;
box-shadow : inset 0 -6px 6px rgba ( 0 , 0 , 0 , 0 . 05 ) , 0 1px 0 # fff ; }
. license-title . status . valid {
background-color : # 8ed074 ; }
. license h2 {
margin : 0 ;
padding : 15px 15px 15px 38px ;
font-size : 16px ;
font-weight : 700 ;
line-height : 1 . 2 ; }
. license p ,
. license label {
font-size : 400 ;
font-size : 14px ; }
. license . cnkt-button {
position : absolute ;
top : 9px ;
right : 15px ;
padding : 5px 7px ! important ; }
. license a . cnkt-button . installed {
background-color : none ! important ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ;
border-color : transparent ! important ; }
. license . no-license {
display : block ;
padding : 12px ;
margin : 0 0 20px ;
border : 1px solid # e7e7c6 ;
background-color : # ffffe5 ;
border-radius : 2px ; }
. license . no-license h4 {
margin : 0 0 3px ; }
. license . no-license p {
margin : 5px 0 0 ;
padding : 0 ; }
. license . loading {
position : absolute ;
left : 0 ;
top : 0 ;
width : 100 % ;
height : 100 % ;
background : rgba ( 255 , 255 , 255 , 0 . 6 ) url ( "../../img/loader.gif" ) no-repeat center center ;
z-index : 9 ;
display : none ; }
. license-btn . hide ,
. renew-btn . hide {
display : none ; }
. license-btn-wrap {
display : block ; }
. license-btn-wrap . msg {
display : block ;
padding : 15px 0 0 ;
font-size : 14px ;
line-height : 24px ;
position : relative ;
top : 4px ; }
. license-btn-wrap . msg strong {
display : block ; }
. license-btn-wrap . msg em {
opacity : 0 . 7 ;
font-style : normal ; }
. license-wrap ,
. license-no-addons {
overflow : hidden ;
display : block ;
padding : 18px 15px ;
border : 1px solid # e1e1e1 ;
border-top : none ;
background-color : # fff ;
border-radius : 0 0 3px 3px ; }
. license-wrap label {
font-weight : 600 ;
top : -3px ; }
2020-07-21 16:23:51 +02:00
. license-wrap input [ type = "text" ] {
2020-04-17 16:50:36 +02:00
margin : 0 ;
width : 100 % ! important ;
padding : 14px ; }
. license-wrap . button-primary {
margin-right : 5px ; }
. license-key-field {
position : relative ;
display : block ;
margin : 0 0 20px ; }
. license-key-field . status {
position : absolute ;
right : 10px ;
top : 50 % ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
display : inline-block ;
border-radius : 2px ;
padding : 6px 12px ;
line-height : 1 . 3 ;
color : # fff ;
border-color : # 999 ;
cursor : default ; }
. license-key-field . status . active {
background-color : # 8ed074 ; }
. license-key-field . status . inactive {
background-color : # d45656 ; }
. ajax-load-more . alm-nav {
font-size : 600 ;
font-size : 14px ;
margin : 0 ! important ;
padding : 5px 0 5px ; }
. ajax-load-more . alm-nav a {
display : inline-block ; }
. license-no-addons {
border : 1px solid # bad0da ;
border-radius : 3px ;
background-color : # e0f5ff ; }
. license-no-addons p {
margin : 0 ;
padding : 0 ; }
/ *
* Plugin Sidebar
2020-07-21 16:23:51 +02:00
*
2020-04-17 16:50:36 +02:00
* @ since 1 . 0
* /
. ajax-load-more . cnkt-sidebar . cta {
background : # fff ;
padding : 0 ;
margin : 0 0 20px ;
overflow : visible ;
position : relative ;
-webkit-box-shadow : 0 4px 10px 1px rgba ( 0 , 0 , 0 , 0 . 065 ) ;
box-shadow : 0 4px 10px 1px rgba ( 0 , 0 , 0 , 0 . 065 ) ; }
. ajax-load-more . cnkt-sidebar . cta . alm-file-location {
padding-top : 15px ;
margin-top : 15px ;
border-top : 1px solid # efefef ; }
. ajax-load-more . cnkt-sidebar . cta . alm-file-location input {
font-size : 12px ;
font-family : Consolas , monaco , monospace ;
background : # f7f7f7 ;
border : 1px solid # e1e1e1 ;
display : block ;
width : 100 % ;
padding : 8px ;
margin : 0 ;
color : # 777 ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ; }
. ajax-load-more . cnkt-sidebar . cta-inner {
padding : 15px ;
display : block ; }
. ajax-load-more . cnkt-sidebar . cta-inner . cta-inner {
background-color : # f7f7f7 ;
border-radius : 3px ;
border : 1px solid # e1e1e1 ; }
. ajax-load-more . cnkt-sidebar . cta-inner . padding-bottom {
padding-bottom : 80px ; }
. ajax-load-more . cnkt-sidebar . cta . mailing-list {
padding : 0 ; }
. ajax-load-more . cnkt-sidebar . cta . mailing-list . head-wrap {
display : block ;
padding : 20px ; }
. ajax-load-more . cnkt-sidebar . cta . padding-bottom {
padding-bottom : 50px ; }
. ajax-load-more . cnkt-sidebar h3 ,
. ajax-load-more . cnkt-sidebar h4 {
margin-top : 0 ; }
. ajax-load-more . cnkt-sidebar h3 {
padding : 10px 15px ;
background : # fff ;
margin : 0 ;
display : block ;
font-size : 14px ;
font-weight : 700 ;
text-transform : none ;
border-radius : 2px 2px 0 0 ; }
. ajax-load-more . cnkt-sidebar . item {
overflow : hidden ; }
. ajax-load-more . cnkt-sidebar . item h4 {
margin : 0 0 5px ;
font-size : 0 . 9em ;
text-transform : uppercase ;
opacity : 0 . 5 ; }
. ajax-load-more . cnkt-sidebar h4 {
margin-bottom : 5px ; }
. ajax-load-more . cnkt-sidebar p {
line-height : 22px ;
margin : 0 0 5px ;
font-size : 14px ; }
. ajax-load-more . cnkt-sidebar . cta . dyk . cta-inner {
overflow : hidden ; }
. ajax-load-more . cnkt-sidebar . cta . dyk . img {
float : left ;
width : 40 % ;
padding : 0 10px 10px 0 ; }
. ajax-load-more . cnkt-sidebar . cta . dyk . text {
float : left ;
width : 60 % ;
padding : 0 0 10px 10px ; }
@ media screen and ( min-width : 900px ) and ( max-width : 1300px ) {
. ajax-load-more . cnkt-sidebar . cta . dyk . img ,
. ajax-load-more . cnkt-sidebar . cta . dyk . text {
float : none ;
padding : 0 0 10px ;
width : 100 % ; } }
@ media screen and ( max-width : 480px ) {
. ajax-load-more . cnkt-sidebar . cta . dyk . img ,
. ajax-load-more . cnkt-sidebar . cta . dyk . text {
float : none ;
padding : 0 0 10px ;
width : 100 % ; } }
. ajax-load-more . cnkt-sidebar . cta . dyk p {
margin : 0 0 15px ;
clear : none ; }
. ajax-load-more . cnkt-sidebar . cta . dyk p : last-child {
margin : 0 ; }
. ajax-load-more . cnkt-sidebar . cta . dyk p . addon-intro {
margin-top : -1px ;
font-size : 16px ; }
. ajax-load-more . cnkt-sidebar ul {
padding : 5px 0 0 ;
margin : 0 ;
overflow : hidden ; }
. ajax-load-more . cnkt-sidebar li {
font-size : 14px ;
margin : 0 0 10px ;
line-height : 1 . 5 ; }
. ajax-load-more . cnkt-sidebar . cta . resources li {
display : block ;
width : 100 % ;
line-height : 1 ;
margin : 1px 0 ; }
. ajax-load-more . cnkt-sidebar . cta . resources li a {
text-decoration : none ;
padding : 10px 0 ;
display : block ;
border-top : 1px solid # efefef ; }
. ajax-load-more . cnkt-sidebar . cta . resources li : first-of-type a {
border : none ;
padding-top : 0 ; }
. ajax-load-more . cnkt-sidebar . cta . resources li i {
display : inline-block ;
width : 20px ;
text-align : center ;
color : # ccc ;
text-decoration : none ;
font-size : 14px ; }
. ajax-load-more . cnkt-sidebar . item i {
font-size : 12px ;
float : left ;
width : 18px ;
height : 18px ;
border-radius : 100 % ;
background : # efefef ;
line-height : 18px ;
text-align : center ;
margin : 1px 7px 0 0 ;
position : relative ; }
. ajax-load-more . cnkt-sidebar . item i . fa-check {
background : # 90be59 ;
color : # fff ; }
. ajax-load-more . cnkt-sidebar . item i . fa-exclamation {
background : # c43a3a ;
color : # fff ; }
. ajax-load-more . cnkt-sidebar a . visit {
background : # ed7070 ;
padding : 17px 20px 18px 44px ;
position : absolute ;
bottom : 0 ;
left : 0 ;
width : 100 % ;
display : block ;
color : # fff ! important ;
z-index : 2 ;
text-decoration : none ;
line-height : 1 ;
border-radius : 0 0 2px 2px ; }
. ajax-load-more . cnkt-sidebar a . visit i {
font-size : 21px ;
opacity : 0 . 6 ;
margin : 0 5px 0 0 ;
position : absolute ;
top : 13px ;
left : 18px ;
display : inline-block ; }
. ajax-load-more . cnkt-sidebar a . visit : hover ,
. ajax-load-more . cnkt-sidebar a . visit : focus {
background : # f06060 ; }
. ajax-load-more . cnkt-sidebar a . visit : hover i {
opacity : 1 ; }
. ajax-load-more . cnkt-sidebar . project-listing {
padding : 0 ; }
. ajax-load-more . cnkt-sidebar . project-listing li {
margin : 20px 0 0 ;
padding : 0 ;
position : relative ;
clear : both ; }
. ajax-load-more . cnkt-sidebar . project-listing li a {
display : block ;
position : static ;
padding-left : 60px ;
min-height : 58px ;
text-decoration : none ; }
. ajax-load-more . cnkt-sidebar . project-listing li : first-of-type {
margin-top : 0 ; }
. ajax-load-more . cnkt-sidebar . project-listing img {
height : 48px ;
left : 0 ;
position : absolute ;
top : 2px ;
width : 48px ; }
. ajax-load-more . cnkt-sidebar . project-listing li strong {
display : block ; }
. ajax-load-more . cnkt-sidebar . project-listing li span {
color : # 777 ; }
/ *
* CodeMirror Syntax Highlighting
* @ since 2 . 2 . 0
* /
. shortcode-builder hr {
margin : 0 ; }
/ *
* Delete Template ( Unlimited Repeaters
*
* @ since 2 . 2 . 7
* /
# unlmited-container {
margin : 0 ;
display : block ;
overflow : visible ; }
. admin . ajax-load-more . row . unlimited : first-of-type {
margin-top : 10px ; }
. repeaters . row ,
. shortcode-builder . row {
-webkit-transition : background-color 0 . 3s ease ;
transition : background-color 0 . 3s ease ; }
. repeaters . row . no-brd : hover ,
. shortcode-builder . row . no-brd : hover {
-webkit-box-shadow : none ;
box-shadow : none ;
border-color : transparent ; }
. unlimited-wrap {
display : none ; }
. admin . ajax-load-more . row . unlimited . deleting {
/* Deleting Row */
background : # fff url ( "../../img/loader-unlimited.gif" ) no-repeat center center ;
border-color : # fff ;
opacity : 0 . 4 ; }
. admin . ajax-load-more . row . unlimited . deleting . deleted {
/* Deleting Row */
background-image : none ! important ; }
. admin . ajax-load-more . row . unlimited . new {
/* New Row */
background : url ( "../../img/loader-unlimited.gif" ) no-repeat center center ;
border-color : # efefef ! important ;
min-height : 60px ;
display : none ; }
. admin . ajax-load-more . row . unlimited . new . done {
background-image : none ! important ; }
. admin . ajax-load-more . row . unlimited . loaded {
/* Loading complete */
background-color : # 64e49d ;
border-color : # 64e49d ; }
. admin . ajax-load-more . row . unlimited . deleting . expand-wrap ,
. row . unlimited . deleting h3 . heading {
opacity : 0 . 6 ; }
. row . unlimited . deleting . alm-delete {
display : none ; }
. row . unlimited . deleting . save-repeater {
opacity : 0 ;
cursor : default ; }
2020-07-21 16:23:51 +02:00
. ajax-load-more . row . unlimited input [ type = "text" ] {
2020-04-17 16:50:36 +02:00
width : 100 % ; }
. alm-add-template {
text-align : center ;
margin : 20px 0 5px ! important ;
display : block ;
font-size : 15px ! important ;
font-weight : 700 ;
text-transform : none ! important ;
text-align : center ; }
. alm-add-template a {
background : # efefef ;
border : 1px solid # e1e1e1 ;
color : # 333 ;
display : inline-block ;
padding : 11px 16px 13px ;
line-height : 1 ;
border-radius : 3px ;
text-decoration : none ;
-webkit-box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 5 ) inset , 0 1px 0 rgba ( 0 , 0 , 0 , 0 . 07 ) ;
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 5 ) inset , 0 1px 0 rgba ( 0 , 0 , 0 , 0 . 07 ) ;
text-shadow : 1px 1px 0 rgba ( 255 , 255 , 255 , 0 . 4 ) ; }
. alm-add-template a . active {
opacity : 0 . 5 ;
cursor : default ;
color : # 333 ! important ;
background : # efefef ! important ;
border-color : # efefef ! important ; }
. alm-add-template a : hover {
background : # ff5a58 ;
border-color : # ff5a58 ;
color : # fff ;
-webkit-box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 2 ) inset , 0 1px 0 rgba ( 0 , 0 , 0 , 0 . 07 ) ;
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 2 ) inset , 0 1px 0 rgba ( 0 , 0 , 0 , 0 . 07 ) ;
text-shadow : none ; }
. alm-add-template a : focus {
-webkit-box-shadow : none ;
box-shadow : none ;
text-shadow : none ; }
. alm-add-template a : active {
color : # fff ;
background : # ec4745 ;
border-color : # ec4745 ;
-webkit-box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
text-shadow : none ; }
. alm-add-template a i {
font-size : 20px ;
color : # ec4745 ;
margin : 0 3px 0 0 ;
position : relative ;
top : 2px ;
left : -1px ; }
. alm-add-template a : hover i ,
. alm-add-template a : active i {
color : # fff ; }
. spacer {
height : 10px ;
clear : both ;
display : block ; }
. spacer . lg {
height : 20px ; }
. alm-text-center {
text-align : center ; }
. ajax-load-more p . generate-id {
margin : 10px 0 0 ! important ;
padding : 0 0 0 5px ;
font-size : 12px ! important ; }
. ajax-load-more p . generate-id i {
margin : 0 2px 0 0 ;
color : # 999 ; }
. ajax-load-more p . generate-id a {
text-decoration : none ; }
/ *
* Cache
* @ since 2 . 6 . 0
* /
. alm-cache {
/* Live Search */
/* Directory Listing */ }
. alm-cache . group . row {
overflow : visible ; }
. alm-cache . row : first-of-type {
margin-top : 0 ! important ; }
2020-07-21 16:23:51 +02:00
. alm-cache h3 . heading {
padding-right : 90px ! important ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-cache-search-wrap {
position : relative ;
display : block ;
margin : 0 0 15px ; }
. alm-cache . alm-cache-search-wrap input {
width : 100 % ! important ;
margin : 0 ! important ;
2020-07-21 16:23:51 +02:00
padding : 12px 20px ;
2020-04-17 16:50:36 +02:00
display : block ;
2020-07-21 16:23:51 +02:00
font-size : 16px ;
border-radius : 100px ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-cache-search-wrap i {
position : absolute ;
2020-07-21 16:23:51 +02:00
right : 15px ;
top : 50 % ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
2020-04-17 16:50:36 +02:00
color : # ccc ;
font-size : 20px ;
z-index : 1 ; }
2020-07-21 16:23:51 +02:00
. alm-cache . alm-cache-listing {
position : relative ; }
. alm-cache . alm-cache-listing . toggle-all {
right : 0 ;
top : -42px ; }
. alm-cache hr {
margin : 30px 0 25px ;
border-top-color : # efefef ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-dir-listing {
border : 1px solid # e1e1e1 ;
border-radius : 3px ;
overflow : hidden ;
padding : 0 ;
margin : 10px 0 0 ; }
2020-07-21 16:23:51 +02:00
. alm-cache . alm-dir-listing--nested {
padding : 0 15px 15px ; }
. alm-cache . alm-dir-listing--nested . alm-dir-listing {
margin : 0 ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-dir-listing . theme-repeaters {
padding : 15px ;
margin : 0 ; }
. alm-cache . alm-dir-listing . theme-repeaters ul {
border : none ;
padding : 0 ;
margin : 0 ; }
. alm-cache . alm-dir-listing . theme-repeaters i {
color : # ccc ;
font-size : 1 . 1em ; }
. alm-cache . alm-dir-listing . deleting {
opacity : 0 . 5 ;
background : # fff url ( "../../img/loader-unlimited.gif" ) no-repeat center center ; }
. alm-cache . alm-dir-listing . dir-title {
margin : 0 0 5px ;
position : relative ; }
2020-07-21 16:23:51 +02:00
. alm-cache . alm-dir-listing h3 . heading {
2020-04-17 16:50:36 +02:00
padding-left : 40px ! important ; }
2020-07-21 16:23:51 +02:00
. alm-cache . alm-dir-listing h3 . heading : after {
content : "\f07c" ; }
. alm-cache . alm-dir-listing h3 . heading . open : after {
content : "\f07b" ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-dir-listing . dir-title . delete {
position : absolute ;
right : 10px ;
top : 10px ;
font-weight : 400 ;
font-size : 13px ;
text-decoration : none ;
padding : 5px 12px ;
border : 1px solid # e1e1e1 ;
color : # ccc ;
2020-07-21 16:23:51 +02:00
border-radius : 3px ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-dir-listing : hover . dir-title . delete {
border-color : # e1e1e1 ;
background-color : # fff ;
color : # 666 ; }
. alm-cache . alm-dir-listing . dir-title . delete : hover {
background-color : # c94141 ;
border-color : # c94141 ;
2020-07-21 16:23:51 +02:00
color : # fff ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-dir-listing . dir-title . delete : active {
-webkit-box-shadow : inset 0 2px 1px rgba ( 0 , 0 , 0 , 0 . 2 ) ;
box-shadow : inset 0 2px 1px rgba ( 0 , 0 , 0 , 0 . 2 ) ; }
. alm-cache . cache-page-title {
2020-07-21 16:23:51 +02:00
font-size : 12px ;
2020-04-17 16:50:36 +02:00
display : block ;
width : 100 % ;
padding : 0 7px 10px ;
2020-07-21 16:23:51 +02:00
font-weight : 700 ;
text-transform : uppercase ; }
2020-04-17 16:50:36 +02:00
. alm-cache . cache-page-wrap {
2020-07-21 16:23:51 +02:00
padding : 0 10px 20px ; }
. alm-cache . cache-full-path {
display : none ; }
. alm-cache . cache-full-path-button {
border : 1px solid # f1f1f1 ;
border-radius : 3px ;
background : # fff ;
cursor : pointer ;
margin : 0 2px 0 0 ;
text-align : left ;
color : # 878787 ;
font-size : 13px ;
padding : 2px 4px ; }
. alm-cache . cache-full-path-button : hover , . alm-cache . cache-full-path-button : focus {
border-color : # e1e1e1 ; }
2020-04-17 16:50:36 +02:00
. alm-cache . alm-dir-listing ul . cache-details {
display : block ;
2020-07-21 16:23:51 +02:00
padding : 15px 10px 5px ;
2020-04-17 16:50:36 +02:00
margin : 0 ;
border : none ; }
2020-07-21 16:23:51 +02:00
. alm-cache . alm-dir-listing ul . cache-details li {
position : relative ;
display : block ;
width : 100 % ;
background : none ;
padding : 0 10px 0 28px ;
margin : 0 0 10px ;
color : # 878787 ;
font-size : 13px ; }
. alm-cache . alm-dir-listing ul . cache-details li i {
color : # ccc ;
font-size : 16px ;
position : absolute ;
top : 1px ;
left : 5px ; }
. alm-cache . alm-dir-listing ul . cache-details li a {
word-break : break-word ; }
. alm-cache . dir-empty {
margin-top : 10px ; }
2020-04-17 16:50:36 +02:00
. alm-cache . dir-empty ,
. alm-cache . cache-cleared {
background-color : # ffffe8 ;
border : 1px solid # e4e4c8 ;
padding : 20px ;
display : block ;
color : # 222 ;
text-shadow : 1px 1px 0 rgba ( 255 , 255 , 255 , 0 . 2 ) ; }
. alm-cache . cache-cleared {
margin : 0 0 20px ;
background-color : # e0f5ff ;
border-color : # bad0da ;
color : # 666 ; }
. alm-cache . cache-cleared i {
color : # 111 ;
margin : 0 5px 0 0 ; }
. alm-cache . cache-cleared . remove {
float : right ;
font-size : 12px ;
font-weight : 600 ; }
. alm-cache . cnkt-sidebar . item {
padding : 20px ;
display : block ; }
. alm-cache p . cache-stats {
min-height : 38px ;
line-height : 37px ;
display : block ;
padding : 0 ;
margin : 0 ; }
. alm-cache p . cache-stats span {
display : inline-block ;
width : 38px ;
height : 38px ;
line-height : 36px ;
text-align : center ;
margin : 0 9px 0 0 ;
font-weight : 700 ;
font-size : 15px ;
border-radius : 2px ;
background : # a4a5e2 ;
background : -webkit-gradient ( linear , left top , left bottom , from ( # a4a5e2 ) , color-stop ( 50 % , # 9ea0d9 ) , color-stop ( 51 % , # 8d8fce ) , to ( # a4a5e2 ) ) ;
background : linear-gradient ( to bottom , # a4a5e2 0 % , # 9ea0d9 50 % , # 8d8fce 51 % , # a4a5e2 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#a4a5e2' , endColorstr = '#a4a5e2' , GradientType = 0 ) ;
border : 1px solid # 8586be ;
-webkit-box-shadow : 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 15 ) ;
box-shadow : 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 15 ) ;
color : # fff ;
text-shadow : -1px -1px 0 rgba ( 0 , 0 , 0 , 0 . 1 ) ; }
. alm-dir-listing ul {
padding : 20px 0 0 ;
margin : 10px 0 0 ;
border-top : 1px solid # efefef ; }
p . theme-title {
font-weight : 600 ;
margin : 0 0 15px ! important ;
padding : 0 5px ; }
. alm-dir-listing ul li {
margin : 0 -2px ;
2020-07-21 16:23:51 +02:00
padding : 9px 0 5px 40px ;
2020-04-17 16:50:36 +02:00
display : inline-block ;
vertical-align : top ;
overflow : hidden ;
width : 47 % ;
font-size : 14px ;
background : transparent url ( "../../img/directory-list.gif" ) no-repeat left 46 % ; }
2020-07-21 16:23:51 +02:00
. alm-dir-listing ul li . full {
width : 100 % ;
display : block ; }
2020-04-17 16:50:36 +02:00
. alm-dir-listing . theme-repeaters ul li {
display : block ;
width : 100 % ;
padding-top : 10px ;
padding : 0 0 0 40px ;
background-position : left 54 % ; }
. alm-dir-listing . theme-repeaters ul li label {
display : block ;
width : 100 % ; }
. alm-dir-listing ul li : last-child ,
. alm-dir-listing ul li : nth-last-child ( 2 ) {
background-image : url ( "../../img/directory-list-btm.gif" ) ; }
. alm-dir-listing . theme-repeaters ul li : nth-last-child ( 2 ) {
background : transparent url ( "../../img/directory-list.gif" ) no-repeat left center ; }
. alm-dir-listing ul li a {
text-decoration : none ; }
. alm-dir-listing li i {
color : # 999 ;
padding : 0 5px 0 0 ; }
/ *
* Error Handling
*
* @ since 2 . 6
* /
. alm-error {
position : absolute ;
z-index : 9999 ;
background : # fff ;
padding : 10px ; }
/ *
* Form Replacements
*
* @ since 2 . 4
* /
. ajax-load-more . alm-styled-input {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
width : 100 % ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
border-radius : 3px ;
border : 1px solid # e1e1e1 ; }
. ajax-load-more . alm-styled-input label {
padding : 10px ;
font-size : 12px ;
font-weight : 700 ;
border-right : 1px solid # e1e1e1 ; }
. ajax-load-more . alm-styled-input input {
border : none ;
border-radius : 0 2px 2px 0 ;
margin : 0 ;
width : 100 % ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "checkbox" ] ,
. shortcode-builder input [ type = "radio" ] ,
. ajax-load-more . form-table input [ type = "checkbox" ] ,
. ajax-load-more . form-table input [ type = "radio" ] {
2020-04-17 16:50:36 +02:00
width : 0 ;
height : 0 ;
opacity : 0 ;
position : absolute ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "checkbox" ] + label ,
. ajax-load-more . form-table input [ type = "checkbox" ] + label ,
. shortcode-builder input [ type = "radio" ] + label ,
. ajax-load-more . form-table input [ type = "radio" ] + label {
2020-04-17 16:50:36 +02:00
background : transparent url ( "../../img/bkg-chkbox_off.png" ) no-repeat left 1px ;
height : auto ;
min-height : 23px ;
width : 100 % ;
display : inline-block ;
padding : 0 . 1em 0 0 30px ;
margin : 0 0 5px ;
font-size : 14px ;
line-height : 1 . 5 ;
cursor : pointer ! important ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "checkbox" ] + label span ,
. ajax-load-more . form-table input [ type = "checkbox" ] + label span ,
. shortcode-builder input [ type = "radio" ] + label span ,
. ajax-load-more . form-table input [ type = "radio" ] + label span {
2020-04-17 16:50:36 +02:00
display : inline-block ;
padding-left : 1px ;
font-size : 12px ;
color : # 999 ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "radio" ] + label ,
. ajax-load-more . form-table input [ type = "radio" ] + label {
2020-04-17 16:50:36 +02:00
background : transparent url ( "../../img/bkg-radio_off.png" ) no-repeat left 2px ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "checkbox" ] : hover + label ,
. ajax-load-more . form-table input [ type = "checkbox" ] : hover + label ,
. shortcode-builder input [ type = "checkbox" ] : focus + label ,
. ajax-load-more . form-table input [ type = "checkbox" ] : focus + label {
2020-04-17 16:50:36 +02:00
/* hover/focus */
background-image : url ( "../../img/bkg-chkbox_on.png" ) ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "radio" ] : hover + label ,
. ajax-load-more . form-table input [ type = "radio" ] : hover + label ,
. shortcode-builder input [ type = "radio" ] : focus + label ,
. ajax-load-more . form-table input [ type = "radio" ] : focus + label {
2020-04-17 16:50:36 +02:00
/* hover/focus */
background-image : url ( "../../img/bkg-radio_on.png" ) ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "checkbox" ] : checked + label ,
. ajax-load-more . form-table input [ type = "checkbox" ] : checked + label {
2020-04-17 16:50:36 +02:00
/* selected */
background-image : url ( "../../img/bkg-chkbox_selected.png" ) ;
color : # 000 ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "radio" ] : checked + label ,
. ajax-load-more . form-table input [ type = "radio" ] : checked + label {
2020-04-17 16:50:36 +02:00
/* selected */
background-image : url ( "../../img/bkg-radio_selected.png" ) ;
color : # 000 ; }
2020-07-21 16:23:51 +02:00
. shortcode-builder input [ type = "checkbox" ] + label : hover ,
. ajax-load-more . form-table input [ type = "checkbox" ] + label : hover ,
. shortcode-builder input [ type = "radio" ] + label : hover ,
. ajax-load-more . form-table input [ type = "radio" ] + label : hover {
2020-04-17 16:50:36 +02:00
color : # 000 ; }
/ *
* Shortcode Builder
*
* @ since 2 . 13 . 0
* /
# alm-shortcode-builder-form {
position : relative ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap {
padding : 0 20px 20px ;
display : block ;
background : # fff ;
border : 1px solid # e1e1e1 ;
border-radius : 3px ;
margin-bottom : 10px ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap . closed {
padding-bottom : 0 ;
border-bottom : none ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap h2 {
padding : 20px 22px 20px 43px ;
margin : 0 -20px ;
display : block ;
font-size : 20px ;
width : calc ( 100 % + 40px ) ;
border-bottom : 1px solid # e1e1e1 ;
background-color : # f7f7f7 ;
border-radius : 2px 2px 0 0 ;
color : # 555 ;
font-weight : 700 ;
position : relative ;
cursor : pointer ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap h2 : focus , # alm-shortcode-builder-form . shortcode-parameter-wrap h2 : hover {
color : # 222 ;
outline : none ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap h2 : hover : after , # alm-shortcode-builder-form . shortcode-parameter-wrap h2 : focus : after {
color : # ccc ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap h2 : after {
2020-07-21 16:23:51 +02:00
font-family : "FontAwesome" ;
content : "\f056" ;
2020-04-17 16:50:36 +02:00
color : # e1e1e1 ;
position : absolute ;
left : 15px ;
top : 20px ;
height : 20px ;
width : 20px ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap h2 . open : after {
2020-07-21 16:23:51 +02:00
content : "\f055" ; }
2020-04-17 16:50:36 +02:00
# alm-shortcode-builder-form . shortcode-parameter-wrap h2 i {
position : absolute ;
right : 15px ;
top : 50 % ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
font-size : 25px ;
color : # ccc ;
opacity : 0 . 45 ;
display : none ; }
# alm-shortcode-builder-form . shortcode-parameter-wrap : first-of-type {
margin-top : 0 ; }
. progress_bar_color_indicator {
position : absolute ;
left : 11px ;
top : 9px ;
width : 0 ;
height : 0 ;
padding : 11px ;
border-radius : 2px ;
z-index : 1 ;
display : block ;
background-color : # ed7070 ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 1 ) ; }
/ *
* Repeater Template options dropdown
2020-07-21 16:23:51 +02:00
* @ since 2 . 4 . 1
2020-04-17 16:50:36 +02:00
* /
. ajax-load-more . row . template {
position : relative ; }
. ajax-load-more . row . template : first-of-type {
margin-top : 0 ; }
. ajax-load-more . row . template : hover . alm-repeater-options {
opacity : 1 ; }
. alm-drop-btn . alm-repeater-options {
position : absolute ;
top : -42px ;
right : 7px ;
z-index : 8 ; }
. alm-drop-btn . alm-repeater-options a . target {
padding : 5px 10px ;
-webkit-box-shadow : none ;
box-shadow : none ;
border : none ; }
. alm-drop-btn . alm-repeater-options a . target > i {
font-size : 20px ;
position : static ; }
. alm-drop-btn a . target {
position : relative ;
color : # 444 ;
text-decoration : none ! important ;
padding : 0 12px 0 28px ;
border : 1px solid # ccc ;
border-radius : 3px ;
font-size : 13px ;
line-height : 30px ;
height : 32px ;
display : block ;
-webkit-box-shadow : 0 0 0 1px # fff ;
box-shadow : 0 0 0 1px # fff ; }
. alm-drop-btn a . target > i {
color : # 999 ;
font-size : 15px ;
position : absolute ;
top : 8px ;
left : 8px ; }
. alm-repeater-options a . target : hover i . fa-cog {
color : # 333 ; }
/* Active / Hover state */
. alm-repeater-options a . target : active ,
. alm-repeater-options . active a . target ,
. alm-repeater-options a . target : hover ,
. alm-repeater-options a . target : focus {
background-color : transparent ;
color : # 222 ;
border-color : transparent ;
-webkit-box-shadow : none ;
box-shadow : none ;
opacity : 1 ; }
. alm-repeater-options . active a . target ,
. alm-repeater-options . active a . target i . fa-cog {
color : # 444 ; }
/* Layout Dropdown */
. alm-drop-btn . alm-layout-selection {
display : inline-block ;
float : right ;
margin : 6px 0 0 ; }
@ media screen and ( max-width : 480px ) {
. alm-drop-btn . alm-layout-selection {
float : none ; } }
. alm-drop-btn . alm-layout-selection a . target {
background-color : # f7f7f7 ;
border-color : # e1e1e1 ;
color : # 555 ;
text-shadow : 1px 1px 0 rgba ( 255 , 255 , 255 , 0 . 2 ) ; }
. alm-drop-btn . alm-layout-selection > a > i {
left : 12px ; }
. alm-drop-btn . alm-layout-selection li . type {
height : 36px ;
line-height : 36px ;
padding : 0 4px 0 8px ;
position : relative ;
border-top : 1px solid # e1e1e1 ; }
. alm-drop-btn . alm-layout-selection li . type : first-of-type {
border : none ; }
. alm-dropdown ul li . layout i {
top : 11px ; }
. alm-drop-btn . alm-layout-selection li . type . col-select {
float : right ;
text-align : right ;
width : auto ;
height : 33px ;
line-height : 33px ; }
. alm-drop-btn . alm-layout-selection li . type . col-select a {
width : 32px ;
height : 30px ;
margin : 3px 0 0 0 ;
padding : 0 ;
float : left ;
text-align : center ;
background-position : center center ;
background-repeat : no-repeat ;
vertical-align : top ;
text-indent : -99999px ;
overflow : hidden ;
opacity : 1 ;
border-radius : 2px ;
border : 1px solid transparent ; }
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-1 {
background-image : url ( "../../img/column-1.png" ) ; }
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-2 {
background-image : url ( "../../img/column-2.png" ) ; }
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-3 {
background-image : url ( "../../img/column-3.png" ) ;
width : 36px ; }
2020-05-04 16:30:49 +02:00
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-4 {
background-image : url ( "../../img/column-4.png" ) ;
width : 36px ; }
2020-04-17 16:50:36 +02:00
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-1 . updating ,
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-2 . updating ,
. alm-drop-btn . alm-layout-selection li . type . col-select a . column-3 . updating {
background-image : url ( "../../img/loader.gif" ) ;
padding : 0 ! important ; }
. alm-drop-btn . alm-layout-selection li . type . col-select a : hover ,
. alm-drop-btn . alm-layout-selection li . type . col-select a . updating {
opacity : 1 ;
background-color : # fff ;
border-color : # ccc ; }
. alm-drop-btn . alm-layout-selection li . type : hover {
background-color : # faf8e6 ; }
/* External Link + Add-on */
. alm-drop-btn . alm-layout-selection a . external ,
. alm-drop-btn . alm-layout-selection a . add-on {
background-color : # f7f7f7 ;
padding : 13px 10px 13px 36px ;
display : block ; }
. alm-drop-btn . alm-layout-selection a . external {
padding : 0 10px 0 36px ;
font-weight : 600 ;
border : 1px solid # e1e1e1 ;
border-radius : 3px ; }
. alm-drop-btn . alm-layout-selection a . external i {
color : # 999 ;
border-color : # ccc ;
top : 53 % ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
width : 38px ; }
. alm-drop-btn . alm-layout-selection a . external : hover i {
color : # 666 ; }
. alm-drop-btn . alm-layout-selection a . add-on {
line-height : 1 . 5 ;
background-color : # 75d0b4 ;
border : none ;
color : # fff ;
font-weight : 400 ;
text-overflow : inherit ;
height : auto ;
white-space : normal ;
font-size : 13px ;
padding : 12px 15px ; }
. alm-drop-btn . alm-layout-selection a . add-on : hover ,
. alm-drop-btn . alm-layout-selection a . add-on : focus {
background-color : # 57bda4 ; }
. alm-drop-btn . alm-layout-selection a . add-on : hover i {
opacity : 1 ; }
. alm-drop-btn . alm-layout-selection a . add-on strong {
color : # 41635a ;
font-weight : 600 ; }
. alm-drop-btn . alm-layout-selection a . add-on i {
top : 14px ;
left : 3px ;
display : none ; }
. alm-drop-btn . alm-layout-selection a . add-on i {
color : # fff ! important ;
border-color : rgba ( 255 , 255 , 255 , 0 . 3 ) ; }
. alm-drop-btn . alm-layout-selection a . target : hover ,
. alm-drop-btn . alm-layout-selection a . target : active ,
. alm-drop-btn . alm-layout-selection . active a . target {
color : # 222 ;
border-color : # 999 ;
background-color : # f1f1f1 ;
opacity : 1 ; }
. alm-drop-btn . alm-layout-selection . active a . target ,
. alm-drop-btn . alm-layout-selection a . target : active {
-webkit-box-shadow : inset 0 1px 1px # ccc ! important ;
box-shadow : inset 0 1px 1px # ccc ! important ; }
. alm-drop-btn . alm-layout-selection . alm-dropdown {
display : none ;
position : absolute ;
right : 0 ;
top : 108 % ;
z-index : 9 ; }
@ media screen and ( max-width : 480px ) {
. alm-drop-btn . alm-layout-selection . alm-dropdown {
right : auto ;
left : 0 ; } }
. alm-drop-btn . alm-dropdown : hover {
display : block ! important ; }
@ media screen and ( max-width : 480px ) {
. alm-drop-btn . alm-layout-selection . alm-dropdown . alm-drop-inner : after ,
. alm-drop-btn . alm-layout-selection . alm-dropdown . alm-drop-inner : before {
right : auto ;
left : 36px ; }
. alm-drop-btn . alm-layout-selection . alm-dropdown . alm-drop-inner : after {
margin-left : 0 ; }
. alm-drop-btn . alm-layout-selection . alm-dropdown . alm-drop-inner : before {
right : auto ;
left : 35px ; } }
. add-layout-cta {
border-radius : 2px ;
border : 1px solid # e1e1e1 ;
background-color : # fefeed ;
padding : 10px 100px 10px 10px ;
display : block ;
margin : 5px 0 15px ;
font-weight : 600 ;
position : relative ; }
. add-layout-cta p {
margin : 0 ;
font-size : 13px ; }
span . dismiss {
position : absolute ;
right : 10px ;
top : 11px ;
font-size : 13px ; }
span . dismiss a {
text-decoration : none ; }
/* Dropwbown */
. alm-drop-btn {
position : relative ;
width : auto ; }
. alm-dropdown {
display : none ;
position : absolute ;
top : 108 % ;
right : -15px ;
z-index : 9 ; }
. alm-dropdown . alm-drop-inner {
display : block ;
position : relative ;
background : # fff ;
border-radius : 3px ;
border : 1px solid # ccc ;
-webkit-box-shadow : 0 4px 12px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 4px 12px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
padding : 8px 10px ;
width : 220px ; }
. alm-dropdown . alm-drop-inner : after ,
. alm-dropdown . alm-drop-inner : before {
bottom : 100 % ;
right : 26px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ; }
. alm-dropdown . alm-drop-inner : after {
border-color : rgba ( 247 , 247 , 247 , 0 ) ;
border-bottom-color : # fff ;
border-width : 7px ;
margin-left : -7px ; }
. alm-dropdown . alm-drop-inner : before {
border-color : rgba ( 204 , 204 , 204 , 0 ) ;
border-bottom-color : # ccc ;
border-width : 8px ;
right : 25px ; }
. alm-dropdown . active {
display : block ! important ; }
. alm-layout-selection . alm-dropdown . alm-drop-inner {
width : 270px ;
padding : 10px 10px 6px ; }
. alm-dropdown ul {
padding : 0 ;
margin : 0 ;
overflow : hidden ; }
. alm-dropdown li {
margin : 0 ;
padding : 2px 0 ;
list-style : none ;
clear : both ;
font-size : 13px ;
line-height : 1 . 2 ;
font-weight : 400 ; }
. alm-dropdown li . option {
border-radius : 3px ; }
. alm-dropdown li . option : nth-child ( even ) {
background-color : # f7f7f7 ; }
. alm-dropdown li a : not ( . button ) {
padding : 0 10px 0 32px ;
line-height : 40px ;
height : 40px ;
display : block ;
text-decoration : none ;
background-position : 4px center ;
color : # 555 ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ;
position : relative ;
width : 100 % ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
border-radius : 3px ; }
. alm-dropdown li a : not ( . button ) : hover , . alm-dropdown li a : not ( . button ) : focus {
color : # 333 ; }
. alm-dropdown li a : not ( . button ) : hover i , . alm-dropdown li a : not ( . button ) : focus i {
opacity : 0 . 8 ; }
. alm-dropdown li a : not ( . button ) i {
margin : 0 ;
position : absolute ;
left : 0px ;
top : 50 % ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
width : 32px ;
font-size : 14px ;
line-height : 1 ;
display : inline-block ;
text-align : center ;
opacity : 0 . 5 ; }
. alm-dropdown li . layout-cta {
border : 1px solid # e1e1e1 ;
padding : 20px 10px ;
border-radius : 3px ;
margin-bottom : 5px ;
background-color : # fffeed ;
text-align : center ; }
. alm-dropdown li . layout-cta span {
display : block ;
padding : 0 0 12px ;
line-height : 1 . 5 ; }
/ *
* Mailchimp Sign-up
*
* @ since 2 . 7 . 2
* /
# alm-mailing-list . center {
text-align : center ;
display : block ;
background : # f7f7f7 ;
border : 1px solid # efefef ;
padding : 15px ;
margin : -5px 0 20px ;
border-radius : 2px ;
-webkit-box-shadow : inset 0 0 0 1px # fff ;
box-shadow : inset 0 0 0 1px # fff ; }
. center-text {
text-align : center ; }
# alm-mailing-list . center p {
margin-bottom : 15px ; }
. ajax-load-more . cnkt-sidebar . cta . social . follow-btn {
display : inline-block ;
background-color : # fff ;
color : # 333 ;
font-size : 20px ;
padding : 0 ;
width : 44px ;
height : 44px ;
line-height : 44px ;
text-align : center ;
vertical-align : top ;
border-radius : 100 % ;
margin : 0 1px 0 0 ;
opacity : 0 . 8 ; }
. ajax-load-more . cnkt-sidebar . cta . social . follow-btn . facebook {
background-color : # 3b5998 ;
color : # fff ; }
. ajax-load-more . cnkt-sidebar . cta . social . follow-btn . twitter {
background-color : # 00aced ;
color : # fff ; }
. ajax-load-more . cnkt-sidebar . cta . social . follow-btn : hover {
opacity : 1 ; }
# alm-mailing-list . form-wrap {
background-color : # fff ;
padding : 12px ;
border : 1px solid # e1e1e1 ;
-webkit-box-shadow : 0 0 0 3px rgba ( 0 , 0 , 0 , 0 . 025 ) ;
box-shadow : 0 0 0 3px rgba ( 0 , 0 , 0 , 0 . 025 ) ;
position : relative ;
border-radius : 2px ; }
# alm-mailing-list . form-wrap . inner-wrap {
position : relative ;
display : block ; }
# alm-mailing-list . form-wrap input {
width : 100 % ;
display : block ;
margin : 0 ;
background : # fff ;
font-size : 13px ;
border-color : # eee ;
padding : 0 7px 0 46px ;
height : 40px ;
line-height : 40px ; }
# alm-mailing-list . form-wrap i . fa-envelope {
color : # fff ;
background : # ff5a58 ;
position : absolute ;
top : 0 ;
left : 0 ;
font-size : 18px ;
z-index : 1 ;
height : 40px ;
width : 40px ;
text-align : center ;
line-height : 40px ;
border-radius : 2px 0 0 2px ; }
# alm-mailing-list . form-wrap button {
padding : 0 ;
margin : 0 ;
height : auto ;
line-height : 1 . 2 ;
font-weight : 600 ;
position : absolute ;
right : 0 ;
top : 0 ;
z-index : 1 ;
height : 100 % ;
font-size : 13px ;
border-radius : 0 ;
width : 40px ;
height : 40px ;
color : # ff5a58 ;
background : none ! important ;
cursor : pointer ; }
# alm-mailing-list . form-wrap button i {
color : # ccc ;
line-height : 40px ;
width : 20px ;
text-align : center ;
position : absolute ;
right : 5px ;
top : 0 ;
font-size : 19px ; }
# alm-mailing-list . form-wrap button : hover i {
color : # 999 ; }
# alm-mailing-list . form-wrap button span {
position : absolute ;
left : -9999px ;
top : -9999px ; }
# alm-mailing-list . form-wrap label {
font-size : 11px ;
text-transform : uppercase ;
margin : 0 0 ;
padding : 0 ;
font-weight : 600 ;
position : absolute ;
left : -9999px ;
top : -9999px ; }
# alm-mailing-list . form-wrap # response {
padding-top : 11px ;
font-size : 13px ;
display : none ;
text-align : center ;
position : absolute ;
left : 0 ;
top : 0 ;
width : 100 % ;
height : 100 % ;
background : # fff ;
z-index : 1 ; }
# alm-mailing-list . form-wrap # response p {
font-style : normal ! important ; }
/* share-alm */
. alm-notification {
border-radius : 2px ; }
. alm-notification--blue {
background : # 5899de ! important ;
border-color : # 4b7eb5 ! important ; }
. alm-notification : hover a . dismiss {
opacity : 0 . 7 ; }
. alm-notification--inner {
padding : 14px 20px 20px ; }
. alm-notification . dotted {
border : none ;
border-bottom : 1px dashed # ccc ;
background : none ;
margin : 0 0 20px ;
padding : 0 0 15px ; }
. alm-notification h2 {
line-height : 1 . 25 ;
position : relative ;
color : # fff ;
font-size : 15px ;
margin : 0 ;
padding : 14px 20px ;
font-weight : 700 ;
border-bottom : 1px solid rgba ( 255 , 255 , 255 , 0 . 15 ) ; }
. alm-notification h2 span {
position : absolute ;
left : 0 ;
top : 0 ; }
@ media screen and ( max-width : 480px ) {
. alm-notification h2 {
padding-left : 0 ; }
. alm-notification h2 span {
display : none ; } }
. alm-notification p {
font-size : 14px ;
margin : 0 0 20px ; }
. alm-notification p a {
font-weight : 600 ; }
. alm-notification p a : hover , . alm-notification p a : focus {
text-decoration : none ; }
. alm-notification p . opening {
font-size : 18px ;
margin : 0 0 15px ;
font-weight : 300 ;
line-height : 1 . 4 ; }
. alm-notification p . opener {
color : # 444 ;
font-weight : 700 ;
font-size : 16px ;
position : relative ;
margin : 0 0 20px ; }
. alm-notification ul . share {
margin : 0 ;
padding : 0 ;
width : auto ;
clear : both ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
width : 100 % ;
overflow : visible ;
text-align : left ;
width : 100 % ;
height : auto ;
border-radius : 0 0 3px 3px ;
background-color : # e06464 ;
background-color : # 9d87c7 ; }
. alm-notification ul . share li {
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
background : none ;
display : block ;
vertical-align : top ;
height : auto ;
line-height : 40px ;
font-size : 13px ;
position : relative ;
font-weight : 400 ;
text-align : left ;
background : none ;
color : # 787878 ;
width : auto ;
text-align : center ;
margin : 0 ! important ;
padding : 0 ;
background : none ;
border-left : 1px solid rgba ( 255 , 255 , 255 , 0 . 15 ) ; }
. alm-notification ul . share li : first-of-type {
border-left : none ; }
. alm-notification ul . share li a {
display : block ;
line-height : 50px ;
height : 50px ;
width : 100 % ;
padding : 0 10px ;
text-decoration : none ;
color : # fff ;
text-align : center ;
background : none ;
border-radius : 0 ;
position : relative ;
font-weight : 500 ; }
. alm-notification ul . share li a : hover , . alm-notification ul . share li a : focus {
background-color : # b3a0d6 ! important ; }
. alm-notification ul . share li a i {
margin : 0 10px 0 0 ;
font-size : 1 . 25em ;
position : relative ;
top : 1px ; }
. alm-notification ul . share li a : hover ,
. alm-notification ul . share li a : hover i {
text-decoration : none ;
color : # fff ! important ; }
. alm-notification ul . share li a : hover span ,
. alm-notification ul . share li a : hover i span {
text-decoration : none ; }
. alm-notification a . dismiss {
position : absolute ;
right : 3px ;
top : 3px ;
text-decoration : none ;
width : 30px ;
height : 30px ;
line-height : 30px ;
padding : 0 ;
text-align : center ;
color : # ccc ;
border-right : none ;
border-top : none ;
display : block ;
font-size : 24px ;
font-weight : 300 ;
opacity : 0 . 3 ; }
. alm-notification a . dismiss : hover , . alm-notification a . dismiss : focus {
color : # 999 ;
opacity : 1 ; }
/ *
* Local templates Add-on
*
* @ since 2 . 7 . 3
* /
. select-theme-repeater {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
width : 100 % ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
position : relative ; }
. select-theme-repeater . or {
position : absolute ;
left : 70px ;
top : -20px ;
background : # fff ;
color : # 333 ;
width : 34px ;
height : 34px ;
line-height : 34px ;
text-align : center ;
z-index : 1 ;
font-weight : 700 ;
border-radius : 100 % ;
text-transform : uppercase ;
border : 1px solid # e1e1e1 ;
-webkit-box-shadow : 0 0 6px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 0 6px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
font-size : 11px ; }
. alm-template-section-nav {
display : block ;
margin : 0 0 ;
padding : 0 ; }
. alm-template-section-nav li {
display : inline-block ;
vertical-align : top ; }
. alm-template-section-nav li a {
padding : 5px ;
display : block ; }
. alm-template-section-nav li . active a {
background : # ff0000 ; }
/ *
* Toggle Switch
*
* @ since 2 . 14 . 0
* /
. ajax-load-more . alm-toggle-switch {
display : block ;
clear : both ;
margin : 0 ;
padding : 0 10px ;
overflow : hidden ;
position : relative ;
top : 1px ;
z-index : 9 ; }
. ajax-load-more . alm-toggle-switch li {
float : left ;
margin : 0 2px 0 0 ;
padding : 0 ;
background : none ;
list-style : none ; }
. ajax-load-more . alm-toggle-switch li a {
display : block ;
padding : 14px 20px ;
line-height : 1 ;
text-decoration : none ;
border : 1px solid # e1e1e1 ;
border-radius : 3px 3px 0 0 ;
background : # f7f7f7 ;
color : # 555 ; }
. ajax-load-more . alm-toggle-switch li a : hover {
color : # 222 ;
background-color : # fff ; }
. ajax-load-more . alm-toggle-switch li a . active {
background : # fff ;
font-weight : 600 ;
border-bottom-color : # fff ;
color : # 111 ; }
/ *
* Admin screen media queries
*
* @ since 1 . 0
* /
@ media screen and ( max-width : 1200px ) {
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "text" ] ,
. ajax-load-more input [ type = "number" ] ,
2020-04-17 16:50:36 +02:00
. select2-container ,
# alm-builder . select2-container-multi ,
. ajax-load-more textarea {
width : 95 % ; }
# alm-builder . select2-container-multi {
width : 95 % ! important ; } }
@ media screen and ( max-width : 900px ) {
. table-of-contents {
position : static ! important ;
width : 100 % ! important ; }
. ajax-load-more . cnkt-main ,
. ajax-load-more . cnkt-sidebar ,
. ajax-load-more . cnkt-main . full {
float : none ;
clear : both ;
margin : 0 ;
width : 100 % ;
position : static ! important ;
border : none ; }
. admin . ajax-load-more . settings . form-table td {
padding : 24px 20px 20px ; }
. call-out . light {
padding : 15px ! important ; }
. repeaters input . save-repeater {
max-width : 50 % ; } }
@ media screen and ( max-width : 782px ) {
. admin . ajax-load-more . settings . form-table th {
padding-bottom : 0 ;
border : none ;
background-color : transparent ; }
. share-alm . sharing {
padding-right : 0 ;
width : 100 % ;
margin-right : 0 ! important ; }
. share-alm . mailing {
width : 100 % ;
margin-left : 0 ! important ;
padding-left : 0 ;
padding-top : 40px ;
border-left : none ; } }
@ media screen and ( max-width : 480px ) {
. ajax-load-more . section-title ,
. ajax-load-more . row . wrap {
clear : both ;
width : 100 % ;
display : block ;
float : none ;
padding : 10px ; }
. ajax-load-more . section-title {
padding : 20px 20px 10px ; }
. ajax-load-more . row . wrap {
padding : 10px 20px ; }
. ajax-load-more textarea ,
2020-07-21 16:23:51 +02:00
. ajax-load-more input [ type = "text" ] ,
. ajax-load-more input [ type = "number" ] ,
2020-04-17 16:50:36 +02:00
. select2-container ,
# alm-builder . select2-container-multi {
width : 100 % ! important ; }
. ajax-load-more . row . wrap . inner . half {
display : block ;
padding : 0 0 20px ;
width : 100 % ; }
. ajax-load-more . section-title p {
color : # 999 ;
padding : 0 ! important ; }
# alm-add-ons . row . wrap {
padding-bottom : 60px ;
width : 100 % ; }
# alm-add-ons . section-title {
width : 100 % ; }
. alm-repeater-options {
display : none ! important ; }
. ajax-load-more . wrap-30 {
width : 100 % ;
display : block ;
padding : 0 0 10px ; }
. ajax-load-more . row . wrap . full {
padding : 10px ; }
# alm-add-ons . group {
width : 100 % ;
display : block ;
margin : 0 0 2 % 0 ; }
. call-out . light {
background : # fdfdec none repeat scroll 0 0 ;
width : 100 % ; }
. call-out . light p {
padding : 0 ; }
. ajax-load-more . one_half {
width : 100 % ;
margin : 0 0 2 % ;
display : block ; }
. add-layout-cta {
padding : 10px ; }
span . dismiss {
position : static ;
padding-top : 20px ;
display : block ;
font-size : 12px ; } }