bootstrap-jasny 0.1.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +20 -0
  3. data/README.rdoc +27 -0
  4. data/lib/bootstrap-jasny.rb +51 -0
  5. data/lib/bootstrap-jasny/compass_functions.rb +24 -0
  6. data/lib/bootstrap-jasny/engine.rb +7 -0
  7. data/lib/bootstrap-jasny/less_functions.rb +14 -0
  8. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.eot +0 -0
  9. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.otf +0 -0
  10. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.svg +475 -0
  11. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.ttf +0 -0
  12. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.woff +0 -0
  13. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.eot +0 -0
  14. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.otf +0 -0
  15. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.svg +492 -0
  16. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.ttf +0 -0
  17. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.woff +0 -0
  18. data/vendor/assets/images/bootstrap/glyphicons-halflings-white.png +0 -0
  19. data/vendor/assets/images/bootstrap/glyphicons-halflings.png +0 -0
  20. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  21. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  22. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  23. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  24. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  25. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  26. data/vendor/assets/javascripts/bootstrap-fileupload.js +169 -0
  27. data/vendor/assets/javascripts/bootstrap-inputmask.js +355 -0
  28. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  29. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  30. data/vendor/assets/javascripts/bootstrap-rowlink.js +71 -0
  31. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  32. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  33. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  34. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  35. data/vendor/assets/javascripts/bootstrap-typeahead.js +524 -0
  36. data/vendor/assets/javascripts/bootstrap.js +21 -0
  37. data/vendor/assets/stylesheets/bootstrap-responsive.less +1 -0
  38. data/vendor/assets/stylesheets/bootstrap.less +2 -0
  39. data/vendor/assets/stylesheets/bootstrap/accordion.less +34 -0
  40. data/vendor/assets/stylesheets/bootstrap/action-areas.less +14 -0
  41. data/vendor/assets/stylesheets/bootstrap/action-links.less +57 -0
  42. data/vendor/assets/stylesheets/bootstrap/alerts.less +79 -0
  43. data/vendor/assets/stylesheets/bootstrap/bootstrap.less +63 -0
  44. data/vendor/assets/stylesheets/bootstrap/breadcrumbs.less +24 -0
  45. data/vendor/assets/stylesheets/bootstrap/button-groups.less +229 -0
  46. data/vendor/assets/stylesheets/bootstrap/buttons.less +228 -0
  47. data/vendor/assets/stylesheets/bootstrap/carousel.less +158 -0
  48. data/vendor/assets/stylesheets/bootstrap/close.less +32 -0
  49. data/vendor/assets/stylesheets/bootstrap/code.less +61 -0
  50. data/vendor/assets/stylesheets/bootstrap/component-animations.less +22 -0
  51. data/vendor/assets/stylesheets/bootstrap/dropdowns.less +237 -0
  52. data/vendor/assets/stylesheets/bootstrap/fileupload.less +105 -0
  53. data/vendor/assets/stylesheets/bootstrap/forms-uneditable.less +159 -0
  54. data/vendor/assets/stylesheets/bootstrap/forms.less +690 -0
  55. data/vendor/assets/stylesheets/bootstrap/grid.less +21 -0
  56. data/vendor/assets/stylesheets/bootstrap/hero-unit.less +25 -0
  57. data/vendor/assets/stylesheets/bootstrap/iconic.less +209 -0
  58. data/vendor/assets/stylesheets/bootstrap/jasny-bootstrap.less +31 -0
  59. data/vendor/assets/stylesheets/bootstrap/jasny-forms.less +99 -0
  60. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-1200px-min.less +16 -0
  61. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-767px-max.less +17 -0
  62. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-768px-979px.less +36 -0
  63. data/vendor/assets/stylesheets/bootstrap/jasny-navs-tabbable.less +148 -0
  64. data/vendor/assets/stylesheets/bootstrap/jasny-responsive.less +27 -0
  65. data/vendor/assets/stylesheets/bootstrap/labels-badges.less +84 -0
  66. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.less +11 -0
  67. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.responsive-1200px-min.less +7 -0
  68. data/vendor/assets/stylesheets/bootstrap/layouts.less +16 -0
  69. data/vendor/assets/stylesheets/bootstrap/media.less +55 -0
  70. data/vendor/assets/stylesheets/bootstrap/mixins.less +702 -0
  71. data/vendor/assets/stylesheets/bootstrap/modals.less +95 -0
  72. data/vendor/assets/stylesheets/bootstrap/navbar.less +497 -0
  73. data/vendor/assets/stylesheets/bootstrap/navs.less +409 -0
  74. data/vendor/assets/stylesheets/bootstrap/page-alert.less +23 -0
  75. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-1200px-min.less +11 -0
  76. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-767px-max.less +20 -0
  77. data/vendor/assets/stylesheets/bootstrap/pager.less +43 -0
  78. data/vendor/assets/stylesheets/bootstrap/pagination.less +123 -0
  79. data/vendor/assets/stylesheets/bootstrap/popovers.less +133 -0
  80. data/vendor/assets/stylesheets/bootstrap/progress-bars.less +122 -0
  81. data/vendor/assets/stylesheets/bootstrap/reset.less +216 -0
  82. data/vendor/assets/stylesheets/bootstrap/responsive-1200px-min.less +28 -0
  83. data/vendor/assets/stylesheets/bootstrap/responsive-767px-max.less +193 -0
  84. data/vendor/assets/stylesheets/bootstrap/responsive-768px-979px.less +19 -0
  85. data/vendor/assets/stylesheets/bootstrap/responsive-navbar.less +189 -0
  86. data/vendor/assets/stylesheets/bootstrap/responsive-row-desktop.less +23 -0
  87. data/vendor/assets/stylesheets/bootstrap/responsive-tables.less +30 -0
  88. data/vendor/assets/stylesheets/bootstrap/responsive-utilities.less +59 -0
  89. data/vendor/assets/stylesheets/bootstrap/responsive.less +48 -0
  90. data/vendor/assets/stylesheets/bootstrap/rowlink.less +20 -0
  91. data/vendor/assets/stylesheets/bootstrap/scaffolding.less +53 -0
  92. data/vendor/assets/stylesheets/bootstrap/sprites.less +197 -0
  93. data/vendor/assets/stylesheets/bootstrap/tables.less +244 -0
  94. data/vendor/assets/stylesheets/bootstrap/thumbnails.less +53 -0
  95. data/vendor/assets/stylesheets/bootstrap/tooltip.less +70 -0
  96. data/vendor/assets/stylesheets/bootstrap/type.less +247 -0
  97. data/vendor/assets/stylesheets/bootstrap/utilities.less +30 -0
  98. data/vendor/assets/stylesheets/bootstrap/variables.less +302 -0
  99. data/vendor/assets/stylesheets/bootstrap/wells.less +29 -0
  100. metadata +241 -0
