Corrections to addbiblio.pl and addbiblio.tmpl for XHTML compliance; Formatting addbi...
[koha_fer] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 0ec4559..4ce6a94 100644 (file)
@@ -1,7 +1,7 @@
 @import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all;
 
 a, a:link, a:visited, a:active {
-       color : #316494;
+       color : #0000CC;
 }
 
 a:hover {
@@ -12,28 +12,32 @@ body {
        text-align : left;
 }
 
+form {
+       display : inline;
+}
+
 h1 {
-       font-size : 182%;
+       font-size : 161.6%;
        font-weight : bold;
 }
 
 h2 {
-       font-size : 167%;
+       font-size : 146.5%;
        font-weight : bold;
 }
 
 h3 {
-       font-size : 153.9%;
+       font-size : 131%;
        font-weight : bold;
 }
 
 h4 {
-       font-size : 138.5%;     
+       font-size : 116%;       
        font-weight : bold;
 }
 
 h5 {
-       font-size : 123.1%;     
+       font-size : 100%;       
        font-weight : bold;
 }
 
@@ -42,6 +46,18 @@ h6 {
        font-weight : bold;
 }
 
+p {
+       margin: .5em 0 .5em 0;
+}
+
+strong {
+       font-weight : bold;
+}
+
+em {
+       font-style : italic;
+}
+
 #hd {
 }
 
@@ -67,14 +83,14 @@ h6 {
 .yui-u {
 }
 
-#doc3 {
+#doc, #doc1, #doc2, #doc3 {
        padding-top : 1em;
 }
 
 #login  {
        position : absolute;
        top : 3px;
-       right : 40px;
+       right : .5em;
 }
 
 #login a {
@@ -90,7 +106,12 @@ li {
        list-style-type : disc;
 }
 
+li li {
+       list-style-type : circle;
+}
+
 #header {
+       background-color : #F3F3F3;
        border-bottom : 1px solid #E8E8E8;
 }
 
@@ -101,12 +122,13 @@ li {
 }
 
 #sitetitle {
-       background-image : url("../../img/koha-logo-black.png");
+/*     background-image : url("../../img/koha-logo-black.png");
        background-position : 5px 2px;
        background-repeat : no-repeat;
        float : left;
        height : 54px;
-       padding-left : 50px;
+       padding-left : 50px;*/
+       border-bottom : 1px solid #E8E8E8;
 }
 
 #sitetitle h1 {
@@ -120,12 +142,26 @@ li {
 
 #toplevelnav {
        float : left;
-       line-height : 54px;
-       margin-left : 1em;
+       line-height : 2em;
 }
 
 #submenu {
