Commit be8601b4 by Adarsh K
parents f27b7b6e 16be67ba
/* You can add global styles to this file, and also import other style files */ /*
Site Name: FOREX
URI: http:
Description: This is the responsive css for FOREX
Version: 2.0
Author:
Author URI:
Tags:
---------------------------
CUSTOM STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01.0 Smartphones (portrait and landscape)
02.0 Smartphones (landscape)
03.0 Smartphones (portrait)
04.0 iPads (portrait and landscape)
05.0 iPads (landscape)
06.0 iPads (portrait)
07.0 Desktops and laptops
08.0 Large screens
09.0 iPhone 4
10.0 iPhone 5
11.0 iPhone 6
12.0 iPhone 6+
13.0 Samsung Galaxy S3
14.0 Samsung Galaxy S4
15.0 Samsung Galaxy S5
*/
/* 01. Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.delivery_provider_content{
width:100% !important;
.provider_inner_content{
padding:10px !important;
.row{
padding-bottom: 0px;
.col{
min-width:100% !important;
padding-bottom: 20px;
}
}
}
}
}
/* 02.0 Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {}
/* 03.0 Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {}
/* 04.0 iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
/* 05.0 iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
/* 06.0 iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
/* 07.0 Desktops and laptops ----------- */
@media only screen and (min-width: 1000px) and (max-device-width: 1360px) {
}
@media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
}
/* 08.0 Large screens ----------- */
@media only screen and (min-width: 1824px) {}
/* 09.0 iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* 10.0 iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 11.0 iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}
/* 12.0 iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 13.0 Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 14.0 Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
/* 15.0 Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
@media (max-width: 480px) {}
@media only screen and (min-width: 1000px) {}
\ No newline at end of file
/* You can add global styles to this file, and also import other style files */ .ar{
.floatLeft{
float: right !important;
}
.floatRight{
float: left !important;
}
.textRight{
text-align: left !important;
}
.textLeft{
text-align: right !important;
}
.provider_header{
direction: rtl;
span {
bottom: -30px;
left: 15px !important;
}
h4{
text-align: right;
}
}
.provider_content{
h3{
text-align: right;
}
}
.provider_inner_content{
direction: rtl;
.provider_data_content{
text-align: right;
p{
text-align: right;
}
.provider_pin{
margin-left: calc(100% - 92%);
margin-right:0px !important;
}
}
}
.login_wrapper{
.login_inner{
.login_row{
input{
text-align: right;
}
p{
text-align: right !important;
}
}
}
}
}
\ No newline at end of file
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
</head> </head>
<body> <body class="">
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>
/* /*
Site Name: Forex Site Name: FOREX
URI: http: URI: http:
Description: This is the theme scss for Truebus Version 2 Description: This is the theme scss for FOREX
Version: 2.0 Version: 2.0
Author: Author:
Author URI: Author URI:
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment