navbar_left.scss 3.6 KB
Newer Older
1
.left-navbar {
Fla's avatar
Fla committed
2
  padding: 0;
Fla's avatar
Fla committed
3
  padding-bottom: 10px;
Fla's avatar
Fla committed
4

5 6
  a {
    text-decoration: none;
7
    outline: 0;
8 9
  }

Steffen van Bergerem's avatar
Steffen van Bergerem committed
10
  ul {
augier's avatar
augier committed
11 12
    margin: 0;
    padding: 0;
13
    list-style: none;
Steffen van Bergerem's avatar
Steffen van Bergerem committed
14 15 16
  }

  .hoverable {
17
    color: $link-grey;
18
    display: block;
19
    padding: 10px 20px;
Fla's avatar
Fla committed
20 21 22 23 24
    font-weight: bold;

    a {
      color: $link-grey;
    }
25 26

    &:hover, &:hover a, &:hover [class^="entypo"] {
27 28
      background-color: $brand-primary;
      border-color: $brand-primary;
29
      color: $white;
30
    }
31 32
  }

Fla's avatar
Fla committed
33 34 35
  .all-aspects .hoverable.selected,
  .followed-tags-sidebar .hoverable.selected,
  .selected > .hoverable {
36 37
    color: $white;
    background: $gray;
38
    border-color: $gray;
Steffen van Bergerem's avatar
Steffen van Bergerem committed
39 40
  }

Fla's avatar
Fla committed
41 42
  .all-aspects ul,
  .followed-tags-sidebar ul {
augier's avatar
augier committed
43 44
    background: $left-navbar-drawer-background;
    li { padding: 0; }
45 46
    .entypo-check { visibility: hidden; }
    .entypo-check.selected { visibility: visible; }
augier's avatar
augier committed
47 48 49 50 51 52
    .selectable {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 10px 20px 10px 40px;
    }
53
    .hoverable > .action {
augier's avatar
augier committed
54 55 56
      position: relative;
      bottom: 30px;
      right: 20px;
57
      visibility: hidden;
augier's avatar
augier committed
58
    }
59
    .hoverable:hover > .action { visibility: visible; }
Steffen van Bergerem's avatar
Steffen van Bergerem committed
60 61
  }

62
  #tags_list {
63
    #new_tag_following {
64
      padding: 10px 20px 10px 30px;
65 66 67
    }

    /* ---- override app/stylesheets/vendor/autoSuggest.css ---- */
Augier's avatar
Augier committed
68
    .as-original{ width: 100%; }
69
    .tag_input {
70
      line-height: $font-size-base;
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
      vertical-align: top;
      width: 100%;
    }

    .as-result {
      margin-top: -1px;
      margin-left: 1px;
    }

    .as-list {
      em {
        background-color: #aabbcc;
        color: black;
        padding: 0px;
      }

      color: black;
      position: static; /* override absolute */
      margin: 0px;
      border-radius: 0px 0px 3px 3px;
      box-shadow: 0px 1px 1px #666;
    }

    .as-result-item.active {
      color: black;
      text-shadow: none;
      background-color: $background-blue;
      border-color: $background-blue;
    }
    /* ---- end override app/stylesheets/vendor/autoSuggest.css ---- */
Steffen van Bergerem's avatar
Steffen van Bergerem committed
101
  }
Fla's avatar
Fla committed
102
}
103

Fla's avatar
Fla committed
104
.info-bar {
Fla's avatar
Fla committed
105 106 107
  margin-top: 20px;
  padding: 10px 20px 0;

108
  .excellence-box,
Fla's avatar
Fla committed
109 110 111 112
  .info-links {
    border-top: 1px solid $border-grey;
    padding: 5px;
  }
113

114 115 116 117 118 119
  .excellence-box {
    margin-top: 10px;

    .content {
      font-size: $font-size-base;
    }
120 121 122 123 124

    a,
    a:hover {
      color: $link-grey;
    }
125 126
  }

Fla's avatar
Fla committed
127
  .section {
Fla's avatar
Fla committed
128 129 130 131 132 133 134 135 136 137 138 139 140 141 142
    margin-top: 10px;

    &:last-child {
      margin-bottom: 10px;
    }

    &:not(.collapsed) .entypo-triangle-right,
    &.collapsed .entypo-triangle-down,
    &.collapsed .content {
      display: none;
    }

    &.collapsed .title h5 {
      font-weight: normal;
    }
Fla's avatar
Fla committed
143
  }
144

Fla's avatar
Fla committed
145
  .title {
Fla's avatar
Fla committed
146
    cursor: pointer;
Fla's avatar
Fla committed
147
    padding-bottom: 5px;
148

Fla's avatar
Fla committed
149 150 151
    h5 {
      color: $text-dark-grey;
      font-size: $font-size-base;
Fla's avatar
Fla committed
152
      font-weight: bold;
Fla's avatar
Fla committed
153 154 155
      margin: 0;
    }
  }
156

Fla's avatar
Fla committed
157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198
  .content {
    color: $text-grey;
    font-size: $font-size-small;
    line-height: 18px;
    padding: 10px 0;

    p,
    ul {
      margin: 0;
    }

    ul {
      list-style: none;
      margin-bottom: 5px;
      padding-left: 0;
    }

    .btn-link {
      font-size: $font-size-small;
      padding-left: 0;
    }

    > [name="invite_code"] {
      box-sizing: border-box;
      font-size: $font-size-small;
      height: 30px;
      width: 100%;
    }
  }

  .right-service-icons {
    padding: 10px {
      bottom: 0;
    }
    text-align: center;

    .social-media-logos-facebook-24x24,
    .social-media-logos-twitter-24x24,
    .social-media-logos-tumblr-24x24,
    .social-media-logos-wordpress-24x24 {
      height: 24px;
      width: 24px;
199
    }
Fla's avatar
Fla committed
200 201 202 203 204

    a {
      display: inline-block;
    }
  }
Steffen van Bergerem's avatar
Steffen van Bergerem committed
205
}