Bug 16575: Irregular behaviour using window.print() followed by window.location.href
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / staff-global.css
index c2e05e3..2116945 100644 (file)
@@ -126,8 +126,10 @@ input[type="checkbox"], input[type="radio"] {
 }
 
 label, .label {
+    display: inline;
     font-weight: normal;
     font-size: inherit;
+    max-width: inherit;
     padding: 0;
     color: black;
     margin-bottom: 0;
@@ -150,6 +152,10 @@ label input[type="radio"],
     font-weight : bold;
 }
 
+.members-update-table {
+    padding-top: 10px;
+}
+
 #navmenulist li {
        padding : .2em 0;
     list-style-image : url("../img/arrow-bullet.gif");
@@ -157,13 +163,21 @@ label input[type="radio"],
 }
 
 #navmenulist li a {
-       text-decoration : none;
+    text-decoration : none;
+}
+
+#navmenulist li a.current {
+    font-weight: bold;
 }
 
 #doc, #doc1, #doc2, #doc3 {
        padding-top : 1em;
 }
 
+.main {
+    margin-top: 1em;
+}
+
 #login_controls         {
        position : absolute;
        right : .5em;
@@ -225,6 +239,10 @@ ol li {
 .clearfix {display: block;}
 /* End hide from IE-mac */
 
+#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
+        text-align: right;
+}
+
 table {
        border-collapse : collapse;
        border-top : 1px solid #BCBCBC;
@@ -371,6 +389,21 @@ legend {
     width: auto;
 }
 
+details > summary {
+    cursor: pointer;
+}
+
+details > summary::before {
+    content: "\f0da";
+    display: inline-block;
+    font-family: FontAwesome;
+    width: 1em;
+}
+
+details[open] > summary::before {
+    content: "\f0d7";
+}
+
 #floating-save {
     background-color: rgba(185, 216, 217, 0.6);
     bottom: 3%;
@@ -440,7 +473,8 @@ div#reserves,div#checkouts {
 }
 
 
-div.yui-b h5 {
+div.yui-b h5,
+aside h5 {
        font-size : 100%;
        margin : .5em 0;
 }
@@ -529,6 +563,24 @@ div.patroninfo ul li {
        list-style-type : none;
 }
 
+#patronbasics div {
+    background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
+    border: 1px solid #CCCCCC;
+    height: 125px;
+    margin: .3em 0 .3em .3em;
+    padding: 0;
+    width: 105px;
+}
+
+#patronimage {
+    border: 1px solid #CCCCCC;
+    max-width : 140px;
+    margin: .3em 0 .3em .3em;
+    padding: .2em;
+    width:auto !important;
+    width:130px;
+}
+
 div.patronviews {
        border-right :  1px solid #000;
        border-top : 1px solid #000;
@@ -561,47 +613,77 @@ fieldset.brief ol, fieldset.brief li {
        font-size : 95%;
 }
 
-fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
-       margin-bottom : .4em;
+fieldset.brief div.hint,
+fieldset.rows div.hint,
+div.yui-u div.hint {
+    margin-bottom : .4em;
+}
+
+fieldset.rows div.hint {
+    margin-left : 7.5em;
 }
 
-div.yui-b fieldset.brief {
-       padding : .4em .7em;
+div.yui-b fieldset.brief,
+aside fieldset.brief {
+    margin: 0;
+    padding : .4em .7em;
 }
 
-div.yui-b fieldset.brief ol {
+div.yui-b fieldset.brief ol,
+aside fieldset.brief ol {
        font-size : 85%;
        margin : 0;
        padding : 0;
 }
 
-div.yui-b fieldset.brief select {
-       width: 12em;
+div.yui-b fieldset.brief select,
+div.yui-b fieldset.brief input[type=text],
+aside fieldset.brief select,
+aside fieldset.brief input[type=text] {
+    width: 100%;
 }
-div.yui-b fieldset.brief li.radio {
+
+div.yui-b fieldset.brief li.radio,
+aside fieldset.brief li.radio {
        padding : .7em 0;
 }
+
 div.yui-b fieldset.brief li.radio label,
 div.yui-b fieldset.brief li.checkbox label,
 div.yui-b fieldset.brief li.dateinsert label,
 div.yui-b fieldset.brief li.dateinsert span.label,
-div.yui-b fieldset.brief li.radio span.label {
+div.yui-b fieldset.brief li.radio span.label,
+aside fieldset.brief li.radio label,
+aside fieldset.brief li.checkbox label,
+aside fieldset.brief li.dateinsert label,
+aside fieldset.brief li.dateinsert span.label,
+aside fieldset.brief li.radio span.label {
        display : inline;
 }
 
-div.yui-b fieldset.brief li.radio input {
+div.yui-b fieldset.brief li.radio input,
+aside fieldset.brief li.radio input {
        padding:0.3em 0;
 }
 
-div.yui-b fieldset.brief fieldset {
-       margin : 0 .3em;
-       padding : .5em;
+div.yui-b fieldset.brief fieldset,
+aside fieldset.brief fieldset {
+    margin : 0;
+    padding : .5em 0;
 }
 
-div.yui-b fieldset.brief fieldset legend {
+div.yui-b fieldset.brief fieldset legend,
+aside fieldset.brief fieldset legend {
        font-size : 85%;
 }
 
+#yui-main div.yui-b fieldset.brief select,
+#yui-main div.yui-b fieldset.brief input[type=text],
+main div.yui-b fieldset.brief select,
+main div.yui-b fieldset.brief input[type=text] {
+    width: auto;
+}
+
 #tools_holidays fieldset.brief li.radio input,
 #tools_holidays fieldset.brief li.checkbox input{
     margin-left: 0;
@@ -638,7 +720,7 @@ fieldset.rows legend {
 fieldset.rows label, fieldset.rows span.label {  
        float: left;  
        font-weight : bold;
-       width: 6em;  
+    width: 9em;
        margin-right: 1em;  
        text-align: right;
 }
@@ -650,13 +732,12 @@ fieldset.rows fieldset {
        padding : .3em;
 }
 
-.yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
-       width: 9em;  
-}
-
 .yui-b fieldset.rows td label, .yui-b fieldset.rows td span.label {
         width: auto;
 }
+.yui-b fieldset.rows ol.oladditemtype label, .yui-b fieldset.rows ol.oladditemtype span.label {
+    width: 13em;
+}
 
 .yui-b fieldset.rows div.hint {
        margin-left : 10.5em;
@@ -760,6 +841,10 @@ fieldset.rows label.error {
        width: auto;
 }
 
+#multi_receiving fieldset.rows label {
+    width: 50%;
+}
+
 fieldset.action, div.action {
     background-color: transparent;
     clear : both;
@@ -770,10 +855,23 @@ fieldset.action, div.action {
     width: auto;
 }
 
+#fixedlengthbuilderaction {
+    padding: 5px 5px 5px 5px;
+    border: 3px solid #E6F0F2;
+    top: -80px;
+    left: 80%;
+    position: relative;
+    width: 12%;
+}
+
 .btn-toolbar fieldset.action {
     margin-top: 0;
 }
 
+fieldset.rows li[aria-disabled="true"] {
+    color: #999;
+}
+
 div.rows+div.rows {
     margin-top : .6em;
 }
@@ -876,9 +974,8 @@ fieldset.rows .inputnote {
     overflow-y: auto;
 }
 
-#z3950_search_targets_auth {
-    height:     348px;
-    overflow-y: auto;
+.z3950checks {
+    padding-left: 1em;
 }
 
 .error {
@@ -1028,6 +1125,11 @@ span.expired {
        font-style : italic;
 }
 
+details.checkouts-by-itemtype li {
+    display: inline-block;
+    margin-right: 1em;
+}
+
 div.help {
        margin: .9em 0 0 0;  
 }
@@ -1068,7 +1170,6 @@ div.first fieldset {
 }
 
 .dialog {
-       -moz-border-radius : 2px;
        border-radius : 2px;
        padding : .5em;
        margin : 1em auto;
@@ -1140,24 +1241,32 @@ div.alert strong {
     list-style-position:inside;
 }
 
-.dialog button {
+.dialog button,
+.dialog a.approve {
     background: #fff none;
     border: 1px outset #999999;
     border-top-color: #666;
     border-left-color: #666;
+    color: #000;
     margin : .4em;
     padding : .4em;
     white-space: pre-line;
 }
 
-.dialog button:hover {
+.dialog button:hover,
+.dialog a.approve:hover {
     background-color : #ffc;
 }
 
-.dialog button:active {
+.dialog button:active,
+.dialog a.approve:active {
     border : 1px inset #999999;
 }
 
+.dialog a.approve {
+    display: inline-block;
+}
+
 .approve i.fa,
 .success i.fa {
     color: green;
@@ -1174,6 +1283,8 @@ div.alert strong {
 a.document {
        background-position : left middle;
        background-repeat : no-repeat;
+    display: inline-block;
+    min-height: 20px;
        padding-left : 20px;
 }
 
@@ -1307,9 +1418,7 @@ div#menu li a {
      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
-       -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
-       -moz-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
     border:1px solid #b9d8d9;
        font-size: 111%;
@@ -1359,7 +1468,7 @@ h1#logo {
        width:180px;
 }
 h1#logo {
-    background: transparent url(../img/koha-logo-medium.gif) no-repeat scroll 0%;
+    background: transparent url(../img/koha-logo-medium.png) no-repeat scroll 0%;
        margin:0.75em .3em 0.75em .7em;
 }
 
@@ -1510,6 +1619,18 @@ li.email {
        padding : 5px 25em 0 0;
 }
 
+#searchheader .dropdown-menu > li > a {
+    padding: 2px 10px;
+}
+
+#searchheader .dropdown-menu > li > a {
+    padding: 2px 10px;
+}
+
+#searchheader .dropdown-header {
+    padding: 4px 5px
+}
+
 #search-facets ul {
        margin : 0;
        padding : .3em;
@@ -1614,7 +1735,6 @@ input[type=submit], input[type=reset], input[type=button], input.submit, button,
        border: 1px outset #999999;
        border-top-color: #666;
        border-left-color: #666;
-       -moz-border-radius : 2px;
        padding: 0.25em;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
@@ -1748,13 +1868,12 @@ span.permissiondesc {
 #marcPreview th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
 #marcPreview td { border: 0; padding : 2px; vertical-align: top; }
 #marcPreview tbody tr:nth-child(2n+1) td { background-color: #FFF; }
+#marcPreview .modal-dialog { width: 80%; }
 @media (max-width: 767px) { #marcPreview { margin: 0; width : auto; } }
 
 #cartDetails {
        background-color : #FFF;
        border: 1px solid #739acf;
-        -moz-box-shadow: 1px 1px 3px 0 #666;
-        -webkit-box-shadow: 1px 1px 3px 0 #666;
         box-shadow: 1px 1px 3px 0 #666;
        color : black;
        display : none;
@@ -1811,11 +1930,11 @@ ul.budget_hierarchy li:first-child:after {
     font-style: italic;
 }
 .number_box { font-size : 105%; line-height : 200%; }
-.number_box a {
+.number_box a,
+.number_box span {
        border : 1px solid #a4bedd;
        background-color : #e4ecf5;
        font-weight : bold;
-       -moz-border-radius: 4px;
        border-radius: 4px;
        padding : .1em .4em;
        text-decoration : none;
@@ -1918,7 +2037,6 @@ fieldset.rows+h3 {clear:both;padding-top:.5em;}
 
 #clearscreen a {
     display:block;
-    -moz-border-radius: 0 0 0 5px;
     border-radius: 0 0 0 5px;
     padding : 0 .7em .2em .7em;
     background-color : #EEE;
@@ -1935,7 +2053,6 @@ fieldset.rows+h3 {clear:both;padding-top:.5em;}
 div.pager {
        background-color : #E8E8E8;
        border : 1px solid #BCBCBC;
-       -moz-border-radius : 5px;
     border-radius : 5px;
        display : inline-block;
        font-size : 85%;
@@ -2022,8 +2139,6 @@ div#acqui_order_supplierlist > div.supplier > div.baskets {
 .ui-autocomplete {
     position: absolute;
     cursor: default;
-    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
-    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
 }
 .ui-autocomplete.ui-widget-content .ui-state-hover {
@@ -2306,6 +2421,7 @@ div.authorizedheading {
     margin: 0 1em 1em 0;
 }
 .pluginname {
+    cursor: move;
     margin: 0.3em;
     padding-bottom: 4px;
     padding-left: 0.2em;
@@ -2348,8 +2464,6 @@ div.authorizedheading {
     margin : 0 3px;
 }
 .ui-datepicker {
-    -moz-box-shadow: 1px 1px 3px 0 #666;
-    -webkit-box-shadow: 1px 1px 3px 0 #666;
     box-shadow: 1px 1px 3px 0 #666;
 }
 
@@ -2395,6 +2509,11 @@ button,
     font-family: arial,helvetica,clean,sans-serif;
 }
 
+.btn-xs, .btn-group-xs > .btn {
+    font-size: 10.5px;
+    padding: 3px 5px;
+}
+
 .btn.btn-link {
     border : 0;
 }
@@ -2408,17 +2527,51 @@ a.btn:visited{
     color: #333333;
 }
 
+a.btn-link:link,
+a.btn-link:visited {
+    color: #004d99;
+}
+
 a.btn-link:hover {
     color : #538200;
 }
 
+.dropdown-menu {
+    font-size: 12px;
+}
+
 .dropdown-menu li {
     list-style: none outside none;
 }
+
 a.dropdown-toggle {
     white-space: nowrap;
 }
 
+.dropdown-menu > li > a {
+    padding: 4px 20px;
+}
+
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+    text-decoration: none;
+    color: #ffffff;
+    background-color: #0081c2;
+    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+}
+
+.dropdown-header {
+    border-top: 1px solid #EEE;
+    color: #000;
+    font-weight: bold;
+}
+
 a.disabled {
     color : #999999;
 }
@@ -2540,6 +2693,7 @@ a.disabled {
     float : none;
     font-size: inherit;
     font-weight: normal;
+    line-height: 1.5;
     opacity: inherit;
     text-shadow: none;
 }
@@ -2555,13 +2709,41 @@ a.close:hover {
     color: #538200;
 }
 
+.radio label, .checkbox label {
+    margin-left: 20px;
+    padding-left: 0;
+}
+
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+}
+
+.modal-body {
+    background-color: #FFF;
+    overflow-y: auto;
+}
+
+.modal-content {
+    background-color : #EDF4F6;
+}
+
 /* Redefine a new style for Bootstrap's class "close" since we use that already */
 /* Use <a class="closebtn" href="#">&times;</a> */
 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
-.modal-header .closebtn{margin-top:-2px;}
+.modal-header .closebtn{margin-top: 4px;}
 .closebtn{float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}.closebtn:hover,.closebtn:focus{color:#000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);}
 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
 
+.modal-body {
+    overflow-y: auto;
+}
+
+.modal-dialog.modal-wide {
+    width: 80%;
+}
+
 .btn-group label,
 .btn-group select {
     font-size: 13px;
@@ -2571,6 +2753,32 @@ button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit
     white-space:pre-wrap;
 }
 
+pre {
+    display: block;
+    padding: 0;
+    margin: 0;
+    font-size: inherit;
+    line-height: inherit;
+    word-break: break-all;
+    word-wrap: break-word;
+    color: inherit;
+    background-color: transparent;
+    border: 0;
+    border-radius: 0;
+}
+
+code {
+    background-color: transparent;
+    border-radius: 0;
+    font-size: inherit;
+    color: inherit;
+    padding: 0;
+}
+
+.pagination > li > a, .pagination > li > span {
+    font-weight: bold;
+}
+
 /* End Bootstrap overrides */
 
 .waiting {
@@ -2606,7 +2814,7 @@ progress {
 }
 
 #selections { width : 100%; white-space : normal; }
-#selections span { margin:3px;padding:3px;background-color:#EBF3FF;-moz-border-radius:5px;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
+#selections span { margin:3px;padding:3px;background-color:#EBF3FF;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
 #selections span.selected { background-color : #CCE0FC; }
 #selections input { vertical-align:middle;margin:0 2px; }
 
@@ -2620,7 +2828,6 @@ progress {
 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
 
 .floating {
-    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
 }
 
@@ -2766,21 +2973,6 @@ span.browse-button {
     font-weight: bold;
 }
 
-#i18nMenu a,
-#i18nMenu a:link,
-#i18nMenu a:visited {
-    color : #004d99;
-    font-weight: normal;
-}
-
-#i18nMenu a:hover,
-#i18nMenu a:active,
-#i18nMenu .dropdown-menu a:hover,
-#i18nMenu .dropdown-menu a:focus {
-    color : #538200;
-    font-weight: normal;
-}
-
 #i18nMenu a .sublanguage-selected {
     color: #000;
     font-weight: bold;
@@ -2900,3 +3092,263 @@ fieldset.rows + fieldset.action {
 .yui-u .rows li p label.widelabel {
     width: auto;
 }
+
+#pat_member #patron_list_dialog,
+#pat_member #searchresults,
+#patron_search #filters {
+    display: none;
+}
+
+#interlibraryloans h1 {
+    margin: 1em 0;
+}
+
+#interlibraryloans h2 {
+    margin-bottom: 20px;
+}
+
+#interlibraryloans h3 {
+    margin-top: 20px;
+}
+
+#interlibraryloans h3#dataPreviewLabel {
+    margin: 0.3em 0;
+}
+
+#interlibraryloans .bg-info {
+    overflow: auto;
+    position: relative;
+}
+
+#interlibraryloans #search-summary {
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+    transform: translateY(-50%);
+    position: absolute;
+    top: 50%;
+}
+
+#interlibraryloans .format h5 {
+    margin-top: 20px;
+}
+
+#interlibraryloans .format li {
+    list-style: none;
+}
+
+#interlibraryloans .format h4 {
+    margin-bottom: 20px;
+}
+
+#interlibraryloans .format input {
+    margin: 10px 0;
+}
+
+#interlibraryloans #freeform-fields .custom-name {
+    width: 9em;
+    margin-right: 1em;
+    text-align: right;
+}
+
+#interlibraryloans #freeform-fields .delete-new-field {
+    margin-left: 1em;
+}
+
+#interlibraryloans #add-new-fields {
+    margin: 1em;
+}
+
+#interlibraryloans #column-toggle,
+#interlibraryloans #reset-toggle {
+    margin: 15px 0;
+    line-height: 1.5em;
+    font-weight: 700;
+}
+
+#ill-view-panel {
+    margin-top: 15px;
+}
+
+#ill-view-panel h3 {
+    margin-bottom: 10px;
+}
+
+#ill-view-panel h4 {
+    margin-bottom: 20px;
+}
+
+#ill-view-panel .rows div {
+    height: 1em;
+    margin-bottom: 1em;
+}
+
+#requestattributes {
+    font-family: monospace;
+    line-height: 1.3em;
+}
+
+table#ill-requests {
+    width: 100% !important;
+}
+
+#helper span {
+    display: none;
+}
+
+#logged-in-info-full {
+    display: none;
+}
+
+.loggedin-menu-label {
+    color: #777;
+    font-size: 12px;
+    line-height: 1.42857143;
+    padding: 4px 12px;
+    white-space: nowrap;
+}
+
+.loggedin-menu-label.divider {
+    padding: 0;
+}
+
+.loggedin-menu-label span {
+    color: #000;
+    font-weight: bold;
+}
+
+
+/* ==== MODULE LINKS - Start ==== */
+
+ul.buttons-list {
+    /* List containing the module links */
+    padding: 0px;
+    margin-bottom:30px;
+}
+
+ul.buttons-list li {
+    /* Standard attributes for the list elements */
+    list-style-type:none;
+}
+
+ul.buttons-list li a.circ-button {
+    /* Class used for each module link */
+    display: block;
+    box-sizing: content-box;
+    max-width : 260px;
+    margin: .5em 0;
+    padding:8px;
+
+    border: solid 2px #b9d8d9;
+    border-radius: 6px;
+
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 110%;
+    color: #000000;
+
+    background-color:#f4f8f9;
+    background-position: 5px 3px;
+    background-repeat:no-repeat;
+}
+
+ul.buttons-list li a:hover.circ-button {
+    /* Class used for each module link hover state */
+    color: #538200;
+    border-color: #538200;
+}
+
+/* ==== MODULE LINKS - End ==== */
+
+
+
+@media (min-width: 200px) {
+    .navbar-nav > li {
+        float: left;
+    }
+    .navbar-right {
+        float: right !important;
+        margin-right: -15px;
+    }
+    .navbar-nav {
+        float: left;
+        margin: 0;
+    }
+
+    .navbar-nav .open .dropdown-menu.dropdown-menu-left {
+        position: absolute;
+        float: left;
+        left: auto;
+        right: 0;
+        width: auto;
+        background-color: #fff;
+        border: 1px solid rgba(0,0,0,0.15);
+        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
+    }
+
+    .navbar-nav .open .dropdown-menu.dropdown-menu-right {
+        position: absolute;
+        float: left;
+        left: ;
+        right: auto;
+        width: auto;
+        background-color: #fff;
+        border: 1px solid rgba(0,0,0,0.15);
+        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
+    }
+
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+        background-color: #0081c2;
+        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+        background-repeat: repeat-x;
+        color: #ffffff;
+        text-decoration: none;
+    }
+
+}
+
+@media (min-width: 800px) {
+    #helper span {
+        display: inline;
+    }
+
+    #helper i {
+        display: none;
+    }
+
+    #logged-in-info-full {
+        display: inline;
+    }
+
+    #logged-in-info-brief {
+        display: none;
+    }
+    .loggedin-menu-label {
+        display: none;
+    }
+}
+
+span.name {
+    font-weight: bold;
+    font-style: italic;
+}
+
+.result-biblio-itemtype {
+    float: right;
+    padding: .5em;
+    margin: .5em;
+    font-size: 85%;
+    text-align: center;
+}
+
+.result-biblio-itemtype img {
+    display: block;
+    margin: auto;
+    margin-bottom: 2px;
+}
+
+.cart-controls {
+    border-top: 1px solid #E8E8E8;
+    padding: 7px 0;
+}