-       margin : .5em 0;
+       margin : 0 0 .5em 0;
+       padding : 0;
+}
+
+#submenu ul {
+       margin : 0;
+       padding : 0;    
+}
+
+#submenu ul li {
+       padding-left : 0;
+}
+
+/*#toplevelnav ul {
+       margin : 0;
+       padding : 0;
 }
 
 #toplevelnav li, #submenu li {
@@ -137,7 +173,7 @@ li {
 
 #toplevelnav li:last-child, #submenu li:last-child {
        border : 0;
-}
+}*/
 
 table {
        border-collapse : collapse;
@@ -148,7 +184,7 @@ table {
 td, th {
        border-bottom : 1px solid #BCBCBC;
        border-left : 1px solid #BCBCBC;
-       padding : .5em;
+       padding : .2em .3em;
 }
 
 td {
@@ -178,15 +214,543 @@ span.problem {
 
 fieldset {
        border : 2px solid #EEEEEE;
-       margin : 1em;
+       margin : 1em 1em 1em 0;
        padding : 1em;
 }
 
 legend {
-       font-size : 138.5%;
+       font-size : 123.1%;
        font-weight : bold;
        margin : 0 0 0 -1em;
        padding : 0;
 }
 
+#breadcrumbs {
+       background-color : #F3F3F3;
+       border-bottom : 1px solid #E8E8E8;
+       clear : both;
+       font-size : 90%;
+       padding :.2em .5em .4em .5em;
+}
+
+#commonsearch {
+       display : inline;
+}
+
+
+div#header_search {
+       background-image : url("../../img/koha-logo-medium.gif");
+       background-position : .5em .5em;
+       background-repeat : no-repeat;
+       float: left;
+       padding-left : 14.2em;
+       margin: .3em 0 .5em 0;
+       min-height : 52px;
+}
+
+div#header_search input {
+       font-size : 1.3em;
+}
+
+div#header_search ul.link-tabs {
+       font-family : Arial, Geneva, sans-serif;
+       margin-bottom : -4px;
+}
+
+div#header_search ul.link-tabs li.on a,
+div#header_search ul.link-tabs li a,
+div#header_search ul.link-tabs li.off a {
+       padding : 0.1em .5em .2em .5em;
+}
+
+div#circ_search,div#catalog_search,div#patron_search,div#subscription_search,div#addbooks_search,div#notices_search,div#printer_search,div#checkin_search,div#suggestions_search,div#roadtype_search,div#stopword_search {
+       border : 0;
+       border-bottom : 1px solid #FF9900;
+       padding : 0 0 .2em 0;
+}
+
+div#header_search div.residentsearch {
+       border : 0;
+       border-bottom : 1px solid #FF9900;
+       padding : 0 0 .2em 0;
+}
+
+div#reserves,div#checkouts {
+       border : 1px solid #E8E8E8;
+       padding : 1em;
+}
+
+div#header_search .tip {
+       font-size: 93%;
+       color : Gray;
+}
+
+.ex {
+       font-family : "Courier New", Courier, fixed-width;
+       font-weight : bold;
+}
+
+/* ClickMenu Overrides */
+
+ul#toplevelmenu li {
+       display : inline;
+       list-style: none;
+}
+
+ul#toplevelmenu li ul {
+}
+
+div.cmDiv
+{
+       border: 0;
+       background-color: #F3F3F3;
+}
+
+.clickMenu li.more a {
+       background-image: url("../../img/more-arrow.gif");
+       background-position: right;
+       background-repeat: no-repeat;
+       padding-right : 13px;
+}
+
+.clickMenu li.more li a {
+       background-image : none;
+       padding-right : 0;
+}
+
+.clickMenu
+{
+       margin: 0;
+       padding: 0;
+       cursor: default;
+}
+.clickMenu, .clickMenu ul
+{
+       list-style: none;
+}
+.clickMenu ul
+{
+       margin: 0;
+       padding: 2px;
+       border: 0;
+       background-color: #F3F3F3;
+       min-width: 100px; /* ie doesnt know this :/ */
+       //float: left;/*ie again*/
+       //width: 100%;/*and again*/
+}
+.clickMenu div.outerbox
+{
+       display: none;
+       min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
+}
+.clickMenu div.inner
+{
+       //top: 20px; /* for ie */
+       left: 0;
+       margin: 0;
+}
+.clickMenu div.inner div.outerbox
+{
+       margin: 0;
+       left: 98px;
+       //left: 90px; /* for ie */
+       top: -3px;
+}
+.clickMenu li
+{
+       list-style-type : none;
+       position: relative;
+       padding: 0 20px 0 2px;
+       /*white-space: nowrap; does not really work in ie */
+}
+.clickMenu li.main
+{
+       float: left;
+       padding: 0 10px;
+       background-color: #F3F3F3;
+       //height: 20px; /* for ie */
+}
+.clickMenu li.main li
+{
+       z-index: 2;
+       min-width: 78px;
+}
+.clickMenu li.hover
+{
+       z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
+       background-color : transparent;
+}
+.clickMenu img.liArrow
+{
+       position: absolute;
+       right: 5px;
+       top: 0.41em;
+}
+.clickMenu ul a {
+       cursor: default;
+}
+
+ul.innerBox a {
+       cursor : pointer;
+}
+
+ul.innerBox {
+       border: 1px solid #E8E8E8;
+}
+
+div.yui-b h5 {
+       font-size : 100%;
+       margin : .5em 0;
+}
+
+dt {
+       font-size : 110%;
+       font-weight : bold;
+}
+
+dd {
+       padding : .2em;
+       text-indent : 1.5em;
+}
+
+div#toolbar {
+       background-color : #F3F3F3;
+       margin-bottom : .7em;
+}
+
+ul.toolbar {
+       padding-left : 0;
+}
+
+.yui-menu-button  {
+       
+}
+
+ul.toolbar li {
+       display : inline;
+       list-style : none;
+}
+
+div.message {
+   border : 1px solid #6699CC;
+       width : 33%;
+       margin : 1em;
+       padding : .5em;
+}
+
+div.patroninfo {
+       margin-top : -.5em;
+}
+
+div.patroninfo h5 {
+       background-color : #FCFAF3;
+       /*border-top :  1px solid #CCCC99;
+       border-left :  1px solid #CCCC99;*/
+       border-right :  1px solid #CCCC99;
+       margin-bottom : 0;
+       padding-left : .5em;
+       padding-top : .3em;
+       padding-bottom : .5em;
+}
+
+div.patroninfo ul {
+       /*border : 1px solid #CCCC99;*/
+       border-right : 1px solid #CCCC99;
+       border-bottom : 0;
+       border-top : 0;
+       background-color : #FCFAF3;
+       padding-bottom : .5em;
+}
+
+div.patroninfo ul li, div.patronviews ul li {
+       list-style-type : none;
+}
+
+div.patronviews {
+       background-color : #FDFCF7;
+       /*border-left : 1px solid #CCCC99;
+       border-bottom : 1px solid #CCCC99;*/
+       border-right :  1px solid #CCCC99;
+       border-top : 1px solid #CCCC99;
+       margin-bottom : .5em;
+       padding : .5em 0 .5em 0;
+}
+
+a.member-edit {
+       float : right;
+       background-color : #DBECC8;
+       margin-top : .5em;
+       padding : .3em;
+       text-align : right;
+       text-decoration : none;
+}
+
+fieldset.brief {
+       border : 1px solid #E8E8E8;
+}
+
+fieldset.brief label {
+       display : block;
+       font-weight : bold;
+       padding : .3em 0;
+}
+
+fieldset.brief div.hint {
+       color : #999999;
+       font-size : 80%;
+       margin-bottom : .4em;
+}
+
+fieldset.rows {  
+border-width : 1px;
+border-bottom : 1px solid black;
+float : left;
+font-size : 90%;
+clear : left;
+margin: .9em 0 0 0;  
+padding: 0;
+width: 100%; 
+}
+
+
+
+fieldset.rows legend {  
+       margin-left: 1em;
+       font-weight: bold;
+       font-size : 110%;
+}
+
+fieldset.rows label, fieldset.rows span.label {  
+       float: left;  
+       font-weight : bold;
+       width: 9em;  
+       margin-right: 1em;  
+       text-align: right;
+}
+
+fieldset.rows.left label, fieldset.rows.left span.label {
+       width : 8em;
+       text-align : left;      
+}
+
+fieldset.rows ol {  
+padding: 1em 1em 0 1em;  
+list-style-type: none;
+}
+
+fieldset.rows li {  
+float : left;
+clear : left;
+padding-bottom: 1em;
+list-style-type: none;
+width: 100%; 
+}
+
+fieldset.rows.left li {
+       padding-bottom : .4em;
+}
+
+fieldset.rows li.radio {
+       padding-left: 9em;
+       width : auto;
+}
+
+fieldset.rows li.radio label {
+       float : none;
+       width : auto;
+       margin : 0 0 0 1em;
+}
+
+fieldset.rows ol.radio label {
+       width : auto;
+       float : none;
+       margin-right : 0;
+}
+
+fieldset.rows ol.radio label.radio {
+       float : left;
+       width : 12em;
+       margin-right : 1em;
+}
+
+fieldset.rows table {
+       clear : both;
+       margin-left : 1em;
+}
+
+fieldset.rows td label {
+       float : none;
+       font-weight : normal;
+       width : auto;
+}
+
+fieldset.action {
+       clear : both;
+       float : none;
+       border : none;
+       margin : 0;
+       padding : 1em 0 .3em 0;
+       width : auto;
+}
+
+fieldset.rows fieldset.action {
+       padding : 0 0 1em 1em;
+}
+
+.tabs-nav li {
+       list-style : none;
+}
+
+.tabs-nav a, .tabs-nav a span {
+   background : none;
+       padding: .2em .5em .25em .5em;
+}
+
+.tabs-nav a {
+    z-index : auto;
+}
+
+.tabs-nav .tabs-selected a {
+       background-color : #FFFFCC;
+       border-top: 1px solid #FFFFCC;
+       border-right: 1px solid #FF9900;
+       border-bottom: 1px solid #FF9900;
+       border-left: 1px solid #FFCC66;
+       font-weight : bold;
+       text-align : center;
+       text-decoration : none;
+       top : -1px;
+}
+
+.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
+    background-position : inherit;
+    outline: 0; /* prevent dotted border in Firefox */
+}
+.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
+    background-position: inherit;
+}
+
+.tabs-nav .tabs-selected a:hover {
+       color : #0000CC;
+}
+
+.tabs-nav li.tabs-selected {
+       background-color : #FFFFCC;
+}
+
+.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
+        background : none;
+    outline: 0; /* prevent dotted border in Firefox */
+}
+
+.tabs-container {
+    border-top: 0;
+    padding : inherit;
+    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
+}
+.tabs-loading em {
+    padding: inherit;
+    background: none;
+}
+
+.toptabs .tabs-nav a {
+    top: 0;
+ }
+
+.toptabs .tabs-nav li {
+       margin-right : .5em;
+}
+
+.toptabs .tabs-nav li a {
+       background-color : #F3F3F3;
+       border-top : 1px solid #E8E8E8;
+       border-left : 1px solid #E8E8E8;
+       border-right : 1px solid #E8E8E8;
+       border-bottom : 0;
+       text-align : center;
+       text-decoration : none;
+}
+
+.toptabs .tabs-nav li.tabs-selected  {
+       background-color : #FFF;
+}
+
+.toptabs .tabs-nav li.tabs-selected 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;
+}
+
+.toptabs.numbered .tabs-nav li {
+       min-width : 3em;
+}
+
+.toptabs .tabs-container {
+       border : 1px solid #E8E8E8;
+       padding : 1em;
+}
+
+.checkedout {
+       color : #999999;
+       font-style : italic;
+}
+
+.subfield_not_filled {
+       background-color : #FFFF99;
+}
+.content_hidden {
+    visibility:hidden; /* you propably don't need to change this one */
+    display:none;
+}
+
+/* the property for the displayed tab */
+.content_visible {
+    visibility:visible; /* you propably don't need to change this one */
+    display:block;
+}
+#addbiblio a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#deletebiblio a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#printbiblio a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#addtoshelf a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#placehold a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+div.error {
+       border : 2px dashed #990000;
+       background-color : #FFFF99;
+       padding : .5em;
+       margin : 1em;
+}