view MoinMoin/themes/basic/static/custom-less/basic.less @ 2460:3cb8898fd743

fixes #67, adds displaying of alerts, also adds a few mixins
author sharky93 <rishabhr123@gmail.com>
date Mon, 09 Sep 2013 17:10:15 +0530
parents bf19865c6e0b
children 142998f5e57f
line wrap: on
line source
@import "bootstrap.less";

.moin-flash {
  .alert;
}

.moin-flash-hint {
  .alert-success;
}

.moin-flash-info {
  .alert-info;
}

.moin-flash-warning {
  .alert-danger;
}

.moin-flash-error {
  .alert-danger;
}

.moin-user-action-special {
  .list-group-item;
  width: 100%;
  color: @link-color;
  &:hover,
  &:focus,
  &:active,
  &.active {
    color: @link-hover-color;
    background-color: @list-group-hover-bg;
    border: 1px solid @list-group-border;
  }
  border: 1px solid @list-group-border;
  border-radius: 0;
}

.moin-diff-added {
  background-color: @moin-diff-added;
}

.moin-diff-removed {
  background-color: @moin-diff-removed;
}

.moin-breadcrumb {
  .breadcrumb;
  > li {
    &+li:before {
      content: "ยป"; // right angular brackets, custom separator
    }
  }
}

.moin-nav {
  .nav;
  margin-bottom: 20px;  // override bottom-margin nav-tabs
}

.moin-shadow {
  > li {
    > a {
      .form-control-focus(); // adds shadow onfocus
    }
  }
}

.moin-location-breadcrumb {
  padding-top: 12px;
}

.moin-nonexistent {
  color: @link-nonexistent-color;
  &:hover {
    color: @link-nonexistent-hover-color;
  }
}

.moin-sidebar {
  .list-group;
  overflow: hidden;
}

.moin-navbar-inverse {
  .navbar-inverse;
  background-color: @moin-navbar-inverse-bgcolor;
  padding-left: 0px;
  .navbar-nav {
    > li > a {
      color: @moin-navbar-inverse-textcolor;
    }
  }
  .navbar-text {
    color: @moin-navbar-inverse-textcolor;
    > a {
      color: @moin-navbar-inverse-textcolor;
    }
  }
}

.moin-quicklink {
  position: relative;
  padding: 10px 15px 10px 15px;
  border: 1px solid @list-group-border;
  margin-bottom: -1px;

  &:last-child {
    margin-bottom: 0;
    .border-bottom-radius(@border-radius-base);
  }

  // Hover state
  &:hover,
  &:focus {
    background-color: @list-group-hover-bg;
  }
}

.moin-quicklink-label {
  display: block;
  &:hover,
  &:focus {
    text-decoration: none;
  }
}

.moin-quicklink-delete {
  position: absolute;
  left: 80%;
  top: 25%;
  &:hover,
  &:focus {
    text-decoration: none;
  }
}

// transclusion
.moin-transclusion {
    max-width: 100%;
}

.moin-item-wrapper {
    position: relative;
    display: inline-block;
    > a:hover {
      color: link_color;
      text-decoration: none;
    }
}

div.moin-item-wrapper {
    width: 100%; // force bottom border of transcluded headings to extend across entire page
}

.moin-item-overlay-ul,
.moin-item-overlay-lr {
    display: none;
    position: absolute;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    opacity: .5;
    padding: 1px;
    border-color: @link-color;
    border-style: double;
}

.moin-item-overlay-ul {
    top: -4px;
    left: -4px;
    border-width: 3px 0 0 3px;
}

.moin-item-overlay-lr {
    bottom: -4px;
    right: -4px;
    border-width: 0 3px 3px 0;
}

.moin-item-overlay-ul:hover,
.moin-item-overlay-lr:hover {
    opacity: .8;
    background-color: @gray;
    color: @link-color;
}

.comment {
  color: @text-color;
  background-color: lighten(@link-color, 40%);
}