| @charset "utf-8";
|
| /**
|
| * BioCatalogue: app/public/stylesheets/styles.css
|
| *
|
| * Copyright (c) 2009, University of Manchester, The European Bioinformatics
|
| * Institute (EMBL-EBI) and the University of Southampton.
|
| * See license.txt for details
|
| */
|
|
|
| /* CSS Document */
|
|
|
| /**
|
| * NOTE: this relies on the Yahoo IU reset-fonts CSS to normalise styles for HTML elements and fonts
|
| * ALl font sizes MUST be specified in %ages as per the table here: http://developer.yahoo.com/yui/fonts/
|
| */
|
|
|
| /*
|
| ** Markup free clearing
|
| ** Details: http://www.positioniseverything.net/easyclearing.html
|
| */
|
| .clear-block:after {
|
| content: ".";
|
| display: block;
|
| height: 0;
|
| clear: both;
|
| visibility: hidden;
|
| }
|
|
|
| .clear-block {
|
| display: inline-block;
|
| }
|
|
|
| /* Hides from IE-mac \*/
|
| * html .clear-block {
|
| height: 1%;
|
| }
|
| .clear-block {
|
| display: block;
|
| }
|
| /* End hide from IE-mac */
|
|
|
|
|
|
|
| /**
|
| *
|
| * This css is a variation of the Garland theme, for Drupal 5.0
|
| *
|
| * Credits to:
|
| * Stefan Nagtegaal, iStyledThis [dot] nl
|
| * Steven Wittens, acko [dot] net`
|
| *
|
| */
|
|
|
| /**
|
| * Generic elements
|
| */
|
|
|
| html {
|
| background-color: #e9f7cc;
|
| }
|
|
|
| body {
|
| margin: 0;
|
| padding: 0;
|
| background-color: #e9f7cc;
|
| font-family: arial;
|
| color: #333333;
|
| min-width: 950px;
|
| }
|
|
|
| p {
|
| font-family: arial;
|
| margin: 1em 0;
|
| padding: 0;
|
| line-height: 1.5;
|
| }
|
|
|
| input {
|
| color: #333333;
|
| vertical-align: middle;
|
| }
|
|
|
| textarea, select {
|
| color: #333333;
|
| }
|
|
|
| h1, h2, h3, h4, h5, h6 {
|
| margin: 0;
|
| padding: 0;
|
| font-weight: bold;
|
| font-family: arial;
|
| line-height: 1.5;
|
| color: #333333;
|
| }
|
|
|
| h1 {
|
| font-size: 153.9%;
|
| color: #000033;
|
| margin: 0.5em 0;
|
| }
|
|
|
| h2 {
|
| font-size: 138.5%;
|
| }
|
|
|
| h3 {
|
| font-size: 123.1%;
|
| }
|
|
|
| h4 {
|
| margin: 0.5em 0;
|
| }
|
|
|
| h5 {
|
| margin: 0.8em 0 0.5em 0;
|
| padding-bottom: 0.3em;
|
| border-bottom: 1px solid #CCC;
|
| }
|
|
|
| h6 {
|
| }
|
|
|
| table {
|
| margin: 0;
|
| border-collapse: separate;
|
| }
|
|
|
| th,td {
|
| text-align: left;
|
| border: none;
|
| vertical-align: top;
|
| }
|
|
|
| ul, quote, code, fieldset {
|
| margin: 0.5em 0;
|
| }
|
|
|
| pre {
|
| background-color: #EEEEEE;
|
| padding: 1em;
|
| font-size: 85%;
|
| }
|
|
|
| small {
|
| line-height: 1.3;
|
| color: #555555;
|
| }
|
|
|
| fieldset {
|
| border: 1px solid #cdeb8b;
|
| padding: 0.3em 1.3em 0.8em 1.3em;
|
| }
|
|
|
| legend {
|
| padding: 0.3em 0.6em;
|
| text-align: left;
|
| font-weight: bold;
|
| margin: 0;
|
| margin-bottom: 0.2em;
|
| }
|
|
|
| strong {
|
| font-weight: bold;
|
| }
|
|
|
| em {
|
| font-style: italic;
|
| }
|
|
|
| a:link, a:visited {
|
| color: #333333;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover {
|
| color: #ff7400;
|
| text-decoration: underline;
|
| }
|
|
|
| a:active, a.active {
|
| color: #ff7400;
|
| text-decoration: underline;
|
| }
|
|
|
| a img {
|
| text-decoration: none;
|
| }
|
|
|
| hr {
|
| margin: 0.5em 0;
|
| *margin: 0;
|
| padding: 0;
|
| border: none;
|
| height: 1px;
|
| background: #5294c1;
|
| }
|
|
|
| ul {
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| ul li {
|
| margin: 0;
|
| padding: 0;
|
| line-height: 1.4;
|
| }
|
|
|
| img, a img {
|
| border: none;
|
| }
|
|
|
| .center {
|
| text-align: center;
|
| }
|
|
|
| .nomargin {
|
| margin: 0;
|
| }
|
|
|
| .medium_linespaced {
|
| line-height: 1.5;
|
| }
|
|
|
| .high_linespaced {
|
| line-height: 2.0;
|
| }
|
|
|
| .inline-block {
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| }
|
|
|
| .faded {
|
| color: #999;
|
| }
|
|
|
| .faded_plus {
|
| color: #AAA;
|
| }
|
|
|
| .faded_plus_plus {
|
| color: #BBB;
|
| }
|
|
|
| .green_box {
|
| border: 1px dotted #999999;
|
| background-color: #e9f7cc;
|
| padding: 2px;
|
| }
|
|
|
| .green_highlight {
|
| background-color: #e9f7cc;
|
| padding: 3px 5px 3px 5px;
|
| }
|
|
|
| .orange_highlight {
|
| background-color: #ffbb7f;
|
| padding: 4px 6px 4px 6px;
|
| }
|
|
|
| .yellow_highlight {
|
| background-color: #FFC;
|
| padding: 3px 5px 3px 5px;
|
| }
|
|
|
| .standout_link {
|
| color: #333333;
|
| border: 1px solid #EED799;
|
| background: #FFC;
|
| padding: 0.3em 0.5em;
|
| line-height: 1.3;
|
| }
|
|
|
| .ago {
|
| margin-left: 0.2em;
|
| color: #666;
|
| }
|
|
|
| .container_middled * {
|
| vertical-align: middle;
|
| }
|
|
|
| a:link.login, a:visited.login {
|
| padding-left: 2px;
|
| padding-right: 20px;
|
| background: url(../images/login.gif) right no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.signup, a:visited.signup {
|
| padding-left: 2px;
|
| padding-right: 20px;
|
| background: url(../images/pencil.gif) right no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.green_arrow, a:visited.green_arrow {
|
| padding-left: 2px;
|
| padding-right: 18px;
|
| background: url(../images/green_arrow.gif) right no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.red_arrow, a:visited.red_arrow {
|
| padding-left: 2px;
|
| padding-right: 18px;
|
| background: url(../images/red_arrow.gif) right no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.red_arrow_left, a:visited.red_arrow_left {
|
| padding-right: 2px;
|
| padding-left: 18px;
|
| background: url(../images/red_arrow_left.gif) left no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.write_email, a:visited.write_email {
|
| padding-left: 2px;
|
| padding-right: 22px;
|
| background: url(../images/write_email.gif) right no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.edit_profile, a:visited.edit_profile {
|
| padding-right: 2px;
|
| padding-left: 22px;
|
| background: url(../images/user_edit.gif) left no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:link.change_pwd, a:visited.change_pwd {
|
| padding-right: 2px;
|
| padding-left: 22px;
|
| background: url(../images/key.gif) left no-repeat;
|
| white-space: nowrap;
|
| }
|
|
|
| a:hover.login {
|
| background: url(../images/login_hover.gif) right no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.signup {
|
| background: url(../images/pencil_hover.gif) right no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.green_arrow {
|
| background: url(../images/green_arrow_hover.gif) right no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.red_arrow {
|
| background: url(../images/red_arrow_hover.gif) right no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.red_arrow_left {
|
| background: url(../images/red_arrow_left_hover.gif) left no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.write_email {
|
| background: url(../images/write_email_hover.gif) right no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.edit_profile {
|
| background: url(../images/user_edit_hover.gif) left no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| a:hover.change_pwd {
|
| background: url(../images/key_hover.gif) left no-repeat;
|
| text-decoration: underline;
|
| }
|
|
|
| #error_flash .rcontainer,
|
| #notice_flash .rcontainer {
|
| padding: 0;
|
| margin: auto;
|
| margin-top: 0;
|
| margin-bottom: 1em;
|
| text-align: center;
|
| max-width: 800px;
|
| line-height: 1.3;
|
| }
|
|
|
| #error_flash .rcontain,
|
| #notice_flash .rcontain {
|
| padding: 0.1em 0.5em;
|
| }
|
|
|
| #last_search_notice {
|
| text-align: right;
|
| line-height: 1.0;
|
| padding: 0;
|
| margin: 0 1em;
|
| }
|
|
|
| #last_search_notice * {
|
| vertical-align: middle;
|
| }
|
|
|
| #last_search_notice_text {
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| color: #333333;
|
| border: 1px solid #99CCFF;
|
| background-color: #EEF6FF;
|
| padding: 0.2em 0.4em;
|
| }
|
|
|
| .flash_header {
|
| font-weight: bold;
|
| font-size: 108%;
|
| margin-top: 5px;
|
| margin-bottom: 10px;
|
| }
|
|
|
| .flash_body {
|
| margin-top: 5px;
|
| margin-bottom: 10px;
|
| }
|
|
|
| /**
|
| * Layout
|
| */
|
| #header-region {
|
| height: 0.75em;
|
| }
|
|
|
| #wrapper {
|
| background: #e9f7cc url(../images/central_part_small.gif) repeat-x top center;
|
| }
|
|
|
| #wrapper #container {
|
| margin: 0 auto;
|
| padding: 0 20px;
|
| max-width: 1270px;
|
| }
|
|
|
| #wrapper #container #header {
|
| padding-top: 1.1em;
|
| height: 5em;
|
| }
|
|
|
| #wrapper #container #header #logo-floater {
|
| position: absolute;
|
| /*padding-top: 8px;*/
|
| }
|
|
|
| /* With 2 columns, require a minimum width of 800px. */
|
| body.sidebar-right {
|
| min-width: 850px;
|
| }
|
|
|
| /* We must define 100% width to avoid the body being too narrow for near-empty pages */
|
| #wrapper #container #center {
|
| float: left;
|
| width: 100%;
|
| }
|
|
|
| /* So we move the #center container over the sidebars to compensate */
|
| body.sidebar-right #center {
|
| margin-right: -210px;
|
| }
|
|
|
| /* And add blanks right for the sidebars to fill */
|
| body.sidebar-right #squeeze {
|
| margin-right: 210px;
|
| }
|
|
|
| /* We ensure the sidebars are still clickable using z-index */
|
| #wrapper #container .sidebar {
|
| margin: 60px 0 5em;
|
| width: 210px;
|
| float: left;
|
| z-index: 2;
|
| position: relative;
|
| }
|
|
|
| /* Now we add the backgrounds for the main content shading */
|
| #wrapper #container #center #squeeze {
|
| background: #fff url(../images/central_bar_big.png) repeat-x 50% 0;
|
| position: relative;
|
| /*min-width: 600px;*/
|
| min-width: 900px;
|
| }
|
|
|
| #wrapper #container #center .right-corner {
|
| background: transparent url(../images/right_corner.gif) no-repeat 100% 0;
|
| position: relative;
|
| /*left: 10px;*/
|
| left: 5px;
|
| /*border: 1px #ff0000 solid;*/
|
| /*min-width: 600px;*/
|
| min-width: 900px;
|
| }
|
|
|
| #wrapper #container #center .right-corner .left-corner {
|
| padding: 50px 25px 3em 25px;
|
| background: transparent url(../images/left_corner.gif) no-repeat 0 0;
|
| margin-left: -10px;
|
| position: relative;
|
| /*left: 1px;*/
|
| min-height: 400px;
|
| }
|
|
|
| #footer {
|
| float: none;
|
| clear: both;
|
| text-align: center;
|
| padding-top: 1em;
|
| padding-bottom: 1em;
|
| /*margin: 4em 0 -3em;*/
|
| /*color: #898989;*/
|
| }
|
|
|
| body.sidebar-right #footer {
|
| width: 75%;
|
| }
|
|
|
| #footer_links {
|
| float:left;
|
| position:relative;
|
| left:50%;
|
| text-align:left;
|
| }
|
|
|
| #footer_links ul {
|
| list-style:none;
|
| position:relative;
|
| left:-50%;
|
| }
|
|
|
| #footer_links ul li {
|
| list-style-type: none;
|
| list-style-image: none;
|
| margin: 0;
|
| padding: 0;
|
| float: left;
|
| position:relative;
|
| }
|
|
|
| #footer_links ul li.separator {
|
| border-left: 1px solid #333333;
|
| }
|
|
|
| #footer_links ul li a, #footer_links ul li a:link, #footer_links ul li a:visited {
|
| display: block;
|
| margin: 0 1em;
|
| color: #333333;
|
| }
|
|
|
| #footer_links ul li a:hover, #footer_links ul li a.active {
|
| color: #ff7400;
|
| }
|
|
|
| #footer .logos {
|
| margin: 1.5em 0;
|
| -moz-border-radius: 15px;
|
| -webkit-border-radius: 15px;
|
| border: 1px solid #DDD;
|
| width: 950px;
|
| color: #333;
|
| background-color: #FFF;
|
| }
|
|
|
| #footer .logos * {
|
| vertical-align: middle;
|
| }
|
|
|
| #footer .logos p {
|
| text-align: center;
|
| }
|
|
|
| #footer .logos a {
|
| margin: 0 0.8em;
|
| }
|
|
|
| #footer .copyright {
|
| text-align: center;
|
| font-weight: bold;
|
| font-size: 93%;
|
| margin-top: 1.5em;
|
| }
|
|
|
| #wrapper #container #content {
|
| margin-top: 2em;
|
| }
|
|
|
| #wrapper #container #action_bar {
|
| position: absolute;
|
| top: 10px;
|
| left: 30px;
|
| z-index: 3;
|
| font-size: 123.1%;
|
| font-weight: bolder;
|
| vertical-align: middle;
|
| }
|
|
|
| #wrapper #container #action_bar #action_links {
|
| padding-left: 15px;
|
| }
|
|
|
| #wrapper #container #action_bar #action_links * {
|
| vertical-align: middle;
|
| }
|
|
|
| #wrapper #container #action_bar #action_links a {
|
| padding-left: 15px;
|
| padding-right: 14px;
|
| background: transparent url(../images/green_separator.gif) no-repeat left;
|
| vertical-align: middle;
|
| text-align: center;
|
| }
|
|
|
| #wrapper #container #action_icons {
|
| position: absolute;
|
| top: 14px;
|
| right: 10px;
|
| z-index: 3;
|
| vertical-align: middle;
|
| }
|
|
|
| #wrapper #container #action_icons * {
|
| vertical-align: middle;
|
| }
|
|
|
| #wrapper #container #action_icons a {
|
| padding: 0 5px 0 10px;
|
| background: transparent url(../images/green_separator.gif) no-repeat left;
|
| vertical-align: middle;
|
| }
|
|
|
| #wrapper #container #action_bar img {
|
| vertical-align: middle;
|
| }
|
|
|
| body.sidebar-right #footer {
|
| margin-right: -210px;
|
| }
|
|
|
| /* BEGIN breadcrumbs */
|
|
|
| #breadcrumbs_bar {
|
| z-index: 3;
|
| font-size: 85%;
|
| color: #666666;
|
| margin: 3px -10px 0 -5px;
|
| }
|
|
|
| #breadcrumbs_bar table {
|
| width: 100%;
|
| padding: 0;
|
| margin: 0;
|
| }
|
|
|
| #breadcrumbs_bar td {
|
| text-align: left;
|
| margin: 0;
|
| padding: 0;
|
| vertical-align: top;
|
| }
|
|
|
| #breadcrumbs_bar td * {
|
| vertical-align: middle;
|
| }
|
|
|
| ul.breadcrumb_list {
|
| list-style: none;
|
| margin: 0;
|
| padding: 0;
|
| border: none;
|
| vertical-align: middle;
|
| }
|
|
|
| ul.breadcrumb_list li {
|
| display: inline;
|
| }
|
|
|
| /* END breadcrumbs */
|
|
|
| /**
|
| * Primary navigation
|
| */
|
| ul.primary-links {
|
| margin: 0;
|
| padding: 0;
|
| float: right;
|
| position: relative;
|
| z-index: 4;
|
| font-size: 108%;
|
| font-weight: bold;
|
| }
|
|
|
| ul.primary-links li {
|
| margin: 0;
|
| padding: 0;
|
| float: left;
|
| list-style-type: none;
|
| list-style-image: none;
|
| }
|
|
|
| ul.primary-links li.separator {
|
| /*background: transparent url(../images/green_separator.gif) no-repeat bottom left;*/
|
| border-left: 1px solid #999;
|
| }
|
|
|
| ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
|
| display: block;
|
| margin: 0 1em;
|
| /*padding: .75em 0 0;*/
|
| color: #333333;
|
| /*background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;*/
|
| }
|
|
|
| ul.primary-links li a:hover, ul.primary-links li a.active {
|
| color: #ff7400;
|
| /*background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;*/
|
| }
|
|
|
| /**
|
| * Secondary navigation
|
| */
|
| ul.secondary-links {
|
| margin: 0;
|
| padding: 18px 0 0;
|
| float: right;
|
| clear: right;
|
| position: relative;
|
| z-index: 4;
|
| }
|
|
|
| ul.secondary-links li {
|
| margin: 0;
|
| padding: 0;
|
| float: left;
|
| background-image: none;
|
| }
|
|
|
| ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
|
| display: block;
|
| margin: 0 1em;
|
| padding: .75em 0 0;
|
| color: #cde3f1;
|
| background: transparent;
|
| }
|
|
|
| ul.secondary-links li a:hover, ul.secondary-links li a.active {
|
| color: #cde3f1;
|
| background: transparent;
|
| }
|
|
|
| /**
|
| * Local tasks
|
| */
|
| ul.primary, ul.primary li, ul.secondary, ul.secondary li {
|
| border: 0;
|
| background: none;
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| #tabs-wrapper {
|
| margin: 0 -26px 1em;
|
| padding: 0 26px;
|
| border-bottom: 1px solid #e9eff3;
|
| position: relative;
|
| }
|
| ul.primary {
|
| padding: 0.5em 0 10px;
|
| float: left;
|
| }
|
| ul.secondary {
|
| clear: both;
|
| text-align: left;
|
| border-bottom: 1px solid #e9eff3;
|
| margin: -0.2em -26px 1em;
|
| padding: 0 26px 0.6em;
|
| }
|
| h2.with-tabs {
|
| float: left;
|
| margin: 0 2em 0 0;
|
| padding: 0;
|
| }
|
|
|
| ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
|
| ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
|
| border: 0;
|
| background: transparent;
|
| padding: 4px 1em;
|
| margin: 0 0 0 1px;
|
| height: auto;
|
| text-decoration: none;
|
| position: relative;
|
| top: -1px;
|
| }
|
| ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
|
| ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
|
| background: url(images/bg-tab.png) repeat-x 0 50%;
|
| color: #fff;
|
| }
|
| ul.primary li.active a,
|
| ul.secondary li.active a {
|
| font-weight: bold;
|
| }
|
|
|
| /**
|
| * CSS support
|
| */
|
| span.clear {
|
| display: block;
|
| clear: both;
|
| height: 1px;
|
| line-height: 0px;
|
| font-size: 0px;
|
| margin-bottom: -1px;
|
| }
|
|
|
| /* BEGIN Login box styles */
|
| #wrapper #container #header #login_links {
|
| clear: both;
|
| float: right;
|
| padding: 2.1em 0 0 0;
|
| margin-bottom: 0;
|
| position: relative;
|
| z-index: 4;
|
| color: #333;
|
| font-size: 93%;
|
| }
|
|
|
| #wrapper #container #header #login_links .sep {
|
| color: #999;
|
| margin: 0 0.4em;
|
| }
|
|
|
| body.sidebar-right #wrapper #container #header #login_links {
|
| margin-right: 210px;
|
| }
|
|
|
| #login_box {
|
| position: absolute;
|
| top: 3px;
|
| right: 3px;
|
| background-color: #e9f7cc;
|
| border: 2px solid #CCC;
|
| width: 320px;
|
| height: auto;
|
| margin: 0 0 auto auto;
|
| z-index: 4;
|
| padding: 7px;
|
| }
|
|
|
| body.sidebar-right #login_box {
|
| margin-right: 210px;
|
| top: 3px;
|
| right: -15.6em;
|
| }
|
|
|
| #login_box form {
|
| margin: 10px 0 1.5em 0;
|
| }
|
|
|
| #login_box span label {
|
| float: left;
|
| font-weight: bold;
|
| padding-top: 0.2em;
|
| }
|
|
|
| #login_box span input.small_login {
|
| clear: both;
|
| float: right;
|
| height: 1.4em;
|
| line-height: 1.4;
|
| width: 200px;
|
| /*background-color: #feffcf;*/
|
| margin-bottom: 5px;
|
| }
|
|
|
| #login_box input.small_submit_button {
|
| clear: both;
|
| float: right;
|
| position: relative;
|
| top: 5px;
|
| width: 80px;
|
| }
|
|
|
| #login_box .rpx {
|
| margin: 0;
|
| padding: 0.8em 0;
|
| border-top: 1px dotted #CCC;
|
| text-align: center;
|
| line-height: 1.8;
|
| }
|
|
|
| #login_box_other_links {
|
| clear: both;
|
| font-size: 93%;
|
| width: 100%;
|
| padding-top: 1.2em;
|
| border-top: 1px dotted #CCC;
|
| text-align: right;
|
| }
|
|
|
| #login_box_other_links li {
|
| margin-bottom: 0.7em;
|
| }
|
|
|
| /* END Login box styles */
|
|
|
| /* BEGIN sidebar box styles */
|
| .sidebar_box {
|
| border: solid 1px #cccccc;
|
| width: 200px;
|
| height: 270px;
|
| margin-left: 1em;
|
| }
|
|
|
| .sidebar_box .box_title {
|
| text-align: center;
|
| font-weight: bold;
|
| font-size: 123.1%;
|
| height: 30px;
|
| line-height: 28px;
|
| background: url(../images/box_title_bkgd_green_14.gif) repeat-x;
|
| /*color: #ff7400;*/
|
| /*color: #ffffff;*/
|
| }
|
|
|
| .sidebar_box .box_body {
|
| background-color: #fdfdfd;
|
| height: 240px;
|
| /*background: url(../images/green_body_bkgd2.gif) repeat-x;*/
|
| }
|
|
|
| .sidebar_box .box_body .box_text {
|
| padding: 1em 1em 1em 1em;
|
| }
|
|
|
| .sidebar_box .box_body .separator {
|
| border-bottom: 1px solid #cccccc;
|
| height: 1px;
|
| margin: 0 1em 0 1em;
|
| }
|
|
|
| .sidebar_box .box_body .box_subtitle {
|
| text-align: center;
|
| font-weight: bold;
|
| font-size: 108%;
|
| position: relative;
|
| }
|
|
|
| /* END sidebar box styles */
|
|
|
| /* BEGIN css tooltips/boxovers */
|
|
|
| .boxoverTooltipHeader {
|
| z-index: 100000;
|
| display: none;
|
| border: 0;
|
| height: 0;
|
| }
|
|
|
| .boxoverTooltipBody {
|
| z-index: 100000;
|
| border: solid 1px Gray;
|
| color: #000000;
|
| background-color: #FFFF66;
|
| font-size: 93%;
|
| font-weight: normal;
|
| padding: 0.3em 0.6em;
|
| max-width: 500px;
|
| text-align: left;
|
| line-height: 1.4;
|
| }
|
|
|
| .boxoverInfoHeader {
|
| z-index: 100000;
|
| display: none;
|
| border: 0;
|
| height: 0;
|
| }
|
|
|
| .boxoverInfoBody {
|
| z-index: 100000;
|
| border: solid 1px Gray;
|
| color: #333333;
|
| padding: 0.3em 0.6em;
|
| background-color: #ebf3ff;
|
| font-size: 93%;
|
| text-align: left;
|
| max-width: 500px;
|
| line-height: 1.4;
|
| }
|
|
|
| /* END css tooltips/boxovers */
|
|
|
| /* BEGIN liquid round corners box styles */
|
| .liquid-round {
|
| /*width: 70%;*/
|
| margin: 25px auto;
|
| background: url(../images/round_box_2_left.gif) repeat-y left top;
|
| }
|
|
|
| .liquid-round .top {
|
| width: 100%;
|
| height: 12px;
|
| background: url(../images/round_box_2_top.gif) no-repeat left top;
|
| }
|
|
|
| .liquid-round .top span {
|
| display: block;
|
| position: relative;
|
| height: 12px;
|
| background: url(../images/round_box_2_top_right.gif) no-repeat right top;
|
| }
|
|
|
| .liquid-round .center-content {
|
| position: relative;
|
| background: #f8f8f8 url(../images/round_box_2_right.gif) repeat-y right top;
|
| padding: 1px 15px 1px 15px;
|
| margin-left: 3px;
|
| }
|
|
|
| .liquid-round .center-content img.round_box_title {
|
| margin-top: -38px;
|
| }
|
|
|
| .liquid-round .center-content p {
|
| margin-top: 0px;
|
| text-align: justify;
|
| *line-height: 1.5;
|
| }
|
|
|
| .liquid-round .bottom {
|
| width: 100%;
|
| height: 13px;
|
| background: url(../images/round_box_2_bottom.gif) no-repeat left bottom;
|
| }
|
|
|
| .liquid-round .bottom span {
|
| display: block;
|
| position: relative;
|
| height: 13px;
|
| background: url(../images/round_box_2_bottom_right.gif) no-repeat right bottom;
|
| }
|
| /* END liquid round corners box styles */
|
|
|
| .step_text {
|
| font-weight: bold;
|
| margin-top: 2em;
|
| color: #660000;
|
| /* border-top: 1px dotted #CCC;
|
| padding-top: 0.5em; */
|
| }
|
|
|
| .none_text {
|
| font-style: italic;
|
| color: #666;
|
| }
|
|
|
| .error_text {
|
| color: red;
|
| font-weight: bold;
|
| }
|
|
|
| .additional_info_text {
|
| font-size: 93%;
|
| color: #666666;
|
| font-weight: normal;
|
| }
|
|
|
| .required {
|
| color: red;
|
| font-weight: bold;
|
| }
|
|
|
| .framed {
|
| vertical-align: middle;
|
| padding: 3px;
|
| background-color: #FFF;
|
| border: 1px solid #DDD;
|
| }
|
|
|
| .field {
|
| border: 1px solid #EEE;
|
| background-color: #FFF;
|
| padding: 0.2em 0.5em;
|
| }
|
|
|
| .flag {
|
| vertical-align: middle;
|
| }
|
|
|
| /* BEGIN pagination styles */
|
|
|
| .pagination {
|
| background: white;
|
| /* self-clearing method: */
|
| }
|
|
|
| .pagination a,
|
| .pagination span {
|
| padding: .2em .5em;
|
| display: block;
|
| float: left;
|
| margin-right: 1px;
|
| }
|
|
|
| .pagination span.disabled {
|
| color: #999;
|
| border: 1px solid #DDD;
|
| }
|
|
|
| .pagination span.current {
|
| font-weight: bold;
|
| background: #E9F7CC;
|
| color: #333333;
|
| border: 1px solid #CDEB8B;
|
| }
|
|
|
| .pagination a {
|
| text-decoration: none;
|
| color: #333333;
|
| border: 1px solid #CDEB8B;
|
| }
|
|
|
| .pagination a:hover,
|
| .pagination a:focus {
|
| background: #E9F7CC;
|
| }
|
|
|
| .pagination .page_info {
|
| background: #E9F7CC;
|
| color: #333333;
|
| padding: .4em .6em;
|
| width: 25em;
|
| margin-bottom: 0.5em;
|
| text-align: center;
|
| }
|
|
|
| .pagination .page_info b {
|
| color: #003;
|
| padding: .1em .25em;
|
| }
|
|
|
| .pagination:after {
|
| content: ".";
|
| display: block;
|
| height: 0;
|
| clear: both;
|
| visibility: hidden;
|
| }
|
|
|
| * html .pagination {
|
| height: 1%;
|
| }
|
|
|
| *:first-child+html .pagination {
|
| overflow: hidden;
|
| }
|
|
|
| /* END pagination styles
|
|
|
| /* BEGIN listing styles */
|
|
|
| .listings {
|
| padding: 0;
|
| margin: 0;
|
| }
|
|
|
| .listing_item {
|
| margin-bottom: 1.5em;
|
| padding: 0.6em 1em;
|
| border-left: 1px solid #CCC;
|
| border-top: 1px solid #CCC;
|
| border-right: 2px solid #BBB;
|
| border-bottom: 2px solid #BBB;
|
| background-color: #F5F5F5;
|
| }
|
|
|
| .listing_item p {
|
| margin: 0;
|
| }
|
|
|
| .listing_item p * {
|
| vertical-align: middle;
|
| }
|
|
|
| .listing_item .name_section td {
|
| vertical-align: middle;
|
| }
|
|
|
| .listing_item .name {
|
| font-size: 138.5%;
|
| font-weight: bold;
|
| line-height: 1.8;
|
| }
|
|
|
| .listing_item .simple_listing .name {
|
| font-size: 123.1%;
|
| font-weight: bold;
|
| line-height: 1.6;
|
| }
|
|
|
| .listing_item .desc {
|
| color: #333333;
|
| padding: 0.6em 1em;
|
| margin: 1em 0;
|
| background-color: #F3F3F3;
|
| border: 1px dotted #DDD;
|
| }
|
|
|
| .listing_item .detail {
|
| color: #333333;
|
| font-size: 85%;
|
| margin-top: 0.6em;
|
| }
|
|
|
| .listing_item .detail_simple {
|
| color: #333333;
|
| font-size: 93%;
|
| margin-top: 0.6em;
|
| }
|
|
|
| .listing_item .detail_simple * {
|
| vertical-align: baseline;
|
| }
|
|
|
| .listing_item .extra_detail_box {
|
| color: #333333;
|
| font-size: 85%;
|
| margin-top: 1.2em;
|
| padding-top: 0.8em;
|
| border-top: 1px solid #DDD;
|
| }
|
|
|
| /* END listing styles */
|
|
|
| .submitter_info {
|
| color: #666;
|
| vertical-align: baseline;
|
| }
|
|
|
| .submitter_info * {
|
| vertical-align: baseline;
|
| }
|
|
|
| a.service_type_badge {
|
| font-size: 85%;
|
| font-weight: bold;
|
| background-color: #FFF;
|
| border: 1px solid #DDD;
|
| padding: 2px 3px;
|
| text-decoration: none;
|
| line-height: 1.0;
|
| }
|
|
|
| a.service_type_badge:hover {
|
| color: #FFF;
|
| background-color: #999;
|
| }
|
|
|
| .service_type_badge_special {
|
| font-size: 85%;
|
| font-weight: bold;
|
| background-color: #FFEFEF;
|
| border: 1px solid #DDD;
|
| padding: 2px 3px;
|
| text-decoration: none;
|
| line-height: 1.0;
|
| }
|
|
|
| a.service_location_flag {
|
| margin-left: 1em;
|
| line-height: 1.0;
|
| vertical-align: middle;
|
| padding: 0px;
|
| line-height: 1.0;
|
| }
|
|
|
| .operation_box {
|
| margin: 2em 0;
|
| line-height: 1.5;
|
| padding-bottom: 1em;
|
| border: 0px solid #DDD;
|
| border-width: 2px 0 2px 0;
|
| }
|
|
|
| .operation_heading {
|
| margin: 0;
|
| padding: 1em 0;
|
| font-size: 116%;
|
| }
|
|
|
| .operation_name {
|
| background-color: #FFBB7F;
|
| font-weight: bold;
|
| padding: 0.3em 0.5em;
|
| }
|
|
|
| .port {
|
| margin-bottom: 1.5em;
|
| padding: 0.7em 0.7em 0.3em 0.7em;
|
| border: 1px solid #DDE;
|
| background-color: #F7F7F7;
|
| }
|
|
|
| .monitoring_section {
|
| margin-bottom: 1em;
|
| padding: 0.7em 1em;
|
| border: 1px solid #DDE;
|
| background-color: #F7F7F7;
|
| }
|
|
|
| ul.simple_list {
|
| padding: 0;
|
| margin: 0;
|
| }
|
|
|
| ul.simple_list li {
|
| padding: 0;
|
| margin: 0 0 0.5em 2em;
|
| list-style: disc;
|
| }
|
|
|
| .home_heading {
|
| font-weight: bold;
|
| font-size: 153.9%;
|
| line-height: 1.5;
|
| text-align: center;
|
| padding: 0;
|
| margin: 0;
|
| margin-top: 1em;
|
| }
|
|
|
| #home_content {
|
| width: 950px;
|
| /*padding-top: 1em;*/
|
| margin: 1em auto auto auto;
|
| }
|
|
|
| #home_content em {
|
| color: #ff7400;
|
| font-weight: bold;
|
| }
|
|
|
| #key_points {
|
| clear:both;
|
| margin: 0 0 1em 0;
|
| }
|
|
|
| #key_points li {
|
| margin-top: 5px;
|
| padding-left: 20px;
|
| background: url(../images/bullet_green2.gif) left top no-repeat;
|
| /*list-style-type: circle;
|
| list-style-image: url("../images/bullet_green2.gif");*/
|
| font-size: 108%;
|
| line-height: 1.5;
|
| }
|
|
|
| #key_points em {
|
| color: #ff7400;
|
| font-weight: bold;
|
| }
|
|
|
| div.search_widget {
|
| text-align: center;
|
| }
|
|
|
| div.search_widget * {
|
| vertical-align: middle;
|
| }
|
|
|
| /* BEGIN Tabber tab styles */
|
|
|
| /*--------------------------------------------------
|
| REQUIRED to hide the non-active tab content.
|
| But do not hide them in the print stylesheet!
|
| --------------------------------------------------*/
|
| .tabberlive .tabbertabhide {
|
| display: none;
|
| }
|
|
|
| /*--------------------------------------------------
|
| .tabber = before the tabber interface is set up
|
| .tabberlive = after the tabber interface is set up
|
| --------------------------------------------------*/
|
| .tabber {
|
| }
|
|
|
| .tabberlive {
|
| margin-top: 1em;
|
| }
|
|
|
| /*--------------------------------------------------
|
| ul.tabbernav = the tab navigation list
|
| li.tabberactive = the active tab
|
| --------------------------------------------------*/
|
| ul.tabbernav
|
| {
|
| margin: 0;
|
| border-bottom: 1px solid #CCC;
|
| font-weight: bold;
|
| font-size: 123.1%;
|
| line-height: 24px;
|
| padding-bottom: 1px;
|
| }
|
|
|
| ul.tabbernav li
|
| {
|
| list-style: none;
|
| margin: 0;
|
| display: inline;
|
| }
|
|
|
| ul.tabbernav li a
|
| {
|
| padding: 3px 0.5em;
|
| margin-right: 4px;
|
| border: 1px solid #CCC;
|
| border-bottom: none;
|
| background: #E9F7CC;
|
| text-decoration: none;
|
| }
|
|
|
| ul.tabbernav li a:link { color: #333; }
|
|
|
| ul.tabbernav li a:hover
|
| {
|
| color: #000;
|
| background: #BFE76F;
|
| border-color: #CCC;
|
| }
|
|
|
| ul.tabbernav li.tabberactive a
|
| {
|
| background-color: #fff;
|
| border-bottom: 1px solid #fff;
|
| }
|
|
|
| ul.tabbernav li.tabberactive a:hover
|
| {
|
| color: #000;
|
| background: white;
|
| border-bottom: 1px solid white;
|
| }
|
|
|
| /*--------------------------------------------------
|
| .tabbertab = the tab content
|
| Add style only after the tabber interface is set up (.tabberlive)
|
| --------------------------------------------------*/
|
| .tabberlive .tabbertab {
|
| padding: 1em;
|
| border: 1px solid #CCC;
|
| border-top: 0;
|
|
|
| /* If you don't want the tab size changing whenever a tab is changed
|
| you can set a fixed height */
|
|
|
| /* height:200px; */
|
|
|
| /* If you set a fix height set overflow to auto and you will get a
|
| scrollbar when necessary */
|
|
|
| /* overflow:auto; */
|
| }
|
|
|
| /* If desired, hide the heading since a heading is provided by the tab */
|
| .tabberlive .tabbertab h3 {
|
| display: none;
|
| }
|
| .tabberlive .tabbertab h3 {
|
| display:none;
|
| }
|
|
|
| /* Example of using an ID to set different styles for the tabs on the page */
|
| .tabberlive#tab1 {
|
| }
|
| .tabberlive#tab2 {
|
| }
|
| .tabberlive#tab2 .tabbertab {
|
| height:200px;
|
| overflow:auto;
|
| }
|
|
|
| /* END Tabber tab styles */
|
|
|
| .search_button {
|
| border: none;
|
| height: 31px;
|
| width: 38px;
|
| background: url('/images/go_button.png') 0 0 no-repeat;
|
| cursor: pointer;
|
| }
|
|
|
| .search_button:hover { }
|
|
|
| /* BEGIN tables styles */
|
| .biocat_table {
|
| border: 1px solid #cccccc;
|
| }
|
|
|
| .biocat_table th {
|
| font-weight: bold;
|
| white-space: nowrap;
|
| vertical-align: middle;
|
| color: #333333;
|
| height: 1.8em;
|
| background: url(../images/box_title_bkgd_green_14.gif) repeat-x;
|
| background-position: bottom;
|
| padding-left: 6px;
|
| padding-right: 6px;
|
| border-right: 1px solid #cccccc;
|
| }
|
|
|
| .biocat_table th.center {
|
| text-align: center;
|
| }
|
|
|
| .biocat_table .small_center {
|
| text-align: center;
|
| width: 40px;
|
| }
|
|
|
| .biocat_table tr.odd {
|
| background-color: #f2fbe1;
|
| }
|
|
|
| .biocat_table td {
|
| white-space: nowrap;
|
| padding: 3px 6px 3px 6px;
|
| border-left: 1px solid #cccccc;
|
| border-right: 1px solid #cccccc;
|
| }
|
|
|
| .biocat_table td.center {
|
| text-align: center;
|
| }
|
|
|
| .biocat_table td.action_links a:link, .biocat_table td.action_links a:visited {
|
| text-align: center;
|
| text-decoration: underline;
|
| font-size: 93%;
|
| }
|
|
|
| .biocat_table td.action_links a:hover {
|
| background-color: #feffcf;
|
| }
|
| /* END tables styles */
|
|
|
| /* BEGIN ActiveRecord errors box */
|
|
|
| /*.fieldWithErrors {
|
| padding: 2px;
|
| background-color: #ffaaaa;
|
| display: table;
|
| }*/
|
|
|
| .fieldWithErrors label {
|
| padding: 2px;
|
| background-color: #ffaaaa;
|
| }
|
|
|
| .fieldWithErrors input, .fieldWithErrors select {
|
| padding: 2px;
|
| background-color: #ffaaaa;
|
| }
|
|
|
| #errorExplanation {
|
| width: 400px;
|
| border: 2px solid #ffaaaa;
|
| margin: 1.5em 0;
|
| background-color: #f5f5f5;
|
| padding-bottom: 1em;
|
| }
|
|
|
| #errorExplanation h2 {
|
| text-align: center;
|
| font-weight: bold;
|
| padding: 0.5em;
|
| font-size: 93%;
|
| margin: 0;
|
| background-image: none;
|
| background-color: #ffaaaa;
|
| border: none;
|
| }
|
|
|
| #errorExplanation p {
|
| font-size: 93%;
|
| margin-bottom: 0;
|
| margin-top: 0.5em;
|
| padding: 0.5em;
|
| }
|
|
|
| #errorExplanation ul {
|
| padding-left: 2em;
|
| }
|
|
|
| #errorExplanation ul li {
|
| font-size: 93%;
|
| list-style: square;
|
| }
|
|
|
| /* END ActiveRecord errors box */
|
|
|
| .box_description {
|
| padding: 0.9em 1.3em;
|
| background-color: #F7F7F7;
|
| border: 1px solid #DDD;
|
| line-height: 1.4;
|
| }
|
|
|
| .box_info {
|
| background: #E9F7CC;
|
| color: #333333;
|
| padding: 0.6em 1em;
|
| margin: 0;
|
| margin-bottom: 1em;
|
| text-align: center;
|
| }
|
|
|
| .box_info_standout {
|
| color: #333333;
|
| border: 1px solid #DDD;
|
| background: #FFFFCC;
|
| padding: 0.3em 0.6em;
|
| margin-bottom: 1em;
|
| line-height: 1.5;
|
| }
|
|
|
| .box_indented_with_bar {
|
| border: 0;
|
| border-left: 4px solid #DDD;
|
| padding: 1em 0 1em 1em;
|
| margin-left: 1em;
|
| }
|
|
|
| .box_currentuser_specific {
|
| padding: 1em 1.5em;
|
| border: 1px solid #99CCFF;
|
| background-color: #EEF6FF;
|
| }
|
|
|
| .box_currentuser_specific * {
|
| vertical-align: middle;
|
| }
|
|
|
| .box_form {
|
| margin: 1em 0;
|
| border: 1px solid #CCC;
|
| padding: 0.7em 1.2em;
|
| background-color: #EEE;
|
| }
|
|
|
| .box_form fieldset {
|
| border: 1px solid #cccccc;
|
| }
|
|
|
| .box_form fieldset legend {
|
| font-size: 108%;
|
| color: #660000;
|
| }
|
|
|
| .box_form hr {
|
| background: #CCC;
|
| }
|
|
|
| /* BEGIN annotations styles */
|
|
|
| .annotations_container { }
|
|
|
| .annotations_container .inactive {
|
| color: #BBB;
|
| line-height: 1.0;
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| }
|
|
|
| .annotations_container .active {
|
| line-height: 1.0;
|
| text-decoration: none;
|
| color: #333;
|
| display: none;
|
| }
|
|
|
| .annotations_container:hover .inactive {
|
| display: none;
|
| }
|
|
|
| .annotations_container:hover .active {
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| }
|
|
|
| .box_annotations {
|
| padding: 0;
|
| line-height: 1.4;
|
| }
|
|
|
| .box_annotations .rcontain {
|
| padding: 2px;
|
| }
|
|
|
| .box_annotations div.text {
|
| padding: 0.1em 0.5em 0.2em 0.5em;
|
| overflow-x: auto;
|
| }
|
|
|
| .box_annotations div.text p {
|
| margin: 0.5em 0;
|
| line-height: 1.4;
|
| }
|
|
|
| .box_annotations div.other {
|
| padding: 0.1em 0.5em 0.2em 0.5em;
|
| }
|
|
|
| .box_annotations .actions {
|
| margin: 0.5em 0 0 0;
|
| font-size: 85%;
|
| color: #666;
|
| text-align: right;
|
| }
|
|
|
| .annotations_container .add_box {
|
| margin-top: 0.5em;
|
| text-align: center;
|
| }
|
|
|
| .annotations_container .add_box form {
|
| text-align: center;
|
| }
|
|
|
| .annotations_container .add_box form div {
|
| width: 100%;
|
| text-align: center;
|
| }
|
| .annotations_container .add_box form textarea {
|
| width: 99%;
|
| }
|
|
|
| .annotations_container .add_box .submit_button_div {
|
| margin-top: 0.4em;
|
| text-align: right;
|
| }
|
|
|
| .annotations_container .add_box .submit_button_div input {
|
| width: 80px;
|
| }
|
|
|
| .annotations_container .login_link_box {
|
| text-align: right;
|
| margin-top: 0.7em;
|
| }
|
|
|
| .annotation_source_text {
|
| float: right;
|
| color: #666;
|
| background-color: #FFC;
|
| font-size: 85%;
|
| padding: 0.1em 0.5em;
|
| line-height: 1.3;
|
| }
|
|
|
| .annotation_source_text * {
|
| vertical-align: middle;
|
| }
|
|
|
| .annotation_source_text a {
|
| font-weight: bold;
|
| }
|
|
|
| .annotation_source_provider {
|
| background-color: #FFDFDF;
|
| }
|
|
|
| .annotation_source_member {
|
| background-color: #FFEFBF;
|
| }
|
|
|
| .annotation_source_registry {
|
| background-color: #DDFFDD;
|
| }
|
|
|
| .aliases {
|
| font-size: 100%;
|
| margin: 0.3em 0 0.2em 0;
|
| margin-left: 1em;
|
| line-height: 1.6;
|
| }
|
|
|
| .annotations_counts_outer_box {
|
| display: -moz-inline-block;
|
| display: -moz-inline-box;
|
| display: -moz-inline-stack;
|
| display: inline-block;
|
| *display: inline;
|
| vertical-align: top;
|
| white-space: nowrap;
|
| line-height: 1.0;
|
| zoom: 1;
|
| }
|
|
|
| .annotations_counts_outer_box .rtop,
|
| .annotations_counts_outer_box .rbottom {
|
| *display: none;
|
| }
|
|
|
| .annotations_counts_outer_box .rcontain {
|
| padding: 0px 3px;
|
| *padding: 6px 3px 4px 3px;
|
| }
|
|
|
| .annotations_counts_box {
|
| font-weight: bold;
|
| font-size: 93%;
|
| color: #333333;
|
| vertical-align: middle;
|
| line-height: 22px;
|
| }
|
|
|
| .annotations_counts_box span {
|
| padding: 4px 3px 4px 5px;
|
| vertical-align: middle;
|
| }
|
|
|
| .annotations_counts_box img {
|
| vertical-align: middle;
|
| margin-left: 2px;
|
| *margin-left: 0;
|
| }
|
|
|
| .annotations_counts_box span.total {
|
| background-color: #DDD;
|
| }
|
|
|
| .annotations_counts_box img {
|
| vertical-align: middle;
|
| }
|
|
|
| .annotations_counts_box span.end {
|
| }
|
|
|
| /* END annotations styles */
|
|
|
| /* BEGIN terms of use page styles */
|
| #terms_of_use ul, #terms_of_use ol {
|
| padding-left: 3em;
|
| }
|
|
|
| #terms_of_use ul li {
|
| padding-top: 1em;
|
| list-style: square;
|
| }
|
|
|
| #terms_of_use ol li {
|
| padding-top: 1em;
|
| list-style: decimal;
|
| }
|
| /* END terms of use page styles */
|
|
|
| /* BEGIN generic horizontal buttons classes */
|
| /* Should be used with <ul> elements */
|
|
|
| .buttons {
|
| margin: 2em 0;
|
| font-weight: bold;
|
| text-align: center;
|
| }
|
|
|
| .buttons li {
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| margin: 0;
|
| margin-left: 8px;
|
| line-height: 2.0;
|
| }
|
|
|
| .buttons li.first {
|
| margin-left: 0;
|
| }
|
|
|
| .buttons li:hover {
|
| }
|
|
|
| .buttons li * {
|
| vertical-align: middle;
|
| }
|
|
|
| .buttons li a {
|
| width: 100%;
|
| padding: 6px 0.5em;
|
| line-height: 2.0;
|
| font-weight: bold;
|
| text-decoration: none;
|
| border: 1px solid #BBBBBB;
|
| background-image: url('/images/button_slim_bg.png');
|
| background-position: top;
|
| background-repeat: repeat-x;
|
| background-color: #EEF6FF;
|
| }
|
|
|
| .buttons li a:hover {
|
| background-image: none;
|
| background-color: #0099FF;
|
| color: #F5F5F5;
|
| }
|
|
|
| .buttons li a * {
|
| vertical-align: middle;
|
| }
|
|
|
| a.button_slim {
|
| font-weight: bold;
|
| line-height: 1.6;
|
| text-decoration: none;
|
| border: 1px solid #BBBBBB;
|
| background-image: url('/images/button_slim_bg.png');
|
| background-position: top;
|
| background-repeat: repeat-x;
|
| background-color: #EEF6FF;
|
| vertical-align: middle;
|
| padding: 0.1em 0.5em;
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| }
|
|
|
| a.button_slim:hover {
|
| background-image: none;
|
| background-color: #0099FF;
|
| color: #F5F5F5;
|
| }
|
|
|
| a.button_slim * {
|
| vertical-align: middle;
|
| }
|
|
|
| /* END generic horizontal buttons classes */
|
|
|
| /* BEGIN tag cloud styles */
|
|
|
| .tag_cloud {
|
| text-align: center;
|
| line-height: 1.7;
|
| }
|
|
|
| .tag_cloud ul {
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| .tag_cloud ul li {
|
| display: inline;
|
| text-decoration: none;
|
| margin: 0 0.25em;
|
| }
|
|
|
| .tag_cloud li a {
|
| color: #000099;
|
| padding: 0.1em 0;
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| }
|
|
|
| span.namespace,
|
| .tag_cloud li a.namespace {
|
| color: #999;
|
| font-size: 10px;
|
| }
|
|
|
| span.ontology_term,
|
| .tag_cloud li a.ontology_term {
|
| color: #6600CC;
|
| }
|
|
|
| /* END tag cloud styles */
|
|
|
| /* BEGIN Section Boxes (usually for inner sidebars) */
|
|
|
| .box_section {
|
| margin: 0;
|
| text-align: center;
|
| margin-bottom: 1em;
|
| }
|
|
|
| .box_section .content {
|
| padding: 0.5em 0.8em;
|
| border-top: none;
|
| border-right: 1px solid #DDD;
|
| border-bottom: none;
|
| border-left: 1px solid #DDD;
|
| background-image: url('/images/box-bg1.png');
|
| background-position: top;
|
| background-repeat: repeat-x;
|
| background-color: #FFC;
|
| overflow: hidden;
|
| line-height: 1.5;
|
| }
|
|
|
| .box_section .xtop,
|
| .box_section .xbottom {
|
| display: block;
|
| background: transparent;
|
| font-size: 1px;
|
| }
|
|
|
| .box_section .xb1,
|
| .box_section .xb2,
|
| .box_section .xb3,
|
| .box_section .xb4,
|
| .box_section .xb5,
|
| .box_section .xb6,
|
| .box_section .xb7 {
|
| display: block;
|
| overflow: hidden;
|
| }
|
|
|
| .box_section .xb1,
|
| .box_section .xb2,
|
| .box_section .xb3,
|
| .box_section .xb6,
|
| .box_section .xb7 {
|
| height: 1px;
|
| }
|
|
|
| .box_section .xb2,
|
| .box_section .xb3,
|
| .box_section .xb4 {
|
| background: #f4f0b0;
|
| border-left: 1px solid #DDD;
|
| border-right: 1px solid #DDD;
|
| }
|
|
|
| .box_section .xb5,
|
| .box_section .xb6,
|
| .box_section .xb7 {
|
| background: #ffffcb;
|
| border-left: 1px solid #DDD;
|
| border-right: 1px solid #DDD;
|
| }
|
|
|
| .box_section .xb1 {
|
| margin: 0 5px;
|
| background: #DDD;
|
| }
|
|
|
| .box_section .xb2,
|
| .box_section .xb7 {
|
| margin: 0 3px;
|
| border-width: 0 2px;
|
| }
|
|
|
| .box_section .xb3,
|
| .box_section .xb6 {
|
| margin: 0 2px;
|
| }
|
|
|
| .box_section .xb4,
|
| .box_section .xb5 {
|
| height: 2px;
|
| margin: 0 1px;
|
| }
|
|
|
| .box_section .heading {
|
| font-size: 108%;
|
| font-weight: bold;
|
| line-height: 1.0;
|
| margin-top: 0.2em;
|
| }
|
|
|
| .box_section .footer {
|
| text-align: center;
|
| margin-top: 1em;
|
| border-top: 1px solid #DDD;
|
| padding-top: 0.7em;
|
| }
|
|
|
| .box_section ul.items {
|
| margin: 0 0 0.8em 1em;
|
| text-align: left;
|
| }
|
|
|
| .box_section ul.items li {
|
| list-style-type: none;
|
| margin: 0.6em 0;
|
| padding-left: 0.8em;
|
| line-height: 1.1;
|
| /*border-left: 3px solid #DDDDBB;*/
|
| text-align: center;
|
| }
|
|
|
| .box_section ul.items li * {
|
| vertical-align: middle;
|
| }
|
|
|
| /* END Section Boxes (usually for inner sidebars) */
|
|
|
|
|
| /* BEGIN ratings table styles */
|
|
|
| .ratings_table {
|
| border: 1px solid #cccccc;
|
| margin-bottom: 0.5em;
|
| background-color: #FFC;
|
| border-collapse: collapse;
|
| font-size: 93%;
|
| }
|
|
|
| .ratings_table th {
|
| font-weight: bold;
|
| white-space: nowrap;
|
| vertical-align: middle;
|
| color: #333333;
|
| height: 2em;
|
| background: url(../images/box_title_bkgd_green_14.gif) repeat-x;
|
| background-position: bottom;
|
| padding-left: 6px;
|
| padding-right: 6px;
|
| border-right: 1px solid #cccccc;
|
| text-align: center;
|
| }
|
|
|
| .ratings_table td {
|
| white-space: nowrap;
|
| padding: 4px 6px 4px 6px;
|
| border-left: 1px solid #cccccc;
|
| border-right: 1px solid #cccccc;
|
| vertical-align: middle;
|
| text-align: center;
|
| }
|
|
|
| .ratings_table tr:hover {
|
| background-color: #F7F7F7;
|
| }
|
|
|
| .ratings_table .your_rating .delete_rating_faded {
|
| width: 10px;
|
| height: 10px;
|
| margin-left: 0.5em;
|
| vertical-align: middle;
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| background: url('/images/delete_faded.png') no-repeat center;
|
| }
|
|
|
| .ratings_table .your_rating .delete_rating a {
|
| text-decoration: none;
|
| }
|
|
|
| .ratings_table .your_rating:hover .delete_rating {
|
| background: url('/images/delete.png') no-repeat center;
|
| }
|
|
|
| /* END ratings table styles */
|
|
|
| /* BEGIN filtering styles */
|
|
|
| #filters_header {
|
| width: auto;
|
| color: #000;
|
| line-height: 1.2;
|
| padding: 0.5em 0;
|
| text-align: center;
|
| margin-bottom: 0.5em;
|
| }
|
|
|
| #filters_header .text {
|
| font-size: 108%;
|
| font-weight: bold;
|
| vertical-align: middle;
|
| }
|
|
|
| div.filters {
|
| padding: 0 0.3em;
|
| line-height: 1.5;
|
| }
|
|
|
| div.filters p.type {
|
| font-weight: bold;
|
| text-align: center;
|
| line-height: 1.2;
|
| padding: 0;
|
| margin: 0;
|
| margin-bottom: 0.8em;
|
| color: #555;
|
| }
|
|
|
| div.filters p.subtype {
|
| font-size: 93%;
|
| font-weight: bold;
|
| text-align: center;
|
| line-height: 1.2;
|
| padding: 0;
|
| margin: 0;
|
| margin-top: 0.7em;
|
| margin-bottom: 0.6em;
|
| color: #666;
|
| border-bottom: 1px dotted #DDD;
|
| padding-bottom: 0.3em;
|
| }
|
|
|
| div.filters p.type_small {
|
| font-size: 85%;
|
| line-height: 1.2;
|
| font-weight: bold;
|
| margin: 0;
|
| margin-bottom: 0.7em;
|
| text-align: center;
|
| color: #555;
|
| }
|
|
|
| div.filters div.filter_type_box {
|
| margin-bottom: 1em;
|
| padding: 0;
|
| }
|
|
|
| div.filters div.current_filters_box {
|
| margin-bottom: 1em;
|
| padding: 0;
|
| }
|
|
|
| div.filters div.current_filters_box .rcontain {
|
| padding: 2px 3px;
|
| }
|
|
|
| div.filters div.current_filters_box .and {
|
| font-weight: bold;
|
| font-size: 100%;
|
| text-align: center;
|
| margin: 0;
|
| padding-right: 12px;
|
| }
|
|
|
| div.filters div.selected_filters_type_box {
|
| margin: 0 0.1em;
|
| padding: 0;
|
| }
|
|
|
| div.filters div.selected_filters_type_box .or {
|
| font-weight: bold;
|
| font-size: 77%;
|
| text-align: center;
|
| margin: 2px 0;
|
| padding-right: 12px;
|
| }
|
|
|
| div.filters ul.top_level {
|
| font-size: 85%;
|
| }
|
|
|
| div.filters li {
|
| list-style: none;
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| div.filters li .container {
|
|
|
| }
|
|
|
| div.filters li .container a {
|
| display: block;
|
| vertical-align: top;
|
| margin-bottom: 0.3em;
|
| padding: 1px 3px;
|
| text-decoration: none;
|
| border: 1px dotted transparent;
|
| vertical-align: baseline;
|
| }
|
|
|
| div.filters li .container a * {
|
| vertical-align: baseline;
|
| }
|
|
|
| div.filters li .container a:hover {
|
| border: 1px dotted #CCC;
|
| background-color: #DDE;
|
| }
|
|
|
| div.filters li .container a.selected {
|
| border: 1px dotted #CCC;
|
| background-color: #DDE;
|
| }
|
|
|
| div.filters li .container a:hover.selected { }
|
|
|
| div.filters li .container a span.text {
|
| text-decoration: underline;
|
| }
|
|
|
| div.filters li .container a span.count {
|
| margin-left: 0.2em;
|
| }
|
|
|
| div.filters li .container a span.deselect {
|
| float: right;
|
| width: 12px;
|
| background: url('/images/delete_faded_darker.png') no-repeat left center;
|
| }
|
|
|
| div.filters li .container a:hover span.deselect {
|
| background: url('/images/delete.png') no-repeat left center;
|
| }
|
|
|
| div.filters li.category_root .container a {
|
| margin-bottom: 0.5em;
|
| }
|
|
|
| div.filters li.sub_category .container a {
|
| /*border-left: 1px dotted #CCC;*/
|
| margin-left: 0.2em;
|
| }
|
|
|
| /* END filtering styles */
|
|
|
| /* BEGIN autocomplete styles */
|
|
|
|
|
| div.auto_complete { |
| position: absolute; |
| background-color: white; |
| border: 1px solid #999; |
| margin-top: -2px; |
| padding: 0px;
|
| z-index: 10000;
|
| font-size: 85%;
|
| font-weight: normal; |
| }
|
|
|
| div.auto_complete * {
|
| vertical-align: baseline;
|
| } |
| |
| div.auto_complete ul { |
| list-style-type: none; |
| margin: 0px; |
| padding: 0px; |
| } |
| |
| div.auto_complete ul li.selected { |
| background-color: #ffb; |
| } |
| |
| div.auto_complete ul li { |
| text-align: left; |
| list-style-type: none; |
| display: block; |
| margin: 0; |
| padding: 3px; |
| border-bottom: 1px solid #DDD; |
| cursor: pointer;
|
| overflow: hidden; |
| }
|
|
|
| div.auto_complete ul li.selected {
|
| background-color: #ffb;
|
| }
|
|
|
| div.auto_complete ul strong.highlight {
|
| color: #800;
|
| margin: 0px;
|
| padding: 0px;
|
| font-weight: normal;
|
| }
|
|
|
| /* END autocomplete styles */
|
|
|
| /* BEGIN stats page styles */
|
|
|
| #stats_page {
|
| margin: 0 2em;
|
| }
|
|
|
| #stats_page p {
|
| margin: 0.6em 0;
|
| }
|
|
|
| #stats_page h4 {
|
| padding: 0.2em 0.6em;
|
| background-color: #EEE;
|
| margin-top: 1.5em;
|
| }
|
|
|
| #stats_page .left_column {
|
| float: left;
|
| width: 80%;
|
| }
|
|
|
| #stats_page .right_column {
|
| float: right;
|
| width: 18%;
|
| }
|
|
|
| #stats_page .box_indented_with_bar {
|
| padding: 0.5em 1.5em;
|
| }
|
|
|
| #stats_page .box_info_standout {
|
| width: 550px;
|
| font-size: 85%;
|
| }
|
|
|
| #stats_page .services {
|
| margin: 0.5em 0 0.5em 1.5em;
|
| line-height: 1.5;
|
| font-size: 85%;
|
| }
|
|
|
| #stats_page ul.contents {
|
| text-align: left;
|
| }
|
|
|
| #stats_page ul.contents li {
|
| padding: 0.2em 0;
|
| }
|
|
|
| #stats_page ul.contents li ul {
|
| margin-left: 1em;
|
| }
|
|
|
| /* END stats page styles */
|
|
|
| /* BEGIN styles for rounded corner boxes */
|
|
|
| .rcontain {
|
| padding: 0 0.3em;
|
| }
|
|
|
| /* END styles for rounded corner boxes */
|
|
|
| p.more_less_links {
|
| font-weight: bold;
|
| text-align: right;
|
| font-size: 85%;
|
| margin: 0;
|
| }
|
|
|
| p.more_less_links a {
|
| text-decoration: none;
|
| }
|
|
|
| .search_box .rcontain {
|
| padding: 0.4em 1em;
|
| }
|
|
|
| .form_field_section {
|
| margin-top: 1.5em;
|
| }
|
|
|
| .form_selected_values {
|
| padding: 0.3em 0.5em;
|
| border: 1px solid #DDD;
|
| background-color: #FFF;
|
| color: #333;
|
| }
|
|
|
| /* BEGIN categories styles */
|
|
|
| .categories_box {
|
| font-size: 85%;
|
| line-height: 16px;
|
| }
|
|
|
| ul.categories {
|
| float: left;
|
| overflow: hidden;
|
| margin: 0;
|
| padding: 0;
|
| list-style-type: none;
|
| }
|
|
|
| ul.categories li {
|
| display: inline;
|
| }
|
|
|
| ul.categories li span.main {
|
| display:-moz-inline-block;
|
| display:-moz-inline-box;
|
| display: inline-block;
|
| background-color: #FFC;
|
| margin-bottom: 0.4em;
|
| margin-right: 0.5em;
|
| padding: 0 3px;
|
| border-top: 1px solid #DEDEDE;
|
| border-left: 1px solid #DEDEDE;
|
| border-right: 1px solid #999;
|
| border-bottom: 1px solid #999;
|
| }
|
|
|
| ul.categories li span.main a.category {
|
| line-height: 1.6;
|
| text-decoration: none;
|
| vertical-align: middle;
|
| }
|
|
|
| ul.categories li span.main a.category:hover {
|
| color: #000;
|
| }
|
|
|
| ul.categories li span.main:hover {
|
| background-color: #F0E68C;
|
| }
|
|
|
| /* END categories styles */
|
|
|
| /* BEGIN stats bar styles */
|
|
|
| .stats_bar {
|
| color: #555;
|
| font-weight: bold;
|
| }
|
|
|
| .stats_bar * {
|
| vertical-align: middle;
|
| }
|
|
|
| .stats_bar img {
|
| margin-right: 0.3em;
|
| }
|
|
|
| .stats_bar .each {
|
| margin-left: 1em;
|
| }
|
|
|
| /* END stats bar styles */
|
|
|
| #feedback_help {
|
| margin: 1.5em;
|
| font-size: 93%;
|
| text-align: left;
|
| }
|
|
|
| #feedback_help ul {
|
| margin-left: 1.5em;
|
| margin-bottom: 1em;
|
| }
|
|
|
| #search_within {
|
| margin-bottom: 1em;
|
| }
|
|
|
| #search_within .rcontain {
|
| padding: 0 1.5em;
|
| text-align: right;
|
| }
|
|
|
| .service_properties p,
|
| .service_properties .property {
|
| margin: 0;
|
| margin-top: 1.5em;
|
| }
|
|
|
| #filter_message {
|
| text-align: left;
|
| font-size: 93%;
|
| margin-bottom: 0.8em;
|
| color: #333333;
|
| /**border: 1px solid #DDD;
|
| background: #FFFFCC;
|
| padding: 0.4em 0.6em; */
|
| line-height: 1.5;
|
| }
|
|
|
| #filter_message .rcontain {
|
| padding: 1px 0.8em;
|
| }
|
|
|
| #filter_message .rtop,
|
| #filter_message .contain,
|
| #filter_message .rbottom {
|
| margin: 0;
|
| }
|
|
|
| #filter_message .rtop,
|
| #filter_message .rbottom {
|
| height: 4px;
|
| line-height: 1.0;
|
| }
|
|
|
| #filter_message * {
|
| vertical-align: middle;
|
| }
|
|
|
| #subscribe_results_link {
|
| float: right;
|
| text-decoration: none;
|
| vertical-align: middle;
|
| font-weight: bold;
|
| margin-left: 2em;
|
| }
|
|
|
| #subscribe_results_link img {
|
| margin-right: 0.4em;
|
| }
|
|
|
| /* Style for default texts in inputs */
|
| .ex {
|
| color: #999;
|
| }
|
|
|
| /* BEGIN login page styles */
|
|
|
| .login_form {
|
| padding: 1.2em 0.8em;
|
| }
|
|
|
| .login_form label {
|
| float: left;
|
| font-weight: bold;
|
| margin-bottom: 1em;
|
| }
|
|
|
| .login_form input.login_field {
|
| clear: both;
|
| float: right;
|
| height: 1.4em;
|
| line-height: 1.4;
|
| width: 220px;
|
| margin-bottom: 1em;
|
| }
|
|
|
| .login_form input.sign_in_button {
|
| clear: both;
|
| float: right;
|
| width: 80px;
|
| }
|
|
|
| .login_form .other_links {
|
| clear: both;
|
| width: 100%;
|
| padding-top: 1.2em;
|
| border-top: 1px dotted #CCC;
|
| text-align: right;
|
| }
|
|
|
| .login_form .other_links li {
|
| margin-bottom: 0.7em;
|
| }
|
|
|
| /* END login page styles */
|
|
|
| img.account_provider_logo {
|
| margin: 0 2px;
|
| }
|
|
|
| .side_link {
|
| color: #999;
|
| margin-left: 3em;
|
| font-size: 85%;
|
| }
|
|
|
| .side_link a {
|
| color: #999;
|
| }
|
|
|
| .toolbar {
|
| float: right;
|
| }
|
|
|