initial commit to seperate repo
This commit is contained in:
Don Harper
commit
8630e4db13
23669 changed files with 1067407 additions and 0 deletions
93
themes/zen/less/blog-mixins.less
Normal file
93
themes/zen/less/blog-mixins.less
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
.post-title() {
|
||||
margin: @baseLineHeight/4 0;
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-metadata() {
|
||||
.clearfix;
|
||||
color: @grayLight;
|
||||
margin-bottom: @baseLineHeight/2;
|
||||
margin-top: @baseLineHeight/4 * -1;
|
||||
|
||||
.authordate {
|
||||
display: inline-block;
|
||||
.pull-left;
|
||||
|
||||
.transition(color .1s linear);
|
||||
|
||||
&:before {
|
||||
.icon(@time);
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @textColor;
|
||||
}
|
||||
}
|
||||
|
||||
.stats {
|
||||
.pull-right;
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
a {
|
||||
color: @grayLight;
|
||||
.transition(color 1s linear);
|
||||
|
||||
&:after {
|
||||
.icon(@comment);
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: @textColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tags {
|
||||
clear: both;
|
||||
display: block;
|
||||
.opacity(@dimmedOpacity);
|
||||
.transition(opacity .1s linear);
|
||||
|
||||
&:hover {
|
||||
.opacity(@opaqueOpacity);
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
> li {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-breadcrumb() {
|
||||
margin-top: @baseLineHeight/4;
|
||||
|
||||
a:after {
|
||||
content: ' /';
|
||||
}
|
||||
|
||||
& + .postbox > h1.title,
|
||||
& + .post > h1.title,
|
||||
& + h1.title {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
51
themes/zen/less/blog.less
Normal file
51
themes/zen/less/blog.less
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
.backlink {
|
||||
.post-breadcrumb();
|
||||
}
|
||||
|
||||
.post {
|
||||
|
||||
h1.title {
|
||||
.post-title();
|
||||
}
|
||||
|
||||
.backlink {
|
||||
.post-breadcrumb();
|
||||
}
|
||||
|
||||
.meta {
|
||||
.post-metadata();
|
||||
}
|
||||
|
||||
.body {
|
||||
margin-bottom: @baseLineHeight * 1.5;
|
||||
|
||||
.figure {
|
||||
.thumbnail;
|
||||
display: table;
|
||||
@media @mobileLayout {
|
||||
display: block;
|
||||
width: 97%;
|
||||
}
|
||||
margin: 0 auto @baseLineHeight;
|
||||
|
||||
& > a,
|
||||
& > a > img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.caption {
|
||||
.thumbnail .caption;
|
||||
font-style: italic;
|
||||
padding-bottom: 0; // take away the beefiness.
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&+ .post {
|
||||
margin-top: @baseLineHeight * 2;
|
||||
}
|
||||
}
|
||||
68
themes/zen/less/code.less
Normal file
68
themes/zen/less/code.less
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
//
|
||||
// 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;
|
||||
}
|
||||
|
||||
&.code {
|
||||
white-space: pre;
|
||||
word-break: keep-all;
|
||||
word-wrap: normal;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Enable scrollable blocks of code
|
||||
.pre-scrollable {
|
||||
max-height: 340px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
84
themes/zen/less/font-awesome-3.2.1/bootstrap.less
vendored
Normal file
84
themes/zen/less/font-awesome-3.2.1/bootstrap.less
vendored
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
/* BOOTSTRAP SPECIFIC CLASSES
|
||||
* -------------------------- */
|
||||
|
||||
/* Bootstrap 2.0 sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
/* keeps Bootstrap styles with and without icons the same */
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
// display: inline;
|
||||
&.icon-large { line-height: .9em; }
|
||||
&.icon-spin { display: inline-block; }
|
||||
}
|
||||
}
|
||||
.nav-tabs, .nav-pills {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&, &.icon-large { line-height: .9em; }
|
||||
}
|
||||
}
|
||||
.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; }
|
||||
}
|
||||
}
|
||||
|
||||
/* Fixes alignment in nav lists */
|
||||
.nav-list [class^="icon-"],
|
||||
.nav-list [class*=" icon-"] {
|
||||
line-height: inherit;
|
||||
}
|
||||
129
themes/zen/less/font-awesome-3.2.1/core.less
Normal file
129
themes/zen/less/font-awesome-3.2.1/core.less
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
/* FONT AWESOME CORE
|
||||
* -------------------------- */
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
.icon-FontAwesome();
|
||||
}
|
||||
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: -10%;
|
||||
font-size: 4/3em;
|
||||
}
|
||||
|
||||
/* makes sure icons active on rollover in links */
|
||||
a {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
/* increased font size for icon-large */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.icon-fixed-width {
|
||||
display: inline-block;
|
||||
width: 16/14em;
|
||||
text-align: right;
|
||||
padding-right: 4/14em;
|
||||
&.icon-large {
|
||||
width: 20/14em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icons-ul {
|
||||
margin-left: @icons-li-width;
|
||||
list-style-type: none;
|
||||
|
||||
> li { position: relative; }
|
||||
|
||||
.icon-li {
|
||||
position: absolute;
|
||||
left: -@icons-li-width;
|
||||
width: @icons-li-width;
|
||||
text-align: center;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// allows usage of the hide class directly on font awesome icons
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.hide {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-muted { color: @iconMuted; }
|
||||
.icon-light { color: @iconLight; }
|
||||
.icon-dark { color: @iconDark; }
|
||||
|
||||
// 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);
|
||||
}
|
||||
}
|
||||
|
||||
.icon-5x {
|
||||
font-size: 5em;
|
||||
&.icon-border {
|
||||
border-width: 5px;
|
||||
.border-radius(7px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Floats & Margins
|
||||
// -------------------------
|
||||
|
||||
// Quick floats
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left {
|
||||
margin-right: .3em;
|
||||
}
|
||||
&.pull-right {
|
||||
margin-left: .3em;
|
||||
}
|
||||
}
|
||||
93
themes/zen/less/font-awesome-3.2.1/extras.less
Normal file
93
themes/zen/less/font-awesome-3.2.1/extras.less
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
/* EXTRAS
|
||||
* -------------------------- */
|
||||
|
||||
/* Stacked and layered icon */
|
||||
.icon-stack();
|
||||
|
||||
/* Animated rotating icon */
|
||||
.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;
|
||||
}
|
||||
|
||||
/* Prevent stack and spinners from being taken inline when inside a link */
|
||||
a .icon-stack,
|
||||
a .icon-spin {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@-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); }
|
||||
}
|
||||
|
||||
/* Icon rotations and mirroring */
|
||||
.icon-rotate-90:before {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
}
|
||||
|
||||
.icon-rotate-180:before {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
|
||||
.icon-rotate-270:before {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
}
|
||||
|
||||
.icon-flip-horizontal:before {
|
||||
-webkit-transform: scale(-1, 1);
|
||||
-moz-transform: scale(-1, 1);
|
||||
-ms-transform: scale(-1, 1);
|
||||
-o-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
|
||||
.icon-flip-vertical:before {
|
||||
-webkit-transform: scale(1, -1);
|
||||
-moz-transform: scale(1, -1);
|
||||
-ms-transform: scale(1, -1);
|
||||
-o-transform: scale(1, -1);
|
||||
transform: scale(1, -1);
|
||||
}
|
||||
|
||||
/* ensure rotation occurs inside anchor tags */
|
||||
a {
|
||||
.icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
|
||||
&:before { display: inline-block; }
|
||||
}
|
||||
}
|
||||
1953
themes/zen/less/font-awesome-3.2.1/font-awesome-ie7.less
Normal file
1953
themes/zen/less/font-awesome-3.2.1/font-awesome-ie7.less
Normal file
File diff suppressed because it is too large
Load diff
33
themes/zen/less/font-awesome-3.2.1/font-awesome.less
vendored
Normal file
33
themes/zen/less/font-awesome-3.2.1/font-awesome.less
vendored
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
/*!
|
||||
* Font Awesome 3.2.1
|
||||
* the iconic font designed for Bootstrap
|
||||
* ------------------------------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation can be
|
||||
* found at http://fontawesome.io. Stay up to date on Twitter at
|
||||
* http://twitter.com/fontawesome.
|
||||
*
|
||||
* License
|
||||
* ------------------------------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under SIL OFL 1.1 -
|
||||
* http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - Font Awesome documentation licensed under CC BY 3.0 -
|
||||
* 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://fontawesome.io"
|
||||
*
|
||||
* Author - Dave Gandy
|
||||
* ------------------------------------------------------------------------------
|
||||
* Email: dave@fontawesome.io
|
||||
* Twitter: http://twitter.com/davegandy
|
||||
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
|
||||
*/
|
||||
|
||||
@import "variables.less";
|
||||
@import "mixins.less";
|
||||
@import "path.less";
|
||||
@import "core.less";
|
||||
@import "bootstrap.less";
|
||||
@import "extras.less";
|
||||
@import "icons.less";
|
||||
381
themes/zen/less/font-awesome-3.2.1/icons.less
Normal file
381
themes/zen/less/font-awesome-3.2.1/icons.less
Normal file
|
|
@ -0,0 +1,381 @@
|
|||
/* 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: @glass; }
|
||||
.icon-music:before { content: @music; }
|
||||
.icon-search:before { content: @search; }
|
||||
.icon-envelope-alt:before { content: @envelope-alt; }
|
||||
.icon-heart:before { content: @heart; }
|
||||
.icon-star:before { content: @star; }
|
||||
.icon-star-empty:before { content: @star-empty; }
|
||||
.icon-user:before { content: @user; }
|
||||
.icon-film:before { content: @film; }
|
||||
.icon-th-large:before { content: @th-large; }
|
||||
.icon-th:before { content: @th; }
|
||||
.icon-th-list:before { content: @th-list; }
|
||||
.icon-ok:before { content: @ok; }
|
||||
.icon-remove:before { content: @remove; }
|
||||
.icon-zoom-in:before { content: @zoom-in; }
|
||||
.icon-zoom-out:before { content: @zoom-out; }
|
||||
.icon-power-off:before,
|
||||
.icon-off:before { content: @off; }
|
||||
.icon-signal:before { content: @signal; }
|
||||
.icon-gear:before,
|
||||
.icon-cog:before { content: @cog; }
|
||||
.icon-trash:before { content: @trash; }
|
||||
.icon-home:before { content: @home; }
|
||||
.icon-file-alt:before { content: @file-alt; }
|
||||
.icon-time:before { content: @time; }
|
||||
.icon-road:before { content: @road; }
|
||||
.icon-download-alt:before { content: @download-alt; }
|
||||
.icon-download:before { content: @download; }
|
||||
.icon-upload:before { content: @upload; }
|
||||
.icon-inbox:before { content: @inbox; }
|
||||
.icon-play-circle:before { content: @play-circle; }
|
||||
.icon-rotate-right:before,
|
||||
.icon-repeat:before { content: @repeat; }
|
||||
.icon-refresh:before { content: @refresh; }
|
||||
.icon-list-alt:before { content: @list-alt; }
|
||||
.icon-lock:before { content: @lock; }
|
||||
.icon-flag:before { content: @flag; }
|
||||
.icon-headphones:before { content: @headphones; }
|
||||
.icon-volume-off:before { content: @volume-off; }
|
||||
.icon-volume-down:before { content: @volume-down; }
|
||||
.icon-volume-up:before { content: @volume-up; }
|
||||
.icon-qrcode:before { content: @qrcode; }
|
||||
.icon-barcode:before { content: @barcode; }
|
||||
.icon-tag:before { content: @tag; }
|
||||
.icon-tags:before { content: @tags; }
|
||||
.icon-book:before { content: @book; }
|
||||
.icon-bookmark:before { content: @bookmark; }
|
||||
.icon-print:before { content: @print; }
|
||||
.icon-camera:before { content: @camera; }
|
||||
.icon-font:before { content: @font; }
|
||||
.icon-bold:before { content: @bold; }
|
||||
.icon-italic:before { content: @italic; }
|
||||
.icon-text-height:before { content: @text-height; }
|
||||
.icon-text-width:before { content: @text-width; }
|
||||
.icon-align-left:before { content: @align-left; }
|
||||
.icon-align-center:before { content: @align-center; }
|
||||
.icon-align-right:before { content: @align-right; }
|
||||
.icon-align-justify:before { content: @align-justify; }
|
||||
.icon-list:before { content: @list; }
|
||||
.icon-indent-left:before { content: @indent-left; }
|
||||
.icon-indent-right:before { content: @indent-right; }
|
||||
.icon-facetime-video:before { content: @facetime-video; }
|
||||
.icon-picture:before { content: @picture; }
|
||||
.icon-pencil:before { content: @pencil; }
|
||||
.icon-map-marker:before { content: @map-marker; }
|
||||
.icon-adjust:before { content: @adjust; }
|
||||
.icon-tint:before { content: @tint; }
|
||||
.icon-edit:before { content: @edit; }
|
||||
.icon-share:before { content: @share; }
|
||||
.icon-check:before { content: @check; }
|
||||
.icon-move:before { content: @move; }
|
||||
.icon-step-backward:before { content: @step-backward; }
|
||||
.icon-fast-backward:before { content: @fast-backward; }
|
||||
.icon-backward:before { content: @backward; }
|
||||
.icon-play:before { content: @play; }
|
||||
.icon-pause:before { content: @pause; }
|
||||
.icon-stop:before { content: @stop; }
|
||||
.icon-forward:before { content: @forward; }
|
||||
.icon-fast-forward:before { content: @fast-forward; }
|
||||
.icon-step-forward:before { content: @step-forward; }
|
||||
.icon-eject:before { content: @eject; }
|
||||
.icon-chevron-left:before { content: @chevron-left; }
|
||||
.icon-chevron-right:before { content: @chevron-right; }
|
||||
.icon-plus-sign:before { content: @plus-sign; }
|
||||
.icon-minus-sign:before { content: @minus-sign; }
|
||||
.icon-remove-sign:before { content: @remove-sign; }
|
||||
.icon-ok-sign:before { content: @ok-sign; }
|
||||
.icon-question-sign:before { content: @question-sign; }
|
||||
.icon-info-sign:before { content: @info-sign; }
|
||||
.icon-screenshot:before { content: @screenshot; }
|
||||
.icon-remove-circle:before { content: @remove-circle; }
|
||||
.icon-ok-circle:before { content: @ok-circle; }
|
||||
.icon-ban-circle:before { content: @ban-circle; }
|
||||
.icon-arrow-left:before { content: @arrow-left; }
|
||||
.icon-arrow-right:before { content: @arrow-right; }
|
||||
.icon-arrow-up:before { content: @arrow-up; }
|
||||
.icon-arrow-down:before { content: @arrow-down; }
|
||||
.icon-mail-forward:before,
|
||||
.icon-share-alt:before { content: @share-alt; }
|
||||
.icon-resize-full:before { content: @resize-full; }
|
||||
.icon-resize-small:before { content: @resize-small; }
|
||||
.icon-plus:before { content: @plus; }
|
||||
.icon-minus:before { content: @minus; }
|
||||
.icon-asterisk:before { content: @asterisk; }
|
||||
.icon-exclamation-sign:before { content: @exclamation-sign; }
|
||||
.icon-gift:before { content: @gift; }
|
||||
.icon-leaf:before { content: @leaf; }
|
||||
.icon-fire:before { content: @fire; }
|
||||
.icon-eye-open:before { content: @eye-open; }
|
||||
.icon-eye-close:before { content: @eye-close; }
|
||||
.icon-warning-sign:before { content: @warning-sign; }
|
||||
.icon-plane:before { content: @plane; }
|
||||
.icon-calendar:before { content: @calendar; }
|
||||
.icon-random:before { content: @random; }
|
||||
.icon-comment:before { content: @comment; }
|
||||
.icon-magnet:before { content: @magnet; }
|
||||
.icon-chevron-up:before { content: @chevron-up; }
|
||||
.icon-chevron-down:before { content: @chevron-down; }
|
||||
.icon-retweet:before { content: @retweet; }
|
||||
.icon-shopping-cart:before { content: @shopping-cart; }
|
||||
.icon-folder-close:before { content: @folder-close; }
|
||||
.icon-folder-open:before { content: @folder-open; }
|
||||
.icon-resize-vertical:before { content: @resize-vertical; }
|
||||
.icon-resize-horizontal:before { content: @resize-horizontal; }
|
||||
.icon-bar-chart:before { content: @bar-chart; }
|
||||
.icon-twitter-sign:before { content: @twitter-sign; }
|
||||
.icon-facebook-sign:before { content: @facebook-sign; }
|
||||
.icon-camera-retro:before { content: @camera-retro; }
|
||||
.icon-key:before { content: @key; }
|
||||
.icon-gears:before,
|
||||
.icon-cogs:before { content: @cogs; }
|
||||
.icon-comments:before { content: @comments; }
|
||||
.icon-thumbs-up-alt:before { content: @thumbs-up-alt; }
|
||||
.icon-thumbs-down-alt:before { content: @thumbs-down-alt; }
|
||||
.icon-star-half:before { content: @star-half; }
|
||||
.icon-heart-empty:before { content: @heart-empty; }
|
||||
.icon-signout:before { content: @signout; }
|
||||
.icon-linkedin-sign:before { content: @linkedin-sign; }
|
||||
.icon-pushpin:before { content: @pushpin; }
|
||||
.icon-external-link:before { content: @external-link; }
|
||||
.icon-signin:before { content: @signin; }
|
||||
.icon-trophy:before { content: @trophy; }
|
||||
.icon-github-sign:before { content: @github-sign; }
|
||||
.icon-upload-alt:before { content: @upload-alt; }
|
||||
.icon-lemon:before { content: @lemon; }
|
||||
.icon-phone:before { content: @phone; }
|
||||
.icon-unchecked:before,
|
||||
.icon-check-empty:before { content: @check-empty; }
|
||||
.icon-bookmark-empty:before { content: @bookmark-empty; }
|
||||
.icon-phone-sign:before { content: @phone-sign; }
|
||||
.icon-twitter:before { content: @twitter; }
|
||||
.icon-facebook:before { content: @facebook; }
|
||||
.icon-github:before { content: @github; }
|
||||
.icon-unlock:before { content: @unlock; }
|
||||
.icon-credit-card:before { content: @credit-card; }
|
||||
.icon-rss:before { content: @rss; }
|
||||
.icon-hdd:before { content: @hdd; }
|
||||
.icon-bullhorn:before { content: @bullhorn; }
|
||||
.icon-bell:before { content: @bell; }
|
||||
.icon-certificate:before { content: @certificate; }
|
||||
.icon-hand-right:before { content: @hand-right; }
|
||||
.icon-hand-left:before { content: @hand-left; }
|
||||
.icon-hand-up:before { content: @hand-up; }
|
||||
.icon-hand-down:before { content: @hand-down; }
|
||||
.icon-circle-arrow-left:before { content: @circle-arrow-left; }
|
||||
.icon-circle-arrow-right:before { content: @circle-arrow-right; }
|
||||
.icon-circle-arrow-up:before { content: @circle-arrow-up; }
|
||||
.icon-circle-arrow-down:before { content: @circle-arrow-down; }
|
||||
.icon-globe:before { content: @globe; }
|
||||
.icon-wrench:before { content: @wrench; }
|
||||
.icon-tasks:before { content: @tasks; }
|
||||
.icon-filter:before { content: @filter; }
|
||||
.icon-briefcase:before { content: @briefcase; }
|
||||
.icon-fullscreen:before { content: @fullscreen; }
|
||||
.icon-group:before { content: @group; }
|
||||
.icon-link:before { content: @link; }
|
||||
.icon-cloud:before { content: @cloud; }
|
||||
.icon-beaker:before { content: @beaker; }
|
||||
.icon-cut:before { content: @cut; }
|
||||
.icon-copy:before { content: @copy; }
|
||||
.icon-paperclip:before,
|
||||
.icon-paper-clip:before { content: @paper-clip; }
|
||||
.icon-save:before { content: @save; }
|
||||
.icon-sign-blank:before { content: @sign-blank; }
|
||||
.icon-reorder:before { content: @reorder; }
|
||||
.icon-list-ul:before { content: @list-ul; }
|
||||
.icon-list-ol:before { content: @list-ol; }
|
||||
.icon-strikethrough:before { content: @strikethrough; }
|
||||
.icon-underline:before { content: @underline; }
|
||||
.icon-table:before { content: @table; }
|
||||
.icon-magic:before { content: @magic; }
|
||||
.icon-truck:before { content: @truck; }
|
||||
.icon-pinterest:before { content: @pinterest; }
|
||||
.icon-pinterest-sign:before { content: @pinterest-sign; }
|
||||
.icon-google-plus-sign:before { content: @google-plus-sign; }
|
||||
.icon-google-plus:before { content: @google-plus; }
|
||||
.icon-money:before { content: @money; }
|
||||
.icon-caret-down:before { content: @caret-down; }
|
||||
.icon-caret-up:before { content: @caret-up; }
|
||||
.icon-caret-left:before { content: @caret-left; }
|
||||
.icon-caret-right:before { content: @caret-right; }
|
||||
.icon-columns:before { content: @columns; }
|
||||
.icon-sort:before { content: @sort; }
|
||||
.icon-sort-down:before { content: @sort-down; }
|
||||
.icon-sort-up:before { content: @sort-up; }
|
||||
.icon-envelope:before { content: @envelope; }
|
||||
.icon-linkedin:before { content: @linkedin; }
|
||||
.icon-rotate-left:before,
|
||||
.icon-undo:before { content: @undo; }
|
||||
.icon-legal:before { content: @legal; }
|
||||
.icon-dashboard:before { content: @dashboard; }
|
||||
.icon-comment-alt:before { content: @comment-alt; }
|
||||
.icon-comments-alt:before { content: @comments-alt; }
|
||||
.icon-bolt:before { content: @bolt; }
|
||||
.icon-sitemap:before { content: @sitemap; }
|
||||
.icon-umbrella:before { content: @umbrella; }
|
||||
.icon-paste:before { content: @paste; }
|
||||
.icon-lightbulb:before { content: @lightbulb; }
|
||||
.icon-exchange:before { content: @exchange; }
|
||||
.icon-cloud-download:before { content: @cloud-download; }
|
||||
.icon-cloud-upload:before { content: @cloud-upload; }
|
||||
.icon-user-md:before { content: @user-md; }
|
||||
.icon-stethoscope:before { content: @stethoscope; }
|
||||
.icon-suitcase:before { content: @suitcase; }
|
||||
.icon-bell-alt:before { content: @bell-alt; }
|
||||
.icon-coffee:before { content: @coffee; }
|
||||
.icon-food:before { content: @food; }
|
||||
.icon-file-text-alt:before { content: @file-text-alt; }
|
||||
.icon-building:before { content: @building; }
|
||||
.icon-hospital:before { content: @hospital; }
|
||||
.icon-ambulance:before { content: @ambulance; }
|
||||
.icon-medkit:before { content: @medkit; }
|
||||
.icon-fighter-jet:before { content: @fighter-jet; }
|
||||
.icon-beer:before { content: @beer; }
|
||||
.icon-h-sign:before { content: @h-sign; }
|
||||
.icon-plus-sign-alt:before { content: @plus-sign-alt; }
|
||||
.icon-double-angle-left:before { content: @double-angle-left; }
|
||||
.icon-double-angle-right:before { content: @double-angle-right; }
|
||||
.icon-double-angle-up:before { content: @double-angle-up; }
|
||||
.icon-double-angle-down:before { content: @double-angle-down; }
|
||||
.icon-angle-left:before { content: @angle-left; }
|
||||
.icon-angle-right:before { content: @angle-right; }
|
||||
.icon-angle-up:before { content: @angle-up; }
|
||||
.icon-angle-down:before { content: @angle-down; }
|
||||
.icon-desktop:before { content: @desktop; }
|
||||
.icon-laptop:before { content: @laptop; }
|
||||
.icon-tablet:before { content: @tablet; }
|
||||
.icon-mobile-phone:before { content: @mobile-phone; }
|
||||
.icon-circle-blank:before { content: @circle-blank; }
|
||||
.icon-quote-left:before { content: @quote-left; }
|
||||
.icon-quote-right:before { content: @quote-right; }
|
||||
.icon-spinner:before { content: @spinner; }
|
||||
.icon-circle:before { content: @circle; }
|
||||
.icon-mail-reply:before,
|
||||
.icon-reply:before { content: @reply; }
|
||||
.icon-github-alt:before { content: @github-alt; }
|
||||
.icon-folder-close-alt:before { content: @folder-close-alt; }
|
||||
.icon-folder-open-alt:before { content: @folder-open-alt; }
|
||||
.icon-expand-alt:before { content: @expand-alt; }
|
||||
.icon-collapse-alt:before { content: @collapse-alt; }
|
||||
.icon-smile:before { content: @smile; }
|
||||
.icon-frown:before { content: @frown; }
|
||||
.icon-meh:before { content: @meh; }
|
||||
.icon-gamepad:before { content: @gamepad; }
|
||||
.icon-keyboard:before { content: @keyboard; }
|
||||
.icon-flag-alt:before { content: @flag-alt; }
|
||||
.icon-flag-checkered:before { content: @flag-checkered; }
|
||||
.icon-terminal:before { content: @terminal; }
|
||||
.icon-code:before { content: @code; }
|
||||
.icon-reply-all:before { content: @reply-all; }
|
||||
.icon-mail-reply-all:before { content: @mail-reply-all; }
|
||||
.icon-star-half-full:before,
|
||||
.icon-star-half-empty:before { content: @star-half-empty; }
|
||||
.icon-location-arrow:before { content: @location-arrow; }
|
||||
.icon-crop:before { content: @crop; }
|
||||
.icon-code-fork:before { content: @code-fork; }
|
||||
.icon-unlink:before { content: @unlink; }
|
||||
.icon-question:before { content: @question; }
|
||||
.icon-info:before { content: @info; }
|
||||
.icon-exclamation:before { content: @exclamation; }
|
||||
.icon-superscript:before { content: @superscript; }
|
||||
.icon-subscript:before { content: @subscript; }
|
||||
.icon-eraser:before { content: @eraser; }
|
||||
.icon-puzzle-piece:before { content: @puzzle-piece; }
|
||||
.icon-microphone:before { content: @microphone; }
|
||||
.icon-microphone-off:before { content: @microphone-off; }
|
||||
.icon-shield:before { content: @shield; }
|
||||
.icon-calendar-empty:before { content: @calendar-empty; }
|
||||
.icon-fire-extinguisher:before { content: @fire-extinguisher; }
|
||||
.icon-rocket:before { content: @rocket; }
|
||||
.icon-maxcdn:before { content: @maxcdn; }
|
||||
.icon-chevron-sign-left:before { content: @chevron-sign-left; }
|
||||
.icon-chevron-sign-right:before { content: @chevron-sign-right; }
|
||||
.icon-chevron-sign-up:before { content: @chevron-sign-up; }
|
||||
.icon-chevron-sign-down:before { content: @chevron-sign-down; }
|
||||
.icon-html5:before { content: @html5; }
|
||||
.icon-css3:before { content: @css3; }
|
||||
.icon-anchor:before { content: @anchor; }
|
||||
.icon-unlock-alt:before { content: @unlock-alt; }
|
||||
.icon-bullseye:before { content: @bullseye; }
|
||||
.icon-ellipsis-horizontal:before { content: @ellipsis-horizontal; }
|
||||
.icon-ellipsis-vertical:before { content: @ellipsis-vertical; }
|
||||
.icon-rss-sign:before { content: @rss-sign; }
|
||||
.icon-play-sign:before { content: @play-sign; }
|
||||
.icon-ticket:before { content: @ticket; }
|
||||
.icon-minus-sign-alt:before { content: @minus-sign-alt; }
|
||||
.icon-check-minus:before { content: @check-minus; }
|
||||
.icon-level-up:before { content: @level-up; }
|
||||
.icon-level-down:before { content: @level-down; }
|
||||
.icon-check-sign:before { content: @check-sign; }
|
||||
.icon-edit-sign:before { content: @edit-sign; }
|
||||
.icon-external-link-sign:before { content: @external-link-sign; }
|
||||
.icon-share-sign:before { content: @share-sign; }
|
||||
.icon-compass:before { content: @compass; }
|
||||
.icon-collapse:before { content: @collapse; }
|
||||
.icon-collapse-top:before { content: @collapse-top; }
|
||||
.icon-expand:before { content: @expand; }
|
||||
.icon-euro:before,
|
||||
.icon-eur:before { content: @eur; }
|
||||
.icon-gbp:before { content: @gbp; }
|
||||
.icon-dollar:before,
|
||||
.icon-usd:before { content: @usd; }
|
||||
.icon-rupee:before,
|
||||
.icon-inr:before { content: @inr; }
|
||||
.icon-yen:before,
|
||||
.icon-jpy:before { content: @jpy; }
|
||||
.icon-renminbi:before,
|
||||
.icon-cny:before { content: @cny; }
|
||||
.icon-won:before,
|
||||
.icon-krw:before { content: @krw; }
|
||||
.icon-bitcoin:before,
|
||||
.icon-btc:before { content: @btc; }
|
||||
.icon-file:before { content: @file; }
|
||||
.icon-file-text:before { content: @file-text; }
|
||||
.icon-sort-by-alphabet:before { content: @sort-by-alphabet; }
|
||||
.icon-sort-by-alphabet-alt:before { content: @sort-by-alphabet-alt; }
|
||||
.icon-sort-by-attributes:before { content: @sort-by-attributes; }
|
||||
.icon-sort-by-attributes-alt:before { content: @sort-by-attributes-alt; }
|
||||
.icon-sort-by-order:before { content: @sort-by-order; }
|
||||
.icon-sort-by-order-alt:before { content: @sort-by-order-alt; }
|
||||
.icon-thumbs-up:before { content: @thumbs-up; }
|
||||
.icon-thumbs-down:before { content: @thumbs-down; }
|
||||
.icon-youtube-sign:before { content: @youtube-sign; }
|
||||
.icon-youtube:before { content: @youtube; }
|
||||
.icon-xing:before { content: @xing; }
|
||||
.icon-xing-sign:before { content: @xing-sign; }
|
||||
.icon-youtube-play:before { content: @youtube-play; }
|
||||
.icon-dropbox:before { content: @dropbox; }
|
||||
.icon-stackexchange:before { content: @stackexchange; }
|
||||
.icon-instagram:before { content: @instagram; }
|
||||
.icon-flickr:before { content: @flickr; }
|
||||
.icon-adn:before { content: @adn; }
|
||||
.icon-bitbucket:before { content: @bitbucket; }
|
||||
.icon-bitbucket-sign:before { content: @bitbucket-sign; }
|
||||
.icon-tumblr:before { content: @tumblr; }
|
||||
.icon-tumblr-sign:before { content: @tumblr-sign; }
|
||||
.icon-long-arrow-down:before { content: @long-arrow-down; }
|
||||
.icon-long-arrow-up:before { content: @long-arrow-up; }
|
||||
.icon-long-arrow-left:before { content: @long-arrow-left; }
|
||||
.icon-long-arrow-right:before { content: @long-arrow-right; }
|
||||
.icon-apple:before { content: @apple; }
|
||||
.icon-windows:before { content: @windows; }
|
||||
.icon-android:before { content: @android; }
|
||||
.icon-linux:before { content: @linux; }
|
||||
.icon-dribbble:before { content: @dribbble; }
|
||||
.icon-skype:before { content: @skype; }
|
||||
.icon-foursquare:before { content: @foursquare; }
|
||||
.icon-trello:before { content: @trello; }
|
||||
.icon-female:before { content: @female; }
|
||||
.icon-male:before { content: @male; }
|
||||
.icon-gittip:before { content: @gittip; }
|
||||
.icon-sun:before { content: @sun; }
|
||||
.icon-moon:before { content: @moon; }
|
||||
.icon-archive:before { content: @archive; }
|
||||
.icon-bug:before { content: @bug; }
|
||||
.icon-vk:before { content: @vk; }
|
||||
.icon-weibo:before { content: @weibo; }
|
||||
.icon-renren:before { content: @renren; }
|
||||
48
themes/zen/less/font-awesome-3.2.1/mixins.less
Normal file
48
themes/zen/less/font-awesome-3.2.1/mixins.less
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
.icon(@icon) {
|
||||
.icon-FontAwesome();
|
||||
content: @icon;
|
||||
}
|
||||
|
||||
.icon-FontAwesome() {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
*margin-right: .3em; // fixes ie7 issues
|
||||
}
|
||||
|
||||
.border-radius(@radius) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
|
||||
.icon-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: @width;
|
||||
height: @height;
|
||||
line-height: @width;
|
||||
vertical-align: -35%;
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: @top-font-size;
|
||||
line-height: inherit;
|
||||
*line-height: @height;
|
||||
}
|
||||
.icon-stack-base {
|
||||
font-size: @base-font-size;
|
||||
*line-height: @height / @base-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
22
themes/zen/less/font-awesome-3.2.1/path.less
Normal file
22
themes/zen/less/font-awesome-3.2.1/path.less
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
|
||||
src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg');
|
||||
// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
|
||||
// a bit of a hack for the theme previews.
|
||||
src: url('http:@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}');
|
||||
src: url('http:@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'),
|
||||
url('http:@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'),
|
||||
url('http:@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'),
|
||||
url('http:@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg');
|
||||
// src: url('http:@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
735
themes/zen/less/font-awesome-3.2.1/variables.less
Normal file
735
themes/zen/less/font-awesome-3.2.1/variables.less
Normal file
|
|
@ -0,0 +1,735 @@
|
|||
// Variables
|
||||
// --------------------------
|
||||
|
||||
//@FontAwesomePath: "../fonts";
|
||||
@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/3.2.1/font"; // for referencing Bootstrap CDN font files directly
|
||||
@FontAwesomeVersion: "3.2.1";
|
||||
@borderColor: #eee;
|
||||
@iconMuted: #eee;
|
||||
@iconLight: #fff;
|
||||
@iconDark: #333;
|
||||
@icons-li-width: 30/14em;
|
||||
|
||||
|
||||
@glass: "\f000";
|
||||
|
||||
@music: "\f001";
|
||||
|
||||
@search: "\f002";
|
||||
|
||||
@envelope-alt: "\f003";
|
||||
|
||||
@heart: "\f004";
|
||||
|
||||
@star: "\f005";
|
||||
|
||||
@star-empty: "\f006";
|
||||
|
||||
@user: "\f007";
|
||||
|
||||
@film: "\f008";
|
||||
|
||||
@th-large: "\f009";
|
||||
|
||||
@th: "\f00a";
|
||||
|
||||
@th-list: "\f00b";
|
||||
|
||||
@ok: "\f00c";
|
||||
|
||||
@remove: "\f00d";
|
||||
|
||||
@zoom-in: "\f00e";
|
||||
|
||||
@zoom-out: "\f010";
|
||||
|
||||
@off: "\f011";
|
||||
|
||||
@signal: "\f012";
|
||||
|
||||
@cog: "\f013";
|
||||
|
||||
@trash: "\f014";
|
||||
|
||||
@home: "\f015";
|
||||
|
||||
@file-alt: "\f016";
|
||||
|
||||
@time: "\f017";
|
||||
|
||||
@road: "\f018";
|
||||
|
||||
@download-alt: "\f019";
|
||||
|
||||
@download: "\f01a";
|
||||
|
||||
@upload: "\f01b";
|
||||
|
||||
@inbox: "\f01c";
|
||||
|
||||
@play-circle: "\f01d";
|
||||
|
||||
@repeat: "\f01e";
|
||||
|
||||
@refresh: "\f021";
|
||||
|
||||
@list-alt: "\f022";
|
||||
|
||||
@lock: "\f023";
|
||||
|
||||
@flag: "\f024";
|
||||
|
||||
@headphones: "\f025";
|
||||
|
||||
@volume-off: "\f026";
|
||||
|
||||
@volume-down: "\f027";
|
||||
|
||||
@volume-up: "\f028";
|
||||
|
||||
@qrcode: "\f029";
|
||||
|
||||
@barcode: "\f02a";
|
||||
|
||||
@tag: "\f02b";
|
||||
|
||||
@tags: "\f02c";
|
||||
|
||||
@book: "\f02d";
|
||||
|
||||
@bookmark: "\f02e";
|
||||
|
||||
@print: "\f02f";
|
||||
|
||||
@camera: "\f030";
|
||||
|
||||
@font: "\f031";
|
||||
|
||||
@bold: "\f032";
|
||||
|
||||
@italic: "\f033";
|
||||
|
||||
@text-height: "\f034";
|
||||
|
||||
@text-width: "\f035";
|
||||
|
||||
@align-left: "\f036";
|
||||
|
||||
@align-center: "\f037";
|
||||
|
||||
@align-right: "\f038";
|
||||
|
||||
@align-justify: "\f039";
|
||||
|
||||
@list: "\f03a";
|
||||
|
||||
@indent-left: "\f03b";
|
||||
|
||||
@indent-right: "\f03c";
|
||||
|
||||
@facetime-video: "\f03d";
|
||||
|
||||
@picture: "\f03e";
|
||||
|
||||
@pencil: "\f040";
|
||||
|
||||
@map-marker: "\f041";
|
||||
|
||||
@adjust: "\f042";
|
||||
|
||||
@tint: "\f043";
|
||||
|
||||
@edit: "\f044";
|
||||
|
||||
@share: "\f045";
|
||||
|
||||
@check: "\f046";
|
||||
|
||||
@move: "\f047";
|
||||
|
||||
@step-backward: "\f048";
|
||||
|
||||
@fast-backward: "\f049";
|
||||
|
||||
@backward: "\f04a";
|
||||
|
||||
@play: "\f04b";
|
||||
|
||||
@pause: "\f04c";
|
||||
|
||||
@stop: "\f04d";
|
||||
|
||||
@forward: "\f04e";
|
||||
|
||||
@fast-forward: "\f050";
|
||||
|
||||
@step-forward: "\f051";
|
||||
|
||||
@eject: "\f052";
|
||||
|
||||
@chevron-left: "\f053";
|
||||
|
||||
@chevron-right: "\f054";
|
||||
|
||||
@plus-sign: "\f055";
|
||||
|
||||
@minus-sign: "\f056";
|
||||
|
||||
@remove-sign: "\f057";
|
||||
|
||||
@ok-sign: "\f058";
|
||||
|
||||
@question-sign: "\f059";
|
||||
|
||||
@info-sign: "\f05a";
|
||||
|
||||
@screenshot: "\f05b";
|
||||
|
||||
@remove-circle: "\f05c";
|
||||
|
||||
@ok-circle: "\f05d";
|
||||
|
||||
@ban-circle: "\f05e";
|
||||
|
||||
@arrow-left: "\f060";
|
||||
|
||||
@arrow-right: "\f061";
|
||||
|
||||
@arrow-up: "\f062";
|
||||
|
||||
@arrow-down: "\f063";
|
||||
|
||||
@share-alt: "\f064";
|
||||
|
||||
@resize-full: "\f065";
|
||||
|
||||
@resize-small: "\f066";
|
||||
|
||||
@plus: "\f067";
|
||||
|
||||
@minus: "\f068";
|
||||
|
||||
@asterisk: "\f069";
|
||||
|
||||
@exclamation-sign: "\f06a";
|
||||
|
||||
@gift: "\f06b";
|
||||
|
||||
@leaf: "\f06c";
|
||||
|
||||
@fire: "\f06d";
|
||||
|
||||
@eye-open: "\f06e";
|
||||
|
||||
@eye-close: "\f070";
|
||||
|
||||
@warning-sign: "\f071";
|
||||
|
||||
@plane: "\f072";
|
||||
|
||||
@calendar: "\f073";
|
||||
|
||||
@random: "\f074";
|
||||
|
||||
@comment: "\f075";
|
||||
|
||||
@magnet: "\f076";
|
||||
|
||||
@chevron-up: "\f077";
|
||||
|
||||
@chevron-down: "\f078";
|
||||
|
||||
@retweet: "\f079";
|
||||
|
||||
@shopping-cart: "\f07a";
|
||||
|
||||
@folder-close: "\f07b";
|
||||
|
||||
@folder-open: "\f07c";
|
||||
|
||||
@resize-vertical: "\f07d";
|
||||
|
||||
@resize-horizontal: "\f07e";
|
||||
|
||||
@bar-chart: "\f080";
|
||||
|
||||
@twitter-sign: "\f081";
|
||||
|
||||
@facebook-sign: "\f082";
|
||||
|
||||
@camera-retro: "\f083";
|
||||
|
||||
@key: "\f084";
|
||||
|
||||
@cogs: "\f085";
|
||||
|
||||
@comments: "\f086";
|
||||
|
||||
@thumbs-up-alt: "\f087";
|
||||
|
||||
@thumbs-down-alt: "\f088";
|
||||
|
||||
@star-half: "\f089";
|
||||
|
||||
@heart-empty: "\f08a";
|
||||
|
||||
@signout: "\f08b";
|
||||
|
||||
@linkedin-sign: "\f08c";
|
||||
|
||||
@pushpin: "\f08d";
|
||||
|
||||
@external-link: "\f08e";
|
||||
|
||||
@signin: "\f090";
|
||||
|
||||
@trophy: "\f091";
|
||||
|
||||
@github-sign: "\f092";
|
||||
|
||||
@upload-alt: "\f093";
|
||||
|
||||
@lemon: "\f094";
|
||||
|
||||
@phone: "\f095";
|
||||
|
||||
@check-empty: "\f096";
|
||||
|
||||
@bookmark-empty: "\f097";
|
||||
|
||||
@phone-sign: "\f098";
|
||||
|
||||
@twitter: "\f099";
|
||||
|
||||
@facebook: "\f09a";
|
||||
|
||||
@github: "\f09b";
|
||||
|
||||
@unlock: "\f09c";
|
||||
|
||||
@credit-card: "\f09d";
|
||||
|
||||
@rss: "\f09e";
|
||||
|
||||
@hdd: "\f0a0";
|
||||
|
||||
@bullhorn: "\f0a1";
|
||||
|
||||
@bell: "\f0a2";
|
||||
|
||||
@certificate: "\f0a3";
|
||||
|
||||
@hand-right: "\f0a4";
|
||||
|
||||
@hand-left: "\f0a5";
|
||||
|
||||
@hand-up: "\f0a6";
|
||||
|
||||
@hand-down: "\f0a7";
|
||||
|
||||
@circle-arrow-left: "\f0a8";
|
||||
|
||||
@circle-arrow-right: "\f0a9";
|
||||
|
||||
@circle-arrow-up: "\f0aa";
|
||||
|
||||
@circle-arrow-down: "\f0ab";
|
||||
|
||||
@globe: "\f0ac";
|
||||
|
||||
@wrench: "\f0ad";
|
||||
|
||||
@tasks: "\f0ae";
|
||||
|
||||
@filter: "\f0b0";
|
||||
|
||||
@briefcase: "\f0b1";
|
||||
|
||||
@fullscreen: "\f0b2";
|
||||
|
||||
@group: "\f0c0";
|
||||
|
||||
@link: "\f0c1";
|
||||
|
||||
@cloud: "\f0c2";
|
||||
|
||||
@beaker: "\f0c3";
|
||||
|
||||
@cut: "\f0c4";
|
||||
|
||||
@copy: "\f0c5";
|
||||
|
||||
@paper-clip: "\f0c6";
|
||||
|
||||
@save: "\f0c7";
|
||||
|
||||
@sign-blank: "\f0c8";
|
||||
|
||||
@reorder: "\f0c9";
|
||||
|
||||
@list-ul: "\f0ca";
|
||||
|
||||
@list-ol: "\f0cb";
|
||||
|
||||
@strikethrough: "\f0cc";
|
||||
|
||||
@underline: "\f0cd";
|
||||
|
||||
@table: "\f0ce";
|
||||
|
||||
@magic: "\f0d0";
|
||||
|
||||
@truck: "\f0d1";
|
||||
|
||||
@pinterest: "\f0d2";
|
||||
|
||||
@pinterest-sign: "\f0d3";
|
||||
|
||||
@google-plus-sign: "\f0d4";
|
||||
|
||||
@google-plus: "\f0d5";
|
||||
|
||||
@money: "\f0d6";
|
||||
|
||||
@caret-down: "\f0d7";
|
||||
|
||||
@caret-up: "\f0d8";
|
||||
|
||||
@caret-left: "\f0d9";
|
||||
|
||||
@caret-right: "\f0da";
|
||||
|
||||
@columns: "\f0db";
|
||||
|
||||
@sort: "\f0dc";
|
||||
|
||||
@sort-down: "\f0dd";
|
||||
|
||||
@sort-up: "\f0de";
|
||||
|
||||
@envelope: "\f0e0";
|
||||
|
||||
@linkedin: "\f0e1";
|
||||
|
||||
@undo: "\f0e2";
|
||||
|
||||
@legal: "\f0e3";
|
||||
|
||||
@dashboard: "\f0e4";
|
||||
|
||||
@comment-alt: "\f0e5";
|
||||
|
||||
@comments-alt: "\f0e6";
|
||||
|
||||
@bolt: "\f0e7";
|
||||
|
||||
@sitemap: "\f0e8";
|
||||
|
||||
@umbrella: "\f0e9";
|
||||
|
||||
@paste: "\f0ea";
|
||||
|
||||
@lightbulb: "\f0eb";
|
||||
|
||||
@exchange: "\f0ec";
|
||||
|
||||
@cloud-download: "\f0ed";
|
||||
|
||||
@cloud-upload: "\f0ee";
|
||||
|
||||
@user-md: "\f0f0";
|
||||
|
||||
@stethoscope: "\f0f1";
|
||||
|
||||
@suitcase: "\f0f2";
|
||||
|
||||
@bell-alt: "\f0f3";
|
||||
|
||||
@coffee: "\f0f4";
|
||||
|
||||
@food: "\f0f5";
|
||||
|
||||
@file-text-alt: "\f0f6";
|
||||
|
||||
@building: "\f0f7";
|
||||
|
||||
@hospital: "\f0f8";
|
||||
|
||||
@ambulance: "\f0f9";
|
||||
|
||||
@medkit: "\f0fa";
|
||||
|
||||
@fighter-jet: "\f0fb";
|
||||
|
||||
@beer: "\f0fc";
|
||||
|
||||
@h-sign: "\f0fd";
|
||||
|
||||
@plus-sign-alt: "\f0fe";
|
||||
|
||||
@double-angle-left: "\f100";
|
||||
|
||||
@double-angle-right: "\f101";
|
||||
|
||||
@double-angle-up: "\f102";
|
||||
|
||||
@double-angle-down: "\f103";
|
||||
|
||||
@angle-left: "\f104";
|
||||
|
||||
@angle-right: "\f105";
|
||||
|
||||
@angle-up: "\f106";
|
||||
|
||||
@angle-down: "\f107";
|
||||
|
||||
@desktop: "\f108";
|
||||
|
||||
@laptop: "\f109";
|
||||
|
||||
@tablet: "\f10a";
|
||||
|
||||
@mobile-phone: "\f10b";
|
||||
|
||||
@circle-blank: "\f10c";
|
||||
|
||||
@quote-left: "\f10d";
|
||||
|
||||
@quote-right: "\f10e";
|
||||
|
||||
@spinner: "\f110";
|
||||
|
||||
@circle: "\f111";
|
||||
|
||||
@reply: "\f112";
|
||||
|
||||
@github-alt: "\f113";
|
||||
|
||||
@folder-close-alt: "\f114";
|
||||
|
||||
@folder-open-alt: "\f115";
|
||||
|
||||
@expand-alt: "\f116";
|
||||
|
||||
@collapse-alt: "\f117";
|
||||
|
||||
@smile: "\f118";
|
||||
|
||||
@frown: "\f119";
|
||||
|
||||
@meh: "\f11a";
|
||||
|
||||
@gamepad: "\f11b";
|
||||
|
||||
@keyboard: "\f11c";
|
||||
|
||||
@flag-alt: "\f11d";
|
||||
|
||||
@flag-checkered: "\f11e";
|
||||
|
||||
@terminal: "\f120";
|
||||
|
||||
@code: "\f121";
|
||||
|
||||
@reply-all: "\f122";
|
||||
|
||||
@mail-reply-all: "\f122";
|
||||
|
||||
@star-half-empty: "\f123";
|
||||
|
||||
@location-arrow: "\f124";
|
||||
|
||||
@crop: "\f125";
|
||||
|
||||
@code-fork: "\f126";
|
||||
|
||||
@unlink: "\f127";
|
||||
|
||||
@question: "\f128";
|
||||
|
||||
@info: "\f129";
|
||||
|
||||
@exclamation: "\f12a";
|
||||
|
||||
@superscript: "\f12b";
|
||||
|
||||
@subscript: "\f12c";
|
||||
|
||||
@eraser: "\f12d";
|
||||
|
||||
@puzzle-piece: "\f12e";
|
||||
|
||||
@microphone: "\f130";
|
||||
|
||||
@microphone-off: "\f131";
|
||||
|
||||
@shield: "\f132";
|
||||
|
||||
@calendar-empty: "\f133";
|
||||
|
||||
@fire-extinguisher: "\f134";
|
||||
|
||||
@rocket: "\f135";
|
||||
|
||||
@maxcdn: "\f136";
|
||||
|
||||
@chevron-sign-left: "\f137";
|
||||
|
||||
@chevron-sign-right: "\f138";
|
||||
|
||||
@chevron-sign-up: "\f139";
|
||||
|
||||
@chevron-sign-down: "\f13a";
|
||||
|
||||
@html5: "\f13b";
|
||||
|
||||
@css3: "\f13c";
|
||||
|
||||
@anchor: "\f13d";
|
||||
|
||||
@unlock-alt: "\f13e";
|
||||
|
||||
@bullseye: "\f140";
|
||||
|
||||
@ellipsis-horizontal: "\f141";
|
||||
|
||||
@ellipsis-vertical: "\f142";
|
||||
|
||||
@rss-sign: "\f143";
|
||||
|
||||
@play-sign: "\f144";
|
||||
|
||||
@ticket: "\f145";
|
||||
|
||||
@minus-sign-alt: "\f146";
|
||||
|
||||
@check-minus: "\f147";
|
||||
|
||||
@level-up: "\f148";
|
||||
|
||||
@level-down: "\f149";
|
||||
|
||||
@check-sign: "\f14a";
|
||||
|
||||
@edit-sign: "\f14b";
|
||||
|
||||
@external-link-sign: "\f14c";
|
||||
|
||||
@share-sign: "\f14d";
|
||||
|
||||
@compass: "\f14e";
|
||||
|
||||
@collapse: "\f150";
|
||||
|
||||
@collapse-top: "\f151";
|
||||
|
||||
@expand: "\f152";
|
||||
|
||||
@eur: "\f153";
|
||||
|
||||
@gbp: "\f154";
|
||||
|
||||
@usd: "\f155";
|
||||
|
||||
@inr: "\f156";
|
||||
|
||||
@jpy: "\f157";
|
||||
|
||||
@cny: "\f158";
|
||||
|
||||
@krw: "\f159";
|
||||
|
||||
@btc: "\f15a";
|
||||
|
||||
@file: "\f15b";
|
||||
|
||||
@file-text: "\f15c";
|
||||
|
||||
@sort-by-alphabet: "\f15d";
|
||||
|
||||
@sort-by-alphabet-alt: "\f15e";
|
||||
|
||||
@sort-by-attributes: "\f160";
|
||||
|
||||
@sort-by-attributes-alt: "\f161";
|
||||
|
||||
@sort-by-order: "\f162";
|
||||
|
||||
@sort-by-order-alt: "\f163";
|
||||
|
||||
@thumbs-up: "\f164";
|
||||
|
||||
@thumbs-down: "\f165";
|
||||
|
||||
@youtube-sign: "\f166";
|
||||
|
||||
@youtube: "\f167";
|
||||
|
||||
@xing: "\f168";
|
||||
|
||||
@xing-sign: "\f169";
|
||||
|
||||
@youtube-play: "\f16a";
|
||||
|
||||
@dropbox: "\f16b";
|
||||
|
||||
@stackexchange: "\f16c";
|
||||
|
||||
@instagram: "\f16d";
|
||||
|
||||
@flickr: "\f16e";
|
||||
|
||||
@adn: "\f170";
|
||||
|
||||
@bitbucket: "\f171";
|
||||
|
||||
@bitbucket-sign: "\f172";
|
||||
|
||||
@tumblr: "\f173";
|
||||
|
||||
@tumblr-sign: "\f174";
|
||||
|
||||
@long-arrow-down: "\f175";
|
||||
|
||||
@long-arrow-up: "\f176";
|
||||
|
||||
@long-arrow-left: "\f177";
|
||||
|
||||
@long-arrow-right: "\f178";
|
||||
|
||||
@apple: "\f179";
|
||||
|
||||
@windows: "\f17a";
|
||||
|
||||
@android: "\f17b";
|
||||
|
||||
@linux: "\f17c";
|
||||
|
||||
@dribbble: "\f17d";
|
||||
|
||||
@skype: "\f17e";
|
||||
|
||||
@foursquare: "\f180";
|
||||
|
||||
@trello: "\f181";
|
||||
|
||||
@female: "\f182";
|
||||
|
||||
@male: "\f183";
|
||||
|
||||
@gittip: "\f184";
|
||||
|
||||
@sun: "\f185";
|
||||
|
||||
@moon: "\f186";
|
||||
|
||||
@archive: "\f187";
|
||||
|
||||
@bug: "\f188";
|
||||
|
||||
@vk: "\f189";
|
||||
|
||||
@weibo: "\f18a";
|
||||
|
||||
@renren: "\f18b";
|
||||
|
||||
107
themes/zen/less/layout.less
Normal file
107
themes/zen/less/layout.less
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
html {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
background: @primaryBackground;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.social {
|
||||
float: left;
|
||||
min-height: 100%;
|
||||
background: @sidebarBackground;
|
||||
//-- needed for full sidebar height
|
||||
position: absolute;
|
||||
@media @mobileLayout {
|
||||
position: relative;
|
||||
}
|
||||
top:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:0;
|
||||
width: @sidebarWidth;
|
||||
@media @tabletLayout {
|
||||
width: @sidebarNarrowWidth;
|
||||
}
|
||||
@media @mobileLayout {
|
||||
width: 100%;
|
||||
}
|
||||
//-- end sidebar sizing
|
||||
ul {
|
||||
position: fixed;
|
||||
@media @mobileLayout {
|
||||
position: relative;
|
||||
}
|
||||
margin: 0;
|
||||
top: 50px;
|
||||
display: table;
|
||||
@media @mobileLayout {
|
||||
display: block;
|
||||
top: 0px;
|
||||
}
|
||||
width: @sidebarWidth;
|
||||
@media @tabletLayout {
|
||||
width: @sidebarNarrowWidth;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
@media @mobileLayout {
|
||||
padding-top: 5%;
|
||||
padding-left: 3%;
|
||||
text-align: left;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
|
||||
.label {
|
||||
display: none;
|
||||
@media @mobileLayout {
|
||||
display: inline;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
min-height: 100%;
|
||||
padding: @baseLineHeight * 2 0 @baseLineHeight * 2.5 @contentPadding;
|
||||
margin-left: @sidebarWidth + @sidebarPadding;
|
||||
@media @tabletLayout {
|
||||
padding-left: @contentNarrowPadding;
|
||||
margin-left: @sidebarNarrowWidth + @sidebarNarrowPadding;
|
||||
}
|
||||
@media @mobileLayout {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
padding: @baseLineHeight * 1.5 0;
|
||||
}
|
||||
|
||||
&>.content {
|
||||
max-width: @contentWidth;
|
||||
@media @tabletLayout {
|
||||
min-width: @narrowContentWidth;
|
||||
}
|
||||
@media @mobileLayout {
|
||||
min-width: auto;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
66
themes/zen/less/lists.less
Normal file
66
themes/zen/less/lists.less
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
// 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;
|
||||
}
|
||||
}
|
||||
16
themes/zen/less/main.less
Normal file
16
themes/zen/less/main.less
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
@import "variables.less";
|
||||
@import "mixins.less";
|
||||
@import "reset.less";
|
||||
@import "layout.less";
|
||||
@import "font-awesome-3.2.1/font-awesome.less";
|
||||
@import "lists.less";
|
||||
@import "pagination.less";
|
||||
@import "pager.less";
|
||||
@import "type.less";
|
||||
@import "thumbnails.less";
|
||||
@import "code.less";
|
||||
|
||||
//Various bloggy things
|
||||
@import "blog-mixins.less";
|
||||
@import "blog.less";
|
||||
|
||||
487
themes/zen/less/mixins.less
Normal file
487
themes/zen/less/mixins.less
Normal file
|
|
@ -0,0 +1,487 @@
|
|||
//
|
||||
// Mixins
|
||||
// Based off Bootstrap (http://github.com/twitter/bootstrap/blob/master/less/reset.less)
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// 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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 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;
|
||||
}
|
||||
43
themes/zen/less/pager.less
Normal file
43
themes/zen/less/pager.less
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
//
|
||||
// Pager pagination
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.pager {
|
||||
margin: @baseLineHeight 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
.clearfix();
|
||||
}
|
||||
.pager li {
|
||||
display: inline;
|
||||
}
|
||||
.pager li > a,
|
||||
.pager li > span {
|
||||
display: inline-block;
|
||||
padding: 5px 14px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(15px);
|
||||
}
|
||||
.pager li > a:hover,
|
||||
.pager li > a:focus {
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.pager .next > a,
|
||||
.pager .next > span {
|
||||
float: right;
|
||||
}
|
||||
.pager .previous > a,
|
||||
.pager .previous > span {
|
||||
float: left;
|
||||
}
|
||||
.pager .disabled > a,
|
||||
.pager .disabled > a:hover,
|
||||
.pager .disabled > a:focus,
|
||||
.pager .disabled > span {
|
||||
color: @grayLight;
|
||||
background-color: #fff;
|
||||
cursor: default;
|
||||
}
|
||||
123
themes/zen/less/pagination.less
Normal file
123
themes/zen/less/pagination.less
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
//
|
||||
// Pagination (multiple pages)
|
||||
// --------------------------------------------------
|
||||
|
||||
// Space out pagination from surrounding content
|
||||
.pagination {
|
||||
margin: @baseLineHeight 0;
|
||||
}
|
||||
|
||||
.pagination ul {
|
||||
// Allow for text-based alignment
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
// Reset default ul styles
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
// Visuals
|
||||
.border-radius(@baseBorderRadius);
|
||||
.box-shadow(0 1px 2px rgba(0,0,0,.05));
|
||||
}
|
||||
.pagination ul > li {
|
||||
display: inline; // Remove list-style and block-level defaults
|
||||
}
|
||||
.pagination ul > li > a,
|
||||
.pagination ul > li > span {
|
||||
float: left; // Collapse white-space
|
||||
padding: 4px 12px;
|
||||
line-height: @baseLineHeight;
|
||||
text-decoration: none;
|
||||
background-color: @paginationBackground;
|
||||
border: 1px solid @paginationBorder;
|
||||
border-left-width: 0;
|
||||
}
|
||||
.pagination ul > li > a:hover,
|
||||
.pagination ul > li > a:focus,
|
||||
.pagination ul > .active > a,
|
||||
.pagination ul > .active > span {
|
||||
background-color: @paginationActiveBackground;
|
||||
}
|
||||
.pagination ul > .active > a,
|
||||
.pagination ul > .active > span {
|
||||
color: @grayLight;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination ul > .disabled > span,
|
||||
.pagination ul > .disabled > a,
|
||||
.pagination ul > .disabled > a:hover,
|
||||
.pagination ul > .disabled > a:focus {
|
||||
color: @grayLight;
|
||||
background-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination ul > li:first-child > a,
|
||||
.pagination ul > li:first-child > span {
|
||||
border-left-width: 1px;
|
||||
.border-left-radius(@baseBorderRadius);
|
||||
}
|
||||
.pagination ul > li:last-child > a,
|
||||
.pagination ul > li:last-child > span {
|
||||
.border-right-radius(@baseBorderRadius);
|
||||
}
|
||||
|
||||
|
||||
// Alignment
|
||||
// --------------------------------------------------
|
||||
|
||||
.pagination-centered {
|
||||
text-align: center;
|
||||
}
|
||||
.pagination-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
// Sizing
|
||||
// --------------------------------------------------
|
||||
|
||||
// Large
|
||||
.pagination-large {
|
||||
ul > li > a,
|
||||
ul > li > span {
|
||||
padding: @paddingLarge;
|
||||
font-size: @fontSizeLarge;
|
||||
}
|
||||
ul > li:first-child > a,
|
||||
ul > li:first-child > span {
|
||||
.border-left-radius(@borderRadiusLarge);
|
||||
}
|
||||
ul > li:last-child > a,
|
||||
ul > li:last-child > span {
|
||||
.border-right-radius(@borderRadiusLarge);
|
||||
}
|
||||
}
|
||||
|
||||
// Small and mini
|
||||
.pagination-mini,
|
||||
.pagination-small {
|
||||
ul > li:first-child > a,
|
||||
ul > li:first-child > span {
|
||||
.border-left-radius(@borderRadiusSmall);
|
||||
}
|
||||
ul > li:last-child > a,
|
||||
ul > li:last-child > span {
|
||||
.border-right-radius(@borderRadiusSmall);
|
||||
}
|
||||
}
|
||||
|
||||
// Small
|
||||
.pagination-small {
|
||||
ul > li > a,
|
||||
ul > li > span {
|
||||
padding: @paddingSmall;
|
||||
font-size: @fontSizeSmall;
|
||||
}
|
||||
}
|
||||
// Mini
|
||||
.pagination-mini {
|
||||
ul > li > a,
|
||||
ul > li > span {
|
||||
padding: @paddingMini;
|
||||
font-size: @fontSizeMini;
|
||||
}
|
||||
}
|
||||
53
themes/zen/less/prettify.less
Normal file
53
themes/zen/less/prettify.less
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
/* SPAN elements with the classes below are added by prettyprint. */
|
||||
.pln { color: #000 } /* plain text */
|
||||
|
||||
@media screen {
|
||||
.str { color: #080 } /* string content */
|
||||
.kwd { color: #008 } /* a keyword */
|
||||
.com { color: #800 } /* a comment */
|
||||
.typ { color: #606 } /* a type name */
|
||||
.lit { color: #066 } /* a literal value */
|
||||
/* punctuation, lisp open bracket, lisp close bracket */
|
||||
.pun, .opn, .clo { color: #660 }
|
||||
.tag { color: #008 } /* a markup tag name */
|
||||
.atn { color: #606 } /* a markup attribute name */
|
||||
.atv { color: #080 } /* a markup attribute value */
|
||||
.dec, .var { color: #606 } /* a declaration; a variable name */
|
||||
.fun { color: red } /* a function name */
|
||||
}
|
||||
|
||||
/* Use higher contrast and text-weight for printable form. */
|
||||
@media print, projection {
|
||||
.str { color: #060 }
|
||||
.kwd { color: #006; font-weight: bold }
|
||||
.com { color: #600; font-style: italic }
|
||||
.typ { color: #404; font-weight: bold }
|
||||
.lit { color: #044 }
|
||||
.pun, .opn, .clo { color: #440 }
|
||||
.tag { color: #006; font-weight: bold }
|
||||
.atn { color: #404 }
|
||||
.atv { color: #060 }
|
||||
}
|
||||
|
||||
.prettyprint {
|
||||
padding: 8px;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
&.linenums {
|
||||
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums {
|
||||
margin: 0 0 0 33px; /* IE indents via margin-left */
|
||||
|
||||
li {
|
||||
padding-left: 12px;
|
||||
color: #bebec5;
|
||||
line-height: 20px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
}
|
||||
170
themes/zen/less/reset.less
Normal file
170
themes/zen/less/reset.less
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
//
|
||||
// Reset CSS
|
||||
// Adapted from https://github.com/mgeraci/Less-Boilerplate/blob/master/boilerplate.less
|
||||
// And http://github.com/twitter/bootstrap/blob/master/less/reset.less
|
||||
// And http://github.com/necolas/normalize.css
|
||||
// --------------------------------------------------
|
||||
|
||||
// ============= //
|
||||
// = CSS Reset = //
|
||||
// ============= //
|
||||
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
font-weight: inherit;
|
||||
font-style: inherit;
|
||||
font-size: 100%;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
// HTML5 display-role reset for older browsers
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, 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 {
|
||||
-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;
|
||||
}
|
||||
|
||||
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
1
themes/zen/less/targets
Normal file
1
themes/zen/less/targets
Normal file
|
|
@ -0,0 +1 @@
|
|||
main.less
|
||||
53
themes/zen/less/thumbnails.less
Normal file
53
themes/zen/less/thumbnails.less
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
//
|
||||
// Thumbnails
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
|
||||
|
||||
// Make wrapper ul behave like the grid
|
||||
.thumbnails {
|
||||
margin-left: -@gridGutterWidth;
|
||||
list-style: none;
|
||||
.clearfix();
|
||||
}
|
||||
// Fluid rows have no left margin
|
||||
.row-fluid .thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Float li to make thumbnails appear in a row
|
||||
.thumbnails > li {
|
||||
float: left; // Explicity set the float since we don't require .span* classes
|
||||
margin-bottom: @baseLineHeight;
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// The actual thumbnail (can be `a` or `div`)
|
||||
.thumbnail {
|
||||
display: block;
|
||||
padding: 4px;
|
||||
line-height: @baseLineHeight;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(@baseBorderRadius);
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.055));
|
||||
.transition(all .2s ease-in-out);
|
||||
}
|
||||
// Add a hover/focus state for linked versions only
|
||||
a.thumbnail:hover,
|
||||
a.thumbnail:focus {
|
||||
border-color: @linkColor;
|
||||
.box-shadow(0 1px 4px rgba(0,105,214,.25));
|
||||
}
|
||||
|
||||
// Images and captions
|
||||
.thumbnail > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.thumbnail .caption {
|
||||
padding: 9px;
|
||||
color: @gray;
|
||||
}
|
||||
161
themes/zen/less/type.less
Normal file
161
themes/zen/less/type.less
Normal file
|
|
@ -0,0 +1,161 @@
|
|||
//@import url(http://fonts.googleapis.com/css?family=Bitter:400,400italic,700);
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @textColor;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @linkColorHover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.social {
|
||||
a {
|
||||
color: @socialLinkColor;
|
||||
line-height: @baseLineHeight * 1.85;
|
||||
.transition(text-shadow 0.5s);
|
||||
.opacity(60);
|
||||
@media @mobileLayout {
|
||||
.opacity(90);
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-shadow: 0 0 10px rgba(255,255,255,0.8);
|
||||
color: @socialLinkColor;
|
||||
text-decoration: none;
|
||||
.opacity(90);
|
||||
@media @mobileLayout {
|
||||
.opacity(100);
|
||||
}
|
||||
}
|
||||
[class^="icon-"] {
|
||||
.transition(opacity 0.5s);
|
||||
.icon-3x;
|
||||
@media @mobileLayout {
|
||||
.icon-2x;
|
||||
}
|
||||
}
|
||||
.label {
|
||||
font-family: @altFontFamily;
|
||||
font-weight: @headingsFontWeight;
|
||||
font-size: @baseFontSize * 1.75;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
font-family: @baseFontFamily;
|
||||
&>.content {
|
||||
text-rendering: optimizeLegibility;
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.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, .h1, h2, .h2 { line-height: @baseLineHeight * 2; }
|
||||
|
||||
h3, .h3 { line-height: @baseLineHeight * 1.5; }
|
||||
|
||||
h1, .h1 { font-size: @baseFontSize * 2.75; } // ~38px
|
||||
h2, .h2 { font-size: @baseFontSize * 2.25; } // ~32px
|
||||
h3, .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, h3 small { font-size: @baseFontSize; }
|
||||
h4 small { font-size: @baseFontSize; }
|
||||
|
||||
p {
|
||||
.hyphens();
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
cite {
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
border-left: 5px solid @grayLighter;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
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;
|
||||
}
|
||||
97
themes/zen/less/variables.less
Normal file
97
themes/zen/less/variables.less
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
// Layout
|
||||
//-----------
|
||||
@narrowContentWidth: 525px;
|
||||
@contentWidth: 890px;
|
||||
@contentPadding: @baseLineHeight * 1.75;
|
||||
@contentNarrowPadding: @baseLineHeight;
|
||||
|
||||
@sidebarPadding: 0px;
|
||||
@sidebarNarrowPadding: 4px;
|
||||
|
||||
@sidebarWidth: 180px;
|
||||
|
||||
// 768 = min two col width
|
||||
@sidebarNarrowWidth: 768px - @narrowContentWidth - @sidebarNarrowPadding - @contentNarrowPadding - 5px;
|
||||
|
||||
// Colors
|
||||
//-----------
|
||||
@darkBlue: rgb(25,32,41);
|
||||
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #333;
|
||||
@gray: #555;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
// Resources
|
||||
//----------
|
||||
@sidebarBackground: url('../images/blue-mocha-grunge.jpg') @darkBlue;
|
||||
@primaryBackground: url('../images/cream-dust.png') @white;
|
||||
|
||||
// Typography
|
||||
//-----------
|
||||
@serifFontFamily: "Bitter","Georgia","Times New Roman",serif;
|
||||
@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
|
||||
@baseFontFamily: @serifFontFamily;
|
||||
@baseFontSize: 15px;
|
||||
@baseLineHeight: 24px;
|
||||
@textColor: @grayDark;
|
||||
@altFontFamily: @sansFontFamily;
|
||||
|
||||
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
||||
@headingsFontWeight: bold; // instead of browser default, bold
|
||||
@headingsColor: darken(@textColor, 2.0%); // empty to use BS default, @textColor
|
||||
|
||||
@linkColor: #08c;
|
||||
@linkColorHover: darken(@linkColor, 15%);
|
||||
|
||||
@socialLinkColor: @white;
|
||||
|
||||
// Component sizing
|
||||
// ----------
|
||||
@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;
|
||||
|
||||
@horizontalComponentOffset: 180px;
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
@paginationBackground: #fff;
|
||||
@paginationBorder: #ddd;
|
||||
@paginationActiveBackground: #f5f5f5;
|
||||
|
||||
// Responsive
|
||||
// ----------
|
||||
@desktopLayout: ~"(min-width: 1048px)";
|
||||
@tabletLayout: ~"(min-width: 774px) and (max-width: 1047px)";
|
||||
@mobileLayout: ~"(max-width: 773px)";
|
||||
|
||||
// Misc
|
||||
// -----------
|
||||
@dimmedOpacity: 20;
|
||||
@opaqueOpacity: 100;
|
||||
|
||||
// Bootstrap resets
|
||||
@gridGutterWidth: 0;
|
||||
Loading…
Add table
Add a link
Reference in a new issue