Bug 8377: Followup move style in a css file and do not pass template to a pm
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
index 5612ef2..3149784 100644 (file)
@@ -1,11 +1,14 @@
-@import url("../lib/yui/reset-fonts-grids.css");
-@import url("../lib/yui/skin.css");
+@import url("/opac-tmpl/lib/yui/reset-fonts-grids.css");
+@import url("/opac-tmpl/lib/yui/skin.css");
 
 a {
        font-weight : bold;
 }
 
-a, a:visited {
+a,
+a:visited,
+.ui-widget-content a,
+.ui-widget-content a:visited {
        color : #006699;
 }
 
@@ -431,6 +434,13 @@ a .term {
   background-repeat: no-repeat;
 }
 
+#action a.highlight_toggle {
+    background-image: url("../../images/sprite.png"); /* place hold icon */
+    background-position: -5px -841px;
+    background-repeat: no-repeat;
+    display: none;
+}
+
 #action a#furthersearches {
     background-image: url("../../images/sprite.png");
     background-position: 106px -295px;
@@ -642,12 +652,11 @@ a.send {
 
 #toolbar input.editshelf,
 input.editshelf {
-    background-image : url("../../images/sprite.png");
-    background-position : 2px -732px;
-    background-repeat: no-repeat;
+    background : transparent url("../../images/sprite.png") 2px -732px no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
        padding-left : 29px;
        text-decoration : none;
@@ -657,11 +666,12 @@ input.editshelf {
 #toolbar a.newshelf,
 a.newshelf {
     background-image: url("../../images/sprite.png"); /* add to list icon */
-    background-position: -4px -864px;
+    background-position: -4px -764px;
     background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
        margin: 0 0.5em;
     padding-left : 23px;
@@ -676,12 +686,11 @@ a.newshelf.disabled {
 
 #toolbar input.deleteshelf,
 input.deleteshelf {
-    background-image : url("../../images/sprite.png");
-    background-position : 2px -685px;
-    background-repeat: no-repeat;
+    background : transparent url("../../images/sprite.png") 2px -685px no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
     padding-left : 25px;
        text-decoration : none;
@@ -722,7 +731,7 @@ input.deleteshelf:active {
 
 #tagslist li { display : inline; }
 
-a.tag_results_add {
+a.tag_add {
     background-image: url(../../images/tag-small.png);
     background-position : -1px center;
     background-repeat : no-repeat;
@@ -741,7 +750,6 @@ a.tag_results_add {
 
 .tag_results_input {
     background-color: #EEE;
-    display: none;
     margin-left: 1em;
     padding: 0.3em;
 }
@@ -1443,9 +1451,19 @@ padding-left : .4em;
     padding-left:20px
 }
 
-.searchresults .tagstatus {
-       display: block;
-       color: #707070;
+.tagstatus {
+    color: #707070;
+    padding: 0 4px 0 4px;
+    margin-left: 5px;
+    border: 1px solid #bcbcbc;
+    background-color: #ffffcc;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.results_summary.tagstatus {
+    display: inline;
 }
 
 .results_summary .label {
@@ -1456,7 +1474,11 @@ padding-left : .4em;
        font-weight: normal;
 }
 
-.actions a {
+.actions a.hold,
+.actions a.addtocart,
+.actions a.addtoshelf,
+.actions a.addtolist,
+.actions a.tag_add {
        margin-left : 1em;
        text-decoration : none;
 }
@@ -1518,7 +1540,7 @@ div.message {
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
        border : 1px solid #bcbcbc;
        width : 55%;
@@ -1564,7 +1586,6 @@ div.message {
        background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fe', endColorstr='#cbdefe',GradientType=1 ); /* IE6-9 */
        background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
        border : 1px solid #739acf;
        padding : .3em 1em 0 0;
@@ -1719,7 +1740,6 @@ div#menu li a {
        background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
        background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
        text-decoration : none;
        display : block;
        border : 1px solid #979797;
@@ -1737,7 +1757,6 @@ div#menu li a:hover {
        background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
        background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#a2bee8',GradientType=1 ); /* IE6-9 */
 }
 
 div#menu li.active a:hover {
@@ -1794,16 +1813,6 @@ div#menu li.active a:hover {
        padding : 2px;
 }
 
-#amazonreviews h4 {
-       font-size : 90%;
-       margin : 0;
-       padding : 0;
-}
-#amazonreviews h3 {
-       font-size : 100%;
-       margin : 0;
-       padding : 0;
-}
 span.starFull {
        background: url(../../images/star-ratings.gif) top left no-repeat;
        display : block;
@@ -1949,31 +1958,6 @@ span.starMT {
        top : auto;
 }
 
-ul.ui-tabs-nav li {
-       margin-right : .5em;
-}
-
-ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
-       background-color : #F3F3F3;
-       border-top : 1px solid #E8E8E8;
-       border-left : 1px solid #E8E8E8;
-       border-right : 1px solid #E8E8E8;
-       border-bottom : 0;
-       padding : .2em 1em;
-       text-align : center;
-       text-decoration : none;
-}
-
-ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
-       background-color : #FFF;
-       border-top : 1px solid #E8E8E8;
-       border-left : 1px solid #E8E8E8;
-       border-right : 1px solid #E8E8E8;
-       border-bottom : 1px solid #FFF;
-       margin-bottom : -5px;
-       text-align : center;
-}
-
 #views {
        border-bottom : 1px solid #E8E8E8;
        margin-bottom : .5em;
@@ -2040,7 +2024,6 @@ a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhisto
        text-decoration : none;
 }
 #shelfbrowser td, #shelfbrowser th {
-       vertical-align : bottom;
        width : 20%;
 }
 #shelfbrowser td.top {
@@ -2052,6 +2035,30 @@ a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhisto
 #shelfbrowser a {
        display : block;
 }
+#shelfbrowser #browser_next,
+#shelfbrowser #browser_previous {
+    background-image : url("../../images/sprite.png");
+    background-position : -5px -988px;
+    background-repeat: no-repeat;
+    width : 16px;
+}
+#shelfbrowser #browser_next a,
+#shelfbrowser #browser_previous a {
+    cursor: pointer;
+    display : block;
+    height: 0 !important;
+    margin: 0;
+    overflow: hidden;
+    padding: 50px 0 0;
+    text-decoration: none;
+    width: 16px;
+}
+#shelfbrowser #browser_previous {
+background-position: -9px -1001px;
+}
+#shelfbrowser #browser_next {
+background-position: -9px -1051px;
+}
 
 #comments .commentline {
        border-bottom : 2px solid #eeeeeb;
@@ -2161,7 +2168,7 @@ div.ft {
 }
 #basket td ul li {
        font-size:90%;
-       list-style:disc outside url("../../images/item-bullet.gif");
+    list-style:disc outside url(data:image/gif;base64,R0lGODlhBQAHAJECAP///5zD6v///wAAACH5BAEAAAIALAAAAAAFAAcAAAIMjCUGkbvhFGQSmVAAADs=);
        padding:0.2em 0;
 }
 
@@ -2232,16 +2239,20 @@ div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px;
     background-repeat: no-repeat;
 }
 
+.koha_url {
+    color: #666666;
+}
+
 div.koha_url {
     border-top: none !important;
 }
 span.koha_url {
     position: absolute;
     right: 0;
+    font-size: 85%;
 }
 a.koha_url {
     text-decoration:none;
-    color: #666666;
 }
 /* pagination */
 .pagination {
@@ -2254,6 +2265,7 @@ a.koha_url {
     display: none;
        background-color:#F3F3F3;
        padding-bottom:10px;
+    z-index: 100;
 }
 
 
@@ -2452,152 +2464,389 @@ span.sep {
     margin: 5px;
 }
 
-/* ## BABELTHEQUE ## */
-/* Uncomment if babeltheque configuration no contains these lines */
-/*
-#BW_etiquettes {
-  clear :left;
-  border: 1px solid #E8E8E8;
-  margin-top: 10px;
-  width: 49%;
-  float: left;
-  visibility: hidden;
-  visibility: visible\9;
+/* jQueryUI Core */
+
+.ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
+.ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
+
+/* jQueryUI autocomplete */
+
+.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 { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-autocomplete-loading { background: #FFF url("../../img/loading-small.gif") right center no-repeat; }
+.ui-menu li { list-style:none; }
+
+#social_networks span {
+    color: #274D7F;
+    display : block;
+    float : left;
+    font-size: 85%;
+    font-weight: bold;
+    line-height: 2em;
+    margin : .5em 0 .5em .5em !important;
+}
+#social_networks a {
+    background: transparent url("../../images/social-sprite.png") no-repeat;
+    display: block;
+    height : 20px !important;
+    width : 20px;
+    text-indent : -999em;
 }
-#BW_etiquettes:not(:empty) {
-  visibility: visible;
+
+#social_networks div {
+    float : left !important;
+    margin : .5em 0 .5em .2em !important;
+}
+
+#social_networks #facebook {
+    background-position : -7px -35px;
+}
+
+#social_networks #twitter {
+    background-position : -7px -5px;
 }
 
-#BW_etiquettes h2 {
-  clear:left;
-  background-color: #E8E8E8;
-  margin: 5px 10px;
-  padding: 0 5px;
+#social_networks #linkedin {
+    background-position : -7px -95px;
 }
 
-#BW_ulEti {max-width:100%;}
+#social_networks #delicious {
+    background-position : -7px -66px;
+}
 
-#BW_ulEti ul  {
-  margin:0;
-  padding:0 15px;
-  list-style-type: none;
+#social_networks #email {
+    background-position : -7px -126px;
 }
 
-#BW_ulEti a {
-  text-decoration: none;
+/* jQuery UI standard tabs */
+.ui-tabs-nav .ui-tabs-selected a,
+.ui-tabs-nav a:hover,
+.ui-tabs-nav a:focus,
+.ui-tabs-nav a:active,
+.ui-tabs-nav span.a {
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
 }
 
-#BW_ulEti a.tag_s0  {font-weight: 120;font-size:0.8em;}
-#BW_ulEti a.tag_s1  {font-weight: 150;font-size:0.9em;}
-#BW_ulEti a.tag_s2  {font-weight: 180;font-size:1.0em;}
-#BW_ulEti a.tag_s3  {font-weight: 200;font-size:1.2em;}
-#BW_ulEti a.tag_s4  {font-weight: 220;font-size:1.4em;}
-#BW_ulEti a.tag_s5  {font-weight: 230;font-size:1.5em;}
-#BW_ulEti a.tag_s6  {font-weight: 320;font-size:1.6em;}
-#BW_ulEti a.tag_s7  {font-weight: 350;font-size:1.7em;}
-#BW_ulEti a.tag_s8  {font-weight: 400;font-size:1.8em;}
-#BW_ulEti { padding: 0px; line-height: 2em; text-align: center;}
-#BW_ulEti a { padding: 2px; }
-#BW_ulEti { margin: 0px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+    background-color : #FFF;
+    border : 1px solid #D8D8D8;
+}
 
-#BW_ulEti ol {
-  float:left;
-  display: inline;
-  margin: 0 10px;
+.ui-widget,
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family : inherit;
+    font-size : inherit;
 }
 
-#BW_suggestions {
-  border: 1px solid #E8E8E8;
-  margin-top: 10px;
-  float: right;
-  width: 49%;
-  visibility: hidden;
-  visibility: visible\9;
+ul.ui-tabs-nav li {
+    list-style : none;
 }
-#BW_suggestions:not(:empty) {
-  visibility: visible;
+.ui-tabs.ui-widget-content {
+    background : transparent none;
+    border : 0;
 }
-#BW_suggestions h2 {
-  background-color: #E8E8E8;
-  margin: 5px 10px;
-  padding: 0 5px;
+
+.ui-tabs .ui-tabs-panel {
+    border : 1px solid #D8D8D8;
 }
