Cleanup old tree
Before Width: | Height: | Size: 852 KiB |
@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
|
||||||
<plist version="1.0">
|
|
||||||
<dict>
|
|
||||||
<key>URL</key>
|
|
||||||
<string>http://dribbble.com/shots/1307496-Streamnation-Homepage-Design</string>
|
|
||||||
</dict>
|
|
||||||
</plist>
|
|
@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
|
||||||
<plist version="1.0">
|
|
||||||
<dict>
|
|
||||||
<key>URL</key>
|
|
||||||
<string>https://www.streamnation.com/</string>
|
|
||||||
</dict>
|
|
||||||
</plist>
|
|
@ -1,384 +0,0 @@
|
|||||||
.btn-default,
|
|
||||||
.btn-primary,
|
|
||||||
.btn-success,
|
|
||||||
.btn-info,
|
|
||||||
.btn-warning,
|
|
||||||
.btn-danger {
|
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default:active,
|
|
||||||
.btn-primary:active,
|
|
||||||
.btn-success:active,
|
|
||||||
.btn-info:active,
|
|
||||||
.btn-warning:active,
|
|
||||||
.btn-danger:active,
|
|
||||||
.btn-default.active,
|
|
||||||
.btn-primary.active,
|
|
||||||
.btn-success.active,
|
|
||||||
.btn-info.active,
|
|
||||||
.btn-warning.active,
|
|
||||||
.btn-danger.active {
|
|
||||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
||||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:active,
|
|
||||||
.btn.active {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default {
|
|
||||||
text-shadow: 0 1px 0 #fff;
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
|
|
||||||
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #e0e0e0;
|
|
||||||
border-color: #ccc;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default:active,
|
|
||||||
.btn-default.active {
|
|
||||||
background-color: #e6e6e6;
|
|
||||||
border-color: #e0e0e0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
|
|
||||||
background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #2d6ca2;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary:active,
|
|
||||||
.btn-primary.active {
|
|
||||||
background-color: #3071a9;
|
|
||||||
border-color: #2d6ca2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
|
|
||||||
background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #419641;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success:active,
|
|
||||||
.btn-success.active {
|
|
||||||
background-color: #449d44;
|
|
||||||
border-color: #419641;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-warning {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
|
|
||||||
background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #eb9316;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-warning:active,
|
|
||||||
.btn-warning.active {
|
|
||||||
background-color: #ec971f;
|
|
||||||
border-color: #eb9316;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-danger {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #c12e2a;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-danger:active,
|
|
||||||
.btn-danger.active {
|
|
||||||
background-color: #c9302c;
|
|
||||||
border-color: #c12e2a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
|
|
||||||
background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #2aabd2;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info:active,
|
|
||||||
.btn-info.active {
|
|
||||||
background-color: #31b0d5;
|
|
||||||
border-color: #2aabd2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.thumbnail,
|
|
||||||
.img-thumbnail {
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu > li > a:hover,
|
|
||||||
.dropdown-menu > li > a:focus,
|
|
||||||
.dropdown-menu > .active > a,
|
|
||||||
.dropdown-menu > .active > a:hover,
|
|
||||||
.dropdown-menu > .active > a:focus {
|
|
||||||
background-color: #357ebd;
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
|
|
||||||
background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
|
|
||||||
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-radius: 4px;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar .navbar-nav > .active > a {
|
|
||||||
background-color: #f8f8f8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand,
|
|
||||||
.navbar-nav > li > a {
|
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-inverse {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
|
|
||||||
background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-inverse .navbar-nav > .active > a {
|
|
||||||
background-color: #222222;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-inverse .navbar-brand,
|
|
||||||
.navbar-inverse .navbar-nav > li > a {
|
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-static-top,
|
|
||||||
.navbar-fixed-top,
|
|
||||||
.navbar-fixed-bottom {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-success {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));
|
|
||||||
background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #c8e5bc, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #b2dba1;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-info {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #b9def0, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #9acfea;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-warning {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));
|
|
||||||
background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #f8efc0, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #f5e79e;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-danger {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));
|
|
||||||
background-image: -webkit-linear-gradient(top, #f2dede, 0%, #e7c3c3, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #dca7a7;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
|
|
||||||
background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
|
|
||||||
background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-success {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
|
|
||||||
background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-info {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
|
|
||||||
background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-warning {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
|
|
||||||
background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-danger {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-group {
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-group-item.active,
|
|
||||||
.list-group-item.active:hover,
|
|
||||||
.list-group-item.active:focus {
|
|
||||||
text-shadow: 0 -1px 0 #3071a9;
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));
|
|
||||||
background-image: -webkit-linear-gradient(top, #428bca, 0%, #3278b3, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #3278b3;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel {
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-default > .panel-heading {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
|
|
||||||
background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e8e8e8, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-primary > .panel-heading {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
|
|
||||||
background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-success > .panel-heading {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
|
|
||||||
background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-info > .panel-heading {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-warning > .panel-heading {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
|
|
||||||
background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-danger > .panel-heading {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
|
|
||||||
background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.well {
|
|
||||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
|
|
||||||
background-image: -webkit-linear-gradient(top, #e8e8e8, 0%, #f5f5f5, 100%);
|
|
||||||
background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #dcdcdc;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
|
||||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
||||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
@ -1 +0,0 @@
|
|||||||
|
|
@ -1,321 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'EntypoRegular';
|
|
||||||
src: url('../fonts/entypo.eot');
|
|
||||||
src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/entypo.woff') format('woff'),
|
|
||||||
url('../fonts/entypo.ttf') format('truetype'),
|
|
||||||
url('../fonts/entypo.svg#EntypoRegular') format('svg');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'EntypoSocialRegular';
|
|
||||||
src: url('../fonts/entypo-social.eot');
|
|
||||||
src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/entypo-social.woff') format('woff'),
|
|
||||||
url('../fonts/entypo-social.ttf') format('truetype'),
|
|
||||||
url('../fonts/entypo-social.svg#EntypoRegular') format('svg');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entypo {
|
|
||||||
font-family: 'EntypoRegular';
|
|
||||||
font-size: 2em;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entypo-social {
|
|
||||||
font-family: 'EntypoSocialRegular';
|
|
||||||
font-size: 2em;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entypo.phone:before{ content:'\1F4DE'; }
|
|
||||||
.entypo.mobile:before{ content:'\1F4F1'; }
|
|
||||||
.entypo.mouse:before{ content:'\E789'; }
|
|
||||||
.entypo.address:before{ content:'\E723'; }
|
|
||||||
.entypo.mail:before{ content:'\2709'; }
|
|
||||||
.entypo.paper-plane:before{ content:'\1F53F'; }
|
|
||||||
.entypo.pencil:before{ content:'\270E'; }
|
|
||||||
.entypo.feather:before{ content:'\2712'; }
|
|
||||||
.entypo.attach:before{ content:'\1F4CE'; }
|
|
||||||
.entypo.inbox:before{ content:'\E777'; }
|
|
||||||
.entypo.reply:before{ content:'\E712'; }
|
|
||||||
.entypo.reply-all:before{ content:'\E713'; }
|
|
||||||
.entypo.forward:before{ content:'\27A6'; }
|
|
||||||
.entypo.user:before{ content:'\1F464'; }
|
|
||||||
.entypo.users:before{ content:'\1F465'; }
|
|
||||||
.entypo.add-user:before{ content:'\E700'; }
|
|
||||||
.entypo.vcard:before{ content:'\E722'; }
|
|
||||||
.entypo.export:before{ content:'\E715'; }
|
|
||||||
.entypo.location:before{ content:'\E724'; }
|
|
||||||
.entypo.map:before{ content:'\E727'; }
|
|
||||||
.entypo.compass:before{ content:'\E728'; }
|
|
||||||
.entypo.direction:before{ content:'\27A2'; }
|
|
||||||
.entypo.hair-cross:before{ content:'\1F3AF'; }
|
|
||||||
.entypo.share:before{ content:'\E73C'; }
|
|
||||||
.entypo.shareable:before{ content:'\E73E'; }
|
|
||||||
.entypo.heart:before{ content:'\2665'; }
|
|
||||||
.entypo.heart-empty:before{ content:'\2661'; }
|
|
||||||
.entypo.star:before{ content:'\2605'; }
|
|
||||||
.entypo.star-empty:before{ content:'\2606'; }
|
|
||||||
.entypo.thumbs-up:before{ content:'\1F44D'; }
|
|
||||||
.entypo.thumbs-down:before{ content:'\1F44E'; }
|
|
||||||
.entypo.chat:before{ content:'\E720'; }
|
|
||||||
.entypo.comment:before{ content:'\E718'; }
|
|
||||||
.entypo.quote:before{ content:'\275E'; }
|
|
||||||
.entypo.home:before{ content:'\2302'; }
|
|
||||||
.entypo.popup:before{ content:'\E74C'; }
|
|
||||||
.entypo.search:before{ content:'\1F50D'; }
|
|
||||||
.entypo.flashlight:before{ content:'\1F526'; }
|
|
||||||
.entypo.print:before{ content:'\E716'; }
|
|
||||||
.entypo.bell:before{ content:'\1F514'; }
|
|
||||||
.entypo.link:before{ content:'\1F517'; }
|
|
||||||
.entypo.flag:before{ content:'\2691'; }
|
|
||||||
.entypo.cog:before{ content:'\2699'; }
|
|
||||||
.entypo.tools:before{ content:'\2692'; }
|
|
||||||
.entypo.trophy:before{ content:'\1F3C6'; }
|
|
||||||
.entypo.tag:before{ content:'\E70C'; }
|
|
||||||
.entypo.camera:before{ content:'\1F4F7'; }
|
|
||||||
.entypo.megaphone:before{ content:'1F4E3'; }
|
|
||||||
.entypo.moon:before{ content:'\0045'; }
|
|
||||||
.entypo.palette:before{ content:'\1F3A8'; }
|
|
||||||
.entypo.leaf:before{ content:'\1F342'; }
|
|
||||||
.entypo.note:before{ content:'\266A'; }
|
|
||||||
.entypo.beamed-note:before{ content:'\266B'; }
|
|
||||||
.entypo.new:before{ content:'\1F4A5'; }
|
|
||||||
.entypo.graduation-cap:before{ content:'\1F393'; }
|
|
||||||
.entypo.book:before{ content:'\1F4D5'; }
|
|
||||||
.entypo.newspaper:before{ content:'\1F4F0'; }
|
|
||||||
.entypo.bag:before{ content:'\1F45C'; }
|
|
||||||
.entypo.airplane:before{ content:'\2708'; }
|
|
||||||
.entypo.lifebuoy:before{ content:'\E788'; }
|
|
||||||
.entypo.eye:before{ content:'\E70A'; }
|
|
||||||
.entypo.clock:before{ content:'\1F554'; }
|
|
||||||
.entypo.mic:before{ content:'\1F3A4'; }
|
|
||||||
.entypo.calendar:before{ content:'\1F4C5'; }
|
|
||||||
.entypo.flash:before{ content:'\26A1'; }
|
|
||||||
.entypo.thunder-cloud:before{ content:'\26C8'; }
|
|
||||||
.entypo.droplet:before{ content:'\1F4A7'; }
|
|
||||||
.entypo.cd:before{ content:'\1F4BF'; }
|
|
||||||
.entypo.briefcase:before{ content:'\1F4BC'; }
|
|
||||||
.entypo.air:before{ content:'\1F4A8'; }
|
|
||||||
.entypo.hourglass:before{ content:'\23F3'; }
|
|
||||||
.entypo.gauge:before{ content:'\1F6C7'; }
|
|
||||||
.entypo.language:before{ content:'\1F394'; }
|
|
||||||
.entypo.network:before{ content:'\E776'; }
|
|
||||||
.entypo.key:before{ content:'\1F511'; }
|
|
||||||
.entypo.battery:before{ content:'\1F50B'; }
|
|
||||||
.entypo.bucket:before{ content:'\1F4FE'; }
|
|
||||||
.entypo.magnet:before{ content:'\E7A1'; }
|
|
||||||
.entypo.drive:before{ content:'\1F4FD'; }
|
|
||||||
.entypo.cup:before{ content:'\2615'; }
|
|
||||||
.entypo.rocket:before{ content:'\1F680'; }
|
|
||||||
.entypo.brush:before{ content:'\E79A'; }
|
|
||||||
.entypo.suitcase:before{ content:'\1F6C6'; }
|
|
||||||
.entypo.traffic-cone:before{ content:'\1F6C8'; }
|
|
||||||
.entypo.globe:before{ content:'\1F30E'; }
|
|
||||||
.entypo.keyboard:before{ content:'\2328'; }
|
|
||||||
.entypo.browser:before{ content:'\E74E'; }
|
|
||||||
.entypo.publish:before{ content:'\E74D'; }
|
|
||||||
.entypo.progress-3:before{ content:'\E76B'; }
|
|
||||||
.entypo.progress-2:before{ content:'\E76A'; }
|
|
||||||
.entypo.progress-1:before{ content:'\E769'; }
|
|
||||||
.entypo.progress-0:before{ content:'\E768'; }
|
|
||||||
.entypo.light-down:before{ content:'\1F505'; }
|
|
||||||
.entypo.light-up:before{ content:'\1F506'; }
|
|
||||||
.entypo.adjust:before{ content:'\25D1'; }
|
|
||||||
.entypo.code:before{ content:'\E714'; }
|
|
||||||
.entypo.monitor:before{ content:'\1F4BB'; }
|
|
||||||
.entypo.infinity:before{ content:'\221E'; }
|
|
||||||
.entypo.light-bulb:before{ content:'\1F4A1'; }
|
|
||||||
.entypo.credit-card:before{ content:'\1F4B3'; }
|
|
||||||
.entypo.database:before{ content:'\1F4F8'; }
|
|
||||||
.entypo.voicemail:before{ content:'\2707'; }
|
|
||||||
.entypo.clipboard:before{ content:'\1F4CB'; }
|
|
||||||
.entypo.cart:before{ content:'\E73D'; }
|
|
||||||
.entypo.box:before{ content:'\1F4E6'; }
|
|
||||||
.entypo.ticket:before{ content:'\1F3AB'; }
|
|
||||||
.entypo.rss:before{ content:'\E73A'; }
|
|
||||||
.entypo.signal:before{ content:'\1F4F6'; }
|
|
||||||
.entypo.thermometer:before{ content:'\1F4FF'; }
|
|
||||||
.entypo.water:before{ content:'\1F4A6'; }
|
|
||||||
.entypo.sweden:before{ content:'\F601'; }
|
|
||||||
.entypo.line-graph:before{ content:'\1F4C8'; }
|
|
||||||
.entypo.pie-chart:before{ content:'\25F4'; }
|
|
||||||
.entypo.bar-graph:before{ content:'\1F4CA'; }
|
|
||||||
.entypo.area-graph:before{ content:'\1F53E'; }
|
|
||||||
.entypo.lock:before{ content:'\1F512'; }
|
|
||||||
.entypo.lock-open:before{ content:'\1F513'; }
|
|
||||||
.entypo.logout:before{ content:'\E741'; }
|
|
||||||
.entypo.login:before{ content:'\E740'; }
|
|
||||||
.entypo.check:before{ content:'\2713'; }
|
|
||||||
.entypo.cross:before{ content:'\274C'; }
|
|
||||||
.entypo.squared-minus:before{ content:'\229F'; }
|
|
||||||
.entypo.squared-plus:before{ content:'\229E'; }
|
|
||||||
.entypo.squared-cross:before{ content:'\274E'; }
|
|
||||||
.entypo.circled-minus:before{ content:'\2296'; }
|
|
||||||
.entypo.circled-plus:before{ content:'\2295'; }
|
|
||||||
.entypo.circled-cross:before{ content:'\2716'; }
|
|
||||||
.entypo.minus:before{ content:'\2796'; }
|
|
||||||
.entypo.plus:before{ content:'\2795'; }
|
|
||||||
.entypo.erase:before{ content:'\232B'; }
|
|
||||||
.entypo.block:before{ content:'\1F6AB'; }
|
|
||||||
.entypo.info:before{ content:'\2139'; }
|
|
||||||
.entypo.circled-info:before{ content:'\E705'; }
|
|
||||||
.entypo.help:before{ content:'\2753'; }
|
|
||||||
.entypo.circled-help:before{ content:'\E704'; }
|
|
||||||
.entypo.warning:before{ content:'\26A0'; }
|
|
||||||
.entypo.cycle:before{ content:'\1F504'; }
|
|
||||||
.entypo.cw:before{ content:'\27F3'; }
|
|
||||||
.entypo.ccw:before{ content:'\27F2'; }
|
|
||||||
.entypo.shuffle:before{ content:'\1F500'; }
|
|
||||||
.entypo.back:before{ content:'\1F519'; }
|
|
||||||
.entypo.level-down:before{ content:'\21B3'; }
|
|
||||||
.entypo.retweet:before{ content:'\E717'; }
|
|
||||||
.entypo.loop:before{ content:'\1F501'; }
|
|
||||||
.entypo.back-in-time:before{ content:'\E771'; }
|
|
||||||
.entypo.level-up:before{ content:'\21B0'; }
|
|
||||||
.entypo.switch:before{ content:'\21C6'; }
|
|
||||||
.entypo.numbered-list:before{ content:'\E005'; }
|
|
||||||
.entypo.add-to-list:before{ content:'\E003'; }
|
|
||||||
.entypo.layout:before{ content:'\268F'; }
|
|
||||||
.entypo.list:before{ content:'\2630'; }
|
|
||||||
.entypo.text-doc:before{ content:'\1F4C4'; }
|
|
||||||
.entypo.text-doc-inverted:before{ content:'\E731'; }
|
|
||||||
.entypo.doc:before{ content:'\E730'; }
|
|
||||||
.entypo.docs:before{ content:'\E736'; }
|
|
||||||
.entypo.landscape-doc:before{ content:'\E737'; }
|
|
||||||
.entypo.picture:before{ content:'\1F304'; }
|
|
||||||
.entypo.video:before{ content:'\1F3AC'; }
|
|
||||||
.entypo.music:before{ content:'\1F3B5'; }
|
|
||||||
.entypo.folder:before{ content:'\1F4C1'; }
|
|
||||||
.entypo.archive:before{ content:'\E800'; }
|
|
||||||
.entypo.trash:before{ content:'\E729'; }
|
|
||||||
.entypo.upload:before{ content:'\1F4E4'; }
|
|
||||||
.entypo.download:before{ content:'\1F4E5'; }
|
|
||||||
.entypo.save:before{ content:'\1F4BE'; }
|
|
||||||
.entypo.install:before{ content:'\E778'; }
|
|
||||||
.entypo.cloud:before{ content:'\2601'; }
|
|
||||||
.entypo.upload-cloud:before{ content:'\E711'; }
|
|
||||||
.entypo.bookmark:before{ content:'\1F516'; }
|
|
||||||
.entypo.bookmarks:before{ content:'\1F4D1'; }
|
|
||||||
.entypo.open-book:before{ content:'\1F4D6'; }
|
|
||||||
.entypo.play:before{ content:'\25B6'; }
|
|
||||||
.entypo.paus:before{ content:'\2016'; }
|
|
||||||
.entypo.record:before{ content:'\25CF'; }
|
|
||||||
.entypo.stop:before{ content:'\25A0'; }
|
|
||||||
.entypo.ff:before{ content:'\23E9'; }
|
|
||||||
.entypo.fb:before{ content:'\23EA'; }
|
|
||||||
.entypo.to-start:before{ content:'\23EE'; }
|
|
||||||
.entypo.to-end:before{ content:'\23ED'; }
|
|
||||||
.entypo.resize-full:before{ content:'\E744'; }
|
|
||||||
.entypo.resize-small:before{ content:'\E746'; }
|
|
||||||
.entypo.volume:before{ content:'\23F7'; }
|
|
||||||
.entypo.sound:before{ content:'\1F50A'; }
|
|
||||||
.entypo.mute:before{ content:'\1F507'; }
|
|
||||||
.entypo.flow-cascade:before{ content:'\1F568'; }
|
|
||||||
.entypo.flow-branch:before{ content:'\1F569'; }
|
|
||||||
.entypo.flow-tree:before{ content:'\1F56A'; }
|
|
||||||
.entypo.flow-line:before{ content:'\1F56B'; }
|
|
||||||
.entypo.flow-parallel:before{ content:'\1F56C'; }
|
|
||||||
.entypo.left-bold:before{ content:'\E4AD'; }
|
|
||||||
.entypo.down-bold:before{ content:'\E4B0'; }
|
|
||||||
.entypo.up-bold:before{ content:'\E4AF'; }
|
|
||||||
.entypo.right-bold:before{ content:'\E4AE'; }
|
|
||||||
.entypo.left:before{ content:'\2B05'; }
|
|
||||||
.entypo.down:before{ content:'\2B07'; }
|
|
||||||
.entypo.up:before{ content:'\2B06'; }
|
|
||||||
.entypo.right:before{ content:'\27A1'; }
|
|
||||||
.entypo.circled-left:before{ content:'\E759'; }
|
|
||||||
.entypo.circled-down:before{ content:'\E758'; }
|
|
||||||
.entypo.circled-up:before{ content:'\E75B'; }
|
|
||||||
.entypo.circled-right:before{ content:'\E75A'; }
|
|
||||||
.entypo.triangle-left:before{ content:'\25C2'; }
|
|
||||||
.entypo.triangle-down:before{ content:'\25BE'; }
|
|
||||||
.entypo.triangle-up:before{ content:'\25B4'; }
|
|
||||||
.entypo.triangle-right:before{ content:'\25B8'; }
|
|
||||||
.entypo.chevron-left:before{ content:'\E75D'; }
|
|
||||||
.entypo.chevron-down:before{ content:'\E75C'; }
|
|
||||||
.entypo.chevron-up:before{ content:'\E75F'; }
|
|
||||||
.entypo.chevron-right:before{ content:'\E75E'; }
|
|
||||||
.entypo.chevron-small-left:before{ content:'\E761'; }
|
|
||||||
.entypo.chevron-small-down:before{ content:'\E760'; }
|
|
||||||
.entypo.chevron-small-up:before{ content:'\E763'; }
|
|
||||||
.entypo.chevron-small-right:before{ content:'\E762'; }
|
|
||||||
.entypo.chevron-thin-left:before{ content:'\E765'; }
|
|
||||||
.entypo.chevron-thin-down:before{ content:'\E764'; }
|
|
||||||
.entypo.chevron-thin-up:before{ content:'\E767'; }
|
|
||||||
.entypo.chevron-thin-right:before{ content:'\E766'; }
|
|
||||||
.entypo.left-thin:before{ content:'\2190'; }
|
|
||||||
.entypo.down-thin:before{ content:'\2193'; }
|
|
||||||
.entypo.up-thin:before{ content:'\2191'; }
|
|
||||||
.entypo.right-thin:before{ content:'\2192'; }
|
|
||||||
.entypo.arrow-combo:before{ content:'\E74F'; }
|
|
||||||
.entypo.three-dots:before{ content:'\23F6'; }
|
|
||||||
.entypo.two-dots:before{ content:'\23F5'; }
|
|
||||||
.entypo.dot:before{ content:'\23F4'; }
|
|
||||||
.entypo.cc:before{ content:'\1F545'; }
|
|
||||||
.entypo.cc-by:before{ content:'\1F546'; }
|
|
||||||
.entypo.cc-nc:before{ content:'\1F547'; }
|
|
||||||
.entypo.cc-nc-eu:before{ content:'\1F548'; }
|
|
||||||
.entypo.cc-nc-jp:before{ content:'\1F549'; }
|
|
||||||
.entypo.cc-sa:before{ content:'\1F54A'; }
|
|
||||||
.entypo.cc-nd:before{ content:'\1F54B'; }
|
|
||||||
.entypo.cc-pd:before{ content:'\1F54C'; }
|
|
||||||
.entypo.cc-zero:before{ content:'\1F54D'; }
|
|
||||||
.entypo.cc-share:before{ content:'\1F54E'; }
|
|
||||||
.entypo.cc-remix:before{ content:'\1F54F'; }
|
|
||||||
.entypo.db-logo:before{ content:'\1F5F9'; }
|
|
||||||
.entypo.db-shape:before{ content:'\1F5FA'; }
|
|
||||||
|
|
||||||
.entypo-social.github:before{ content:'\F300'; }
|
|
||||||
.entypo-social.c-github:before{ content:'\F301'; }
|
|
||||||
.entypo-social.flickr:before{ content:'\F303'; }
|
|
||||||
.entypo-social.c-flickr:before{ content:'\F304'; }
|
|
||||||
.entypo-social.vimeo:before{ content:'\F306'; }
|
|
||||||
.entypo-social.c-vimeo:before{ content:'\F307'; }
|
|
||||||
.entypo-social.twitter:before{ content:'\F309'; }
|
|
||||||
.entypo-social.c-twitter:before{ content:'\F30A'; }
|
|
||||||
.entypo-social.facebook:before{ content:'\F30C'; }
|
|
||||||
.entypo-social.c-facebook:before{ content:'\F30D'; }
|
|
||||||
.entypo-social.s-facebook:before{ content:'\F30E'; }
|
|
||||||
.entypo-social.google+:before{ content:'\F30F'; }
|
|
||||||
.entypo-social.c-google+:before{ content:'\F310'; }
|
|
||||||
.entypo-social.pinterest:before{ content:'\F312'; }
|
|
||||||
.entypo-social.c-pinterest:before{ content:'\F313'; }
|
|
||||||
.entypo-social.tumblr:before{ content:'\F315'; }
|
|
||||||
.entypo-social.c-tumblr:before{ content:'\F316'; }
|
|
||||||
.entypo-social.linkedin:before{ content:'\F318'; }
|
|
||||||
.entypo-social.c-linkedin:before{ content:'\F319'; }
|
|
||||||
.entypo-social.dribbble:before{ content:'\F31B'; }
|
|
||||||
.entypo-social.c-dribbble:before{ content:'\F31C'; }
|
|
||||||
.entypo-social.stumbleupon:before{ content:'\F31E'; }
|
|
||||||
.entypo-social.c-stumbleupon:before{ content:'\F31F'; }
|
|
||||||
.entypo-social.lastfm:before{ content:'\F321'; }
|
|
||||||
.entypo-social.c-lastfm:before{ content:'\F322'; }
|
|
||||||
.entypo-social.rdio:before{ content:'\F324'; }
|
|
||||||
.entypo-social.c-rdio:before{ content:'\F325'; }
|
|
||||||
.entypo-social.spotify:before{ content:'\F327'; }
|
|
||||||
.entypo-social.c-spotify:before{ content:'\F328'; }
|
|
||||||
.entypo-social.qq:before{ content:'\F32A'; }
|
|
||||||
.entypo-social.instagram:before{ content:'\F32D'; }
|
|
||||||
.entypo-social.dropbox:before{ content:'\F330'; }
|
|
||||||
.entypo-social.evernote:before{ content:'\F333'; }
|
|
||||||
.entypo-social.flattr:before{ content:'\F336'; }
|
|
||||||
.entypo-social.skype:before{ content:'\F339'; }
|
|
||||||
.entypo-social.c-skype:before{ content:'\F33A'; }
|
|
||||||
.entypo-social.renren:before{ content:'\F33C'; }
|
|
||||||
.entypo-social.sina-weibo:before{ content:'\F33F'; }
|
|
||||||
.entypo-social.paypal:before{ content:'\F342'; }
|
|
||||||
.entypo-social.picasa:before{ content:'\F345'; }
|
|
||||||
.entypo-social.soundcloud:before{ content:'\F348'; }
|
|
||||||
.entypo-social.mixi:before{ content:'\F34B'; }
|
|
||||||
.entypo-social.behance:before{ content:'\F34E'; }
|
|
||||||
.entypo-social.google-circles:before{ content:'\F351'; }
|
|
||||||
.entypo-social.vk:before{ content:'\F354'; }
|
|
||||||
.entypo-social.smashing:before{ content:'\F357'; }
|
|
@ -1,4 +0,0 @@
|
|||||||
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Lobster:400,700);
|
|
||||||
@font-face{font-family:'Gotham-Light';src:url('../fonts/itc/Gotham-Light.eot');src:url('../fonts/itc/Gotham-Light.woff') format('woff'),url('../fonts/itc/Gotham-Light.svg#Gotham-Light') format('svg')}@font-face{font-family:'Gotham-Medium';src:url('../fonts/itc/Gotham-Medium.eot');src:url('../fonts/itc/Gotham-Medium.woff') format('woff'),url('../fonts/itc/Gotham-Medium.svg#Gotham-Medium') format('svg')}@font-face{font-family:'Gotham-Book';src:url('../fonts/itc/Gotham-Book.eot');src:url('../fonts/itc/Gotham-Book.woff') format('woff'),url('../fonts/itc/Gotham-Book.svg#Gotham-Book') format('svg')}
|
|
@ -1,90 +0,0 @@
|
|||||||
.fraction-slider{
|
|
||||||
position:relative;
|
|
||||||
width:100%; height:100%;
|
|
||||||
overflow:visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .slide{
|
|
||||||
display:none; width:100%; height:100%;
|
|
||||||
position:absolute;
|
|
||||||
z-index:5000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .active-slide{
|
|
||||||
z-index:9999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .fs_obj{
|
|
||||||
display:block; display:none;
|
|
||||||
position:absolute;
|
|
||||||
top:0px; left:100%;
|
|
||||||
z-index:7000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .fs_fixed_obj{
|
|
||||||
z-index:6000;
|
|
||||||
left:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .fs_obj *{
|
|
||||||
display:inline-block;
|
|
||||||
position:relative;
|
|
||||||
top:0px; left:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fs_loader{
|
|
||||||
width:100%; height:400px;
|
|
||||||
background:url(images/fs.spinner.gif) center center no-repeat transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** CONTROLS **/
|
|
||||||
|
|
||||||
.fraction-slider .prev,
|
|
||||||
.fraction-slider .next{
|
|
||||||
display:none;
|
|
||||||
position:absolute;
|
|
||||||
width:45px; height:45px;
|
|
||||||
z-index:9999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .prev{
|
|
||||||
left:10px; top:48%;
|
|
||||||
background:url(images/fs.prevnext.png) 0px 0px no-repeat transparent;
|
|
||||||
|
|
||||||
}
|
|
||||||
.fraction-slider .prev:hover{
|
|
||||||
background:url(images/fs.prevnext.png) 0px -45px no-repeat transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider .next{
|
|
||||||
right:10px; top:48%;
|
|
||||||
background:url(images/fs.prevnext.png) -45px 0px no-repeat transparent;
|
|
||||||
}
|
|
||||||
.fraction-slider .next:hover{
|
|
||||||
background:url(images/fs.prevnext.png) -45px -45px no-repeat transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fraction-slider:hover .prev,
|
|
||||||
.fraction-slider:hover .next{
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** PAGER **/
|
|
||||||
|
|
||||||
.fs-pager-wrapper{
|
|
||||||
position:absolute;
|
|
||||||
left:10px; bottom:10px;
|
|
||||||
z-index:9999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fs-pager-wrapper a,
|
|
||||||
.fs-custom-pager-wrapper a{
|
|
||||||
display:inline-block;
|
|
||||||
width:14px; height:14px;
|
|
||||||
margin:0 5px 0 0;
|
|
||||||
background:url(images/fs.pager.png) 0px -14px no-repeat transparent;
|
|
||||||
}
|
|
||||||
.fs-pager-wrapper .active,
|
|
||||||
.fs-custom-pager-wrapper .active{
|
|
||||||
background:url(images/fs.pager.png) 0px 0px no-repeat transparent;
|
|
||||||
}
|
|
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 2.5 KiB |
@ -1,34 +0,0 @@
|
|||||||
.vegas-loading {
|
|
||||||
border-radius: 10px;
|
|
||||||
background: #000;
|
|
||||||
background: rgba(0,0,0,0.7);
|
|
||||||
background: url(images/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
|
|
||||||
height: 32px;
|
|
||||||
left: 20px;
|
|
||||||
position: fixed;
|
|
||||||
top: 20px;
|
|
||||||
width: 32px;
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vegas-overlay {
|
|
||||||
background: transparent url(overlays/01.png);
|
|
||||||
opacity: 0.5;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vegas-background {
|
|
||||||
-ms-interpolation-mode: bicubic;
|
|
||||||
image-rendering: optimizeQuality;
|
|
||||||
max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
|
|
||||||
z-index: -2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vegas-overlay,
|
|
||||||
.vegas-background {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
@ -1,363 +0,0 @@
|
|||||||
/* Magnific Popup CSS */
|
|
||||||
.mfp-bg {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 1042;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
background: #0b0b0b;
|
|
||||||
opacity: 0.8;
|
|
||||||
filter: alpha(opacity=80); }
|
|
||||||
|
|
||||||
.mfp-wrap {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 1043;
|
|
||||||
position: fixed;
|
|
||||||
outline: none !important;
|
|
||||||
-webkit-backface-visibility: hidden; }
|
|
||||||
|
|
||||||
.mfp-container {
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
padding: 0 8px;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
|
|
||||||
.mfp-container:before {
|
|
||||||
content: '';
|
|
||||||
display: inline-block;
|
|
||||||
height: 100%;
|
|
||||||
vertical-align: middle; }
|
|
||||||
|
|
||||||
.mfp-align-top .mfp-container:before {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-content {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 1045; }
|
|
||||||
|
|
||||||
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
|
|
||||||
width: 100%;
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-ajax-cur {
|
|
||||||
cursor: progress; }
|
|
||||||
|
|
||||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
||||||
cursor: -moz-zoom-out;
|
|
||||||
cursor: -webkit-zoom-out;
|
|
||||||
cursor: zoom-out; }
|
|
||||||
|
|
||||||
.mfp-zoom {
|
|
||||||
cursor: pointer;
|
|
||||||
cursor: -webkit-zoom-in;
|
|
||||||
cursor: -moz-zoom-in;
|
|
||||||
cursor: zoom-in; }
|
|
||||||
|
|
||||||
.mfp-auto-cursor .mfp-content {
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
user-select: none; }
|
|
||||||
|
|
||||||
.mfp-loading.mfp-figure {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.mfp-preloader {
|
|
||||||
color: #cccccc;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: auto;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: -0.8em;
|
|
||||||
left: 8px;
|
|
||||||
right: 8px;
|
|
||||||
z-index: 1044; }
|
|
||||||
.mfp-preloader a {
|
|
||||||
color: #cccccc; }
|
|
||||||
.mfp-preloader a:hover {
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.mfp-s-ready .mfp-preloader {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-s-error .mfp-content {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
button.mfp-close, button.mfp-arrow {
|
|
||||||
overflow: visible;
|
|
||||||
cursor: pointer;
|
|
||||||
background: transparent;
|
|
||||||
border: 0;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
display: block;
|
|
||||||
outline: none;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 1046;
|
|
||||||
-webkit-box-shadow: none;
|
|
||||||
box-shadow: none; }
|
|
||||||
button::-moz-focus-inner {
|
|
||||||
padding: 0;
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
.mfp-close {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
line-height: 44px;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
opacity: 0.65;
|
|
||||||
padding: 0 0 18px 10px;
|
|
||||||
color: white;
|
|
||||||
font-style: normal;
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: Arial, Baskerville, monospace; }
|
|
||||||
.mfp-close:hover, .mfp-close:focus {
|
|
||||||
opacity: 1; }
|
|
||||||
.mfp-close:active {
|
|
||||||
top: 1px; }
|
|
||||||
|
|
||||||
.mfp-close-btn-in .mfp-close {
|
|
||||||
color: #333333; }
|
|
||||||
|
|
||||||
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
|
|
||||||
color: white;
|
|
||||||
right: -6px;
|
|
||||||
text-align: right;
|
|
||||||
padding-right: 6px;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
.mfp-counter {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
color: #cccccc;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 18px; }
|
|
||||||
|
|
||||||
.mfp-arrow {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0.65;
|
|
||||||
margin: 0;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -55px;
|
|
||||||
padding: 0;
|
|
||||||
width: 90px;
|
|
||||||
height: 110px;
|
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
||||||
.mfp-arrow:active {
|
|
||||||
margin-top: -54px; }
|
|
||||||
.mfp-arrow:hover, .mfp-arrow:focus {
|
|
||||||
opacity: 1; }
|
|
||||||
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
margin-top: 35px;
|
|
||||||
margin-left: 35px;
|
|
||||||
border: medium inset transparent; }
|
|
||||||
.mfp-arrow:after, .mfp-arrow .mfp-a {
|
|
||||||
border-top-width: 13px;
|
|
||||||
border-bottom-width: 13px;
|
|
||||||
top: 8px; }
|
|
||||||
.mfp-arrow:before, .mfp-arrow .mfp-b {
|
|
||||||
border-top-width: 21px;
|
|
||||||
border-bottom-width: 21px; }
|
|
||||||
|
|
||||||
.mfp-arrow-left {
|
|
||||||
left: 0; }
|
|
||||||
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
|
|
||||||
border-right: 17px solid white;
|
|
||||||
margin-left: 31px; }
|
|
||||||
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
|
|
||||||
margin-left: 25px;
|
|
||||||
border-right: 27px solid #3f3f3f; }
|
|
||||||
|
|
||||||
.mfp-arrow-right {
|
|
||||||
right: 0; }
|
|
||||||
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
|
|
||||||
border-left: 17px solid white;
|
|
||||||
margin-left: 39px; }
|
|
||||||
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
|
|
||||||
border-left: 27px solid #3f3f3f; }
|
|
||||||
|
|
||||||
.mfp-iframe-holder {
|
|
||||||
padding-top: 40px;
|
|
||||||
padding-bottom: 40px; }
|
|
||||||
.mfp-iframe-holder .mfp-content {
|
|
||||||
line-height: 0;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 900px; }
|
|
||||||
.mfp-iframe-holder .mfp-close {
|
|
||||||
top: -40px; }
|
|
||||||
|
|
||||||
.mfp-iframe-scaler {
|
|
||||||
width: 100%;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-top: 56.25%; }
|
|
||||||
.mfp-iframe-scaler iframe {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
background: black; }
|
|
||||||
|
|
||||||
/* Main image in popup */
|
|
||||||
img.mfp-img {
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
display: block;
|
|
||||||
line-height: 0;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 40px 0 40px;
|
|
||||||
margin: 0 auto; }
|
|
||||||
|
|
||||||
/* The shadow behind the image */
|
|
||||||
.mfp-figure {
|
|
||||||
line-height: 0; }
|
|
||||||
.mfp-figure:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 40px;
|
|
||||||
bottom: 40px;
|
|
||||||
display: block;
|
|
||||||
right: 0;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
z-index: -1;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
background: #444444; }
|
|
||||||
.mfp-figure small {
|
|
||||||
color: #bdbdbd;
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px; }
|
|
||||||
|
|
||||||
.mfp-bottom-bar {
|
|
||||||
margin-top: -36px;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-title {
|
|
||||||
text-align: left;
|
|
||||||
line-height: 18px;
|
|
||||||
color: #f3f3f3;
|
|
||||||
word-wrap: break-word;
|
|
||||||
padding-right: 36px; }
|
|
||||||
|
|
||||||
.mfp-image-holder .mfp-content {
|
|
||||||
max-width: 100%; }
|
|
||||||
|
|
||||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
||||||
/**
|
|
||||||
* Remove all paddings around the image on small screen
|
|
||||||
*/
|
|
||||||
.mfp-img-mobile .mfp-image-holder {
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0; }
|
|
||||||
.mfp-img-mobile img.mfp-img {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-img-mobile .mfp-figure {
|
|
||||||
/* The shadow behind the image */ }
|
|
||||||
.mfp-img-mobile .mfp-figure:after {
|
|
||||||
top: 0;
|
|
||||||
bottom: 0; }
|
|
||||||
.mfp-img-mobile .mfp-figure small {
|
|
||||||
display: inline;
|
|
||||||
margin-left: 5px; }
|
|
||||||
.mfp-img-mobile .mfp-bottom-bar {
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
bottom: 0;
|
|
||||||
margin: 0;
|
|
||||||
top: auto;
|
|
||||||
padding: 3px 5px;
|
|
||||||
position: fixed;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-img-mobile .mfp-counter {
|
|
||||||
right: 5px;
|
|
||||||
top: 3px; }
|
|
||||||
.mfp-img-mobile .mfp-close {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 35px;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
position: fixed;
|
|
||||||
text-align: center;
|
|
||||||
padding: 0; } }
|
|
||||||
|
|
||||||
@media all and (max-width: 900px) {
|
|
||||||
.mfp-arrow {
|
|
||||||
-webkit-transform: scale(0.75);
|
|
||||||
transform: scale(0.75); }
|
|
||||||
.mfp-arrow-left {
|
|
||||||
-webkit-transform-origin: 0;
|
|
||||||
transform-origin: 0; }
|
|
||||||
.mfp-arrow-right {
|
|
||||||
-webkit-transform-origin: 100%;
|
|
||||||
transform-origin: 100%; }
|
|
||||||
.mfp-container {
|
|
||||||
padding-left: 6px;
|
|
||||||
padding-right: 6px; } }
|
|
||||||
|
|
||||||
.mfp-ie7 .mfp-img {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-ie7 .mfp-bottom-bar {
|
|
||||||
width: 600px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -300px;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding-bottom: 5px; }
|
|
||||||
.mfp-ie7 .mfp-container {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-ie7 .mfp-content {
|
|
||||||
padding-top: 44px; }
|
|
||||||
.mfp-ie7 .mfp-close {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
padding-top: 0; }
|
|
@ -1,17 +0,0 @@
|
|||||||
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Lobster:400,700);
|
|
||||||
@font-face{font-family:'Gotham-Light';src:url('../fonts/itc/Gotham-Light.eot');src:url('../fonts/itc/Gotham-Light.woff') format('woff'),url('../fonts/itc/Gotham-Light.svg#Gotham-Light') format('svg')}@font-face{font-family:'Gotham-Medium';src:url('../fonts/itc/Gotham-Medium.eot');src:url('../fonts/itc/Gotham-Medium.woff') format('woff'),url('../fonts/itc/Gotham-Medium.svg#Gotham-Medium') format('svg')}@font-face{font-family:'Gotham-Book';src:url('../fonts/itc/Gotham-Book.eot');src:url('../fonts/itc/Gotham-Book.woff') format('woff'),url('../fonts/itc/Gotham-Book.svg#Gotham-Book') format('svg')}
|
|
||||||
body{background:#f2f2f2}body h2{font-weight:normal;color:#444}
|
|
||||||
.navigation .nav-head{text-transform:uppercase;color:#999;margin:20px 0}.navigation .nav-head:nth-child(1n+2){border-top:1px solid #ccc;padding-top:20px}
|
|
||||||
.navigation li a{color:#444;text-decoration:none;display:block;padding:10px}.navigation li a:hover{background:rgba(153,153,153,0.4);border-radius:5px}
|
|
||||||
.navigation li a span{margin-right:10px}
|
|
||||||
.navigation .create-shelf{margin:30px 0;font-size:12px;text-align:center}.navigation .create-shelf a{color:#fff;background:#45b29d;padding:10px 20px;border-radius:5px;text-decoration:none}
|
|
||||||
.container-fluid img{display:block;max-width:100%;height:auto}
|
|
||||||
.container-fluid .discover{margin-bottom:50px}
|
|
||||||
.container-fluid .new-books{border-top:1px solid #ccc}.container-fluid .new-books h2{margin:50px 0 0 0}
|
|
||||||
.container-fluid .book{margin-top:20px}.container-fluid .book .cover{height:250px;position:relative}.container-fluid .book .cover img{border:1px solid #ccc;border-radius:5px;box-sizeing:border-box;max-height:250px;bottom:0;position:absolute}
|
|
||||||
.container-fluid .book .meta{margin-top:10px}.container-fluid .book .meta p{margin:0}
|
|
||||||
.container-fluid .book .meta .title{font-weight:bold;font-size:16px;color:#444}
|
|
||||||
.container-fluid .book .meta .author{font-size:12px;color:#999}
|
|
||||||
.container-fluid .book .meta .rating{margin-top:5px}.container-fluid .book .meta .rating .glyphicon-star{color:#999}.container-fluid .book .meta .rating .glyphicon-star.good{color:#45b29d}
|
|
@ -1 +0,0 @@
|
|||||||
|
|
@ -1,13 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
|
|
||||||
<defs >
|
|
||||||
<font id="entypo-social" horiz-adv-x="555" ><font-face
|
|
||||||
font-family="Entypo Social"
|
|
||||||
units-per-em="1000"
|
|
||||||
panose-1="0 0 0 0 0 0 0 0 0 0"
|
|
||||||
ascent="750"
|
|
||||||
descent="-250"
|
|
||||||
alphabetic="0" />
|
|
||||||
<missing-glyph horiz-adv-x="500" />
|
|
||||||
</font>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 485 B |
@ -1,13 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
|
|
||||||
<defs >
|
|
||||||
<font id="entypo" horiz-adv-x="508" ><font-face
|
|
||||||
font-family="Entypo"
|
|
||||||
units-per-em="1000"
|
|
||||||
panose-1="0 0 0 0 0 0 0 0 0 0"
|
|
||||||
ascent="750"
|
|
||||||
descent="-250"
|
|
||||||
alphabetic="0" />
|
|
||||||
<missing-glyph horiz-adv-x="500" />
|
|
||||||
</font>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 471 B |
@ -1,228 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<metadata></metadata>
|
|
||||||
<defs>
|
|
||||||
<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
|
|
||||||
<font-face units-per-em="1200" ascent="960" descent="-240" />
|
|
||||||
<missing-glyph horiz-adv-x="500" />
|
|
||||||
<glyph />
|
|
||||||
<glyph />
|
|
||||||
<glyph unicode=" " />
|
|
||||||
<glyph unicode="*" d="M1100 500h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200z" />
|
|
||||||
<glyph unicode="+" d="M1100 400h-400v-400h-300v400h-400v300h400v400h300v-400h400v-300z" />
|
|
||||||
<glyph unicode=" " />
|
|
||||||
<glyph unicode=" " horiz-adv-x="652" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="1304" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="652" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="1304" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="434" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="326" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="217" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="217" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="163" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="260" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="72" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="260" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="326" />
|
|
||||||
<glyph unicode="€" d="M800 500h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257 q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406z" />
|
|
||||||
<glyph unicode="−" d="M1100 700h-900v-300h900v300z" />
|
|
||||||
<glyph unicode="☁" d="M178 300h750q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5q0 -80 56.5 -137t135.5 -57z" />
|
|
||||||
<glyph unicode="✉" d="M1200 1100h-1200l600 -603zM300 600l-300 -300v600zM1200 900v-600l-300 300zM800 500l400 -400h-1200l400 400l200 -200z" />
|
|
||||||
<glyph unicode="✏" d="M1101 889l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13l-94 -97zM401 189l614 614l-214 214l-614 -614zM-13 -13l333 112l-223 223z" />
|
|
||||||
<glyph unicode="" horiz-adv-x="500" d="M0 0z" />
|
|
||||||
<glyph unicode="" d="M700 100h300v-100h-800v100h300v550l-500 550h1200l-500 -550v-550z" />
|
|
||||||
<glyph unicode="" d="M1000 934v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q17 -55 85.5 -75.5t147.5 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7q-79 -25 -122.5 -82t-25.5 -112t86 -75.5t147 5.5 q65 21 109 69t44 90v606z" />
|
|
||||||
<glyph unicode="" d="M913 432l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342t142 342t342 142t342 -142t142 -342q0 -142 -78 -261zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" />
|
|
||||||
<glyph unicode="" d="M649 949q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5t-94 124.5t-33.5 117.5q0 64 28 123t73 100.5t104.5 64t119 20.5 t120 -38.5t104.5 -104.5z" />
|
|
||||||
<glyph unicode="" d="M791 522l145 -449l-384 275l-382 -275l146 447l-388 280h479l146 400h2l146 -400h472zM168 71l2 1z" />
|
|
||||||
<glyph unicode="" d="M791 522l145 -449l-384 275l-382 -275l146 447l-388 280h479l146 400h2l146 -400h472zM747 331l-74 229l193 140h-235l-77 211l-78 -211h-239l196 -142l-73 -226l192 140zM168 71l2 1z" />
|
|
||||||
<glyph unicode="" d="M1200 143v-143h-1200v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100z" />
|
|
||||||
<glyph unicode="" d="M1200 1100v-1100h-1200v1100h1200zM200 1000h-100v-100h100v100zM900 1000h-600v-400h600v400zM1100 1000h-100v-100h100v100zM200 800h-100v-100h100v100zM1100 800h-100v-100h100v100zM200 600h-100v-100h100v100zM1100 600h-100v-100h100v100zM900 500h-600v-400h600 v400zM200 400h-100v-100h100v100zM1100 400h-100v-100h100v100zM200 200h-100v-100h100v100zM1100 200h-100v-100h100v100z" />
|
|
||||||
<glyph unicode="" d="M500 1050v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5zM1100 1050v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h400 q21 0 35.5 -14.5t14.5 -35.5zM500 450v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5zM1100 450v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5z" />
|
|
||||||
<glyph unicode="" d="M300 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM700 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5zM1100 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM300 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM700 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1100 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM300 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM700 250v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1100 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5 t14.5 -35.5z" />
|
|
||||||
<glyph unicode="" d="M300 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1200 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h700 q21 0 35.5 -14.5t14.5 -35.5zM300 450v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-200q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5zM1200 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5zM300 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1200 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5z" />
|
|
||||||
<glyph unicode="" d="M448 34l818 820l-212 212l-607 -607l-206 207l-212 -212z" />
|
|
||||||
<glyph unicode="" d="M882 106l-282 282l-282 -282l-212 212l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282z" />
|
|
||||||
<glyph unicode="" d="M913 432l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342t142 342t342 142t342 -142t142 -342q0 -142 -78 -261zM507 363q137 0 233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5t-234 -97t-97 -233 t97 -233t234 -97zM600 800h100v-200h-100v-100h-200v100h-100v200h100v100h200v-100z" />
|
|
||||||
<glyph unicode="" d="M913 432l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 299q-120 -77 -261 -77q-200 0 -342 142t-142 342t142 342t342 142t342 -142t142 -342q0 -141 -78 -262zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 801v-200h400v200h-400z" />
|
|
||||||
<glyph unicode="" d="M700 750v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5zM800 975v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123 t-123 184t-45.5 224.5q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155z" />
|
|
||||||
<glyph unicode="" d="M1200 1h-200v1200h200v-1200zM900 1h-200v800h200v-800zM600 1h-200v500h200v-500zM300 301h-200v-300h200v300z" />
|
|
||||||
<glyph unicode="" d="M488 183l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5 q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39zM600 815q89 0 152 -63 t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152q0 88 63 151t152 63z" />
|
|
||||||
<glyph unicode="" d="M900 1100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100zM800 1100v100h-300v-100h300zM200 900h900v-800q0 -41 -29.5 -71 t-70.5 -30h-700q-41 0 -70.5 30t-29.5 71v800zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" />
|
|
||||||
<glyph unicode="" d="M1301 601h-200v-600h-300v400h-300v-400h-300v600h-200l656 644z" />
|
|
||||||
<glyph unicode="" d="M600 700h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18v1150q0 11 7 18t18 7h475v-500zM1000 800h-300v300z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM600 600h200 v-100h-300v400h100v-300z" />
|
|
||||||
<glyph unicode="" d="M721 400h-242l-40 -400h-539l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538zM712 500l-27 300h-170l-27 -300h224z" />
|
|
||||||
<glyph unicode="" d="M1100 400v-400h-1100v400h490l-290 300h200v500h300v-500h200l-290 -300h490zM988 300h-175v-100h175v100z" />
|
|
||||||
<glyph unicode="" d="M600 1199q122 0 233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233t47.5 233t127.5 191t191 127.5t233 47.5zM600 1012q-170 0 -291 -121t-121 -291t121 -291t291 -121t291 121 t121 291t-121 291t-291 121zM700 600h150l-250 -300l-250 300h150v300h200v-300z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM850 600h-150 v-300h-200v300h-150l250 300z" />
|
|
||||||
<glyph unicode="" d="M0 500l200 700h800q199 -700 200 -700v-475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18v475zM903 1000h-606l-97 -500h200l50 -200h300l50 200h200z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5zM797 598 l-297 -201v401z" />
|
|
||||||
<glyph unicode="" d="M1177 600h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123t-123 -184t-45.5 -224.5t45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123 t123 184t45.5 224.5z" />
|
|
||||||
<glyph unicode="" d="M700 800l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400zM500 400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122l-145 -145v400h400z" />
|
|
||||||
<glyph unicode="" d="M100 1200v-1200h1100v1200h-1100zM1100 100h-900v900h900v-900zM400 800h-100v100h100v-100zM1000 800h-500v100h500v-100zM400 600h-100v100h100v-100zM1000 600h-500v100h500v-100zM400 400h-100v100h100v-100zM1000 400h-500v100h500v-100zM400 200h-100v100h100v-100 zM1000 300h-500v-100h500v100z" />
|
|
||||||
<glyph unicode="" d="M200 0h-100v1100h100v-1100zM1100 600v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5z" />
|
|
||||||
<glyph unicode="" d="M1200 275v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5t-49.5 -227v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50 q11 0 18 7t7 18zM400 480v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14zM1000 480v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14z" />
|
|
||||||
<glyph unicode="" d="M0 800v-400h300l300 -200v800l-300 -200h-300zM971 600l141 -141l-71 -71l-141 141l-141 -141l-71 71l141 141l-141 141l71 71l141 -141l141 141l71 -71z" />
|
|
||||||
<glyph unicode="" d="M0 800v-400h300l300 -200v800l-300 -200h-300zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" />
|
|
||||||
<glyph unicode="" d="M974 186l6 8q142 178 142 405q0 230 -144 408l-6 8l-83 -64l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8zM300 801l300 200v-800l-300 200h-300v400h300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257z" />
|
|
||||||
<glyph unicode="" d="M100 700h400v100h100v100h-100v300h-500v-600h100v100zM1200 700v500h-600v-200h100v-300h200v-300h300v200h-200v100h200zM100 1100h300v-300h-300v300zM800 800v300h300v-300h-300zM200 900h100v100h-100v-100zM900 1000h100v-100h-100v100zM300 600h-100v-100h-200 v-500h500v500h-200v100zM900 200v-100h-200v100h-100v100h100v200h-200v100h300v-300h200v-100h-100zM400 400v-300h-300v300h300zM300 200h-100v100h100v-100zM1100 300h100v-100h-100v100zM600 100h100v-100h-100v100zM1200 100v-100h-300v100h300z" />
|
|
||||||
<glyph unicode="" d="M100 1200h-100v-1000h100v1000zM300 200h-100v1000h100v-1000zM700 200h-200v1000h200v-1000zM900 200h-100v1000h100v-1000zM1200 1200v-1000h-200v1000h200zM400 100v-100h-300v100h300zM500 91h100v-91h-100v91zM700 91h100v-91h-100v91zM1100 91v-91h-200v91h200z " />
|
|
||||||
<glyph unicode="" d="M1200 500l-500 -500l-699 700v475q0 10 7.5 17.5t17.5 7.5h474zM320 882q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71t29 -71q30 -30 71.5 -30t71.5 30z" />
|
|
||||||
<glyph unicode="" d="M1201 500l-500 -500l-699 700v475q0 11 7 18t18 7h474zM1501 500l-500 -500l-50 50l450 450l-700 700h100zM320 882q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71t30 -71q29 -30 71 -30t71 30z" />
|
|
||||||
<glyph unicode="" d="M1200 1200v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900v1025l175 175h925z" />
|
|
||||||
<glyph unicode="" d="M947 829l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18l-94 -346l40 -124h592zM1200 800v-700h-200v200h-800v-200h-200v700h200l100 -200h600l100 200h200zM881 176l38 -152q2 -10 -3.5 -17t-15.5 -7h-600q-10 0 -15.5 7t-3.5 17l38 152q2 10 11.5 17t19.5 7 h500q10 0 19.5 -7t11.5 -17z" />
|
|
||||||
<glyph unicode="" d="M1200 0v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417zM416 521l178 457l46 -140l116 -317 h-340z" />
|
|
||||||
<glyph unicode="" d="M100 1199h471q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111t-162 -38.5h-500v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21 t-29 14t-49 14.5v70zM400 1079v-379h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400z" />
|
|
||||||
<glyph unicode="" d="M877 1200l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425z" />
|
|
||||||
<glyph unicode="" d="M1150 1200h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49v300h150h700zM100 1000v-800h75l-125 -167l-125 167h75v800h-75l125 167 l125 -167h-75z" />
|
|
||||||
<glyph unicode="" d="M950 1201h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50v300h150h700zM200 101h800v75l167 -125l-167 -125v75h-800v-75l-167 125l167 125 v-75z" />
|
|
||||||
<glyph unicode="" d="M700 950v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35zM1100 650v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h1000 q21 0 35.5 15t14.5 35zM900 350v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35zM1200 50v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35 t35.5 -15h1100q21 0 35.5 15t14.5 35z" />
|
|
||||||
<glyph unicode="" d="M1000 950v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35zM1200 650v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h1100 q21 0 35.5 15t14.5 35zM1000 350v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35zM1200 50v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35 t35.5 -15h1100q21 0 35.5 15t14.5 35z" />
|
|
||||||
<glyph unicode="" d="M500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
|
|
||||||
<glyph unicode="" d="M0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
|
|
||||||
<glyph unicode="" d="M0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35zM0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" />
|
|
||||||
<glyph unicode="" d="M400 1100h-100v-1100h100v1100zM700 950v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35zM1100 650v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15 h500q20 0 35 15t15 35zM100 425v75h-201v100h201v75l166 -125zM900 350v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35zM1200 50v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5 v-100q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35z" />
|
|
||||||
<glyph unicode="" d="M201 950v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35zM801 1100h100v-1100h-100v1100zM601 650v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15 h500q20 0 35 15t15 35zM1101 425v75h200v100h-200v75l-167 -125zM401 350v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35zM701 50v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5 v-100q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35z" />
|
|
||||||
<glyph unicode="" d="M900 925v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53zM1200 300l-300 300l300 300v-600z" />
|
|
||||||
<glyph unicode="" d="M1200 1056v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31zM1100 1000h-1000v-737l247 182l298 -131l-74 156l293 318l236 -288v500zM476 750q0 -56 -39 -95t-95 -39t-95 39t-39 95t39 95t95 39t95 -39 t39 -95z" />
|
|
||||||
<glyph unicode="" d="M600 1213q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262q0 124 60.5 231.5t165 172t226.5 64.5zM599 514q107 0 182.5 75.5t75.5 182.5t-75.5 182 t-182.5 75t-182 -75.5t-75 -181.5q0 -107 75.5 -182.5t181.5 -75.5z" />
|
|
||||||
<glyph unicode="" d="M600 1199q122 0 233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233t47.5 233t127.5 191t191 127.5t233 47.5zM600 173v854q-176 0 -301.5 -125t-125.5 -302t125.5 -302t301.5 -125z " />
|
|
||||||
<glyph unicode="" d="M554 1295q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 138.5t-64 210.5q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5zM455 296q-7 6 -18 17 t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156q14 -82 59.5 -136t136.5 -80z" />
|
|
||||||
<glyph unicode="" d="M1108 902l113 113l-21 85l-92 28l-113 -113zM1100 625v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5 t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125zM436 341l161 50l412 412l-114 113l-405 -405z" />
|
|
||||||
<glyph unicode="" d="M1100 453v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5z M813 431l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209z" />
|
|
||||||
<glyph unicode="" d="M1100 569v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5h300q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69z M625 348l566 567l-136 137l-430 -431l-147 147l-136 -136z" />
|
|
||||||
<glyph unicode="" d="M900 303v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198l-300 300l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296z" />
|
|
||||||
<glyph unicode="" d="M900 0l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100z" />
|
|
||||||
<glyph unicode="" d="M1200 0l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100z" />
|
|
||||||
<glyph unicode="" d="M1200 0l-500 488v-488l-564 550l564 550v-487l500 487v-1100z" />
|
|
||||||
<glyph unicode="" d="M1100 550l-900 550v-1100z" />
|
|
||||||
<glyph unicode="" d="M500 150v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5zM900 150v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800q0 -21 14.5 -35.5t35.5 -14.5h200 q21 0 35.5 14.5t14.5 35.5z" />
|
|
||||||
<glyph unicode="" d="M1100 150v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35z" />
|
|
||||||
<glyph unicode="" d="M500 0v488l-500 -488v1100l500 -487v487l564 -550z" />
|
|
||||||
<glyph unicode="" d="M1050 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488l-500 -488v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5z" />
|
|
||||||
<glyph unicode="" d="M850 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5z" />
|
|
||||||
<glyph unicode="" d="M650 1064l-550 -564h1100zM1200 350v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5z" />
|
|
||||||
<glyph unicode="" d="M777 7l240 240l-353 353l353 353l-240 240l-592 -594z" />
|
|
||||||
<glyph unicode="" d="M513 -46l-241 240l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1z" />
|
|
||||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM500 900v-200h-200v-200h200v-200h200v200h200v200h-200v200h-200z" />
|
|
||||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM300 700v-200h600v200h-600z" />
|
|
||||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM247 741l141 -141l-142 -141l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141 l-141 142z" />
|
|
||||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM546 623l-102 102l-174 -174l276 -277l411 411l-175 174z" />
|
|
||||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM500 500h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3 q-105 0 -172 -56t-67 -183h144q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5zM500 400v-100h200v100h-200z" />
|
|
||||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM500 900v-100h200v100h-200zM400 700v-100h100v-200h-100v-100h400v100h-100v300h-300z" />
|
|
||||||
<glyph unicode="" d="M1200 700v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194v200h194q15 60 36 104.5t55.5 86t88 69t126.5 40.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203zM700 500v-206q149 48 201 206h-201v200h200 q-25 74 -76 127.5t-124 76.5v-204h-200v203q-75 -24 -130 -77.5t-79 -125.5h209v-200h-210q24 -73 79.5 -127.5t130.5 -78.5v206h200z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM844 735 l-135 -135l135 -135l-109 -109l-135 135l-135 -135l-109 109l135 135l-135 135l109 109l135 -135l135 135z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM896 654 l-346 -345l-228 228l141 141l87 -87l204 205z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM248 385l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5q0 -115 62 -215zM955 809l-564 -564q97 -59 209 -59q171 0 292.5 121.5 t121.5 292.5q0 112 -59 209z" />
|
|
||||||
<glyph unicode="" d="M1200 400h-600v-301l-600 448l600 453v-300h600v-300z" />
|
|
||||||
<glyph unicode="" d="M600 400h-600v300h600v300l600 -453l-600 -448v301z" />
|
|
||||||
<glyph unicode="" d="M1098 600h-298v-600h-300v600h-296l450 600z" />
|
|
||||||
<glyph unicode="" d="M998 600l-449 -600l-445 600h296v600h300v-600h298z" />
|
|
||||||
<glyph unicode="" d="M600 199v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453z" />
|
|
||||||
<glyph unicode="" d="M1200 1200h-400l129 -129l-294 -294l142 -142l294 294l129 -129v400zM565 423l-294 -294l129 -129h-400v400l129 -129l294 294z" />
|
|
||||||
<glyph unicode="" d="M871 730l129 -130h-400v400l129 -129l295 295l142 -141zM200 600h400v-400l-129 130l-295 -295l-142 141l295 295z" />
|
|
||||||
<glyph unicode="" d="M600 1177q118 0 224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5t45.5 224.5t123 184t184 123t224.5 45.5zM686 549l58 302q4 20 -8 34.5t-33 14.5h-207q-20 0 -32 -14.5t-8 -34.5 l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5zM700 400h-200v-100h200v100z" />
|
|
||||||
<glyph unicode="" d="M1200 900h-111v6t-1 15t-3 18l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6h-111v-100h100v-200h400v300h200v-300h400v200h100v100z M731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269zM481 900h-281q-3 0 14 48t35 96l18 47zM100 0h400v400h-400v-400zM700 400h400v-400h-400v400z" />
|
|
||||||
<glyph unicode="" d="M0 121l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55l-201 -202 v143zM692 611q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5t86.5 76.5q55 66 367 234z" />
|
|
||||||
<glyph unicode="" d="M1261 600l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30l-26 40l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5 t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30zM600 240q64 0 123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212 q0 85 46 158q-102 -87 -226 -258q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5zM484 762l-107 -106q49 -124 154 -191l105 105q-37 24 -75 72t-57 84z" />
|
|
||||||
<glyph unicode="" d="M906 1200l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43l-26 40l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148zM1261 600l-26 -40q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5 t-124 -100t-146.5 -79l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52zM513 264l37 141q-107 18 -178.5 101.5t-71.5 193.5q0 85 46 158q-102 -87 -226 -258q210 -282 393 -336z M484 762l-107 -106q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68z" />
|
|
||||||
<glyph unicode="" d="M-47 0h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 33 -48 36t-48 -29l-642 -1066q-21 -32 -7.5 -66t50.5 -34zM700 200v100h-200v-100h-345l445 723l445 -723h-345zM700 700h-200v-100l100 -300l100 300v100z" />
|
|
||||||
<glyph unicode="" d="M800 711l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -21 -13 -29t-32 1l-94 78h-222l-94 -78q-19 -9 -32 -1t-13 29v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5v41q0 20 11 44.5t26 38.5 l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339z" />
|
|
||||||
<glyph unicode="" d="M941 800l-600 -600h-341v200h259l600 600h241v198l300 -295l-300 -300v197h-159zM381 678l141 142l-181 180h-341v-200h259zM1100 598l300 -295l-300 -300v197h-241l-181 181l141 142l122 -123h159v198z" />
|
|
||||||
<glyph unicode="" d="M100 1100h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5z" />
|
|
||||||
<glyph unicode="" d="M400 900h-300v300h300v-300zM1100 900h-300v300h300v-300zM1100 800v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5t-58 109.5t-31.5 116t-15 104t-3 83v200h300v-250q0 -113 6 -145 q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300z" />
|
|
||||||
<glyph unicode="" d="M902 184l226 227l-578 579l-580 -579l227 -227l352 353z" />
|
|
||||||
<glyph unicode="" d="M650 218l578 579l-226 227l-353 -353l-352 353l-227 -227z" />
|
|
||||||
<glyph unicode="" d="M1198 400v600h-796l215 -200h381v-400h-198l299 -283l299 283h-200zM-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196z" />
|
|
||||||
<glyph unicode="" d="M1050 1200h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35 q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43l-100 475q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5z" />
|
|
||||||
<glyph unicode="" d="M1200 1000v-100h-1200v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500zM0 800h1200v-800h-1200v800z" />
|
|
||||||
<glyph unicode="" d="M201 800l-200 -400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000zM1501 700l-300 -700h-1200l300 700h1200z" />
|
|
||||||
<glyph unicode="" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" />
|
|
||||||
<glyph unicode="" d="M900 303v197h-600v-197l-300 297l300 298v-198h600v198l300 -298z" />
|
|
||||||
<glyph unicode="" d="M31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM100 300h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM900 200h-100v-100h100v100z M1100 200h-100v-100h100v100z" />
|
|
||||||
<glyph unicode="" d="M1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35zM325 800l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35q-56 337 -56 351v250v5 q0 13 0.5 18.5t2.5 13t8 10.5t15 3h200zM-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5z" />
|
|
||||||
<glyph unicode="" d="M445 1180l-45 -233l-224 78l78 -225l-233 -44l179 -156l-179 -155l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180z" />
|
|
||||||
<glyph unicode="" d="M700 1200h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400q0 -75 100 -75h61q123 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5zM700 925l-50 -225h450 v-125l-250 -375h-214l-136 100h-100v375l150 212l100 213h50v-175zM0 800v-600h200v600h-200z" />
|
|
||||||
<glyph unicode="" d="M700 0h-50q-27 0 -51 20t-38 48l-96 198l-145 196q-20 26 -20 63v400q0 75 100 75h61q123 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5zM200 400h-200v600h200 v-600zM700 275l-50 225h450v125l-250 375h-214l-136 -100h-100v-375l150 -212l100 -213h50v175z" />
|
|
||||||
<glyph unicode="" d="M364 873l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341q-7 0 -90 81t-83 94v525q0 17 14 35.5t28 28.5zM408 792v-503 l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83zM208 200h-200v600h200v-600z" />
|
|
||||||
<glyph unicode="" d="M475 1104l365 -230q7 -4 16.5 -10.5t26 -26t16.5 -36.5v-526q0 -13 -85.5 -93.5t-93.5 -80.5h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-84 0 -139 39t-55 111t54 110t139 37h302l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6zM370 946 l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100h222q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l106 89v502l-342 237zM1199 201h-200v600h200v-600z" />
|
|
||||||
<glyph unicode="" d="M1100 473v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90zM911 400h-503l-236 339 l83 86l183 -146q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6v7.5v7v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294zM1000 200v-200h-600v200h600z" />
|
|
||||||
<glyph unicode="" d="M305 1104v200h600v-200h-600zM605 310l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15l-230 -362q-15 -31 7 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85l-1 -302q0 -84 38.5 -138t110.5 -54t111 55t39 139v106z M905 804v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146l-83 86l237 339h503z" />
|
|
||||||
<glyph unicode="" d="M603 1195q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM598 701h-298v-201h300l-2 -194l402 294l-402 298v-197z" />
|
|
||||||
<glyph unicode="" d="M597 1195q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5zM200 600l400 -294v194h302v201h-300v197z" />
|
|
||||||
<glyph unicode="" d="M603 1195q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM300 600h200v-300h200v300h200l-300 400z" />
|
|
||||||
<glyph unicode="" d="M603 1195q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM500 900v-300h-200l300 -400l300 400h-200v300h-200z" />
|
|
||||||
<glyph unicode="" d="M603 1195q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM627 1101q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6 q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55 t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q102 -2 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7 q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5 t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 41 1 44q31 -13 58.5 -14.5t39.5 3.5l11 4q6 36 -17 53.5t-64 28.5t-56 23q-19 -3 -37 0zM613 994q0 -18 8 -42.5t16.5 -44t9.5 -23.5q-9 2 -31 5t-36 5t-32 8t-30 14q3 12 16 30t16 25q10 -10 18.5 -10 t14 6t14.5 14.5t16 12.5z" />
|
|
||||||
<glyph unicode="" horiz-adv-x="1220" d="M100 1196h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 1096h-200v-100h200v100zM100 796h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 696h-500v-100h500v100zM100 396h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 296h-300v-100h300v100z " />
|
|
||||||
<glyph unicode="" d="M1100 1200v-100h-1000v100h1000zM150 1000h900l-350 -500v-300l-200 -200v500z" />
|
|
||||||
<glyph unicode="" d="M329 729l142 142l-200 200l129 129h-400v-400l129 129zM1200 1200v-400l-129 129l-200 -200l-142 142l200 200l-129 129h400zM271 129l129 -129h-400v400l129 -129l200 200l142 -142zM1071 271l129 129v-400h-400l129 129l-200 200l142 142z" />
|
|
||||||
<glyph unicode="" d="M596 1192q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM596 1010q-171 0 -292.5 -121.5t-121.5 -292.5q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5zM455 905 q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5t16 38.5t39 16.5zM708 821l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5 q0 32 20.5 56.5t51.5 29.5zM855 709q23 0 38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39q0 22 16 38t39 16zM345 709q23 0 39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39t15.5 38.5t38.5 15.5z" />
|
|
||||||
<glyph unicode="" d="M649 54l-16 22q-90 125 -293 323q-71 70 -104.5 105.5t-77 89.5t-61 99t-17.5 91q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-203 -198 -293 -323zM844 524l12 12 q64 62 97.5 97t64.5 79t31 72q0 71 -48 119t-105 48q-74 0 -132 -82l-118 -171l-114 174q-51 79 -123 79q-60 0 -109.5 -49t-49.5 -118q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203z" />
|
|
||||||
<glyph unicode="" d="M476 406l19 -17l105 105l-212 212l389 389l247 -247l-95 -96l18 -18q46 -46 77 -99l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159q0 -93 66 -159zM123 193l141 -141q66 -66 159 -66q95 0 159 66 l283 283q66 66 66 159t-66 159l-141 141q-12 12 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159q0 -94 66 -160z" />
|
|
||||||
<glyph unicode="" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM900 1000h-600v-700h600v700zM600 46q43 0 73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5t-73.5 -30.5t-30.5 -73.5 t30.5 -73.5t73.5 -30.5z" />
|
|
||||||
<glyph unicode="" d="M700 1029v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5h139q5 -77 48.5 -126.5t117.5 -64.5v335l-27 7q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5 t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5zM600 755v274q-61 -8 -97.5 -37.5t-36.5 -102.5q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3zM700 548 v-311q170 18 170 151q0 64 -44 99.5t-126 60.5z" />
|
|
||||||
<glyph unicode="" d="M866 300l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5t-30 142.5h-221v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5 t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -11 2.5 -24.5t5.5 -24t9.5 -26.5t10.5 -25t14 -27.5t14 -25.5t15.5 -27t13.5 -24h242v-100h-197q8 -50 -2.5 -115t-31.5 -94 q-41 -59 -99 -113q35 11 84 18t70 7q32 1 102 -16t104 -17q76 0 136 30z" />
|
|
||||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM900 1200l298 -300h-198v-900h-200v900h-198z" />
|
|
||||||
<glyph unicode="" d="M400 300h198l-298 -300l-298 300h198v900h200v-900zM1000 1200v-500h-100v100h-100v-100h-100v500h300zM901 1100h-100v-200h100v200zM700 500h300v-200h-99v-100h-100v100h99v100h-200v100zM800 100h200v-100h-300v200h100v-100z" />
|
|
||||||
<glyph unicode="" d="M400 300h198l-298 -300l-298 300h198v900h200v-900zM1000 1200v-200h-99v-100h-100v100h99v100h-200v100h300zM800 800h200v-100h-300v200h100v-100zM700 500h300v-500h-100v100h-100v-100h-100v500zM801 200h100v200h-100v-200z" />
|
|
||||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM900 1100h-100v100h200v-500h-100v400zM1100 500v-500h-100v100h-200v400h300zM1001 400h-100v-200h100v200z" />
|
|
||||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM1100 1200v-500h-100v100h-200v400h300zM1001 1100h-100v-200h100v200zM900 400h-100v100h200v-500h-100v400z" />
|
|
||||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM900 1000h-200v200h200v-200zM1000 700h-300v200h300v-200zM1100 400h-400v200h400v-200zM1200 100h-500v200h500v-200z" />
|
|
||||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM1200 1000h-500v200h500v-200zM1100 700h-400v200h400v-200zM1000 400h-300v200h300v-200zM900 100h-200v200h200v-200z" />
|
|
||||||
<glyph unicode="" d="M400 1100h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5 t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5z" />
|
|
||||||
<glyph unicode="" d="M700 0h-300q-163 0 -281.5 117.5t-118.5 282.5v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5 t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5zM400 800v-500l333 250z" />
|
|
||||||
<glyph unicode="" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM900 300v500q0 41 -29.5 70.5t-70.5 29.5h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5 t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5zM800 700h-500l250 -333z" />
|
|
||||||
<glyph unicode="" d="M1100 700v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5zM900 300v500q0 41 -29.5 70.5t-70.5 29.5h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5 t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5zM550 733l-250 -333h500z" />
|
|
||||||
<glyph unicode="" d="M500 1100h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200zM700 550l-400 -350v200h-300v300h300v200z" />
|
|
||||||
<glyph unicode="" d="M403 2l9 -1q13 0 26 16l538 630q15 19 6 36q-8 18 -32 16h-300q1 4 78 219.5t79 227.5q2 17 -6 27l-8 8h-9q-16 0 -25 -15q-4 -5 -98.5 -111.5t-228 -257t-209.5 -238.5q-17 -19 -7 -40q10 -19 32 -19h302q-155 -438 -160 -458q-5 -21 4 -32z" />
|
|
||||||
<glyph unicode="" d="M800 200h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185zM900 200v200h-300v300h300v200l400 -350z" />
|
|
||||||
<glyph unicode="" d="M1200 700l-149 149l-342 -353l-213 213l353 342l-149 149h500v-500zM1022 571l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5v-300 q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM600 794 q80 0 137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137t57 137t137 57z" />
|
|
||||||
<glyph unicode="" d="M700 800v400h-300v-400h-300l445 -500l450 500h-295zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" />
|
|
||||||
<glyph unicode="" d="M400 700v-300h300v300h295l-445 500l-450 -500h300zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" />
|
|
||||||
<glyph unicode="" d="M405 400l596 596l-154 155l-442 -442l-150 151l-155 -155zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" />
|
|
||||||
<glyph unicode="" d="M409 1103l-97 97l-212 -212l97 -98zM650 861l-149 149l-212 -212l149 -149l-238 -248h700v699zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" />
|
|
||||||
<glyph unicode="" d="M539 950l-149 -149l212 -212l149 148l248 -237v700h-699zM297 709l-97 -97l212 -212l98 97zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" />
|
|
||||||
<glyph unicode="" d="M1200 1199v-1079l-475 272l-310 -393v416h-392zM1166 1148l-672 -712v-226z" />
|
|
||||||
<glyph unicode="" d="M1100 1000v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1200h-100v-200h100v200z" />
|
|
||||||
<glyph unicode="" d="M578 500h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120zM700 1200h-100v-200h100v200zM1300 538l-475 -476l-244 244l123 123l120 -120l353 352z" />
|
|
||||||
<glyph unicode="" d="M529 500h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170zM700 1200h-100v-200h100v200zM1167 6l-170 170l-170 -170l-127 127l170 170l-170 170l127 127l170 -170l170 170l127 -128 l-170 -169l170 -170z" />
|
|
||||||
<glyph unicode="" d="M700 500h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200zM700 1000h-100v200h100v-200zM1000 600h-200v-300h-200l300 -300l300 300h-200v300z" />
|
|
||||||
<glyph unicode="" d="M602 500h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200zM700 1000h-100v200h100v-200zM1000 300h200l-300 300l-300 -300h200v-300h200v300z" />
|
|
||||||
<glyph unicode="" d="M1200 900v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150h1200zM0 800v-550q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200zM100 500h400v-200h-400v200z" />
|
|
||||||
<glyph unicode="" d="M500 1000h400v198l300 -298l-300 -298v198h-400v200zM100 800v200h100v-200h-100zM400 800h-100v200h100v-200zM700 300h-400v-198l-300 298l300 298v-198h400v-200zM800 500h100v-200h-100v200zM1000 500v-200h100v200h-100z" />
|
|
||||||
<glyph unicode="" d="M1200 50v1106q0 31 -18 40.5t-44 -7.5l-276 -117q-25 -16 -43.5 -50.5t-18.5 -65.5v-359q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5zM550 1200l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447l-100 203v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300z" />
|
|
||||||
<glyph unicode="" d="M1100 106v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394 q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5z" />
|
|
||||||
<glyph unicode="" d="M675 1000l-100 100h-375l-100 -100h400l200 -200v-98l295 98h105v200h-425zM500 300v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5zM100 800h300v-200h-300v200zM700 565l400 133 v-163l-400 -133v163zM100 500h300v-200h-300v200zM805 300l295 98v-298h-425l-100 -100h-375l-100 100h400l200 200h105z" />
|
|
||||||
<glyph unicode="" d="M179 1169l-162 -162q-1 -11 -0.5 -32.5t16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q16 17 13 40.5t-22 37.5l-192 136q-19 14 -45 12t-42 -19l-119 -118q-143 103 -267 227q-126 126 -227 268l118 118 q17 17 20 41.5t-11 44.5l-139 194q-14 19 -36.5 22t-40.5 -14z" />
|
|
||||||
<glyph unicode="" d="M1200 712v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40t-53.5 -36.5t-31 -27.5l-9 -10v-200q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38 t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5zM800 650l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -15 -35.5t-35 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5 t30 -27.5t12 -24l1 -10v-50z" />
|
|
||||||
<glyph unicode="" d="M175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250zM1200 100v-100h-1100v100h1100z" />
|
|
||||||
<glyph unicode="" d="M600 1100h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300v1000q0 41 29.5 70.5t70.5 29.5zM1000 800h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300v700q0 41 29.5 70.5t70.5 29.5zM400 0v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400h300z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM200 800v-300h200v-100h-200v-100h300v300h-200v100h200v100h-300zM800 800h-200v-500h200v100h100v300h-100 v100zM800 700v-300h-100v300h100z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM400 600h-100v200h-100v-500h100v200h100v-200h100v500h-100v-200zM800 800h-200v-500h200v100h100v300h-100 v100zM800 700v-300h-100v300h100z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM200 800v-500h300v100h-200v300h200v100h-300zM600 800v-500h300v100h-200v300h200v100h-300z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM500 700l-300 -150l300 -150v300zM600 400l300 150l-300 150v-300z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM900 800v-500h-700v500h700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM800 700h-130 q-38 0 -66.5 -43t-28.5 -108t27 -107t68 -42h130v300z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM200 800v-300h200v-100h-200v-100h300v300h-200v100h200v100h-300zM800 300h100v500h-200v-100h100v-400z M601 300h100v100h-100v-100z" />
|
|
||||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM300 700v100h-100v-500h300v400h-200zM800 300h100v500h-200v-100h100v-400zM401 400h-100v200h100v-200z M601 300h100v100h-100v-100z" />
|
|
||||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM1000 900h-900v-700h900v700zM400 700h-200v100h300v-300h-99v-100h-100v100h99v200zM800 700h-100v100h200v-500h-100v400zM201 400h100v-100 h-100v100zM701 300h-100v100h100v-100z" />
|
|
||||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM800 700h-300 v-200h300v-100h-300l-100 100v200l100 100h300v-100z" />
|
|
||||||
<glyph unicode="" d="M596 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM596 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM800 700v-100 h-100v100h-200v-100h200v-100h-200v-100h-100v400h300zM800 400h-100v100h100v-100z" />
|
|
||||||
<glyph unicode="" d="M800 300h128q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5q0 -80 56.5 -137t135.5 -57h222v300h400v-300zM700 200h200l-300 -300 l-300 300h200v300h200v-300z" />
|
|
||||||
<glyph unicode="" d="M600 714l403 -403q94 26 154.5 104t60.5 178q0 121 -85 207.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5q0 -80 56.5 -137t135.5 -57h8zM700 -100h-200v300h-200l300 300 l300 -300h-200v-300z" />
|
|
||||||
<glyph unicode="" d="M700 200h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170l-270 -300h400v-155l-75 -45h350l-75 45v155z" />
|
|
||||||
<glyph unicode="" d="M700 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -12t1 -11q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5 q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350z" />
|
|
||||||
<glyph unicode="💼" d="M800 1000h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100zM500 1000h200v100h-200v-100zM1200 400v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v200h1200z" />
|
|
||||||
<glyph unicode="📅" d="M1100 900v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150h1100zM0 800v-750q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100zM100 600h100v-100h-100v100zM300 600h100v-100h-100v100z M500 600h100v-100h-100v100zM700 600h100v-100h-100v100zM900 600h100v-100h-100v100zM100 400h100v-100h-100v100zM300 400h100v-100h-100v100zM500 400h100v-100h-100v100zM700 400h100v-100h-100v100zM900 400h100v-100h-100v100zM100 200h100v-100h-100v100zM300 200 h100v-100h-100v100zM500 200h100v-100h-100v100zM700 200h100v-100h-100v100zM900 200h100v-100h-100v100z" />
|
|
||||||
<glyph unicode="📌" d="M902 1185l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207l-380 -303l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15z" />
|
|
||||||
<glyph unicode="📎" d="M518 119l69 -60l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163t35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84 t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -79.5 -17t-67.5 -51l-388 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348 q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256z" />
|
|
||||||
<glyph unicode="📷" d="M1200 200v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5z M1000 700h-100v100h100v-100zM844 500q0 -100 -72 -172t-172 -72t-172 72t-72 172t72 172t172 72t172 -72t72 -172zM706 500q0 44 -31 75t-75 31t-75 -31t-31 -75t31 -75t75 -31t75 31t31 75z" />
|
|
||||||
<glyph unicode="🔒" d="M900 800h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" />
|
|
||||||
<glyph unicode="🔔" d="M1062 400h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-22 -9 -63 -23t-167.5 -37t-251.5 -23t-245.5 20.5t-178.5 41.5l-58 20q-18 7 -31 27.5t-13 40.5q0 21 13.5 35.5t33.5 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94 q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327zM600 104q-54 0 -103 6q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6z" />
|
|
||||||
<glyph unicode="🔖" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" />
|
|
||||||
<glyph unicode="🔥" d="M400 755q2 -12 8 -41.5t8 -43t6 -39.5t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85t5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5 q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129 q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5z" />
|
|
||||||
<glyph unicode="🔧" d="M948 778l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5t15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138z" />
|
|
||||||
</font>
|
|
||||||
</defs></svg>
|
|
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 498 KiB |
Before Width: | Height: | Size: 391 KiB |
Before Width: | Height: | Size: 227 KiB |
Before Width: | Height: | Size: 434 KiB |
Before Width: | Height: | Size: 26 KiB |
@ -1,175 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<title>Anheuser Höfe</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
<link rel="shortcut icon" href="ico/favicon.png">
|
|
||||||
<!-- Bootstrap -->
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
||||||
<link href="css/style.css" rel="stylesheet" media="screen">
|
|
||||||
<link rel="stylesheet" href="css/jquery.vagas.css">
|
|
||||||
<link rel="stylesheet" href="css/entypo.css">
|
|
||||||
|
|
||||||
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<nav class="navbar navbar-default navbar-inverse navbar-static-top" role="navigation">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<a class="navbar-brand" href="#">eBookee</a>
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-primary">
|
|
||||||
<span class="sr-only">Toggle Side Navigation</span>
|
|
||||||
<i class="icon-th-list"></i>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-top">
|
|
||||||
<span class="sr-only">Toggle Top Navigation</span>
|
|
||||||
<i class="icon-align-justify"></i>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse navbar-collapse-top">
|
|
||||||
<div class="navbar-right">
|
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-left">
|
|
||||||
<li class="cdrop active"><a href="#">Link</a></li>
|
|
||||||
|
|
||||||
<li class="cdrop"><a href="#">Link</a></li>
|
|
||||||
|
|
||||||
<li class="dropdown cdrop">
|
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
|
||||||
<ul class="dropdown-menu">
|
|
||||||
<li><a href="#">Action</a></li>
|
|
||||||
<li><a href="#">Another action</a></li>
|
|
||||||
<li class="divider"></li>
|
|
||||||
<li><a href="#">Separated link</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<form class="navbar-form navbar-left" role="search">
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="text" class="search-query animated" placeholder="Search">
|
|
||||||
<i class="icon-search"></i>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div><!-- /.navbar-collapse -->
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="sidebar-background">
|
|
||||||
<div class="primary-sidebar-background"></div>
|
|
||||||
</div>
|
|
||||||
<div class="primary-sidebar">
|
|
||||||
<!-- Main nav -->
|
|
||||||
<ul class="nav navbar-collapse collapse navbar-collapse-primary">
|
|
||||||
<li class="active">
|
|
||||||
<span class="glow"></span>
|
|
||||||
<a href="dashboard.html">
|
|
||||||
<i class="icon-dashboard icon-2x"></i>
|
|
||||||
<span>Latest Books</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="active">
|
|
||||||
<span class="glow"></span>
|
|
||||||
<a href="dashboard.html">
|
|
||||||
<i class="icon-dashboard icon-2x"></i>
|
|
||||||
<span>Discover</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="active">
|
|
||||||
<span class="glow"></span>
|
|
||||||
<a href="dashboard.html">
|
|
||||||
<i class="icon-dashboard icon-2x"></i>
|
|
||||||
<span>Categories</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="glow"></span>
|
|
||||||
<a href="dashboard.html">
|
|
||||||
<i class="icon-dashboard icon-2x"></i>
|
|
||||||
<span>Authors</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="glow"></span>
|
|
||||||
<a href="dashboard.html">
|
|
||||||
<i class="icon-dashboard icon-2x"></i>
|
|
||||||
<span>Series</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="glow"></span>
|
|
||||||
<a href="dashboard.html">
|
|
||||||
<i class="icon-dashboard icon-2x"></i>
|
|
||||||
<span>My Shelves</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="main-content">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-md-2 book">
|
|
||||||
<img src="images/engelsfluch.jpg" class="img-responsive" />
|
|
||||||
<p><b>Engelsfluch</b><br />Nalini Singh</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer class="hidden-xs">
|
|
||||||
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
||||||
<script src="js/vendor/jquery-1.10.1.min.js"></script>
|
|
||||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
|
||||||
<script src="js/jquery.vegas.min.js"></script>
|
|
||||||
<script src="js/plugins.js"></script>
|
|
||||||
<script src="js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,384 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<title>Anheuser Höfe</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
<link rel="shortcut icon" href="ico/favicon.png">
|
|
||||||
<!-- Bootstrap -->
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
||||||
<link href="css/style.css" rel="stylesheet" media="screen">
|
|
||||||
<link rel="stylesheet" href="css/jquery.vagas.css">
|
|
||||||
<link rel="stylesheet" href="css/entypo.css">
|
|
||||||
|
|
||||||
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- Static navbar -->
|
|
||||||
<div class="navbar navbar-default navbar-static-top" role="navigation">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a class="navbar-brand" href="#">eBookee</a>
|
|
||||||
</div>
|
|
||||||
<div class="navbar-collapse collapse">
|
|
||||||
<ul class="nav navbar-nav ">
|
|
||||||
<li>
|
|
||||||
<form class="navbar-form navbar-left" role="search">
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="text" class="form-control" placeholder="Search">
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-default">Submit</button>
|
|
||||||
</form>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li><a href="">Login</a></li>
|
|
||||||
</ul>
|
|
||||||
</div><!--/.nav-collapse -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div class="col-sm-2">
|
|
||||||
<nav class="navigation">
|
|
||||||
<ul class="list-unstyled">
|
|
||||||
<li class="nav-head">Browse</li>
|
|
||||||
<li><a href="#"><span class="glyphicon glyphicon-fire"></span> Top Books</a></li>
|
|
||||||
<li><a href="#"><span class="glyphicon glyphicon-book"></span> Discover</a></li>
|
|
||||||
<li><a href="#"><span class="glyphicon glyphicon-inbox"></span> Categroies</a></li>
|
|
||||||
<li class="nav-head">Shelves</li>
|
|
||||||
<li><a href="#"><span class="glyphicon glyphicon-list"></span> My Shelves</a></li>
|
|
||||||
<li class="create-shelf"><a href="#">Create a Shelf</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-10">
|
|
||||||
<div class="discover">
|
|
||||||
<h2>Discover (Random Books)</h2>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="new-books">
|
|
||||||
<h2>New in Fiction</h2>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/engelsfluch.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Engelsfluch</p>
|
|
||||||
<p class="author">Nalini Singh</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/horus.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Horus</p>
|
|
||||||
<p class="author">Woldgang Hohlbein</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/engelsfluch.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Engelsfluch</p>
|
|
||||||
<p class="author">Nalini Singh</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/horus.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Horus</p>
|
|
||||||
<p class="author">Woldgang Hohlbein</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h2>Mysteries & Thrillers</h2>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/engelsfluch.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Engelsfluch</p>
|
|
||||||
<p class="author">Nalini Singh</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/horus.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Horus</p>
|
|
||||||
<p class="author">Woldgang Hohlbein</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/engelsfluch.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Engelsfluch</p>
|
|
||||||
<p class="author">Nalini Singh</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/anschlag.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Der Anschlag</p>
|
|
||||||
<p class="author">Stephen King</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-lg-2 col-xs-6 book">
|
|
||||||
<div class="cover">
|
|
||||||
<img src="images/horus.jpg" />
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<p class="title">Horus</p>
|
|
||||||
<p class="author">Woldgang Hohlbein</p>
|
|
||||||
<div class="rating">
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star good"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
<span class="glyphicon glyphicon-star"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div> <!-- /container -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
||||||
<script src="js/vendor/jquery-1.10.1.min.js"></script>
|
|
||||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
|
||||||
<script src="js/jquery.vegas.min.js"></script>
|
|
||||||
<script src="js/plugins.js"></script>
|
|
||||||
<script src="js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,67 +0,0 @@
|
|||||||
//
|
|
||||||
// Alerts
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base styles
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
padding: @alert-padding;
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: @alert-border-radius;
|
|
||||||
|
|
||||||
// Headings for larger alerts
|
|
||||||
h4 {
|
|
||||||
margin-top: 0;
|
|
||||||
// Specified for the h4 to prevent conflicts of changing @headings-color
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
// Provide class for links that match alerts
|
|
||||||
.alert-link {
|
|
||||||
font-weight: @alert-link-font-weight;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Improve alignment and spacing of inner content
|
|
||||||
> p,
|
|
||||||
> ul {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
> p + p {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dismissable alerts
|
|
||||||
//
|
|
||||||
// Expand the right padding and account for the close button's positioning.
|
|
||||||
|
|
||||||
.alert-dismissable {
|
|
||||||
padding-right: (@alert-padding + 20);
|
|
||||||
|
|
||||||
// Adjust close link position
|
|
||||||
.close {
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
right: -21px;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Alternate styles
|
|
||||||
//
|
|
||||||
// Generate contextual modifier classes for colorizing the alert.
|
|
||||||
|
|
||||||
.alert-success {
|
|
||||||
.alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
|
|
||||||
}
|
|
||||||
.alert-info {
|
|
||||||
.alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
|
|
||||||
}
|
|
||||||
.alert-warning {
|
|
||||||
.alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
|
|
||||||
}
|
|
||||||
.alert-danger {
|
|
||||||
.alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
|
|
||||||
}
|
|
@ -1,51 +0,0 @@
|
|||||||
//
|
|
||||||
// Badges
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base classes
|
|
||||||
.badge {
|
|
||||||
display: inline-block;
|
|
||||||
min-width: 10px;
|
|
||||||
padding: 3px 7px;
|
|
||||||
font-size: @font-size-small;
|
|
||||||
font-weight: @badge-font-weight;
|
|
||||||
color: @badge-color;
|
|
||||||
line-height: @badge-line-height;
|
|
||||||
vertical-align: baseline;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: center;
|
|
||||||
background-color: @badge-bg;
|
|
||||||
border-radius: @badge-border-radius;
|
|
||||||
|
|
||||||
// Empty badges collapse automatically (not available in IE8)
|
|
||||||
&:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hover state, but only for links
|
|
||||||
a.badge {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @badge-link-hover-color;
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Quick fix for labels/badges in buttons
|
|
||||||
.btn .badge {
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Account for counters in navs
|
|
||||||
a.list-group-item.active > .badge,
|
|
||||||
.nav-pills > .active > a > .badge {
|
|
||||||
color: @badge-active-color;
|
|
||||||
background-color: @badge-active-bg;
|
|
||||||
}
|
|
||||||
.nav-pills > li > a > .badge {
|
|
||||||
margin-left: 3px;
|
|
||||||
}
|
|
@ -1,49 +0,0 @@
|
|||||||
// Core variables and mixins
|
|
||||||
@import "variables.less";
|
|
||||||
@import "mixins.less";
|
|
||||||
|
|
||||||
// Reset
|
|
||||||
@import "normalize.less";
|
|
||||||
@import "print.less";
|
|
||||||
|
|
||||||
// Core CSS
|
|
||||||
@import "scaffolding.less";
|
|
||||||
@import "type.less";
|
|
||||||
@import "code.less";
|
|
||||||
@import "grid.less";
|
|
||||||
@import "tables.less";
|
|
||||||
@import "forms.less";
|
|
||||||
@import "buttons.less";
|
|
||||||
|
|
||||||
// Components
|
|
||||||
@import "component-animations.less";
|
|
||||||
@import "glyphicons.less";
|
|
||||||
@import "dropdowns.less";
|
|
||||||
@import "button-groups.less";
|
|
||||||
@import "input-groups.less";
|
|
||||||
@import "navs.less";
|
|
||||||
@import "navbar.less";
|
|
||||||
@import "breadcrumbs.less";
|
|
||||||
@import "pagination.less";
|
|
||||||
@import "pager.less";
|
|
||||||
@import "labels.less";
|
|
||||||
@import "badges.less";
|
|
||||||
@import "jumbotron.less";
|
|
||||||
@import "thumbnails.less";
|
|
||||||
@import "alerts.less";
|
|
||||||
@import "progress-bars.less";
|
|
||||||
@import "media.less";
|
|
||||||
@import "list-group.less";
|
|
||||||
@import "panels.less";
|
|
||||||
@import "wells.less";
|
|
||||||
@import "close.less";
|
|
||||||
|
|
||||||
// Components w/ JavaScript
|
|
||||||
@import "modals.less";
|
|
||||||
@import "tooltip.less";
|
|
||||||
@import "popovers.less";
|
|
||||||
@import "carousel.less";
|
|
||||||
|
|
||||||
// Utility classes
|
|
||||||
@import "utilities.less";
|
|
||||||
@import "responsive-utilities.less";
|
|
@ -1,23 +0,0 @@
|
|||||||
//
|
|
||||||
// Breadcrumbs
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
padding: 8px 15px;
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
list-style: none;
|
|
||||||
background-color: @breadcrumb-bg;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
> li {
|
|
||||||
display: inline-block;
|
|
||||||
+ li:before {
|
|
||||||
content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
|
|
||||||
padding: 0 5px;
|
|
||||||
color: @breadcrumb-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .active {
|
|
||||||
color: @breadcrumb-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,253 +0,0 @@
|
|||||||
//
|
|
||||||
// Button groups
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Button carets
|
|
||||||
//
|
|
||||||
// Match the button text color to the arrow/caret for indicating dropdown-ness.
|
|
||||||
|
|
||||||
.caret {
|
|
||||||
.btn-default & {
|
|
||||||
border-top-color: @btn-default-color;
|
|
||||||
}
|
|
||||||
.btn-primary &,
|
|
||||||
.btn-success &,
|
|
||||||
.btn-warning &,
|
|
||||||
.btn-danger &,
|
|
||||||
.btn-info & {
|
|
||||||
border-top-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.dropup {
|
|
||||||
.btn-default .caret {
|
|
||||||
border-bottom-color: @btn-default-color;
|
|
||||||
}
|
|
||||||
.btn-primary,
|
|
||||||
.btn-success,
|
|
||||||
.btn-warning,
|
|
||||||
.btn-danger,
|
|
||||||
.btn-info {
|
|
||||||
.caret {
|
|
||||||
border-bottom-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make the div behave like a button
|
|
||||||
.btn-group,
|
|
||||||
.btn-group-vertical {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle; // match .btn alignment given font-size hack above
|
|
||||||
> .btn {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
// Bring the "active" button to the front
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
&:focus {
|
|
||||||
// Remove focus outline when dropdown JS adds it after closing the menu
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevent double borders when buttons are next to each other
|
|
||||||
.btn-group {
|
|
||||||
.btn + .btn,
|
|
||||||
.btn + .btn-group,
|
|
||||||
.btn-group + .btn,
|
|
||||||
.btn-group + .btn-group {
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional: Group multiple button groups together for a toolbar
|
|
||||||
.btn-toolbar {
|
|
||||||
.clearfix();
|
|
||||||
|
|
||||||
.btn-group {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
// Space out series of button groups
|
|
||||||
> .btn,
|
|
||||||
> .btn-group {
|
|
||||||
+ .btn,
|
|
||||||
+ .btn-group {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
|
||||||
.btn-group > .btn:first-child {
|
|
||||||
margin-left: 0;
|
|
||||||
&:not(:last-child):not(.dropdown-toggle) {
|
|
||||||
.border-right-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
|
||||||
.btn-group > .btn:last-child:not(:first-child),
|
|
||||||
.btn-group > .dropdown-toggle:not(:first-child) {
|
|
||||||
.border-left-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
|
|
||||||
.btn-group > .btn-group {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
.btn-group > .btn-group:first-child {
|
|
||||||
> .btn:last-child,
|
|
||||||
> .dropdown-toggle {
|
|
||||||
.border-right-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-group > .btn-group:last-child > .btn:first-child {
|
|
||||||
.border-left-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
// On active and open, don't show outline
|
|
||||||
.btn-group .dropdown-toggle:active,
|
|
||||||
.btn-group.open .dropdown-toggle {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Sizing
|
|
||||||
//
|
|
||||||
// Remix the default button sizing classes into new ones for easier manipulation.
|
|
||||||
|
|
||||||
.btn-group-xs > .btn { .btn-xs(); }
|
|
||||||
.btn-group-sm > .btn { .btn-sm(); }
|
|
||||||
.btn-group-lg > .btn { .btn-lg(); }
|
|
||||||
|
|
||||||
|
|
||||||
// Split button dropdowns
|
|
||||||
// ----------------------
|
|
||||||
|
|
||||||
// Give the line between buttons some depth
|
|
||||||
.btn-group > .btn + .dropdown-toggle {
|
|
||||||
padding-left: 8px;
|
|
||||||
padding-right: 8px;
|
|
||||||
}
|
|
||||||
.btn-group > .btn-lg + .dropdown-toggle {
|
|
||||||
padding-left: 12px;
|
|
||||||
padding-right: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// The clickable button for toggling the menu
|
|
||||||
// Remove the gradient and set the same inset shadow as the :active state
|
|
||||||
.btn-group.open .dropdown-toggle {
|
|
||||||
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
|
||||||
|
|
||||||
// Show no shadow for `.btn-link` since it has no other button styles.
|
|
||||||
&.btn-link {
|
|
||||||
.box-shadow(none);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Reposition the caret
|
|
||||||
.btn .caret {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
// Carets in other button sizes
|
|
||||||
.btn-lg .caret {
|
|
||||||
border-width: @caret-width-large @caret-width-large 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
|
||||||
// Upside down carets for .dropup
|
|
||||||
.dropup .btn-lg .caret {
|
|
||||||
border-width: 0 @caret-width-large @caret-width-large;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Vertical button groups
|
|
||||||
// ----------------------
|
|
||||||
|
|
||||||
.btn-group-vertical {
|
|
||||||
> .btn,
|
|
||||||
> .btn-group {
|
|
||||||
display: block;
|
|
||||||
float: none;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Clear floats so dropdown menus can be properly placed
|
|
||||||
> .btn-group {
|
|
||||||
.clearfix();
|
|
||||||
> .btn {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .btn + .btn,
|
|
||||||
> .btn + .btn-group,
|
|
||||||
> .btn-group + .btn,
|
|
||||||
> .btn-group + .btn-group {
|
|
||||||
margin-top: -1px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-vertical > .btn {
|
|
||||||
&:not(:first-child):not(:last-child) {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
&:first-child:not(:last-child) {
|
|
||||||
border-top-right-radius: @border-radius-base;
|
|
||||||
.border-bottom-radius(0);
|
|
||||||
}
|
|
||||||
&:last-child:not(:first-child) {
|
|
||||||
border-bottom-left-radius: @border-radius-base;
|
|
||||||
.border-top-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
.btn-group-vertical > .btn-group:first-child {
|
|
||||||
> .btn:last-child,
|
|
||||||
> .dropdown-toggle {
|
|
||||||
.border-bottom-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
|
|
||||||
.border-top-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Justified button groups
|
|
||||||
// ----------------------
|
|
||||||
|
|
||||||
.btn-group-justified {
|
|
||||||
display: table;
|
|
||||||
width: 100%;
|
|
||||||
table-layout: fixed;
|
|
||||||
border-collapse: separate;
|
|
||||||
.btn {
|
|
||||||
float: none;
|
|
||||||
display: table-cell;
|
|
||||||
width: 1%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Checkbox and radio options
|
|
||||||
[data-toggle="buttons"] > .btn > input[type="radio"],
|
|
||||||
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
@ -1,158 +0,0 @@
|
|||||||
//
|
|
||||||
// Buttons
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base styles
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Core styles
|
|
||||||
.btn {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 0; // For input.btn
|
|
||||||
font-weight: @btn-font-weight;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
cursor: pointer;
|
|
||||||
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
|
||||||
border: 1px solid transparent;
|
|
||||||
white-space: nowrap;
|
|
||||||
.button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
|
|
||||||
.user-select(none);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
.tab-focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @btn-default-color;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
outline: 0;
|
|
||||||
background-image: none;
|
|
||||||
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled,
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] & {
|
|
||||||
cursor: not-allowed;
|
|
||||||
pointer-events: none; // Future-proof disabling of clicks
|
|
||||||
.opacity(.65);
|
|
||||||
.box-shadow(none);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Alternate buttons
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.btn-default {
|
|
||||||
.button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
|
|
||||||
}
|
|
||||||
.btn-primary {
|
|
||||||
.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
|
|
||||||
}
|
|
||||||
// Warning appears as orange
|
|
||||||
.btn-warning {
|
|
||||||
.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
|
|
||||||
}
|
|
||||||
// Danger and error appear as red
|
|
||||||
.btn-danger {
|
|
||||||
.button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
|
|
||||||
}
|
|
||||||
// Success appears as green
|
|
||||||
.btn-success {
|
|
||||||
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
|
|
||||||
}
|
|
||||||
// Info appears as blue-green
|
|
||||||
.btn-info {
|
|
||||||
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Link buttons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Make a button look and behave like a link
|
|
||||||
.btn-link {
|
|
||||||
color: @link-color;
|
|
||||||
font-weight: normal;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 0;
|
|
||||||
|
|
||||||
&,
|
|
||||||
&:active,
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] & {
|
|
||||||
background-color: transparent;
|
|
||||||
.box-shadow(none);
|
|
||||||
}
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active {
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @link-hover-color;
|
|
||||||
text-decoration: underline;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] & {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @btn-link-disabled-color;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Button Sizes
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.btn-lg {
|
|
||||||
// line-height: ensure even-numbered height of button next to large input
|
|
||||||
.button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
|
||||||
}
|
|
||||||
.btn-sm,
|
|
||||||
.btn-xs {
|
|
||||||
// line-height: ensure proper height of button next to small input
|
|
||||||
.button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
|
||||||
}
|
|
||||||
.btn-xs {
|
|
||||||
padding: 1px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Block button
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.btn-block {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vertically space out multiple block buttons
|
|
||||||
.btn-block + .btn-block {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Specificity overrides
|
|
||||||
input[type="submit"],
|
|
||||||
input[type="reset"],
|
|
||||||
input[type="button"] {
|
|
||||||
&.btn-block {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,231 +0,0 @@
|
|||||||
//
|
|
||||||
// Carousel
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Wrapper for the slide container and indicators
|
|
||||||
.carousel {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-inner {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
> .item {
|
|
||||||
display: none;
|
|
||||||
position: relative;
|
|
||||||
.transition(.6s ease-in-out left);
|
|
||||||
|
|
||||||
// Account for jankitude on images
|
|
||||||
> img,
|
|
||||||
> a > img {
|
|
||||||
.img-responsive();
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .active,
|
|
||||||
> .next,
|
|
||||||
> .prev { display: block; }
|
|
||||||
|
|
||||||
> .active {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .next,
|
|
||||||
> .prev {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .next {
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
> .prev {
|
|
||||||
left: -100%;
|
|
||||||
}
|
|
||||||
> .next.left,
|
|
||||||
> .prev.right {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .active.left {
|
|
||||||
left: -100%;
|
|
||||||
}
|
|
||||||
> .active.right {
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Left/right controls for nav
|
|
||||||
// ---------------------------
|
|
||||||
|
|
||||||
.carousel-control {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: @carousel-control-width;
|
|
||||||
.opacity(@carousel-control-opacity);
|
|
||||||
font-size: @carousel-control-font-size;
|
|
||||||
color: @carousel-control-color;
|
|
||||||
text-align: center;
|
|
||||||
text-shadow: @carousel-text-shadow;
|
|
||||||
// We can't have this transition here because WebKit cancels the carousel
|
|
||||||
// animation if you trip this while in the middle of another animation.
|
|
||||||
|
|
||||||
// Set gradients for backgrounds
|
|
||||||
&.left {
|
|
||||||
#gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
|
|
||||||
}
|
|
||||||
&.right {
|
|
||||||
left: auto;
|
|
||||||
right: 0;
|
|
||||||
#gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hover/focus state
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @carousel-control-color;
|
|
||||||
text-decoration: none;
|
|
||||||
.opacity(.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggles
|
|
||||||
.icon-prev,
|
|
||||||
.icon-next,
|
|
||||||
.glyphicon-chevron-left,
|
|
||||||
.glyphicon-chevron-right {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
z-index: 5;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.icon-prev,
|
|
||||||
.glyphicon-chevron-left {
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
.icon-next,
|
|
||||||
.glyphicon-chevron-right {
|
|
||||||
right: 50%;
|
|
||||||
}
|
|
||||||
.icon-prev,
|
|
||||||
.icon-next {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
margin-top: -10px;
|
|
||||||
margin-left: -10px;
|
|
||||||
font-family: serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-prev {
|
|
||||||
&:before {
|
|
||||||
content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.icon-next {
|
|
||||||
&:before {
|
|
||||||
content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional indicator pips
|
|
||||||
//
|
|
||||||
// Add an unordered list with the following class and add a list item for each
|
|
||||||
// slide your carousel holds.
|
|
||||||
|
|
||||||
.carousel-indicators {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 15;
|
|
||||||
width: 60%;
|
|
||||||
margin-left: -30%;
|
|
||||||
padding-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
margin: 1px;
|
|
||||||
text-indent: -999px;
|
|
||||||
border: 1px solid @carousel-indicator-border-color;
|
|
||||||
border-radius: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
// IE8-9 hack for event handling
|
|
||||||
//
|
|
||||||
// Internet Explorer 8-9 does not support clicks on elements without a set
|
|
||||||
// `background-color`. We cannot use `filter` since that's not viewed as a
|
|
||||||
// background color by the browser. Thus, a hack is needed.
|
|
||||||
//
|
|
||||||
// For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
|
|
||||||
// set alpha transparency for the best results possible.
|
|
||||||
background-color: #000 \9; // IE8
|
|
||||||
background-color: rgba(0,0,0,0); // IE9
|
|
||||||
}
|
|
||||||
.active {
|
|
||||||
margin: 0;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
background-color: @carousel-indicator-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional captions
|
|
||||||
// -----------------------------
|
|
||||||
// Hidden by default for smaller viewports
|
|
||||||
.carousel-caption {
|
|
||||||
position: absolute;
|
|
||||||
left: 15%;
|
|
||||||
right: 15%;
|
|
||||||
bottom: 20px;
|
|
||||||
z-index: 10;
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
color: @carousel-caption-color;
|
|
||||||
text-align: center;
|
|
||||||
text-shadow: @carousel-text-shadow;
|
|
||||||
& .btn {
|
|
||||||
text-shadow: none; // No shadow for button elements in carousel-caption
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Scale up controls for tablets and up
|
|
||||||
@media screen and (min-width: @screen-sm-min) {
|
|
||||||
|
|
||||||
// Scale up the controls a smidge
|
|
||||||
.carousel-control {
|
|
||||||
.glyphicons-chevron-left,
|
|
||||||
.glyphicons-chevron-right,
|
|
||||||
.icon-prev,
|
|
||||||
.icon-next {
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
margin-top: -15px;
|
|
||||||
margin-left: -15px;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Show and left align the captions
|
|
||||||
.carousel-caption {
|
|
||||||
left: 20%;
|
|
||||||
right: 20%;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Move up the indicators
|
|
||||||
.carousel-indicators {
|
|
||||||
bottom: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,33 +0,0 @@
|
|||||||
//
|
|
||||||
// Close icons
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
.close {
|
|
||||||
float: right;
|
|
||||||
font-size: (@font-size-base * 1.5);
|
|
||||||
font-weight: @close-font-weight;
|
|
||||||
line-height: 1;
|
|
||||||
color: @close-color;
|
|
||||||
text-shadow: @close-text-shadow;
|
|
||||||
.opacity(.2);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @close-color;
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
|
||||||
.opacity(.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Additional properties for button version
|
|
||||||
// iOS requires the button element instead of an anchor tag.
|
|
||||||
// If you want the anchor version, it requires `href="#"`.
|
|
||||||
button& {
|
|
||||||
padding: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
background: transparent;
|
|
||||||
border: 0;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,53 +0,0 @@
|
|||||||
//
|
|
||||||
// Code (inline and block)
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Inline and block code styles
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
pre,
|
|
||||||
samp {
|
|
||||||
font-family: @font-family-monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline code
|
|
||||||
code {
|
|
||||||
padding: 2px 4px;
|
|
||||||
font-size: 90%;
|
|
||||||
color: @code-color;
|
|
||||||
background-color: @code-bg;
|
|
||||||
white-space: nowrap;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blocks of code
|
|
||||||
pre {
|
|
||||||
display: block;
|
|
||||||
padding: ((@line-height-computed - 1) / 2);
|
|
||||||
margin: 0 0 (@line-height-computed / 2);
|
|
||||||
font-size: (@font-size-base - 1); // 14px to 13px
|
|
||||||
line-height: @line-height-base;
|
|
||||||
word-break: break-all;
|
|
||||||
word-wrap: break-word;
|
|
||||||
color: @pre-color;
|
|
||||||
background-color: @pre-bg;
|
|
||||||
border: 1px solid @pre-border-color;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
|
|
||||||
// Account for some code outputs that place code tags in pre tags
|
|
||||||
code {
|
|
||||||
padding: 0;
|
|
||||||
font-size: inherit;
|
|
||||||
color: inherit;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
background-color: transparent;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Enable scrollable blocks of code
|
|
||||||
.pre-scrollable {
|
|
||||||
max-height: @pre-scrollable-max-height;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
@ -1,6 +0,0 @@
|
|||||||
@darkblue: #444c63;
|
|
||||||
@middle: #7b839a;
|
|
||||||
@lightblue: #c2d3da;
|
|
||||||
@grey: #e0e4ef;
|
|
||||||
@highlight: #00b4f9;
|
|
||||||
@orange: #fcaa2d;
|
|
@ -1,29 +0,0 @@
|
|||||||
//
|
|
||||||
// Component animations
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Heads up!
|
|
||||||
//
|
|
||||||
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
|
||||||
// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
|
|
||||||
|
|
||||||
.fade {
|
|
||||||
opacity: 0;
|
|
||||||
.transition(opacity .15s linear);
|
|
||||||
&.in {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.collapse {
|
|
||||||
display: none;
|
|
||||||
&.in {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.collapsing {
|
|
||||||
position: relative;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
.transition(height .35s ease);
|
|
||||||
}
|
|
@ -1,192 +0,0 @@
|
|||||||
//
|
|
||||||
// Dropdown menus
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Dropdown arrow/caret
|
|
||||||
.caret {
|
|
||||||
display: inline-block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin-left: 2px;
|
|
||||||
vertical-align: middle;
|
|
||||||
border-top: @caret-width-base solid @dropdown-caret-color;
|
|
||||||
border-right: @caret-width-base solid transparent;
|
|
||||||
border-left: @caret-width-base solid transparent;
|
|
||||||
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
|
|
||||||
// we can just straight up remove this.
|
|
||||||
border-bottom: 0 dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
// The dropdown wrapper (div)
|
|
||||||
.dropdown {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevent the focus on the dropdown toggle when closing dropdowns
|
|
||||||
.dropdown-toggle:focus {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// The dropdown menu (ul)
|
|
||||||
.dropdown-menu {
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
z-index: @zindex-dropdown;
|
|
||||||
display: none; // none by default, but block on "open" of the menu
|
|
||||||
float: left;
|
|
||||||
min-width: 160px;
|
|
||||||
padding: 5px 0;
|
|
||||||
margin: 2px 0 0; // override default ul
|
|
||||||
list-style: none;
|
|
||||||
font-size: @font-size-base;
|
|
||||||
background-color: @dropdown-bg;
|
|
||||||
border: 1px solid @dropdown-fallback-border; // IE8 fallback
|
|
||||||
border: 1px solid @dropdown-border;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
.box-shadow(0 6px 12px rgba(0,0,0,.175));
|
|
||||||
background-clip: padding-box;
|
|
||||||
|
|
||||||
// Aligns the dropdown menu to right
|
|
||||||
&.pull-right {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dividers (basically an hr) within the dropdown
|
|
||||||
.divider {
|
|
||||||
.nav-divider(@dropdown-divider-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Links within the dropdown menu
|
|
||||||
> li > a {
|
|
||||||
display: block;
|
|
||||||
padding: 3px 20px;
|
|
||||||
clear: both;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
color: @dropdown-link-color;
|
|
||||||
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hover/Focus state
|
|
||||||
.dropdown-menu > li > a {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
color: @dropdown-link-hover-color;
|
|
||||||
background-color: @dropdown-link-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Active state
|
|
||||||
.dropdown-menu > .active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @dropdown-link-active-color;
|
|
||||||
text-decoration: none;
|
|
||||||
outline: 0;
|
|
||||||
background-color: @dropdown-link-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Disabled state
|
|
||||||
//
|
|
||||||
// Gray out text and ensure the hover/focus state remains gray
|
|
||||||
|
|
||||||
.dropdown-menu > .disabled > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @dropdown-link-disabled-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Nuke hover/focus effects
|
|
||||||
.dropdown-menu > .disabled > a {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none; // Remove CSS gradient
|
|
||||||
.reset-filter();
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Open state for the dropdown
|
|
||||||
.open {
|
|
||||||
// Show the menu
|
|
||||||
> .dropdown-menu {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove the outline when :focus is triggered
|
|
||||||
> a {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dropdown section headers
|
|
||||||
.dropdown-header {
|
|
||||||
display: block;
|
|
||||||
padding: 3px 20px;
|
|
||||||
font-size: @font-size-small;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
color: @dropdown-header-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Backdrop to catch body clicks on mobile, etc.
|
|
||||||
.dropdown-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
top: 0;
|
|
||||||
z-index: @zindex-dropdown - 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Right aligned dropdowns
|
|
||||||
.pull-right > .dropdown-menu {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
|
||||||
//
|
|
||||||
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
|
||||||
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
|
||||||
|
|
||||||
.dropup,
|
|
||||||
.navbar-fixed-bottom .dropdown {
|
|
||||||
// Reverse the caret
|
|
||||||
.caret {
|
|
||||||
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
|
|
||||||
// gets fixed, restore `border-top: 0;`.
|
|
||||||
border-top: 0 dotted;
|
|
||||||
border-bottom: @caret-width-base solid @dropdown-caret-color;
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
// Different positioning for bottom up menu
|
|
||||||
.dropdown-menu {
|
|
||||||
top: auto;
|
|
||||||
bottom: 100%;
|
|
||||||
margin-bottom: 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Component alignment
|
|
||||||
//
|
|
||||||
// Reiterate per navbar.less and the modified component alignment there.
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
.navbar-right {
|
|
||||||
.dropdown-menu {
|
|
||||||
.pull-right > .dropdown-menu();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'Gotham-Light';
|
|
||||||
src: url('../fonts/itc/Gotham-Light.eot');
|
|
||||||
src: url('../fonts/itc/Gotham-Light.woff') format('woff'),
|
|
||||||
url('../fonts/itc/Gotham-Light.svg#Gotham-Light') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Gotham-Medium';
|
|
||||||
src: url('../fonts/itc/Gotham-Medium.eot');
|
|
||||||
src: url('../fonts/itc/Gotham-Medium.woff') format('woff'),
|
|
||||||
url('../fonts/itc/Gotham-Medium.svg#Gotham-Medium') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Gotham-Book';
|
|
||||||
src: url('../fonts/itc/Gotham-Book.eot');
|
|
||||||
src: url('../fonts/itc/Gotham-Book.woff') format('woff'),
|
|
||||||
url('../fonts/itc/Gotham-Book.svg#Gotham-Book') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
//|Raleway:400,300,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Lobster:400,700);
|
|
@ -1,364 +0,0 @@
|
|||||||
//
|
|
||||||
// Forms
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Normalize non-controls
|
|
||||||
//
|
|
||||||
// Restyle and baseline non-control form elements.
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
legend {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
font-size: (@font-size-base * 1.5);
|
|
||||||
line-height: inherit;
|
|
||||||
color: @legend-color;
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 1px solid @legend-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Normalize form controls
|
|
||||||
|
|
||||||
// Override content-box in Normalize (* isn't specific enough)
|
|
||||||
input[type="search"] {
|
|
||||||
.box-sizing(border-box);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Position radios and checkboxes better
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"] {
|
|
||||||
margin: 4px 0 0;
|
|
||||||
margin-top: 1px \9; /* IE8-9 */
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set the height of select and file controls to match text inputs
|
|
||||||
input[type="file"] {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make multiple select elements height not fixed
|
|
||||||
select[multiple],
|
|
||||||
select[size] {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
|
|
||||||
select optgroup {
|
|
||||||
font-size: inherit;
|
|
||||||
font-style: inherit;
|
|
||||||
font-family: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Focus for select, file, radio, and checkbox
|
|
||||||
input[type="file"]:focus,
|
|
||||||
input[type="radio"]:focus,
|
|
||||||
input[type="checkbox"]:focus {
|
|
||||||
.tab-focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fix for Chrome number input
|
|
||||||
// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
|
|
||||||
// See https://github.com/twbs/bootstrap/issues/8350 for more.
|
|
||||||
input[type="number"] {
|
|
||||||
&::-webkit-outer-spin-button,
|
|
||||||
&::-webkit-inner-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adjust output element
|
|
||||||
output {
|
|
||||||
display: block;
|
|
||||||
padding-top: (@padding-base-vertical + 1);
|
|
||||||
font-size: @font-size-base;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
color: @input-color;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Common form controls
|
|
||||||
//
|
|
||||||
// Shared size and type resets for form controls. Apply `.form-control` to any
|
|
||||||
// of the following form controls:
|
|
||||||
//
|
|
||||||
// select
|
|
||||||
// textarea
|
|
||||||
// input[type="text"]
|
|
||||||
// input[type="password"]
|
|
||||||
// input[type="datetime"]
|
|
||||||
// input[type="datetime-local"]
|
|
||||||
// input[type="date"]
|
|
||||||
// input[type="month"]
|
|
||||||
// input[type="time"]
|
|
||||||
// input[type="week"]
|
|
||||||
// input[type="number"]
|
|
||||||
// input[type="email"]
|
|
||||||
// input[type="url"]
|
|
||||||
// input[type="search"]
|
|
||||||
// input[type="tel"]
|
|
||||||
// input[type="color"]
|
|
||||||
|
|
||||||
.form-control {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
|
|
||||||
padding: @padding-base-vertical @padding-base-horizontal;
|
|
||||||
font-size: @font-size-base;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
color: @input-color;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: @input-bg;
|
|
||||||
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
|
||||||
border: 1px solid @input-border;
|
|
||||||
border-radius: @input-border-radius;
|
|
||||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
|
||||||
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
|
|
||||||
|
|
||||||
// Customize the `:focus` state to imitate native WebKit styles.
|
|
||||||
.form-control-focus();
|
|
||||||
|
|
||||||
// Placeholder
|
|
||||||
//
|
|
||||||
// Placeholder text gets special styles because when browsers invalidate entire
|
|
||||||
// lines if it doesn't understand a selector/
|
|
||||||
.placeholder();
|
|
||||||
|
|
||||||
// Disabled and read-only inputs
|
|
||||||
// Note: HTML5 says that controls under a fieldset > legend:first-child won't
|
|
||||||
// be disabled if the fieldset is disabled. Due to implementation difficulty,
|
|
||||||
// we don't honor that edge case; we style them as disabled anyway.
|
|
||||||
&[disabled],
|
|
||||||
&[readonly],
|
|
||||||
fieldset[disabled] & {
|
|
||||||
cursor: not-allowed;
|
|
||||||
background-color: @input-bg-disabled;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset height for `textarea`s
|
|
||||||
textarea& {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form groups
|
|
||||||
//
|
|
||||||
// Designed to help with the organization and spacing of vertical forms. For
|
|
||||||
// horizontal forms, use the predefined grid classes.
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Checkboxes and radios
|
|
||||||
//
|
|
||||||
// Indent the labels to position radios/checkboxes as hanging controls.
|
|
||||||
|
|
||||||
.radio,
|
|
||||||
.checkbox {
|
|
||||||
display: block;
|
|
||||||
min-height: @line-height-computed; // clear the floating input if there is no label text
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding-left: 20px;
|
|
||||||
vertical-align: middle;
|
|
||||||
label {
|
|
||||||
display: inline;
|
|
||||||
margin-bottom: 0;
|
|
||||||
font-weight: normal;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.radio input[type="radio"],
|
|
||||||
.radio-inline input[type="radio"],
|
|
||||||
.checkbox input[type="checkbox"],
|
|
||||||
.checkbox-inline input[type="checkbox"] {
|
|
||||||
float: left;
|
|
||||||
margin-left: -20px;
|
|
||||||
}
|
|
||||||
.radio + .radio,
|
|
||||||
.checkbox + .checkbox {
|
|
||||||
margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
|
|
||||||
}
|
|
||||||
|
|
||||||
// Radios and checkboxes on same line
|
|
||||||
.radio-inline,
|
|
||||||
.checkbox-inline {
|
|
||||||
display: inline-block;
|
|
||||||
padding-left: 20px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-weight: normal;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.radio-inline + .radio-inline,
|
|
||||||
.checkbox-inline + .checkbox-inline {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-left: 10px; // space out consecutive inline controls
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply same disabled cursor tweak as for inputs
|
|
||||||
//
|
|
||||||
// Note: Neither radios nor checkboxes can be readonly.
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"],
|
|
||||||
.radio,
|
|
||||||
.radio-inline,
|
|
||||||
.checkbox,
|
|
||||||
.checkbox-inline {
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] & {
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Form control sizing
|
|
||||||
.input-sm {
|
|
||||||
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-lg {
|
|
||||||
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form control feedback states
|
|
||||||
//
|
|
||||||
// Apply contextual and semantic states to individual form controls.
|
|
||||||
|
|
||||||
// Warning
|
|
||||||
.has-warning {
|
|
||||||
.form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
|
|
||||||
}
|
|
||||||
// Error
|
|
||||||
.has-error {
|
|
||||||
.form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
|
|
||||||
}
|
|
||||||
// Success
|
|
||||||
.has-success {
|
|
||||||
.form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Static form control text
|
|
||||||
//
|
|
||||||
// Apply class to a `p` element to make any string of text align with labels in
|
|
||||||
// a horizontal form layout.
|
|
||||||
|
|
||||||
.form-control-static {
|
|
||||||
margin-bottom: 0; // Remove default margin from `p`
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Help text
|
|
||||||
//
|
|
||||||
// Apply to any element you wish to create light text for placement immediately
|
|
||||||
// below a form control. Use for general help, formatting, or instructional text.
|
|
||||||
|
|
||||||
.help-block {
|
|
||||||
display: block; // account for any element using help-block
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: lighten(@text-color, 25%); // lighten the text some for contrast
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Inline forms
|
|
||||||
//
|
|
||||||
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
|
|
||||||
// forms begin stacked on extra small (mobile) devices and then go inline when
|
|
||||||
// viewports reach <768px.
|
|
||||||
//
|
|
||||||
// Requires wrapping inputs and labels with `.form-group` for proper display of
|
|
||||||
// default HTML form controls and our custom form controls (e.g., input groups).
|
|
||||||
//
|
|
||||||
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
|
|
||||||
|
|
||||||
.form-inline {
|
|
||||||
|
|
||||||
// Kick in the inline
|
|
||||||
@media (min-width: @screen-sm) {
|
|
||||||
// Inline-block all the things for "inline"
|
|
||||||
.form-group {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
// In navbar-form, allow folks to *not* use `.form-group`
|
|
||||||
.form-control {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove default margin on radios/checkboxes that were used for stacking, and
|
|
||||||
// then undo the floating of radios and checkboxes to match (which also avoids
|
|
||||||
// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
|
|
||||||
.radio,
|
|
||||||
.checkbox {
|
|
||||||
display: inline-block;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
.radio input[type="radio"],
|
|
||||||
.checkbox input[type="checkbox"] {
|
|
||||||
float: none;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Horizontal forms
|
|
||||||
//
|
|
||||||
// Horizontal forms are built on grid classes and allow you to create forms with
|
|
||||||
// labels on the left and inputs on the right.
|
|
||||||
|
|
||||||
.form-horizontal {
|
|
||||||
|
|
||||||
// Consistent vertical alignment of labels, radios, and checkboxes
|
|
||||||
.control-label,
|
|
||||||
.radio,
|
|
||||||
.checkbox,
|
|
||||||
.radio-inline,
|
|
||||||
.checkbox-inline {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make form groups behave like rows
|
|
||||||
.form-group {
|
|
||||||
.make-row();
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control-static {
|
|
||||||
padding-top: (@padding-base-vertical + 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Only right align form labels here when the columns stop stacking
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
.control-label {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,237 +0,0 @@
|
|||||||
//
|
|
||||||
// Glyphicons for Bootstrap
|
|
||||||
//
|
|
||||||
// Since icons are fonts, they can be placed anywhere text is placed and are
|
|
||||||
// thus automatically sized to match the surrounding child. To use, create an
|
|
||||||
// inline element with the appropriate classes, like so:
|
|
||||||
//
|
|
||||||
// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
|
|
||||||
|
|
||||||
// Import the fonts
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Glyphicons Halflings';
|
|
||||||
src: url('@{icon-font-path}@{icon-font-name}.eot');
|
|
||||||
src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
|
|
||||||
url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
|
|
||||||
url('@{icon-font-path}@{icon-font-name}.svg#glyphicons_halflingsregular') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Catchall baseclass
|
|
||||||
.glyphicon {
|
|
||||||
position: relative;
|
|
||||||
top: 1px;
|
|
||||||
display: inline-block;
|
|
||||||
font-family: 'Glyphicons Halflings';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
|
|
||||||
&:empty {
|
|
||||||
width: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Individual icons
|
|
||||||
.glyphicon-asterisk { &:before { content: "\2a"; } }
|
|
||||||
.glyphicon-plus { &:before { content: "\2b"; } }
|
|
||||||
.glyphicon-euro { &:before { content: "\20ac"; } }
|
|
||||||
.glyphicon-minus { &:before { content: "\2212"; } }
|
|
||||||
.glyphicon-cloud { &:before { content: "\2601"; } }
|
|
||||||
.glyphicon-envelope { &:before { content: "\2709"; } }
|
|
||||||
.glyphicon-pencil { &:before { content: "\270f"; } }
|
|
||||||
.glyphicon-glass { &:before { content: "\e001"; } }
|
|
||||||
.glyphicon-music { &:before { content: "\e002"; } }
|
|
||||||
.glyphicon-search { &:before { content: "\e003"; } }
|
|
||||||
.glyphicon-heart { &:before { content: "\e005"; } }
|
|
||||||
.glyphicon-star { &:before { content: "\e006"; } }
|
|
||||||
.glyphicon-star-empty { &:before { content: "\e007"; } }
|
|
||||||
.glyphicon-user { &:before { content: "\e008"; } }
|
|
||||||
.glyphicon-film { &:before { content: "\e009"; } }
|
|
||||||
.glyphicon-th-large { &:before { content: "\e010"; } }
|
|
||||||
.glyphicon-th { &:before { content: "\e011"; } }
|
|
||||||
.glyphicon-th-list { &:before { content: "\e012"; } }
|
|
||||||
.glyphicon-ok { &:before { content: "\e013"; } }
|
|
||||||
.glyphicon-remove { &:before { content: "\e014"; } }
|
|
||||||
.glyphicon-zoom-in { &:before { content: "\e015"; } }
|
|
||||||
.glyphicon-zoom-out { &:before { content: "\e016"; } }
|
|
||||||
.glyphicon-off { &:before { content: "\e017"; } }
|
|
||||||
.glyphicon-signal { &:before { content: "\e018"; } }
|
|
||||||
.glyphicon-cog { &:before { content: "\e019"; } }
|
|
||||||
.glyphicon-trash { &:before { content: "\e020"; } }
|
|
||||||
.glyphicon-home { &:before { content: "\e021"; } }
|
|
||||||
.glyphicon-file { &:before { content: "\e022"; } }
|
|
||||||
.glyphicon-time { &:before { content: "\e023"; } }
|
|
||||||
.glyphicon-road { &:before { content: "\e024"; } }
|
|
||||||
.glyphicon-download-alt { &:before { content: "\e025"; } }
|
|
||||||
.glyphicon-download { &:before { content: "\e026"; } }
|
|
||||||
.glyphicon-upload { &:before { content: "\e027"; } }
|
|
||||||
.glyphicon-inbox { &:before { content: "\e028"; } }
|
|
||||||
.glyphicon-play-circle { &:before { content: "\e029"; } }
|
|
||||||
.glyphicon-repeat { &:before { content: "\e030"; } }
|
|
||||||
.glyphicon-refresh { &:before { content: "\e031"; } }
|
|
||||||
.glyphicon-list-alt { &:before { content: "\e032"; } }
|
|
||||||
.glyphicon-lock { &:before { content: "\e033"; } }
|
|
||||||
.glyphicon-flag { &:before { content: "\e034"; } }
|
|
||||||
.glyphicon-headphones { &:before { content: "\e035"; } }
|
|
||||||
.glyphicon-volume-off { &:before { content: "\e036"; } }
|
|
||||||
.glyphicon-volume-down { &:before { content: "\e037"; } }
|
|
||||||
.glyphicon-volume-up { &:before { content: "\e038"; } }
|
|
||||||
.glyphicon-qrcode { &:before { content: "\e039"; } }
|
|
||||||
.glyphicon-barcode { &:before { content: "\e040"; } }
|
|
||||||
.glyphicon-tag { &:before { content: "\e041"; } }
|
|
||||||
.glyphicon-tags { &:before { content: "\e042"; } }
|
|
||||||
.glyphicon-book { &:before { content: "\e043"; } }
|
|
||||||
.glyphicon-bookmark { &:before { content: "\e044"; } }
|
|
||||||
.glyphicon-print { &:before { content: "\e045"; } }
|
|
||||||
.glyphicon-camera { &:before { content: "\e046"; } }
|
|
||||||
.glyphicon-font { &:before { content: "\e047"; } }
|
|
||||||
.glyphicon-bold { &:before { content: "\e048"; } }
|
|
||||||
.glyphicon-italic { &:before { content: "\e049"; } }
|
|
||||||
.glyphicon-text-height { &:before { content: "\e050"; } }
|
|
||||||
.glyphicon-text-width { &:before { content: "\e051"; } }
|
|
||||||
.glyphicon-align-left { &:before { content: "\e052"; } }
|
|
||||||
.glyphicon-align-center { &:before { content: "\e053"; } }
|
|
||||||
.glyphicon-align-right { &:before { content: "\e054"; } }
|
|
||||||
.glyphicon-align-justify { &:before { content: "\e055"; } }
|
|
||||||
.glyphicon-list { &:before { content: "\e056"; } }
|
|
||||||
.glyphicon-indent-left { &:before { content: "\e057"; } }
|
|
||||||
.glyphicon-indent-right { &:before { content: "\e058"; } }
|
|
||||||
.glyphicon-facetime-video { &:before { content: "\e059"; } }
|
|
||||||
.glyphicon-picture { &:before { content: "\e060"; } }
|
|
||||||
.glyphicon-map-marker { &:before { content: "\e062"; } }
|
|
||||||
.glyphicon-adjust { &:before { content: "\e063"; } }
|
|
||||||
.glyphicon-tint { &:before { content: "\e064"; } }
|
|
||||||
.glyphicon-edit { &:before { content: "\e065"; } }
|
|
||||||
.glyphicon-share { &:before { content: "\e066"; } }
|
|
||||||
.glyphicon-check { &:before { content: "\e067"; } }
|
|
||||||
.glyphicon-move { &:before { content: "\e068"; } }
|
|
||||||
.glyphicon-step-backward { &:before { content: "\e069"; } }
|
|
||||||
.glyphicon-fast-backward { &:before { content: "\e070"; } }
|
|
||||||
.glyphicon-backward { &:before { content: "\e071"; } }
|
|
||||||
.glyphicon-play { &:before { content: "\e072"; } }
|
|
||||||
.glyphicon-pause { &:before { content: "\e073"; } }
|
|
||||||
.glyphicon-stop { &:before { content: "\e074"; } }
|
|
||||||
.glyphicon-forward { &:before { content: "\e075"; } }
|
|
||||||
.glyphicon-fast-forward { &:before { content: "\e076"; } }
|
|
||||||
.glyphicon-step-forward { &:before { content: "\e077"; } }
|
|
||||||
.glyphicon-eject { &:before { content: "\e078"; } }
|
|
||||||
.glyphicon-chevron-left { &:before { content: "\e079"; } }
|
|
||||||
.glyphicon-chevron-right { &:before { content: "\e080"; } }
|
|
||||||
.glyphicon-plus-sign { &:before { content: "\e081"; } }
|
|
||||||
.glyphicon-minus-sign { &:before { content: "\e082"; } }
|
|
||||||
.glyphicon-remove-sign { &:before { content: "\e083"; } }
|
|
||||||
.glyphicon-ok-sign { &:before { content: "\e084"; } }
|
|
||||||
.glyphicon-question-sign { &:before { content: "\e085"; } }
|
|
||||||
.glyphicon-info-sign { &:before { content: "\e086"; } }
|
|
||||||
.glyphicon-screenshot { &:before { content: "\e087"; } }
|
|
||||||
.glyphicon-remove-circle { &:before { content: "\e088"; } }
|
|
||||||
.glyphicon-ok-circle { &:before { content: "\e089"; } }
|
|
||||||
.glyphicon-ban-circle { &:before { content: "\e090"; } }
|
|
||||||
.glyphicon-arrow-left { &:before { content: "\e091"; } }
|
|
||||||
.glyphicon-arrow-right { &:before { content: "\e092"; } }
|
|
||||||
.glyphicon-arrow-up { &:before { content: "\e093"; } }
|
|
||||||
.glyphicon-arrow-down { &:before { content: "\e094"; } }
|
|
||||||
.glyphicon-share-alt { &:before { content: "\e095"; } }
|
|
||||||
.glyphicon-resize-full { &:before { content: "\e096"; } }
|
|
||||||
.glyphicon-resize-small { &:before { content: "\e097"; } }
|
|
||||||
.glyphicon-exclamation-sign { &:before { content: "\e101"; } }
|
|
||||||
.glyphicon-gift { &:before { content: "\e102"; } }
|
|
||||||
.glyphicon-leaf { &:before { content: "\e103"; } }
|
|
||||||
.glyphicon-fire { &:before { content: "\e104"; } }
|
|
||||||
.glyphicon-eye-open { &:before { content: "\e105"; } }
|
|
||||||
.glyphicon-eye-close { &:before { content: "\e106"; } }
|
|
||||||
.glyphicon-warning-sign { &:before { content: "\e107"; } }
|
|
||||||
.glyphicon-plane { &:before { content: "\e108"; } }
|
|
||||||
.glyphicon-calendar { &:before { content: "\e109"; } }
|
|
||||||
.glyphicon-random { &:before { content: "\e110"; } }
|
|
||||||
.glyphicon-comment { &:before { content: "\e111"; } }
|
|
||||||
.glyphicon-magnet { &:before { content: "\e112"; } }
|
|
||||||
.glyphicon-chevron-up { &:before { content: "\e113"; } }
|
|
||||||
.glyphicon-chevron-down { &:before { content: "\e114"; } }
|
|
||||||
.glyphicon-retweet { &:before { content: "\e115"; } }
|
|
||||||
.glyphicon-shopping-cart { &:before { content: "\e116"; } }
|
|
||||||
.glyphicon-folder-close { &:before { content: "\e117"; } }
|
|
||||||
.glyphicon-folder-open { &:before { content: "\e118"; } }
|
|
||||||
.glyphicon-resize-vertical { &:before { content: "\e119"; } }
|
|
||||||
.glyphicon-resize-horizontal { &:before { content: "\e120"; } }
|
|
||||||
.glyphicon-hdd { &:before { content: "\e121"; } }
|
|
||||||
.glyphicon-bullhorn { &:before { content: "\e122"; } }
|
|
||||||
.glyphicon-bell { &:before { content: "\e123"; } }
|
|
||||||
.glyphicon-certificate { &:before { content: "\e124"; } }
|
|
||||||
.glyphicon-thumbs-up { &:before { content: "\e125"; } }
|
|
||||||
.glyphicon-thumbs-down { &:before { content: "\e126"; } }
|
|
||||||
.glyphicon-hand-right { &:before { content: "\e127"; } }
|
|
||||||
.glyphicon-hand-left { &:before { content: "\e128"; } }
|
|
||||||
.glyphicon-hand-up { &:before { content: "\e129"; } }
|
|
||||||
.glyphicon-hand-down { &:before { content: "\e130"; } }
|
|
||||||
.glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
|
|
||||||
.glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
|
|
||||||
.glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
|
|
||||||
.glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
|
|
||||||
.glyphicon-globe { &:before { content: "\e135"; } }
|
|
||||||
.glyphicon-wrench { &:before { content: "\e136"; } }
|
|
||||||
.glyphicon-tasks { &:before { content: "\e137"; } }
|
|
||||||
.glyphicon-filter { &:before { content: "\e138"; } }
|
|
||||||
.glyphicon-briefcase { &:before { content: "\e139"; } }
|
|
||||||
.glyphicon-fullscreen { &:before { content: "\e140"; } }
|
|
||||||
.glyphicon-dashboard { &:before { content: "\e141"; } }
|
|
||||||
.glyphicon-paperclip { &:before { content: "\e142"; } }
|
|
||||||
.glyphicon-heart-empty { &:before { content: "\e143"; } }
|
|
||||||
.glyphicon-link { &:before { content: "\e144"; } }
|
|
||||||
.glyphicon-phone { &:before { content: "\e145"; } }
|
|
||||||
.glyphicon-pushpin { &:before { content: "\e146"; } }
|
|
||||||
.glyphicon-usd { &:before { content: "\e148"; } }
|
|
||||||
.glyphicon-gbp { &:before { content: "\e149"; } }
|
|
||||||
.glyphicon-sort { &:before { content: "\e150"; } }
|
|
||||||
.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
|
|
||||||
.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
|
|
||||||
.glyphicon-sort-by-order { &:before { content: "\e153"; } }
|
|
||||||
.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
|
|
||||||
.glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
|
|
||||||
.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
|
|
||||||
.glyphicon-unchecked { &:before { content: "\e157"; } }
|
|
||||||
.glyphicon-expand { &:before { content: "\e158"; } }
|
|
||||||
.glyphicon-collapse-down { &:before { content: "\e159"; } }
|
|
||||||
.glyphicon-collapse-up { &:before { content: "\e160"; } }
|
|
||||||
.glyphicon-log-in { &:before { content: "\e161"; } }
|
|
||||||
.glyphicon-flash { &:before { content: "\e162"; } }
|
|
||||||
.glyphicon-log-out { &:before { content: "\e163"; } }
|
|
||||||
.glyphicon-new-window { &:before { content: "\e164"; } }
|
|
||||||
.glyphicon-record { &:before { content: "\e165"; } }
|
|
||||||
.glyphicon-save { &:before { content: "\e166"; } }
|
|
||||||
.glyphicon-open { &:before { content: "\e167"; } }
|
|
||||||
.glyphicon-saved { &:before { content: "\e168"; } }
|
|
||||||
.glyphicon-import { &:before { content: "\e169"; } }
|
|
||||||
.glyphicon-export { &:before { content: "\e170"; } }
|
|
||||||
.glyphicon-send { &:before { content: "\e171"; } }
|
|
||||||
.glyphicon-floppy-disk { &:before { content: "\e172"; } }
|
|
||||||
.glyphicon-floppy-saved { &:before { content: "\e173"; } }
|
|
||||||
.glyphicon-floppy-remove { &:before { content: "\e174"; } }
|
|
||||||
.glyphicon-floppy-save { &:before { content: "\e175"; } }
|
|
||||||
.glyphicon-floppy-open { &:before { content: "\e176"; } }
|
|
||||||
.glyphicon-credit-card { &:before { content: "\e177"; } }
|
|
||||||
.glyphicon-transfer { &:before { content: "\e178"; } }
|
|
||||||
.glyphicon-cutlery { &:before { content: "\e179"; } }
|
|
||||||
.glyphicon-header { &:before { content: "\e180"; } }
|
|
||||||
.glyphicon-compressed { &:before { content: "\e181"; } }
|
|
||||||
.glyphicon-earphone { &:before { content: "\e182"; } }
|
|
||||||
.glyphicon-phone-alt { &:before { content: "\e183"; } }
|
|
||||||
.glyphicon-tower { &:before { content: "\e184"; } }
|
|
||||||
.glyphicon-stats { &:before { content: "\e185"; } }
|
|
||||||
.glyphicon-sd-video { &:before { content: "\e186"; } }
|
|
||||||
.glyphicon-hd-video { &:before { content: "\e187"; } }
|
|
||||||
.glyphicon-subtitles { &:before { content: "\e188"; } }
|
|
||||||
.glyphicon-sound-stereo { &:before { content: "\e189"; } }
|
|
||||||
.glyphicon-sound-dolby { &:before { content: "\e190"; } }
|
|
||||||
.glyphicon-sound-5-1 { &:before { content: "\e191"; } }
|
|
||||||
.glyphicon-sound-6-1 { &:before { content: "\e192"; } }
|
|
||||||
.glyphicon-sound-7-1 { &:before { content: "\e193"; } }
|
|
||||||
.glyphicon-copyright-mark { &:before { content: "\e194"; } }
|
|
||||||
.glyphicon-registration-mark { &:before { content: "\e195"; } }
|
|
||||||
.glyphicon-cloud-download { &:before { content: "\e197"; } }
|
|
||||||
.glyphicon-cloud-upload { &:before { content: "\e198"; } }
|
|
||||||
.glyphicon-tree-conifer { &:before { content: "\e199"; } }
|
|
||||||
.glyphicon-tree-deciduous { &:before { content: "\e200"; } }
|
|
@ -1,93 +0,0 @@
|
|||||||
//
|
|
||||||
// Grid system
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Set the container width, and override it for fixed navbars in media queries
|
|
||||||
.container {
|
|
||||||
.container-fixed();
|
|
||||||
}
|
|
||||||
|
|
||||||
// mobile first defaults
|
|
||||||
.row {
|
|
||||||
.make-row();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Common styles for small and large grid columns
|
|
||||||
.make-grid-columns();
|
|
||||||
|
|
||||||
|
|
||||||
// Extra small grid
|
|
||||||
//
|
|
||||||
// Grid classes for extra small devices like smartphones. No offset, push, or
|
|
||||||
// pull classes are present here due to the size of the target.
|
|
||||||
//
|
|
||||||
// Note that `.col-xs-12` doesn't get floated on purpose--there's no need since
|
|
||||||
// it's full-width.
|
|
||||||
|
|
||||||
.make-grid-columns-float(xs);
|
|
||||||
.make-grid(@grid-columns, xs, width);
|
|
||||||
.make-grid(@grid-columns, xs, pull);
|
|
||||||
.make-grid(@grid-columns, xs, push);
|
|
||||||
.make-grid(@grid-columns, xs, offset);
|
|
||||||
|
|
||||||
|
|
||||||
// Small grid
|
|
||||||
//
|
|
||||||
// Columns, offsets, pushes, and pulls for the small device range, from phones
|
|
||||||
// to tablets.
|
|
||||||
//
|
|
||||||
// Note that `.col-sm-12` doesn't get floated on purpose--there's no need since
|
|
||||||
// it's full-width.
|
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
.container {
|
|
||||||
width: @container-sm;
|
|
||||||
}
|
|
||||||
|
|
||||||
.make-grid-columns-float(sm);
|
|
||||||
.make-grid(@grid-columns, sm, width);
|
|
||||||
.make-grid(@grid-columns, sm, pull);
|
|
||||||
.make-grid(@grid-columns, sm, push);
|
|
||||||
.make-grid(@grid-columns, sm, offset);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Medium grid
|
|
||||||
//
|
|
||||||
// Columns, offsets, pushes, and pulls for the desktop device range.
|
|
||||||
//
|
|
||||||
// Note that `.col-md-12` doesn't get floated on purpose--there's no need since
|
|
||||||
// it's full-width.
|
|
||||||
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
.container {
|
|
||||||
width: @container-md;
|
|
||||||
}
|
|
||||||
|
|
||||||
.make-grid-columns-float(md);
|
|
||||||
.make-grid(@grid-columns, md, width);
|
|
||||||
.make-grid(@grid-columns, md, pull);
|
|
||||||
.make-grid(@grid-columns, md, push);
|
|
||||||
.make-grid(@grid-columns, md, offset);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Large grid
|
|
||||||
//
|
|
||||||
// Columns, offsets, pushes, and pulls for the large desktop device range.
|
|
||||||
//
|
|
||||||
// Note that `.col-lg-12` doesn't get floated on purpose--there's no need since
|
|
||||||
// it's full-width.
|
|
||||||
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.container {
|
|
||||||
width: @container-lg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.make-grid-columns-float(lg);
|
|
||||||
.make-grid(@grid-columns, lg, width);
|
|
||||||
.make-grid(@grid-columns, lg, pull);
|
|
||||||
.make-grid(@grid-columns, lg, push);
|
|
||||||
.make-grid(@grid-columns, lg, offset);
|
|
||||||
}
|
|
||||||
|
|
@ -1,136 +0,0 @@
|
|||||||
//
|
|
||||||
// Input groups
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Base styles
|
|
||||||
// -------------------------
|
|
||||||
.input-group {
|
|
||||||
position: relative; // For dropdowns
|
|
||||||
display: table;
|
|
||||||
border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
|
|
||||||
|
|
||||||
// Undo padding and float of grid classes
|
|
||||||
&.col {
|
|
||||||
float: none;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sizing options
|
|
||||||
//
|
|
||||||
// Remix the default form control sizing classes into new ones for easier
|
|
||||||
// manipulation.
|
|
||||||
|
|
||||||
.input-group-lg > .form-control,
|
|
||||||
.input-group-lg > .input-group-addon,
|
|
||||||
.input-group-lg > .input-group-btn > .btn { .input-lg(); }
|
|
||||||
.input-group-sm > .form-control,
|
|
||||||
.input-group-sm > .input-group-addon,
|
|
||||||
.input-group-sm > .input-group-btn > .btn { .input-sm(); }
|
|
||||||
|
|
||||||
|
|
||||||
// Display as table-cell
|
|
||||||
// -------------------------
|
|
||||||
.input-group-addon,
|
|
||||||
.input-group-btn,
|
|
||||||
.input-group .form-control {
|
|
||||||
display: table-cell;
|
|
||||||
|
|
||||||
&:not(:first-child):not(:last-child) {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Addon and addon wrapper for buttons
|
|
||||||
.input-group-addon,
|
|
||||||
.input-group-btn {
|
|
||||||
width: 1%;
|
|
||||||
white-space: nowrap;
|
|
||||||
vertical-align: middle; // Match the inputs
|
|
||||||
}
|
|
||||||
|
|
||||||
// Text input groups
|
|
||||||
// -------------------------
|
|
||||||
.input-group-addon {
|
|
||||||
padding: @padding-base-vertical @padding-base-horizontal;
|
|
||||||
font-size: @font-size-base;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1;
|
|
||||||
color: @input-color;
|
|
||||||
text-align: center;
|
|
||||||
background-color: @input-group-addon-bg;
|
|
||||||
border: 1px solid @input-group-addon-border-color;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
|
|
||||||
// Sizing
|
|
||||||
&.input-sm {
|
|
||||||
padding: @padding-small-vertical @padding-small-horizontal;
|
|
||||||
font-size: @font-size-small;
|
|
||||||
border-radius: @border-radius-small;
|
|
||||||
}
|
|
||||||
&.input-lg {
|
|
||||||
padding: @padding-large-vertical @padding-large-horizontal;
|
|
||||||
font-size: @font-size-large;
|
|
||||||
border-radius: @border-radius-large;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Nuke default margins from checkboxes and radios to vertically center within.
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"] {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset rounded corners
|
|
||||||
.input-group .form-control:first-child,
|
|
||||||
.input-group-addon:first-child,
|
|
||||||
.input-group-btn:first-child > .btn,
|
|
||||||
.input-group-btn:first-child > .dropdown-toggle,
|
|
||||||
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
|
|
||||||
.border-right-radius(0);
|
|
||||||
}
|
|
||||||
.input-group-addon:first-child {
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
.input-group .form-control:last-child,
|
|
||||||
.input-group-addon:last-child,
|
|
||||||
.input-group-btn:last-child > .btn,
|
|
||||||
.input-group-btn:last-child > .dropdown-toggle,
|
|
||||||
.input-group-btn:first-child > .btn:not(:first-child) {
|
|
||||||
.border-left-radius(0);
|
|
||||||
}
|
|
||||||
.input-group-addon:last-child {
|
|
||||||
border-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Button input groups
|
|
||||||
// -------------------------
|
|
||||||
.input-group-btn {
|
|
||||||
position: relative;
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
// Negative margin to only have a 1px border between the two
|
|
||||||
&:first-child > .btn {
|
|
||||||
margin-right: -1px;
|
|
||||||
}
|
|
||||||
&:last-child > .btn {
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.input-group-btn > .btn {
|
|
||||||
position: relative;
|
|
||||||
// Jankily prevent input button groups from wrapping
|
|
||||||
+ .btn {
|
|
||||||
margin-left: -4px;
|
|
||||||
}
|
|
||||||
// Bring the "active" button to the front
|
|
||||||
&:hover,
|
|
||||||
&:active {
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,40 +0,0 @@
|
|||||||
//
|
|
||||||
// Jumbotron
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
.jumbotron {
|
|
||||||
padding: @jumbotron-padding;
|
|
||||||
margin-bottom: @jumbotron-padding;
|
|
||||||
font-size: @jumbotron-font-size;
|
|
||||||
font-weight: 200;
|
|
||||||
line-height: (@line-height-base * 1.5);
|
|
||||||
color: @jumbotron-color;
|
|
||||||
background-color: @jumbotron-bg;
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
line-height: 1;
|
|
||||||
color: @jumbotron-heading-color;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
line-height: 1.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container & {
|
|
||||||
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: @screen-sm-min) {
|
|
||||||
padding-top: (@jumbotron-padding * 1.6);
|
|
||||||
padding-bottom: (@jumbotron-padding * 1.6);
|
|
||||||
|
|
||||||
.container & {
|
|
||||||
padding-left: (@jumbotron-padding * 2);
|
|
||||||
padding-right: (@jumbotron-padding * 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: (@font-size-base * 4.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,58 +0,0 @@
|
|||||||
//
|
|
||||||
// Labels
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.label {
|
|
||||||
display: inline;
|
|
||||||
padding: .2em .6em .3em;
|
|
||||||
font-size: 75%;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1;
|
|
||||||
color: @label-color;
|
|
||||||
text-align: center;
|
|
||||||
white-space: nowrap;
|
|
||||||
vertical-align: baseline;
|
|
||||||
border-radius: .25em;
|
|
||||||
|
|
||||||
// Add hover effects, but only for links
|
|
||||||
&[href] {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @label-link-hover-color;
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Empty labels collapse automatically (not available in IE8)
|
|
||||||
&:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Colors
|
|
||||||
// Contextual variations (linked labels get darker on :hover)
|
|
||||||
|
|
||||||
.label-default {
|
|
||||||
.label-variant(@label-default-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-primary {
|
|
||||||
.label-variant(@label-primary-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-success {
|
|
||||||
.label-variant(@label-success-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-info {
|
|
||||||
.label-variant(@label-info-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-warning {
|
|
||||||
.label-variant(@label-warning-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-danger {
|
|
||||||
.label-variant(@label-danger-bg);
|
|
||||||
}
|
|
@ -1,88 +0,0 @@
|
|||||||
//
|
|
||||||
// List groups
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Base class
|
|
||||||
//
|
|
||||||
// Easily usable on <ul>, <ol>, or <div>.
|
|
||||||
.list-group {
|
|
||||||
// No need to set list-style: none; since .list-group-item is block level
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding-left: 0; // reset padding because ul and ol
|
|
||||||
}
|
|
||||||
|
|
||||||
// Individual list items
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.list-group-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding: 10px 15px;
|
|
||||||
// Place the border on the list items and negative margin up for better styling
|
|
||||||
margin-bottom: -1px;
|
|
||||||
background-color: @list-group-bg;
|
|
||||||
border: 1px solid @list-group-border;
|
|
||||||
|
|
||||||
// Round the first and last items
|
|
||||||
&:first-child {
|
|
||||||
.border-top-radius(@list-group-border-radius);
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
.border-bottom-radius(@list-group-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Align badges within list items
|
|
||||||
> .badge {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
> .badge + .badge {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Linked list items
|
|
||||||
a.list-group-item {
|
|
||||||
color: @list-group-link-color;
|
|
||||||
|
|
||||||
.list-group-item-heading {
|
|
||||||
color: @list-group-link-heading-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hover state
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: @list-group-hover-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Active class on item itself, not parent
|
|
||||||
&.active,
|
|
||||||
&.active:hover,
|
|
||||||
&.active:focus {
|
|
||||||
z-index: 2; // Place active items above their siblings for proper border styling
|
|
||||||
color: @list-group-active-color;
|
|
||||||
background-color: @list-group-active-bg;
|
|
||||||
border-color: @list-group-active-border;
|
|
||||||
|
|
||||||
// Force color to inherit for custom content
|
|
||||||
.list-group-item-heading {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
.list-group-item-text {
|
|
||||||
color: lighten(@list-group-active-bg, 40%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Custom content options
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.list-group-item-heading {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.list-group-item-text {
|
|
||||||
margin-bottom: 0;
|
|
||||||
line-height: 1.3;
|
|
||||||
}
|
|
@ -1,56 +0,0 @@
|
|||||||
// Media objects
|
|
||||||
// Source: http://stubbornella.org/content/?p=497
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Common styles
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Clear the floats
|
|
||||||
.media,
|
|
||||||
.media-body {
|
|
||||||
overflow: hidden;
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Proper spacing between instances of .media
|
|
||||||
.media,
|
|
||||||
.media .media {
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
.media:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// For images and videos, set to block
|
|
||||||
.media-object {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset margins on headings for tighter default spacing
|
|
||||||
.media-heading {
|
|
||||||
margin: 0 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Media image alignment
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.media {
|
|
||||||
> .pull-left {
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
> .pull-right {
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Media list variation
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Undo default ul/ol styles
|
|
||||||
.media-list {
|
|
||||||
padding-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
@ -1,858 +0,0 @@
|
|||||||
//
|
|
||||||
// Mixins
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Utilities
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Clearfix
|
|
||||||
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
|
||||||
//
|
|
||||||
// For modern browsers
|
|
||||||
// 1. The space content is one way to avoid an Opera bug when the
|
|
||||||
// contenteditable attribute is included anywhere else in the document.
|
|
||||||
// Otherwise it causes space to appear at the top and bottom of elements
|
|
||||||
// that are clearfixed.
|
|
||||||
// 2. The use of `table` rather than `block` is only necessary if using
|
|
||||||
// `:before` to contain the top-margins of child elements.
|
|
||||||
.clearfix() {
|
|
||||||
&:before,
|
|
||||||
&:after {
|
|
||||||
content: " "; /* 1 */
|
|
||||||
display: table; /* 2 */
|
|
||||||
}
|
|
||||||
&: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;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sizing shortcuts
|
|
||||||
.size(@width; @height) {
|
|
||||||
width: @width;
|
|
||||||
height: @height;
|
|
||||||
}
|
|
||||||
.square(@size) {
|
|
||||||
.size(@size; @size);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Placeholder text
|
|
||||||
.placeholder(@color: @input-color-placeholder) {
|
|
||||||
&:-moz-placeholder { color: @color; } // Firefox 4-18
|
|
||||||
&::-moz-placeholder { color: @color; } // Firefox 19+
|
|
||||||
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
|
|
||||||
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome
|
|
||||||
}
|
|
||||||
|
|
||||||
// Text overflow
|
|
||||||
// Requires inline-block or block for proper styling
|
|
||||||
.text-overflow() {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
// CSS image replacement
|
|
||||||
//
|
|
||||||
// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
|
|
||||||
// mixins being reused as classes with the same name, this doesn't hold up. As
|
|
||||||
// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note
|
|
||||||
// that we cannot chain the mixins together in Less, so they are repeated.
|
|
||||||
//
|
|
||||||
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
|
||||||
|
|
||||||
// Deprecated as of v3.0.1 (will be removed in v4)
|
|
||||||
.hide-text() {
|
|
||||||
font: ~"0/0" a;
|
|
||||||
color: transparent;
|
|
||||||
text-shadow: none;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
// New mixin to use as of v3.0.1
|
|
||||||
.text-hide() {
|
|
||||||
font: ~"0/0" a;
|
|
||||||
color: transparent;
|
|
||||||
text-shadow: none;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// CSS3 PROPERTIES
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Single side border-radius
|
|
||||||
.border-top-radius(@radius) {
|
|
||||||
border-top-right-radius: @radius;
|
|
||||||
border-top-left-radius: @radius;
|
|
||||||
}
|
|
||||||
.border-right-radius(@radius) {
|
|
||||||
border-bottom-right-radius: @radius;
|
|
||||||
border-top-right-radius: @radius;
|
|
||||||
}
|
|
||||||
.border-bottom-radius(@radius) {
|
|
||||||
border-bottom-right-radius: @radius;
|
|
||||||
border-bottom-left-radius: @radius;
|
|
||||||
}
|
|
||||||
.border-left-radius(@radius) {
|
|
||||||
border-bottom-left-radius: @radius;
|
|
||||||
border-top-left-radius: @radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Drop shadows
|
|
||||||
.box-shadow(@shadow) {
|
|
||||||
-webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
|
|
||||||
box-shadow: @shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Transitions
|
|
||||||
.transition(@transition) {
|
|
||||||
-webkit-transition: @transition;
|
|
||||||
transition: @transition;
|
|
||||||
}
|
|
||||||
.transition-property(@transition-property) {
|
|
||||||
-webkit-transition-property: @transition-property;
|
|
||||||
transition-property: @transition-property;
|
|
||||||
}
|
|
||||||
.transition-delay(@transition-delay) {
|
|
||||||
-webkit-transition-delay: @transition-delay;
|
|
||||||
transition-delay: @transition-delay;
|
|
||||||
}
|
|
||||||
.transition-duration(@transition-duration) {
|
|
||||||
-webkit-transition-duration: @transition-duration;
|
|
||||||
transition-duration: @transition-duration;
|
|
||||||
}
|
|
||||||
.transition-transform(@transition) {
|
|
||||||
-webkit-transition: -webkit-transform @transition;
|
|
||||||
-moz-transition: -moz-transform @transition;
|
|
||||||
-o-transition: -o-transform @transition;
|
|
||||||
transition: transform @transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Transformations
|
|
||||||
.rotate(@degrees) {
|
|
||||||
-webkit-transform: rotate(@degrees);
|
|
||||||
-ms-transform: rotate(@degrees); // IE9+
|
|
||||||
transform: rotate(@degrees);
|
|
||||||
}
|
|
||||||
.scale(@ratio) {
|
|
||||||
-webkit-transform: scale(@ratio);
|
|
||||||
-ms-transform: scale(@ratio); // IE9+
|
|
||||||
transform: scale(@ratio);
|
|
||||||
}
|
|
||||||
.translate(@x; @y) {
|
|
||||||
-webkit-transform: translate(@x, @y);
|
|
||||||
-ms-transform: translate(@x, @y); // IE9+
|
|
||||||
transform: translate(@x, @y);
|
|
||||||
}
|
|
||||||
.skew(@x; @y) {
|
|
||||||
-webkit-transform: skew(@x, @y);
|
|
||||||
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
|
||||||
transform: skew(@x, @y);
|
|
||||||
}
|
|
||||||
.translate3d(@x; @y; @z) {
|
|
||||||
-webkit-transform: translate3d(@x, @y, @z);
|
|
||||||
transform: translate3d(@x, @y, @z);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rotateX(@degrees) {
|
|
||||||
-webkit-transform: rotateX(@degrees);
|
|
||||||
-ms-transform: rotateX(@degrees); // IE9+
|
|
||||||
transform: rotateX(@degrees);
|
|
||||||
}
|
|
||||||
.rotateY(@degrees) {
|
|
||||||
-webkit-transform: rotateY(@degrees);
|
|
||||||
-ms-transform: rotateY(@degrees); // IE9+
|
|
||||||
transform: rotateY(@degrees);
|
|
||||||
}
|
|
||||||
.perspective(@perspective) {
|
|
||||||
-webkit-perspective: @perspective;
|
|
||||||
-moz-perspective: @perspective;
|
|
||||||
perspective: @perspective;
|
|
||||||
}
|
|
||||||
.perspective-origin(@perspective) {
|
|
||||||
-webkit-perspective-origin: @perspective;
|
|
||||||
-moz-perspective-origin: @perspective;
|
|
||||||
perspective-origin: @perspective;
|
|
||||||
}
|
|
||||||
.transform-origin(@origin) {
|
|
||||||
-webkit-transform-origin: @origin;
|
|
||||||
-moz-transform-origin: @origin;
|
|
||||||
transform-origin: @origin;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Animations
|
|
||||||
.animation(@animation) {
|
|
||||||
-webkit-animation: @animation;
|
|
||||||
animation: @animation;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Backface visibility
|
|
||||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
|
||||||
// Default value is `visible`, but can be changed to `hidden`
|
|
||||||
.backface-visibility(@visibility){
|
|
||||||
-webkit-backface-visibility: @visibility;
|
|
||||||
-moz-backface-visibility: @visibility;
|
|
||||||
backface-visibility: @visibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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; // IE10+
|
|
||||||
-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(@column-count; @column-gap: @grid-gutter-width) {
|
|
||||||
-webkit-column-count: @column-count;
|
|
||||||
-moz-column-count: @column-count;
|
|
||||||
column-count: @column-count;
|
|
||||||
-webkit-column-gap: @column-gap;
|
|
||||||
-moz-column-gap: @column-gap;
|
|
||||||
column-gap: @column-gap;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional hyphenation
|
|
||||||
.hyphens(@mode: auto) {
|
|
||||||
word-wrap: break-word;
|
|
||||||
-webkit-hyphens: @mode;
|
|
||||||
-moz-hyphens: @mode;
|
|
||||||
-ms-hyphens: @mode; // IE10+
|
|
||||||
-o-hyphens: @mode;
|
|
||||||
hyphens: @mode;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Opacity
|
|
||||||
.opacity(@opacity) {
|
|
||||||
opacity: @opacity;
|
|
||||||
// IE8 filter
|
|
||||||
@opacity-ie: (@opacity * 100);
|
|
||||||
filter: ~"alpha(opacity=@{opacity-ie})";
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// GRADIENTS
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
#gradient {
|
|
||||||
|
|
||||||
// Horizontal gradient, from left to right
|
|
||||||
//
|
|
||||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
|
||||||
// Color stops are not available in IE9 and below.
|
|
||||||
.horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
|
|
||||||
background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
|
|
||||||
background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
|
|
||||||
background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vertical gradient, from top to bottom
|
|
||||||
//
|
|
||||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
|
||||||
// Color stops are not available in IE9 and below.
|
|
||||||
.vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
|
|
||||||
background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
|
|
||||||
background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
|
|
||||||
background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
|
|
||||||
}
|
|
||||||
|
|
||||||
.directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -moz-linear-gradient(@deg, @start-color, @end-color); // FF 3.6+
|
|
||||||
background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10
|
|
||||||
}
|
|
||||||
.horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
|
|
||||||
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
|
|
||||||
background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
|
|
||||||
background-image: -moz-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
|
|
||||||
background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
|
|
||||||
}
|
|
||||||
.vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
|
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
|
|
||||||
background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
|
||||||
background-image: -moz-linear-gradient(top, @start-color, @mid-color @color-stop, @end-color);
|
|
||||||
background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
|
|
||||||
}
|
|
||||||
.radial(@inner-color: #555; @outer-color: #333) {
|
|
||||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
|
|
||||||
background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
|
|
||||||
background-image: -moz-radial-gradient(circle, @inner-color, @outer-color);
|
|
||||||
background-image: radial-gradient(circle, @inner-color, @outer-color);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
|
|
||||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, @color), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, @color), color-stop(.75, @color), color-stop(.75, transparent), to(transparent));
|
|
||||||
background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
|
|
||||||
background-image: -moz-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
|
|
||||||
background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset filters for IE
|
|
||||||
//
|
|
||||||
// When you need to remove a gradient background, do not forget to use this to reset
|
|
||||||
// the IE filter for IE9 and below.
|
|
||||||
.reset-filter() {
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Retina images
|
|
||||||
//
|
|
||||||
// Short retina mixin for setting background-image and -size
|
|
||||||
|
|
||||||
.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
|
|
||||||
background-image: url("@{file-1x}");
|
|
||||||
|
|
||||||
@media
|
|
||||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
||||||
only screen and ( min--moz-device-pixel-ratio: 2),
|
|
||||||
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
||||||
only screen and ( min-device-pixel-ratio: 2),
|
|
||||||
only screen and ( min-resolution: 192dpi),
|
|
||||||
only screen and ( min-resolution: 2dppx) {
|
|
||||||
background-image: url("@{file-2x}");
|
|
||||||
background-size: @width-1x @height-1x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Responsive image
|
|
||||||
//
|
|
||||||
// Keep images from scaling beyond the width of their parents.
|
|
||||||
|
|
||||||
.img-responsive(@display: block;) {
|
|
||||||
display: @display;
|
|
||||||
max-width: 100%; // Part 1: Set a maximum relative to the parent
|
|
||||||
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// COMPONENT MIXINS
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Horizontal dividers
|
|
||||||
// -------------------------
|
|
||||||
// Dividers (basically an hr) within dropdowns and nav lists
|
|
||||||
.nav-divider(@color: #e5e5e5) {
|
|
||||||
height: 1px;
|
|
||||||
margin: ((@line-height-computed / 2) - 1) 0;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: @color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Panels
|
|
||||||
// -------------------------
|
|
||||||
.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border;) {
|
|
||||||
border-color: @border;
|
|
||||||
|
|
||||||
& > .panel-heading {
|
|
||||||
color: @heading-text-color;
|
|
||||||
background-color: @heading-bg-color;
|
|
||||||
border-color: @heading-border;
|
|
||||||
|
|
||||||
+ .panel-collapse .panel-body {
|
|
||||||
border-top-color: @border;
|
|
||||||
}
|
|
||||||
& > .dropdown .caret {
|
|
||||||
border-color: @heading-text-color transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
& > .panel-footer {
|
|
||||||
+ .panel-collapse .panel-body {
|
|
||||||
border-bottom-color: @border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Alerts
|
|
||||||
// -------------------------
|
|
||||||
.alert-variant(@background; @border; @text-color) {
|
|
||||||
background-color: @background;
|
|
||||||
border-color: @border;
|
|
||||||
color: @text-color;
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border-top-color: darken(@border, 5%);
|
|
||||||
}
|
|
||||||
.alert-link {
|
|
||||||
color: darken(@text-color, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tables
|
|
||||||
// -------------------------
|
|
||||||
.table-row-variant(@state; @background; @border) {
|
|
||||||
// Exact selectors below required to override `.table-striped` and prevent
|
|
||||||
// inheritance to nested tables.
|
|
||||||
.table > thead > tr,
|
|
||||||
.table > tbody > tr,
|
|
||||||
.table > tfoot > tr {
|
|
||||||
> td.@{state},
|
|
||||||
> th.@{state},
|
|
||||||
&.@{state} > td,
|
|
||||||
&.@{state} > th {
|
|
||||||
background-color: @background;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hover states for `.table-hover`
|
|
||||||
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
|
||||||
.table-hover > tbody > tr {
|
|
||||||
> td.@{state}:hover,
|
|
||||||
> th.@{state}:hover,
|
|
||||||
&.@{state}:hover > td,
|
|
||||||
&.@{state}:hover > th {
|
|
||||||
background-color: darken(@background, 5%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Button variants
|
|
||||||
// -------------------------
|
|
||||||
// Easily pump out default styles, as well as :hover, :focus, :active,
|
|
||||||
// and disabled options for all buttons
|
|
||||||
.button-variant(@color; @background; @border) {
|
|
||||||
color: @color;
|
|
||||||
background-color: @background;
|
|
||||||
border-color: @border;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active,
|
|
||||||
&.active,
|
|
||||||
.open .dropdown-toggle& {
|
|
||||||
color: @color;
|
|
||||||
background-color: darken(@background, 8%);
|
|
||||||
border-color: darken(@border, 12%);
|
|
||||||
}
|
|
||||||
&:active,
|
|
||||||
&.active,
|
|
||||||
.open .dropdown-toggle& {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
&.disabled,
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] & {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
background-color: @background;
|
|
||||||
border-color: @border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Button sizes
|
|
||||||
// -------------------------
|
|
||||||
.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
|
|
||||||
padding: @padding-vertical @padding-horizontal;
|
|
||||||
font-size: @font-size;
|
|
||||||
line-height: @line-height;
|
|
||||||
border-radius: @border-radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
// -------------------------
|
|
||||||
.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
|
|
||||||
> li {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
padding: @padding-vertical @padding-horizontal;
|
|
||||||
font-size: @font-size;
|
|
||||||
}
|
|
||||||
&:first-child {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
.border-left-radius(@border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
.border-right-radius(@border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Labels
|
|
||||||
// -------------------------
|
|
||||||
.label-variant(@color) {
|
|
||||||
background-color: @color;
|
|
||||||
&[href] {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: darken(@color, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Navbar vertical align
|
|
||||||
// -------------------------
|
|
||||||
// Vertically center elements in the navbar.
|
|
||||||
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
|
|
||||||
.navbar-vertical-align(@element-height) {
|
|
||||||
margin-top: ((@navbar-height - @element-height) / 2);
|
|
||||||
margin-bottom: ((@navbar-height - @element-height) / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Progress bars
|
|
||||||
// -------------------------
|
|
||||||
.progress-bar-variant(@color) {
|
|
||||||
background-color: @color;
|
|
||||||
.progress-striped & {
|
|
||||||
#gradient > .striped();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Responsive utilities
|
|
||||||
// -------------------------
|
|
||||||
// More easily include all the states for responsive-utilities.less.
|
|
||||||
.responsive-visibility() {
|
|
||||||
display: block !important;
|
|
||||||
tr& { display: table-row !important; }
|
|
||||||
th&,
|
|
||||||
td& { display: table-cell !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.responsive-invisibility() {
|
|
||||||
&,
|
|
||||||
tr&,
|
|
||||||
th&,
|
|
||||||
td& { display: none !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Grid System
|
|
||||||
// -----------
|
|
||||||
|
|
||||||
// Centered container element
|
|
||||||
.container-fixed() {
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
padding-left: (@grid-gutter-width / 2);
|
|
||||||
padding-right: (@grid-gutter-width / 2);
|
|
||||||
.clearfix();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Creates a wrapper for a series of columns
|
|
||||||
.make-row(@gutter: @grid-gutter-width) {
|
|
||||||
margin-left: (@gutter / -2);
|
|
||||||
margin-right: (@gutter / -2);
|
|
||||||
.clearfix();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the extra small columns
|
|
||||||
.make-xs-column(@columns; @gutter: @grid-gutter-width) {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
width: percentage((@columns / @grid-columns));
|
|
||||||
// Prevent columns from collapsing when empty
|
|
||||||
min-height: 1px;
|
|
||||||
// Inner gutter via padding
|
|
||||||
padding-left: (@gutter / 2);
|
|
||||||
padding-right: (@gutter / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the small columns
|
|
||||||
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
|
|
||||||
position: relative;
|
|
||||||
// Prevent columns from collapsing when empty
|
|
||||||
min-height: 1px;
|
|
||||||
// Inner gutter via padding
|
|
||||||
padding-left: (@gutter / 2);
|
|
||||||
padding-right: (@gutter / 2);
|
|
||||||
|
|
||||||
// Calculate width based on number of columns available
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
float: left;
|
|
||||||
width: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the small column offsets
|
|
||||||
.make-sm-column-offset(@columns) {
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
margin-left: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.make-sm-column-push(@columns) {
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
left: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.make-sm-column-pull(@columns) {
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
right: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the medium columns
|
|
||||||
.make-md-column(@columns; @gutter: @grid-gutter-width) {
|
|
||||||
position: relative;
|
|
||||||
// Prevent columns from collapsing when empty
|
|
||||||
min-height: 1px;
|
|
||||||
// Inner gutter via padding
|
|
||||||
padding-left: (@gutter / 2);
|
|
||||||
padding-right: (@gutter / 2);
|
|
||||||
|
|
||||||
// Calculate width based on number of columns available
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
float: left;
|
|
||||||
width: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the medium column offsets
|
|
||||||
.make-md-column-offset(@columns) {
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
margin-left: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.make-md-column-push(@columns) {
|
|
||||||
@media (min-width: @screen-md) {
|
|
||||||
left: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.make-md-column-pull(@columns) {
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
right: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the large columns
|
|
||||||
.make-lg-column(@columns; @gutter: @grid-gutter-width) {
|
|
||||||
position: relative;
|
|
||||||
// Prevent columns from collapsing when empty
|
|
||||||
min-height: 1px;
|
|
||||||
// Inner gutter via padding
|
|
||||||
padding-left: (@gutter / 2);
|
|
||||||
padding-right: (@gutter / 2);
|
|
||||||
|
|
||||||
// Calculate width based on number of columns available
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
float: left;
|
|
||||||
width: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the large column offsets
|
|
||||||
.make-lg-column-offset(@columns) {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
margin-left: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.make-lg-column-push(@columns) {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
left: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.make-lg-column-pull(@columns) {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
right: percentage((@columns / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Framework grid generation
|
|
||||||
//
|
|
||||||
// Used only by Bootstrap to generate the correct number of grid classes given
|
|
||||||
// any value of `@grid-columns`.
|
|
||||||
|
|
||||||
.make-grid-columns() {
|
|
||||||
// Common styles for all sizes of grid columns, widths 1-12
|
|
||||||
.col(@index) when (@index = 1) { // initial
|
|
||||||
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
|
|
||||||
.col(@index + 1, @item);
|
|
||||||
}
|
|
||||||
.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
|
|
||||||
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
|
|
||||||
.col(@index + 1, ~"@{list}, @{item}");
|
|
||||||
}
|
|
||||||
.col(@index, @list) when (@index > @grid-columns) { // terminal
|
|
||||||
@{list} {
|
|
||||||
position: relative;
|
|
||||||
// Prevent columns from collapsing when empty
|
|
||||||
min-height: 1px;
|
|
||||||
// Inner gutter via padding
|
|
||||||
padding-left: (@grid-gutter-width / 2);
|
|
||||||
padding-right: (@grid-gutter-width / 2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.col(1); // kickstart it
|
|
||||||
}
|
|
||||||
|
|
||||||
.make-grid-columns-float(@class) {
|
|
||||||
.col(@index) when (@index = 1) { // initial
|
|
||||||
@item: ~".col-@{class}-@{index}";
|
|
||||||
.col(@index + 1, @item);
|
|
||||||
}
|
|
||||||
.col(@index, @list) when (@index < @grid-columns) { // general
|
|
||||||
@item: ~".col-@{class}-@{index}";
|
|
||||||
.col(@index + 1, ~"@{list}, @{item}");
|
|
||||||
}
|
|
||||||
.col(@index, @list) when (@index = @grid-columns) { // terminal
|
|
||||||
@{list} {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.col(1); // kickstart it
|
|
||||||
}
|
|
||||||
|
|
||||||
.calc-grid(@index, @class, @type) when (@type = width) and (@index > 0) {
|
|
||||||
.col-@{class}-@{index} {
|
|
||||||
width: percentage((@index / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.calc-grid(@index, @class, @type) when (@type = push) {
|
|
||||||
.col-@{class}-push-@{index} {
|
|
||||||
left: percentage((@index / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.calc-grid(@index, @class, @type) when (@type = pull) {
|
|
||||||
.col-@{class}-pull-@{index} {
|
|
||||||
right: percentage((@index / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.calc-grid(@index, @class, @type) when (@type = offset) {
|
|
||||||
.col-@{class}-offset-@{index} {
|
|
||||||
margin-left: percentage((@index / @grid-columns));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Basic looping in LESS
|
|
||||||
.make-grid(@index, @class, @type) when (@index >= 0) {
|
|
||||||
.calc-grid(@index, @class, @type);
|
|
||||||
// next iteration
|
|
||||||
.make-grid(@index - 1, @class, @type);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form validation states
|
|
||||||
//
|
|
||||||
// Used in forms.less to generate the form validation CSS for warnings, errors,
|
|
||||||
// and successes.
|
|
||||||
|
|
||||||
.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
|
|
||||||
// Color the label and help text
|
|
||||||
.help-block,
|
|
||||||
.control-label,
|
|
||||||
.radio,
|
|
||||||
.checkbox,
|
|
||||||
.radio-inline,
|
|
||||||
.checkbox-inline {
|
|
||||||
color: @text-color;
|
|
||||||
}
|
|
||||||
// Set the border and box shadow on specific inputs to match
|
|
||||||
.form-control {
|
|
||||||
border-color: @border-color;
|
|
||||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
|
||||||
&:focus {
|
|
||||||
border-color: darken(@border-color, 10%);
|
|
||||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Set validation states also for addons
|
|
||||||
.input-group-addon {
|
|
||||||
color: @text-color;
|
|
||||||
border-color: @border-color;
|
|
||||||
background-color: @background-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Form control focus state
|
|
||||||
//
|
|
||||||
// Generate a customized focus state and for any input with the specified color,
|
|
||||||
// which defaults to the `@input-focus-border` variable.
|
|
||||||
//
|
|
||||||
// We highly encourage you to not customize the default value, but instead use
|
|
||||||
// this to tweak colors on an as-needed basis. This aesthetic change is based on
|
|
||||||
// WebKit's default styles, but applicable to a wider range of browsers. Its
|
|
||||||
// usability and accessibility should be taken into account with any change.
|
|
||||||
//
|
|
||||||
// Example usage: change the default blue border and shadow to white for better
|
|
||||||
// contrast against a dark gray background.
|
|
||||||
|
|
||||||
.form-control-focus(@color: @input-border-focus) {
|
|
||||||
@color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
|
|
||||||
&:focus {
|
|
||||||
border-color: @color;
|
|
||||||
outline: 0;
|
|
||||||
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Form control sizing
|
|
||||||
//
|
|
||||||
// Relative text size, padding, and border-radii changes for form controls. For
|
|
||||||
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
|
|
||||||
// element gets special love because it's special, and that's a fact!
|
|
||||||
|
|
||||||
.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
|
|
||||||
height: @input-height;
|
|
||||||
padding: @padding-vertical @padding-horizontal;
|
|
||||||
font-size: @font-size;
|
|
||||||
line-height: @line-height;
|
|
||||||
border-radius: @border-radius;
|
|
||||||
|
|
||||||
select& {
|
|
||||||
height: @input-height;
|
|
||||||
line-height: @input-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea& {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,132 +0,0 @@
|
|||||||
//
|
|
||||||
// Modals
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// .modal-open - body class for killing the scroll
|
|
||||||
// .modal - container to scroll within
|
|
||||||
// .modal-dialog - positioning shell for the actual modal
|
|
||||||
// .modal-content - actual modal w/ bg and corners and shit
|
|
||||||
|
|
||||||
// Kill the scroll on the body
|
|
||||||
.modal-open {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Container that the modal scrolls within
|
|
||||||
.modal {
|
|
||||||
display: none;
|
|
||||||
overflow: auto;
|
|
||||||
overflow-y: scroll;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: @zindex-modal-background;
|
|
||||||
|
|
||||||
// When fading in the modal, animate it to slide down
|
|
||||||
&.fade .modal-dialog {
|
|
||||||
.translate(0, -25%);
|
|
||||||
.transition-transform(~"0.3s ease-out");
|
|
||||||
}
|
|
||||||
&.in .modal-dialog { .translate(0, 0)}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Shell div to position the modal with bottom padding
|
|
||||||
.modal-dialog {
|
|
||||||
position: relative;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: auto;
|
|
||||||
padding: 10px;
|
|
||||||
z-index: (@zindex-modal-background + 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Actual modal
|
|
||||||
.modal-content {
|
|
||||||
position: relative;
|
|
||||||
background-color: @modal-content-bg;
|
|
||||||
border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
|
|
||||||
border: 1px solid @modal-content-border-color;
|
|
||||||
border-radius: @border-radius-large;
|
|
||||||
.box-shadow(0 3px 9px rgba(0,0,0,.5));
|
|
||||||
background-clip: padding-box;
|
|
||||||
// Remove focus outline from opened modal
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal background
|
|
||||||
.modal-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: (@zindex-modal-background - 10);
|
|
||||||
background-color: @modal-backdrop-bg;
|
|
||||||
// Fade for backdrop
|
|
||||||
&.fade { .opacity(0); }
|
|
||||||
&.in { .opacity(.5); }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal header
|
|
||||||
// Top section of the modal w/ title and dismiss
|
|
||||||
.modal-header {
|
|
||||||
padding: @modal-title-padding;
|
|
||||||
border-bottom: 1px solid @modal-header-border-color;
|
|
||||||
min-height: (@modal-title-padding + @modal-title-line-height);
|
|
||||||
}
|
|
||||||
// Close icon
|
|
||||||
.modal-header .close {
|
|
||||||
margin-top: -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Title text within header
|
|
||||||
.modal-title {
|
|
||||||
margin: 0;
|
|
||||||
line-height: @modal-title-line-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal body
|
|
||||||
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
|
||||||
.modal-body {
|
|
||||||
position: relative;
|
|
||||||
padding: @modal-inner-padding;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Footer (for actions)
|
|
||||||
.modal-footer {
|
|
||||||
margin-top: 15px;
|
|
||||||
padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
|
|
||||||
text-align: right; // right align buttons
|
|
||||||
border-top: 1px solid @modal-footer-border-color;
|
|
||||||
.clearfix(); // clear it in case folks use .pull-* classes on buttons
|
|
||||||
|
|
||||||
// Properly space out buttons
|
|
||||||
.btn + .btn {
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
|
||||||
}
|
|
||||||
// but override that for button groups
|
|
||||||
.btn-group .btn + .btn {
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
// and override it for block buttons as well
|
|
||||||
.btn-block + .btn-block {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Scale up the modal
|
|
||||||
@media screen and (min-width: @screen-sm-min) {
|
|
||||||
|
|
||||||
.modal-dialog {
|
|
||||||
width: 600px;
|
|
||||||
padding-top: 30px;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
.modal-content {
|
|
||||||
.box-shadow(0 5px 15px rgba(0,0,0,.5));
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,624 +0,0 @@
|
|||||||
//
|
|
||||||
// Navbars
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Wrapper and base class
|
|
||||||
//
|
|
||||||
// Provide a static navbar from which we expand to create full-width, fixed, and
|
|
||||||
// other navbar variations.
|
|
||||||
|
|
||||||
.navbar {
|
|
||||||
position: relative;
|
|
||||||
min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
|
|
||||||
margin-bottom: @navbar-margin-bottom;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
|
|
||||||
// Prevent floats from breaking the navbar
|
|
||||||
.clearfix();
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
border-radius: @navbar-border-radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar heading
|
|
||||||
//
|
|
||||||
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
|
|
||||||
// styling of responsive aspects.
|
|
||||||
|
|
||||||
.navbar-header {
|
|
||||||
.clearfix();
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar collapse (body)
|
|
||||||
//
|
|
||||||
// Group your navbar content into this for easy collapsing and expanding across
|
|
||||||
// various device sizes. By default, this content is collapsed when <768px, but
|
|
||||||
// will expand past that for a horizontal display.
|
|
||||||
//
|
|
||||||
// To start (on mobile devices) the navbar links, forms, and buttons are stacked
|
|
||||||
// vertically and include a `max-height` to overflow in case you have too much
|
|
||||||
// content for the user's viewport.
|
|
||||||
|
|
||||||
.navbar-collapse {
|
|
||||||
max-height: 340px;
|
|
||||||
overflow-x: visible;
|
|
||||||
padding-right: @navbar-padding-horizontal;
|
|
||||||
padding-left: @navbar-padding-horizontal;
|
|
||||||
border-top: 1px solid transparent;
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
|
|
||||||
.clearfix();
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
&.in {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
width: auto;
|
|
||||||
border-top: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
|
|
||||||
&.collapse {
|
|
||||||
display: block !important;
|
|
||||||
height: auto !important;
|
|
||||||
padding-bottom: 0; // Override default setting
|
|
||||||
overflow: visible !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.in {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Account for first and last children spacing
|
|
||||||
.navbar-nav.navbar-left:first-child {
|
|
||||||
margin-left: -@navbar-padding-horizontal;
|
|
||||||
}
|
|
||||||
.navbar-nav.navbar-right:last-child {
|
|
||||||
margin-right: -@navbar-padding-horizontal;
|
|
||||||
}
|
|
||||||
.navbar-text:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Both navbar header and collapse
|
|
||||||
//
|
|
||||||
// When a container is present, change the behavior of the header and collapse.
|
|
||||||
|
|
||||||
.container > .navbar-header,
|
|
||||||
.container > .navbar-collapse {
|
|
||||||
margin-right: -@navbar-padding-horizontal;
|
|
||||||
margin-left: -@navbar-padding-horizontal;
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Navbar alignment options
|
|
||||||
//
|
|
||||||
// Display the navbar across the entirety of the page or fixed it to the top or
|
|
||||||
// bottom of the page.
|
|
||||||
|
|
||||||
// Static top (unfixed, but 100% wide) navbar
|
|
||||||
.navbar-static-top {
|
|
||||||
z-index: @zindex-navbar;
|
|
||||||
border-width: 0 0 1px;
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fix the top/bottom navbars when screen real estate supports it
|
|
||||||
.navbar-fixed-top,
|
|
||||||
.navbar-fixed-bottom {
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: @zindex-navbar-fixed;
|
|
||||||
|
|
||||||
// Undo the rounded corners
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.navbar-fixed-top {
|
|
||||||
top: 0;
|
|
||||||
border-width: 0 0 1px;
|
|
||||||
}
|
|
||||||
.navbar-fixed-bottom {
|
|
||||||
bottom: 0;
|
|
||||||
margin-bottom: 0; // override .navbar defaults
|
|
||||||
border-width: 1px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Brand/project name
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
float: left;
|
|
||||||
padding: @navbar-padding-vertical @navbar-padding-horizontal;
|
|
||||||
font-size: @font-size-large;
|
|
||||||
line-height: @line-height-computed;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
.navbar > .container & {
|
|
||||||
margin-left: -@navbar-padding-horizontal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar toggle
|
|
||||||
//
|
|
||||||
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
|
|
||||||
// JavaScript plugin.
|
|
||||||
|
|
||||||
.navbar-toggle {
|
|
||||||
position: relative;
|
|
||||||
float: right;
|
|
||||||
margin-right: @navbar-padding-horizontal;
|
|
||||||
padding: 9px 10px;
|
|
||||||
.navbar-vertical-align(34px);
|
|
||||||
background-color: transparent;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
|
|
||||||
// Bars
|
|
||||||
.icon-bar {
|
|
||||||
display: block;
|
|
||||||
width: 22px;
|
|
||||||
height: 2px;
|
|
||||||
border-radius: 1px;
|
|
||||||
}
|
|
||||||
.icon-bar + .icon-bar {
|
|
||||||
margin-top: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar nav links
|
|
||||||
//
|
|
||||||
// Builds on top of the `.nav` components with it's own modifier class to make
|
|
||||||
// the nav the full height of the horizontal nav (above 768px).
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
|
|
||||||
|
|
||||||
> li > a {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
line-height: @line-height-computed;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
// Dropdowns get custom display when collapsed
|
|
||||||
.open .dropdown-menu {
|
|
||||||
position: static;
|
|
||||||
float: none;
|
|
||||||
width: auto;
|
|
||||||
margin-top: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
> li > a,
|
|
||||||
.dropdown-header {
|
|
||||||
padding: 5px 15px 5px 25px;
|
|
||||||
}
|
|
||||||
> li > a {
|
|
||||||
line-height: @line-height-computed;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Uncollapse the nav
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
float: left;
|
|
||||||
> a {
|
|
||||||
padding-top: ((@navbar-height - @line-height-computed) / 2);
|
|
||||||
padding-bottom: ((@navbar-height - @line-height-computed) / 2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Component alignment
|
|
||||||
//
|
|
||||||
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
|
|
||||||
// issues with parents and chaining. Only do this when the navbar is uncollapsed
|
|
||||||
// though so that navbar contents properly stack and align in mobile.
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
.navbar-left { .pull-left(); }
|
|
||||||
.navbar-right { .pull-right(); }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar form
|
|
||||||
//
|
|
||||||
// Extension of the `.form-inline` with some extra flavor for optimum display in
|
|
||||||
// our navbars.
|
|
||||||
|
|
||||||
.navbar-form {
|
|
||||||
margin-left: -@navbar-padding-horizontal;
|
|
||||||
margin-right: -@navbar-padding-horizontal;
|
|
||||||
padding: 10px @navbar-padding-horizontal;
|
|
||||||
border-top: 1px solid transparent;
|
|
||||||
border-bottom: 1px solid transparent;
|
|
||||||
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
|
|
||||||
// Mixin behavior for optimum display
|
|
||||||
.form-inline();
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vertically center in expanded, horizontal navbar
|
|
||||||
.navbar-vertical-align(@input-height-base);
|
|
||||||
|
|
||||||
// Undo 100% width for pull classes
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
width: auto;
|
|
||||||
border: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
.box-shadow(none);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Dropdown menus
|
|
||||||
|
|
||||||
// Menu position and menu carets
|
|
||||||
.navbar-nav > li > .dropdown-menu {
|
|
||||||
margin-top: 0;
|
|
||||||
.border-top-radius(0);
|
|
||||||
}
|
|
||||||
// Menu position and menu caret support for dropups via extra dropup class
|
|
||||||
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
|
||||||
.border-bottom-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Right aligned menus need alt position
|
|
||||||
.navbar-nav.pull-right > li > .dropdown-menu,
|
|
||||||
.navbar-nav > li > .dropdown-menu.pull-right {
|
|
||||||
left: auto;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Buttons in navbars
|
|
||||||
//
|
|
||||||
// Vertically center a button within a navbar (when *not* in a form).
|
|
||||||
|
|
||||||
.navbar-btn {
|
|
||||||
.navbar-vertical-align(@input-height-base);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Text in navbars
|
|
||||||
//
|
|
||||||
// Add a class to make any element properly align itself vertically within the navbars.
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
float: left;
|
|
||||||
.navbar-vertical-align(@line-height-computed);
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
margin-left: @navbar-padding-horizontal;
|
|
||||||
margin-right: @navbar-padding-horizontal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Alternate navbars
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Default navbar
|
|
||||||
.navbar-default {
|
|
||||||
background-color: @navbar-default-bg;
|
|
||||||
border-color: @navbar-default-border;
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
color: @navbar-default-brand-color;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-brand-hover-color;
|
|
||||||
background-color: @navbar-default-brand-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
color: @navbar-default-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
> li > a {
|
|
||||||
color: @navbar-default-link-color;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-link-hover-color;
|
|
||||||
background-color: @navbar-default-link-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-link-active-color;
|
|
||||||
background-color: @navbar-default-link-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .disabled > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-link-disabled-color;
|
|
||||||
background-color: @navbar-default-link-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggle {
|
|
||||||
border-color: @navbar-default-toggle-border-color;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: @navbar-default-toggle-hover-bg;
|
|
||||||
}
|
|
||||||
.icon-bar {
|
|
||||||
background-color: @navbar-default-toggle-icon-bar-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-collapse,
|
|
||||||
.navbar-form {
|
|
||||||
border-color: @navbar-default-border;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dropdown menu items and carets
|
|
||||||
.navbar-nav {
|
|
||||||
// Caret should match text color on hover
|
|
||||||
> .dropdown > a:hover .caret,
|
|
||||||
> .dropdown > a:focus .caret {
|
|
||||||
border-top-color: @navbar-default-link-hover-color;
|
|
||||||
border-bottom-color: @navbar-default-link-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove background color from open dropdown
|
|
||||||
> .open > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: @navbar-default-link-active-bg;
|
|
||||||
color: @navbar-default-link-active-color;
|
|
||||||
.caret {
|
|
||||||
border-top-color: @navbar-default-link-active-color;
|
|
||||||
border-bottom-color: @navbar-default-link-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .dropdown > a .caret {
|
|
||||||
border-top-color: @navbar-default-link-color;
|
|
||||||
border-bottom-color: @navbar-default-link-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
// Dropdowns get custom display when collapsed
|
|
||||||
.open .dropdown-menu {
|
|
||||||
> li > a {
|
|
||||||
color: @navbar-default-link-color;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-link-hover-color;
|
|
||||||
background-color: @navbar-default-link-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-link-active-color;
|
|
||||||
background-color: @navbar-default-link-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .disabled > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-default-link-disabled-color;
|
|
||||||
background-color: @navbar-default-link-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Links in navbars
|
|
||||||
//
|
|
||||||
// Add a class to ensure links outside the navbar nav are colored correctly.
|
|
||||||
|
|
||||||
.navbar-link {
|
|
||||||
color: @navbar-default-link-color;
|
|
||||||
&:hover {
|
|
||||||
color: @navbar-default-link-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inverse navbar
|
|
||||||
|
|
||||||
.navbar-inverse {
|
|
||||||
background-color: @navbar-inverse-bg;
|
|
||||||
border-color: @navbar-inverse-border;
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
color: @navbar-inverse-brand-color;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-brand-hover-color;
|
|
||||||
background-color: @navbar-inverse-brand-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
color: @navbar-inverse-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
> li > a {
|
|
||||||
color: @navbar-inverse-link-color;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-link-hover-color;
|
|
||||||
background-color: @navbar-inverse-link-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-link-active-color;
|
|
||||||
background-color: @navbar-inverse-link-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .disabled > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-link-disabled-color;
|
|
||||||
background-color: @navbar-inverse-link-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Darken the responsive nav toggle
|
|
||||||
.navbar-toggle {
|
|
||||||
border-color: @navbar-inverse-toggle-border-color;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: @navbar-inverse-toggle-hover-bg;
|
|
||||||
}
|
|
||||||
.icon-bar {
|
|
||||||
background-color: @navbar-inverse-toggle-icon-bar-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-collapse,
|
|
||||||
.navbar-form {
|
|
||||||
border-color: darken(@navbar-inverse-bg, 7%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dropdowns
|
|
||||||
.navbar-nav {
|
|
||||||
> .open > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: @navbar-inverse-link-active-bg;
|
|
||||||
color: @navbar-inverse-link-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .dropdown > a:hover .caret {
|
|
||||||
border-top-color: @navbar-inverse-link-hover-color;
|
|
||||||
border-bottom-color: @navbar-inverse-link-hover-color;
|
|
||||||
}
|
|
||||||
> .dropdown > a .caret {
|
|
||||||
border-top-color: @navbar-inverse-link-color;
|
|
||||||
border-bottom-color: @navbar-inverse-link-color;
|
|
||||||
}
|
|
||||||
> .open > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
.caret {
|
|
||||||
border-top-color: @navbar-inverse-link-active-color;
|
|
||||||
border-bottom-color: @navbar-inverse-link-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
// Dropdowns get custom display
|
|
||||||
.open .dropdown-menu {
|
|
||||||
> .dropdown-header {
|
|
||||||
border-color: @navbar-inverse-border;
|
|
||||||
}
|
|
||||||
> li > a {
|
|
||||||
color: @navbar-inverse-link-color;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-link-hover-color;
|
|
||||||
background-color: @navbar-inverse-link-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-link-active-color;
|
|
||||||
background-color: @navbar-inverse-link-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .disabled > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @navbar-inverse-link-disabled-color;
|
|
||||||
background-color: @navbar-inverse-link-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-link {
|
|
||||||
color: @navbar-inverse-link-color;
|
|
||||||
&:hover {
|
|
||||||
color: @navbar-inverse-link-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,262 +0,0 @@
|
|||||||
//
|
|
||||||
// Navs
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base class
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-left: 0; // Override default ul/ol
|
|
||||||
list-style: none;
|
|
||||||
.clearfix();
|
|
||||||
|
|
||||||
> li {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
> a {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding: @nav-link-padding;
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: @nav-link-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Disabled state sets text to gray and nukes hover/tab effects
|
|
||||||
&.disabled > a {
|
|
||||||
color: @nav-disabled-link-color;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @nav-disabled-link-hover-color;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: transparent;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Open dropdowns
|
|
||||||
.open > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: @nav-link-hover-bg;
|
|
||||||
border-color: @link-color;
|
|
||||||
|
|
||||||
.caret {
|
|
||||||
border-top-color: @link-hover-color;
|
|
||||||
border-bottom-color: @link-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Nav dividers (deprecated with v3.0.1)
|
|
||||||
//
|
|
||||||
// This should have been removed in v3 with the dropping of `.nav-list`, but
|
|
||||||
// we missed it. We don't currently support this anywhere, but in the interest
|
|
||||||
// of maintaining backward compatibility in case you use it, it's deprecated.
|
|
||||||
.nav-divider {
|
|
||||||
.nav-divider();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevent IE8 from misplacing imgs
|
|
||||||
//
|
|
||||||
// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
|
|
||||||
> li > a > img {
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Tabs
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Give the tabs something to sit on
|
|
||||||
.nav-tabs {
|
|
||||||
border-bottom: 1px solid @nav-tabs-border-color;
|
|
||||||
> li {
|
|
||||||
float: left;
|
|
||||||
// Make the list-items overlay the bottom border
|
|
||||||
margin-bottom: -1px;
|
|
||||||
|
|
||||||
// Actual tabs (as links)
|
|
||||||
> a {
|
|
||||||
margin-right: 2px;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: @border-radius-base @border-radius-base 0 0;
|
|
||||||
&:hover {
|
|
||||||
border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Active state, and it's :hover to override normal :hover
|
|
||||||
&.active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @nav-tabs-active-link-hover-color;
|
|
||||||
background-color: @nav-tabs-active-link-hover-bg;
|
|
||||||
border: 1px solid @nav-tabs-active-link-hover-border-color;
|
|
||||||
border-bottom-color: transparent;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// pulling this in mainly for less shorthand
|
|
||||||
&.nav-justified {
|
|
||||||
.nav-justified();
|
|
||||||
.nav-tabs-justified();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Pills
|
|
||||||
// -------------------------
|
|
||||||
.nav-pills {
|
|
||||||
> li {
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
// Links rendered as pills
|
|
||||||
> a {
|
|
||||||
border-radius: @nav-pills-border-radius;
|
|
||||||
}
|
|
||||||
+ li {
|
|
||||||
margin-left: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Active state
|
|
||||||
&.active > a {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @nav-pills-active-link-hover-color;
|
|
||||||
background-color: @nav-pills-active-link-hover-bg;
|
|
||||||
|
|
||||||
.caret {
|
|
||||||
border-top-color: @nav-pills-active-link-hover-color;
|
|
||||||
border-bottom-color: @nav-pills-active-link-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Stacked pills
|
|
||||||
.nav-stacked {
|
|
||||||
> li {
|
|
||||||
float: none;
|
|
||||||
+ li {
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-left: 0; // no need for this gap between nav items
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Nav variations
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Justified nav links
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.nav-justified {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
float: none;
|
|
||||||
> a {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .dropdown .dropdown-menu {
|
|
||||||
top: auto;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
> li {
|
|
||||||
display: table-cell;
|
|
||||||
width: 1%;
|
|
||||||
> a {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Move borders to anchors instead of bottom of list
|
|
||||||
//
|
|
||||||
// Mixin for adding on top the shared `.nav-justified` styles for our tabs
|
|
||||||
.nav-tabs-justified {
|
|
||||||
border-bottom: 0;
|
|
||||||
|
|
||||||
> li > a {
|
|
||||||
// Override margin from .nav-tabs
|
|
||||||
margin-right: 0;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .active > a,
|
|
||||||
> .active > a:hover,
|
|
||||||
> .active > a:focus {
|
|
||||||
border: 1px solid @nav-tabs-justified-link-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
> li > a {
|
|
||||||
border-bottom: 1px solid @nav-tabs-justified-link-border-color;
|
|
||||||
border-radius: @border-radius-base @border-radius-base 0 0;
|
|
||||||
}
|
|
||||||
> .active > a,
|
|
||||||
> .active > a:hover,
|
|
||||||
> .active > a:focus {
|
|
||||||
border-bottom-color: @nav-tabs-justified-active-link-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Tabbable tabs
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Hide tabbable panes to start, show them when `.active`
|
|
||||||
.tab-content {
|
|
||||||
> .tab-pane {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
> .active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Dropdowns
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Make dropdown carets use link color in navs
|
|
||||||
.nav .caret {
|
|
||||||
border-top-color: @link-color;
|
|
||||||
border-bottom-color: @link-color;
|
|
||||||
}
|
|
||||||
.nav a:hover .caret {
|
|
||||||
border-top-color: @link-hover-color;
|
|
||||||
border-bottom-color: @link-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Specific dropdowns
|
|
||||||
.nav-tabs .dropdown-menu {
|
|
||||||
// make dropdown border overlap tab border
|
|
||||||
margin-top: -1px;
|
|
||||||
// Remove the top rounded corners here since there is a hard edge above the menu
|
|
||||||
.border-top-radius(0);
|
|
||||||
}
|
|
@ -1,406 +0,0 @@
|
|||||||
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// HTML5 display definitions
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Correct `block` display not defined in IE 8/9.
|
|
||||||
//
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
details,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
main,
|
|
||||||
nav,
|
|
||||||
section,
|
|
||||||
summary {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Correct `inline-block` display not defined in IE 8/9.
|
|
||||||
//
|
|
||||||
|
|
||||||
audio,
|
|
||||||
canvas,
|
|
||||||
video {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Prevent modern browsers from displaying `audio` without controls.
|
|
||||||
// Remove excess height in iOS 5 devices.
|
|
||||||
//
|
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address `[hidden]` styling not present in IE 8/9.
|
|
||||||
// Hide the `template` element in IE, Safari, and Firefox < 22.
|
|
||||||
//
|
|
||||||
|
|
||||||
[hidden],
|
|
||||||
template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Base
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Set default font family to sans-serif.
|
|
||||||
// 2. Prevent iOS text size adjust after orientation change, without disabling
|
|
||||||
// user zoom.
|
|
||||||
//
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-family: sans-serif; // 1
|
|
||||||
-ms-text-size-adjust: 100%; // 2
|
|
||||||
-webkit-text-size-adjust: 100%; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove default margin.
|
|
||||||
//
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Links
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove the gray background color from active links in IE 10.
|
|
||||||
//
|
|
||||||
|
|
||||||
a {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address `outline` inconsistency between Chrome and other browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
outline: thin dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Improve readability when focused and also mouse hovered in all browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
a:active,
|
|
||||||
a:hover {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Typography
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address variable `h1` font-size and margin within `section` and `article`
|
|
||||||
// contexts in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
//
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0.67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address styling not present in IE 8/9, Safari 5, and Chrome.
|
|
||||||
//
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: 1px dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
//
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address styling not present in Safari 5 and Chrome.
|
|
||||||
//
|
|
||||||
|
|
||||||
dfn {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address differences between Firefox and other browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
hr {
|
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
box-sizing: content-box;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address styling not present in IE 8/9.
|
|
||||||
//
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background: #ff0;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Correct font family set oddly in Safari 5 and Chrome.
|
|
||||||
//
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
pre,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, serif;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Improve readability of pre-formatted text in all browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Set consistent quote types.
|
|
||||||
//
|
|
||||||
|
|
||||||
q {
|
|
||||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address inconsistent and variable font size in all browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Embedded content
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove border when inside `a` element in IE 8/9.
|
|
||||||
//
|
|
||||||
|
|
||||||
img {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Correct overflow displayed oddly in IE 9.
|
|
||||||
//
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Figures
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address margin not present in IE 8/9 and Safari 5.
|
|
||||||
//
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Forms
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Define consistent border, margin, and padding.
|
|
||||||
//
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: 1px solid #c0c0c0;
|
|
||||||
margin: 0 2px;
|
|
||||||
padding: 0.35em 0.625em 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Correct `color` not being inherited in IE 8/9.
|
|
||||||
// 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
|
||||||
//
|
|
||||||
|
|
||||||
legend {
|
|
||||||
border: 0; // 1
|
|
||||||
padding: 0; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Correct font family not being inherited in all browsers.
|
|
||||||
// 2. Correct font size not being inherited in all browsers.
|
|
||||||
// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
//
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit; // 1
|
|
||||||
font-size: 100%; // 2
|
|
||||||
margin: 0; // 3
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
|
||||||
// the UA stylesheet.
|
|
||||||
//
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Address inconsistent `text-transform` inheritance for `button` and `select`.
|
|
||||||
// All other form control elements do not inherit `text-transform` values.
|
|
||||||
// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
|
||||||
// Correct `select` style inheritance in Firefox 4+ and Opera.
|
|
||||||
//
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
|
||||||
// and `video` controls.
|
|
||||||
// 2. Correct inability to style clickable `input` types in iOS.
|
|
||||||
// 3. Improve usability and consistency of cursor style between image-type
|
|
||||||
// `input` and others.
|
|
||||||
//
|
|
||||||
|
|
||||||
button,
|
|
||||||
html input[type="button"], // 1
|
|
||||||
input[type="reset"],
|
|
||||||
input[type="submit"] {
|
|
||||||
-webkit-appearance: button; // 2
|
|
||||||
cursor: pointer; // 3
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Re-set default cursor for disabled elements.
|
|
||||||
//
|
|
||||||
|
|
||||||
button[disabled],
|
|
||||||
html input[disabled] {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Address box sizing set to `content-box` in IE 8/9/10.
|
|
||||||
// 2. Remove excess padding in IE 8/9/10.
|
|
||||||
//
|
|
||||||
|
|
||||||
input[type="checkbox"],
|
|
||||||
input[type="radio"] {
|
|
||||||
box-sizing: border-box; // 1
|
|
||||||
padding: 0; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
|
||||||
// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
|
||||||
// (include `-moz` to future-proof).
|
|
||||||
//
|
|
||||||
|
|
||||||
input[type="search"] {
|
|
||||||
-webkit-appearance: textfield; // 1
|
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
-webkit-box-sizing: content-box; // 2
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove inner padding and search cancel button in Safari 5 and Chrome
|
|
||||||
// on OS X.
|
|
||||||
//
|
|
||||||
|
|
||||||
input[type="search"]::-webkit-search-cancel-button,
|
|
||||||
input[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove inner padding and border in Firefox 4+.
|
|
||||||
//
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
input::-moz-focus-inner {
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Remove default vertical scrollbar in IE 8/9.
|
|
||||||
// 2. Improve readability and alignment in all browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto; // 1
|
|
||||||
vertical-align: top; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Tables
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove most spacing between table cells.
|
|
||||||
//
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
@ -1,55 +0,0 @@
|
|||||||
//
|
|
||||||
// Pager pagination
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
.pager {
|
|
||||||
padding-left: 0;
|
|
||||||
margin: @line-height-computed 0;
|
|
||||||
list-style: none;
|
|
||||||
text-align: center;
|
|
||||||
.clearfix();
|
|
||||||
li {
|
|
||||||
display: inline;
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 5px 14px;
|
|
||||||
background-color: @pagination-bg;
|
|
||||||
border: 1px solid @pagination-border;
|
|
||||||
border-radius: @pager-border-radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
> a:hover,
|
|
||||||
> a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: @pagination-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.next {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.previous {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.disabled {
|
|
||||||
> a,
|
|
||||||
> a:hover,
|
|
||||||
> a:focus,
|
|
||||||
> span {
|
|
||||||
color: @pager-disabled-color;
|
|
||||||
background-color: @pagination-bg;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,85 +0,0 @@
|
|||||||
//
|
|
||||||
// Pagination (multiple pages)
|
|
||||||
// --------------------------------------------------
|
|
||||||
.pagination {
|
|
||||||
display: inline-block;
|
|
||||||
padding-left: 0;
|
|
||||||
margin: @line-height-computed 0;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
display: inline; // Remove list-style and block-level defaults
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
position: relative;
|
|
||||||
float: left; // Collapse white-space
|
|
||||||
padding: @padding-base-vertical @padding-base-horizontal;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: @pagination-bg;
|
|
||||||
border: 1px solid @pagination-border;
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
&:first-child {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
margin-left: 0;
|
|
||||||
.border-left-radius(@border-radius-base);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
> a,
|
|
||||||
> span {
|
|
||||||
.border-right-radius(@border-radius-base);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> li > a,
|
|
||||||
> li > span {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: @pagination-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .active > a,
|
|
||||||
> .active > span {
|
|
||||||
&,
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
z-index: 2;
|
|
||||||
color: @pagination-active-color;
|
|
||||||
background-color: @pagination-active-bg;
|
|
||||||
border-color: @pagination-active-bg;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .disabled {
|
|
||||||
> span,
|
|
||||||
> span:hover,
|
|
||||||
> span:focus,
|
|
||||||
> a,
|
|
||||||
> a:hover,
|
|
||||||
> a:focus {
|
|
||||||
color: @pagination-disabled-color;
|
|
||||||
background-color: @pagination-bg;
|
|
||||||
border-color: @pagination-border;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sizing
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Large
|
|
||||||
.pagination-lg {
|
|
||||||
.pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Small
|
|
||||||
.pagination-sm {
|
|
||||||
.pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
|
|
||||||
}
|
|
@ -1,172 +0,0 @@
|
|||||||
//
|
|
||||||
// Panels
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base class
|
|
||||||
.panel {
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
background-color: @panel-bg;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: @panel-border-radius;
|
|
||||||
.box-shadow(0 1px 1px rgba(0,0,0,.05));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Panel contents
|
|
||||||
.panel-body {
|
|
||||||
padding: 15px;
|
|
||||||
.clearfix();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// List groups in panels
|
|
||||||
//
|
|
||||||
// By default, space out list group content from panel headings to account for
|
|
||||||
// any kind of custom content between the two.
|
|
||||||
|
|
||||||
.panel {
|
|
||||||
> .list-group {
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
.list-group-item {
|
|
||||||
border-width: 1px 0;
|
|
||||||
|
|
||||||
// Remove border radius for top one
|
|
||||||
&:first-child {
|
|
||||||
.border-top-radius(0);
|
|
||||||
}
|
|
||||||
// But keep it for the last one
|
|
||||||
&:last-child {
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Collapse space between when there's no additional content.
|
|
||||||
.panel-heading + .list-group {
|
|
||||||
.list-group-item:first-child {
|
|
||||||
border-top-width: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Tables in panels
|
|
||||||
//
|
|
||||||
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
|
|
||||||
// watch it go full width.
|
|
||||||
|
|
||||||
.panel {
|
|
||||||
> .table,
|
|
||||||
> .table-responsive {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
> .panel-body + .table,
|
|
||||||
> .panel-body + .table-responsive {
|
|
||||||
border-top: 1px solid @table-border-color;
|
|
||||||
}
|
|
||||||
> .table-bordered,
|
|
||||||
> .table-responsive > .table-bordered {
|
|
||||||
border: 0;
|
|
||||||
> thead,
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr {
|
|
||||||
> th:first-child,
|
|
||||||
> td:first-child {
|
|
||||||
border-left: 0;
|
|
||||||
}
|
|
||||||
> th:last-child,
|
|
||||||
> td:last-child {
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child > th,
|
|
||||||
&:last-child > td {
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Optional heading
|
|
||||||
.panel-heading {
|
|
||||||
padding: 10px 15px;
|
|
||||||
border-bottom: 1px solid transparent;
|
|
||||||
.border-top-radius(@panel-border-radius - 1);
|
|
||||||
|
|
||||||
> .dropdown .dropdown-toggle {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Within heading, strip any `h*` tag of it's default margins for spacing.
|
|
||||||
.panel-title {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
font-size: ceil((@font-size-base * 1.125));
|
|
||||||
> a {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional footer (stays gray in every modifier class)
|
|
||||||
.panel-footer {
|
|
||||||
padding: 10px 15px;
|
|
||||||
background-color: @panel-footer-bg;
|
|
||||||
border-top: 1px solid @panel-inner-border;
|
|
||||||
.border-bottom-radius(@panel-border-radius - 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Collapsable panels (aka, accordion)
|
|
||||||
//
|
|
||||||
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
|
|
||||||
// the help of our collapse JavaScript plugin.
|
|
||||||
|
|
||||||
.panel-group {
|
|
||||||
// Tighten up margin so it's only between panels
|
|
||||||
.panel {
|
|
||||||
margin-bottom: 0;
|
|
||||||
border-radius: @panel-border-radius;
|
|
||||||
overflow: hidden; // crop contents when collapsed
|
|
||||||
+ .panel {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-heading {
|
|
||||||
border-bottom: 0;
|
|
||||||
+ .panel-collapse .panel-body {
|
|
||||||
border-top: 1px solid @panel-inner-border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.panel-footer {
|
|
||||||
border-top: 0;
|
|
||||||
+ .panel-collapse .panel-body {
|
|
||||||
border-bottom: 1px solid @panel-inner-border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Contextual variations
|
|
||||||
.panel-default {
|
|
||||||
.panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
|
|
||||||
}
|
|
||||||
.panel-primary {
|
|
||||||
.panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
|
|
||||||
}
|
|
||||||
.panel-success {
|
|
||||||
.panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
|
|
||||||
}
|
|
||||||
.panel-warning {
|
|
||||||
.panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
|
|
||||||
}
|
|
||||||
.panel-danger {
|
|
||||||
.panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
|
|
||||||
}
|
|
||||||
.panel-info {
|
|
||||||
.panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
|
|
||||||
}
|
|
@ -1,133 +0,0 @@
|
|||||||
//
|
|
||||||
// Popovers
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
.popover {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: @zindex-popover;
|
|
||||||
display: none;
|
|
||||||
max-width: @popover-max-width;
|
|
||||||
padding: 1px;
|
|
||||||
text-align: left; // Reset given new insertion method
|
|
||||||
background-color: @popover-bg;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: 1px solid @popover-fallback-border-color;
|
|
||||||
border: 1px solid @popover-border-color;
|
|
||||||
border-radius: @border-radius-large;
|
|
||||||
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
|
||||||
|
|
||||||
// Overrides for proper insertion
|
|
||||||
white-space: normal;
|
|
||||||
|
|
||||||
// Offset the popover to account for the popover arrow
|
|
||||||
&.top { margin-top: -10px; }
|
|
||||||
&.right { margin-left: 10px; }
|
|
||||||
&.bottom { margin-top: 10px; }
|
|
||||||
&.left { margin-left: -10px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-title {
|
|
||||||
margin: 0; // reset heading margin
|
|
||||||
padding: 8px 14px;
|
|
||||||
font-size: @font-size-base;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 18px;
|
|
||||||
background-color: @popover-title-bg;
|
|
||||||
border-bottom: 1px solid darken(@popover-title-bg, 5%);
|
|
||||||
border-radius: 5px 5px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-content {
|
|
||||||
padding: 9px 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Arrows
|
|
||||||
//
|
|
||||||
// .arrow is outer, .arrow:after is inner
|
|
||||||
|
|
||||||
.popover .arrow {
|
|
||||||
&,
|
|
||||||
&:after {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.popover .arrow {
|
|
||||||
border-width: @popover-arrow-outer-width;
|
|
||||||
}
|
|
||||||
.popover .arrow:after {
|
|
||||||
border-width: @popover-arrow-width;
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover {
|
|
||||||
&.top .arrow {
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -@popover-arrow-outer-width;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
||||||
border-top-color: @popover-arrow-outer-color;
|
|
||||||
bottom: -@popover-arrow-outer-width;
|
|
||||||
&:after {
|
|
||||||
content: " ";
|
|
||||||
bottom: 1px;
|
|
||||||
margin-left: -@popover-arrow-width;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-top-color: @popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.right .arrow {
|
|
||||||
top: 50%;
|
|
||||||
left: -@popover-arrow-outer-width;
|
|
||||||
margin-top: -@popover-arrow-outer-width;
|
|
||||||
border-left-width: 0;
|
|
||||||
border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
||||||
border-right-color: @popover-arrow-outer-color;
|
|
||||||
&:after {
|
|
||||||
content: " ";
|
|
||||||
left: 1px;
|
|
||||||
bottom: -@popover-arrow-width;
|
|
||||||
border-left-width: 0;
|
|
||||||
border-right-color: @popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.bottom .arrow {
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -@popover-arrow-outer-width;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
||||||
border-bottom-color: @popover-arrow-outer-color;
|
|
||||||
top: -@popover-arrow-outer-width;
|
|
||||||
&:after {
|
|
||||||
content: " ";
|
|
||||||
top: 1px;
|
|
||||||
margin-left: -@popover-arrow-width;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-color: @popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.left .arrow {
|
|
||||||
top: 50%;
|
|
||||||
right: -@popover-arrow-outer-width;
|
|
||||||
margin-top: -@popover-arrow-outer-width;
|
|
||||||
border-right-width: 0;
|
|
||||||
border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
||||||
border-left-color: @popover-arrow-outer-color;
|
|
||||||
&:after {
|
|
||||||
content: " ";
|
|
||||||
right: 1px;
|
|
||||||
border-right-width: 0;
|
|
||||||
border-left-color: @popover-arrow-color;
|
|
||||||
bottom: -@popover-arrow-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,105 +0,0 @@
|
|||||||
//
|
|
||||||
// Basic print styles
|
|
||||||
// --------------------------------------------------
|
|
||||||
// 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
|
|
||||||
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: 2cm .5cm;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
orphans: 3;
|
|
||||||
widows: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
page-break-after: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
|
|
||||||
// Once fixed, we can just straight up remove this.
|
|
||||||
select {
|
|
||||||
background: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap components
|
|
||||||
.navbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.table {
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
background-color: #fff !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn,
|
|
||||||
.dropup > .btn {
|
|
||||||
> .caret {
|
|
||||||
border-top-color: #000 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.label {
|
|
||||||
border: 1px solid #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table {
|
|
||||||
border-collapse: collapse !important;
|
|
||||||
}
|
|
||||||
.table-bordered {
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
border: 1px solid #ddd !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,92 +0,0 @@
|
|||||||
//
|
|
||||||
// Progress bars
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Bar animations
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// WebKit
|
|
||||||
@-webkit-keyframes progress-bar-stripes {
|
|
||||||
from { background-position: 40px 0; }
|
|
||||||
to { background-position: 0 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Firefox
|
|
||||||
@-moz-keyframes progress-bar-stripes {
|
|
||||||
from { background-position: 40px 0; }
|
|
||||||
to { background-position: 0 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Opera
|
|
||||||
@-o-keyframes progress-bar-stripes {
|
|
||||||
from { background-position: 0 0; }
|
|
||||||
to { background-position: 40px 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Spec and IE10+
|
|
||||||
@keyframes progress-bar-stripes {
|
|
||||||
from { background-position: 40px 0; }
|
|
||||||
to { background-position: 0 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Bar itself
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Outer container
|
|
||||||
.progress {
|
|
||||||
overflow: hidden;
|
|
||||||
height: @line-height-computed;
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
background-color: @progress-bg;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bar of progress
|
|
||||||
.progress-bar {
|
|
||||||
float: left;
|
|
||||||
width: 0%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: @font-size-small;
|
|
||||||
line-height: @line-height-computed;
|
|
||||||
color: @progress-bar-color;
|
|
||||||
text-align: center;
|
|
||||||
background-color: @progress-bar-bg;
|
|
||||||
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
|
||||||
.transition(width .6s ease);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Striped bars
|
|
||||||
.progress-striped .progress-bar {
|
|
||||||
#gradient > .striped();
|
|
||||||
background-size: 40px 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Call animation for the active one
|
|
||||||
.progress.active .progress-bar {
|
|
||||||
.animation(progress-bar-stripes 2s linear infinite);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Variations
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.progress-bar-success {
|
|
||||||
.progress-bar-variant(@progress-bar-success-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-info {
|
|
||||||
.progress-bar-variant(@progress-bar-info-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-warning {
|
|
||||||
.progress-bar-variant(@progress-bar-warning-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-danger {
|
|
||||||
.progress-bar-variant(@progress-bar-danger-bg);
|
|
||||||
}
|
|
@ -1,209 +0,0 @@
|
|||||||
//
|
|
||||||
// Responsive: Utility classes
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// IE10 in Windows (Phone) 8
|
|
||||||
//
|
|
||||||
// Support for responsive views via media queries is kind of borked in IE10, for
|
|
||||||
// Surface/desktop in split view and for Windows Phone 8. This particular fix
|
|
||||||
// must be accompanied by a snippet of JavaScript to sniff the user agent and
|
|
||||||
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
|
|
||||||
// our Getting Started page for more information on this bug.
|
|
||||||
//
|
|
||||||
// For more information, see the following:
|
|
||||||
//
|
|
||||||
// Issue: https://github.com/twbs/bootstrap/issues/10497
|
|
||||||
// Docs: http://getbootstrap.com/getting-started/#browsers
|
|
||||||
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
|
||||||
|
|
||||||
@-ms-viewport {
|
|
||||||
width: device-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Visibility utilities
|
|
||||||
|
|
||||||
.visible-xs {
|
|
||||||
.responsive-invisibility();
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
&.visible-sm {
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.visible-md {
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.visible-lg {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.visible-sm {
|
|
||||||
.responsive-invisibility();
|
|
||||||
&.visible-xs {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
&.visible-md {
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.visible-lg {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.visible-md {
|
|
||||||
.responsive-invisibility();
|
|
||||||
&.visible-xs {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.visible-sm {
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
&.visible-lg {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.visible-lg {
|
|
||||||
.responsive-invisibility();
|
|
||||||
&.visible-xs {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.visible-sm {
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.visible-md {
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden-xs {
|
|
||||||
.responsive-visibility();
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
&.hidden-sm {
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hidden-md {
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hidden-lg {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hidden-sm {
|
|
||||||
.responsive-visibility();
|
|
||||||
&.hidden-xs {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
&.hidden-md {
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hidden-lg {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hidden-md {
|
|
||||||
.responsive-visibility();
|
|
||||||
&.hidden-xs {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hidden-sm {
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
&.hidden-lg {
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hidden-lg {
|
|
||||||
.responsive-visibility();
|
|
||||||
&.hidden-xs {
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hidden-sm {
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hidden-md {
|
|
||||||
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Print utilities
|
|
||||||
.visible-print {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
.visible-print {
|
|
||||||
.responsive-visibility();
|
|
||||||
}
|
|
||||||
.hidden-print {
|
|
||||||
.responsive-invisibility();
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,119 +0,0 @@
|
|||||||
//
|
|
||||||
// Scaffolding
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Reset the box-sizing
|
|
||||||
|
|
||||||
*,
|
|
||||||
*:before,
|
|
||||||
*:after {
|
|
||||||
.box-sizing(border-box);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Body reset
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-size: 62.5%;
|
|
||||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: @font-family-base;
|
|
||||||
font-size: @font-size-base;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
color: @text-color;
|
|
||||||
background-color: @body-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset fonts for relevant elements
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Links
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: @link-color;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: @link-hover-color;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
.tab-focus();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Images
|
|
||||||
|
|
||||||
img {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Responsive images (ensure images don't scale beyond their parents)
|
|
||||||
.img-responsive {
|
|
||||||
.img-responsive();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Rounded corners
|
|
||||||
.img-rounded {
|
|
||||||
border-radius: @border-radius-large;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Image thumbnails
|
|
||||||
//
|
|
||||||
// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
|
|
||||||
.img-thumbnail {
|
|
||||||
padding: @thumbnail-padding;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
background-color: @thumbnail-bg;
|
|
||||||
border: 1px solid @thumbnail-border;
|
|
||||||
border-radius: @thumbnail-border-radius;
|
|
||||||
.transition(all .2s ease-in-out);
|
|
||||||
|
|
||||||
// Keep them at most 100% wide
|
|
||||||
.img-responsive(inline-block);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Perfect circle
|
|
||||||
.img-circle {
|
|
||||||
border-radius: 50%; // set radius in percents
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Horizontal rules
|
|
||||||
|
|
||||||
hr {
|
|
||||||
margin-top: @line-height-computed;
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
border: 0;
|
|
||||||
border-top: 1px solid @hr-border;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Only display content to screen readers
|
|
||||||
//
|
|
||||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
|
||||||
|
|
||||||
.sr-only {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
margin: -1px;
|
|
||||||
padding: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(0,0,0,0);
|
|
||||||
border: 0;
|
|
||||||
}
|
|
@ -1,125 +0,0 @@
|
|||||||
@import "fonts";
|
|
||||||
@import "colors";
|
|
||||||
@import "variables.less";
|
|
||||||
@import "mixins";
|
|
||||||
|
|
||||||
@spacer: 10px;
|
|
||||||
@highlight: #45B29D;
|
|
||||||
@grey: #444;
|
|
||||||
@lightgrey: #999;
|
|
||||||
|
|
||||||
body{
|
|
||||||
background: #f2f2f2;
|
|
||||||
|
|
||||||
h2{
|
|
||||||
font-weight: normal;
|
|
||||||
color: #444
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigation{
|
|
||||||
.nav-head{
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: @lightgrey;
|
|
||||||
margin: @spacer*2 0;
|
|
||||||
&:nth-child(1n+2){
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
padding-top: @spacer*2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li{
|
|
||||||
a{
|
|
||||||
color: @grey;
|
|
||||||
text-decoration: none;
|
|
||||||
display: block;
|
|
||||||
padding: @spacer;
|
|
||||||
&:hover{
|
|
||||||
background: fade(@lightgrey, 40%);
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
span{
|
|
||||||
margin-right: @spacer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.create-shelf{
|
|
||||||
margin: @spacer*3 0;
|
|
||||||
font-size: 12px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
a{
|
|
||||||
color: #fff;
|
|
||||||
background: @highlight;
|
|
||||||
padding: @spacer @spacer*2;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-fluid{
|
|
||||||
img{
|
|
||||||
.img-responsive();
|
|
||||||
}
|
|
||||||
|
|
||||||
.discover{
|
|
||||||
margin-bottom: @spacer*5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-books{
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
|
|
||||||
h2{
|
|
||||||
margin: @spacer*5 0 0 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.book{
|
|
||||||
margin-top: @spacer*2;
|
|
||||||
.cover{
|
|
||||||
height: 250px;
|
|
||||||
position: relative;
|
|
||||||
img {
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-sizeing: border-box;
|
|
||||||
max-height: 250px;
|
|
||||||
bottom: 0;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.meta{
|
|
||||||
margin-top: @spacer;
|
|
||||||
|
|
||||||
p{
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
.title{
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
color: @grey;
|
|
||||||
}
|
|
||||||
.author{
|
|
||||||
font-size: 12px;
|
|
||||||
color: @lightgrey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rating{
|
|
||||||
margin-top: @spacer/2;
|
|
||||||
.glyphicon-star{
|
|
||||||
color: @lightgrey;
|
|
||||||
&.good{
|
|
||||||
color: @highlight;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
@ -1,236 +0,0 @@
|
|||||||
//
|
|
||||||
// Tables
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
table {
|
|
||||||
max-width: 100%;
|
|
||||||
background-color: @table-bg;
|
|
||||||
}
|
|
||||||
th {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Baseline styles
|
|
||||||
|
|
||||||
.table {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
// Cells
|
|
||||||
> thead,
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
padding: @table-cell-padding;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
vertical-align: top;
|
|
||||||
border-top: 1px solid @table-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Bottom align for column headings
|
|
||||||
> thead > tr > th {
|
|
||||||
vertical-align: bottom;
|
|
||||||
border-bottom: 2px solid @table-border-color;
|
|
||||||
}
|
|
||||||
// Remove top border from thead by default
|
|
||||||
> caption + thead,
|
|
||||||
> colgroup + thead,
|
|
||||||
> thead:first-child {
|
|
||||||
> tr:first-child {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Account for multiple tbody instances
|
|
||||||
> tbody + tbody {
|
|
||||||
border-top: 2px solid @table-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Nesting
|
|
||||||
.table {
|
|
||||||
background-color: @body-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Condensed table w/ half padding
|
|
||||||
|
|
||||||
.table-condensed {
|
|
||||||
> thead,
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
padding: @table-condensed-cell-padding;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Bordered version
|
|
||||||
//
|
|
||||||
// Add borders all around the table and between all the columns.
|
|
||||||
|
|
||||||
.table-bordered {
|
|
||||||
border: 1px solid @table-border-color;
|
|
||||||
> thead,
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
border: 1px solid @table-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> thead > tr {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
border-bottom-width: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Zebra-striping
|
|
||||||
//
|
|
||||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
|
||||||
|
|
||||||
.table-striped > tbody > tr:nth-child(odd) {
|
|
||||||
> td,
|
|
||||||
> th {
|
|
||||||
background-color: @table-bg-accent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Hover effect
|
|
||||||
//
|
|
||||||
// Placed here since it has to come after the potential zebra striping
|
|
||||||
|
|
||||||
.table-hover > tbody > tr:hover {
|
|
||||||
> td,
|
|
||||||
> th {
|
|
||||||
background-color: @table-bg-hover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Table cell sizing
|
|
||||||
//
|
|
||||||
// Reset default table behavior
|
|
||||||
|
|
||||||
table col[class*="col-"] {
|
|
||||||
float: none;
|
|
||||||
display: table-column;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
&[class*="col-"] {
|
|
||||||
float: none;
|
|
||||||
display: table-cell;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Table backgrounds
|
|
||||||
//
|
|
||||||
// Exact selectors below required to override `.table-striped` and prevent
|
|
||||||
// inheritance to nested tables.
|
|
||||||
|
|
||||||
.table > thead > tr,
|
|
||||||
.table > tbody > tr,
|
|
||||||
.table > tfoot > tr {
|
|
||||||
> td.active,
|
|
||||||
> th.active,
|
|
||||||
&.active > td,
|
|
||||||
&.active > th {
|
|
||||||
background-color: @table-bg-active;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate the contextual variants
|
|
||||||
.table-row-variant(success; @state-success-bg; @state-success-border);
|
|
||||||
.table-row-variant(danger; @state-danger-bg; @state-danger-border);
|
|
||||||
.table-row-variant(warning; @state-warning-bg; @state-warning-border);
|
|
||||||
|
|
||||||
|
|
||||||
// Responsive tables
|
|
||||||
//
|
|
||||||
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
|
|
||||||
// by enabling horizontal scrolling. Only applies <768px. Everything above that
|
|
||||||
// will display normally.
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
.table-responsive {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: (@line-height-computed * 0.75);
|
|
||||||
overflow-y: hidden;
|
|
||||||
overflow-x: scroll;
|
|
||||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
||||||
border: 1px solid @table-border-color;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
// Tighten up spacing
|
|
||||||
> .table {
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
// Ensure the content doesn't wrap
|
|
||||||
> thead,
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Special overrides for the bordered tables
|
|
||||||
> .table-bordered {
|
|
||||||
border: 0;
|
|
||||||
|
|
||||||
// Nuke the appropriate borders so that the parent can handle them
|
|
||||||
> thead,
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr {
|
|
||||||
> th:first-child,
|
|
||||||
> td:first-child {
|
|
||||||
border-left: 0;
|
|
||||||
}
|
|
||||||
> th:last-child,
|
|
||||||
> td:last-child {
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Only nuke the last row's bottom-border in `tbody` and `tfoot` since
|
|
||||||
// chances are there will be only one `tr` in a `thead` and that would
|
|
||||||
// remove the border altogether.
|
|
||||||
> tbody,
|
|
||||||
> tfoot {
|
|
||||||
> tr:last-child {
|
|
||||||
> th,
|
|
||||||
> td {
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,247 +0,0 @@
|
|||||||
|
|
||||||
//
|
|
||||||
// Load core variables and mixins
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
@import "variables.less";
|
|
||||||
@import "mixins.less";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Buttons
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Common styles
|
|
||||||
.btn-default,
|
|
||||||
.btn-primary,
|
|
||||||
.btn-success,
|
|
||||||
.btn-info,
|
|
||||||
.btn-warning,
|
|
||||||
.btn-danger {
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
|
||||||
@shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
|
|
||||||
// Reset the shadow
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Mixin for generating new styles
|
|
||||||
.btn-styles(@btn-color: #555) {
|
|
||||||
#gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
|
|
||||||
.reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: darken(@btn-color, 14%);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background-color: darken(@btn-color, 12%);
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
background-color: darken(@btn-color, 12%);
|
|
||||||
border-color: darken(@btn-color, 14%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Common styles
|
|
||||||
.btn {
|
|
||||||
// Remove the gradient for the pressed/active state
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply the mixin to the buttons
|
|
||||||
.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
|
|
||||||
.btn-primary { .btn-styles(@btn-primary-bg); }
|
|
||||||
.btn-success { .btn-styles(@btn-success-bg); }
|
|
||||||
.btn-warning { .btn-styles(@btn-warning-bg); }
|
|
||||||
.btn-danger { .btn-styles(@btn-danger-bg); }
|
|
||||||
.btn-info { .btn-styles(@btn-info-bg); }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Images
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.thumbnail,
|
|
||||||
.img-thumbnail {
|
|
||||||
.box-shadow(0 1px 2px rgba(0,0,0,.075));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Dropdowns
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.dropdown-menu > li > a:hover,
|
|
||||||
.dropdown-menu > li > a:focus {
|
|
||||||
#gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
|
|
||||||
background-color: darken(@dropdown-link-hover-bg, 5%);
|
|
||||||
}
|
|
||||||
.dropdown-menu > .active > a,
|
|
||||||
.dropdown-menu > .active > a:hover,
|
|
||||||
.dropdown-menu > .active > a:focus {
|
|
||||||
#gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
|
|
||||||
background-color: darken(@dropdown-link-active-bg, 5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Navbar
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Default navbar
|
|
||||||
.navbar-default {
|
|
||||||
#gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
|
|
||||||
.reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
|
|
||||||
border-radius: @navbar-border-radius;
|
|
||||||
@shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
|
|
||||||
.navbar-nav > .active > a {
|
|
||||||
#gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));
|
|
||||||
.box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.navbar-brand,
|
|
||||||
.navbar-nav > li > a {
|
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255,.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inverted navbar
|
|
||||||
.navbar-inverse {
|
|
||||||
#gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
|
|
||||||
.reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
|
|
||||||
|
|
||||||
.navbar-nav > .active > a {
|
|
||||||
#gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));
|
|
||||||
.box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand,
|
|
||||||
.navbar-nav > li > a {
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Undo rounded corners in static and fixed navbars
|
|
||||||
.navbar-static-top,
|
|
||||||
.navbar-fixed-top,
|
|
||||||
.navbar-fixed-bottom {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Alerts
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Common styles
|
|
||||||
.alert {
|
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255,.2);
|
|
||||||
@shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Mixin for generating new styles
|
|
||||||
.alert-styles(@color) {
|
|
||||||
#gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
|
|
||||||
border-color: darken(@color, 15%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply the mixin to the alerts
|
|
||||||
.alert-success { .alert-styles(@alert-success-bg); }
|
|
||||||
.alert-info { .alert-styles(@alert-info-bg); }
|
|
||||||
.alert-warning { .alert-styles(@alert-warning-bg); }
|
|
||||||
.alert-danger { .alert-styles(@alert-danger-bg); }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Progress bars
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Give the progress background some depth
|
|
||||||
.progress {
|
|
||||||
#gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Mixin for generating new styles
|
|
||||||
.progress-bar-styles(@color) {
|
|
||||||
#gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply the mixin to the progress bars
|
|
||||||
.progress-bar { .progress-bar-styles(@progress-bar-bg); }
|
|
||||||
.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
|
|
||||||
.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
|
|
||||||
.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
|
|
||||||
.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// List groups
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.list-group {
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
.box-shadow(0 1px 2px rgba(0,0,0,.075));
|
|
||||||
}
|
|
||||||
.list-group-item.active,
|
|
||||||
.list-group-item.active:hover,
|
|
||||||
.list-group-item.active:focus {
|
|
||||||
text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
|
|
||||||
#gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
|
|
||||||
border-color: darken(@list-group-active-border, 7.5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Panels
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Common styles
|
|
||||||
.panel {
|
|
||||||
.box-shadow(0 1px 2px rgba(0,0,0,.05));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Mixin for generating new styles
|
|
||||||
.panel-heading-styles(@color) {
|
|
||||||
#gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply the mixin to the panel headings only
|
|
||||||
.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
|
|
||||||
.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
|
|
||||||
.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
|
|
||||||
.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
|
|
||||||
.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
|
|
||||||
.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Wells
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.well {
|
|
||||||
#gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
|
|
||||||
border-color: darken(@well-bg, 10%);
|
|
||||||
@shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
}
|
|
@ -1,30 +0,0 @@
|
|||||||
//
|
|
||||||
// Thumbnails
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Mixin and adjust the regular image class
|
|
||||||
.thumbnail {
|
|
||||||
.img-thumbnail();
|
|
||||||
display: block; // Override the inline-block from `.img-thumbnail`
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
|
|
||||||
> img {
|
|
||||||
.img-responsive();
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add a hover state for linked versions only
|
|
||||||
a&:hover,
|
|
||||||
a&:focus,
|
|
||||||
a&.active {
|
|
||||||
border-color: @link-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Image captions
|
|
||||||
.caption {
|
|
||||||
padding: @thumbnail-caption-padding;
|
|
||||||
color: @thumbnail-caption-color;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,95 +0,0 @@
|
|||||||
//
|
|
||||||
// Tooltips
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base class
|
|
||||||
.tooltip {
|
|
||||||
position: absolute;
|
|
||||||
z-index: @zindex-tooltip;
|
|
||||||
display: block;
|
|
||||||
visibility: visible;
|
|
||||||
font-size: @font-size-small;
|
|
||||||
line-height: 1.4;
|
|
||||||
.opacity(0);
|
|
||||||
|
|
||||||
&.in { .opacity(.9); }
|
|
||||||
&.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
|
|
||||||
&.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
|
|
||||||
&.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
|
|
||||||
&.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Wrapper for the tooltip content
|
|
||||||
.tooltip-inner {
|
|
||||||
max-width: @tooltip-max-width;
|
|
||||||
padding: 3px 8px;
|
|
||||||
color: @tooltip-color;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: @tooltip-bg;
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Arrows
|
|
||||||
.tooltip-arrow {
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
.tooltip {
|
|
||||||
&.top .tooltip-arrow {
|
|
||||||
bottom: 0;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -@tooltip-arrow-width;
|
|
||||||
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
|
|
||||||
border-top-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.top-left .tooltip-arrow {
|
|
||||||
bottom: 0;
|
|
||||||
left: @tooltip-arrow-width;
|
|
||||||
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
|
|
||||||
border-top-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.top-right .tooltip-arrow {
|
|
||||||
bottom: 0;
|
|
||||||
right: @tooltip-arrow-width;
|
|
||||||
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
|
|
||||||
border-top-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.right .tooltip-arrow {
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
margin-top: -@tooltip-arrow-width;
|
|
||||||
border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
|
|
||||||
border-right-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.left .tooltip-arrow {
|
|
||||||
top: 50%;
|
|
||||||
right: 0;
|
|
||||||
margin-top: -@tooltip-arrow-width;
|
|
||||||
border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
|
|
||||||
border-left-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.bottom .tooltip-arrow {
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -@tooltip-arrow-width;
|
|
||||||
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
|
|
||||||
border-bottom-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.bottom-left .tooltip-arrow {
|
|
||||||
top: 0;
|
|
||||||
left: @tooltip-arrow-width;
|
|
||||||
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
|
|
||||||
border-bottom-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
&.bottom-right .tooltip-arrow {
|
|
||||||
top: 0;
|
|
||||||
right: @tooltip-arrow-width;
|
|
||||||
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
|
|
||||||
border-bottom-color: @tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,279 +0,0 @@
|
|||||||
//
|
|
||||||
// Typography
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Body text
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0 0 (@line-height-computed / 2);
|
|
||||||
}
|
|
||||||
.lead {
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
font-size: floor(@font-size-base * 1.15);
|
|
||||||
font-weight: 200;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
font-size: (@font-size-base * 1.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Emphasis & misc
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Ex: 14px base font * 85% = about 12px
|
|
||||||
small,
|
|
||||||
.small { font-size: 85%; }
|
|
||||||
|
|
||||||
// Undo browser default styling
|
|
||||||
cite { font-style: normal; }
|
|
||||||
|
|
||||||
// Contextual emphasis
|
|
||||||
.text-muted {
|
|
||||||
color: @text-muted;
|
|
||||||
}
|
|
||||||
.text-primary {
|
|
||||||
color: @brand-primary;
|
|
||||||
&:hover {
|
|
||||||
color: darken(@brand-primary, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-warning {
|
|
||||||
color: @state-warning-text;
|
|
||||||
&:hover {
|
|
||||||
color: darken(@state-warning-text, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-danger {
|
|
||||||
color: @state-danger-text;
|
|
||||||
&:hover {
|
|
||||||
color: darken(@state-danger-text, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-success {
|
|
||||||
color: @state-success-text;
|
|
||||||
&:hover {
|
|
||||||
color: darken(@state-success-text, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-info {
|
|
||||||
color: @state-info-text;
|
|
||||||
&:hover {
|
|
||||||
color: darken(@state-info-text, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Alignment
|
|
||||||
.text-left { text-align: left; }
|
|
||||||
.text-right { text-align: right; }
|
|
||||||
.text-center { text-align: center; }
|
|
||||||
|
|
||||||
|
|
||||||
// Headings
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
|
||||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
|
||||||
font-family: @headings-font-family;
|
|
||||||
font-weight: @headings-font-weight;
|
|
||||||
line-height: @headings-line-height;
|
|
||||||
color: @headings-color;
|
|
||||||
|
|
||||||
small,
|
|
||||||
.small {
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1;
|
|
||||||
color: @headings-small-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
margin-top: @line-height-computed;
|
|
||||||
margin-bottom: (@line-height-computed / 2);
|
|
||||||
|
|
||||||
small,
|
|
||||||
.small {
|
|
||||||
font-size: 65%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-top: (@line-height-computed / 2);
|
|
||||||
margin-bottom: (@line-height-computed / 2);
|
|
||||||
|
|
||||||
small,
|
|
||||||
.small {
|
|
||||||
font-size: 75%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, .h1 { font-size: @font-size-h1; }
|
|
||||||
h2, .h2 { font-size: @font-size-h2; }
|
|
||||||
h3, .h3 { font-size: @font-size-h3; }
|
|
||||||
h4, .h4 { font-size: @font-size-h4; }
|
|
||||||
h5, .h5 { font-size: @font-size-h5; }
|
|
||||||
h6, .h6 { font-size: @font-size-h6; }
|
|
||||||
|
|
||||||
|
|
||||||
// Page header
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
padding-bottom: ((@line-height-computed / 2) - 1);
|
|
||||||
margin: (@line-height-computed * 2) 0 @line-height-computed;
|
|
||||||
border-bottom: 1px solid @page-header-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Lists
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Unordered and Ordered lists
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: (@line-height-computed / 2);
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// List options
|
|
||||||
|
|
||||||
// Unstyled keeps list items block level, just removes default browser padding and list-style
|
|
||||||
.list-unstyled {
|
|
||||||
padding-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline turns list items into inline-block
|
|
||||||
.list-inline {
|
|
||||||
.list-unstyled();
|
|
||||||
|
|
||||||
> li {
|
|
||||||
display: inline-block;
|
|
||||||
padding-left: 5px;
|
|
||||||
padding-right: 5px;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Description Lists
|
|
||||||
dl {
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
}
|
|
||||||
dt,
|
|
||||||
dd {
|
|
||||||
line-height: @line-height-base;
|
|
||||||
}
|
|
||||||
dt {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
dd {
|
|
||||||
margin-left: 0; // Undo browser default
|
|
||||||
}
|
|
||||||
|
|
||||||
// Horizontal description lists
|
|
||||||
//
|
|
||||||
// Defaults to being stacked without any of the below styles applied, until the
|
|
||||||
// grid breakpoint is reached (default of ~768px).
|
|
||||||
|
|
||||||
@media (min-width: @grid-float-breakpoint) {
|
|
||||||
.dl-horizontal {
|
|
||||||
dt {
|
|
||||||
float: left;
|
|
||||||
width: (@component-offset-horizontal - 20);
|
|
||||||
clear: left;
|
|
||||||
text-align: right;
|
|
||||||
.text-overflow();
|
|
||||||
}
|
|
||||||
dd {
|
|
||||||
margin-left: @component-offset-horizontal;
|
|
||||||
.clearfix(); // Clear the floated `dt` if an empty `dd` is present
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MISC
|
|
||||||
// ----
|
|
||||||
|
|
||||||
// Abbreviations and acronyms
|
|
||||||
abbr[title],
|
|
||||||
// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
|
|
||||||
abbr[data-original-title] {
|
|
||||||
cursor: help;
|
|
||||||
border-bottom: 1px dotted @abbr-border-color;
|
|
||||||
}
|
|
||||||
abbr.initialism {
|
|
||||||
font-size: 90%;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blockquotes
|
|
||||||
blockquote {
|
|
||||||
padding: (@line-height-computed / 2) @line-height-computed;
|
|
||||||
margin: 0 0 @line-height-computed;
|
|
||||||
border-left: 5px solid @blockquote-border-color;
|
|
||||||
p {
|
|
||||||
font-size: (@font-size-base * 1.25);
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 1.25;
|
|
||||||
}
|
|
||||||
p:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
small {
|
|
||||||
display: block;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
color: @blockquote-small-color;
|
|
||||||
&:before {
|
|
||||||
content: '\2014 \00A0'; // EM DASH, NBSP
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Float right with text-align: right
|
|
||||||
&.pull-right {
|
|
||||||
padding-right: 15px;
|
|
||||||
padding-left: 0;
|
|
||||||
border-right: 5px solid @blockquote-border-color;
|
|
||||||
border-left: 0;
|
|
||||||
p,
|
|
||||||
small,
|
|
||||||
.small {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
small,
|
|
||||||
.small {
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
content: '\00A0 \2014'; // NBSP, EM DASH
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Quotes
|
|
||||||
blockquote:before,
|
|
||||||
blockquote:after {
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Addresses
|
|
||||||
address {
|
|
||||||
margin-bottom: @line-height-computed;
|
|
||||||
font-style: normal;
|
|
||||||
line-height: @line-height-base;
|
|
||||||
}
|
|
@ -1,56 +0,0 @@
|
|||||||
//
|
|
||||||
// Utility classes
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Floats
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
.clearfix();
|
|
||||||
}
|
|
||||||
.center-block {
|
|
||||||
.center-block();
|
|
||||||
}
|
|
||||||
.pull-right {
|
|
||||||
float: right !important;
|
|
||||||
}
|
|
||||||
.pull-left {
|
|
||||||
float: left !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Toggling content
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
|
|
||||||
.hide {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.show {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.invisible {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.text-hide {
|
|
||||||
.text-hide();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Hide from screenreaders and browsers
|
|
||||||
//
|
|
||||||
// Credit: HTML5 Boilerplate
|
|
||||||
|
|
||||||
.hidden {
|
|
||||||
display: none !important;
|
|
||||||
visibility: hidden !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// For Affix plugin
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.affix {
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
@ -1,637 +0,0 @@
|
|||||||
//
|
|
||||||
// Variables
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Global values
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Grays
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@gray-darker: lighten(#000, 13.5%); // #222
|
|
||||||
@gray-dark: lighten(#000, 20%); // #333
|
|
||||||
@gray: lighten(#000, 33.5%); // #555
|
|
||||||
@gray-light: lighten(#000, 60%); // #999
|
|
||||||
@gray-lighter: lighten(#000, 93.5%); // #eee
|
|
||||||
|
|
||||||
// Brand colors
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@brand-primary: #428bca;
|
|
||||||
@brand-success: #5cb85c;
|
|
||||||
@brand-warning: #f0ad4e;
|
|
||||||
@brand-danger: #d9534f;
|
|
||||||
@brand-info: #5bc0de;
|
|
||||||
|
|
||||||
// Scaffolding
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@body-bg: #fff;
|
|
||||||
@text-color: @gray-dark;
|
|
||||||
|
|
||||||
// Links
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@link-color: @brand-primary;
|
|
||||||
@link-hover-color: darken(@link-color, 15%);
|
|
||||||
|
|
||||||
// Typography
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
|
||||||
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
||||||
@font-family-base: @font-family-sans-serif;
|
|
||||||
|
|
||||||
@font-size-base: 14px;
|
|
||||||
@font-size-large: ceil(@font-size-base * 1.25); // ~18px
|
|
||||||
@font-size-small: ceil(@font-size-base * 0.85); // ~12px
|
|
||||||
|
|
||||||
@font-size-h1: floor(@font-size-base * 2.6); // ~36px
|
|
||||||
@font-size-h2: floor(@font-size-base * 2.15); // ~30px
|
|
||||||
@font-size-h3: ceil(@font-size-base * 1.7); // ~24px
|
|
||||||
@font-size-h4: ceil(@font-size-base * 1.25); // ~18px
|
|
||||||
@font-size-h5: @font-size-base;
|
|
||||||
@font-size-h6: ceil(@font-size-base * 0.85); // ~12px
|
|
||||||
|
|
||||||
@line-height-base: 1.428571429; // 20/14
|
|
||||||
@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
|
|
||||||
|
|
||||||
@headings-font-family: @font-family-base;
|
|
||||||
@headings-font-weight: 500;
|
|
||||||
@headings-line-height: 1.1;
|
|
||||||
@headings-color: inherit;
|
|
||||||
|
|
||||||
|
|
||||||
// Iconography
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@icon-font-path: "../fonts/";
|
|
||||||
@icon-font-name: "glyphicons-halflings-regular";
|
|
||||||
|
|
||||||
|
|
||||||
// Components
|
|
||||||
// -------------------------
|
|
||||||
// Based on 14px font-size and 1.428 line-height (~20px to start)
|
|
||||||
|
|
||||||
@padding-base-vertical: 6px;
|
|
||||||
@padding-base-horizontal: 12px;
|
|
||||||
|
|
||||||
@padding-large-vertical: 10px;
|
|
||||||
@padding-large-horizontal: 16px;
|
|
||||||
|
|
||||||
@padding-small-vertical: 5px;
|
|
||||||
@padding-small-horizontal: 10px;
|
|
||||||
|
|
||||||
@line-height-large: 1.33;
|
|
||||||
@line-height-small: 1.5;
|
|
||||||
|
|
||||||
@border-radius-base: 4px;
|
|
||||||
@border-radius-large: 6px;
|
|
||||||
@border-radius-small: 3px;
|
|
||||||
|
|
||||||
@component-active-color: #fff;
|
|
||||||
@component-active-bg: @brand-primary;
|
|
||||||
|
|
||||||
@caret-width-base: 4px;
|
|
||||||
@caret-width-large: 5px;
|
|
||||||
|
|
||||||
// Tables
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@table-cell-padding: 8px;
|
|
||||||
@table-condensed-cell-padding: 5px;
|
|
||||||
|
|
||||||
@table-bg: transparent; // overall background-color
|
|
||||||
@table-bg-accent: #f9f9f9; // for striping
|
|
||||||
@table-bg-hover: #f5f5f5;
|
|
||||||
@table-bg-active: @table-bg-hover;
|
|
||||||
|
|
||||||
@table-border-color: #ddd; // table and cell border
|
|
||||||
|
|
||||||
|
|
||||||
// Buttons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@btn-font-weight: normal;
|
|
||||||
|
|
||||||
@btn-default-color: #333;
|
|
||||||
@btn-default-bg: #fff;
|
|
||||||
@btn-default-border: #ccc;
|
|
||||||
|
|
||||||
@btn-primary-color: #fff;
|
|
||||||
@btn-primary-bg: @brand-primary;
|
|
||||||
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
|
||||||
|
|
||||||
@btn-success-color: #fff;
|
|
||||||
@btn-success-bg: @brand-success;
|
|
||||||
@btn-success-border: darken(@btn-success-bg, 5%);
|
|
||||||
|
|
||||||
@btn-warning-color: #fff;
|
|
||||||
@btn-warning-bg: @brand-warning;
|
|
||||||
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
|
||||||
|
|
||||||
@btn-danger-color: #fff;
|
|
||||||
@btn-danger-bg: @brand-danger;
|
|
||||||
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
|
||||||
|
|
||||||
@btn-info-color: #fff;
|
|
||||||
@btn-info-bg: @brand-info;
|
|
||||||
@btn-info-border: darken(@btn-info-bg, 5%);
|
|
||||||
|
|
||||||
@btn-link-disabled-color: @gray-light;
|
|
||||||
|
|
||||||
|
|
||||||
// Forms
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@input-bg: #fff;
|
|
||||||
@input-bg-disabled: @gray-lighter;
|
|
||||||
|
|
||||||
@input-color: @gray;
|
|
||||||
@input-border: #ccc;
|
|
||||||
@input-border-radius: @border-radius-base;
|
|
||||||
@input-border-focus: #66afe9;
|
|
||||||
|
|
||||||
@input-color-placeholder: @gray-light;
|
|
||||||
|
|
||||||
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
|
||||||
@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
|
|
||||||
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
|
|
||||||
|
|
||||||
@legend-color: @gray-dark;
|
|
||||||
@legend-border-color: #e5e5e5;
|
|
||||||
|
|
||||||
@input-group-addon-bg: @gray-lighter;
|
|
||||||
@input-group-addon-border-color: @input-border;
|
|
||||||
|
|
||||||
|
|
||||||
// Dropdowns
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@dropdown-bg: #fff;
|
|
||||||
@dropdown-border: rgba(0,0,0,.15);
|
|
||||||
@dropdown-fallback-border: #ccc;
|
|
||||||
@dropdown-divider-bg: #e5e5e5;
|
|
||||||
|
|
||||||
@dropdown-link-color: @gray-dark;
|
|
||||||
@dropdown-link-hover-color: darken(@gray-dark, 5%);
|
|
||||||
@dropdown-link-hover-bg: #f5f5f5;
|
|
||||||
|
|
||||||
@dropdown-link-active-color: @component-active-color;
|
|
||||||
@dropdown-link-active-bg: @component-active-bg;
|
|
||||||
|
|
||||||
@dropdown-link-disabled-color: @gray-light;
|
|
||||||
|
|
||||||
@dropdown-header-color: @gray-light;
|
|
||||||
|
|
||||||
@dropdown-caret-color: #000;
|
|
||||||
|
|
||||||
|
|
||||||
// COMPONENT VARIABLES
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Z-index master list
|
|
||||||
// -------------------------
|
|
||||||
// Used for a bird's eye view of components dependent on the z-axis
|
|
||||||
// Try to avoid customizing these :)
|
|
||||||
|
|
||||||
@zindex-navbar: 1000;
|
|
||||||
@zindex-dropdown: 1000;
|
|
||||||
@zindex-popover: 1010;
|
|
||||||
@zindex-tooltip: 1030;
|
|
||||||
@zindex-navbar-fixed: 1030;
|
|
||||||
@zindex-modal-background: 1040;
|
|
||||||
@zindex-modal: 1050;
|
|
||||||
|
|
||||||
// Media queries breakpoints
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Extra small screen / phone
|
|
||||||
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
|
|
||||||
@screen-xs: 480px;
|
|
||||||
@screen-xs-min: @screen-xs;
|
|
||||||
@screen-phone: @screen-xs-min;
|
|
||||||
|
|
||||||
// Small screen / tablet
|
|
||||||
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
|
|
||||||
@screen-sm: 768px;
|
|
||||||
@screen-sm-min: @screen-sm;
|
|
||||||
@screen-tablet: @screen-sm-min;
|
|
||||||
|
|
||||||
// Medium screen / desktop
|
|
||||||
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
|
|
||||||
@screen-md: 992px;
|
|
||||||
@screen-md-min: @screen-md;
|
|
||||||
@screen-desktop: @screen-md-min;
|
|
||||||
|
|
||||||
// Large screen / wide desktop
|
|
||||||
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
|
|
||||||
@screen-lg: 1200px;
|
|
||||||
@screen-lg-min: @screen-lg;
|
|
||||||
@screen-lg-desktop: @screen-lg-min;
|
|
||||||
|
|
||||||
// So media queries don't overlap when required, provide a maximum
|
|
||||||
@screen-xs-max: (@screen-sm-min - 1);
|
|
||||||
@screen-sm-max: (@screen-md-min - 1);
|
|
||||||
@screen-md-max: (@screen-lg-min - 1);
|
|
||||||
|
|
||||||
|
|
||||||
// Grid system
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Number of columns in the grid system
|
|
||||||
@grid-columns: 12;
|
|
||||||
// Padding, to be divided by two and applied to the left and right of all columns
|
|
||||||
@grid-gutter-width: 30px;
|
|
||||||
// Point at which the navbar stops collapsing
|
|
||||||
@grid-float-breakpoint: @screen-sm-min;
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Basics of a navbar
|
|
||||||
@navbar-height: 50px;
|
|
||||||
@navbar-margin-bottom: @line-height-computed;
|
|
||||||
@navbar-border-radius: @border-radius-base;
|
|
||||||
@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
|
|
||||||
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
|
|
||||||
|
|
||||||
@navbar-default-color: #777;
|
|
||||||
@navbar-default-bg: #f8f8f8;
|
|
||||||
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
|
|
||||||
|
|
||||||
// Navbar links
|
|
||||||
@navbar-default-link-color: #777;
|
|
||||||
@navbar-default-link-hover-color: #333;
|
|
||||||
@navbar-default-link-hover-bg: transparent;
|
|
||||||
@navbar-default-link-active-color: #555;
|
|
||||||
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
|
|
||||||
@navbar-default-link-disabled-color: #ccc;
|
|
||||||
@navbar-default-link-disabled-bg: transparent;
|
|
||||||
|
|
||||||
// Navbar brand label
|
|
||||||
@navbar-default-brand-color: @navbar-default-link-color;
|
|
||||||
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
|
|
||||||
@navbar-default-brand-hover-bg: transparent;
|
|
||||||
|
|
||||||
// Navbar toggle
|
|
||||||
@navbar-default-toggle-hover-bg: #ddd;
|
|
||||||
@navbar-default-toggle-icon-bar-bg: #ccc;
|
|
||||||
@navbar-default-toggle-border-color: #ddd;
|
|
||||||
|
|
||||||
|
|
||||||
// Inverted navbar
|
|
||||||
//
|
|
||||||
// Reset inverted navbar basics
|
|
||||||
@navbar-inverse-color: @gray-light;
|
|
||||||
@navbar-inverse-bg: #222;
|
|
||||||
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
|
||||||
|
|
||||||
// Inverted navbar links
|
|
||||||
@navbar-inverse-link-color: @gray-light;
|
|
||||||
@navbar-inverse-link-hover-color: #fff;
|
|
||||||
@navbar-inverse-link-hover-bg: transparent;
|
|
||||||
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
|
||||||
@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
|
|
||||||
@navbar-inverse-link-disabled-color: #444;
|
|
||||||
@navbar-inverse-link-disabled-bg: transparent;
|
|
||||||
|
|
||||||
// Inverted navbar brand label
|
|
||||||
@navbar-inverse-brand-color: @navbar-inverse-link-color;
|
|
||||||
@navbar-inverse-brand-hover-color: #fff;
|
|
||||||
@navbar-inverse-brand-hover-bg: transparent;
|
|
||||||
|
|
||||||
// Inverted navbar toggle
|
|
||||||
@navbar-inverse-toggle-hover-bg: #333;
|
|
||||||
@navbar-inverse-toggle-icon-bar-bg: #fff;
|
|
||||||
@navbar-inverse-toggle-border-color: #333;
|
|
||||||
|
|
||||||
|
|
||||||
// Navs
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@nav-link-padding: 10px 15px;
|
|
||||||
@nav-link-hover-bg: @gray-lighter;
|
|
||||||
|
|
||||||
@nav-disabled-link-color: @gray-light;
|
|
||||||
@nav-disabled-link-hover-color: @gray-light;
|
|
||||||
|
|
||||||
@nav-open-link-hover-color: #fff;
|
|
||||||
@nav-open-caret-border-color: #fff;
|
|
||||||
|
|
||||||
// Tabs
|
|
||||||
@nav-tabs-border-color: #ddd;
|
|
||||||
|
|
||||||
@nav-tabs-link-hover-border-color: @gray-lighter;
|
|
||||||
|
|
||||||
@nav-tabs-active-link-hover-bg: @body-bg;
|
|
||||||
@nav-tabs-active-link-hover-color: @gray;
|
|
||||||
@nav-tabs-active-link-hover-border-color: #ddd;
|
|
||||||
|
|
||||||
@nav-tabs-justified-link-border-color: #ddd;
|
|
||||||
@nav-tabs-justified-active-link-border-color: @body-bg;
|
|
||||||
|
|
||||||
// Pills
|
|
||||||
@nav-pills-border-radius: @border-radius-base;
|
|
||||||
@nav-pills-active-link-hover-bg: @component-active-bg;
|
|
||||||
@nav-pills-active-link-hover-color: @component-active-color;
|
|
||||||
|
|
||||||
|
|
||||||
// Pagination
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@pagination-bg: #fff;
|
|
||||||
@pagination-border: #ddd;
|
|
||||||
|
|
||||||
@pagination-hover-bg: @gray-lighter;
|
|
||||||
|
|
||||||
@pagination-active-bg: @brand-primary;
|
|
||||||
@pagination-active-color: #fff;
|
|
||||||
|
|
||||||
@pagination-disabled-color: @gray-light;
|
|
||||||
|
|
||||||
|
|
||||||
// Pager
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@pager-border-radius: 15px;
|
|
||||||
@pager-disabled-color: @gray-light;
|
|
||||||
|
|
||||||
|
|
||||||
// Jumbotron
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@jumbotron-padding: 30px;
|
|
||||||
@jumbotron-color: inherit;
|
|
||||||
@jumbotron-bg: @gray-lighter;
|
|
||||||
@jumbotron-heading-color: inherit;
|
|
||||||
@jumbotron-font-size: ceil(@font-size-base * 1.5);
|
|
||||||
|
|
||||||
|
|
||||||
// Form states and alerts
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@state-success-text: #468847;
|
|
||||||
@state-success-bg: #dff0d8;
|
|
||||||
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
|
|
||||||
|
|
||||||
@state-info-text: #3a87ad;
|
|
||||||
@state-info-bg: #d9edf7;
|
|
||||||
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
|
|
||||||
|
|
||||||
@state-warning-text: #c09853;
|
|
||||||
@state-warning-bg: #fcf8e3;
|
|
||||||
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
|
|
||||||
|
|
||||||
@state-danger-text: #b94a48;
|
|
||||||
@state-danger-bg: #f2dede;
|
|
||||||
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
|
|
||||||
|
|
||||||
|
|
||||||
// Tooltips
|
|
||||||
// -------------------------
|
|
||||||
@tooltip-max-width: 200px;
|
|
||||||
@tooltip-color: #fff;
|
|
||||||
@tooltip-bg: #000;
|
|
||||||
|
|
||||||
@tooltip-arrow-width: 5px;
|
|
||||||
@tooltip-arrow-color: @tooltip-bg;
|
|
||||||
|
|
||||||
|
|
||||||
// Popovers
|
|
||||||
// -------------------------
|
|
||||||
@popover-bg: #fff;
|
|
||||||
@popover-max-width: 276px;
|
|
||||||
@popover-border-color: rgba(0,0,0,.2);
|
|
||||||
@popover-fallback-border-color: #ccc;
|
|
||||||
|
|
||||||
@popover-title-bg: darken(@popover-bg, 3%);
|
|
||||||
|
|
||||||
@popover-arrow-width: 10px;
|
|
||||||
@popover-arrow-color: #fff;
|
|
||||||
|
|
||||||
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
|
||||||
@popover-arrow-outer-color: rgba(0,0,0,.25);
|
|
||||||
@popover-arrow-outer-fallback-color: #999;
|
|
||||||
|
|
||||||
|
|
||||||
// Labels
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
@label-default-bg: @gray-light;
|
|
||||||
@label-primary-bg: @brand-primary;
|
|
||||||
@label-success-bg: @brand-success;
|
|
||||||
@label-info-bg: @brand-info;
|
|
||||||
@label-warning-bg: @brand-warning;
|
|
||||||
@label-danger-bg: @brand-danger;
|
|
||||||
|
|
||||||
@label-color: #fff;
|
|
||||||
@label-link-hover-color: #fff;
|
|
||||||
|
|
||||||
|
|
||||||
// Modals
|
|
||||||
// -------------------------
|
|
||||||
@modal-inner-padding: 20px;
|
|
||||||
|
|
||||||
@modal-title-padding: 15px;
|
|
||||||
@modal-title-line-height: @line-height-base;
|
|
||||||
|
|
||||||
@modal-content-bg: #fff;
|
|
||||||
@modal-content-border-color: rgba(0,0,0,.2);
|
|
||||||
@modal-content-fallback-border-color: #999;
|
|
||||||
|
|
||||||
@modal-backdrop-bg: #000;
|
|
||||||
@modal-header-border-color: #e5e5e5;
|
|
||||||
@modal-footer-border-color: @modal-header-border-color;
|
|
||||||
|
|
||||||
|
|
||||||
// Alerts
|
|
||||||
// -------------------------
|
|
||||||
@alert-padding: 15px;
|
|
||||||
@alert-border-radius: @border-radius-base;
|
|
||||||
@alert-link-font-weight: bold;
|
|
||||||
|
|
||||||
@alert-success-bg: @state-success-bg;
|
|
||||||
@alert-success-text: @state-success-text;
|
|
||||||
@alert-success-border: @state-success-border;
|
|
||||||
|
|
||||||
@alert-info-bg: @state-info-bg;
|
|
||||||
@alert-info-text: @state-info-text;
|
|
||||||
@alert-info-border: @state-info-border;
|
|
||||||
|
|
||||||
@alert-warning-bg: @state-warning-bg;
|
|
||||||
@alert-warning-text: @state-warning-text;
|
|
||||||
@alert-warning-border: @state-warning-border;
|
|
||||||
|
|
||||||
@alert-danger-bg: @state-danger-bg;
|
|
||||||
@alert-danger-text: @state-danger-text;
|
|
||||||
@alert-danger-border: @state-danger-border;
|
|
||||||
|
|
||||||
|
|
||||||
// Progress bars
|
|
||||||
// -------------------------
|
|
||||||
@progress-bg: #f5f5f5;
|
|
||||||
@progress-bar-color: #fff;
|
|
||||||
|
|
||||||
@progress-bar-bg: @brand-primary;
|
|
||||||
@progress-bar-success-bg: @brand-success;
|
|
||||||
@progress-bar-warning-bg: @brand-warning;
|
|
||||||
@progress-bar-danger-bg: @brand-danger;
|
|
||||||
@progress-bar-info-bg: @brand-info;
|
|
||||||
|
|
||||||
|
|
||||||
// List group
|
|
||||||
// -------------------------
|
|
||||||
@list-group-bg: #fff;
|
|
||||||
@list-group-border: #ddd;
|
|
||||||
@list-group-border-radius: @border-radius-base;
|
|
||||||
|
|
||||||
@list-group-hover-bg: #f5f5f5;
|
|
||||||
@list-group-active-color: @component-active-color;
|
|
||||||
@list-group-active-bg: @component-active-bg;
|
|
||||||
@list-group-active-border: @list-group-active-bg;
|
|
||||||
|
|
||||||
@list-group-link-color: #555;
|
|
||||||
@list-group-link-heading-color: #333;
|
|
||||||
|
|
||||||
|
|
||||||
// Panels
|
|
||||||
// -------------------------
|
|
||||||
@panel-bg: #fff;
|
|
||||||
@panel-inner-border: #ddd;
|
|
||||||
@panel-border-radius: @border-radius-base;
|
|
||||||
@panel-footer-bg: #f5f5f5;
|
|
||||||
|
|
||||||
@panel-default-text: @gray-dark;
|
|
||||||
@panel-default-border: #ddd;
|
|
||||||
@panel-default-heading-bg: #f5f5f5;
|
|
||||||
|
|
||||||
@panel-primary-text: #fff;
|
|
||||||
@panel-primary-border: @brand-primary;
|
|
||||||
@panel-primary-heading-bg: @brand-primary;
|
|
||||||
|
|
||||||
@panel-success-text: @state-success-text;
|
|
||||||
@panel-success-border: @state-success-border;
|
|
||||||
@panel-success-heading-bg: @state-success-bg;
|
|
||||||
|
|
||||||
@panel-warning-text: @state-warning-text;
|
|
||||||
@panel-warning-border: @state-warning-border;
|
|
||||||
@panel-warning-heading-bg: @state-warning-bg;
|
|
||||||
|
|
||||||
@panel-danger-text: @state-danger-text;
|
|
||||||
@panel-danger-border: @state-danger-border;
|
|
||||||
@panel-danger-heading-bg: @state-danger-bg;
|
|
||||||
|
|
||||||
@panel-info-text: @state-info-text;
|
|
||||||
@panel-info-border: @state-info-border;
|
|
||||||
@panel-info-heading-bg: @state-info-bg;
|
|
||||||
|
|
||||||
|
|
||||||
// Thumbnails
|
|
||||||
// -------------------------
|
|
||||||
@thumbnail-padding: 4px;
|
|
||||||
@thumbnail-bg: @body-bg;
|
|
||||||
@thumbnail-border: #ddd;
|
|
||||||
@thumbnail-border-radius: @border-radius-base;
|
|
||||||
|
|
||||||
@thumbnail-caption-color: @text-color;
|
|
||||||
@thumbnail-caption-padding: 9px;
|
|
||||||
|
|
||||||
|
|
||||||
// Wells
|
|
||||||
// -------------------------
|
|
||||||
@well-bg: #f5f5f5;
|
|
||||||
|
|
||||||
|
|
||||||
// Badges
|
|
||||||
// -------------------------
|
|
||||||
@badge-color: #fff;
|
|
||||||
@badge-link-hover-color: #fff;
|
|
||||||
@badge-bg: @gray-light;
|
|
||||||
|
|
||||||
@badge-active-color: @link-color;
|
|
||||||
@badge-active-bg: #fff;
|
|
||||||
|
|
||||||
@badge-font-weight: bold;
|
|
||||||
@badge-line-height: 1;
|
|
||||||
@badge-border-radius: 10px;
|
|
||||||
|
|
||||||
|
|
||||||
// Breadcrumbs
|
|
||||||
// -------------------------
|
|
||||||
@breadcrumb-bg: #f5f5f5;
|
|
||||||
@breadcrumb-color: #ccc;
|
|
||||||
@breadcrumb-active-color: @gray-light;
|
|
||||||
@breadcrumb-separator: "/";
|
|
||||||
|
|
||||||
|
|
||||||
// Carousel
|
|
||||||
// ------------------------
|
|
||||||
|
|
||||||
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
|
||||||
|
|
||||||
@carousel-control-color: #fff;
|
|
||||||
@carousel-control-width: 15%;
|
|
||||||
@carousel-control-opacity: .5;
|
|
||||||
@carousel-control-font-size: 20px;
|
|
||||||
|
|
||||||
@carousel-indicator-active-bg: #fff;
|
|
||||||
@carousel-indicator-border-color: #fff;
|
|
||||||
|
|
||||||
@carousel-caption-color: #fff;
|
|
||||||
|
|
||||||
|
|
||||||
// Close
|
|
||||||
// ------------------------
|
|
||||||
@close-font-weight: bold;
|
|
||||||
@close-color: #000;
|
|
||||||
@close-text-shadow: 0 1px 0 #fff;
|
|
||||||
|
|
||||||
|
|
||||||
// Code
|
|
||||||
// ------------------------
|
|
||||||
@code-color: #c7254e;
|
|
||||||
@code-bg: #f9f2f4;
|
|
||||||
|
|
||||||
@pre-bg: #f5f5f5;
|
|
||||||
@pre-color: @gray-dark;
|
|
||||||
@pre-border-color: #ccc;
|
|
||||||
@pre-scrollable-max-height: 340px;
|
|
||||||
|
|
||||||
// Type
|
|
||||||
// ------------------------
|
|
||||||
@text-muted: @gray-light;
|
|
||||||
@abbr-border-color: @gray-light;
|
|
||||||
@headings-small-color: @gray-light;
|
|
||||||
@blockquote-small-color: @gray-light;
|
|
||||||
@blockquote-border-color: @gray-lighter;
|
|
||||||
@page-header-border-color: @gray-lighter;
|
|
||||||
|
|
||||||
// Miscellaneous
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// Hr border color
|
|
||||||
@hr-border: @gray-lighter;
|
|
||||||
|
|
||||||
// Horizontal forms & lists
|
|
||||||
@component-offset-horizontal: 180px;
|
|
||||||
|
|
||||||
|
|
||||||
// Container sizes
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Small screen / tablet
|
|
||||||
@container-tablet: ((720px + @grid-gutter-width));
|
|
||||||
@container-sm: @container-tablet;
|
|
||||||
|
|
||||||
// Medium screen / desktop
|
|
||||||
@container-desktop: ((940px + @grid-gutter-width));
|
|
||||||
@container-md: @container-desktop;
|
|
||||||
|
|
||||||
// Large screen / wide desktop
|
|
||||||
@container-large-desktop: ((1140px + @grid-gutter-width));
|
|
||||||
@container-lg: @container-large-desktop;
|
|
@ -1,29 +0,0 @@
|
|||||||
//
|
|
||||||
// Wells
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
// Base class
|
|
||||||
.well {
|
|
||||||
min-height: 20px;
|
|
||||||
padding: 19px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
background-color: @well-bg;
|
|
||||||
border: 1px solid darken(@well-bg, 7%);
|
|
||||||
border-radius: @border-radius-base;
|
|
||||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
|
||||||
blockquote {
|
|
||||||
border-color: #ddd;
|
|
||||||
border-color: rgba(0,0,0,.15);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sizes
|
|
||||||
.well-lg {
|
|
||||||
padding: 24px;
|
|
||||||
border-radius: @border-radius-large;
|
|
||||||
}
|
|
||||||
.well-sm {
|
|
||||||
padding: 9px;
|
|
||||||
border-radius: @border-radius-small;
|
|
||||||
}
|
|
Before Width: | Height: | Size: 1.7 MiB |
@ -1,7 +0,0 @@
|
|||||||
Created by Codrops
|
|
||||||
|
|
||||||
http://tympanus.net/codrops
|
|
||||||
|
|
||||||
License: http://tympanus.net/codrops/licensing/
|
|
||||||
|
|
||||||
Wood background from pixeden.com
|
|
@ -1,569 +0,0 @@
|
|||||||
.bk-list {
|
|
||||||
list-style: none;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li {
|
|
||||||
position: relative;
|
|
||||||
width: 300px;
|
|
||||||
float: left;
|
|
||||||
z-index: 1;
|
|
||||||
margin: 0px 50px 40px 0;
|
|
||||||
-webkit-perspective: 1800px;
|
|
||||||
-moz-perspective: 1800px;
|
|
||||||
perspective: 1800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-info {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-info h3 {
|
|
||||||
padding: 25px 0 10px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-bottom: 1px solid rgba(0,0,0,0.3);
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-info h3 span:first-child {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 400;
|
|
||||||
text-transform: uppercase;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
display: block;
|
|
||||||
color: #777;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-info p {
|
|
||||||
line-height: 24px;
|
|
||||||
color: #444;
|
|
||||||
min-height: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-info button {
|
|
||||||
background: #FC756F;
|
|
||||||
border: none;
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 3px 15px;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-right: 4px;
|
|
||||||
box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-info button.bk-active,
|
|
||||||
.bk-info button:active {
|
|
||||||
box-shadow:
|
|
||||||
0 1px 0 rgba(255, 255, 255, 0.8),
|
|
||||||
inset 0 -1px 1px rgba(0,0,0,0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-touch .bk-info button:hover,
|
|
||||||
.bk-info button.bk-active {
|
|
||||||
background: #d0544e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 400px;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
-webkit-transition: -webkit-transform .5s;
|
|
||||||
-moz-transition: -moz-transform .5s;
|
|
||||||
transition: transform .5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book.bk-bookdefault:hover {
|
|
||||||
-webkit-transform: rotate3d(0,1,0,35deg);
|
|
||||||
-moz-transform: rotate3d(0,1,0,35deg);
|
|
||||||
transform: rotate3d(0,1,0,35deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book > div,
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front {
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
-webkit-transform-origin: 0% 50%;
|
|
||||||
-moz-transform-origin: 0% 50%;
|
|
||||||
transform-origin: 0% 50%;
|
|
||||||
-webkit-transition: -webkit-transform .5s;
|
|
||||||
-moz-transition: -moz-transform .5s;
|
|
||||||
transition: transform .5s;
|
|
||||||
-webkit-transform: translate3d(0,0,20px);
|
|
||||||
-moz-transform: translate3d(0,0,20px);
|
|
||||||
transform: translate3d(0,0,20px);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-page {
|
|
||||||
-webkit-transform: translate3d(0,0,19px);
|
|
||||||
-moz-transform: translate3d(0,0,19px);
|
|
||||||
transform: translate3d(0,0,19px);
|
|
||||||
display: none;
|
|
||||||
width: 295px;
|
|
||||||
height: 390px;
|
|
||||||
top: 5px;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front,
|
|
||||||
.bk-list li .bk-back,
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
width: 300px;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-left,
|
|
||||||
.bk-list li .bk-right {
|
|
||||||
width: 40px;
|
|
||||||
left: -20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-top,
|
|
||||||
.bk-list li .bk-bottom {
|
|
||||||
width: 295px;
|
|
||||||
height: 40px;
|
|
||||||
top: -15px;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-back {
|
|
||||||
-webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
|
|
||||||
-moz-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
|
|
||||||
transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
|
|
||||||
box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
|
|
||||||
border-radius: 3px 0 0 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-cover-back {
|
|
||||||
background-color: #000;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,-180deg);
|
|
||||||
-moz-transform: rotate3d(0,1,0,-180deg);
|
|
||||||
transform: rotate3d(0,1,0,-180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-right {
|
|
||||||
height: 390px;
|
|
||||||
top: 5px;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
|
|
||||||
-moz-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
|
|
||||||
transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-left {
|
|
||||||
height: 400px;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,-90deg);
|
|
||||||
-moz-transform: rotate3d(0,1,0,-90deg);
|
|
||||||
transform: rotate3d(0,1,0,-90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-top {
|
|
||||||
-webkit-transform: rotate3d(1,0,0,90deg);
|
|
||||||
-moz-transform: rotate3d(1,0,0,90deg);
|
|
||||||
transform: rotate3d(1,0,0,90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-bottom {
|
|
||||||
-webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
|
|
||||||
-moz-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
|
|
||||||
transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Transform classes */
|
|
||||||
|
|
||||||
.bk-list li .bk-viewinside .bk-front {
|
|
||||||
-webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
|
|
||||||
-moz-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
|
|
||||||
transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book.bk-viewinside {
|
|
||||||
-webkit-transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
|
|
||||||
-moz-transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
|
|
||||||
transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book.bk-viewback {
|
|
||||||
-webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
|
|
||||||
-moz-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
|
|
||||||
transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-viewback .bk-back {
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Main colors and content */
|
|
||||||
|
|
||||||
.bk-list li .bk-page,
|
|
||||||
.bk-list li .bk-right,
|
|
||||||
.bk-list li .bk-top,
|
|
||||||
.bk-list li .bk-bottom {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
border-radius: 0 3px 3px 0;
|
|
||||||
box-shadow:
|
|
||||||
inset 4px 0 10px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 1px;
|
|
||||||
bottom: 1px;
|
|
||||||
left: -1px;
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-cover:after,
|
|
||||||
.bk-list li .bk-back:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 10px;
|
|
||||||
bottom: 0;
|
|
||||||
width: 3px;
|
|
||||||
background: rgba(0,0,0,0.06);
|
|
||||||
box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-back:after {
|
|
||||||
left: auto;
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-left h2 {
|
|
||||||
width: 400px;
|
|
||||||
height: 40px;
|
|
||||||
-webkit-transform-origin: 0 0;
|
|
||||||
-moz-transform-origin: 0 0;
|
|
||||||
transform-origin: 0 0;
|
|
||||||
-webkit-transform: rotate(90deg) translateY(-40px);
|
|
||||||
-moz-transform: rotate(90deg) translateY(-40px);
|
|
||||||
transform: rotate(90deg) translateY(-40px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 30px;
|
|
||||||
left: 20px;
|
|
||||||
bottom: 20px;
|
|
||||||
right: 20px;
|
|
||||||
padding: 30px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #fff;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
-webkit-transition: opacity 0.3s ease-in-out;
|
|
||||||
-moz-transition: opacity 0.3s ease-in-out;
|
|
||||||
transition: opacity 0.3s ease-in-out;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-content-current {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-content p {
|
|
||||||
padding: 0 0 10px;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
color: #000;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: justify;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-page nav {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 100;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-page nav span {
|
|
||||||
display: inline-block;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
color: #aaa;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Individual style & artwork */
|
|
||||||
|
|
||||||
/* Book 1 */
|
|
||||||
.book-1 .bk-front > div,
|
|
||||||
.book-1 .bk-back,
|
|
||||||
.book-1 .bk-left,
|
|
||||||
.book-1 .bk-front:after {
|
|
||||||
background-color: #ff924a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover {
|
|
||||||
background-image: url(../images/1.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 10px 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
padding: 30px;
|
|
||||||
background: rgba(255,255,255,0.2);
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 span:first-child,
|
|
||||||
.book-1 .bk-left h2 span:first-child {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 13px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 span:first-child {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 span:last-child,
|
|
||||||
.book-1 .bk-left h2 span:last-child {
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-content p {
|
|
||||||
font-family: Georgia, Times, "Times New Roman", serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-left h2 {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 40px;
|
|
||||||
padding-right: 10px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-back p {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 13px;
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Book 2 */
|
|
||||||
|
|
||||||
.book-2 .bk-front > div,
|
|
||||||
.book-2 .bk-back,
|
|
||||||
.book-2 .bk-left,
|
|
||||||
.book-2 .bk-front:after {
|
|
||||||
background-color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover {
|
|
||||||
background-image: url(../images/2.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 98% 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2,
|
|
||||||
.book-2 .bk-left h2 {
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'the_godfatherregular', Georgia, serif;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 {
|
|
||||||
font-size: 138px;
|
|
||||||
line-height: 102px;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:first-child {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:first-child:before {
|
|
||||||
content: 'A novel';
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
position: absolute;
|
|
||||||
color: red;
|
|
||||||
font-size: 20px;
|
|
||||||
right: -15px;
|
|
||||||
bottom: -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:last-child {
|
|
||||||
font-size: 100px;
|
|
||||||
line-height: 80px;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:last-child:before {
|
|
||||||
content: 'by';
|
|
||||||
font-size: 16px;
|
|
||||||
color: red;
|
|
||||||
position: absolute;
|
|
||||||
top: -32px;
|
|
||||||
left: 62px;
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:last-child:after {
|
|
||||||
content: '';
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #f9ed65;
|
|
||||||
position: absolute;
|
|
||||||
top: 5px;
|
|
||||||
left: 101px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-left h2 {
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 40px;
|
|
||||||
padding-right: 10px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-back p {
|
|
||||||
color: red;
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Book 3 */
|
|
||||||
|
|
||||||
.book-3 .bk-front > div,
|
|
||||||
.book-3 .bk-back,
|
|
||||||
.book-3 .bk-left,
|
|
||||||
.book-3 .bk-front:after {
|
|
||||||
background-color: #a4c19e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover {
|
|
||||||
background-image: url(../images/3.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 100% 95%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 {
|
|
||||||
position: absolute;
|
|
||||||
top: 40px;
|
|
||||||
right: 40px;
|
|
||||||
left: 40px;
|
|
||||||
padding-top: 15px;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 span:first-child,
|
|
||||||
.book-3 .bk-left h2 span:first-child {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 13px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 span:first-child {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 span:last-child,
|
|
||||||
.book-3 .bk-left h2 span:last-child,
|
|
||||||
.book-3 .bk-content p {
|
|
||||||
font-family: Georgia, Times, "Times New Roman", serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-left h2 {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-back img {
|
|
||||||
width: 200px;
|
|
||||||
display: block;
|
|
||||||
margin: 30px auto 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-back p {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: Georgia, Times, "Times New Roman", serif;
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fallbacks */
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-list li .bk-book > div,
|
|
||||||
.no-csstransforms3d .bk-list li .bk-book .bk-cover-back {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-list li .bk-book > div.bk-front {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-info button,
|
|
||||||
.no-js .bk-info button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
@ -1,597 +0,0 @@
|
|||||||
.bk-list {
|
|
||||||
list-style: none;
|
|
||||||
position: relative;
|
|
||||||
width: 533px; /* 13 books * 40px + 13 books * margin (1px) */
|
|
||||||
margin: 0 auto;
|
|
||||||
-webkit-perspective: 1800px;
|
|
||||||
-moz-perspective: 1800px;
|
|
||||||
perspective: 1800px;
|
|
||||||
-webkit-perspective-origin: 50% 15%;
|
|
||||||
-moz-perspective-origin: 50% 15%;
|
|
||||||
perspective-origin: 50% 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li {
|
|
||||||
position: relative;
|
|
||||||
width: 40px;
|
|
||||||
height: 400px;
|
|
||||||
float: left;
|
|
||||||
z-index: 1;
|
|
||||||
margin: 0px 0px 0px 1px;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book {
|
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 400px;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
-webkit-transition: -webkit-transform .5s;
|
|
||||||
-moz-transition: -moz-transform .5s;
|
|
||||||
transition: transform .5s;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,90deg);
|
|
||||||
-moz-transform: rotate3d(0,1,0,90deg);
|
|
||||||
transform: rotate3d(0,1,0,90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book:hover {
|
|
||||||
-webkit-transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
|
|
||||||
-moz-transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
|
|
||||||
transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book > div,
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front {
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
-webkit-transform-origin: 0% 50%;
|
|
||||||
-moz-transform-origin: 0% 50%;
|
|
||||||
transform-origin: 0% 50%;
|
|
||||||
-webkit-transition: -webkit-transform .5s;
|
|
||||||
-moz-transition: -moz-transform .5s;
|
|
||||||
transition: transform .5s;
|
|
||||||
-webkit-transform: translate3d(0,0,20px);
|
|
||||||
-moz-transform: translate3d(0,0,20px);
|
|
||||||
transform: translate3d(0,0,20px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
-moz-transform-style: preserve-3d;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-page {
|
|
||||||
-webkit-transform: translate3d(0,0,19px);
|
|
||||||
-moz-transform: translate3d(0,0,19px);
|
|
||||||
transform: translate3d(0,0,19px);
|
|
||||||
display: none;
|
|
||||||
width: 295px;
|
|
||||||
height: 390px;
|
|
||||||
top: 5px;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front,
|
|
||||||
.bk-list li .bk-back,
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
width: 300px;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-left,
|
|
||||||
.bk-list li .bk-right {
|
|
||||||
width: 40px;
|
|
||||||
left: -20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-top,
|
|
||||||
.bk-list li .bk-bottom {
|
|
||||||
width: 295px;
|
|
||||||
height: 40px;
|
|
||||||
top: -15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-back {
|
|
||||||
-webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
|
|
||||||
-moz-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
|
|
||||||
transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
|
|
||||||
border-radius: 3px 0 0 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-cover-back {
|
|
||||||
background-color: #000;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,-180deg);
|
|
||||||
-moz-transform: rotate3d(0,1,0,-180deg);
|
|
||||||
transform: rotate3d(0,1,0,-180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-right {
|
|
||||||
height: 390px;
|
|
||||||
top: 5px;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
|
|
||||||
-moz-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
|
|
||||||
transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-left {
|
|
||||||
height: 400px;
|
|
||||||
-webkit-transform: rotate3d(0,1,0,-90deg);
|
|
||||||
-moz-transform: rotate3d(0,1,0,-90deg);
|
|
||||||
transform: rotate3d(0,1,0,-90deg);
|
|
||||||
box-shadow:
|
|
||||||
inset 4px 0 5px rgba(255,255,255,0.1),
|
|
||||||
inset 5px 0 5px rgba(0,0,0,0.05),
|
|
||||||
inset -5px 0 5px rgba(0,0,0,0.04);;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-top {
|
|
||||||
-webkit-transform: rotate3d(1,0,0,90deg);
|
|
||||||
-moz-transform: rotate3d(1,0,0,90deg);
|
|
||||||
transform: rotate3d(1,0,0,90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-bottom {
|
|
||||||
-webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
|
|
||||||
-moz-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
|
|
||||||
transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Transform classes */
|
|
||||||
|
|
||||||
.bk-list li .bk-viewinside .bk-front {
|
|
||||||
-webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
|
|
||||||
-moz-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
|
|
||||||
transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book.bk-viewinside {
|
|
||||||
-webkit-transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
|
|
||||||
-moz-transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
|
|
||||||
transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book.bk-outside {
|
|
||||||
-webkit-transform: rotate3d(0,1,0,90deg) translateX(-300px);
|
|
||||||
-moz-transform: rotate3d(0,1,0,90deg) translateX(-300px);
|
|
||||||
transform: rotate3d(0,1,0,90deg) translateX(-300px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-book.bk-viewback {
|
|
||||||
-webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
|
|
||||||
-moz-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
|
|
||||||
transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Main colors and content */
|
|
||||||
|
|
||||||
.bk-list li .bk-page,
|
|
||||||
.bk-list li .bk-right,
|
|
||||||
.bk-list li .bk-top,
|
|
||||||
.bk-list li .bk-bottom {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front > div {
|
|
||||||
border-radius: 0 3px 3px 0;
|
|
||||||
box-shadow:
|
|
||||||
inset 4px 0 10px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-front:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 1px;
|
|
||||||
bottom: 1px;
|
|
||||||
left: -1px;
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-cover:after,
|
|
||||||
.bk-list li .bk-back:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 10px;
|
|
||||||
bottom: 0;
|
|
||||||
width: 3px;
|
|
||||||
background: rgba(0,0,0,0.06);
|
|
||||||
box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li .bk-back:after {
|
|
||||||
left: auto;
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-left h2 {
|
|
||||||
width: 400px;
|
|
||||||
height: 40px;
|
|
||||||
-webkit-transform-origin: 0 0;
|
|
||||||
-moz-transform-origin: 0 0;
|
|
||||||
transform-origin: 0 0;
|
|
||||||
-webkit-transform: rotate(90deg) translateY(-40px);
|
|
||||||
-moz-transform: rotate(90deg) translateY(-40px);
|
|
||||||
transform: rotate(90deg) translateY(-40px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 30px;
|
|
||||||
left: 20px;
|
|
||||||
bottom: 20px;
|
|
||||||
right: 20px;
|
|
||||||
padding: 30px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #fff;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
-webkit-transition: opacity 0.3s ease-in-out;
|
|
||||||
-moz-transition: opacity 0.3s ease-in-out;
|
|
||||||
transition: opacity 0.3s ease-in-out;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-content-current {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-content p {
|
|
||||||
padding: 0 0 10px;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
color: #000;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: justify;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-page nav {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 100;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-page nav span {
|
|
||||||
display: inline-block;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
color: #aaa;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Individual style & artwork */
|
|
||||||
|
|
||||||
/* Book 1 */
|
|
||||||
.book-1 .bk-front > div,
|
|
||||||
.book-1 .bk-back,
|
|
||||||
.book-1 .bk-left,
|
|
||||||
.book-1 .bk-front:after {
|
|
||||||
background-color: #ff924a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover {
|
|
||||||
background-image: url(../images/1.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 10px 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
padding: 30px;
|
|
||||||
background: rgba(255,255,255,0.2);
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 span:first-child,
|
|
||||||
.book-1 .bk-left h2 span:first-child {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 13px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 span:first-child {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-cover h2 span:last-child,
|
|
||||||
.book-1 .bk-left h2 span:last-child {
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-content p {
|
|
||||||
font-family: Georgia, Times, "Times New Roman", serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-left h2 {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 40px;
|
|
||||||
padding-right: 10px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-1 .bk-back p {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 13px;
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Book 2 */
|
|
||||||
|
|
||||||
.book-2 .bk-front > div,
|
|
||||||
.book-2 .bk-back,
|
|
||||||
.book-2 .bk-left,
|
|
||||||
.book-2 .bk-front:after {
|
|
||||||
background-color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover {
|
|
||||||
background-image: url(../images/2.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 98% 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2,
|
|
||||||
.book-2 .bk-left h2 {
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'the_godfatherregular', Georgia, serif;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 {
|
|
||||||
font-size: 138px;
|
|
||||||
line-height: 102px;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:first-child {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:first-child:before {
|
|
||||||
content: 'A novel';
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
position: absolute;
|
|
||||||
color: red;
|
|
||||||
font-size: 20px;
|
|
||||||
right: -15px;
|
|
||||||
bottom: -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:last-child {
|
|
||||||
font-size: 100px;
|
|
||||||
line-height: 80px;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:last-child:before {
|
|
||||||
content: 'by';
|
|
||||||
font-size: 16px;
|
|
||||||
color: red;
|
|
||||||
position: absolute;
|
|
||||||
top: -32px;
|
|
||||||
left: 62px;
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-cover h2 span:last-child:after {
|
|
||||||
content: '';
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #f9ed65;
|
|
||||||
position: absolute;
|
|
||||||
top: 5px;
|
|
||||||
left: 101px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-left h2 {
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 40px;
|
|
||||||
padding-right: 10px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-2 .bk-back p {
|
|
||||||
color: red;
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Book 3 */
|
|
||||||
|
|
||||||
.book-3 .bk-front > div,
|
|
||||||
.book-3 .bk-back,
|
|
||||||
.book-3 .bk-left,
|
|
||||||
.book-3 .bk-front:after {
|
|
||||||
background-color: #a4c19e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover {
|
|
||||||
background-image: url(../images/3.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 100% 95%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 {
|
|
||||||
position: absolute;
|
|
||||||
top: 40px;
|
|
||||||
right: 40px;
|
|
||||||
left: 40px;
|
|
||||||
padding-top: 15px;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 span:first-child,
|
|
||||||
.book-3 .bk-left h2 span:first-child {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 13px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 span:first-child {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-cover h2 span:last-child,
|
|
||||||
.book-3 .bk-left h2 span:last-child,
|
|
||||||
.book-3 .bk-content p {
|
|
||||||
font-family: Georgia, Times, "Times New Roman", serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-left h2 {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-back img {
|
|
||||||
width: 200px;
|
|
||||||
display: block;
|
|
||||||
margin: 30px auto 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-3 .bk-back p {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: Georgia, Times, "Times New Roman", serif;
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Some color variation for the other books */
|
|
||||||
.bk-list li:nth-child(4) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(4) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(4) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(4) .bk-book .bk-front:after {
|
|
||||||
background-color: #cfa6ef;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(5) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(5) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(5) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(5) .bk-book .bk-front:after {
|
|
||||||
background-color: #FFC2CE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(6) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(6) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(6) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(6) .bk-book .bk-front:after {
|
|
||||||
background-color: #80B3FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(7) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(7) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(7) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(7) .bk-book .bk-front:after {
|
|
||||||
background-color: #FD6E8A;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(8) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(8) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(8) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(8) .bk-book .bk-front:after {
|
|
||||||
background-color: #A2122F;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(9) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(9) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(9) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(9) .bk-book .bk-front:after {
|
|
||||||
background-color: #439877;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(10) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(10) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(10) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(10) .bk-book .bk-front:after {
|
|
||||||
background-color: #5E445D;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bk-list li:nth-child(11) .bk-book .bk-front > div,
|
|
||||||
.bk-list li:nth-child(11) .bk-book .bk-back,
|
|
||||||
.bk-list li:nth-child(11) .bk-book .bk-left,
|
|
||||||
.bk-list li:nth-child(11) .bk-book .bk-front:after {
|
|
||||||
background-color: #A8936D;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fallbacks */
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-list li .bk-book > div,
|
|
||||||
.no-csstransforms3d .bk-list li .bk-book .bk-cover-back {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-list li .bk-book > div.bk-front {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-info button,
|
|
||||||
.no-js .bk-info button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-list {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-csstransforms3d .bk-list li {
|
|
||||||
position: relative;
|
|
||||||
width: 300px;
|
|
||||||
margin: 10px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
@ -1,164 +0,0 @@
|
|||||||
/* General Demo Style */
|
|
||||||
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'the_godfatherregular';
|
|
||||||
src: url('../fonts/thegodfather-v2-webfont.eot');
|
|
||||||
src: url('../fonts/thegodfather-v2-webfont.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/thegodfather-v2-webfont.woff') format('woff'),
|
|
||||||
url('../fonts/thegodfather-v2-webfont.ttf') format('truetype'),
|
|
||||||
url('../fonts/thegodfather-v2-webfont.svg#the_godfatherregular') format('svg');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
html { height: 100%; }
|
|
||||||
|
|
||||||
*,
|
|
||||||
*:after,
|
|
||||||
*:before {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: " ";
|
|
||||||
display: table;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
*zoom: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Lato', Calibri, Arial, sans-serif;
|
|
||||||
background: #f6f6f6;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #333;
|
|
||||||
overflow: scroll;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo-2 body {
|
|
||||||
background: url(../images/wood.jpg);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #555;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main,
|
|
||||||
.container > header {
|
|
||||||
width: 90%;
|
|
||||||
max-width: 1060px;
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 30px 50px 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container > header {
|
|
||||||
padding: 30px 30px 40px 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container > header h1 {
|
|
||||||
font-size: 34px;
|
|
||||||
line-height: 38px;
|
|
||||||
margin: 0;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #333;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header Style */
|
|
||||||
.codrops-top {
|
|
||||||
line-height: 24px;
|
|
||||||
font-size: 11px;
|
|
||||||
background: #fff;
|
|
||||||
background: rgba(255, 255, 255, 0.5);
|
|
||||||
text-transform: uppercase;
|
|
||||||
z-index: 9999;
|
|
||||||
position: relative;
|
|
||||||
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-top a {
|
|
||||||
padding: 0px 10px;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
color: #333;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-top a:hover {
|
|
||||||
background: rgba(255,255,255,0.8);
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-top span.right {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-top span.right a {
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Demo Buttons Style */
|
|
||||||
.codrops-demos {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-demos a {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 10px;
|
|
||||||
color: #666;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 30px;
|
|
||||||
border-bottom: 4px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-demos a:hover {
|
|
||||||
color: #000;
|
|
||||||
border-color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.codrops-demos a.current-demo,
|
|
||||||
.codrops-demos a.current-demo:hover {
|
|
||||||
color: #aaa;
|
|
||||||
border-color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.support-note {
|
|
||||||
color: #d7823e;
|
|
||||||
font-size: 16px;
|
|
||||||
display: block;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
padding: 5px 0;
|
|
||||||
text-align: left;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bookshelf {
|
|
||||||
width: 100%;
|
|
||||||
height: 63px;
|
|
||||||
z-index: -1;
|
|
||||||
margin-top: -25px;
|
|
||||||
background: transparent url(../images/shelf.png) no-repeat center center;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
@ -1,20 +0,0 @@
|
|||||||
"THE GODFATHER Version 2" font was created by Jeff Bell for www.geocities.com/boltonbroscom
|
|
||||||
|
|
||||||
#2 in the "GREATEST FILMS THAT YOU MIGHT HAVE HAD THE OPERTUNITY BUT JUST DIDN'T CARE TO SEE" collection
|
|
||||||
Previous fonts:
|
|
||||||
The Addams Family
|
|
||||||
Casper
|
|
||||||
The Godfather Version 1
|
|
||||||
|
|
||||||
"THE GODFATHER" is a trademark of some company that filmed it almost 30 years ago...sorry, too lazy to look it up
|
|
||||||
"GodFather" font is copyrighted BoltonBros.Com 2003
|
|
||||||
|
|
||||||
You may distribute this font at your will, but do not change the font in any way
|
|
||||||
without my permission. You must also give me full credit for the creation of
|
|
||||||
this font. Thank you. If you wish to contact me about possible future font wants, or
|
|
||||||
wanting to change something in font, you can email me at bellini@ticon.net
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Also, if you're still reading the "Legal Mumbo Jumbo" it's boring isn't it?
|
|
@ -1,102 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<metadata></metadata>
|
|
||||||
<defs>
|
|
||||||
<font id="the_godfatherregular" horiz-adv-x="636" >
|
|
||||||
<font-face units-per-em="2048" ascent="1638" descent="-410" />
|
|
||||||
<missing-glyph horiz-adv-x="390" />
|
|
||||||
<glyph horiz-adv-x="2048" />
|
|
||||||
<glyph horiz-adv-x="2048" />
|
|
||||||
<glyph unicode="
" horiz-adv-x="390" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="390" />
|
|
||||||
<glyph unicode="	" horiz-adv-x="390" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="390" />
|
|
||||||
<glyph unicode="!" horiz-adv-x="249" />
|
|
||||||
<glyph unicode=""" horiz-adv-x="522" d="M-15 1379q137 -117 83 -244l209 -125l-80 322zM220 1349q137 -117 83 -244l209 -125l-80 322z" />
|
|
||||||
<glyph unicode="#" />
|
|
||||||
<glyph unicode="$" />
|
|
||||||
<glyph unicode="%" />
|
|
||||||
<glyph unicode="&" horiz-adv-x="486" />
|
|
||||||
<glyph unicode="'" horiz-adv-x="160" d="M-15 1379q137 -117 83 -244l209 -125l-80 322z" />
|
|
||||||
<glyph unicode="(" horiz-adv-x="336" />
|
|
||||||
<glyph unicode=")" horiz-adv-x="384" />
|
|
||||||
<glyph unicode="*" horiz-adv-x="1449" d="M9 1222l22 -22l-22 22l22 -22h45l110 -23l45 -22l44 -44h22l22 -22h23l22 -22h22l22 -22v-45h-44l-22 -22l-23 -22l-110 -111l22 -22h66l22 -22h67l22 22h22l22 22l23 22l22 23l89 88h44v-22l89 -89h66l22 23l22 -23l23 -22h22l44 22v-642l22 22v643h45l44 44h22l22 22 l23 22l22 22h177l22 -22l22 22h23v-775l22 22v665l22 22v88l-22 23v44h22v44h-44l-23 22h-133v45l-2 288h2l-22 22l45 22v22l-23 22l-66 22h-67l-44 -44v44l-22 22v222h-67v-244l23 -44l22 -22v-44l22 -23l22 -22h22v-44l22 -22v-22l23 -22v-156l-23 23h-110l-23 22h-111 l-22 -22v-133h89v-22l-22 -23l-22 -22l-23 -22l-44 -44h-22l-22 -22l-22 22l-23 22l-44 44v22l-22 23l22 22v110l22 23v44h-44v-44l-22 -23h-22l-23 -22l-88 -88h-23l-22 22l22 22l23 22l22 44l22 23v44h22l22 22v22h-44l-44 -44l-23 -22v-45l-66 -66v44l22 22v67l22 22 l-22 67v-45h-22v-66l-22 -22v-23l-22 -22l-23 -22v133l23 22v67l44 44l18 21l48 23l23 45l111 110v222l-23 22h-44l22 -66v-156l-177 -177l-37 -30l-22 -22l-30 -36v-45h-111l-22 23h-24l-20 -23l-22 -22l-23 -22zM31 624h22v553h-22v-553zM319 424l20 -27l3 72v243l-23 67 v-355zM630 624l22 22v22l12 44v133l10 45l-22 22h-22v-288zM874 867v67h66l-22 -22v-22zM896 956v22l67 67h66l22 -23l-66 -66h-89zM1118 1288v155l22 22l22 23l22 -23v-288h-44v89zM1184 225h22v687l-22 66v-753z" />
|
|
||||||
<glyph unicode="+" />
|
|
||||||
<glyph unicode="," horiz-adv-x="285" d="M-47 -229q376 -17 335 391h-56l-167 -84q-2 -184 -112 -307z" />
|
|
||||||
<glyph unicode="-" horiz-adv-x="471" />
|
|
||||||
<glyph unicode="." horiz-adv-x="295" d="M40 107q0 44 33 77.5t76 33.5t72 -31.5t29 -78.5q0 -48 -31 -80t-74 -32q-42 0 -73.5 33t-31.5 78z" />
|
|
||||||
<glyph unicode="/" horiz-adv-x="357" d="M-89 -29h57h22h146l509 1298l44 41h-233l-496 -1279z" />
|
|
||||||
<glyph unicode="0" horiz-adv-x="675" d="M15 1345l2 -1281l26 -42l38 -22h474l38 18l21 25l8 37l1 1326l-16 26l-26 19l-18 11h-468l-39 -11l-28 -26l-12 -37zM227 289l1 854l28 57l131 4l25 -56l1 -30l3 -825l-30 -33h-128z" />
|
|
||||||
<glyph unicode="1" horiz-adv-x="425" d="M-16 1259l95 -24l38 -70v-98l-1 -935l-59 -56v-76h340v73l-60 53v1349h-94z" />
|
|
||||||
<glyph unicode="2" horiz-adv-x="817" d="M0 77v576l224 164l142 78l118 72l3 240l-51 37h-77l-54 -48l-1 -190l-304 -144v498l92 71l111 50l163 20h120l129 -20l152 -113v-475l-59 -62l-130 -73l-206 -128l-62 -118l1 -244l77 -73l155 2l-1 114l225 98v-307l-59 -103h-631z" />
|
|
||||||
<glyph unicode="3" horiz-adv-x="798" d="M7 149v382l271 -142v-199q37 -38 40 -40q19 -13 53 -13q90 0 92 71v437h-420v42l192 103q-5 0 111 0q49 0 117 -3l-1 486q0 32 -26.5 52t-64.5 20q-43 0 -93 -54v-199l-271 -142v382q-2 57 113 109q93 42 134 42h215q52 0 154 -54q113 -60 113 -112v-1153 q0 -54 -114 -116q-95 -50 -117 -50h-288q-29 0 -114 50q-98 58 -96 101z" />
|
|
||||||
<glyph unicode="4" horiz-adv-x="851" d="M1 683v116l456 620h224q11 1 54 -51v-563h40q15 0 35 45v-306q-14 26 -19 30q-10 5 -21 11h-35v-530l24 -53h-217q-39 36 -38 49v534h-436zM238 806h264v343z" />
|
|
||||||
<glyph unicode="5" horiz-adv-x="754" d="M-2 -1h35h18h118h76h24h106h24h23h24h100h47h41l12 23l59 92v30v31v38v99v31v130v23v91q-9 95 -59 169h-100h-65h-23h-101h-17h-71v30v31v130v22v198h77h23h24h23h100h18h71q103 119 -12 238h-24h-17h-118h-24h-17h-106h-77h-23h-101h-17h-71q17 -45 35 -76v-612 q-2 -54 6 -117q43 -49 65 -92h24h29h24h29h77h23h100h18h71v-264h-77h-23h-106h-24h-24h-23h-100h-18h-71q12 -144 -35 -245z" />
|
|
||||||
<glyph unicode="6" horiz-adv-x="775" d="M12 150q192 -179 394 -156t307 163l6 67v296q34 297 -404 276l1 381q83 71 155 -8l-1 -191l253 -182l-4 431l-13 40q-171 159 -391 128q-195 -20 -303 -148v-1097zM308 588l48 33l51 -27l-2 -345l-46 -39l-50 48z" />
|
|
||||||
<glyph unicode="7" horiz-adv-x="713" d="M9 1104l8 16l64 104h399v-120l-287 -1100h319q-25 83 0 151l231 901v295l-72 96h-662v-343z" />
|
|
||||||
<glyph unicode="8" horiz-adv-x="741" d="M16 178q138 -199 364.5 -182t319.5 189v451l-54 72l58 71l1 480q-201 181 -398.5 157t-290.5 -161v-470l59 -84l-59 -52v-471zM309 243v292l25 46h49l29 -39v-310l-17 -37l-68 -2zM309 863v292l25 46h49l29 -39v-310l-17 -37l-68 -2z" />
|
|
||||||
<glyph unicode="9" d="M0 763q175 -160 415 -131v-396q-69 -71 -157 -13v224l-255 176l1 -458q355 -336 723 7l2 1060l-20 82q-120 104 -253 130h-157q-329 -58 -299 -396v-285zM318 884v304l29 38h53l34 -41v-303l-28 -56l-67 1z" />
|
|
||||||
<glyph unicode=":" horiz-adv-x="349" d="M-300 474q0 62 45.5 108t105.5 46q59 0 99.5 -43.5t40.5 -108.5q0 -66 -43 -110.5t-103 -44.5q-58 0 -101.5 45.5t-43.5 107.5zM-300 1010q0 61 45.5 107t105.5 46q59 0 99.5 -43.5t40.5 -108.5q0 -66 -43 -110.5t-103 -44.5q-58 0 -101.5 45.5t-43.5 108.5z" />
|
|
||||||
<glyph unicode=";" horiz-adv-x="374" d="M-47 -229q376 -17 335 391h-56l-167 -84q-2 -184 -112 -307zM15 482q0 62 46 109t107 47q60 0 101 -44t41 -111q0 -66 -43.5 -111.5t-104.5 -45.5q-59 0 -103 46t-44 110z" />
|
|
||||||
<glyph unicode=">" horiz-adv-x="575" d="M-12 1026q100 156 256 205v-1023l-128 -204h335q-53 81 -49 776q3 438 164 438q94 0 242 -149v392h-820v-435zM373 9l225 -5l-140 220v1057q150 -85 350 -221l-10 363l-385 -6z" />
|
|
||||||
<glyph unicode="?" horiz-adv-x="832" d="M-5 938q191 80 315 158l-1 241h139q77 -536 -236 -576l-1 -374h315q-23 328 256 433v158v453q-450 275 -787 -40v-453zM210 164q0 68 50 118.5t116 50.5q64 0 108.5 -47.5t44.5 -119.5t-47 -121t-113 -49q-64 0 -111.5 50t-47.5 118z" />
|
|
||||||
<glyph unicode="@" horiz-adv-x="579" />
|
|
||||||
<glyph unicode="A" horiz-adv-x="580" d="M-67 -2h295v118l59 59l59 -59v-118h295l-26 62v129l-42 59l-118 1220h-354l-109 -1234l-59 -59v-177zM228 471l54 322l54 -323z" />
|
|
||||||
<glyph unicode="B" horiz-adv-x="678" d="M12 -3h334h165l137 107v515l-77 72l76 73v568l-134 134h-501v-33l33 -34v-1335l-33 -34v-33zM308 146v403h100v-403h-100zM313 898v334h100v-334h-100z" />
|
|
||||||
<glyph unicode="C" d="M5 40l45 -45h478l81 88l1 80v172l-120 -113h-257v957l68 68h956l224 205h-1362l-114 -159v-1253z" />
|
|
||||||
<glyph unicode="D" horiz-adv-x="665" d="M2 -2h538l100 100v1238l-134 134h-501v-33l33 -34v-1335l-33 -34zM306 232v1004h100v-1004h-100z" />
|
|
||||||
<glyph unicode="E" horiz-adv-x="774" d="M0 0v63l38 38v1259l-35 36v57h1414l-162 -196h-921v-443h303l82 -83v-80l-86 -87h-310v-367h438l-132 -197h-629z" />
|
|
||||||
<glyph unicode="F" horiz-adv-x="774" d="M0 0v64l39 39v1278l-36 36v58h1435l-164 -199h-935v-450h307l84 -84v-108l-88 -88h-314v-447l40 -36l1 -63h-369z" />
|
|
||||||
<glyph unicode="G" horiz-adv-x="653" d="M12 44l45 -45h478l45 47l1 772l46 46v68h-319v-68l46 -45v-593h-114v957l68 68h956l224 205h-1362l-76 -60l-38 -99v-1253z" />
|
|
||||||
<glyph unicode="H" horiz-adv-x="810" d="M-17 1447l58 -58l-5 -1395l5 3h302l-69 61v526h260l2 263l-263 2v598h-145h-145zM473 1447l58 -58l-5 -1395l5 3h302l-69 61l-1 1389h-290z" />
|
|
||||||
<glyph unicode="I" horiz-adv-x="310" d="M0 1447l58 -58l1 -1395l-1 3h302l-69 61l-1 1389h-290z" />
|
|
||||||
<glyph unicode="J" horiz-adv-x="602" d="M3 70l81 -78h378l119 72v268l-264 3l-61 -66l-153 3l-100 179v-381zM318 1396l2 -1058l260 -53l1 1199l-147 1z" />
|
|
||||||
<glyph unicode="K" horiz-adv-x="623" d="M3 -4h235v548h117v-548h235v646l-59 59l59 59v502l-59 59h-175l2 -529l-116 2v553l-239 118v-1469z" />
|
|
||||||
<glyph unicode="L" horiz-adv-x="598" d="M0 1453l58 -58v-1392h597l-71 61l1 171h-295v1218h-290z" />
|
|
||||||
<glyph unicode="M" horiz-adv-x="1169" d="M17 7h318l-45 46l45 -46l-45 46v956l45 45h46l46 -45v-956l45 -46h274v183l-46 45v1092l-91 91h-288l-56 -46h-21l-45 45h-130l-52 -55v-1355zM436 7h318l-45 46l45 -46l-45 46v956l45 45h46l46 -45v-956l45 -46h274v183l-46 45v1092l-91 91h-288l-56 -46h-21l-45 45 h-130l-52 -55v-1355z" />
|
|
||||||
<glyph unicode="N" horiz-adv-x="751" d="M17 7h318l-45 46l45 -46l-45 46v956l45 45h46l46 -45v-956l45 -46h274v183l-46 45v1092l-91 91h-288l-56 -46h-21l-45 45h-130l-52 -55v-1355z" />
|
|
||||||
<glyph unicode="O" horiz-adv-x="672" d="M18 81l33 -53l45 -30h488l62 36l15 74v1294l-21 41l-41 23l-32 6h-448l-49 -14l-35 -33l-16 -47l-1 -54v-1243zM288 366v701l32 38l35 2l34 -40l2 -702l-35 -35h-33z" />
|
|
||||||
<glyph unicode="P" horiz-adv-x="690" d="M2 -3h337l1 54l-37 16v464h234l100 100v701l-134 134h-501v-33l33 -34v-1335l-33 -34v-33zM310 769v467h100v-467h-100z" />
|
|
||||||
<glyph unicode="Q" horiz-adv-x="672" d="M18 81l33 -53l45 -30h488l50 19l26 53l1 38l1 1314l-31 33l-32 11l-32 6h-448l-49 -14l-35 -33l-16 -47l-1 -54v-1243zM288 366v701l35 73l35 -2l31 -71l2 -38v-664l-35 -35h-33z" />
|
|
||||||
<glyph unicode="R" horiz-adv-x="673" d="M-34 -5h273v529l38 48l79 -107v-470h235v646l-59 59l59 59v646l-59 59h-564v-55l36 -35v-1282l-38 -45v-52zM255 825v411h117v-411h-117z" />
|
|
||||||
<glyph unicode="S" horiz-adv-x="812" d="M20 241l18 -101l19 -41l18 -20l73 -40l55 -21l91 -20h257l92 20l36 21l37 20l55 61l18 40v528l-18 40l-73 81l-331 163l-36 40v284l18 20h111l18 -20v-223l18 -20l256 -142h37v426l-18 20l-19 20l-18 21l-36 40l-55 41l-73 20h-312l-73 -20l-55 -21l-37 -20l-18 -20 l-31 -33l-24 -89v-304l18 -61l19 -41l36 -40l367 -195l36 -33v-360l-18 -61l-18 -20l-93 3l-36 57v366l-18 20l-256 101h-37v-487z" />
|
|
||||||
<glyph unicode="T" horiz-adv-x="686" d="M0 1060l133 133l98 35l3 -1014l-136 -214h486l-126 204l-1 1022l104 -35l125 -140v391l-686 2v-384z" />
|
|
||||||
<glyph unicode="U" horiz-adv-x="853" d="M18 1226l51 -51v-1070l25 -52l27 -26l76 -25h203l52 25l25 26l25 25v-51l51 -25h306v103l-25 25l-26 24v1327l-331 -179l-25 -25l-27 -26l27 -25l25 -25v-841l-25 -27h-27l-25 27v1070l-357 -179z" />
|
|
||||||
<glyph unicode="V" horiz-adv-x="890" d="M-1 1369l25 -25l202 -1346h538l249 1382l-348 -3l26 -52l-148 -988l-25 -26h-24l-25 26v49l-103 1009l-342 -3z" />
|
|
||||||
<glyph unicode="W" horiz-adv-x="1169" d="M1 88l91 -91h91l197 -1l56 46h21l45 -45h130l52 55l4 1355h-270l-6 -1002l-45 -45l-46 1l-46 45l3 956l-45 46h-227zM602 -4l197 -1l56 46h21l45 -45h130l52 54l-2 1288l-48 68l-219 1l-3 -1003l-45 -45h-46l-46 46z" />
|
|
||||||
<glyph unicode="X" horiz-adv-x="901" d="M17 1l255 -2l14 34l577 1330l-234 -2l-569 -1340zM63 1172l47 -29l8 -30l505 -1086l-31 -28l308 3l-475 1032l-176 324l-19 -12z" />
|
|
||||||
<glyph unicode="Y" horiz-adv-x="642" d="M-1 1115l1 -630l72 -66l74 -1h184v-123l257 -9l4 1146l-249 -186l-1 -550l-105 2l-1 468l-181 -2l-18 -17zM20 74l82 -75h370l113 75v251l-255 4l-60 -64h-116l-134 89v-280z" />
|
|
||||||
<glyph unicode="Z" horiz-adv-x="790" d="M-2 26l28 -28h654l26 28l28 26l28 28v437l-56 -136l-26 -28l-28 -28l-27 -26l-27 -28h-81l-28 28l-28 26v56l355 1038v54h-682l-82 -54l-26 -54v-383l26 28l28 54l136 136h81l56 -54l-301 -1012z" />
|
|
||||||
<glyph unicode="[" horiz-adv-x="282" />
|
|
||||||
<glyph unicode="\" horiz-adv-x="318" />
|
|
||||||
<glyph unicode="]" horiz-adv-x="312" />
|
|
||||||
<glyph unicode="a" horiz-adv-x="522" d="M5 96l8 -29l40 -43l24 -24h169l24 24l24 -24h217v24l-24 48v844l-72 72l-333 -2l-54 -63l1 -7v-193l24 -24l121 96h72v-96h-48l-97 -72l-24 -25l-72 -72v-434zM222 241v217l24 24h48v-169l-5 -40l-10 -19l-9 -13h-48z" />
|
|
||||||
<glyph unicode="b" horiz-adv-x="559" d="M5 -9h180l30 30h30l30 -30h150l60 60v810l-60 60h-210v180l120 120l-330 210v-1440zM215 261v450h60v-450h-60z" />
|
|
||||||
<glyph unicode="c" horiz-adv-x="486" d="M18 44l46 -46h346l46 46l17 20l6 26v207l-115 -92h-92l-47 46l1 366l49 58h94l110 -81v256l-67 69h-302l-92 -69v-806z" />
|
|
||||||
<glyph unicode="d" horiz-adv-x="495" d="M-5 60l14 -29l9 -13l16 -14l26 -10h88l65 22h65v-22h175l2 1480l-318 -276l22 -22l10 -2l-10 2l32 -2l44 -44l22 -43v-153l-22 -22l-183 -1l-32 -17l-20 -26l-5 -44v-764zM191 256v437h66v-439l-22 -20h-22z" />
|
|
||||||
<glyph unicode="e" horiz-adv-x="486" d="M18 44l46 -46h346l46 46l17 20l6 26v207h-23l-92 -92h-92l-23 23l-24 23l1 23l115 115l46 23l46 24l46 46v368l-67 69h-302l-92 -69v-806zM226 574v138h46v-115l-23 -23h-23z" />
|
|
||||||
<glyph unicode="f" horiz-adv-x="294" d="M10 -3h286v22l-87 110l-1 109v418l66 44v197l-66 52l1 300l43 -1l22 -22v-219l176 110v241l-66 66l-310 -2l-64 -58v-1367z" />
|
|
||||||
<glyph unicode="g" horiz-adv-x="516" d="M20 69l29 -30l30 -30l60 -1h150v-83l210 -1v-7l3 1020h-60l-30 1h-90l-30 -30h-30l-30 30h-90l-60 1l-60 -60zM36 -51v-256l67 -69h302l92 69v230l-208 3l-49 -58h-94zM230 218l1 450h60l-1 -450h-60z" />
|
|
||||||
<glyph unicode="h" horiz-adv-x="495" d="M13 -3h196l24 2l-2 -2v22l-22 21v631l18 39l31 -2l16 -37v-674h218v25l-22 22v801l-13 26l-9 17l-33 18l-32 4h-131l-41 -10l-2 54v478l-196 -109v-1326z" />
|
|
||||||
<glyph unicode="i" horiz-adv-x="313" d="M15 -7h246v950h-92l-154 -123v-61l31 -31v-612l-31 -31v-92zM15 1061l62 -57h122l31 31l31 30v154l-31 30l-31 31h-122l-31 -31l-31 -30v-158z" />
|
|
||||||
<glyph unicode="j" horiz-adv-x="290" d="M-218 -51v-256l67 -69h302l92 69v230l-208 3l-49 -58h-94zM26 1041l62 -57h122l31 31l31 30v154l-31 30l-31 31h-122l-31 -31l-31 -30v-158zM35 -105l210 -8l3 1050h-60l-30 1h-72l10 1l-60 -60z" />
|
|
||||||
<glyph unicode="k" horiz-adv-x="521" d="M-9 1135l16 -21v-1117h198v463h99v-463h199v546l-50 50l50 50v408l-50 50h-148l2 -402l-117 -1l1 518l-13 27z" />
|
|
||||||
<glyph unicode="l" horiz-adv-x="252" d="M-4 -3h220v1316l-31 31l-189 -114l31 -32l-1 -1168z" />
|
|
||||||
<glyph unicode="m" horiz-adv-x="847" d="M-4 777l31 25l31 -61v-742h216l-31 31l31 -31l-31 31v649l31 31h31l31 -31v-649l31 -31h186v124l-31 31v741l-62 62h-196l-38 -31h-14l-30 31h-31l-155 -93v-87zM276 777l31 25l31 -61v-742h216l-31 31v649l31 31h31l31 -31v-649l31 -31h186v124l-31 31v741l-62 62h-196 l-38 -31h-14l-30 31h-31l-155 -93v-87z" />
|
|
||||||
<glyph unicode="n" horiz-adv-x="577" d="M17 785l31 25l31 -61v-742h216l-31 31v649l31 31h31l31 -31v-649l31 -31h186v124l-31 31v741l-62 62h-196l-38 -31h-14l-30 31h-31l-155 -93v-87z" />
|
|
||||||
<glyph unicode="o" horiz-adv-x="473" d="M18 51l23 -34l31 -19h338l34 12l18 34l1 24l-6 834l-15 21l-22 7l-22 4h-310l-34 -9l-24 -21l-11 -30l-1 -34v-789zM205 232v445l24 46l24 -1l22 -45l1 -24v-422l-24 -22h-23z" />
|
|
||||||
<glyph unicode="p" horiz-adv-x="495" d="M6 918l2 -1362l319 275l-22 22l-10 2l10 -2l-32 2l-44 44l-21 43l-2 35l22 22h183l32 17l20 26l6 44l3 764l-14 29l-9 13l-16 14l-26 10l-44 1l44 -1l-44 1h-44l-65 -22h-65v22zM225 662l22 20h22l22 -22l-2 -437h-63z" />
|
|
||||||
<glyph unicode="q" horiz-adv-x="559" d="M7 53l29 -30l30 -30l60 -1h150v-113l-121 -120l330 -211l1 1373l-177 1l-30 -30h-30l-30 30h-90l-60 1l-60 -60zM217 202l1 450h60l-1 -450h-60z" />
|
|
||||||
<glyph unicode="r" horiz-adv-x="449" d="M7 -7h337l-67 67l-23 45v541l46 45h44l23 -23l45 -67v315h-112l-46 -45l-22 22l-23 45h-49l-153 -112v-45l22 -23v-675l-22 -23v-67z" />
|
|
||||||
<glyph unicode="s" horiz-adv-x="566" d="M20 150l13 -64l12 -25l13 -12l50 -26l38 -12l64 -13h177l63 13l25 12l25 13l13 13l13 12l12 13l13 25v329l-13 25l-50 50l-228 101l-12 13l-13 13v177l13 12h75l13 -12v-139l13 -13l177 -88h25v265l-38 38l-13 12l-12 13l-38 25l-51 13h-215l-50 -13l-38 -12l-25 -13 l-13 -13l-21 -20l-17 -55v-190l13 -38l12 -25l13 -13l13 -12l252 -122l25 -20l1 -225l-13 -38l-13 -12l-63 2l-25 36v227l-13 13l-177 63h-25v-303z" />
|
|
||||||
<glyph unicode="t" horiz-adv-x="269" d="M-36 1098l43 -43v-1014l22 -43h194v43l-22 22v582l63 44v172l-63 43v216l12 24v86l-12 19v22l-236 -146z" />
|
|
||||||
<glyph unicode="u" horiz-adv-x="605" d="M18 837l35 -35v-730l17 -35l18 -18l52 -17h139l35 17l17 18l17 17v-35l35 -17h209v70l-17 17l-18 17v905l-226 -122l-35 -35l18 -17l17 -17v-574l-17 -18h-18l-17 18v730l-244 -122z" />
|
|
||||||
<glyph unicode="v" horiz-adv-x="692" d="M-1 935l17 -17l138 -920h368l170 945l-238 -2l18 -36l-101 -675l-17 -18h-17l-17 18v33l-70 690l-234 -2z" />
|
|
||||||
<glyph unicode="w" horiz-adv-x="828" d="M15 94l79 -85l65 -3l-31 -1l31 1h165l38 32h14l30 -31h31l155 94l-1 87l-30 -25l-32 60l-3 742l-184 -1l2 -680l-31 -31h-31l-31 31l-3 649l-31 31h-62l-31 -1h-31l-28 1l-1 -737l-33 -71l-15 32zM342 809l1 -30l-1 30l1 -30l3 -710l62 -62h62l134 1l38 31h14l30 -31h31 l91 52l-2 907l-62 -1h-123l3 -680l-31 -31h-31l-31 30l-3 649l-31 31h-124z" />
|
|
||||||
<glyph unicode="x" horiz-adv-x="593" d="M-6 0l177 -1l10 24l18 43l10 20l18 42l19 43l8 21l19 43l9 21l19 43l9 20l9 21l18 43l10 21l38 90l197 456l-162 -1l-397 -935zM25 817l34 -20l5 -22l352 -756l-22 -20l214 2l-330 720l-122 225l-15 -7z" />
|
|
||||||
<glyph unicode="y" horiz-adv-x="559" d="M8 765l1 -704l29 -30l30 -30l60 -1h150v-113l210 -8v1050h-57l-118 -95l-5 -566h-103v556l-134 1zM25 -59v-256l67 -69h302l92 69v230l-208 3l-49 -58h-94z" />
|
|
||||||
<glyph unicode="z" horiz-adv-x="529" d="M-2 16l18 -18h424l53 53v283l-36 -88l-17 -18l-18 -18l-18 -17l-17 -18h-53l-18 18l-18 17v36l230 672v35h-442l-53 -35l-17 -35v-248l17 18l18 35l88 88h53l18 -17l18 -18l-195 -655z" />
|
|
||||||
<glyph unicode="" horiz-adv-x="950" d="M0 0v950h950v-950h-950z" />
|
|
||||||
</font>
|
|
||||||
</defs></svg>
|
|
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 18 KiB |