rtl.css (12045B)
1 /* 2 Theme Name: Appside 3 4 Adding support for languages written in a Right To Left (RTL) direction is easy - 5 it's just a matter of overwriting all the horizontal positioning attributes 6 of your CSS stylesheet in a separate stylesheet file named rtl.css. 7 8 https://codex.wordpress.org/Right-to-Left_Language_Support 9 10 */ 11 12 13 body { 14 direction: rtl; 15 unicode-bidi: embed; 16 } 17 p,ul,ol{ 18 text-align: right; 19 } 20 21 .navbar-area .nav-container .navbar-collapse .navbar-nav li { 22 margin-left: 20px; 23 } 24 .breadcrumb-area .page-title, 25 .breadcrumb-area .page-list{ 26 text-align: right; 27 } 28 .breadcrumb-area .page-list li:first-child { 29 margin-left: 15px; 30 margin-right: 0; 31 } 32 .breadcrumb-area .page-list li:after { 33 right: auto; 34 left: -15px; 35 content: '\f104'; 36 } 37 .widget { 38 text-align: right; 39 } 40 .widget .widget-title:after { 41 left: auto; 42 right: 0; 43 } 44 .widget.widget_archive ul li { 45 padding-left: 0px; 46 padding-right: 25px; 47 } 48 .widget.widget_archive ul li:after { 49 left: auto; 50 right: 0; 51 } 52 .single-blog-classic-item .content .post-meta , 53 .single-post-details-item .entry-content .post-meta, 54 .single-blog-classic-item .content, 55 .comments-area .reply-title, .comments-area .comment-reply-title, 56 .woocommerce-pagination, .blog-pagination, 57 .navbar-area .nav-container .navbar-collapse .navbar-nav li, 58 h1,h2,h3,h4,h5,h6, 59 blockquote,dl,pre, 60 table, 61 address, 62 .accordion-wrapper .card .card-body{ 63 text-align: right; 64 } 65 .single-blog-classic-item .content .post-meta li:last-child , 66 .single-post-details-item .entry-content .post-meta li:last-child { 67 margin-right: 15px; 68 margin-left: 0px; 69 } 70 .single-blog-classic-item .content .post-meta li:last-child i, 71 .single-post-details-item .entry-content .post-meta li:last-child i{ 72 margin-left: 10px; 73 } 74 .single-blog-classic-item .content .post-meta li:first-child , 75 .single-post-details-item .entry-content .post-meta li:first-child { 76 margin-right: 0; 77 } 78 .single-blog-classic-item .content .readmore i{ 79 display: none; 80 } 81 82 .single-post-details-item .entry-content blockquote:not([class]), 83 .appside-page-content-area blockquote:not([class]) { 84 border-left: none; 85 border-right: 5px solid var(--main-color-one); 86 } 87 .comments-area .comment-list li .single-comment-wrap .thumb { 88 margin-left: 30px; 89 margin-right: 0px; 90 } 91 92 .xg-comments-meta li:after { 93 right: auto !important; 94 left: -12px; 95 } 96 ul.xg-comments-meta li + li, 97 .comments-area .comment-list li ul.children ul.xg-comments-meta li + li{ 98 margin-left: 0px; 99 margin-right: 16px; 100 } 101 102 .single-post-details-item .thumb .time, .single-blog-classic-item .thumb .time { 103 left: auto; 104 right: 0; 105 } 106 .single-post-details-item .thumb, 107 .single-blog-classic-item .thumb { 108 text-align: right; 109 } 110 111 .single-blog-classic-item.format-link:after, 112 .single-blog-classic-item.format-quote:after { 113 right: auto; 114 left: 30px; 115 } 116 .widget_categories ul li.cat-item:after { 117 left: auto; 118 right: 0; 119 } 120 .widget_categories ul li.cat-item { 121 padding-left: 0px; 122 padding-right: 15px; 123 } 124 125 .widget_recent_comments ul li { 126 padding-right:25px; 127 padding-left: 0px; 128 } 129 .widget_recent_comments ul li:after , 130 .widget_rss ul li .rss-date:after{ 131 left: auto; 132 right: 0; 133 } 134 .widget_rss ul li .rss-date { 135 padding-left: 0px; 136 padding-right: 20px; 137 } 138 139 .appside-header-09 .header-inner .btn-wrapper { 140 text-align: right; 141 } 142 143 .single-counterup-style-03 .content .title, 144 .single-counterup-style-03 .content p, 145 .single-feature-list .content .title, 146 .single-feature-list .content p, 147 .single-discover-item .content .title, 148 .single-discover-item .content p, 149 .single-feature-item-02 .content .title, 150 .single-feature-item-02 .content p 151 { 152 text-align: center; 153 } 154 .icon-box-list li .icon { 155 margin-left: 10px; 156 margin-right: 0px; 157 } 158 .single-icon-item-05 .icon, 159 .price-plan-left-content .section-title .subtitle , 160 .price-plan-tab-nav{ 161 text-align: right; 162 } 163 164 .single-price-plan-03 .price-header .name,.single-price-plan-03 .price-body li { 165 text-align: center; 166 } 167 168 .price-plan-tab-nav .nav-tabs .nav-item:nth-child(2){ 169 border-top-left-radius: 5px; 170 border-bottom-left-radius: 5px; 171 border-bottom-right-radius: 0px; 172 border-top-right-radius: 0px; 173 } 174 175 .price-plan-tab-nav .nav-tabs .nav-item:nth-child(1) { 176 border-top-left-radius: 0px; 177 border-bottom-left-radius: 0px; 178 border-bottom-right-radius: 5px; 179 border-top-right-radius: 5px; 180 } 181 182 .feature-list-04 .single-feature-list-item-04 .icon, 183 .single-icon-box-03 .icon{ 184 margin-right: 0; 185 margin-left: 20px; 186 } 187 188 .appside-rtl-slider .owl-carousel, 189 .brand-carousel-wrapper.appside-rtl-slider { direction: ltr; } 190 .appside-rtl-slider .owl-carousel .owl-item { direction: rtl; } 191 192 .single-team-member .content .title, 193 .single-team-member .content .post { 194 text-align: center; 195 } 196 .single-testimonial-item-02 .author-meta .title, 197 .single-testimonial-item-02 .author-meta .designation { 198 text-align: right; 199 display: block; 200 } 201 202 .single-testimonial-item-02 .author-meta { 203 margin-left: 0px; 204 margin-right: 90px; 205 } 206 .single-testimonial-item-02 .author-meta .content { 207 margin-left: 0px; 208 margin-right: 20px; 209 } 210 .appside-testimonial-carousel-02 .owl-item.active.center .single-testimonial-item-02 .author-meta:before { 211 border-top-color: #154ec0; 212 } 213 .single-testimonial-item-02 .author-meta:before { 214 left: auto; 215 right: -55px; 216 border-top: 30px solid #e8f2f9; 217 border-right: 50px solid transparent; 218 border-left: none; 219 } 220 221 /* new added */ 222 .header-area .header-right-image { 223 position: absolute; 224 bottom: 0px; 225 right: auto; 226 left: 10%; 227 } 228 .header-area .btn-wrapper { 229 text-align: right; 230 } 231 .btn-wrapper .boxed-btn + .boxed-btn{ 232 margin-left: 0px; 233 margin-right: 20px; 234 } 235 .single-counter-item .icon{ 236 margin-right: 0; 237 margin-left: 20px; 238 } 239 .single-counter-item .content { 240 flex: 2; 241 text-align: right; 242 } 243 244 .single-testimonial-item .hover { 245 right: auto; 246 left: 0; 247 } 248 .single-price-plan-01 .price-header .name,.single-price-plan-01 .price-body ul { 249 text-align: center; 250 } 251 .about-us-area.style-two .feature-list .single-feature-list { 252 text-align: right; 253 } 254 255 .about-us-area.style-two .feature-list .single-feature-list .content p, 256 .about-us-area.style-two .feature-list .single-feature-list .content .title { 257 text-align: right; 258 } 259 .navbar-area .nav-container .nav-right-content ul{ 260 margin-left:0px; 261 margin-right:30px; 262 } 263 .single-icon-item-06 .content .title, 264 .single-icon-item-06 .content p{ 265 text-align: center; 266 } 267 .icon-list-style-one i { 268 margin-right: 0px; 269 margin-left: 5px; 270 } 271 .single-testimonial-item-04.white .content-area p, 272 .single-testimonial-item-04.white .author-meta .title { 273 text-align: center; 274 } 275 .single-icon-item-07 .content .title, 276 .single-icon-item-07 .content p { 277 text-align: center; 278 } 279 .single-icon-item-11 .content .title, 280 .single-icon-item-11 .content p { 281 text-align: center; 282 } 283 .single-icon-item-08 .icon{ 284 margin-right:0px; 285 margin-left:40px; 286 } 287 .image-box-style-01 .hover { 288 left: auto; 289 right: 30px; 290 } 291 .single-icon-item-10 .icon, 292 .single-testimonial-item-06 .thumb{ 293 margin-right:0px; 294 margin-left:20px 295 } 296 .single-testimonial-item-07 .thumb:before{ 297 left: auto; 298 right: -30px; 299 } 300 .quote-box-style-01 .author-meta .thumb { 301 margin-right: 0; 302 margin-left: 30px; 303 } 304 .quote-box-style-01 .author-meta .content .designation { 305 text-align: right; 306 display: inherit; 307 } 308 .single-testimonial-item-08 .icon{ 309 left: 40px; 310 right: auto !important 311 } 312 .single-testimonial-item-08 .thumb img{ 313 left: auto !important; 314 right: 40px; 315 } 316 .single-testimonial-item-08 .content-area .author-meta .designation { 317 text-align: right; 318 display: inherit; 319 } 320 .single-portfolio-style-01 .content .cats { 321 text-align: right; 322 } 323 .single-icon-item-12 .content .title, 324 .single-icon-item-12 .content p{ 325 text-align: center; 326 } 327 .single-testimonial-item-09 .icon i:before, 328 .single-testimonial-item-07 .content .icon i:before{ 329 content: "\f10e" !important; 330 } 331 .single-testimonial-item-09 .icon{ 332 left:auto; 333 right: 40px; 334 } 335 .single-testimonial-item-09 .content-area .author-meta .designation { 336 text-align: right; 337 display: block; 338 } 339 .single-testimonial-item-09 .content-area .ratings { 340 text-align: right; 341 } 342 .single-testimonial-item-04 .author-meta .designation { 343 text-align: right; 344 display: block; 345 } 346 .single-testimonial-item-06 .content-area .ratings { 347 text-align: right; 348 } 349 .single-testimonial-item-06 .content-area .author-meta .designation { 350 text-align: right; 351 display: block; 352 } 353 .contact-info-list-style-one .single-contact-info-item-01 .icon { 354 margin-left: 30px; 355 margin-right: 0; 356 } 357 .single-testimonial-item-07 .content .author-meta .title { 358 text-align: right; 359 display: table; 360 } 361 .single-testimonial-item-07 .content .icon { 362 text-align: right; 363 } 364 .single-testimonial-item-08 .content-area .ratings { 365 text-align: right; 366 } 367 .single-blog-slider-item .thumb { 368 margin-right: 0px; 369 margin-left: 30px; 370 } 371 372 .single-icon-item-13 .content .title, 373 .single-icon-item-13 .content p{ 374 text-align: center; 375 } 376 .heading-title-style-02 .title span { 377 margin-right: 0; 378 margin-left: 10px; 379 } 380 .accordion-wrapper.style-02 .card .card-header a[aria-expanded="false"]:after { 381 left: auto; 382 right: 0; 383 } 384 .accordion-wrapper.style-02 .card .card-header a { 385 padding-right: 30px; 386 } 387 .single-icon-item-14 .icon, 388 .single-icon-item-15 .icon{ 389 margin-right: 0; 390 margin-left: 20px; 391 } 392 .single-counterup-style-04 .content .title { 393 text-align: center; 394 } 395 /* woocommerce */ 396 .wc-page-content-inner .products .aapside-single-product-item+.aapside-single-product-item{ 397 margin-left: 0; 398 margin-right: 30px; 399 } 400 .aapside-single-product-item .product-contnent-wrap .woocommerce-loop-product__title { 401 text-align: center; 402 } 403 .wc-page-content-inner .products .aapside-single-product-item:nth-child(4n+1){ 404 margin-right: 0; 405 } 406 .wc-page-content-inner .products .aapside-single-product-item:nth-child(3n+1){ 407 margin-right: 0; 408 } 409 .aapside-single-product-item .woocommerce-thumbnail-wrap .onsale { 410 right: 0; 411 left: auto; 412 } 413 .woocommerce-pagination .page-numbers{ 414 text-align: center; 415 } 416 .wc-page-content-inner .products.columns-3 .aapside-single-product-item:nth-child(4n+1) { 417 margin-left: 0px; 418 } 419 420 .wc-page-content-inner .products.columns-3 .aapside-single-product-item+.aapside-single-product-item{ 421 margin-right: 30px; 422 } 423 .wc-page-content-inner .products.columns-3 .aapside-single-product-item:nth-child(3n+1) { 424 margin-left: 0px; 425 margin-right: 0px !important; 426 } 427 .woocommmerce-product-single-page-top-content-wrap .woocommerce-thumbnail-wrapper{ 428 margin-right: 0; 429 margin-left: 30px; 430 } 431 .woocommmerce-product-single-page-top-content-wrap .summary.entry-summary { 432 text-align: right; 433 } 434 .woocommmerce-product-single-page-top-content-wrap .variations_form td.label { 435 padding-right: 0; 436 padding-left: 20px; 437 } 438 .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { 439 right: auto; 440 left: 10px; 441 top: 10px; 442 } 443 .woocommmerce-product-single-page-top-content-wrap .woocommerce-thumbnail-wrapper .onsale{ 444 left: auto; 445 right: 0px; 446 } 447 .aapside-product-single-page-item .woocommerce-tabs.wc-tabs-wrapper ul { 448 text-align: right; 449 } 450 .aapside-product-single-page-item .woocommerce-Reviews ol li .comment_container img{ 451 margin-right: 0; 452 margin-left: 20px; 453 } 454 .aapside-product-single-page-item #review_form_wrapper .comment-respond { 455 text-align: right; 456 } 457 458 .aapside-product-single-page-item .related.products .products li.product+li.product { 459 margin-left: 0; 460 margin-right: 30px; 461 } 462 .aapside-product-single-page-item .related.products .products li.product .product-contnent-wrap .woocommerce-loop-product__title{ 463 text-align: center; 464 } 465 @media only screen and (max-width: 767px) { 466 467 .navbar-area .navbar-collapse { 468 padding-left: 0px; 469 padding-right: 20px; 470 } 471 } 472 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before{ 473 right: 0; 474 left: 20px; 475 } 476 @media screen and (min-width: 48em){ 477 table.shop_table_responsive tr th, table.shop_table_responsive tr td { 478 text-align: right; 479 } 480 } 481 .woocommerce-cart-form td.actions button[name="update_cart"] { 482 float: left; 483 } 484 485 .wc-proceed-to-checkout { 486 text-align: right; 487 } 488 .woocommerce-checkout-review-order table th, 489 .appside-page-content-area table th{ 490 text-align: right; 491 } 492 .woocommerce-MyAccount-content{ 493 padding-left: 0; 494 padding-right: 20px; 495 } 496 .woocommerce-EditAccountForm legend { 497 text-align: right; 498 }