_panel-secondary.scss 1.68 KB
Newer Older
1
2
3
4
// panel-secondary is the style used for the user-editable panels used across Mahara

.panel-secondary {
    @include box-shadow(none);
5
6
    background-color: transparent;

7
8
9
10
11
12
13
14
    .admin & {
        border-color: #ddd;
    }
    > .panel-heading {
        font-family: $font-family-serif;
        font-size: $font-size-large;
    }
    > .panel-heading, .panel-heading-nested {
15
        border-bottom: 2px solid $theme-accent-color;
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
        padding-left: 8px;
        padding-right: 8px;

        // In page builder we can choose to not have a heading,
        // but we still need a dragable object.
        // Use a placeholder for visual help
        // will appear with the no-heading class in view mode
        &.panel-heading-placeholder {
            border: 1px solid darken($gray-lighter, 5%);
            border-style: dashed;
            background-color: $panel-default-heading-bg;
            .blockinstance-header {
                opacity:0.6;
            }
        }
    }
    &.panel-warning {
         > .panel-heading, .panel-heading-nested {
            background-color: $panel-warning-heading-bg;
            border-bottom: 1px solid $panel-warning-border;
        }
    }
    .panel-heading-plain {
        border: 1px solid darken($gray-lighter, 5%);
    }
    .list-group .list-group-item {
        border-left: 0;
        border-right: 0;
        &:first-child {
            border-top:0;
        }
    }
    > .panel-body,
    > .block > .panel-body {
        padding: 15px 8px;
    }
    // If there is no heading we don't want padding on the panel-body
    > .no-heading {
        > .panel-body {
            padding: 0;
        }
        .has-attachment {
            margin: 0;
        }
    }
}