View | Details | Raw Unified | Return to bug 20427
Collapse All | Expand All

(-)a/.gitignore (+1 lines)
Lines 3-6 Link Here
3
/Makefile
3
/Makefile
4
/pm_to_blib
4
/pm_to_blib
5
node_modules/
5
node_modules/
6
koha-tmpl/opac-tmpl/bootstrap/css/maps/
6
koha-tmpl/intranet-tmpl/prog/css/maps/
7
koha-tmpl/intranet-tmpl/prog/css/maps/
(-)a/.scss-lint.yml (+245 lines)
Line 0 Link Here
1
# Default application configuration that all configurations inherit from.
2
3
scss_files: "**/*.scss"
4
plugin_directories: ['.scss-linters']
5
6
# List of gem names to load custom linters from (make sure they are already
7
# installed)
8
plugin_gems: []
9
10
# Default severity of all linters.
11
severity: warning
12
13
linters:
14
  BangFormat:
15
    enabled: true
16
    space_before_bang: true
17
    space_after_bang: false
18
19
  BemDepth:
20
    enabled: false
21
    max_elements: 1
22
23
  BorderZero:
24
    enabled: true
25
    convention: zero # or `none`
26
27
  ChainedClasses:
28
    enabled: false
29
30
  ColorKeyword:
31
    enabled: false
32
33
  ColorVariable:
34
    enabled: false
35
36
  Comment:
37
    enabled: false
38
    style: silent
39
40
  DebugStatement:
41
    enabled: true
42
43
  DeclarationOrder:
44
    enabled: true
45
46
  DisableLinterReason:
47
    enabled: false
48
49
  DuplicateProperty:
50
    enabled: true
51
52
  ElsePlacement:
53
    enabled: true
54
    style: same_line # or 'new_line'
55
56
  EmptyLineBetweenBlocks:
57
    enabled: true
58
    ignore_single_line_blocks: true
59
60
  EmptyRule:
61
    enabled: true
62
63
  ExtendDirective:
64
    enabled: false
65
66
  FinalNewline:
67
    enabled: true
68
    present: true
69
70
  HexLength:
71
    enabled: false
72
    style:  short # or 'long'
73
74
  HexNotation:
75
    enabled: true
76
    style: uppercase # or 'lowercase'
77
78
  HexValidation:
79
    enabled: true
80
81
  IdSelector:
82
    enabled: false
83
84
  ImportantRule:
85
    enabled: true
86
87
  ImportPath:
88
    enabled: true
89
    leading_underscore: false
90
    filename_extension: false
91
92
  Indentation:
93
    enabled: true
94
    allow_non_nested_indentation: false
95
    character: space # or 'tab'
96
    width: 4
97
98
  LeadingZero:
99
    enabled: true
100
    style: exclude_zero # or 'include_zero'
101
102
  MergeableSelector:
103
    enabled: true
104
    force_nesting: true
105
106
  NameFormat:
107
    enabled: true
108
    allow_leading_underscore: true
109
    convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern
110
111
  NestingDepth:
112
    enabled: true
113
    max_depth: 4
114
    ignore_parent_selectors: false
115
116
  PlaceholderInExtend:
117
    enabled: true
118
119
  PrivateNamingConvention:
120
    enabled: false
121
    prefix: _
122
123
  PropertyCount:
124
    enabled: false
125
    include_nested: false
126
    max_properties: 10
127
128
  PropertySortOrder:
129
    enabled: true
130
    ignore_unspecified: false
131
    min_properties: 2
132
    separate_groups: false
133
134
  PropertySpelling:
135
    enabled: true
136
    extra_properties: []
137
    disabled_properties: []
138
139
  PseudoElement:
140
    enabled: true
141
142
  QualifyingElement:
143
    enabled: true
144
    allow_element_with_attribute: false
145
    allow_element_with_class: false
146
    allow_element_with_id: false
147
148
  SelectorDepth:
149
    enabled: true
150
    max_depth: 4
151
152
  SelectorFormat:
153
    enabled: false
154
    convention: hyphenated_lowercase # or 'classic_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
155
156
  Shorthand:
157
    enabled: true
158
    allowed_shorthands: [1, 2, 3, 4]
159
160
  SingleLinePerProperty:
161
    enabled: true
162
    allow_single_line_rule_sets: false
163
164
  SingleLinePerSelector:
165
    enabled: true
166
167
  SpaceAfterComma:
168
    enabled: true
169
    style: one_space # or 'no_space', or 'at_least_one_space'
170
171
  SpaceAfterComment:
172
    enabled: false
173
    style: one_space # or 'no_space', or 'at_least_one_space'
174
    allow_empty_comments: true
175
176
  SpaceAfterPropertyColon:
177
    enabled: true
178
    style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
179
180
  SpaceAfterPropertyName:
181
    enabled: true
182
183
  SpaceAfterVariableColon:
184
    enabled: false
185
    style: one_space # or 'no_space', 'at_least_one_space' or 'one_space_or_newline'
186
187
  SpaceAfterVariableName:
188
    enabled: true
189
190
  SpaceAroundOperator:
191
    enabled: true
192
    style: one_space # or 'at_least_one_space', or 'no_space'
193
194
  SpaceBeforeBrace:
195
    enabled: true
196
    style: space # or 'new_line'
197
    allow_single_line_padding: false
198
199
  SpaceBetweenParens:
200
    enabled: true
201
    spaces: 1
202
203
  StringQuotes:
204
    enabled: true
205
    style: double_quotes # or single_quotes
206
207
  TrailingSemicolon:
208
    enabled: true
209
210
  TrailingWhitespace:
211
    enabled: true
212
213
  TrailingZero:
214
    enabled: false
215
216
  TransitionAll:
217
    enabled: false
218
219
  UnnecessaryMantissa:
220
    enabled: true
221
222
  UnnecessaryParentReference:
223
    enabled: true
224
225
  UrlFormat:
226
    enabled: true
227
228
  UrlQuotes:
229
    enabled: true
230
231
  VariableForProperty:
232
    enabled: false
233
    properties: []
234
235
  VendorPrefix:
236
    enabled: true
237
    identifier_list: base
238
    additional_identifiers: []
239
    excluded_identifiers: []
240
241
  ZeroUnit:
242
    enabled: true
243
244
  Compass::*:
245
    enabled: false
(-)a/gulpfile.js (-5 / +13 lines)
Lines 26-53 var sassOptions = { Link Here
26
    precision: 3
26
    precision: 3
27
}
27
}
28
28
29
if( gutil.env.view == "opac" ){
30
    var css_base = OPAC_CSS_BASE;
31
    var js_base = OPAC_JS_BASE;
32
} else {
33
    var css_base = STAFF_JS_BASE;
34
    var js_base = STAFF_CSS_BASE;
35
}
36
29
gulp.task( "default", ['watch'] );
37
gulp.task( "default", ['watch'] );
30
38
31
// CSS processing for development
39
// CSS processing for development
32
gulp.task('css', function() {
40
gulp.task('css', function() {
33
    return gulp.src( STAFF_CSS_BASE + "/src/**/*.scss" )
41
    return gulp.src( css_base + "/src/**/*.scss" )
34
      .pipe(sourcemaps.init())
42
      .pipe(sourcemaps.init())
35
      .pipe(sass( sassOptions ).on('error', sass.logError))
43
      .pipe(sass( sassOptions ).on('error', sass.logError))
36
      .pipe(autoprefixer())
44
      .pipe(autoprefixer())
37
      .pipe(sourcemaps.write('./maps'))
45
      .pipe(sourcemaps.write('./maps'))
38
      .pipe(gulp.dest( STAFF_CSS_BASE ));
46
      .pipe(gulp.dest( css_base ));
39
});
47
});
40
48
41
// CSS processing for production
49
// CSS processing for production
42
50
43
gulp.task('build', function() {
51
gulp.task('build', function() {
44
    return gulp.src( STAFF_CSS_BASE + "/src/**/*.scss" )
52
    return gulp.src( css_base + "/src/**/*.scss" )
45
      .pipe(sass( sassOptions ).on('error', sass.logError))
53
      .pipe(sass( sassOptions ).on('error', sass.logError))
46
      .pipe(autoprefixer())
54
      .pipe(autoprefixer())
47
      .pipe(cssnano())
55
      .pipe(cssnano())
48
      .pipe(gulp.dest( STAFF_CSS_BASE ));
56
      .pipe(gulp.dest( css_base ));
49
});
57
});
50
58
51
gulp.task('watch', function(){
59
gulp.task('watch', function(){
52
    gulp.watch( STAFF_CSS_BASE + "/src/**/*.scss", ['css'] );
60
    gulp.watch( css_base + "/src/**/*.scss", ['css'] );
53
});
61
});
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_mixins.scss (+10 lines)
Line 0 Link Here
1
$color: #999999;
2
$links: #0076B2;
3
4
@mixin shadowed {
5
    box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
6
}
7
8
@mixin border-radius-all( $radius: 3px ) {
9
    border-radius: $radius;
10
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less (-148 / +179 lines)
Lines 1-60 Link Here
1
@import "mixins.less";
1
@import "mixins";
2
@media only screen and (min-width: 0px) and (max-width: 304px) {
2
3
@media only screen and ( min-width: 0 ) and ( max-width: 304px ) {
3
    /* Screens bewteen 0 and 304 pixels wide */
4
    /* Screens bewteen 0 and 304 pixels wide */
4
    #oh:after {
5
            content: "(min-width: 0px) and (max-width: 304px)";
6
    }
7
    input,
5
    input,
8
    select,
6
    select,
9
    textarea {
7
    textarea {
10
        width : auto;
8
        max-width: 11em;
11
        max-width : 11em;
9
        width: auto;
12
    }
10
    }
13
}
11
}
14
12
15
@media only screen and (min-width: 0px) and (max-width: 390px){
13
@media only screen and ( min-width: 0 ) and ( max-width: 390px ){
16
    /* Screens bewteen 0 and 390 pixels wide */
14
    /* Screens bewteen 0 and 390 pixels wide */
17
    #oh:after {
18
            content: "(min-width: 0px) and (max-width: 390px)";
19
    }
20
    .ui-tabs .ui-tabs-nav li a,
15
    .ui-tabs .ui-tabs-nav li a,
21
    .statictabs li a {
16
    .statictabs li a {
22
        padding: .1em .5em;
17
        padding: .1em .5em;
23
    }
18
    }
24
    .input-fluid {
25
        width : 90%;
26
    }
27
}
28
19
29
@media only screen and (min-width: 305px) and (max-width: 341px) {
20
    .input-fluid {
30
    /* Screens bewteen 305 and 341 pixels wide */
21
        width: 90%;
31
    #oh:after {
32
            content: "(min-width: 305px) and (max-width: 341px)";
33
    }
22
    }
34
}
23
}
35
24
36
@media only screen and (min-width: 342px) and (max-width: 479px) {
25
@media only screen and ( min-width: 342px ) and ( max-width: 479px ) {
37
    /* Screens bewteen 342 and 479 pixels wide */
26
    /* Screens bewteen 342 and 479 pixels wide */
38
    #oh:after {
39
            content: "(min-width: 342px) and (max-width: 479px)";
40
    }
41
    .input-fluid {
27
    .input-fluid {
42
        width : 75%;
28
        width: 75%;
43
    }
29
    }
30
44
    .searchsuggestion {
31
    .searchsuggestion {
45
        display: block;
32
        display: block;
46
    }
33
    }
47
}
34
}
48
/* Override Bootstrap Responsive CSS fixed navbar */
35
/* Override Bootstrap Responsive CSS fixed navbar */
49
@media (max-width: 979px) {
36
@media ( max-width: 979px ) {
50
  .navbar-fixed-top,
37
    .navbar-fixed-top,
51
  .navbar-fixed-bottom {
38
    .navbar-fixed-bottom {
52
      position: fixed;
39
        margin-left: 0;
53
      margin-left: 0px;
40
        margin-right: 0;
54
      margin-right: 0px;
41
        position: fixed;
55
  }
42
    }
56
}
43
}
57
@media only screen and (max-width: 608px) {
44
45
@media only screen and ( max-width: 608px ) {
58
    /* Screens below 608 pixels wide */
46
    /* Screens below 608 pixels wide */
59
    fieldset {
47
    fieldset {
60
        &.rows {
48
        &.rows {
Lines 63-92 Link Here
63
                float: none;
51
                float: none;
64
                text-align: left;
52
                text-align: left;
65
            }
53
            }
54
66
            li {
55
            li {
67
                padding-bottom : .5em;
56
                padding-bottom: .5em;
68
            }
57
            }
58
69
            ol {
59
            ol {
70
                margin-left : 0;
60
                margin-left: 0;
71
            }
61
            }
62
72
            .hint {
63
            .hint {
73
                margin-left: 0;
64
                margin-left: 0;
74
            }
65
            }
75
        }
66
        }
76
    }
67
    }
68
77
    body {
69
    body {
78
        padding: 0;
70
        padding: 0;
79
    }
71
    }
72
80
    .tdlabel {
73
    .tdlabel {
81
        display: inline;
74
        display: inline;
82
    }
75
    }
76
83
    .navbar-fixed-top,
77
    .navbar-fixed-top,
84
    .navbar-static-top {
78
    .navbar-static-top {
85
        margin : 0;
79
        margin: 0;
86
    }
80
    }
81
87
    .navbar-inner {
82
    .navbar-inner {
88
        padding : 0;
83
        padding: 0;
89
    }
84
    }
85
90
    .checkall,
86
    .checkall,
91
    .clearall,
87
    .clearall,
92
    .highlight_controls,
88
    .highlight_controls,
Lines 96-483 Link Here
96
    #remove-selected {
92
    #remove-selected {
97
        display: none;
93
        display: none;
98
    }
94
    }
95
99
    .table td.bibliocol {
96
    .table td.bibliocol {
100
        padding-left: 1.3em;
97
        padding-left: 1.3em;
101
    }
98
    }
99
102
    .actions {
100
    .actions {
103
        display: block;
101
        display: block;
104
        a, #login4tags {
102
103
        a,
104
        #login4tags {
105
            @include border-radius-all( 4px );
105
            background-color: #F2F2EF;
106
            background-color: #F2F2EF;
106
            border : 1px solid #DDD;
107
            border: 1px solid #DDD;
107
            .border-radius-all(4px);
108
            font-weight: bold;
109
            display: block;
108
            display: block;
110
            font-size: 120%;
109
            font-size: 120%;
110
            font-weight: bold;
111
            margin: 2px 0;
111
            margin: 2px 0;
112
        }
112
        }
113
113
        .label {
114
        .label {
114
            display: block;
115
            display: block;
115
            font-weight: bold;
116
            font-weight: bold;
116
        }
117
        }
118
117
        #login4tags {
119
        #login4tags {
118
            margin-right: 1em;
120
            margin-right: 1em;
119
        }
121
        }
120
    }
122
    }
123
121
    #opac-main-search {
124
    #opac-main-search {
122
        button,
125
        button,
123
        input,
126
        input,
124
        select,
127
        select,
125
        .librarypulldown .transl1,
128
        .librarypulldown .transl1,
126
        .input-append {
129
        .input-append {
130
            @include border-radius-all( 5px );
127
            box-sizing: border-box;
131
            box-sizing: border-box;
128
            display: block;
132
            display: block;
129
            height: 120%;
133
            height: 120%;
130
            width : 97%;
134
            margin: .5em 0;
131
            max-width: 100%;
135
            max-width: 100%;
132
            margin : .5em 0;
136
            width: 97%;
133
            .border-radius-all(5px);
134
        }
137
        }
138
135
        .input-append {
139
        .input-append {
136
            margin : 0;
140
            margin: 0;
137
            width: 100%;
141
            width: 100%;
138
        }
142
        }
143
139
        .librarypulldown .transl1 {
144
        .librarypulldown .transl1 {
140
            width : 94.5%;
145
            width: 94.5%;
141
        }
146
        }
142
    }
147
    }
148
143
    #toolbar .resort {
149
    #toolbar .resort {
144
        font-size : 14px;
150
        @include border-radius-all( 5px );
151
        font-size: 14px;
152
        margin: .5em 0;
145
        max-width: 100%;
153
        max-width: 100%;
146
        margin : .5em 0;
154
        padding: 4px 6px;
147
        padding : 4px 6px;
148
        .border-radius-all(5px);
149
    }
155
    }
156
150
    .mastheadsearch {
157
    .mastheadsearch {
151
        margin : 0;
158
        @include border-radius-all( 0 );
152
        .border-radius-all(0px);
159
        margin: 0;
153
160
154
    }
161
    }
162
155
    .main {
163
    .main {
156
        margin : .5em 0;
164
        @include border-radius-all( 0 );
157
        padding : 15px;
165
        margin: .5em 0;
158
        .border-radius-all(0px);
166
        padding: 15px;
159
    }
167
    }
168
160
    .breadcrumb {
169
    .breadcrumb {
161
        margin : 10px 0;
170
        margin: 10px 0;
162
    }
171
    }
172
163
    #moresearches {
173
    #moresearches {
164
        text-align: center;
174
        text-align: center;
165
    }
175
    }
176
166
    #searchsubmit {
177
    #searchsubmit {
167
        font-weight: bold;
178
        font-weight: bold;
168
    }
179
    }
180
169
    .ui-tabs-panel,
181
    .ui-tabs-panel,
170
    .tabs-container,
182
    .tabs-container,
171
    #topissues,
183
    #topissues,
172
    #usertags,
184
    #usertags,
173
    #usersuggestions {
185
    #usersuggestions {
174
        .item-thumbnail {
186
        .item-thumbnail {
175
            margin : .5em 0 0 .5em;
187
            margin: .5em 0 0 .5em;
176
        }
188
        }
189
177
        .table-bordered {
190
        .table-bordered {
178
            border : none;
191
            border: 0;
179
        }
192
        }
193
180
        .table {
194
        .table {
181
            th,
195
            th,
182
            thead {
196
            thead {
183
                display: none;
197
                display: none;
184
            }
198
            }
199
185
            td {
200
            td {
186
                border-right : 1px solid #dddddd;
201
                border-left: 1px solid #DDDDDD;
187
                border-left : 1px solid #dddddd;
202
                border-right: 1px solid #DDDDDD;
188
                border-top : 0;
203
                border-top: 0;
189
                display : block;
204
                display: block;
190
                padding : .2em;
205
                padding: .2em;
191
            }
206
            }
207
192
            p {
208
            p {
193
                margin-bottom : 2px;
209
                margin-bottom: 2px;
194
            }
210
            }
195
        }
211
        }
212
196
        tr {
213
        tr {
197
            display: block;
214
            display: block;
198
            margin-bottom : .6em;
215
            margin-bottom: .6em;
216
199
            td:first-child {
217
            td:first-child {
200
                border-top : 1px solid #dddddd;
201
                border-radius: 5px 5px 0 0;
218
                border-radius: 5px 5px 0 0;
219
                border-top: 1px solid #DDDDDD;
202
            }
220
            }
221
203
            td:last-child {
222
            td:last-child {
223
                border-bottom: 2px solid #CACACA;
204
                border-radius: 0 0 5px 5px;
224
                border-radius: 0 0 5px 5px;
205
                border-bottom : 2px solid #CACACA;
206
            }
225
            }
207
        }
226
        }
208
    }
227
    }
228
209
    .no-image {
229
    .no-image {
210
        display : none;
230
        display: none;
211
    }
231
    }
212
}
232
}
213
233
214
@media only screen and (max-width: 700px) {
234
@media only screen and ( max-width: 700px ) {
215
    /* Screens below 700 pixels wide */
235
    /* Screens below 700 pixels wide */
216
    #opac-main-search {
236
    #opac-main-search {
217
        label {
237
        label {
218
            display: none;
238
            display: none;
219
        }
239
        }
220
    }
240
    }
241
221
    #logo {
242
    #logo {
222
        background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
243
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
223
        background-position: 0 -24px;
244
        background-position: 0 -24px;
224
        margin: 14px 14px 0 14px;
245
        margin: 14px 14px 0 14px;
225
        width: 14px;
246
        width: 14px;
247
226
        a {
248
        a {
227
            padding:14px 0 0;
249
            padding: 14px 0 0;
228
            width:14px;
250
            width: 14px;
229
        }
251
        }
230
    }
252
    }
253
231
    #user-menu-trigger {
254
    #user-menu-trigger {
232
        display: inline;
255
        display: inline;
233
        margin-right : 12px;
256
        margin-right: 12px;
234
    }
257
    }
258
235
    #members {
259
    #members {
260
        clear: both;
236
        display: none;
261
        display: none;
237
        clear : both;
262
238
        li {
263
        li {
264
            border-bottom: 1px solid #555;
239
            padding-right: 20px;
265
            padding-right: 20px;
240
            text-align: right;
266
            text-align: right;
241
            border-bottom : 1px solid #555;
267
242
            &:first-child {
268
            &:first-child {
243
                border-top : 1px solid #555;
269
                border-top: 1px solid #555;
244
            }
270
            }
271
245
            &:last-child {
272
            &:last-child {
246
                border-bottom : none;
273
                border-bottom: 0;
247
            }
274
            }
248
        }
275
        }
276
249
        .nav {
277
        .nav {
250
            float: none;
278
            float: none;
279
280
            > li {
281
                float: none;
282
            }
283
251
            &.pull-right {
284
            &.pull-right {
252
                float: none;
285
                float: none;
253
            }
286
            }
254
        }
287
        }
255
        .nav>li {
288
256
            float: none;
257
        }
258
        .divider-vertical {
289
        .divider-vertical {
259
            border : 0;
290
            border: 0;
260
            height : 0;
291
            height: 0;
261
            margin : 0;
292
            margin: 0;
262
        }
293
        }
263
    }
294
    }
264
}
295
}
265
296
266
@media only screen and (min-width: 480px) and (max-width: 608px) {
297
@media only screen and ( min-width: 480px ) and ( max-width: 608px ) {
267
    /* Screens between 480 and 608 pixels wide */
298
    /* Screens between 480 and 608 pixels wide */
268
    #oh:after {
269
            content: " Between 480 pixels and 608 pixels. ";
270
    }
271
    .input-fluid {
299
    .input-fluid {
272
        width : 75%;
300
        width: 75%;
273
    }
301
    }
274
}
302
}
275
303
276
@media only screen and (min-width: 608px) {
304
@media only screen and ( min-width: 608px ) {
277
    #views {
305
    #views {
278
        border-bottom : 1px solid #D6D6D6;
306
        border-bottom: 1px solid #D6D6D6;
279
        margin: 0;
307
        margin: 0;
280
        padding: 0;
308
        padding: 0;
281
        white-space : nowrap;
309
        white-space: nowrap;
282
    }
310
    }
311
283
    .view {
312
    .view {
313
        border-bottom-width: 0;
284
        border-radius: 0;
314
        border-radius: 0;
285
        border-right-width: 0;
315
        border-right-width: 0;
286
        border-top-width: 0;
316
        border-top-width: 0;
287
        border-bottom-width: 0;
288
    }
317
    }
289
318
290
    .current-view {
319
    .current-view {
291
        border: 0;
320
        border: 0;
292
        -webkit-box-shadow: none;
321
        box-shadow: none;
293
        -moz-box-shadow:    none;
294
        box-shadow:         none;
295
    }
322
    }
296
}
323
}
297
324
298
@media only screen and (min-width: 608px) and (max-width: 767px) {
325
@media only screen and ( min-width: 608px ) and ( max-width: 767px ) {
299
    /* Screens between 608 and 767 pixels wide */
326
    /* Screens between 608 and 767 pixels wide */
300
    #oh:after {
301
            content: " Between 608 pixels and 767 pixels. ";
302
    }
303
    .main {
327
    .main {
304
        padding: 0.8em 20px;
328
        padding: .8em 20px;
305
    }
329
    }
330
306
    .breadcrumb {
331
    .breadcrumb {
307
        margin : 10px 0;
332
        margin: 10px 0;
308
    }
333
    }
334
309
    .navbar-static-bottom {
335
    .navbar-static-bottom {
310
        margin-left : -20px;
336
        margin-left: -20px;
311
        margin-right : -20px;
337
        margin-right: -20px;
312
    }
338
    }
339
313
    .row-fluid input.span6 {
340
    .row-fluid input.span6 {
314
        width: 48.9362%;
341
        width: 48.9362%;
315
    }
342
    }
316
}
343
}
317
344
318
@media only screen and (max-width: 767px) {
345
@media only screen and ( max-width: 767px ) {
319
    /* Screens below 767 pixels wide */
346
    /* Screens below 767 pixels wide */
320
    a {
347
    a {
321
        &.title {
348
        &.title {
322
            font-size: 120%;
349
            font-size: 120%;
323
        }
350
        }
324
    }
351
    }
352
325
    #userresults {
353
    #userresults {
326
        margin : 0 -20px;
354
        margin: 0 -20px;
327
    }
355
    }
