box.less 14 KB
Newer Older
Dányi Bence committed
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
.boxes
{
    width:480px;
    float:left;
}

.box
{
    background-color:#000;
    background-image:url(hexa.png);
    background-position:center 30%;
    background-repeat:no-repeat;
    color:#fff;
    font-weight:700;
    line-height:1.5em;
    width:400px;
    border-radius:10px;
    border-top-width:30px;
    margin:10px 420px 10px 10px;
    padding:2px;
    h3
    {
        color:#fff;
        text-align:center;
        margin:0;
        padding:3px;
    }
    .content
    {
        min-height:100px;
        margin:0;
        padding:5px;
    }
}

#new-wm-tooltip{
    position: relative;
Dányi Bence committed
38
    z-index: 1;
Dányi Bence committed
39 40 41 42 43 44 45 46 47 48 49
}
#new-wm-tooltip-container{
    margin: 10px 10px 5px 150px;
    border-radius: 4px;
    border: 1px solid #888;
    background: #FFFF66;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    p{
        text-align: left;
        font-size: 0.8em;
        word-spacing: 2px;
Dányi Bence committed
50
        padding: 5px;
Dányi Bence committed
51
    }
Dányi Bence committed
52
    #new-wm-tooltip-tail{
Dányi Bence committed
53
        position: absolute;
Dányi Bence committed
54 55
        left: 350px;
        border-width: 17px;
Dányi Bence committed
56
        border-style: solid;
Dányi Bence committed
57 58 59 60 61 62 63 64 65 66
        border-color: #888 transparent transparent transparent;
        &:after{
            content: "";
            position: absolute;
            left: -17px;
            top: -18px;
            border-width: 17px;
            border-style: solid;
            border-color: #FFFF66 transparent transparent transparent;
        }
Dányi Bence committed
67 68 69 70 71 72 73
    }
}

.wm{
    &.opened .actions{
        display: block !important;
    }
Dányi Bence committed
74 75 76 77 78 79 80 81 82 83 84 85
    &.small .summary{
        padding: 5px;
        cursor: default;
        &:hover{
            background-color: #c1c1c1;
        }
        .name{
            background: none !important;
            text-align: center;
            float: none;
        }
    }
86 87 88 89 90 91 92 93 94
    &.small-row .summary{
        padding: 5px;
        &:hover{
            background-color: #b1b1b1;
        }
        .name{
            float: none;
        }
    }
Dányi Bence committed
95 96 97 98 99 100 101 102 103
    .quota{
        left: 0;
        top: 0;
        z-index: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        .used{
            height: 100%;
Dányi Bence committed
104 105 106 107 108 109
            position: absolute;
        }
        .softLimit{
            height: 100%;
            position: absolute;
            border-left: 1px solid red;
Dányi Bence committed
110 111
        }
    }
Dányi Bence committed
112 113
    .summary{
        padding: 15px 5px;
114
        line-height: 1.7em;
Dányi Bence committed
115 116 117
        border-top: 1px solid #888;
        cursor: pointer;
        background-color: #c1c1c1;
Dányi Bence committed
118
        position: relative;
119
        -webkit-transition: background-color 0.3s;
120 121 122
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
Dányi Bence committed
123
        &.unfinished{
tarokkk committed
124
            background-color: rgb(252, 252, 108);
125 126 127
            background-image: url(constr.png);
            background-position: right top;
            background-repeat: no-repeat;
tarokkk committed
128 129 130 131
            &:hover{
                background-color: rgb(236, 236, 106);
                background-image: url(constr.png);
            }
Dányi Bence committed
132
        }
133
        &.selected-summary{
tarokkk committed
134
            background-color: rgb(124, 236, 103);
135
            &:hover{
tarokkk committed
136
                background-color: rgb(135, 211, 120);
137 138
            }
        }
139 140 141 142 143 144
        &.public-template{
            background-color: rgb(167, 179, 195);
            &:hover{
                background-color: rgb(157, 169, 185);
            }
        }
Dányi Bence committed
145 146
        &:hover{
            background-color: #b1b1b1;
147
            background-image: none;
Dányi Bence committed
148 149 150 151
            .actions{
                display: block;
            }
        }
Dányi Bence committed
152

Dányi Bence committed
153 154 155 156 157 158 159 160
        .id{
            float: right;
            width: 30px;
        }
        .name{
            float: left;
            padding-left: 25px;
            background-repeat: no-repeat;
161
            background-position: left center;
Dányi Bence committed
162 163
            z-index: 2;
            position: relative;
164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180
            &.filetype-new-folder {
                float: left;

            }
        }
        @placeholderColor: #555;
        input::-webkit-input-placeholder{
            color: @placeholderColor;
        }
        input:-moz-placeholder{
            color: @placeholderColor;
        }
        input::-moz-placeholder{
            color: @placeholderColor;
        }
        input:-ms-input-placeholder{
            color: @placeholderColor;
Dányi Bence committed
181 182 183 184 185
        }
        .status{
            text-align: right;
            float: right;
            width: 60px;
Dányi Bence committed
186 187
            z-index: 2;
            position: relative;
Dányi Bence committed
188 189 190 191 192
        }
        .actions{
            float: right;
            margin-left: 5px;
            display: none;
Dányi Bence committed
193 194
            z-index: 2;
            position: relative;
Dányi Bence committed
195 196 197 198 199 200 201 202 203 204 205 206
            a{
                height: 16px;
                width: 16px;
                display: block;
                float: left;
                margin-left: 2px;
                &:hover{
                    box-shadow: 0 0 10px rgba(0,0,0,0.4);
                    background-color: rgba(0,0,0,0.4);
                }
            }
        }
Dányi Bence committed
207 208 209 210 211 212 213 214 215 216
        #new-folder-form {
            float: right;
            margin-left: 5px;
            display: none;
            z-index: 2;
            position: relative;
        }
    }
    &.opened #new-folder-form {
        display: block;
