~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/maas/components/_yui-modules.scss

Adding all assets and new theme files

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
.yui3-node-add-widget {
2
 
    width: 65.9292%;
3
 
    margin-right: 2.21238%;
4
 
 
5
 
    @media screen and (max-width: 768px) {
6
 
        width: 100%;
7
 
        margin: 0;
8
 
    }
9
 
 
10
 
    .buttons {
11
 
        margin-top: 30px;
12
 
    }
13
 
 
14
 
    .add-link img.icon {
15
 
        margin-right: 6px;
16
 
    }
17
 
}
18
 
 
19
 
.yui3-overlay {
20
 
    @include rounded-corners(0 0 6px 6px);
21
 
    background-color: #fff;
22
 
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
23
 
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
24
 
 
25
 
    ul {
26
 
        padding: 5px 0;
27
 
    }
28
 
 
29
 
    li {
30
 
        float: none;
31
 
 
32
 
        &:last-child a {
33
 
            border-bottom: none;
34
 
        }
35
 
    }
36
 
 
37
 
    a {
38
 
        display: block;
39
 
        padding: 6px 20px;
40
 
        color: #dd4814 !important;
41
 
        border-bottom: 1px solid #e5e2e0;
42
 
 
43
 
        &:focus,
44
 
        &:hover {
45
 
            background-color: #f2f2f2;
46
 
        }
47
 
    }
48
 
}
49
 
 
50
 
.yui3-overlay-hidden {
51
 
    display: none;
52
 
}
53
 
 
54
 
.yui3-widget-mask {
55
 
    background-color: #000;
56
 
    opacity: 0.3;
57
 
}
58
 
 
59
 
.yui3-panel {
60
 
    @include rounded-corners(0 0 6px 6px);
61
 
    background-color: #FFF;
62
 
    padding: 50px 80px 50px 80px;
63
 
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,1);
64
 
    box-shadow: 0 0 15px 0 rgba(0,0,0,1);
65
 
 
66
 
    .yui3-button {
67
 
        float: right;
68
 
 
69
 
        &.link-button {
70
 
            float: left;
71
 
            padding-left: 0;
72
 
            padding-right: 0;
73
 
            color: #dd4814;
74
 
            border: none;
75
 
            background: none;
76
 
            -webkit-box-shadow: none;
77
 
            box-shadow: none;
78
 
            font-size: 13px;
79
 
        }
80
 
    }
81
 
}
82
 
 
83
 
.yui3-widget-hd {
84
 
    margin-bottom: 30px;
85
 
    font-size: 24px;
86
 
}
87
 
 
88
 
.yui3-widget-ft {
89
 
    margin-top: 50px;
90
 
}
91
 
 
92
 
.yui3-widget-button-wrapper {
93
 
    width: 100%;
94
 
}
95
 
 
96