356
328
    .breadcrumb,
357
    .breadcrumb,
329
    #top-pages,
358
    #top-pages,
330
    .menu-collapse {
359
    .menu-collapse {
331
        display: none;
360
        display: none;
332
    }
361
    }
362
333
    #search-facets,
363
    #search-facets,
334
    #menu {
364
    #menu {
335
        margin-bottom: .5em;
365
        margin-bottom: .5em;
366
336
        h4 {
367
        h4 {
337
            display: block;
368
            display: block;
338
            margin : 0;
369
            margin: 0;
339
            padding : 0;
370
            padding: 0;
371
340
            a {
372
            a {
341
                .border-radius-all(7px);
373
                @include border-radius-all( 7px );
342
                border-bottom: 0;
374
                border-bottom: 0;
343
                font-weight: normal;
375
                font-weight: normal;
344
                padding: .7em .2em;
376
                padding: .7em .2em;
345
            }
377
            }
346
        }
378
        }
379
347
        ul {
380
        ul {
348
            padding: 0;
381
            padding: 0;
349
        }
382
        }
350
    }
383
    }
384
351
    #menu {
385
    #menu {
352
        li {
386
        li {
353
            a {
387
            a {
354
                .border-radius-all(0px);
388
                @include border-radius-all( 0 );
355
                border : 0;
389
                border: 0;
390
                border-bottom: 1px solid #D8D8D8;
356
                display: block;
391
                display: block;
357
                font-size: 120%;
392
                font-size: 120%;
358
                text-decoration: none;
359
                border-bottom: 1px solid #D8D8D8;
360
                margin: 0;
393
                margin: 0;
394
                text-decoration: none;
361
            }
395
            }
396
362
            &.active {
397
            &.active {
363
                a {
398
                a {
364
                    border-top: 1px solid #D8D8D8;
365
                    border-right-width: 1px;
399
                    border-right-width: 1px;
400
                    border-top: 1px solid #D8D8D8;
366
                }
401
                }
367
            }
402
            }
403
368
            &:last-child {
404
            &:last-child {
369
                a {
405
                a {
370
                    -webkit-border-radius: 0 0 7px 7px;
406
                    border-radius: 0 0 7px 7px;
371
                       -moz-border-radius: 0 0 7px 7px;
372
                            border-radius: 0 0 7px 7px;
373
                }
407
                }
374
            }
408
            }
375
        }
409
        }
376
    }
410
    }
411
377
    #search-facets {
412
    #search-facets {
378
        li {
413
        li {
379
            padding : .4em;
414
            padding: .4em;
380
        }
415
        }
416
381
        h5 {
417
        h5 {
382
            margin: .2em;
418
            margin: .2em;
383
        }
419
        }
384
    }
420
    }
421
385
    #menu h4 a.menu-open,
422
    #menu h4 a.menu-open,
386
    #search-facets h4 a.menu-open {
423
    #search-facets h4 a.menu-open {
387
        -webkit-border-radius: 7px 7px 0 0;
388
           -moz-border-radius: 7px 7px 0 0;
389
                border-radius: 7px 7px 0 0;
390
        border-bottom: 1px solid #D8D8D8;
424
        border-bottom: 1px solid #D8D8D8;
425
        border-radius: 7px 7px 0 0;
391
    }
426
    }
392
}
427
}
393
428
394
@media only screen and (max-width: 800px) {
429
@media only screen and ( max-width: 800px ) {
395
    /* Screens below 800 pixels wide */
430
    /* Screens below 800 pixels wide */
396
    .cartlabel,
431
    .cartlabel,
397
    .listslabel {
432
    .listslabel {
398
        display: none;
433
        display: none;
399
    }
434
    }
435
400
    .navbar {
436
    .navbar {
401
        .divider-vertical {
437
        .divider-vertical {
402
            margin : 0 2px;
438
            margin: 0 2px;
403
        }
439
        }
440
404
        #members {
441
        #members {
405
            .divider-vertical {
442
            .divider-vertical {
406
                margin : 0 9px;
443
                margin: 0 9px;
407
            }
444
            }
408
        }
445
        }
409
    }
446
    }
410
}
447
}
411
448
412
@media only screen and (min-width: 768px) {
449
@media only screen and ( min-width: 768px ) {
413
    /* Screens above 768 pixels wide */
450
    /* Screens above 768 pixels wide */
414
    .main {
451
    .main {
415
        margin-left: 20px;
452
        margin-left: 20px;
416
        margin-right: 20px;
453
        margin-right: 20px;
417
    }
454
    }
455
418
    #menu {
456
    #menu {
419
        border : 0;
457
        @include border-radius-all( 0 );
420
        .border-radius-all(0px);
458
        border: 0;
421
        border-right : 1px solid #D8D8D8;
459
        border-right: 1px solid #D8D8D8;
460
422
        h4 {
461
        h4 {
423
            display: none;
462
            display: none;
424
        }
463
        }
464
425
        ul {
465
        ul {
426
            padding: 1em 0 1em 0;
466
            padding: 1em 0 1em 0;
427
        }
467
        }
428
    }
468
    }
469
429
    #didyoumean {
470
    #didyoumean {
430
        margin: 0;
471
        margin: 0;
431
    }
472
    }
473
432
    .searchsuggestion {
474
    .searchsuggestion {
433
        white-space: nowrap;
475
        white-space: nowrap;
434
    }
476
    }
435
}
477
}
436
478
437
@media only screen and (min-width: 768px) and (max-width: 984px) {
479
@media only screen and ( min-width: 768px ) and ( max-width: 984px ) {
438
    /* Screens between 768 and 984 pixels wide */
480
    /* Screens between 768 and 984 pixels wide */
439
    #oh:after {
440
            content: " Between 768 and 984 pixels. ";
441
    }
442
    .librarypulldown .transl1 {
481
    .librarypulldown .transl1 {
443
        width : 38%;
482
        width: 38%;
444
    }
483
    }
445
}
484
}
446
485
447
@media only screen and (max-width: 984px) {
486
@media only screen and ( min-width: 984px ) {
448
    /* Screens up to 984 pixels wide */
449
    // #oh:after {
450
    //         content: " Below 984 pixels. ";
451
    // }
452
}
453
454
@media only screen and (min-width: 984px) {
455
    /* Screens above 969 pixels wide */
487
    /* Screens above 969 pixels wide */
456
    #oh:after {
457
            content: " Above 984 pixels. ";
458
    }
459
    .librarypulldown .transl1 {
488
    .librarypulldown .transl1 {
460
        width : 53%;
489
        width: 53%;
461
    }
490
    }
462
491
463
}
492
}
464
493
465
@media only screen and (max-width: 1040px) {
494
@media only screen and ( max-width: 1040px ) {
466
    .pg_menu {
495
    .pg_menu {
467
        li {
496
        li {
468
            a {
497
            a {
469
                float: none;
498
                float: none;
470
                text-align : left;
499
                text-align: left;
471
            }
500
            }
501
472
            &.back_results {
502
            &.back_results {
473
                a {
503
                a {
474
                    border : 1px solid #D0D0D0;
504
                    border: 1px solid #D0D0D0;
475
                    border-width : 1px 0 1px 0;
505
                    border-width: 1px 0 1px 0;
476
                }
506
                }
477
            }
507
            }
478
        }
508
        }
479
    }
509
    }
510
480
    #ulactioncontainer {
511
    #ulactioncontainer {
481
        min-width : 0;
512
        min-width: 0;
482
    }
513
    }
483
}
514
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+2977 lines)
Line 0 Link Here
1
@import "mixins";
2
3
body {
4
    background-color: #EAEAE6;
5
}
6
7
/* Sticky footer styles */
8
html,
9
body {
10
    height: 100%;
11
    /* The html and body elements cannot have any padding or margin. */
12
}
13
14
.no-js {
15
    .dateformat {
16
        display: inline;
17
        white-space: nowrap;
18
    }
19
20
    .modal-body {
21
        padding: 0;
22
    }
23
24
    .selections-toolbar {
25
        display: none;
26
    }
27
}
28
29
.js {
30
    .dateformat {
31
        display: none;
32
    }
33
}
34
35
/* Wrapper for page content to push down footer */
36
#wrap {
37
    height: auto !important;
38
    height: 100%;
39
    min-height: 100%;
40
    /* Negative indent footer by it's height */
41
    // margin: 0 auto -60px;
42
}
43
44
#changelanguage {
45
    /* Set the fixed height of the footer here */
46
    // height: 60px;
47
    .nav {
48
        > .active {
49
            > p {
50
                padding: 0 15px;
51
            }
52
        }
53
    }
54
}
55
56
.popup {
57
    padding-left: 0;
58
    padding-right: 0;
59
60
    .main {
61
        font-size: 90%;
62
        padding: 0 1em;
63
    }
64
65
    legend {
66
        line-height: 1.5em;
67
        margin-bottom: .5em;
68
    }
69
}
70
71
a {
72
    color: $links;
73
74
    &.cancel {
75
        padding-left: 1em;
76
    }
77
78
    &:visited {
79
        color: $links;
80
    }
81
82
    &.title {
83
        font-size: 108%;
84
        font-weight: bold;
85
    }
86
87
    &.btn {
88
        &:visited {
89
            color: #333;
90
        }
91
    }
92
93
    &.btn-primary {
94
        &:visited {
95
            color: #FFF;
96
        }
97
    }
98
99
    &.login-link {
100
        color: #A6D8ED;
101
        font-weight: bold;
102
    }
103
104
    &.listmenulink {
105
        &:link,
106
        &:visited {
107
            color: #0076B2;
108
            font-weight: bold;
109
        }
110
111
        &:hover,
112
        &:active {
113
            color: #FFF;
114
            font-weight: bold;
115
        }
116
    }
117
118
    .idreambooksrating {
119
        color: #29ADE4;
120
        font-size: 30px;
121
        line-height: 30px;
122
        padding-left: 85px;
123
        text-decoration: none;
124
    }
125
126
    &.reviewlink,
127
    &.reviewlink:visited {
128
        color: black;
129
        font-weight: normal;
130
        text-decoration: none;
131
    }
132
133
    &.addtocart {
134
        @extend %initial_icon;
135
        background-position: -5px -265px; /* Cart */
136
        padding-left: 35px;
137
    }
138
139
    &.addtoshelf {
140
        @extend %initial_icon;
141
        background-position: -5px -225px; /* Virtual shelf */
142
        padding-left: 35px;
143
    }
144
145
    &.brief {
146
        @extend %initial_icon;
147
        background-position: -2px -868px; /* Zoom out */
148
        padding-left: 27px;
149
    }
150
151
    &.deleteshelf {
152
        @extend %initial_icon;
153
154
        &.disabled {
155
            @extend %initial_icon;
156
        }
157
    }
158
159
    &.detail {
160
        @extend %initial_icon;
161
        background-position: -2px -898px; /* Zoom in */
162
        padding-left: 27px;
163
    }
164
165
    &.download {
166
        @extend %initial_icon;
167
        background-position: -5px -348px; /* Download */
168
        padding-left: 20px;
169
    }
170
171
    &.editshelf {
172
        @extend %initial_icon;
173
        background-position: 2px -348px; /* List edit */
174
        padding-left: 26px;
175
    }
176
177
    &.empty {
178
        @extend %initial_icon;
179
        background-position: 2px -598px; /* Trash */
180
        padding-left: 30px;
181
    }
182
183
    &.hide {
184
        @extend %initial_icon;
185
        background-position: -3px -814px; /* Close */
186
        padding-left: 26px;
187
    }
188
189
    &.highlight_toggle {
190
        @extend %initial_icon;
191
        background-position: -5px -841px; /* Highlight */
192
        display: none;
193
        padding-left: 35px;
194
    }
195
196
    &.hold {
197
        @extend %initial_icon;
198
        background-position: -2px -453px; /* Toolbar place hold */
199
        padding-left: 23px;
200
201
        &.disabled {
202
            @extend %initial_icon;
203
            background-position: -5px -621px; /* Place hold disabled */
204
        }
205
    }
206
207
    &.incart {
208
        @extend %initial_icon;
209
        background-position: -5px -265px; /* Cart */
210
        color: #666;
211
        padding-left: 35px;
212
    }
213
214
    &.new {
215
        @extend %initial_icon;
216
        background-image: url( "../images/sprite.png" ); /* New */
217
        background-position: -4px -922px;
218
        padding-left: 23px;
219
    }
220
221
    &.print-small {
222
        @extend %initial_icon;
223
        background-position: 0 -423px; /* Toolbar print */
224
        padding-left: 30px;
225
    }
226
227
    &.print-large {
228
        @extend %initial_icon;
229
        background-position: -5px -186px; /* Toolbar print */
230
        padding-left: 35px;
231
    }
232
233
    &.removeitems {
234
        @extend %initial_icon;
235
        background-position: 2px -690px; /* Delete */
236
        padding-left: 25px;
237
238
        &.disabled {
239
            @extend %initial_icon;
240
            background-position: 2px -712px; /* Delete disabled */
241
        }
242
    }
243
244
    &.reserve {
245
        @extend %initial_icon;
246
        background-position: -6px -144px; /* Place hold */
247
        padding-left: 35px;
248
    }
249
250
    &.article_request {
251
        @extend %initial_icon;
252
        background-position: 0 -24px; /* Place article request */
253
        padding-left: 35px;
254
    }
255
256
    &.send {
257
        @extend %initial_icon;
258
        background-position: 2px -386px; /* Email */
259
        padding-left: 28px;
260
    }
261
262
    &.tag_add {
263
        @extend %initial_icon;
264
        background-position: 3px -1111px; /* Tag results */
265
        padding-left: 27px;
266
    }
267
268
    &.removefromlist {
269
        @extend %initial_icon;
270
    }
271
}
272
273
h1 {
274
    font-size: 140%;
275
    line-height: 150%;
276
277
    &#libraryname {
278
        background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
279
        border: 0;
280
        float: left !important;
281
        margin: 0;
282
        padding: 0;
283
        width: 120px;
284
285
        a {
286
            border: 0;
287
            cursor: pointer;
288
            display: block;
289
            height: 0 !important;
290
            margin: 0;
291
            overflow: hidden;
292
            padding: 40px 0 0;
293
            text-decoration: none;
294
            width: 120px;
295
        }
296
    }
297
}
298
299
h2 {
300
    font-size: 130%;
301
    line-height: 150%;
302
}
303
304
h3 {
305
    font-size: 120%;
306
    line-height: 150%;
307
}
308
309
h4 {
310
    font-size: 110%;
311
}
312
313
h5 {
314
    font-size: 100%;
315
}
316
317
caption {
318
    font-size: 120%;
319
    font-weight: bold;
320
    margin: 0;
321
    text-align: left;
322
}
323
324
input,
325
textarea {
326
    width: auto;
327
}
328
329
.input-fluid {
330
    width: 50%;
331
}
332
333
legend {
334
    font-size: 110%;
335
    font-weight: bold;
336
}
337
338
table {
339
    font-size: 90%;
340
}
341
342
table,
343
td {
344
    background-color: #FFF;
345
}
346
347
td {
348
    img {
349
        max-width: none;
350
    }
351
352
    &.overdue {
353
        color: #CC3333;
354
    }
355
356
    .sum {
357
        background-color: #FFC;
358
        font-weight: bold;
359
    }
360
361
    .btn {
362
        white-space: nowrap;
363
    }
364
365
    .btn-link {
366
        padding: 0;
367
    }
368
}
369
370
th {
371
    background-color: #ECEDE6;
372
373
    &.sum {
374
        text-align: right;
375
    }
376
377
    &[scope=row] {
378
        background-color: transparent;
379
        text-align: right;
380
    }
381
}
382
383
#advsearches,
384
#booleansearch {
385
    label {
386
        display: inline;
387
    }
388
}
389
390
#basketcount {
391
    display: inline;
392
    margin: 0;
393
    padding: 0;
394
395
    span {
396
        @include border-radius-all( 3px );
397
        background-color: #FFC;
398
        color: #000;
399
        display: inline;
400
        font-size: 80%;
401
        font-weight: normal;
402
        margin: 0 0 0 .9em;
403
        padding: 0 .3em;
404
    }
405
}
406
407
408
#members {
409
    display: block;
410
411
    p {
412
        color: #EEE;
413
    }
414
415
    a {
416
        &.logout {
417
            color: #E8583C;
418
            font-weight: bold;
419
            padding: 0 .3em;
420
        }
421
    }
422
}
423
424
#koha_url {
425
    p {
426
        color: #666666;
427
        float: right;
428
        margin: 0;
429
    }
430
}
431
432
#moresearches {
433
    margin: .5em 0;
434
    padding: 0 .8em;
435
436
    li {
437
        display: inline;
438
        white-space: nowrap;
439
440
        &::after {
441
            content: " | ";
442
        }
443
444
        &:last-child {
445
            &::after {
446
                content: "";
447
            }
448
        }
449
450
    }
451
452
    ul {
453
        margin: 0;
454
    }
455
}
456
457
#news {
458
    margin: .5em 0;
459
}
460
461
.newscontainer {
462
    border: 1px solid #DDD;
463
    border-bottom-width: 0;
464
    border-top-left-radius: 5px;
465
    border-top-right-radius: 5px;
466
}
467
468
.newsheader {
469
    background-color: #ECEDE6;
470
    border-bottom: 1px solid #DDD;
471
    margin: 0;
472
    padding: 8px;
473
}
474
475
.newsbody {
476
    padding: 8px;
477
}
478
479
.newsfooter {
480
    border-bottom: 1px solid #DDD;
481
    font-style: italic;
482
    padding: 4px 8px;
483
}
484
485
#opacheader {
486
    background-color: #DDD;