Dányi Bence committed
217 218 219 220
    }
    .details{
        border-top: 1px solid #888;
        display: none;
Dányi Bence committed
221 222
        .container{
            padding: 5px 5px;
223 224 225 226 227
            .upload-zone{
                margin: 10px;
                border-radius: 10px;
                border: 2px dashed #666;
                text-align: center;
228
                font-size: 0.8em;
229 230 231 232
                padding: 10px;
                p {
                    padding: 0;
                }
233
            }
Dányi Bence committed
234
        }
Dányi Bence committed
235 236 237 238 239
        h3{
            font-weight: normal;
        }
        ul{
            list-style: none;
Dányi Bence committed
240
            margin: 0px 5px;
Dányi Bence committed
241 242
        }
        li{
243
            margin: 8px 0px;
Dányi Bence committed
244 245 246 247
            padding: 3px 0px 3px 20px;
            border-bottom: 1px dotted #aaa;
            background-repeat: no-repeat;
            background-position: 0px 4px;
Dányi Bence committed
248 249 250
            &:last-child{
                border-bottom: none;
            };
Dányi Bence committed
251 252 253 254 255 256 257 258 259 260 261 262 263 264
        }
        a{
            text-decoration: underline;
        }
        .name{
            float: none;
            background-image: url(icons/computer.png);
        }
        .os-win{
            background-image: url(icons/windows.png)
        }
        .os-linux{
            background-image: url(icons/animal-penguin.png)
        }
265 266 267
        .template{
            background-image: url(icons/document-template.png)
        }
Dányi Bence committed
268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292
        .type{
            background-image: url(icons/box-share.png)
        }
        .date{
            background-image: url(icons/calendar-day.png)
        }
        .cpu{
            background-image: url(icons/processor.png)
        }
        .memory{
            background-image: url(icons/memory.png)
        }
        .count{
            background-image: url(icons/documents-stack.png)
        }
        .value{
            float: right;
            width: 200px;
            text-align: right;
        }
        .description{
            font-size: inherit;
            background-image: url(icons/document-snippet.png);
            .value{
                font-size: 0.8em;
Dányi Bence committed
293 294
                word-spacing: 3px;
                width: 350px;
Dányi Bence committed
295 296 297 298 299 300 301
            }
        }
    }
    &.new .name{
        background-image: url(icons/computer--plus.png);
    }
}
Őry Máté committed
302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318
#new-share .type-summary, .share-type .value {
    &.type-summary {
        font-size: .8em;
        text-align: right;
    }
    span {
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 18px;
            &.suspend{
                background-image: url(icons/control-pause.png)
            }
            &.delete{
                background-image: url(icons/minus-circle.png)
            }
    }
}
319 320
#template-wizard .size-summary, .type .value {
    &.size-summary {
321 322
        font-size: .8em;
        text-align: right;
323 324 325 326 327 328 329 330 331 332 333 334
    }
    span {
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 18px;
            &.cpu{
                background-image: url(icons/processor.png)
            }
            &.memory{
                background-image: url(icons/memory.png)
            }
            &.credit{
Őry Máté committed
335
                background-image: url(icons/point.png)
336
            }
337 338
    }
}
Dányi Bence committed
339 340 341

.file-list{
    list-style: none;
Dányi Bence committed
342
    max-height: 400px;
Dányi Bence committed
343 344 345 346 347
    .name{
        float: left;
    }
    .info{
        float: right;
348
        width: 65px;
Dányi Bence committed
349
        text-align: right;
350
        font-size: 0.8em;
Dányi Bence committed
351
    }
Dányi Bence committed
352 353 354 355 356 357
    select {
        position: absolute;
        left: 10px;
        top: 5px;
        z-index: 10;
    }
Dányi Bence committed
358
}
359
#file-list {
360
    overflow-y: scroll;
361 362 363 364 365 366 367 368 369 370 371
    li:nth-child(3) .summary{
        border-top: none;
    }
    li:nth-child(2) .summary{
        border-top: none;
    }
    li:nth-child(1) .summary{
        border-top: none;
        border-bottom: 1px solid #888
    }
}
372 373 374 375 376 377 378 379 380 381
#current-location{
    .summary{
        border-bottom: 1px solid #888;
        height: 25px;
        .name {
            position: absolute;
            left: 100px;
            text-align: left;
        }
    }
