_custom.scss 4.51 KB
Newer Older
1
2
// Generic custom css (anything longer than a screen view should have its own component file)

Jen Zajac's avatar
Jen Zajac committed
3
4
5
6
7
8
9
10
11
12
13
14
#exportgeneration {
    text-align: center;
}

#progress-iframe { // old style progress bars, e.g. portfolio export
    border: 1px solid $gray;
    height: 40px;
    width: 100%;
    max-width: 650px;
    margin: 20px 0;
}

15
16
17
.task-item .link-block .icon {
    margin-left: -8px; //correct alignment
}
18

19
20
21
22
23
24
25
26
.no-results {
    @extend .lead;
    clear: both;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

27
28
29
30
31
32
33
34
35
36
37
38
39
.wysiwyg {
    label {
        display:block;
    }
    label  + .mce-tinymce {
        width:100%;
    }
}

.toolbar-affix.affix {
    position: fixed;
    top: 70px;
    z-index: 1;
40
41
42
    @media (max-width: $screen-sm-min) {
        top: 0;
    }
43
44
45
}

.layoutthumb {
46
47
48
49
50
51
52
    rect.layout1 {
        fill: darken($panel-default-heading-bg, 10%);
        stroke: #ccc;
    }

    rect.layout0 {
        fill: darken($panel-default-heading-bg, 15%);
53
54
        stroke: #ccc;
    }
55
56
57
58
59
60

    svg {
        @media (max-width: $screen-sm-min) {
           zoom: 0.8;
       }
    }
61
}
Pat Kira's avatar
Pat Kira committed
62
63
64
65

.blocktype-radio {
    display: none;
}
Naomi Guyer's avatar
Naomi Guyer committed
66
67
68
69
70
71
72
73
74
75
76
77

// see emaillist.tpl
.email-list {
    display: block;
    @media (min-width: $screen-sm-min) {
        display: inline-block;
        width: 420px;
    }
    @media (min-width: $screen-lg-min) {
        width: 500px;
    }
}
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106

// Styles for select2 in forms
// overriding select2 default styles
.select2-container-multi {
    max-width: 85% !important;
    display: inline-block;
    @media (min-width: $screen-sm-min) {
        width: 420px !important;
    }
    @media (min-width: $screen-lg-min) {
        width: 500px !important;
    }
    &.select2-dropdown-open {
        .select2-choices {
            border-radius: 4px 4px 0 0;
        }
    }
    .select2-choices {
        @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset);
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #ccc;
        background-image: none;
        width: 100%;
        .select2-search-choice {
            border: none;
        }
    }
}
Pat Kira's avatar
Pat Kira committed
107
108
109
110
111
112
113
114
115
116
117
118

// Custom styles for edit collection pages
// See views.tpl and views.json.tpl
.manage-collection-pages {
    .pagelist {
        .select-pages {
            margin: -10px 0 0 0;
            padding-top: 8px;
        }
        .add-pages {
            margin: 5px;
        }
119
120
121
122
        .error.ui-draggable {
            padding: 10px 15px;
            color: $alert-danger-text;
        }
Pat Kira's avatar
Pat Kira committed
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
    }

    .collection-pages {
        .list-group {
            .highlight {
                padding: 20px;
            }
        }
        .single-arrow-up {
            padding-right: 32px;
        }
        .single-arrow-down {
            padding-left: 38px;
        }
    }
}
139
140
141

// Style label institution selection
.institutionselector {
142
143
144
145
146
    .form-group {
        label {
            display: inline;
            font-weight: bold;
        }
147
148
    }
}
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180

// Reset checkout boxes inside col in portfolio export page
.portfolio-export {
    .heading {
        margin-top: 15px;
    }
    .heading-exportable-pages {
        margin-top: 0;
        float: left;
    }
    .btn-group {
        float: right;
    }
}
.exportable-artefacts {
    .row {
        :first-child {
            clear: both;
        }
        border-bottom: 1px solid $list-group-border;
    }
    .checkbox input[type=checkbox] {
        margin-left: 0;
    }
    label {
        margin-bottom: 10px;
    }
}
.exportable-artefact-container {
    padding: 15px 15px 0;
    background-color: rgba($brand-default, 0.2);
}
181
182
183
184

// Tag result page
.mytags {
    margin-top: 25px;
185
186
187
    .tagfreq.badge {
        background-color: $brand-primary;
    }
188
189
190
191
192
193
    .tag {
        margin-right: 10px;
    }
}
.mytags .selected,
.tag-results .selected {
194
    font-weight: bold;
195
196
197
198
199
200
    color: $gray;
    .badge {
        background-color: $gray;
    }
}
.tag-results .btn-top-right {
201
202
    margin-right: -1px;
    margin-top: -41px;
203
204
}
.tag-filters {
205
206
    background-color: #f5f5f5;
    padding: 10px 15px;
207
208
}
.tag-type {
209
    font-size: $font-size-large;
210
}
Liam Sharpe's avatar
Liam Sharpe committed
211
212
213
214
215
216

// reset the padding when the individual font file is collapsed in font install
.individualfiles.form-group {
    padding: 0;
    border-bottom: 0 none;
}
217
218
219
220
221

// Login panel
.login-externallink {
    display: inline-block;
}
222
223
224
225

.form-group .select2-container .select2-selection .select2-search input[type=search] {
    width: 100% !important;
}
226
227
228
229
230
231
232
233
234
235
236

.progress-bar {
    position: relative;
    &.small-progress span {
        color: $text-color;
        display: block;
        left: 100%;
        padding-left: 5px;
        position: absolute;
    }
}