BigW Consortium Gitlab

lists.scss 1.79 KB
Newer Older
1 2 3 4 5 6
/**
 * Well styled list
 *
 */
.well-list {
  margin: 0;
Dmitriy Zaporozhets committed
7
  padding: 0;
8
  list-style: none;
Dmitriy Zaporozhets committed
9

10
  li {
11
    padding: 10px 15px;
12 13 14 15
    min-height: 20px;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

16 17 18 19 20 21
    &:after {
      content: " ";
      display: table;
      clear: both;
    }

22 23 24 25
    &.disabled {
      color: #888;
    }

26 27 28 29 30 31
    &.unstyled {
      &:hover {
        background: none;
      }
    }

32 33 34 35 36 37
    &.warning-row {
      background-color: #fcf8e3;
      border-color: #faebcc;
      color: #8a6d3b;
    }

38
    &.smoke { background-color: #f5f5f5; }
39

40
    &:hover {
41
      background: $hover;
42
      border-bottom: 1px solid #ADF;
43
    }
44 45

    &:last-child {
46
      border-bottom: none;
47 48 49 50

      &.bottom {
        background: #f5f5f5;
      }
51 52
    }

53 54
    .author { color: #999; }

55 56 57 58 59 60
    .list-item-name {
      float: left;
      position: relative;
      top: 3px;
    }

61
    p {
62
      padding-top: 1px;
63
      margin: 0;
64
      color: #222;
65
      img {
66 67
        position: relative;
        top: 3px;
68 69
      }
    }
70 71 72 73 74

    .well-title {
      font-size: 14px;
      line-height: 18px;
    }
75 76 77 78 79 80 81 82 83

    .row_title {
      font-weight: 500;
      color: #444;
      &:hover {
        color: #444;
        text-decoration: underline;
      }
    }
84 85
  }
}
randx committed
86 87 88 89

ol, ul {
  &.styled {
    li {
90
      padding: 2px;
randx committed
91 92 93
    }
  }
}
94 95 96 97 98 99 100 101 102 103 104 105

/** light list with border-bottom between li **/
ul.bordered-list {
  margin: 5px 0px;
  padding: 0px;
  li {
    padding: 5px 0;
    border-bottom: 1px solid #EEE;
    overflow: hidden;
    display: block;
    margin: 0px;
    &:last-child { border:none }
106 107 108 109 110 111 112 113
    &.active {
      background: #f9f9f9;
      a { font-weight: bold; }
    }

    &.light {
      a { color: #777; }
    }
114
  }
115 116 117 118 119 120 121 122 123

  &.top-list {
    li:first-child {
      padding-top: 0;
      h4, h5 {
        margin-top: 0;
      }
    }
  }
124
}