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_CSS_BASE;
34
    var js_base = STAFF_JS_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 (-2634 lines)
Lines 1-2634 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
th {
661
    background-color: #ECEDE6;
662
}
663
664
.item-thumbnail {
665
    max-width: none;
666
}
667
668
.no-image {
669
    background-color : #FFF;
670
    border: 1px solid #AAA;
671
    color : #979797;
672
    display:block;
673
    font-size : 86%;
674
    font-weight : bold;
675
    text-align : center;
676
    width : 75px;
677
    .border-radius-all(3px);
678
}
679
680
#bookcover .no-image {
681
    margin-right : 10px;
682
    margin-bottom : 10px;
683
}
684
685
td.overdue {
686
    color : #cc3333;
687
}
688
table {
689
    font-size: 90%;
690
}
691
th.sum {
692
    text-align: right;
693
}
694
695
td.sum {
696
    background-color: #FFC;
697
    font-weight: bold;
698
}
699
700
th[scope=row] {
701
    background-color: transparent;
702
    text-align : right;
703
}
704
705
.required {
706
    color : #C00;
707
}
708
709
.label {
710
    background-color: transparent;
711
    color: inherit;
712
    display: inline;
713
    font-weight: normal;
714
    padding : 0;
715
    text-shadow: none;
716
}
717
718
.blabel {
719
    background-color: #999999;
720
    border-radius: 3px;
721
    color: #ffffff;
722
    display: inline-block;
723
    font-weight: bold;
724
    padding: 2px 4px;
725
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
726
}
727
728
.label-important {
729
  background-color: #b94a48;
730
}
731
.label-warning {
732
  background-color: #f89406;
733
}
734
.label-success {
735
  background-color: #468847;
736
}
737
.label-info {
738
  background-color: #3a87ad;
739
}
740
.label-inverse {
741
  background-color: #333333;
742
}
743
744
fieldset {
745
    &.rows {
746
        float : left;
747
        font-size : 90%;
748
        clear : left;
749
        margin: .9em 0 0 0;
750
        padding: 0;
751
        width: 100%;
752
        legend {
753
            font-weight: bold;
754
            font-size : 130%;
755
        }
756
        label,
757
        .label {
758
            float: left;
759
            font-weight : bold;
760
            width: 9em;
761
            margin-right: 1em;
762
            text-align: right;
763
        }
764
        label {
765
            &.lradio {
766
                float: none;
767
                margin: inherit;
768
                width: auto;
769
            }
770
        }
771
        fieldset {
772
            margin : 0;
773
            padding : .3em;
774
        }
775
        ol {
776
            padding: 1em 1em 0 1em;
777
            list-style-type: none;
778
            &.lradio {
779
                label {
780
                    width : auto;
781
                    float : none;
782
                    margin-right : 0;
783
                    &.lradio {
784
                        float : left;
785
                        width : 12em;
786
                        margin-right : 1em;
787
                    }
788
                }
789
            }
790
        }
791
        li {
792
            float : left;
793
            clear : left;
794
            padding-bottom: 1em;
795
            list-style-type: none;
796
            width: 100%;
797
            &.lradio {
798
                padding-left: 8.5em;
799
                width : auto;
800
                label {
801
                    float : none;
802
                    width : auto;
803
                    margin : 0 0 0 1em;
804
                }
805
            }
806
        }
807
        .hint {
808
            display: block;
809
            margin-left : 11em;
810
        }
811
    }
812
    &.action {
813
        clear : both;
814
        float : none;
815
        border : none;
816
        margin : 0;
817
        padding : 1em 0 .3em 0;
818
        width : auto;
819
        p {
820
            margin-bottom : 1em;
821
        }
822
    }
823
    table {
824
        font-size: 100%;
825
    }
826
}
827
828
div.rows+div.rows {
829
    margin-top : .6em;
830
}
831
832
div.rows {
833
    float : left;
834
    clear : left;
835
    margin: 0 0 0 0;
836
    padding: 0;
837
    width: 100%;
838
    span.label {
839
        float: left;
840
        font-weight : bold;
841
        width: 9em;
842
        margin-right: 1em;
843
        text-align: left;
844
    }
845
    ol {
846
        list-style-type: none;
847
        margin-left : 0;
848
        padding: .5em 1em 0 0;
849
    }
850
    li {
851
        border-bottom :  1px solid #EEE;
852
        float : left;
853
        clear : left;
854
        padding-bottom: .2em;
855
        padding-top: .1em;
856
        list-style-type: none;
857
        width: 100%;
858
    }
859
    ul {
860
        li {
861
            margin-left : 7.3em;
862
            &:first-child {
863
                float: none;
864
                clear: none;
865
                margin-left: 0;
866
            }
867
        }
868
    }
869
    ol li li {
870
        border-bottom: 0;
871
    }
872
}
873
874
/* different sizes for different tags in opac-tags.tt */
875
.tagweight0 {
876
    font-size: 12px;
877
}
878
879
.tagweight1 {
880
    font-size: 14px;
881
}
882
883
.tagweight2 {
884
    font-size: 16px;
885
}
886
887
.tagweight3 {
888
    font-size: 18px;
889
}
890
891
.tagweight4 {
892
    font-size: 20px;
893
}
894
895
.tagweight5 {
896
    font-size: 22px;
897
}
898
899
.tagweight6 {
900
    font-size: 24px;
901
}
902
903
.tagweight7 {
904
    font-size: 26px;
905
}
906
907
.tagweight8 {
908
    font-size: 28px;
909
}
910
911
.tagweight9 {
912
    font-size: 30px;
913
}
914
915
.toolbar {
916
    background-color : #EEEEEE;
917
    border : 1px solid #E8E8E8;
918
    font-size : 85%;
919
    padding:3px 3px 5px 5px;
920
    vertical-align : middle;
921
    a {
922
        white-space: nowrap;
923
    }
924
    label {
925
        display: inline;
926
        font-size: 100%;
927
        font-weight : bold;
928
        margin-left : .5em;
929
    }
930
    select {
931
        font-size: 97%;
932
        height: auto;
933
        line-height: inherit;
934
        padding: 0;
935
        margin: 0;
936
        width : auto;
937
        white-space: nowrap;
938
    }
939
    .hold,
940
    #tagsel_tag {
941
        padding-left: 28px;
942
        font-size: 97%;
943
        font-weight: bold;
944
    }
945
    #tagsel_form {
946
        margin-top : .5em;
947
    }
