123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524 |
- <!doctype html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>专业版K线</title>
- <script src="__PUBLIC__/Home/js/jqplus.js"></script>
- <script src="__PUBLIC__/Home/js/highstock.js"></script>
- <style type="text/css">
- body {
- overflow: hidden; margin: 0px; font-size: 14px; font-family: Arial, sans; line-height: 18px;
- }
- a {
- color: #0D86FF; text-decoration: none; cursor: pointer;
- }
- html,body {
- height: 100%;
- }
- .green {
- color: green;
- }
- .red {
- color: red;
- }
- .ab {
- position: absolute; left: 0px; top: 0px;
- }
- ul.horiz {
- list-style: none; padding: 0px; margin: 0px; padding-left: 6px;
- }
- ul.horiz>li {
- display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; margin-right: 12px;
- }
- .price {
- margin-right: 60px;
- }
- ul.horiz>li.sep {
- height: 16px; vertical-align: middle;
- }
- ul.horiz li.subsep {
- height: 16px; vertical-align: middle; margin-right: 6px;
- }
- ul.horiz li.addthis {
- position: absolute; right: 0px; margin-top: 6px; vertical-align: top; width: 190px;
- }
- ul.horiz li.last {
- margin-right: 0px;
- }
- ul.horiz input,ul.horiz select,ul.horiz button {
- vertical-align: middle;
- }
- #nav {
- left: 0px; top: 0px; border-bottom: 1px solid #333; font-size: 12px;
- }
- #nav .logo {
- line-height: 32px; font-size: 14px; font-weight: bold; font-family: Arial, sans; margin-left: 0px;
- }
- #nav .logo a {
- margin: 0px;
- }
- #nav .horiz {
- height: 32 px;
- }
- #control {
- font-size: 12px; font-weight: bold; border-bottom: 1px solid #333;
- }
- #control select,#control input,#control button {
- font-size: 12px; font-family: serif; outline: none;
- }
- #sidebar_outer {
- float: right; font-family: Consolas, monospace; height: 100%; font-size: 14px; line-height: 13px;
- }
- #sidebar {
- height: 100%; width: 220px; border-left: 1px solid #333; padding-left: 6px;
- }
- #sidebar #market {
- font-size: 14px; font-weight: bold; text-align: center; height: 18px; line-height: 18px; font-family: Arial, sans; padding: 6px;
- }
- #sidebar #price {
- text-align: center; font-size: 16px; font-weight: bold; height: 28px; line-height: 28px;
- }
- #sidebar #trades {
- overflow-y: auto; text-align: left;
- }
- #sidebar #trades span {
- font-size: 1.6em; font-weight: bold;
- }
- #sidebar #trades .row {
- display: block;
- }
- #middlebar {
- width: 120px; height: 100%; padding: 6px; border-right: 1px solid #333; text-align: center; float: right;
- }
- #main {
- font-family: Consolas, monospace; font-size: 12px; line-height: 14px; overflow: hidden;
- }
- #main #wrapper {
- height: 100%; position: relative; overflow: hidden;
- }
- #main .hide_cursor canvas,#main .hide_cursor #chart_info {
- cursor: none;
- }
- #footer {
- border-top: 1px solid #333; line-height: 32px;
- }
- #assist {
- overflow-y: auto; position: absolute; right: 0px; bottom: 0px; width: 320px; height: 32px; padding: 0px 4px; border-left: 1px solid #333; border-top: 1px solid #333; font-size: 11px; line-height: 16px; color: #333; background-color: rgba(255, 255, 255, 0.8);
- }
- #info {
- position: absolute; font-size: 10px; font-family: Consolas, monospace; color: #999999;
- }
- #leftbar_outer {
- float: right; height: 100%;
- }
- #leftbar_outer #leftbar {
- border-left: 1px solid #333;
- }
- #leftbar_outer .gg160x600 {
- width: 160px; padding: 6px;
- }
- #close_ad {
- text-align: center; padding: 2em;
- }
- #leftbar {
- height: 100%; font-size: 12px; position: relative; font-family: Consolas, monospace; border-right: 1px solid #ccc;
- }
- #date {
- position: absolute; bottom: 0px; width: 100%; height: 16px; line-height: 16px; text-align: center; border-top: 1px solid #ccc;
- }
- #periods li.period {
- cursor: pointer; color: #0D86FF;
- }
- #periods li.selected {
- color: #F80;
- }
- .gg468x60 {
- position: absolute; right: 0px; top: 0px; z-index: 100; width: 468px; height: 60px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
- }
- .gg200x200 {
- height: 200px; overflow: hidden; margin-top: 6px; border-top: 1px solid #333; padding-top: 6px;
- }
- #asks,#bids {
- width: 300px;
- }
- #gasks,#gbids {
- width: 80px;
- }
- .new {
- background-color: #333;
- }
- #orderbook {
- line-height: 0px;
- }
- #orderbook .orderbook {
- overflow: hidden;
- }
- #orderbook #asks,#orderbook #gasks,#orderbook #bids,#orderbook #gbids {
- height: 195px; position: relative; display: inline-block; *display: inline; *zoom: 1; overflow: hidden;
- }
- #orderbook .table {
- position: absolute; border-collapse: collapse; padding: 0px; margin: 0px;
- }
- #orderbook .table .row {
- padding: 0px; margin: 0px; height: 16px; line-height: 16px;
- }
- #orderbook .remove {
- color: #333;
- }
- #orderbook .remove g {
- color: #333;
- }
- #orderbook #asks .table,#orderbook #gasks .table {
- bottom: 0px;
- }
- #orderbook #bids .table,#orderbook #gbids .table {
- top: 0px;
- }
- #before_trades {
- padding-bottom: 6px; border-bottom-width: 1px; margin-bottom: 6px;
- }
- g {
- color: #CCC;
- }
- h {
- color: white;
- }
- .donate {
- text-align: center; font-size: 12px;
- }
- .markets_outer {
- position: absolute; top: 0px; left: 0px; width: 100%; text-align: center;
- }
- #market_status {
- font-size: 11px;
- }
- #market_status label {
- font-weight: normal; margin: 0px 6px;
- }
- abbr {
- cursor: help; font-weight: normal; border-bottom: 1px dotted #333;
- }
- #qr {
- border: 1px solid black; left: 0px; top: 0px; padding: 8px; background-color: white; position: absolute; z-index: 105; display: none;
- }
- .donate {
- font-family: Consolas, monospace;
- }
- #settings {
- width: 60%; left: 20%; top: 20%; position: absolute; background-color: rgba(255, 255, 255, 0.6); border-radius: 5px; box-shadow: 0px 0px 3px #666; padding: 12px; display: none;
- }
- #settings input {
- width: 2em; vertical-align: top;
- }
- #settings h3 {
- border-bottom: 1px solid #333;
- }
- #settings dl dt,#settings dl dd {
- display: inline-block; *display: inline; *zoom: 1; margin: 0px; padding: 0px; margin-right: 6px;
- }
- #settings #close_settings {
- text-align: center; margin: 12px;
- }
- button,select {
- cursor: pointer;
- }
- #main,#footer {
- display: none;
- }
- #loading,.notify {
- position: absolute; top: 20%; width: 100%; font-size: 18px; text-align: center; z-index: 99;
- }
- #loading .inner,.notify .inner {
- margin-top: -32px; line-height: 32px; display: inline-block; *display: inline; *zoom: 1; padding: 12px 24px; border: 1px solid #333; border-radius: 5px; background-color: rgba(10, 10, 10, 0.8);
- }
- .dark {
- background-color: #0A0A0A; color: #CCC;
- }
- .dark #trades {
- scrollbar-basecolor: #333; scrollbar-highlight-color: #CCC; scrollbar-shadow-color: #666;
- }
- .dark :-webkit-scrollbar {
- background-color: #333;
- }
- .dark g {
- /*color: #666;*/
- }
- .dark h {
- visibility: hidden;
- }
- .dark a {
- color: #6BF;
- }
- .dark a:hover {
- text-decoration: underline;
- }
- .dark #close_ad span {
- cursor: pointer; color: #6BF;
- }
- .dark .green {
- color: #0C0;
- }
- .dark .red {
- color: #C00;
- }
- .dark a.active {
- color: #FC9;
- }
- .dark a.active.grey {
- color: #CCA37A;
- }
- .dark #periods li.period {
- color: #6BF;
- }
- .dark #periods li.selected a {
- color: #FB6;
- }
- .dark a.selected {
- color: #FB6;
- }
- .dark #sidebar .green {
- color: #6C6;
- }
- .dark #sidebar .red {
- color: #C66;
- }
- .dark #sidebar #price.green {
- color: #0F0;
- }
- .dark #sidebar #price.red {
- color: #F00;
- }
- .dark #assist {
- background-color: rgba(10, 10, 10, 0.8); font-weight: normal; color: #999;
- }
- .dark #nav,.dark #control,.dark #before_trades {
- border-bottom: 1px solid #333;
- }
- .dark #leftbar {
- border-right: 1px solid #333;
- }
- .dark #date {
- border-top: 1px solid #333;
- }
- .dark select,.dark button,.dark option {
- background-color: #333; color: #CCC; border: 1px solid #999;
- }
- .dark .gg468x60 {
- background-color: #0A0A0A; border-left: 1px solid #333; border-bottom: 1px solid #333;
- }
- .dark .markets_outer .markets {
- background-color: #222; border: 1px solid #666;
- }
- .dark li.sep,.dark li.subsep {
- border-right: 1px solid #333;
- }
- .dark #qr {
- border: 1px solid #333; background-color: rgba(10, 10, 10, 0.8);
- }
- .dark #settings {
- background-color: rgba(10, 10, 10, 0.6);
- }
- .dark abbr {
- border-bottom: 1px dotted #CCC;
- }
- .dark .external .green {
- color: #6C6;
- }
- .dark .external .red {
- color: #C66;
- }
- .dark ::-webkit-scrollbar {
- width: 16px; height: 13px;
- }
- .dark ::-webkit-scrollbar-button:start:decrement,.dark ::-webkit-scrollbar-button:end:increment {
- height: 0px; width: 0px;
- }
- .dark ::-webkit-scrollbar-track-piece {
- background-color: #222; border: 1px solid #555;
- }
- .dark ::-webkit-scrollbar-thumb:vertical {
- height: 50px; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4d4d4d), color-stop(100%, #333333)); border: 1px solid #0d0d0d; border-top: 1px solid #666666; border-left: 1px solid #666666;
- }
- .dark ::-webkit-scrollbar-thumb:horizontal {
- width: 50px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #333333)); border: 1px solid #1f1f1f; border-top: 1px solid #666666; border-left: 1px solid #666666;
- }
- .dark .help {
- background-color: #0A0A0A; border: 1px solid #333;
- }
- .dark .grey {
- color: grey;
- }
- .dark .ticker_red {
- background-color: #F66; color: #0A0A0A;
- }
- .dark .ticker_green {
- background-color: #6C6; color: #0A0A0A;
- }
- .light {
- background-color: #FFF; color: #333;
- }
- .light g {
- color: #AAA;
- }
- .light h {
- visibility: hidden;
- }
- .light a {
- color: #0D86FF;
- }
- .light a:hover {
- text-decoration: underline;
- }
- .light #close_ad span {
- color: #0D86FF; cursor: pointer;
- }
- .light .green {
- color: green;
- }
- .light .red {
- color: red;
- }
- .light #periods li.period {
- color: #0D86FF;
- }
- .light #periods li.selected a {
- color: #F80;
- }
- .light a.selected {
- color: #F80;
- }
- .light .active {
- color: #F80;
- }
- .light a.active.grey {
- color: #CC6D00;
- }
- .light #assist {
- background-color: rgba(255, 255, 255, 0.8); font-weight: normal; color: #333;
- }
- .light #nav,.light #control,.light #before_trades {
- border-bottom: 1px solid #CCC;
- }
- .light #sidebar,.light #footer,.light #assist {
- border-color: #CCC;
- }
- .light #leftbar_outer #leftbar {
- border-left: 1px solid #CCC;
- }
- .light #date {
- border-top: 1px solid #CCC;
- }
- .light ul.horiz select,.light ul.horiz button,.light ul.horiz option {
- background-color: #FFF; color: #333; border: 1px solid #666;
- }
- .light .gg468x60 {
- background-color: #FFFFFF; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;
- }
- .light .gg200x200 {
- border-color: #CCC;
- }
- .light li.sep,.light li.subsep {
- border-right: 1px solid #DDD;
- }
- .light #qr {
- border: 1px solid #ccc; background-color: rgba(255, 255, 255, 0.8);
- }
- .light #loading .inner {
- background-color: rgba(255, 255, 255, 0.8); border: 1px solid #CCC;
- }
- .light .dropdown .t {
- border: 1px solid #FFF;
- }
- .light .dropdown-data {
- background-color: rgba(255, 255, 255, 0.9); border: 1px solid #999;
- }
- .light .dropdown-hover .t {
- color: #666; border: 1px solid #999; border-bottom: none; background-color: rgba(255, 255, 255, 0.9);
- }
- .light #nav-charts td,.light table.simple td {
- border-bottom: 1px solid #CCC;
- }
- .light .navbar {
- border-bottom: 1px solid #CCC;
- }
- .light table.simple ul li {
- color: #0D86FF;
- }
- .light table.simple ul li.active {
- color: #F80;
- }
- .light #trades .v {
- color: #000;
- }
- .light #now {
- color: #333;
- }
- .light .difficulty table {
- background-color: white; border: 1px solid #CCC;
- }
- .light .new {
- background-color: #CCC;
- }
- .light #orderbook .remove {
- color: #CCC;
- }
- .light #orderbook .remove g {
- color: #CCC;
- }
- .light .help {
- background-color: #FFF; border: 1px solid #CCC;
- }
- .light .grey {
- color: grey;
- }
- .light .ticker_green {
- background-color: green; color: white;
- }
- .light .ticker_red {
- background-color: red; color: white;
- }
- .light .dialog {
- background-color: rgba(255, 255, 255, 1); color: #333; border: 1px solid #ccc;
- }
- .light .dialog .tablist {
- border-bottom: 1px solid #CCCCCC; background-color: #FFFFFF;
- }
- .light .dialog .tablist .selected {
- color: #F80;
- }
- .light .dialog .content .selected {
- background-color: #ccc;
- }
- .light input {
- color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC;
- }
- .light input[type=button]:hover,.light input[type=submit]:hover {
- background-color: #E6E6E6;
- }
- .light input[type=button]:active,.light input[type=submit]:active {
- background-color: #F2F2F2;
- }
- .light #mode a {
- color: #666;
- }
- .light #mode a:hover,.light #mode a.selected {
- border: 1px solid #eee;
- }
- .light #mode a.selected {
- background-color: #eee; color: #000;
- }
- #donation {
- color: #333; font-size: 10px; font-family: Monaco, Consolas, Monospace; vertical-align: top;
- }
- .dark .COINWIDGETCOM_WINDOW input {
- color: #333; background-color: #FFF;
- }
- .light .COINWIDGETCOM_WINDOW input {
- color: #333; background-color: #FFF;
- }
- .COINWIDGETCOM_WINDOW input {
- font-size: 11px !important;
- }
- .COINWIDGETCOM_CONTAINER>span {
- color: #333 !important;
- }
- .COINWIDGETCOM_CONTAINER>a {
- height: 16px !important;
- }
- .COINWIDGETCOM_CONTAINER>span {
- line-height: 16px !important; padding: 0px 2px;
- }
- #mtgoxNav div {
- display: block;
- }
- .nowrap {
- white-space: nowrap;
- }
- .nav-markets {
- font-family: Consolas, monospace;
- }
- .nav-markets a {
- margin-right: 6px;
- }
- #markets {
- right: 0px; font-size: 11px; text-align: center; font-weight: normal;
- }
- #markets a {
- margin: 0px 3px;
- }
- #markets .currency {
- font-size: 12px;
- }
- #markets div {
- display: inline-block; *display: inline; *zoom: 1; font-family: Consolas, monospace; margin-right: 12px; margin-left: 0px; text-align: left;
- }
- .dropdown,.dropup {
- padding: 0px; margin: 0px; display: inline-block; *display: inline; *zoom: 1; list-style: none; position: relative; z-index: 10;
- }
- .dropdown .t,.dropup .t {
- border: 1px solid #0A0A0A; border-bottom: none; padding: 3px 6px; z-index: 101; position: relative; cursor: default;
- }
- .dropdown .caret,.dropup .caret {
- margin-left: 6px;
- }
- .dropdown .caret .icon-caret-down,.dropup .caret .icon-caret-down {
- display: inline;
- }
- .dropdown .caret .icon-caret-up,.dropup .caret .icon-caret-up {
- display: none;
- }
- .dropdown-hover,.dropup-hover {
- z-index: 100;
- }
- .dropdown-hover .dropdown-data,.dropup-hover .dropdown-data {
- display: block;
- }
- .dropdown-hover .t,.dropup-hover .t {
- color: #FFF; border: 1px solid #666; border-bottom: none; background-color: rgba(10, 10, 10, 0.9);
- }
- .dropdown-hover .caret .icon-caret-down,.dropup-hover .caret .icon-caret-down {
- display: none;
- }
- .dropdown-hover .caret .icon-caret-up,.dropup-hover .caret .icon-caret-up {
- display: inline;
- }
- .dropdown-data,.dropup-data {
- display: none; position: absolute; z-index: 100; background-color: rgba(10, 10, 10, 0.9); padding: 6px; margin: 0px; text-align: left; border: 1px solid #666; margin-top: -1px;
- }
- .dropdown-data li,.dropup-data li {
- display: block; white-space: nowrap;
- }
- .navbar {
- font-size: 11px; border-bottom: 1px solid #333;
- }
- .navbar .nav {
- padding: 0px; margin: 0px; list-style: none; padding-left: 3px;
- }
- .navbar .nav li {
- display: inline-block; *display: inline; *zoom: 1; margin-right: 18px;
- }
- .navbar .nav li.logo {
- margin-left: 3px; font-size: 14px; line-height: 32px;
- }
- .navbar .nav li.ticker span {
- margin-left: 6px; font-family: Consolas, monospace;
- }
- .navbar .nav li.ticker span.eprice {
- margin-left: 0px;
- }
- #nav-charts {
- font-weight: normal;
- }
- table.simple {
- font-weight: normal; border-collapse: collapse; font-size: 12px;
- }
- table.simple td {
- padding: 6px; border-bottom: 1px solid #333;
- }
- table.simple tr:last-child td {
- border-bottom: none;
- }
- table.simple ul {
- list-style: none; padding: 0px; margin: 0px;
- }
- table.simple ul li {
- display: inline-block; *display: inline; *zoom: 1; margin-right: 12px; color: #6BF; cursor: pointer;
- }
- table.simple ul li:hover {
- text-decoration: underline;
- }
- table.simple ul li.active {
- color: #FC9;
- }
- table.simple {
- border-collapse: collapse;
- }
- .ggtop {
- position: absolute; top: 0px; right: 0px;
- }
- .ggtop img {
- display: block;
- }
- #trades {
- color: #808080;
- }
- #trades .row {
- clear: both; height: 16px; line-height: 16px;
- }
- #trades .t,#trades .p,#trades .v {
- display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; vertical-align: top;
- }
- #trades .v {
- color: #CCC;
- }
- #trades .p {
- overflow: hidden;
- }
- #trades .v {
- float: right; text-align: left;
- /*width: 5em;*/
- }
- #trades .s {
- text-align: right;
- }
- #now {
- position: absolute; right: 0px; color: #999; padding-right: 6px;
- }
- .watch_list {
- background-color: black;
- }
- .watch_list table td {
- border: 1px solid #333; padding: 6px;
- }
- .notify {
- display: none;
- }
- .difficulty {
- position: absolute; right: 0px; top: 5px; width: 220px; font-family: Arial, sans; font-size: 11px; text-align: right;
- }
- .difficulty table {
- margin: auto; border: 1px solid #333; border-collapse: collapse; text-align: left; background-color: #0A0A0A;
- }
- .difficulty table td {
- overflow: hidden; height: 16px; padding: 0px 4px; line-height: 16px;
- }
- .difficulty span {
- font-family: Consolas, monospace;
- }
- @media ( max-width : 1200px) {
- .difficulty {
- display: none;
- }
- }
- @media ( max-width : 1024px) {
- .eprice {
- display: none;
- }
- }
- .more {
- text-align: right;
- }
- .navbar .nav li.passport {
- font-size: 13px; float: right; line-height: 32px; height: 32px; margin: 0px; padding: 0px;
- }
- .navbar .nav li.passport>div {
- margin-right: 8px; display: inline-block; *display: inline; *zoom: 1;
- }
- .address {
- font-family: Consolas, monospace;
- }
- a.direct_address {
- color: #6C6;
- }
- #footer .conn {
- color: #090;
- }
- .good {
- color: #090;
- }
- .normal {
- color: #990;
- }
- .bad {
- color: #900;
- }
- .unselectable {
- -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
- }
- input {
- padding: 4px; border-radius: 4px; border: 1px solid #333333; background-color: #333333; color: #CCCCCC;
- }
- input[type=text],input[type=password] {
- width: 12em;
- }
- input[type=checkbox] {
- vertical-align: middle;
- }
- input[type=button],input[type=submit] {
- padding: 4px 8px; cursor: pointer;
- }
- input[type=button]:hover,input[type=submit]:hover {
- background-color: #474747;
- }
- input[type=button]:active,input[type=submit]:active {
- background-color: #333333;
- }
- .dialog {
- position: absolute; left: 50%; top: 40%; width: 640px; padding: 8px; border: 1px solid #333; font-family: Arial, sans; font-size: 13px; background-color: #1A1A1A; color: #CCCCCC; z-index: 101; display: none;
- }
- .dialog .tablist {
- border-bottom: 1px solid #333333; background-color: #0A0A0A; margin-bottom: 8px; cursor: move;
- }
- .dialog .tablist .tab {
- display: inline-block; *display: inline; *zoom: 1; padding: 8px; font-size: 12px; width: 64px; text-align: center; margin-right: 6px; cursor: pointer;
- }
- .dialog .tablist .selected {
- color: #FC6;
- }
- .dialog .tablist .tab:hover {
- text-decoration: underline;
- }
- .dialog .tablist .close {
- width: auto; padding: 8px; text-align: right; float: right;
- }
- .dialog .tablist i.icon-ok {
- color: #6C6;
- }
- .dialog .tablist table {
- border-collapse: collapse;
- }
- .dialog .tablist table td {
- padding: 2px 4px;
- }
- .dialog .tablist table td:first-child {
- text-align: right; width: 160px;
- }
- .dialog .tablist-one .tab {
- width: auto;
- }
- .dialog-auto-size {
- width: auto; height: auto;
- }
- .dialog-auto-size form table td:first-child {
- width: auto;
- }
- .dialog table.s1 {
- width: 100%; text-align: center; border-collapse: collapse; margin-bottom: 8px;
- }
- .dialog table.s1 i.icon-ok {
- color: #6C6;
- }
- .dialog table.s1 i.icon-remove {
- color: #F66;
- }
- .dialog table.s1 td,.dialog table.s1 th {
- border: 1px solid #4D4D4D; padding: 4px;
- }
- .dialog h3 {
- margin-top: 0px; margin-bottom: 8px; padding-top: 4px; font-size: 12px;
- }
- .dialog dl {
- margin-top: 0px;
- }
- .dialog ol {
- margin: 0px; padding: 0px;
- }
- .dialog ol li {
- margin-left: 40px;
- }
- .del {
- text-decoration: line-through;
- }
- .del i {
- text-decoration: none;
- }
- .ic {
- font-family: FontAwesome; font-style: normal;
- }
- .dialog .error {
- color: #F33; text-align: center; display: none;
- }
- .dialog .ok {
- color: #6C6; text-align: center;
- }
- .dialog .content_premium table#price_table {
- width: 300px; margin: auto; margin-bottom: 8px;
- }
- .dialog .content_premium .steps {
- text-align: center;
- }
- #dlg_ucp {
- width: 420px;
- }
- #dlg_ucp .content {
- height: 250px; overflow-y: auto;
- }
- #dlg_ucp .content_home {
- text-align: center; font-size: 13px; line-height: 20px;
- }
- #dlg_ucp .content_home dl {
- text-align: left; display: inline-block; *display: inline; *zoom: 1;
- }
- #dlg_ucp .content_home dl dd {
- margin-bottom: 6px;
- }
- #dlg_ucp .content_history {
- text-align: left; overflow-y: auto;
- }
- #dlg_ucp .content_history table {
- font-size: 11px;
- }
- .dialog .content .selected {
- background-color: #333; border-radius: 3px;
- }
- .dialog .unit {
- padding: 3px; cursor: pointer;
- }
- .dialog-toolbox {
- padding: 0px;
- }
- .dialog-toolbox .tablist {
- background-color: #333333; padding: 0px 8px;
- }
- .dialog-toolbox .tablist .tab {
- padding: 0px; font-size: 10px; margin: 0px; width: auto;
- }
- .dialog-toolbox .tablist .close {
- padding: 0px; font-size: 12px;
- }
- .dialog-toolbox .content {
- margin: 8px;
- }
- .content_warning {
- text-align: center;
- }
- .content_warning .icon {
- float: left; font-size: 36px;
- }
- .help {
- position: absolute; left: 0px; top: 0px; background-color: #0A0A0A; font-size: 11px; padding: 8px; border: 1px solid #333; display: none;
- }
- .help dl:first-child {
- margin-top: 0px;
- }
- .bw-circle {
- width: 10px; height: 10px; display: inline-block; *display: inline; *zoom: 1; background-color: #090; vertical-align: baseline; border-radius: 3px;
- }
- .good .bw-circle {
- background-color: #090;
- }
- .normal .bw-circle {
- background-color: #990;
- }
- .bad .bw-circle {
- background-color: #900;
- }
- #connection .conn {
- font-size: 0px;
- }
- .reason {
- text-align: left; font-weight: normal; font-size: 14px;
- }
- .reason dt {
- font-weight: bold;
- }
- #chart_info {
- position: absolute; top: 0px; left: 0px; font-family: Consolas, monospace; font-size: 12px; padding: 4px; width: 100%; text-align: left;
- }
- #chart_info .yellow {
- color: #EE0;
- }
- .light #chart_info .yellow {
- color: #03E;
- }
- #mode {
- font-family: Consolas, monospace; font-size: 12px; height: 25px; line-height: 25px;
- }
- #mode a {
- display: inline-block; *display: inline; *zoom: 1; width: 17px; height: 17px; line-height: 17px; text-align: center; text-decoration: none; color: #999; font-weight: normal; vertical-align: middle; border-radius: 3px; border: 1px solid transparent;
- }
- #mode a:hover,#mode a.selected {
- border: 1px solid #333; color: #ccc;
- }
- #mode a.selected {
- color: #ccc; border: 1px solid #333;
- }
- #mode img {
- vertical-align: middle;
- }
- .hint {
- font-size: 11px; font-family: Arial, sans;
- }
- code {
- font-family: Consolas, monospace;
- }
- .warning {
- color: #FF0; font-size: 14px; font-family: Arial, sans; padding: 4px 8px; font-weight: bold;
- }
- .light .warning {
- color: #F00;
- }
- .hide {
- display: none;
- }
- </style>
- </head>
- <body>
- <div id="header_outer">
- <div id="header">
- <div class="navbar navbar-static-top">
- <div class="navbar-inner">
- <div class="container">
- <div id="warning"></div>
- </div>
- </div>
- </div>
- <div id="qr">
- <img />
- </div>
- <div id="control">
- <div class="inner">
- <ul id="periods" class="horiz">
- <li style='line-height: 26px'>K线时间段:</li>
- <li class="period"><a>1周</a></li>
- <li class="subsep"></li>
- <li class="period"><a>1天</a></li>
- <li class="subsep"></li>
- <li class="period"><a>12小时</a></li>
- <li class="period"><a>6小时</a></li>
- <li class="period"><a>4小时</a></li>
- <li class="period"><a>2小时</a></li>
- <li class="period"><a>1小时</a></li>
- <li class="subsep"></li>
- <li class="period"><a>30分</a></li>
- <li class="period selected"><a>15分</a></li>
- <li class="period"><a>5分</a></li>
- <li class="period"><a>3分</a></li>
- <li class="period"><a>1分</a></li>
- <li class="subsep"></li>
- <li>
- <div class="dropdown">
- <div class="t">页面设置</div>
- <div class="dropdown-data">
- <table class="nowrap simple settings">
- <tbody>
- <tr class="main_lines">
- <td>均线设置</td>
- <td><ul id="setting_main_lines">
- <li value="mas" class="active">MA</li>
- <li value="emas">EMA</li>
- <li value="none">关闭均线</li>
- </ul></td>
- </tr>
- <tr class="stick_style">
- <td>图线样式</td>
- <td><ul id="setting_stick_style">
- <li value="candle_stick" class="active">K线-OHLC</li>
- <li value="candle_stick_hlc">K线-HLC</li>
- <li value="ohlc">OHLC</li>
- <li value="line">单线</li>
- <li value="line_o">单线-o</li>
- <li value="none">关闭线图</li>
- </ul></td>
- </tr>
- <tr class="line_style" style="display: none;">
- <td>Line Style</td>
- <td><ul id="setting_ls">
- <li value="c" class="active">Close</li>
- <li value="m">Median Price</li>
- </ul></td>
- </tr>
- <tr class="indicator">
- <td>技术指标</td>
- <td><ul id="setting_indicator">
- <li value="macd">MACD</li>
- <li value="kdj">KDJ</li>
- <li value="stoch_rsi" class="active">StochRSI</li>
- <li value="rsi">RSI</li>
- <li value="emv">EMV</li>
- <li value="roc">ROC</li>
- <li value="psy">PSY</li>
- <li value="none">关闭指标</li>
- </ul></td>
- </tr>
- <tr class="scale">
- <td>线图比例</td>
- <td><ul id="setting_scale">
- <li value="normal">普通K线</li>
- <li value="logarithmic" class="active">对数K线</li>
- </ul></td>
- </tr>
- <tr>
- <td></td>
- <td colspan="2"><a id="btn_settings">指标参数设置</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="dropdown">
- <div class="t">工具</div>
- <div class="dropdown-data">
- <table class="nowrap simple">
- <tbody>
- <tr>
- <td><a class="mode" mode="draw_line">画线</a><br> <a class="mode" mode="draw_fhline">绘制斐波那契回调线</a> <br> <a class="mode" mode="draw_ffan">绘制斐波那契面</a><br> <a class="mode selected" mode="draw_fhlineex">绘制斐波那契扩展</a>
- <div class="hint">
- 点击左键画点/线 <br>点击右键清除
- </div></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </li>
- <li class="sep"></li>
- <li id="mode">
- <a id="mode_cross" class="mode" title="Cross Cursor" mode="cross">
- <img src="__PUBLIC__/Home/images/shape-cross.png">
- </a>
- <a id="mode_draw_line" class="mode" title="Draw lines" mode="draw_line">
- <img src="__PUBLIC__/Home/images/shape-line.png">
- </a>
- <a id="mode_draw_fhline" class="mode" title="Draw Fibonacci Retracements" mode="draw_fhline">
- <img src="__PUBLIC__/Home/images/shape-fr.png">
- </a>
- <a id="mode_draw_ffan" class="mode" title="Draw Fibonacci Fans" mode="draw_ffan">
- <img src="__PUBLIC__/Home/images/shape-ffan.png">
- </a>
- </li>
- <li class="sep"></li>
- <li>
- 已更新
- <span id="change">2</span>
- 秒
- <span id="realtime_error" style="display: none">
- in <abbr title="Realtime(WebSocket) connection failed. Orderbook update every 1 minute, Trades update every 10 seconds.">Slow Mode</abbr>
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div id="loading">
- <div class="inner">
- <div class="text">Loading...</div>
- </div>
- </div>
- <div id="notify" class="notify">
- <div class="inner"></div>
- </div>
- <div id="main">
- <div id="sidebar_outer" style="display: none">
- <div id="sidebar" style="display: none">
- <div id="trades"></div>
- </div>
- </div>
- <div id="wrapper" class="hide_cursor">
- <canvas id="canvas_main"></canvas>
- <canvas id="canvas_shapes" class="ab"></canvas>
- <canvas id="canvas_cross" class="ab"></canvas>
- <div id="chart_info"></div>
- </div>
- </div>
- <div id="footer_outer">
- <div id="footer">
- <!-- <ul class="horiz donate"><li>
- </li><li id="now"></li></ul> -->
- </div>
- </div>
- <div id="assist" style='display: none'></div>
- <div id="settings">
- <h2>技术指标参数设定</h2>
- <table>
- <tr id="indicator_price_mas">
- <th>EMA / MA <abbr title="Up to 4 different indicators
- Set field blank to remove one of the indicators.">?</abbr>
- </th>
- <td><input name=price_mas /> <input name=price_mas /> <input name=price_mas /> <input name=price_mas /></td>
- <td><button>默认值</button></td>
- </tr>
- <tr id="indicator_macd">
- <th>MACD <abbr title="Short, Long, Move">?</abbr>
- </th>
- <td><input name=macd /> <input name=macd /> <input name=macd /></td>
- <td><button>默认值</button></td>
- </tr>
- <tr id="indicator_kdj">
- <th>KDJ <abbr title="rsv, k, d">?</abbr>
- </th>
- <td><input name=kdj /> <input name=kdj /> <input name=kdj /></td>
- <td><button>默认值</button></td>
- </tr>
- <tr id="indicator_stoch_rsi">
- <th>Stoch RSI <abbr title="Params: Stochastic Length, RSI Length, K, D">?</abbr>
- </th>
- <td><input name=stoch_rsi /> <input name=stoch_rsi /> <input name=stoch_rsi /> <input name=stoch_rsi /></td>
- <td><button>默认值</button></td>
- </tr>
- <!-- 后期添加的指标========开始========================================= -->
- <!-- RSI -->
- <tr id="indicator_rsi">
- <th>RSI <abbr title="">?</abbr>
- </th>
- <td><input name=rsi /> <input name=rsi /> <input name=rsi /></td>
- <td><button>默认值</button></td>
- </tr>
- <!-- EMV -->
- <!-- <tr id="indicator_emv">
- <th>EMV <abbr title="">?</abbr>
- </th>
- <td><input name=emv /> <input name=emv /> <input name=emv /></td>
- <td><button>默认值</button></td>
- </tr> -->
- <!-- ROC -->
- <!-- <tr id="indicator_roc">
- <th>ROC <abbr title="">?</abbr>
- </th>
- <td><input name=roc /> <input name=roc /> <input name=roc /></td>
- <td><button>默认值</button></td>
- </tr> -->
- <!-- PSY -->
- <!-- <tr id="indicator_psy">
- <th>PSY <abbr title="">?</abbr>
- </th>
- <td><input name=psy /> <input name=psy /> <input name=psy /></td>
- <td><button>默认值</button></td>
- </tr> -->
- <!-- 后期添加的指标========结束========================================= -->
- </table>
- <div id="close_settings">
- <a>[ 关闭 ]</a>
- </div>
- </div>
- <script type="text/javascript">
- (function(){
- window.$market='{$market}';
- window.$sid="0";
- window.$time_fix=60*1000;
- window.$host='';
- window.$test=false;
- window.$symbol="1";
- window.$hsymbol="RUIZCON XNB\/CNY";
- window.$theme_name="dark";
- window.$debug=false;
- window.$settings={"main_lines":{"id":"main_lines","name":"Main Indicator","default":"mas","options":{"MA":"mas","EMA":"emas","None":"none"}},"stick_style":{"id":"stick_style","name":"Chart Style","options":{"CandleStick":"candle_stick","CandleStickHLC":"candle_stick_hlc","OHLC":"ohlc","Line":"line","Line-o":"line_o","None":"none"}},"line_style":{"id":"ls","name":"Line Style","options":{"Close":"c","Median Price":"m"}},"indicator":{"id":"indicator","name":"Indicator","default":"none","options":{"MACD":"macd","KDJ":"kdj","StochRSI":"stoch_rsi","None":"none"}},"scale":{"id":"scale","name":"Scale","options":{"Normal":"normal","Logarithmic":"logarithmic"}},"theme":{"id":"theme","name":"Theme","options":{"Dark":"dark","Light":"light"},"refresh":true}};
- window.$p=true;
- window.$c_usdcny=6.0463;
- setTimeout(function(){
- if(!window.$script_loaded){
- return document.getElementById('loading').innerHTML="<div class=inner>正在加载脚本,请稍后...</div>";
- }
- },1000);
- // var goaa=null;
- // var waita=seconda=7;
- // goaa=setInterval(function(){
- // waita--;
- // if(waita<0){
- // clearInterval(goaa);
- // $.get("/Chart/setTradeJson?market="+$market+"&t="+(new Date().getTime()),function(data){
- // });
- // waita=seconda;
- // }
- // },1000);
- }).call(this);
- </script>
- <script type="text/javascript" src="__PUBLIC__/Home/js/kline.js"></script>
- </body>
- </html>
|