| @CHARSET "UTF-8"; |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| html, body { |
| padding:0px; |
| margin:0px auto; |
| background:transparent url(bg-body.gif) repeat-x scroll 0 0; |
| background-color:#fff; |
| font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif"; |
| font-size:14px; |
| } |
| |
| /** |
| * DIV.NCIBANNER |
| * This is the red National Cancer Institute header bar |
| */ |
| div#ncibanner { |
| background:#a90101 none repeat; |
| position:relative; |
| } |
| div#ncibanner-inner { |
| width:974px; |
| margin:0px auto; |
| position:relative; |
| } |
| div.#ncibanner-inner a { |
| display:inline; |
| } |
| div#dcplogo { |
| width:974px; |
| margin:auto; |
| } |
| h2.ncilogo, h2.nihlogo, h2.cdglogo, h2.dcplogo { |
| border-bottom:0 none; |
| display:block; |
| float:left; |
| margin:0; |
| padding:0; |
| position:relative; |
| text-indent:-9999px; |
| } |
| |
| h2.ncilogo { |
| background:transparent url(l-nci.gif) no-repeat scroll 0 0; |
| height:43px; |
| width:278px; |
| } |
| h2.cdglogo { |
| background:transparent url(l-cdg.gif) no-repeat scroll 0 0; |
| float:right; |
| height:43px; |
| width:90px; |
| } |
| h2.nihlogo { |
| background:transparent url(l-nih.gif) no-repeat scroll 0 0; |
| float:right; |
| height:43px; |
| width:173px; |
| } |
| h2.dcplogo { |
| background:transparent url(l-dcp.gif) no-repeat scroll 0 0; |
| float:right; |
| height:23px; |
| margin:-45px -12px 16px; |
| width:164px; |
| } |
| |
| div#page, div#footer { |
| width:974px; |
| margin:0px auto; |
| position:relative; |
| } |
| |
| /** |
| * DIV.EDRNINFORMATICS |
| * This is the header that preceeds application content. |
| */ |
| div#edrninformatics { |
| position:relative; |
| margin:auto; |
| width:974px; |
| } |
| |
| /** |
| * DIV.CAS-HEADER |
| * This is the header that precedes application content. |
| */ |
| div#edrninformatics.cas-header { |
| background:url(blackfade-syncd.jpg) scroll 0px 0px repeat-x; |
| } |
| div#edrninformatics.cas-header div.menu { |
| padding-top:50px; |
| } |
| |
| /** |
| * DIV.CAS-LOGO-LEFT |
| * This is the NCI/EDRN logo div which lives inside DIV.EDRNINFORMATICS. |
| */ |
| div#edrnlogo.cas-logo-left { |
| background:url(nci-small.jpg) scroll -2px 1px no-repeat; |
| font-size:14px; |
| } |
| /** |
| * DIV.CAS-LOGO-RIGHT |
| * This is the double-helix graphic |
| */ |
| div#edrn-dna.cas-logo-right { |
| background:url(edrn_dna-bigger.jpg) scroll left top no-repeat; |
| } |
| |
| |
| /** |
| * DIV.EDRNLOGO |
| * This is the NCI/EDRN logo div which lives inside DIV.EDRNINFORMATICS. |
| */ |
| div#edrnlogo { |
| height:68px; |
| width:974px; |
| margin:0px auto; |
| } |
| img#edrnlogo-logo { |
| width:64px; |
| margin-top:-20px; |
| padding:3px; |
| margin-right:5px; |
| vertical-align:top; |
| float:left; |
| border:solid 0px #955; |
| } |
| div#edrnlogo h1.header-title { |
| font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; |
| padding-top:25px; |
| padding-bottom:15px; |
| margin-top:15px; |
| line-height:16px; |
| text-align:left; |
| width:974px; |
| font-size:31px; |
| font-weight:bold; |
| border:none; |
| } |
| div#edrnlogo h2 { |
| color:#222222; |
| font-size:12px; |
| font-style:italic; |
| font-weight:normal; |
| margin:-10px auto 16px; |
| } |
| div#edrnlogo h2.header-title { |
| padding:auto; |
| margin:-10px auto 16px auto; |
| font-size:12px; |
| font-weight:normal; |
| font-style:italic; |
| color:#222; |
| border:none; |
| } |
| |
| div#edrnlogo span.smaller { |
| font-size:85%; |
| color:#bbb; |
| } |
| /** |
| * DIV.EDRN-DNA |
| * This is the double-helix graphic |
| */ |
| div#edrn-dna { |
| position:absolute; |
| top:0px; |
| right:0px; |
| height:67px; |
| width:290px; |
| background:url(edrn_dna-bigger.jpg) scroll left top no-repeat; |
| } |
| |
| |
| /** |
| * H2.APP-TITLE |
| * This is the title for the application. It lives on the right-hand side |
| * of DIV.EDRNINFORMATICS. |
| */ |
| h2.app-title { |
| position:absolute; |
| top:0px; |
| right:0px; |
| background-color:transparent; |
| margin:0px; |
| padding:5px; |
| padding-right:0px; |
| color:#722; |
| font-weight:normal; |
| font-size:13px; |
| font-weight:bold; |
| letter-spacing:0.00em; |
| text-transform:uppercase; |
| z-index:100; |
| } |
| |
| /** |
| * DIV.ERROR |
| * This provides a red 'error' box suitable for displaying error |
| * messages. |
| */ |
| div.error { |
| background-color:#fcc; |
| padding:5px; |
| margin-right:15px; |
| border:solid 1px #f44; |
| } |
| |
| /** |
| * DIV.SUCCESS |
| * This provides a green 'success' box suitable for displaying |
| * successful messages. |
| */ |
| div.success { |
| padding:5px; |
| border:solid 1px green; |
| background-color:#cfc; |
| margin-right:10px; |
| } |
| |
| /** |
| * DIV.USERDETAILS |
| * This provides information about the login-status of the user. |
| * It should live within div#edrninformatics |
| */ |
| div.userdetails { |
| position:relative; |
| text-align:right; |
| width:974px; |
| margin:auto; |
| color:#111; |
| font-size:11px; |
| } |
| div.userdetails a { |
| text-decoration:underline; |
| color:#444; |
| } |
| |
| /** |
| Overrides required to enable user details to not be overlayed |
| on top of container for the staging/fm area |
| **/ |
| div.container{ |
| top:11px; |
| } |
| |
| /** |
| * DIV#BREADCRUMBS |
| * This provides the area for breadcrumbs navigation links |
| */ |
| |
| div#breadcrumbs.cas-breadcrumbs a { |
| color:#333; |
| } |
| |
| div#breadcrumbs { |
| position:relative; |
| margin-top:2px; |
| padding:4px; |
| padding-right:5px; |
| padding-left:5px; |
| border-top:solid 0px #700003; |
| border-bottom:solid 1px #700003; |
| padding-bottom:5px; |
| background-color:#fff; |
| color:#333; |
| font-size:85%; |
| } |
| div#breadcrumbs ul { |
| list-style:none; |
| margin:0px; |
| padding:0px; |
| } |
| div#breadcrumbs ul li { |
| display:inline; |
| } |
| |
| div#breadcrumbs ul li a { |
| color:#222; |
| font-weight:normal; |
| text-decoration:underline; |
| } |
| |
| /** |
| * DIV#FOOTER |
| * This provides the standard page footer with links to NCI,NIH,USAGOV |
| * and enterprise-wide informational links (privacy policy, etc). |
| */ |
| div#footer { |
| font-size:90%; |
| color:#666; |
| text-align:center; |
| margin-top:35px; |
| border-top:solid 1px #ddd; |
| padding-top:15px; |
| padding-bottom:8px; |
| } |
| div#footer img { |
| border:none; |
| padding-left:2px; |
| margin-left:5px; |
| } |
| |
| /** |
| * HEADERS (H1,H2,H3,......) |
| */ |
| h2.title { |
| background-color:#555; |
| padding:5px; |
| margin:0px; |
| color:#fff; |
| border-top:solid 2px #900; |
| border-bottom:solid 1px #300; |
| font-weight:normal; |
| font-size:15px; |
| } |
| |
| h2.title a { |
| color:#89b; |
| font-weight:normal; |
| text-decoration:none; |
| } |
| |
| h2.title a:hover { |
| text-decoration:underline; |
| font-weight:normal; |
| } |
| |
| h4 { |
| border-bottom:dotted 1px #888; |
| } |
| |
| |
| /** |
| * LOGIN FORM |
| */ |
| form#login-form { |
| border:solid 0px #f66; |
| background-color:#fff; |
| margin:5px; |
| padding:3px; |
| text-align:center; |
| } |
| form#login-form h3 { |
| color:#333; |
| margin-top:0px; |
| border-bottom:dotted 0px #444; |
| |
| } |
| form#login-form input[type=text], form#login-form input[type=password] { |
| border:solid 1px #888; |
| padding:3px; |
| width:150px; |
| } |
| form#login-form table { |
| color:#333; |
| margin:5px; |
| margin-top:0px; |
| border:solid 1px #ccc; |
| width:242px; |
| } |
| form#login-form input[type=submit] { |
| padding:3px; |
| } |
| |
| /** |
| * .CLR |
| * This is a utility which serves to reset things after a |
| * series of floated elements |
| */ |
| .clr { |
| clear:both; |
| } |
| |
| div.infoContent { |
| padding:5px; |
| } |
| |
| div#infoNoMetadataExtractorDefined { |
| position:absolute; |
| border:solid 1px #ccc; |
| top:28px; |
| right:-2px; |
| z-index:1000; |
| width:60%; |
| line-height:18px; |
| } |
| |
| div.info { |
| font-size:13px; |
| background-color:#acf; |
| font-family:arial,sans-serif; |
| color:#345; |
| display:none; |
| } |
| div.info input[type=button] { |
| padding:2px; |
| margin:5px 0px; |
| } |
| |
| #centered{ |
| width:50%; |
| margin-left:15%; |
| margin-right:15%; |
| } |