summaryrefslogtreecommitdiff
path: root/www/wiki/skins/bo/bootswatch.less
diff options
context:
space:
mode:
Diffstat (limited to 'www/wiki/skins/bo/bootswatch.less')
-rwxr-xr-xwww/wiki/skins/bo/bootswatch.less282
1 files changed, 282 insertions, 0 deletions
diff --git a/www/wiki/skins/bo/bootswatch.less b/www/wiki/skins/bo/bootswatch.less
new file mode 100755
index 00000000..17a6b033
--- /dev/null
+++ b/www/wiki/skins/bo/bootswatch.less
@@ -0,0 +1,282 @@
+// Cosmo 3.3.7 - https://bootswatch.com/3/cosmo/
+// Bootswatch - https://github.com/thomaspark/bootswatch/
+// MIT - https://github.com/thomaspark/bootswatch/blob/master/LICENSE
+// C - Thomas Park
+// -----------------------------------------------------
+
+
+/* Fonts
+
+font-family: 'Alegreya', serif;
+font-family: 'Alegreya Sans', sans-serif;
+font-family: 'Roboto Mono', monospace;
+
+*/
+
+/* to do: fix web-font-path */
+// @import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya:400,400i,500,500i,700,700i,800,800i,900,900i|Roboto+Mono:400,500,700');
+
+// @import url('https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css');
+
+@web-font-path: "https://fonts.googleapis.com/css?family=Alegreya+Sans:100,300,300i,400,400i,500,500i,700,700i,800,900|Alegreya:400,400i,500,500i,700,700i,800,900|Roboto+Mono";
+
+.web-font(@path) {
+ @import url("@{path}");
+}
+.web-font(@web-font-path);
+
+// Navbar =====================================================================
+
+.navbar {
+ background-color: @navbar-bg;
+ &-inverse {
+
+ .badge {
+ background-color: #fff;
+ color: @brand-primary;
+ }
+ }
+}
+
+// Buttons ====================================================================
+
+// Typography =================================================================
+
+body {
+ -webkit-font-smoothing: antialiased;
+}
+
+.text-primary,
+.text-primary:hover {
+ color: @brand-primary;
+}
+
+.text-success,
+.text-success:hover {
+ color: @brand-success;
+}
+
+.text-danger,
+.text-danger:hover {
+ color: @brand-danger;
+}
+
+.text-warning,
+.text-warning:hover {
+ color: @brand-warning;
+}
+
+.text-info,
+.text-info:hover {
+ color: @brand-info;
+}
+
+// Tables =====================================================================
+
+table,
+.table {
+
+ a:not(.btn) {
+ text-decoration: underline;
+ }
+
+ .dropdown-menu a {
+ text-decoration: none;
+ }
+
+ .success,
+ .warning,
+ .danger,
+ .info {
+ color: #fff;
+
+ a {
+ color: #fff;
+ }
+ }
+}
+
+// Forms ======================================================================
+
+
+.has-warning {
+ .help-block,
+ .control-label,
+ .radio,
+ .checkbox,
+ .radio-inline,
+ .checkbox-inline,
+ &.radio label,
+ &.checkbox label,
+ &.radio-inline label,
+ &.checkbox-inline label,
+ .form-control-feedback {
+ color: @brand-warning;
+ }
+
+ .form-control,
+ .form-control:focus,
+ .input-group-addon {
+ border: 1px solid @brand-warning;
+ }
+}
+
+.has-error {
+ .help-block,
+ .control-label,
+ .radio,
+ .checkbox,
+ .radio-inline,
+ .checkbox-inline,
+ &.radio label,
+ &.checkbox label,
+ &.radio-inline label,
+ &.checkbox-inline label,
+ .form-control-feedback {
+ color: @brand-danger;
+ }
+
+ .form-control,
+ .form-control:focus,
+ .input-group-addon {
+ border: 1px solid @brand-danger;
+ }
+}
+
+.has-success {
+ .help-block,
+ .control-label,
+ .radio,
+ .checkbox,
+ .radio-inline,
+ .checkbox-inline,
+ &.radio label,
+ &.checkbox label,
+ &.radio-inline label,
+ &.checkbox-inline label,
+ .form-control-feedback {
+ color: @brand-success;
+ }
+
+ .form-control,
+ .form-control:focus,
+ .input-group-addon {
+ border: 1px solid @brand-success;
+ }
+}
+
+// Navs =======================================================================
+
+.nav-pills {
+
+ & > li > a {
+ border-radius: 0;
+ }
+}
+
+.dropdown-menu {
+
+ & > li > a:hover,
+ & > li > a:focus {
+ background-image: none;
+ }
+}
+
+// Indicators =================================================================
+
+.close {
+ text-decoration: none;
+ text-shadow: none;
+ opacity: 0.4;
+
+ &:hover,
+ &:focus {
+ opacity: 1;
+ }
+}
+
+.alert {
+ border: none;
+
+ .alert-link {
+ text-decoration: underline;
+ color: #fff;
+ }
+}
+
+.label {
+ border-radius: 0;
+}
+
+// Progress bars ==============================================================
+
+.progress {
+ height: 8px;
+ .box-shadow(none);
+ .progress-bar {
+ font-size: 8px;
+ line-height: 8px;
+ }
+}
+
+// Containers =================================================================
+
+.panel {
+ &-heading,
+ &-footer {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ }
+
+ &-default {
+ .close {
+ color: @text-color;
+ }
+ }
+}
+
+a.list-group-item {
+
+ &-success {
+ &.active {
+ background-color: @state-success-bg;
+ }
+
+ &.active:hover,
+ &.active:focus {
+ background-color: darken(@state-success-bg, 5%);
+ }
+ }
+
+ &-warning {
+ &.active {
+ background-color: @state-warning-bg;
+ }
+
+ &.active:hover,
+ &.active:focus {
+ background-color: darken(@state-warning-bg, 5%);
+ }
+ }
+
+ &-danger {
+ &.active {
+ background-color: @state-danger-bg;
+ }
+
+ &.active:hover,
+ &.active:focus {
+ background-color: darken(@state-danger-bg, 5%);
+ }
+ }
+}
+
+.modal {
+ .close {
+ color: @text-color;
+ }
+}
+
+.popover {
+ color: @text-color;
+}