_layout.scss 1.76 KB
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1 2 3 4 5 6 7
/*
 * Base structure
 */
body {
    max-width:100%;
    overflow-x:hidden;
    @media (min-width: 768px) {
Pat Kira's avatar
Pat Kira committed
8
        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
9 10
    }
    &.admin {
Naomi Guyer's avatar
Naomi Guyer committed
11
        background-color: lighten($brand-default, 2%);
Naomi Guyer's avatar
Naomi Guyer committed
12 13

        .main {
14 15
          padding-top: 0;
          margin-top: 0;
Naomi Guyer's avatar
Naomi Guyer committed
16
        }
Naomi Guyer's avatar
Naomi Guyer committed
17 18
        @media (max-width: $screen-sm-min) {
            .container {
19
                margin-top: 35px;
Naomi Guyer's avatar
Naomi Guyer committed
20 21
            }
         }
Naomi Guyer's avatar
Naomi Guyer committed
22 23
    }
    .main {
Naomi Guyer's avatar
Naomi Guyer committed
24
        margin: 0px 0 20px;
Pat Kira's avatar
Pat Kira committed
25
        padding-top: 20px;
26 27 28 29
        padding-bottom: 0;
        @media (min-width: $screen-sm-min) {
            padding-bottom:50px;
        }
Naomi Guyer's avatar
Naomi Guyer committed
30 31 32 33 34 35 36 37 38 39 40 41 42
    }
}

.main {
    max-width: 100%;
}

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

Pat Kira's avatar
Pat Kira committed
43
.sidebar {
44 45 46 47
    padding-top: 0;
    @media (min-width: $screen-sm-min) {
        padding-top: 30px;
    }
Pat Kira's avatar
Pat Kira committed
48 49
}

50 51 52 53 54 55 56 57 58 59 60 61
// Expose a section of the page
.expose {
    background-color: $brand-default;
    margin-bottom: 40px;
    margin-top: -109px;
    padding: 40px 0px 20px;
}

.subpage {
    clear:both;
}

62 63 64 65 66 67 68
.wallpost {
    &:first-child {
        margin-top: 20px;
    }
    p {
        margin-bottom: 0;
    }
69 70 71 72 73 74 75 76 77 78 79 80 81 82
}

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

Pat Kira's avatar
Pat Kira committed
83 84 85 86
.viewfooter {
    clear: both;
}

87 88 89 90 91 92 93 94 95 96 97 98
// 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
99
}
100 101 102 103 104 105 106 107 108 109

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

.pagedescription {
    padding-top: 30px;
}