<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <head> <meta http-equiv="content-type" content="text/html; charset=big5" /> <link rel="stylesheet" href="<txp:css />" type="text/css" media="screen" /> <link rel="Shortcut Icon" type="image/x-icon" href="http://www.whyoceans.com/favicon.ico" /> <title>WhyOceans Official Website</title> <script type="text/javascript" src="files/lightbox.js"></script> <style type="text/css"> p{margin:0px;font-size: 100%;color:#fff;padding: 0 0 3px;} /* whyoceans main site beta cascading style sheet coder: jase */ /* --- structural ------------------------------- */ p { padding: 0 0 0 18px; } body { text-align:center; position:static; background-color: #343434; scrollbar-base-color:#3f3f3f; scrollbar-arrow-color:#ffffff; background-image:url(/images/136.gif); background-repeat:repeat-x; margin:0 auto; } #wrapper { position:static; text-align: center; width: 900px; height: 2200px; background-color: #000000; border: 8px solid #9b9b9b; border-bottom-width: 0px; border-top-width: 0px; margin:0 auto; } #wrapper2 { position:static; text-align: center; width: 900px; height: 1800px; background-color: #000000; border: 8px solid #9b9b9b; border-bottom-width: 0px; border-top-width: 0px; margin:0 auto; } #head { margin:0 auto; position:static; width: 900px; height: 275px; } #navmain { text-size:16px; margin:0 auto; position:static; width: 890px; } #tabArea { font-size: 15px; width: 890px; text-align:left; } #tab { background-color: #000000; color:#ffffff; border: 2px solid #ffffff; border-bottom-width: 0px; border-top-width: 0px; border-left-width: 2px; border-right-width: 0px; font-family:arial; text-align:left; padding: 2px 1em 2px 1em; } #tab:hover { background-color: #000000; color: #606060; } li.inline { display: inline; padding-left: 3px; padding-right: 3px; z-index:2; margin:0 auto; } #conhome { margin:0 auto; position:static; width: 800px; height: 800px; } #content { margin:0 auto; position:static; width: 800px; height: 800px; } #con { margin:0 auto; position:static; width: 800px; height: 450px; } div.news { font-size: 12px; font-family:Eurostile ExtendedTwo; width:250px; position:static; background: #9a0000; color: #ffffff; margin:8px; margin-right:100px; margin-bottom: 20px z-index:2;} #band_intro { float: left; width: 450px; height: 450px; z-index:2; } #band { float: right; width: 310px; height: 450px; z-index:2; } #keyboardMsg{ float: right; } #container { width: 760px; margin: 10px; margin-left: auto; margin-right: auto; padding: 10px; } #sidebar-1 { float: left; width: 150px; margin-right: 5px; padding-top: 100px; } #sidebar-2 { float: right; width: 150px; margin-left: 5px; padding-top: 100px; } #foot { clear: both; margin-top: 5px; text-align: center; } #accessibility { position: absolute; top: -10000px; } #sidebar-2 a, #sidebar-1 a { border: 0px; color: #C00; } /* --- typography ------------------------------- */ /* font-family: Georgia, Times, Serif;*/ /* font-weight: normal;*/ h2 { font-weight: normal; font-family: Arial; font-size: 1em; font-style: italic; } h3 { font-weight: normal; font-size: 16px; font-family: Arial; margin:0; padding: 0 0 2px; background:#010000; color:#c02408; text-align: left;} h1 { font-weight: normal; font-size: 12px; font-family: Arial; margin:0; padding: 0 0 2px; background:#010000; color:#fff; text-align: left;} h1 a { font-weight: normal; border: 0px; font-family: Arial; font-size: 12px; text-align: left; } h3 a { font-weight: normal; border: 0px; font-family: Arial; color:#c02408; font-size: 16px; text-align: left; } h1 a, h2 a { border: 0px; } .caps { letter-spacing: 0.1em; font-size: 10px; } #content hr { color: #ccc; width: 66%; margin-top: 2em; margin-bottom: 2em; } #content p { padding: 20px 30px 0 30px; } p, blockquote, li { font-family: Verdana, "Lucida Grande", Tahoma, Helvetica; font-size: 0.9em; line-height: 1.6em; text-align: left; padding-left: 10px; padding-right: 10px; } blockquote { margin-left: 20px; margin-right: 0px; } #sidebar-2 p, #sidebar-1 p { line-height: 15px; font-size: 10px; } #sidebar-1 p { text-align: right; } a { color: black; text-decoration: none; border-bottom: 1px black solid; } /* --- forms ------------------------------------ */ /* --- others ----------------------------------- */ /* img.divider */ /* { */ /* align: center; */ /* margin-top: 2em; */ /* margin-bottom: 2em; */ /* } img.thumbnails_c { height:96px; width:72px; border:3px solid #efefef; } img.thumbnails_r { height:72px; width:96px; border:3px solid #efefef; } /* --- comments --------------------------------- */ .comments_error { background-color: #ffa } div.comments_error { border: 1px solid #cc8; padding : 0.3em; } </style> <link rel="stylesheet" type="text/css" href="files/niftyCorners.css"/> <link rel="stylesheet" type="text/css" href="files/niftyPrint.css" media="print"/> <!-- <script type="text/javascript"> window.onload=function(){ if(!NiftyCheck()) return; RoundedTop("div.news","#000","#9a0000"); RoundedBottom("div.news","#fff","#010000"); } </script> --> </head> <body> <!-- mps: wrapper --> <div id="wrapper"> <div style="OVERFLOW:hidden;text-align: center;"> <!-- <img src="/images/202.jpg" border=0 /> <img src="/images/203.jpg" border=0 /> <img src="/images/204.jpg" border=0 /> <img src="/images/209.jpg" border=0 /> --> <img src="/images/215.jpg" style="height:580px;width:900px" border=0 /> </a> </div> <p></p> <br/> <!-- MENU BAR : START --> <div id="navmain" style="text-align:left;"> <ul> <li id="tabArea" style="text-align:left;"> <a id="tab" href="/index.html" style="border-left-width:0px">HOME</a> <a id="tab" href="/theband.html">THEBAND</a> <a id="tab" href="http://whyoceans.bandcamp.com" target=_blank>MUSIC</a> <a id="tab" href="http://www.whitenoiserecords.org/?cs-artist-0=whyoceans&search-class=DB_CustomSearch_Widget-db_customsearch_widget&widget_number=preset-3&x=0&y=0" target=_blank>BUY ALBUM</a> <a id="tab" href="http://www.indievox.com/whyoceans/event" target=_blank>PAST EVENTS</a> <a id="tab" href="mailto:contact@whyoceans.com">CONTACT US</a> </li> </ul> </div> <!-- MENU BAR : END --> <!-- mps: content center --> <div id="conhome"> <!-- Red color bar --> <div style="OVERFLOW:hidden;text-align: left;"> <span> <img src="/images/158.jpg" style="height:30px;width:800px" /> </span> </div> <!-- Start, Facebook, myspace icon --> <div style="OVERFLOW:hidden;text-align: right;"> <! --<div style="text-align:right;color:#000000;float:right;width:800px;hight:32px;"> --> <span> <a href="https://whyoceans.bandcamp.com/" target=_blank border=0/> <img src="/images/BC.jpg" style="border:0px"" /> </a> </span> <span> <a href="http://www.facebook.com/WhyOceans" target=_blank border=0/> <img src="/images/145.jpg" style="border:0px"" /> </a> </span> <span> <a href="http://twitter.com/whyoceans" target=_blank border=0"/> <img src="/images/144.jpg" style="border:0px" /> </span> <span> <a href="http://www.youtube.com/user/whyoceans/videos" target=_blank border=0"/> <img src="/images/146.jpg" style="border:0px" /> </span> <span> <a href="http://www.douban.com/artist/whyoceans/" target=_blank border=0"/> <img src="/images/148.jpg" style="border:0px" /> </span> <span> <a href="http://weibo.com/whyoceans/" target=_blank border=0"/> <img src="/images/167.png" style="border:0px" /> </span> <span> <a href="http://www.indievox.com/whyoceans" target=_blank border=0"/> <img src="http://beta.whyoceans.com/images/212t.jpg" style="border:0px" /> </span> </div> <!-- End , facebook, myspace icon --> <!-- Left side content --> <!-- <div style="float:left;width:350px;text-align:left;"> --> <div style="position:absolute;top:350;left:20;width:350px;"> <br/> <p/> <span style="text-align:left;"> <img src="/images/wo_news.jpg"/> <p/> <br/> </span> <!-- News coding : START --> <span> <h3> <a href="http://www.indievox.com/whyoceans/event-post/20747" target=_blank> <span style="text-align:left;"> <br/> <b> HUSH!!lXpjg <br/> 29-Apr & 01-May-2018 </span> <p/> <span style="text-align:left;"> <img src="https://d1ekh1oj0tf067.cloudfront.net/indievox_user/150000/130726/event/event20747480.JPG?1522682242" style="height:315px;width:215px" border=0/> </span></a> </h3> <p/><p/> <br/> </span> <!-- News coding : END --> <span> <h3> <a href="http://www.indievox.com/whyoceans/event-post/20592" target=_blank> <span style="text-align:left;"> <br/> <b> Draw-SoundqgN_djg <br/> 24-Mar-2018 </span> <p/> <span style="text-align:left;"> <img src="https://d1ekh1oj0tf067.cloudfront.net/indievox_user/150000/130726/event/event20592480.jpg?1522435898" style="height:315px;width:215px" border=0/> </span></a> </h3> <p/><p/> <br/> </span> <!-- News coding : END --> <span> <h3> <a href="http://www.indievox.com/whyoceans/event-post/20389" target=_blank> <span style="text-align:left;"> <br/> <b> 0W1Ya 0^qg]o (swm0^]0m3W) <br/> 05,06,07-Jan-2018 </span> <p/> <span style="text-align:left;"> <img src="https://s2.fa7.in/qn_1e5f526ccb404beebf6f0c13364673c9_2187_3500_3635505.0x0.jpg?imageMogr2/thumbnail/640x/gravity/Center/crop/640x" style="height:315px;width:215px" border=0/> </span></a> </h3> <p/><p/> <br/> </span> <!-- News coding : END --> <!-- /* News interview..etc */ --> <!-- Twitter status - Whyoceans --> <br/> </div> <!-- Right side content --> <!-- Photos / Video --> <div style="float:right;width:450px;text-align:right;"> <!-- <div style="position:absolute;top:350;right:0;width:450px;"> --> <br/> <p/> <span> <!-- Sina Blog --> <span style="text-align:right;border:1px solid #ffffff;border-top-width:0px;border-left-width:0px;border-right-width:0px;"> <img src="/images/170.jpg" style="border:0px;"/> <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span> </span> <p/><p/><p/><p/> <iframe id="sina_widget_1738149614" style="width:400px; height:350px;" frameborder="0" scrolling="no" src="http://v.t.sina.com.cn/widget/widget_blog.php?uid=1738149614&width=400&height=350&skin=wd_04&showpic=1"> </iframe> <p/><p/><p/><p/> <br/> <br/> <!-- Feature video --> <span style="text-align:right;border:1px solid #ffffff;border-top-width:0px;border-left-width:0px;border-right-width:0px;"> <img src="/images/150.gif" style="border:0px;"/> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="334" width="400"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="https://youtu.be/gm0ulFZYCyk" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="https://youtu.be/gm0ulFZYCyk" height="334" width="400" wmode="transparent" /> </object> <br/> <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span> </span> <p/><p/><p/><p/> <br/> <span style="text-align:right;border:1px solid #ffffff;border-top-width:0px;border-left-width:0px;border-right-width:0px;"> <img src="/images/150.gif" style="border:0px;"/> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="334" width="400"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="https://youtu.be/i6wMk_sH3eM" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="https://youtu.be/i6wMk_sH3eM" height="334" width="400" wmode="transparent" /> </object> <br/> <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span> </span> <p/><p/><p/><p/> <br/> <br/> <span> </div> </div> <!-- center: end --> </div> <!-- wrapper: end --> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-300403-1"; urchinTracker(); </script> </body> </html>