Your IP : 216.73.216.89

Current Path : /home/azimutno/www/plugins/nextendslideritem/special/special/
Upload File :
Current File : /home/azimutno/www/plugins/nextendslideritem/special/special/configuration.xml

<root translate="smartslider">
    <params label="Special_item_settings">
        <param name="skins" type="mixed" label="Special_items">
            <param type="skin" label="Choose_an_item">
                <pin label="Pin">
                    <html><![CDATA[<div class="pin">
  <div class="circle"></div>      
  <div class="innercircle"></div>
  <div class="aura"></div>  
</div>
<div style="clear: both;"></div>          
]]></html>
                    <css><![CDATA[.pin{
margin: 20px;
height: 20px;
width:20px;
position: relative;
float:left;
}

.circle {
    background: none repeat scroll 0 0 #9f449b;
    border-radius: 99px 99px 99px 99px;
    height: 24px;
    position: absolute;
    width: 24px;
    opacity: .2;
}

.innercircle {
    background: #7b3678;
    border-radius: 99px 99px 99px 99px;
    margin: 3px;
    height: 18px;
    position: absolute;
    width: 18px;
    opacity: .5;
}

.aura {
border-radius:99px;
background:#9f449b;
position:absolute;
width:24px;
height:24px;
opacity:.4;
-webkit-animation:glow 1s ease-out infinite;
animation:glow 1s ease-out infinite;
-webkit-transform:scale3d(1,1,1);
-moz-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
-o-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

@-webkit-keyframes glow{0%,20%{
  opacity:.6;-webkit-transform:scale3d(1,1,1);
  -moz-transform:scale3d(1,1,1);
  -ms-transform:scale3d(1,1,1);
  -o-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)}

100%{
  opacity:0;
  -webkit-transform:scale3d(2,2,1);
  -moz-transform:scale3d(2,2,1);
  -ms-transform:scale3d(2,2,1);
  -o-transform:scale3d(2,2,1);
  transform:scale3d(2,2,1)}}

@keyframes glow{0%,20%{
  opacity:.6;
  -webkit-transform:scale3d(1,1,1);
  -moz-transform:scale3d(1,1,1);
  -ms-transform:scale3d(1,1,1);
  -o-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)}

100%{opacity:0;
  -webkit-transform:scale3d(2,2,1);
  -moz-transform:scale3d(2,2,1);
  -ms-transform:scale3d(2,2,1);
  -o-transform:scale3d(2,2,1);
  transform:scale3d(2,2,1)
}}
]]></css>
                </pin>


                <marquee label="Marquee_text">
                    <html><![CDATA[
  <div class="marquee">
      <div>
          <span>Here comes my first sentence.</span>
      </div>
  </div>
]]></html>
                    <css><![CDATA[
.marquee {
    height: 30px;    
    overflow: hidden;
    position: relative;
}
    .marquee div {
        display: block;
        width: 200%;
        height: 30px;
        
        position: absolute;
        overflow: hidden;
        
        -webkit-animation: marquee 4s linear infinite;
        -moz-animation: marquee 4s linear infinite;
        -ms-animation: marquee 4s linear infinite;
        -o-animation: marquee 4s linear infinite;
        animation: marquee 4s linear infinite;
    }
    .marquee span {
        float: left;
        width: 50%;
    }
    
@-webkit-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-moz-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-ms-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-o-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
]]></css>
                </marquee>

                <rolling label="Rolling_item">
                    <html><![CDATA[<a href="#" target="_blank" class="rolling sliderfont5" style="background: none;">
<div class="container">
    <div class="front">Front text</div>
    <div class="top">Hover text</div>
</div>
</a>
            ]]></html>

                    <css><![CDATA[.rolling {
  display: block;
  height: 60px;
  line-height: 60px !important;
  text-align: center !important;
  -webkit-perspective: 500px;
  perspective: 500px;
  position: relative;
  width: 100%;
  z-index: 1;
}
  
.rolling .container {
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0px, 0px, -30px);
  transform: translate3d(0px, 0px, -30px);
  transform-style: preserve-3d;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
}

.rolling .container .front {
    background: #353f48 !important;
    -webkit-transform: translate3d(0px, 0px, 30px);
    transform: translate3d(0px, 0px, 30px);
}


.rolling .container .top {
    background: #7670c7;
    -webkit-transform: rotateX(90deg) translate3d(0px, 0px, 90px);
    transform: rotateX(90deg) translate3d(0px, 0px, 90px);
}

.rolling .container > div {
    color: white;
    outline: 1px solid transparent;
}

.rolling .container:hover {
    cursor: pointer;
    -webkit-transform: rotateX(-90deg) translate3d(0px, 25px, 0px);
    transform: rotateX(-90deg) translate3d(0px, 25px, 0px);
}
]]></css>
                </rolling>


            </param>
        </param>

        <param name="html" type="textarea" label="HTML" default=""/>
        <param name="css" type="textarea" label="CSS" default=""/>
        <param name="onmouseenter" type="text" label="Event_on_mouseenter" description="JavaScript_code_to_run_on_the_event" default=""/>
        <param name="onmouseclick" type="text" label="Event_on_mouseclick" description="JavaScript_code_to_run_on_the_event" default=""/>
        <param name="onmouseleave" type="text" label="Event_on_mouseleave" description="JavaScript_code_to_run_on_the_event" default=""/>
    </params>
</root>