487
}
488
489
#selections,
490
.selections {
491
    font-weight: bold;
492
}
493
494
.actions {
495
    a {
496
        background-repeat: no-repeat;
497
        margin-right: 1em;
498
        text-decoration: none;
499
        white-space: nowrap;
500
501
        &.hold {
502
            background-image: url( "../images/sprite.png" ); /* Place hold small */
503
            background-position: -5px -542px;
504
            padding-left: 21px;
505
        }
506
507
        &.article_request {
508
            background-image: url( "../images/sprite.png" ); /* Place hold small */
509
            background-position: -2px -26px;
510
            padding-left: 21px;
511
        }
512
513
        &.addtocart {
514
            background-image: url( "../images/sprite.png" ); /* Cart small */
515
            background-position: -5px -572px;
516
            padding-left: 20px;
517
        }
518
519
        &.addtoshelf {
520
            background-image: url( "../images/sprite.png" ); /* MARC view */
521
            background-position: -5px -27px;
522
            padding-left: 20px;
523
        }
524
525
        &.addtolist {
526
            background-position: -5px -27px;
527
            padding-left: 20px;
528
        }
529
530
        &.tag_add {
531
            background-position: -5px -1110px;
532
            padding-left: 20px;
533
        }
534
535
        /* List contents remove from list link */
536
        &.removefromlist {
537
            background-position: -8px -690px; /* Delete */
538
            padding-left: 15px;
539
        }
540
    }
541
}
542
543
/* Override Bootstrap alert */
544
.alert {
545
    background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
546
    border-color: #D6C43B;
547
    color: #333;
548
549
    /* Redefine a new style for Bootstrap's class "close" since we use that already */
550
    /* Use <a class="closebtn" href="#">&times;</a> */
551
552
    .closebtn {
553
        line-height: 20px;
554
        position: relative;
555
        right: -21px;
556
        top: -2px;
557
    }
558
}
559
560
/* Override Bootstrap alert.alert-info */
561
.alert-info {
562
    background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
563
    border-color: #C5D1E5;
564
    color: #333;
565
}
566
567
/* Override Bootstrap alert.alert-success */
568
.alert-success {
569
    background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
570
    border-color: #9FBA35;
571
    color: #333;
572
}
573
574
.breadcrumb {
575
    @include border-radius-all( 7px );
576
    background-color: #F2F2EF;
577
    font-size: 85%;
578
    list-style: none outside none;
579
    margin: 10px 20px;
580
    padding: 5px 10px;
581
}
582
583
.form-inline {
584
    display: inline;
585
    margin: 0;
586
    padding: 0;
587
588
    fieldset {
589
        margin: .3em 0;
590
        padding: .3em;
591
    }
592
}
593
594
.main {
595
    @include border-radius-all( 7px );
596
    @include shadowed;
597
    background-color: #FFF;
598
    border: 1px solid #D2D2CF;
599
    margin-bottom: .5em;
600
    margin-top: .5em;
601
}
602
603
.mastheadsearch {
604
    @include border-radius-all( 7px );
605
    background: linear-gradient( to bottom, #C7C7C1 38%, #A7A7A2 100% );
606
    margin: .5em 0;
607
    padding: .8em;
608
609
    label {
610
        font-size: 115%;
611
        font-weight: bold;
612
    }
613
}
614
615
.navbar-inverse {
616
    .brand {
617
        color: #9FE1FF;
618
        font-weight: bold;
619
    }
620
621
    .nav {
622
        > li {
623
            > a {
624
                color: #9FE1FF;
625
                font-weight: bold;
626
            }
627
        }
628
    }
629
}
630
631
.navbar-fixed-bottom {
632
    &.navbar-static-bottom {
633
        margin-top: .5em;
634
        position: static;
635
    }
636
}
637
638
.table-striped tbody > tr:nth-child(odd) > td,
639
.table-striped tbody > tr:nth-child(odd) > th {
640
    background-color: #F4F4F4;
641
}
642
643
644
/* jQuery UI standard tabs */
645
.ui-tabs-nav .ui-tabs-active a,
646
.ui-tabs-nav a:hover,
647
.ui-tabs-nav a:focus,
648
.ui-tabs-nav a:active,
649
.ui-tabs-nav span.a {
650
    background: none repeat scroll 0 0 transparent;
651
    outline: 0 none;
652
}
653
654
.ui-widget,
655
.ui-widget input,
656
.ui-widget select,
657
.ui-widget textarea,
658
.ui-widget button {
659
    font-family: inherit;
660
    font-size: inherit;
661
}
662
663
ul {
664
    &.ui-tabs-nav {
665
        li {
666
            list-style: none;
667
        }
668
    }
669
}
670
671
.ui-tabs {
672
    .ui-tabs-nav {
673
        li {
674
            background: #F3F3F3 none;
675
            border-color: #D8D8D8;
676
            margin-right: .4em;
677
678
            &.ui-tabs-active {
679
                background-color: #FFF;
680
                border: 1px solid #D8D8D8;
681
                border-bottom: 0;
682
683
                a {
684
                    color: #000;
685
                    font-weight: bold;
686
                }
687
688
                &.ui-state-hover {
689
                    background: #FFF none;
690
                }
691
            }
692
693
            &.ui-state-default.ui-state-hover {
694
                background: #F3F3F3 none;
695
            }
696
        }
697
    }
698
699
    .ui-tabs-panel {
700
        border: 1px solid #D8D8D8;
701
        margin-bottom: 1em;
702
    }
703
704
    &.ui-widget-content {
705
        background: transparent none;
706
        border: 0;
707
    }
708
709
    .ui-state-default {
710
        a {
711
            color: #006699;
712
713
            &:link {
714
                color: #006699;
715
            }
716
717
            &:visited {
718
                color: #006699;
719
            }
720
        }
721
    }
722
723
    .ui-state-hover a {
724
        color: #990033;
725
726
        &:link {
727
            color: #990033;
728
        }
729
730
        &:visited {
731
            color: #990033;
732
        }
733
    }
734
}
735
736
.ui-tabs-nav {
737
    &.ui-widget-header {
738
        background: none;
739
        border: 0;
740
    }
741
}
742
743
.statictabs {
744
    ul {
745
        background: none repeat scroll 0 0 transparent;
746
        border: 0 none;
747
        border-bottom-left-radius: 4px;
748
        border-bottom-right-radius: 4px;
749
        border-top-left-radius: 4px;
750
        border-top-right-radius: 4px;
751
        color: #222222;
752
        font-size: 100%;
753
        font-weight: bold;
754
        line-height: 1.3;
755
        list-style: none outside none;
756
        margin: 0;
757
        outline: 0 none;
758
        padding: .2em .2em 0;
759
        text-decoration: none;
760
761
        &::before {
762
            content: "";
763
            display: table;
764
        }
765
766
        &::after {
767
            clear: both;
768
            content: "";
769
            display: table;
770
        }
771
    }
772
773
    li {
774
        background: none repeat scroll 0 0 #E6F0F2;
775
        border: 1px solid #B9D8D9;
776
        border-bottom: 0 none !important;
777
        border-top-left-radius: 4px;
778
        border-top-right-radius: 4px;
779
        color: #555555;
780
        float: left;
781
        font-weight: normal;
782
        list-style: none outside none;
783
        margin-bottom: 0;
784
        margin-right: .4em;
785
        padding: 0;
786
        position: relative;
787
        top: 1px;
788
        white-space: nowrap;
789
790
        &.active {
791
            background-color: #FFFFFF;
792
            color: #212121;
793
            font-weight: normal;
794
            padding-bottom: 1px;
795
796
            a {
797
                background: none repeat scroll 0 0 transparent;
798
                color: #000000;
799
                cursor: text;
800
                font-weight: bold;
801
                outline: 0 none;
802
            }
803
        }
804
805
        a {
806
            color: #004D99;
807
            cursor: pointer;
808
            float: left;
809
            padding: .5em 1em;
810
            text-decoration: none;
811
812
            &:hover {
813
                background-color: #EDF4F5;
814
                border-top-left-radius: 4px;
815
                border-top-right-radius: 4px;
816
                color: #538200;
817
            }
818
        }
819
    }
820
821
    .tabs-container {
822
        background: none repeat scroll 0 0 transparent;
823
        border: 1px solid #B9D8D9;
824
        border-bottom-left-radius: 4px;
825
        border-bottom-right-radius: 4px;
826
        color: #222222;
827
        display: block;
828
        padding: 1em 1.4em;
829
    }
830
}
831
832
/* End jQueryUI tab styles */
833
834
/* jQuery UI Datepicker */
835
836
.ui-datepicker {
837
    @include shadowed;
838
    table {
839
        border: 0;
840
        border-collapse: collapse;
841
        font-size: .9em;
842
        margin: 0 0 .4em;
843
        width: 100%;
844
    }
845
846
    th {
847
        background: transparent none;
848
        border: 0;
849
        font-weight: bold;
850
        padding: .7em .3em;
851
        text-align: center;
852
    }
853
}
854
855
.ui-datepicker-trigger {
856
    margin: 0 3px;
857
    vertical-align: middle;
858
}
859
860
/* End jQueryUI datepicker styles */
861
862
863
/* jQueryUI Core */
864
865
.ui-widget-content {
866
    background: #FFFFFF none;
867
    border: 1px solid #AAA;
868
    color: #222222;
869
870
    a,
871
    a:visited {
872
        color: $links;
873
    }
874
}
875
876
.ui-widget-header {
877
    background: #E6F0F2 none;
878
    border: 1px solid #AAA;
879
    color: #222222;
880
    font-weight: bold;
881
}
882
883
.ui-state-default,
884
.ui-widget-content .ui-state-default,
885
.ui-widget-header .ui-state-default {
886
    background: #F4F8F9 none;
887
    border: 1px solid #AAA;
888
    color: #555555;
889
    font-weight: normal;
890
}
891
892
.ui-state-hover,
893
.ui-widget-content .ui-state-hover,
894
.ui-widget-header .ui-state-hover,
895
.ui-state-focus,
896
.ui-widget-content .ui-state-focus,
897
.ui-widget-header .ui-state-focus {
898
    background: #E6F0F2 none;
899
    border: 1px solid #AAA;
900
    color: #212121;
901
    font-weight: normal;
902
}
903
904
.ui-state-active,
905
.ui-widget-content .ui-state-active,
906
.ui-widget-header .ui-state-active {
907
    background: #FFFFFF none;
908
    border: 1px solid #AAAAAA;
909
    color: #212121;
910
    font-weight: normal;
911
}
912
913
.ui-state-highlight,
914
.ui-widget-content .ui-state-highlight,
915
.ui-widget-header .ui-state-highlight {
916
    background: #FBF9EE;
917
    border: 1px solid #FCEFA1;
918
    color: #363636;
919
}
920
921
.ui-state-error,
922
.ui-widget-content .ui-state-error,
923
.ui-widget-header .ui-state-error {
924
    background: #FEF1EC;
925
    border: 1px solid #CD0A0A;
926
    color: #CD0A0A;
927
}
928
929
/* end jQueryUI core */
930
931
/* jQueryUI autocomplete */
932
933
.ui-autocomplete {
934
    @include shadowed;
935
    cursor: default;
936
    position: absolute;
937
938
    &.ui-widget-content .ui-state-hover {
939
        background: #E6F0F2 none;
940
        border: 1px solid #AAA;
941
        color: #212121;
942
        font-weight: normal;
943
    }
944
}
945
946
.ui-autocomplete-loading {
947
    background: #FFF url( "../../img/loading-small.gif" ) right center no-repeat;
948
}
949
950
.ui-menu li {
951
    list-style: none;
952
}
953
954
/* end jQueryUI autocomplete */
955
956
.item-thumbnail {
957
    max-width: none;
958
}
959
960
.no-image {
961
    @include border-radius-all( 3px );
962
    background-color: #FFF;
963
    border: 1px solid #AAA;
964
    color: #979797;
965
    display: block;
966
    font-size: 86%;
967
    font-weight: bold;
968
    text-align: center;
969
    width: 75px;
970
}
971
972
#bookcover {
973
    float: left;
974
    margin: 0;
975
    padding: 0;
976
977
    .no-image {
978
        margin-bottom: 10px;
979
        margin-right: 10px;
980
    }
981
982
    img {
983
        margin: 0 1em 1em 0;
984
    }
985
}
986
987
.required {
988
    color: #C00;
989
}
990
991
992
.label {
993
    background-color: transparent;
994
    color: inherit;
995
    display: inline;
996
    font-weight: normal;
997
    padding: 0;
998
    text-shadow: none;
999
}
1000
1001
.blabel {
1002
    background-color: #999999;
1003
    border-radius: 3px;
1004
    color: #FFFFFF;
1005
    display: inline-block;
1006
    font-weight: bold;
1007
    padding: 2px 4px;
1008
    text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1009
}
1010
1011
.label-important {
1012
    background-color: #B94A48;
1013
}
1014
1015
.label-warning {
1016
    background-color: #F89406;
1017
}
1018
1019
.label-success {
1020
    background-color: #468847;
1021
}
1022
1023
.label-info {
1024
    background-color: #3A87AD;
1025
}
1026
1027
.label-inverse {
1028
    background-color: #333333;
1029
}
1030
1031
fieldset {
1032
    &.rows {
1033
        clear: left;
1034
        float: left;
1035
        font-size: 90%;
1036
        margin: .9em 0 0;
1037
        padding: 0;
1038
        width: 100%;
1039
1040
        legend {
1041
            font-size: 130%;
1042
            font-weight: bold;
1043
        }
1044
1045
        label,
1046
        .label {
1047
            float: left;
1048
            font-weight: bold;
1049
            margin-right: 1em;
1050
            text-align: right;
1051
            width: 9em;
1052
        }
1053
1054
        label {
1055
            &.lradio {
1056
                float: none;
1057
                margin: inherit;
1058
                width: auto;
1059
            }
1060
        }
1061
1062
        fieldset {
1063
            margin: 0;
1064
            padding: .3em;
1065
        }
1066
1067
        ol {
1068
            list-style-type: none;
1069
            padding: 1em 1em 0 1em;
1070
1071
            &.lradio {
1072
                label {
1073
                    float: none;
1074
                    margin-right: 0;
1075
                    width: auto;
1076
1077
                    &.lradio {
1078
                        float: left;
1079
                        margin-right: 1em;
1080
                        width: 12em;
1081
                    }
1082
                }
1083
            }
1084
        }
1085
1086
        li {
1087
            clear: left;
1088
            float: left;
1089
            list-style-type: none;
1090
            padding-bottom: 1em;
1091
            width: 100%;
1092
1093
            &.lradio {
1094
                padding-left: 8.5em;
1095
                width: auto;
1096
1097
                label {
1098
                    float: none;
1099
                    margin: 0 0 0 1em;
1100
                    width: auto;
1101
                }
1102
            }
1103
        }
1104
1105
        .hint {
1106
            display: block;
1107
            margin-left: 11em;
1108
        }
1109
    }
1110
1111
    &.action {
1112
        border: 0;
1113
        clear: both;
1114
        float: none;
1115
        margin: 0;
1116
        padding: 1em 0 .3em;
1117
        width: auto;
1118
1119
        p {
1120
            margin-bottom: 1em;
1121
        }
1122
    }
1123
1124
    table {
1125
        font-size: 100%;
1126
    }
1127
}
1128
1129
div {
1130
    &.rows {
1131
        float: left;
1132
        clear: left;
1133
        margin: 0;
1134
        padding: 0;
1135
        width: 100%;
1136
1137
        + div.rows {
1138
            margin-top: .6em;
1139
        }
1140
1141
        span {
1142
            &.label {
1143
                float: left;
1144
                font-weight: bold;
1145
                margin-right: 1em;
1146
                text-align: left;
1147
                width: 9em;
1148
            }
1149
        }
1150
1151
        ol {
1152
            list-style-type: none;
1153
            margin-left: 0;
1154
            padding: .5em 1em 0 0;
1155
1156
            li {
1157
                li {
1158
                    border-bottom: 0;
1159
                }
1160
            }
1161
        }
1162
1163
        li {
1164
            border-bottom: 1px solid #EEE;
1165
            clear: left;
1166
            float: left;
1167
            list-style-type: none;
1168
            padding-bottom: .2em;
1169
            padding-top: .1em;
1170
            width: 100%;
1171
        }
1172
1173
        ul {
1174
            li {
1175
                margin-left: 7.3em;
1176
1177
                &:first-child {
1178
                    clear: none;
1179
                    float: none;
1180
                    margin-left: 0;
1181
                }
1182
            }
1183
        }
1184
    }
1185
}
1186
1187
/* different sizes for different tags in opac-tags.tt */
1188
1189
.tagweight0 {
1190
    font-size: 12px;
1191
}
1192
1193
.tagweight1 {
1194
    font-size: 14px;
1195
}
1196
1197
.tagweight2 {
1198
    font-size: 16px;
1199
}
1200
1201
.tagweight3 {
1202
    font-size: 18px;
1203
}
1204
1205
.tagweight4 {
1206
    font-size: 20px;
1207
}
1208
1209
.tagweight5 {
1210
    font-size: 22px;
1211
}
1212
1213
.tagweight6 {
1214
    font-size: 24px;
1215
}
1216
1217
.tagweight7 {
1218
    font-size: 26px;
1219
}
1220
1221
.tagweight8 {
1222
    font-size: 28px;
1223
}
1224
1225
.tagweight9 {
1226
    font-size: 30px;
1227
}
1228
1229
.toolbar {
1230
    background-color: #EEEEEE;
1231
    border: 1px solid #E8E8E8;
1232
    font-size: 85%;
1233
    padding: 3px 3px 5px 5px;
1234
    vertical-align: middle;
1235
1236
    a {
1237
        white-space: nowrap;
1238
    }
1239
1240
    label {
1241
        display: inline;
1242
        font-size: 100%;
1243
        font-weight: bold;
1244
        margin-left: .5em;
1245
    }
1246
1247
    select {
1248
        font-size: 97%;
1249
        height: auto;
1250
        line-height: inherit;
1251
        margin: 0;
1252
        padding: 0;
1253
        white-space: nowrap;
1254
        width: auto;
1255
    }
1256
1257
    .hold,
1258
    #tagsel_tag {
1259
        font-size: 97%;
1260
        font-weight: bold;
1261
        padding-left: 28px;
1262
    }
1263
1264
    #tagsel_form {
1265
        margin-top: .5em;
1266
    }
1267
1268
    li {
1269
        display: inline;
1270
        list-style: none;
1271
1272
        a {
1273
            border-left: 1px solid #E8E8E8;
1274
        }
1275
1276
        &:first-child {
1277
            a {
1278
                border-left: 0;
1279
            }
1280
        }
1281
    }
1282
1283
    ul {
1284
        padding-left: 0;
1285
    }
1286
}
1287
1288
#basket {
1289
    .toolbar {
1290
        padding: 7px 5px 9px 9px;
1291
    }
1292
}
1293
1294
#selections-toolbar,
1295
.selections-toolbar {
1296
    background: linear-gradient( top, #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1297
    margin: 0 0 1em;
1298
    padding-left: 10px;
1299
    padding-top: .5em;
1300
}
1301
1302
.list-actions {
1303
    display: inline;
1304
}
1305
1306
%tag_button_default {
1307
    background-color: transparent;
1308
    background-image: url( "../images/sprite.png" );
1309
    background-position: 1px -643px;
1310
    background-repeat: no-repeat;
1311
    border: 0;
1312
    color: #0076B2;
1313
    cursor: pointer;
1314
    font-size: 100%;
1315
    padding-left: 25px;
1316
    text-decoration: none;
1317
}
1318
1319
%tag_button_hover {
1320
    color: #005580;
1321
    text-decoration: underline;
1322
}
1323
1324
%tag_button_disabled {
1325
    color: #888888;
1326
    padding-left: 23px;
1327
    text-decoration: none;
1328
}
1329
1330
#tagsel_tag {
1331
    @extend %tag_button_default;
1332
1333
    &.disabled {
1334
        background-position: -1px -667px;
1335
    }
1336
}
1337
1338
#selections-toolbar {
1339
    input.hold {
1340
        &:hover {
1341
            @extend %tag_button_hover;
1342
        }
1343
1344
        &.disabled {
1345
            @extend %tag_button_disabled;
1346
1347
            &:hover {
1348
                @extend %tag_button_disabled;
1349
            }
1350
        }
1351
    }
1352
1353
    a.disabled {
1354
        @extend %tag_button_disabled;
1355
1356
        &:hover {
1357
            @extend %tag_button_disabled;
1358
        }
1359
    }
1360
}
1361
1362
#tagsel_span input {
1363
    &.submit {
1364
        @extend %tag_button_default;
1365
    }
1366
1367
    &:hover {
1368
        @extend %tag_button_hover;
1369
    }
1370
1371
    &.disabled {
1372
        @extend %tag_button_disabled;
1373
1374
        &:hover {
1375
            @extend %tag_button_disabled;
1376
        }
1377
    }
1378
1379
    &.hold.disabled {
1380
        @extend %tag_button_disabled;
1381
1382
        &:hover {
1383
            @extend %tag_button_disabled;
1384
        }
1385
    }
1386
}
1387
1388
.selections-toolbar a.disabled {
1389
    @extend %tag_button_disabled;
1390
1391
    &:hover {
1392
        @extend %tag_button_disabled;
1393
    }
1394
}
1395
1396
.results_summary {
1397
    color: #707070;
1398
    display: block;
1399
    font-size: 85%;
1400
    padding: 0 0 .5em;
1401
1402
    .results_summary {
1403
        font-size: 100%;
1404
    }
1405
1406
    &.actions {
1407
        margin-top: .5em;
1408
    }
1409
1410
    &.tagstatus {
1411
        display: inline;
1412
    }
1413
1414
    .label {
1415
        color: #202020;
1416
    }
1417
1418
    a {
1419
        font-weight: normal;
1420
    }
1421
}
1422
1423
#views {
1424
    margin-bottom: .5em;
1425
    padding: 0 2em .2em .2em;
1426
}
1427
1428
.view {
1429
    background-color: #F3F3F3;
1430
    border: 1px solid #C9C9C9;
1431
    border-radius: 4px;
1432
    display: inline-block;
1433
    padding: .2em .5em;
1434
    white-space: nowrap;
1435
1436
    a,
1437
    span {
1438
        background-image: url( "../images/sprite.png" );
1439
        background-repeat: no-repeat;
1440
        font-size: 87%;
1441
        padding-left: 15px;
1442
        text-decoration: none;
1443
    }
1444
1445
    a {
1446
        font-weight: normal;
1447
    }
1448
}
1449
1450
#bibliodescriptions,
1451
#isbdcontents {
1452
    clear: left;
1453
    margin-top: .5em;
1454
}
1455
1456
.current-view {
1457
    background-color: #FFF;
1458
    font-weight: bold;
1459
}
1460
1461
#MARCview {
1462
    background-position: -9px -27px;
1463
}
1464
1465
#ISBDview {
1466
    background-position: -10px -56px;
1467
}
1468
1469
#Normalview {
1470
    background-position: -8px 3px;
1471
}
1472
1473
/* pagination */
1474
.results-pagination {
1475
    background-color: #F3F3F3;
1476
    border: 1px solid #D0D0D0;
1477
    display: none;
1478
    height: auto;
1479
    left: -1px;
1480
    padding-bottom: 10px;
1481
    position: absolute;
1482
    top: 32px;
1483
    width: 100%;
1484
    z-index: 100;
1485
}
1486
1487
1488
.back {
1489
    float: right;
1490
1491
    input {
1492
        background: none !important;
1493
        color: #999 !important;
1494
    }
1495
}
1496
1497
.pagination_list {
1498
    ul {
1499
        padding-left: 0;
1500
        padding-top: 40px;
1501
    }
1502
1503
    li {
1504
        color: #999;
1505
        float: bottom;
1506
        list-style: none;
1507
        padding: 4px;
1508
1509
        &.highlight {
1510
            background-color: #F3F3F3;
1511
            border-bottom: 1px solid #DDDDDD;
1512
            border-top: 1px solid #DDDDDD;
1513
        }
1514
1515
        a {
1516
            padding-left: 0;
1517
        }
1518
    }
1519
1520
    .li_pag_index {
1521
        color: #999999;
1522
        float: left;
1523
        font-size: 15px;
1524
        font-weight: bold;
1525
        padding-right: 10px;
1526
        text-align: right;
1527
        width: 13px;
1528
    }
1529
}
1530
1531
.nav_results {
1532
    background-color: #F3F3F3;
1533
    border: 1px solid #D0D0D0;
1534
    font-size: 95%;
1535
    font-weight: bold;
1536
    margin-top: .5em;
1537
    position: relative;
1538
1539
    .l_Results {
1540
        a {
1541
            background: #E1E1E1 url( "../images/sprite.png" ) no-repeat 0 -504px; /* Browse results menu */
1542
            color: #006699;
1543
            display: block;
1544
            padding: 8px 28px;
1545
            text-decoration: none;
1546
        }
1547
1548
        &:hover {
1549
            background-color: #D9D9D9;
1550
        }
1551
    }
1552
}
1553
1554
.pg_menu {
1555
    border-top: 1px solid #D0D0D0;
1556
    margin: 0;
1557
    white-space: nowrap;
1558
1559
    li {
1560
        color: #B2B2B2;
1561
        display: inline;
1562
        list-style: none;
1563
        margin: 0;
1564
1565
        &.back_results {
1566
            a {
1567
                border-left: 1px solid #D0D0D0;
1568
                border-right: 1px solid #D0D0D0;
1569
            }
1570
        }
1571
1572
        a,
1573
        span {
1574
            background-color: #F3F3F3;
1575
            display: block;
1576
            float: left;
1577
            font-weight: normal;
1578
            padding: .4em .5em;
1579
            text-align: center;
1580
            text-decoration: none;
1581
        }
1582
1583
        span {
1584
            color: #B2B2B2;
1585
        }
1586
    }
1587
}
1588
1589
#listResults {
1590
    li {
1591
        background-color: #999999;
1592
        color: #C5C5C5;
1593
        display: block;
1594
        font-size: 80%;
1595
        font-weight: normal;
1596
        margin-right: 1px;
1597
        min-width: 18px;
1598
        padding: 0;
1599
        text-align: center;
1600
1601
        &:hover {
1602
            background-color: #006699;
1603
        }
1604
1605
        a {
1606
            color: #FFFFFF;
1607
            font-weight: normal;
1608
        }
1609
    }
1610
}
1611
1612
/* nav */
1613
.nav_pages {
1614
    .close_pagination {
1615
        padding-right: 10px;
1616
        position: absolute;
1617
        right: 3px;
1618
        top: -25px;
1619
1620
        a {
1621
            text-decoration: none !important;
1622
        }
1623
    }
1624
1625
    ul {
1626
        padding-top: 10px;
1627
    }
1628
1629
    li {
1630
        color: #999;
1631
        float: left;
1632
        list-style: none;
1633
        padding: 4px;
1634
1635
        a {
1636
            text-decoration: none !important;
1637
1638
            &:hover {
1639
                text-decoration: underline;
1640
            }
1641
        }
1642
1643
        ul {
1644
            float: left;
1645
        }
1646
    }
1647
}
1648
1649
/* action buttons */
1650
#action {
1651
    background-color: #F3F3F3;
1652
    border: 1px solid #E8E8E8;
1653
    margin: .5em 0 0 0;
1654
    padding-bottom: 3px;
1655
1656
    li {
1657
        list-style: none;
1658
        margin: .2em;
1659
        padding: .3em 0;
1660
    }
1661
1662
    a {
1663
        font-weight: bold;
1664
        text-decoration: none;
1665
    }
1666
}
1667
1668
#export,
1669
#moresearches_menu {
1670
    li {
1671
        margin: 0;
1672
        padding: 0;
1673
1674
        a {
1675
            font-weight: normal;
1676
1677
            &.menu-inactive {
1678
                font-weight: bold;
1679
            }
1680
        }
1681
    }
1682
}
1683
1684
#format,
1685
#furthersearches {
1686
    padding-left: 35px;
1687
}
1688
1689
.highlight_controls {
1690
    float: left;
1691
}
1692
1693
%initial_icon {
1694
    background-image: url( "../images/sprite.png" );
1695
    background-repeat: no-repeat;
1696
    text-decoration: none;
1697
}
1698
1699
input {
1700
    &.hold {
1701
        @extend %initial_icon;
1702
        background-color: transparent;
1703
        background-position: -2px -453px; /* Toolbar place hold */
1704
        border: 0;
1705
        color: #0076B2;
1706
        font-weight: bold;
1707
        padding-left: 23px;
1708
        text-decoration: none;
1709
1710
        &.disabled {
1711
            @extend %initial_icon;
1712
            background-position: -5px -621px; /* Place hold disabled */
1713
        }
1714
    }
1715
1716
    &.editshelf {
1717
        @extend %initial_icon;
1718
        background-color: transparent;
1719
        background-position: 2px -735px; /* List edit */
1720
        border: 0;
1721
        color: #006699;
1722
        cursor: pointer;
1723
        filter: none;
1724
        font-size: 100%;
1725
        padding-left: 29px;
1726
        text-decoration: none;
1727
1728
        &:active {
1729
            border: 0;
1730
        }
1731
    }
1732
}
1733
1734
.newshelf {
1735
    @extend %initial_icon;
1736
    background-position: 2px -764px; /* List new */
1737
    border: 0;
1738
    color: #006699;
1739
    cursor: pointer;
1740
    filter: none;
1741
    font-size: 100%;
1742
    padding-left: 28px;
1743
1744
    &.disabled {
1745
        @extend %initial_icon;
1746
        background-position: -4px -791px; /* List new disabled */
1747
    }
1748
}
1749
1750
.deleteshelf {
1751
    @extend %initial_icon;
1752
    background-color: transparent;
1753
    background-position: 2px -688px; /* Delete */
1754
    border: 0;
1755
    color: #006699;
1756
    cursor: pointer;
1757
    filter: none;
1758
    font-size: 100%;
1759
    padding-left: 25px;
1760
    text-decoration: none;
1761
1762
    &:active {
1763
        border: 0;
1764
    }
1765
1766
    &:hover {
1767
        color: #990033;
1768
    }
1769
}
1770
1771
.links a {
1772
    font-weight: bold;
1773
}
1774
1775
#tagslist li {
1776
    display: inline;
1777
}
1778
1779
#login4tags {
1780
    background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1781
    background-position: -6px -1130px;
1782
    background-repeat: no-repeat;
1783
    padding-left: 20px;
1784
    text-decoration: none;
1785
}
1786
1787
.tag_results_input {
1788
    font-size: 12px;
1789
    margin-left: 1em;
1790
    padding: .3em;
1791
1792
    input[type="text"] {
1793
        font-size: inherit;
1794
        margin: 0;
1795
        padding: 0;
1796
    }
1797
1798
    label {
1799
        display: inline;
1800
    }
1801
}
1802
1803
.tagsinput {
1804
    input[type="text"] {
1805
        font-size: inherit;
1806
        margin: 0;
1807
        padding: 0;
1808
    }
1809
1810
    label {
1811
        display: inline;
1812
    }
1813
}
1814
1815
.branch-info-tooltip {
1816
    display: none;
1817
}
1818
1819
.ui-tooltip-content p {
1820
    margin: .3em 0;
1821
}
1822
1823
#social_networks {
1824
    a {
1825
        background: transparent url( "../images/social-sprite.png" ) no-repeat;
1826
        display: block;
1827
        height: 20px !important;
1828
        text-indent: -999em;
1829
        width: 20px;
1830
    }
