465 lines
10 KiB
Plaintext
465 lines
10 KiB
Plaintext
@import "mixins.less";
|
|
@media only screen and (min-width: 0px) 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;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 0px) 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;
|
|
}
|
|
#views {
|
|
border : 0;
|
|
padding : 0;
|
|
margin : 0;
|
|
}
|
|
.view {
|
|
padding : 0;
|
|
a,
|
|
span {
|
|
border : 1px solid #C9C9C9;
|
|
.border-radius-all(4px);
|
|
font-size : 80%;
|
|
padding : 0.3em 0.4em 4px 26px
|
|
}
|
|
}
|
|
.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)";
|
|
}
|
|
}
|
|
|
|
@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%;
|
|
}
|
|
}
|
|
/* 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 only screen and (max-width: 608px) {
|
|
/* Screens below 608 pixels wide */
|
|
fieldset {
|
|
&.rows {
|
|
label {
|
|
display: block;
|
|
float: none;
|
|
text-align: left;
|
|
}
|
|
li {
|
|
padding-bottom : .5em;
|
|
}
|
|
ol {
|
|
margin-left : 0;
|
|
}
|
|
.hint {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
body {
|
|
padding: 0;
|
|
}
|
|
.tdlabel {
|
|
display: inline;
|
|
}
|
|
.navbar-fixed-top,
|
|
.navbar-static-top {
|
|
margin : 0;
|
|
}
|
|
.navbar-inner {
|
|
padding : 0;
|
|
}
|
|
.checkall,
|
|
.clearall,
|
|
.highlight_controls,
|
|
#selections-toolbar,
|
|
.selectcol,
|
|
.list-actions,
|
|
#remove-selected {
|
|
display: none;
|
|
}
|
|
.table td.bibliocol {
|
|
padding-left: 1.3em;
|
|
}
|
|
.actions {
|
|
display: block;
|
|
a, #login4tags {
|
|
background-color: #F2F2EF;
|
|
border : 1px solid #DDD;
|
|
.border-radius-all(4px);
|
|
font-weight: bold;
|
|
display: block;
|
|
font-size: 120%;
|
|
margin: 2px 0;
|
|
}
|
|
.label {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
#login4tags {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
#opac-main-search {
|
|
button,
|
|
input,
|
|
select,
|
|
.librarypulldown .transl1,
|
|
.input-append {
|
|
display: block;
|
|
width : 97%;
|
|
max-width: 100%;
|
|
margin : .5em 0;
|
|
.border-radius-all(5px);
|
|
}
|
|
.input-append {
|
|
margin : 0;
|
|
width: 100%;
|
|
}
|
|
.librarypulldown .transl1 {
|
|
width : 94.5%;
|
|
}
|
|
}
|
|
#toolbar .resort {
|
|
font-size : 14px;
|
|
max-width: 100%;
|
|
margin : .5em 0;
|
|
padding : 4px 6px;
|
|
.border-radius-all(5px);
|
|
}
|
|
.mastheadsearch {
|
|
margin : 0;
|
|
.border-radius-all(0px);
|
|
|
|
}
|
|
.main {
|
|
margin : .5em 0;
|
|
padding : 15px;
|
|
.border-radius-all(0px);
|
|
}
|
|
.breadcrumb {
|
|
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;
|
|
}
|
|
.table-bordered {
|
|
border : none;
|
|
}
|
|
.table {
|
|
th,
|
|
thead {
|
|
display: none;
|
|
}
|
|
td {
|
|
border-right : 1px solid #dddddd;
|
|
border-left : 1px solid #dddddd;
|
|
border-top : 0;
|
|
display : block;
|
|
padding : .2em;
|
|
}
|
|
p {
|
|
margin-bottom : 2px;
|
|
}
|
|
}
|
|
tr {
|
|
display: block;
|
|
margin-bottom : .6em;
|
|
td:first-child {
|
|
border-top : 1px solid #dddddd;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
td:last-child {
|
|
border-radius: 0 0 5px 5px;
|
|
border-bottom : 2px solid #CACACA;
|
|
}
|
|
}
|
|
}
|
|
.no-image {
|
|
display : none;
|
|
}
|
|
}
|
|
|
|
@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-position: 0 -24px;
|
|
margin: 14px 14px 0 14px;
|
|
width: 14px;
|
|
a {
|
|
padding:14px 0 0;
|
|
width:14px;
|
|
}
|
|
}
|
|
#user-menu-trigger {
|
|
display: inline;
|
|
margin-right : 12px;
|
|
}
|
|
#members {
|
|
display: none;
|
|
clear : both;
|
|
li {
|
|
padding-right: 20px;
|
|
text-align: right;
|
|
border-bottom : 1px solid #555;
|
|
&:first-child {
|
|
border-top : 1px solid #555;
|
|
}
|
|
&:last-child {
|
|
border-bottom : none;
|
|
}
|
|
}
|
|
.nav {
|
|
float: none;
|
|
&.pull-right {
|
|
float: none;
|
|
}
|
|
}
|
|
.nav>li {
|
|
float: none;
|
|
}
|
|
.divider-vertical {
|
|
border : 0;
|
|
height : 0;
|
|
margin : 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@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%;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
.breadcrumb {
|
|
margin : 10px 0;
|
|
}
|
|
.navbar-static-bottom {
|
|
margin-left : -20px;
|
|
margin-right : -20px;
|
|
}
|
|
.row-fluid input.span6 {
|
|
width: 48.9362%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
/* Screens below 767 pixels wide */
|
|
a {
|
|
&.title {
|
|
font-size: 120%;
|
|
}
|
|
}
|
|
#userresults {
|
|
margin : 0 -20px;
|
|
}
|
|
.breadcrumb,
|
|
#top-pages,
|
|
.menu-collapse {
|
|
display: none;
|
|
}
|
|
#search-facets,
|
|
#menu {
|
|
margin-bottom: .5em;
|
|
h4 {
|
|
display: block;
|
|
margin : 0;
|
|
padding : 0;
|
|
a {
|
|
.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;
|
|
display: block;
|
|
font-size: 120%;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #D8D8D8;
|
|
margin: 0;
|
|
}
|
|
&.active {
|
|
a {
|
|
border-top: 1px solid #D8D8D8;
|
|
border-right-width: 1px;
|
|
}
|
|
}
|
|
&:last-child {
|
|
a {
|
|
-webkit-border-radius: 0 0 7px 7px;
|
|
-moz-border-radius: 0 0 7px 7px;
|
|
border-radius: 0 0 7px 7px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#search-facets {
|
|
li {
|
|
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;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
/* Screens below 800 pixels wide */
|
|
.cartlabel,
|
|
.listslabel {
|
|
display: none;
|
|
}
|
|
.navbar {
|
|
.divider-vertical {
|
|
margin : 0 2px;
|
|
}
|
|
#members {
|
|
.divider-vertical {
|
|
margin : 0 9px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@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;
|
|
h4 {
|
|
display: none;
|
|
}
|
|
ul {
|
|
padding: 1em 0 1em 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@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%;
|
|
}
|
|
}
|
|
|
|
@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) {
|
|
/* Screens above 969 pixels wide */
|
|
#oh:after {
|
|
content: " Above 984 pixels. ";
|
|
}
|
|
.librarypulldown .transl1 {
|
|
width : 53%;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 1040px) {
|
|
.pg_menu {
|
|
li {
|
|
a {
|
|
float: none;
|
|
text-align : left;
|
|
}
|
|
&.back_results {
|
|
a {
|
|
border : 1px solid #D0D0D0;
|
|
border-width : 1px 0 1px 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#ulactioncontainer {
|
|
min-width : 0;
|
|
}
|
|
} |