948
    li {
949
        display : inline;
950
        list-style : none;
951
        a {
952
            border-left : 1px solid #e8e8e8;
953
        }
954
        &:first-child {
955
            a {
956
                border-left : 0;
957
            }
958
        }
959
    }
960
    ul {
961
        padding-left : 0;
962
    }
963
}
964
965
#basket .toolbar {
966
    padding: 7px 5px 9px 9px;
967
}
968
969
#selections-toolbar,
970
.selections-toolbar {
971
    background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
972
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
973
    background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
974
    background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
975
    background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
976
    background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
977
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
978
    margin : 0 0 1em 0;
979
    padding-top : .5em;
980
    padding-left : 10px;
981
}
982
983
.list-actions {
984
    display : inline;
985
}
986
987
#tagsel_span input.submit,
988
#tagsel_tag {
989
    border : 0;
990
    background-color: transparent;
991
    font-size : 100%;
992
    color: #0076B2;
993
    cursor : pointer;
994
    background-image : url("../images/sprite.png"); /* Tags */
995
    background-position : 1px -643px;
996
    background-repeat : no-repeat;
997
    padding-left : 25px;
998
    text-decoration: none;
999
}
1000
1001
#tagsel_tag.disabled {
1002
    background-position : -1px -667px;
1003
}
1004
1005
1006
#tagsel_span input:hover,
1007
#selections-toolbar input.hold:hover {
1008
    color: #005580;
1009
    text-decoration: underline;
1010
}
1011
1012
#tagsel_span input.disabled,
1013
#tagsel_span input.disabled:hover,
1014
#tagsel_span input.hold.disabled,
1015
#tagsel_span input.hold.disabled:hover,
1016
#selections-toolbar input.hold.disabled,
1017
#selections-toolbar input.hold.disabled:hover,
1018
#selections-toolbar a.disabled,
1019
#selections-toolbar a.disabled:hover,
1020
.selections-toolbar a.disabled,
1021
.selections-toolbar a.disabled:hover {
1022
    color: #888888;
1023
    text-decoration: none;
1024
    padding-left : 23px;
1025
}
1026
1027
.results_summary {
1028
    display: block;
1029
    font-size : 85%;
1030
    color: #707070;
1031
    padding : 0 0 .5em 0;
1032
    .results_summary {
1033
        font-size : 100%;
1034
    }
1035
    &.actions {
1036
        margin-top : .5em;
1037
    }
1038
    &.tagstatus {
1039
        display: inline;
1040
    }
1041
    .label {
1042
        color: #202020;
1043
    }
1044
    a {
1045
        font-weight: normal;
1046
    }
1047
}
1048
1049
#views {
1050
    margin-bottom : .5em;
1051
    padding : 0 2em 0.2em 0.2em;
1052
}
1053
1054
.view {
1055
    background-color : #F3F3F3;
1056
    border: 1px solid #C9C9C9;
1057
    border-radius: 4px;
1058
    display: inline-block;
1059
    padding: 0.2em 0.5em;
1060
    white-space: nowrap;
1061
}
1062
1063
#bibliodescriptions,
1064
#isbdcontents {
1065
    clear : left;
1066
    margin-top : .5em;
1067
}
1068
1069
.view {
1070
    a,
1071
    span {
1072
        background-image: url("../images/sprite.png");
1073
        background-repeat : no-repeat;
1074
        font-size : 87%;
1075
        padding-left: 15px;
1076
        text-decoration: none;
1077
    }
1078
}
1079
1080
.view {
1081
    a {
1082
        font-weight : normal;
1083
    }
1084
}
1085
1086
.current-view {
1087
    background-color: #fff;
1088
    font-weight: bold;
1089
}
1090
1091
#MARCview {
1092
    background-position: -9px -27px;
1093
}
1094
#ISBDview {
1095
    background-position: -10px -56px;
1096
}
1097
#Normalview {
1098
    background-position: -8px 3px;
1099
}
1100
1101
#bookcover {
1102
    float : left;
1103
    margin : 0;
1104
    padding : 0;
1105
    .no-image {
1106
        margin-right : 10px;
1107
        margin-bottom : 10px;
1108
    }
1109
    img {
1110
        margin : 0 1em 1em 0;
1111
    }
1112
}
1113
1114
/* pagination */
1115
.results-pagination {
1116
    position: absolute;
1117
    top:32px;
1118
    left: -1px;
1119
    width: 100%;
1120
    height:auto;
1121
    border: 1px solid #D0D0D0;
1122
    display: none;
1123
    background-color:#F3F3F3;
1124
    padding-bottom:10px;
1125
    z-index: 100;
1126
}
1127
1128
1129
.back {
1130
    float:right;
1131
    input {
1132
        background:none!important;
1133
        color:#999!important;
1134
    }
1135
}
1136
1137
.pagination_list {
1138
    ul {
1139
        padding-top: 40px;
1140
        padding-left:0px;
1141
    }
1142
    li {
1143
        list-style:none;
1144
        float:bottom;
1145
        padding:4px;
1146
        color:#999;
1147
        &.highlight {
1148
           background-color : #F3F3F3;
1149
           border-top : 1px solid #DDDDDD;
1150
           border-bottom : 1px solid #DDDDDD;
1151
        }
1152
        a {
1153
            padding-left:0px;
1154
        }
1155
    }
1156
    .li_pag_index {
1157
        color: #999999;
1158
        float: left;
1159
        font-size: 15px;
1160
        font-weight: bold;
1161
        padding-right: 10px;
1162
        text-align: right;
1163
        width: 13px;
1164
    }
1165
}
1166
1167
.nav_results {
1168
    background-color: #F3F3F3;
1169
    border: 1px solid #D0D0D0;
1170
    font-size: 95%;
1171
    font-weight: bold;
1172
    margin-top: 0.5em;
1173
    position:relative;
1174
    .l_Results {
1175
        a {
1176
            background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1177
            color:#006699;
1178
            display:block;
1179
            padding:8px 28px;
1180
            text-decoration:none;
1181
        }
1182
        &:hover {
1183
            background-color:#D9D9D9;
1184
        }
1185
    }
1186
}
1187
1188
.pg_menu {
1189
    margin: 0;
1190
    border-top: 1px solid #D0D0D0;
1191
    white-space : nowrap;
1192
    li {
1193
        color:#B2B2B2;
1194
        display:inline;
1195
        list-style:none;
1196
        margin: 0;
1197
        &.back_results {
1198
            a {
1199
                border-left: 1px solid #D0D0D0;
1200
                border-right: 1px solid #D0D0D0;
1201
            }
1202
        }
1203
        a,
1204
        span {
1205
            background-color: #F3F3F3;
1206
            display : block;
1207
            float:left;
1208
            padding:.4em .5em;
1209
            text-decoration:none;
1210
            font-weight:normal;
1211
            text-align:center;
1212
        }
1213
        span {
1214
            color : #B2B2B2;
1215
        }
1216
    }
1217
}
1218
1219
#listResults{
1220
    li {
1221
        background-color:#999999;
1222
        color:#C5C5C5;
1223
        font-weight:normal;
1224
        display:block;
1225
        margin-right:1px;
1226
        font-size: 80%;
1227
        padding: 0;
1228
        text-align:center;
1229
        min-width:18px;
1230
        &:hover {
1231
            background-color:#006699;
1232
        }
1233
        a {
1234
            color:#FFFFFF;
1235
            font-weight:normal;
1236
        }
1237
    }
