Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
ForexWeb
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
amal
ForexWeb
Commits
be8601b4
Commit
be8601b4
authored
Mar 04, 2019
by
Adarsh K
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
https://gitlab.techware.co.in/amal/ForexWeb
parents
f27b7b6e
16be67ba
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
201 additions
and
5 deletions
+201
-5
responsive.scss
src/assets/styles/responsive.scss
+140
-1
translation.scss
src/assets/styles/translation.scss
+58
-1
index.html
src/index.html
+1
-1
styles.scss
src/styles.scss
+2
-2
No files found.
src/assets/styles/responsive.scss
View file @
be8601b4
/* 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
src/assets/styles/translation.scss
View file @
be8601b4
/* 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
src/index.html
View file @
be8601b4
...
@@ -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>
src/styles.scss
View file @
be8601b4
/*
/*
Site Name: F
orex
Site Name: F
OREX
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:
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment