_custom.scss 11.7 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
.task-item .complete-task .icon,
.task-item .overdue-task .icon {
17
18
19
20
21
    margin-left: -8px; // correct alignment
}

.task-item .btn-group {
    margin-right: -8px; // correct alignment
22
23
24
25
    a {
        font-size: 10px;
        padding: 2px 8px;
    }
26
}
27

28
29
30
31
32
33
34
35
.no-results {
    @extend .lead;
    clear: both;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

36
37
38
39
40
.no-results-small {
    @extend .no-results;
    padding: 15px 0;
}

41
42
43
44
45
46
47
48
49
.wysiwyg {
    label {
        display:block;
    }
    label  + .mce-tinymce {
        width:100%;
    }
}

50
51
52
.wysiwyg.view-description {
    width: 70%;
}
53
54
55
56
57
.wysiwyg.under-label-help {
    label  + .mce-tinymce {
        width:70%;
    }
}
58

59
60
.toolbar-affix.affix {
    position: fixed;
61
    top: 30px;
62
63
64
65
    z-index: 1;
}

.layoutthumb {
66
    rect.layout1 {
67
        fill: scale-color($panel-default-heading-bg, $lightness: -10%);
68
        stroke: $panel-default-border;
69
70
71
    }

    rect.layout0 {
72
73
        fill: scale-color($panel-default-heading-bg, $lightness: -5.25%);

74
        stroke: $panel-default-border;
75
    }
76
77
78
79
80
81

    svg {
        @media (max-width: $screen-sm-min) {
           zoom: 0.8;
       }
    }
82
}
Pat Kira's avatar
Pat Kira committed
83

84
85
86
87
88
// Show that layout thumbnails can be clicked (Bug 1543358)
.layoutoption > .thumbnail {
    cursor: pointer;
}

Pat Kira's avatar
Pat Kira committed
89
90
91
.blocktype-radio {
    display: none;
}
Naomi Guyer's avatar
Naomi Guyer committed
92
93
94

// see emaillist.tpl
.email-list {
95
    padding-bottom: 20px;
Naomi Guyer's avatar
Naomi Guyer committed
96
    display: block;
97
98
99
    .validation-message {
        padding: 8px 0 15px 15px
    }
Naomi Guyer's avatar
Naomi Guyer committed
100
101
102
103
104
105
106
107
    @media (min-width: $screen-sm-min) {
        display: inline-block;
        width: 420px;
    }
    @media (min-width: $screen-lg-min) {
        width: 500px;
    }
}
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127

// 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;
128
129
        background-color: $body-bg;
        border: 1px solid $input-border;
130
131
132
133
134
135
136
        background-image: none;
        width: 100%;
        .select2-search-choice {
            border: none;
        }
    }
}
Pat Kira's avatar
Pat Kira committed
137

138
139
140
141
142
143
144
145
// Specific panel-secondary styling for the edit page layout
.panel-secondary.blockinstance > .panel-heading > .blockinstance-header {
    display: block;
    padding-left: 10px;
    padding-right: 80px;
    word-break: normal;
}

146
147
// Style label institution selection
.institutionselector {
148
149
150
151
152
153
154
155
156
157
158
159
    .select {
        margin-bottom: 15px;
    }
    label {
        font-weight: bold;
    }
    @media (min-width: $screen-sm-min) {
        float: right;
        width: 50%;
        .form-group {
            float: right;
        }
160
        label {
161
162
163
164
165
166
            display: table-cell;
            width: auto;
        }
        .picker {
            width: auto;
            display: table-cell;
167
        }
168
169
    }
}
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201

// 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);
}
202

Liam Sharpe's avatar
Liam Sharpe committed
203
204
205
206
207
// reset the padding when the individual font file is collapsed in font install
.individualfiles.form-group {
    padding: 0;
    border-bottom: 0 none;
}
208
209
210
211
212

// Login panel
.login-externallink {
    display: inline-block;
}
213

214
215
216
217
218
219
220
221
222
.login-related-links {
  .register-link{
    padding-right: 2px;
  }
  .forgotpass-link {
    padding-left: 5px;
  }
}

223
224
225
226
227
228
229
230
231
.progress-bar {
    position: relative;
    &.small-progress span {
        display: block;
        left: 100%;
        padding-left: 5px;
        position: absolute;
    }
}
232

233
234
235
236
237
238
239
.progress-bar .decompress-link {
    color: $progress-bar-color;
    text-decoration: underline;
    display: inline-block;
    margin-top: 8px;
}

