added more preview pages and more templates
This commit is contained in:
westfarn committed
1 parent
c6119ffdf5
commit
b19fdee30d
3726 files changed
+651487
-6169
No files matched your search
+30
@@ -0,0 +1,30 @@
|
||||
/*!
|
||||
* Bootstrap v2.3.0
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
// CSS Reset
|
||||
@import "reset.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "scaffolding.less";
|
||||
@import "grid.less";
|
||||
@import "layouts.less";
|
||||
|
||||
// Base CSS
|
||||
@import "type.less";
|
||||
@import "code.less";
|
||||
|
||||
|
||||
// Utility classes
|
||||
@import "utilities.less"; // Has to be last to override when necessary
|
||||
@import "font-awesome.less"; // Has to be last to override when necessary
|
||||
+61
@@ -0,0 +1,61 @@
|
||||
//
|
||||
// Code (inline and blocK)
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Inline and block code styles
|
||||
code,
|
||||
pre {
|
||||
padding: 0 3px 2px;
|
||||
#font > #family > .monospace;
|
||||
font-size: @baseFontSize - 2;
|
||||
color: @grayDark;
|
||||
.border-radius(3px);
|
||||
}
|
||||
|
||||
// Inline code
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
color: #d14;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// Blocks of code
|
||||
pre {
|
||||
display: block;
|
||||
padding: (@baseLineHeight - 1) / 2;
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
font-size: @baseFontSize - 1; // 14px to 13px
|
||||
line-height: @baseLineHeight;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc; // fallback for IE7-8
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
.border-radius(@baseBorderRadius);
|
||||
|
||||
// Make prettyprint styles more spaced out for readability
|
||||
&.prettyprint {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Account for some code outputs that place code tags in pre tags
|
||||
code {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Enable scrollable blocks of code
|
||||
.pre-scrollable {
|
||||
max-height: 340px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
+537
@@ -0,0 +1,537 @@
|
||||
/*!
|
||||
* Font Awesome 3.0.2
|
||||
* the iconic font designed for use with Twitter Bootstrap
|
||||
* -------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation
|
||||
* can be found at: http://fortawesome.github.com/Font-Awesome/
|
||||
*
|
||||
* License
|
||||
* -------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
|
||||
|
||||
* Contact
|
||||
* -------------------------------------------------------
|
||||
* Email: dave@davegandy.com
|
||||
* Twitter: http://twitter.com/fortaweso_me
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
|
||||
@FontAwesomePath: "../fonts";
|
||||
@borderColor: #eee;
|
||||
@iconMuted: #eee;
|
||||
.border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=3.0.1');
|
||||
src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format('woff'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
|
||||
// url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=3.0.1') format('svg');
|
||||
|
||||
// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype');
|
||||
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* sprites.less reset */
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* more sprites.less reset */
|
||||
.icon-white,
|
||||
.nav-pills > .active > a > [class^="icon-"],
|
||||
.nav-pills > .active > a > [class*=" icon-"],
|
||||
.nav-list > .active > a > [class^="icon-"],
|
||||
.nav-list > .active > a > [class*=" icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||||
.dropdown-menu > .active > a > [class^="icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
/* makes sure icons active on rollover in links */
|
||||
a {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: -10%;
|
||||
font-size: 4/3em;
|
||||
}
|
||||
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
&.icon-large { line-height: .9em; }
|
||||
&.icon-spin { display: inline-block; }
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs, .nav-pills {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
&, &.icon-large { line-height: .9em; }
|
||||
}
|
||||
}
|
||||
|
||||
li, .nav li {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
&.icon-large {
|
||||
/* increased font size for icon-large */
|
||||
width: 1.25*1.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.icons {
|
||||
list-style-type: none;
|
||||
text-indent: -.75em;
|
||||
|
||||
li {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
width: .75em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-muted {
|
||||
color: @iconMuted;
|
||||
}
|
||||
|
||||
// Icon Borders
|
||||
// -------------------------
|
||||
|
||||
.icon-border {
|
||||
border: solid 1px @borderColor;
|
||||
padding: .2em .25em .15em;
|
||||
.border-radius(3px);
|
||||
}
|
||||
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
.icon-2x {
|
||||
font-size: 2em;
|
||||
&.icon-border {
|
||||
border-width: 2px;
|
||||
.border-radius(4px);
|
||||
}
|
||||
}
|
||||
.icon-3x {
|
||||
font-size: 3em;
|
||||
&.icon-border {
|
||||
border-width: 3px;
|
||||
.border-radius(5px);
|
||||
}
|
||||
}
|
||||
.icon-4x {
|
||||
font-size: 4em;
|
||||
&.icon-border {
|
||||
border-width: 4px;
|
||||
.border-radius(6px);
|
||||
}
|
||||
}
|
||||
|
||||
// Floats
|
||||
// -------------------------
|
||||
|
||||
// Quick floats
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left {
|
||||
margin-right: .3em;
|
||||
}
|
||||
&.pull-right {
|
||||
margin-left: .3em;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x { margin-top: .18em; }
|
||||
}
|
||||
&.icon-spin.icon-large { line-height: .8em; }
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-small {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x { margin-top: .25em; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-large {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
margin-top: 0; // overrides bootstrap default
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x { margin-top: .05em; }
|
||||
}
|
||||
&.pull-left.icon-2x { margin-right: .2em; }
|
||||
&.pull-right.icon-2x { margin-left: .2em; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.icon-spin {
|
||||
display: inline-block;
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(359deg); }
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% { -ms-transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.icon-spin { height: .9em; }
|
||||
.btn .icon-spin { height: auto; }
|
||||
.icon-spin.icon-large { height: 1.25em; }
|
||||
.btn .icon-spin.icon-large { height: .75em; }
|
||||
}
|
||||
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before { content: "\f000"; }
|
||||
.icon-music:before { content: "\f001"; }
|
||||
.icon-search:before { content: "\f002"; }
|
||||
.icon-envelope:before { content: "\f003"; }
|
||||
.icon-heart:before { content: "\f004"; }
|
||||
.icon-star:before { content: "\f005"; }
|
||||
.icon-star-empty:before { content: "\f006"; }
|
||||
.icon-user:before { content: "\f007"; }
|
||||
.icon-film:before { content: "\f008"; }
|
||||
.icon-th-large:before { content: "\f009"; }
|
||||
.icon-th:before { content: "\f00a"; }
|
||||
.icon-th-list:before { content: "\f00b"; }
|
||||
.icon-ok:before { content: "\f00c"; }
|
||||
.icon-remove:before { content: "\f00d"; }
|
||||
.icon-zoom-in:before { content: "\f00e"; }
|
||||
|
||||
.icon-zoom-out:before { content: "\f010"; }
|
||||
.icon-off:before { content: "\f011"; }
|
||||
.icon-signal:before { content: "\f012"; }
|
||||
.icon-cog:before { content: "\f013"; }
|
||||
.icon-trash:before { content: "\f014"; }
|
||||
.icon-home:before { content: "\f015"; }
|
||||
.icon-file:before { content: "\f016"; }
|
||||
.icon-time:before { content: "\f017"; }
|
||||
.icon-road:before { content: "\f018"; }
|
||||
.icon-download-alt:before { content: "\f019"; }
|
||||
.icon-download:before { content: "\f01a"; }
|
||||
.icon-upload:before { content: "\f01b"; }
|
||||
.icon-inbox:before { content: "\f01c"; }
|
||||
.icon-play-circle:before { content: "\f01d"; }
|
||||
.icon-repeat:before { content: "\f01e"; }
|
||||
|
||||
/* \f020 doesn't work in Safari. all shifted one down */
|
||||
.icon-refresh:before { content: "\f021"; }
|
||||
.icon-list-alt:before { content: "\f022"; }
|
||||
.icon-lock:before { content: "\f023"; }
|
||||
.icon-flag:before { content: "\f024"; }
|
||||
.icon-headphones:before { content: "\f025"; }
|
||||
.icon-volume-off:before { content: "\f026"; }
|
||||
.icon-volume-down:before { content: "\f027"; }
|
||||
.icon-volume-up:before { content: "\f028"; }
|
||||
.icon-qrcode:before { content: "\f029"; }
|
||||
.icon-barcode:before { content: "\f02a"; }
|
||||
.icon-tag:before { content: "\f02b"; }
|
||||
.icon-tags:before { content: "\f02c"; }
|
||||
.icon-book:before { content: "\f02d"; }
|
||||
.icon-bookmark:before { content: "\f02e"; }
|
||||
.icon-print:before { content: "\f02f"; }
|
||||
|
||||
.icon-camera:before { content: "\f030"; }
|
||||
.icon-font:before { content: "\f031"; }
|
||||
.icon-bold:before { content: "\f032"; }
|
||||
.icon-italic:before { content: "\f033"; }
|
||||
.icon-text-height:before { content: "\f034"; }
|
||||
.icon-text-width:before { content: "\f035"; }
|
||||
.icon-align-left:before { content: "\f036"; }
|
||||
.icon-align-center:before { content: "\f037"; }
|
||||
.icon-align-right:before { content: "\f038"; }
|
||||
.icon-align-justify:before { content: "\f039"; }
|
||||
.icon-list:before { content: "\f03a"; }
|
||||
.icon-indent-left:before { content: "\f03b"; }
|
||||
.icon-indent-right:before { content: "\f03c"; }
|
||||
.icon-facetime-video:before { content: "\f03d"; }
|
||||
.icon-picture:before { content: "\f03e"; }
|
||||
|
||||
.icon-pencil:before { content: "\f040"; }
|
||||
.icon-map-marker:before { content: "\f041"; }
|
||||
.icon-adjust:before { content: "\f042"; }
|
||||
.icon-tint:before { content: "\f043"; }
|
||||
.icon-edit:before { content: "\f044"; }
|
||||
.icon-share:before { content: "\f045"; }
|
||||
.icon-check:before { content: "\f046"; }
|
||||
.icon-move:before { content: "\f047"; }
|
||||
.icon-step-backward:before { content: "\f048"; }
|
||||
.icon-fast-backward:before { content: "\f049"; }
|
||||
.icon-backward:before { content: "\f04a"; }
|
||||
.icon-play:before { content: "\f04b"; }
|
||||
.icon-pause:before { content: "\f04c"; }
|
||||
.icon-stop:before { content: "\f04d"; }
|
||||
.icon-forward:before { content: "\f04e"; }
|
||||
|
||||
.icon-fast-forward:before { content: "\f050"; }
|
||||
.icon-step-forward:before { content: "\f051"; }
|
||||
.icon-eject:before { content: "\f052"; }
|
||||
.icon-chevron-left:before { content: "\f053"; }
|
||||
.icon-chevron-right:before { content: "\f054"; }
|
||||
.icon-plus-sign:before { content: "\f055"; }
|
||||
.icon-minus-sign:before { content: "\f056"; }
|
||||
.icon-remove-sign:before { content: "\f057"; }
|
||||
.icon-ok-sign:before { content: "\f058"; }
|
||||
.icon-question-sign:before { content: "\f059"; }
|
||||
.icon-info-sign:before { content: "\f05a"; }
|
||||
.icon-screenshot:before { content: "\f05b"; }
|
||||
.icon-remove-circle:before { content: "\f05c"; }
|
||||
.icon-ok-circle:before { content: "\f05d"; }
|
||||
.icon-ban-circle:before { content: "\f05e"; }
|
||||
|
||||
.icon-arrow-left:before { content: "\f060"; }
|
||||
.icon-arrow-right:before { content: "\f061"; }
|
||||
.icon-arrow-up:before { content: "\f062"; }
|
||||
.icon-arrow-down:before { content: "\f063"; }
|
||||
.icon-share-alt:before { content: "\f064"; }
|
||||
.icon-resize-full:before { content: "\f065"; }
|
||||
.icon-resize-small:before { content: "\f066"; }
|
||||
.icon-plus:before { content: "\f067"; }
|
||||
.icon-minus:before { content: "\f068"; }
|
||||
.icon-asterisk:before { content: "\f069"; }
|
||||
.icon-exclamation-sign:before { content: "\f06a"; }
|
||||
.icon-gift:before { content: "\f06b"; }
|
||||
.icon-leaf:before { content: "\f06c"; }
|
||||
.icon-fire:before { content: "\f06d"; }
|
||||
.icon-eye-open:before { content: "\f06e"; }
|
||||
|
||||
.icon-eye-close:before { content: "\f070"; }
|
||||
.icon-warning-sign:before { content: "\f071"; }
|
||||
.icon-plane:before { content: "\f072"; }
|
||||
.icon-calendar:before { content: "\f073"; }
|
||||
.icon-random:before { content: "\f074"; }
|
||||
.icon-comment:before { content: "\f075"; }
|
||||
.icon-magnet:before { content: "\f076"; }
|
||||
.icon-chevron-up:before { content: "\f077"; }
|
||||
.icon-chevron-down:before { content: "\f078"; }
|
||||
.icon-retweet:before { content: "\f079"; }
|
||||
.icon-shopping-cart:before { content: "\f07a"; }
|
||||
.icon-folder-close:before { content: "\f07b"; }
|
||||
.icon-folder-open:before { content: "\f07c"; }
|
||||
.icon-resize-vertical:before { content: "\f07d"; }
|
||||
.icon-resize-horizontal:before { content: "\f07e"; }
|
||||
|
||||
.icon-bar-chart:before { content: "\f080"; }
|
||||
.icon-twitter-sign:before { content: "\f081"; }
|
||||
.icon-facebook-sign:before { content: "\f082"; }
|
||||
.icon-camera-retro:before { content: "\f083"; }
|
||||
.icon-key:before { content: "\f084"; }
|
||||
.icon-cogs:before { content: "\f085"; }
|
||||
.icon-comments:before { content: "\f086"; }
|
||||
.icon-thumbs-up:before { content: "\f087"; }
|
||||
.icon-thumbs-down:before { content: "\f088"; }
|
||||
.icon-star-half:before { content: "\f089"; }
|
||||
.icon-heart-empty:before { content: "\f08a"; }
|
||||
.icon-signout:before { content: "\f08b"; }
|
||||
.icon-linkedin-sign:before { content: "\f08c"; }
|
||||
.icon-pushpin:before { content: "\f08d"; }
|
||||
.icon-external-link:before { content: "\f08e"; }
|
||||
|
||||
.icon-signin:before { content: "\f090"; }
|
||||
.icon-trophy:before { content: "\f091"; }
|
||||
.icon-github-sign:before { content: "\f092"; }
|
||||
.icon-upload-alt:before { content: "\f093"; }
|
||||
.icon-lemon:before { content: "\f094"; }
|
||||
.icon-phone:before { content: "\f095"; }
|
||||
.icon-check-empty:before { content: "\f096"; }
|
||||
.icon-bookmark-empty:before { content: "\f097"; }
|
||||
.icon-phone-sign:before { content: "\f098"; }
|
||||
.icon-twitter:before { content: "\f099"; }
|
||||
.icon-facebook:before { content: "\f09a"; }
|
||||
.icon-github:before { content: "\f09b"; }
|
||||
.icon-unlock:before { content: "\f09c"; }
|
||||
.icon-credit-card:before { content: "\f09d"; }
|
||||
.icon-rss:before { content: "\f09e"; }
|
||||
|
||||
.icon-hdd:before { content: "\f0a0"; }
|
||||
.icon-bullhorn:before { content: "\f0a1"; }
|
||||
.icon-bell:before { content: "\f0a2"; }
|
||||
.icon-certificate:before { content: "\f0a3"; }
|
||||
.icon-hand-right:before { content: "\f0a4"; }
|
||||
.icon-hand-left:before { content: "\f0a5"; }
|
||||
.icon-hand-up:before { content: "\f0a6"; }
|
||||
.icon-hand-down:before { content: "\f0a7"; }
|
||||
.icon-circle-arrow-left:before { content: "\f0a8"; }
|
||||
.icon-circle-arrow-right:before { content: "\f0a9"; }
|
||||
.icon-circle-arrow-up:before { content: "\f0aa"; }
|
||||
.icon-circle-arrow-down:before { content: "\f0ab"; }
|
||||
.icon-globe:before { content: "\f0ac"; }
|
||||
.icon-wrench:before { content: "\f0ad"; }
|
||||
.icon-tasks:before { content: "\f0ae"; }
|
||||
|
||||
.icon-filter:before { content: "\f0b0"; }
|
||||
.icon-briefcase:before { content: "\f0b1"; }
|
||||
.icon-fullscreen:before { content: "\f0b2"; }
|
||||
|
||||
.icon-group:before { content: "\f0c0"; }
|
||||
.icon-link:before { content: "\f0c1"; }
|
||||
.icon-cloud:before { content: "\f0c2"; }
|
||||
.icon-beaker:before { content: "\f0c3"; }
|
||||
.icon-cut:before { content: "\f0c4"; }
|
||||
.icon-copy:before { content: "\f0c5"; }
|
||||
.icon-paper-clip:before { content: "\f0c6"; }
|
||||
.icon-save:before { content: "\f0c7"; }
|
||||
.icon-sign-blank:before { content: "\f0c8"; }
|
||||
.icon-reorder:before { content: "\f0c9"; }
|
||||
.icon-list-ul:before { content: "\f0ca"; }
|
||||
.icon-list-ol:before { content: "\f0cb"; }
|
||||
.icon-strikethrough:before { content: "\f0cc"; }
|
||||
.icon-underline:before { content: "\f0cd"; }
|
||||
.icon-table:before { content: "\f0ce"; }
|
||||
|
||||
.icon-magic:before { content: "\f0d0"; }
|
||||
.icon-truck:before { content: "\f0d1"; }
|
||||
.icon-pinterest:before { content: "\f0d2"; }
|
||||
.icon-pinterest-sign:before { content: "\f0d3"; }
|
||||
.icon-google-plus-sign:before { content: "\f0d4"; }
|
||||
.icon-google-plus:before { content: "\f0d5"; }
|
||||
.icon-money:before { content: "\f0d6"; }
|
||||
.icon-caret-down:before { content: "\f0d7"; }
|
||||
.icon-caret-up:before { content: "\f0d8"; }
|
||||
.icon-caret-left:before { content: "\f0d9"; }
|
||||
.icon-caret-right:before { content: "\f0da"; }
|
||||
.icon-columns:before { content: "\f0db"; }
|
||||
.icon-sort:before { content: "\f0dc"; }
|
||||
.icon-sort-down:before { content: "\f0dd"; }
|
||||
.icon-sort-up:before { content: "\f0de"; }
|
||||
|
||||
.icon-envelope-alt:before { content: "\f0e0"; }
|
||||
.icon-linkedin:before { content: "\f0e1"; }
|
||||
.icon-undo:before { content: "\f0e2"; }
|
||||
.icon-legal:before { content: "\f0e3"; }
|
||||
.icon-dashboard:before { content: "\f0e4"; }
|
||||
.icon-comment-alt:before { content: "\f0e5"; }
|
||||
.icon-comments-alt:before { content: "\f0e6"; }
|
||||
.icon-bolt:before { content: "\f0e7"; }
|
||||
.icon-sitemap:before { content: "\f0e8"; }
|
||||
.icon-umbrella:before { content: "\f0e9"; }
|
||||
.icon-paste:before { content: "\f0ea"; }
|
||||
.icon-lightbulb:before { content: "\f0eb"; }
|
||||
.icon-exchange:before { content: "\f0ec"; }
|
||||
.icon-cloud-download:before { content: "\f0ed"; }
|
||||
.icon-cloud-upload:before { content: "\f0ee"; }
|
||||
|
||||
.icon-user-md:before { content: "\f0f0"; }
|
||||
.icon-stethoscope:before { content: "\f0f1"; }
|
||||
.icon-suitcase:before { content: "\f0f2"; }
|
||||
.icon-bell-alt:before { content: "\f0f3"; }
|
||||
.icon-coffee:before { content: "\f0f4"; }
|
||||
.icon-food:before { content: "\f0f5"; }
|
||||
.icon-file-alt:before { content: "\f0f6"; }
|
||||
.icon-building:before { content: "\f0f7"; }
|
||||
.icon-hospital:before { content: "\f0f8"; }
|
||||
.icon-ambulance:before { content: "\f0f9"; }
|
||||
.icon-medkit:before { content: "\f0fa"; }
|
||||
.icon-fighter-jet:before { content: "\f0fb"; }
|
||||
.icon-beer:before { content: "\f0fc"; }
|
||||
.icon-h-sign:before { content: "\f0fd"; }
|
||||
.icon-plus-sign-alt:before { content: "\f0fe"; }
|
||||
|
||||
.icon-double-angle-left:before { content: "\f100"; }
|
||||
.icon-double-angle-right:before { content: "\f101"; }
|
||||
.icon-double-angle-up:before { content: "\f102"; }
|
||||
.icon-double-angle-down:before { content: "\f103"; }
|
||||
.icon-angle-left:before { content: "\f104"; }
|
||||
.icon-angle-right:before { content: "\f105"; }
|
||||
.icon-angle-up:before { content: "\f106"; }
|
||||
.icon-angle-down:before { content: "\f107"; }
|
||||
.icon-desktop:before { content: "\f108"; }
|
||||
.icon-laptop:before { content: "\f109"; }
|
||||
.icon-tablet:before { content: "\f10a"; }
|
||||
.icon-mobile-phone:before { content: "\f10b"; }
|
||||
.icon-circle-blank:before { content: "\f10c"; }
|
||||
.icon-quote-left:before { content: "\f10d"; }
|
||||
.icon-quote-right:before { content: "\f10e"; }
|
||||
|
||||
.icon-spinner:before { content: "\f110"; }
|
||||
.icon-circle:before { content: "\f111"; }
|
||||
.icon-reply:before { content: "\f112"; }
|
||||
.icon-github-alt:before { content: "\f113"; }
|
||||
.icon-folder-close-alt:before { content: "\f114"; }
|
||||
.icon-folder-open-alt:before { content: "\f115"; }
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
//
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Fixed (940px)
|
||||
#grid > .core(@gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
// Fluid (940px)
|
||||
#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
|
||||
|
||||
// Reset utility classes due to specificity
|
||||
[class*="span"].hide,
|
||||
.row-fluid [class*="span"].hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class*="span"].pull-right,
|
||||
.row-fluid [class*="span"].pull-right {
|
||||
float: right;
|
||||
}
|
||||
+978
@@ -0,0 +1,978 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:url('../fonts/icomoon.eot');
|
||||
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icomoon.svg#icomoon') format('svg'),
|
||||
url('../fonts/icomoon.woff') format('woff'),
|
||||
url('../fonts/icomoon.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
||||
[data-icon]:before {
|
||||
font-family: 'icomoon';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to have a class per icon */
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: 'icomoon';
|
||||
font-style: normal;
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-home-2:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-newspaper:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-pencil-2:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-droplet:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-pictures:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-music:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-camera-2:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.icon-spades:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-clubs:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-diamonds:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-broadcast:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-mic:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-book:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-file:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-file-2:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-new:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-copy:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-folder-2:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-tag:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-cart:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-calculate:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-phone:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-mail:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-location:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-history:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.icon-printer:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-mouse:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-screen:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-laptop:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-mobile:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-cabinet:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.icon-drawer:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.icon-drawer-2:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-box:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.icon-box-add:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-box-remove:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-database:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-flip:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-flip-2:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-undo:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-redo:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-forward:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-reply:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-reply-2:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-comments:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-comments-2:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-comments-3:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.icon-comments-4:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.icon-comments-5:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-user-2:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-user-3:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-busy:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-loading:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-loading-2:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.icon-zoom-in:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.icon-zoom-out:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-key-2:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-locked:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-unlocked:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-pie:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-bars:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-stats-up:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.icon-gift:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.icon-trophy:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-diamond:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-coffee:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-meter-slow:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-meter-medium:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-meter-fast:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-lab:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-remove:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-remove-2:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-remove-3:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.icon-briefcase-2:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.icon-cars:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-bus:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-cube:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-cube-2:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-glasses:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-glasses-2:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-accessibility:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-accessibility-2:before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-target:before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-target-2:before {
|
||||
content: "\e06d";
|
||||
}
|
||||
.icon-lightning:before {
|
||||
content: "\e06e";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e06f";
|
||||
}
|
||||
.icon-power-2:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.icon-clipboard:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.icon-clipboard-2:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-playlist:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-grid-view:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.icon-tree-view:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.icon-cloud:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.icon-cloud-2:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.icon-download-2:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.icon-upload-2:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.icon-upload-3:before {
|
||||
content: "\e07a";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e07b";
|
||||
}
|
||||
.icon-link-2:before {
|
||||
content: "\e07c";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e07d";
|
||||
}
|
||||
.icon-flag-2:before {
|
||||
content: "\e07e";
|
||||
}
|
||||
.icon-attachment:before {
|
||||
content: "\e07f";
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.icon-eye-2:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.icon-bookmark:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.icon-bookmark-2:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.icon-star-2:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.icon-star-3:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.icon-heart-2:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.icon-thumbs-down:before {
|
||||
content: "\e08a";
|
||||
}
|
||||
.icon-happy:before {
|
||||
content: "\e08b";
|
||||
}
|
||||
.icon-smiley:before {
|
||||
content: "\e08c";
|
||||
}
|
||||
.icon-neutral:before {
|
||||
content: "\e08d";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e08e";
|
||||
}
|
||||
.icon-minus:before {
|
||||
content: "\e08f";
|
||||
}
|
||||
.icon-help:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.icon-help-2:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.icon-blocked:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.icon-cancel:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.icon-cancel-2:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.icon-checkmark:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.icon-minus-2:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.icon-plus-2:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.icon-enter:before {
|
||||
content: "\e098";
|
||||
}
|
||||
.icon-exit:before {
|
||||
content: "\e099";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e09a";
|
||||
}
|
||||
.icon-arrow-up-left:before {
|
||||
content: "\e09b";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e09c";
|
||||
}
|
||||
.icon-arrow-up-right:before {
|
||||
content: "\e09d";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e09e";
|
||||
}
|
||||
.icon-arrow-down-right:before {
|
||||
content: "\e09f";
|
||||
}
|
||||
.icon-arrow-up-left-2:before {
|
||||
content: "\e0a0";
|
||||
}
|
||||
.icon-arrow-up-2:before {
|
||||
content: "\e0a1";
|
||||
}
|
||||
.icon-arrow-up-right-2:before {
|
||||
content: "\e0a2";
|
||||
}
|
||||
.icon-arrow-right-2:before {
|
||||
content: "\e0a3";
|
||||
}
|
||||
.icon-arrow-down-right-2:before {
|
||||
content: "\e0a4";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e0a5";
|
||||
}
|
||||
.icon-arrow-down-left:before {
|
||||
content: "\e0a6";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e0a7";
|
||||
}
|
||||
.icon-arrow-up-left-3:before {
|
||||
content: "\e0a8";
|
||||
}
|
||||
.icon-arrow-up-3:before {
|
||||
content: "\e0a9";
|
||||
}
|
||||
.icon-arrow-up-right-3:before {
|
||||
content: "\e0aa";
|
||||
}
|
||||
.icon-arrow-right-3:before {
|
||||
content: "\e0ab";
|
||||
}
|
||||
.icon-arrow-down-right-3:before {
|
||||
content: "\e0ac";
|
||||
}
|
||||
.icon-arrow-down-2:before {
|
||||
content: "\e0ad";
|
||||
}
|
||||
.icon-arrow-down-left-2:before {
|
||||
content: "\e0ae";
|
||||
}
|
||||
.icon-arrow-left-2:before {
|
||||
content: "\e0af";
|
||||
}
|
||||
.icon-arrow-up-4:before {
|
||||
content: "\e0b0";
|
||||
}
|
||||
.icon-arrow-up-5:before {
|
||||
content: "\e0b1";
|
||||
}
|
||||
.icon-arrow-right-4:before {
|
||||
content: "\e0b2";
|
||||
}
|
||||
.icon-arrow-down-3:before {
|
||||
content: "\e0b3";
|
||||
}
|
||||
.icon-arrow-left-3:before {
|
||||
content: "\e0b4";
|
||||
}
|
||||
.icon-arrow-up-6:before {
|
||||
content: "\e0b5";
|
||||
}
|
||||
.icon-arrow-right-5:before {
|
||||
content: "\e0b6";
|
||||
}
|
||||
.icon-arrow-down-4:before {
|
||||
content: "\e0b7";
|
||||
}
|
||||
.icon-arrow-left-4:before {
|
||||
content: "\e0b8";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e0b9";
|
||||
}
|
||||
.icon-enter-2:before {
|
||||
content: "\e0ba";
|
||||
}
|
||||
.icon-backspace:before {
|
||||
content: "\e0bb";
|
||||
}
|
||||
.icon-backspace-2:before {
|
||||
content: "\e0bc";
|
||||
}
|
||||
.icon-tab:before {
|
||||
content: "\e0bd";
|
||||
}
|
||||
.icon-tab-2:before {
|
||||
content: "\e0be";
|
||||
}
|
||||
.icon-checkbox:before {
|
||||
content: "\e0bf";
|
||||
}
|
||||
.icon-checkbox-unchecked:before {
|
||||
content: "\e0c0";
|
||||
}
|
||||
.icon-checkbox-partial:before {
|
||||
content: "\e0c1";
|
||||
}
|
||||
.icon-paragraph-left:before {
|
||||
content: "\e0c2";
|
||||
}
|
||||
.icon-paragraph-center:before {
|
||||
content: "\e0c3";
|
||||
}
|
||||
.icon-paragraph-right:before {
|
||||
content: "\e0c4";
|
||||
}
|
||||
.icon-paragraph-justify:before {
|
||||
content: "\e0c5";
|
||||
}
|
||||
.icon-left-to-right:before {
|
||||
content: "\e0c6";
|
||||
}
|
||||
.icon-right-to-left:before {
|
||||
content: "\e0c7";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e0c8";
|
||||
}
|
||||
.icon-new-tab:before {
|
||||
content: "\e0c9";
|
||||
}
|
||||
.icon-new-tab-2:before {
|
||||
content: "\e0ca";
|
||||
}
|
||||
.icon-embed:before {
|
||||
content: "\e0cb";
|
||||
}
|
||||
.icon-code:before {
|
||||
content: "\e0cc";
|
||||
}
|
||||
.icon-bluetooth:before {
|
||||
content: "\e0cd";
|
||||
}
|
||||
.icon-share-2:before {
|
||||
content: "\e0ce";
|
||||
}
|
||||
.icon-share-3:before {
|
||||
content: "\e0cf";
|
||||
}
|
||||
.icon-mail-2:before {
|
||||
content: "\e0d0";
|
||||
}
|
||||
.icon-mail-3:before {
|
||||
content: "\e0d1";
|
||||
}
|
||||
.icon-mail-4:before {
|
||||
content: "\e0d2";
|
||||
}
|
||||
.icon-google-plus:before {
|
||||
content: "\e0d3";
|
||||
}
|
||||
.icon-gplus:before {
|
||||
content: "\e0d4";
|
||||
}
|
||||
.icon-google-drive:before {
|
||||
content: "\e0d5";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e0d6";
|
||||
}
|
||||
.icon-facebook-2:before {
|
||||
content: "\e0d7";
|
||||
}
|
||||
.icon-facebook-3:before {
|
||||
content: "\e0d8";
|
||||
}
|
||||
.icon-instagram:before {
|
||||
content: "\e0d9";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e0da";
|
||||
}
|
||||
.icon-twitter-2:before {
|
||||
content: "\e0db";
|
||||
}
|
||||
.icon-twitter-3:before {
|
||||
content: "\e0dc";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e0dd";
|
||||
}
|
||||
.icon-feed-2:before {
|
||||
content: "\e0de";
|
||||
}
|
||||
.icon-feed-3:before {
|
||||
content: "\e0df";
|
||||
}
|
||||
.icon-youtube:before {
|
||||
content: "\e0e0";
|
||||
}
|
||||
.icon-youtube-2:before {
|
||||
content: "\e0e1";
|
||||
}
|
||||
.icon-vimeo:before {
|
||||
content: "\e0e2";
|
||||
}
|
||||
.icon-vimeo-2:before {
|
||||
content: "\e0e3";
|
||||
}
|
||||
.icon-picassa:before {
|
||||
content: "\e0e4";
|
||||
}
|
||||
.icon-picassa-2:before {
|
||||
content: "\e0e5";
|
||||
}
|
||||
.icon-dribbble:before {
|
||||
content: "\e0e6";
|
||||
}
|
||||
.icon-dribbble-2:before {
|
||||
content: "\e0e7";
|
||||
}
|
||||
.icon-dribbble-3:before {
|
||||
content: "\e0e8";
|
||||
}
|
||||
.icon-forrst:before {
|
||||
content: "\e0e9";
|
||||
}
|
||||
.icon-forrst-2:before {
|
||||
content: "\e0ea";
|
||||
}
|
||||
.icon-deviantart:before {
|
||||
content: "\e0eb";
|
||||
}
|
||||
.icon-deviantart-2:before {
|
||||
content: "\e0ec";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e0ed";
|
||||
}
|
||||
.icon-github-2:before {
|
||||
content: "\e0ee";
|
||||
}
|
||||
.icon-github-3:before {
|
||||
content: "\e0ef";
|
||||
}
|
||||
.icon-github-4:before {
|
||||
content: "\e0f0";
|
||||
}
|
||||
.icon-github-5:before {
|
||||
content: "\e0f1";
|
||||
}
|
||||
.icon-github-6:before {
|
||||
content: "\e0f2";
|
||||
}
|
||||
.icon-git:before {
|
||||
content: "\e0f3";
|
||||
}
|
||||
.icon-github-7:before {
|
||||
content: "\e0f4";
|
||||
}
|
||||
.icon-blogger:before {
|
||||
content: "\e0f5";
|
||||
}
|
||||
.icon-blogger-2:before {
|
||||
content: "\e0f6";
|
||||
}
|
||||
.icon-tumblr:before {
|
||||
content: "\e0f7";
|
||||
}
|
||||
.icon-tumblr-2:before {
|
||||
content: "\e0f8";
|
||||
}
|
||||
.icon-yahoo:before {
|
||||
content: "\e0f9";
|
||||
}
|
||||
.icon-yahoo-2:before {
|
||||
content: "\e0fa";
|
||||
}
|
||||
.icon-amazon:before {
|
||||
content: "\e0fb";
|
||||
}
|
||||
.icon-amazon-2:before {
|
||||
content: "\e0fc";
|
||||
}
|
||||
.icon-tux:before {
|
||||
content: "\e0fd";
|
||||
}
|
||||
.icon-apple:before {
|
||||
content: "\e0fe";
|
||||
}
|
||||
.icon-finder:before {
|
||||
content: "\e0ff";
|
||||
}
|
||||
.icon-android:before {
|
||||
content: "\e100";
|
||||
}
|
||||
.icon-windows:before {
|
||||
content: "\e101";
|
||||
}
|
||||
.icon-soundcloud:before {
|
||||
content: "\e102";
|
||||
}
|
||||
.icon-soundcloud-2:before {
|
||||
content: "\e103";
|
||||
}
|
||||
.icon-skype:before {
|
||||
content: "\e104";
|
||||
}
|
||||
.icon-reddit:before {
|
||||
content: "\e105";
|
||||
}
|
||||
.icon-lastfm:before {
|
||||
content: "\e106";
|
||||
}
|
||||
.icon-delicious:before {
|
||||
content: "\e107";
|
||||
}
|
||||
.icon-stumbleupon:before {
|
||||
content: "\e108";
|
||||
}
|
||||
.icon-stumbleupon-2:before {
|
||||
content: "\e109";
|
||||
}
|
||||
.icon-pinterest:before {
|
||||
content: "\e10a";
|
||||
}
|
||||
.icon-pinterest-2:before {
|
||||
content: "\e10b";
|
||||
}
|
||||
.icon-xing:before {
|
||||
content: "\e10c";
|
||||
}
|
||||
.icon-xing-2:before {
|
||||
content: "\e10d";
|
||||
}
|
||||
.icon-flattr:before {
|
||||
content: "\e10e";
|
||||
}
|
||||
.icon-foursquare:before {
|
||||
content: "\e10f";
|
||||
}
|
||||
.icon-foursquare-2:before {
|
||||
content: "\e110";
|
||||
}
|
||||
.icon-paypal:before {
|
||||
content: "\e111";
|
||||
}
|
||||
.icon-paypal-2:before {
|
||||
content: "\e112";
|
||||
}
|
||||
.icon-paypal-3:before {
|
||||
content: "\e113";
|
||||
}
|
||||
.icon-yelp:before {
|
||||
content: "\e114";
|
||||
}
|
||||
.icon-libreoffice:before {
|
||||
content: "\e115";
|
||||
}
|
||||
.icon-file-pdf:before {
|
||||
content: "\e116";
|
||||
}
|
||||
.icon-file-powerpoint:before {
|
||||
content: "\e117";
|
||||
}
|
||||
.icon-file-zip:before {
|
||||
content: "\e118";
|
||||
}
|
||||
.icon-file-xml:before {
|
||||
content: "\e119";
|
||||
}
|
||||
.icon-file-css:before {
|
||||
content: "\e11a";
|
||||
}
|
||||
.icon-html5:before {
|
||||
content: "\e11b";
|
||||
}
|
||||
.icon-html5-2:before {
|
||||
content: "\e11c";
|
||||
}
|
||||
.icon-css3:before {
|
||||
content: "\e11d";
|
||||
}
|
||||
.icon-chrome:before {
|
||||
content: "\e11e";
|
||||
}
|
||||
.icon-firefox:before {
|
||||
content: "\e11f";
|
||||
}
|
||||
.icon-IE:before {
|
||||
content: "\e120";
|
||||
}
|
||||
.icon-opera:before {
|
||||
content: "\e121";
|
||||
}
|
||||
.icon-safari:before {
|
||||
content: "\e122";
|
||||
}
|
||||
.icon-IcoMoon:before {
|
||||
content: "\e123";
|
||||
}
|
||||
.icon-arrow-down-5:before {
|
||||
content: "\e124";
|
||||
}
|
||||
.icon-arrow-down-left-3:before {
|
||||
content: "\e125";
|
||||
}
|
||||
.icon-arrow-left-5:before {
|
||||
content: "\e126";
|
||||
}
|
||||
.icon-arrow-right-6:before {
|
||||
content: "\e127";
|
||||
}
|
||||
.icon-arrow-down-6:before {
|
||||
content: "\e128";
|
||||
}
|
||||
.icon-arrow-left-6:before {
|
||||
content: "\e129";
|
||||
}
|
||||
.icon-radio-checked:before {
|
||||
content: "\e12a";
|
||||
}
|
||||
.icon-radio-unchecked:before {
|
||||
content: "\e12b";
|
||||
}
|
||||
.icon-font:before {
|
||||
content: "\e12c";
|
||||
}
|
||||
.icon-google:before {
|
||||
content: "\e12d";
|
||||
}
|
||||
.icon-google-plus-2:before {
|
||||
content: "\e12e";
|
||||
}
|
||||
.icon-google-plus-3:before {
|
||||
content: "\e12f";
|
||||
}
|
||||
.icon-flickr:before {
|
||||
content: "\e130";
|
||||
}
|
||||
.icon-flickr-2:before {
|
||||
content: "\e131";
|
||||
}
|
||||
.icon-flickr-3:before {
|
||||
content: "\e132";
|
||||
}
|
||||
.icon-wordpress:before {
|
||||
content: "\e133";
|
||||
}
|
||||
.icon-wordpress-2:before {
|
||||
content: "\e134";
|
||||
}
|
||||
.icon-joomla:before {
|
||||
content: "\e135";
|
||||
}
|
||||
.icon-linkedin:before {
|
||||
content: "\e136";
|
||||
}
|
||||
.icon-linkedin-2:before {
|
||||
content: "\e137";
|
||||
}
|
||||
.icon-lastfm-2:before {
|
||||
content: "\e138";
|
||||
}
|
||||
.icon-file-openoffice:before {
|
||||
content: "\e139";
|
||||
}
|
||||
.icon-file-word:before {
|
||||
content: "\e13a";
|
||||
}
|
||||
.icon-file-excel:before {
|
||||
content: "\e13b";
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
#nav_container{
|
||||
width: 220px;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
//
|
||||
// Layouts
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Container (centered, fixed-width layouts)
|
||||
.container {
|
||||
.container-fixed();
|
||||
}
|
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
||||
.container-fluid {
|
||||
padding-right: @gridGutterWidth;
|
||||
padding-left: @gridGutterWidth;
|
||||
.clearfix();
|
||||
}
|
||||
+702
@@ -0,0 +1,702 @@
|
||||
//
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// UTILITY MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Clearfix
|
||||
// --------
|
||||
// For clearing floats like a boss h5bp.com/q
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: "";
|
||||
// Fixes Opera/contenteditable bug:
|
||||
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
|
||||
line-height: 0;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
// ------------------
|
||||
.tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted #333;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
// ----------------------------------
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// IE7 inline-block
|
||||
// ----------------
|
||||
.ie7-inline-block() {
|
||||
*display: inline; /* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// IE7 likes to collapse whitespace on either side of the inline-block elements.
|
||||
// Ems because we're attempting to match the width of a space character. Left
|
||||
// version is for form buttons, which typically come after other elements, and
|
||||
// right version is for icons, which come before. Applying both is ok, but it will
|
||||
// mean that space between those elements will be .6em (~2 space characters) in IE7,
|
||||
// instead of the 1 space in other browsers.
|
||||
.ie7-restore-left-whitespace() {
|
||||
*margin-left: .3em;
|
||||
|
||||
&:first-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ie7-restore-right-whitespace() {
|
||||
*margin-right: .3em;
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
// -------------------------
|
||||
.size(@height, @width) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
.square(@size) {
|
||||
.size(@size, @size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
// -------------------------
|
||||
.placeholder(@color: @placeholderText) {
|
||||
&:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Text overflow
|
||||
// -------------------------
|
||||
// Requires inline-block or block for proper styling
|
||||
.text-overflow() {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// CSS image replacement
|
||||
// -------------------------
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
||||
.hide-text {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
// FONTS
|
||||
// --------------------------------------------------
|
||||
|
||||
#font {
|
||||
#family {
|
||||
.serif() {
|
||||
font-family: @serifFontFamily;
|
||||
}
|
||||
.sans-serif() {
|
||||
font-family: @sansFontFamily;
|
||||
}
|
||||
.monospace() {
|
||||
font-family: @monoFontFamily;
|
||||
}
|
||||
}
|
||||
.shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .sans-serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .monospace;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// FORMS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Block level inputs
|
||||
.input-block-level {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
|
||||
.box-sizing(border-box); // Makes inputs behave like true block-level elements
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Mixin for form field states
|
||||
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
||||
// Set the text color
|
||||
.control-label,
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: @textColor;
|
||||
}
|
||||
// Style inputs accordingly
|
||||
.checkbox,
|
||||
.radio,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
color: @textColor;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
border-color: @borderColor;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken(@borderColor, 10%);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
// Give a small background color for input-prepend/-append
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
color: @textColor;
|
||||
background-color: @backgroundColor;
|
||||
border-color: @textColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Single Corner Border Radius
|
||||
.border-top-left-radius(@radius) {
|
||||
-webkit-border-top-left-radius: @radius;
|
||||
-moz-border-radius-topleft: @radius;
|
||||
border-top-left-radius: @radius;
|
||||
}
|
||||
.border-top-right-radius(@radius) {
|
||||
-webkit-border-top-right-radius: @radius;
|
||||
-moz-border-radius-topright: @radius;
|
||||
border-top-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-right-radius(@radius) {
|
||||
-webkit-border-bottom-right-radius: @radius;
|
||||
-moz-border-radius-bottomright: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-left-radius(@radius) {
|
||||
-webkit-border-bottom-left-radius: @radius;
|
||||
-moz-border-radius-bottomleft: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
}
|
||||
|
||||
// Single Side Border Radius
|
||||
.border-top-radius(@radius) {
|
||||
.border-top-right-radius(@radius);
|
||||
.border-top-left-radius(@radius);
|
||||
}
|
||||
.border-right-radius(@radius) {
|
||||
.border-top-right-radius(@radius);
|
||||
.border-bottom-right-radius(@radius);
|
||||
}
|
||||
.border-bottom-radius(@radius) {
|
||||
.border-bottom-right-radius(@radius);
|
||||
.border-bottom-left-radius(@radius);
|
||||
}
|
||||
.border-left-radius(@radius) {
|
||||
.border-top-left-radius(@radius);
|
||||
.border-bottom-left-radius(@radius);
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
.transition-delay(@transition-delay) {
|
||||
-webkit-transition-delay: @transition-delay;
|
||||
-moz-transition-delay: @transition-delay;
|
||||
-o-transition-delay: @transition-delay;
|
||||
transition-delay: @transition-delay;
|
||||
}
|
||||
.transition-duration(@transition-duration) {
|
||||
-webkit-transition-duration: @transition-duration;
|
||||
-moz-transition-duration: @transition-duration;
|
||||
-o-transition-duration: @transition-duration;
|
||||
transition-duration: @transition-duration;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
.rotate(@degrees) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-moz-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
-o-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
.scale(@ratio) {
|
||||
-webkit-transform: scale(@ratio);
|
||||
-moz-transform: scale(@ratio);
|
||||
-ms-transform: scale(@ratio);
|
||||
-o-transform: scale(@ratio);
|
||||
transform: scale(@ratio);
|
||||
}
|
||||
.translate(@x, @y) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x, @y) {
|
||||
-webkit-transform: skew(@x, @y);
|
||||
-moz-transform: skew(@x, @y);
|
||||
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885
|
||||
-o-transform: skew(@x, @y);
|
||||
transform: skew(@x, @y);
|
||||
-webkit-backface-visibility: hidden; // See https://github.com/twitter/bootstrap/issues/5319
|
||||
}
|
||||
.translate3d(@x, @y, @z) {
|
||||
-webkit-transform: translate3d(@x, @y, @z);
|
||||
-moz-transform: translate3d(@x, @y, @z);
|
||||
-o-transform: translate3d(@x, @y, @z);
|
||||
transform: translate3d(@x, @y, @z);
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
||||
// Default value is `visible`, but can be changed to `hidden
|
||||
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
|
||||
.backface-visibility(@visibility){
|
||||
-webkit-backface-visibility: @visibility;
|
||||
-moz-backface-visibility: @visibility;
|
||||
backface-visibility: @visibility;
|
||||
}
|
||||
|
||||
// Background clipping
|
||||
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
||||
.background-clip(@clip) {
|
||||
-webkit-background-clip: @clip;
|
||||
-moz-background-clip: @clip;
|
||||
background-clip: @clip;
|
||||
}
|
||||
|
||||
// Background sizing
|
||||
.background-size(@size) {
|
||||
-webkit-background-size: @size;
|
||||
-moz-background-size: @size;
|
||||
-o-background-size: @size;
|
||||
background-size: @size;
|
||||
}
|
||||
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
.user-select(@select) {
|
||||
-webkit-user-select: @select;
|
||||
-moz-user-select: @select;
|
||||
-ms-user-select: @select;
|
||||
-o-user-select: @select;
|
||||
user-select: @select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
.resizable(@direction) {
|
||||
resize: @direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@columnCount, @columnGap: @gridGutterWidth) {
|
||||
-webkit-column-count: @columnCount;
|
||||
-moz-column-count: @columnCount;
|
||||
column-count: @columnCount;
|
||||
-webkit-column-gap: @columnGap;
|
||||
-moz-column-gap: @columnGap;
|
||||
column-gap: @columnGap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
.hyphens(@mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: @mode;
|
||||
-moz-hyphens: @mode;
|
||||
-ms-hyphens: @mode;
|
||||
-o-hyphens: @mode;
|
||||
hyphens: @mode;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity) {
|
||||
opacity: @opacity / 100;
|
||||
filter: ~"alpha(opacity=@{opacity})";
|
||||
}
|
||||
|
||||
|
||||
|
||||
// BACKGROUNDS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
.background-clip(padding-box);
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and alerts
|
||||
.gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
color: @textColor;
|
||||
text-shadow: @textShadow;
|
||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down
|
||||
}
|
||||
.vertical(@startColor: #555, @endColor: #333) {
|
||||
background-color: mix(@startColor, @endColor, 60%);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
|
||||
}
|
||||
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10
|
||||
}
|
||||
.horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.radial(@innerColor: #555, @outerColor: #333) {
|
||||
background-color: @outerColor;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
|
||||
background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.striped(@color: #555, @angle: 45deg) {
|
||||
background-color: @color;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
}
|
||||
// Reset filters for IE
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Horizontal dividers
|
||||
// -------------------------
|
||||
// Dividers (basically an hr) within dropdowns and nav lists
|
||||
.nav-divider(@top: #e5e5e5, @bottom: @white) {
|
||||
// IE7 needs a set width since we gave a height. Restricting just
|
||||
// to IE7 to keep the 1px left/right space in other browsers.
|
||||
// It is unclear where IE is getting the extra space that we need
|
||||
// to negative-margin away, but so it goes.
|
||||
*width: 100%;
|
||||
height: 1px;
|
||||
margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
|
||||
*margin: -5px 0 5px;
|
||||
overflow: hidden;
|
||||
background-color: @top;
|
||||
border-bottom: 1px solid @bottom;
|
||||
}
|
||||
|
||||
// Button backgrounds
|
||||
// ------------------
|
||||
.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||
.gradientBar(@startColor, @endColor, @textColor, @textShadow);
|
||||
*background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
||||
.reset-filter();
|
||||
|
||||
// in these cases the gradient won't cover the background, so we override
|
||||
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
||||
color: @textColor;
|
||||
background-color: @endColor;
|
||||
*background-color: darken(@endColor, 5%);
|
||||
}
|
||||
|
||||
// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: darken(@endColor, 10%) e("\9");
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar vertical align
|
||||
// -------------------------
|
||||
// Vertically center elements in the navbar.
|
||||
// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.
|
||||
.navbarVerticalAlign(@elementHeight) {
|
||||
margin-top: (@navbarHeight - @elementHeight) / 2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Grid System
|
||||
// -----------
|
||||
|
||||
// Centered container element
|
||||
.container-fixed() {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Table columns
|
||||
.tableColumns(@columnSpan: 1) {
|
||||
float: none; // undo default grid column styles
|
||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
|
||||
margin-left: 0; // undo default grid column styles
|
||||
}
|
||||
|
||||
// Make a Grid
|
||||
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
|
||||
.makeRow() {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
.makeColumn(@columns: 1, @offset: 0) {
|
||||
float: left;
|
||||
margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
|
||||
// The Grid
|
||||
#grid {
|
||||
|
||||
.core (@gridColumnWidth, @gridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
.span@{index} { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.offsetX (@index) when (@index > 0) {
|
||||
.offset@{index} { .offset(@index); }
|
||||
.offsetX(@index - 1);
|
||||
}
|
||||
.offsetX (0) {}
|
||||
|
||||
.offset (@columns) {
|
||||
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
|
||||
}
|
||||
|
||||
.span (@columns) {
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px; // prevent collapsing columns
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// Set the container width, and override it for fixed navbars in media queries
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container { .span(@gridColumns); }
|
||||
|
||||
// generate .spanX and .offsetX
|
||||
.spanX (@gridColumns);
|
||||
.offsetX (@gridColumns);
|
||||
|
||||
}
|
||||
|
||||
.fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
.span@{index} { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.offsetX (@index) when (@index > 0) {
|
||||
.offset@{index} { .offset(@index); }
|
||||
.offset@{index}:first-child { .offsetFirstChild(@index); }
|
||||
.offsetX(@index - 1);
|
||||
}
|
||||
.offsetX (0) {}
|
||||
|
||||
.offset (@columns) {
|
||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
|
||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.offsetFirstChild (@columns) {
|
||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
|
||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.span (@columns) {
|
||||
width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
||||
*width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
.clearfix();
|
||||
[class*="span"] {
|
||||
.input-block-level();
|
||||
float: left;
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
*margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
[class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Space grid-sized controls properly if multiple per line
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
}
|
||||
|
||||
// generate .spanX and .offsetX
|
||||
.spanX (@gridColumns);
|
||||
.offsetX (@gridColumns);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.input(@gridColumnWidth, @gridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.span(@columns) {
|
||||
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0; // override margin-left from core grid system
|
||||
}
|
||||
|
||||
// Space grid-sized controls properly if multiple per line
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// generate .spanX
|
||||
.spanX (@gridColumns);
|
||||
|
||||
}
|
||||
}
|
||||
+216
@@ -0,0 +1,216 @@
|
||||
//
|
||||
// Reset CSS
|
||||
// Adapted from http://github.com/necolas/normalize.css
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Display in IE6-9 and FF3
|
||||
// -------------------------
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Display block in IE6-9 and FF3
|
||||
// -------------------------
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls
|
||||
// -------------------------
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Base settings
|
||||
// -------------------------
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
// Focus states
|
||||
a:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
// Hover & Active
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Prevents sub and sup affecting line-height in all browsers
|
||||
// -------------------------
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
// Img border in a's and image quality
|
||||
// -------------------------
|
||||
|
||||
img {
|
||||
/* Responsive images (ensure images don't scale beyond their parents) */
|
||||
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
||||
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
||||
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
||||
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
// Prevent max-width from affecting Google Maps
|
||||
#map_canvas img,
|
||||
.google-maps img {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
// Font size in all browsers, margin changes, misc consistency
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
button,
|
||||
input {
|
||||
*overflow: visible; // Inner spacing ie IE6/7
|
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
button,
|
||||
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
||||
}
|
||||
label,
|
||||
select,
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
||||
}
|
||||
input[type="search"] { // Appearance in Safari/Chrome
|
||||
.box-sizing(content-box);
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
input[type="search"]::-webkit-search-decoration,
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
||||
}
|
||||
textarea {
|
||||
overflow: auto; // Remove vertical scrollbar in IE6-9
|
||||
vertical-align: top; // Readability and alignment cross-browser
|
||||
}
|
||||
|
||||
|
||||
// Printing
|
||||
// -------------------------
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
||||
|
||||
@media print {
|
||||
|
||||
* {
|
||||
text-shadow: none !important;
|
||||
color: #000 !important; // Black prints faster: h5bp.com/s
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
// Don't show links for images, or javascript/internal links
|
||||
.ir a:after,
|
||||
a[href^="javascript:"]:after,
|
||||
a[href^="#"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group; // h5bp.com/t
|
||||
}
|
||||
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0.5cm;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
//
|
||||
// Responsive: Large desktop and up
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
// Fixed grid
|
||||
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
|
||||
|
||||
// Fluid grid
|
||||
#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
|
||||
|
||||
// Input grid
|
||||
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
|
||||
|
||||
// Thumbnails
|
||||
.thumbnails {
|
||||
margin-left: -@gridGutterWidth1200;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: @gridGutterWidth1200;
|
||||
}
|
||||
.row-fluid .thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
//
|
||||
// Responsive: Navbar
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// TABLETS AND BELOW
|
||||
// -----------------
|
||||
@media (max-width: @navbarCollapseWidth) {
|
||||
|
||||
// UNFIX THE TOPBAR
|
||||
// ----------------
|
||||
// Remove any padding from the body
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
// Unfix the navbars
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
position: static;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
.navbar-fixed-bottom {
|
||||
margin-top: @baseLineHeight;
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner,
|
||||
.navbar-fixed-bottom .navbar-inner {
|
||||
padding: 5px;
|
||||
}
|
||||
.navbar .container {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
}
|
||||
// Account for brand name
|
||||
.navbar .brand {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin: 0 0 0 -5px;
|
||||
}
|
||||
|
||||
// COLLAPSIBLE NAVBAR
|
||||
// ------------------
|
||||
// Nav collapse clears brand
|
||||
.nav-collapse {
|
||||
clear: both;
|
||||
}
|
||||
// Block-level the nav
|
||||
.nav-collapse .nav {
|
||||
float: none;
|
||||
margin: 0 0 (@baseLineHeight / 2);
|
||||
}
|
||||
.nav-collapse .nav > li {
|
||||
float: none;
|
||||
}
|
||||
.nav-collapse .nav > li > a {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.nav-collapse .nav > .divider-vertical {
|
||||
display: none;
|
||||
}
|
||||
.nav-collapse .nav .nav-header {
|
||||
color: @navbarText;
|
||||
text-shadow: none;
|
||||
}
|
||||
// Nav and dropdown links in navbar
|
||||
.nav-collapse .nav > li > a,
|
||||
.nav-collapse .dropdown-menu a {
|
||||
padding: 9px 15px;
|
||||
font-weight: bold;
|
||||
color: @navbarLinkColor;
|
||||
.border-radius(3px);
|
||||
}
|
||||
// Buttons
|
||||
.nav-collapse .btn {
|
||||
padding: 4px 10px 4px;
|
||||
font-weight: normal;
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
.nav-collapse .dropdown-menu li + li a {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.nav-collapse .nav > li > a:hover,
|
||||
.nav-collapse .nav > li > a:focus,
|
||||
.nav-collapse .dropdown-menu a:hover,
|
||||
.nav-collapse .dropdown-menu a:focus {
|
||||
background-color: @navbarBackground;
|
||||
}
|
||||
.navbar-inverse .nav-collapse .nav > li > a,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a {
|
||||
color: @navbarInverseLinkColor;
|
||||
}
|
||||
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
||||
.navbar-inverse .nav-collapse .nav > li > a:focus,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
|
||||
background-color: @navbarInverseBackground;
|
||||
}
|
||||
// Buttons in the navbar
|
||||
.nav-collapse.in .btn-group {
|
||||
margin-top: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
// Dropdowns in the navbar
|
||||
.nav-collapse .dropdown-menu {
|
||||
position: static;
|
||||
top: auto;
|
||||
left: auto;
|
||||
float: none;
|
||||
display: none;
|
||||
max-width: none;
|
||||
margin: 0 15px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
.border-radius(0);
|
||||
.box-shadow(none);
|
||||
}
|
||||
.nav-collapse .open > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-collapse .dropdown-menu:before,
|
||||
.nav-collapse .dropdown-menu:after {
|
||||
display: none;
|
||||
}
|
||||
.nav-collapse .dropdown-menu .divider {
|
||||
display: none;
|
||||
}
|
||||
.nav-collapse .nav > li > .dropdown-menu {
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// Forms in navbar
|
||||
.nav-collapse .navbar-form,
|
||||
.nav-collapse .navbar-search {
|
||||
float: none;
|
||||
padding: (@baseLineHeight / 2) 15px;
|
||||
margin: (@baseLineHeight / 2) 0;
|
||||
border-top: 1px solid @navbarBackground;
|
||||
border-bottom: 1px solid @navbarBackground;
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
|
||||
}
|
||||
.navbar-inverse .nav-collapse .navbar-form,
|
||||
.navbar-inverse .nav-collapse .navbar-search {
|
||||
border-top-color: @navbarInverseBackground;
|
||||
border-bottom-color: @navbarInverseBackground;
|
||||
}
|
||||
// Pull right (secondary) nav content
|
||||
.navbar .nav-collapse .nav.pull-right {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
// Hide everything in the navbar save .brand and toggle button */
|
||||
.nav-collapse,
|
||||
.nav-collapse.collapse {
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
}
|
||||
// Navbar button
|
||||
.navbar .btn-navbar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// STATIC NAVBAR
|
||||
// -------------
|
||||
.navbar-static .navbar-inner {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
// DEFAULT DESKTOP
|
||||
// ---------------
|
||||
|
||||
@media (min-width: @navbarCollapseDesktopWidth) {
|
||||
|
||||
// Required to make the collapsing navbar work on regular desktops
|
||||
.nav-collapse.collapse {
|
||||
height: auto !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
//
|
||||
// Responsive: Utility classes
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// IE10 Metro responsive
|
||||
// Required for Windows 8 Metro split-screen snapping with IE10
|
||||
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
||||
@-ms-viewport{
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
// Hide from screenreaders and browsers
|
||||
// Credit: HTML5 Boilerplate
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// Visibility utilities
|
||||
|
||||
// For desktops
|
||||
.visible-phone { display: none !important; }
|
||||
.visible-tablet { display: none !important; }
|
||||
.hidden-phone { }
|
||||
.hidden-tablet { }
|
||||
.hidden-desktop { display: none !important; }
|
||||
.visible-desktop { display: inherit !important; }
|
||||
|
||||
// Tablets & small desktops only
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
// Hide everything else
|
||||
.hidden-desktop { display: inherit !important; }
|
||||
.visible-desktop { display: none !important ; }
|
||||
// Show
|
||||
.visible-tablet { display: inherit !important; }
|
||||
// Hide
|
||||
.hidden-tablet { display: none !important; }
|
||||
}
|
||||
|
||||
// Phones only
|
||||
@media (max-width: 767px) {
|
||||
// Hide everything else
|
||||
.hidden-desktop { display: inherit !important; }
|
||||
.visible-desktop { display: none !important; }
|
||||
// Show
|
||||
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
||||
// Hide
|
||||
.hidden-phone { display: none !important; }
|
||||
}
|
||||
|
||||
// Print utilities
|
||||
.visible-print { display: none !important; }
|
||||
.hidden-print { }
|
||||
|
||||
@media print {
|
||||
.visible-print { display: inherit !important; }
|
||||
.hidden-print { display: none !important; }
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*!
|
||||
* Bootstrap Responsive v2.3.1
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
|
||||
// Responsive.less
|
||||
// For phone and tablet devices
|
||||
// -------------------------------------------------------------
|
||||
|
||||
|
||||
// REPEAT VARIABLES & MIXINS
|
||||
// -------------------------
|
||||
// Required since we compile the responsive stuff separately
|
||||
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
|
||||
// RESPONSIVE CLASSES
|
||||
// ------------------
|
||||
|
||||
@import "responsive-utilities.less";
|
||||
|
||||
|
||||
// MEDIA QUERIES
|
||||
// ------------------
|
||||
|
||||
// Large desktops
|
||||
@import "responsive-1200px-min.less";
|
||||
|
||||
|
||||
// RESPONSIVE NAVBAR
|
||||
// ------------------
|
||||
|
||||
// From 979px and below, show a button to toggle navbar contents
|
||||
@import "responsive-navbar.less";
|
||||
@@ -0,0 +1,52 @@
|
||||
//
|
||||
// Scaffolding
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Body reset
|
||||
// -------------------------
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @textColor;
|
||||
background-color: @bodyBackground;
|
||||
}
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: @linkColorHover;
|
||||
}
|
||||
|
||||
|
||||
// Images
|
||||
// -------------------------
|
||||
|
||||
// Rounded corners
|
||||
.img-rounded {
|
||||
.border-radius(6px);
|
||||
}
|
||||
|
||||
// Add polaroid-esque trim
|
||||
.img-polaroid {
|
||||
padding: 4px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.1));
|
||||
}
|
||||
|
||||
// Perfect circle
|
||||
.img-circle {
|
||||
.border-radius(500px); // crank the border-radius so it works with most reasonably sized images
|
||||
}
|
||||
+959
@@ -0,0 +1,959 @@
|
||||
// Core variables and mixins
|
||||
/*Core variables and mixins*/
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
// template stylization
|
||||
ul {list-style-type:none;}
|
||||
*, a:focus {outline:none !important;}
|
||||
|
||||
#content{
|
||||
min-width: 980px;
|
||||
}
|
||||
|
||||
/*------ template stylization ------*/
|
||||
body {
|
||||
min-width: 767px;
|
||||
color: #666666;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin:0;
|
||||
line-height: 1em;
|
||||
color: @headingsColor;
|
||||
text-rendering: optimizelegibility;
|
||||
small {
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:36px;
|
||||
line-height:1.1em;
|
||||
color:@grayDark;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: @black;
|
||||
font-size: 27px;
|
||||
font-weight: normal;
|
||||
padding: 39px 0 19px;
|
||||
small{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
color:@grayLight;
|
||||
font-size: 24px;
|
||||
font-weight: normal;
|
||||
padding: 34px 0 29px;
|
||||
}
|
||||
|
||||
|
||||
h4{
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
color:@black;
|
||||
font-weight:normal;
|
||||
padding:30px 0 18px
|
||||
}
|
||||
|
||||
h6{font-weight:bold;color:#010101;font-size:13px;margin:0;padding:19px 0 2px}
|
||||
h5{margin:0;line-height:18px;font-size:13px }
|
||||
|
||||
|
||||
.container-fluid{
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
|
||||
.btn {
|
||||
background:#fafafa;
|
||||
display:inline-block;
|
||||
.border-radius(@radius);
|
||||
.box-shadow(@shadow);
|
||||
font-size:13px;
|
||||
line-height:1em;
|
||||
color:@grayDark;
|
||||
font-weight:bold;
|
||||
text-decoration: none;
|
||||
padding: 9px 16px 10px 16px;
|
||||
margin:0;
|
||||
.transition(none); }
|
||||
.top-indent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
p{padding-bottom:9px;margin:0}
|
||||
|
||||
.overfow{overflow:hidden}
|
||||
.img-indent{float:left;margin:13px 30px 27px 0}
|
||||
.img-indent1{margin:0;display:inline-block}
|
||||
.img-indent2{margin:30px 0 0 ;}
|
||||
|
||||
figure.img-polaroid{
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.img-container{
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.link-1{text-decoration:underline;
|
||||
&:hover{text-decoration:none}
|
||||
|
||||
}
|
||||
p strong{color:#010101;}
|
||||
|
||||
|
||||
/*------ header ------- */
|
||||
header{
|
||||
background:#fcfcfc;
|
||||
padding:14px 0 0px;
|
||||
h1{
|
||||
margin:2px 0 0 67px;
|
||||
a{
|
||||
color: #3a3a3a;
|
||||
}
|
||||
}
|
||||
.brand{text-indent:-1000px;
|
||||
background:url(/help/wp-content/logo.png) no-repeat 0 0;.size(85px,375px);display:block}
|
||||
h1{text-align: center;}
|
||||
}
|
||||
|
||||
/*------ content ------- */
|
||||
#content {
|
||||
background:url(../img/tail-content.gif);
|
||||
border-top:1px solid #e1e1e1;
|
||||
border-bottom:1px solid #d7d7d7;
|
||||
padding-bottom:36px;
|
||||
.bg-content-top{background:url(../img/tail-content-top.gif) repeat-x 0 0 ;padding-top:44px}
|
||||
ul{list-style:none}
|
||||
}
|
||||
|
||||
/*------ bs-docs-sidenav ------- */
|
||||
|
||||
#nav_container{
|
||||
background: @white;
|
||||
border-top: 1px solid #ccc;
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 2px 1px 1px rgba(0,0,0,.1));
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
|
||||
#affect_all{
|
||||
padding: 2px 0 8px 0;
|
||||
float: none;
|
||||
text-align: center;
|
||||
color: @gray;
|
||||
display: block;
|
||||
height: 12px;
|
||||
.border-radius(6px 6px 0 0);
|
||||
&:hover{
|
||||
color: @linkColor;
|
||||
}
|
||||
i{
|
||||
&:before{
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.close, .expand{
|
||||
position: relative;
|
||||
i{}
|
||||
}
|
||||
.close{
|
||||
display: none;
|
||||
}
|
||||
.close{
|
||||
[class*="-up"]{}
|
||||
[class*="-down"]{}
|
||||
}
|
||||
.expand{
|
||||
[class*="-up"]{}
|
||||
[class*="-down"]{}
|
||||
}
|
||||
}
|
||||
|
||||
#nav_container{
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.bs-docs-sidenav.affix, #nav_container.affix {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#content{
|
||||
.bs-docs-sidenav{
|
||||
li{
|
||||
a{
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-docs-sidenav {
|
||||
// border-top:1px solid #ccc;
|
||||
width: 100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color: @white;
|
||||
// .border-radius(6px);
|
||||
// .box-shadow(0 2px 1px 1px rgba(0,0,0,.1));
|
||||
>li{
|
||||
border-top:1px solid #dfdfdf;
|
||||
padding:0
|
||||
}
|
||||
li dt a:hover, li.current >a{
|
||||
text-shadow:none;
|
||||
color:#3a3a3a;
|
||||
}
|
||||
|
||||
li{
|
||||
dt{
|
||||
overflow: hidden;
|
||||
&:hover{
|
||||
background:#f5f5f5;
|
||||
}
|
||||
a{
|
||||
font-family: @sansFontFamily;
|
||||
display: block;
|
||||
width: inherit;
|
||||
&:before{
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
}
|
||||
i{
|
||||
float: right;
|
||||
margin-right: 12px;
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
color: #999999;
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
padding: 5px;
|
||||
top: 7px;
|
||||
cursor: pointer;
|
||||
&:before {
|
||||
content: "\f067";
|
||||
}
|
||||
}
|
||||
a{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
&.act_item{
|
||||
dt{
|
||||
background:#f5f5f5;
|
||||
a{
|
||||
&:before{
|
||||
color: @themeBlue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.open_item{
|
||||
dt{
|
||||
i{
|
||||
&:before {
|
||||
content: "\f068";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.current{
|
||||
.slide-down{
|
||||
dd{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slide-down{
|
||||
dd{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.act_item.last{
|
||||
dl.slide-down{
|
||||
// .border-radius(0 0 6px 6px);
|
||||
}
|
||||
}
|
||||
li.act_item.first{
|
||||
dl.slide-down{
|
||||
// .border-radius(6px 6px 0 0);
|
||||
}
|
||||
}
|
||||
|
||||
.slide-down{margin:0}
|
||||
.slide-down dd{margin:0}
|
||||
|
||||
>li:first-child{border:none;}
|
||||
>li:hover{}
|
||||
|
||||
li dt a, >li> a{
|
||||
padding:10px 0 10px 43px;
|
||||
display:block;
|
||||
font-weight:bold;
|
||||
margin:0;
|
||||
position:relative;
|
||||
font-size:13px;
|
||||
color:#3a3a3a;
|
||||
&:before{
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
font-size: 20px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
}
|
||||
li.first dt{
|
||||
border-top:1px solid #dfdfdf;
|
||||
// .border-radius(6px 6px 0 0);
|
||||
}
|
||||
li.last dt{
|
||||
border-bottom:1px solid #dfdfdf;
|
||||
// .border-radius(0 0 6px 6px);
|
||||
}
|
||||
|
||||
// li.item1 dt a:before {background:url(../img/nav-icon1.png) no-repeat 0 0;.size(21px, 30px)}
|
||||
// li.item2 a:before {background:url(../img/nav-icon2.png) no-repeat 0 0;.size(21px, 25px)}
|
||||
// li.item3 a:before {background:url(../img/nav-icon3.png) no-repeat 0 0;.size(21px, 25px)}
|
||||
// li.item4 a:before {background:url(../img/nav-icon4.png) no-repeat 0 0;.size(21px, 28px)}
|
||||
// li.item5 a:before {background:url(../img/nav-icon5.png) no-repeat 0 0;.size(18px, 28px)}
|
||||
// li.item6 a:before {background:url(../img/nav-icon6.png) no-repeat 0 0;.size(17px, 30px)}
|
||||
// li.item7 a:before {background:url(../img/nav-icon7.png) no-repeat 0 0;.size(21px, 25px)}
|
||||
// li.item8 a:before {background:url(../img/nav-icon8.png) no-repeat 0 0;.size(24px, 25px)}
|
||||
// li.item9 a:before {background:url(../img/nav-icon9.png) no-repeat 0 0;.size(22px, 25px)}
|
||||
// li.item10 a:before {background:url(../img/nav-icon10.png) no-repeat 0 0;.size(18px, 25px)}
|
||||
|
||||
|
||||
.list{
|
||||
margin:0;
|
||||
padding:8px 0 6px 20px ;
|
||||
li{
|
||||
padding: 0 20px 10px 7px;
|
||||
a{
|
||||
i{
|
||||
margin-right: 8px;
|
||||
&:before {
|
||||
content: "\f0da";
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
li.current {
|
||||
a, i:before{
|
||||
color:@themeBlue;
|
||||
background:none;
|
||||
&:hover{
|
||||
color:#000;
|
||||
}
|
||||
}
|
||||
}
|
||||
a{
|
||||
color:@grayDark;
|
||||
&:hover{
|
||||
color:#000;
|
||||
i:before{
|
||||
color:#000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.lang_label {
|
||||
display: inline-block;
|
||||
padding-right: 6px;
|
||||
position: relative;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
#lang_icon{
|
||||
border: 1px solid #dfdfdf;
|
||||
display: inline-block;
|
||||
background: #fff;
|
||||
padding: 6px 12px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: 8px;
|
||||
b{
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
&:hover{
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
#lang_list{
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
right: 0;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
.languages{
|
||||
position: relative;
|
||||
ul{
|
||||
li{
|
||||
list-style: none;
|
||||
display: block;
|
||||
width: 90px;
|
||||
padding: 6px 12px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 1px;
|
||||
&.active, &:hover{
|
||||
background: #fff;
|
||||
a{
|
||||
color: #df152b;
|
||||
}
|
||||
}
|
||||
a{
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
span{
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
img{
|
||||
display: block;
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*------ box-conten ------- */
|
||||
.box-content{
|
||||
border-top:1px solid #ccc;
|
||||
background-color: @white;
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 2px 1px 1px rgba(0,0,0,.1));
|
||||
section{
|
||||
padding: 0 33px 25px;
|
||||
border-bottom:1px solid #ccc
|
||||
}
|
||||
}
|
||||
|
||||
#mod_table{
|
||||
.module{
|
||||
.box-sizing(border-box);
|
||||
padding: 10px;
|
||||
}
|
||||
.module:nth-child(even){
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
.files_structure{
|
||||
li{
|
||||
i{
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#section-2{
|
||||
padding:7px 48px 71px 33px;
|
||||
|
||||
}
|
||||
|
||||
.img-paraloid{padding:5px;background:#f5f5f5;border:1px solid #cecece;.border-radius(5px);.box-shadow(0 1px 1px rgba(0,0,0,0.1)) }
|
||||
|
||||
|
||||
.list-1{
|
||||
margin:10px 0 0 ;
|
||||
list-style:decimal;
|
||||
padding-left:20px;
|
||||
li{line-height:18px;padding-bottom:6px;}
|
||||
strong{color:#010101;}
|
||||
}
|
||||
.box-info,
|
||||
.box-error,
|
||||
.box-notification{position:relative;
|
||||
margin-bottom:38px;
|
||||
padding:15px 30px 15px 94px;
|
||||
.box-sizing(border-box);
|
||||
min-height:74px;
|
||||
span{font-size:15px;
|
||||
line-height:20px;color:@white;vertical-align:middle;display:table-cell;height:40px}
|
||||
|
||||
&:before{position:absolute;top:15px;left:15px;.size(44px, 43px);content:""}
|
||||
|
||||
}
|
||||
|
||||
.box-info{#gradient >.vertical(#3383c8,#2b74b4);
|
||||
&:before{background:url(../img/icon-1.png) no-repeat 0 0;}
|
||||
}
|
||||
|
||||
.box-error{#gradient >.vertical(#c93737,#c93737);
|
||||
padding:26px 30px 25px 94px;
|
||||
&:before{background:url(../img/icon-2.png) no-repeat 0 0;top:25px}
|
||||
}
|
||||
|
||||
.box-notification{
|
||||
margin-bottom:0;
|
||||
#gradient >.vertical(#ffa800,#f8970f);
|
||||
&:before{background:url(../img/icon-3.png) no-repeat 0 0;}
|
||||
}
|
||||
|
||||
.btnDisabled{position:absolute;top:0;left:0;
|
||||
width:100%;height:100%;
|
||||
span{background:url(../img/btn-size.png) no-repeat 50% 50%;
|
||||
.square(45px);
|
||||
display:block;}
|
||||
|
||||
}
|
||||
|
||||
.magnifier {
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
background:url(../img/tail-lightbox-hover.png);
|
||||
height: auto;
|
||||
display:block;
|
||||
.transition(all 0.3s ease)
|
||||
}
|
||||
.magnifier:hover {
|
||||
|
||||
|
||||
}
|
||||
.magnifier:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background:url(../img/btn-size.png) no-repeat 50% 50%;
|
||||
.transition(all 0.3s ease)
|
||||
}
|
||||
.magnifier:hover:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.iframe {padding:13px 0 0 82px}
|
||||
|
||||
footer{text-align:center;font-size:13px;line-height:20px;background:@white;padding:30px 0 40px}
|
||||
|
||||
/*======================= SCROLL TO TOP =======================*/
|
||||
|
||||
#back-top {position: fixed; bottom: 135px; right: 20px; z-index: 99}
|
||||
|
||||
#back-top a {
|
||||
width: 51px;
|
||||
display: block;
|
||||
/* transition */
|
||||
-webkit-transition: 0.1s;
|
||||
-moz-transition: 0.1s;
|
||||
transition: 0.1s;
|
||||
color:#666666;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border: 1px solid #dfdfdf;
|
||||
height: 51px;
|
||||
&:hover{
|
||||
background: #f5f5f5;
|
||||
}
|
||||
i{
|
||||
line-height: 51px;
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
/*new-styles*/
|
||||
|
||||
.notification-box {
|
||||
background: url(../img/icon-note.png) no-repeat scroll 20px 50% #FDEBAE;
|
||||
border: 1px solid #E6C555;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
color: #9E660D;
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 0.91em;
|
||||
font-weight: bold;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 20px;
|
||||
margin-top:10px;
|
||||
padding: 30px 30px 30px 90px;
|
||||
}
|
||||
.error-box {
|
||||
background: url(../img/icon-error.png) no-repeat scroll 20px 50% #FFCCCC;
|
||||
border: 1px solid #FF9999;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
color: #C31B00;
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 0.91em;
|
||||
font-weight: bold;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 20px;
|
||||
margin-top:10px;
|
||||
padding: 30px 30px 30px 90px;
|
||||
}
|
||||
.cols {
|
||||
margin: 30px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cols a {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.cols-1 {
|
||||
margin: 0;
|
||||
padding:30px 0;
|
||||
overflow: hidden;
|
||||
text-align:center;
|
||||
a {display:inline-block;}
|
||||
}
|
||||
|
||||
article .inner {
|
||||
padding:0;
|
||||
}
|
||||
.code-pad {padding-top:20px; display:block;}
|
||||
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
|
||||
pre{
|
||||
margin:0;
|
||||
padding:10px;
|
||||
overflow:auto;
|
||||
background:#fff;
|
||||
border:1px dashed #000
|
||||
}
|
||||
.code {
|
||||
background:#eee;
|
||||
padding:10px;
|
||||
margin: 20px 0 20px 0;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------*/
|
||||
|
||||
/*------------------------*/
|
||||
|
||||
#contact-form {
|
||||
width: 300px;
|
||||
position:relative;
|
||||
}
|
||||
#contact-form label{
|
||||
position:relative; /*!*/
|
||||
display:block;
|
||||
min-height:43px;
|
||||
}
|
||||
#contact-form span {
|
||||
display: block
|
||||
}
|
||||
#contact-form ._placeholder{
|
||||
position:absolute; /*!*/
|
||||
left:0;
|
||||
right:0;
|
||||
top:0;
|
||||
bottom:0;
|
||||
cursor:text;
|
||||
color: #666;
|
||||
padding:0px 10px;
|
||||
opacity:.99;
|
||||
font-family:Arial;
|
||||
font-size:12px;
|
||||
.border-radius(4px);
|
||||
line-height: 33px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#contact-form ._placeholder.focused{
|
||||
opacity:.4;
|
||||
filter:alpha(opacity=40);
|
||||
.box-shadow(0px 0px 7px 0px rgba(0, 0, 255, 0.5));
|
||||
}
|
||||
#contact-form ._placeholder.hidden{
|
||||
display:none;
|
||||
}
|
||||
#contact-form input,#contact-form textarea{
|
||||
outline:none;
|
||||
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
||||
.box-sizing(border-box);
|
||||
float:left;
|
||||
.border-radius(4px);
|
||||
padding: 8px 10px 7px 10px;
|
||||
font-size:12px;
|
||||
line-height:15px;
|
||||
font-family:Arial;
|
||||
border:1px #ccc solid;
|
||||
width:300px;
|
||||
height:33px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
#contact-form textarea {height:64px;}
|
||||
#contact-form .error-message, #contact-form .empty-message{
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
font:10px/20px Arial;
|
||||
.transition(.3s ease-in height);
|
||||
position:absolute;
|
||||
right:3px;
|
||||
top:0;
|
||||
}
|
||||
|
||||
#contact-form .invalid .error-message, #contact-form .empty .empty-message{ height:20px;}
|
||||
|
||||
|
||||
|
||||
|
||||
#contact-form .success-message{
|
||||
line-height:48px;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
height:0;
|
||||
left:0;
|
||||
top:0;
|
||||
.box-sizing(border-box);
|
||||
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
||||
.border-radius(4px);
|
||||
background:#fff;
|
||||
|
||||
z-index:10;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
.transition(all .7s linear);
|
||||
padding: 0px 0;
|
||||
}
|
||||
|
||||
#contact-form.success .success-message{
|
||||
height: 270px;
|
||||
padding: 115px 0;
|
||||
border:1px #ccc solid;
|
||||
.transition(all .7s linear);
|
||||
}
|
||||
#contact-form a {
|
||||
display:inline-block;
|
||||
.box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.2));
|
||||
.border-radius(4px);
|
||||
padding: 6px 15px;
|
||||
font-size:12px;
|
||||
font-family:Arial;
|
||||
border:1px #ccc solid;
|
||||
background: #f5f5f5;
|
||||
color: #000;
|
||||
margin-top:10px;}
|
||||
#contact-form a:hover {background: #efefef;}
|
||||
|
||||
/*-------------------*/
|
||||
/*search*/
|
||||
#search {
|
||||
text-align:left;
|
||||
margin:20px 0 5px 0;
|
||||
}
|
||||
#search input[type=text] {
|
||||
outline:none;
|
||||
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
||||
.box-sizing(border-box);
|
||||
float:left;
|
||||
.border-radius(4px);
|
||||
padding: 8px 10px 7px 10px;
|
||||
font-size:12px;
|
||||
line-height:15px;
|
||||
font-family:Arial;
|
||||
border:1px #ccc solid;
|
||||
width:300px;
|
||||
height:33px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
#search a {
|
||||
display:inline-block;
|
||||
.box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.2));
|
||||
.border-radius(4px);
|
||||
padding: 6px 15px;
|
||||
font-size:12px;
|
||||
font-family:Arial;
|
||||
border:1px #ccc solid;
|
||||
background: #f5f5f5;
|
||||
color: #000;
|
||||
margin-top:0px;
|
||||
margin-left:10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
#search a:hover {background: #efefef;}
|
||||
.search-engine .attention {background: url(../img/attention.png) no-repeat scroll 12px 50% #FDF7DF; border:1px solid #E3C555; padding:12px 24px 12px 60px; font-weight:bold; margin-bottom:20px;}
|
||||
|
||||
.search-engine .example {
|
||||
color: #CCCCCC;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
ul.square-list {
|
||||
list-style-position: outside;
|
||||
list-style-type: square;
|
||||
margin: 0 0 1.5em 1.5em;
|
||||
}
|
||||
ul.square-list li {list-style:square;}
|
||||
|
||||
/*newsletter form*/
|
||||
#subscribe-form {
|
||||
width: 300px;
|
||||
position:relative;
|
||||
}
|
||||
#subscribe-form fieldset {border:none; margin:0; padding:0;
|
||||
}
|
||||
#subscribe-form label {
|
||||
position:relative; /*!*/
|
||||
display:block;
|
||||
min-height:43px;
|
||||
}
|
||||
#subscribe-form input, #subscribe-form textarea {
|
||||
outline:none;
|
||||
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
||||
.box-sizing(border-box);
|
||||
float:left;
|
||||
.border-radius(4px);
|
||||
padding: 8px 10px 7px 10px;
|
||||
font-size:12px;
|
||||
line-height:15px;
|
||||
font-family:Arial;
|
||||
border:1px #ccc solid;
|
||||
width:300px;
|
||||
height:33px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#subscribe-form .error {
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
font:10px/20px Arial;
|
||||
.transition(height .3s linear);
|
||||
position:absolute;
|
||||
right:3px;
|
||||
top:0;
|
||||
}
|
||||
#subscribe-form .success {
|
||||
line-height:48px;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
padding: 14px 0;
|
||||
left:0;
|
||||
top:0;
|
||||
display: none;
|
||||
.box-sizing(border-box);
|
||||
.box-shadow(inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2));
|
||||
.border-radius(4px);
|
||||
background:#fff;
|
||||
border:1px #ccc solid;
|
||||
z-index:10;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
#subscribe-form .btns a {
|
||||
display:inline-block;
|
||||
.box-shadow(0px 0px 5px 0px rgba(0, 0, 0, 0.2));
|
||||
.border-radius(4px);
|
||||
padding: 6px 15px;
|
||||
font-size:12px;
|
||||
font-family:Arial;
|
||||
border:1px #ccc solid;
|
||||
background: #f5f5f5;
|
||||
color: #000;
|
||||
margin-top:0px;
|
||||
}
|
||||
#subscribe-form .btns a:hover {background: #efefef;}
|
||||
|
||||
#subscribe-form label.invalid .error {
|
||||
height: 19px;
|
||||
}
|
||||
/*underconstruction*/
|
||||
|
||||
.counter_pos {margin:70px auto; width:545px; border:1px solid #CCC; background:#EEE; padding:10px; border-radius:5px}
|
||||
.counter_pos1 {margin:20px auto; width:525px; }
|
||||
.cntSeparator {font-size: 50px;margin: 24px 0px;color: #000; font-family:Georgia, "Times New Roman", Times, serif;}
|
||||
.counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 0 15px;}
|
||||
.counter_desc div{ width:104px; text-align:center; float:left;}
|
||||
.counter_desc .days {margin-left:10px;}
|
||||
.counter_desc .hours {margin-left:45px;}
|
||||
.counter_desc .minutes {margin-left:23px;}
|
||||
.counter_desc .seconds {margin-left:12px;}
|
||||
/***/
|
||||
/*fixed-menu*/
|
||||
|
||||
#content .bs-docs-sidenav li dt {position:relative;}
|
||||
#content .bs-docs-sidenav li dt a {width:100%; display:block; text-align:left; .box-sizing(border-box); padding:10px 30px 10px 43px;}
|
||||
#content .bs-docs-sidenav li dt i {
|
||||
right: 8px;
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
top: 7px;}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
#content{
|
||||
#nav_container {
|
||||
width: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {font-size: 24px;}
|
||||
}
|
||||
header h1 {margin:2px 0 0 0px; white-space:nowrap;}
|
||||
.cols a {width:45%;}
|
||||
|
||||
/* Bootstrap code examples
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Base class */
|
||||
.bs-docs-example {
|
||||
position: relative;
|
||||
margin: 15px 0;
|
||||
padding: 39px 19px 14px;
|
||||
*padding-top: 19px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Echo out a label for the example */
|
||||
.bs-docs-example:after {
|
||||
content: "Example";
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
color: #9da0a4;
|
||||
-webkit-border-radius: 4px 0 4px 0;
|
||||
-moz-border-radius: 4px 0 4px 0;
|
||||
border-radius: 4px 0 4px 0;
|
||||
}
|
||||
|
||||
/* Remove spacing between an example and it's code */
|
||||
.bs-docs-example + .prettyprint {
|
||||
margin-top: -20px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
+247
@@ -0,0 +1,247 @@
|
||||
//
|
||||
// Typography
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Body text
|
||||
// -------------------------
|
||||
|
||||
p {
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
}
|
||||
.lead {
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-size: @baseFontSize * 1.5;
|
||||
font-weight: 200;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
}
|
||||
|
||||
|
||||
// Emphasis & misc
|
||||
// -------------------------
|
||||
|
||||
// Ex: 14px base font * 85% = about 12px
|
||||
small { font-size: 85%; }
|
||||
|
||||
strong { font-weight: bold; }
|
||||
em { font-style: italic; }
|
||||
cite { font-style: normal; }
|
||||
|
||||
// Utility classes
|
||||
.muted { color: @grayLight; }
|
||||
a.muted:hover,
|
||||
a.muted:focus { color: darken(@grayLight, 10%); }
|
||||
|
||||
.text-warning { color: @warningText; }
|
||||
a.text-warning:hover,
|
||||
a.text-warning:focus { color: darken(@warningText, 10%); }
|
||||
|
||||
.text-error { color: @errorText; }
|
||||
a.text-error:hover,
|
||||
a.text-error:focus { color: darken(@errorText, 10%); }
|
||||
|
||||
.text-info { color: @infoText; }
|
||||
a.text-info:hover,
|
||||
a.text-info:focus { color: darken(@infoText, 10%); }
|
||||
|
||||
.text-success { color: @successText; }
|
||||
a.text-success:hover,
|
||||
a.text-success:focus { color: darken(@successText, 10%); }
|
||||
|
||||
.text-left { text-align: left; }
|
||||
.text-right { text-align: right; }
|
||||
.text-center { text-align: center; }
|
||||
|
||||
|
||||
// Headings
|
||||
// -------------------------
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: (@baseLineHeight / 2) 0;
|
||||
font-family: @headingsFontFamily;
|
||||
font-weight: @headingsFontWeight;
|
||||
line-height: @baseLineHeight;
|
||||
color: @headingsColor;
|
||||
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
||||
small {
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 { line-height: @baseLineHeight * 2; }
|
||||
|
||||
h1 { font-size: @baseFontSize * 2.75; } // ~38px
|
||||
h2 { font-size: @baseFontSize * 2.25; } // ~32px
|
||||
h3 { font-size: @baseFontSize * 1.75; } // ~24px
|
||||
h4 { font-size: @baseFontSize * 1.25; } // ~18px
|
||||
h5 { font-size: @baseFontSize; }
|
||||
h6 { font-size: @baseFontSize * 0.85; } // ~12px
|
||||
|
||||
h1 small { font-size: @baseFontSize * 1.75; } // ~24px
|
||||
h2 small { font-size: @baseFontSize * 1.25; } // ~18px
|
||||
h3 small { font-size: @baseFontSize; }
|
||||
h4 small { font-size: @baseFontSize; }
|
||||
|
||||
|
||||
// Page header
|
||||
// -------------------------
|
||||
|
||||
.page-header {
|
||||
padding-bottom: (@baseLineHeight / 2) - 1;
|
||||
margin: @baseLineHeight 0 (@baseLineHeight * 1.5);
|
||||
border-bottom: 1px solid @grayLighter;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Lists
|
||||
// --------------------------------------------------
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
padding: 0;
|
||||
margin: 0 0 @baseLineHeight / 2 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
li {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Remove default list styles
|
||||
ul.unstyled,
|
||||
ol.unstyled {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Single-line list items
|
||||
ul.inline,
|
||||
ol.inline {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
> li {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Description Lists
|
||||
dl {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
dt,
|
||||
dd {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin-left: @baseLineHeight / 2;
|
||||
}
|
||||
// Horizontal layout (like forms)
|
||||
.dl-horizontal {
|
||||
.clearfix(); // Ensure dl clears floats if empty dd elements present
|
||||
dt {
|
||||
float: left;
|
||||
width: @horizontalComponentOffset - 20;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
.text-overflow();
|
||||
}
|
||||
dd {
|
||||
margin-left: @horizontalComponentOffset;
|
||||
}
|
||||
}
|
||||
|
||||
// MISC
|
||||
// ----
|
||||
|
||||
// Horizontal rules
|
||||
hr {
|
||||
margin: @baseLineHeight 0;
|
||||
border: 0;
|
||||
border-top: 1px solid @hrBorder;
|
||||
border-bottom: 1px solid @white;
|
||||
}
|
||||
|
||||
// Abbreviations and acronyms
|
||||
abbr[title],
|
||||
// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
|
||||
abbr[data-original-title] {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted @grayLight;
|
||||
}
|
||||
abbr.initialism {
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
border-left: 5px solid @grayLighter;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-size: @baseFontSize * 1.25;
|
||||
font-weight: 300;
|
||||
line-height: 1.25;
|
||||
}
|
||||
small {
|
||||
display: block;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
}
|
||||
|
||||
// Float right with text-align: right
|
||||
&.pull-right {
|
||||
float: right;
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
border-right: 5px solid @grayLighter;
|
||||
border-left: 0;
|
||||
p,
|
||||
small {
|
||||
text-align: right;
|
||||
}
|
||||
small {
|
||||
&:before {
|
||||
content: '';
|
||||
}
|
||||
&:after {
|
||||
content: '\00A0 \2014';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Quotes
|
||||
q:before,
|
||||
q:after,
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
display: block;
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-style: normal;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
//
|
||||
// Utility classes
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Quick floats
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Toggling content
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Visibility
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// For Affix plugin
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
+316
@@ -0,0 +1,316 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
@radius: 5px;
|
||||
@radius-middle: 8px;
|
||||
@radius-large: 10px;
|
||||
@radius-small: 3px;
|
||||
@color1: #f6f6f6;
|
||||
@color2: #2673b4;
|
||||
@color3: #fafafa;
|
||||
@shadow:0px 1px 2px rgba(0,0,0,0.1),inset 0px 0px 1px rgba(255,255,255,1);
|
||||
@shadow2:0px 1px 2px rgba(0,0,0,0.1),inset 0px 5px 5px rgba(0,0,0,0.1);
|
||||
|
||||
//fedya style
|
||||
|
||||
@contentbg: url('../img/content-pattern-bg.gif');
|
||||
// Global values
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #3a3a3a;
|
||||
@gray: #666;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
@blue_link: #0179c6;
|
||||
|
||||
@themeRed: #df152b;
|
||||
@themeBlue: #0179c6;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
@bodyBackground: @white;
|
||||
@textColor: @gray;
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
@linkColor: #0179c6;
|
||||
@linkColorHover: @themeRed;
|
||||
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
@sansFontFamily: Arial, Helvetica, sans-serif;
|
||||
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
||||
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
|
||||
@baseFontSize: 13px;
|
||||
@baseFontFamily: @sansFontFamily;
|
||||
@baseLineHeight: 18px;
|
||||
@altFontFamily: @serifFontFamily;
|
||||
|
||||
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
||||
@headingsFontWeight: bold; // instead of browser default, bold
|
||||
@headingsColor: inherit; // empty to use BS default, @textColor
|
||||
|
||||
|
||||
// Component sizing
|
||||
// -------------------------
|
||||
// Based on 14px font-size and 20px line-height
|
||||
|
||||
@fontSizeLarge: @baseFontSize * 1.25; // ~18px
|
||||
@fontSizeSmall: @baseFontSize * 0.85; // ~12px
|
||||
@fontSizeMini: @baseFontSize * 0.75; // ~11px
|
||||
|
||||
@paddingLarge: 11px 19px; // 44px
|
||||
@paddingSmall: 2px 10px; // 26px
|
||||
@paddingMini: 0 6px; // 22px
|
||||
|
||||
@baseBorderRadius: 4px;
|
||||
@borderRadiusLarge: 6px;
|
||||
@borderRadiusSmall: 3px;
|
||||
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
@tableBackground: transparent; // overall background-color
|
||||
@tableBackgroundAccent: #f9f9f9; // for striping
|
||||
@tableBackgroundHover: #f5f5f5; // for hover
|
||||
@tableBorder: #ddd; // table and cell border
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
@btnBackground: #fbfbfb;
|
||||
@btnBackgroundHighlight: #4291e4;
|
||||
@btnBorder: #b4b4b4;
|
||||
|
||||
@btnPrimaryBackground: @linkColor;
|
||||
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
|
||||
|
||||
@btnInfoBackground: #5bc0de;
|
||||
@btnInfoBackgroundHighlight: #2f96b4;
|
||||
|
||||
@btnSuccessBackground: #62c462;
|
||||
@btnSuccessBackgroundHighlight: #51a351;
|
||||
|
||||
@btnWarningBackground: lighten(@orange, 15%);
|
||||
@btnWarningBackgroundHighlight: @orange;
|
||||
|
||||
@btnDangerBackground: #ee5f5b;
|
||||
@btnDangerBackgroundHighlight: #bd362f;
|
||||
|
||||
@btnInverseBackground: #444;
|
||||
@btnInverseBackgroundHighlight: @grayDarker;
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
@inputBackground: @white;
|
||||
@inputBorder: #c0c0c0;
|
||||
@inputBorderRadius: 3px;
|
||||
@inputDisabledBackground: @grayLighter;
|
||||
@formActionsBackground: #f5f5f5;
|
||||
@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
|
||||
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
@dropdownBackground: @white;
|
||||
@dropdownBorder: rgba(0,0,0,.2);
|
||||
@dropdownDividerTop: #e5e5e5;
|
||||
@dropdownDividerBottom: @white;
|
||||
|
||||
@dropdownLinkColor: @grayDark;
|
||||
@dropdownLinkColorHover: @white;
|
||||
@dropdownLinkColorActive: @white;
|
||||
|
||||
@dropdownLinkBackgroundActive: @linkColor;
|
||||
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
@zindexDropdown: 1000;
|
||||
@zindexPopover: 1010;
|
||||
@zindexTooltip: 1030;
|
||||
@zindexFixedNavbar: 1030;
|
||||
@zindexModalBackdrop: 1040;
|
||||
@zindexModal: 1050;
|
||||
|
||||
|
||||
// Sprite icons path
|
||||
// -------------------------
|
||||
@iconSpritePath: "../img/glyphicons-halflings.png";
|
||||
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
|
||||
|
||||
|
||||
// Input placeholder text color
|
||||
// -------------------------
|
||||
@placeholderText: @grayLight;
|
||||
|
||||
|
||||
// Hr border color
|
||||
// -------------------------
|
||||
@hrBorder: @grayLighter;
|
||||
|
||||
|
||||
// Horizontal forms & lists
|
||||
// -------------------------
|
||||
@horizontalComponentOffset: 180px;
|
||||
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
@wellBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
@navbarCollapseWidth: 979px;
|
||||
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
|
||||
|
||||
@navbarHeight: 40px;
|
||||
@navbarBackgroundHighlight: #ffffff;
|
||||
@navbarBackground: darken(@navbarBackgroundHighlight, 5%);
|
||||
@navbarBorder: darken(@navbarBackground, 12%);
|
||||
|
||||
@navbarText: #777;
|
||||
@navbarLinkColor: #777;
|
||||
@navbarLinkColorHover: @grayDark;
|
||||
@navbarLinkColorActive: @gray;
|
||||
@navbarLinkBackgroundHover: transparent;
|
||||
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
|
||||
|
||||
@navbarBrandColor: @navbarLinkColor;
|
||||
|
||||
// Inverted navbar
|
||||
@navbarInverseBackground: #111111;
|
||||
@navbarInverseBackgroundHighlight: #222222;
|
||||
@navbarInverseBorder: #252525;
|
||||
|
||||
@navbarInverseText: @grayLight;
|
||||
@navbarInverseLinkColor: @grayLight;
|
||||
@navbarInverseLinkColorHover: @white;
|
||||
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
|
||||
@navbarInverseLinkBackgroundHover: transparent;
|
||||
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
|
||||
|
||||
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
|
||||
@navbarInverseSearchBackgroundFocus: @white;
|
||||
@navbarInverseSearchBorder: @navbarInverseBackground;
|
||||
@navbarInverseSearchPlaceholderColor: #ccc;
|
||||
|
||||
@navbarInverseBrandColor: @navbarInverseLinkColor;
|
||||
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
@paginationBackground: #fff;
|
||||
@paginationBorder: #ddd;
|
||||
@paginationActiveBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Hero unit
|
||||
// -------------------------
|
||||
@heroUnitBackground: @grayLighter;
|
||||
@heroUnitHeadingColor: inherit;
|
||||
@heroUnitLeadColor: inherit;
|
||||
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
@warningText: #c09853;
|
||||
@warningBackground: #fcf8e3;
|
||||
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
||||
|
||||
@errorText: #b94a48;
|
||||
@errorBackground: #f2dede;
|
||||
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
||||
|
||||
@successText: #468847;
|
||||
@successBackground: #dff0d8;
|
||||
@successBorder: darken(spin(@successBackground, -10), 5%);
|
||||
|
||||
@infoText: #3a87ad;
|
||||
@infoBackground: #d9edf7;
|
||||
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
||||
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
@tooltipColor: #fff;
|
||||
@tooltipBackground: #000;
|
||||
@tooltipArrowWidth: 5px;
|
||||
@tooltipArrowColor: @tooltipBackground;
|
||||
|
||||
@popoverBackground: #fff;
|
||||
@popoverArrowWidth: 10px;
|
||||
@popoverArrowColor: #fff;
|
||||
@popoverTitleBackground: darken(@popoverBackground, 3%);
|
||||
|
||||
// Special enhancement for popovers
|
||||
@popoverArrowOuterWidth: @popoverArrowWidth + 1;
|
||||
@popoverArrowOuterColor: rgba(0,0,0,.25);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Default 940px grid
|
||||
// -------------------------
|
||||
@gridColumns: 12;
|
||||
@gridColumnWidth: 60px;
|
||||
@gridGutterWidth: 20px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// 1200px min
|
||||
@gridColumnWidth1200: 70px;
|
||||
@gridGutterWidth1200: 30px;
|
||||
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
|
||||
|
||||
// 768px-979px
|
||||
@gridColumnWidth768: 42px;
|
||||
@gridGutterWidth768: 20px;
|
||||
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
|
||||
|
||||
|
||||
// Fluid grid
|
||||
// -------------------------
|
||||
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
|
||||
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
|
||||
|
||||
// 1200px min
|
||||
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
|
||||
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
|
||||
|
||||
// 768px-979px
|
||||
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
|
||||
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
|
||||
Reference in new issue
Block a user