-#BW_suggestions .BW_livres_tag_page {
-  padding: 0 15px;
+.ui-tabs-nav.ui-widget-header {
+    border : 0;
+    background : none;
 }
-#BW_suggestions .BW_livres_tag_page:before {
-  content : '> ';
+.ui-tabs .ui-tabs-nav li {
+    background: #F3F3F3 none;
+    border: 1px solid #D8D8D8;
+    margin-right : .4em;
 }
-#BW_droite .BW_livres_tag:before {
-  content : '> ';
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+    color : #000;
+    font-weight : bold;
 }
 
-#BW_videos {
-  clear : both;
-  border: 1px solid #E8E8E8;
-  padding-bottom: 140px;
-  margin-top: 10px;
-  max-width: 100%;
-  visibility: hidden;
-  visibility: visible\9;
+.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
+    background : #F3F3F3 none;
 }
 
-#BW_videos:not(:empty) {
-  visibility: visible;
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
+    background : #FFF none;
 }
 
-#BW_videos h2 {
-  background-color: #E8E8E8;
-  margin: 5px 10px;
-  padding: 0 5px;
+.ui-tabs .ui-state-default a,
+.ui-tabs .ui-state-default a:link,
+.ui-tabs .ui-state-default a:visited {
+    color: #006699;
 }
-#BW_videos .BW_bloc_vid {
-  clear: both;
-  padding: 0 15px;
+
+.ui-tabs .ui-state-hover a,
+.ui-tabs .ui-state-hover a:link,
+.ui-tabs .ui-state-hover a:visited {
+    color: #990033;
 }
