[Koha-cvs] CVS: koha/koha-tmpl/opac-tmpl/npl/en/includes opac.css,1.1.2.2,1.1.2.3

[Owen Leonard]

Update of /cvsroot/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes
In directory 
sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv14342/koha-tmpl/opac-tmpl/npl/en/includes

Modified Files:
      Tag: rel_2_2
        opac.css 
Log Message:
Many changes for updated OPAC templates

Index: opac.css
===================================================================
RCS file: /cvsroot/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes/opac.css,v
retrieving revision 1.1.2.2
retrieving revision 1.1.2.3
diff -C2 -r1.1.2.2 -r1.1.2.3
*** opac.css    27 Jan 2005 18:10:34 -0000      1.1.2.2
--- opac.css    17 Mar 2005 21:53:40 -0000      1.1.2.3
***************
*** 143,150 ****
        margin : 0 auto;
        padding : 5px;
-       width : 100%;
- }
- 
- div.details {
        width : 95%;
  }
--- 143,146 ----
***************
*** 204,207 ****
--- 200,211 ----
  }
  
+ h3+p {
+       margin : .4em 0 .4em 0;
+ }
+ 
+ p+h3 {
+       margin-top : .6em;
+ }
+ 
  h3.author {
        padding : 0 0 3px 15px;
***************
*** 212,215 ****
--- 216,235 ----
  }
  
+ h5 {
+       font-size : 100%;
+       margin : 0;
+       padding : 10px 0 2px 0;
+ }
+ 
+ p+h5 {
+       padding : 3px 0 2px 0;
+       margin : 0;
+ }
+ 
+ h5+p {
+       padding-top : 0;
+       margin-top : 0;
+ }
+ 
  .inline {
        display : inline;
***************
*** 222,226 ****
  p.error, div.error {
        background-color : #FFFFCC;
!       border : 1px solid #660000;
        font-size : 1.05em;
        font-weight : normal;
--- 242,246 ----
  p.error, div.error {
        background-color : #FFFFCC;
!       border : 1px dashed #cc6600;
        font-size : 1.05em;
        font-weight : normal;
***************
*** 228,231 ****
--- 248,257 ----
  }
  
+ div.error {
+       font-size : .9em;
+       padding : 3px 10px 3px 10px;
+       width : 75%;
+ }
+ 
  div.error h3 {
        color : #990000;
***************
*** 354,357 ****
--- 380,468 ----
  }
  
+ .further {
+       color: #CCCC99;
+       float: right;
+       font-size : 80%;
+       border: 2px solid #D8DEB8;
+       margin : 5px;
+       width : 30%;
+       background-color : #E7E7CA;
+ }
+ 
+ .further h4 {
+       background-color : #D8DEB8;
+       padding : 2px;
+ }
+ 
+ .further ul, .further li  {
+       margin : 0 0 0 .5em;
+       padding : 0;
+ }
+ 
+ .further li {
+       border-bottom : 1px solid #CCCC99;
+       padding : 2px 0;
+       }
+ 
+ .detail-sidebar {
+       float: right;
+       padding: 5px;
+       margin-left : 15px;
+       background-color : #E7E7CA;
+       text-align: center;
+       width : 35%;
+ }
+ 
+ .detail-sidebar .further {
+       float: none;
+       text-align: left;
+       width : 90%;
+ }
+ 
+ .operations {
+       border : 0px solid aqua;
+       font-size: 90%;
+       text-align: center;
+       margin-top: 7px;
+       padding-left: 10px;
+       width: : 100%;
+ }
+ 
+ .operations ul {
+       border: 0px solid lime;
+       margin: 0;
+       padding : 0;
+       width: 90%;
+ }
+ 
+ .operations li {
+       list-style-type: none;
+       margin: 0;
+       padding-bottom : 2px;
+ }
+ 
+ .operations li a, .operations li a:visited {
+       border: 2px solid #D8DEB8;
+       border-style: outset;
+       color: #E7E7CA;
+       display: block;
+       background-color : #CC6600;
+       background-repeat : no-repeat;
+       background-position : top left;
+       padding: 3px 3px 3px 26px;
+       text-decoration: none;
+ }
+ 
+ .operations li a:hover {
+       color: #FFFFCC;
+       background-color: #FF9933;
+ }
+ 
+ .operations li a:active {
+       color: : #FFFFCC;
+       background-color: #FF9933;
+       border-style: inset;
+ }
+ 
  .item-details {
        display : block;
***************
*** 404,427 ****
  }
  
! .menu a:link {
        color : #CCFF66;
        padding : 2px;
  }
  
! .menu a:visited {
        color : #CCFF66;
        padding : 2px;
  }
  
! .menu a:hover {
        color : #FFFFCC;
        padding : 2px;
  }
  
! .menu a:active {
        color : #FFFFCC;
        padding : 2px;
  }
  
  .menu input {
        font-size : 80%;
--- 515,550 ----
  }
  
! #members a {
!       text-decoration : none;
! }
! 
! .menu a:link, #members a:link {
        color : #CCFF66;
        padding : 2px;
  }
  
! .menu a:visited, #members a:visited {
        color : #CCFF66;
        padding : 2px;
  }
  
! .menu a:hover, #members a:hover {
        color : #FFFFCC;
        padding : 2px;
  }
  
! .menu a:active, #members a:active {
        color : #FFFFCC;
        padding : 2px;
  }
  
+ #members a.card {
+       display : block;
+       padding-left : 39px;
+       background-image: url(../images/card.gif);      
+       background-position: left;
+       background-repeat: no-repeat;
+ }
+ 
  .menu input {
        font-size : 80%;
***************
*** 432,435 ****
--- 555,567 ----
  }
  
+ .menu p {
+       margin : 0;
+       padding : 0;
+ }
+ 
+ .menu p+p {
+       margin-top : 5px;
+ }
+ 
  .opac-detail {
        background-color : #FFFFCC;
***************
*** 443,450 ****
  }
  
  .note {
!       background-color : #FFFFCC;
!       border-right : 1px solid #000000;
!       border-bottom : 1px solid #000000;
        font-size : 12px;
        margin : 10px auto;
--- 575,588 ----
  }
  
+ .login-note {
+       width : 35%;
+ }
+ 
  .note {
!       background-color : #E7E7CA;
!       border-left : 1px solid #FFFFCC;
!       border-top : 1px solid #FFFFCC;
!       border-right : 1px solid #999900;
!       border-bottom : 1px solid #999900;
        font-size : 12px;
        margin : 10px auto;
***************
*** 453,461 ****
  }
  
- .print {
-       font-size: 10px;
- }
- 
- 
  div.notes {
        text-align: left;
--- 591,594 ----
***************
*** 480,483 ****
--- 613,622 ----
  }
  
+ .thumbnail {
+       float : left;
+       margin : 0 5px 5px 0;
+       border : 0;
+ }
+ 
  input.icon {
        background-position: left;
***************
*** 491,550 ****
  }
  
! input.cart {
        background-image: url(../images/basket.gif);
  }
  
! input.print {
        background-image: url(../images/print2.gif);
  }
  
! input.detail {
        background-image: url(../images/detail.gif);
  }
  
! input.brief {
        background-image: url(../images/brief.gif);
  }
  
! input.send {
        background-image: url(../images/send.gif);
  }
  
! input.trash {
        background-image: url(../images/trash.gif);
  }
  
! input.close {
        background-image: url(../images/close.gif);
  }
  
! input.addchecked {
        background-image: url(../images/addtobasket.gif);
  }
  
! input.clearall {
        background-image: url(../images/clearbasket.gif);
  }
  
! input.isbd {
        background-image: url(../images/isbd.gif);
  }
  
! input.shelf {
        background-image: url(../images/addtoshelf.gif);
  }
  
! input.reserve {
        background-image: url(../images/placereserve.gif);
  }
  
! input.delete {
        background-image: url(../images/delete.gif);
  }
  
! input.edit {
        background-image: url(../images/edit.gif);
  }
  
  .title {
        font-style : italic;
--- 630,705 ----
  }
  
! input.add, a.add {
!       background-image: url(../images/add.gif);
! }
! 
! input.back, a.back {
!       background-image: url(../images/back.gif);
! }
! 
! input.cart, a.cart {
        background-image: url(../images/basket.gif);
  }
  
! input.print, a.print {
        background-image: url(../images/print2.gif);
  }
  
! input.detail, a.detail {
        background-image: url(../images/detail.gif);
  }
  
! input.brief, a.brief {
        background-image: url(../images/brief.gif);
  }
  
! input.send, a.send {
        background-image: url(../images/send.gif);
  }
  
! input.trash, a.trash {
        background-image: url(../images/trash.gif);
  }
  
! input.close, a.close {
        background-image: url(../images/close.gif);
  }
  
! input.addchecked, a.addchecked {
        background-image: url(../images/addtobasket.gif);
  }
  
! input.clearall, a.clearall {
        background-image: url(../images/clearbasket.gif);
  }
  
! input.isbd, a.isbd {
        background-image: url(../images/isbd.gif);
  }
  
! input.shelf, a.shelf {
        background-image: url(../images/addtoshelf.gif);
  }
  
! input.reserve, a.reserve {
        background-image: url(../images/placereserve.gif);
  }
  
! input.delete, a.delete {
        background-image: url(../images/delete.gif);
  }
  
! input.edit, a.edit {
        background-image: url(../images/edit.gif);
  }
  
+ .left {
+       float : left;
+ }
+ 
+ .right {
+       float : right;
+ }
+ 
  .title {
        font-style : italic;
***************
*** 560,564 ****
        background-color : #CCCC99;
        border-left : 1px solid #CCCC99;
!       margin-left : 22%;
        margin-right : 2%;
        margin-top : 2%;
--- 715,719 ----
        background-color : #CCCC99;
        border-left : 1px solid #CCCC99;
!       margin-left : 20%;
        margin-right : 2%;
        margin-top : 2%;
***************
*** 600,605 ****
  
  #nav a {
!       font-family : Tahoma;
!       font-size : 1.3em;
        font-weight : bold;
        text-decoration : none;
--- 755,760 ----
  
  #nav a {
!       font-family : Arial, Geneva, Helvetica, sans-serif;
!       font-size : 1.1em;
        font-weight : bold;
        text-decoration : none;
***************
*** 613,621 ****
  #nav ul li {
        background-color : #D8DEB8; /*width : 100%;*/
!       border-bottom : 1px solid #339999;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
        border-top : 0 solid #FFFFCC;
!       font-family : Arial, Helvetica, sans-serif;
        font-size : .8em;
        list-style : none;
--- 768,776 ----
  #nav ul li {
        background-color : #D8DEB8; /*width : 100%;*/
!       border-bottom : 1px solid #CCCC99;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
        border-top : 0 solid #FFFFCC;
!       font-family : Arial, Geneva, Helvetica, sans-serif;
        font-size : .8em;
        list-style : none;
***************
*** 626,630 ****
  
  #nav ul li+li {
!       border-bottom : 1px solid #339999;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
--- 781,785 ----
  
  #nav ul li+li {
!       border-bottom : 1px solid #CCCC99;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
***************
*** 639,646 ****
        border-top : 0 solid #FFFFCC;
        font-family : Arial, Helvetica, sans-serif;
!       font-size : 1em;
        list-style : none;
        margin : 0;
!       padding : 1px;
        text-align : right;
  }
--- 794,801 ----
        border-top : 0 solid #FFFFCC;
        font-family : Arial, Helvetica, sans-serif;
!       font-size : 1.1em;
        list-style : none;
        margin : 0;
!       padding : 5px 3px 5px 3px;
        text-align : right;
  }
***************
*** 699,701 ****
        font-weight : bold;
        padding : 2px;
! }
\ No newline at end of file
--- 854,931 ----
        font-weight : bold;
        padding : 2px;
! }
! 
! #search-sidebar {
!       background-color : #FFFFCC;
!       width : 33%;
!       margin : 10px;
!       padding : 3px;
!       float : right;
!       font-size : 80%;
! }
! 
! .sidebar-box {
!       border : 1px dashed #CCCC99;
!       margin-bottom : 15px;
! }
! 
! .sidebar-box h3, .sidebar-box h4 {
!       margin-left : 10px;
! }
! 
! .sidebar-box label {
!       display : block;
! }
! 
! .sidebar-box p {
!       margin : 3px 10px;
!       padding : 0;
! }
! 
! .issued {
!       color : #999999;
! }
! 
! .overdue {
!       color : #cc0000;
!       font-weight : bold;
! }
! 
! span.print {
!       font-size : .7em;
!       font-weight : normal;
!       padding-left : .7em;
!       }
!       
! #members {
! /*    background-color : transparent;*/
!       background-color : #339999;
!       border : 0px dashed #666666;
!       font-size : .85em;
!       font-weight : bold;
!       color : #000066;
!       position : absolute;
!       top : 0;
!       right : 0;
!       }
!       
! #members ul {
!       margin : 0;
!       padding : .3em .3em .3em 1.5em;
! }
! 
! #members a.logout {
!       background-color : #FFDD75;
!       color : Black;
!       font-weight : bold;
!       padding : 0 .3em 0 .3em;
!       text-decoration : none;
! }
! 
! #members a:hover.logout {
!       background-color : #FFCC33;
! }
! 
! .loggedinusername {
!       color : #D8DEB8;
! }     
\ No newline at end of file