From 55f9c2cec0e48dc5190a1f81f297e469c2d5015b Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Tue, 6 Aug 2013 15:15:37 -0400 Subject: moves v2.3.2 to /2/ --- 2/swatchmaker/test/test-full.html | 2490 +++++++++++++++++++++++++++++++++++++ 1 file changed, 2490 insertions(+) create mode 100755 2/swatchmaker/test/test-full.html (limited to '2/swatchmaker/test/test-full.html') diff --git a/2/swatchmaker/test/test-full.html b/2/swatchmaker/test/test-full.html new file mode 100755 index 00000000..e7d71beb --- /dev/null +++ b/2/swatchmaker/test/test-full.html @@ -0,0 +1,2490 @@ + + + + + Twitter Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + Brand +
+ +
+ +
+ Button +
+
+
+
+ + + +
+
+

Components

+

Dozens of reusable components built to provide navigation, alerts, popovers, and more.

+
+
+ + +
+ + +
+ +
+ + +
+
+

Typography

+
+ +
+

h1. Heading 1

+

h2. Heading 2

+

h3. Heading 3

+

h4. Heading 4

+
h5. Heading 5
+
h6. Heading 6
+
+ +
+

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

+

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

+

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

+
+ +
+

This line of text is meant to be treated as fine print.

+
+ +
+

The following snippet of text is rendered as bold text.

+
+ +
+

The following snippet of text is rendered as italicized text.

+
+ +
+

An abbreviation of the word attribute is attr.

+
+ +
+

HTML is the best thing since sliced bread.

+
+ +
+
+ Twitter, Inc.
+ 795 Folsom Ave, Suite 600
+ San Francisco, CA 94107
+ P: (123) 456-7890 +
+
+ Full Name
+ first.last@gmail.com +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+ Someone famous in Source Title +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+ Someone famous in Source Title +
+
+ +
+
    +
  • Lorem ipsum dolor sit amet
    • +
  • Consectetur adipiscing elit
    • +
  • Integer molestie lorem at massa
    • +
  • Facilisis in pretium nisl aliquet
    • +
  • Nulla volutpat aliquam velit +
      +
    • Phasellus iaculis neque
      • +
    • Purus sodales ultricies
      • +
    • Vestibulum laoreet porttitor sem
      • +
    • Ac tristique libero volutpat at
      • +
    +
    • +
  • Faucibus porta lacus fringilla vel
    • +
  • Aenean sit amet erat nunc
    • +
  • Eget porttitor lorem
    • +
+
+ +
+
    +
  1. Lorem ipsum dolor sit amet
    2. +
  2. Consectetur adipiscing elit
    3. +
  3. Integer molestie lorem at massa
    4. +
  4. Facilisis in pretium nisl aliquet
    5. +
  5. Nulla volutpat aliquam velit
    6. +
  6. Faucibus porta lacus fringilla vel
    7. +
  7. Aenean sit amet erat nunc
    8. +
  8. Eget porttitor lorem
    9. +
+
+ +
+
    +
  • Lorem ipsum dolor sit amet
    • +
  • Consectetur adipiscing elit
    • +
  • Integer molestie lorem at massa
    • +
  • Facilisis in pretium nisl aliquet
    • +
  • Nulla volutpat aliquam velit +
      +
    • Phasellus iaculis neque
      • +
    • Purus sodales ultricies
      • +
    • Vestibulum laoreet porttitor sem
      • +
    • Ac tristique libero volutpat at
      • +
    +
    • +
  • Faucibus porta lacus fringilla vel
    • +
  • Aenean sit amet erat nunc
    • +
  • Eget porttitor lorem
    • +
+
+ +
+
+
Description lists
+
A description list is perfect for defining terms.
+
Euismod
+
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
+
Donec id elit non mi porta gravida at eget metus.
+
Malesuada porta
+
Etiam porta sem malesuada magna mollis euismod.
+
+
+ +
+
+
Description lists
+
A description list is perfect for defining terms.
+
Euismod
+
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
+
Donec id elit non mi porta gravida at eget metus.
+
Malesuada porta
+
Etiam porta sem malesuada magna mollis euismod.
+
Felis euismod semper eget lacinia
+
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
+
+
+ +
+ + + + +
+
+

Code

+
+ +
+ For example, <section> should be wrapped as inline. +
+ +
+ 
<p>Sample text here...</p>
+
+ +
+ + + + +
+
+

Tables

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
MarkOtto@TwBootstrap
2JacobThornton@fat
3Larry the Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#ProductPayment TakenStatus
1TB - Monthly01/04/2012Approved
2TB - Monthly02/04/2012Declined
3TB - Monthly03/04/2012Pending
3TB - Monthly03/04/2012Pending
+
+ +
+ + + + +
+
+

Forms

+
+ +
+ Legend + + + Example block-level help text here. + + +
+ +
+ + +
+ +
+ + + + +
+ +
+ Legend +
+ +
+ +
+
+
+ +
+ +
+
+
+
+ + +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ + + +
+ +
+ +
+ +
+ +
+
+ @ + +
+
+
+ + .00 +
+
+ +
+
+ $ + + .00 +
+
+ +
+
+ + +
+
+
+ + + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ Some value here +
+ +
+
+ + +
+
+ +
+ Inline help text +
+ +
+ + A longer block of help text that breaks onto a new line and may extend beyond one line. +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ + Something may have gone wrong +
+
+
+ +
+ + Please correct the error +
+
+
+ +
+ + Please correct the info +
+
+
+ +
+ + Woohoo! +
+
+
+ +
+ + + + +
+
+

Buttons

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Buttonclass=""Description
btnStandard gray button with gradient
btn btn-primaryProvides extra visual weight and identifies the primary action in a set of buttons
btn btn-infoUsed as an alternative to the default styles
btn btn-successIndicates a successful or positive action
btn btn-warningIndicates caution should be taken with this action
btn btn-dangerIndicates a dangerous or potentially negative action
btn btn-inverseAlternate dark gray button, not tied to a semantic action or use
btn btn-linkDeemphasize a button by making it look like a link while maintaining button behavior
+ +
+

+ + +

+

+ + +

+

+ + +

+

+ + +

+
+ +
+
+ + +
+
+ +

+ Primary link + Link +

+ +

+ + +

+ +
+ Link + + + +
+ +
+ + + + +
+
+

Images

+
+ +
+ + + +
+ + +
+ + + + +
+
+

Icons by Glyphicons

+
+ +
    +
  • icon-glass
    • +
  • icon-music
    • +
  • icon-search
    • +
  • icon-envelope
    • +
  • icon-heart
    • +
  • icon-star
    • +
  • icon-star-empty
    • +
  • icon-user
    • +
  • icon-film
    • +
  • icon-th-large
    • +
  • icon-th
    • +
  • icon-th-list
    • +
  • icon-ok
    • +
  • icon-remove
    • +
  • icon-zoom-in
    • +
  • icon-zoom-out
    • +
  • icon-off
    • +
  • icon-signal
    • +
  • icon-cog
    • +
  • icon-trash
    • +
  • icon-home
    • +
  • icon-file
    • +
  • icon-time
    • +
  • icon-road
    • +
  • icon-download-alt
    • +
  • icon-download
    • +
  • icon-upload
    • +
  • icon-inbox
    • + +
  • icon-play-circle
    • +
  • icon-repeat
    • +
  • icon-refresh
    • +
  • icon-list-alt
    • +
  • icon-lock
    • +
  • icon-flag
    • +
  • icon-headphones
    • +
  • icon-volume-off
    • +
  • icon-volume-down
    • +
  • icon-volume-up
    • +
  • icon-qrcode
    • +
  • icon-barcode
    • +
  • icon-tag
    • +
  • icon-tags
    • +
  • icon-book
    • +
  • icon-bookmark
    • +
  • icon-print
    • +
  • icon-camera
    • +
  • icon-font
    • +
  • icon-bold
    • +
  • icon-italic
    • +
  • icon-text-height
    • +
  • icon-text-width
    • +
  • icon-align-left
    • +
  • icon-align-center
    • +
  • icon-align-right
    • +
  • icon-align-justify
    • +
  • icon-list
    • + +
  • icon-indent-left
    • +
  • icon-indent-right
    • +
  • icon-facetime-video
    • +
  • icon-picture
    • +
  • icon-pencil
    • +
  • icon-map-marker
    • +
  • icon-adjust
    • +
  • icon-tint
    • +
  • icon-edit
    • +
  • icon-share
    • +
  • icon-check
    • +
  • icon-move
    • +
  • icon-step-backward
    • +
  • icon-fast-backward
    • +
  • icon-backward
    • +
  • icon-play
    • +
  • icon-pause
    • +
  • icon-stop
    • +
  • icon-forward
    • +
  • icon-fast-forward
    • +
  • icon-step-forward
    • +
  • icon-eject
    • +
  • icon-chevron-left
    • +
  • icon-chevron-right
    • +
  • icon-plus-sign
    • +
  • icon-minus-sign
    • +
  • icon-remove-sign
    • +
  • icon-ok-sign
    • + +
  • icon-question-sign
    • +
  • icon-info-sign
    • +
  • icon-screenshot
    • +
  • icon-remove-circle
    • +
  • icon-ok-circle
    • +
  • icon-ban-circle
    • +
  • icon-arrow-left
    • +
  • icon-arrow-right
    • +
  • icon-arrow-up
    • +
  • icon-arrow-down
    • +
  • icon-share-alt
    • +
  • icon-resize-full
    • +
  • icon-resize-small
    • +
  • icon-plus
    • +
  • icon-minus
    • +
  • icon-asterisk
    • +
  • icon-exclamation-sign
    • +
  • icon-gift
    • +
  • icon-leaf
    • +
  • icon-fire
    • +
  • icon-eye-open
    • +
  • icon-eye-close
    • +
  • icon-warning-sign
    • +
  • icon-plane
    • +
  • icon-calendar
    • +
  • icon-random
    • +
  • icon-comment
    • +
  • icon-magnet
    • + +
  • icon-chevron-up
    • +
  • icon-chevron-down
    • +
  • icon-retweet
    • +
  • icon-shopping-cart
    • +
  • icon-folder-close
    • +
  • icon-folder-open
    • +
  • icon-resize-vertical
    • +
  • icon-resize-horizontal
    • +
  • icon-hdd
    • +
  • icon-bullhorn
    • +
  • icon-bell
    • +
  • icon-certificate
    • +
  • icon-thumbs-up
    • +
  • icon-thumbs-down
    • +
  • icon-hand-right
    • +
  • icon-hand-left
    • +
  • icon-hand-up
    • +
  • icon-hand-down
    • +
  • icon-circle-arrow-right
    • +
  • icon-circle-arrow-left
    • +
  • icon-circle-arrow-up
    • +
  • icon-circle-arrow-down
    • +
  • icon-globe
    • +
  • icon-wrench
    • +
  • icon-tasks
    • +
  • icon-filter
    • +
  • icon-briefcase
    • +
  • icon-fullscreen
    • +
+ +
+
+
+ + + + +
+
+
+ +
+
+ User + + +
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Button groups

+
+ +
+
+ + + +
+ +
+
+ + + + +
+
+ + + +
+
+ +
+
+ +
+ + + + +
+
+ + +
+ +
+ + + + +
+
+

Button dropdown menus

+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+
+ + + +
+
+
+
+ + + +
+
+
+
+ + + +
+
+ +
+
+ + + +
+
+ + + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + +
+
+

Pagination

+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + +
+
+

Labels and badges

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
LabelsMarkup
+ Default + + <span class="label">Default</span> +
+ Success + + <span class="label label-success">Success</span> +
+ Warning + + <span class="label label-warning">Warning</span> +
+ Important + + <span class="label label-important">Important</span> +
+ Info + + <span class="label label-info">Info</span> +
+ Inverse + + <span class="label label-inverse">Inverse</span> +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameExampleMarkup
+ Default + + 1 + + <span class="badge">1</span> +
+ Success + + 2 + + <span class="badge badge-success">2</span> +
+ Warning + + 4 + + <span class="badge badge-warning">4</span> +
+ Important + + 6 + + <span class="badge badge-important">6</span> +
+ Info + + 8 + + <span class="badge badge-info">8</span> +
+ Inverse + + 10 + + <span class="badge badge-inverse">10</span> +
+ +
+ + + + +
+
+

Typographic components

+
+ +
+
+

Hello, world!

+

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

+

Learn more

+
+
+ +
+
+

Example page header Subtext for header

+
+
+ +
+ + + + +
+
+

Thumbnails

+
+ +
+ +
+ + + +
+ + + + +
+
+

Alerts

+
+ +
+
+ + Warning! Best check yo self, you're not looking too good. +
+ +
+ +

Warning!

+

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

+
+ +
+ + Oh snap! Change a few things up and try submitting again. +
+ +
+ + Well done! You successfully read this important alert message. +
+ +
+ + Heads up! This alert needs your attention, but it's not super important. +
+
+ +
+ + + + +
+
+

Progress bars

+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+

Media objects

+
+ +

Default example

+ +
+ + + +
+

Media heading

+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+
+ +
+ + + +
+

Media heading

+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+ + + +
+

Media heading

+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
+
+
+
+ +

Media list

+ +
    +
  • + + + +
    +

    Media heading

    +

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    + +
    + + + +
    +

    Nested media heading

    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. + +
    + + + +
    +

    Nested media heading

    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. +
    +
    +
    +
    + +
    + + + +
    +

    Nested media heading

    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. +
    +
    +
    +
    • +
  • + + + +
    +

    Media heading

    + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. +
    +
    • +
+ +
+ + + + + + +
+
+

Miscellaneous

+
+ +
+
+ Look, I'm in a well! +
+ +
+ Look, I'm in a well-large! +
+ +
+ Look, I'm in a well-small! +
+ +

+
+ +
+

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

+
+ +
+ Click to toggle popover +
+ +
+ + + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3