diff --git a/libradash/www/TEMPLATE.html b/libradash/www/TEMPLATE.html deleted file mode 100644 index 2bca89c..0000000 --- a/libradash/www/TEMPLATE.html +++ /dev/null @@ -1,169 +0,0 @@ - - -
- - - - - - -- - - - - - - -
-- - - - - - - -
-
-
-
-
-
-
-
-
-
- - - - - - - -
-
-
-
-
-
-
-
-
-
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks, and interactive features. In SB Admin, we are using the most recent version of Flot along with a few plugins to enhance the user experience. The Flot plugins being used are the tooltip plugin for hoverable tooltips, and the resize plugin for fully responsive charts. The documentation for Flot Charts is available on their website, http://www.flotcharts.org/.
- View Flot Charts Documentation -See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
-- | - Extra small devices - Phones (<768px) - | -- Small devices - Tablets (≥768px) - | -- Medium devices - Desktops (≥992px) - | -- Large devices - Desktops (≥1200px) - | -
---|---|---|---|---|
Grid behavior | -Horizontal at all times | -Collapsed to start, horizontal above breakpoints | -||
Max container width | -None (auto) | -750px | -970px | -1170px | -
Class prefix | -
- .col-xs-
- |
-
- .col-sm-
- |
-
- .col-md-
- |
-
- .col-lg-
- |
-
# of columns | -12 | -|||
Max column width | -Auto | -60px | -78px | -95px | -
Gutter width | -30px (15px on each side of a column) | -|||
Nestable | -Yes | -|||
Offsets | -Yes | -|||
Column ordering | -Yes | -
Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, applying any
- .col-md-
class to an element will not only affect its styling on medium devices but also on large devices if a
- .col-lg-
class is not present.
Using a single set of
- .col-md-*
grid classes, you can create a default grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any
- .row
.
Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding
- .col-xs-*
- .col-md-*
to your columns. See the example below for a better idea of how it all works.
Build on the previous example by creating even more dynamic and powerful layouts with tablet
- .col-sm-*
classes.
With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a
- .clearfix
and our responsive utility classes.
Move columns to the right using
- .col-md-offset-*
classes. These classes increase the left margin of a column by
- *
columns. For example,
- .col-md-offset-4
moves
- .col-md-4
over four columns.
To nest your content with the default grid, add a new
- .row
and set of
- .col-md-*
columns within an existing
- .col-md-*
column. Nested rows should include a set of columns that add up to 12.
Easily change the order of our built-in grid columns with
- .col-md-push-*
and
- .col-md-pull-*
modifier classes.
# | -Date | -Time | -Amount | -
---|---|---|---|
3326 | -10/21/2013 | -3:29 PM | -$321.33 | -
3325 | -10/21/2013 | -3:20 PM | -$234.34 | -
3324 | -10/21/2013 | -3:03 PM | -$724.17 | -
3323 | -10/21/2013 | -3:00 PM | -$23.71 | -
3322 | -10/21/2013 | -2:49 PM | -$8345.23 | -
3321 | -10/21/2013 | -2:23 PM | -$245.12 | -
3320 | -10/21/2013 | -2:15 PM | -$5663.54 | -
3319 | -10/21/2013 | -2:13 PM | -$943.45 | -
- 11 hours ago via - Twitter - -
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero - laboriosam - dolor perspiciatis omnis exercitationem. Beatae, officia pariatur? Est - cum - veniam excepturi. Maiores praesentium, porro voluptas suscipit facere - rem - dicta, debitis.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem - quibusdam, tenetur commodi provident cumque magni voluptatem libero, - quis - rerum. Fugiat esse debitis optio, tempore. Animi officiis alias, officia - repellendus.
- -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium - maiores - odit qui est tempora eos, nostrum provident explicabo dignissimos - debitis - vel! Adipisci eius voluptates, ad aut recusandae minus eaque facere.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus - numquam - facilis enim eaque, tenetur nam id qui vel velit similique nihil iure - molestias aliquam, voluptatem totam quaerat, magni commodi quisquam.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates est - quaerat asperiores sapiente, eligendi, nihil. Itaque quos, alias - sapiente - rerum quas odit! Aperiam officiis quidem delectus libero, omnis ut - debitis!
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis minus - modi - quam ipsum alias at est molestiae excepturi delectus nesciunt, quibusdam - debitis amet, beatae consequuntur impedit nulla qui! Laborum, atque.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi fuga odio - quibusdam. Iure expedita, incidunt unde quis nam! Quod, quisquam. - Officia - quam qui adipisci quas consequuntur nostrum sequi. Consequuntur, - commodi.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt - obcaecati, - quaerat tempore officia voluptas debitis consectetur culpa amet, - accusamus - dolorum fugiat, animi dicta aperiam, enim incidunt quisquam maxime neque - eaque.
-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum - ornare dolor, quis ullamcorper ligula sodales. -
-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum - ornare dolor, quis ullamcorper ligula sodales. -
-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum - ornare dolor, quis ullamcorper ligula sodales. -
-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum - ornare dolor, quis ullamcorper ligula sodales. -
-Morris.js is a jQuery based charting plugin created by Olly Smith. In SB Admin, we are using the most recent version of Morris.js which includes the resize function, which makes the charts fully responsive. The documentation for Morris.js is available on their website, http://morrisjs.github.io/morris.js/.
- View Morris.js Documentation -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing.
- -Rendering engine | -Browser | -Platform(s) | -Engine version | -CSS grade | -
---|---|---|---|---|
Trident | -Internet Explorer 4.0 | -Win 95+ | -4 | -X | -
Trident | -Internet Explorer 5.0 | -Win 95+ | -5 | -C | -
Trident | -Internet Explorer 5.5 | -Win 95+ | -5.5 | -A | -
Trident | -Internet Explorer 6 | -Win 98+ | -6 | -A | -
Trident | -Internet Explorer 7 | -Win XP SP2+ | -7 | -A | -
Trident | -AOL browser (AOL desktop) | -Win XP | -6 | -A | -
Gecko | -Firefox 1.0 | -Win 98+ / OSX.2+ | -1.7 | -A | -
Gecko | -Firefox 1.5 | -Win 98+ / OSX.2+ | -1.8 | -A | -
Gecko | -Firefox 2.0 | -Win 98+ / OSX.2+ | -1.8 | -A | -
Gecko | -Firefox 3.0 | -Win 2k+ / OSX.3+ | -1.9 | -A | -
Gecko | -Camino 1.0 | -OSX.2+ | -1.8 | -A | -
Gecko | -Camino 1.5 | -OSX.3+ | -1.8 | -A | -
Gecko | -Netscape 7.2 | -Win 95+ / Mac OS 8.6-9.2 | -1.7 | -A | -
Gecko | -Netscape Browser 8 | -Win 98SE+ | -1.7 | -A | -
Gecko | -Netscape Navigator 9 | -Win 98+ / OSX.2+ | -1.8 | -A | -
Gecko | -Mozilla 1.0 | -Win 95+ / OSX.1+ | -1 | -A | -
Gecko | -Mozilla 1.1 | -Win 95+ / OSX.1+ | -1.1 | -A | -
Gecko | -Mozilla 1.2 | -Win 95+ / OSX.1+ | -1.2 | -A | -
Gecko | -Mozilla 1.3 | -Win 95+ / OSX.1+ | -1.3 | -A | -
Gecko | -Mozilla 1.4 | -Win 95+ / OSX.1+ | -1.4 | -A | -
Gecko | -Mozilla 1.5 | -Win 95+ / OSX.1+ | -1.5 | -A | -
Gecko | -Mozilla 1.6 | -Win 95+ / OSX.1+ | -1.6 | -A | -
Gecko | -Mozilla 1.7 | -Win 98+ / OSX.1+ | -1.7 | -A | -
Gecko | -Mozilla 1.8 | -Win 98+ / OSX.1+ | -1.8 | -A | -
Gecko | -Seamonkey 1.1 | -Win 98+ / OSX.2+ | -1.8 | -A | -
Gecko | -Epiphany 2.20 | -Gnome | -1.8 | -A | -
Webkit | -Safari 1.2 | -OSX.3 | -125.5 | -A | -
Webkit | -Safari 1.3 | -OSX.3 | -312.8 | -A | -
Webkit | -Safari 2.0 | -OSX.4+ | -419.3 | -A | -
Webkit | -Safari 3.0 | -OSX.4+ | -522.1 | -A | -
Webkit | -OmniWeb 5.5 | -OSX.4+ | -420 | -A | -
Webkit | -iPod Touch / iPhone | -iPod | -420.1 | -A | -
Webkit | -S60 | -S60 | -413 | -A | -
Presto | -Opera 7.0 | -Win 95+ / OSX.1+ | -- | -A | -
Presto | -Opera 7.5 | -Win 95+ / OSX.2+ | -- | -A | -
Presto | -Opera 8.0 | -Win 95+ / OSX.2+ | -- | -A | -
Presto | -Opera 8.5 | -Win 95+ / OSX.2+ | -- | -A | -
Presto | -Opera 9.0 | -Win 95+ / OSX.3+ | -- | -A | -
Presto | -Opera 9.2 | -Win 88+ / OSX.3+ | -- | -A | -
Presto | -Opera 9.5 | -Win 88+ / OSX.3+ | -- | -A | -
Presto | -Opera for Wii | -Wii | -- | -A | -
Presto | -Nokia N800 | -N800 | -- | -A | -
Presto | -Nintendo DS browser | -Nintendo DS | -8.5 | -C/A1 - | -
KHTML | -Konqureror 3.1 | -KDE 3.1 | -3.1 | -C | -
KHTML | -Konqureror 3.3 | -KDE 3.3 | -3.3 | -A | -
KHTML | -Konqureror 3.5 | -KDE 3.5 | -3.5 | -A | -
Tasman | -Internet Explorer 4.5 | -Mac OS 8-9 | -- | -X | -
Tasman | -Internet Explorer 5.1 | -Mac OS 7.6-9 | -1 | -C | -
Tasman | -Internet Explorer 5.2 | -Mac OS 8-X | -1 | -C | -
Misc | -NetFront 3.1 | -Embedded devices | -- | -C | -
Misc | -NetFront 3.4 | -Embedded devices | -- | -A | -
Misc | -Dillo 0.8 | -Embedded devices | -- | -X | -
Misc | -Links | -Text only | -- | -X | -
Misc | -Lynx | -Text only | -- | -X | -
Misc | -IE Mobile | -Windows Mobile 6 | -- | -C | -
Misc | -PSP browser | -PSP | -- | -C | -
Other browsers | -All others | -- | -- | -U | -
DataTables is a very flexible, advanced tables plugin for jQuery. In SB Admin, we are using a specialized version of DataTables built for Bootstrap 3. We have also customized the table headings to use Font Awesome icons in place of images. For complete documentation on DataTables, visit their website at https://datatables.net/.
- View DataTables Documentation -# | -First Name | -Last Name | -Username | -
---|---|---|---|
1 | -Mark | -Otto | -@mdo | -
2 | -Jacob | -Thornton | -@fat | -
3 | -Larry | -the Bird | -
# | -First Name | -Last Name | -Username | -
---|---|---|---|
1 | -Mark | -Otto | -@mdo | -
2 | -Jacob | -Thornton | -@fat | -
3 | -Larry | -the Bird | -
# | -First Name | -Last Name | -Username | -
---|---|---|---|
1 | -Mark | -Otto | -@mdo | -
2 | -Jacob | -Thornton | -@fat | -
3 | -Larry | -the Bird | -
# | -First Name | -Last Name | -Username | -
---|---|---|---|
1 | -Mark | -Otto | -@mdo | -
2 | -Jacob | -Thornton | -@fat | -
3 | -Larry | -the Bird | -
# | -First Name | -Last Name | -Username | -
---|---|---|---|
1 | -Mark | -Otto | -@mdo | -
2 | -Jacob | -Thornton | -@fat | -
3 | -Larry | -the Bird | -
# | -First Name | -Last Name | -Username | -
---|---|---|---|
1 | -Mark | -Otto | -@mdo | -
2 | -Jacob | -Thornton | -@fat | -
3 | -Larry | -the Bird | -|
4 | -John | -Smith | -@jsmith | -
This is an example of lead body copy.
-This is an example of standard paragraph text. This is an example of link anchor text within body copy.
-- This is an example of small, fine print text. -
-- This is an example of strong, bold text. -
-- This is an example of emphasized, italic text. -
-Left aligned text.
-Center aligned text.
-Right aligned text.
-This is an example of muted text.
-This is an example of primary text.
-This is an example of success text.
-This is an example of info text.
-This is an example of warning text.
-This is an example of danger text.
-The abbreviation of the word attribute is - attr.
-- HTMLis an abbreviation for a programming language.
---Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
-
--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.
-
This is an example of an inline code element within body copy. Wrap inline code within a
- <code>...</code>
tag.
This is an example of preformatted text.-