1238
}
1239
1240
/* nav */
1241
.nav_pages {
1242
    .close_pagination {
1243
        padding-right: 10px;
1244
        position: absolute;
1245
        right: 3px;
1246
        top: -25px;
1247
    }
1248
    .close_pagination a {
1249
        text-decoration:none!important;
1250
    }
1251
    ul {
1252
        padding-top: 10px;
1253
    }
1254
    li {
1255
        list-style:none;
1256
        float:left;
1257
        padding:4px;
1258
        color:#999;
1259
        a {
1260
            text-decoration:none!important;
1261
            &:hover {
1262
            text-decoration:underline;
1263
            }
1264
        }
1265
        ul {
1266
            float:left;
1267
        }
1268
    }
1269
}
1270
1271
/* action buttons */
1272
#action {
1273
    margin : .5em 0 0 0;
1274
    background-color : #F3F3F3;
1275
    border : 1px solid #E8E8E8;
1276
    padding-bottom : 3px;
1277
    li {
1278
        list-style : none;
1279
        margin : .2em;
1280
        padding : .3em 0;
1281
    }
1282
    a {
1283
        font-weight: bold;
1284
        text-decoration : none;
1285
    }
1286
}
1287
1288
#export,
1289
#moresearches_menu {
1290
    li {
1291
        padding : 0;
1292
        margin : 0;
1293
        a {
1294
            font-weight: normal;
1295
            &.menu-inactive {
1296
                font-weight: bold;
1297
            }
1298
        }
1299
    }
1300
}
1301
1302
#format,
1303
#furthersearches {
1304
    padding-left : 35px;
1305
}
1306
.highlight_controls {
1307
    float: left;
1308
}
1309
a.addtocart,
1310
a.addtoshelf,
1311
a.brief,
1312
a.deleteshelf,
1313
a.deleteshelf.disabled,
1314
a.detail,
1315
a.download,
1316
a.editshelf,
1317
a.sharelist,
1318
a.empty,
1319
a.hide,
1320
a.highlight_toggle,
1321
a.hold,
1322
a.hold.disabled,
1323
a.incart,
1324
a.new,
1325
a.print-small,
1326
a.print-large,
1327
a.removeitems,
1328
a.removeitems.disabled,
1329
a.reserve,
1330
a.article_request,
1331
a.send,
1332
a.tag_add,
1333
a.removefromlist,
1334
input.hold,
1335
input.hold.disabled,
1336
input.editshelf,
1337
.newshelf,
1338
.newshelf.disabled,
1339
.deleteshelf,
1340
.buttons-print {
1341
    background-image: url("../images/sprite.png");
1342
    background-repeat: no-repeat;
1343
}
1344
1345
1346
a.addtocart {
1347
    background-position: -5px -265px; /* Cart */
1348
    padding-left : 35px;
1349
}
1350
1351
a.addtoshelf {
1352
    background-position: -5px -225px; /* Virtual shelf */
1353
    padding-left : 35px;
1354
}
1355
1356
a.brief {
1357
1358
    background-position : -2px -868px; /* Zoom out */
1359
    text-decoration : none;
1360
    padding-left : 27px;
1361
}
1362
1363
a.cartRemove {
1364
    color: #cc3333;
1365
    font-size : 90%;
1366
    margin : 0;
1367
    padding: 0;
1368
}
1369
1370
a.detail {
1371
    background-position : -2px -898px; /* Zoom in */
1372
    text-decoration : none;
1373
    padding-left : 27px;
1374
}
1375
1376
a.download {
1377
    background-position : -5px -348px; /* Download */
1378
    padding-left : 20px;
1379
    text-decoration : none;
1380
}
1381
1382
a.editshelf {
1383
    background-position : 2px -348px; /* List edit */
1384
    padding-left : 26px;
1385
    text-decoration : none;
1386
}
1387
1388
a.sharelist {
1389
    background-position : 2px -1148px; /* List share */
1390
    padding-left : 26px;
1391
    text-decoration : none;
1392
}
1393
1394
a.empty {
1395
    background-position : 2px -598px; /* Trash */
1396
    text-decoration : none;
1397
    padding-left : 30px;
1398
}
1399
1400
a.hide {
1401
    background-position: -3px -814px; /* Close */
1402
    text-decoration : none;
1403
    padding-left : 26px;
1404
}
1405
1406
a.highlight_toggle {
1407
    background-position: -5px -841px; /* Highlight */
1408
    display: none;
1409
    padding-left : 35px;
1410
}
1411
1412
a.hold,
1413
input.hold {
1414
    background-position : -2px -453px; /* Toolbar place hold */
1415
    text-decoration : none;
1416
    padding-left : 23px;
1417
}
1418
1419
a.hold.disabled,
1420
input.hold.disabled {
1421
    background-position : -5px -621px; /* Place hold disabled */
1422
}
1423
1424
a.incart {
1425
    background-position: -5px -265px; /* Cart */
1426
    color : #666;
1427
    padding-left : 35px;
1428
}
1429
1430
a.new {
1431
    background-image : url("../images/sprite.png"); /* New */
1432
    background-position : -4px -922px;
1433
    padding-left : 23px;
1434
    text-decoration : none;
1435
}
1436
1437
a.print-small {
1438
    background-position : 0px -423px; /* Toolbar print */
1439
    text-decoration : none;
1440
    padding-left : 30px;
1441
}
1442
1443
a.print-large,
1444
.buttons-print {
1445
    background-position : 0 -187px; /* Toolbar print */
1446
    text-decoration : none;
1447
    padding-left : 35px;
1448
}
1449
1450
a.removeitems,
1451
a.deleteshelf {
1452
    background-position : 2px -690px; /* Delete */
1453
    text-decoration : none;
1454
    padding-left : 25px;
1455
}
1456
1457
a.removeitems.disabled,
1458
a.deleteshelf.disabled {
1459
    background-position : 2px -712px; /* Delete disabled */
1460
}
1461
1462
a.reserve {
1463
    background-position: -6px -144px; /* Place hold */
1464
    padding-left : 35px;
1465
}
1466
1467
a.article_request {
1468
    background-position: 0px -24px; /* Place article request */
1469
    padding-left : 35px;
1470
}
1471
1472
a.send {
1473
    background-position : 2px -386px; /* Email */
1474
    text-decoration : none;
1475
    padding-left : 28px;
1476
}
1477
1478
a.tag_add {
1479
    background-position: 3px -1111px; /* Tag results */
1480
    padding-left : 27px;
1481
    text-decoration: none;
1482
}
1483
1484
input.hold {
1485
    background-color: transparent;
1486
    border : 0;
1487
    color: #0076B2;
1488
    font-weight: bold;
1489
}
1490
1491
input.editshelf {
1492
    background-color: transparent;
1493
    background-position : 2px -734px; /* List edit */
1494
    border : 0;
1495
    color : #006699;
1496
    cursor : pointer;
1497
    filter: none;
1498
    font-size : 100%;
1499
    padding-left : 29px;
1500
    text-decoration : none;
1501
}
1502
1503
.newshelf {
1504
    background-position: 2px -764px; /* List new */
1505
    border : 0;
1506
    color : #006699;
1507
    cursor : pointer;
1508
    filter: none;
1509
    font-size : 100%;
1510
    padding-left : 28px;
1511
    text-decoration : none;
1512
}
1513
1514
.newshelf.disabled {
1515
    background-position: -4px -791px; /* List new disabled */
1516
}
1517
1518
.deleteshelf {
1519
    background-color: transparent;
1520
    background-position : 2px -687px; /* Delete */
1521
    border : 0;
1522
    color : #006699;
1523
    cursor : pointer;
1524
    filter: none;
1525
    font-size : 100%;
1526
    padding-left : 25px;
1527
    text-decoration : none;
1528
}
1529
1530
.links a {
1531
    font-weight : bold;
1532
}
1533
1534
.deleteshelf:hover {
1535
    color: #990033;
1536
}
1537
1538
1539
.editshelf:active,
1540
.deleteshelf:active {
1541
    border : 0;
1542
}
1543
1544
#tagslist li { display : inline; }
1545
1546
#login4tags {
1547
    background-image: url("../images/sprite.png"); /* Tag results disabled */
