|
Lines 1-5
Link Here
|
|
|
1 |
@font-face { |
| 2 |
font-family: 'NotoSans'; |
| 3 |
font-style: normal; |
| 4 |
font-weight: 400; |
| 5 |
src: local('Noto Sans Regular'), |
| 6 |
url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'), |
| 7 |
url('fonts/NotoSans-Regular-webfont.woff') format('woff'); |
| 8 |
} |
| 9 |
|
| 10 |
@font-face { |
| 11 |
font-family: 'NotoSans'; |
| 12 |
font-style: bold; |
| 13 |
font-weight: 700; |
| 14 |
src: local('Noto Sans Bold'), |
| 15 |
url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'), |
| 16 |
url('fonts/NotoSans-Bold-webfont.woff') format('woff'); |
| 17 |
} |
| 18 |
|
| 19 |
@font-face { |
| 20 |
font-family: 'NotoSans'; |
| 21 |
font-style: italic; |
| 22 |
font-weight: 400; |
| 23 |
src: local('Noto Sans Italic'), |
| 24 |
url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'), |
| 25 |
url('fonts/NotoSans-Italic-webfont.woff') format('woff'); |
| 26 |
} |
| 27 |
|
| 28 |
@font-face { |
| 29 |
font-family: 'NotoSans'; |
| 30 |
font-style: italic; |
| 31 |
font-weight: 700; |
| 32 |
src: local('Noto Sans Bold Italic'), |
| 33 |
url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'), |
| 34 |
url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff'); |
| 35 |
} |
| 36 |
|
| 1 |
body { |
37 |
body { |
| 2 |
background-color: #EAEAE6; |
38 |
background: #FCF9FC none; |
|
|
39 |
font-family: 'NotoSans'; |
| 40 |
font-size: 16px; |
| 41 |
} |
| 42 |
|
| 43 |
#wrap { |
| 44 |
height: auto !important; |
| 45 |
height: 100%; |
| 46 |
min-height: 100%; |
| 47 |
padding-right: 40px; |
| 48 |
padding-left: 40px; |
| 49 |
} |
| 50 |
|
| 51 |
#logo { |
| 52 |
background: transparent url("../images/koha-green-logo.png") no-repeat scroll 0%; |
| 53 |
border: 0; |
| 54 |
float: left !important; |
| 55 |
margin: 0; |
| 56 |
padding: 0; |
| 57 |
width: 100px; |
| 58 |
} |
| 59 |
#logo a { |
| 60 |
border: 0; |
| 61 |
cursor: pointer; |
| 62 |
display: block; |
| 63 |
height: 0 !important; |
| 64 |
margin: 0; |
| 65 |
overflow: hidden; |
| 66 |
padding: 40px 0 0; |
| 67 |
text-decoration: none; |
| 68 |
width: 100px; |
| 69 |
} |
| 70 |
#logo a:focus { |
| 71 |
background-color: transparent; |
| 3 |
} |
72 |
} |
| 4 |
|
73 |
|
| 5 |
a, a:visited, |
74 |
a, a:visited, |
|
Lines 9-28
a, a:visited,
Link Here
|
| 9 |
} |
78 |
} |
| 10 |
|
79 |
|
| 11 |
a.title { |
80 |
a.title { |
|
|
81 |
font-size: 108%; |
| 12 |
font-weight: bold; |
82 |
font-weight: bold; |
| 13 |
} |
83 |
} |
| 14 |
|
84 |
|
| 15 |
h1 { |
85 |
h1 { |
| 16 |
font-size : 140%; |
86 |
font-size : 140%; |
| 17 |
line-height: 150%; |
87 |
line-height: 150%; |
|
|
88 |
color: #727272; |
| 18 |
} |
89 |
} |
| 19 |
h2 { |
90 |
h2 { |
| 20 |
|
91 |
|
|
|
92 |
color: #727272; |
| 21 |
font-size : 130%; |
93 |
font-size : 130%; |
| 22 |
line-height: 150%; |
94 |
line-height: 150%; |
| 23 |
} |
95 |
} |
| 24 |
h3 { |
96 |
h3 { |
| 25 |
|
97 |
|
|
|
98 |
color: #727272; |
| 26 |
font-size : 120%; |
99 |
font-size : 120%; |
| 27 |
line-height: 150%; |
100 |
line-height: 150%; |
| 28 |
} |
101 |
} |
|
Lines 33-46
h4 {
Link Here
|
| 33 |
h5 { |
106 |
h5 { |
| 34 |
|
107 |
|
| 35 |
font-size : 100%; |
108 |
font-size : 100%; |
|
|
109 |
color: #727272; |
| 36 |
} |
110 |
} |
| 37 |
caption { |
111 |
caption { |
|
|
112 |
color: #727272; |
| 38 |
font-size: 120%; |
113 |
font-size: 120%; |
| 39 |
font-weight: bold; |
114 |
font-weight: bold; |
| 40 |
margin : .5em 0; |
115 |
margin: 0; |
| 41 |
text-align: left; |
116 |
text-align: left; |
| 42 |
} |
117 |
} |
| 43 |
|
118 |
|
|
|
119 |
input[type="text"]:focus { |
| 120 |
border-color: #85ca11; |
| 121 |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6) |
| 122 |
} |
| 123 |
|
| 44 |
input, |
124 |
input, |
| 45 |
textarea { |
125 |
textarea { |
| 46 |
width: auto; |
126 |
width: auto; |
|
Lines 49-82
textarea {
Link Here
|
| 49 |
legend { |
129 |
legend { |
| 50 |
font-size: 110%; |
130 |
font-size: 110%; |
| 51 |
font-weight: bold; |
131 |
font-weight: bold; |
|
|
132 |
color: #727272; |
| 52 |
} |
133 |
} |
| 53 |
th { |
134 |
th { |
| 54 |
background-color: #ECEDE6; |
135 |
background-color: #E2E8E8; |
|
|
136 |
} |
| 137 |
@media only screen and (min-width:768px) |
| 138 |
{ |
| 139 |
.main { |
| 140 |
margin-left:20px; |
| 141 |
margin-right:20px; |
| 55 |
} |
142 |
} |
| 56 |
.main { |
143 |
.main { |
| 57 |
background-color: #FFF; |
144 |
background-color: #FFF; |
| 58 |
border: 1px solid #D2D2CF; |
145 |
border: 1px solid #F0F3F3; |
| 59 |
border-radius: 8px 8px 8px 8px; |
146 |
margin-bottom: .5em; |
| 60 |
margin: 0.5em 20px; |
147 |
margin-top: .5em; |
| 61 |
padding: 0.8em 0; |
148 |
} |
| 62 |
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2); |
149 |
|
| 63 |
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2); |
150 |
.navbar .divider-vertical { |
| 64 |
} |
151 |
border-left-color: #fcf9fc; |
| 65 |
.navbar-inverse .brand, .navbar-inverse .nav > li > a { |
152 |
border-right-color: #fcf9fc; |
| 66 |
color: #9FE1FF; |
153 |
} |
| 67 |
font-weight: bold; |
154 |
.navbar .nav li.dropdown > a:focus .caret { |
|
|
155 |
border-top-color: #85ca11; |
| 156 |
border-bottom-color: #85ca11; |
| 157 |
} |
| 158 |
.navbar .nav li.dropdown > a:hover .caret { |
| 159 |
border-top-color: #85ca11; |
| 160 |
border-bottom-color: #85ca11; |
| 161 |
} |
| 162 |
.navbar-inverse .brand { |
| 163 |
color: #9fe1ff; |
| 164 |
font-weight: bold; |
| 165 |
} |
| 166 |
.navbar-inverse .navbar-inner { |
| 167 |
background: #fcf9fc none; |
| 168 |
border-color: #fcf9fc; |
| 169 |
box-shadow: none; |
| 170 |
} |
| 171 |
.navbar-inverse .nav > li > a { |
| 172 |
color: #727272; |
| 173 |
font-weight: bold; |
| 174 |
text-shadow: none; |
| 175 |
} |
| 176 |
.navbar-inverse .nav > li > a:hover { |
| 177 |
color: #85ca11; |
| 178 |
} |
| 179 |
.navbar-inverse .nav > li > a:focus { |
| 180 |
color: #85ca11; |
| 181 |
} |
| 182 |
.navbar-inverse .nav li.dropdown > a:hover .caret { |
| 183 |
border-top-color: #85ca11; |
| 184 |
border-bottom-color: #85ca11; |
| 185 |
} |
| 186 |
.navbar-inverse .nav li.dropdown > a:focus .caret { |
| 187 |
border-top-color: #85ca11; |
| 188 |
border-bottom-color: #85ca11; |
| 189 |
} |
| 190 |
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle { |
| 191 |
background-color: transparent; |
| 192 |
color: #85ca11; |
| 193 |
} |
| 194 |
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { |
| 195 |
border-top-color: #85ca11; |
| 196 |
border-bottom-color: #85ca11; |
| 197 |
} |
| 198 |
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover { |
| 199 |
border-top-color: #85ca11; |
| 200 |
border-bottom-color: #85ca11; |
| 201 |
} |
| 202 |
.navbar-inner { |
| 203 |
background: #fcf9fc none; |
| 204 |
} |
| 205 |
.navbar-fixed-bottom.navbar-static-bottom { |
| 206 |
margin-top: 0.5em; |
| 207 |
position: static; |
| 208 |
} |
| 209 |
.navbar-fixed-bottom .navbar-inner { |
| 210 |
box-shadow: none; |
| 68 |
} |
211 |
} |
| 69 |
|
212 |
|
| 70 |
.table-striped tbody > tr:nth-child(odd) > td, |
213 |
.table-striped tbody > tr:nth-child(odd) > td, |
| 71 |
.table-striped tbody > tr:nth-child(odd) > th { |
214 |
.table-striped tbody > tr:nth-child(odd) > th { |
| 72 |
background-color: #F4F4F4; |
215 |
background-color: #F0F3F3; |
| 73 |
} |
216 |
} |
|
|
217 |
|
| 74 |
/* Redefine a new style for Bootstrap's class "close" since we use that already */ |
218 |
/* Redefine a new style for Bootstrap's class "close" since we use that already */ |
| 75 |
/* Use <a class="closebtn" href="#">×</a> */ |
219 |
/* Use <a class="closebtn" href="#">×</a> */ |
| 76 |
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;} |
220 |
.modal-header .closebtn { |
| 77 |
.modal-header .closebtn{margin-top:2px;} |
221 |
margin-top: 2px; |
| 78 |
.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);} |
222 |
} |
| 79 |
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;} |
223 |
.closebtn { |
|
|
224 |
color: #000; |
| 225 |
float: right; |
| 226 |
font-size: 20px; |
| 227 |
font-weight: bold; |
| 228 |
line-height: 20px; |
| 229 |
opacity: 0.2; |
| 230 |
text-shadow: 0 1px 0 #fff; |
| 231 |
} |
| 232 |
.closebtn:hover { |
| 233 |
color: #000; |
| 234 |
cursor: pointer; |
| 235 |
opacity: 0.4; |
| 236 |
text-decoration: none; |
| 237 |
} |
| 238 |
button.closebtn { |
| 239 |
background: transparent; |
| 240 |
border: 0; |
| 241 |
cursor: pointer; |
| 242 |
padding: 0; |
| 243 |
} |
| 244 |
|
| 80 |
.btn-group label, |
245 |
.btn-group label, |
| 81 |
.btn-group select { |
246 |
.btn-group select { |
| 82 |
font-size: 13px; |
247 |
font-size: 13px; |
|
Lines 84-139
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit
Link Here
|
| 84 |
|
249 |
|
| 85 |
/* Override Bootstrap alert */ |
250 |
/* Override Bootstrap alert */ |
| 86 |
.alert { |
251 |
.alert { |
| 87 |
background: #fffbe5; /* Old browsers */ |
252 |
background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% ); |
| 88 |
background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */ |
253 |
border-color: #D6C43B; |
| 89 |
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+ */ |
|
|
| 90 |
background: -webkit-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */ |
| 91 |
background: -o-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */ |
| 92 |
background: -ms-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */ |
| 93 |
background: linear-gradient(to bottom, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */ |
| 94 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */ |
| 95 |
border-color : #D6C43B; |
| 96 |
color: #333; |
254 |
color: #333; |
|
|
255 |
|
| 256 |
/* Redefine a new style for Bootstrap's class "close" since we use that already */ |
| 257 |
/* Use <a class="closebtn" href="#">×</a> */ |
| 258 |
|
| 259 |
.closebtn { |
| 260 |
line-height: 20px; |
| 261 |
position: relative; |
| 262 |
right: -21px; |
| 263 |
top: -2px; |
| 264 |
} |
| 97 |
} |
265 |
} |
| 98 |
|
266 |
|
| 99 |
/* Override Bootstrap alert.alert-info */ |
267 |
/* Override Bootstrap alert.alert-info */ |
| 100 |
.alert-info { |
268 |
.alert-info { |
| 101 |
background: #f4f6fa; /* Old browsers */ |
269 |
background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% ); |
| 102 |
background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */ |
270 |
border-color: #C5D1E5; |
| 103 |
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+ */ |
|
|
| 104 |
background: -webkit-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */ |
| 105 |
background: -o-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */ |
| 106 |
background: -ms-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */ |
| 107 |
background: linear-gradient(to bottom, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */ |
| 108 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */ |
| 109 |
border-color : #C5D1E5; |
| 110 |
color: #333; |
271 |
color: #333; |
| 111 |
} |
272 |
} |
| 112 |
|
273 |
|
| 113 |
/* Override Bootstrap alert.alert-success */ |
274 |
/* Override Bootstrap alert.alert-success */ |
| 114 |
.alert-success { |
275 |
.alert-success { |
| 115 |
background: #f8ffe8; /* Old browsers */ |
276 |
background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% ); |
| 116 |
background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */ |
277 |
border-color: #9FBA35; |
| 117 |
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+ */ |
|
|
| 118 |
background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */ |
| 119 |
background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */ |
| 120 |
background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */ |
| 121 |
background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */ |
| 122 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */ |
| 123 |
border-color : #9FBA35; |
| 124 |
color: #333; |
278 |
color: #333; |
| 125 |
} |
279 |
} |
|
|
280 |
|
| 126 |
#members p { |
281 |
#members p { |
| 127 |
color : #EEE; |
282 |
color : #727272; |
| 128 |
} |
283 |
} |
| 129 |
|
284 |
|
| 130 |
#members a { |
285 |
#members a { |
| 131 |
color: #A6D8ED; |
286 |
color: #E8583C; |
| 132 |
font-weight: bold; |
287 |
font-weight: bold; |
| 133 |
} |
288 |
} |
| 134 |
|
289 |
|
| 135 |
#members a.logout { |
290 |
#members a.logout { |
| 136 |
color : #E8583C; |
291 |
color : #E8583C; |
|
|
292 |
font-weight: bold; |
| 137 |
padding : 0 .3em 0 .3em; |
293 |
padding : 0 .3em 0 .3em; |
| 138 |
} |
294 |
} |
| 139 |
|
295 |
|
|
Lines 177-198
i.help {
Link Here
|
| 177 |
|
333 |
|
| 178 |
.table .sorting_asc { |
334 |
.table .sorting_asc { |
| 179 |
padding-right: 19px; |
335 |
padding-right: 19px; |
| 180 |
background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE; |
336 |
background: url("../images/asc.gif") no-repeat scroll 100% 80% #E2E8E8; |
| 181 |
} |
337 |
} |
| 182 |
.table .sorting_desc { |
338 |
.table .sorting_desc { |
| 183 |
padding-right: 19px; |
339 |
padding-right: 19px; |
| 184 |
background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE; |
340 |
background: url("../images/desc.gif") no-repeat scroll 100% 80% #E2E8E8; |
| 185 |
} |
341 |
} |
| 186 |
.table .sorting { |
342 |
.table .sorting { |
| 187 |
padding-right: 19px; |
343 |
padding-right: 19px; |
| 188 |
background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE; |
344 |
background: url("../images/ascdesc.gif") no-repeat scroll 100% 75% #E2E8E8; |
| 189 |
} |
345 |
} |
| 190 |
.table .nosort, |
346 |
.table .nosort, |
| 191 |
.table .nosort.sorting_asc, |
347 |
.table .nosort.sorting_asc, |
| 192 |
.table .nosort.sorting_desc, |
348 |
.table .nosort.sorting_desc, |
| 193 |
.table .nosort.sorting { |
349 |
.table .nosort.sorting { |
| 194 |
padding-right: 19px; |
350 |
padding-right: 19px; |
| 195 |
background: #EEEEEE none; |
351 |
background: #E2E8E8 none; |
| 196 |
} |
352 |
} |
| 197 |
|
353 |
|
| 198 |
#sci_logout { |
354 |
#sci_logout { |
|
Lines 205-208
i.help {
Link Here
|
| 205 |
|
361 |
|
| 206 |
#sci_refresh_button { |
362 |
#sci_refresh_button { |
| 207 |
color: rgb(51, 51, 51); |
363 |
color: rgb(51, 51, 51); |
| 208 |
} |
364 |
} |