240
241
// Admin user search page (advanced options)
// limit the size of dynamic to match select box above
242
243
244
245
246
247
248
249
250
.userserach-filter {
    margin-bottom: 15px;
    .loggedindate-container {
        margin-top: 10px;
        max-width: 250px;
    }
    .duplicateemail-filter {
        margin-top: 10px;
    }
251
252
}

253
254
255
256
257
258
259
260
// Puts the date picker in form-condensed fields on the next line
.form-condensed {
    .picker {
        &.first {
            margin-left: 270px;
        }
    }
}
261

262
263
264
265
266
// Gallery thumbnails
// override bootstrap thumbnails styling
.thumbnails {
    padding-top: 20px;
    .thumb {
267
        margin: 5px 0px 10px 5px;
268
269
270
271
272
273
    }
}
.thumbnail {
    margin: 0 15px 0 0;
    .panel-body & {
        margin-bottom: 10px;
274
275
    }
}
276
277
278
279
280
281
282
283
284
285
.bt-gallery,
.bt-gallery-editor {
    img.frame {
        padding: 3px;
        margin: 0;
        border: 1px solid #ccc;
        background: #fff;
        box-shadow: 0 0 0 4px #fff, 0 0 1px 4px #333;
    }
}
286

287
288
289
290
291
292
.user-thumbnails {
    .user-icon {
        margin: 5px;
    }
}

293
294
295
296
297
298
299
300
301
//Google apps
.google-app {
    font-style: normal;
    img {
        height: 20px;
    }
    a {
        color: #245dc1;
    }
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
}

// Choose skin
.layoutoptions-container {
    @extend .clearfix;
    margin-top: 15px;
}
.layoutoption,
.skin {
    float: left;
    margin-bottom: 10px;
}

.objectionable-message {
    padding: 0 0 10px 0;
}
Pat Kira's avatar
Pat Kira committed
318
319
320
321
322
323
324
325
326
327
328
329
330

// Other social media input
#editprofileform_profiletype_other {
    @extend .form-control;
    width: 250px !important;
    margin-top: 10px;
    @media (min-width: $screen-xs-min) {
        margin-left: 10px;
    }
    @media (min-width: $screen-sm-min) {
        margin-top: 0;
    }
}
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345

// Editgroup membership modal
// see editgroupmemship.tpl
.editgroup-container {
    padding-bottom: 20px;
    margin-bottom: 20px;
    &:last-child {
        border-bottom-width: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .heading {
        margin: 0;
    }
}
346
347
348
349
350
351
352
353
354
355

// Used to make the forum settings look like it should
@media (min-width: 768px) {
    #edit_interaction_weight_container {
        padding-left: 265px;
        label, span.description {
            margin-left: -265px;
        }
    }
}
356
357
358
359

.panel-secondary > .panel-heading {
    font-size: 18px;
}
360
361
362
363
364
365
366

.table thead {
    a::after {
        font-family: 'FontAwesome';
        position: relative;
        top: -3px;
        margin-left: 3px;
367
        color: $gray-light;
368
    }
369
    .asc > a::after {
370
371
        content: '\f0dd';
    }
372
373
    .desc > a::after,
    .sorted > a::after {
374
375
376
377
        content: '\f0de';
        top: 2px;
    }
}
378

379
.containobjectionable {
380
    background-color: $state-danger-bg;
381
}
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398

.permissions-table {
    display: inline-block;
    .editpermissions.table {
        width: auto;
        background-color: rgba(255,255,255,0);
        thead tr th {
            font-weight: 400;
            font-size: 12px;
            padding: 2px 8px 8px;
        }
        thead tr,
        tbody td {
            min-width: 50px;
        }
    }
}
399

400
401
402
403
404
#needprotocolspro {
    padding-left: 10px;
}

#needprotocolsreq {
405
406
    padding-left: 10px;
}
407

408
409
.secreturls .list-group-item,
.iframesources .buttonscell {
410
411
412
413
414
415
416
    .collapse-indicator.open .icon-chevron-down {
        transform: rotate(-180deg);
        transition-duration: 0.3s;
    }
    .collapse-indicator.closed .icon-chevron-down {
        transform: rotate(0deg);
        transition-duration: 0.3s;
417
418
    }
}
419

420
.secreturls .list-group-item {
421
422
    .secret-url {
        word-wrap: break-word;
423
424
    }
}
425
426
427
.iframesources .buttonscell a {
    font-size: 12px;
}
428
429
430
431

// Remove the link colour from a comment that has an attachement
@media (min-width: 992px) {
    .viewfooter .comment-item .comment-attachment .panel.collapsible h4 a.collapsed {
432
        color: $text-color;
433
434
    }
}
435
436
437