1548
    background-position: -6px -1130px;
1549
    background-repeat: no-repeat;
1550
    padding-left : 20px;
1551
    text-decoration: none;
1552
}
1553
1554
.tag_results_input {
1555
    margin-left: 1em;
1556
    padding: 0.3em;
1557
    font-size: 12px;
1558
    input[type="text"] {
1559
        font-size: inherit;
1560
        margin : 0;
1561
        padding : 0;
1562
    }
1563
    label {
1564
        display : inline;
1565
    }
1566
}
1567
1568
.tagsinput {
1569
    input[type="text"] {
1570
        font-size: inherit;
1571
        margin : 0;
1572
        padding : 0;
1573
    }
1574
    label {
1575
        display : inline;
1576
    }
1577
}
1578
1579
.buttons-print {
1580
    background-position-y: -184px;
1581
    background-color: transparent;
1582
    border: 0;
1583
    color: #0076B2;
1584
    font-size: 100%;
1585
}
1586
1587
.branch-info-tooltip {
1588
    display: none;
1589
}
1590
1591
.ui-tooltip-content p {
1592
        margin: 0.3em 0;
1593
}
1594
1595
#social_networks {
1596
    a {
1597
        background: transparent url("../images/social-sprite.png") no-repeat;
1598
        display: block;
1599
        height : 20px !important;
1600
        width : 20px;
1601
        text-indent : -999em;
1602
    }
1603
    span {
1604
        color: #274D7F;
1605
        display : block;
1606
        float : left;
1607
        font-size: 85%;
1608
        font-weight: bold;
1609
        line-height: 2em;
1610
        margin : .5em 0 .5em .5em !important;
1611
    }
1612
    div {
1613
        float : left !important;
1614
        margin : .5em 0 .5em .2em !important;
1615
    }
1616
    #facebook {
1617
        background-position : -7px -35px;
1618
    }
1619
    #twitter {
1620
        background-position : -7px -5px;
1621
    }
1622
    #linkedin {
1623
        background-position : -7px -95px;
1624
    }
1625
    #delicious {
1626
        background-position : -7px -66px;
1627
    }
1628
    #email {
1629
        background-position : -7px -126px;
1630
    }
1631
}
1632
1633
#marc {
1634
    td,
1635
    th {
1636
        background-color : transparent;
1637
        border : 0;
1638
        padding: 3px 5px;
1639
        text-align : left;
1640
    }
1641
    td:first-child {
1642
        text-indent : 2em;
1643
    }
1644
    p {
1645
        padding-bottom: .6em;
1646
        .label {
1647
            font-weight : bold;
1648
        }
1649
    }
1650
    ul {
1651
        padding-bottom: .6em;
1652
    }
1653
    .results_summary {
1654
        clear :  left;
1655
        ul {
1656
            display : inline;
1657
            float :  none;
1658
            clear :  none;
1659
            margin: 0;
1660
            padding: 0;
1661
            list-style : none;
1662
        }
1663
        li {
1664
            display: inline;
1665
        }
1666
    }
1667
}
1668
1669
#items,
1670
#items td
1671
#items th {
1672
    border : 1px solid #EEE;
1673
    font-size : 90%;
1674
}
1675
1676
#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1677
#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1678
#plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1679
1680
#renewcontrols {
1681
     float: right;
1682
     font-size: 66%;
1683
}
1684
1685
#renewcontrols a {
1686
    background-repeat : no-repeat;
1687
    text-decoration:none;
1688
    padding : .1em .4em;
1689
    padding-left : 18px;
1690
}
1691
1692
#renewselected_link {
1693
    background-image : url("../images/sprite.png");
1694
    background-position : -5px -986px;
1695
    background-repeat: no-repeat;
1696
}
1697
1698
#renewall_link {
1699
    background-image : url("../images/sprite.png");
1700
    background-position : -8px -967px;
