html {
touch-action: manipulation;
}
html, body {
color: black;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: linear-gradient(white,black);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
}
#chart-footer,
#menu-page-footer
{
background-color:rgb(0,33,61);
}
#chart-main {
background: #404040;
min-height:321px;
}
#chart-main-content {
bottom: 47px;
left: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
#chart-menu-div {
background: #404040;
}
#chart-menu a,
#chart-menu-top a
{
padding:0px;
background-color:transparent;
border:none;
box-shadow:none;
margin-right:0px;
}
#chart-menu-bottom a,
#menu-page-menu-bottom a
{
padding:0px;
background-color:transparent;
border:none;
box-shadow:none;
margin-right:0px;
height:28px;
}
#chart-menu img
{
position:relative;
top:3px;
}
#chart-menu-bottom img,
#menu-page-menu-bottom img
{
position:relative;
top:0px;
width:30px;
height:30px;
}
#chart-menu li,
#chart-menu-bottom li,
#menu-page-menu-bottom li
{
border:transparent solid 1px;
}
.chart-navbar-text {
font-size:10px;
text-align:center;
margin-bottom:2px;
font-weight:400;
}
#canvas-slide {
position:absolute;
left:0px;
top:45px;
right:0px;
bottom: 0;
background-color:transparent;
overflow: hidden;
}
#canvas-base {
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background: linear-gradient(#B4B4B4,white);
overflow: hidden;
}
#img-1m{
position: absolute;
top: 5px;
left: 5px;
}
#img-5m{
position: absolute;
top: 5px;
left: 50px;
}
#img-10m{
position: absolute;
top: 5px;
left: 95px;
}
#img-15m{
position: absolute;
top: 5px;
left: 140px;
}
#img-30m{
position: absolute;
top: 5px;
left: 185px;
}
#img-1hour{
position: absolute;
top: 50px;
left: 5px;
}
#img-2hour{
position: absolute;
top: 50px;
left: 50px;
}
#img-4hour{
position: absolute;
top: 50px;
left: 95px;
}
#img-8hour{
position: absolute;
top: 50px;
left: 140px;
}
#img-day{
position: absolute;
top: 50px;
left: 185px;
}
#img-week{
position: absolute;
top: 95px;
left: 5px;
}
#img-month{
position: absolute;
top: 95px;
left: 50px;
}
#img-time-close{
position: absolute;
top: 0px;
right: 5px;
}
.chart-menu-title {
position:absolute;
padding-left:2px;
padding-right:2px;
text-align:center;
color:black;
text-shadow:0px 0px;
background-color:#b9b9b9;
border-radius:3px;
}
#slide_menu > .chart-menu-title {
width:75px;
font-size:0.9em;
}
#setting_menu > .chart-menu-title {
width:44px;
font-size:0.9em;
}
#slide_menu > div > .chart-menu-title {
font-size:10px;
}
#slide_menu > div > .title-large-3 {
width:160px;
}
#slide_menu > div > .title-large-2 {
width:64px;
left:-16px;
}
#slide_menu > div > .title-large {
width:54px;
left:-7px;
}
#slide_menu > div > .title-small-2 {
width:44px;
left:-2px;
}
#slide_menu > div > .title-small {
width:40px;
}
#div-info{
top:89px;
left:5px;
}
#info_x_menu{
position:absolute;
left:90px;
top:80px;
}
#info_y_menu{
position:absolute;
left:150px;
top:80px;
}
#div-color{
top:14px;
left:5px;
}
#btn-dark{
background-color:#808080;
border-color:#1f1f1f;
box-shadow:none;
position:absolute;
top:0px;
left:60px;
width:45px;
height:30px;
}
#btn-black{
background-color:#000000;
border-color:#1f1f1f;
box-shadow:none;
position:absolute;
top:0px;
left:110px;
width:45px;
height:30px;
}
#btn-white{
background-color:#FFFFFF;
border-color:#1f1f1f;
box-shadow:none;
position:absolute;
top:0px;
left:160px;
width:45px;
height:30px;
}
#btn-blue{
background-color:#0D528F;
border-color:#1f1f1f;
box-shadow:none;
position:absolute;
top:0px;
left:210px;
width:45px;
height:30px;
}
#imgTimeClose{
position: absolute;
right: 0px;
top: 0px;
}
#imgClose{
position: absolute;
right: 0px;
top: 0px;
}
#imgSettingClose{
position: absolute;
right: 0px;
top: 0px;
}
.select-color{
border-width:2px !important;
border-color:red !important;
}
#time_menu{
position: absolute;
top: 45px;
right: 0px;
width: 280px;
height: 150px;
background: rgba(9,66,105,0.2);
z-index:120;
display:none;
}
#slide_menu{
position: absolute;
top: 45px;
right: 0px;
width: 300px;
height: 150px;
background: rgba(9,66,105,0.2);
z-index:120;
display:none;
}
#setting_menu{
position: absolute;
top: 45px;
right: 0px;
width: 300px;
height: 50px;
background: rgba(9,66,105,0.2);
z-index:120;
display:none;
}
#div-chart-kind{
top:14px;
left:5px;
}
#candle_menu{
position:absolute;
left:90px;
top:5px;
}
#line_menu{
position:absolute;
left:150px;
top:5px;
}
#heikin_menu{
position:absolute;
left:210px;
top:5px;
}
.tech-page-div{
width:100%;
position:relative;
}
.tech-page-btn{
z-index:3;
position:absolute;
right:0px;
top:0px;
margin:0px;
height:42px!important;
width:48px!important;
border-radius:5px;
border-color:transparent!important;
background-color:transparent!important;
box-shadow:none!important;
}
.tech-page-btn:after{
background-size:90%;
background-color:transparent;
width:30px;
height:30px;
top:6px;
left:9px;
margin:0px;
border-radius:15px;
}
.ui-checkbox{
margin:0px;
}
#horizontal-info{
position:fixed;
top:0px;
left:0px;
right:0px;
height:45px;
background-color:black;
display:none;
z-index:1000;
}
#horizontal-info-message{
margin-left:5px;
margin-top:2px;
line-height:1.0;
float:left;
font-size:14px;
}
#info-delete{
float:right;
margin-right:2px;
}
#horizontal-info-tech{
position:fixed;
top:45px;
left:0px;
right:0px;
height:60px;
background-color:black;
display:none;
z-index:110;
}
@media screen and (max-width: 359px){
#horizontal-info-tech {
height:105px;
}
}
#horizontal-info-tech-message{
margin-left:5px;
margin-top:2px;
line-height:1.0;
float:left;
font-size:14px;
}
#info-next{
position:absolute;
margin-right:2px;
right:0px;
bottom:0px;
display:none;
box-shadow:none;
padding-right:0.5em;
padding-left:0.5em;
}
#div-info-arrow{
position:absolute;
width:100%;
bottom:0px;
height:37px;
z-index:4;
}
#div-info-arrow > div{
height:32px;
}
#info-arrow{
display:none;
}
#tech-radio .ui-radio {
width:50%;
}
#tech-radio .ui-controlgroup-controls{
width:100%;
}
#tech-radio label{
text-align:center;
}
#div-info-arrow-y {
width: 38px;
background-color: rgba(0,0,0,0);
position: absolute;
right: 0;
top:45px;
bottom:20px;
z-index:4;
}
#div-info-arrow-y > div{
width:33px;
height:100%;
left:5px;
}
#info-arrow-y{
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
display:none;
}
#menu-page a, #menu-page button{
margin:0px;
text-align:left;
}
#version-text{
float:right;
}
.tech-detail-div > div{
float:left;
}
.tech-detail-div > div:nth-of-type(1){
width:185px;
height:90px;
}
.tech-detail-div > div:nth-of-type(1) > label{
white-space:nowrap;
}
.tech-detail-div > div:nth-of-type(2) > label{
text-align:center;
height:20px;
}
.tech-detail-div:after{
content:"";
display:block;
clear:both;
}
.tech-detail-div > div:nth-of-type(1) input{
padding:0px;
}
li.ui-block-f,
li.ui-block-g {
margin-left: 0;
margin-right: 0;
padding: 0;
list-style: none;
}
.ui-grid-e,
.ui-grid-f {
overflow: hidden;
}
.ui-block-f,
.ui-block-g {
margin: 0;
padding: 0;
border: 0;
float: left;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* grid e: 16/16/16/16/16/16 */
.ui-grid-e .ui-block-a {width: 11.65%;}
.ui-grid-e .ui-block-b,
.ui-grid-e .ui-block-c,
.ui-grid-e .ui-block-d,
.ui-grid-e .ui-block-e,
.ui-grid-e .ui-block-f { width: 17.65%; }
.ui-grid-e .ui-block-a { clear: left; }
/* grid f: 14/14/14/14/14/14/14 */
.ui-grid-f .ui-block-a,
.ui-grid-f .ui-block-b,
.ui-grid-f .ui-block-c,
.ui-grid-f .ui-block-d,
.ui-grid-f .ui-block-e,
.ui-grid-f .ui-block-f,
.ui-grid-f .ui-block-g { width: 14.2857%; }
.ui-grid-f .ui-block-a { clear: left; }
.ui-datepicker {
font-size: 12px;
}
#chart-main-chart {
position: relative;
}
#chart-main.chart-mode #chart-main-chart {
height: 100%;
}
/* 縦向き */
@media screen and (orientation: portrait) {
}
/* 横向き */
@media screen and (orientation: landscape) {
}
.ui-grid-f .ui-block-a { clear: left; }
/* TsLibに存在する */
#order-line-base {
position:absolute;
height:48px;
width:calc(100% - 7px);
left:5px;
pointer-events:all;
}
@keyframes blink {
0% { opacity: 0 }
40% { opacity: 0 }
60% { opacity: 1 }
100% { opacity: 1 }
}
input[type="checkbox"][data-role="none"] {
height: 18px;
width: 18px;
}
#menu-page-content {
background-color: #424242;
}
/* TsLibに存在する */
.triangle-text-bid-ask {
width: 0px;
height: 0px;
border: 6px solid transparent;
border-right: 10px solid #33a2d5;
}
/* TsLibに存在する */
.triangle-text-ask-bid {
width: 0px;
height: 0px;
border: 6px solid transparent;
border-right: 10px solid red;
}
#first-page {
background: -moz-linear-gradient(to bottom,#dddddd ,silver 30% ,#444444 60% ,black);
background: -webkit-linear-gradient(to bottom,#dddddd ,silver 30% ,#444444 60% ,black);
background: linear-gradient(to bottom,#dddddd ,silver 30% ,#444444 60% ,black);
}
.footer-label {
font-size: 15px;
}
#brand-grid{
position: absolute;
top: 80px;
left: 12.5%;
width: 100%;
z-index:120;
display:none;
font-size:10px;
}
.ui-brandblock-style {
height: 40px;
padding-top: 10px;
text-align: center;
border: 1px solid #ccc;
background:#000000;
background-image: -moz-linear-gradient(top,#5a5959, #000000);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #5a5959),color-stop(1, #000000));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5a5959', EndColorStr='#000000')";
}
#imgBrandClose {
position: absolute;
top: -40px;
right: 25%;
}
.mytab {
width: 16.6% !important; /* 12.5% for 8 tabs wide */
clear: none !important; /* Prevent line break caused by ui-block-a */
}
/*ログイン必須のお知らせ*/
#dialog-info {
background-color: #666666;
border: solid 1px black;
border-radius: 10px;
color: white;
padding: 0 10px;
padding-block: 0;
width: min(85vw, 380px);
}
#dialog-body {
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
}
#dialog-body > h3 {
width: 100%;
font-size: 18px;
margin: 0;
padding-block: 5px;
}
#dialog-body p {
margin: 0;
line-height: 1.4;
}
#contens-img {
width: 60%;
padding-top: 5px;
}
#close-dialog-btn {
width: 200px;
cursor: pointer;
}