Copyright (c) 2017 msurguy
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
Style Guide
Typography
Headers
Example
EMS
PX
Header 1
2em
32px
Header 2
1.75em
28px
Header 3
1.5em
24px
Header 4
1.313em
21px
Header 5
1.125em
18px
Header 6
1em
16px
Text Emphasis Classes
- .text-muted
- .text-primary
- .text-warning
- .text-danger
- .text-success
- .text-info
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
John Smith
Code
I like to
.
Pre
/* I also like multi-line code */
body {
font-size: 16px;
color: #333;
...
}
Tables
Basic Table
#
First Name
Last Name
Username
1
John
Smith
jsmith
2
Jane
Doe
jdoe
3
Jon
Doe
jondoe
Table Striped
#
First Name
Last Name
Username
1
John
Smith
jsmith
2
Jane
Doe
jdoe
3
Jon
Doe
jondoe
Table Hover
#
First Name
Last Name
Username
1
John
Smith
jsmith
2
Jane
Doe
jdoe
3
Jon
Doe
jondoe
Table Bordered
#
First Name
Last Name
Username
1
John
Smith
jsmith
2
Jane
Doe
jdoe
3
Jon
Doe
jondoe
Table Condensed
#
First Name
Last Name
Username
1
John
Smith
jsmith
2
Jane
Doe
jdoe
3
Jon
Doe
jondoe
Contextual Table Classes
#
First Name
Last Name
Username
1
John
Smith
jsmith
2
Jane
Doe
jdoe
3
Jon
Doe
jondoe
3
Jon
Doe
jondoe
Forms
Inline Form
Horizontal Form
Input Groups
@
.00
$
.00
Buttons
Button Groups
Dropdowns
Tabs & Pills
Basic Tabs
Justified Tabs
Basic Pills
Justified Pills
Navbar
Basic Navbar
Navbar Form
Navbar Buttons
Navbar Text
Navbar Form
Breadcrumbs
Pagination
Pager
Aligned Links
Labels & Badges
Labels
- Default
- Primary
- Success
- Warning
- Danger
- Info
Badges
- 1
- 2
- 3
- 4
- 5
- 6
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Page Header
Example page header subtext for header
Alerts
Block Alert
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. Link
Progress Bars
Default Bars
Striped Bars
Thumbnails
Default
Custom Content
Media Object
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.
List Groups
Basic List Group
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
With Badges
- 1 Cras justo odio
- 3 Dapibus ac facilisis in
- 10 Morbi leo risus
- 6 Porta ac consectetur ac
- 800 Vestibulum at eros
Linked List Group
Custom Content
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Panels
Basic Panel
Basic panel example
Panel with Header
Panel heading
Panel content
Panel title
Panel content
Panel with Footer
Panel content
Contextual Alternatives
Panel heading
Panel content
Panel heading
Panel content
Panel heading
Panel content
Panel heading
Panel content
Panel heading
Panel content
With List Groups
Panel Heading
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Wells
Default
Use the well...
Large
Use the well...
Small
Use the well...
Modal
Tooltip
Collapse
Carousel
/*
https://github.com/cardeo/cardeostrap
TYPOGRAPHY
*/
body{background:#fff;font-family:"Helvetica Neue",helvetica,arial,verdana,sans-serif;font-size:16px;line-height:1.428571429;color:#333;padding-top:2em}ul,ol{margin-bottom:1.5em;margin-left:2em}ul.unstyled,ul.inline{margin-left:0;padding-left:0}li{line-height:1.428571429}ul.inline li{margin-right:1em;display:inline-block}ul.inline li.right{margin-left:1em}a,a:link,a:visited{color:#3498db;text-decoration:none}a:hover{color:#232323;text-decoration:underline}p{margin-bottom:1.5em}hr{margin:1.5em 0;border-top:1px solid #bdc3c7;border-bottom:0}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",helvetica,arial,verdana,sans-serif;font-weight:400}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.313em}h5{font-size:1.125em}h6{font-size:1em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:.75em;color:#bdc3c7}h1,h2,h3,h4,h5,h6{margin:.5em 0}h1,h2,h3,h4,h5,h6{color:#333}blockquote{color:#333}blockquote.pull-right{float:none;padding:1em;border:0;text-align:right}small,.small{font-size:.75em;color:#bdc3c7}code,pre{padding:0 .5em .19999999999999996em;font-size:1em;color:#e74c3c;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}code{padding:.19999999999999996em .5em;background-color:#ecf0f1;color:#e74c3c;border:0}pre{color:#3498db;padding:1em;margin:.75em 0;font-size:1em;line-height:1.428571429;background-color:#ecf0f1;border:0;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.hero-unit{padding:1em;font-size:1em;line-height:1.428571429;background:#333;color:#fff;border:0;margin-bottom:1em;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.hero-unit h1{font-size:3em;margin:0;line-height:1.178571429;color:#fff}.text-muted{color:#bdc3c7}.text-primary{color:#333}.text-warning{color:#f1c40f}.text-danger{color:#e74c3c}.text-success{color:#2ecc71}.text-info{color:#1abc9c}.container-fluid{margin:0 4em}.form-control{color:#333;background:#fff;border:solid 1px #bdc3c7;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}legend{font-family:"Helvetica Neue",helvetica,arial,verdana,sans-serif;color:#333;border-bottom:1px solid #bdc3c7}fieldset{margin-bottom:2em}fieldset:last-child{margin:0}input,select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #bdc3c7;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}select{border:1px solid #bdc3c7}input:focus,textarea:focus,select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:#3498db;color:#333;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{outline:thin dotted #3498db;outline:1px auto -webkit-focus-ring-color;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}input[type="file"]{border:0}.help-block{font-size:.875em;color:#bdc3c7}form.form-inline select,form.form-inline input[type="text"],form.form-inline input[type="password"],form.form-inline input[type="datetime"],form.form-inline input[type="datetime-local"],form.form-inline input[type="date"],form.form-inline input[type="month"],form.form-inline input[type="time"],form.form-inline input[type="week"],form.form-inline input[type="number"],form.form-inline input[type="email"],form.form-inline input[type="url"],form.form-inline input[type="search"],form.form-inline input[type="tel"],form.form-inline input[type="color"]{width:120px}form.form-search{background:transparent;padding:0}form small{padding-left:.5em}.input-group-addon{background:#3498db;color:#fff;border-color:#3498db}table,.table{margin-bottom:1.5em;background:#fff}th,.table th,.table th{padding:1em;line-height:1.428571429}td,.table td,.table td{padding:1em;line-height:1.428571429;vertical-align:middle;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}caption{font-weight:700;padding:1em;border:1px solid #bdc3c7;border-bottom:0}.table-striped tbody>tr:nth-child(odd){background:#ecf0f1}.table-hover tbody tr:hover td,.table-hover tbody tr:hover th,.table-striped.table-hover tbody tr:hover td,.table-striped.table-hover tbody tr:hover th{background-color:#bdc3c7;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.table-condensed th,.table-condensed td,.table-striped.table-condensed td,.table-striped.table-condensed th{padding:.5em;font-size:.857em}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:transparent}.table-bordered th,.table-bordered td{border:#bdc3c7 1px solid;border-top:0}th.center,td.center{text-align:center}th.right,td.right{text-align:right}th{white-space:nowrap}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background:#27ae60;border-color:#27ae60;color:#fff}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background:#c0392b;border-color:#c0392b;color:#fff}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background:#f39c12;border-color:#f39c12;color:#fff}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#ecf0f1;border-color:#bdc3c7}.btn{background-color:#fff;border:#bdc3c7 solid 1px;color:#333;cursor:pointer;font-size:.875em;display:inline-block;margin-bottom:0;outline:0;text-decoration:none;white-space:nowrap;text-transform:uppercase;text-align:center;text-shadow:none;background-image:none;font-family:"Helvetica Neue",helvetica,arial,verdana,sans-serif;font-weight:700;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.btn:hover,.btn:active{background:#ecf0f1;color:#333;text-decoration:none;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.btn-default,a.btn-default{border:1px solid #bdc3c7;color:#333;background-color:#fff}.btn-default:hover,.btn-default:active{border:1px solid #bdc3c7;color:#333;background:#ecf0f1}.btn-primary,a.btn-primary{border:1px solid #3498db;color:#fff;background:#3498db}.btn-primary:hover,.btn-primary:active{border:1px solid #2980b9;color:#fff;background:#2980b9}.btn-info,a.btn-info{border:1px solid #1abc9c;color:#fff;background:#1abc9c}.btn-info:hover,.btn-info:active{border:1px solid #16a085;color:#fff;background:#16a085}.btn-success,a.btn-success{border:1px solid #2ecc71;color:#fff;background:#2ecc71}.btn-success:hover,.btn-success:active{border:1px solid #27ae60;color:#fff;background:#27ae60}.btn-warning,a.btn-warning{border:1px solid #f1c40f;color:#fff;background:#f1c40f}.btn-warning:hover,.btn-warning:active{border:1px solid #f39c12;color:#fff;background:#f39c12}.btn-danger,a.btn-danger{border:1px solid #e74c3c;color:#fff;background:#e74c3c}.btn-danger:hover,.btn-danger:active{border:1px solid #c0392b;color:#fff;background:#c0392b}.btn-inverse,a.btn-inverse{border:1px solid #34495e;color:#fff;background:#34495e}.btn-inverse:hover,.btn-inverse:active{border:1px solid #2c3e50;color:#fff;background:#2c3e50}.btn-link,.btn-link:hover,.btn-link:active{border:0;background:transparent}.btn-xs{font-size:.625em}.btn-sm{font-size:.75em}.btn-lg{font-size:1.5em}.btn.disabled,.btn.disabled:hover,.btn.disabled:active{background:#bdc3c7;color:#95a5a6;cursor:default}a [class^="icon-"],a [class*=" icon-"]{text-decoration:none}.dropdown{position:relative}.dropdown-menu{border:1px solid #bdc3c7;background:#fff;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-webkit-margin-before:0}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{color:#fff;background-color:#3498db;background-image:none}.dropdown-menu .divider{background-color:#bdc3c7}.caret{border-top:4px solid #fff}.dropdown-header{color:#bdc3c7;font-size:.75em;padding:.5em}button.dropdown-toggle{min-width:0}.nav-tabs{border-bottom:solid 1px #bdc3c7}ul.nav-tabs,ul.nav-pills{margin:0}.nav-tabs>li>a{border:solid #bdc3c7 transparent;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#333;background:#fff;border-top:solid 1px #bdc3c7;border-left:solid 1px #bdc3c7;border-right:solid 1px #bdc3c7;border-bottom:solid 1px transparent}.nav-tabs>li>a:hover{border-color:none;border-bottom-color:#bdc3c7}.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{border-color:#bdc3c7}.nav-tabs .dropdown-menu .divider,.nav-pills .dropdown-menu .divider{border-color:#bdc3c7;background:#bdc3c7}.nav>li>a:hover,.nav>li>a:focus{background-color:#ecf0f1;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.nav-pills>li.active>a,.nav-pills>li.active>a:hover{color:#fff;background-color:#3498db;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.nav-tabs.nav-justified>li>a{border-bottom:solid 1px #bdc3c7}.navbar{background:#ecf0f1}.navbar-nav>.active>a,.navbar-nav>.active>a:hover,.navbar-nav>.active>a:focus{color:#fff;background:#3498db}.navbar-brand a{color:#bdc3c7}.navbar-brand:hover,.navbar-brand:focus{color:#333}.navbar-nav>li>a{color:#95a5a6}.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#fff;background:#3498db}.navbar-form-width{width:200px}ul.navbar-nav{margin-left:0}.navbar-nav>li>.dropdown-menu{border:solid #bdc3c7 1px}.navbar-nav .dropdown-menu .divider{border-color:#bdc3c7;background:#bdc3c7}.navbar-nav>.open>a,.navbar-nav>.open>a:hover,.navbar-nav>.open>a:focus{color:#fff;background-color:#3498db}.navbar-inverse{background:#333}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background:#3498db}ul.breadcrumb{margin-left:0}.breadcrumb li.active a{color:#333}.pager li>a,.pager li>span{color:#333;background:#fff;border:solid 1px #bdc3c7}.pager li>a:hover,.pager li>a:focus{color:#333;background-color:#ecf0f1}.label,.badge{background:#fff}.label-default,.badge-default{color:#333;border:1px #bdc3c7 solid}.label-primary,.badge-primary{background:#3498db}.label-success,.badge-success{background:#2ecc71}.label-warning,.badge-warning{background:#f1c40f}.label-danger,.badge-danger{background:#e74c3c}.label-info,.badge-info{background:#1abc9c}.jumbotron{background-color:#ecf0f1}.jumbotron h1{font-weight:700;font-size:3em;letter-spacing:-1px}.progress{margin-bottom:1em;background:#ecf0f1;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.progress-bar{font-size:1em;color:#fff;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.progress-bar-info,.progress-striped .progress-bar-info{background-color:#1abc9c}.progress-bar-success,.progress-striped .progress-bar-success{background-color:#2ecc71}.progress-bar-warning,.progress-striped .progress-bar-warning{background-color:#f1c40f}.progress-bar-danger,.progress-striped .progress-bar-danger{background-color:#e74c3c}.thumbnail,.img-thumbnail{border:1px solid #bdc3c7;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;transition:background .1s linear}.thumbnail .caption p:last-child{margin-bottom:0}a.thumbnail:hover,a.thumbnail:focus{border:1px solid #3498db}ul.list-group{margin-left:0}.list-group-item{padding-top:1em;padding-right:2em;padding-bottom:1em;padding-left:1em;background:#fff;border:1px solid #bdc3c7}a.list-group-item.active,a.list-group-item.active:hover{background-color:#3498db;color:#fff}a.list-group-item.active .list-group-item-text{color:#fff}a.list-group-item:hover,a.list-group-item:focus{background:#ecf0f1}.panel{margin-bottom:1em;background-color:#fff;border:1px solid #bdc3c7;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.panel-heading{padding:1em;background:#ecf0f1;border-bottom:1px solid #bdc3c7;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.panel-title{font-size:1em}.panel-footer{padding:1em;background-color:#ecf0f1;border-top:1px solid #bdc3c7;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.panel .list-group .list-group-item:first-child{-moz-border-radius:0;border-radius:0}.panel .list-group .list-group-item{border-width:1px 0}.list-group-item:last-child{margin-bottom:0;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.panel .list-group .list-group-item:last-child{border-bottom:0}.panel-primary{border-color:#3498db}.panel-primary .panel-heading{color:#fff;background:#3498db;border-color:#3498db}.panel-success{border-color:#2ecc71}.panel-success .panel-heading{color:#fff;background-color:#2ecc71;border-color:#2ecc71}.panel-warning{border-color:#f1c40f}.panel-warning .panel-heading{color:#fff;background-color:#f1c40f;border-color:#f1c40f}.panel-danger{border-color:#e74c3c}.panel-danger .panel-heading{color:#fff;background-color:#e74c3c;border-color:#e74c3c}.panel-info{border-color:#1abc9c}.panel-info .panel-heading{color:#fff;background-color:#1abc9c;border-color:#1abc9c}.well{padding:1em;margin-bottom:1em;background-color:#ecf0f1;border:1px solid #bdc3c7;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.well-large{padding:1.5em;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.well-small{padding:.5em;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.tooltip{font-size:1em}.tooltip-inner{padding:.5em 1em;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.accordion{margin-bottom:1em}.accordion-group{border:solid 1px #bdc3c7;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.accordion-heading .accordion-toggle{padding:1em}.accordion-inner{padding:1em;border-top:1px solid #bdc3c7}.carousel-indicators li{border:1px solid #fff}.carousel-caption{color:#fff}.carousel h3{color:#fff}.alert,.alert-danger,.alert-success,.alert-info,.alert-block{color:#fff;text-shadow:none;border:0;padding:1em;margin-bottom:1em;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.alert{background-color:#f1c40f}.alert-danger{background-color:#e74c3c}.alert-success{background-color:#2ecc71}.alert-info{background-color:#1abc9c}.alert .close{position:static}.alert p:last-child{margin-bottom:0}.alert a{color:#f39c12}.alert-danger a{color:#c0392b}.alert-success a{color:#27ae60}.alert-info a{color:#16a085}.alert a:hover{color:#fff}.has-warning .help-block,.has-warning .control-label{color:#f1c40f}.has-warning .form-control{border-color:#f1c40f;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.has-error .help-block,.has-error .control-label{color:#e74c3c}.has-error .form-control{border-color:#e74c3c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.has-success .help-block,.has-success .control-label{color:#2ecc71}.has-success .form-control{border-color:#2ecc71;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
/* for demo only */
.footer {
border-top: 1px solid #ccc;
margin-top: 40px;
padding-top: 20px;
padding-bottom: 100px;
color: #ccc;
}
.leading {
margin-bottom: 2em;
}
h1 {
display: none;
}
h1#page-top,
h1#demoh1,
h1#jumboheader,
h1#demoheader
{
display: block;
}
$(document).ready(function(){
$('#drop1, #drop2, #drop3, #drop4, #drop5, #drop6, #drop7, #drop8, #drop9, #nav1, #nav2, #nav3').dropdown();
$('.navbar-responsive-collapse').collapse();
$('#tooltip-left, #tooltip-top, #tooltip-bottom, #tooltip-right').tooltip();
$('.carousel').carousel()
});