Online source for the latest forex and trading news. Stay informed with up-to-date market trends, expert analysis, and insightful articles to help you make smart trading decisions

Tuesday, February 27, 2024

USD/CAD H4 | Strong bullish momentum

The premium article will be available in00:00:00

28.02.2024 07:25 AM





Fresh articles are available only to premium users


Read analytics in early access, getting information first
Get









.main_container{display: flex;justify-content: space-between;}
.main_container div{box-sizing: border-box;}
.main_container .left{display: flex; flex-direction: column;align-items: flex-start; width: calc(27% - 10px);}
.main_container .right{display: flex; width: calc(73% - 10px); justify-content: space-between; align-items: center;}
bigchart, smallchart1, smallchart2{width: 50%;padding-top: 28%; position: relative;}
symbols {width:100%;}
@media (max-width:1535px) {
.main_container{flex-direction: column;}
.main_container .left{width: 100%;}
.main_container .right{width:100%;}
}
@media (max-width:768px) {
.main_container{flex-direction: row;}
.main_container .left{width: 50%;}
.main_container .right{width:50%;}
bigchart{width: 100%;padding-top: 80%}
smallchart1, smallchart2{display: none;}
}
@media (max-width:670px) {
.main_container{flex-direction: column;}
.news-content > div {padding: 20px 10px;}
.main_container .left, .main_container .right{width:100%;}
}



.periods_div{width: 100%; padding: 0; }
.logo{width: 40px; height: 40px;margin-right: 10px;padding: 3px;}
.periods_div a{text-decoration: none;}
.periods_div > div:first-child{display: flex; justify-content: center; align-items: center; width: 100%;}
.currency_name_container div:first-child {font-weight: 700;font-size: 21px;line-height: 25px;color: #000000;padding-bottom: 2px;}
.currency_name_container div:last-child {text-align: left;font-weight: 400;font-size: 14px;line-height: 16px;color: #494949;}
.periods { display: flex;justify-content: center;flex-direction: column;background: #F6F6F6;border-radius: 10px;padding: 11px 10px;margin: 10px 0;}
.timeframe {font-weight: 400;font-size: 14px;line-height: 16px;color: #000000;padding-bottom: 12px;text-align: center;}
.btn_period_container {display: flex;justify-content: center;}
.btn_period {display: flex;flex-direction: column;cursor: pointer;flex:0 0 11%; min-width: 11%;}
.btn_period{margin: 0 5px;}
.btn_period_num{position: relative;width:100%; padding-top: 100%;
background: #FFFFFF;border-radius: 50%;
font-weight: 400;font-size: 14px;line-height: 16px;color: #494949;
}
.btn_period_num > div{position: absolute; left:0; right: 0; text-align: center; line-height: 0; top:50%;}
.btn_period.active .btn_period_num {background-color: #BC1615; color: white;}
.btn_period_txt {text-align: center;font-weight: 400;font-size: 12px;line-height: 16px;color: #494949;padding-top: 4px;}

.periods_div > div:last-child{display: flex; justify-content: center; align-items: center; width: 100%;}
.trading_btn { display: flex; justify-content: center; align-items: center; padding: 0 10px;
min-width: 150px; height: 40px; background: #118323; border-radius: 10px; margin: 16px auto 0;
font-size: 16px; line-height: 16px; color: #FFFFFF; cursor: pointer; text-decoration: none;
text-align: center;
}
.trading_btn:hover{background-color: #239c3a!important;color: #fff!important;}

@media (max-width:1535px) {
.periods_div{display: flex; justify-content: space-between; align-items: center;}
.periods_div >*{ margin: 0 auto;}
.periods_div > div:last-child, .periods_div > div:first-child{width: 28%;}

.periods{min-width: 270px;}

}
@media (max-width:768px) {

.periods_div > div:last-child, .periods_div > div:first-child{width: 100%;}
.periods_div{flex-direction: column; padding: 0;}
.periods_div a{align-self: flex-start;}
.periods{width: 100%;min-width: unset; padding: 10px 0; margin: 10px 0 20px 0;}
.btn_period {flex:0 0 10%; min-width: 10%;justify-content: space-around;}
}



.dash-container{position: absolute; width: 100%; height: 100%; top:0; left:0; justify-content: space-between; align-items: center;}



.dash-container-small1{position: absolute; width: 100%; height: 100%; top:0; left:0;}



.dash-container-small2{position: absolute; width: 100%; height: 100%; top:0; left:0;}






Pentru mai multe detalii, va invitam sa vizitati stirea originala.

No comments: