_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;
}