Content-Length: 30292 | pFad | http://ocean.weather.gov/templates/css/opc.css
/* CSS Document for the updated NHC website - 10/2014 */ /* To Do: Clean up for OPC Website */ A:link { /*color: #0000FF;*/ color: #1763AB; text-decoration: none; font-family : Arial, Helvetica, sans-serif; /*font-size : auto;*/ } A:Visited { /*color: #003399;*/ /*color: #0000FF;*/ color: #1763AB; text-decoration: none; } A:hover { /*color : #FF0000;*/ text-decoration : underline; } a.navbar { font-weight:bold; color:#FFFFFF; text-decoration:none; } a.navbar:visited { font-weight:bold; color:#FFFFFF; text-decoration:none; } a.navbar:hover { font-weight:bold; color:#F0E68C; text-decoration:underline; } html{ min-height:100%; position:relative; } body { margin: 0; padding: 0; border:0; font-family : Arial, Helvetica, sans-serif; font-size : 9pt; width: 100%; } .body-div-main { width:990px; margin: 0px auto; } p { font-size : 9pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } table { border-collapse:collapse; border:1px solid black; } table.center { margin-left:auto; margin-right:auto; } table.center1 { text-align: center; } .table0 { border-collapse:collapse; border:0px; } .table1 { border-collapse:collapse; border:1px solid black; } .table-notice { border:2px solid red; width:100%; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; } td { font-size : 9pt; /* font names with more than one word have to be in quotes */ font-family : Arial, Helvetica, "San Serif"; } td.center { text-align: center; } /* From http://stackoverflow.com/questions/1760660/stop-table-inheritance */ table#outer tr td { border-collapse:collapse; border:1px; } /* for Atl_include_text.shtml */ table#inner tr td { font-size : 9pt; font-family : Arial, Helvetica, "San Serif"; border:0px; padding: 0px; } table#inner1 tr td { font-size : 9pt; font-family : Arial, Helvetica, "San Serif"; border:0px; padding: 4px; } table#inner2 tr td { font-size : 9pt; font-family : Arial, Helvetica, "San Serif"; border:0px; padding: 4px; } .fax_table td { font-size : 9pt; font-family : Arial, Helvetica, "San Serif"; border:1px solid black; padding: 4px; } .fax_table th { font-size : 9pt; font-weight: bold; font-family : Arial, Helvetica, "San Serif"; border:1px solid black; padding: 4px; } /* /* table for front page, emulating "tiles" .tiles table { /* cell spacing = "5" border-collapse: separate; border-spacing: 15px; padding: 15px; margin: 0 auto; border:0px; } .tiles th, td { /* cell padding padding: 15px; /* valign vertical-align: top; text-align: center; } .tiles td { /*tile only background-color: #f2f2f2; border:1px solid black; } */ .table0 td { font-size : 9pt; font-family : Arial, Helvetica, "San Serif"; border:0px; padding: 4px; } .table0 th { font-size : 9pt; font-weight: bold; font-family : Arial, Helvetica, "San Serif"; border:0px; padding: 4px; } .input-valign { vertical-align:-2px; } /* begin tables for the Product Monitor page /prodmon/index.php */ .tabletiny { border-collapse: collapse; border:1px solid #000000; } .tabletiny td { font-size : 8pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tabletiny th { font-size : 10pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablereg { border-collapse: collapse; border:1px solid #000000; } .tablereg td { font-size : 9pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablereg th { font-size : 11pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablehdr { border-collapse: collapse; border:1px solid #000000; } .tablehdr td { font-size : 10pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablehdr th { font-size : 12pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablelarge { border-collapse: collapse; border:1px solid #000000; } .tablelarge td { font-size : 13pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablelarge th { font-size : 15pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablexlarge { border-collapse: collapse; border:1px solid #000000; } .tablexlarge td { font-size : 15pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } .tablexlarge th { font-size : 17pt; color : #000000; font-family : Arial, Helvetica, sans-serif; border:1px solid #000000; } /* end tables for the Product Monitor page /prodmon/index.php */ h1 { font-size : 18pt; font-family : Arial, Helvetica, "San Serif"; } h2 { font-size : 15pt; font-family : Arial, Helvetica, "San Serif"; } h3 { font-size : 13pt; font-family : Arial, Helvetica, "San Serif"; } h4 { font-size : 11pt; font-family : Arial, Helvetica, "San Serif"; } h5 { font-size : 9pt; font-family : Arial, Helvetica, "San Serif"; } .divcenter { /* search contents to see what uses this */ text-align: center; } .div-break-before { page-break-before: always; } .nav { font-size : 9pt; color : #FFFFFF; font-weight : bold; font-family : Arial, Helvetica, "San Serif"; } .nwslink { font-size : 9pt; color: Black; text-decoration: none; font-family : Arial, Helvetica, "San Serif"; } .srhwhite { font-size : 9pt; text-decoration: none; color : #FFFFFF; font-family : Arial, Helvetica, "San Serif"; } .size16ptbold { font-size : 16pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size16pt { font-size : 16pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size15ptbold { font-size : 15pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size15pt { font-size : 15pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size14ptbold { font-size : 14pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size14pt { font-size : 14pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size13ptbold { font-size : 13pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size13pt { font-size : 13pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size12ptbold { font-size : 12pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size12pt { font-size : 12pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .pre { font-size: 10pt; white-space: pre; font-family: Courier, monospace; } .gray { font-size : 8pt; font-family : Arial, Helvetica, "San Serif"; color : #808080; } .red { color: #ff0000; } .nav { font-size : 9pt; color : #FFFFFF; font-weight : bold; font-family : Arial, Helvetica, "San Serif"; } .nwslink { font-size : 9pt; color: Black; text-decoration: none; font-family : Arial, Helvetica, "San Serif"; } .srhwhite { font-size : 9pt; text-decoration: none; color : #FFFFFF; font-family : Arial, Helvetica, "San Serif"; } .size13ptbold { font-size : 13pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size13pt { font-size : 13pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size12ptbold { font-size : 12pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size12pt { font-size : 12pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size11ptbold { font-size : 11pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size11pt { font-size : 11pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size10ptbold { font-size : 10pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .size10pt { font-size : 10pt; color : #000000; font-family : Arial, Helvetica, sans-serif; } .std { font-size : 9pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .reg { font-size : 9pt; color : #000000; font-family : Arial, Helvetica, sans-serif; font-weight: normal; } .hdr { font-size : 10pt; font-weight: bold; color : #000000; font-family : Arial, Helvetica, sans-serif; } .tiny { font-size : 8pt; font-weight: normal; color : #000000; font-family : Arial, Helvetica, sans-serif; } .tiny-gray { font-size : 8pt; font-weight: normal; color: #555555; font-family : Arial, Helvetica, sans-serif; } .spacer { font-size : 12pt; font-family : monospace; } b { font-weight: bold; } th { font: bold 11pt Arial,Helvetica,sans-serif; } sup { font: 8pt Arial,Helvetica,sans-serif; } .tabEnabled { font-family : Arial, Helvetica, "San Serif"; font-size : 9pt; color: Black; border-color:Black; border-style:solid; border-width:1px; } .tabEnabledLink { font-family : Arial, Helvetica, "San Serif"; font-size : 9pt; color: Blue; text-decoration:underline; } .tabDisabled { font-family : Arial, Helvetica, "San Serif"; font-size : 9pt; color: Gray; border-color: Gray; border-style:solid; border-width:0px; } .list { border-color:#777777; border-style:solid; border-width:2px; height:100%; min-height:100%; } .imgCell { height: 100%; width: 100%; overflow: auto; } /* from http://www.computerhope.com/issues/ch001784.htm */ .rotateimg90 { -webkit-transform:rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .navBarRow { padding:5px 4px 1px 4px; height:30px; } ul.disc { list-style-type:disc; } ul.circle { list-style-type:circle; } img.caption { padding-bottom: 0.5em; } div.caption { padding: 5px; font-size: 80%; } /* ********** Header ********** */ .skipheader { width:100%; margin:0; height:0.1px; background:#C5E5F5 url(images/bg.png) repeat-y center; } .header { width:100%; margin:0; height:60px; background:#C5E5F5 url(images/bg.png) repeat-y center; } .header-content { margin:0 auto; height:60px; overflow:visible; } .header-center-text { width:550px; height:40px; margin-left:4px; overflow:visible; float:left; padding-top:2px; } a.header-center-text { font-family:Arial,sans-serif; font-size:34px; letter-spacing:0px; word-spacing:-0.5px; text-decoration:none; font-weight:normal; color:black; text-transform:uppercase; font-variant:small-caps; } .header-noaa-text { width:515px; height:10px; margin-left:5px; overflow:visible; float:left; } a.header-noaa-text { font-variant:small-caps; text-transform:uppercase; font-family:Arial,sans-serif; font-size:0.7em; text-decoration:none; color:gray; letter-spacing:3px; } .header-noaa-icon { float:left; margin-left:5px; height:60px; } .header-nws-icon { float:left; height:60px; } .header-doc { float:right; } .header-shadow { /*height:2px; background:#C5E5F5 url(images/bg.png) repeat-y center;*/ height: 10px; /* don't repeat this image in the x direction. You end up with odd thin whie stripes along the edges of large monitors. fta 20170317*/ /*background: #C5E5F5 url(images/bg.png) repeat-x center;*/ background: #C5E5F5 url(images/bg.png) no-repeat center; overflow:visible; } .header-shadow-content { margin:0px auto; height:10px; background:url(images/head_shadow.png) center; } /* **************center************* */ .altformatcenter { width:100%; background:#C5E5F5 url(images/bg_footer.png) repeat-y center; overflow:visible; } .altformatcontent { margin-right: auto; margin-left: auto; } /* ***********alternate formats banner ********* */ .altformat { width: 100%; height:20px; overflow: hidden; /* border-bottom: 2px solid #1763ab; */ border-bottom: 2px solid #00a3e3; font-size: 8pt; font-weight: bold; background: #C5E5F5 url(images/bg_footer.png) repeat-y center; } .format-type { padding-left:30px; padding-right:10px; padding-top:4px; float:left; display:inline; } .forecast-description { padding-left:30px; padding-right:5px; padding-top:4px; float:right; display:inline; } .local-forecast { color:#003366; font-size:8pt; font-weight:bold; font-family:Arial,sans-serif; display:inline; margin-right:5px; float:right; padding-top:1px; padding-bottom:1px; } .local-forecast-form { display:inline; } /* Forecast Search Settings Section */ #inputstring { font-size:7pt; width:113px; height:10px; color:#999999; font-family:Arial,Helvetica,sans-serif; } #btnSearch { font-size:7pt; border: 1px solid; width: 30px; height:15px; cursor: pointer; font-family:Arial,Helvetica,sans-serif; } /* **************center************* */ .center { width:100%; background:#C5E5F5 url(images/bg.png) repeat-y center; overflow:visible; } .content { width:960px; margin-right:auto; margin-left:auto; padding:5px; } .center-content { width:960px; margin-right:auto; margin-left:auto; overflow:hidden ; } /* **********Top Menu************* */ .topnav { width:100%; height:30px; border-bottom:1px solid #94C6EF; /*padding-left:10px;*/ margin-top:-10px; margin-bottom:10px; } /* Primary List Configuration Section */ #topnav { margin:0; padding-left:0px; padding-top:2px; float:left; width:100%; list-style:none; font-size:8pt; } #topnav li { float:left; margin:0; padding:0; position:relative; display:block; padding-left:12px; padding-right:12px; color:#104070; font-weight:bold; width:auto; font-size:10pt; } #topnav .right-menu { float:right; } #topnav li li{ color:#EC7A08; } #topnav li a { float:none; text-indent:0; height:auto; padding:5px 5px 5px 5px; display:block; text-decoration:none; } /* Drop Down Menu Hide and Show section */ #topnav .drop { top:30px; left:-10px; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:15px 15px 15px; /*-moz-box-shadow:0px 2px 5px #444444; -webkit-box-shadow:0px 2px 5px #444444;*/ box-shadow:0px 2px 5px #444444; border-top:3px solid #EC7A08; border-bottom:3px solid #EC7A08; background:#ffffff; z-index:1000; width:20em; } #topnav li:hover .drop { left:-1px;top:auto; } #topnav .dropsearch { top:30px; left:-10px; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:5px 5px 5px; /*-moz-box-shadow:0px 2px 5px #444444; -webkit-box-shadow:0px 2px 5px #444444;*/ box-shadow:0px 2px 5px #444444; border-top:3px solid #EC7A08; border-bottom:3px solid #EC7A08; background:#ffffff; z-index:1000; width:250px; } #topnav li:hover .dropsearch { left:-155px;top:auto; } /* Top Menu Link Text Section */ #topnav .section-link a { color:#003366; color:#104070; text-indent:0; text-decoration:none; height:auto; font-size:10pt; font-weight:bold; font-family:Arial,sans-serif; text-transform:uppercase; } #topnav .section-link { float:none; text-indent:0; padding:5px 5px 5px 5px; display:block; text-decoration:none; color:#003366; color:#104070; text-indent:0; text-decoration:none; height:auto; font-size:10pt; font-weight:bold; font-family:Arial,sans-serif; text-transform:uppercase; } #topnav .section-link a:hover { color:#EC7A08; /*text-shadow:1px 1px 1px black; */ } /* Drop Down Menu Link and Border section */ #topnav .drop a { color:#003366; font-size:10pt; font-weight:bold; font-family:Arial,sans-serif; border-top:1px dotted #bbbbbb; border-bottom:none; } #topnav .drop ul li { width:95%; /* border-bottom:1px dotted #bbbbbb; */ margin-left:-40px } #topnav .drop ul li ul { width:100%; } #topnav .drop ul li ul li { width:100%; /* border-bottom:none;*/ /* border-top:1px dotted #bbbbbb;*/ } #topnav .drop a:hover { color:#EC7A08; /*text-shadow:1px 1px 1px black;*/ } /* Site Search Settings Section */ #topnav .site-search { color:#003366; font-size:10pt; font-weight:normal; font-family:Arial,sans-serif; float:left; } /* ********footer tables************ */ .foottab { width: 100%; background: #C5E5F5 url(images/bg.png) repeat-y center; visibility: visible; overflow: visible; } .foottab-content { width: 100%; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; overflow: hidden; line-height: 16px; border-bottom: 1px solid #1763ab; } .foottab-column { width: 280px; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 0px; margin: 0; float: left; font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 1.5em; color: #1763ab; } /* ***********footer**************** */ .footer { width: 100%; background: #C5E5F5 url(images/bg_footer.png) repeat-y center; visibility: visible; overflow: visible; /* border-top: 4px double #1763ab; border-bottom: 4px double #1763ab; */ } .footer * { font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .footer-content { width: 100%; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; overflow: hidden; line-height: 16px; border-top: 4px double #1763ab; border-bottom: 4px double #1763ab; } .footer-column { width: 140px; padding-top: 20px; padding-bottom: 10px; padding-left: 55px; padding-right: 0px; margin: 0; float: left; font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 1.5em; color: #1763ab; } *.footer-column-head, *.footer-column-head a:link, *.footer-column-head a:visited { text-transform: uppercase; color: #ed7a08 !important; font: bold 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; height: auto !important; margin-bottom: 0px !important; } *.footer-column a:link, .footer-column a:visited { color: #1763AB; text-decoration: none; } .footer-column a:hover { text-decoration: underline; } .footer-table { width: 280px; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; padding-right: 0px; margin: 0; float: left; font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 1.5em; /*color: #1763ab;*/ } /* ********* Legal Footer Section ********** */ .footer-legal { background:#D3E7F7 url(images/bg.png) repeat-y center; width:100%; visibility:visible; overflow:hidden; padding-bottom:10px; margin-top:auto; margin-left:auto; margin-right:auto; } .footer-legal * { font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: gray; } .footer-legal a:link { text-decoration:none; /*color: #1763ab;*/ /*color: #0000ff;*/ } .footer-legal a:hover { text-decoration:underline; /*color: #ff0000;*/ } .footer-legal-content { width:960px; margin-left:auto; margin-right:auto; overflow:hidden; line-height:16px; padding-top:15px; } /* Reset after the legal columns */ .footer-legal-content::after { content: ""; display: table; clear: both; } .footer-legal-gov { float:left; width:10% } .footer-legal-column { float:left; width:40%; position:relative; left:60px; font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .footer-legal-column2 { float:left; left:90px; position:relative; font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } /* Set spacing to 1.5 between lines */ .footer-legal-column2 p{ line-height: 1.5em; } .footer-legal-column3 { float:left; left:220px; /*width:160px;*/ width:180px; position:relative; font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .footer-time{ display:block; margin-top: 5px; margin-bottom: -12px; text-align:center; color: #666666; } .footer-socal-logos{ vertical-align: text-top; } #wrap { background: #C5E5F5 url(images/bg.png) repeat-y center; position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; z-index:-1; } hr { border: 0; height: 0; border-top: 1px solid gray; border-bottom: 0px; } img { border:0px; } .img1 { border:1px solid black; } /* Front page tabs (AWC style) */ .awc_main_button_wrap { background-color: #fff; width: 100%; margin: 0; text-align:center; } .awc_main_button_pad { margin:0 auto; display:inline-block; } .awc_main_button { margin: 10px 5px 2px 5px; display: block; color: #1150a0; cursor: pointer; border-style:solid; border-color:#bbb #888 #666 #aaa; border-width:1px 2px 2px 1px; background:#e8e8e8; text-align:center; text-decoration:none; border-radius: 4px; width: 11em; float: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; height: 2em; line-height: 2em; } .awc_main_button:hover { background:#c9c9c9; background-color: #dddddd; border-color:#bbb #888 #666 #aaa; border-width:1px 2px 2px 1px; cursor: pointer; } .awc_main_button:active { background-color: #bbb; color: #ed7a08; border-color: #666 #aaa #bbb #888; border-width:2px 1px 1px 2px; cursor: pointer; } /* This section is for drop downs on the Loops/index.php page */ .loopnav { width:100%; height:30px; /*border-bottom:1px solid #94C6EF; */ /*padding-left:10px;*/ margin:0; /*margin-top:-10px;*/ /*margin-bottom:10px;*/ } /* Primary List Configuration Section */ #loopnav { margin:0; padding-left:0px; padding-top:5px; float:left; width:100%; list-style:none; font-size:8pt; } #loopnav li { float:left; margin:0; /*margin-left: 10px;*/ margin-right: 10px; padding:0; position:relative; display:block; padding-left:12px; padding-right:12px; padding-top:3px; padding-bottom:3px; color:#104070; font-weight:bold; width:auto; font-size:10pt; border:3px solid #94C6EF; } #loopnav li li{ color:gray; padding:5px 5px 5px 5px; border-top:1px dotted #bbbbbb; margin:0; border:none; } #loopnav li a { float:none; text-indent:0; height:auto; /*padding:5px 5px 5px 5px;*/ display:block; text-decoration:none; } /* Drop Down Menu Hide and Show section */ #loopnav .drop { margin-top:3px; top:30px; left:-10px; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:15px 15px 15px; /*-moz-box-shadow:0px 2px 5px #444444; -webkit-box-shadow:0px 2px 5px #444444;*/ box-shadow:0px 2px 5px #444444; border-top:3px solid #2189de; border-bottom:3px solid #2189de; background:#ffffff; z-index:1000; width:20em; max-height:55vh; overflow:auto; /*have the drop down restricted to 50% of the viewable screen with scroll bars, as needed.*/ } #loopnav .drop.narrow { width:10em; } #loopnav .drop.wide { width:26em; } #loopnav li:hover .drop { left:-1px;top:auto; } #loopnav .dropsearch { top:30px; left:-10px; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:5px 5px 5px; /*-moz-box-shadow:0px 2px 5px #444444; -webkit-box-shadow:0px 2px 5px #444444;*/ box-shadow:0px 2px 5px #444444; border-top:3px solid #EC7A08; border-bottom:3px solid #EC7A08; background:#ffffff; z-index:1000; width:250px; } #loopnav li:hover .dropsearch { left:-155px;top:auto; } /* Top Menu Link Text Section */ #loopnav .section-link a { color:#003366; color:#104070; text-indent:0; text-decoration:none; height:auto; font-size:10pt; font-weight:bold; font-family:Arial,sans-serif; text-transform:uppercase; } #loopnav .section-link a:hover { color:#EC7A08; /*text-shadow:1px 1px 1px black; */ } /* Drop Down Menu Link and Border section */ #loopnav .drop a { color:#003366; font-size:10pt; font-weight:bold; font-family:Arial,sans-serif; /*border-top:1px dotted #bbbbbb;*/ border-bottom:none; } #loopnav .drop ul li { width:95%; /* border-bottom:1px dotted #bbbbbb;*/ margin-left:-40px } #loopnav .drop ul li ul { width:100%; } #loopnav .drop ul li ul li { width:100%; /* border-bottom:none;*/ /* border-top:1px dotted #bbbbbb;*/ } #loopnav .drop a:hover { color:#EC7A08; /*text-shadow:1px 1px 1px black;*/ } /* Site Search Settings Section */ #topnav .site-search { color:#003366; font-size:10pt; font-weight:normal; font-family:Arial,sans-serif; float:left; margin-right: 5px; } #topnav .site-search-button { float:left; } /* ********footer tables************ */ .foottab { width: 100%; background: #C5E5F5 url(images/bg.png) repeat-y center; visibility: visible; overflow: visible; } /* This sedtion is for the forecast mouseover page */ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; /* -webkit-transition: opacity 400ms ease-in;*/ /* -moz-transition: opacity 400ms ease-in;*/ /* transition: opacity 400ms ease-in;*/ -webkit-transition: opacity 150ms ease-in; -moz-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { /*width: 84%;*/ /*width: 38em;*/ width: 46em; /*width: 440px;*/ position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; max-height:70%; overflow-y: auto; overflow-x: hidden; /* background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); */ } /*adjusts the width only on highres screens*/ @media (-webkit-min-device-pixel-ratio:2){ .modalDialog > div { width:84%; } } .modalDialog > pre { /* Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks */ white-space: pre-line; } .modalDialogClose { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: 5px; /*right: -12px;*/ text-align: center; /*top: -10px;*/ top: 5px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .modalDialogClose:hover { background: #00d9ff; } a.modalDialogClose { color: #FFFFFF; } A.modalDialogClose:hover { /*color : #FF0000;*/ text-decoration : none; } /* This section is for the news style header on the main page */ .news-holder p { margin-bottom: 12px; } .news-holder { max-width: 960px; margin: 0 auto; font-family: Verdana, sans-serif; font-size: 13px; } .news-holder * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*a { color: #336699; text-decoration: none; }*/ .news-headlines { list-style: none; position: relative; } .news-headlines li { padding: 11px 8px 11px 22px; /*padding: 5px 20px 5px 24px;*/ margin-bottom: 15px; position: relative; z-index: 20; color: #336699; } .nh-anim { -webkit-transition: all .75s ease-out; -moz-transition: all .75s ease-out; -o-transition: all .75s ease-out; transition: all .75s ease-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .news-headlines li:before { content: ""; display: inline-block; width: 5px; height: 5px; background: #888; vertical-align: middle; margin-left: -12px; margin-right: 7px; } .news-headlines li:hover, a:hover { cursor: pointer; text-decoration: none; } .news-headlines .highlight { width: 100%; background: #ededed; border-top: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999; position: absolute; top: 0; left: 0; z-index: 10; } .news-headlines .highlight:before { display: none; } .news-headlines { float: left; width: 15%; } .news-preview { float: left; border: solid 1px #999; width: 85%; background: #ededed; position: relative; z-index: 5; margin-left: -1px; min-height: 710px; position: relative; } .news-preview b { font-size: 14px; } .news-preview img { display: block; border: solid 1px #999; width: 100%; height: auto; max-width: 780px; max-height: 605px; /*margin: 0 auto 0 auto;*/ margin: auto; } .news-content { position: absolute; background: #ededed; z-index: 10; padding: 10px; top: 0; left: 0; display: none; } .news-content div { -webkit-text-size-adjust:100%; } .top-content { display: block; width:100%; } .no-top-bottom-margin{ margin-bottom: 0; margin-top: 0; } /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { zoom: 1; }Fetched URL: http://ocean.weather.gov/templates/css/opc.css
Alternative Proxies: