rbootstrap 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. data/README.md +282 -0
  2. data/Rakefile +14 -0
  3. data/app/helpers/bootstrap_flash_helper.rb +17 -0
  4. data/app/helpers/flash_block_helper.rb +17 -0
  5. data/app/helpers/glyph_helper.rb +12 -0
  6. data/app/helpers/modal_helper.rb +42 -0
  7. data/app/helpers/twitter_breadcrumbs_helper.rb +5 -0
  8. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +14 -0
  9. data/lib/generators/bootstrap/install/install_generator.rb +57 -0
  10. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  11. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  12. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  13. data/lib/generators/bootstrap/install/templates/bootstrap.js +5 -0
  14. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +31 -0
  15. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  16. data/lib/generators/bootstrap/layout/templates/layout.html.erb +108 -0
  17. data/lib/generators/bootstrap/layout/templates/layout.html.haml +68 -0
  18. data/lib/generators/bootstrap/layout/templates/layout.html.slim +68 -0
  19. data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
  20. data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
  21. data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +13 -0
  22. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  23. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  24. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  25. data/lib/generators/bootstrap/themed/templates/edit.html.erb +6 -0
  26. data/lib/generators/bootstrap/themed/templates/edit.html.haml +4 -0
  27. data/lib/generators/bootstrap/themed/templates/edit.html.slim +4 -0
  28. data/lib/generators/bootstrap/themed/templates/index.html.erb +40 -0
  29. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  30. data/lib/generators/bootstrap/themed/templates/index.html.slim +27 -0
  31. data/lib/generators/bootstrap/themed/templates/new.html.erb +6 -0
  32. data/lib/generators/bootstrap/themed/templates/new.html.haml +4 -0
  33. data/lib/generators/bootstrap/themed/templates/new.html.slim +4 -0
  34. data/lib/generators/bootstrap/themed/templates/show.html.erb +23 -0
  35. data/lib/generators/bootstrap/themed/templates/show.html.haml +15 -0
  36. data/lib/generators/bootstrap/themed/templates/show.html.slim +17 -0
  37. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  38. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  39. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  40. data/lib/generators/bootstrap/themed/themed_generator.rb +110 -0
  41. data/lib/twitter-bootstrap-rails.rb +10 -0
  42. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  43. data/lib/twitter/bootstrap/rails/engine.rb +29 -0
  44. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +30 -0
  45. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  46. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  47. data/vendor/assets/fonts/fontawesome-webfont.svg +255 -0
  48. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  49. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  50. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  51. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +106 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +88 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +94 -0
  56. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +176 -0
  57. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +156 -0
  58. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +148 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +234 -0
  60. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +103 -0
  61. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +151 -0
  62. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +133 -0
  63. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +276 -0
  64. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  65. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +311 -0
  66. data/vendor/assets/javascripts/twitter/bootstrap_ujs.js +11 -0
  67. data/vendor/toolkit/font-awesome-ie7.less +245 -0
  68. data/vendor/toolkit/fontawesome.less +328 -0
  69. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  70. data/vendor/toolkit/twitter/bootstrap/alerts.less +65 -0
  71. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  72. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  73. data/vendor/toolkit/twitter/bootstrap/button-groups.less +242 -0
  74. data/vendor/toolkit/twitter/bootstrap/buttons.less +232 -0
  75. data/vendor/toolkit/twitter/bootstrap/carousel.less +131 -0
  76. data/vendor/toolkit/twitter/bootstrap/close.less +31 -0
  77. data/vendor/toolkit/twitter/bootstrap/code.less +59 -0
  78. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  79. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +237 -0
  80. data/vendor/toolkit/twitter/bootstrap/forms.less +683 -0
  81. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  82. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  83. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +74 -0
  84. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  85. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  86. data/vendor/toolkit/twitter/bootstrap/mixins.less +686 -0
  87. data/vendor/toolkit/twitter/bootstrap/modals.less +94 -0
  88. data/vendor/toolkit/twitter/bootstrap/navbar.less +472 -0
  89. data/vendor/toolkit/twitter/bootstrap/navs.less +385 -0
  90. data/vendor/toolkit/twitter/bootstrap/pager.less +41 -0
  91. data/vendor/toolkit/twitter/bootstrap/pagination.less +121 -0
  92. data/vendor/toolkit/twitter/bootstrap/popovers.less +117 -0
  93. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  94. data/vendor/toolkit/twitter/bootstrap/reset.less +138 -0
  95. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  96. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  97. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  98. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +185 -0
  99. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +43 -0
  100. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  101. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +52 -0
  102. data/vendor/toolkit/twitter/bootstrap/sprites.less +193 -0
  103. data/vendor/toolkit/twitter/bootstrap/tables.less +236 -0
  104. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +52 -0
  105. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  106. data/vendor/toolkit/twitter/bootstrap/type.less +230 -0
  107. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  108. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  109. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  110. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  111. metadata +224 -0
