projects / koha.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Re-structuring shelf browser markup for improved robustness; Including GoogleJackets...
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index 4e12f62..2ace4ec 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -1,4 +1,5 @@
 @import url("../../en/lib/yui/reset-fonts-grids.css");
+@import url("../../en/lib/yui/skin.css");
 
 a {
        font-weight : bold;
@@ -8,7 +9,7 @@ a, a:visited {
        color : #006699;
 }
 
-a:hover {
+a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
        color : #990033;
 }
 
@@ -113,6 +114,28 @@ fieldset.rows td label {
        width : auto;
 }
 
+fieldset.holds {
+       background-color : #F3F3F3;
+       border: 0;
+       font-size : 110%;
+       padding : 1px;
+}
+
+fieldset.holds ol {
+       margin : 0;
+       padding : 0;
+}
+
+fieldset.holds li {
+       background-color : #FFF;
+       border-bottom : 1px solid #F3F3F3;
+       padding : .3em;
+}
+
+fieldset.holds label, fieldset.holds span.label {
+
+}
+
 fieldset.action {
        clear : both;
        float : none;
@@ -122,6 +145,10 @@ fieldset.action {
        width : auto;
 }
 
+fieldset.action p {
+       margin-bottom : 1em;
+}
+
 form {
        display : inline;
        margin : 0;
@@ -190,14 +217,7 @@ h6 {
 }
 
 input[type=submit], input[type=button], input[type=reset] {
-/*     background-color : #6BA037;
-       border:1px outset #666666;
-       color : #FFFFFF;
-       font-size : 93%;
-       font-weight : bold;
-       padding : 2px;*/
-       
-               background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
+       background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
        background-color : #b8d0e6;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
@@ -214,7 +234,7 @@ input[type=submit]:active, input[type=button], input[type=reset] {
 }
 
 td.resultscontrol {
-       background-color : #EFF1DC;
+       background-color : #EEE;
        vertical-align : middle;
        padding : 3px 3px 5px 5px;
 }
@@ -235,7 +255,7 @@ td,th {
 }
 
 th {
-       background-color:#EFF1DC;
+       background-color:#EEE;
        font-weight : bold;
        padding : 2px 23px;
        text-align : center;
@@ -272,6 +292,18 @@ tr.grouplabel td {
        font-weight : bold;
     padding: 10px;
 }
+
+tr.reserved td {
+       background-color : #eeffd4;
+}
+tr.transfered td {
+       background-color : #e8f0f6;
+}
+
+#editions table, #editions td {
+       border : 0;
+}
+
 .header {
        background-image:url("../../images/ascdesc.gif");
        background-position:right center;
@@ -327,8 +359,7 @@ p.availability {
 
 /* style for search terms in catalogsearch */
 .term {
-       background-color : #ffffe0;
-       color : #990033;
+       color : blue;
 }
 
 a .term {
@@ -530,7 +561,7 @@ a .term {
 }
 
 #search-facets h4 {
-       background-color : #EFF1DC;
+       background-color : #EEE;
        border-bottom : 1px solid #e8e8e8;
        font-size : 90%;
        margin : 0;
@@ -755,7 +786,7 @@ td.resultscontrol img {
 }
 
 .searchresults tr {
-       border-bottom : 1px solid #CCCCCC;
+       border-bottom : 1px solid #f3f3f3;
 }
 
 .searchresults tr:first-child {
@@ -837,7 +868,7 @@ a:active.current {
 }
 
 a:link.nav {
-       background-color: #EFF1DC;
+       background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
        font-weight: bold;
@@ -846,7 +877,7 @@ a:link.nav {
 }
 
 a:visited.nav {
-       background-color: #EFF1DC;
+       background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
        font-weight: bold;
@@ -958,6 +989,7 @@ table#marc, table#marc td, table#marc th {
 
 table#marc th {
        background-color : transparent;
+       text-align : left;
 }
 
 table#marc td:first-child {
@@ -991,10 +1023,36 @@ width: 100%;
 * html .clearfix {height: 1%;}
 /* End hide from IE-mac */
 
-.searchhighlightblob {
+.results_summary {
+       display: block;
        font-size : 85%;
+       color: #707070;
+       padding : 0 0 .5em 0;
 }
 
+.results_summary .label {
+       color: #202020;
+}
+
+.results_summary a {
+       font-weight: normal;
+}
+
+#catalogue_detail_biblio div.results_summary {
+       clear :  left;
+}
+#catalogue_detail_biblio div.results_summary ul {
+       display : inline;
+       float :  none;
+       clear :  none;
+       margin: 0;
+       padding: 0;
+       list-style : none;
+}
+
+#catalogue_detail_biblio div.results_summary ul li {
+       display : inline;
+}
 
 .dialog {
   border: 1px solid #bcbcbc;
@@ -1046,6 +1104,10 @@ div.message {
        font-weight : bold;
        margin : 0 .2em; 
  }
+ 
+#opac-main-search #listsmenu .yuimenuitemlabel {
+       cursor : pointer;
+}
 
 #opac-main-search #listsmenu .bd {
        background-color : #f3f3f3;
@@ -1055,8 +1117,6 @@ div.message {
        background-repeat : repeat-y;
        padding : .3em 1em 0 0;
 }
-#opac-main-search #listsmenu .yui-menu-shadow {
-}
 
 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
        background-color : #fff;
@@ -1066,6 +1126,14 @@ div.message {
        border-color : #b8d0e6;
 }
 
+.selectcol {
+       vertical-align: top;
+       width: 10px;
+}
+.itypecol {
+       vertical-align: top;
+       width: 10px;
+}
 #container {
        color : #000;
 }
@@ -1157,6 +1225,12 @@ div#changelanguage a.yuimenuitemlabel {
        text-align : center;
 }
 
+.yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
+       background-color : transparent;
+       border : 0;
+       padding : inherit;
+}
+
 #login #userid, #login #password {
        width : 98%;    
 }
@@ -1230,8 +1304,7 @@ div#menu li.active a:hover {
        padding: 2px 2px 1px 2px;
 }
 
-
-#export,#further,#similars {
+#export,#further,#similars, .detailtagcell {
        margin-top : .5em;
        background-color : #F3F3F3;
        border : 1px solid #E8E8E8;
@@ -1240,14 +1313,14 @@ div#menu li.active a:hover {
        text-align : center;
 }
 
