1 /*******************************************************************************
2 * File: bootstrap-rtl.css
3 * Author: Morteza Ansarinia <ansarinia@me.com>
4 * Created on: April 2,2014
5 * Project: bootstrap-rtl
6 * Copyright: See the file "LICENSE" for the full license governing this code.
7 *******************************************************************************/
10 border-right: 5px solid
#eeeeee;
13 blockquote
.pull-left p
,
14 blockquote
.pull-left small
,
15 blockquote
.pull-left
.small
{
18 @media (min-width: 768px) {
33 @media (min-width: 768px) {
34 .navbar
> .container
.navbar-brand
,
35 .navbar > .container-fluid .navbar-brand {
40 @media (min-width: 768px) {
49 @media (min-width: 768px) {
55 .navbar-collapse .navbar-nav.navbar-right:last-child {
66 @media (min-width: 768px) {
72 @media (max-width: 767px) {
73 .navbar-nav
.open
.dropdown-menu
> li
> a
,
74 .navbar-nav .open .dropdown-menu .dropdown-header {
75 padding: 5px 25px 5px 15px;
78 @media (min-width: 768px) {
92 .nav-justified > li > a {
96 @media (min-width: 768px) {
101 .nav-justified > li > a {
107 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
121 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
124 border-bottom: 1px solid
#dddddd;
132 border-radius: 4px 4px 0 0;
134 .nav-tabs.nav-justified {
137 .nav-tabs.nav-justified > li {
140 .nav-tabs.nav-justified > li > a {
144 @media (min-width: 768px) {
145 .nav-tabs.nav-justified > li {
149 .nav-tabs.nav-justified > li > a {
153 .nav-tabs.nav-justified > li > a {
156 @media (min-width: 768px) {
157 .nav-tabs.nav-justified > li > a {
158 border-radius: 4px 4px 0 0;
162 .nav-tabs.nav-justified > li > a {
165 .nav-tabs-justified > li > a {
168 @media (min-width: 768px) {
169 .nav-tabs-justified > li > a {
170 border-radius: 4px 4px 0 0;
177 .alert-dismissable .close {
178 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
184 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
195 .dropdown-menu.pull-left {
200 .pull-left > .dropdown-menu {
205 .navbar-nav
.pull-left
> li
> .dropdown-menu
,
206 .navbar-nav > li > .dropdown-menu.pull-left {
210 .nav-tabs-justified > li > a {
222 .nav-pills > li > a {
225 .nav-pills > li + li {
232 .nav-stacked > li + li {
238 .nav-tabs
.nav-justified
,
239 .nav-pills.nav-justified {
242 .nav-tabs
.nav-justified
> li
,
243 .nav-pills.nav-justified > li {
244 float: none
!important
;
246 .nav-tabs
.nav-justified
> li
> a
,
247 .nav-pills.nav-justified > li > a {
251 .nav-tabs
.nav-justified
> .dropdown
.dropdown-menu
,
252 .nav-pills.nav-justified > .dropdown .dropdown-menu {
256 @media (min-width: 768px) {
257 .nav-tabs
.nav-justified
> li
,
258 .nav-pills.nav-justified > li {
262 .nav-tabs
.nav-justified
> li
> a
,
263 .nav-pills.nav-justified > li > a {
267 .nav-tabs.nav-justified > li > a {
270 .input-group
.form-control:first-child
,
271 .input-group-addon:first-child
,
272 .input-group-btn:first-child
> .btn
,
273 .input-group-btn:first-child
> .dropdown-toggle
,
274 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
275 border-bottom-right-radius: 4px;
276 border-top-right-radius: 4px;
277 border-bottom-left-radius: 0;
278 border-top-left-radius: 0;
280 .input-group-addon:first-child {
281 border-right: 1px solid
#cccccc;
284 .input-group
.form-control:last-child
,
285 .input-group-addon:last-child
,
286 .input-group-btn:last-child
> .btn
,
287 .input-group-btn:last-child
> .dropdown-toggle
,
288 .input-group-btn:first-child > .btn:not(:first-child) {
289 border-bottom-left-radius: 4px;
290 border-top-left-radius: 4px;
291 border-bottom-right-radius: 0;
292 border-top-right-radius: 0;
294 .input-group-addon:last-child {
295 border-left: 1px solid
#cccccc;
298 .input-group-btn:first-child > .btn {
301 .input-group-btn:last-child > .btn {
304 .input-group-btn > .btn {
307 .input-group-btn > .btn + .btn {
310 .input-group-btn
> .btn:hover
,
311 .input-group-btn > .btn:active {
318 .radio input
[type
="radio"],
319 .radio-inline input
[type
="radio"],
320 .checkbox input
[type
="checkbox"],
321 .checkbox-inline input[type="checkbox"] {
325 .radio-inline
+ .radio-inline
,
326 .checkbox-inline + .checkbox-inline {
330 .form-inline .checkbox {
333 .form-inline
.radio input
[type
="radio"],
334 .form-inline .checkbox input[type="checkbox"] {
337 @media (min-width: 768px) {
338 .form-horizontal .control-label {
346 .popover
.top
.popover-title
,
347 .popover
.top
.popover-content
,
348 .popover
.bottom
.popover-title
,
349 .popover.bottom .popover-content {
360 .btn-group-vertical > .btn {
363 .btn-group
.btn
+ .btn
,
364 .btn-group
.btn
+ .btn-group
,
365 .btn-group
.btn-group
+ .btn
,
366 .btn-group .btn-group + .btn-group {
372 .btn-toolbar
.btn-group
,
373 .btn-toolbar .input-group {
377 .btn-toolbar
> .btn-group
,
378 .btn-toolbar > .input-group {
381 .btn-group > .btn:first-child {
384 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
385 border-bottom-left-radius: 0;
386 border-top-left-radius: 0;
387 border-bottom-right-radius: 4px;
388 border-top-right-radius: 4px;
390 .btn-group
> .btn:last-child:not
(:first-child
),
391 .btn-group > .dropdown-toggle:not(:first-child) {
392 border-bottom-right-radius: 0;
393 border-top-right-radius: 0;
394 border-bottom-left-radius: 4px;
395 border-top-left-radius: 4px;
397 .btn-group > .btn-group {
400 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
401 /*border-radius: 0;*/
403 .btn-group
> .btn-group:first-child
> .btn:last-child
,
404 .btn-group > .btn-group:first-child > .dropdown-toggle {
405 border-bottom-left-radius: 0;
406 border-top-left-radius: 0;
407 border-bottom-right-radius: 4px;
408 border-top-right-radius: 4px;
410 .btn-group > .btn-group:last-child > .btn:first-child {
411 border-bottom-right-radius: 0;
412 border-top-right-radius: 0;
413 border-bottom-left-radius: 4px;
414 border-top-left-radius: 4px;
416 .btn-group-justified
> .btn
,
417 .btn-group-justified > .btn-group {
498 width: 8.333333333333332%;
501 width: 16.666666666666664%;
507 width: 33.33333333333333%;
510 width: 41.66666666666667%;
516 width: 58.333333333333336%;
519 width: 66.66666666666666%;
525 width: 83.33333333333334%;
528 width: 91.66666666666666%;
533 @media (min-width: 768px) {
551 width: 8.333333333333332%;
554 width: 16.666666666666664%;
560 width: 33.33333333333333%;
563 width: 41.66666666666667%;
569 width: 58.333333333333336%;
572 width: 66.66666666666666%;
578 width: 83.33333333333334%;
581 width: 91.66666666666666%;
587 right: 8.333333333333332%;
590 right: 16.666666666666664%;
596 right: 33.33333333333333%;
599 right: 41.66666666666667%;
605 right: 58.333333333333336%;
608 right: 66.66666666666666%;
614 right: 83.33333333333334%;
617 right: 91.66666666666666%;
620 left: 8.333333333333332%;
623 left: 16.666666666666664%;
629 left: 33.33333333333333%;
632 left: 41.66666666666667%;
638 left: 58.333333333333336%;
641 left: 66.66666666666666%;
647 left: 83.33333333333334%;
650 left: 91.66666666666666%;
653 margin-right: 8.333333333333332%;
656 margin-right: 16.666666666666664%;
662 margin-right: 33.33333333333333%;
665 margin-right: 41.66666666666667%;
671 margin-right: 58.333333333333336%;
674 margin-right: 66.66666666666666%;
680 margin-right: 83.33333333333334%;
683 margin-right: 91.66666666666666%;
699 @media (min-width: 992px) {
717 width: 8.333333333333332%;
720 width: 16.666666666666664%;
726 width: 33.33333333333333%;
729 width: 41.66666666666667%;
735 width: 58.333333333333336%;
738 width: 66.66666666666666%;
744 width: 83.33333333333334%;
747 width: 91.66666666666666%;
753 right: 8.333333333333332%;
756 right: 16.666666666666664%;
762 right: 33.33333333333333%;
765 right: 41.66666666666667%;
771 right: 58.333333333333336%;
774 right: 66.66666666666666%;
780 right: 83.33333333333334%;
783 right: 91.66666666666666%;
786 left: 8.333333333333332%;
789 left: 16.666666666666664%;
795 left: 33.33333333333333%;
798 left: 41.66666666666667%;
804 left: 58.333333333333336%;
807 left: 66.66666666666666%;
813 left: 83.33333333333334%;
816 left: 91.66666666666666%;
819 margin-right: 8.333333333333332%;
822 margin-right: 16.666666666666664%;
828 margin-right: 33.33333333333333%;
831 margin-right: 41.66666666666667%;
837 margin-right: 58.333333333333336%;
840 margin-right: 66.66666666666666%;
846 margin-right: 83.33333333333334%;
849 margin-right: 91.66666666666666%;
865 @media (min-width: 1200px) {
883 width: 8.333333333333332%;
886 width: 16.666666666666664%;
892 width: 33.33333333333333%;
895 width: 41.66666666666667%;
901 width: 58.333333333333336%;
904 width: 66.66666666666666%;
910 width: 83.33333333333334%;
913 width: 91.66666666666666%;
919 right: 8.333333333333332%;
922 right: 16.666666666666664%;
928 right: 33.33333333333333%;
931 right: 41.66666666666667%;
937 right: 58.333333333333336%;
940 right: 66.66666666666666%;
946 right: 83.33333333333334%;
949 right: 91.66666666666666%;
952 left: 8.333333333333332%;
955 left: 16.666666666666664%;
961 left: 33.33333333333333%;
964 left: 41.66666666666667%;
970 left: 58.333333333333336%;
973 left: 66.66666666666666%;
979 left: 83.33333333333334%;
982 left: 91.66666666666666%;
985 margin-right: 8.333333333333332%;
988 margin-right: 16.666666666666664%;
994 margin-right: 33.33333333333333%;
997 margin-right: 41.66666666666667%;
1003 margin-right: 58.333333333333336%;
1006 margin-right: 66.66666666666666%;
1012 margin-right: 83.33333333333334%;
1015 margin-right: 91.66666666666666%;
1031 .list-group-item > .badge {
1034 .list-group-item > .badge + .badge {
1041 .pagination
> li
> a
,
1042 .pagination > li > span {
1047 .pagination
> li:first-child
> a
,
1048 .pagination > li:first-child > span {
1050 border-bottom-right-radius: 4px;
1051 border-top-right-radius: 4px;
1052 border-bottom-left-radius: 0;
1053 border-top-left-radius: 0;
1055 .pagination
> li:last-child
> a
,
1056 .pagination > li:last-child > span {
1058 border-bottom-left-radius: 4px;
1059 border-top-left-radius: 4px;
1060 border-bottom-right-radius: 0;
1061 border-top-right-radius: 0;
1067 .pager .next > span {
1070 .pager
.previous
> a
,
1071 .pager .previous > span {
1077 .modal-footer .btn + .btn {
1081 .modal-footer .btn-group .btn + .btn {
1085 .modal-footer .btn-block + .btn-block {
1088 .carousel-inner > .item {
1089 -webkit-transition: 0.6s ease-in-out left
;
1090 -o-transition: 0.6s ease-in-out left
;
1091 transition: 0.6s ease-in-out left
;