1701
    background-repeat: no-repeat;
1702
}
1703
1704
.authref {
1705
    text-indent: 2em;
1706
}
1707
1708
.authref .label {
1709
    font-style: italic;
1710
}
1711
1712
.authstanza {
1713
    margin-top: 1em;
1714
}
1715
1716
.authstanzaheading {
1717
    font-weight: bold;
1718
}
1719
.authorizedheading {
1720
    font-weight: bold;
1721
}
1722
.authstanza li {
1723
    margin-left: 0.5em;
1724
}
1725
.authres_notes, .authres_seealso, .authres_otherscript {
1726
  padding-top: .5em;
1727
}
1728
.authres_notes {
1729
  font-style: italic;
1730
}
1731
1732
#didyoumean {
1733
    background-color: #EEE;
1734
    border: 1px solid #E8E8E8;
1735
    box-sizing: border-box;
1736
    margin: .5em 1.5em;
1737
    text-align: left;
1738
    padding: 0.5em;
1739
    .border-radius-all(3px);
1740
1741
    &.dym-loaded {
1742
        border-color: #F4ECBE;
1743
        background-color: #FFFBEA;
1744
    }
1745
}
1746
1747
.suggestionlabel {
1748
    font-weight: bold;
1749
}
1750
1751
.searchsuggestion {
1752
    padding: 0.2em 0.5em;
1753
    display: inline-block;
1754
}
1755
1756
.authlink {
1757
    padding-left: 0.25em;
1758
}
1759
#hierarchies a {
1760
    font-weight: normal;
1761
    text-decoration: underline;
1762
    color: #069;
1763
}
1764
1765
#hierarchies a:hover {
1766
    color: #990033;
1767
}
1768
1769
#top-pages {
1770
    margin: 0 0 0.5em;
1771
}
1772
.dropdown-menu > li > a {
1773
    font-size: 90%;
1774
}
1775
a.listmenulink:link,
1776
a.listmenulink:visited {
1777
    color : #0076B2;
1778
    font-weight: bold;
1779
}
1780
a.listmenulink:hover,
1781
a.listmenulink:active {
1782
    color : #FFF;
1783
    font-weight: bold;
1784
}
1785
#cartDetails,
1786
#cartUpdate,
1787
#holdDetails,
1788
#listsDetails {
1789
    background-color : #FFF;
1790
//    border: 1px solid #739acf;
1791
    border: 1px solid rgba(0, 0, 0, 0.2);
1792
    border-radius: 6px 6px 6px 6px;
1793
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1794
    color : black;
1795
    display : none;
1796
    font-size: 90%;
1797
    margin : 0;
1798
    padding : 8px 20px;
1799
    text-align : center;
1800
    width : 180px;
1801
    z-index: 2;
1802
}
1803
#cartmenulink {
1804
    white-space: nowrap;
1805
}
1806
1807
#search-facets,
1808
#menu {
1809
    border : 1px solid #D2D2CF;
1810
    .border-radius-all(7px);
1811
    ul {
1812
       margin : 0;
1813
        padding : .3em;
1814
    }
1815
    form {
1816
       margin : 0;
1817
    }
1818
    h4 {
1819
        font-size : 90%;
1820
        margin : 0 0 .6em 0;
1821
        text-align : center;
1822
        a {
1823
            background-color : #F2F2EF;
1824
            border-radius: 8px 8px 0 0;
1825
            border-bottom : 1px solid #D8D8D8;
1826
            display: block;
1827
            font-weight: bold;
1828
            padding : .7em .2em;
1829
            text-decoration: none;
1830
        }
1831
    }
1832
    li {
1833
        font-size: 90%;
1834
        font-weight : bold;
1835
        list-style-type : none;
1836
        li {
1837
            font-weight : normal;
1838
            font-size : 95%;
1839
            line-height: 125%;
1840
            margin-bottom : 2px;
1841
            padding : .1em .2em;
1842
        }
1843
        &.showmore {
1844
            a {
1845
                font-weight : bold;
1846
                text-indent : 1em;
1847
            }
1848
        }
1849
    }
1850
    a {
1851
        font-weight : normal;
1852
        text-decoration: underline;
1853
    }
1854
    .facet-count {
1855
        display: inline-block;
1856
    }
1857
1858
}
1859
1860
#menu {
1861
    font-size : 94%;
1862
    li {
1863
        list-style-type : none;
1864
        a {
1865
            background: #eeeeee;
1866
            text-decoration : none;
1867
            display : block;
1868
            border : 1px solid #D8D8D8;
1869
            border-radius: 5px 0 0 5px;
1870
            border-bottom-color:  #999;
1871
            font-size : 111%;
1872
            padding : .4em .6em;
1873
            margin : .4em 0;
1874
            margin-right: -1px;
1875
            &:hover {
1876
                background: #eaeef5;
1877
            }
1878
        }
1879
        &.active {
1880
            a {
1881
                background-color : #FFF;
1882
                background-image : none;
1883
                border-right-width: 0;
1884
                font-weight : bold;
1885
                &:hover {
1886
                    background-color : #fff;
1887
                }
1888
            }
1889
        }
1890
    }
1891
    h4 {
1892
        display: none;
1893
    }
1894
}
1895
1896
#addto {
1897
    max-width : 10em;
