%PDF-
%PDF-
Mini Shell
Mini Shell
<div id="el_{{::$id}}"
class="
res-text
banner-layer
text-box
{{ shortcode.options.class }}
{{ shortcode.options.visibility }}
text-box-{{shortcode.options.style}}
x{{ shortcode.options.positionX }}
md-x{{ shortcode.options.positionX }}
lg-x{{ shortcode.options.positionX }}
y{{ shortcode.options.positionY }}
md-y{{ shortcode.options.positionY }}
lg-y{{ shortcode.options.positionY }}
" ng-class="{'has-hover-effect' : shortcode.options.hover}">
<div ng-attr-data-animate="{{ shortcode.options.animate }}" data-animated="true">
<div ng-class="{['hover-'+shortcode.options.hover ] : shortcode.options.hover}">
<div class="text-box-content text
text-shadow-{{ shortcode.options.textDepth }}
box-shadow-{{ shortcode.options.depth }}
box-shadow-{{ shortcode.options.depthHover }}-hover"
ng-class="{'dark' : shortcode.options.textColor == 'light'}"
data-parallax-fade="true"
ng-attr-data-parallax="{{ shortcode.options.parallax }}">
<div ng-if="shortcode.options.border" class="is-border is-{{shortcode.options.borderStyle}}"
ng-style="{
'borderRadius': shortcode.options.borderRadius+'px',
'borderWidth': shortcode.options.border,
'margin': shortcode.options.borderMargin,
'borderColor': shortcode.options.borderColor,
}"
></div>
<div class="text-inner text-{{ shortcode.options.textAlign }}">
<content></content>
</div>
</div>
</div>
</div>
<style scope="scope">
#el_{{::$id}}{ width: {{ shortcode.options.width }}%; }
#el_{{::$id}} { margin: {{ shortcode.options.margin }}; }
#el_{{::$id}} .text-inner { padding:{{ shortcode.options.padding }}; }
#el_{{::$id}} .text-box-content { background-color: {{ shortcode.options.bg }}; }
#el_{{::$id}} .text-box-content { font-size:{{ shortcode.options.scale }}%; }
#el_{{::$id}} .text-box-content { border-radius:{{ shortcode.options.radius }}px; }
#el_{{::$id}} .text-box-content { transform: rotate({{ shortcode.options.rotate }}deg)};
</style>
</div>
Zerion Mini Shell 1.0