← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/maas/pages/_images.scss

Adding all assets and new theme files

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/scss/maas/pages/_images.scss
1
 
@charset 'UTF-8';
2
 
 
3
 
/**
4
 
 * MAAS node styles
5
 
 *
6
 
 * @project     MAAS
7
 
 * @author      Web Team at Canonical Ltd
8
 
 * @copyright   2015 Canonical Ltd
9
 
 *
10
 
 */
11
 
 
12
 
.small-icon {
13
 
    width: 12px;
14
 
}
15
 
 
16
 
.images-info {
17
 
    text-align: center;
18
 
    padding: 10px;
19
 
}
20
 
 
21
 
.images-warning {
22
 
    @include box-sizing();
23
 
    @include rounded-corners(2px);
24
 
    list-style: none;
25
 
    padding: 15px 20px 15px 45px;
26
 
    margin: 0;
27
 
    font-weight: 400;
28
 
    font-size: 0.875em;
29
 
    background:#FFF;
30
 
    background-position: top 50% left 15px;
31
 
    background-repeat: no-repeat;
32
 
    margin: 0 0 10px;
33
 
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
34
 
    border: 1px solid #EEE;
35
 
    background-image: url('../img/icons/warning.png');
36
 
    background-image: url('../img/icons/warning.svg'), none;
37
 
}
38
 
 
39
 
#loader {
40
 
    width: 10px;
41
 
    margin: 16px auto 0 auto;
42
 
}
43
 
 
44
 
#importing {
45
 
    @include box-sizing();
46
 
    @include rounded-corners(2px);
47
 
    list-style: none;
48
 
    padding: 15px 20px 15px 45px;
49
 
    margin: 0;
50
 
    font-weight: 400;
51
 
    font-size: 0.875em;
52
 
    background:#FFF;
53
 
    background-position: top 50% left 15px;
54
 
    background-repeat: no-repeat;
55
 
    margin: 0 0 10px;
56
 
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
57
 
    border: 1px solid #EEE;
58
 
    position: relative;
59
 
 
60
 
    .spinner {
61
 
        position: absolute;
62
 
        left: 15px;
63
 
    }
64
 
}
65
 
 
66
 
.importing-dot {
67
 
    opacity: 0;
68
 
    -webkit-animation: dot 1.3s infinite;
69
 
    animation: dot 1.3s infinite;
70
 
}