bootstrap-sass-rtl 2.3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/bootstrap-sass-rtl.gemspec +24 -0
- data/lib/bootstrap/sass/rtl.rb +10 -0
- data/lib/bootstrap/sass/rtl/version.rb +7 -0
- data/vendor/assets/stylesheets/bootstrap-responsive-rtl.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap-rtl.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_accordion.scss +34 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_alerts.scss +79 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_breadcrumbs.scss +24 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_button-groups.scss +229 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_buttons.scss +228 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_carousel.scss +158 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_close.scss +32 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_code.scss +61 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_component-animations.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_dropdowns.scss +237 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_forms.scss +689 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_grid.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_hero-unit.scss +25 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_labels-badges.scss +83 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_layouts.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_media.scss +55 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_mixins.scss +690 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_modals.scss +95 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_navbar.scss +497 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_navs.scss +409 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_pager.scss +43 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_pagination.scss +123 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_popovers.scss +133 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_progress-bars.scss +122 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_reset.scss +216 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-1200px-min.scss +28 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-767px-max.scss +193 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-768px-979px.scss +19 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-navbar.scss +189 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-utilities.scss +74 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_scaffolding.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_sprites.scss +197 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_tables.scss +235 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_thumbnails.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_tooltip.scss +70 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_type.scss +247 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_utilities.scss +45 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_variables.scss +301 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/_wells.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrap-rtl/responsive.scss +48 -0
- metadata +137 -0
@@ -0,0 +1,123 @@
|
|
1
|
+
//
|
2
|
+
// Pagination (multiple pages)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Space out pagination from surrounding content
|
6
|
+
.pagination {
|
7
|
+
margin: $baseLineHeight 0;
|
8
|
+
}
|
9
|
+
|
10
|
+
.pagination ul {
|
11
|
+
// Allow for text-based alignment
|
12
|
+
display: inline-block;
|
13
|
+
@include ie7-inline-block();
|
14
|
+
// Reset default ul styles
|
15
|
+
margin-right: 0;
|
16
|
+
margin-bottom: 0;
|
17
|
+
// Visuals
|
18
|
+
@include border-radius($baseBorderRadius);
|
19
|
+
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
20
|
+
}
|
21
|
+
.pagination ul > li {
|
22
|
+
display: inline; // Remove list-style and block-level defaults
|
23
|
+
}
|
24
|
+
.pagination ul > li > a,
|
25
|
+
.pagination ul > li > span {
|
26
|
+
float: right; // Collapse white-space
|
27
|
+
padding: 4px 12px;
|
28
|
+
line-height: $baseLineHeight;
|
29
|
+
text-decoration: none;
|
30
|
+
background-color: $paginationBackground;
|
31
|
+
border: 1px solid $paginationBorder;
|
32
|
+
border-right-width: 0;
|
33
|
+
}
|
34
|
+
.pagination ul > li > a:hover,
|
35
|
+
.pagination ul > li > a:focus,
|
36
|
+
.pagination ul > .active > a,
|
37
|
+
.pagination ul > .active > span {
|
38
|
+
background-color: $paginationActiveBackground;
|
39
|
+
}
|
40
|
+
.pagination ul > .active > a,
|
41
|
+
.pagination ul > .active > span {
|
42
|
+
color: $grayLight;
|
43
|
+
cursor: default;
|
44
|
+
}
|
45
|
+
.pagination ul > .disabled > span,
|
46
|
+
.pagination ul > .disabled > a,
|
47
|
+
.pagination ul > .disabled > a:hover,
|
48
|
+
.pagination ul > .disabled > a:focus {
|
49
|
+
color: $grayLight;
|
50
|
+
background-color: transparent;
|
51
|
+
cursor: default;
|
52
|
+
}
|
53
|
+
.pagination ul > li:first-child > a,
|
54
|
+
.pagination ul > li:first-child > span {
|
55
|
+
border-right-width: 1px;
|
56
|
+
@include border-right-radius($baseBorderRadius);
|
57
|
+
}
|
58
|
+
.pagination ul > li:last-child > a,
|
59
|
+
.pagination ul > li:last-child > span {
|
60
|
+
@include border-left-radius($baseBorderRadius);
|
61
|
+
}
|
62
|
+
|
63
|
+
|
64
|
+
// Alignment
|
65
|
+
// --------------------------------------------------
|
66
|
+
|
67
|
+
.pagination-centered {
|
68
|
+
text-align: center;
|
69
|
+
}
|
70
|
+
.pagination-right {
|
71
|
+
text-align: left;
|
72
|
+
}
|
73
|
+
|
74
|
+
|
75
|
+
// Sizing
|
76
|
+
// --------------------------------------------------
|
77
|
+
|
78
|
+
// Large
|
79
|
+
.pagination-large {
|
80
|
+
ul > li > a,
|
81
|
+
ul > li > span {
|
82
|
+
padding: $paddingLarge;
|
83
|
+
font-size: $fontSizeLarge;
|
84
|
+
}
|
85
|
+
ul > li:first-child > a,
|
86
|
+
ul > li:first-child > span {
|
87
|
+
@include border-right-radius($borderRadiusLarge);
|
88
|
+
}
|
89
|
+
ul > li:last-child > a,
|
90
|
+
ul > li:last-child > span {
|
91
|
+
@include border-left-radius($borderRadiusLarge);
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
// Small and mini
|
96
|
+
.pagination-mini,
|
97
|
+
.pagination-small {
|
98
|
+
ul > li:first-child > a,
|
99
|
+
ul > li:first-child > span {
|
100
|
+
@include border-right-radius($borderRadiusSmall);
|
101
|
+
}
|
102
|
+
ul > li:last-child > a,
|
103
|
+
ul > li:last-child > span {
|
104
|
+
@include border-left-radius($borderRadiusSmall);
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
// Small
|
109
|
+
.pagination-small {
|
110
|
+
ul > li > a,
|
111
|
+
ul > li > span {
|
112
|
+
padding: $paddingSmall;
|
113
|
+
font-size: $fontSizeSmall;
|
114
|
+
}
|
115
|
+
}
|
116
|
+
// Mini
|
117
|
+
.pagination-mini {
|
118
|
+
ul > li > a,
|
119
|
+
ul > li > span {
|
120
|
+
padding: $paddingMini;
|
121
|
+
font-size: $fontSizeMini;
|
122
|
+
}
|
123
|
+
}
|
@@ -0,0 +1,133 @@
|
|
1
|
+
//
|
2
|
+
// Popovers
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
.popover {
|
7
|
+
position: absolute;
|
8
|
+
top: 0;
|
9
|
+
right: 0;
|
10
|
+
z-index: $zindexPopover;
|
11
|
+
display: none;
|
12
|
+
max-width: 276px;
|
13
|
+
padding: 1px;
|
14
|
+
text-align: right; // Reset given new insertion method
|
15
|
+
background-color: $popoverBackground;
|
16
|
+
-webkit-background-clip: padding-box;
|
17
|
+
-moz-background-clip: padding;
|
18
|
+
background-clip: padding-box;
|
19
|
+
border: 1px solid #ccc;
|
20
|
+
border: 1px solid rgba(0,0,0,.2);
|
21
|
+
@include border-radius(6px);
|
22
|
+
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
|
23
|
+
|
24
|
+
// Overrides for proper insertion
|
25
|
+
white-space: normal;
|
26
|
+
|
27
|
+
// Offset the popover to account for the popover arrow
|
28
|
+
&.top { margin-top: -10px; }
|
29
|
+
&.right { margin-right: 10px; }
|
30
|
+
&.bottom { margin-top: 10px; }
|
31
|
+
&.left { margin-right: -10px; }
|
32
|
+
}
|
33
|
+
|
34
|
+
.popover-title {
|
35
|
+
margin: 0; // reset heading margin
|
36
|
+
padding: 8px 14px;
|
37
|
+
font-size: 14px;
|
38
|
+
font-weight: normal;
|
39
|
+
line-height: 18px;
|
40
|
+
background-color: $popoverTitleBackground;
|
41
|
+
border-bottom: 1px solid darken($popoverTitleBackground, 5%);
|
42
|
+
@include border-radius(5px 0 0 5px);
|
43
|
+
|
44
|
+
&:empty {
|
45
|
+
display: none;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
.popover-content {
|
50
|
+
padding: 9px 14px;
|
51
|
+
}
|
52
|
+
|
53
|
+
// Arrows
|
54
|
+
//
|
55
|
+
// .arrow is outer, .arrow:after is inner
|
56
|
+
|
57
|
+
.popover .arrow,
|
58
|
+
.popover .arrow:after {
|
59
|
+
position: absolute;
|
60
|
+
display: block;
|
61
|
+
width: 0;
|
62
|
+
height: 0;
|
63
|
+
border-color: transparent;
|
64
|
+
border-style: solid;
|
65
|
+
}
|
66
|
+
.popover .arrow {
|
67
|
+
border-width: $popoverArrowOuterWidth;
|
68
|
+
}
|
69
|
+
.popover .arrow:after {
|
70
|
+
border-width: $popoverArrowWidth;
|
71
|
+
content: "";
|
72
|
+
}
|
73
|
+
|
74
|
+
.popover {
|
75
|
+
&.top .arrow {
|
76
|
+
right: 50%;
|
77
|
+
margin-right: -$popoverArrowOuterWidth;
|
78
|
+
border-bottom-width: 0;
|
79
|
+
border-top-color: #999; // IE8 fallback
|
80
|
+
border-top-color: $popoverArrowOuterColor;
|
81
|
+
bottom: -$popoverArrowOuterWidth;
|
82
|
+
&:after {
|
83
|
+
bottom: 1px;
|
84
|
+
margin-right: -$popoverArrowWidth;
|
85
|
+
border-bottom-width: 0;
|
86
|
+
border-top-color: $popoverArrowColor;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
&.right .arrow {
|
90
|
+
top: 50%;
|
91
|
+
right: -$popoverArrowOuterWidth;
|
92
|
+
margin-top: -$popoverArrowOuterWidth;
|
93
|
+
border-right-width: 0;
|
94
|
+
border-left-color: #999; // IE8 fallback
|
95
|
+
border-left-color: $popoverArrowOuterColor;
|
96
|
+
&:after {
|
97
|
+
right: 1px;
|
98
|
+
bottom: -$popoverArrowWidth;
|
99
|
+
border-right-width: 0;
|
100
|
+
border-left-color: $popoverArrowColor;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
&.bottom .arrow {
|
104
|
+
right: 50%;
|
105
|
+
margin-right: -$popoverArrowOuterWidth;
|
106
|
+
border-top-width: 0;
|
107
|
+
border-bottom-color: #999; // IE8 fallback
|
108
|
+
border-bottom-color: $popoverArrowOuterColor;
|
109
|
+
top: -$popoverArrowOuterWidth;
|
110
|
+
&:after {
|
111
|
+
top: 1px;
|
112
|
+
margin-right: -$popoverArrowWidth;
|
113
|
+
border-top-width: 0;
|
114
|
+
border-bottom-color: $popoverArrowColor;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
&.left .arrow {
|
119
|
+
top: 50%;
|
120
|
+
left: -$popoverArrowOuterWidth;
|
121
|
+
margin-top: -$popoverArrowOuterWidth;
|
122
|
+
border-left-width: 0;
|
123
|
+
border-right-color: #999; // IE8 fallback
|
124
|
+
border-right-color: $popoverArrowOuterColor;
|
125
|
+
&:after {
|
126
|
+
left: 1px;
|
127
|
+
border-left-width: 0;
|
128
|
+
border-right-color: $popoverArrowColor;
|
129
|
+
bottom: -$popoverArrowWidth;
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
}
|
@@ -0,0 +1,122 @@
|
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// ANIMATIONS
|
7
|
+
// ----------
|
8
|
+
|
9
|
+
// Webkit
|
10
|
+
@-webkit-keyframes progress-bar-stripes {
|
11
|
+
from { background-position: 40px 0; }
|
12
|
+
to { background-position: 0 0; }
|
13
|
+
}
|
14
|
+
|
15
|
+
// Firefox
|
16
|
+
@-moz-keyframes progress-bar-stripes {
|
17
|
+
from { background-position: 40px 0; }
|
18
|
+
to { background-position: 0 0; }
|
19
|
+
}
|
20
|
+
|
21
|
+
// IE9
|
22
|
+
@-ms-keyframes progress-bar-stripes {
|
23
|
+
from { background-position: 40px 0; }
|
24
|
+
to { background-position: 0 0; }
|
25
|
+
}
|
26
|
+
|
27
|
+
// Opera
|
28
|
+
@-o-keyframes progress-bar-stripes {
|
29
|
+
from { background-position: 0 0; }
|
30
|
+
to { background-position: 40px 0; }
|
31
|
+
}
|
32
|
+
|
33
|
+
// Spec
|
34
|
+
@keyframes progress-bar-stripes {
|
35
|
+
from { background-position: 40px 0; }
|
36
|
+
to { background-position: 0 0; }
|
37
|
+
}
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
// THE BARS
|
42
|
+
// --------
|
43
|
+
|
44
|
+
// Outer container
|
45
|
+
.progress {
|
46
|
+
overflow: hidden;
|
47
|
+
height: $baseLineHeight;
|
48
|
+
margin-bottom: $baseLineHeight;
|
49
|
+
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
50
|
+
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
51
|
+
@include border-radius($baseBorderRadius);
|
52
|
+
}
|
53
|
+
|
54
|
+
// Bar of progress
|
55
|
+
.progress .bar {
|
56
|
+
width: 0%;
|
57
|
+
height: 100%;
|
58
|
+
color: $white;
|
59
|
+
float: right;
|
60
|
+
font-size: 12px;
|
61
|
+
text-align: center;
|
62
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
63
|
+
@include gradient-vertical(#149bdf, #0480be);
|
64
|
+
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
65
|
+
@include box-sizing(border-box);
|
66
|
+
@include transition(width .6s ease);
|
67
|
+
}
|
68
|
+
.progress .bar + .bar {
|
69
|
+
@include box-shadow(inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15));
|
70
|
+
}
|
71
|
+
|
72
|
+
// Striped bars
|
73
|
+
.progress-striped .bar {
|
74
|
+
@include gradient-striped(#149bdf);
|
75
|
+
@include background-size(40px 40px);
|
76
|
+
}
|
77
|
+
|
78
|
+
// Call animation for the active one
|
79
|
+
.progress.active .bar {
|
80
|
+
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
81
|
+
-moz-animation: progress-bar-stripes 2s linear infinite;
|
82
|
+
-ms-animation: progress-bar-stripes 2s linear infinite;
|
83
|
+
-o-animation: progress-bar-stripes 2s linear infinite;
|
84
|
+
animation: progress-bar-stripes 2s linear infinite;
|
85
|
+
}
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
// COLORS
|
90
|
+
// ------
|
91
|
+
|
92
|
+
// Danger (red)
|
93
|
+
.progress-danger .bar, .progress .bar-danger {
|
94
|
+
@include gradient-vertical(#ee5f5b, #c43c35);
|
95
|
+
}
|
96
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
97
|
+
@include gradient-striped(#ee5f5b);
|
98
|
+
}
|
99
|
+
|
100
|
+
// Success (green)
|
101
|
+
.progress-success .bar, .progress .bar-success {
|
102
|
+
@include gradient-vertical(#62c462, #57a957);
|
103
|
+
}
|
104
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
105
|
+
@include gradient-striped(#62c462);
|
106
|
+
}
|
107
|
+
|
108
|
+
// Info (teal)
|
109
|
+
.progress-info .bar, .progress .bar-info {
|
110
|
+
@include gradient-vertical(#5bc0de, #339bb9);
|
111
|
+
}
|
112
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
113
|
+
@include gradient-striped(#5bc0de);
|
114
|
+
}
|
115
|
+
|
116
|
+
// Warning (orange)
|
117
|
+
.progress-warning .bar, .progress .bar-warning {
|
118
|
+
@include gradient-vertical(lighten($orange, 15%), $orange);
|
119
|
+
}
|
120
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
121
|
+
@include gradient-striped(lighten($orange, 15%));
|
122
|
+
}
|
@@ -0,0 +1,216 @@
|
|
1
|
+
//
|
2
|
+
// Reset CSS
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
5
|
+
|
6
|
+
|
7
|
+
// Display in IE6-9 and FF3
|
8
|
+
// -------------------------
|
9
|
+
|
10
|
+
article,
|
11
|
+
aside,
|
12
|
+
details,
|
13
|
+
figcaption,
|
14
|
+
figure,
|
15
|
+
footer,
|
16
|
+
header,
|
17
|
+
hgroup,
|
18
|
+
nav,
|
19
|
+
section {
|
20
|
+
display: block;
|
21
|
+
}
|
22
|
+
|
23
|
+
// Display block in IE6-9 and FF3
|
24
|
+
// -------------------------
|
25
|
+
|
26
|
+
audio,
|
27
|
+
canvas,
|
28
|
+
video {
|
29
|
+
display: inline-block;
|
30
|
+
*display: inline;
|
31
|
+
*zoom: 1;
|
32
|
+
}
|
33
|
+
|
34
|
+
// Prevents modern browsers from displaying 'audio' without controls
|
35
|
+
// -------------------------
|
36
|
+
|
37
|
+
audio:not([controls]) {
|
38
|
+
display: none;
|
39
|
+
}
|
40
|
+
|
41
|
+
// Base settings
|
42
|
+
// -------------------------
|
43
|
+
|
44
|
+
html {
|
45
|
+
font-size: 100%;
|
46
|
+
-webkit-text-size-adjust: 100%;
|
47
|
+
-ms-text-size-adjust: 100%;
|
48
|
+
}
|
49
|
+
// Focus states
|
50
|
+
a:focus {
|
51
|
+
@include tab-focus();
|
52
|
+
}
|
53
|
+
// Hover & Active
|
54
|
+
a:hover,
|
55
|
+
a:active {
|
56
|
+
outline: 0;
|
57
|
+
}
|
58
|
+
|
59
|
+
// Prevents sub and sup affecting line-height in all browsers
|
60
|
+
// -------------------------
|
61
|
+
|
62
|
+
sub,
|
63
|
+
sup {
|
64
|
+
position: relative;
|
65
|
+
font-size: 75%;
|
66
|
+
line-height: 0;
|
67
|
+
vertical-align: baseline;
|
68
|
+
}
|
69
|
+
sup {
|
70
|
+
top: -0.5em;
|
71
|
+
}
|
72
|
+
sub {
|
73
|
+
bottom: -0.25em;
|
74
|
+
}
|
75
|
+
|
76
|
+
// Img border in a's and image quality
|
77
|
+
// -------------------------
|
78
|
+
|
79
|
+
img {
|
80
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
81
|
+
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
82
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
83
|
+
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
84
|
+
|
85
|
+
vertical-align: middle;
|
86
|
+
border: 0;
|
87
|
+
-ms-interpolation-mode: bicubic;
|
88
|
+
}
|
89
|
+
|
90
|
+
// Prevent max-width from affecting Google Maps
|
91
|
+
#map_canvas img,
|
92
|
+
.google-maps img {
|
93
|
+
max-width: none;
|
94
|
+
}
|
95
|
+
|
96
|
+
// Forms
|
97
|
+
// -------------------------
|
98
|
+
|
99
|
+
// Font size in all browsers, margin changes, misc consistency
|
100
|
+
button,
|
101
|
+
input,
|
102
|
+
select,
|
103
|
+
textarea {
|
104
|
+
margin: 0;
|
105
|
+
font-size: 100%;
|
106
|
+
vertical-align: middle;
|
107
|
+
}
|
108
|
+
button,
|
109
|
+
input {
|
110
|
+
*overflow: visible; // Inner spacing ie IE6/7
|
111
|
+
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
112
|
+
}
|
113
|
+
button::-moz-focus-inner,
|
114
|
+
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
115
|
+
padding: 0;
|
116
|
+
border: 0;
|
117
|
+
}
|
118
|
+
button,
|
119
|
+
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
120
|
+
input[type="reset"],
|
121
|
+
input[type="submit"] {
|
122
|
+
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
124
|
+
}
|
125
|
+
label,
|
126
|
+
select,
|
127
|
+
button,
|
128
|
+
input[type="button"],
|
129
|
+
input[type="reset"],
|
130
|
+
input[type="submit"],
|
131
|
+
input[type="radio"],
|
132
|
+
input[type="checkbox"] {
|
133
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
134
|
+
}
|
135
|
+
input[type="search"] { // Appearance in Safari/Chrome
|
136
|
+
@include box-sizing(content-box);
|
137
|
+
-webkit-appearance: textfield;
|
138
|
+
}
|
139
|
+
input[type="search"]::-webkit-search-decoration,
|
140
|
+
input[type="search"]::-webkit-search-cancel-button {
|
141
|
+
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
142
|
+
}
|
143
|
+
textarea {
|
144
|
+
overflow: auto; // Remove vertical scrollbar in IE6-9
|
145
|
+
vertical-align: top; // Readability and alignment cross-browser
|
146
|
+
}
|
147
|
+
|
148
|
+
|
149
|
+
// Printing
|
150
|
+
// -------------------------
|
151
|
+
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
152
|
+
|
153
|
+
@media print {
|
154
|
+
|
155
|
+
* {
|
156
|
+
text-shadow: none !important;
|
157
|
+
color: #000 !important; // Black prints faster: h5bp.com/s
|
158
|
+
background: transparent !important;
|
159
|
+
box-shadow: none !important;
|
160
|
+
}
|
161
|
+
|
162
|
+
a,
|
163
|
+
a:visited {
|
164
|
+
text-decoration: underline;
|
165
|
+
}
|
166
|
+
|
167
|
+
a[href]:after {
|
168
|
+
content: " (" attr(href) ")";
|
169
|
+
}
|
170
|
+
|
171
|
+
abbr[title]:after {
|
172
|
+
content: " (" attr(title) ")";
|
173
|
+
}
|
174
|
+
|
175
|
+
// Don't show links for images, or javascript/internal links
|
176
|
+
.ir a:after,
|
177
|
+
a[href^="javascript:"]:after,
|
178
|
+
a[href^="#"]:after {
|
179
|
+
content: "";
|
180
|
+
}
|
181
|
+
|
182
|
+
pre,
|
183
|
+
blockquote {
|
184
|
+
border: 1px solid #999;
|
185
|
+
page-break-inside: avoid;
|
186
|
+
}
|
187
|
+
|
188
|
+
thead {
|
189
|
+
display: table-header-group; // h5bp.com/t
|
190
|
+
}
|
191
|
+
|
192
|
+
tr,
|
193
|
+
img {
|
194
|
+
page-break-inside: avoid;
|
195
|
+
}
|
196
|
+
|
197
|
+
img {
|
198
|
+
max-width: 100% !important;
|
199
|
+
}
|
200
|
+
|
201
|
+
@page {
|
202
|
+
margin: 0.5cm;
|
203
|
+
}
|
204
|
+
|
205
|
+
p,
|
206
|
+
h2,
|
207
|
+
h3 {
|
208
|
+
orphans: 3;
|
209
|
+
widows: 3;
|
210
|
+
}
|
211
|
+
|
212
|
+
h2,
|
213
|
+
h3 {
|
214
|
+
page-break-after: avoid;
|
215
|
+
}
|
216
|
+
}
|