From 1fd17a7d96db4176632ce35296ebb36820d43d96 Mon Sep 17 00:00:00 2001 From: Paul POULAIN Date: Thu, 13 Sep 2007 18:16:15 +0200 Subject: [PATCH] Proposal for a staff-global2.css An alternate stylesheet for the staff client. Set intranetstylesheet to /intranet-tmpl/prog/en/css/staff-global2.css to see the result. Note it's a draft, or a proof of concept if you prefer ;-) Signed-off-by: Chris Cormack --- .../prog/en/css/staff-global2.css | 458 ++++++++++++++++++ 1 file changed, 458 insertions(+) create mode 100644 koha-tmpl/intranet-tmpl/prog/en/css/staff-global2.css diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global2.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global2.css new file mode 100644 index 0000000000..7e80b8de0a --- /dev/null +++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global2.css @@ -0,0 +1,458 @@ +@import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all; + +a, a:link, a:visited, a:active { + text-decoration:none; + color:#027ac6; +} + +a:hover { + text-decoration:underline; + color:#0072b9; + } + +body { + text-align : left; + background-color:#EDF5FA; + color:#494949; +} + +form { + display : inline; +} + +h1 { + margin-top:0.5em; + margin-bottom:0.5em; + font-size : 182%; + font-weight : bold; +} + +h2 { + margin-top:0.3em; + margin-bottom:0.3em; + font-size : 167%; + font-weight : bold; +} + +h3 { + font-size : 153.9%; + font-weight : bold; +} + +h4 { + font-size : 138.5%; + font-weight : bold; +} + +h5 { + font-size : 123.1%; + font-weight : bold; +} + +h6 { + font-size : 93%; + font-weight : bold; +} + +strong { + font-weight : bold; +} + +em { + font-style : italic; +} + +input[type=submit], input[type=button], input[type=reset] { + border:0px; + color: #0072b9; + font-weight:bold; + background: url( /intranet-tmpl/prog/img/bg-tab.png ); + font-size : 0.8em; + padding:3px; + text-decoration:none; + display:inline; + cursor:pointer; + margin-left:20px; +} + +#hd { +} + +#navigation { + border-right : 1px solid #BCBCBC; +} + +#navigation li { + font-weight : bold; +} + +#navigation li li { + font-weight : normal; +} + +#navigation input { + font-size : 85%; +} + +#ft { +} + +.yui-u { +} + +#doc3 { + padding-top : 1em; + background-color:white; +} + +#login { + position : absolute; + top : 3px; + right : .5em; +} + +#login a { + +} + +ul { + padding-left : 1.1em; +} + +li { + + list-style-type : disc; +} + +#header { + border-bottom : 1px solid #494949; + background: url( /intranet-tmpl/prog/img/css_header.png ); + color:#494949; +} +#header a { + color:white; +} + + +#header:after { /* clearing without presentational markup, IE gets extra treatment */ + display: block; + clear: both; + content: " "; +} + +#sitetitle { +/* background-image : url("../../img/koha-logo-black.png"); + background-position : 5px 2px; + background-repeat : no-repeat; + float : left; + height : 54px; + padding-left : 50px;*/ + border-bottom : 1px solid #E8E8E8; +} + +#sitetitle h1 { + display : inline; + line-height : 54px; +} + +#sitetitle h1 a { + text-decoration : none; +} + +#toplevelnav { + float : left; + line-height : 2em; +} + +#submenu { + margin : 0 0 .5em 0; + padding : 10px 0 0 0; + margin-top:10px; +} + +#submenu ul { + margin : 0; + display:inline; +} + +#submenu ul li { + padding : 0px 5px 0px 5px; + background-color:#027ac6; + color:white; + display:inline; + background: url( /intranet-tmpl/prog/img/css_header.png ); +} + +#submenu ul li a { + color:white; +} + +/*#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; + border-right : 1px solid #BCBCBC; +} + +th { + color:white; + background: url( /intranet-tmpl/prog/img/css_header.png ); + background-repeat:repeat-x; + border-bottom : 1px solid #BCBCBC; + border-left : 1px solid #BCBCBC; + padding : .5em; +} + +td { + background-color : White; + border-bottom : 1px solid #BCBCBC; + border-left : 1px solid #BCBCBC; + padding : .5em; +} + +th { + background-color : #E8E8E8; + font-weight : bold; +} + +td.highlight { + background-color : #F3F3F3; +} + +caption { + font-size : 153.9%; + font-weight : bold; +} + +span.problem { + background-color : #FFFFCC; + color : #990000; + font-weight : bold; + line-height : 1.7em; +} + +fieldset { + border : 2px solid #EEEEEE; + margin : 1em; + padding : 1em; +} + +legend { + font-size : 138.5%; + 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: 1em 0 1.5em 0; +} + +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 { + border : 0; + border-bottom : 1px solid #FF9900; + padding : 0 0 .2em 0; +} + +/* Panel-Switch Tabs */ +ul.link-tabs { + list-style-type: none; + margin: 1px 0 9px 5px; + padding: 0; +} + +ul.link-tabs li { + display: inline; + padding: 0px; +} + +ul.link-tabs li a { + border-bottom: 1px solid #333333; + border-left : 1px solid #DDDDDD; + border-right : 1px solid #666666; + padding: .2em 1.2em .2em 1.2em; + text-decoration: none; +} + +ul.link-tabs li.off a { + background-color: #FFFFFF; + border : 0; + margin-right : 1px; + text-decoration: underline; +} + +ul.link-tabs li.off a:hover { + background-color: #FFFFEC; + border : 0; + margin-right : 0; + padding: .2em 1.2em .2em 1.2em; +} + +ul.link-tabs li.on 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; +} + +div#header_search .tip { + font-size: 93%; + color : Gray; +} + +/* ClickMenu Overrides */ + +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: url( /intranet-tmpl/prog/img/css_header.png ); + //height: 20px; /* for ie */ +} +.clickMenu li.main li +{ + z-index: 2; + min-width: 78px; + background-color: #2e8fcb; +} +.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: none; +} + +div.yui-b h5 { + font-size : 100%; + margin : .5em 0; +} -- 2.39.2