diff -Naur essential_orig/config.php essential_mine/config.php --- essential_orig/config.php 2013-12-02 09:13:30.000000000 +0330 +++ essential_mine/config.php 2014-01-29 17:14:35.000000000 +0330 @@ -33,7 +33,7 @@ $THEME->doctype = 'html5'; $THEME->yuicssmodules = array(); $THEME->parents = array('bootstrapbase'); -$THEME->sheets = array('slides', 'lightbox', 'font-awesome.min', 'essential', 'settings'); +$THEME->sheets = array('slides', 'lightbox', 'font-awesome.min', 'essential', 'settings', 'bootstrapoverride'); $THEME->supportscssoptimisation = false; $THEME->enable_dock = false; diff -Naur essential_orig/style/bootstrapoverride.css essential_mine/style/bootstrapoverride.css --- essential_orig/style/bootstrapoverride.css 1970-01-01 03:30:00.000000000 +0330 +++ essential_mine/style/bootstrapoverride.css 2014-01-29 20:55:56.000000000 +0330 @@ -0,0 +1,28 @@ +/** + * bootstrapoverride.css + * + * This file is meant to contain rules which specifically override + * rules defined in the bootstrapbase theme. + * + * This file only contains rules that technically should be fixed in the bootstrapbase theme +*/ + +.dir-rtl .row-fluid [class*="span"] { + float: right; + margin-left: 0; + margin-right: 2.5641%; +} + +.dir-rtl .row-fluid [class*="span"]:first-child { + margin-right: 0; +} + +.dir-rtl .pull-right[class*="span"], +.dir-rtl .row-fluid .pull-right[class*="span"] { + float: left; +} + +.dir-rtl .row-fluid .desktop-first-column { + margin-left: 0; + margin-right: 0; +} \ No newline at end of file diff -Naur essential_orig/style/essential.css essential_mine/style/essential.css --- essential_orig/style/essential.css 2013-12-02 09:13:30.000000000 +0330 +++ essential_mine/style/essential.css 2014-01-30 00:40:44.000000000 +0330 @@ -28,11 +28,6 @@ text-decoration: none; } -.dir-rtl a.logo { - display: block; - float: right; -} - .sitetopic .section .activity:hover, .course-content .section .activity:hover { background: none; } @@ -102,6 +97,10 @@ background-size: contain !important; } +.dir-rtl a.logo { + float: right; +} + h1#title { white-space: nowrap; font-size: 2.1em; @@ -124,6 +123,14 @@ margin-right: 10px; } +.dir-rtl #headerlogo { + float: right; + padding-right: 0; + padding-left: 10px; + margin-right: 0; + margin-left: 10px; +} + .breadcrumb-button input[type="submit"]{ color: #fff; text-shadow: none; @@ -158,6 +165,11 @@ text-decoration: none; } +.dir-rtl .socials a { + padding-left: 0; + padding-right: 5px; +} + a.ios .fa-stack, a.android .fa-stack, a.instagram .fa-stack, @@ -239,6 +251,10 @@ text-align: right; } +.dir-rtl ul.socials { + text-align: left; +} + #socialheading { text-align: right; color: #666; @@ -248,6 +264,11 @@ margin-top: 8px; } +.dir-rtl #socialheading { + text-align: left; + letter-spacing: normal; +} + /* @end */ /* @end */ @@ -267,6 +288,11 @@ vertical-align: middle; } +.dir-rtl .dropdown [class^="fa fa-"] { + margin-right: 0; + margin-left: 5px; +} + .open > .dropdown-menu { overflow: visible; } @@ -299,6 +325,11 @@ color: #bbb; } +.dir-rtl ul.breadcrumb li:after { + margin-left: 6px; + margin-right: 3px; +} + ul.breadcrumb li:last-child:after { content: none; } @@ -335,6 +366,11 @@ margin-left: 5px; } +.dir-rtl .navbar .caret { + margin-left: 0; + margin-right: 5px; +} + .navbar .nav > li > a { color: #fff; text-shadow: none; @@ -479,6 +515,11 @@ padding-right: 10px; } +.dir-rtl #region-main { + padding-right: 0; + padding-left: 10px; +} + .span12#move { margin-top: -30px; } @@ -720,6 +761,11 @@ color: #999; } +.dir-rtl .block #icon { + margin-right: 0; + margin-left: 5px; +} + .tree_item { background-image: none !important; } @@ -731,6 +777,17 @@ margin-right: 5px; } +.dir-rtl .tree_item.branch:before { + margin-right: 0; + margin-left: 5px; + display: inline-block; + -moz-transform: scaleX(-1); /* Gecko */ + -o-transform: scaleX(-1); /* Operah */ + -webkit-transform: scaleX(-1); /* webkit */ + transform: scaleX(-1); /* standard */ + filter: FlipH; /* IE 6/7/8 */ +} + .block_navigation.block li.depth_1 .tree_item.branch:before { content: "\f015 "; } @@ -743,14 +800,24 @@ margin-left: -20px; } +.dir-rtl .block_navigation.block li.depth_2 { + margin-left: 0; + margin-right: -20px; +} + .collapsed .tree_item.branch:before { font-family: FontAwesome; content: "\f07b "; color: #999; margin-right: 5px; } - - .hidden-blocks { + +.dir-rtl .collapsed .tree_item.branch:before { + margin-right: 0; + margin-left: 5px; +} + +.hidden-blocks { background: #ffe1e1; padding: 10px; border: 1px solid #EEE; @@ -767,12 +834,22 @@ color: #ff6666; } +.dir-rtl .hidden-blocks h4 { + text-align: right; +} + .hidden-blocks .block { float: right; width: 250px; margin-left: 10px; } +.dir-rtl .hidden-blocks .block { + float: left; + margin-left: 0; + margin-right: 10px; +} + .block .header .title h2, .block h3.main { @@ -792,6 +869,17 @@ content: "\f0c9"; } +.dir-rtl .block .header .title h2:before { + margin-right: 0; + margin-left: .3em; + display: inline-block; + -moz-transform: scaleX(-1); /* Gecko */ + -o-transform: scaleX(-1); /* Operah */ + -webkit-transform: scaleX(-1); /* webkit */ + transform: scaleX(-1); /* standard */ + filter: FlipH; /* IE 6/7/8 */ +} + .block .header .title { border-bottom: 1px solid #EEE; padding-left: 0px; @@ -901,10 +989,6 @@ /* @group Block Icons */ -.dir-rtl .collapsed .tree_item.branch:before { - content: " \f053"; -} - .block_news_items .header .title h2:before { content:"\f0a1"; } @@ -1077,6 +1161,12 @@ content:"\f0b1"; } +.dir-rtl#page-site-index h2.headingblock:before { + float: right; + margin-right: 0; + margin-left: .2em; +} + #page-site-index #site-news-forum h2.headingblock:before { content:"\f0a1"; } @@ -1132,6 +1222,11 @@ margin-right:8px; } +.dir-rtl .service i{ + margin-right:0; + margin-left:8px; +} + /* @end */ @@ -1771,9 +1866,21 @@ margin-right: 5px; } +.dir-rtl .useralerts [class^="fa-stack"] { + float: right; + margin-right: 0; + margin-left: 5px; +} + .useralerts .title { font-weight: bold; margin-right: 10px; + display: inline-block; +} + +.dir-rtl .useralerts .title { + margin-right: 0; + margin-left: 10px; } /* @end */ diff -Naur essential_orig/style/font-awesome.min.css essential_mine/style/font-awesome.min.css --- essential_orig/style/font-awesome.min.css 2013-12-02 09:13:30.000000000 +0330 +++ essential_mine/style/font-awesome.min.css 2014-01-30 03:08:20.000000000 +0330 @@ -175,6 +175,7 @@ .fa-rss:before{content:"\f09e"} .fa-hdd-o:before{content:"\f0a0"} .fa-bullhorn:before{content:"\f0a1"} +.dir-rtl .fa-bullhorn:before{display:inline-block;-moz-transform:scaleX(-1);/* Gecko */-o-transform:scaleX(-1);/* Operah */-webkit-transform:scaleX(-1);/* webkit */transform:scaleX(-1);/* standard */filter:FlipH;/* IE 6/7/8 */} .fa-bell:before{content:"\f0f3"} .fa-certificate:before{content:"\f0a3"} .fa-hand-o-right:before{content:"\f0a4"} diff -Naur essential_orig/style/settings.css essential_mine/style/settings.css --- essential_orig/style/settings.css 2013-12-02 09:13:30.000000000 +0330 +++ essential_mine/style/settings.css 2014-01-29 23:29:13.000000000 +0330 @@ -36,10 +36,6 @@ color: [[setting:themecolor]]; } -.dir-rtl a.logo { - background: url([[setting:logo]]) no-repeat 100% 0; -} - /* @group Custom */ .bor { @@ -64,6 +60,10 @@ background: url([[setting:logo]]) no-repeat 0 0; } +.dir-rtl a.logo { + background: url([[setting:logo]]) no-repeat 100% 0; +} + h1#title { color: [[setting:themecolor]]; } @@ -123,10 +123,20 @@ border-right:1px solid [[setting:themehovercolor]]; } +.dir-rtl .navbar .nav{ + border-right:0; + border-left:1px solid [[setting:themehovercolor]]; +} + .navbar .nav > li > a{ border-left:1px solid [[setting:themehovercolor]]; } +.dir-rtl .navbar .nav > li > a{ + border-left: 0; + border-right:1px solid [[setting:themehovercolor]]; +} + .navbar .nav > li > a:hover{ background:[[setting:themehovercolor]] !important; } @@ -144,6 +154,11 @@ border-left: 1px solid [[setting:themehovercolor]]; } +.dir-rtl .navbar .nav > li > a { + border-left: 0; + border-right: 1px solid [[setting:themehovercolor]]; +} + /* @end */ /* @group Course diff -Naur essential_orig/style/slides.css essential_mine/style/slides.css --- essential_orig/style/slides.css 2013-12-02 09:13:30.000000000 +0330 +++ essential_mine/style/slides.css 2014-01-31 10:40:33.000000000 +0330 @@ -29,6 +29,11 @@ font-family: "Oswald",Arial,Helvetica,sans-serif; text-align: left; } +.dir-rtl .da-slide{ + left: auto; + right: 0px; + text-align: right; +} .da-slide-current{ z-index: 500; @@ -36,9 +41,17 @@ .da-slider-fb .da-slide{ left: 100%; } +.dir-rtl .da-slider-fb .da-slide{ + left: auto; + right: 100%; +} .da-slider-fb .da-slide.da-slide-current{ left: 0px; } +.dir-rtl .da-slider-fb .da-slide.da-slide-current{ + left: auto; + right: 0px; +} .da-slide h2, .da-slide p, .da-slide .da-link, @@ -47,16 +60,33 @@ opacity: 0; left: 110%; } +.dir-rtl .da-slide h2, +.dir-rtl .da-slide p, +.dir-rtl .da-slide .da-link, +.dir-rtl .da-slide .da-img{ + left: auto; + right: 110%; +} .da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{ left: 10%; opacity: 1; } +.dir-rtl .da-slider-fb .da-slide h2, +.dir-rtl .da-slider-fb .da-slide p, +.dir-rtl .da-slider-fb .da-slide .da-link{ + left: auto; + right: 10%; +} .da-slider-fb .da-slide .da-img{ left: 60%; opacity: 1; } +.dir-rtl .da-slider-fb .da-slide .da-img{ + left: auto; + right: 60%; +} .da-slide h2{ color: #777; font-size: 46px; @@ -86,6 +116,10 @@ line-height: 320px; left: 110%; /*60%*/ } +.dir-rtl .da-slide .da-img{ + left: auto; + right: 110%; /*60%*/ +} .da-slide .da-link{ top: 200px; /*depends on p height*/ @@ -124,6 +158,10 @@ -moz-user-select: none; -webkit-user-select: none; } +.dir-rtl .da-dots{ + left: auto; + right: 0px; +} .da-dots span{ display: inline-block; position: relative; @@ -154,6 +192,10 @@ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } +.dir-rtl .da-dots span.da-dots-current:after{ + left: auto; + right: 2px; +} .da-arrows{ -moz-user-select: none; -webkit-user-select: none; @@ -191,6 +233,11 @@ border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); } +.dir-rtl .da-arrows span:after{ + left: auto; + right: 5px; + background-position: top right; +} .da-arrows span:hover:after{ box-shadow: 1px 1px 4px rgba(0,0,0,0.3); } @@ -200,12 +247,23 @@ .da-arrows span.da-arrows-next:after{ background-position: top right; } +.dir-rtl .da-arrows span.da-arrows-next:after{ + background-position: top left; +} .da-arrows span.da-arrows-prev{ left: 15px; } +.dir-rtl .da-arrows span.da-arrows-prev{ + left: auto; + right: 15px; +} .da-arrows span.da-arrows-next{ right: 15px; } +.dir-rtl .da-arrows span.da-arrows-next{ + left: 15px; + right: auto; +} .da-slide-current h2, .da-slide-current p, @@ -213,10 +271,20 @@ left: 10%; opacity: 1; } +.dir-rtl .da-slide-current h2, +.dir-rtl .da-slide-current p, +.dir-rtl .da-slide-current .da-link{ + left: auto; + right: 10%; +} .da-slide-current .da-img{ left: 60%; opacity: 1; } +.dir-rtl .da-slide-current .da-img{ + left: auto; + right: 60%; +} /* Animation classes and animations */ /* Slide in from the right*/ @@ -227,6 +295,13 @@ -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; animation: fromRightAnim1 0.6s ease-in-out 0.8s both; } +.dir-rtl .da-slide-fromright h2{ + -webkit-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + -moz-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + -o-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + -ms-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; +} .da-slide-fromright p{ -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; @@ -234,6 +309,13 @@ -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; animation: fromRightAnim2 0.6s ease-in-out 0.8s both; } +.dir-rtl .da-slide-fromright p{ + -webkit-animation: fromLeftAnim2rtl 0.6s ease-in-out 0.8s both; + -moz-animation: fromLeftAnim2rtl 0.6s ease-in-out 0.8s both; + -o-animation: fromLeftAnim2rtl 0.6s ease-in-out 0.8s both; + -ms-animation: fromLeftAnim2rtl 0.6s ease-in-out 0.8s both; + animation: fromLeftAnim2rtl 0.6s ease-in-out 0.8s both; +} .da-slide-fromright .da-link{ -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; @@ -241,6 +323,13 @@ -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; animation: fromRightAnim3 0.4s ease-in-out 1.2s both; } +.dir-rtl .da-slide-fromright .da-link{ + -webkit-animation: fromLeftAnim3rtl 0.4s ease-in-out 1.2s both; + -moz-animation: fromLeftAnim3rtl 0.4s ease-in-out 1.2s both; + -o-animation: fromLeftAnim3rtl 0.4s ease-in-out 1.2s both; + -ms-animation: fromLeftAnim3rtl 0.4s ease-in-out 1.2s both; + animation: fromLeftAnim3rtl 0.4s ease-in-out 1.2s both; +} .da-slide-fromright .da-img{ -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; @@ -248,6 +337,13 @@ -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; animation: fromRightAnim4 0.6s ease-in-out 0.8s both; } +.dir-rtl .da-slide-fromright .da-img{ + -webkit-animation: fromLeftAnim4rtl 0.6s ease-in-out 0.8s both; + -moz-animation: fromLeftAnim4rtl 0.6s ease-in-out 0.8s both; + -o-animation: fromLeftAnim4rtl 0.6s ease-in-out 0.8s both; + -ms-animation: fromLeftAnim4rtl 0.6s ease-in-out 0.8s both; + animation: fromLeftAnim4rtl 0.6s ease-in-out 0.8s both; +} .da-slide-fromright .variant2{ -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; @@ -256,6 +352,13 @@ -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; animation: fromRightAnim1 0.6s ease-in-out 0.8s both; } +.dir-rtl .da-slide-fromright .variant2{ + -webkit-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + -moz-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + -o-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + -ms-animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; + animation: fromLeftAnim1rtl 0.6s ease-in-out 0.8s both; +} @-webkit-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -274,6 +377,24 @@ 100%{ left: 60%; opacity: 1; } } +@-webkit-keyframes fromLeftAnim1rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-webkit-keyframes fromLeftAnim2rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-webkit-keyframes fromLeftAnim3rtl{ + 0%{ right: 110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-webkit-keyframes fromLeftAnim4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @-moz-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -292,6 +413,24 @@ 100%{ left: 60%; opacity: 1; } } +@-moz-keyframes fromLeftAnim1rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-moz-keyframes fromLeftAnim2rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-moz-keyframes fromLeftAnim3rtl{ + 0%{ right: 110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-moz-keyframes fromLeftAnim4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @-o-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -310,6 +449,24 @@ 100%{ left: 60%; opacity: 1; } } +@-o-keyframes fromLeftAnim1rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-o-keyframes fromLeftAnim2rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-o-keyframes fromLeftAnim3rtl{ + 0%{ right: 110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-o-keyframes fromLeftAnim4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @-ms-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -328,6 +485,24 @@ 100%{ left: 60%; opacity: 1; } } +@-ms-keyframes fromLeftAnim1rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-ms-keyframes fromLeftAnim2rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-ms-keyframes fromLeftAnim3rtl{ + 0%{ right: 110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-ms-keyframes fromLeftAnim4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -345,6 +520,24 @@ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } + +@keyframes fromLeftAnim1rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@keyframes fromLeftAnim2rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@keyframes fromLeftAnim3rtl{ + 0%{ right: 110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@keyframes fromLeftAnim4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} /* Slide in from the left*/ .da-slide-fromleft h2{ -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; @@ -353,6 +546,13 @@ -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; } +.dir-rtl .da-slide-fromleft h2{ + -webkit-animation: fromRightAnim1rtl 0.6s ease-in-out 0.6s both; + -moz-animation: fromRightAnim1rtl 0.6s ease-in-out 0.6s both; + -o-animation: fromRightAnim1rtl 0.6s ease-in-out 0.6s both; + -ms-animation: fromRightAnim1rtl 0.6s ease-in-out 0.6s both; + animation: fromRightAnim1rtl 0.6s ease-in-out 0.6s both; +} .da-slide-fromleft p{ -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; @@ -360,6 +560,13 @@ -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; } +.dir-rtl .da-slide-fromleft p{ + -webkit-animation: fromRightAnim2rtl 0.6s ease-in-out 0.6s both; + -moz-animation: fromRightAnim2rtl 0.6s ease-in-out 0.6s both; + -o-animation: fromRightAnim2rtl 0.6s ease-in-out 0.6s both; + -ms-animation: fromRightAnim2rtl 0.6s ease-in-out 0.6s both; + animation: fromRightAnim2rtl 0.6s ease-in-out 0.6s both; +} .da-slide-fromleft .da-link{ -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; @@ -367,6 +574,13 @@ -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; } +.dir-rtl .da-slide-fromleft .da-link{ + -webkit-animation: fromRightAnim3rtl 0.4s ease-in-out 1.2s both; + -moz-animation: fromRightAnim3rtl 0.4s ease-in-out 1.2s both; + -o-animation: fromRightAnim3rtl 0.4s ease-in-out 1.2s both; + -ms-animation: fromRightAnim3rtl 0.4s ease-in-out 1.2s both; + animation: fromRightAnim3rtl 0.4s ease-in-out 1.2s both; +} .da-slide-fromleft .da-img{ -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; @@ -374,6 +588,13 @@ -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; } +.dir-rtl .da-slide-fromleft .da-img{ + -webkit-animation: fromRightAnim4rtl 0.6s ease-in-out 0.6s both; + -moz-animation: fromRightAnim4rtl 0.6s ease-in-out 0.6s both; + -o-animation: fromRightAnim4rtl 0.6s ease-in-out 0.6s both; + -ms-animation: fromRightAnim4rtl 0.6s ease-in-out 0.6s both; + animation: fromRightAnim4rtl 0.6s ease-in-out 0.6s both; +} @-webkit-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -391,6 +612,23 @@ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } +@-webkit-keyframes fromRightAnim1rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-webkit-keyframes fromRightAnim2rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-webkit-keyframes fromRightAnim3rtl{ + 0%{ right: -110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-webkit-keyframes fromRightAnim4rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} @-moz-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } @@ -410,6 +648,24 @@ 100%{ left: 60%; opacity: 1; } } +@-moz-keyframes fromRightAnim1rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-moz-keyframes fromRightAnim2rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-moz-keyframes fromRightAnim3rtl{ + 0%{ right: -110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-moz-keyframes fromRightAnim4rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @-o-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -428,6 +684,24 @@ 100%{ left: 60%; opacity: 1; } } +@-o-keyframes fromRightAnim1rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-o-keyframes fromRightAnim2rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-o-keyframes fromRightAnim3rtl{ + 0%{ right: -110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-o-keyframes fromRightAnim4rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @-ms-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -446,6 +720,24 @@ 100%{ left: 60%; opacity: 1; } } +@-ms-keyframes fromRightAnim1rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-ms-keyframes fromRightAnim2rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-ms-keyframes fromRightAnim3rtl{ + 0%{ right: -110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@-ms-keyframes fromRightAnim4rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} + @keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } @@ -463,6 +755,24 @@ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } + +@keyframes fromRightAnim1rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@keyframes fromRightAnim2rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@keyframes fromRightAnim3rtl{ + 0%{ right: -110%; opacity: 0; } + 1%{ right: 10%; opacity: 0; } + 100%{ right: 10%; opacity: 1; } +} +@keyframes fromRightAnim4rtl{ + 0%{ right: -110%; opacity: 0; } + 100%{ right: 60%; opacity: 1; } +} /* Slide out to the right */ .da-slide-toright h2{ -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; @@ -471,6 +781,13 @@ -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both; animation: toRightAnim1 0.6s ease-in-out 0.6s both; } +.dir-rtl .da-slide-toright h2{ + -webkit-animation: toLeftAnim1rtl 0.6s ease-in-out 0.6s both; + -moz-animation: toLeftAnim1rtl 0.6s ease-in-out 0.6s both; + -o-animation: toLeftAnim1rtl 0.6s ease-in-out 0.6s both; + -ms-animation: toLeftAnim1rtl 0.6s ease-in-out 0.6s both; + animation: toLeftAnim1rtl 0.6s ease-in-out 0.6s both; +} .da-slide-toright p{ -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both; @@ -478,6 +795,13 @@ -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both; animation: toRightAnim2 0.6s ease-in-out 0.3s both; } +.dir-rtl .da-slide-toright p{ + -webkit-animation: toLeftAnim2rtl 0.6s ease-in-out 0.3s both; + -moz-animation: toLeftAnim2rtl 0.6s ease-in-out 0.3s both; + -o-animation: toLeftAnim2rtl 0.6s ease-in-out 0.3s both; + -ms-animation: toLeftAnim2rtl 0.6s ease-in-out 0.3s both; + animation: toLeftAnim2rtl 0.6s ease-in-out 0.3s both; +} .da-slide-toright .da-link{ -webkit-animation: toRightAnim3 0.4s ease-in-out both; -moz-animation: toRightAnim3 0.4s ease-in-out both; @@ -485,6 +809,13 @@ -ms-animation: toRightAnim3 0.4s ease-in-out both; animation: toRightAnim3 0.4s ease-in-out both; } +.dir-rtl .da-slide-toright .da-link{ + -webkit-animation: toLeftAnim3rtl 0.4s ease-in-out both; + -moz-animation: toLeftAnim3rtl 0.4s ease-in-out both; + -o-animation: toLeftAnim3rtl 0.4s ease-in-out both; + -ms-animation: toLeftAnim3rtl 0.4s ease-in-out both; + animation: toLeftAnim3rtl 0.4s ease-in-out both; +} .da-slide-toright .da-img{ -webkit-animation: toRightAnim4 0.6s ease-in-out both; -moz-animation: toRightAnim4 0.6s ease-in-out both; @@ -492,6 +823,13 @@ -ms-animation: toRightAnim4 0.6s ease-in-out both; animation: toRightAnim4 0.6s ease-in-out both; } +.dir-rtl .da-slide-toright .da-img{ + -webkit-animation: toLeftAnim4rtl 0.6s ease-in-out both; + -moz-animation: toLeftAnim4rtl 0.6s ease-in-out both; + -o-animation: toLeftAnim4rtl 0.6s ease-in-out both; + -ms-animation: toLeftAnim4rtl 0.6s ease-in-out both; + animation: toLeftAnim4rtl 0.6s ease-in-out both; +} @-webkit-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } @@ -511,6 +849,25 @@ 100%{ left: 100%; opacity: 0; } } +@-webkit-keyframes toLeftAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-webkit-keyframes toLeftAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-webkit-keyframes toLeftAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 99%{ right: 10%; opacity: 0; } + 100%{ right: 100%; opacity: 0; } +} +@-webkit-keyframes toLeftAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 30%{ right: 55%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} + @-moz-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } @@ -530,6 +887,25 @@ 100%{ left: 100%; opacity: 0; } } +@-moz-keyframes toLeftAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-moz-keyframes toLeftAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-moz-keyframes toLeftAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 99%{ right: 10%; opacity: 0; } + 100%{ right: 100%; opacity: 0; } +} +@-moz-keyframes toLeftAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 30%{ right: 55%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} + @-o-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } @@ -549,6 +925,25 @@ 100%{ left: 100%; opacity: 0; } } +@-o-keyframes toLeftAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-o-keyframes toLeftAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-o-keyframes toLeftAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 99%{ right: 10%; opacity: 0; } + 100%{ right: 100%; opacity: 0; } +} +@-o-keyframes toLeftAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 30%{ right: 55%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} + @-ms-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } @@ -568,6 +963,25 @@ 100%{ left: 100%; opacity: 0; } } +@-ms-keyframes toLeftAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-ms-keyframes toLeftAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@-ms-keyframes toLeftAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 99%{ right: 10%; opacity: 0; } + 100%{ right: 100%; opacity: 0; } +} +@-ms-keyframes toLeftAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 30%{ right: 55%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} + @keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } @@ -586,6 +1000,25 @@ 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } +@keyframes toLeftAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@keyframes toLeftAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} +@keyframes toLeftAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 99%{ right: 10%; opacity: 0; } + 100%{ right: 100%; opacity: 0; } +} +@keyframes toLeftAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 30%{ right: 55%; opacity: 1; } + 100%{ right: 100%; opacity: 0; } +} + /* Slide out to the left*/ .da-slide-toleft h2{ -webkit-animation: toLeftAnim1 0.6s ease-in-out both; @@ -594,6 +1027,13 @@ -ms-animation: toLeftAnim1 0.6s ease-in-out both; animation: toLeftAnim1 0.6s ease-in-out both; } +.dir-rtl .da-slide-toleft h2{ + -webkit-animation: toRightAnim1rtl 0.6s ease-in-out both; + -moz-animation: toRightAnim1rtl 0.6s ease-in-out both; + -o-animation: toRightAnim1rtl 0.6s ease-in-out both; + -ms-animation: toRightAnim1rtl 0.6s ease-in-out both; + animation: toRightAnim1rtl 0.6s ease-in-out both; +} .da-slide-toleft p{ -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; @@ -601,6 +1041,13 @@ -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; animation: toLeftAnim2 0.6s ease-in-out 0.3s both; } +.dir-rtl .da-slide-toleft p{ + -webkit-animation: toRightAnim2rtl 0.6s ease-in-out 0.3s both; + -moz-animation: toRightAnim2rtl 0.6s ease-in-out 0.3s both; + -o-animation: toRightAnim2rtl 0.6s ease-in-out 0.3s both; + -ms-animation: toRightAnim2rtl 0.6s ease-in-out 0.3s both; + animation: toRightAnim2rtl 0.6s ease-in-out 0.3s both; +} .da-slide-toleft .da-link{ -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; @@ -608,6 +1055,13 @@ -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; animation: toLeftAnim3 0.6s ease-in-out 0.6s both; } +.dir-rtl .da-slide-toleft .da-link{ + -webkit-animation: toRightAnim3rtl 0.6s ease-in-out 0.6s both; + -moz-animation: toRightAnim3rtl 0.6s ease-in-out 0.6s both; + -o-animation: toRightAnim3rtl 0.6s ease-in-out 0.6s both; + -ms-animation: toRightAnim3rtl 0.6s ease-in-out 0.6s both; + animation: toRightAnim3rtl 0.6s ease-in-out 0.6s both; +} .da-slide-toleft .da-img{ -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; @@ -615,6 +1069,13 @@ -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; animation: toLeftAnim4 0.6s ease-in-out 0.5s both; } +.dir-rtl .da-slide-toleft .da-img{ + -webkit-animation: toRightAnim4rtl 0.6s ease-in-out 0.5s both; + -moz-animation: toRightAnim4rtl 0.6s ease-in-out 0.5s both; + -o-animation: toRightAnim4rtl 0.6s ease-in-out 0.5s both; + -ms-animation: toRightAnim4rtl 0.6s ease-in-out 0.5s both; + animation: toRightAnim4rtl 0.6s ease-in-out 0.5s both; +} @-webkit-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } @@ -635,6 +1096,26 @@ 100%{ left: -50%; opacity: 0; } } +@-webkit-keyframes toRightAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-webkit-keyframes toRightAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-webkit-keyframes toRightAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-webkit-keyframes toRightAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 70%{ right: 30%; opacity: 0; } + 100%{ right: -50%; opacity: 0; } +} + @-moz-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } @@ -655,6 +1136,26 @@ 100%{ left: -50%; opacity: 0; } } +@-moz-keyframes toRightAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-moz-keyframes toRightAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-moz-keyframes toRightAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-moz-keyframes toRightAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 70%{ right: 30%; opacity: 0; } + 100%{ right: -50%; opacity: 0; } +} + @-o-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } @@ -675,6 +1176,26 @@ 100%{ left: -50%; opacity: 0; } } +@-o-keyframes toRightAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-o-keyframes toRightAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-o-keyframes toRightAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-o-keyframes toRightAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 70%{ right: 30%; opacity: 0; } + 100%{ right: -50%; opacity: 0; } +} + @-ms-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } @@ -695,6 +1216,26 @@ 100%{ left: -50%; opacity: 0; } } +@-ms-keyframes toRightAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-ms-keyframes toRightAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-ms-keyframes toRightAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@-ms-keyframes toRightAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 70%{ right: 30%; opacity: 0; } + 100%{ right: -50%; opacity: 0; } +} + @keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } @@ -715,6 +1256,26 @@ 100%{ left: -50%; opacity: 0; } } +@keyframes toRightAnim1rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@keyframes toRightAnim2rtl{ + 0%{ right: 10%; opacity: 1; } + 30%{ right: 15%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@keyframes toRightAnim3rtl{ + 0%{ right: 10%; opacity: 1; } + 100%{ right: -50%; opacity: 0; } +} +@keyframes toRightAnim4rtl{ + 0%{ right: 60%; opacity: 1; } + 70%{ right: 30%; opacity: 0; } + 100%{ right: -50%; opacity: 0; } +} + .da-slide .da-link{ white-space: nowrap; } @@ -731,15 +1292,31 @@ z-index: -1; } +.dir-rtl .variant2 .da-slide .da-img{ + text-align: right; + left: auto; + right: 0px; +} + .variant2 .da-slider-fb .da-slide .da-img{ left: 0%; } +.dir-rtl .variant2 .da-slider-fb .da-slide .da-img{ + left: auto; + right: 0%; +} + .variant2 .da-slide-current .da-img{ left: 0%; opacity: 1; } +.dir-rtl .variant2 .da-slide-current .da-img{ + left: auto; + right: 0%; +} + .variant2 .da-slide-fromright .da-img{ -webkit-animation: fromRightAnimB4 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnimB4 0.6s ease-in-out 0.8s both; @@ -748,6 +1325,14 @@ animation: fromRightAnimB4 0.6s ease-in-out 0.8s both; } +.dir-rtl .variant2 .da-slide-fromright .da-img{ + -webkit-animation: fromLeftAnimB4rtl 0.6s ease-in-out 0.8s both; + -moz-animation: fromLeftAnimB4rtl 0.6s ease-in-out 0.8s both; + -o-animation: fromLeftAnimB4rtl 0.6s ease-in-out 0.8s both; + -ms-animation: fromLeftAnimB4rtl 0.6s ease-in-out 0.8s both; + animation: fromLeftAnimB4rtl 0.6s ease-in-out 0.8s both; +} + .variant2 .da-slide-toleft .da-img{ -webkit-animation: toLeftAnimB4 0.6s ease-in-out 0.5s both; -moz-animation: toLeftAnimB4 0.6s ease-in-out 0.5s both; @@ -756,6 +1341,14 @@ animation: toLeftAnimB4 0.6s ease-in-out 0.5s both; } +.dir-rtl .variant2 .da-slide-toleft .da-img{ + -webkit-animation: toRightAnimB4rtl 0.6s ease-in-out 0.5s both; + -moz-animation: toRightAnimB4rtl 0.6s ease-in-out 0.5s both; + -o-animation: toRightAnimB4rtl 0.6s ease-in-out 0.5s both; + -ms-animation: toRightAnimB4rtl 0.6s ease-in-out 0.5s both; + animation: toRightAnimB4rtl 0.6s ease-in-out 0.5s both; +} + @-webkit-keyframes fromRightAnimB4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } @@ -780,4 +1373,25 @@ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } + +@-webkit-keyframes fromLeftAnimB4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 0%; opacity: 1; } +} +@-moz-keyframes fromLeftAnimB4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 0%; opacity: 1; } +} +@-o-keyframes fromLeftAnimB4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 0%; opacity: 1; } +} +@-ms-keyframes fromLeftAnimB4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 0%; opacity: 1; } +} +@keyframes fromLeftAnimB4rtl{ + 0%{ right: 110%; opacity: 0; } + 100%{ right: 0%; opacity: 1; } +} /* @end */