X-Git-Url: http://koha-dev.rot13.org:8081/gitweb/?a=blobdiff_plain;f=koha-tmpl%2Fintranet-tmpl%2Fprog%2Fen%2Fcss%2Fstaff-global.css;h=3a2cc28a3527cb1f080baa02f6bf3f9c894404b0;hb=2a26033f951b2ef3e1622b85a6d17b0e328e071e;hp=8ad79812ae2c8766bf902a0fcf521b2d0bc242a8;hpb=338e85582a9181df93e59eda877da32a4b5c77e9;p=koha_fer diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css index 8ad79812ae..3a2cc28a35 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css @@ -10,6 +10,7 @@ a:hover { body { text-align : left; + padding:0 0 2.5em 0; } br.clear { @@ -55,6 +56,9 @@ h1,h2,h3,h4,h5,h6 { margin : .3em 0; } +html { +} + p { margin: .5em 0 .5em 0; } @@ -102,7 +106,6 @@ em { #login { position : absolute; - top : 3px; right : .5em; } @@ -114,18 +117,26 @@ ul { padding-left : 1.1em; } -li { - +ul li { list-style-type : disc; } -li li { +ul li li { list-style-type : circle; } +ol { + padding-left : 1.5em; +} + +ol li { + list-style : decimal; +} + #header { background-color : #F3F3F3; border-bottom : 1px solid #E8E8E8; + line-height : 2em; } #header:after { /* clearing without presentational markup, IE gets extra treatment */ @@ -153,11 +164,6 @@ li li { text-decoration : none; } -#toplevelnav { - float : left; - line-height : 2em; -} - #submenu { margin : 0 0 .5em 0; padding : 0; @@ -172,22 +178,6 @@ li li { padding-left : 0; } -/*#toplevelnav ul { - margin : 0; - padding : 0; -} - -#toplevelnav li, #submenu li { - display : inline; - border-right : 1px solid #E8E8E8; - padding : 0 .5em; - white-space : nowrap; -} - -#toplevelnav li:last-child, #submenu li:last-child { - border : 0; -}*/ - table { border-collapse : collapse; border-top : 1px solid #BCBCBC; @@ -261,6 +251,7 @@ legend { clear : both; font-size : 90%; padding :.2em .5em .4em 10px; + margin : 0; } #header+#breadcrumbs { @@ -315,114 +306,6 @@ div#reserves,div#checkouts { 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; - white-space : nowrap; -} - -.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%; @@ -461,6 +344,10 @@ div.patroninfo { margin-top : -.5em; } +*html div.patroninfo { + margin-right : .5em; +} + div.patroninfo h5 { border-right : 1px solid #000; margin-bottom : 0; @@ -470,10 +357,16 @@ div.patroninfo h5 { } div.patroninfo ul { + border : 0; border-right : 1px solid #000; border-bottom : 0; border-top : 0; - padding : 0 0 .5em 0; + padding : 0; + margin : 0; +} + +div.patroninfo ul li { + margin : 0; } div.patroninfo ul li, div.patronviews ul li { @@ -543,7 +436,7 @@ fieldset.rows label, fieldset.rows span.label { fieldset.rows fieldset { border-width : 1px; - margin : 0; + margin : 0 0 .5em 0; padding : .3em; } @@ -609,8 +502,9 @@ fieldset.rows ol.radio label.radio { } fieldset.rows table { + font-size : 105%; clear : both; - margin : 1em 0 0 1em; + margin : 1em 0 1em 1em; } fieldset.rows td label { @@ -677,26 +571,33 @@ fieldset.rows fieldset.action { padding : 1em; } +fieldset.rows label.inline { + display : inline; + float : none; + margin-left : 1em; + width : auto; +} + fieldset.rows .inputnote { float : left; margin : .5em 0 0 10em; } -.tabs-nav li { +.ui-tabs-nav li { list-style : none; } -.tabs-nav a, .tabs-nav a span, .tabs-nav span.a { +.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a { background : none; display : block; padding: .2em .5em .25em .5em; } -.tabs-nav a, .tabs-nav span.a { +.ui-tabs-nav a, .ui-tabs-nav span.a { z-index : auto; } -.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a { +.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a { background-color : #FFFFCC; border-top: 1px solid #FFFFCC; border-right: 1px solid #FF9900; @@ -705,26 +606,27 @@ fieldset.rows .inputnote { font-weight : bold; text-align : center; text-decoration : none; - top : -1px; + margin-top : -1px; + z-index: 100; } -.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a { +.ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a { 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, .tabs-nav span.a { +.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active, .ui-tabs-nav span.a { background-position: inherit; } -.tabs-nav .tabs-selected a:hover { +.ui-tabs-nav .ui-tabs-selected a:hover { color : #0000CC; } -.tabs-nav li.tabs-selected { +.ui-tabs-nav li.ui-tabs-selected { background-color : #FFFFCC; } -.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a { +.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; outline: 0; /* prevent dotted border in Firefox */ } @@ -738,19 +640,20 @@ fieldset.rows .inputnote { padding: inherit; background: none; } + .toptabs { margin-top : 1em; } -.toptabs .tabs-nav a, .toptabs .tabs-nav span.a { +/*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a { top: 0; - } + }*/ -.toptabs .tabs-nav li { +.toptabs .ui-tabs-nav li { margin-right : .5em; } -.toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a { +.toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a { background-color : #F3F3F3; border-top : 1px solid #E8E8E8; border-left : 1px solid #E8E8E8; @@ -760,22 +663,16 @@ fieldset.rows .inputnote { text-decoration : none; } -.toptabs .tabs-nav li.tabs-selected { +.toptabs .ui-tabs-nav li.ui-tabs-selected { background-color : #FFF; + margin-top : 1px; } -.toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a { +.toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .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; -} - -.toptabs.numbered .tabs-nav li { - min-width : 3em; + margin-bottom : -1px; + z-index : 2; } .toptabs .tabs-container { @@ -801,7 +698,7 @@ fieldset.rows .inputnote { visibility:visible; /* you propably don't need to change this one */ display:block; } -#newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newbatch a, #newsubscription a, #newdictionary a, #neworder a { +#newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #neworder a { padding-left : 34px; background-image: url("../../img/toolbar-new.gif"); background-position : center left; @@ -927,9 +824,20 @@ ol.bibliodetails span.label { margin-right: 1em; } -ol.bibliodetails span.listgroup { - font-weight: bold; - font-style: oblique; +div.listgroup { + clear : left; +} + +div.listgroup h4 { + font-style: italic; +} + +div.listgroup h4 a { + font-size : 80%; +} + +div.listgroup input { + font-size: 80%; } div.sysprefs h3 { @@ -955,7 +863,7 @@ tr.highlight th[scope=row] { background-color : #DDDDDD; } -tr.confirm td, tr.confirm.highlight td { +tr.confirm td, tr.highlight.confirm td { background-color : #ffbfbf; } @@ -1069,11 +977,13 @@ div.first fieldset { .dialog input.save { background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center; + color:black; padding: .4em .4em .4em 34px; } .dialog input.edit { background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center; + color:black; padding: .4em .4em .4em 34px; } @@ -1109,30 +1019,6 @@ div.message input.approve { text-decoration : underline; } - #changelanguage { - background-color : #F3F3F3; - border-top : 1px solid #E8E8E8; - font-size : 93%; - margin-top : 2em; - padding : .3em .5em .5em .5em; - } - - #changelanguage ul { - margin : 0; - padding : 0; - } - - #changelanguage li { - border-left : 1px solid #CCC; - display : inline; - list-style : none; - padding : 0 .5em; - } - - #changelanguage li:first-child { - border-left : 0; - } - .required { color : #C00; } @@ -1161,6 +1047,10 @@ div#menu { padding-bottom: 2em; } +*html #menu li { + display : inline; +} + div#menu li a { text-decoration: none; display: block; @@ -1214,6 +1104,10 @@ h1#logo { padding:0; } +*html h1#logo { + margin : 0.75em .3em 0.75em .3em; +} + h1#logo a { border:0; cursor:pointer; @@ -1373,7 +1267,7 @@ div#header_search input.submit { font-size : 1em; } -input[type=submit], input[type=button], input.submit { +input[type=submit], input[type=button] { border: 1px outset #999999; border-top-color: #666; border-left-color: #666; @@ -1382,6 +1276,202 @@ input[type=submit], input[type=button], input.submit { color: #333333; } -input[type=submit]:active, input[type=button]:active, input.submit:active { +input.submit { + border: 1px solid #999999; + border-top-color: #666; + border-left-color: #666; + padding: 0.25em; + background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x; + color: #333333; +} + +*html input.submit { + padding : .1em; +} + +input[type=submit]:active, input[type=button]:active { border : 1px inset #999999; } + +input.submit:active { + border : 1px inset #999999; +} + +input[type=reset], input[type=button], input.submit { + border: 1px outset #999999; + border-top-color: #666; + border-left-color: #666; + padding: 0.25em; + background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x; + color: #333333; +} + +input[type=reset]:active, input[type=button]:active, input.submit:active { + border : 1px inset #999999; +} + +.searchhighlightblob { + font-size:75%; + font-style : italic; +} + +/* Define a new style for each menu */ + +.yui-skin-sam .yuimenu { + line-height: 2;/* ~24px */ + *line-height: 1.9; /* For IE */ +} + +a.yuimenuitemlabel { +} + +.yui-skin-sam .yuimenu .bd { + border-width: 1px; + border-color: #ddd #666 #666 #ddd; + border-style: solid; + background-color: #fff; +} + +.yui-skin-sam #sublangs li.yuimenuitem { + /* + For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode: + Used to collapse superfluous white space between
  • + elements that is triggered by the "display" property of the + elements being set to "block." + */ + _border-bottom: solid 1px #ccc; +} + + +/* Define a new style for a MenuItem instance's "selected" state. */ +.yui-skin-sam #sublangs .yuimenuitem-selected { + background-color: #82AAE1; +} +.yui-skin-sam #sublangs .yuimenuitemlabel-selected { + color: #fff; +} + +#toplevelnav { + float : left; + margin-left : .5em; +} + +ul#toplevelmenu { + padding : 0; +} + +ul#toplevelmenu li { + display: inline; + padding : 0 .6em; +} + +ul#toplevelmenu li.more a { + background-image:url(../../img/more-arrow.gif); + background-position:right center; + background-repeat:no-repeat; + padding-right:13px; +} + +ul#toplevelmenu li.more ul li a { + background-image : none; + padding-right : 20px; +} + +ul#toplevelmenu li.more ul li a.yuimenuitemlabel { + padding: .2em 20px .2em 20px; +} + +ul#menu li a, ul#toplevelmenu li a { + text-decoration : none; +} +ul#menu li ul li, ul#toplevelmenu li ul li { + display :block; + padding :0; +} +ul#menu li ul li a, ul#toplevelmenu li ul li a { + text-decoration : none; +} + +ul#i18nMenu { + margin : 0; + padding : .2em 0; + } + +ul#i18nMenu li { + border-left : 1px solid #CCC; + display : inline; + list-style : none; + padding : 0 10px; + } + +ul#i18nMenu li:first-child { + border-left : 0; + } + +ul#i18nMenu li ul li { + border : 0; + display : block; + padding : 0; + } + + +ul#i18nMenu li.more a { + background-image:url(../../img/more-up-arrow.gif); + background-position:right center; + background-repeat:no-repeat; + padding-right:13px; +} + +ul#i18nMenu li.more ul li a { + background-image : none; + padding-right : 20px; +} + + div#changelanguage{ + background-color: #fff; + border-top: 1px solid #CCC; + position:absolute; + bottom:0; + left:0; + width:100%; + height: 2em; + } + + @media screen{ + body>div#changelanguage { + position: fixed; + } + } + + * html body{ + overflow:hidden; + } + + * html div#doc1{ + height:100%; + overflow:auto; + } + + * html div#doc2{ + height:100%; + overflow:auto; + } + + * html div#doc3{ + height:100%; + overflow:auto; + } + +#CheckAll, #CheckNone { + font-weight : normal; + margin : 0 .5em 0 0; +} +.lost,.dmg,.wdn { + display : block; + color : #990000; +} +.datedue { + display : block; + color : #999; + font-style : italic; +}