-.BW_vignette_vid {
-  border: 1px solid #DFD9CE;
-  float: left;
-  height: 141px;
-  margin: 5px;
-  min-height: 141px;
-  padding: 5px;
-  white-space: nowrap;
+
+.statictabs ul {
+    background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    margin: 0;
+    padding: 0.2em 0.2em 0;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color: #222222;
+    font-weight: bold;
+    font-size: 100%;
+    line-height: 1.3;
+    list-style: none outside none;
+    outline: 0 none;
+    text-decoration: none;
 }
 
-#BW_notes {clear :left;}
-#BW_notes h2 {font-size:85%;}
+.statictabs ul:after {
+    clear: both;
+}
 
-#BW_citations {}
-#BW_citations h2 {font-size:85%;}
+.statictabs ul:before,
+.statictabs ul:after {
+    content: "";
+    display: table;
+}
 
-#BW_critiques {}
-#BW_critiques h2 {font-size:85%;}
+.statictabs ul li {
+    background: none repeat scroll 0 0 #E6F0F2;
+    border: 1px solid #B9D8D9;
+    border-bottom: 0 none !important;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    float: left;
+    list-style: none outside none;
+    margin-bottom: 0;
+    margin-right: 0.4em;
+    padding: 0;
+    position: relative;
+    white-space: nowrap;
+    top: 1px;
+    color: #555555;
+    font-weight: normal;
+
+}
 
-#BW_critiques_pro {}
-#BW_critiques_pro h2 {font-size:85%;}
+.statictabs ul li.active {
+    background-color: #FFFFFF;
+    color: #212121;
+    font-weight: normal;
+    padding-bottom: 1px;
+}
 
-#BW_citations,#BW_critiques,#BW_critiques_pro {
-  background: -moz-linear-gradient(center top , #3399FF, #3333FF) repeat scroll 0 0 transparent;
-  background: -webkit-gradient(linear, center top, center bottom, from(#3399FF), to(#3333FF));
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399FF', endColorstr='#3333FF');
-  border: 1px solid #B7B7B7;
-  border-radius: 5px 5px 5px 5px;
-  color: #FFFFCC;
-  display: inline-block;
-  float: left;
-  font-weight: bold;
-  margin: 15px 20px 15px 0;
-  min-width: 150px;
-  padding: 0 15px 8px;
-  position: relative;
-  text-align: center;
-  text-shadow: 1px 1px 1px #777777;
-  white-space: nowrap;
+.statictabs ul li a {
+    color: #004D99;
+    cursor: pointer;
+    float: left;
+    padding: 0.5em 1em;
+    text-decoration: none;
 }
 
-#BW_citations a,#BW_critiques a,#BW_critiques_pro a {
-  color: #FFFFCC;
+.statictabs ul li a:hover {
+    background-color : #EDF4F5;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color : #538200;
 }
 
-*/
+.statictabs ul li.active a {
+    color: #000000;
+    font-weight: bold;
+    cursor: text;
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
+}
+
+.statictabs .tabs-container {
+    border: 1px solid #B9D8D9;
+    background: none repeat scroll 0 0 transparent;
+    display: block;
+    padding: 1em 1.4em;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    color: #222222;
+}
+
+.authref {
+    text-indent: 2em;
+}
+
+.authref .label {
+    font-style: italic;
+}
+
+.authstanza {
+    margin-top: 1em;
+}
+
+.authstanzaheading {
+    font-weight: bold;
+}
+div.authorizedheading {
+    font-weight: bold;
+}
+.authstanza li {
+    margin-left: 0.5em;
+}
+.authres_notes, .authres_seealso, .authres_otherscript {
+  padding-top: 5px;
+}
+.authres_notes {
+  font-style: italic;
+}
+
+#didyoumean {
+    background-color: #EEE;
+    border: 1px solid #E8E8E8;
+    margin: 0 0 0.5em;
+    text-align: left;
+    padding: 0.5em;
+    border-radius: 3px 3px 3px 3px;
+}
+
+.suggestionlabel {
+    font-weight: bold;
+}
+
+.searchsuggestion {
+    padding: 0.2em 0.5em;
+    white-space: nowrap;
+    display: inline-block;
+}
+
+.authlink {
+    padding-left: 0.25em;
+}
+#hierarchies a {
+    font-weight: normal;
+    text-decoration: underline;
+    color: #069;
+}
+
+#hierarchies a:hover {
+    color: #990033;
+}
+
+#top-pages {
+    margin: 0 0 0.5em;
+}
+
+/* jQuery UI Datepicker */
+.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+
+.ui-datepicker-trigger {
+    vertical-align: middle;
+    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;
+}
+
+.contents {
+    width: 75%;
+}
+
+.contentblock {
+    position: relative;
+    margin-left: 2em;
+}
+
+.contents .t:first-child:before {
+    content: "→ ";
+}
+
+.contents .t:before {
+    content: "\A→ ";
+    white-space: pre;
+}
+
+.contents .t {
+    font-weight: bold;
+    display: inline;
+}
+
+.contents .r {
+    display: inline;
+}
+
+body#opac-main #opacmainuserblockmobile {
+    display: none;
+}
+
+.mobile_only {
+   display : none;
+}
+
+/* different sizes for different tags in opac-tags.tt */
+.tagweight0 {
+    font-size: 12px;
+}
+
+.tagweight1 {
+    font-size: 14px;
+}
+
+.tagweight2 {
+    font-size: 16px;
+}
+
+.tagweight3 {
+    font-size: 18px;
+}
+
+.tagweight4 {
+    font-size: 20px;
+}
+
+.tagweight5 {
+    font-size: 22px;
+}
+
+.tagweight6 {
+    font-size: 24px;
+}
+
+.tagweight7 {
+    font-size: 26px;
+}
+
+.tagweight8 {
+    font-size: 28px;
+}
+
+.tagweight9 {
+    font-size: 30px;
+}
+
+#patronregistration {
+    background-color: #F7F7F7;
+    border : 1px solid #EAEAEA;
+    -moz-border-radius: 3px;
+    border-radius : 3px;
+    font-size : 90%;
+    margin : .7em 0;
+    padding : .5em;
+    text-align: center;
+}
+#patronregistration a {
+    display: block;
+}
+
+video {
+    width: 480px;
+}