1 /*******************************************************************************
2 * bootstrap-rtl (Version 3.2.0-rc1)
3 * Author: Morteza Ansarinia <ansarinia@me.com> (http://github.com/morteza)
4 * Created on: June 13,2014
5 * Project: bootstrap-rtl
6 * Copyright: See the file "LICENSE.md" for the full license governing this code.
7 *******************************************************************************/
29 @media (min-width: 768px) {
41 border-right: 5px solid
#eeeeee;
45 blockquote
.pull-left
{
48 border-left: 5px solid
#eeeeee;
52 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
58 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
206 margin-right: 91.66666667%;
210 margin-right: 83.33333333%;
218 margin-right: 66.66666667%;
222 margin-right: 58.33333333%;
230 margin-right: 41.66666667%;
234 margin-right: 33.33333333%;
242 margin-right: 16.66666667%;
246 margin-right: 8.33333333%;
253 @media (min-width: 768px) {
254 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
402 margin-right: 91.66666667%;
406 margin-right: 83.33333333%;
414 margin-right: 66.66666667%;
418 margin-right: 58.33333333%;
426 margin-right: 41.66666667%;
430 margin-right: 33.33333333%;
438 margin-right: 16.66666667%;
442 margin-right: 8.33333333%;
450 @media (min-width: 992px) {
451 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
599 margin-right: 91.66666667%;
603 margin-right: 83.33333333%;
611 margin-right: 66.66666667%;
615 margin-right: 58.33333333%;
623 margin-right: 41.66666667%;
627 margin-right: 33.33333333%;
635 margin-right: 16.66666667%;
639 margin-right: 8.33333333%;
647 @media (min-width: 1200px) {
648 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
796 margin-right: 91.66666667%;
800 margin-right: 83.33333333%;
808 margin-right: 66.66666667%;
812 margin-right: 58.33333333%;
820 margin-right: 41.66666667%;
824 margin-right: 33.33333333%;
832 margin-right: 16.66666667%;
836 margin-right: 8.33333333%;
847 @media screen and
(max-width: 767px) {
848 .table-responsive > .table-bordered {
851 .table-responsive
> .table-bordered
> thead
> tr
> th:first-child
,
852 .table-responsive
> .table-bordered
> tbody
> tr
> th:first-child
,
853 .table-responsive
> .table-bordered
> tfoot
> tr
> th:first-child
,
854 .table-responsive
> .table-bordered
> thead
> tr
> td:first-child
,
855 .table-responsive
> .table-bordered
> tbody
> tr
> td:first-child
,
856 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
860 .table-responsive
> .table-bordered
> thead
> tr
> th:last-child
,
861 .table-responsive
> .table-bordered
> tbody
> tr
> th:last-child
,
862 .table-responsive
> .table-bordered
> tfoot
> tr
> th:last-child
,
863 .table-responsive
> .table-bordered
> thead
> tr
> td:last-child
,
864 .table-responsive
> .table-bordered
> tbody
> tr
> td:last-child
,
865 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
875 .radio input
[type
="radio"],
876 .radio-inline input
[type
="radio"],
877 .checkbox input
[type
="checkbox"],
878 .checkbox-inline input[type="checkbox"] {
888 .radio-inline
+ .radio-inline
,
889 .checkbox-inline + .checkbox-inline {
893 .has-feedback .form-control {
894 padding-left: 42.5px;
897 .form-control-feedback {
901 @media (min-width: 768px) {
903 .form-inline .checkbox {
907 .form-inline
.radio input
[type
="radio"],
908 .form-inline .checkbox input[type="checkbox"] {
913 @media (min-width: 768px) {
914 .form-horizontal .control-label {
918 .form-horizontal .has-feedback .form-control-feedback {
932 .dropdown-menu.pull-left {
937 .pull-left > .dropdown-menu {
942 .navbar-nav
.pull-left
> li
> .dropdown-menu
,
943 .navbar-nav > li > .dropdown-menu.pull-left {
948 .btn-group-vertical > .btn {
951 .btn-group
> .btn:hover
,
952 .btn-group-vertical
> .btn:hover
,
953 .btn-group
> .btn:focus
,
954 .btn-group-vertical
> .btn:focus
,
955 .btn-group
> .btn:active
,
956 .btn-group-vertical
> .btn:active
,
957 .btn-group
> .btn
.active
,
958 .btn-group-vertical > .btn.active {
961 .btn-group
.btn
+ .btn
,
962 .btn-group
.btn
+ .btn-group
,
963 .btn-group
.btn-group
+ .btn
,
964 .btn-group .btn-group + .btn-group {
972 .btn-toolbar
.btn-group
,
973 .btn-toolbar .input-group {
977 .btn-toolbar
> .btn-group
,
978 .btn-toolbar > .input-group {
982 .btn-group > .btn:first-child {
985 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
986 border-bottom-left-radius: 0;
987 border-top-left-radius: 0;
989 .btn-group
> .btn:last-child:not
(:first-child
),
990 .btn-group > .dropdown-toggle:not(:first-child) {
991 border-bottom-right-radius: 0;
992 border-top-right-radius: 0;
994 .btn-group > .btn-group {
997 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
1000 .btn-group
> .btn-group:first-child
> .btn:last-child
,
1001 .btn-group > .btn-group:first-child > .dropdown-toggle {
1002 border-bottom-left-radius: 0;
1003 border-top-left-radius: 0;
1005 .btn-group > .btn-group:last-child > .btn:first-child {
1006 border-bottom-right-radius: 0;
1007 border-top-right-radius: 0;
1012 .btn-group-vertical
> .btn
+ .btn
,
1013 .btn-group-vertical
> .btn
+ .btn-group
,
1014 .btn-group-vertical
> .btn-group
+ .btn
,
1015 .btn-group-vertical > .btn-group + .btn-group {
1019 .input-group .form-control {
1022 .input-group
.form-control:first-child
,
1023 .input-group-addon:first-child
,
1024 .input-group-btn:first-child
> .btn
,
1025 .input-group-btn:first-child
> .btn-group
> .btn
,
1026 .input-group-btn:first-child
> .dropdown-toggle
,
1027 .input-group-btn:last-child
> .btn:not
(:last-child
):not
(.dropdown-toggle
),
1028 .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
1029 border-bottom-right-radius: 4px;
1030 border-top-right-radius: 4px;
1031 border-bottom-left-radius: 0;
1032 border-top-left-radius: 0;
1034 .input-group-addon:first-child {
1035 border-right: 1px solid
#cccccc;
1038 .input-group
.form-control:last-child
,
1039 .input-group-addon:last-child
,
1040 .input-group-btn:last-child
> .btn
,
1041 .input-group-btn:last-child
> .btn-group
> .btn
,
1042 .input-group-btn:last-child
> .dropdown-toggle
,
1043 .input-group-btn:first-child
> .btn:not
(:first-child
),
1044 .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
1045 border-bottom-left-radius: 4px;
1046 border-top-left-radius: 4px;
1047 border-bottom-right-radius: 0;
1048 border-top-right-radius: 0;
1050 .input-group-addon:last-child {
1051 border-left: 1px solid
#cccccc;
1054 .input-group-btn > .btn + .btn {
1058 .input-group-btn:first-child
> .btn
,
1059 .input-group-btn:first-child > .btn-group {
1063 .input-group-btn:last-child
> .btn
,
1064 .input-group-btn:last-child > .btn-group {
1075 .nav-tabs > li > a {
1078 border-radius: 4px 4px 0 0;
1083 .nav-pills > li > a {
1086 .nav-pills > li + li {
1093 .nav-stacked > li + li {
1097 .nav-justified > .dropdown .dropdown-menu {
1100 .nav-tabs-justified > li > a {
1104 @media (min-width: 768px) {
1105 .nav-tabs-justified > li > a {
1106 border-radius: 4px 4px 0 0;
1109 @media (min-width: 768px) {
1115 padding-right: 15px;
1121 @media (min-width: 768px) {
1122 .navbar
> .container
.navbar-brand
,
1123 .navbar > .container-fluid .navbar-brand {
1124 margin-right: -15px;
1133 @media (max-width: 767px) {
1134 .navbar-nav
.open
.dropdown-menu
> li
> a
,
1135 .navbar-nav .open .dropdown-menu .dropdown-header {
1136 padding: 5px 25px 5px 15px;
1139 @media (min-width: 768px) {
1146 .navbar-nav.navbar-right:last-child {
1150 .navbar-nav.navbar-right.flip {
1151 float: left
!important
;
1153 .navbar-nav.navbar-right .dropdown-menu {
1158 @media (min-width: 768px) {
1162 .navbar-text.navbar-right:last-child {
1170 .pagination
> li
> a
,
1171 .pagination > li > span {
1176 .pagination
> li:first-child
> a
,
1177 .pagination > li:first-child > span {
1179 border-bottom-right-radius: 4px;
1180 border-top-right-radius: 4px;
1181 border-bottom-left-radius: 0;
1182 border-top-left-radius: 0;
1184 .pagination
> li:last-child
> a
,
1185 .pagination > li:last-child > span {
1187 border-bottom-left-radius: 4px;
1188 border-top-left-radius: 4px;
1189 border-bottom-right-radius: 0;
1190 border-top-right-radius: 0;
1197 .pager .next > span {
1200 .pager
.previous
> a
,
1201 .pager .previous > span {
1204 .nav-pills > li > a > .badge {
1208 .alert-dismissable {
1210 padding-right: 15px;
1212 .alert-dismissable .close {
1225 .media > .pull-left {
1228 .media > .pull-left.flip {
1232 .media > .pull-right {
1235 .media > .pull-right.flip {
1248 .list-group-item > .badge {
1251 .list-group-item > .badge + .badge {
1255 .panel
> .table:first-child
> thead:first-child
> tr:first-child
td:first-child
,
1256 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
td:first-child
,
1257 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
td:first-child
,
1258 .panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
td:first-child
,
1259 .panel
> .table:first-child
> thead:first-child
> tr:first-child
th:first-child
,
1260 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
th:first-child
,
1261 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
th:first-child
,
1262 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
1263 border-top-right-radius: 3px;
1264 border-top-left-radius: 0;
1266 .panel
> .table:first-child
> thead:first-child
> tr:first-child
td:last-child
,
1267 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
td:last-child
,
1268 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
td:last-child
,
1269 .panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
td:last-child
,
1270 .panel
> .table:first-child
> thead:first-child
> tr:first-child
th:last-child
,
1271 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
th:last-child
,
1272 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
th:last-child
,
1273 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
1274 border-top-left-radius: 3px;
1275 border-top-right-radius: 0;
1277 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
td:first-child
,
1278 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
td:first-child
,
1279 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
td:first-child
,
1280 .panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
td:first-child
,
1281 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
th:first-child
,
1282 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
th:first-child
,
1283 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
th:first-child
,
1284 .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
1285 border-bottom-left-radius: 3px;
1286 border-top-right-radius: 0;
1288 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
td:last-child
,
1289 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
td:last-child
,
1290 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
td:last-child
,
1291 .panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
td:last-child
,
1292 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
th:last-child
,
1293 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
th:last-child
,
1294 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
th:last-child
,
1295 .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
1296 border-bottom-right-radius: 3px;
1297 border-top-left-radius: 0;
1299 .panel
> .table-bordered
> thead
> tr
> th:first-child
,
1300 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> th:first-child
,
1301 .panel
> .table-bordered
> tbody
> tr
> th:first-child
,
1302 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> th:first-child
,
1303 .panel
> .table-bordered
> tfoot
> tr
> th:first-child
,
1304 .panel
> .table-responsive
> .table-bordered
> tfoot
> tr
> th:first-child
,
1305 .panel
> .table-bordered
> thead
> tr
> td:first-child
,
1306 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> td:first-child
,
1307 .panel
> .table-bordered
> tbody
> tr
> td:first-child
,
1308 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> td:first-child
,
1309 .panel
> .table-bordered
> tfoot
> tr
> td:first-child
,
1310 .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
1314 .panel
> .table-bordered
> thead
> tr
> th:last-child
,
1315 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> th:last-child
,
1316 .panel
> .table-bordered
> tbody
> tr
> th:last-child
,
1317 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> th:last-child
,
1318 .panel
> .table-bordered
> tfoot
> tr
> th:last-child
,
1319 .panel
> .table-responsive
> .table-bordered
> tfoot
> tr
> th:last-child
,
1320 .panel
> .table-bordered
> thead
> tr
> td:last-child
,
1321 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> td:last-child
,
1322 .panel
> .table-bordered
> tbody
> tr
> td:last-child
,
1323 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> td:last-child
,
1324 .panel
> .table-bordered
> tfoot
> tr
> td:last-child
,
1325 .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
1329 .embed-responsive
.embed-responsive-item
,
1330 .embed-responsive iframe
,
1331 .embed-responsive embed
,
1332 .embed-responsive object {
1342 .modal-footer .btn + .btn {
1346 .modal-footer .btn-group .btn + .btn {
1350 .modal-footer .btn-block + .btn-block {
1359 .popover.top > .arrow {
1362 margin-right: -11px;
1365 .popover.top > .arrow:after {
1366 margin-right: -10px;
1369 .carousel-inner > .item {
1370 -webkit-transition: 0.6s ease-in-out right
;
1371 -o-transition: 0.6s ease-in-out right
;
1372 transition: 0.6s ease-in-out right
;
1374 .carousel-inner > .active {
1377 .carousel-inner > .next {
1381 .carousel-inner > .prev {
1384 .carousel-inner
> .next
.left
,
1385 .carousel-inner > .prev.right {
1388 .carousel-inner > .active.right {
1391 .carousel-inner > .active.left {
1398 .carousel-control.left {
1401 background-image: -webkit-linear-gradient
(left
, color-stop
(rgba
(0, 0, 0, 0.5) 0%), color-stop
(rgba
(0, 0, 0, 0.0001) 100%));
1402 background-image: -o-linear-gradient
(left
, rgba
(0, 0, 0, 0.5) 0%, rgba
(0, 0, 0, 0.0001) 100%);
1403 background-image: linear-gradient
(to right
, rgba
(0, 0, 0, 0.5) 0%, rgba
(0, 0, 0, 0.0001) 100%);
1404 background-repeat: repeat-x
;
1405 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#80000000', endColorstr
='#00000000', GradientType
=1);
1407 .carousel-control.right {
1410 background-image: -webkit-linear-gradient
(left
, color-stop
(rgba
(0, 0, 0, 0.0001) 0%), color-stop
(rgba
(0, 0, 0, 0.5) 100%));
1411 background-image: -o-linear-gradient
(left
, rgba
(0, 0, 0, 0.0001) 0%, rgba
(0, 0, 0, 0.5) 100%);
1412 background-image: linear-gradient
(to right
, rgba
(0, 0, 0, 0.0001) 0%, rgba
(0, 0, 0, 0.5) 100%);
1413 background-repeat: repeat-x
;
1414 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#00000000', endColorstr
='#80000000', GradientType
=1);
1416 .carousel-control
.icon-prev
,
1417 .carousel-control .glyphicon-chevron-left {
1420 margin-right: -10px;
1422 .carousel-control
.icon-next
,
1423 .carousel-control .glyphicon-chevron-right {
1428 .carousel-indicators {
1435 @media screen and
(min-width: 768px) {
1436 .carousel-control
.glyphicon-chevron-left
,
1437 .carousel-control .icon-prev {
1439 margin-right: -15px;
1441 .carousel-control
.glyphicon-chevron-right
,
1442 .carousel-control .icon-next {
1444 margin-right: -15px;
1449 padding-bottom: 30px;
1453 float: left
!important
;
1456 float: right
!important
;
1458 .has-success
.help-block
,
1459 .has-success
.control-label
,
1460 .has-success
.radio
,
1461 .has-success
.checkbox
,
1462 .has-success
.radio-inline
,
1463 .has-success .checkbox-inline {
1466 .has-success .form-control {
1467 border-color: #3c763d;
1468 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1469 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1471 .has-success .form-control:focus {
1472 border-color: #2b542c;
1473 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #67b168;
1474 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #67b168;
1476 .has-success .input-group-addon {
1478 background-color: #dff0d8;
1479 border-color: #3c763d;
1481 .has-success .form-control-feedback {
1484 .has-warning
.help-block
,
1485 .has-warning
.control-label
,
1486 .has-warning
.radio
,
1487 .has-warning
.checkbox
,
1488 .has-warning
.radio-inline
,
1489 .has-warning .checkbox-inline {
1492 .has-warning .form-control {
1493 border-color: #8a6d3b;
1494 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1495 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1497 .has-warning .form-control:focus {
1498 border-color: #66512c;
1499 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #c0a16b;
1500 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #c0a16b;
1502 .has-warning .input-group-addon {
1504 background-color: #fcf8e3;
1505 border-color: #8a6d3b;
1507 .has-warning .form-control-feedback {
1510 .has-error
.help-block
,
1511 .has-error
.control-label
,
1513 .has-error
.checkbox
,
1514 .has-error
.radio-inline
,
1515 .has-error .checkbox-inline {
1518 .has-error .form-control {
1519 border-color: #a94442;
1520 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1521 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1523 .has-error .form-control:focus {
1524 border-color: #843534;
1525 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #ce8483;
1526 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #ce8483;
1528 .has-error .input-group-addon {
1530 background-color: #f2dede;
1531 border-color: #a94442;
1533 .has-error .form-control-feedback {
1536 /*# sourceMappingURL=bootstrap-rtl.css.map */