floorplan/floorplan.styl at master · chrisdejager/floorplan · 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
134
135
136
137
138
139
html, body
    -webkit-perspective 2000px
    margin 0
    height 100%
    font-family "Helvetica Neue", Helvetica, Arial, sans-serif
    -webkit-user-select none

    &.mousedown
        cursor -webkit-grabbing

// copied from Q42 intranet header
header
    background-color #111
    line-height 42px
    height 50px
    color white
    padding 0 10px
    -webkit-font-smoothing antialiased

    img
        margin 0 5px 0 0
        width 23px
        height 35px
        vertical-align middle

    h1
        color #8cd600
        display inline-block
        height 42px
        padding 0 8px
        font 17.5px 'Merriweather Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif

    #login
        float right

#floorplan
    position relative

    img
        -webkit-user-select none
        width 100%
        opacity .5
        -webkit-filter grayscale(1)
        -webkit-animation fadeIn .4s cubic-bezier(0.175,.885,.335,1.25)

nav
    display inline-block

    a
        color #999
        font-size smaller
        margin 0 10px 0 0

        &.selected
            color white
            text-decoration none

        &.button
            border-radius 5px
            padding 3px 10px
            background #333

#qers
    background #2a2a2a
    height 120px
    box-shadow 0 1px 1px rgba(50,50,50,0.5)
    overflow hidden
    padding 4px

    .qer
        width 50px
        height 50px
        background #fe9
        display table
        overflow hidden
        float left
        margin 4px
        cursor -webkit-grab
        background-size cover
        border-radius 50%
        -webkit-transition all cubic-bezier(0.175,.885,.335,1.25) 1s

        &.partner
            display table
            text-align center
            -webkit-transform scale(0.8)

            span
                display table-cell
                vertical-align middle

        &.positioning
            position absolute
            z-index 999
            box-shadow 0 0 4px white
            margin -25px

        // &:not(.dragging)
        //     -webkit-animation fadeIn .4s cubic-bezier(0.175,.885,.335,1.25)
        //     -webkit-animation-fill-mode backwards

        //     for num in (1..50)
        //         &:nth-child({num})
        //             -webkit-animation-delay (num * 0.01) s

#createObject
    position absolute
    z-index 99999
    display table
    width 100%
    height 100%
    top 0
    left 0
    right 0
    bottom 0
    background rgba(0,0,0,.4)
    -webkit-animation fadeIn .4s cubic-bezier(0.175,.885,.335,1.25)
    -webkit-font-smoothing antialiased

    form
        display table-cell
        text-align center
        vertical-align middle
        color white
        input
            padding 3px 10px
            border none
            border-radius 10px
            font 24px "Helvetica Neue", Helvetica, Arial, sans-serif

            &.button
                background-color white

@-webkit-keyframes fadeIn
    from
        opacity 0
        -webkit-transform translateZ(500px)
    to
        opacity 1