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 <crc@liblime.com>

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 (file)
index 0000000..7e80b8d
--- /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;
+}