1831
1832
    span {
1833
        color: #274D7F;
1834
        display: block;
1835
        float: left;
1836
        font-size: 85%;
1837
        font-weight: bold;
1838
        line-height: 2em;
1839
        margin: .5em 0 .5em .5em !important;
1840
    }
1841
1842
    div {
1843
        float: left !important;
1844
        margin: .5em 0 .5em .2em !important;
1845
    }
1846
1847
    #facebook {
1848
        background-position: -7px -35px;
1849
    }
1850
1851
    #twitter {
1852
        background-position: -7px -5px;
1853
    }
1854
1855
    #linkedin {
1856
        background-position: -7px -95px;
1857
    }
1858
1859
    #delicious {
1860
        background-position: -7px -66px;
1861
    }
1862
1863
    #email {
1864
        background-position: -7px -126px;
1865
    }
1866
}
1867
1868
#marc {
1869
    td,
1870
    th {
1871
        background-color: transparent;
1872
        border: 0;
1873
        padding: 3px 5px;
1874
        text-align: left;
1875
    }
1876
1877
    td:first-child {
1878
        text-indent: 2em;
1879
    }
1880
1881
    p {
1882
        padding-bottom: .6em;
1883
1884
        .label {
1885
            font-weight: bold;
1886
        }
1887
    }
1888
1889
    ul {
1890
        padding-bottom: .6em;
1891
    }
1892
1893
    .results_summary {
1894
        clear: left;
1895
1896
        ul {
1897
            clear: none;
1898
            display: inline;
1899
            float: none;
1900
            list-style: none;
1901
            margin: 0;
1902
            padding: 0;
1903
        }
1904
1905
        li {
1906
            display: inline;
1907
        }
1908
    }
1909
}
1910
1911
#items,
1912
#items td,
1913
#items th {
1914
    border: 1px solid #EEE;
1915
    font-size: 90%;
1916
}
1917
1918
#plainmarc {
1919
    table {
1920
        border: 0;
1921
        font-family: monospace;
1922
        font-size: 95%;
1923
        margin: .7em 0 0;
1924
    }
1925
1926
    th {
1927
        background-color: #FFF;
1928
        border: 0;
1929
        padding: 2px;
1930
        text-align: left;
1931
        vertical-align: top;
1932
        white-space: nowrap;
1933
    }
1934
1935
    td {
1936
        border: 0;
1937
        padding: 2px;
1938
        vertical-align: top;
1939
    }
1940
}
1941
1942
#renewcontrols {
1943
    float: right;
1944
    font-size: 66%;
1945
1946
    a {
1947
        background-repeat: no-repeat;
1948
        padding: .1em .4em;
1949
        padding-left: 18px;
1950
        text-decoration: none;
1951
    }
1952
}
1953
1954
#renewselected_link {
1955
    background-image: url( "../images/sprite.png" );
1956
    background-position: -5px -986px;
1957
    background-repeat: no-repeat;
1958
}
1959
1960
#renewall_link {
1961
    background-image: url( "../images/sprite.png" );
1962
    background-position: -8px -967px;
1963
    background-repeat: no-repeat;
1964
}
1965
1966
.authref {
1967
    text-indent: 2em;
1968
1969
    .label {
1970
        font-style: italic;
1971
    }
1972
}
1973
1974
.authstanza {
1975
    margin-top: 1em;
1976
1977
    li {
1978
        margin-left: .5em;
1979
    }
1980
}
1981
1982
.authstanzaheading {
1983
    font-weight: bold;
1984
}
1985
1986
.authorizedheading {
1987
    font-weight: bold;
1988
}
1989
1990
.authres_notes,
1991
.authres_seealso,
1992
.authres_otherscript {
1993
    padding-top: .5em;
1994
}
1995
1996
.authres_notes {
1997
    font-style: italic;
1998
}
1999
2000
#didyoumean {
2001
    @include border-radius-all( 3px );
2002
    background-color: #EEE;
2003
    border: 1px solid #E8E8E8;
2004
    box-sizing: border-box;
2005
    margin: .5em 1.5em;
2006
    padding: .5em;
2007
    text-align: left;
2008
2009
    &.dym-loaded {
2010
        background-color: #FFFBEA;
2011
        border-color: #F4ECBE;
2012
    }
2013
}
2014
2015
.suggestionlabel {
2016
    font-weight: bold;
2017
}
2018
2019
.searchsuggestion {
2020
    display: inline-block;
2021
    padding: .2em .5em;
2022
}
2023
2024
.authlink {
2025
    padding-left: .25em;
2026
}
2027
2028
#hierarchies {
2029
    a {
2030
        color: #069;
2031
        font-weight: normal;
2032
        text-decoration: underline;
2033
2034
        &:hover {
2035
            color: #990033;
2036
        }
2037
    }
2038
}
2039
2040
#top-pages {
2041
    margin: 0 0 .5em;
2042
}
2043
2044
.dropdown-menu {
2045
    > li {
2046
        > a {
2047
            font-size: 90%;
2048
        }
2049
    }
2050
}
2051
2052
#cartDetails,
2053
#cartUpdate,
2054
#holdDetails,
2055
#listsDetails {
2056
    background-color: #FFF;
2057
    border: 1px solid rgba( 0, 0, 0, .2 );
2058
    border-radius: 6px;
2059
    box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2060
    color: black;
2061
    display: none;
2062
    font-size: 90%;
2063
    margin: 0;
2064
    padding: 8px 20px;
2065
    text-align: center;
2066
    width: 180px;
2067
    z-index: 2;
2068
}
2069
2070
#cartmenulink {
2071
    white-space: nowrap;
2072
}
2073
2074
#search-facets,
2075
#menu {
2076
    @include border-radius-all( 7px );
2077
    border: 1px solid #D2D2CF;
2078
2079
    ul {
2080
        margin: 0;
2081
        padding: .3em;
2082
    }
2083
2084
    form {
2085
        margin: 0;
2086
    }
2087
2088
    h4 {
2089
        font-size: 90%;
2090
        margin: 0 0 .6em 0;
2091
        text-align: center;
2092
2093
        a {
2094
            background-color: #F2F2EF;
2095
            border-bottom: 1px solid #D8D8D8;
2096
            border-radius: 8px 8px 0 0;
2097
            display: block;
2098
            font-weight: bold;
2099
            padding: .7em .2em;
2100
            text-decoration: none;
2101
        }
2102
    }
2103
2104
    li {
2105
        font-size: 90%;
2106
        font-weight: bold;
2107
        list-style-type: none;
2108
2109
        li {
2110
            font-size: 95%;
2111
            font-weight: normal;
2112
            line-height: 125%;
2113
            margin-bottom: 2px;
2114
            padding: .1em .2em;
2115
        }
2116
2117
        &.showmore {
2118
            a {
2119
                font-weight: bold;
2120
                text-indent: 1em;
2121
            }
2122
        }
2123
    }
2124
2125
    a {
2126
        font-weight: normal;
2127
        text-decoration: underline;
2128
    }
2129
2130
    .facet-count {
2131
        display: inline-block;
2132
    }
2133
2134
}
2135
2136
#menu {
2137
    font-size: 94%;
2138
2139
    li {
2140
        list-style-type: none;
2141
2142
        a {
2143
            background: #EEEEEE;
2144
            border: 1px solid #D8D8D8;
2145
            border-bottom-color: #999;
2146
            border-radius: 5px 0 0 5px;
2147
            display: block;
2148
            font-size: 111%;
2149
            margin: .4em 0;
2150
            margin-right: -1px;
2151
            padding: .4em .6em;
2152
            text-decoration: none;
2153
2154
            &:hover {
2155
                background: #EAEEF5;
2156
            }
2157
        }
2158
2159
        &.active {
2160
            a {
2161
                background-color: #FFF;
2162
                background-image: none;
2163
                border-right-width: 0;
2164
                font-weight: bold;
2165
2166
                &:hover {
2167
                    background-color: #FFF;
2168
                }
2169
            }
2170
        }
2171
    }
2172
2173
    h4 {
2174
        display: none;
2175
    }
2176
}
2177
2178
#addto {
2179
    max-width: 10em;
2180
}
2181
2182
/* Search results add to cart (lists disabled) */
2183
.addto {
2184
    .addtocart {
2185
        background-image: url( "../images/sprite.png" ); /* Cart */
2186
        background-position: -5px -266px;
2187
        background-repeat: no-repeat;
2188
        padding-left: 33px;
2189
        text-decoration: none;
2190
    }
2191
}
2192
2193
.searchresults {
2194
    p {
2195
        margin: 0;
2196
        padding: 0 0 .6em 0;
2197
2198
        &.details {
2199
            color: #979797;
2200
        }
2201
    }
2202
2203
    a {
2204
        &.highlight_toggle {
2205
            background-image: url( "../images/sprite.png" ); /* Highlight */
2206
            background-position: -11px -841px;
2207
            background-repeat: no-repeat;
2208
            display: none;
2209
            font-weight: normal;
2210
            padding: 0 10px 0 21px;
2211
        }
2212
    }
2213
2214
    .commentline {
2215
        @include border-radius-all( 3px );
2216
        @include shadowed;
2217
        background-color: rgba( 255, 255, 204, .4 );
2218
        border: 1px solid #CCC;
2219
        display: inline-block;
2220
        margin: .3em;
2221
        padding: .4em;
2222
2223
        .yours {
2224
            background-color: rgba( 239, 254, 213, .4 );
2225
        }
2226
    }
2227
}
2228
2229
.commentline .avatar {
2230
    float: right;
2231
    padding-left: .5em;
2232
}
2233
2234
/* style for search terms in catalogsearch */
2235
.term {
2236
    /* color: blue; */
2237
    background-color: #FFFFCC;
2238
    color: #990000;
2239
}
2240
2241
/* style for shelving location in catalogsearch */
2242
.shelvingloc {
2243
    display: block;
2244
    font-style: italic;
2245
}
2246
2247
#CheckAll,
2248
#CheckNone,
2249
.CheckAll,
2250
.CheckNone {
2251
    font-weight: normal;
2252
    margin: 0 .5em;
2253
    text-decoration: underline;
2254
}
2255
2256
.sep {
2257
    color: #888;
2258
    padding: 0 .2em 0 .5em;
2259
    text-shadow: 1px 1px 0 #FFF;
2260
}
2261
2262
%page-first-child {
2263
    border-bottom-left-radius: 3px;
2264
    border-top-left-radius: 3px;
2265
    border-width: 1px;
2266
}
2267
2268
%page-last-child {
2269
    border-bottom-right-radius: 3px;
2270
    border-top-right-radius: 3px;
2271
    border-width: 1px 1px 1px 0;
2272
}
2273
2274
%page-middle-child {
2275
    background-color: #FFFFFF;
2276
    border-color: #DDDDDD;
2277
    border-image: none;
2278
    border-style: solid;
2279
    border-width: 1px 1px 1px 0;
2280
    float: left;
2281
    font-size: 11.9px;
2282
    line-height: 20px;
2283
    padding: 4px 12px;
2284
    text-decoration: none;
2285
}
2286
2287
.pages {
2288
    margin: 20px 0;
2289
2290
    span {
2291
        &:first-child {
2292
            @extend %page-first-child;
2293
        }
2294
2295
        &:last-child {
2296
            @extend %page-last-child;
2297
        }
2298
    }
2299
2300
    a {
2301
        @extend %page-middle-child;
2302
2303
        &:first-child {
2304
            @extend %page-first-child;
2305
        }
2306
2307
        &:last-child {
2308
            @extend %page-last-child;
2309
        }
2310
    }
2311
2312
    .inactive {
2313
        @extend %page-middle-child;
2314
        background-color: #F5F5F5;
2315
    }
2316
2317
    .currentPage {
2318
        @extend %page-middle-child;
2319
    }
2320
2321
    a[rel='last'] {
2322
        border-bottom-right-radius: 3px;
2323
        border-top-right-radius: 3px;
2324
    }
2325
}
2326
2327
.hold-message {
2328
    @include border-radius-all( 3px );
2329
    background-color: #FFF0B1;
2330
    display: inline-block;
2331
    margin: .5em;
2332
    padding: .2em .5em;
2333
}
2334
2335
.reserve_date,
2336
.expiration_date {
2337
    white-space: nowrap;
2338
}
2339
2340
.close {
2341
    color: #0088CC;
2342
    filter: none;
2343
    float: none;
2344
    font-size: inherit;
2345
    font-weight: normal;
2346
    opacity: inherit;
2347
    position: inherit;
2348
    right: auto;
2349
    text-shadow: none;
2350
    top: auto;
2351
}
2352
2353
.close:hover {
2354
    color: #538200;
2355
    filter: inherit;
2356
    font-size: inherit;
2357
    opacity: inherit;
2358
}
2359
2360
/* Redefine a new style for Bootstrap's class "close" since we use that already */
2361
/* Use <a class="closebtn" href="#">&times;</a> */
2362
2363
.modal-header .closebtn {
2364
    margin-top: 2px;
2365
}
2366
2367
.closebtn {
2368
    color: #000000;
2369
    float: right;
2370
    font-size: 20px;
2371
    font-weight: bold;
2372
    line-height: 20px;
2373
    opacity: .2;
2374
    text-shadow: 0 1px 0 #FFFFFF;
2375
2376
    &:hover {
2377
        color: #000000;
2378
        cursor: pointer;
2379
        opacity: .4;
2380
        text-decoration: none;
2381
    }
2382
}
2383
2384
button.closebtn {
2385
    background: transparent;
2386
    border: 0;
2387
    cursor: pointer;
2388
    padding: 0;
2389
}
2390
2391
.btn-group {
2392
    label,
2393
    select {
2394
        font-size: 13px;
2395
    }
2396
}
2397
2398
.span2 select {
2399
    width: 100%;
2400
}
2401
2402
.item-status {
2403
    display: block;
2404
    font-size: 95%;
2405
    margin-bottom: .5em;
2406
}
2407
2408
.available {
2409
    color: #006600;
2410
}
2411
2412
.unavailable {
2413
    color: #990033;
2414
}
2415
2416
.waiting,
2417
.intransit,
2418
.notforloan,
2419
.checkedout,
2420
.lost,
2421
.notonhold {
2422
    display: block;
2423
}
2424
2425
.notforloan {
2426
    color: #900;
2427
}
2428
2429
.lost {
2430
    color: #666;
2431
}
2432
2433
.suggestion {
2434
    @include border-radius-all( 3px );
2435
    background-color: #EEEEEB;
2436
    border: 1px solid #DDDED3;
2437
    margin: 1em auto;
2438
    padding: .5em;
2439
    width: 35%;
2440
}
2441
2442
.librarypulldown .transl1 {
2443
    width: auto;
2444
}
2445
2446
.nolibrarypulldown {
2447
    width: 68%;
2448
2449
    .transl1 {
2450
        width: 87%;
2451
    }
2452
}
2453
2454
#opac-main-search {
2455
    select {
2456
        max-width: 12em;
2457
        width: auto;
2458
    }
2459
}
2460
2461
#logo {
2462
    background: transparent url( "../images/koha-logo-navbar.png" ) no-repeat scroll 0%;
2463
    border: 0;
2464
    float: left !important;
2465
    margin: 0;
2466
    padding: 0;
2467
    width: 100px;
2468
2469
    a {
2470
        border: 0;
2471
        cursor: pointer;
2472
        display: block;
2473
        height: 0 !important;
2474
        margin: 0;
2475
        overflow: hidden;
2476
        padding: 40px 0 0;
2477
        text-decoration: none;
2478
        width: 100px;
2479
    }
2480
}
2481
2482
#user-menu-trigger {
2483
    display: none;
2484
2485
    .icon-user {
2486
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
2487
        background-position: -168px 0;
2488
        background-repeat: no-repeat;
2489
        height: 14px;
2490
        line-height: 14px;
2491
        margin: 12px 0 0;
2492
        vertical-align: text-top;
2493
        width: 14px;
2494
    }
2495
2496
    .caret {
2497
        border-bottom-color: #999999;
2498
        border-top-color: #999999;
2499
        margin-top: 18px;
2500
    }
2501
}
2502
2503
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2504
.floating {
2505
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2506
    margin-top: 0;
2507
}
2508
2509
.tdlabel {
2510
    display: none;
2511
    font-weight: bold;
2512
}
2513
2514
#ulactioncontainer {
2515
    min-width: 16em;
2516
}
2517
2518
.notesrow {
2519
    label {
2520
        font-weight: bold;
2521
    }
2522
2523
    span {
2524
        display: block;
2525
    }
2526
}
2527
2528
.thumbnail-shelfbrowser span {
2529
    margin: 0 auto;
2530
}
2531
2532
.table {
2533
    .sorting_asc {
2534
        background: url( "../images/asc.gif" ) no-repeat scroll right center #ECEDE6;
2535
        padding-right: 19px;
2536
    }
2537
2538
    .sorting_desc {
2539
        background: url( "../images/desc.gif" ) no-repeat scroll right center #ECEDE6;
2540
        padding-right: 19px;
2541
    }
2542
2543
    .sorting {
2544
        background: url( "../images/ascdesc.gif" ) no-repeat scroll right center #ECEDE6;
2545
        padding-right: 19px;
2546
    }
2547
2548
    .nosort,
2549
    .nosort.sorting_asc,
2550
    .nosort.sorting_desc,
2551
    .nosort.sorting {
2552
        background: #ECEDE6 none;
2553
        padding-right: 19px;
2554
    }
2555
2556
    th,
2557
    td {
2558
        line-height: 135%;
2559
    }
2560
}
2561
2562
.tags,
2563
.shelves {
2564
    ul {
2565
        display: inline;
2566
        list-style: none;
2567
        margin-left: 0;
2568
2569
        li {
2570
            display: inline;
2571
        }
2572
    }
2573
}
2574
2575
.coverimages {
2576
    float: right;
2577
}
2578
2579
#i18nMenu {
2580
    margin-left: 1em;
2581
2582
    li {
2583
        font-size: 85%;
2584
2585
        li {
2586
            font-size: 100%;
2587
2588
            > a {
2589
                font-size: 100%;
2590
            }
2591
2592
            &:hover {
2593
                color: #FFF;
2594
            }
2595
        }
2596
2597
        a {
2598
            color: $links;
2599
        }
2600
    }
2601
2602
    .dropdown-menu {
2603
        li {
2604
            p {
2605
                clear: both;
2606
                display: block;
2607
                font-weight: normal;
2608
                line-height: 20px;
2609
                padding: 3px 20px;
2610
                white-space: nowrap;
2611
            }
2612
        }
2613
    }
2614
}
2615
2616
#subjectsList,
2617
#authorSearch {
2618
    label {
2619
        display: inline;
2620
        vertical-align: middle;
2621
    }
2622
2623
    ul {
2624
        border-bottom: 1px solid #EEE;
2625
        list-style-type: none;
2626
        margin: 0;
2627
        padding: .6em 0;
2628
    }
2629
2630
    li {
2631
        list-style-type: none;
2632
        margin: 0;
2633
        padding: 0;
2634
    }
2635
}
2636
2637
2638
#overdrive-results,
2639
#openlibrary-results {
2640
    font-weight: bold;
2641
    padding-left: 1em;
2642
}
2643
2644
.throbber {
2645
    vertical-align: middle;
2646
}
2647
2648
#overdrive-results-list .star-rating-control {
2649
    display: block;
2650
    overflow: auto;
2651
}
2652
2653
#shelfbrowser {
2654
    table {
2655
        margin: 0;
2656
    }
2657
2658
    table,
2659
    td,
2660
    th {
2661
        border: 0;
2662
        font-size: 90%;
2663
        text-align: center;
2664
    }
2665
2666
    td,
2667
    th {
2668
        padding: 3px 5px;
2669
        width: 20%;
2670
    }
2671
2672
    a {
2673
        display: block;
2674
        font-size: 110%;
2675
        font-weight: bold;
2676
        text-decoration: none;
2677
    }
2678
2679
    #browser_next,
2680
    #browser_previous {
2681
        background-image: url( "../images/sprite.png" );
2682
        background-repeat: no-repeat;
2683
        width: 16px;
2684
2685
        a {
2686
            cursor: pointer;
2687
            display: block;
2688
            height: 0 !important;
2689
            margin: 0;
2690
            overflow: hidden;
2691
            padding: 50px 0 0;
2692
            text-decoration: none;
2693
            width: 16px;
2694
        }
2695
    }
2696
2697
    #browser_previous {
2698
        background-position: -9px -1007px;
2699
    }
2700
2701
    #browser_next {
2702
        background-position: -9px -1057px;
2703
    }
2704
}
2705
2706
#holds {
2707
    margin: 0 auto;
2708
    max-width: 800px;
2709
}
2710
2711
.holdrow {
2712
    border-bottom: 1px solid #CCC;
2713
    clear: both;
2714
    margin-bottom: .5em;
2715
    padding: 0 1em 1em 1em;
2716
2717
    fieldset {
2718
        border: 0;
2719
        float: none;
2720
        margin: 0;
2721
2722
        .label {
2723
            font-size: 14px;
2724
        }
2725
    }
2726
2727
    label {
2728
        display: inline;
2729
    }
2730
}
2731
2732
.hold-options {
2733
    clear: both;
2734
}
2735
2736
.toggle-hold-options {
2737
    background-color: #EEE;
2738
    clear: both;
2739
    display: block;
2740
    font-weight: bold;
2741
    margin: 1em 0;
2742
    padding: .5em;
2743
}
2744
2745
.copiesrow {
2746
    clear: both;
2747
}
2748
2749
#idreambooksreadometer {
2750
    float: right;
2751
}
2752
2753
.idreambookslegend {
2754
    font-size: small;
2755
}
2756
2757
.idreambookssummary {
2758
    a {
2759
        color: #707070;
2760
        text-decoration: none;
2761
    }
2762
2763
    img {
2764
        vertical-align: middle;
2765
    }
2766
}
2767
2768
.idbresult {
2769
    color: #29ADE4;
2770
    margin: .5em;
2771
    padding: .5em;
2772
    text-align: center;
2773
2774
    img {
2775
        padding-right: 6px;
2776
        vertical-align: middle;
2777
    }
2778
2779
    a,
2780
    a:visited {
2781
        text-decoration: none;
2782
        color: #29ADE4;
2783
    }
2784
}
2785
2786
.js-show {
2787
    display: none;
2788
}
2789
2790
.modal-nojs {
2791
    .modal-header,
2792
    .modal-footer {
2793
        display: none;
2794
    }
2795
}
2796
2797
.contents {
2798
    width: 75%;
2799
2800
    .t:first-child::before {
2801
        content: "→ ";
2802
    }
2803
2804
    .t::before {
2805
        content: "\A → ";
2806
        white-space: pre;
2807
    }
2808
2809
    .t {
2810
        font-weight: bold;
2811
        display: inline;
2812
    }
2813
2814
    .r {
2815
        display: inline;
2816
    }
2817
}
2818
2819
2820
.contentblock {
2821
    font-size: 95%;
2822
    line-height: 135%;
2823
    margin-left: 2em;
2824
    position: relative;
2825
}
2826
2827
.m880 {
2828
    display: block;
2829
    float: right;
2830
    padding-left: 20px;
2831
    text-align: right;
2832
    width: 50%;
2833
}
2834
2835
#memberentry-form {
2836
    input.error {
2837
        border-color: #C00;
2838
        box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2839
        color: #F00;
2840
        outline: 0 none;
2841
2842
        &:focus {
2843
            border-color: #C00;
2844
            box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2845
            color: #F00;
2846
            outline: 0 none;
2847
        }
2848
2849
        label.error {
2850
            color: #C00;
2851
            float: none;
2852
            font-size: 90%;
2853
        }
2854
    }
2855
}
2856
2857
2858
#illrequests {
2859
    .illrequest-actions {
2860
        margin-bottom: 20px;
2861
        padding-top: 20px;
2862
2863
        .btn,
2864
        .cancel {
2865
            margin-right: 5px;
2866
        }
2867
    }
2868
2869
    #illrequests-create-button {
2870
        margin-bottom: 20px;
2871
    }
2872
2873
    .bg-info {
2874
        overflow: auto;
2875
        position: relative;
2876
2877
        #search-summary {
2878
            position: absolute;
2879
            top: 50%;
2880
            transform: translateY( -50% );
2881
        }
2882
2883
    }
2884
2885
    #freeform-fields .custom-name {
2886
        float: left;
2887
        margin-right: 1em;
2888
        text-align: right;
2889
        width: 8em;
2890
    }
2891
2892
    .dropdown:hover .dropdown-menu.nojs {
2893
        display: block;
2894
    }
2895
}
2896
2897
#dc_fieldset {
2898
    border: 1px solid #DDDDDD;
2899
    border-radius: 10px;
2900
    border-width: 1px;
2901
    padding: 5px;
2902
}
2903
2904
.label_dc {
2905
    cursor: pointer;
2906
    display: inline;
2907
    margin: 0;
2908
    padding: 0;
2909
}
2910
2911
.btn-danger {
2912
    color: white !important;
2913
}
2914
2915
.count_label {
2916
    $base: #369;
2917
    background-color: $base;
2918
    border-radius: 5px;
2919
    color: #FFF;
2920
    display: inline-block;
2921
    font-weight: bold;
2922
    min-width: 1.5em;
2923
    padding: .2em;
2924
    text-align: center;
2925
    text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2926
2927
    &:hover {
2928
        background-color: lighten( $base, 20% );
2929
    }
2930
}
2931
2932
.user_overdues_count,
2933
.user_fines_count {
2934
    background-color: #990000;
2935
2936
    &:hover {
2937
        background-color: lighten( #990000, 10% );
2938
    }
2939
}
2940
2941
.user_holds_waiting_count {
2942
    background-color: #538200;
2943
2944
    &:hover {
2945
        background-color: lighten( #538200, 10% );
2946
    }
2947
}
2948
2949
#user_summary {
2950
    border: 1px solid #EAEAE6;
2951
    border-radius: 7px;
2952
    margin-bottom: 1em;
2953
    padding-bottom: .5em;
2954
2955
    h3 {
2956
        background-color: #EAEAE6;
2957
        border-top-left-radius: 6px;
2958
        border-top-right-radius: 6px;
2959
        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2960
        margin-top: 0;
2961
        padding: .2em 0;
2962
        text-align: center;
2963
    }
2964
2965
    ul {
2966
        list-style-type: none;
2967
        margin: 0 0 .2em 0;
2968
2969
        a {
2970
            display: block;
2971
            font-weight: bold;
2972
            padding: .2em 1em;
2973
        }
2974
    }
2975
}
2976
2977
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/print.scss (+251 lines)
Line 0 Link Here
1
a:link {
2
    color: #000066;
3
    text-decoration: none;
4
}
5
6
a:visited {
7
    color: #000066;
8
    text-decoration: none;
9
}
10
11
a:hover {
12
    color: #993300;
13
    text-decoration: none;
14
}
15
16
body {
17
    background-color: #FFF;
18
    color: #333333;
19
    font-family: arial, geneva, sans-serif;
20
    font-size: 14px;
21
    margin: 0;
22
    word-wrap: break-word;
23
}
24
25
caption {
26
    color: #000066;
27
    font-size: 18px;
28
    font-weight: bold;
29
    margin-top: 5px;
30
    text-align: left;
31
}
32
33
.table {
34
    width: 100%;
35
}
36
37
form {
38
    margin: 0;
39
    padding: 0;
40
}
41
42
h1 {
43
    color: #000066;
44
    font-size: 22px;
45
    font-weight: bold;
46
    margin-bottom: 3px;
47
    margin-top: 3px;
48
}
49
50
h2 {
51
    color: #000066;
52
    font-size: 20px;
53
    font-weight: bold;
54
    margin-bottom: 3px;
55
    margin-top: 3px;
56
}
57
58
h3 {
59
    color: #000066;
60
    font-size: 18px;
61
    font-weight: bold;
62
    margin-bottom: 3px;
63
    margin-top: 3px;
64
}
65
66
h4 {
67
    color: #000066;
68
    font-size: 16px;
69
    font-weight: bold;
70
    margin-bottom: 3px;
71
    margin-top: 3px;
72
}
73
74
h5 {
75
    color: #000066;
76
    font-size: 15px;
77
    font-weight: bold;
78
    margin-bottom: 1px;
79
    margin-top: 1px;
80
}
81
82
h6 {
83
    color: #000066;
84
    font-size: 14px;
85
    font-weight: bold;
86
    margin-bottom: 1px;
87
    margin-top: 1px;
88
}
89
90
p {
91
    margin-top: 0;
92
}
93
94
table {
95
    background-color: #FFFFFF;
96
    border-bottom: 0 solid #CCCCCC;
97
    border-collapse: collapse;
98
    border-left: 0 solid #CCCCCC;
99
    margin: 3px 0 5px 0;
100
    padding: 0;
101
    width: 99%;
102
}
103
104
td {
105
    background-color: #FFF;
106
    border-bottom: 1px solid #CCCCCC;
107
    border-right: 1px solid #CCCCCC;
108
    padding: 5px;
109
    vertical-align: top;
110
}
111
112
td:last-child {
113
    background-color: #FFF;
114
    border-bottom: 1px solid #CCCCCC;
115
    border-right: 0 solid #CCCCCC;
116
    padding: 5px;
117
    vertical-align: top;
118
}
119
120
th {
121
    background-color: #E9E9E9;
122
    border-bottom: 1px solid #CCCCCC;
123
    border-right: 1px solid #CCCCCC;
124
    font-weight: bold;
125
    padding: 5px;
126
}
127
128
th:last-child {
129
    background-color: #E9E9E9;
130
    border-bottom: 1px solid #CCCCCC;
131
    border-right: 0 solid #CCCCCC;
132
    font-weight: bold;
133
    padding: 5px;
134
}
135
136
tr.highlight {
137
    background-color: #E9E9E9;
138
}
139
140
body#basket tr.highlight {
141
    background-color: transparent;
142
}
143
144
body#basket a {
145
    font-weight: bold;
146
}
147
148
body#basket table {
149
    border-left: 1px solid #EEE;
150
    border-top: 1px solid #EEE;
151
}
152
body#basket td,
153
body#basket th {
154
    background-color: transparent;
155
    padding: 2px;
156
}
157
158
body#basket th {
159
    background-color: #EEE;
160
}
161
162
body#basket th,
163
body#basket th[scope=col] {
164
    text-align: center;
165
    vertical-align: middle;
166
}
167
168
body#basket th[scope=row] {
169
    font-size: 89%;
170
    text-align: right;
171
    vertical-align: top;
172
    width: 10%;
173
}
174
175
body#basket p {
176
    font-size: 85%;
177
    margin: .2em 0;
178
    text-indent: .5em;
179
}
180
181
.error {
182
    font-weight: bold;
183
}
184
185
.ex {
186
    font-family: "Courier New", Courier, monospace;
187
}
188
189
.inline {
190
    display: inline;
191
}
192
193
#bookcover {
194
    float: left;
195
    margin: 0;
196
    padding: 0;
197
}
198
199
#userresults {
200
    display: block;
201
    position: absolute;
202
    right: 0;
203
    word-wrap: break-word;
204
}
205
206
#userupdate input,
207
#userupdate textarea {
208
    border: 0;
209
    display: inline;
210
}
211
212
#action,
213
#addshelf,
214
#bibliodescriptions .ui-tabs-nav,
215
#export,
216
#facetcontainer,
217
#members,
218
#navigation,
219
#opac-main-search,
220
#opac-user-views .ui-tabs-nav,
221
#remove-selected,
222
#selections-toolbar,
223
#toolbar,
224
.actions,
225
.breadcrumb,
226
.ft,
227
.koha_url,
228
.list-actions,
229
.navbar,
230
.noprint,
231
.pages,
232
.results_summary.actions,
233
.screen,
234
.suggestion,
235
.views,
236
a[href]:after,
237
fieldset.action,
238
h2 span.hint,
239
input,
240
td.resultscontrol {
241
    display: none;
242
}
243
244
.row-fluid {
245
    margin-top: 30px;
246
}
247
248
#views,
249
#ulactioncontainer {
250
    display: none;
251
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/right-to-left.less (-169 / +177 lines)
Lines 1-11 Link Here
1
.popup {
1
.popup {
2
    padding-right : 0;
3
    padding-left: 0;
2
    padding-left: 0;
3
    padding-right: 0;
4
}
4
}
5
5
6
a {
6
a {
7
    &.cancel {
7
    &.cancel {
8
        padding-right : 1em;
8
        padding-right: 1em;
9
    }
10
11
    &.addtocart,
12
    &.addtoshelf,
13
    &.highlight_toggle,
14
    &.incart,
15
    &.print-large,
16
    &.reserve {
17
        padding-right: 35px;
18
    }
19
20
    &.brief,
21
    &.tag_add,
22
    &.detail {
23
        padding-right: 27px;
24
    }
25
26
    &.download {
27
        padding-right: 20px;
28
    }
29
30
    &.editshelf {
31
        padding-right: 26px;
32
    }
33
34
    &.hide {
35
        padding-right: 26px;
36
    }
37
38
    &.empty,
39
    &.print-small {
40
        padding-right: 30px;
41
    }
42
43
    &.hold,
44
    &.new {
45
        padding-right: 23px;
46
    }
47
48
    &.removeitems,
49
    &.deleteshelf {
50
        padding-right: 25px;
51
    }
52
53
    &.send {
54
        padding-right: 28px;
9
    }
55
    }
10
}
56
}
11
57
Lines 14-79 h1 { Link Here
14
        float: right !important;
60
        float: right !important;
15
    }
61
    }
16
}
62
}
63
64
input.hold {
65
    padding-right: 23px;
66
}
67
17
caption {
68
caption {
18
    text-align: right;
69
    text-align: right;
19
}
70
}
20
71
21
#basketcount {
72
#basketcount {
22
    span {
73
    span {
23
        margin : 0 .9em 0 0;
74
        margin: 0 .9em 0 0;
24
    }
75
    }
25
}
76
}
26
77
27
#koha_url p {
78
#koha_url p {
28
        float : left;
79
    float: left;
29
}
80
}
30
81
31
.actions {
82
.actions {
32
    a {
83
    a {
33
        &.hold {
84
        &.hold {
34
            margin-left : 1em;
85
            margin-left: 1em;
35
            padding-right : 21px;
86
            padding-right: 21px;
36
        }
87
        }
88
37
        &.addtocart {
89
        &.addtocart {
38
            margin-left : 1em;
90
            margin-left: 1em;
39
            padding-right : 20px;
91
            padding-right: 20px;
40
        }
92
        }
93
41
        &.addtoshelf {
94
        &.addtoshelf {
42
            margin-left : 1em;
95
            margin-left: 1em;
43
            padding-right : 20px;
96
            padding-right: 20px;
44
        }
97
        }
98
45
        &.addtolist {
99
        &.addtolist {
46
            margin-left : 1em;
100
            margin-left: 1em;
47
            padding-right : 20px;
101
            padding-right: 20px;
48
        }
102
        }
103
49
        &.tag_add {
104
        &.tag_add {
50
            margin-left : 1em;
105
            margin-left: 1em;
51
            padding-right : 20px;
106
            padding-right: 20px;
52
        }
107
        }
108
53
        /* List contents remove from list link */
109
        /* List contents remove from list link */
54
        &.removefromlist  {
110
        &.removefromlist {
55
            margin-left : 1em;
111
            margin-left: 1em;
56
            padding-right : 15px;
112
            padding-right: 15px;
57
        }
113
        }
58
    }
114
    }
59
}
115
}
60
116
61
.ui-tabs .ui-tabs-nav li {
117
.ui-tabs .ui-tabs-nav li {
62
    margin-left : .4em;
118
    margin-left: .4em;
63
}
119
}
64
120
65
.statictabs {
121
.statictabs {
66
    li {
122
    li {
67
        float: right;
123
        float: right;
68
        margin-left: 0.4em;
124
        margin-left: .4em;
125
69
        a {
126
        a {
70
            float: right;
127
            float: right;
71
        }
128
        }
72
    }
129
    }
73
}
130
}
74
131
75
#bookcover .no-image {
132
#bookcover {
76
    margin-left : 10px;
133
    float: right;
134
135
    img {
136
        margin: 0 0 1em 1em;
137
    }
138
139
     .no-image {
140
        margin-left: 10px;
141
    }
77
}
142
}
78
143
79
th.sum {
144
th.sum {
Lines 81-117 th.sum { Link Here
81
}
146
}
82
147
83
th[scope=row] {
148
th[scope=row] {
84
    text-align : left;
149
    text-align: left;
85
}
150
}
86
151
87
fieldset {
152
fieldset {
88
    &.rows {
153
    &.rows {
89
        float : right;
154
        clear: right;
90
        clear : right;
155
        float: right;
156
91
        label,
157
        label,
92
        .label {
158
        .label {
93
            float: right;
159
            float: right;
94
            margin-left: 1em;
160
            margin-left: 1em;
95
            text-align: left;
161
            text-align: left;
96
        }
162
        }
163
97
        ol {
164
        ol {
98
            &.lradio {
165
            &.lradio {
99
                label {
166
                label {
100
                    margin-left : 0;
167
                    margin-left: 0;
168
101
                    &.lradio {
169
                    &.lradio {
102
                        float : right;
170
                        float: right;
103
                        margin-left : 1em;
171
                        margin-left: 1em;
104
                    }
172
                    }
105
                }
173
                }
106
            }
174
            }
107
        }
175
        }
176
108
        li {
177
        li {
109
            float : right;
178
            clear: right;
110
            clear : right;
179
            float: right;
180
111
            &.lradio {
181
            &.lradio {
112
                padding-right: 8.5em;
182
                padding-right: 8.5em;
183
113
                label {
184
                label {
114
                    margin : 0 1em 0 0;
185
                    margin: 0 1em 0 0;
115
                }
186
                }
116
            }
187
            }
117
        }
188
        }
Lines 119-143 fieldset { Link Here
119
}
190
}
120
191
121
div.rows {
192
div.rows {
122
    float : right;
193
    float: right;
123
    clear : right;
194
    clear: right;
124
    span.label {
195
196
    .label {
125
        float: right;
197
        float: right;
126
        margin-left: 1em;
198
        margin-left: 1em;
127
        text-align: right;
199
        text-align: right;
128
    }
200
    }
201
129
    ol {
202
    ol {
130
        margin-right : 0;
203
        margin-right: 0;
131
        padding: .5em 0 0 1em;
204
        padding: .5em 0 0 1em;
132
    }
205
    }
206
133
    li {
207
    li {
134
208
135
        float : right;
209
        clear: right;
136
        clear : right;
210
        float: right;
137
    }
211
    }
212
138
    ul {
213
    ul {
139
        li {
214
        li {
140
            margin-right : 7.3em;
215
            margin-right: 7.3em;
216
141
            &:first-child {
217
            &:first-child {
142
                margin-right: 0;
218
                margin-right: 0;
143
            }
219
            }
Lines 146-171 div.rows { Link Here
146
}
222
}
147
223
148
.toolbar {
224
.toolbar {
149
    padding:3px 5px 5px 3px;
225
    padding: 3px 5px 5px 3px;
226
150
    label {
227
    label {
151
        margin-right : .5em;
228
        margin-right: .5em;
152
    }
229
    }
230
153
    .hold,
231
    .hold,
154
    #tagsel_tag {
232
    #tagsel_tag {
155
        padding-right: 28px;
233
        padding-right: 28px;
156
    }
234
    }
235
157
    li {
236
    li {
158
        a {
237
        a {
159
            border-right : 1px solid #e8e8e8;
238
            border-right: 1px solid #E8E8E8;
160
        }
239
        }
240
161
        &:first-child {
241
        &:first-child {
162
            a {
242
            a {
163
                border-right : 0;
243
                border-right: 0;
164
            }
244
            }
165
        }
245
        }
166
    }
246
    }
247
167
    ul {
248
    ul {
168
        padding-right : 0;
249
        padding-right: 0;
169
    }
250
    }
170
}
251
}
171
252
Lines 174-185 div.rows { Link Here
174
}
255
}
175
256
176
#selections-toolbar {
257
#selections-toolbar {
177
    padding-right : 10px;
258
    padding-right: 10px;
178
}
259
}
179
260
180
#tagsel_span input.submit,
261
#tagsel_span input.submit,
181
#tagsel_tag {
262
#tagsel_tag {
182
    padding-right : 25px;
263
    padding-right: 25px;
183
}
264
}
184
265
185
#tagsel_span input.disabled,
266
#tagsel_span input.disabled,
Lines 190-215 div.rows { Link Here
190
#selections-toolbar input.hold.disabled:hover,
271
#selections-toolbar input.hold.disabled:hover,
191
#selections-toolbar a.disabled,
272
#selections-toolbar a.disabled,
192
#selections-toolbar a.disabled:hover {
273
#selections-toolbar a.disabled:hover {
193
    padding-right : 23px;
274
    padding-right: 23px;
194
}
275
}
195
276
196
#views {
277
#views {
197
    padding : 0 0.2em 0.2em 2em;
278
    padding: 0 .2em .2em 2em;
198
}
279
}
199
280
200
#bibliodescriptions,
281
#bibliodescriptions,
201
#isbdcontents {
282
#isbdcontents {
202
    clear : right;
283
    clear: right;
203
}
204
205
#bookcover {
206
    float : right;
207
    .no-image {
208
        margin-left : 10px;
209
    }
210
    img {
211
        margin : 0 0 1em 1em;
212
    }
213
}
284
}
214
285
215
/* pagination */
286
/* pagination */
Lines 219-236 div.rows { Link Here
219
290
220
291
221
.back {
292
.back {
222
    float:left;
293
    float: left;
223
}
294
}
224
295
225
.pagination_list {
296
.pagination_list {
226
    ul {
297
    ul {
227
        padding-right:0px;
298
        padding-right: 0;
228
    }
299
    }
300
229
    li {
301
    li {
230
        a {
302
        a {
231
            padding-right:0px;
303
            padding-right: 0;
232
        }
304
        }
233
    }
305
    }
306
234
    .li_pag_index {
307
    .li_pag_index {
235
        float: right;
308
        float: right;
236
        padding-left: 10px;
309
        padding-left: 10px;
Lines 242-375 div.rows { Link Here
242
    li {
315
    li {
243
        &.back_results {
316
        &.back_results {
244
            a {
317
            a {
245
                border-right: 1px solid #D0D0D0;
246
                border-left: 1px solid #D0D0D0;
318
                border-left: 1px solid #D0D0D0;
319
                border-right: 1px solid #D0D0D0;
247
            }
320
            }
248
        }
321
        }
322
249
        a,
323
        a,
250
        span {
324
        span {
251
            float:right;
325
            float: right;
252
        }
326
        }
253
    }
327
    }
254
}
328
}
255
329
256
#listResults{
330
#listResults{
257
    li {
331
    li {
258
        margin-left:1px;
332
        margin-left: 1px;
259
    }
333
    }
260
}
334
}
261
335
262
/* nav */
336
/* nav */
263
.nav_pages {
337
.nav_pages {
264
    .close_pagination {
338
    .close_pagination {
265
        padding-left: 10px;
266
        left: 3px;
339
        left: 3px;
340
        padding-left: 10px;
267
    }
341
    }
342
268
    li {
343
    li {
269
        float:right;
344
        float: right;
345
270
        ul {
346
        ul {
271
            float:right;
347
            float: right;
272
        }
348
        }
273
    }
349
    }
274
}
350
}
275
351
276
#format,
352
#format,
277
#furthersearches {
353
#furthersearches {
278
    padding-right : 35px;
354
    padding-right: 35px;
279
}
355
}
280
356
281
.highlight_controls {
357
.highlight_controls {
282
    float: right;
358
    float: right;
283
}
359
}
284
360
285
a.addtocart {
286
    padding-right : 35px;
287
}
288
289
a.addtoshelf {
290
    padding-right : 35px;
291
}
292
293
a.brief {
294
    padding-right : 27px;
295
}
296
297
a.detail {
298
    padding-right : 27px;
299
}
300
301
a.download {
302
    padding-right : 20px;
303
}
304
305
a.editshelf {
306
    padding-right : 26px;
307
}
308
309
a.empty {
310
    padding-right : 30px;
311
}
312
313
a.hide {
314
    padding-right : 26px;
315
}
316
317
a.highlight_toggle {
318
    padding-right : 35px;
319
}
320
321
a.hold,
322
input.hold {
323
    padding-right : 23px;
324
}
325
326
a.incart {
327
    padding-right : 35px;
328
}
329
330
a.new {
331
    padding-right : 23px;
332
}
333
334
a.print-small {
335
    padding-right : 30px;
336
}
337
338
a.print-large {
339
    padding-right : 35px;
340
}
341
342
a.removeitems,
343
a.deleteshelf {
344
    padding-right : 25px;
345
}
346
347
a.reserve {
348
    padding-right : 35px;
349
}
350
351
a.send {
352
    padding-right : 28px;
353
}
354
355
a.tag_add {
356
    padding-right : 27px;
357
}
358
359
input.editshelf {
361
input.editshelf {
360
    padding-right : 29px;
362
    padding-right: 29px;
361
}
363
}
362
364
363
.newshelf {
365
.newshelf {
364
    padding-right : 28px;
366
    padding-right: 28px;
365
}
367
}
366
368
367
.deleteshelf {
369
.deleteshelf {
368
    padding-right : 25px;
370
    padding-right: 25px;
369
}
371
}
370
372
371
#login4tags {
373
#login4tags {
372
    padding-right : 20px;
374
    padding-right: 20px;
373
}
375
}
374
376
375
.tag_results_input {
377
.tag_results_input {
Lines 378-404 input.editshelf { Link Here
378
380
379
#social_networks {
381
#social_networks {
380
    span {
382
    span {
381
        float : right;
383
        float: right;
382
        margin : .5em .5em .5em 0 !important;
384
        margin: .5em .5em .5em 0 !important;
383
    }
385
    }
384
    div {
386
    div {
385
        float : right !important;
387
        float: right !important;
386
        margin : .5em .2em .5em 0 !important;
388
        margin: .5em .2em .5em 0 !important;
387
    }
389
    }
388
}
390
}
389
391
390
#marc {
392
#marc {
391
    td,
393
    td,
392
    th {
394
    th {
393
        text-align : right;
395
        text-align: right;
394
    }
396
    }
395
    .results_summary {
397
    .results_summary {
396
        clear :  right;
398
        clear:  right;
397
    }
399
    }
398
}
400
}
399
401
400
#plainmarc th {
402
#plainmarc th {
401
    text-align:right;
403
    text-align: right;
402
}
404
}
403
405
404
#renewcontrols {
406
#renewcontrols {
Lines 427-439 input.editshelf { Link Here
427
}
429
}
428
430
429
#menu {
431
#menu {
430
    border : 0 solid #D8D8D8;
432
    border: 0 solid #D8D8D8;
431
    border-left-width: 1px;
433
    border-left-width: 1px;
