mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-26 14:54:27 +02:00
Merge branch '2.0-wip' of https://github.com/twitter/bootstrap into 2.0-wip
Conflicts: docs/assets/css/bootstrap.css
This commit is contained in:
Jacob Thornton
109
docs/assets/css/bootstrap.css
vendored
109
docs/assets/css/bootstrap.css
vendored
@@ -6,7 +6,7 @@
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
* Date: Fri Jan 27 14:44:00 PST 2012
|
||||
* Date: Fri Jan 27 14:44:44 PST 2012
|
||||
*/
|
||||
article,
|
||||
aside,
|
||||
@@ -1076,8 +1076,8 @@ table .span12 {
|
||||
margin-left: 0;
|
||||
}
|
||||
.icon {
|
||||
background-image: url(../img/glyphicons-halflings-sprite.png);
|
||||
background-position: 0 0;
|
||||
background-image: url(../img/glyphicons-halflings.png);
|
||||
background-position: 14px 14px;
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
@@ -1085,7 +1085,7 @@ table .span12 {
|
||||
height: 14px;
|
||||
}
|
||||
.icon.white {
|
||||
background-image: url(../img/glyphicons-halflings-sprite-white.png);
|
||||
background-image: url(../img/glyphicons-halflings-white.png);
|
||||
}
|
||||
.icon.glass {
|
||||
background-position: 0 0;
|
||||
@@ -1180,7 +1180,7 @@ table .span12 {
|
||||
.icon.refresh {
|
||||
background-position: -240px -24px;
|
||||
}
|
||||
.icon.calendar {
|
||||
.icon.list-alt {
|
||||
background-position: -264px -24px;
|
||||
}
|
||||
.icon.lock {
|
||||
@@ -1211,7 +1211,7 @@ table .span12 {
|
||||
background-position: 0 -48px;
|
||||
}
|
||||
.icon.tags {
|
||||
background-position: -24px -48px;
|
||||
background-position: -25px -48px;
|
||||
}
|
||||
.icon.book {
|
||||
background-position: -48px -48px;
|
||||
@@ -1229,7 +1229,7 @@ table .span12 {
|
||||
background-position: -144px -48px;
|
||||
}
|
||||
.icon.bold {
|
||||
background-position: -168px -48px;
|
||||
background-position: -167px -48px;
|
||||
}
|
||||
.icon.italic {
|
||||
background-position: -192px -48px;
|
||||
@@ -1327,6 +1327,36 @@ table .span12 {
|
||||
.icon.chevron-right {
|
||||
background-position: -456px -72px;
|
||||
}
|
||||
.icon.plus-sign {
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
.icon.minus-sign {
|
||||
background-position: -24px -96px;
|
||||
}
|
||||
.icon.remove-sign {
|
||||
background-position: -48px -96px;
|
||||
}
|
||||
.icon.ok-sign {
|
||||
background-position: -72px -96px;
|
||||
}
|
||||
.icon.question-sign {
|
||||
background-position: -96px -96px;
|
||||
}
|
||||
.icon.info-sign {
|
||||
background-position: -120px -96px;
|
||||
}
|
||||
.icon.screenshot {
|
||||
background-position: -144px -96px;
|
||||
}
|
||||
.icon.remove-circle {
|
||||
background-position: -168px -96px;
|
||||
}
|
||||
.icon.ok-circle {
|
||||
background-position: -192px -96px;
|
||||
}
|
||||
.icon.ban-circle {
|
||||
background-position: -216px -96px;
|
||||
}
|
||||
.icon.arrow-left {
|
||||
background-position: -240px -96px;
|
||||
}
|
||||
@@ -1334,7 +1364,7 @@ table .span12 {
|
||||
background-position: -264px -96px;
|
||||
}
|
||||
.icon.arrow-up {
|
||||
background-position: -288px -96px;
|
||||
background-position: -289px -96px;
|
||||
}
|
||||
.icon.arrow-down {
|
||||
background-position: -312px -96px;
|
||||
@@ -1352,11 +1382,71 @@ table .span12 {
|
||||
background-position: -408px -96px;
|
||||
}
|
||||
.icon.minus {
|
||||
background-position: -432px -96px;
|
||||
background-position: -433px -96px;
|
||||
}
|
||||
.icon.asterisk {
|
||||
background-position: -456px -96px;
|
||||
}
|
||||
.icon.exclamation-sign {
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.icon.gift {
|
||||
background-position: -24px -120px;
|
||||
}
|
||||
.icon.leaf {
|
||||
background-position: -48px -120px;
|
||||
}
|
||||
.icon.fire {
|
||||
background-position: -72px -120px;
|
||||
}
|
||||
.icon.eye-open {
|
||||
background-position: -96px -120px;
|
||||
}
|
||||
.icon.eye-close {
|
||||
background-position: -120px -120px;
|
||||
}
|
||||
.icon.warning-sign {
|
||||
background-position: -144px -120px;
|
||||
}
|
||||
.icon.plane {
|
||||
background-position: -168px -120px;
|
||||
}
|
||||
.icon.calendar {
|
||||
background-position: -192px -120px;
|
||||
}
|
||||
.icon.random {
|
||||
background-position: -216px -120px;
|
||||
}
|
||||
.icon.comment {
|
||||
background-position: -240px -120px;
|
||||
}
|
||||
.icon.magnet {
|
||||
background-position: -264px -120px;
|
||||
}
|
||||
.icon.chevron-up {
|
||||
background-position: -288px -120px;
|
||||
}
|
||||
.icon.chevron-down {
|
||||
background-position: -313px -119px;
|
||||
}
|
||||
.icon.retweet {
|
||||
background-position: -336px -120px;
|
||||
}
|
||||
.icon.shopping-cart {
|
||||
background-position: -360px -120px;
|
||||
}
|
||||
.icon.folder-close {
|
||||
background-position: -384px -120px;
|
||||
}
|
||||
.icon.folder-open {
|
||||
background-position: -408px -120px;
|
||||
}
|
||||
.icon.resize-vertical {
|
||||
background-position: -432px -119px;
|
||||
}
|
||||
.icon.resize-horizontal {
|
||||
background-position: -456px -118px;
|
||||
}
|
||||
.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
@@ -1811,6 +1901,7 @@ table .span12 {
|
||||
}
|
||||
.navbar-form input, .navbar-form select {
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.navbar-search {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
BIN
docs/assets/img/glyphicons-halflings-white.png
Normal file
BIN
docs/assets/img/glyphicons-halflings-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
docs/assets/img/glyphicons-halflings.png
Normal file
BIN
docs/assets/img/glyphicons-halflings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 166 B |
@@ -1338,10 +1338,6 @@
|
||||
<i class="icon home"></i>
|
||||
<i class="icon file"></i>
|
||||
<i class="icon time"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon road"></i>
|
||||
<i class="icon download-alt"></i>
|
||||
<i class="icon download"></i>
|
||||
@@ -1349,8 +1345,12 @@
|
||||
<i class="icon inbox"></i>
|
||||
<i class="icon play-circle"></i>
|
||||
<i class="icon repeat"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon refresh"></i>
|
||||
<i class="icon calendar"></i>
|
||||
<i class="icon list-alt"></i>
|
||||
<i class="icon lock"></i>
|
||||
<i class="icon flag"></i>
|
||||
<i class="icon headphones"></i>
|
||||
@@ -1366,10 +1366,6 @@
|
||||
<i class="icon bookmark"></i>
|
||||
<i class="icon print"></i>
|
||||
<i class="icon camera"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon font"></i>
|
||||
<i class="icon bold"></i>
|
||||
<i class="icon italic"></i>
|
||||
@@ -1384,7 +1380,10 @@
|
||||
<i class="icon indent-right"></i>
|
||||
<i class="icon facetime-video"></i>
|
||||
<i class="icon picture"></i>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon pencil"></i>
|
||||
<i class="icon map-marker"></i>
|
||||
<i class="icon adjust"></i>
|
||||
@@ -1394,10 +1393,6 @@
|
||||
<i class="icon check"></i>
|
||||
<i class="icon move"></i>
|
||||
<i class="icon step-backward"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon fast-backward"></i>
|
||||
<i class="icon backward"></i>
|
||||
<i class="icon play"></i>
|
||||
@@ -1410,6 +1405,20 @@
|
||||
<i class="icon chevron-left"></i>
|
||||
<i class="icon chevron-right"></i>
|
||||
|
||||
<i class="icon plus-sign"></i>
|
||||
<i class="icon minus-sign"></i>
|
||||
<i class="icon remove-sign"></i>
|
||||
<i class="icon ok-sign"></i>
|
||||
<i class="icon question-sign"></i>
|
||||
<i class="icon info-sign"></i>
|
||||
<i class="icon screenshot"></i>
|
||||
<i class="icon remove-circle"></i>
|
||||
<i class="icon ok-circle"></i>
|
||||
<i class="icon ban-circle"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon arrow-left"></i>
|
||||
<i class="icon arrow-right"></i>
|
||||
<i class="icon arrow-up"></i>
|
||||
@@ -1420,11 +1429,32 @@
|
||||
<i class="icon plus"></i>
|
||||
<i class="icon minus"></i>
|
||||
<i class="icon asterisk"></i>
|
||||
|
||||
<i class="icon exclamation-sign"></i>
|
||||
<i class="icon gift"></i>
|
||||
<i class="icon leaf"></i>
|
||||
<i class="icon fire"></i>
|
||||
<i class="icon eye-open"></i>
|
||||
<i class="icon eye-close"></i>
|
||||
<i class="icon warning-sign"></i>
|
||||
<i class="icon plane"></i>
|
||||
<i class="icon calendar"></i>
|
||||
<i class="icon random"></i>
|
||||
<i class="icon comment"></i>
|
||||
<i class="icon magnet"></i>
|
||||
<i class="icon chevron-up"></i>
|
||||
<i class="icon chevron-down"></i>
|
||||
<i class="icon retweet"></i>
|
||||
<i class="icon shopping-cart"></i>
|
||||
<i class="icon folder-close"></i>
|
||||
<i class="icon folder-open"></i>
|
||||
<i class="icon resize-vertical"></i>
|
||||
<i class="icon resize-horizontal"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<strong>Heads up!</strong> On hover we show a light red background color to highlight the size of the icon. This won't appear in normal usage of icons.
|
||||
<strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code> and on hover in the docs we show a light red background color show the icon's size.
|
||||
</div>
|
||||
|
||||
<br>
|
||||
@@ -1441,7 +1471,11 @@
|
||||
<pre class="prettyprint linenums">
|
||||
<i class="icon search"></i>
|
||||
</pre>
|
||||
<p>There are over 100 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.</p>
|
||||
<p>There are also styles available for inverted (white) icons, made ready with one extra class:</p>
|
||||
<pre class="prettyprint linenums">
|
||||
<i class="icon white search"></i>
|
||||
</pre>
|
||||
<p>There are 120 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.</p>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h3>Use cases</h3>
|
||||
@@ -1458,11 +1492,12 @@
|
||||
|
||||
<h3>Examples</h3>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div class="span6">
|
||||
<p>Use them in buttons, or in button groups for a toolbar style presentation.</p>
|
||||
<p>
|
||||
<a class="btn" href="#"><i class="icon refresh"></i> Refresh</a>
|
||||
<a class="btn" href="#"><i class="icon cog"></i> Settings</a>
|
||||
<a class="btn success" href="#"><i class="icon white shopping-cart"></i> Checkout</a>
|
||||
<a class="btn danger" href="#"><i class="icon white trash"></i> Delete</a>
|
||||
</p>
|
||||
<div class="btn-toolbar">
|
||||
<div class="btn-group">
|
||||
@@ -1477,6 +1512,10 @@
|
||||
<a class="btn" href="#"><i class="icon align-justify"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<a class="btn large" href="#"><i class="icon refresh"></i> Refresh</a>
|
||||
<a class="btn small" href="#"><i class="icon cog"></i> Settings</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<p>Or, use them in navigation.</p>
|
||||
|
||||
75
docs/templates/pages/base-css.mustache
vendored
75
docs/templates/pages/base-css.mustache
vendored
@@ -1273,10 +1273,6 @@
|
||||
<i class="icon home"></i>
|
||||
<i class="icon file"></i>
|
||||
<i class="icon time"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon road"></i>
|
||||
<i class="icon download-alt"></i>
|
||||
<i class="icon download"></i>
|
||||
@@ -1284,8 +1280,12 @@
|
||||
<i class="icon inbox"></i>
|
||||
<i class="icon play-circle"></i>
|
||||
<i class="icon repeat"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon refresh"></i>
|
||||
<i class="icon calendar"></i>
|
||||
<i class="icon list-alt"></i>
|
||||
<i class="icon lock"></i>
|
||||
<i class="icon flag"></i>
|
||||
<i class="icon headphones"></i>
|
||||
@@ -1301,10 +1301,6 @@
|
||||
<i class="icon bookmark"></i>
|
||||
<i class="icon print"></i>
|
||||
<i class="icon camera"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon font"></i>
|
||||
<i class="icon bold"></i>
|
||||
<i class="icon italic"></i>
|
||||
@@ -1319,7 +1315,10 @@
|
||||
<i class="icon indent-right"></i>
|
||||
<i class="icon facetime-video"></i>
|
||||
<i class="icon picture"></i>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon pencil"></i>
|
||||
<i class="icon map-marker"></i>
|
||||
<i class="icon adjust"></i>
|
||||
@@ -1329,10 +1328,6 @@
|
||||
<i class="icon check"></i>
|
||||
<i class="icon move"></i>
|
||||
<i class="icon step-backward"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon fast-backward"></i>
|
||||
<i class="icon backward"></i>
|
||||
<i class="icon play"></i>
|
||||
@@ -1345,6 +1340,20 @@
|
||||
<i class="icon chevron-left"></i>
|
||||
<i class="icon chevron-right"></i>
|
||||
|
||||
<i class="icon plus-sign"></i>
|
||||
<i class="icon minus-sign"></i>
|
||||
<i class="icon remove-sign"></i>
|
||||
<i class="icon ok-sign"></i>
|
||||
<i class="icon question-sign"></i>
|
||||
<i class="icon info-sign"></i>
|
||||
<i class="icon screenshot"></i>
|
||||
<i class="icon remove-circle"></i>
|
||||
<i class="icon ok-circle"></i>
|
||||
<i class="icon ban-circle"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="the-icons">
|
||||
<i class="icon arrow-left"></i>
|
||||
<i class="icon arrow-right"></i>
|
||||
<i class="icon arrow-up"></i>
|
||||
@@ -1355,11 +1364,32 @@
|
||||
<i class="icon plus"></i>
|
||||
<i class="icon minus"></i>
|
||||
<i class="icon asterisk"></i>
|
||||
|
||||
<i class="icon exclamation-sign"></i>
|
||||
<i class="icon gift"></i>
|
||||
<i class="icon leaf"></i>
|
||||
<i class="icon fire"></i>
|
||||
<i class="icon eye-open"></i>
|
||||
<i class="icon eye-close"></i>
|
||||
<i class="icon warning-sign"></i>
|
||||
<i class="icon plane"></i>
|
||||
<i class="icon calendar"></i>
|
||||
<i class="icon random"></i>
|
||||
<i class="icon comment"></i>
|
||||
<i class="icon magnet"></i>
|
||||
<i class="icon chevron-up"></i>
|
||||
<i class="icon chevron-down"></i>
|
||||
<i class="icon retweet"></i>
|
||||
<i class="icon shopping-cart"></i>
|
||||
<i class="icon folder-close"></i>
|
||||
<i class="icon folder-open"></i>
|
||||
<i class="icon resize-vertical"></i>
|
||||
<i class="icon resize-horizontal"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
{{_i}}<strong>Heads up!</strong> On hover we show a light red background color to highlight the size of the icon. This won't appear in normal usage of icons.{{/i}}
|
||||
{{_i}}<strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code> and on hover in the docs we show a light red background color show the icon's size.{{/i}}
|
||||
</div>
|
||||
|
||||
<br>
|
||||
@@ -1376,7 +1406,11 @@
|
||||
<pre class="prettyprint linenums">
|
||||
<i class="icon search"></i>
|
||||
</pre>
|
||||
<p>{{_i}}There are over 100 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.{{/i}}</p>
|
||||
<p>There are also styles available for inverted (white) icons, made ready with one extra class:</p>
|
||||
<pre class="prettyprint linenums">
|
||||
<i class="icon white search"></i>
|
||||
</pre>
|
||||
<p>{{_i}}There are 120 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.{{/i}}</p>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h3>{{_i}}Use cases{{/i}}</h3>
|
||||
@@ -1393,11 +1427,12 @@
|
||||
|
||||
<h3>{{_i}}Examples{{/i}}</h3>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div class="span6">
|
||||
<p>{{_i}}Use them in buttons, or in button groups for a toolbar style presentation.{{/i}}</p>
|
||||
<p>
|
||||
<a class="btn" href="#"><i class="icon refresh"></i> {{_i}}Refresh{{/i}}</a>
|
||||
<a class="btn" href="#"><i class="icon cog"></i> {{_i}}Settings{{/i}}</a>
|
||||
<a class="btn success" href="#"><i class="icon white shopping-cart"></i> {{_i}}Checkout{{/i}}</a>
|
||||
<a class="btn danger" href="#"><i class="icon white trash"></i> {{_i}}Delete{{/i}}</a>
|
||||
</p>
|
||||
<div class="btn-toolbar">
|
||||
<div class="btn-group">
|
||||
@@ -1412,6 +1447,10 @@
|
||||
<a class="btn" href="#"><i class="icon align-justify"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<a class="btn large" href="#"><i class="icon refresh"></i> {{_i}}Refresh{{/i}}</a>
|
||||
<a class="btn small" href="#"><i class="icon cog"></i> {{_i}}Settings{{/i}}</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<p>{{_i}}Or, use them in navigation.{{/i}}</p>
|
||||
|
||||
Reference in New Issue
Block a user