@import url("../lib/yui/reset-fonts-grids.css");
@import url("../lib/yui/skin.css");
-a, a:link, a:visited, a:active {
- color : #0000CC;
+input:focus, textarea:focus {
+ border-color:#538200;
+ border-style:solid;
+ 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 */ }
+
+a, a:link, a:visited {
+ color : #004d99;
+ text-decoration: none;
+}
+
+a:hover, a:active {
+ color : #538200;
+ text-decoration: none;
}
.yui-button,.yui-button a:link,.yui-button a:visited {
color: #000000;
}
-a:hover {
- color : #669ACC;
-}
a.overdue,
.overdue,
}
#header {
- background-color : #F3F3F3;
- border-bottom : 1px solid #E8E8E8;
- line-height : 2em;
+ background-color : #e6f0f2;
+ line-height : 2em;
+}
+
+#header a.toplinks {
+ #color: #ffffff;
+ font-weight: bold;
+}
+
+.gradient {
+ background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+ background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+ background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+ background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+ background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ color-stop(0.1, rgb(212,214,255)),
+ color-stop(0.99, rgb(255,255,255))
+ );
+ display: inline-block;
+ width:100%;
}
.clearfix:after {
visibility: hidden;
}
-.clearfix {display: inline-block;}
+.clearfix {
+ display: inline-block;
+}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
}
fieldset {
- border : 2px solid #EEEEEE;
margin : 1em 1em 1em 0;
padding : 1em;
+ background-color:#f4f8f9;
+ border:2px solid #b9d8d9;
+ border-radius:5px;
}
legend {
font-size : 123.1%;
font-weight : bold;
- margin : 0 0 0 -1em;
- padding : 0;
+ border:2px solid #b9d8d9;
+ background-color:#ffffff;
+ border-radius:3px;
+ text-align:right;
+ padding: 0.2em 0.5em;
}
#breadcrumbs {
- background-color : #F3F3F3;
- border-bottom : 1px solid #E8E8E8;
- clear : both;
- font-size : 90%;
- padding :.2em .5em .4em 10px;
- margin : 0;
+ background-color : #e6f0f2;
+ clear : both;
+ font-size : 90%;
+ padding :.2em .5em .4em 10px;
+ margin : 0;
}
#header+#breadcrumbs {
div#header_search div.residentsearch {
border : 0;
- border-bottom : 1px solid #FF9900;
+ border-bottom : 1px solid #85ca11;
padding : 0 0 .2em 0;
}
}
div.patroninfo h5 {
- border-right : 1px solid #000;
+ border-right:1px solid #b9d8d9;
margin-bottom : 0;
padding-left : -.5em;
padding-top : .3em;
div.patroninfo ul {
border : 0;
- border-right : 1px solid #000;
+ border-right:1px solid #b9d8d9;
border-bottom : 0;
border-top : 0;
padding : 0;
fieldset.rows {
border-width : 1px;
-border-bottom : 1px solid #666;
+border:2px solid #b9d8d9;
float : left;
font-size : 90%;
clear : left;
fieldset.action, div.action {
clear : both;
float : none;
+ background-color:#ffffff;
border : none;
margin : 0;
padding : 1em 0 .3em 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
- background : none;
+ background : none;
display : block;
padding: .2em .5em .25em .5em;
}
}
.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;
- border-bottom: 1px solid #FF9900;
- border-left: 1px solid #FFCC66;
+ 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 .ui-tabs-selected a:hover {
- color : #0000CC;
+ color : #000000;
}
.ui-tabs-nav li.ui-tabs-selected {
- background-color : #FFFFCC;
+ /* 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 {
border : 1px solid #E8E8E8;
text-align : center;
text-decoration : none;
+ border-radius : 3px;
}
.toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
background-color : #FFF;
border-bottom : 1px solid #FFF;
margin-top : 0;
+ border-radius : 3px;
}
.toptabs .tabs-container {
}
div#menu {
- border-right: 1px solid #000;
+ border-right:1px solid #b9d8d9;
margin-right: .5em;
padding-top: 1em;
padding-bottom: 2em;
border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
- border: 1px solid #000;
+ border:1px solid #b9d8d9;
font-size: 111%;
margin: .5em 0;
padding: .4em .3em;
div#menu li.active a:hover {
background-color: #fff;
- color : #0000CC;
+ color : #538200;
}
#menu ul li {
background-image : none;
border-right: 0;
font-weight: bold;
+ color:#000000;
}
ul.error {
#toplevelnav {
float : left;
margin-left : .5em;
- width : 30em;
}
ul#toplevelmenu {
padding : 0;
}
-
+
ul#toplevelmenu li {
display: inline;
padding : 0 .6em;
border: 0;
padding: 5;
font-size: 11pt;
- color: darkblue;
+ color: #000000;
+ font-style: italic;
}
.labeledmarc-value {