1898
}
1899
1900
/* Search results add to cart (lists disabled) */
1901
.addto a.addtocart {
1902
    background-image: url("../images/sprite.png"); /* Cart */
1903
    background-position: -5px -266px;
1904
    background-repeat: no-repeat;
1905
    text-decoration : none;
1906
    padding-left : 33px;
1907
}
1908
1909
.searchresults {
1910
    p {
1911
        margin: 0;
1912
        padding: 0 0 .6em 0;
1913
        &.details {
1914
           color : #979797;
1915
        }
1916
    }
1917
    a {
1918
        &.highlight_toggle {
1919
            background-image: url("../images/sprite.png"); /* Highlight */
1920
            background-position: -11px -841px;
1921
            background-repeat: no-repeat;
1922
            display: none;
1923
            font-weight: normal;
1924
            padding : 0 10px 0 21px;
1925
        }
1926
    }
1927
    .commentline {
1928
        background-color : rgb(255, 255, 204);
1929
        background-color : rgba(255, 255, 204, 0.4);
1930
        border : 1px solid #CCC;
1931
        display: inline-block;
1932
        .border-radius-all(3px);
1933
        .shadowed;
1934
        margin : .3em;
1935
        padding : .4em;
1936
    }
1937
    .commentline.yours {
1938
        background-color : rgb(239, 254, 213);
1939
        background-color : rgba(239, 254, 213, 0.4);
1940
    }
1941
}
1942
1943
.commentline .avatar {
1944
    float : right;
1945
    padding-left : .5em;
1946
}
1947
1948
/* style for search terms in catalogsearch */
1949
.term {
1950
    /* color : blue; */
1951
    color : #990000;
1952
    background-color : #FFFFCC;
1953
}
1954
1955
/* style for shelving location in catalogsearch */
1956
.shelvingloc {
1957
    display : block;
1958
    font-style : italic;
1959
}
1960
#CheckAll,
1961
#CheckNone,
1962
.CheckAll,
1963
.CheckNone {
1964
    font-weight : normal;
1965
    margin : 0 .5em;
1966
    text-decoration: underline;
1967
}
1968
1969
span.sep {
1970
    color: #888;
1971
    padding: 0 .2em 0 .5em;
1972
    text-shadow: 1px 1px 0 #FFF;
1973
}
1974
1975
/* style for PM-generated pagination bar */
1976
.pages {
1977
    margin: 20px 0;
1978
}
1979
.pages span:first-child,
1980
.pages a:first-child {
1981
    border-width: 1px 1px 1px 1px;
1982
    border-bottom-left-radius: 3px;
1983
    border-top-left-radius: 3px;
1984
}
1985
1986
.pages span:last-child,
1987
.pages a:last-child {
1988
    border-width: 1px 1px 1px 0;
1989
    border-bottom-right-radius: 3px;
1990
    border-top-right-radius: 3px;
1991
}
1992
1993
.pages .inactive,
1994
.pages .currentPage,
1995
.pages a {
1996
    -moz-border-bottom-colors: none;
1997
    -moz-border-left-colors: none;
1998
    -moz-border-right-colors: none;
1999
    -moz-border-top-colors: none;
2000
    background-color: #FFFFFF;
2001
    border-color: #DDDDDD;
2002
    border-image: none;
2003
    border-style: solid;
2004
    border-width: 1px 1px 1px 0;
2005
    float: left;
2006
    font-size: 11.9px;
2007
    line-height: 20px;
2008
    padding: 4px 12px;
2009
    text-decoration: none;
2010
}
2011
2012
.pages .inactive {
2013
    background-color: #F5F5F5;
2014
}
2015
2016
.pages a[rel='last'] {
2017
    border-bottom-right-radius: 3px;
2018
    border-top-right-radius: 3px;
2019
}
2020
2021
.hold-message {
2022
    background-color: #FFF0B1;
2023
    display: inline-block;
2024
    margin: 0.5em;
2025
    padding: 0.2em 0.5em;
2026
    .border-radius-all(3px);
2027
}
2028
.reserve_date,
2029
.expiration_date {
2030
    white-space: nowrap;
2031
}
2032
.close {
2033
    color: #0088CC;
2034
    position: inherit;
2035
    top: auto;
2036
    right : auto;
2037
    filter : none;
2038
    float : none;
2039
    font-size: inherit;
2040
    font-weight: normal;
2041
    opacity: inherit;
2042
    text-shadow: none;
2043
}
2044
2045
.close:hover {
2046
    color: #538200;
2047
    filter: inherit;
2048
    font-size: inherit;
2049
    opacity: inherit;
2050
}
2051
2052
/* Redefine a new style for Bootstrap's class "close" since we use that already */
2053
/* Use <a class="closebtn" href="#">&times;</a> */
2054
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2055
.modal-header .closebtn{margin-top:2px;}
2056
.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);}
2057
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2058
.btn-group label,
2059
.btn-group select {
2060
    font-size: 13px;
2061
}
2062
2063
.span2 select {
2064
    width: 100%;
2065
}
2066
2067
.popup .main {
2068
    font-size: 90%;
2069
    padding: 0 1em;
2070
}
2071
2072
.popup legend {
2073
    line-height: 1.5em;
2074
    margin-bottom : .5em;
2075
}
2076
2077
.item-status {
2078
    display: block;
2079
    font-size: 95%;
2080
    margin-bottom: .5em;
2081
}
2082
2083
.available {
2084
    color : #006600;
2085
}
2086
2087
.unavailable {
2088
    color: #990033;
2089
}
2090
2091
.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
2092
    display : block;
2093
}
2094
2095
.notforloan {
2096
    color : #900;
2097
}
2098
2099
.lost {
2100
    color : #666;
2101
}
2102
2103
.suggestion {
2104
    background-color : #EEEEEB;
2105
    border : 1px solid #DDDED3;
2106
    margin : 1em auto;
2107
    padding : .5em;
2108
    width : 35%;
2109
    .border-radius-all(3px);
2110
}
2111
2112
.librarypulldown .transl1 {
2113
    width : auto;
2114
}
2115
2116
.nolibrarypulldown {
2117
    width : 68%;
2118
}
2119
2120
.nolibrarypulldown .transl1 {
2121
    width : 87%;
2122
}
2123
2124
#opac-main-search {
2125
    select {
2126
        width : auto;
2127
        max-width: 12em;
2128
    }
2129
}
2130
2131
#logo {
2132
    background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2133
    border: 0;
2134
    float : left !important;
2135
    margin:0;
2136
    padding:0;
2137
    width:100px;
2138
    a {
2139
        border:0;
2140
        cursor:pointer;
2141
        display:block;
2142
        height:0px !important;
2143
        margin:0;
2144
        overflow:hidden;
2145
        padding:40px 0 0;
2146
        text-decoration:none;
2147
        width:100px;
2148
    }
2149
}
2150
2151
#user-menu-trigger {
2152
    display: none;
2153
    .icon-user {
2154
        background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2155
        background-position: -168px 0;
2156
        background-repeat: no-repeat;
2157
        height: 14px;
2158
        line-height: 14px;
2159
        margin : 12px 0 0;
2160
        vertical-align: text-top;
2161
        width: 14px;
2162
    }
2163
    .caret {
2164
        border-bottom-color: #999999;
2165
        border-top-color: #999999;
2166
        margin-top: 18px;
2167
    }
2168
}
2169
2170
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2171
.floating {
2172
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2173
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2174
    margin-top: 0;
2175
}
2176
2177
.tdlabel {
2178
    font-weight: bold;
2179
    display: none;
2180
}
2181
2182
td img {
2183
    max-width: none;
2184
}
2185
2186
#ulactioncontainer {
2187
    min-width: 16em;