434
432
    li {
435
    li {
433
        a {
436
        a {
434
            border-radius: 0 5px 5px 0;
437
            border-radius: 0 5px 5px 0;
435
            margin-left: -1px;
438
            margin-left: -1px;
436
        }
439
        }
440
437
        &.active {
441
        &.active {
438
            a {
442
            a {
439
                border-left-width: 0;
443
                border-left-width: 0;
Lines 445-464 input.editshelf { Link Here
445
449
446
/* Search results add to cart (lists disabled) */
450
/* Search results add to cart (lists disabled) */
447
.addto a.addtocart {
451
.addto a.addtocart {
448
    padding-right : 33px;
452
    padding-right: 33px;
449
}
453
}
450
454
451
.searchresults {
455
.searchresults {
452
    a {
456
    a {
453
        &.highlight_toggle {
457
        &.highlight_toggle {
454
            padding : 0 21px 0 10px;
458
            padding: 0 21px 0 10px;
455
        }
459
        }
456
    }
460
    }
457
}
461
}
458
462
459
.commentline .avatar {
463
.commentline .avatar {
460
    float : left;
464
    float: left;
461
    padding-right : .5em;
465
    padding-right: .5em;
462
}
466
}
463
467
464
span.sep {
468
span.sep {
Lines 475-483 span.sep { Link Here
475
479
476
.pages span:last-child,
480
.pages span:last-child,
477
.pages a:last-child {
481
.pages a:last-child {
478
    border-width: 1px 0 1px 1px;
479
    border-bottom-left-radius: 3px;
482
    border-bottom-left-radius: 3px;
480
    border-top-left-radius: 3px;
483
    border-top-left-radius: 3px;
484
    border-width: 1px 0 1px 1px;
481
}
485
}
482
486
483
.pages .inactive,
487
.pages .inactive,
Lines 493-499 span.sep { Link Here
493
}
497
}
494
498
495
.close {
499
.close {
496
    left : auto;
500
    left: auto;
497
}
501
}
498
502
499
/* Redefine a new style for Bootstrap's class "close" since we use that already */
503
/* Redefine a new style for Bootstrap's class "close" since we use that already */
Lines 501-534 span.sep { Link Here
501
.alert .closebtn {
505
.alert .closebtn {
502
    left:-21px;
506
    left:-21px;
503
}
507
}
508
504
.closebtn {
509
.closebtn {
505
    float:left;
510
    float: left;
506
}
511
}
507
512
508
#logo {
513
#logo {
509
    float : right !important;
514
    float: right !important;
510
}
515
}
511
516
512
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
517
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
513
.floating {
518
.floating {
514
    -webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, .4);
519
    box-shadow: 0 0 2px 3px rgba( 0, 0, 0, .4 );
515
    box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, .4);
516
}
520
}
517
521
518
522
519
.table {
523
.table {
520
    .sorting_asc {
524
    .sorting_asc {
521
        padding-left: 19px;
522
        background: url("../images/asc.gif") no-repeat scroll left center #ECEDE6;
525
        background: url("../images/asc.gif") no-repeat scroll left center #ECEDE6;
526
        padding-left: 19px;
523
    }
527
    }
528
524
    .sorting_desc {
529
    .sorting_desc {
525
        padding-left: 19px;
530
        padding-left: 19px;
526
        background: url("../images/desc.gif") no-repeat scroll left center #ECEDE6;
531
        background: url("../images/desc.gif") no-repeat scroll left center #ECEDE6;
527
    }
532
    }
533
528
    .sorting {
534
    .sorting {
529
        padding-left: 19px;
535
        padding-left: 19px;
530
        background: url("../images/ascdesc.gif") no-repeat scroll left center #ECEDE6;
536
        background: url("../images/ascdesc.gif") no-repeat scroll left center #ECEDE6;
531
    }
537
    }
538
532
    .nosort,
539
    .nosort,
533
    .nosort.sorting_asc,
540
    .nosort.sorting_asc,
534
    .nosort.sorting_desc,
541
    .nosort.sorting_desc,
Lines 536-553 span.sep { Link Here
536
        padding-left: 19px;
543
        padding-left: 19px;
537
    }
544
    }
538
}
545
}
546
539
.tags {
547
.tags {
540
    ul {
548
    ul {
541
        margin-right : 0;
549
        margin-right: 0;
542
    }
550
    }
543
}
551
}
544
552
545
.coverimages {
553
.coverimages {
546
    float : left;
554
    float: left;
547
}
555
}
548
556
549
#i18nMenu {
557
#i18nMenu {
550
    margin-right : 1em;
558
    margin-right: 1em;
551
}
559
}
552
560
553
#overdrive-results {
561
#overdrive-results {
Lines 556-561 span.sep { Link Here
556
564
557
.navbar {
565
.navbar {
558
    .pull-right {
566
    .pull-right {
559
        float : left;
567
        float: left;
560
    }
568
    }
561
}
569
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/mixins.less (-12 lines)
Lines 1-12 Link Here
1
@links : #0076B2;
2
@color : #999999;
3
.shadowed {
4
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
5
       -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
6
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
7
}
8
.border-radius-all(@radius: 3px) {
9
    -webkit-border-radius: @radius;
10
       -moz-border-radius: @radius;
11
            border-radius: @radius;
12
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less (-2641 lines)
Lines 1-2641 Link Here
1
@import "mixins.less";
2
body {
3
    background-color: #EAEAE6;
4
}
5
6
 /* Sticky footer styles */
7
html,
8
body {
9
    height: 100%;
10
    /* The html and body elements cannot have any padding or margin. */
11
}
12
13
.no-js {
14
    .dateformat {
15
        display: inline;
16
        white-space: nowrap;
17
    }
18
    .modal-body {
19
        padding: 0;
20
    }
21
    .selections-toolbar {
22
        display: none;
23
    }
24
}
25
26
.js {
27
    .dateformat {
28
        display: none;
29
    }
30
}
31
32
/* Wrapper for page content to push down footer */
33
#wrap {
34
    min-height: 100%;
35
    height: auto !important;
36
    height: 100%;
37
    /* Negative indent footer by it's height */
38
    // margin: 0 auto -60px;
39
}
40
41
/* Set the fixed height of the footer here */
42
#changelanguage {
43
    // height: 60px;
44
}
45
46
.popup {
47
    padding-left : 0;
48
    padding-right: 0;
49
}
50
51
a {
52
    color: @links;
53
    &.cancel {
54
        padding-left : 1em;
55
    }
56
    &:visited {
57
        color: @links;
58
    }
59
    &.title {
60
        font-weight: bold;
61
        font-size : 108%;
62
    }
63
    &.btn {
64
        &:visited {
65
            color : #333;
66
        }
67
    }
68
    &.btn-primary {
69
        &:visited {
70
            color : #FFF;
71
        }
72
    }
73
    &.login-link {
74
        color: #A6D8ED;
75
        font-weight: bold;
76
    }
77
}
78
79
.ui-widget-content a,
80
.ui-widget-content a:visited {
81
    color: @links;
82
}
83
84
h1 {
85
    font-size : 140%;
86
    line-height: 150%;
87
    &#libraryname {
88
        background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
89
        border: 0;
90
        float: left !important;
91
        margin: 0;
92
        padding: 0;
93
        width: 120px;
94
        a {
95
            border: 0;
96
            cursor: pointer;
97
            display: block;
98
            height: 0px !important;
99
            margin: 0;
100
            overflow: hidden;
101
            padding: 40px 0 0;
102
            text-decoration: none;
103
            width: 120px;
104
        }
105
    }
106
}
107
108
h2 {
109
110
    font-size : 130%;
111
    line-height: 150%;
112
}
113
h3 {
114
115
    font-size : 120%;
116
    line-height: 150%;
117
}
118
h4 {
119
120
    font-size : 110%;
121
}
122
h5 {
123
124
    font-size : 100%;
125
}
126
127
caption {
128
    font-size: 120%;
129
    font-weight: bold;
130
    margin : 0;
131
    text-align: left;
132
}
133
134
input,
135
textarea {
136
    width: auto;
137
}
138
139
.input-fluid {
140
    width : 50%;
141
}
142
143
legend {
144
    font-size: 110%;
145
    font-weight: bold;
146
}
147
148
table, td {
149
    background-color: #FFF;
150
}
151
152
td {
153
    .btn {
154
        white-space: nowrap;
155
    }
156
    .btn-link {
157
        padding: 0;
158
    }
159
}
160
161
#advsearches,
162
#booleansearch {
163
    label {
164
        display: inline;
165
    }
166
}
167
168
#basketcount {
169
    display : inline;
170
    margin : 0;
171
    padding : 0;
172
    span {
173
        background-color : #FFC;
174
        color : #000;
175
        display : inline;
176
        font-size : 80%;
177
        font-weight : normal;
178
        margin : 0 0 0 .9em;
179
        padding : 0 .3em 0 .3em;
180
        .border-radius-all(3px);
181
    }
182
}
183
184
185
#members {
186
    display: block;
187
    p {
188
        color : #EEE;
189
    }
190
    a {
191
        &.logout {
192
            color : #E8583C;
193
            font-weight: bold;
194
            padding : 0 .3em 0 .3em;
195
        }
196
    }
197
}
198
199
#koha_url p {
200
        color: #666666;
201
        float : right;
202
        margin: 0;
203
}
204
205
#moresearches {
206
    margin: .5em 0;
207
    padding: 0 .8em;
208
    li {
209
        display: inline;
210
        white-space: nowrap;
211
        &:after {
212
            content : " | ";
213
        }
214
215
    }
216
    ul {
217
        margin : 0;
218
    }
219
}
220
221
#moresearches li:last-child:after {
222
    content : "";
223
}
224
225
#news {
226
    margin : .5em 0;
227
}
228
229
.newscontainer {
230
    border: 1px solid #ddd;
231
    border-bottom-width: 0;
232
    border-top-left-radius: 5px;
233
    border-top-right-radius: 5px;
234
}
235
236
.newsheader {
237
    background-color: #ecede6;
238
    border-bottom: 1px solid #ddd;
239
    margin: 0;
240
    padding: 8px;
241
}
242
243
.newsbody {
244
    padding: 8px;
245
}
246
247
.newsfooter {
248
    border-bottom: 1px solid #ddd;
249
    font-style: italic;
250
    padding: 4px 8px;
251
}
252
253
#opacheader {
254
    background-color: #DDD;
255
}
256
257
#selections,
258
.selections {
259
    font-weight : bold;
260
}
261
262
.actions {
263
    a {
264
        white-space: nowrap;
265
        &.hold {
266
            background-image : url("../images/sprite.png"); /* Place hold small */
267
            background-position : -5px -542px;
268
            background-repeat: no-repeat;
269
            margin-right : 1em;
270
            padding-left : 21px;
271
            text-decoration : none;
272
        }
273
        &.article_request {
274
            background-image : url("../images/sprite.png"); /* Place hold small */
275
            background-position : -2px -26px;
276
            background-repeat: no-repeat;
277
            margin-right : 1em;
278
            padding-left : 21px;
279
            text-decoration : none;
280
        }
281
        &.addtocart {
282
            background-image : url("../images/sprite.png"); /* Cart small */
283
            background-position : -5px -572px;
284
            background-repeat: no-repeat;
285
            margin-right : 1em;
286
            padding-left : 20px;
287
            text-decoration : none;
288
        }
289
        &.addtoshelf {
290
            background-image : url("../images/sprite.png"); /* MARC view */
291
            background-position: -5px -27px;
292
            background-repeat: no-repeat;
293
            margin-right : 1em;
294
            padding-left : 20px;
295
            text-decoration : none;
296
        }
297
        &.addtolist {
298
            background-position: -5px -27px;
299
            margin-right : 1em;
300
            padding-left : 20px;
301
            text-decoration : none;
302
        }
303
        &.tag_add {
304
            background-position: -5px -1110px;
305
            margin-right : 1em;
306
            padding-left : 20px;
307
            text-decoration : none;
308
        }
309
        /* List contents remove from list link */
310
        &.removefromlist  {
311
            background-position : -8px -690px; /* Delete */
312
            margin-right : 1em;
313
            text-decoration : none;
314
            padding-left : 15px;
315
        }
316
    }
317
}
318
319
/* Override Bootstrap alert */
320
.alert {
321
    background: #fffbe5; /* Old browsers */
322
    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
323
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
324
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
325
    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
326
    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
327
    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
328
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
329
    border-color : #D6C43B;
330
    color: #333;
331
}
332
333
/* Override Bootstrap alert.alert-info */
334
.alert-info {
335
    background: #f4f6fa; /* Old browsers */
336
    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
337
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
338
    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
339
    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
340
    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
341
    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
342
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
343
    border-color : #C5D1E5;
344
    color: #333;
345
}
346
347
/* Override Bootstrap alert.alert-success */
348
.alert-success {
349
    background: #f8ffe8; /* Old browsers */
350
    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
351
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
352
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
353
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
354
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
355
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
356
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
357
    border-color : #9FBA35;
358
    color: #333;
359
}
360
361
.breadcrumb {
362
    background-color: #F2F2EF;
363
    font-size: 85%;
364
    list-style: none outside none;
365
    margin: 10px 20px;
366
    padding: 5px 10px;
367
    .border-radius-all(7px);
368
}
369
370
.form-inline {
371
    display : inline;
372
    padding: 0;
373
    margin: 0;
374
    fieldset {
375
        margin: 0.3em 0;
376
        padding: 0.3em;
377
    }
378
}
379
380
.main {
381
    background-color: #FFF;
382
    border: 1px solid #D2D2CF;
383
    .border-radius-all(7px);
384
    .shadowed;
385
    margin-top : 0.5em;
386
    margin-bottom: 0.5em;
387
}
388
389
.mastheadsearch {
390
    .border-radius-all(7px);
391
    padding: .8em;
392
    margin: .5em 0;
393
    background: #c7c7c1;
394
    /* Old browsers */
395
    background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
396
    /* FF3.6+ */
397
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2));
398
    /* Chrome,Safari4+ */
399
    background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
400
    /* Chrome10+,Safari5.1+ */
401
    background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
402
    /* Opera 11.10+ */
403
    background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
404
    /* IE10+ */
405
    background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%);
406
    /* W3C */
407
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 );
408
    /* IE6-9 */
409
    label {
410
        font-size: 115%;
411
        font-weight: bold;
412
    }
413
}
414
415
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
416
    color: #9FE1FF;
417
    font-weight: bold;
418
}
419
420
.navbar-fixed-bottom.navbar-static-bottom {
421
    margin-top : .5em;
422
    position: static;
423
}
424
425
#changelanguage .nav > .active > p {
426
    padding : 0 15px;
427
}
428
429
.table-striped tbody > tr:nth-child(odd) > td,
430
.table-striped tbody > tr:nth-child(odd) > th {
431
  background-color: #F4F4F4;
432
}
433
434
435
/* jQuery UI standard tabs */
436
.ui-tabs-nav .ui-tabs-active a,
437
.ui-tabs-nav a:hover,
438
.ui-tabs-nav a:focus,
439
.ui-tabs-nav a:active,
440
.ui-tabs-nav span.a {
441
    background: none repeat scroll 0 0 transparent;
442
    outline: 0 none;
443
}
444
445
.ui-widget,
446
.ui-widget input,
447
.ui-widget select,
448
.ui-widget textarea,
449
.ui-widget button {
450
    font-family : inherit;
451
    font-size : inherit;
452
}
453
454
ul.ui-tabs-nav li {
455
    list-style : none;
456
}
457
.ui-tabs.ui-widget-content {
458
    background : transparent none;
459
    border : 0;
460
}
461
462
.ui-tabs .ui-tabs-panel {
463
    border : 1px solid #D8D8D8;
464
    margin-bottom: 1em;
465
}
466
.ui-tabs-nav.ui-widget-header {
467
    border : 0;
468
    background : none;
469
}
470
.ui-tabs .ui-tabs-nav li {
471
    background: #F3F3F3 none;
472
    border-color: #D8D8D8;
473
    margin-right : .4em;
474
}
475
476
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
477
    background-color : #FFF;
478
    border : 1px solid #D8D8D8;
479
    border-bottom: 0;
480
}
481
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
482
    color : #000;
483
    font-weight : bold;
484
}
485
486
.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
487
    background : #F3F3F3 none;
488
}
489
490
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
491
    background : #FFF none;
492
}
493
494
.ui-tabs .ui-state-default a,
495
.ui-tabs .ui-state-default a:link,
496
.ui-tabs .ui-state-default a:visited {
497
    color: #006699;
498
}
499
500
.ui-tabs .ui-state-hover a,
501
.ui-tabs .ui-state-hover a:link,
502
.ui-tabs .ui-state-hover a:visited {
503
    color: #990033;
504
}
505
506
.statictabs {
507
    ul {
508
        background: none repeat scroll 0 0 transparent;
509
        border: 0 none;
510
        margin: 0;
511
        padding: 0.2em 0.2em 0;
512
        border-bottom-right-radius: 4px;
513
        border-bottom-left-radius: 4px;
514
        border-top-right-radius: 4px;
515
        border-top-left-radius: 4px;
516
        color: #222222;
517
        font-weight: bold;
518
        font-size: 100%;
519
        line-height: 1.3;
520
        list-style: none outside none;
521
        outline: 0 none;
522
        text-decoration: none;
523
        &:before {
524
            content: "";
525
            display: table;
526
        }
527
        &:after {
528
            clear: both;
529
            content: "";
530
            display: table;
531
        }
532
    }
533
    li {
534
        background: none repeat scroll 0 0 #E6F0F2;
535
        border: 1px solid #B9D8D9;
536
        border-bottom: 0 none !important;
537
        border-top-right-radius: 4px;
538
        border-top-left-radius: 4px;
539
        float: left;
540
        list-style: none outside none;
541
        margin-bottom: 0;
542
        margin-right: 0.4em;
543
        padding: 0;
544
        position: relative;
545
        white-space: nowrap;
546
        top: 1px;
547
        color: #555555;
548
        font-weight: normal;
549
        &.active {
550
            background-color: #FFFFFF;
551
            color: #212121;
552
            font-weight: normal;
553
            padding-bottom: 1px;
554
        }
555
        a {
556
            color: #004D99;
557
            cursor: pointer;
558
            float: left;
559
            padding: 0.5em 1em;
560
            text-decoration: none;
561
            &:hover {
562
                background-color : #EDF4F5;
563
                border-top-right-radius: 4px;
564
                border-top-left-radius: 4px;
565
                color : #538200;
566
            }
567
        }
568
        &.active {
569
            a {
570
                color: #000000;
571
                font-weight: bold;
572
                cursor: text;
573
                background: none repeat scroll 0 0 transparent;
574
                outline: 0 none;
575
            }
576
        }
577
    }
578
    .tabs-container {
579
        border: 1px solid #B9D8D9;
580
        background: none repeat scroll 0 0 transparent;
581
        display: block;
582
        padding: 1em 1.4em;
583
        border-bottom-right-radius: 4px;
584
        border-bottom-left-radius: 4px;
585
        color: #222222;
586
    }
587
}
588
589
/* End jQueryUI tab styles */
590
591
/* jQuery UI Datepicker */
592
.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
593
.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
594
595
.ui-datepicker-trigger {
596
    vertical-align: middle;
597
    margin : 0 3px;
598
}
599
.ui-datepicker {
600
    .shadowed;
601
}
602
/* End jQueryUI datepicker styles */
603
604
605
/* jQueryUI Core */
606
607
.ui-widget-content {
608
    border: 1px solid #AAA;
609
    background: #ffffff none;
610
    color: #222222;
611
}
612
.ui-widget-header {
613
    border: 1px solid #AAA;
614
    background: #E6F0F2 none;
615
    color: #222222;
616
    font-weight: bold;
617
}
618
.ui-state-default,
619
.ui-widget-content .ui-state-default,
620
.ui-widget-header .ui-state-default {
621
    border: 1px solid #AAA;
622
    background: #F4F8F9 none;
623
    font-weight: normal;
624
    color: #555555;
625
}
626
.ui-state-hover,
627
.ui-widget-content .ui-state-hover,
628
.ui-widget-header .ui-state-hover,
629
.ui-state-focus,
630
.ui-widget-content .ui-state-focus,
631
.ui-widget-header .ui-state-focus {
632
    border: 1px solid #AAA;
633
    background: #E6F0F2 none;
634
    font-weight: normal;
635
    color: #212121;
636
}
637
.ui-state-active,
638
.ui-widget-content .ui-state-active,
639
.ui-widget-header .ui-state-active {
640
    border: 1px solid #aaaaaa;
641
    background: #ffffff none;
642
    font-weight: normal;
643
    color: #212121;
644
}
645
.ui-state-highlight,
646
.ui-widget-content .ui-state-highlight,
647
.ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1;
648
    background: #fbf9ee;
649
    color: #363636;
650
}
651
.ui-state-error,
652
.ui-widget-content .ui-state-error,
653
.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
654
    background: #fef1ec;
655
    color: #cd0a0a;
656
}
657
658
/* end jQueryUI core */
659
660
/* jQueryUI autocomplete */
661
662
.ui-autocomplete {
663
    position: absolute;
664
    cursor: default;
665
    .shadowed;
666
}
667
.ui-autocomplete.ui-widget-content .ui-state-hover {
668
    border: 1px solid #AAA;
669
    background: #E6F0F2 none;
670
    font-weight: normal;
671
    color: #212121;
672
}
673
.ui-autocomplete-loading {
674
    background: #FFF url("../../img/loading-small.gif") right center no-repeat;
675
}
676
.ui-menu li {
677
    list-style:none;
678
}
679
680
/* end jQueryUI autocomplete */
681
682
683
684
th {
685
    background-color: #ECEDE6;
686
}
687
688
.item-thumbnail {
689
    max-width: none;
690
}
691
692
.no-image {
693
    background-color : #FFF;
694
    border: 1px solid #AAA;
695
    color : #979797;
696
    display:block;
697
    font-size : 86%;
698
    font-weight : bold;
699
    text-align : center;
700
    width : 75px;
701
    .border-radius-all(3px);
702
}
703
704
#bookcover .no-image {
705
    margin-right : 10px;
706
    margin-bottom : 10px;
707
}
708
709
td.overdue {
710
    color : #cc3333;
711
}
712
table {
713
    font-size: 90%;
714
}
715
th.sum {
716
    text-align: right;
717
}
718
719
td.sum {
720
    background-color: #FFC;
721
    font-weight: bold;
722
}
723
724
th[scope=row] {
725
    background-color: transparent;
726
    text-align : right;
727
}
728
729
.required {
730
    color : #C00;
731
}
732
733
.label {
734
    background-color: transparent;
735
    color: inherit;
736
    display: inline;
737
    font-weight: normal;
738
    padding : 0;
739
    text-shadow: none;
740
}
741
742
.blabel {
743
    background-color: #999999;
744
    border-radius: 3px;
745
    color: #ffffff;
746
    display: inline-block;
747
    font-weight: bold;
748
    padding: 2px 4px;
749
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
750
}
751
752
.label-important {
753
  background-color: #b94a48;
754
}
755
.label-warning {
756
  background-color: #f89406;
757
}
758
.label-success {
759
  background-color: #468847;
760
}
761
.label-info {
762
  background-color: #3a87ad;
763
}
764
.label-inverse {
765
  background-color: #333333;
766
}
767
768
fieldset {
769
    &.rows {
770
        float : left;
771
        font-size : 90%;
772
        clear : left;
773
        margin: .9em 0 0 0;
774
        padding: 0;
775
        width: 100%;
776
        legend {
777
            font-weight: bold;
778
            font-size : 130%;
779
        }
780
        label,
781
        .label {
782
            float: left;
783
            font-weight : bold;
784
            width: 9em;
785
            margin-right: 1em;
786
            text-align: right;
787
        }
788
        label {
789
            &.lradio {
790
                float: none;
791
                margin: inherit;
792
                width: auto;
793
            }
794
        }
795
        fieldset {
796
            margin : 0;
797
            padding : .3em;
798
        }
799
        ol {
800
            padding: 1em 1em 0 1em;
801
            list-style-type: none;
802
            &.lradio {
803
                label {
804
                    width : auto;
805
                    float : none;
806
                    margin-right : 0;
807
                    &.lradio {
808
                        float : left;
809
                        width : 12em;
810
                        margin-right : 1em;
811
                    }
812
                }
813
            }
814
        }
815
        li {
816
            float : left;
817
            clear : left;
818
            padding-bottom: 1em;
819
            list-style-type: none;
820
            width: 100%;
821
            &.lradio {
822
                padding-left: 8.5em;
823
                width : auto;
824
                label {
825
                    float : none;
826
                    width : auto;
827
                    margin : 0 0 0 1em;
828
                }
829
            }
830
        }
831
        .hint {
832
            display: block;
833
            margin-left : 11em;
834
        }
835
    }
836
    &.action {
837
        clear : both;
838
        float : none;
839
        border : none;
840
        margin : 0;
841
        padding : 1em 0 .3em 0;
842
        width : auto;
843
        p {
844
            margin-bottom : 1em;
845
        }
846
    }
847
    table {
848
        font-size: 100%;
849
    }
850
}
851
852
div.rows+div.rows {
853
    margin-top : .6em;
854
}
855
856
div.rows {
857
    float : left;
858
    clear : left;
859
    margin: 0 0 0 0;
860
    padding: 0;
861
    width: 100%;
862
    span.label {
863
        float: left;
864
        font-weight : bold;
865
        width: 9em;
866
        margin-right: 1em;
867
        text-align: left;
868
    }
869
    ol {
870
        list-style-type: none;
871
        margin-left : 0;
872
        padding: .5em 1em 0 0;
873
    }
874
    li {
875
        border-bottom :  1px solid #EEE;
876
        float : left;
877
        clear : left;
878
        padding-bottom: .2em;
879
        padding-top: .1em;
880
        list-style-type: none;
881
        width: 100%;
882
    }
883
    ul {
884
        li {
885
            margin-left : 7.3em;
886
            &:first-child {
887
                float: none;
888
                clear: none;
889
                margin-left: 0;
890
            }
891
        }
892
    }
893
    ol li li {
894
        border-bottom: 0;
895
    }
896
}
897
898
/* different sizes for different tags in opac-tags.tt */
899
.tagweight0 {
900
    font-size: 12px;
901
}
902
903
.tagweight1 {
904
    font-size: 14px;
905
}
906
907
.tagweight2 {
908
    font-size: 16px;
909
}
910
911
.tagweight3 {
912
    font-size: 18px;
913
}
914
915
.tagweight4 {
916
    font-size: 20px;
917
}
918
919
.tagweight5 {
920
    font-size: 22px;
921
}
922
923
.tagweight6 {
924
    font-size: 24px;
925
}
926
927
.tagweight7 {
928
    font-size: 26px;
929
}
930
931
.tagweight8 {
932
    font-size: 28px;
933
}
934
935
.tagweight9 {
936
    font-size: 30px;
937
}
938
939
.toolbar {
940
    background-color : #EEEEEE;
941
    border : 1px solid #E8E8E8;
942
    font-size : 85%;
943
    padding:3px 3px 5px 5px;
944
    vertical-align : middle;
945
    a {
946
        white-space: nowrap;
947
    }
948
    label {
949
        display: inline;
950
        font-size: 100%;
951
        font-weight : bold;
952
        margin-left : .5em;
953
    }
954
    select {
955
        font-size: 97%;
956
        height: auto;
957
        line-height: inherit;
958
        padding: 0;
959
        margin: 0;
960
        width : auto;
961
        white-space: nowrap;
962
    }
963
    .hold,
964
    #tagsel_tag {
965
        padding-left: 28px;
966
        font-size: 97%;
967
        font-weight: bold;
968
    }
