Bug 8414 - Intranet header toplinks display white rather than blue in < IE8
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index e591a73..a8e9d0a 100644 (file)
@@ -7,12 +7,6 @@ input:focus, textarea:focus {
     border-radius: 4px;
 }
 
-radio:focus, checkbox:focus {
-    border-color:#538200;
-    border-style:solid;
-    border-radius: 4px;
-}
-
 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
 
@@ -195,7 +189,6 @@ ol li {
 }
 
 #header a.toplinks {
-    #color: #ffffff;
     font-weight: bold;
 }
 
@@ -291,6 +284,10 @@ td {
        vertical-align : top;
 }
 
+table.indexes td {
+    vertical-align : middle;
+}
+
 td.borderless {
     border-collapse : separate;
     border : 0 none;
@@ -794,99 +791,6 @@ fieldset.rows .inputnote {
        margin : .5em 0 0 11em;
 }
 
-.ui-tabs-nav li {
-       margin-right : .5em;
-       position : relative;
-       top : -1px;
-}
-
-.ui-tabs-nav li.ui-tabs-selected {
-
-}
-
-.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
-    background : none;
-       display : block;
-       padding: .2em .5em .25em .5em;
-}
-
-.ui-tabs-nav a, .ui-tabs-nav span.a {
-
-}
-
-.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
-    border-top: 1px solid #e6f0f2;
-    border-right: 1px solid #85ca11;
-    border-bottom: 1px solid #85ca11;
-    border-left: 1px solid #85ca11;
-       font-weight : bold;
-       text-align : center;
-       text-decoration : none;
-    border-radius: 0px 0px 4px 4px;
-    color : #000000;
-
-}
-
-.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 {
-    outline: 0; /* prevent dotted border in Firefox */
-}
-
-.ui-tabs-nav .ui-tabs-selected a:hover {
-    color : #000000;
-}
-
-.ui-tabs-nav li.ui-tabs-selected {
-    /* background-color : #FFFFCC; */
-}
-
-.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 */
-}
-
-.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 {
-       margin-top : 1em;
-}
-
-.toptabs .ui-tabs-nav li {
-       margin-right : .5em;
-       position : relative;
-       top : 1px;
-}
-
-.toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
-       background-color : #E6F0F2;
-    border : 1px solid #B9D8D9;
-       text-align : center;
-       text-decoration : none;
-    border-radius : 3px 3px 0 0;
-}
-
-.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 #85CA11;
-        border-right : 1px solid #85CA11;
-      border-left : 1px solid #85CA11;
-       border-bottom : 1px solid #FFF;
-       margin-top : 0;
-    border-radius : 3px;
-}
-
-.toptabs .tabs-container {
-      border : 1px solid #B9D8D9;
-       padding : 1em;
-}
-
 .checkedout {
        color : #999999;
        font-style : italic;
@@ -905,7 +809,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, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child, #periods_menuc .first-child {
+#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, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
        padding-left : 34px;
        background-image: url("../../img/toolbar-new.gif");
        background-position : center left;
@@ -943,7 +847,8 @@ fieldset.rows .inputnote {
 #managelabel a,
 #managetemplate a,
 #managelabelbatch a,
-#manageprofile a {
+#manageprofile a,
+#periods_menuc .first-child {
        padding-left : 34px;
        background-image: url("../../img/toolbar-edit.gif");
        background-position : center left;
@@ -1255,6 +1160,7 @@ td input.approve {
 
 div.dialog {
        border: 1px solid #bcbcbc;
+    text-align : center;
 }
 
 div.alert {
@@ -1274,6 +1180,10 @@ div.alert strong {
        color : #900;
 }
 
+.dialog li {
+    list-style-position:inside;
+}
+
 a.document {
        background-position : left middle;
        background-repeat : no-repeat;
@@ -2203,13 +2113,10 @@ div.pager {
        padding : .3em .5em .3em .5em;
        margin : .4em 0;
 }
-div.pager img {+/* jQuery UI Autocomplete */
-+ul.ui-autocomplete li { list-style-type: none; font-size : inherit; }
-+ul.ui-autocomplete { -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3); box-shadow: 2px 2px 2px rgba(0,0,0,.3); }
-+input.ui-autocomplete-input.active { background: transparent url("../../img/loading-small.gif") right center no-repeat; }
-
+div.pager img {
        vertical-align : middle;
 }
+
 div.pager img.last {
        padding-right: 5px;
 }
@@ -2249,28 +2156,204 @@ div#acqui_order_supplierlist > div.supplier > div.baskets {
 }
 
 /* jQuery UI Autocomplete */
-ul.ui-autocomplete li {
-    list-style-type: none;
+
+
+
+
+/* jQuery UI standard tabs */
+.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 repeat scroll 0 0 transparent;
+    outline: 0 none;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+    background-color : #FFF;
+    border : 1px solid #B9D8D9;
+}
+
+.ui-widget,
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family : inherit;
     font-size : inherit;
 }
+ul.ui-tabs-nav li {
+    list-style : none;
+}
+.ui-tabs.ui-widget-content {
+    background : transparent none;
+    border : 0;
+}
+
+.ui-tabs .ui-tabs-panel {
+    border : 1px solid #B9D8D9;
+}
+.ui-tabs-nav.ui-widget-header {
+    border : 0;
+    background : none;
+}
+.ui-tabs .ui-tabs-nav li {
+    background: #E6F0F2 none;
+    border: 1px solid #B9D8D9;
+    margin-right : .4em;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+    color : #000;
+    font-weight : bold;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
+    background : #EDF4F5 none;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
+    background : #FFF none;
+}
 
-ul.ui-autocomplete {
-    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
-    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
-    box-shadow: 2px 2px 2px rgba(0,0,0,.3);
+.ui-tabs .ui-state-default a,
+.ui-tabs .ui-state-default a:link,
+.ui-tabs .ui-state-default a:visited {
+    color: #004D99;
 }
 
-.ui-autocomplete.ui-widget-content {
-    background-image : none;
+.ui-tabs .ui-state-hover a,
+.ui-tabs .ui-state-hover a:link,
+.ui-tabs .ui-state-hover a:visited {
+    color: #538200;
 }
 
-.ui-autocomplete.ui-widget-content .ui-state-hover {
+.statictabs ul {
+    background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    margin: 0;
+    padding: 0.2em 0.2em 0;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color: #222222;
+    font-weight: bold;
+    font-size: 100%;
+    line-height: 1.3;
+    list-style: none outside none;
+    outline: 0 none;
+    text-decoration: none;
+}
+
+.statictabs ul:after {
+    clear: both;
+}
+
+.statictabs ul:before,
+.statictabs ul:after {
+    content: "";
+    display: table;
+}
+
+.statictabs ul li {
+    background: none repeat scroll 0 0 #E6F0F2;
     border: 1px solid #B9D8D9;
-    background: #E6F0F2 none;
+    border-bottom: 0 none !important;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    float: left;
+    list-style: none outside none;
+    margin-bottom: 0;
+    margin-right: 0.4em;
+    padding: 0;
+    position: relative;
+    white-space: nowrap;
+    top: 1px;
+    color: #555555;
     font-weight: normal;
+
+}
+
+.statictabs ul li.active {
+    background-color: #FFFFFF;
     color: #212121;
+    font-weight: normal;
+    padding-bottom: 1px;
 }
 
-.ui-autocomplete-loading {
-    background: #FFF url("../../img/loading-small.gif") right center no-repeat;
+.statictabs ul li a {
+    color: #004D99;
+    cursor: pointer;
+    float: left;
+    padding: 0.5em 1em;
+    text-decoration: none;
+}
+
+.statictabs ul li a:hover {
+    background-color : #EDF4F5;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color : #538200;
+}
+
+.statictabs ul li.active a {
+    color: #000000;
+    font-weight: bold;
+    cursor: text;
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
+}
+
+.statictabs .tabs-container {
+    border: 1px solid #B9D8D9;
+    background: none repeat scroll 0 0 transparent;
+    display: block;
+    padding: 1em 1.4em;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    color: #222222;
+}
+
+/* jQuery UI header search box tabs */
+#header_search ul.ui-tabs-nav {
+    padding-top : 0;
+    margin-left: 1em;
+}
+#header_search ul.ui-tabs-nav li.ui-state-default {
+    border: 0 !important;
+    background : transparent none; top: 0;
+}
+#header_search ul.ui-tabs-nav li.ui-state-default a {
+    padding : .3em .6em;
+}
+#header_search ul.ui-tabs-nav li.ui-tabs-selected {
+    background-color : #FFFFF1;
+    border: 1px solid #85CA11 !important;
+    border-top: 0 !important; top: -1px;
+}
+#header_search ul.ui-tabs-nav li.ui-tabs-selected a {
+    text-decoration: none;
+}
+#header_search .ui-corner-top {
+     border-radius: 0 0 4px 4px;
+}
+
+.authref {
+    text-indent: 2em;
+}
+
+.authref .label {
+    font-style: italic;
+}
+
+/* jQuery UI Datepicker */
+.ui-datepicker-trigger {
+    vertical-align: middle;
+    margin : 0 3px;
+}
+.ui-datepicker {
+    -moz-box-shadow: 1px 1px 3px 0 #666;
+    -webkit-box-shadow: 1px 1px 3px 0 #666;
+    box-shadow: 1px 1px 3px 0 #666;
 }