-@import "mixins.less";
-@media only screen and (min-width: 0px) and (max-width: 304px) {
+@import "mixins";
+
+@media only screen and ( min-width: 0 ) and ( max-width: 304px ) {
/* Screens bewteen 0 and 304 pixels wide */
- #oh:after {
- content: "(min-width: 0px) and (max-width: 304px)";
- }
input,
select,
textarea {
- width : auto;
- max-width : 11em;
+ max-width: 11em;
+ width: auto;
}
}
-@media only screen and (min-width: 0px) and (max-width: 390px){
+@media only screen and ( min-width: 0 ) and ( max-width: 390px ){
/* Screens bewteen 0 and 390 pixels wide */
- #oh:after {
- content: "(min-width: 0px) and (max-width: 390px)";
- }
.ui-tabs .ui-tabs-nav li a,
.statictabs li a {
padding: .1em .5em;
}
- .input-fluid {
- width : 90%;
- }
-}
-@media only screen and (min-width: 305px) and (max-width: 341px) {
- /* Screens bewteen 305 and 341 pixels wide */
- #oh:after {
- content: "(min-width: 305px) and (max-width: 341px)";
+ .input-fluid {
+ width: 90%;
}
}
-@media only screen and (min-width: 342px) and (max-width: 479px) {
+@media only screen and ( min-width: 342px ) and ( max-width: 479px ) {
/* Screens bewteen 342 and 479 pixels wide */
- #oh:after {
- content: "(min-width: 342px) and (max-width: 479px)";
- }
.input-fluid {
- width : 75%;
+ width: 75%;
}
+
.searchsuggestion {
display: block;
}
}
/* Override Bootstrap Responsive CSS fixed navbar */
-@media (max-width: 979px) {
- .navbar-fixed-top,
- .navbar-fixed-bottom {
- position: fixed;
- margin-left: 0px;
- margin-right: 0px;
- }
+@media ( max-width: 979px ) {
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ margin-left: 0;
+ margin-right: 0;
+ position: fixed;
+ }
}
-@media only screen and (max-width: 608px) {
+
+@media only screen and ( max-width: 608px ) {
/* Screens below 608 pixels wide */
fieldset {
&.rows {
float: none;
text-align: left;
}
+
li {
- padding-bottom : .5em;
+ padding-bottom: .5em;
}
+
ol {
- margin-left : 0;
+ margin-left: 0;
}
+
.hint {
margin-left: 0;
}
}
}
+
body {
padding: 0;
}
+
.tdlabel {
display: inline;
}
+
.navbar-fixed-top,
.navbar-static-top {
- margin : 0;
+ margin: 0;
}
+
.navbar-inner {
- padding : 0;
+ padding: 0;
}
+
.checkall,
.clearall,
.highlight_controls,
#remove-selected {
display: none;
}
+
.table td.bibliocol {
padding-left: 1.3em;
}
+
.actions {
display: block;
- a, #login4tags {
+
+ a,
+ #login4tags {
+ @include border-radius-all( 4px );
background-color: #F2F2EF;
- border : 1px solid #DDD;
- .border-radius-all(4px);
- font-weight: bold;
+ border: 1px solid #DDD;
display: block;
font-size: 120%;
+ font-weight: bold;
margin: 2px 0;
}
+
.label {
display: block;
font-weight: bold;
}
+
#login4tags {
margin-right: 1em;
}
}
+
#opac-main-search {
button,
input,
select,
.librarypulldown .transl1,
.input-append {
+ @include border-radius-all( 5px );
box-sizing: border-box;
display: block;
height: 120%;
- width : 97%;
+ margin: .5em 0;
max-width: 100%;
- margin : .5em 0;
- .border-radius-all(5px);
+ width: 97%;
}
+
.input-append {
- margin : 0;
+ margin: 0;
width: 100%;
}
+
.librarypulldown .transl1 {
- width : 94.5%;
+ width: 94.5%;
}
}
+
#toolbar .resort {
- font-size : 14px;
+ @include border-radius-all( 5px );
+ font-size: 14px;
+ margin: .5em 0;
max-width: 100%;
- margin : .5em 0;
- padding : 4px 6px;
- .border-radius-all(5px);
+ padding: 4px 6px;
}
+
.mastheadsearch {
- margin : 0;
- .border-radius-all(0px);
+ @include border-radius-all( 0 );
+ margin: 0;
}
+
.main {
- margin : .5em 0;
- padding : 15px;
- .border-radius-all(0px);
+ @include border-radius-all( 0 );
+ margin: .5em 0;
+ padding: 15px;
}
+
.breadcrumb {
- margin : 10px 0;
+ margin: 10px 0;
}
+
#moresearches {
text-align: center;
}
+
#searchsubmit {
font-weight: bold;
}
+
.ui-tabs-panel,
.tabs-container,
#topissues,
#usertags,
#usersuggestions {
.item-thumbnail {
- margin : .5em 0 0 .5em;
+ margin: .5em 0 0 .5em;
}
+
.table-bordered {
- border : none;
+ border: 0;
}
+
.table {
th,
thead {
display: none;
}
+
td {
- border-right : 1px solid #dddddd;
- border-left : 1px solid #dddddd;
- border-top : 0;
- display : block;
- padding : .2em;
+ border-left: 1px solid #DDDDDD;
+ border-right: 1px solid #DDDDDD;
+ border-top: 0;
+ display: block;
+ padding: .2em;
}
+
p {
- margin-bottom : 2px;
+ margin-bottom: 2px;
}
}
+
tr {
display: block;
- margin-bottom : .6em;
+ margin-bottom: .6em;
+
td:first-child {
- border-top : 1px solid #dddddd;
border-radius: 5px 5px 0 0;
+ border-top: 1px solid #DDDDDD;
}
+
td:last-child {
+ border-bottom: 2px solid #CACACA;
border-radius: 0 0 5px 5px;
- border-bottom : 2px solid #CACACA;
}
}
}
+
.no-image {
- display : none;
+ display: none;
}
}
-@media only screen and (max-width: 700px) {
+@media only screen and ( max-width: 700px ) {
/* Screens below 700 pixels wide */
#opac-main-search {
label {
display: none;
}
}
+
#logo {
- background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
+ background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
background-position: 0 -24px;
margin: 14px 14px 0 14px;
width: 14px;
+
a {
- padding:14px 0 0;
- width:14px;
+ padding: 14px 0 0;
+ width: 14px;
}
}
+
#user-menu-trigger {
display: inline;
- margin-right : 12px;
+ margin-right: 12px;
}
+
#members {
+ clear: both;
display: none;
- clear : both;
+
li {
+ border-bottom: 1px solid #555;
padding-right: 20px;
text-align: right;
- border-bottom : 1px solid #555;
+
&:first-child {
- border-top : 1px solid #555;
+ border-top: 1px solid #555;
}
+
&:last-child {
- border-bottom : none;
+ border-bottom: 0;
}
}
+
.nav {
float: none;
+
+ > li {
+ float: none;
+ }
+
&.pull-right {
float: none;
}
}
- .nav>li {
- float: none;
- }
+
.divider-vertical {
- border : 0;
- height : 0;
- margin : 0;
+ border: 0;
+ height: 0;
+ margin: 0;
}
}
}
-@media only screen and (min-width: 480px) and (max-width: 608px) {
+@media only screen and ( min-width: 480px ) and ( max-width: 608px ) {
/* Screens between 480 and 608 pixels wide */
- #oh:after {
- content: " Between 480 pixels and 608 pixels. ";
- }
.input-fluid {
- width : 75%;
+ width: 75%;
}
}
-@media only screen and (min-width: 608px) {
+@media only screen and ( min-width: 608px ) {
#views {
- border-bottom : 1px solid #D6D6D6;
+ border-bottom: 1px solid #D6D6D6;
margin: 0;
padding: 0;
- white-space : nowrap;
+ white-space: nowrap;
}
+
.view {
+ border-bottom-width: 0;
border-radius: 0;
border-right-width: 0;
border-top-width: 0;
- border-bottom-width: 0;
}
.current-view {
border: 0;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
}
-@media only screen and (min-width: 608px) and (max-width: 767px) {
+@media only screen and ( min-width: 608px ) and ( max-width: 767px ) {
/* Screens between 608 and 767 pixels wide */
- #oh:after {
- content: " Between 608 pixels and 767 pixels. ";
- }
.main {
- padding: 0.8em 20px;
+ padding: .8em 20px;
}
+
.breadcrumb {
- margin : 10px 0;
+ margin: 10px 0;
}
+
.navbar-static-bottom {
- margin-left : -20px;
- margin-right : -20px;
+ margin-left: -20px;
+ margin-right: -20px;
}
+
.row-fluid input.span6 {
width: 48.9362%;
}
}
-@media only screen and (max-width: 767px) {
+@media only screen and ( max-width: 767px ) {
/* Screens below 767 pixels wide */
a {
&.title {
font-size: 120%;
}
}
+
#userresults {
- margin : 0 -20px;
+ margin: 0 -20px;
}
+
.breadcrumb,
#top-pages,
.menu-collapse {
display: none;
}
+
#search-facets,
#menu {
margin-bottom: .5em;
+
h4 {
display: block;
- margin : 0;
- padding : 0;
+ margin: 0;
+ padding: 0;
+
a {
- .border-radius-all(7px);
+ @include border-radius-all( 7px );
border-bottom: 0;
font-weight: normal;
padding: .7em .2em;
}
}
+
ul {
padding: 0;
}
}
+
#menu {
li {
a {
- .border-radius-all(0px);
- border : 0;
+ @include border-radius-all( 0 );
+ border: 0;
+ border-bottom: 1px solid #D8D8D8;
display: block;
font-size: 120%;
- text-decoration: none;
- border-bottom: 1px solid #D8D8D8;
margin: 0;
+ text-decoration: none;
}
+
&.active {
a {
- border-top: 1px solid #D8D8D8;
border-right-width: 1px;
+ border-top: 1px solid #D8D8D8;
}
}
+
&:last-child {
a {
- -webkit-border-radius: 0 0 7px 7px;
- -moz-border-radius: 0 0 7px 7px;
- border-radius: 0 0 7px 7px;
+ border-radius: 0 0 7px 7px;
}
}
}
}
+
#search-facets {
li {
- padding : .4em;
+ padding: .4em;
}
+
h5 {
margin: .2em;
}
}
+
#menu h4 a.menu-open,
#search-facets h4 a.menu-open {
- -webkit-border-radius: 7px 7px 0 0;
- -moz-border-radius: 7px 7px 0 0;
- border-radius: 7px 7px 0 0;
border-bottom: 1px solid #D8D8D8;
+ border-radius: 7px 7px 0 0;
}
}
-@media only screen and (max-width: 800px) {
+@media only screen and ( max-width: 800px ) {
/* Screens below 800 pixels wide */
.cartlabel,
.listslabel {
display: none;
}
+
.navbar {
.divider-vertical {
- margin : 0 2px;
+ margin: 0 2px;
}
+
#members {
.divider-vertical {
- margin : 0 9px;
+ margin: 0 9px;
}
}
}
}
-@media only screen and (min-width: 768px) {
+@media only screen and ( min-width: 768px ) {
/* Screens above 768 pixels wide */
.main {
margin-left: 20px;
margin-right: 20px;
}
+
#menu {
- border : 0;
- .border-radius-all(0px);
- border-right : 1px solid #D8D8D8;
+ @include border-radius-all( 0 );
+ border: 0;
+ border-right: 1px solid #D8D8D8;
+
h4 {
display: none;
}
+
ul {
padding: 1em 0 1em 0;
}
}
+
#didyoumean {
margin: 0;
}
+
.searchsuggestion {
white-space: nowrap;
}
}
-@media only screen and (min-width: 768px) and (max-width: 984px) {
+@media only screen and ( min-width: 768px ) and ( max-width: 984px ) {
/* Screens between 768 and 984 pixels wide */
- #oh:after {
- content: " Between 768 and 984 pixels. ";
- }
.librarypulldown .transl1 {
- width : 38%;
+ width: 38%;
}
}
-@media only screen and (max-width: 984px) {
- /* Screens up to 984 pixels wide */
- // #oh:after {
- // content: " Below 984 pixels. ";
- // }
-}
-
-@media only screen and (min-width: 984px) {
+@media only screen and ( min-width: 984px ) {
/* Screens above 969 pixels wide */
- #oh:after {
- content: " Above 984 pixels. ";
- }
.librarypulldown .transl1 {
- width : 53%;
+ width: 53%;
}
}
-@media only screen and (max-width: 1040px) {
+@media only screen and ( max-width: 1040px ) {
.pg_menu {
li {
a {
float: none;
- text-align : left;
+ text-align: left;
}
+
&.back_results {
a {
- border : 1px solid #D0D0D0;
- border-width : 1px 0 1px 0;
+ border: 1px solid #D0D0D0;
+ border-width: 1px 0 1px 0;
}
}
}
}
+
#ulactioncontainer {
- min-width : 0;
+ min-width: 0;
}
}