@@ -0,0 +1,19 @@
1
+ //
2
+ // Responsive: Tablet to desktop
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 768px) and (max-width: 979px) {
7
+
8
+ // Fixed grid
9
+ #grid > .core(@gridColumnWidth768, @gridGutterWidth768);
10
+
11
+ // Fluid grid
12
+ #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
13
+
14
+ // Input grid
15
+ #grid > .input(@gridColumnWidth768, @gridGutterWidth768);
16
+
17
+ // No need to reset .thumbnails here since it's the same @gridGutterWidth
18
+
19
+ }
@@ -0,0 +1,185 @@
1
+ //
2
+ // Responsive: Navbar
3
+ // --------------------------------------------------
4
+
5
+
6
+ // TABLETS AND BELOW
7
+ // -----------------
8
+ @media (max-width: @navbarCollapseWidth) {
9
+
10
+ // UNFIX THE TOPBAR
11
+ // ----------------
12
+ // Remove any padding from the body
13
+ body {
14
+ padding-top: 0;
15
+ }
16
+ // Unfix the navbars
17
+ .navbar-fixed-top,
18
+ .navbar-fixed-bottom {
19
+ position: static;
20
+ }
21
+ .navbar-fixed-top {
22
+ margin-bottom: @baseLineHeight;
23
+ }
24
+ .navbar-fixed-bottom {
25
+ margin-top: @baseLineHeight;
26
+ }
27
+ .navbar-fixed-top .navbar-inner,
28
+ .navbar-fixed-bottom .navbar-inner {
29
+ padding: 5px;
30
+ }
31
+ .navbar .container {
32
+ width: auto;
33
+ padding: 0;
34
+ }
35
+ // Account for brand name
36
+ .navbar .brand {
37
+ padding-left: 10px;
38
+ padding-right: 10px;
39
+ margin: 0 -5px 0 0;
40
+ }
41
+
42
+ // COLLAPSIBLE NAVBAR
43
+ // ------------------
44
+ // Nav collapse clears brand
45
+ .nav-collapse {
46
+ clear: both;
47
+ }
48
+ // Block-level the nav
49
+ .nav-collapse .nav {
50
+ float: none;
51
+ margin: 0 0 (@baseLineHeight / 2);
52
+ }
53
+ .nav-collapse .nav > li {
54
+ float: none;
55
+ }
56
+ .nav-collapse .nav > li > a {
57
+ margin-bottom: 2px;
58
+ }
59
+ .nav-collapse .nav > .divider-vertical {
60
+ display: none;
61
+ }
62
+ .nav-collapse .nav .nav-header {
63
+ color: @navbarText;
64
+ text-shadow: none;
65
+ }
66
+ // Nav and dropdown links in navbar
67
+ .nav-collapse .nav > li > a,
68
+ .nav-collapse .dropdown-menu a {
69
+ padding: 9px 15px;
70
+ font-weight: bold;
71
+ color: @navbarLinkColor;
72
+ .border-radius(3px);
73
+ }
74
+ // Buttons
75
+ .nav-collapse .btn {
76
+ padding: 4px 10px 4px;
77
+ font-weight: normal;
78
+ .border-radius(@baseBorderRadius);
79
+ }
80
+ .nav-collapse .dropdown-menu li + li a {
81
+ margin-bottom: 2px;
82
+ }
83
+ .nav-collapse .nav > li > a:hover,
84
+ .nav-collapse .dropdown-menu a:hover {
85
+ background-color: @navbarBackground;
86
+ }
87
+ .navbar-inverse .nav-collapse .nav > li > a,
88
+ .navbar-inverse .nav-collapse .dropdown-menu a {
89
+ color: @navbarInverseLinkColor;
90
+ }
91
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
92
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover {
93
+ background-color: @navbarInverseBackground;
94
+ }
95
+ // Buttons in the navbar
96
+ .nav-collapse.in .btn-group {
97
+ margin-top: 5px;
98
+ padding: 0;
99
+ }
100
+ // Dropdowns in the navbar
101
+ .nav-collapse .dropdown-menu {
102
+ position: static;
103
+ top: auto;
104
+ right: auto;
105
+ float: none;
106
+ display: none;
107
+ max-width: none;
108
+ margin: 0 15px;
109
+ padding: 0;
110
+ background-color: transparent;
111
+ border: none;
112
+ .border-radius(0);
113
+ .box-shadow(none);
114
+ }
115
+ .nav-collapse .open > .dropdown-menu {
116
+ display: block;
117
+ }
118
+
119
+ .nav-collapse .dropdown-menu:before,
120
+ .nav-collapse .dropdown-menu:after {
121
+ display: none;
122
+ }
123
+ .nav-collapse .dropdown-menu .divider {
124
+ display: none;
125
+ }
126
+ .nav-collapse .nav > li > .dropdown-menu {
127
+ &:before,
128
+ &:after {
129
+ display: none;
130
+ }
131
+ }
132
+ // Forms in navbar
133
+ .nav-collapse .navbar-form,
134
+ .nav-collapse .navbar-search {
135
+ float: none;
136
+ padding: (@baseLineHeight / 2) 15px;
137
+ margin: (@baseLineHeight / 2) 0;
138
+ border-top: 1px solid @navbarBackground;
139
+ border-bottom: 1px solid @navbarBackground;
140
+ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
141
+ }
142
+ .navbar-inverse .nav-collapse .navbar-form,
143
+ .navbar-inverse .nav-collapse .navbar-search {
144
+ border-top-color: @navbarInverseBackground;
145
+ border-bottom-color: @navbarInverseBackground;
146
+ }
147
+ // Pull left (secondary) nav content
148
+ .navbar .nav-collapse .nav.pull-left {
149
+ float: none;
150
+ margin-right: 0;
151
+ }
152
+ // Hide everything in the navbar save .brand and toggle button */
153
+ .nav-collapse,
154
+ .nav-collapse.collapse {
155
+ overflow: hidden;
156
+ height: 0;
157
+ }
158
+ // Navbar button
159
+ .navbar .btn-navbar {
160
+ display: block;
161
+ }
162
+
163
+ // STATIC NAVBAR
164
+ // -------------
165
+ .navbar-static .navbar-inner {
166
+ padding-left: 10px;
167
+ padding-right: 10px;
168
+ }
169
+
170
+
171
+ }
172
+
173
+
174
+ // DEFAULT DESKTOP
175
+ // ---------------
176
+
177
+ @media (min-width: @navbarCollapseDesktopWidth) {
178
+
179
+ // Required to make the collapsing navbar work on regular desktops
180
+ .nav-collapse.collapse {
181
+ height: auto !important;
182
+ overflow: visible !important;
183
+ }
184
+
185
+ }
@@ -0,0 +1,43 @@
1
+ //
2
+ // Responsive: Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Hide from screenreaders and browsers
7
+ // Credit: HTML5 Boilerplate
8
+ .hidden {
9
+ display: none;
10
+ visibility: hidden;
11
+ }
12
+
13
+ // Visibility utilities
14
+
15
+ // For desktops
16
+ .visible-phone { display: none !important; }
17
+ .visible-tablet { display: none !important; }
18
+ .hidden-phone { }
19
+ .hidden-tablet { }
20
+ .hidden-desktop { display: none !important; }
21
+ .visible-desktop { display: inherit !important; }
22
+
23
+ // Tablets & small desktops only
24
+ @media (min-width: 768px) and (max-width: 979px) {
25
+ // Hide everything else
26
+ .hidden-desktop { display: inherit !important; }
27
+ .visible-desktop { display: none !important ; }
28
+ // Show
29
+ .visible-tablet { display: inherit !important; }
30
+ // Hide
31
+ .hidden-tablet { display: none !important; }
32
+ }
33
+
34
+ // Phones only
35
+ @media (max-width: 767px) {
36
+ // Hide everything else
37
+ .hidden-desktop { display: inherit !important; }
38
+ .visible-desktop { display: none !important; }
39
+ // Show
40
+ .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
41
+ // Hide
42
+ .hidden-phone { display: none !important; }
43
+ }
@@ -0,0 +1,48 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.2.1
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ */
10
+
11
+
12
+ // Responsive.less
13
+ // For phone and tablet devices
14
+ // -------------------------------------------------------------
15
+
16
+
17
+ // REPEAT VARIABLES & MIXINS
18
+ // -------------------------
19
+ // Required since we compile the responsive stuff separately
20
+
21
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
22
+ @import "mixins.less";
23
+
24
+
25
+ // RESPONSIVE CLASSES
26
+ // ------------------
27
+
28
+ @import "responsive-utilities.less";
29
+
30
+
31
+ // MEDIA QUERIES
32
+ // ------------------
33
+
34
+ // Large desktops
35
+ @import "responsive-1200px-min.less";
36
+
37
+ // Tablets to regular desktops
38
+ @import "responsive-768px-979px.less";
39
+
40
+ // Phones to portrait tablets and narrow desktops
41
+ @import "responsive-767px-max.less";
42
+
43
+
44
+ // RESPONSIVE NAVBAR
45
+ // ------------------
46
+
47
+ // From 979px and below, show a button to toggle navbar contents
48
+ @import "responsive-navbar.less";
@@ -0,0 +1,52 @@
1
+ //
2
+ // Scaffolding
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body reset
7
+ // -------------------------
8
+
9
+ body {
10
+ margin: 0;
11
+ font-family: @baseFontFamily;
12
+ font-size: @baseFontSize;
13
+ line-height: @baseLineHeight;
14
+ color: @textColor;
15
+ background-color: @bodyBackground;
16
+ }
17
+
18
+
19
+ // Links
20
+ // -------------------------
21
+
22
+ a {
23
+ color: @linkColor;
24
+ text-decoration: none;
25
+ }
26
+ a:hover {
27
+ color: @linkColorHover;
28
+ text-decoration: underline;
29
+ }
30
+
31
+
32
+ // Images
33
+ // -------------------------
34
+
35
+ // Rounded corners
36
+ .img-rounded {
37
+ .border-radius(6px);
38
+ }
39
+
40
+ // Add polaroid-esque trim
41
+ .img-polaroid {
42
+ padding: 4px;
43
+ background-color: #fff;
44
+ border: 1px solid #ccc;
45
+ border: 1px solid rgba(0,0,0,.2);
46
+ .box-shadow(0 1px 3px rgba(0,0,0,.1));
47
+ }
48
+
49
+ // Perfect circle
50
+ .img-circle {
51
+ .border-radius(500px); // crank the border-radius so it works with most reasonably sized images
52
+ }
@@ -0,0 +1,193 @@
1
+ //
2
+ // Sprites
3
+ // --------------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
8
+
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"],
18
+ [class*=" icon-"] {
19
+ display: inline-block;
20
+ width: 14px;
21
+ height: 14px;
22
+ .ie7-restore-left-whitespace();
23
+ line-height: 14px;
24
+ vertical-align: text-top;
25
+ background-image: url("@{iconSpritePath}");
26
+ background-position: 14px 14px;
27
+ background-repeat: no-repeat;
28
+ margin-top: 1px;
29
+ }
30
+
31
+ /* White icons with optional class, or on hover/active states of certain elements */
32
+ .icon-white,
33
+ .nav-pills > .active > a > [class^="icon-"],
34
+ .nav-pills > .active > a > [class*=" icon-"],
35
+ .nav-list > .active > a > [class^="icon-"],
36
+ .nav-list > .active > a > [class*=" icon-"],
37
+ .navbar-inverse .nav > .active > a > [class^="icon-"],
38
+ .navbar-inverse .nav > .active > a > [class*=" icon-"],
39
+ .dropdown-menu > li > a:hover > [class^="icon-"],
40
+ .dropdown-menu > li > a:hover > [class*=" icon-"],
41
+ .dropdown-menu > .active > a > [class^="icon-"],
42
+ .dropdown-menu > .active > a > [class*=" icon-"],
43
+ .dropdown-submenu:hover > a > [class^="icon-"],
44
+ .dropdown-submenu:hover > a > [class*=" icon-"] {
45
+ background-image: url("@{iconWhiteSpritePath}");
46
+ }
47
+
48
+ .icon-glass { background-position: 0 0; }
49
+ .icon-music { background-position: -24px 0; }
50
+ .icon-search { background-position: -48px 0; }
51
+ .icon-envelope { background-position: -72px 0; }
52
+ .icon-heart { background-position: -96px 0; }
53
+ .icon-star { background-position: -120px 0; }
54
+ .icon-star-empty { background-position: -144px 0; }
55
+ .icon-user { background-position: -168px 0; }
56
+ .icon-film { background-position: -192px 0; }
57
+ .icon-th-large { background-position: -216px 0; }
58
+ .icon-th { background-position: -240px 0; }
59
+ .icon-th-list { background-position: -264px 0; }
60
+ .icon-ok { background-position: -288px 0; }
61
+ .icon-remove { background-position: -312px 0; }
62
+ .icon-zoom-in { background-position: -336px 0; }
63
+ .icon-zoom-out { background-position: -360px 0; }
64
+ .icon-off { background-position: -384px 0; }
65
+ .icon-signal { background-position: -408px 0; }
66
+ .icon-cog { background-position: -432px 0; }
67
+ .icon-trash { background-position: -456px 0; }
68
+
69
+ .icon-home { background-position: 0 -24px; }
70
+ .icon-file { background-position: -24px -24px; }
71
+ .icon-time { background-position: -48px -24px; }
72
+ .icon-road { background-position: -72px -24px; }
73
+ .icon-download-alt { background-position: -96px -24px; }
74
+ .icon-download { background-position: -120px -24px; }
75
+ .icon-upload { background-position: -144px -24px; }
76
+ .icon-inbox { background-position: -168px -24px; }
77
+ .icon-play-circle { background-position: -192px -24px; }
78
+ .icon-repeat { background-position: -216px -24px; }
79
+ .icon-refresh { background-position: -240px -24px; }
80
+ .icon-list-alt { background-position: -264px -24px; }
81
+ .icon-lock { background-position: -287px -24px; } // 1px off
82
+ .icon-flag { background-position: -312px -24px; }
83
+ .icon-headphones { background-position: -336px -24px; }
84
+ .icon-volume-off { background-position: -360px -24px; }
85
+ .icon-volume-down { background-position: -384px -24px; }
86
+ .icon-volume-up { background-position: -408px -24px; }
87
+ .icon-qrcode { background-position: -432px -24px; }
88
+ .icon-barcode { background-position: -456px -24px; }
89
+
90
+ .icon-tag { background-position: 0 -48px; }
91
+ .icon-tags { background-position: -25px -48px; } // 1px off
92
+ .icon-book { background-position: -48px -48px; }
93
+ .icon-bookmark { background-position: -72px -48px; }
94
+ .icon-print { background-position: -96px -48px; }
95
+ .icon-camera { background-position: -120px -48px; }
96
+ .icon-font { background-position: -144px -48px; }
97
+ .icon-bold { background-position: -167px -48px; } // 1px off
98
+ .icon-italic { background-position: -192px -48px; }
99
+ .icon-text-height { background-position: -216px -48px; }
100
+ .icon-text-width { background-position: -240px -48px; }
101
+ .icon-align-left { background-position: -264px -48px; }
102
+ .icon-align-center { background-position: -288px -48px; }
103
+ .icon-align-right { background-position: -312px -48px; }
104
+ .icon-align-justify { background-position: -336px -48px; }
105
+ .icon-list { background-position: -360px -48px; }
106
+ .icon-indent-left { background-position: -384px -48px; }
107
+ .icon-indent-right { background-position: -408px -48px; }
108
+ .icon-facetime-video { background-position: -432px -48px; }
109
+ .icon-picture { background-position: -456px -48px; }
110
+
111
+ .icon-pencil { background-position: 0 -72px; }
112
+ .icon-map-marker { background-position: -24px -72px; }
113
+ .icon-adjust { background-position: -48px -72px; }
114
+ .icon-tint { background-position: -72px -72px; }
115
+ .icon-edit { background-position: -96px -72px; }
116
+ .icon-share { background-position: -120px -72px; }
117
+ .icon-check { background-position: -144px -72px; }
118
+ .icon-move { background-position: -168px -72px; }
119
+ .icon-step-backward { background-position: -192px -72px; }
120
+ .icon-fast-backward { background-position: -216px -72px; }
121
+ .icon-backward { background-position: -240px -72px; }
122
+ .icon-play { background-position: -264px -72px; }
123
+ .icon-pause { background-position: -288px -72px; }
124
+ .icon-stop { background-position: -312px -72px; }
125
+ .icon-forward { background-position: -336px -72px; }
126
+ .icon-fast-forward { background-position: -360px -72px; }
127
+ .icon-step-forward { background-position: -384px -72px; }
128
+ .icon-eject { background-position: -408px -72px; }
129
+ .icon-chevron-left { background-position: -432px -72px; }
130
+ .icon-chevron-right { background-position: -456px -72px; }
131
+
132
+ .icon-plus-sign { background-position: 0 -96px; }
133
+ .icon-minus-sign { background-position: -24px -96px; }
134
+ .icon-remove-sign { background-position: -48px -96px; }
135
+ .icon-ok-sign { background-position: -72px -96px; }
136
+ .icon-question-sign { background-position: -96px -96px; }
137
+ .icon-info-sign { background-position: -120px -96px; }
138
+ .icon-screenshot { background-position: -144px -96px; }
139
+ .icon-remove-circle { background-position: -168px -96px; }
140
+ .icon-ok-circle { background-position: -192px -96px; }
141
+ .icon-ban-circle { background-position: -216px -96px; }
142
+ .icon-arrow-left { background-position: -240px -96px; }
143
+ .icon-arrow-right { background-position: -264px -96px; }
144
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
145
+ .icon-arrow-down { background-position: -312px -96px; }
146
+ .icon-share-alt { background-position: -336px -96px; }
147
+ .icon-resize-full { background-position: -360px -96px; }
148
+ .icon-resize-small { background-position: -384px -96px; }
149
+ .icon-plus { background-position: -408px -96px; }
150
+ .icon-minus { background-position: -433px -96px; }
151
+ .icon-asterisk { background-position: -456px -96px; }
152
+
153
+ .icon-exclamation-sign { background-position: 0 -120px; }
154
+ .icon-gift { background-position: -24px -120px; }
155
+ .icon-leaf { background-position: -48px -120px; }
156
+ .icon-fire { background-position: -72px -120px; }
157
+ .icon-eye-open { background-position: -96px -120px; }
158
+ .icon-eye-close { background-position: -120px -120px; }
159
+ .icon-warning-sign { background-position: -144px -120px; }
160
+ .icon-plane { background-position: -168px -120px; }
161
+ .icon-calendar { background-position: -192px -120px; }
162
+ .icon-random { background-position: -216px -120px; width: 16px; }
163
+ .icon-comment { background-position: -240px -120px; }
164
+ .icon-magnet { background-position: -264px -120px; }
165
+ .icon-chevron-up { background-position: -288px -120px; }
166
+ .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
167
+ .icon-retweet { background-position: -336px -120px; }
168
+ .icon-shopping-cart { background-position: -360px -120px; }
169
+ .icon-folder-close { background-position: -384px -120px; }
170
+ .icon-folder-open { background-position: -408px -120px; width: 16px; }
171
+ .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
172
+ .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
173
+
174
+ .icon-hdd { background-position: 0 -144px; }
175
+ .icon-bullhorn { background-position: -24px -144px; }
176
+ .icon-bell { background-position: -48px -144px; }
177
+ .icon-certificate { background-position: -72px -144px; }
178
+ .icon-thumbs-up { background-position: -96px -144px; }
179
+ .icon-thumbs-down { background-position: -120px -144px; }
180
+ .icon-hand-right { background-position: -144px -144px; }
181
+ .icon-hand-left { background-position: -168px -144px; }
182
+ .icon-hand-up { background-position: -192px -144px; }
183
+ .icon-hand-down { background-position: -216px -144px; }
184
+ .icon-circle-arrow-right { background-position: -240px -144px; }
185
+ .icon-circle-arrow-left { background-position: -264px -144px; }
186
+ .icon-circle-arrow-up { background-position: -288px -144px; }
187
+ .icon-circle-arrow-down { background-position: -312px -144px; }
188
+ .icon-globe { background-position: -336px -144px; }
189
+ .icon-wrench { background-position: -360px -144px; }
190
+ .icon-tasks { background-position: -384px -144px; }
191
+ .icon-filter { background-position: -408px -144px; }
192
+ .icon-briefcase { background-position: -432px -144px; }
193
+ .icon-fullscreen { background-position: -456px -144px; }