URL: http://ocean.weather.gov/templates/css/opc.css
ight:bold; color:#F0E68C; text-decoration:underline; } html{ min-height:100%; position:relative; } body { margin: 0; padding: 0; border:0; font-size : 9pt; width: 100%; } .body-div-main { width:990px; margin: 0px auto; } p { font-size : 9pt; color : #000000; } 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 */ } 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; border:0px; padding: 0px; } table#inner1 tr td { font-size : 9pt; border:0px; padding: 4px; } table#inner2 tr td { font-size : 9pt; border:0px; padding: 4px; } .fax_table td { font-size : 9pt; border:1px solid black; padding: 4px; } .fax_table th { font-size : 9pt; font-weight: bold; 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; border:0px; padding: 4px; } .table0 th { font-size : 9pt; font-weight: bold; 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; border:1px solid #000000; } .tabletiny th { font-size : 10pt; color : #000000; border:1px solid #000000; } .tablereg { border-collapse: collapse; border:1px solid #000000; } .tablereg td { font-size : 9pt; color : #000000; border:1px solid #000000; } .tablereg th { font-size : 11pt; color : #000000; border:1px solid #000000; } .tablehdr { border-collapse: collapse; border:1px solid #000000; } .tablehdr td { font-size : 10pt; color : #000000; border:1px solid #000000; } .tablehdr th { font-size : 12pt; color : #000000; border:1px solid #000000; } .tablelarge { border-collapse: collapse; border:1px solid #000000; } .tablelarge td { font-size : 13pt; color : #000000; border:1px solid #000000; } .tablelarge th { font-size : 15pt; color : #000000; border:1px solid #000000; } .tablexlarge { border-collapse: collapse; border:1px solid #000000; } .tablexlarge td { font-size : 15pt; color : #000000; border:1px solid #000000; } .tablexlarge th { font-size : 17pt; color : #000000; border:1px solid #000000; } /* end tables for the Product Monitor page /prodmon/index.php */ h1 { font-size : 18pt; } h2 { font-size : 15pt; } h3 { font-size : 13pt; } h4 { font-size : 11pt; } h5 { font-size : 9pt; } .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; } .nwslink { font-size : 9pt; color: Black; text-decoration: none; } .srhwhite { font-size : 9pt; text-decoration: none; color : #FFFFFF; } .size16ptbold { font-size : 16pt; font-weight: bold; color : #000000; } .size16pt { font-size : 16pt; color : #000000; } .size15ptbold { font-size : 15pt; font-weight: bold; color : #000000; } .size15pt { font-size : 15pt; color : #000000; } .size14ptbold { font-size : 14pt; font-weight: bold; color : #000000; } .size14pt { font-size : 14pt; color : #000000; } .size13ptbold { font-size : 13pt; font-weight: bold; color : #000000; } .size13pt { font-size : 13pt; color : #000000; } .size12ptbold { font-size : 12pt; font-weight: bold; color : #000000; } .size12pt { font-size : 12pt; color : #000000; } .pre { font-size: 10pt; white-space: pre; } .gray { font-size : 8pt; color : #808080; } .red { color: #ff0000; } .nav { font-size : 9pt; color : #FFFFFF; font-weight : bold; } .nwslink { font-size : 9pt; color: Black; text-decoration: none; } .srhwhite { font-size : 9pt; text-decoration: none; color : #FFFFFF; } .size13ptbold { font-size : 13pt; font-weight: bold; color : #000000; } .size13pt { font-size : 13pt; color : #000000; } .size12ptbold { font-size : 12pt; font-weight: bold; color : #000000; } .size12pt { font-size : 12pt; color : #000000; } .size11ptbold { font-size : 11pt; font-weight: bold; color : #000000; } .size11pt { font-size : 11pt; color : #000000; } .size10ptbold { font-size : 10pt; font-weight: bold; color : #000000; } .size10pt { font-size : 10pt; color : #000000; } .std { font-size : 9pt; font-weight: bold; color : #000000; } .reg { font-size : 9pt; color : #000000; font-weight: normal; } .hdr { font-size : 10pt; font-weight: bold; color : #000000; } .tiny { font-size : 8pt; font-weight: normal; color : #000000; } .tiny-gray { font-size : 8pt; font-weight: normal; color: #555555; } .spacer { font-size : 12pt; } b { font-weight: bold; } th { font: bold 11pt Arial,Helvetica,sans-serif; } sup { font: 8pt Arial,Helvetica,sans-serif; } .tabEnabled { font-size : 9pt; color: Black; border-color:Black; border-style:solid; border-width:1px; } .tabEnabledLink { font-size : 9pt; color: Blue; text-decoration:underline; } .tabDisabled { 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-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-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; 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; } #btnSearch { font-size:7pt; border: 1px solid; width: 30px; height:15px; cursor: pointer; } /* **************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; 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; 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; 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; 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-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; 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; /*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; 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; 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-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; }Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: