angular-file-manager/angular-file-manager.styl at master · ElijahFowler/angular-file-manager · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
.file-manager
  background: #F7F7F7
  font-family: 'Roboto Condensed'
  font-weight: 300
  color: #787878

  header
    background: #2B3D50
    color: white
    padding: 15px 20px

    button
      font-size: 16px
      color: white
      text-transform: uppercase
      padding: 0
      margin: 0
      background: none
      border: 0 none
      font-weight: 300

      &:hover
        color: #6ED2DD

  h2
    background: #6ED2DD
    color: white
    font-size: 15px
    font-weight: 300
    text-transform: uppercase
    padding: 5px 15px
    margin: 0
    word-spacing: 6px
    [class^="icon-"], [class*=" icon-"]
      color: white

  .files
    position: relative
    overflow: hidden

  .row
    position: relative
    background: white
    border-bottom: 1px solid #F7F7F7
    min-height: 45px

  .droparea
    margin: 10px
    line-height: 100px
    font-size: 1.75em
    text-transform: uppercase
    color: silver
    border: 3px dashed #e3e3e3
    text-align: center
    padding: 10px
    background: white

    &.over
      background: whitesmoke

  [class^="icon-"], [class*=" icon-"]
    font-size: 14px
    color: #787878

  .col1, .col2, .col3
    position: absolute
    top: 12px

  .col1
    border-right: 1px solid #e3e3e3
    width: 55px
    text-align: center
    left: 0

  .col2
    position: absolute
    top: 8px
    left: 65px
    right: 75px

  .col3
    position: absolute
    right: 0
    border-left: 1px solid #e3e3e3
    width: 55px
    text-align: center

  input
    color: #787878
    border: 1px solid #e3e3e3
    font-size: 16px
    font-family: 'Roboto Condensed'
    font-weight: 300

    &.inline
      font-weight: 300
      padding: 3px 5px
      width: 100%
      -moz-box-shadow: none

    &:invalid
      box-shadow: none

    &[readonly]
      border: 0 none
      -webkit-user-select: none
      -moz-user-select: none
      -ms-user-select: none
      user-select: none
      background: none
      &:hover
        text-decoration: underline
        color: #6ED2DD
        cursor: pointer

  button
    background: none
    padding: 0
    margin: 0
    border: 0
    padding: 0 7px
    text-align: center

  .directory_create
    padding: 12px
    padding-bottom: 0

    input
      width: 100%
      padding: 5px
      box-sizing: border-box
      -moz-box-sizing: border-box
      -ms-border-sizing: border-box