Koha/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css
Owen Leonard b5a742c62f Bug 22399: Improve responsive behavior of the basic marc editor
This patch makes markup and style changes to the basic MARC editor in
order to improve the page's handling of smaller browser widths. It adds
Bootstrap grid markup to the form to help accomplish this.

To test, apply the patch and load a record for editing in the basic MARC
editor. Adjust your browser width and confirm that the form adjusts well
to various widths.

Signed-off-by: Josef Moravec <josef.moravec@gmail.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
2019-03-15 19:46:28 +00:00

257 lines
4.2 KiB
CSS

form {
display: block;
}
div#toolbar {
border: 0;
}
#addbibliotabs .ui-tabs-nav {
display: none;
}
.ui-tabs-panel h3 {
font-size: 140%;
margin: .3em 0;
}
.buttonPlus {
font-weight : bold;
text-decoration : none;
}
.buttonMinus {
font-weight : bold;
text-decoration : none;
}
a.expandfield {
text-decoration : none;
}
#authoritytabs {
margin-top : 1em;
margin-bottom : 1em;
}
.toptabs .ui-tabs-nav li a {
padding : .2em 1.2em;
}
.tag {
border-bottom: 2px solid #D5E6E9;
padding: .7em 0;
}
.tag .row {
margin-left: 0;
margin-right: 0;
}
div.subfield_line {
padding-bottom: .3em;
}
div.subfield_line label {
font-size:89%;
text-align: left;
}
.subfieldcode img {
cursor: pointer;
}
.tag_title {
font-size : 90%;
padding : .2em 0;
}
.tagnum {
font-size : 130%;
font-weight : bold;
color : #000;
padding : .1em .3em .1em 0;
}
a.tagnum {
font-size : 110%;
font-weight : bold;
color : #000;
padding : .1em .3em .1em 0;
text-decoration : none;
}
.subfield {
color : #00698a;
text-align:right;
}
.input_marceditor {
float:left;
width: 70%;
}
.indicator {
width: 1em;
box-sizing: content-box;
}
#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
font-size : 100%;
width : 25%;
}
#cataloguing_additem_newitem fieldset.rows li {
padding-bottom : 3px;
}
#cataloguing_additem_newitem .input_marceditor {
width : auto;
}
#cataloguing_additem_newitem textarea.input_marceditor {
width : 31em;
}
.mandatory_marker {
color: red;
}
.linktools { display: block; white-space: nowrap; }
.linktools a { font-size : 75%; display:block;text-decoration:none;}
.linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
.linktools a:first-child { border-bottom: 1px solid #DDD; }
.linktools a:hover { background-color: #FFC; }
.subfield_controls { margin : 0 .5em; }
.readonly { border-width : 1px; border-style: inset; padding-left : 15px; background: #EEE url(../img/locked.png) center left no-repeat; width:29em; }
#cataloguing_additem_itemlist {
margin-bottom : 1em;
}
.yui-gf div.first {
width : 19%;
}
.yui-gf .yui-u {
width: 79.2%;
}
tbody tr.active:nth-child(2n+1) td,
tbody tr.active td {
background-color: #FFFFCC;
}
#loading {
background-color: #FFF;
cursor: wait;
height: 100%;
left: 0;
opacity: .7;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#loading div {
background : transparent url(../img/loading.gif) top left no-repeat;
font-size : 175%;
font-weight: bold;
height: 2em;
left: 50%;
margin: -1em 0 0 -2.5em;
padding-left : 50px;
position: absolute;
top: 50%;
width: 15em;
}
.ui-tabs .ui-tabs-panel {
border: 0;
padding: 0;
}
.toolbar-tabs-container {
margin: 3em -5px -5px -5px;
}
.toolbar-tabs {
background-color: #FFF;
clear: both;
display: flex;
flex-direction: row;
justify-content: center;
padding-left: 0;
}
.toolbar-tabs li {
background-color: #fff;
display: flex;
justify-content: center;
flex-grow: 1;
text-align: center;
margin-bottom: 0;
}
.toolbar-tabs li a {
border: 1px solid #EDF4F6;
border-left: 0;
border-right: 1px solid #EDF4F6;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
display: block;
font-weight: bold;
padding: .3em 1.5em;
width: 100%;
}
.toolbar-tabs li.selected a {
background-color: #EDF4F6;
border-right: 1px solid #C3D6DB;
border-bottom: 1px solid #C3D6DB;
font-weight: bold;
}
.toolbar-tabs li.selected a:hover {
background-color: #EDF4F6;
}
.toolbar-tabs li a:hover {
background-color: #F4F8F9;
}
.toolbar-tabs li:first-child a {
border-left: 1px solid #EDF4F6;
}
.tag_anchors_list {
background-color: #FFF;
clear: both;
display: block;
font-size: 95%;
padding-left: 0;
}
.tag_anchor.selected {
font-weight: bold;
}
.tag_anchors {
display: none;
padding: .5em 0;
}
.tag_anchors a {
border-right: 1px solid #EDF4F6;
display: inline-block;
padding: 0 .4em;
}
.tag_anchors.tab_selected {
display: inline-block;
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
}