969
    #tagsel_form {
970
        margin-top : .5em;
971
    }
972
    li {
973
        display : inline;
974
        list-style : none;
975
        a {
976
            border-left : 1px solid #e8e8e8;
977
        }
978
        &:first-child {
979
            a {
980
                border-left : 0;
981
            }
982
        }
983
    }
984
    ul {
985
        padding-left : 0;
986
    }
987
}
988
989
#basket .toolbar {
990
    padding: 7px 5px 9px 9px;
991
}
992
993
#selections-toolbar,
994
.selections-toolbar {
995
    background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
996
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
997
    background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
998
    background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
999
    background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
1000
    background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
1001
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
1002
    margin : 0 0 1em 0;
1003
    padding-top : .5em;
1004
    padding-left : 10px;
1005
}
1006
1007
.list-actions {
1008
    display : inline;
1009
}
1010
1011
#tagsel_span input.submit,
1012
#tagsel_tag {
1013
    border : 0;
1014
    background-color: transparent;
1015
    font-size : 100%;
1016
    color: #0076B2;
1017
    cursor : pointer;
1018
    background-image : url("../images/sprite.png"); /* Tags */
1019
    background-position : 1px -643px;
1020
    background-repeat : no-repeat;
1021
    padding-left : 25px;
1022
    text-decoration: none;
1023
}
1024
1025
#tagsel_tag.disabled {
1026
    background-position : -1px -667px;
1027
}
1028
1029
1030
#tagsel_span input:hover,
1031
#selections-toolbar input.hold:hover {
1032
    color: #005580;
1033
    text-decoration: underline;
1034
}
1035
1036
#tagsel_span input.disabled,
1037
#tagsel_span input.disabled:hover,
1038
#tagsel_span input.hold.disabled,
1039
#tagsel_span input.hold.disabled:hover,
1040
#selections-toolbar input.hold.disabled,
1041
#selections-toolbar input.hold.disabled:hover,
1042
#selections-toolbar a.disabled,
1043
#selections-toolbar a.disabled:hover,
1044
.selections-toolbar a.disabled,
1045
.selections-toolbar a.disabled:hover {
1046
    color: #888888;
1047
    text-decoration: none;
1048
    padding-left : 23px;
1049
}
1050
1051
.results_summary {
1052
    display: block;
1053
    font-size : 85%;
1054
    color: #707070;
1055
    padding : 0 0 .5em 0;
1056
    .results_summary {
1057
        font-size : 100%;
1058
    }
1059
    &.actions {
1060
        margin-top : .5em;
1061
    }
1062
    &.tagstatus {
1063
        display: inline;
1064
    }
1065
    .label {
1066
        color: #202020;
1067
    }
1068
    a {
1069
        font-weight: normal;
1070
    }
1071
}
1072
1073
#views {
1074
    margin-bottom : .5em;
1075
    padding : 0 2em 0.2em 0.2em;
1076
}
1077
1078
.view {
1079
    background-color : #F3F3F3;
1080
    border: 1px solid #C9C9C9;
1081
    border-radius: 4px;
1082
    display: inline-block;
1083
    padding: 0.2em 0.5em;
1084
    white-space: nowrap;
1085
}
1086
1087
#bibliodescriptions,
1088
#isbdcontents {
1089
    clear : left;
1090
    margin-top : .5em;
1091
}
1092
1093
.view {
1094
    a,
1095
    span {
1096
        background-image: url("../images/sprite.png");
1097
        background-repeat : no-repeat;
1098
        font-size : 87%;
1099
        padding-left: 15px;
1100
        text-decoration: none;
1101
    }
1102
}
1103
1104
.view {
1105
    a {
1106
        font-weight : normal;
1107
    }
1108
}
1109
1110
.current-view {
1111
    background-color: #fff;
1112
    font-weight: bold;
1113
}
1114
1115
#MARCview {
1116
    background-position: -9px -27px;
1117
}
1118
#ISBDview {
1119
    background-position: -10px -56px;
1120
}
1121
#Normalview {
1122
    background-position: -8px 3px;
1123
}
1124
1125
#bookcover {
1126
    float : left;
1127
    margin : 0;
1128
    padding : 0;
1129
    .no-image {
1130
        margin-right : 10px;
1131
        margin-bottom : 10px;
1132
    }
1133
    img {
1134
        margin : 0 1em 1em 0;
1135
    }
1136
}
1137
1138
/* pagination */
1139
.results-pagination {
1140
    position: absolute;
1141
    top:32px;
1142
    left: -1px;
1143
    width: 100%;
1144
    height:auto;
1145
    border: 1px solid #D0D0D0;
1146
    display: none;
1147
    background-color:#F3F3F3;
1148
    padding-bottom:10px;
1149
    z-index: 100;
1150
}
1151
1152
1153
.back {
1154
    float:right;
1155
    input {
1156
        background:none!important;
1157
        color:#999!important;
1158
    }
1159
}
1160
1161
.pagination_list {
1162
    ul {
1163
        padding-top: 40px;
1164
        padding-left:0px;
1165
    }
1166
    li {
1167
        list-style:none;
1168
        float:bottom;
1169
        padding:4px;
1170
        color:#999;
1171
        &.highlight {
1172
           background-color : #F3F3F3;
1173
           border-top : 1px solid #DDDDDD;
1174
           border-bottom : 1px solid #DDDDDD;
1175
        }
1176
        a {
1177
            padding-left:0px;
1178
        }
1179
    }
1180
    .li_pag_index {
1181
        color: #999999;
1182
        float: left;
1183
        font-size: 15px;
1184
        font-weight: bold;
1185
        padding-right: 10px;
1186
        text-align: right;
1187
        width: 13px;
1188
    }
1189
}
1190
1191
.nav_results {
1192
    background-color: #F3F3F3;
1193
    border: 1px solid #D0D0D0;
1194
    font-size: 95%;
1195
    font-weight: bold;
1196
    margin-top: 0.5em;
1197
    position:relative;
1198
    .l_Results {
1199
        a {
1200
            background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1201
            color:#006699;
1202
            display:block;
1203
            padding:8px 28px;
1204
            text-decoration:none;
1205
        }
1206
        &:hover {
1207
            background-color:#D9D9D9;
1208
        }
1209
    }
1210
}
1211
1212
.pg_menu {
1213
    margin: 0;
1214
    border-top: 1px solid #D0D0D0;
1215
    white-space : nowrap;
1216
    li {
1217
        color:#B2B2B2;
1218
        display:inline;
1219
        list-style:none;
1220
        margin: 0;
1221
        &.back_results {
1222
            a {
1223
                border-left: 1px solid #D0D0D0;
1224
                border-right: 1px solid #D0D0D0;
1225
            }
1226
        }
1227
        a,
1228
        span {
1229
            background-color: #F3F3F3;
1230
            display : block;
1231
            float:left;
1232
            padding:.4em .5em;
1233
            text-decoration:none;
1234
            font-weight:normal;
1235
            text-align:center;
1236
        }
1237
        span {
1238
            color : #B2B2B2;
1239
        }
1240
    }
1241
}
1242
1243
#listResults{
1244
    li {
1245
        background-color:#999999;
1246
        color:#C5C5C5;
1247
        font-weight:normal;
1248
        display:block;
1249
        margin-right:1px;
1250
        font-size: 80%;
1251
        padding: 0;
1252
        text-align:center;
1253
        min-width:18px;
1254
        &:hover {
1255
            background-color:#006699;
1256
        }
1257
        a {
1258
            color:#FFFFFF;
1259
            font-weight:normal;
1260
        }
1261
    }
1262
}
1263
1264
/* nav */
1265
.nav_pages {
1266
    .close_pagination {
1267
        padding-right: 10px;
1268
        position: absolute;
1269
        right: 3px;
1270
        top: -25px;
1271
    }
1272
    .close_pagination a {
1273
        text-decoration:none!important;
1274
    }
1275
    ul {
1276
        padding-top: 10px;
1277
    }
1278
    li {
1279
        list-style:none;
1280
        float:left;
1281
        padding:4px;
1282
        color:#999;
1283
        a {
1284
            text-decoration:none!important;
1285
            &:hover {
1286
            text-decoration:underline;
1287
            }
1288
        }
1289
        ul {
1290
            float:left;
1291
        }
1292
    }
1293
}
1294
1295
/* action buttons */
1296
#action {
1297
    margin : .5em 0 0 0;
1298
    background-color : #F3F3F3;
1299
    border : 1px solid #E8E8E8;
1300
    padding-bottom : 3px;
1301
    li {
1302
        list-style : none;
1303
        margin : .2em;
1304
        padding : .3em 0;
1305
    }
1306
    a {
1307
        font-weight: bold;
1308
        text-decoration : none;
1309
    }
1310
}
1311
1312
#export,
1313
#moresearches_menu {
1314
    li {
1315
        padding : 0;
1316
        margin : 0;
1317
        a {
1318
            font-weight: normal;
1319
            &.menu-inactive {
1320
                font-weight: bold;
1321
            }
1322
        }
1323
    }
1324
}
1325
1326
#format,
1327
#furthersearches {
1328
    padding-left : 35px;
1329
}
1330
.highlight_controls {
1331
    float: left;
1332
}
1333
a.addtocart,
1334
a.addtoshelf,
1335
a.brief,
1336
a.deleteshelf,
1337
a.deleteshelf.disabled,
1338
a.detail,
1339
a.download,
1340
a.editshelf,
1341
a.empty,
1342
a.hide,
1343
a.highlight_toggle,
1344
a.hold,
1345
a.hold.disabled,
1346
a.incart,
1347
a.new,
1348
a.print-small,
1349
a.print-large,
1350
a.removeitems,
1351
a.removeitems.disabled,
1352
a.reserve,
1353
a.article_request,
1354
a.send,
1355
a.tag_add,
1356
a.removefromlist,
1357
input.hold,
1358
input.hold.disabled,
1359
input.editshelf,
1360
.newshelf,
1361
.newshelf.disabled,
1362
.deleteshelf {
1363
    background-image: url("../images/sprite.png");
1364
    background-repeat: no-repeat;
1365
}
1366
1367
1368
a.addtocart {
1369
    background-position: -5px -265px; /* Cart */
1370
    padding-left : 35px;
1371
}
1372
1373
a.addtoshelf {
1374
    background-position: -5px -225px; /* Virtual shelf */
1375
    padding-left : 35px;
1376
}
1377
1378
a.brief {
1379
1380
    background-position : -2px -868px; /* Zoom out */
1381
    text-decoration : none;
1382
    padding-left : 27px;
1383
}
1384
1385
a.cartRemove {
1386
    color: #cc3333;
1387
    font-size : 90%;
1388
    margin : 0;
1389
    padding: 0;
1390
}
1391
1392
a.detail {
1393
    background-position : -2px -898px; /* Zoom in */
1394
    text-decoration : none;
1395
    padding-left : 27px;
1396
}
1397
1398
a.download {
1399
    background-position : -5px -348px; /* Download */
1400
    padding-left : 20px;
1401
    text-decoration : none;
1402
}
1403
1404
a.editshelf {
1405
    background-position : 2px -348px; /* List edit */
1406
    padding-left : 26px;
1407
    text-decoration : none;
1408
}
1409
1410
a.empty {
1411
    background-position : 2px -598px; /* Trash */
1412
    text-decoration : none;
1413
    padding-left : 30px;
1414
}
1415
1416
a.hide {
1417
    background-position: -3px -814px; /* Close */
1418
    text-decoration : none;
1419
    padding-left : 26px;
1420
}
1421
1422
a.highlight_toggle {
1423
    background-position: -5px -841px; /* Highlight */
1424
    display: none;
1425
    padding-left : 35px;
1426
}
1427
1428
a.hold,
1429
input.hold {
1430
    background-position : -2px -453px; /* Toolbar place hold */
1431
    text-decoration : none;
1432
    padding-left : 23px;
1433
}
1434
1435
a.hold.disabled,
1436
input.hold.disabled {
1437
    background-position : -5px -621px; /* Place hold disabled */
1438
}
1439
1440
a.incart {
1441
    background-position: -5px -265px; /* Cart */
1442
    color : #666;
1443
    padding-left : 35px;
1444
}
1445
1446
a.new {
1447
    background-image : url("../images/sprite.png"); /* New */
1448
    background-position : -4px -922px;
1449
    padding-left : 23px;
1450
    text-decoration : none;
1451
}
1452
1453
a.print-small {
1454
    background-position : 0px -423px; /* Toolbar print */
1455
    text-decoration : none;
1456
    padding-left : 30px;
1457
}
1458
1459
a.print-large {
1460
    background-position : -5px -186px; /* Toolbar print */
1461
    text-decoration : none;
1462
    padding-left : 35px;
1463
}
1464
1465
a.removeitems,
1466
a.deleteshelf {
1467
    background-position : 2px -690px; /* Delete */
1468
    text-decoration : none;
1469
    padding-left : 25px;
1470
}
1471
1472
a.removeitems.disabled,
1473
a.deleteshelf.disabled {
1474
    background-position : 2px -712px; /* Delete disabled */
1475
}
1476
1477
a.reserve {
1478
    background-position: -6px -144px; /* Place hold */
1479
    padding-left : 35px;
1480
}
1481
1482
a.article_request {
1483
    background-position: 0px -24px; /* Place article request */
1484
    padding-left : 35px;
1485
}
1486
1487
a.send {
1488
    background-position : 2px -386px; /* Email */
1489
    text-decoration : none;
1490
    padding-left : 28px;
1491
}
1492
1493
a.tag_add {
1494
    background-position: 3px -1111px; /* Tag results */
1495
    padding-left : 27px;
1496
    text-decoration: none;
1497
}
1498
1499
input.hold {
1500
    background-color: transparent;
1501
    border : 0;
1502
    color: #0076B2;
1503
    font-weight: bold;
1504
}
1505
1506
input.editshelf {
1507
    background-color: transparent;
1508
    background-position : 2px -736px; /* List edit */
1509
    border : 0;
1510
    color : #006699;
1511
    cursor : pointer;
1512
    filter: none;
1513
    font-size : 100%;
1514
    padding-left : 29px;
1515
    text-decoration : none;
1516
}
1517
1518
.newshelf {
1519
    background-position: 2px -764px; /* List new */
1520
    border : 0;
1521
    color : #006699;
1522
    cursor : pointer;
1523
    filter: none;
1524
    font-size : 100%;
1525
    padding-left : 28px;
1526
    text-decoration : none;
1527
}
1528
1529
.newshelf.disabled {
1530
    background-position: -4px -791px; /* List new disabled */
1531
}
1532
1533
.deleteshelf {
1534
    background-color: transparent;
1535
    background-position : 2px -690px; /* Delete */
1536
    border : 0;
1537
    color : #006699;
1538
    cursor : pointer;
1539
    filter: none;
1540
    font-size : 100%;
1541
    padding-left : 25px;
1542
    text-decoration : none;
1543
}
1544
1545
.links a {
1546
    font-weight : bold;
1547
}
1548
1549
.deleteshelf:hover {
1550
    color: #990033;
1551
}
1552
1553
1554
.editshelf:active,
1555
.deleteshelf:active {
1556
    border : 0;
1557
}
1558
1559
#tagslist li { display : inline; }
1560
1561
#login4tags {
1562
    background-image: url("../images/sprite.png"); /* Tag results disabled */
1563
    background-position: -6px -1130px;
1564
    background-repeat: no-repeat;
1565
    padding-left : 20px;
1566
    text-decoration: none;
1567
}
1568
1569
.tag_results_input {
1570
    margin-left: 1em;
1571
    padding: 0.3em;
1572
    font-size: 12px;
1573
    input[type="text"] {
1574
        font-size: inherit;
1575
        margin : 0;
1576
        padding : 0;
1577
    }
1578
    label {
1579
        display : inline;
1580
    }
1581
}
1582
1583
.tagsinput {
1584
    input[type="text"] {
1585
        font-size: inherit;
1586
        margin : 0;
1587
        padding : 0;
1588
    }
1589
    label {
1590
        display : inline;
1591
    }
1592
}
1593
1594
.branch-info-tooltip {
1595
    display: none;
1596
}
1597
1598
.ui-tooltip-content p {
1599
        margin: 0.3em 0;
1600
}
1601
1602
#social_networks {
1603
    a {
1604
        background: transparent url("../images/social-sprite.png") no-repeat;
1605
        display: block;
1606
        height : 20px !important;
1607
        width : 20px;
1608
        text-indent : -999em;
1609
    }
1610
    span {
1611
        color: #274D7F;
1612
        display : block;
1613
        float : left;
1614
        font-size: 85%;
1615
        font-weight: bold;
1616
        line-height: 2em;
1617
        margin : .5em 0 .5em .5em !important;
1618
    }
1619
    div {
1620
        float : left !important;
1621
        margin : .5em 0 .5em .2em !important;
1622
    }
1623
    #facebook {
1624
        background-position : -7px -35px;
1625
    }
1626
    #twitter {
1627
        background-position : -7px -5px;
1628
    }
1629
    #linkedin {
1630
        background-position : -7px -95px;
1631
    }
1632
    #delicious {
1633
        background-position : -7px -66px;
1634
    }
1635
    #email {
1636
        background-position : -7px -126px;
1637
    }
1638
}
1639
1640
#marc {
1641
    td,
1642
    th {
1643
        background-color : transparent;
1644
        border : 0;
1645
        padding: 3px 5px;
1646
        text-align : left;
1647
    }
1648
    td:first-child {
1649
        text-indent : 2em;
1650
    }
1651
    p {
1652
        padding-bottom: .6em;
1653
        .label {
1654
            font-weight : bold;
1655
        }
1656
    }
1657
    ul {
1658
        padding-bottom: .6em;
1659
    }
1660
    .results_summary {
1661
        clear :  left;
1662
        ul {
1663
            display : inline;
1664
            float :  none;
1665
            clear :  none;
1666
            margin: 0;
1667
            padding: 0;
1668
            list-style : none;
1669
        }
1670
        li {
1671
            display: inline;
1672
        }
1673
    }
1674
}
1675
1676
#items,
1677
#items td
1678
#items th {
1679
    border : 1px solid #EEE;
1680
    font-size : 90%;
1681
}
1682
1683
#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1684
#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1685
#plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1686
1687
#renewcontrols {
1688
     float: right;
1689
     font-size: 66%;
1690
}
1691
1692
#renewcontrols a {
1693
    background-repeat : no-repeat;
1694
    text-decoration:none;
1695
    padding : .1em .4em;
1696
    padding-left : 18px;
1697
}
1698
1699
#renewselected_link {
1700
    background-image : url("../images/sprite.png");
1701
    background-position : -5px -986px;
1702
    background-repeat: no-repeat;
1703
}
1704
1705
#renewall_link {
1706
    background-image : url("../images/sprite.png");
1707
    background-position : -8px -967px;
1708
    background-repeat: no-repeat;
1709
}
1710
1711
.authref {
1712
    text-indent: 2em;
1713
}
1714
1715
.authref .label {
1716
    font-style: italic;
1717
}
1718
1719
.authstanza {
1720
    margin-top: 1em;
1721
}
1722
1723
.authstanzaheading {
1724
    font-weight: bold;
1725
}
1726
.authorizedheading {
1727
    font-weight: bold;
1728
}
1729
.authstanza li {
1730
    margin-left: 0.5em;
1731
}
1732
.authres_notes, .authres_seealso, .authres_otherscript {
1733
  padding-top: .5em;
1734
}
1735
.authres_notes {
1736
  font-style: italic;
1737
}
1738
1739
#didyoumean {
1740
    background-color: #EEE;
1741
    border: 1px solid #E8E8E8;
1742
    box-sizing: border-box;
1743
    margin: .5em 1.5em;
1744
    text-align: left;
1745
    padding: 0.5em;
1746
    .border-radius-all(3px);
1747
1748
    &.dym-loaded {
1749
        border-color: #F4ECBE;
1750
        background-color: #FFFBEA;
1751
    }
1752
}
1753
1754
.suggestionlabel {
1755
    font-weight: bold;
1756
}
1757
1758
.searchsuggestion {
1759
    padding: 0.2em 0.5em;
1760
    display: inline-block;
1761
}
1762
1763
.authlink {
1764
    padding-left: 0.25em;
1765
}
1766
#hierarchies a {
1767
    font-weight: normal;
1768
    text-decoration: underline;
1769
    color: #069;
1770
}
1771
1772
#hierarchies a:hover {
1773
    color: #990033;
1774
}
1775
1776
#top-pages {
1777
    margin: 0 0 0.5em;
1778
}
1779
.dropdown-menu > li > a {
1780
    font-size: 90%;
1781
}
1782
a.listmenulink:link,
1783
a.listmenulink:visited {
1784
    color : #0076B2;
1785
    font-weight: bold;
1786
}
1787
a.listmenulink:hover,
1788
a.listmenulink:active {
1789
    color : #FFF;
1790
    font-weight: bold;
1791
}
1792
#cartDetails,
1793
#cartUpdate,
1794
#holdDetails,
1795
#listsDetails {
1796
    background-color : #FFF;
1797
//    border: 1px solid #739acf;
1798
    border: 1px solid rgba(0, 0, 0, 0.2);
1799
    border-radius: 6px 6px 6px 6px;
1800
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1801
    color : black;
1802
    display : none;
1803
    font-size: 90%;
1804
    margin : 0;
1805
    padding : 8px 20px;
1806
    text-align : center;
1807
    width : 180px;
1808
    z-index: 2;
1809
}
1810
#cartmenulink {
1811
    white-space: nowrap;
1812
}
1813
1814
#search-facets,
1815
#menu {
1816
    border : 1px solid #D2D2CF;
1817
    .border-radius-all(7px);
1818
    ul {
1819
       margin : 0;
1820
        padding : .3em;
1821
    }
1822
    form {
1823
       margin : 0;
1824
    }
1825
    h4 {
1826
        font-size : 90%;
1827
        margin : 0 0 .6em 0;
1828
        text-align : center;
1829
        a {
1830
            background-color : #F2F2EF;
1831
            border-radius: 8px 8px 0 0;
1832
            border-bottom : 1px solid #D8D8D8;
1833
            display: block;
1834
            font-weight: bold;
1835
            padding : .7em .2em;
1836
            text-decoration: none;
1837
        }
1838
    }
1839
    li {
1840
        font-size: 90%;
1841
        font-weight : bold;
1842
        list-style-type : none;
1843
        li {
1844
            font-weight : normal;
1845
            font-size : 95%;
1846
            line-height: 125%;
1847
            margin-bottom : 2px;
1848
            padding : .1em .2em;
1849
        }
1850
        &.showmore {
1851
            a {
1852
                font-weight : bold;
1853
                text-indent : 1em;
1854
            }
1855
        }
1856
    }
1857
    a {
1858
        font-weight : normal;
1859
        text-decoration: underline;
1860
    }
1861
    .facet-count {
1862
        display: inline-block;
1863
    }
1864
1865
}
1866
1867
#menu {
1868
    font-size : 94%;
1869
    li {
1870
        list-style-type : none;
1871
        a {
1872
            background: #eeeeee;
1873
            text-decoration : none;
1874
            display : block;
1875
            border : 1px solid #D8D8D8;
1876
            border-radius: 5px 0 0 5px;
1877
            border-bottom-color:  #999;
1878
            font-size : 111%;
1879
            padding : .4em .6em;
1880
            margin : .4em 0;
1881
            margin-right: -1px;
1882
            &:hover {
1883
                background: #eaeef5;
1884
            }
1885
        }
1886
        &.active {
1887
            a {
1888
                background-color : #FFF;
1889
                background-image : none;
1890
                border-right-width: 0;
1891
                font-weight : bold;
1892
                &:hover {
1893
                    background-color : #fff;
1894
                }
1895
            }
1896
        }
1897
    }
