css 适用于Argento Pure2的RTL CSS样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 适用于Argento Pure2的RTL CSS样式相关的知识,希望对你有一定的参考价值。


/*RTL*/

* { direction: rtl; }

.page { text-align: right; }
.col-right { float: left; }
.col-main { float: right; }
.catalog-product-view .col2-right-layout .col-main {
    padding-right: 0;
    padding-left: 25px;
    border-left: 1px solid #eee;
    border-right: 0 solid #FFF;
}

.fieldset .legend { float: right; }
.form-list .field { float: right; }

.buttons-set .back-link { float: right; }

.col2-left-layout .col-main { float: left; }
.col2-left-layout .col-left { float: right; }

.col2-right-layout .col-main { float: right; }
.col2-right-layout .col-right { float: left; }

.col3-layout .col-wrapper {float: right;}
.col3-layout .col-wrapper .col-main { float: left; }
.col2-set .col-1 {float: left; }
.col2-set .col-2 { float: right; }

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float: right; }
.a-left { text-align: right !important; }
.a-right { text-align: left !important; }

.onecolumn { float: right; }
.onecolumn-aside { float: left; }

.top-toolbar .quick-links { float: left; }
.top-toolbar .welcome-msg { float: right; margin: 0 0 0 10px; }
.top-toolbar .welcome-msg { float: right; margin: 0 0 0 10px; }
.top-toolbar .links li,
.footer .links li { float: right; }
.links a { background: rgba(0, 0, 0, 0) url("../images/links_div.gif") no-repeat 100% 50% !important; }
#search_mini_form { float: right; }
.header-container .form-search button { float: right; }
.top-cart-links li { float: right; }

.header-cart .subtotal .actions { text-align: left; }
.mini-products-list .product-image { float: right; }
.header-cart .mini-products-list .product-details {
    margin-right: 58px;
    margin-left: 0;
    text-align: right;
}
.header-cart .mini-products-list .btn-remove,
.header-cart .mini-products-list .btn-edit { float: left; margin-right: 2px; }
.header-container .header-cart { float: left; }
.top-cart-links li {
    background: rgba(0, 0, 0, 0) url("../images/links_div_black.gif") no-repeat 0 50%;
    float: right;
}
.top-cart-links li.last a { margin-left: 0; margin-right: 10px; }
.block .block-title { text-align: right; }
.products-grid li.item { float: right; }
.products-grid .btn-cart { float: right; }
.products-grid .add-to-links { float: left; }
.products-grid .add-to-links li { float: right; }
.block-social .icons li { float: right; }
.navpro .nav-li { float: right; }

.sorter .view-mode,
.sorter .limiter,
.sorter .sort-by { float: right; }
.toolbar .sorter { float: right; }

.form-list label { float: right; }
.form-list label em { left: -10px; float: left; right: auto; }
.soldtogether-block .amazonstyle-images li { float: right;
    padding-right: 25px;  padding-left: 0; }
.buttons-set button.button { float: left; }

.product-view .product-img-box { float: right; }

.product-view .product-shop,
.col1-layout .product-view .product-shop { margin-left: 0;  margin-right: 385px; }
.product-view .product-img-box .more-views a { float: right; }
.product-view .product-shop .add-to-links { text-align: left; }
.product-view .add-to-cart-wrapper .add-to-box { float: left; }
.product-view .product-shop .price-box { float: right; }
.product-view .add-to-cart-wrapper .availability { right: 0; left: auto; }
.product-view .product-shop .email-friend,
.product-view .product-shop .no-rating { float: right; clear: both; }
.socialsuite-buttons { float: right; }

.add-to-cart label { float: right; margin-right: 0; margin-left: 5px; }
.add-to-cart .qty { float: right; }
.add-to-cart button.button { float: right;  margin-right: 5px; margin-left: 0; }

.footer .payments { float: right; }
.footer-links-info { float: left; }
.block-information .block-content { float: right; }

.customer-account-login .buttons-set button.button { float: right; }

#product_tabs_tags_tabbed_contents .input-box { float: right; }
.product-view .box-tags .form-add label { float: right; }
#addTagForm button { float: left; }

以上是关于css 适用于Argento Pure2的RTL CSS样式的主要内容,如果未能解决你的问题,请参考以下文章

css SphinxSearch in Argento Flat整合

html Argento主页内容

如何将RTL和LTR文本方向混合在一起 元件?

markdown 禁用Argento2主题编辑器突出显示

css: dir="rtl" VS 风格="direction:rtl"

评估 CSS 选择器 LTR 或 RTL 是不是更容易/更快?