-#export label {
+#export label, .detailtagcell label {
        display : block;
        font-weight : bold;
        font-size : 110%;
        margin-bottom : 2px;
 }
 
-#export input {
+#export input, .detailtagcell input {
        padding : 2px;
 }
 
@@ -1257,6 +1330,10 @@ div#menu li.active a:hover {
        padding : 3px 3px .5em 1em;
 }
 
+#further ul li {
+       list-style-image : url("../../images/further-bullet.gif");
+}
+
 #similars {
        background-color : #FFF;
     text-align : center;
@@ -1307,8 +1384,6 @@ span.starMT {
        width: 50px;
 }
 
-
-
 #cartmenulink, #listsmenulink {
        display : block;
        position : relative;
@@ -1344,6 +1419,9 @@ span.starMT {
        padding : 0 0 5px 10px;
        margin-bottom : -5px;
 }
+/* For IE7 */
+ *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
+ *:first-child+html #listsmenulink span { padding-top : 5px; }
 
  #cartmenulink span i, #listsmenulink span i {
        background-position : bottom right;
@@ -1370,7 +1448,9 @@ span.starMT {
        background-image : none;
        cursor : pointer;
 }
-
+* html #cartmenulink span, * html #listsmenulink span {
+       padding-top : 5px;
+}
 #listsmenulink {
        background : #9FBFFF;
 }
@@ -1381,17 +1461,13 @@ span.starMT {
        font-size : 105%;
 }
 
-#cartmenulink:active,  #listsmenulink:active {
-       background-color : #cc3399;
-}
-
 #cartmenulink[class], #listsmenulink[class] {
        background-image : url(../../images/button-background-gradient.png);
        background-position : left top;
 }
 
 #listsmenulink:hover {
-       background-color : #6699FF;
+       background-color : #b8d0e6;
 }
 
 #cartmenulink:hover {
@@ -1433,9 +1509,6 @@ span.starMT {
        top : auto;
 }
 
-*html #cartmenulink span#basket, *html #cartmenulink span#basket span {
-}
-
 a#listsmenulink, a#listsmenulink:hover {
        color : #006699;
        font-size : 105%;
@@ -1451,6 +1524,19 @@ a#cartmenulink, a#cartmenulink:hover {
        line-height : 185%;
        margin-left : 1.5em;
 }
+* html a#cartmenulink {
+       padding-top: 0;
+}
+ * html a#cartmenulink:hover {
+       padding-top : 0;
+}
+/* For IE7 */
+*:first-child+html a#listsmenulink { padding-top : 0; }
+*:first-child+html a#listsmenulink:hover { padding-top : 0; }
+*:first-child+html a#cartmenulink { padding-top : 0; }
+*:first-child+html a#cartmenulink:hover { padding-top : 0; }
+*:first-child+html #cartmenulink span i{ top : -4px; }
+*:first-child+html #listsmenulink span i { top : -5px; }
 
 #listsmenulink img {
        background-image : none;
@@ -1459,11 +1545,11 @@ a#cartmenulink, a#cartmenulink:hover {
 }
 
 * html #cartmenulink {
-       border : 1px solid #66ff00;
+       border : 1px solid #336600;
 }
 
 * html #listsmenulink {
-       border : 1px solid #99ccff;
+       border : 1px solid #006699;
 }
 
 ul.ui-tabs-nav li {
@@ -1509,7 +1595,7 @@ ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a
        margin-top : .5em;
 }
 
-a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
+a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
        background-position : 5px 3px;
        background-repeat : no-repeat;
        font-size : 87%;
@@ -1522,6 +1608,10 @@ a#MARCview, span#MARCview {
        background-image : url(../../images/marc.gif);
        padding-left : 17px;
 }
+a#MARCviewPop, span#MARCviewPop {
+    background-image : url(../../images/marc.gif);
+    padding-left : 17px;
+}
 a#ISBDview, span#ISBDview {
        background-image : url(../../images/isbd.gif);
        padding-left : 20px;
@@ -1536,11 +1626,74 @@ a#MARCview, a#ISBDview, a#Normalview {
        border-left : 1px solid #E8E8E8;
 }
 
-#shelfbrowser dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
-#shelfbrowser dt,dd {width:10.5em;float:left;}
-#shelfbrowser dt {margin-bottom:3.5em;}
-#shelfbrowser dd {margin:90px 0 0 -10.5em;}
-#shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
-#shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
-#shelfbrowser dl div {float:left;}
-#shelfbrowser img {margin-top:3.5em;}
\ No newline at end of file
+#shelfbrowser table {
+       margin : 0 20px;
+}
+#shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
+       border : 0;
+       font-size : 90%;
+       text-align : center;
+}
+#shelfbrowser a {
+       font-size : 110%;
+}
+#shelfbrowser td, #shelfbrowser th {
+       vertical-align : bottom;
+       width : 20%;
+}
+#shelfbrowser td.top {
+       vertical-align : top;
+}
+#shelfbrowser a {
+       display : block;
+}
+
+
+
+input.editshelf,a.editshelf {
+       background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       margin:0pt 0.5em;
+       padding-left : 15px;
+       text-decoration : none;
+}
+input.newshelf,a.newshelf {
+       background : transparent url("../../images/shelf-new.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       margin:0pt 0.5em;
+       padding-left : 15px;
+       text-decoration : none;
+}
+input.deleteshelf {
+       background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       margin:0pt 0.5em;
+       padding-left : 13px;
+}
+
+input.editshelf:active,input.deleteshelf:active {
+       border : 0;
+}
+
+#comments .commentline {
+       border-bottom : 2px solid #eeeeeb;
+       margin : 0 -.5em 0 -.5em;
+       padding : 0 .5em .5em .5em;
+}
+#comments .yours {
+       background-color : #effed5;
+}
+#comments #addcomment {
+       margin : 0 -1em -1em -1em;
+       padding : .3em 1em;
+}
+input.tagbutton {
+       padding : 1px !important;
+}
\ No newline at end of file
Koha ILS @ FFZG - based on git://git.koha.org/pub/scm/koha.git