files.scss 3.83 KB
Newer Older
1 2 3 4 5
/**
 * File content holder
 *
 */
.file_holder {
6
  border: 1px solid #BBB;
7
  margin-bottom: 1em;
8
  @include solid-shade;
9 10 11

  .file_title {
    border-bottom: 1px solid #bbb;
randx's avatar
randx committed
12
    @include bg-dark-gray-gradient;
13 14 15 16 17 18
    margin: 0;
    font-weight: normal;
    font-weight: bold;
    text-align: left;
    color: #666;
    padding: 9px 10px;
19
    height: 18px;
20 21

    .options {
22
      float: right;
23 24 25 26
      margin-top: -5px;
    }

    .file_name {
27 28
      color: $style_color;
      font-size: 14px;
29 30
      text-shadow: 0 1px 1px #fff;
      small {
31
        color: #999;
32
        font-size: 13px;
33 34 35 36
      }
    }
  }
  .file_content {
37
    background: #fff;
38 39
    font-size: 11px;

Valeriy Sizov's avatar
Valeriy Sizov committed
40 41 42
    &.wiki {
      font-size: 13px;
      code {
43
        padding: 0 4px;
Valeriy Sizov's avatar
Valeriy Sizov committed
44
      }
45
      padding: 20px;
46 47 48 49 50 51 52 53 54

      h1 { font-size: 26px; line-height: 46px; }
      h2 { font-size: 22px; line-height: 42px; }
      h3 { font-size: 20px; line-height: 40px; }
      h4 { font-size: 18px; line-height: 32px; }
      h5 { font-size: 16px; line-height: 26px; }

      .white .highlight pre {
        background: #f5f5f5;
Valeriy Sizov's avatar
Valeriy Sizov committed
55 56 57
      }
    }

58
    &.image_file {
59
      background: #eee;
60
      text-align: center;
61
      img {
62 63
        padding: 100px;
        max-width: 300px;
64 65 66 67 68 69 70 71 72 73 74
      }
    }

    &.blob_file {

    }

    /**
     *  Blame file
     */
    &.blame {
75
      table {
76 77 78
        border: none;
        box-shadow: none;
        margin: 0;
79
      }
80 81 82 83
      tr {
        border-bottom: 1px solid #eee;
      }
      td {
84
        &:first-child {
85
          border-left: none;
86 87
        }
        &:last-child {
88
          border-right: none;
89
        }
90
        background: #fff;
91
        padding: 5px;
92 93 94
      }
      .author,
      .blame_commit {
95
        background: #f5f5f5;
96
        vertical-align: top;
97 98 99
      }
      .lines {
        pre {
100 101 102 103
          padding: 0;
          margin: 0;
          background: none;
          border: none;
104 105 106 107 108
        }
      }
    }

    &.logs {
109
      background: #eee;
110 111 112 113
      max-height: 700px;
      overflow-y: auto;

      ol {
114
        margin-left: 40px;
115 116
        padding: 10px 0;
        border-left: 1px solid #CCC;
117
        margin-bottom: 0;
118 119
        background: white;
        li {
120
          color: #888;
121
          p {
122
            margin: 0;
123
            color: #333;
124
            line-height: 24px;
125 126 127 128
            padding-left: 10px;
          }

          &:hover {
129
            background: $hover;
130 131 132 133 134 135 136 137 138
          }
        }
      }
    }

    /**
     *  Code file
     */
    &.code {
139
      padding: 0;
140

141
      table.lines {
142
        border: none;
143 144 145 146
        box-shadow: none;
        margin: 0px;
        padding: 0px;
        table-layout: fixed;
147

148 149
        pre {
          border: none;
150
          border-radius: 0;
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172
          font-family: 'Menlo', 'Liberation Mono', 'Consolas', 'Courier New', 'andale mono','lucida console',monospace;
          font-size: 12px !important;
          line-height: 16px !important;
          margin: 0;
          padding: 10px 0;
        }
        td {
          border: none;
          margin: 0;
          padding: 0;
          vertical-align: top;

          &:first-child {
            background: #eee;
            width: 50px;
          }
          &:last-child {
          }
        }
        tr:hover {
          background: none;
        }
173

174
        pre.line_numbers {
175
          color: #666;
176
          padding: 10px 6px 10px 0;
177
          text-align: right;
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205

          a {
            color: #666;

            i {
              display: none;
              font-size: 14px;
              line-height: 14px;
            }
            &:hover i {
              display: inherit;
            }
          }
        }

        .highlight {
          border-left: 1px solid #DEE2E3;
          overflow: auto;
          overflow-y: hidden;

          pre {
            white-space: pre;
            word-wrap: normal;

            .line {
              padding: 0 10px;
            }
          }
206
        }
207 208 209 210 211
      }
    }
  }
}