/* ============================================================ site-rtl.css —— 阿拉伯语（及任何 dir="rtl"）版式镜像 · P0 全局基线 2026-09-22 新增 铁律：所有规则必须带 html[dir="rtl"] 前缀；LTR 语言逐字节不受影响。 依赖：模板 ============================================================ */ /* ---------- 基础 ---------- */ html[dir="rtl"] body { direction: rtl; text-align: right; } /* ---------- Bootstrap3 栅格：列右浮动 ---------- */ html[dir="rtl"] .row > [class*="col-"] { float: right; } /* ---------- 工具类 ---------- */ html[dir="rtl"] .pull-left { float: right !important; } html[dir="rtl"] .pull-right { float: left !important; } html[dir="rtl"] .text-left { text-align: right !important; } html[dir="rtl"] .text-right { text-align: left !important; } /* ---------- 表单 ---------- */ html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; } html[dir="rtl"] .form-horizontal .control-label { text-align: left; } html[dir="rtl"] .help-block { text-align: right; } html[dir="rtl"] .checkbox, html[dir="rtl"] .radio { padding-left: 0; padding-right: 20px; } html[dir="rtl"] .checkbox input[type="checkbox"], html[dir="rtl"] .checkbox-inline input[type="checkbox"], html[dir="rtl"] .radio input[type="radio"], html[dir="rtl"] .radio-inline input[type="radio"] { margin-left: 0; margin-right: -20px; } html[dir="rtl"] .input-group .form-control:first-child { border-radius: 0 4px 4px 0; } html[dir="rtl"] .input-group-addon:first-child, html[dir="rtl"] .input-group-btn:first-child > .btn { border-radius: 0 4px 4px 0; } html[dir="rtl"] .input-group-addon:last-child, html[dir="rtl"] .input-group-btn:last-child > .btn { border-radius: 4px 0 0 4px; } /* ---------- 表格 ---------- */ html[dir="rtl"] .table th, html[dir="rtl"] .table td { text-align: right; } /* ---------- 导航 / 分页 / 面包屑 ---------- */ html[dir="rtl"] .nav-tabs > li, html[dir="rtl"] .nav-pills > li { float: right; } html[dir="rtl"] .navbar-nav > li { float: right; } html[dir="rtl"] .navbar-brand { float: right; } html[dir="rtl"] .navbar-right { float: left !important; margin-left: 0; margin-right: -15px; } html[dir="rtl"] .navbar-left { float: right !important; margin-right: 0; margin-left: -15px; } html[dir="rtl"] .pagination > li > a, html[dir="rtl"] .pagination > li > span { float: right; } html[dir="rtl"] .breadcrumb { text-align: right; } html[dir="rtl"] .close { float: left; } html[dir="rtl"] .pager .previous { float: right; } html[dir="rtl"] .pager .next { float: left; } html[dir="rtl"] .dropdown-menu { left: auto; right: 0; text-align: right; } html[dir="rtl"] .dropdown-menu.pull-right { left: 0; right: auto; } /* ---------- 面板 / 列表组：文本右对齐 ---------- */ html[dir="rtl"] .panel-heading, html[dir="rtl"] .panel-body, html[dir="rtl"] .list-group-item { text-align: right; } /* ---------- 媒体对象 ---------- */ html[dir="rtl"] .media-left { padding-right: 0; padding-left: 10px; } html[dir="rtl"] .media-right { padding-left: 0; padding-right: 10px; }