| Current Path : /home/digilove/public_html/plugins/system/ytshortcodes/shortcodes/divider/css/ |
| Current File : //home/digilove/public_html/plugins/system/ytshortcodes/shortcodes/divider/css/divider.css |
.yt-divider {
clear: both;
position: relative;
overflow: hidden;
margin: 35px 0;
}
.yt-divider.has-toplink {
min-height: 12px;
}
.yt-icon-style-3.yt-divider > span {
border-width: 1px;
border-radius: 50%;
}
.yt-divider-style-1.yt-icon-style-3 > span, .yt-divider-style-2.yt-icon-style-3 > span {border-style:solid;}
.yt-divider-style-3.yt-icon-style-3 > span, .yt-divider-style-4.yt-icon-style-3 > span {border-style:dashed;}
.yt-divider-style-5.yt-icon-style-3 > span, .yt-divider-style-6.yt-icon-style-3 > span {border-style:dotted;}
.yt-divider > span {
position: relative;
display: inline-block;
}
.t3-content .yt-divider i {
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
span.divider-left:before, span.divider-right:before {
content: '';
width: 2000px;
position: absolute;
top: 50%;
margin-top: -1px;
border-top-width: 1px;
}
span.divider-left:before, span.divider-left:after {right: 100%;}
span.divider-right:before, span.divider-right:after {left: 100%;}
/*=====================
Single line style
=====================*/
.yt-divider-style-1 span.divider-left:before, .yt-divider-style-1 span.divider-right:before{border-top-style: solid;}
.yt-divider-style-1 span.divider-left:after, .yt-divider-style-1 span.divider-right:after{border-top-style: solid;}
.yt-divider-style-3 span.divider-left:before, .yt-divider-style-3 span.divider-right:before{border-top-style: dashed;}
.yt-divider-style-3 span.divider-left:after, .yt-divider-style-3 span.divider-right:after{border-top-style: dashed;}
.yt-divider-style-5 span.divider-left:before, .yt-divider-style-5 span.divider-right:before{border-top-style: dotted;}
.yt-divider-style-5 span.divider-left:after, .yt-divider-style-5 span.divider-right:after{border-top-style: dotted;}
/*=====================
Double line style
=====================*/
.yt-divider-style-2 span.divider-left:after, .yt-divider-style-2 span.divider-right:after,
.yt-divider-style-4 span.divider-left:after, .yt-divider-style-4 span.divider-right:after,
.yt-divider-style-6 span.divider-left:after, .yt-divider-style-6 span.divider-right:after {
content: '';
width: 2000px;
position: absolute;
top: 50%;
border-top-width: 1px;
margin-top: 2px;
}
.yt-divider-style-2 span.divider-left:before, .yt-divider-style-2 span.divider-right:before,
.yt-divider-style-4 span.divider-left:before, .yt-divider-style-4 span.divider-right:before,
.yt-divider-style-6 span.divider-left:before, .yt-divider-style-6 span.divider-right:before {margin-top: -2px;}
.yt-divider-style-2 span.divider-left:before, .yt-divider-style-2 span.divider-right:before{border-top-style: solid;}
.yt-divider-style-2 span.divider-left:after, .yt-divider-style-2 span.divider-right:after{border-top-style: solid;}
.yt-divider-style-4 span.divider-left:before, .yt-divider-style-4 span.divider-right:before{border-top-style: dashed;}
.yt-divider-style-4 span.divider-left:after, .yt-divider-style-4 span.divider-right:after{border-top-style: dashed;}
.yt-divider-style-6 span.divider-left:before, .yt-divider-style-6 span.divider-right:before{border-top-style: dotted;}
.yt-divider-style-6 span.divider-left:after, .yt-divider-style-6 span.divider-right:after{border-top-style: dotted;}
.yt-divider.yt-divider-align-left {margin-left: 0 !important;}
.yt-divider.yt-divider-align-right {margin-right: 0 !important;}
.yt-divider-style-7 span.divider-left, .yt-divider-style-7 span.divider-right {
display: block;
width: 100%;
background-size: 6px 6px;
width: 12000px;
height: 4px;
position: absolute;
top: 50%;
margin-top: -2px;
}
.yt-divider-style-7.yt-divider-align-left .divider-left, .yt-divider-style-7.yt-divider-align-right .divider-right {display: none;}
.yt-divider-style-7 span.divider-left {
right: 100%;
}
.yt-divider-style-7 span.divider-right {
left: 100%;
}
.yt-divider-style-7 span.divider-right:before, .yt-divider-style-7 span.divider-left:before {
display: none;
}
.yt-divider-style-7.yt-icon-style-3 > span {
border-style: solid;
}