1 /*******************************************************************************
2 * bootstrap-rtl (Version 3.1.1)
3 * Author: Morteza Ansarinia <ansarinia@me.com> (http://github.com/morteza)
4 * Created on: May 25,2014
5 * Project: bootstrap-rtl
6 * Copyright: See the file "LICENSE" 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 {
1151 @media (min-width: 768px) {
1155 .navbar-text.navbar-right:last-child {
1163 .pagination
> li
> a
,
1164 .pagination > li > span {
1169 .pagination
> li:first-child
> a
,
1170 .pagination > li:first-child > span {
1172 border-bottom-right-radius: 4px;
1173 border-top-right-radius: 4px;
1174 border-bottom-left-radius: 0;
1175 border-top-left-radius: 0;
1177 .pagination
> li:last-child
> a
,
1178 .pagination > li:last-child > span {
1180 border-bottom-left-radius: 4px;
1181 border-top-left-radius: 4px;
1182 border-bottom-right-radius: 0;
1183 border-top-right-radius: 0;
1190 .pager .next > span {
1193 .pager
.previous
> a
,
1194 .pager .previous > span {
1197 .nav-pills > li > a > .badge {
1201 .alert-dismissable {
1203 padding-right: 15px;
1205 .alert-dismissable .close {
1222 .list-group-item > .badge {
1225 .list-group-item > .badge + .badge {
1229 .panel
> .table:first-child
> thead:first-child
> tr:first-child
td:first-child
,
1230 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
td:first-child
,
1231 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
td:first-child
,
1232 .panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
td:first-child
,
1233 .panel
> .table:first-child
> thead:first-child
> tr:first-child
th:first-child
,
1234 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
th:first-child
,
1235 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
th:first-child
,
1236 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
1237 border-top-right-radius: 3px;
1238 border-top-left-radius: 0;
1240 .panel
> .table:first-child
> thead:first-child
> tr:first-child
td:last-child
,
1241 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
td:last-child
,
1242 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
td:last-child
,
1243 .panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
td:last-child
,
1244 .panel
> .table:first-child
> thead:first-child
> tr:first-child
th:last-child
,
1245 .panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
th:last-child
,
1246 .panel
> .table:first-child
> tbody:first-child
> tr:first-child
th:last-child
,
1247 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
1248 border-top-left-radius: 3px;
1249 border-top-right-radius: 0;
1251 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
td:first-child
,
1252 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
td:first-child
,
1253 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
td:first-child
,
1254 .panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
td:first-child
,
1255 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
th:first-child
,
1256 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
th:first-child
,
1257 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
th:first-child
,
1258 .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
1259 border-bottom-left-radius: 3px;
1260 border-top-right-radius: 0;
1262 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
td:last-child
,
1263 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
td:last-child
,
1264 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
td:last-child
,
1265 .panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
td:last-child
,
1266 .panel
> .table:last-child
> tbody:last-child
> tr:last-child
th:last-child
,
1267 .panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
th:last-child
,
1268 .panel
> .table:last-child
> tfoot:last-child
> tr:last-child
th:last-child
,
1269 .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
1270 border-bottom-right-radius: 3px;
1271 border-top-left-radius: 0;
1273 .panel
> .table-bordered
> thead
> tr
> th:first-child
,
1274 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> th:first-child
,
1275 .panel
> .table-bordered
> tbody
> tr
> th:first-child
,
1276 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> th:first-child
,
1277 .panel
> .table-bordered
> tfoot
> tr
> th:first-child
,
1278 .panel
> .table-responsive
> .table-bordered
> tfoot
> tr
> th:first-child
,
1279 .panel
> .table-bordered
> thead
> tr
> td:first-child
,
1280 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> td:first-child
,
1281 .panel
> .table-bordered
> tbody
> tr
> td:first-child
,
1282 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> td:first-child
,
1283 .panel
> .table-bordered
> tfoot
> tr
> td:first-child
,
1284 .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
1288 .panel
> .table-bordered
> thead
> tr
> th:last-child
,
1289 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> th:last-child
,
1290 .panel
> .table-bordered
> tbody
> tr
> th:last-child
,
1291 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> th:last-child
,
1292 .panel
> .table-bordered
> tfoot
> tr
> th:last-child
,
1293 .panel
> .table-responsive
> .table-bordered
> tfoot
> tr
> th:last-child
,
1294 .panel
> .table-bordered
> thead
> tr
> td:last-child
,
1295 .panel
> .table-responsive
> .table-bordered
> thead
> tr
> td:last-child
,
1296 .panel
> .table-bordered
> tbody
> tr
> td:last-child
,
1297 .panel
> .table-responsive
> .table-bordered
> tbody
> tr
> td:last-child
,
1298 .panel
> .table-bordered
> tfoot
> tr
> td:last-child
,
1299 .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
1303 .embed-responsive
.embed-responsive-item
,
1304 .embed-responsive iframe
,
1305 .embed-responsive embed
,
1306 .embed-responsive object {
1316 .modal-footer .btn + .btn {
1320 .modal-footer .btn-group .btn + .btn {
1324 .modal-footer .btn-block + .btn-block {
1333 .popover.top > .arrow {
1336 margin-right: -11px;
1339 .popover.top > .arrow:after {
1340 margin-right: -10px;
1343 .carousel-inner > .item {
1344 -webkit-transition: 0.6s ease-in-out right
;
1345 -o-transition: 0.6s ease-in-out right
;
1346 transition: 0.6s ease-in-out right
;
1348 .carousel-inner > .active {
1351 .carousel-inner > .next {
1355 .carousel-inner > .prev {
1358 .carousel-inner
> .next
.left
,
1359 .carousel-inner > .prev.right {
1362 .carousel-inner > .active.right {
1365 .carousel-inner > .active.left {
1372 .carousel-control.left {
1375 background-image: -webkit-linear-gradient
(left
, color-stop
(rgba
(0, 0, 0, 0.5) 0%), color-stop
(rgba
(0, 0, 0, 0.0001) 100%));
1376 background-image: -o-linear-gradient
(left
, rgba
(0, 0, 0, 0.5) 0%, rgba
(0, 0, 0, 0.0001) 100%);
1377 background-image: linear-gradient
(to right
, rgba
(0, 0, 0, 0.5) 0%, rgba
(0, 0, 0, 0.0001) 100%);
1378 background-repeat: repeat-x
;
1379 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#80000000', endColorstr
='#00000000', GradientType
=1);
1381 .carousel-control.right {
1384 background-image: -webkit-linear-gradient
(left
, color-stop
(rgba
(0, 0, 0, 0.0001) 0%), color-stop
(rgba
(0, 0, 0, 0.5) 100%));
1385 background-image: -o-linear-gradient
(left
, rgba
(0, 0, 0, 0.0001) 0%, rgba
(0, 0, 0, 0.5) 100%);
1386 background-image: linear-gradient
(to right
, rgba
(0, 0, 0, 0.0001) 0%, rgba
(0, 0, 0, 0.5) 100%);
1387 background-repeat: repeat-x
;
1388 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#00000000', endColorstr
='#80000000', GradientType
=1);
1390 .carousel-control
.icon-prev
,
1391 .carousel-control .glyphicon-chevron-left {
1394 margin-right: -10px;
1396 .carousel-control
.icon-next
,
1397 .carousel-control .glyphicon-chevron-right {
1402 .carousel-indicators {
1409 @media screen and
(min-width: 768px) {
1410 .carousel-control
.glyphicon-chevron-left
,
1411 .carousel-control .icon-prev {
1413 margin-right: -15px;
1415 .carousel-control
.glyphicon-chevron-right
,
1416 .carousel-control .icon-next {
1418 margin-right: -15px;
1423 padding-bottom: 30px;
1427 float: left
!important
;
1430 float: right
!important
;
1432 .has-success
.help-block
,
1433 .has-success
.control-label
,
1434 .has-success
.radio
,
1435 .has-success
.checkbox
,
1436 .has-success
.radio-inline
,
1437 .has-success .checkbox-inline {
1440 .has-success .form-control {
1441 border-color: #3c763d;
1442 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1443 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075);
1445 .has-success .form-control:focus {
1446 border-color: #2b542c;
1447 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #67b168;
1448 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #67b168;
1450 .has-success .input-group-addon {
1452 background-color: #dff0d8;
1453 border-color: #3c763d;
1455 .has-success .form-control-feedback {
1458 .has-warning
.help-block
,
1459 .has-warning
.control-label
,
1460 .has-warning
.radio
,
1461 .has-warning
.checkbox
,
1462 .has-warning
.radio-inline
,
1463 .has-warning .checkbox-inline {
1466 .has-warning .form-control {
1467 border-color: #8a6d3b;
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-warning .form-control:focus {
1472 border-color: #66512c;
1473 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #c0a16b;
1474 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #c0a16b;
1476 .has-warning .input-group-addon {
1478 background-color: #fcf8e3;
1479 border-color: #8a6d3b;
1481 .has-warning .form-control-feedback {
1484 .has-error
.help-block
,
1485 .has-error
.control-label
,
1487 .has-error
.checkbox
,
1488 .has-error
.radio-inline
,
1489 .has-error .checkbox-inline {
1492 .has-error .form-control {
1493 border-color: #a94442;
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-error .form-control:focus {
1498 border-color: #843534;
1499 -webkit-box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #ce8483;
1500 box-shadow: inset
0 1px 1px rgba
(0, 0, 0, 0.075), 0 0 6px #ce8483;
1502 .has-error .input-group-addon {
1504 background-color: #f2dede;
1505 border-color: #a94442;
1507 .has-error .form-control-feedback {