2188
}
2189
2190
.notesrow {
2191
    label {
2192
        font-weight: bold;
2193
    }
2194
    span {
2195
        display: block;
2196
    }
2197
}
2198
2199
.thumbnail-shelfbrowser span {
2200
    margin: 0px auto;
2201
}
2202
2203
.dropdown-menu > li > a.menu-inactive:hover {
2204
    background : #FFF none;
2205
    color : #000;
2206
}
2207
2208
.table {
2209
    .sorting_asc {
2210
        padding-right: 19px;
2211
        background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2212
    }
2213
    .sorting_desc {
2214
        padding-right: 19px;
2215
        background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2216
    }
2217
    .sorting {
2218
        padding-right: 19px;
2219
        background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2220
    }
2221
    .nosort,
2222
    .nosort.sorting_asc,
2223
    .nosort.sorting_desc,
2224
    .nosort.sorting {
2225
        padding-right: 19px;
2226
        background: #ECEDE6 none;
2227
    }
2228
    th,
2229
    td {
2230
        line-height: 135%;
2231
    }
2232
}
2233
.tags, .shelves {
2234
    ul {
2235
        display: inline;
2236
        list-style: none;
2237
        margin-left : 0;
2238
        li {
2239
            display: inline;
2240
        }
2241
    }
2242
}
2243
.coverimages {
2244
    float : right;
2245
}
2246
#i18nMenu {
2247
    margin-left : 1em;
2248
    li {
2249
        font-size : 85%;
2250
        li {
2251
            font-size: 100%;
2252
        }
2253
        li > a {
2254
            font-size : 100%;
2255
            &:hover {
2256
                color : #FFF;
2257
            }
2258
        }
2259
        a {
2260
            color : @links;
2261
        }
2262
    }
2263
    .dropdown-menu {
2264
        li {
2265
            p {
2266
                clear: both;
2267
                display: block;
2268
                font-weight: normal;
2269
                line-height: 20px;
2270
                padding: 3px 20px;
2271
                white-space: nowrap;
2272
            }
2273
        }
2274
    }
2275
}
2276
2277
#subjectsList,
2278
#authorSearch {
2279
    label {
2280
        display :inline;
2281
        vertical-align: middle;
2282
    }
2283
    ul {
2284
        border-bottom: 1px solid #EEE;
2285
        list-style-type: none;
2286
        margin: 0;
2287
        padding: .6em 0;
2288
    }
2289
    li {
2290
        list-style-type: none;
2291
        margin: 0;
2292
        padding: 0;
2293
    }
2294
}
2295
2296
2297
#overdrive-results, #openlibrary-results {
2298
    font-weight: bold;
2299
    padding-left: 1em;
2300
}
2301
2302
.throbber {
2303
    vertical-align: middle;
2304
}
2305
2306
#overdrive-results-list .star-rating-control {
2307
    display: block;
2308
    overflow: auto;
2309
}
2310
2311
#shelfbrowser {
2312
    table {
2313
        margin : 0;
2314
    }
2315
    table,
2316
    td,
2317
    th {
2318
        border : 0;
2319
        font-size : 90%;
2320
        text-align : center;
2321
    }
2322
    td,
2323
    th {
2324
        padding: 3px 5px;
2325
        width : 20%;
2326
    }
2327
    a {
2328
        display : block;
2329
        font-size : 110%;
2330
        font-weight : bold;
2331
        text-decoration : none;
2332
    }
2333
    #browser_next,
2334
    #browser_previous {
2335
        background-image : url("../images/sprite.png");
2336
        background-repeat: no-repeat;
2337
        width : 16px;
2338
        a {
2339
            cursor: pointer;
2340
            display : block;
2341
            height: 0 !important;
2342
            margin: 0;
2343
            overflow: hidden;
2344
            padding: 50px 0 0;
2345
            text-decoration: none;
2346
            width: 16px;
2347
        }
2348
    }
2349
    #browser_previous {
2350
        background-position: -9px -1007px;
2351
    }
2352
    #browser_next {
2353
        background-position: -9px -1057px;
2354
    }
2355
}
2356
2357
#holds {
2358
    margin : 0 auto;
2359
    max-width: 800px;
2360
}
2361
.holdrow {
2362
    clear : both;
2363
    padding: 0 1em 1em 1em;
2364
    border-bottom:1px solid #CCC;
2365
    margin-bottom:.5em;
2366
    fieldset {
2367
        border : 0;
2368
        margin : 0;
2369
        float: none;
2370
        .label {
2371
            font-size: 14px;
2372
        }
2373
    }
2374
    label {
2375
        display: inline;
2376
    }
2377
}
2378
.hold-options {
2379
    clear : both;
2380
}
2381
.toggle-hold-options {
2382
    background-color: #eee;
2383
    clear : both;
2384
    display : block;
2385
    font-weight : bold;
2386
    margin: 1em 0;
2387
    padding: .5em;
2388
}
2389
.copiesrow {
2390
    clear : both;
2391
}
2392
2393
#idreambooksreadometer {
2394
    float: right;
2395
}
2396
2397
a.idreambooksrating {
2398
    font-size: 30px;
2399
    color: #29ADE4;
2400
    padding-left: 85px;
2401
    line-height: 30px;
2402
    text-decoration: none;
2403
}
2404
2405
.idreambookslegend {
2406
    font-size: small;
2407
}
2408
2409
a.reviewlink,
2410
a.reviewlink:visited {
2411
    text-decoration: none;
2412
    color: black;
2413
    font-weight: normal;
2414
}
2415
2416
.idreambookssummary a {
2417
    color: #707070;
2418
    text-decoration: none;
2419
}
2420
2421
.idreambookssummary img,
2422
.idbresult img {
2423
    vertical-align: middle;
2424
}
2425
2426
.idbresult {
2427
    color: #29ADE4;
2428
    text-align: center;
2429
    margin: 0.5em;
2430
    padding: 0.5em;
2431
}
2432
2433
.idbresult a,
2434
.idbresult a:visited {
2435
    text-decoration: none;
2436
    color: #29ADE4;
2437
}
2438
2439
.idbresult img {
2440
    padding-right: 6px;
2441
}
2442
2443
.js-show {
2444
    display: none;
2445
}
2446
2447
.modal-nojs {
2448
    .modal-header,
2449
    .modal-footer {
2450
        display: none;
2451
    }
2452
}
2453
2454
.contents {
2455
    width: 75%;
2456
}
2457
2458
2459
.contentblock {
2460
    font-size : 95%;
2461
    line-height: 135%;
2462
    position: relative;
2463
    margin-left: 2em;
2464
}
2465
2466
.contents {
2467
    .t:first-child:before {
2468
        content: "→ ";
2469
    }
2470
    .t:before {
2471
        content: "\A → ";
2472
        white-space: pre;
2473
    }
2474
    .t {
2475
        font-weight: bold;
2476
        display: inline;
2477
    }
2478
    .r {
2479
        display: inline;
2480
    }
2481
}
2482
2483
.m880 {
2484
    display:block;
2485
    text-align:right;
2486
    float:right;
2487
    width:50%;
2488
    padding-left:20px;
2489
}
2490
2491
#memberentry-form input.error {
2492
    border-color: #c00;
2493
    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2494
    color: red; outline: 0 none;
2495
}
2496
2497
#memberentry-form input.error:focus {
2498
    border-color: #c00;
2499
    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2500
    color: red; outline: 0 none;
2501
}
2502
2503
#memberentry-form label.error {
2504
    color: #c00; float: none;
2505
    font-size: 90%;
2506
}
2507
2508
#illrequests {
2509
    .illrequest-actions {
2510
        .btn,
2511
        .cancel {
2512
            margin-right: 5px;
2513
        }
2514
        padding-top: 20px;
2515
        margin-bottom: 20px;
2516
    }
2517
    #illrequests-create-button {
2518
        margin-bottom: 20px;
2519
    }
2520
    .bg-info {
2521
        overflow: auto;
2522
        position: relative;
2523
    }
2524
    .bg-info {
2525
        #search-summary {
2526
            -webkit-transform: translateY(-50%);
2527
            -ms-transform: translateY(-50%);
2528
            -o-transform: translateY(-50%);
2529
            transform: translateY(-50%);
2530
            position: absolute;
2531
            top: 50%;
2532
        }
2533
2534
    }
2535
    #freeform-fields .custom-name {
2536
        float: left;
2537
        width: 8em;
2538
        margin-right: 1em;
2539
        text-align: right;
2540
    }
2541
    .dropdown:hover .dropdown-menu.nojs {
2542
        display: block;
2543
    }
2544
}
2545
2546
#dc_fieldset {
2547
    border: 1px solid #dddddd;
2548
    border-width: 1px;
2549
    padding: 5px;
2550
    border-radius: 10px
2551
}
2552
2553
.label_dc{
2554
    display: inline;
2555
    padding: 0px;
2556
    margin: 0px;
2557
    cursor: pointer;
2558
}
2559
2560
.btn-danger {
2561
    color: white !important;
2562
}
2563
2564
.count_label {
2565
    @base: #369;
2566
    background-color: @base;
2567
    border-radius: 5px;
2568
    color: #FFF;
2569
    display: inline-block;
2570
    font-weight: bold;
2571
    min-width: 1.5em;
2572
    padding: .2em;
2573
    text-align: center;
2574
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2575
2576
    &:hover {
2577
        background-color: lighten( @base, 20% );
2578
    }
2579
}
2580
2581
.user_checkouts_count {
2582
2583
}
2584
2585
.user_overdues_count,
2586
.user_fines_count {
2587
    background-color: #990000;
2588
    &:hover {
2589
        background-color: lighten( #990000, 10% );
2590
    }
2591
}
2592
2593
.user_holds_pending_count {
2594
2595
}
2596
2597
.user_holds_waiting_count {
2598
    background-color: #538200;
2599
    &:hover {
2600
        background-color: lighten( #538200, 10% );
2601
    }
2602
}
2603
2604
#user_summary {
2605
    border: 1px solid #EAEAE6;
2606
    border-radius: 7px;
2607
    margin-bottom: 1em;
2608
    padding-bottom: .5em;
2609
2610
    h3 {
2611
        background-color: #EAEAE6;
2612
        border-top-left-radius: 6px;
2613
        border-top-right-radius: 6px;
2614
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
2615
        margin-top: 0;
2616
        padding: .2em 0;
2617
        text-align: center;
2618
    }
2619
2620
    ul {
2621
        list-style-type: none;
2622
        margin: 0 0 .2em 0;
2623
2624
        a {
2625
            display: block;
2626
            font-weight: bold;
2627
            padding: .2em 1em;
2628
        }
2629
    }
2630
}
2631
2632
2633
2634
@import "responsive.less";
(-)a/koha-tmpl/opac-tmpl/bootstrap/less/print.less (-259 lines)
Lines 1-258 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-collapse: collapse;
157
}
158
159
body#basket td,
160
body#basket th {
161
	background-color : transparent;
162
    border: 0;
163
	padding : 2px;
164
}
165
166
body#basket th {
167
	background-color : #EEE;
168
    border: 0;
169
}
170
171
body#basket th,
172
body#basket th[scope=col] {
173
    border: 0;
174
	text-align : center;
175
	vertical-align : middle;
176
}
177
178
body#basket th[scope=row] {
179
    border: 0;
180
	font-size : 89%;
181
	text-align : right;
182
	vertical-align : top;
183
	width : 10%;
184
}
185
186
#basket tr {
187
    border-bottom: 1px solid #DDD;
188
}
189
190
body#basket p {
191
	font-size : 85%;
192
	margin : .2em 0;
193
	text-indent : .5em;
194
}
195
196
.error {
197
	font-weight: bold;
198
}
199
200
.ex {
201
	font-family : "Courier New", Courier, monospace;
202
}
203
.inline {
204
	display : inline;
205
}
206
207
.screen {
208
	display : none;
209
}
210
211
#bookcover {
212
	float:left;
213
	margin:0pt;
214
	padding:0pt;
215
}
216
217
#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 {
218
	display : none;
219
}
220
221
#userresults {
222
    position : absolute;
223
    right : 0px;
224
    word-wrap : break-word;
225
	display : block;
226
}
227
228
div#userupdate input,div#userupdate textarea {
229
	display : inline;
230
	border : 0;
231
}
232
233
#yui-main,
234
#yui-main .yui-b,
235
.yui-t1 #yui-main .yui-b {
236
    display : block !important;
237
    margin : 0 !important;
238
    padding : 0 !important;
239
    width : auto !important;
240
    float : none !important;
241
}
242
243
.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 {
244
    display : none;
245
}
246
.row-fluid {
247
    margin-top: 30px;
248
}
249
250
#views,
251
#ulactioncontainer {
252
    display: none;
253
}
254
255
.main,
256
.table-bordered {
257
    border: 0;
258
}
259
- 

Return to bug 20427