← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/ubuntu/patterns/_contextual-footer.scss

Adding all assets and new theme files

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/scss/ubuntu/patterns/_contextual-footer.scss
1
 
@charset 'UTF-8';
2
 
 
3
 
#context-footer {
4
 
        @include box-sizing;
5
 
        @include font-size (14);
6
 
        border-bottom: 0;
7
 
        clear: both;
8
 
        padding-bottom: 1px;
9
 
        padding-top: 0;
10
 
        position: relative;
11
 
        margin-bottom: 0;
12
 
        margin-left: 0;
13
 
        margin-right: 0;
14
 
        width: 100%;
15
 
 
16
 
        hr {
17
 
                @include box-shadow(inset 0 2px 2px -2px #333);
18
 
                background: $ubuntu-orange;
19
 
                height: 14px;
20
 
                margin: 0 0 10px;
21
 
                border: 0;
22
 
                clear: both;
23
 
        }
24
 
 
25
 
        div.twelve-col {
26
 
                display: table;
27
 
                float: none;
28
 
                margin-bottom: 7px;
29
 
        }
30
 
 
31
 
        div div {
32
 
                display: block;
33
 
                padding-left: 0;
34
 
                margin-bottom: 20px;
35
 
 
36
 
                div {
37
 
                        display: block;
38
 
                        padding-left: 0;
39
 
                        margin-bottom: 0;
40
 
                }
41
 
 
42
 
                &.feature-one {
43
 
                        padding-left: 0;
44
 
                }
45
 
 
46
 
                &.feature-four {
47
 
                        margin-bottom: 0;
48
 
                        margin-right: 0;
49
 
                }
50
 
        }
51
 
 
52
 
        > div {
53
 
          padding-left: 10px;
54
 
          padding-right: 10px;
55
 
        }
56
 
 
57
 
        ul {
58
 
                margin-bottom: 5px;
59
 
        }
60
 
 
61
 
        li.active {
62
 
                display: none;
63
 
        }
64
 
 
65
 
        h3 {
66
 
                @include font-size (16);
67
 
                font-weight: normal;
68
 
        }
69
 
 
70
 
        .list a:after,
71
 
        a.link-arrow:after,
72
 
        nav ul li h2 a:after {
73
 
                content: ' \203A';
74
 
        }
75
 
}
76
 
 
77
 
@media only screen and (min-width : 768px) {
78
 
 
79
 
        #context-footer {
80
 
    margin-bottom: 12px;
81
 
    padding-left: 30px;
82
 
    padding-right: 30px;
83
 
 
84
 
    div + div {
85
 
      width: 31%;
86
 
    }
87
 
 
88
 
    div div.feature-four {
89
 
      padding-bottom: 20px;
90
 
    }
91
 
 
92
 
    hr {
93
 
      margin: 0 -30px 40px;
94
 
    }
95
 
 
96
 
    & > div {
97
 
      padding-left: 0;
98
 
      padding-right: 0;
99
 
    }
100
 
  }
101
 
 
102
 
} // end @media only screen and (max-width : 768px)
103
 
 
104
 
@media only screen and (min-width : 769px) {
105
 
 
106
 
} //@media only screen and (min-width : 769px)
107
 
 
108
 
@media only screen and (min-width: 984px) {
109
 
 
110
 
        #context-footer {
111
 
                padding: 0 40px 10px;
112
 
        }
113
 
 
114
 
        #context-footer div div {
115
 
                display: table-cell;
116
 
                float: none;
117
 
                padding-left: 20px;
118
 
                margin-bottom: 0;
119
 
        }
120
 
 
121
 
        #context-footer hr {
122
 
                margin: 0 -40px 40px;
123
 
        }
124
 
 
125
 
 
126
 
} // end @media only screen and (min-width: 984px)