@@ -0,0 +1,43 @@
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
5
+
6
+ .pager {
7
+ margin: @baseLineHeight 0;
8
+ list-style: none;
9
+ text-align: center;
10
+ .clearfix();
11
+ }
12
+ .pager li {
13
+ display: inline;
14
+ }
15
+ .pager li > a,
16
+ .pager li > span {
17
+ display: inline-block;
18
+ padding: 5px 14px;
19
+ background-color: #fff;
20
+ border: 1px solid #ddd;
21
+ .border-radius(15px);
22
+ }
23
+ .pager li > a:hover,
24
+ .pager li > a:focus {
25
+ text-decoration: none;
26
+ background-color: #f5f5f5;
27
+ }
28
+ .pager .next > a,
29
+ .pager .next > span {
30
+ float: right;
31
+ }
32
+ .pager .previous > a,
33
+ .pager .previous > span {
34
+ float: left;
35
+ }
36
+ .pager .disabled > a,
37
+ .pager .disabled > a:hover,
38
+ .pager .disabled > a:focus,
39
+ .pager .disabled > span {
40
+ color: @grayLight;
41
+ background-color: #fff;
42
+ cursor: default;
43
+ }
@@ -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
+ .ie7-inline-block();
14
+ // Reset default ul styles
15
+ margin-left: 0;
16
+ margin-bottom: 0;
17
+ // Visuals
18
+ .border-radius(@baseBorderRadius);
19
+ .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: left; // 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-left-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-left-width: 1px;
56
+ .border-left-radius(@baseBorderRadius);
57
+ }
58
+ .pagination ul > li:last-child > a,
59
+ .pagination ul > li:last-child > span {
60
+ .border-right-radius(@baseBorderRadius);
61
+ }
62
+
63
+
64
+ // Alignment
65
+ // --------------------------------------------------
66
+
67
+ .pagination-centered {
68
+ text-align: center;
69
+ }
70
+ .pagination-right {
71
+ text-align: right;
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
+ .border-left-radius(@borderRadiusLarge);
88
+ }
89
+ ul > li:last-child > a,
90
+ ul > li:last-child > span {
91
+ .border-right-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
+ .border-left-radius(@borderRadiusSmall);
101
+ }
102
+ ul > li:last-child > a,
103
+ ul > li:last-child > span {
104
+ .border-right-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
+ left: 0;
10
+ z-index: @zindexPopover;
11
+ display: none;
12
+ max-width: 276px;
13
+ padding: 1px;
14
+ text-align: left; // 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
+ .border-radius(6px);
22
+ .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-left: 10px; }
30
+ &.bottom { margin-top: 10px; }
31
+ &.left { margin-left: -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
+ .border-radius(5px 5px 0 0);
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
+ left: 50%;
77
+ margin-left: -@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-left: -@popoverArrowWidth;
85
+ border-bottom-width: 0;
86
+ border-top-color: @popoverArrowColor;
87
+ }
88
+ }
89
+ &.right .arrow {
90
+ top: 50%;
91
+ left: -@popoverArrowOuterWidth;
92
+ margin-top: -@popoverArrowOuterWidth;
93
+ border-left-width: 0;
94
+ border-right-color: #999; // IE8 fallback
95
+ border-right-color: @popoverArrowOuterColor;
96
+ &:after {
97
+ left: 1px;
98
+ bottom: -@popoverArrowWidth;
99
+ border-left-width: 0;
100
+ border-right-color: @popoverArrowColor;
101
+ }
102
+ }
103
+ &.bottom .arrow {
104
+ left: 50%;
105
+ margin-left: -@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-left: -@popoverArrowWidth;
113
+ border-top-width: 0;
114
+ border-bottom-color: @popoverArrowColor;
115
+ }
116
+ }
117
+
118
+ &.left .arrow {
119
+ top: 50%;
120
+ right: -@popoverArrowOuterWidth;
121
+ margin-top: -@popoverArrowOuterWidth;
122
+ border-right-width: 0;
123
+ border-left-color: #999; // IE8 fallback
124
+ border-left-color: @popoverArrowOuterColor;
125
+ &:after {
126
+ right: 1px;
127
+ border-right-width: 0;
128
+ border-left-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
+ #gradient > .vertical(#f5f5f5, #f9f9f9);
50
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
+ .border-radius(@baseBorderRadius);
52
+ }
53
+
54
+ // Bar of progress
55
+ .progress .bar {
56
+ width: 0%;
57
+ height: 100%;
58
+ color: @white;
59
+ float: left;
60
+ font-size: 12px;
61
+ text-align: center;
62
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
+ #gradient > .vertical(#149bdf, #0480be);
64
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
+ .box-sizing(border-box);
66
+ .transition(width .6s ease);
67
+ }
68
+ .progress .bar + .bar {
69
+ .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
+ #gradient > .striped(#149bdf);
75
+ .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
+ #gradient > .vertical(#ee5f5b, #c43c35);
95
+ }
96
+ .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97
+ #gradient > .striped(#ee5f5b);
98
+ }
99
+
100
+ // Success (green)
101
+ .progress-success .bar, .progress .bar-success {
102
+ #gradient > .vertical(#62c462, #57a957);
103
+ }
104
+ .progress-success.progress-striped .bar, .progress-striped .bar-success {
105
+ #gradient > .striped(#62c462);
106
+ }
107
+
108
+ // Info (teal)
109
+ .progress-info .bar, .progress .bar-info {
110
+ #gradient > .vertical(#5bc0de, #339bb9);
111
+ }
112
+ .progress-info.progress-striped .bar, .progress-striped .bar-info {
113
+ #gradient > .striped(#5bc0de);
114
+ }
115
+
116
+ // Warning (orange)
117
+ .progress-warning .bar, .progress .bar-warning {
118
+ #gradient > .vertical(lighten(@orange, 15%), @orange);
119
+ }
120
+ .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
+ #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
+ .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
+ .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
+ }