_layout.scss 2.07 KB
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1
2
3
4
/*
 * Base structure
 */
body {
5
    max-width: 100%;
Naomi Guyer's avatar
Naomi Guyer committed
6
    @media (min-width: 768px) {
Pat Kira's avatar
Pat Kira committed
7
        padding-top: 65px; // Move down content because we have a fixed navbar on desktop/tablet that is 50px tall
Naomi Guyer's avatar
Naomi Guyer committed
8
    }
9

Naomi Guyer's avatar
Naomi Guyer committed
10
    .main {
Naomi Guyer's avatar
Naomi Guyer committed
11
        margin: 0px 0 20px;
12
        padding-top: 30px;
13
14
15
16
        padding-bottom: 0;
        @media (min-width: $screen-sm-min) {
            padding-bottom:50px;
        }
Naomi Guyer's avatar
Naomi Guyer committed
17
18
19
20
21
22
23
24
25
26
27
28
29
    }
}

.main {
    max-width: 100%;
}

.content-main {
    @media (min-width: 768px) {
        margin-left: 250px;
    }
}

Pat Kira's avatar
Pat Kira committed
30
.sidebar {
31
32
33
34
    padding-top: 0;
    @media (min-width: $screen-sm-min) {
        padding-top: 30px;
    }
Pat Kira's avatar
Pat Kira committed
35
36
}

37
38
39
40
41
42
43
44
45
46
47
48
// Expose a section of the page
.expose {
    background-color: $brand-default;
    margin-bottom: 40px;
    margin-top: -109px;
    padding: 40px 0px 20px;
}

.subpage {
    clear:both;
}

49
50
51
52
53
54
55
.wallpost {
    &:first-child {
        margin-top: 20px;
    }
    p {
        margin-bottom: 0;
    }
56
57
58
59
60
61
62
63
64
65
66
67
68
69
}

.columns3,
.columns4,
.columns5 {
    .wallpost .panel-heading {
        font-size: 12px;
        padding-right:40px;
        h4 {
            font-size: 12px;
        }
    }
}

Pat Kira's avatar
Pat Kira committed
70
71
72
73
.viewfooter {
    clear: both;
}

74
75
76
77
78
79
80
81
82
83
84
85
// Needed to clear the float when dropzone is visible
.blocktype {
  &.ui-draggable:before {
    display: none;
  }
}

.blockinstance {
  clear: both;
  .list-group{
    margin-bottom: 0;
  }
Pat Kira's avatar
Pat Kira committed
86
}
87
88
89
90
91
92
93

// Limit the width of external media
// to fit the width of the column
.mediaplayer-container iframe {
    width: 100%;
}

94
95
96
.progress-container {
    padding-top: 20px;
}
97
98
99
100

.section-import {
    padding-top: 30px;
}
101
102

.btn-group-top + .lead,
103
104
.btn-action-list + .view-description,
.btn-group-top + .view-description,
105
106
.toolbar + .lead {
    clear: both;
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
    margin-top: 15px;
    @media (min-width: $screen-xs-min) {
        margin-top: 60px;
    }
}

.btn-action-list + .view-container,
.btn-group-top + .view-container {
    margin-top: 60px;
}

.view-container {
    margin-top: 30px;
    clear: both;
}

.view-description {
    margin-top: 15px;
    @media (min-width: $screen-xs-min) {
        margin-top: 30px;
    }
}

.postlist {
    margin-top: 20px;
}

.forumfooter {
    margin: 15px 0;
}