1898
    h4 {
1899
        display: none;
1900
    }
1901
}
1902
1903
#addto {
1904
    max-width : 10em;
1905
}
1906
1907
/* Search results add to cart (lists disabled) */
1908
.addto a.addtocart {
1909
    background-image: url("../images/sprite.png"); /* Cart */
1910
    background-position: -5px -266px;
1911
    background-repeat: no-repeat;
1912
    text-decoration : none;
1913
    padding-left : 33px;
1914
}
1915
1916
.searchresults {
1917
    p {
1918
        margin: 0;
1919
        padding: 0 0 .6em 0;
1920
        &.details {
1921
           color : #979797;
1922
        }
1923
    }
1924
    a {
1925
        &.highlight_toggle {
1926
            background-image: url("../images/sprite.png"); /* Highlight */
1927
            background-position: -11px -841px;
1928
            background-repeat: no-repeat;
1929
            display: none;
1930
            font-weight: normal;
1931
            padding : 0 10px 0 21px;
1932
        }
1933
    }
1934
    .commentline {
1935
        background-color : rgb(255, 255, 204);
1936
        background-color : rgba(255, 255, 204, 0.4);
1937
        border : 1px solid #CCC;
1938
        display: inline-block;
1939
        .border-radius-all(3px);
1940
        .shadowed;
1941
        margin : .3em;
1942
        padding : .4em;
1943
    }
1944
    .commentline.yours {
1945
        background-color : rgb(239, 254, 213);
1946
        background-color : rgba(239, 254, 213, 0.4);
1947
    }
1948
}
1949
1950
.commentline .avatar {
1951
    float : right;
1952
    padding-left : .5em;
1953
}
1954
1955
/* style for search terms in catalogsearch */
1956
.term {
1957
    /* color : blue; */
1958
    color : #990000;
1959
    background-color : #FFFFCC;
1960
}
1961
1962
/* style for shelving location in catalogsearch */
1963
.shelvingloc {
1964
    display : block;
1965
    font-style : italic;
1966
}
1967
#CheckAll,
1968
#CheckNone,
1969
.CheckAll,
1970
.CheckNone {
1971
    font-weight : normal;
1972
    margin : 0 .5em;
1973
    text-decoration: underline;
1974
}
1975
1976
span.sep {
1977
    color: #888;
1978
    padding: 0 .2em 0 .5em;
1979
    text-shadow: 1px 1px 0 #FFF;
1980
}
1981
1982
/* style for PM-generated pagination bar */
1983
.pages {
1984
    margin: 20px 0;
1985
}
1986
.pages span:first-child,
1987
.pages a:first-child {
1988
    border-width: 1px 1px 1px 1px;
1989
    border-bottom-left-radius: 3px;
1990
    border-top-left-radius: 3px;
1991
}
1992
1993
.pages span:last-child,
1994
.pages a:last-child {
1995
    border-width: 1px 1px 1px 0;
1996
    border-bottom-right-radius: 3px;
1997
    border-top-right-radius: 3px;
1998
}
1999
2000
.pages .inactive,
2001
.pages .currentPage,
2002
.pages a {
2003
    -moz-border-bottom-colors: none;
2004
    -moz-border-left-colors: none;
2005
    -moz-border-right-colors: none;
2006
    -moz-border-top-colors: none;
2007
    background-color: #FFFFFF;
2008
    border-color: #DDDDDD;
2009
    border-image: none;
2010
    border-style: solid;
2011
    border-width: 1px 1px 1px 0;
2012
    float: left;
2013
    font-size: 11.9px;
2014
    line-height: 20px;
2015
    padding: 4px 12px;
2016
    text-decoration: none;
2017
}
2018
2019
.pages .inactive {
2020
    background-color: #F5F5F5;
2021
}
2022
2023
.pages a[rel='last'] {
2024
    border-bottom-right-radius: 3px;
2025
    border-top-right-radius: 3px;
2026
}
2027
2028
.hold-message {
2029
    background-color: #FFF0B1;
2030
    display: inline-block;
2031
    margin: 0.5em;
2032
    padding: 0.2em 0.5em;
2033
    .border-radius-all(3px);
2034
}
2035
.reserve_date,
2036
.expiration_date {
2037
    white-space: nowrap;
2038
}
2039
.close {
2040
    color: #0088CC;
2041
    position: inherit;
2042
    top: auto;
2043
    right : auto;
2044
    filter : none;
2045
    float : none;
2046
    font-size: inherit;
2047
    font-weight: normal;
2048
    opacity: inherit;
2049
    text-shadow: none;
2050
}
2051
2052
.close:hover {
2053
    color: #538200;
2054
    filter: inherit;
2055
    font-size: inherit;
2056
    opacity: inherit;
2057
}
2058
2059
/* Redefine a new style for Bootstrap's class "close" since we use that already */
2060
/* Use <a class="closebtn" href="#">&times;</a> */
2061
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2062
.modal-header .closebtn{margin-top:2px;}
2063
.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2064
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2065
.btn-group label,
2066
.btn-group select {
2067
    font-size: 13px;
2068
}
2069
2070
.span2 select {
2071
    width: 100%;
2072
}
2073
2074
.popup .main {
2075
    font-size: 90%;
2076
    padding: 0 1em;
2077
}
2078
2079
.popup legend {
2080
    line-height: 1.5em;
2081
    margin-bottom : .5em;
2082
}
2083
2084
.item-status {
2085
    display: block;
2086
    font-size: 95%;
2087
    margin-bottom: .5em;
2088
}
2089
2090
.available {
2091
    color : #006600;
2092
}
2093
2094
.unavailable {
2095
    color: #990033;
2096
}
2097
2098
.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
2099
    display : block;
2100
}
2101
2102
.notforloan {
2103
    color : #900;
2104
}
2105
2106
.lost {
2107
    color : #666;
2108
}
2109
2110
.suggestion {
2111
    background-color : #EEEEEB;
2112
    border : 1px solid #DDDED3;
2113
    margin : 1em auto;
2114
    padding : .5em;
2115
    width : 35%;
2116
    .border-radius-all(3px);
2117
}
2118
2119
.librarypulldown .transl1 {
2120
    width : auto;
2121
}
2122
2123
.nolibrarypulldown {
2124
    width : 68%;
2125
}
2126
2127
.nolibrarypulldown .transl1 {
2128
    width : 87%;
2129
}
2130
2131
#opac-main-search {
2132
    select {
2133
        width : auto;
2134
        max-width: 12em;
2135
    }
2136
}
2137
2138
#logo {
2139
    background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2140
    border: 0;
2141
    float : left !important;
2142
    margin:0;
2143
    padding:0;
2144
    width:100px;
2145
    a {
2146
        border:0;
2147
        cursor:pointer;
2148
        display:block;
2149
        height:0px !important;
2150
        margin:0;
2151
        overflow:hidden;
2152
        padding:40px 0 0;
2153
        text-decoration:none;
2154
        width:100px;
2155
    }
2156
}
2157
2158
#user-menu-trigger {
2159
    display: none;
2160
    .icon-user {
2161
        background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2162
        background-position: -168px 0;
2163
        background-repeat: no-repeat;
2164
        height: 14px;
2165
        line-height: 14px;
2166
        margin : 12px 0 0;
2167
        vertical-align: text-top;
2168
        width: 14px;
2169
    }
2170
    .caret {
2171
        border-bottom-color: #999999;
2172
        border-top-color: #999999;
2173
        margin-top: 18px;
2174
    }
2175
}
2176
2177
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2178
.floating {
2179
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2180
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2181
    margin-top: 0;
2182
}
2183
2184
.tdlabel {
2185
    font-weight: bold;
2186
    display: none;
2187
}
2188
2189
td img {
2190
    max-width: none;
2191
}
2192
2193
#ulactioncontainer {
2194
    min-width: 16em;
2195
}
2196
2197
.notesrow {
2198
    label {
2199
        font-weight: bold;
2200
    }
2201
    span {
2202
        display: block;
2203
    }
2204
}
2205
2206
.thumbnail-shelfbrowser span {
2207
    margin: 0px auto;
2208
}
2209
2210
.dropdown-menu > li > a.menu-inactive:hover {
2211
    background : #FFF none;
2212
    color : #000;
2213
}
2214
2215
.table {
2216
    .sorting_asc {
2217
        padding-right: 19px;
2218
        background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2219
    }
2220
    .sorting_desc {
2221
        padding-right: 19px;
2222
        background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2223
    }
2224
    .sorting {
2225
        padding-right: 19px;
2226
        background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2227
    }
2228
    .nosort,
2229
    .nosort.sorting_asc,
2230
    .nosort.sorting_desc,
2231
    .nosort.sorting {
2232
        padding-right: 19px;
2233
        background: #ECEDE6 none;
2234
    }
2235
    th,
2236
    td {
2237
        line-height: 135%;
2238
    }
2239
}
2240
.tags, .shelves {
2241
    ul {
2242
        display: inline;
2243
        list-style: none;
2244
        margin-left : 0;
2245
        li {
2246
            display: inline;
2247
        }
2248
    }
2249
}
2250
.coverimages {
2251
    float : right;
2252
}
2253
#i18nMenu {
2254
    margin-left : 1em;
2255
    li {
2256
        font-size : 85%;
2257
        li {
2258
            font-size: 100%;
2259
        }
2260
        li > a {
2261
            font-size : 100%;
2262
            &:hover {
2263
                color : #FFF;
2264
            }
2265
        }
2266
        a {
2267
            color : @links;
2268
        }
2269
    }
2270
    .dropdown-menu {
2271
        li {
2272
            p {
2273
                clear: both;
2274
                display: block;
2275
                font-weight: normal;
2276
                line-height: 20px;
2277
                padding: 3px 20px;
2278
                white-space: nowrap;
2279
            }
2280
        }
2281
    }
2282
}
2283
2284
#subjectsList,
2285
#authorSearch {
2286
    label {
2287
        display :inline;
2288
        vertical-align: middle;
2289
    }
2290
    ul {
2291
        border-bottom: 1px solid #EEE;
2292
        list-style-type: none;
2293
        margin: 0;
2294
        padding: .6em 0;
2295
    }
2296
    li {
2297
        list-style-type: none;
2298
        margin: 0;
2299
        padding: 0;
2300
    }
2301
}
2302
2303
2304
#overdrive-results, #openlibrary-results {
2305
    font-weight: bold;
2306
    padding-left: 1em;
2307
}
2308
2309
.throbber {
2310
    vertical-align: middle;
2311
}
2312
2313
#overdrive-results-list .star-rating-control {
2314
    display: block;
2315
    overflow: auto;
2316
}
2317
2318
#shelfbrowser {
2319
    table {
2320
        margin : 0;
2321
    }
2322
    table,
2323
    td,
2324
    th {
2325
        border : 0;
2326
        font-size : 90%;
2327
        text-align : center;
2328
    }
2329
    td,
2330
    th {
2331
        padding: 3px 5px;
2332
        width : 20%;
2333
    }
2334
    a {
2335
        display : block;
2336
        font-size : 110%;
2337
        font-weight : bold;
2338
        text-decoration : none;
2339
    }
2340
    #browser_next,
2341
    #browser_previous {
2342
        background-image : url("../images/sprite.png");
2343
        background-repeat: no-repeat;
2344
        width : 16px;
2345
        a {
2346
            cursor: pointer;
2347
            display : block;
2348
            height: 0 !important;
2349
            margin: 0;
2350
            overflow: hidden;
2351
            padding: 50px 0 0;
2352
            text-decoration: none;
2353
            width: 16px;
2354
        }
2355
    }
2356
    #browser_previous {
2357
        background-position: -9px -1007px;
2358
    }
2359
    #browser_next {
2360
        background-position: -9px -1057px;
2361
    }
2362
}
2363
2364
#holds {
2365
    margin : 0 auto;
2366
    max-width: 800px;
2367
}
2368
.holdrow {
2369
    clear : both;
2370
    padding: 0 1em 1em 1em;
2371
    border-bottom:1px solid #CCC;
2372
    margin-bottom:.5em;
2373
    fieldset {
2374
        border : 0;
2375
        margin : 0;
2376
        float: none;
2377
        .label {
2378
            font-size: 14px;
2379
        }
2380
    }
2381
    label {
2382
        display: inline;
2383
    }
2384
}
2385
.hold-options {
2386
    clear : both;
2387
}
2388
.toggle-hold-options {
2389
    background-color: #eee;
2390
    clear : both;
2391
    display : block;
2392
    font-weight : bold;
2393
    margin: 1em 0;
2394
    padding: .5em;
2395
}
2396
.copiesrow {
2397
    clear : both;
2398
}
2399
2400
#idreambooksreadometer {
2401
    float: right;
2402
}
2403
2404
a.idreambooksrating {
2405
    font-size: 30px;
2406
    color: #29ADE4;
2407
    padding-left: 85px;
2408
    line-height: 30px;
2409
    text-decoration: none;
2410
}
2411
2412
.idreambookslegend {
2413
    font-size: small;
2414
}
2415
2416
a.reviewlink,
2417
a.reviewlink:visited {
2418
    text-decoration: none;
2419
    color: black;
2420
    font-weight: normal;
2421
}
2422
2423
.idreambookssummary a {
2424
    color: #707070;
2425
    text-decoration: none;
2426
}
2427
2428
.idreambookssummary img,
2429
.idbresult img {
2430
    vertical-align: middle;
2431
}
2432
2433
.idbresult {
2434
    color: #29ADE4;
2435
    text-align: center;
2436
    margin: 0.5em;
2437
    padding: 0.5em;
2438
}
2439
2440
.idbresult a,
2441
.idbresult a:visited {
2442
    text-decoration: none;
2443
    color: #29ADE4;
2444
}
2445
2446
.idbresult img {
2447
    padding-right: 6px;
2448
}
2449
2450
.js-show {
2451
    display: none;
2452
}
2453
2454
.modal-nojs {
2455
    .modal-header,
2456
    .modal-footer {
2457
        display: none;
2458
    }
2459
}
2460
2461
.contents {
2462
    width: 75%;
2463
}
2464
2465
2466
.contentblock {
2467
    font-size : 95%;
2468
    line-height: 135%;
2469
    position: relative;
2470
    margin-left: 2em;
2471
}
2472
2473
.contents {
2474
    .t:first-child:before {
2475
        content: "→ ";
2476
    }
2477
    .t:before {
2478
        content: "\A → ";
2479
        white-space: pre;
2480
    }
2481
    .t {
2482
        font-weight: bold;
2483
        display: inline;
2484
    }
2485
    .r {
2486
        display: inline;
2487
    }
2488
}
2489
2490
.m880 {
2491
    display:block;
2492
    text-align:right;
2493
    float:right;
2494
    width:50%;
2495
    padding-left:20px;
2496
}
2497
2498
#memberentry-form input.error {
2499
    border-color: #c00;
2500
    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2501
    color: red; outline: 0 none;
2502
}
2503
2504
#memberentry-form input.error:focus {
2505
    border-color: #c00;
2506
    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2507
    color: red; outline: 0 none;
2508
}
2509
2510
#memberentry-form label.error {
2511
    color: #c00; float: none;
2512
    font-size: 90%;
2513
}
2514
2515
#illrequests {
2516
    .illrequest-actions {
2517
        .btn,
2518
        .cancel {
2519
            margin-right: 5px;
2520
        }
2521
        padding-top: 20px;
2522
        margin-bottom: 20px;
2523
    }
2524
    #illrequests-create-button {
2525
        margin-bottom: 20px;
2526
    }
2527
    .bg-info {
2528
        overflow: auto;
2529
        position: relative;
2530
    }
2531
    .bg-info {
2532
        #search-summary {
2533
            -webkit-transform: translateY(-50%);
2534
            -ms-transform: translateY(-50%);
2535
            -o-transform: translateY(-50%);
2536
            transform: translateY(-50%);
2537
            position: absolute;
2538
            top: 50%;
2539
        }
2540
2541
    }
2542
    #freeform-fields .custom-name {
2543
        float: left;
2544
        width: 8em;
2545
        margin-right: 1em;
2546
        text-align: right;
2547
    }
2548
    .dropdown:hover .dropdown-menu.nojs {
2549
        display: block;
2550
    }
2551
}
2552
2553
#dc_fieldset {
2554
    border: 1px solid #dddddd;
2555
    border-width: 1px;
2556
    padding: 5px;
2557
    border-radius: 10px
2558
}
2559
2560
.label_dc{
2561
    display: inline;
2562
    padding: 0px;
2563
    margin: 0px;
2564
    cursor: pointer;
2565
}
2566
2567
.btn-danger {
2568
    color: white !important;
2569
}
2570
2571
.count_label {
2572
    @base: #369;
2573
    background-color: @base;
2574
    border-radius: 5px;
2575
    color: #FFF;
2576
    display: inline-block;
2577
    font-weight: bold;
2578
    min-width: 1.5em;
2579
    padding: .2em;
2580
    text-align: center;
2581
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2582
2583
    &:hover {
2584
        background-color: lighten( @base, 20% );
2585
    }
2586
}
2587
2588
.user_checkouts_count {
2589
2590
}
2591
2592
.user_overdues_count,
2593
.user_fines_count {
2594
    background-color: #990000;
2595
    &:hover {
2596
        background-color: lighten( #990000, 10% );
2597
    }
2598
}
2599
2600
.user_holds_pending_count {
2601
2602
}
2603
2604
.user_holds_waiting_count {
2605
    background-color: #538200;
2606
    &:hover {
2607
        background-color: lighten( #538200, 10% );
2608
    }
2609
}
2610
2611
#user_summary {
2612
    border: 1px solid #EAEAE6;
2613
    border-radius: 7px;
2614
    margin-bottom: 1em;
2615
    padding-bottom: .5em;
2616
2617
    h3 {
2618
        background-color: #EAEAE6;
2619
        border-top-left-radius: 6px;
2620
        border-top-right-radius: 6px;
2621
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
2622
        margin-top: 0;
2623
        padding: .2em 0;
2624
        text-align: center;
2625
    }
2626
2627
    ul {
2628
        list-style-type: none;
2629
        margin: 0 0 .2em 0;
2630
2631
        a {
2632
            display: block;
2633
            font-weight: bold;
2634
            padding: .2em 1em;
2635
        }
2636
    }
2637
}
2638
2639
2640
2641
@import "responsive.less";
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/print.less (-246 lines)
Lines 1-245 Link Here
1
.noprint {
2
	display : none;
3
}
4
5
a:link {
6
	color : #000066;
7
	text-decoration: none;
8
}
9
10
a:visited {
11
	color : #000066;
12
	text-decoration: none;
13
}
14
15
a:hover {
16
	color : #993300;
17
	text-decoration: none;
18
}
19
20
a[href]:after { display:none; }
21
22
body {
23
	background-color : #FFF;
24
	color : #333333;
25
	font-family : arial, geneva, sans-serif;
26
	font-size : 14px;
27
	margin : 0px 0px 0px 0px;
28
    word-wrap : break-word;
29
}
30
31
caption {
32
	color : #000066;
33
	font-size : 18px;
34
	font-weight : bold;
35
	margin-top : 5px;
36
	text-align : left;
37
}
38
39
div.table {
40
	width : 100%;
41
}
42
43
form {
44
	margin : 0px;
45
	padding : 0px;
46
}
47
48
h1
49
	{
50
	color : #000066;
51
	font-size : 22px;
52
	font-weight : bold;
53
	margin-bottom : 3px;
54
	margin-top : 3px;
55
}
56
57
h2 {
58
	color : #000066;
59
	font-size : 20px;
60
	font-weight : bold;
61
	margin-bottom : 3px;
62
	margin-top : 3px;
63
}
64
65
h3 {
66
	color : #000066;
67
	font-size : 18px;
68
	font-weight : bold;
69
	margin-bottom : 3px;
70
	margin-top : 3px;
71
}
72
73
h4 {
74
	color : #000066;
75
	font-size : 16px;
76
	font-weight : bold;
77
	margin-bottom : 3px;
78
	margin-top : 3px;
79
}
80
81
h5 {
82
	color : #000066;
83
	font-size : 15px;
84
	font-weight : bold;
85
	margin-bottom : 1px;
86
	margin-top : 1px;
87
}
88
89
h6 {
90
	color : #000066;
91
	font-size : 14px;
92
	font-weight : bold;
93
	margin-bottom : 1px;
94
	margin-top : 1px;
95
}
96
97
p {
98
	margin-top : 0px;
99
}
100
101
table {
102
	background-color : #FFFFFF;
103
	border-bottom : 0px solid #CCCCCC;
104
	border-collapse : collapse;
105
	border-left : 0px solid #CCCCCC;
106
	margin : 3px 0px 5px 0px;
107
	padding : 0px;
108
	width : 99%;
109
}
110
111
td {
112
	background-color : #FFF;
113
	border-bottom : 1px solid #CCCCCC;
114
	border-right : 1px solid #CCCCCC;
115
	padding : 5px 5px 5px 5px;
116
	vertical-align : top;
117
}
118
119
td:last-child {
120
	background-color : #FFF;
121
	border-bottom : 1px solid #CCCCCC;
122
	border-right : 0px solid #CCCCCC;
123
	padding : 5px 5px 5px 5px;
124
	vertical-align : top;
125
}
126
127
th {
128
	background-color : #E9E9E9;
129
	border-bottom : 1px solid #CCCCCC;
130
	border-right : 1px solid #CCCCCC;
131
	font-weight : bold;
132
	padding : 5px 5px 5px 5px;
133
}
134
135
th:last-child {
136
	background-color : #E9E9E9;
137
	border-bottom : 1px solid #CCCCCC;
138
	border-right : 0px solid #CCCCCC;
139
	font-weight : bold;
140
	padding : 5px 5px 5px 5px;
141
}
142
143
tr.highlight {
144
	background-color: #e9e9e9;
145
}
146
147
body#basket tr.highlight {
148
	background-color : transparent;
149
}
150
151
body#basket a {
152
	font-weight : bold;
153
}
154
155
body#basket table {
156
	border-top : 1px solid #EEE;
157
	border-left : 1px solid #EEE;
158
}
159
body#basket td,
160
body#basket th {
161
	background-color : transparent;
162
	padding : 2px;
163
}
164
165
body#basket th {
166
	background-color : #EEE;
167
}
168
169
body#basket th,
170
body#basket th[scope=col] {
171
	text-align : center;
172
	vertical-align : middle;
173
}
174
175
body#basket th[scope=row] {
176
	font-size : 89%;
177
	text-align : right;
178
	vertical-align : top;
179
	width : 10%;
180
}
181
182
body#basket p {
183
	font-size : 85%;
184
	margin : .2em 0;
185
	text-indent : .5em;
186
}
187
188
.error {
189
	font-weight: bold;
190
}
191
192
.ex {
193
	font-family : "Courier New", Courier, monospace;
194
}
195
.inline {
196
	display : inline;
197
}
198
199
.screen {
200
	display : none;
201
}
202
203
#bookcover {
204
	float:left;
205
	margin:0pt;
206
	padding:0pt;
207
}
208
209
#members,#opac-main-search,#opac-user-views .ui-tabs-nav,input,h2 span.hint,td.resultscontrol,.pages,.suggestion,.views,#action,#export,#bibliodescriptions .ui-tabs-nav,#addshelf,fieldset.action, .list-actions, .ft, #facetcontainer,.results_summary.actions,.koha_url,.yui-b {
210
	display : none;
211
}
212
213
#userresults {
214
    position : absolute;
215
    right : 0px;
216
    word-wrap : break-word;
217
	display : block;
218
}
219
220
div#userupdate input,div#userupdate textarea {
221
	display : inline;
222
	border : 0;
223
}
224
225
#yui-main,
226
#yui-main .yui-b,
227
.yui-t1 #yui-main .yui-b {
228
    display : block !important;
229
    margin : 0 !important;
230
    padding : 0 !important;
231
    width : auto !important;
232
    float : none !important;
233
}
234
235
.navbar, #navigation, .pages, .actions, #toolbar, #selections-toolbar, #remove-selected, .breadcrumb, #members,#opac-main-search,#opac-user-views .ui-tabs-nav,input,h2 span.hint,td.resultscontrol,.pages,.suggestion,.views,#action,#export,#bibliodescriptions .ui-tabs-nav,#addshelf,fieldset.action, .list-actions, .ft, #facetcontainer,.results_summary.actions,.koha_url,.yui-b {
236
    display : none;
237
}
238
.row-fluid {
239
    margin-top: 30px;
240
}
241
242
#views,
243
#ulactioncontainer {
244
    display: none;
245
}
246
- 

Return to bug 20427