opac.css is no longer formatted correctly. All elements are running into each other, for example: .shadowed{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}body{background-color:#eaeae6}html,body{height:100%}.no-js .dateformat{display:inline;white-space:nowrap}.no-js .modal-body{padding:0} (etc.) This makes it impossible to read and to work with. It ought to be formatted as, for example: .shadowed { -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 1px 0 rgba(0,0,0,0.2) } body { background-color:#eaeae6 } (etc)
The OPAC now uses a LESS file (opac.less) which compiles into minified CSS. opac.css should not be modified. http://wiki.koha-community.org/wiki/Working_with_Bootstrap_OPAC_LESS_files