382
}
Dányi Bence committed
383 384 385 386 387 388 389 390 391 392 393 394
.filetype-c {
    background-image: url(icons/document-visual-studio.png);
}
.filetype-text {
    background-image: url(icons/document.png);
}
.filetype-image {
    background-image: url(icons/document-image.png);
}
.filetype-zip {
    background-image: url(icons/folder-zipper.png);
}
395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421
.filetype-pdf {
    background-image: url(icons/document-pdf.png);
}
.filetype-doc {
    background-image: url(icons/document-word.png);
}
.filetype-excel {
    background-image: url(icons/document-excel.png);
}
.filetype-csv {
    background-image: url(icons/document-excel-csv.png);
}
.filetype-php {
    background-image: url(icons/document-php.png);
}
.filetype-tex {
    background-image: url(icons/document-tex.png);
}
.filetype-ppt {
    background-image: url(icons/document-powerpoint.png);
}
.filetype-music {
    background-image: url(icons/document-music.png);
}
.filetype-movie {
    background-image: url(icons/document-film.png);
}
Dányi Bence committed
422
.filetype-folder {
Dányi Bence committed
423
    background-image: url(icons/folder.png);
Dányi Bence committed
424 425 426 427 428 429 430
}
.filetype-more {
    background-image: url(icons/arrow-circle-double.png);
}
.filetype-up {
    background-image: url(icons/upload-cloud.png);
}
Dányi Bence committed
431 432 433
.filetype-new-folder {
    background-image: url(icons/folder--plus.png);
}
Dányi Bence committed
434 435 436
.filetype-jump-out {
    background-image: url(icons/arrow-curve-090.png);
}
Dányi Bence committed
437 438 439 440 441 442 443 444 445 446
.wm-on{
    background-image: url(icons/computer-cloud.png);
}
.wm-off{
    background-image: url(icons/computer-off.png);
}

#template .wm .summary .name{
  background-image: url(icons/document-template.png)
}
447 448 449
#template .wm .public-template .name{
  background-image: url(icons/blue-document-share.png)
}
Dányi Bence committed
450 451 452 453 454 455 456 457 458 459 460 461 462
#new-template-button .name{
  background-image: url(icons/document--plus.png) !important
}
.wm-list.modal{
  border-radius: 4px;
  border: 1px solid #666;
}
.wm-list.modal input{
  padding: 2px 10px;
}
.wm-list.modal .wm:nth-child(1) .summary{
  border-top: none;
}
Dányi Bence committed
463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494

#template{
    .wm {
        .template-details{
            margin: 0;
            padding: 0;
            border-top: 1px solid #888;
            display: none;
            ul{
                list-style-type: none;
            }
            li{
                padding-left: 10px;
                border-top: 1px solid #aaa;
                position: relative;
                &:first-child{
                    border-top: none;
                };
                .status{
                    float: right;
                    padding: 0 5px;
                }
                .group-name{
                    float: left;
                    line-height: 1.5em;
                    z-index: 2;
                    position: relative;
                }
            }
        }
    }
}
495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514
#vm-credentials, #ports {
    .content {
        padding: 15px;
    }
}

table {
    width: 100%;
    border-collapse: collapse;
    tr {
        width: 100%;
        &:hover {
            background-color: rgba(0,0,0,0.1);
        };
        td,th {
            padding: 5px;
        }
    }
}

515 516 517 518 519 520 521 522 523 524 525 526 527 528
#groups {
    .wm {
        .summary {
            .name {
                background-image: url(icons/users.png);
            }
        }
    }
    #new-group {
        .summary .name {
            background-image: url(icons/user--plus.png);
        }
    }
}
Dányi Bence committed
529

530
#group-members, #group-owners {
Dányi Bence committed
531 532
    .summary .name {
        background-image: url(icons/user.png);
Dányi Bence committed
533
        float: left;
Dányi Bence committed
534 535 536
    }
}

537
#new-member, #new-owner {
Dányi Bence committed
538 539
    .name {
        background-image: url(icons/user--plus.png) !important;
540
        float: left;
Dányi Bence committed
541
    }
542
    #new-member-form, #new-owner-form {
543 544
        float: right;
        margin-left: 5px;
Dányi Bence committed
545
        display: none;
546 547
        z-index: 2;
        position: relative;
Dányi Bence committed
548 549
    }
}
550 551 552 553 554 555 556 557 558 559 560 561 562

.shares {
    margin: 5px;
    list-style: none;
    li {
        border-radius: 4px;
        border: 1px solid #888;
        height: 30px;
        position: relative;
        margin: 5px 0;
        line-height: 30px;
        padding-left: 10px;
        background-color: rgba(0,0,0,0.05);
Dányi Bence committed
563 564 565 566
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588
        &:hover{
            background-color: rgba(0,0,0,0.1);
            border: 1px solid #666;
            input {
                border-left: 1px solid #666;
            }
        }
        form {
            position: relative;
        }
        input {
            border: none;
            border-radius: 0;
            border-left: 1px solid #888;
            box-shadow: none;
            position: relative;
            top: -1px;
            height: 30px;
            right: -5px;
        }
    }
}