44 lines
3.4 KiB
CSS
44 lines
3.4 KiB
CSS
|
|
#rtfd-header *:focus { outline: none; }
|
|
|
|
/* header */
|
|
|
|
#rtfd-header { font: 16px/20px "ff-meta-web-pro-1", "ff-meta-web-pro-2", Arial, "Helvetica Neue", sans-serif; height: 50px; min-width: 780px; background: url(../images/header-bg.png) bottom left repeat-x #465158; overflow: hidden; text-align: left; border-bottom: 1px solid #000; }
|
|
#rtfd-header ul { margin: 0; padding: 0; list-style: none; }
|
|
#rtfd-header ul li { margin: 0; padding: 0; list-style: none; }
|
|
|
|
/* header title */
|
|
.rtfd-header-title { position: relative; margin: 0; padding: 0; height: 50px; width: 180px; }
|
|
.rtfd-header-title h1 { background: url(../images/logo.png) top left no-repeat; position: absolute; top: 0; left: -30px; margin: 0; padding: 0; font-size: 20px; line-height: 20px; color: #fff; text-indent: -9999em; }
|
|
.rtfd-header-title h1 a { display: block; color: #fff; text-decoration: none; height: 50px; width: 200px; }
|
|
|
|
/* header search */
|
|
.rtfd-header-search { position: absolute; top: 12px; left: 190px; width: 300px; }
|
|
.rtfd-header-search input { padding: 0 5px; margin: 0; height: 25px; font-size: 14px; float: left; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; }
|
|
.rtfd-header-search input[type="text"] { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; width: 225px; }
|
|
.rtfd-header-search input[type="submit"] { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Arial, "Helvetica Neue", sans-serif; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; padding: 0 12px; background: #e6e6e6 url(../images/gradient.png) repeat-x bottom left; font-weight: bold; color: #666; }
|
|
.rtfd-header-search input[type="submit"]:hover { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); background-color: #8ECC4C; color: #fff; }
|
|
|
|
/* bookmarking */
|
|
.rtfd-header-bookmark { position: absolute; top: 10px; left: 500px; }
|
|
.rtfd-header-bookmark-icon { display: block; text-indent: -99999em; height: 25px; width: 25px; background: url(../images/bookmark-icon-default.png) 50% 50% no-repeat #697983; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
|
|
.rtfd-header-bookmark-icon.active { background-image: url(../images/bookmark-icon-active.png); }
|
|
.rtfd-header-bookmark-icon:hover { background-image: url(../images/bookmark-icon-hover.png); }
|
|
|
|
/* header nav */
|
|
.rtfd-header-nav { position: absolute; top: 0; right: 10px; }
|
|
.rtfd-header-nav ul li { float: left; }
|
|
.rtfd-header-nav ul li a { font-size: 14px; font-weight: bold; display: block; text-decoration: none; padding: 5px 10px; margin: 10px 0 0 10px; color: #fff; text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5); background: #7C8F99 url(../images/gradient-light.png) bottom left repeat-x; border-bottom: 1px solid #465158; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
|
|
.rtfd-header-nav ul li a:hover { background-color: #8CA1AF; }
|
|
.rtfd-header-nav ul li.active a, .header-nav ul li.active a:hover { background-color: #BAC7CF; }
|
|
.rtfd-header-nav .overview-link a { padding: 4px 10px; margin: 10px 15px; line-height: 20px; height: 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
|
|
#rtfd-header + div { position:relative; }
|
|
|
|
|
|
/* autocomplete */
|
|
|
|
.ui-autocomplete { background: #fff; text-align: left; border: 1px solid #bfbfbf; }
|
|
.ui-state-hover { background: #eee; }
|
|
.ui-menu-item a { display: block; padding: 3px 10px; }
|
|
|