#inboxblock .link-block.unread {
    font-weight: bold;
438
439
440
441
442
443
444
}

// Preview image in popup modal
#previewimg {
    display: block;
    margin: 0 auto;
}
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465

// Edit/add skin page
// See templates/skin/index.tpl
.row.skins {
    margin-top: 30px;
    .skin {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        float: none;
        @media screen and (min-width: $screen-xs-min) {
            float: left;
            width: 50%;
        }
        @media screen and (min-width: $screen-sm-min) {
            width: 33.333333%;
        }
    }
}
466
.manage-skins-btn {
467
468
469
  margin-top: 10px;
  margin-bottom: 20px;
}
470
471
472
473

#auth_config_institutionidp {
    width: 90%;
}
474

475
476
477
478
479
.defaultskin {
    margin-top: 10px;
    margin-bottom: 20px;
}

480
481
482
483
484
485
486
487
.authInstance .authitem {
    padding:5px;
    &.inactive {
        background: $state-warning-bg;
        color: $state-warning-text;
    }
}

488
489
.btn-search.btn.btn-primary.admin-groups.button.btn {
    margin-left: -13px;
490
    margin-top: 2px;
491
492
    vertical-align: text-top;
}
493
494
495
496

.connections button {
    margin-top: 10px;
}
Robert Lyon's avatar
Robert Lyon committed
497
498
499
500
501

.emptybtnspace {
    display: inline-block;
    width: 30px;
}
502
503
504
505
506
507
508
509

// Make the other license text box align correctly on files page
.fileuploadlicense input[type=text].secondary-textbox,
.fileedittable input[type=text].secondary-textbox {
    @media (min-width: $screen-lg-min) {
        margin-left: 100px;
    }
}
510
511
512
513
514
515
516

// fix responsive layout for pages and collections grid where sidebar overlaps
.grouppageswrap.view-container:after {
  clear: both;
  content: "";
  display: table;
}
517
518
519
520

.notification-parent .bulk-actions label.btn-default {
  padding-bottom: 3px;
}
521
522
523
524

.forassessment label {
  display: inline-block !important;
  margin-top: -25px;
525
526
}

527
528
.accessurl-button {
    margin-bottom: 15px;
529
}
530

531
532
533
#reportconfigform {
    fieldset {
        margin-top: 10px;
534
    }
535
536
    .checkbox.form-group {
        padding: 10px 0;
537
        label {
538
539
            padding-left: 28px;
            display: block;
540
541
        }
        input[type=checkbox] {
542
543
            position: absolute;
            top: 9px;
544
        }
545
546
    }
}
547

548
549
550
.reportsettings {
    margin-top: -5px;
}
551
552
553
554
555
556
557
558
559
560
561

.statinfoblock {
    width: 360px;

    h3 {
        margin-top: 0;
    }

    float: left;
    margin-right: 15px;
    padding: 5px;
562
563
564
565
}

.ownersubtab {
    padding: 4px 0;
566
567
568
569
570
571
572
573
}

.deletion-message {
    float: right;
    position: relative;
    padding: 5px;
    clear: right;
}
574
575
576
577
578

// Used to remove the second border around the legal information
#agreetoprivacy .panel {
    border: 0;
}
579
580
581
582
583
584
585
586
587
588
589

.image-rotator {
    height: 110px;
    line-height: 75px;

    .image-rotator-inner {
        display: inline-block;
        text-align: center;
        width: 110px;
    }
}
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607

#searchviews_matchalltags_container {
    width: 300px;
    label {
        margin-left: 28px;
    }
    input {
        margin-left: 3px;
        margin-top: -20px;
        float: left;
    }
    div {
        margin-left: 3px;
        padding-top: 0;
        span {
            padding-top: 0;
        }
    }
608
609
}

610
611
612
613
614
615
616
617
618
div.toolbarhtml {
    margin-top: 5px;
    clear: both;
    float: right;
    div {
        text-align: right;
    }
}

619
620
621
622
623
624
625
.assessment-item-buttons {
    .assessbtn + .assessbtn {
        button {
            @include border-left-radius(0);
        }
    }
}
626

627
628
629
630
631
632
633
634
#viewinstructions,
.peerinstructions {
    &.with-toolbar {
        margin-right: 20px;
    }
    div.fieldset-body {
        background-color: $gray-lighter !important;
    }
635
}
636
637
638
639
640

.releaseviewform {
    position: relative;
    top: 15px;
}