Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
sh-ds
Project
Project
Details
Activity
Releases
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
李良停
sh-ds
Commits
085f5fd6
Commit
085f5fd6
authored
Mar 17, 2021
by
喻春霖
Browse files
Options
Browse Files
Download
Plain Diff
fixed
parents
ec1161da
ed7abd98
Changes
9
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
985 additions
and
237 deletions
+985
-237
ds.css
eden-authcenter-agent/src/main/resources/static/css/ds.css
+474
-236
main_210317.css
...enter-agent/src/main/resources/static/css/main_210317.css
+510
-0
normalize.css
...hcenter-agent/src/main/resources/static/css/normalize.css
+1
-1
bg-dp.png
...-authcenter-agent/src/main/resources/static/img/bg-dp.png
+0
-0
bg-xp.png
...-authcenter-agent/src/main/resources/static/img/bg-xp.png
+0
-0
btn-szjc.png
...thcenter-agent/src/main/resources/static/img/btn-szjc.png
+0
-0
btn-tyrz.png
...thcenter-agent/src/main/resources/static/img/btn-tyrz.png
+0
-0
line1.png
...-authcenter-agent/src/main/resources/static/img/line1.png
+0
-0
line2.png
...-authcenter-agent/src/main/resources/static/img/line2.png
+0
-0
No files found.
eden-authcenter-agent/src/main/resources/static/css/ds.css
View file @
085f5fd6
html
,
body
{
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html
,
button
,
input
,
select
,
textarea
{
color
:
#222
;
}
html
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
font-size
:
1em
;
line-height
:
1.4
;
}
.ds
{
max-width
:
1900px
;
margin
:
0
auto
;
height
:
100vh
;
overflow
:
hidden
;
}
.ds-header-img
{
margin
:
20px
0
;
margin-left
:
5%
;
width
:
252.5px
;
height
:
40px
;
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection
{
background
:
#b3d4fc
;
text-shadow
:
none
;
}
.ds-content
{
width
:
100%
;
height
:
calc
(
100%
-
185px
);
background
:
url("../img/bg.png")
no-repeat
center
center
;
background-size
:
100%
100%
;
overflow
:
hidden
;
::selection
{
background
:
#b3d4fc
;
text-shadow
:
none
;
}
.ds-content-mask
{
margin
:
3%
3%
;
height
:
100%
;
/* height: 543px; */
/* background: rgba(255, 255, 255, 0.1); */
/*
* A better looking default horizontal rule
*/
hr
{
display
:
block
;
height
:
1px
;
border
:
0
;
border-top
:
1px
solid
#ccc
;
margin
:
1em
0
;
padding
:
0
;
}
.ds-content-title
{
padding
:
2%
0
1%
0
;
margin
:
1%
0
;
text-align
:
center
;
color
:
white
;
font-weight
:
500
;
font-size
:
28px
;
letter-spacing
:
6px
;
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio
,
canvas
,
img
,
video
{
vertical-align
:
middle
;
}
.ds-footer
{
width
:
100%
;
height
:
105px
;
overflow
:
hidden
;
background
:
white
url("../img/Login-b.jpg")
no-repeat
center
center
;
/*
* Remove default fieldset styles.
*/
fieldset
{
border
:
0
;
margin
:
0
;
padding
:
0
;
}
.ds-footer
>
p
{
color
:
#aab9c5
;
font-size
:
12px
;
/* line-height: 75px; */
text-align
:
center
;
margin-top
:
3%
;
/*
* Allow only vertical resizing of textareas.
*/
textarea
{
resize
:
vertical
;
}
.ds-content-source
{
/* display: flex; */
max-width
:
1000px
;
margin
:
0
auto
;
height
:
calc
(
100%
-
100px
);
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy
{
margin
:
0.2em
0
;
background
:
#ccc
;
color
:
#000
;
padding
:
0.2em
0
;
}
.ds-content-city
{
/* flex-basis: 400px; */
float
:
left
;
width
:
35%
;
padding-right
:
10px
;
height
:
100%
;
/* flex-grow: 1;
display: flex;
justify-content: flex-end; */
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir
{
background-color
:
transparent
;
border
:
0
;
overflow
:
hidden
;
/* IE 6/7 fallback */
*
text-indent
:
-9999px
;
}
.ds-content-city-float
{
width
:
300px
;
margin-left
:
auto
;
.ir
:before
{
content
:
""
;
display
:
block
;
width
:
0
;
height
:
150%
;
}
.ds-content-city-float
>
p
{
width
:
90px
;
color
:
white
;
font-size
:
20px
;
line-height
:
42px
;
flex-shrink
:
0
;
margin
:
0
;
margin-top
:
10px
;
margin-left
:
10px
;
}
.ds-content-district
{
float
:
left
;
width
:
58%
;
/* flex-basis: 600px;
flex-grow: 2; */
height
:
100%
;
margin-left
:
10px
;
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden
{
display
:
none
!important
;
visibility
:
hidden
;
}
.ds-content-district
>
p
{
width
:
90px
;
color
:
white
;
font-size
:
20px
;
line-height
:
42px
;
flex-shrink
:
0
;
margin
:
0
;
margin-top
:
10px
;
margin-left
:
10px
;
a
,
button
,
input
{
outline
:
none
;
}
.logo-btn
{
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden
{
border
:
0
;
border-radius
:
5px
;
background-repeat
:
no-repeat
!important
;
background-position
:
center
center
!important
;
position
:
relative
;
outline
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
;
}
.logo-btn
:focus
{
outline
:
0
;
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable
:active
,
.visuallyhidden.focusable
:focus
{
clip
:
auto
;
height
:
auto
;
margin
:
0
;
overflow
:
visible
;
position
:
static
;
width
:
auto
;
}
.city-btn
{
width
:
280px
;
height
:
52px
;
margin
:
10px
10px
;
margin-bottom
:
82px
;
background-size
:
100%
100%
!important
;
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible
{
visibility
:
hidden
;
}
.idp-btn
{
width
:
143px
;
height
:
52px
;
background-size
:
100%
100%
!important
;
margin
:
10px
10px
;
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix
:before
,
.clearfix
:after
{
content
:
" "
;
/* 1 */
display
:
table
;
/* 2 */
}
.logo-btn
:after
{
position
:
absolute
;
c
ontent
:
"\00a0"
;
.clearfix
:after
{
c
lear
:
both
;
}
.logo-btn-mask
:after
{
position
:
absolute
;
border-radius
:
5px
;
top
:
0
;
left
:
0
;
content
:
"\00a0"
;
background-color
:
black
;
opacity
:
0.2
;
width
:
100%
;
height
:
100%
;
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix
{
*
zoom
:
1
;
}
.ds-content-text
{
color
:
white
;
text-align
:
center
;
font-size
:
18px
;
letter-spacing
:
2px
;
margin-top
:
40px
;
margin-bottom
:
8px
;
}
.ds-divide-line
{
float
:
left
;
width
:
2px
;
border
:
1px
rgba
(
255
,
255
,
255
,
0.795
);
margin
:
10px
20px
;
height
:
40vh
;
background-color
:
rgba
(
255
,
255
,
255
,
0.795
);
}
.szjc-login
{
width
:
80%
;
margin
:
0px
auto
;
text-align
:
center
;
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media
only
screen
and
(
min-width
:
35em
)
{
/* Style adjustments for viewports that meet the condition */
}
.szjc-login
>
p
{
color
:
white
;
font-size
:
18px
;
margin
:
0
;
margin-bottom
:
6px
;
@media
print
,
(
-o-min-device-pixel-ratio
:
5
/
4
),
(
-webkit-min-device-pixel-ratio
:
1.25
),
(
min-resolution
:
120dpi
)
{
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media
screen
and
(
max-width
:
1000px
)
{
.ds-header-img
{
width
:
126px
;
height
:
20px
;
margin
:
10px
0
;
margin-left
:
20px
;
@media
print
{
*
{
background
:
transparent
!important
;
color
:
#000
!important
;
/* Black prints faster: h5bp.com/s */
box-shadow
:
none
!important
;
text-shadow
:
none
!important
;
}
.ds-content
{
height
:
calc
(
100%
-
70px
);
a
,
a
:visited
{
text-decoration
:
underline
;
}
.ds-footer
{
height
:
30px
;
a
[
href
]
:after
{
content
:
" ("
attr
(
href
)
")"
;
}
.ds-footer
.ds-content-text
{
margin
:
6px
0
;
abbr
[
title
]
:after
{
content
:
" ("
attr
(
title
)
")"
;
}
.ds-content-source
{
display
:
flex
;
height
:
calc
(
100%
-
60px
);
max-width
:
700px
;
/*
* Don't show links for images, or javascript/internal links
*/
.ir
a
:after
,
a
[
href
^=
"javascript:"
]
:after
,
a
[
href
^=
"#"
]
:after
{
content
:
""
;
}
.ds-content-title
{
padding
:
10px
0
0
0
;
margin
:
5px
0
;
font-size
:
20px
;
pre
,
blockquote
{
border
:
1px
solid
#999
;
page-break-inside
:
avoid
;
}
.ds-content-city
{
padding-right
:
0
;
height
:
100%
;
min-width
:
210px
;
thead
{
display
:
table-header-group
;
/* h5bp.com/t */
}
.ds-content-city-float
{
width
:
210px
;
tr
,
img
{
page-break-inside
:
avoid
;
}
.ds-content-city-float
>
p
{
font-size
:
16px
;
line-height
:
16px
;
margin
:
6px
5px
;
img
{
max-width
:
100%
!important
;
}
.ds-content-district
{
margin
:
0
auto
;
@page
{
margin
:
0.5cm
;
}
.ds-content-district
>
p
{
font-size
:
16px
;
line-height
:
16px
;
margin
:
6px
5px
;
p
,
h2
,
h3
{
orphans
:
3
;
widows
:
3
;
}
.city-btn
{
width
:
200px
;
height
:
40px
;
margin
:
6px
5px
;
margin-bottom
:
58px
;
h2
,
h3
{
page-break-after
:
avoid
;
}
.idp-btn
{
width
:
110px
;
height
:
40px
;
margin
:
6px
1px
;
}
body
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
background-color
:
#4e97f7
!important
;
background-image
:
-webkit-linear-gradient
(
30deg
,
rgb
(
35
,
129
,
255
),
rgb
(
96
,
203
,
255
));
background-image
:
-moz-linear-gradient
(
30deg
,
rgb
(
35
,
129
,
255
),
rgb
(
96
,
203
,
255
));
background-image
:
linear-gradient
(
30deg
,
rgb
(
35
,
129
,
255
),
rgb
(
96
,
203
,
255
));
align-items
:
center
;
justify-content
:
center
;
}
button
{
border
:
none
;
background-color
:
transparent
;
margin
:
0
;
padding
:
0
6px
;
}
.bg
{
width
:
887px
;
height
:
476px
;
position
:
relative
;
top
:
50%
;
left
:
50%
;
margin-top
:
-238px
;
margin-left
:
-444px
;
background
:
url("../img/bg-xp.png")
no-repeat
center
;
}
.loginContainer
{
width
:
600px
;
position
:
absolute
;
top
:
30px
;
left
:
30px
;
}
.loginContainer
h1
{
color
:
#fff
;
}
.login-box
{
width
:
450px
;
box-sizing
:
border-box
;
border-radius
:
15px
;
}
.logo-top-left
{
height
:
40px
;
margin-left
:
-150px
;
}
.title
{
margin
:
14px
0
0
0
;
font-size
:
18px
;
letter-spacing
:
5px
;
}
.title-line-city
{
background
:
url("../img/line1.png")
no-repeat
center
;
background-size
:
200%
2px
;
background-position
:
-152px
50%
;
-ms-background-position
:
-152px
50%
;
width
:
360px
;
margin
:
0
auto
;
margin-top
:
6px
;
color
:
rgb
(
165
,
165
,
165
);
}
#login-btn-szjc
{
background
:
url("../img/btn-szjc.png")
no-repeat
center
;
background-size
:
100%
100%
;
width
:
249px
;
height
:
74px
;
margin
:
10px
0
;
}
#login-btn-tyrz
{
background
:
url("../img/btn-tyrz.png")
no-repeat
center
;
background-size
:
100%
100%
;
width
:
249px
;
height
:
74px
;
margin
:
10px
0
;
}
.title-line-district
{
background
:
url("../img/line2.png")
no-repeat
center
;
background-size
:
200%
2px
;
background-position
:
-165px
50%
;
-ms-background-position
:
-165px
50%
;
width
:
360px
;
margin
:
0
auto
;
color
:
rgb
(
165
,
165
,
165
);
}
.login-btn-district
{
display
:
-webkit-box
;
display
:
-moz-box
;
display
:
-ms-flexbox
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-direction
:
normal
;
margin
:
5px
0
;
margin-left
:
20px
;
}
.login-btn-idp
{
font-size
:
12px
;
font-weight
:
700
;
transform
:
scale
(
0.9
);
-ms-transform
:
scale
(
0.9
);
/* IE 9 */
-moz-transform
:
scale
(
0.9
);
/* Firefox */
-webkit-transform
:
scale
(
0.9
);
/* Safari 和 Chrome */
-o-transform
:
scale
(
0.9
);
/* Opera */
}
.login-btn-idp-enable
{
color
:
rgb
(
29
,
154
,
253
);
}
.footer
{
position
:
absolute
;
bottom
:
20px
;
color
:
white
;
text-align
:
center
;
width
:
100%
;
}
.footer-text
{
margin
:
5px
0
;
font-size
:
12px
;
transform
:
scale
(
0.9
);
-ms-transform
:
scale
(
0.9
);
/* IE 9 */
-moz-transform
:
scale
(
0.9
);
/* Firefox */
-webkit-transform
:
scale
(
0.9
);
/* Safari 和 Chrome */
-o-transform
:
scale
(
0.9
);
/* Opera */
letter-spacing
:
1.5px
;
}
.vertical-line
{
margin
:
0
10px
;
color
:
rgb
(
122
,
186
,
255
);
}
@media
screen
and
(
min-width
:
1025px
)
and
(
max-width
:
1280px
)
{
.bg
{
background-size
:
initial
;
}
.ds-divide-line
{
width
:
2px
;
margin
:
6px
8px
;
height
:
50vh
;
}
@media
screen
and
(
min-width
:
768px
)
and
(
max-width
:
1024px
)
{
.bg
{
background-size
:
contain
;
}
.ds-footer
>
p
{
font-size
:
6px
;
}
@media
screen
and
(
max-width
:
767px
)
{
.footer
{
display
:
none
;
}
}
@media
screen
and
(
min-width
:
1000px
)
and
(
max-width
:
1023px
)
{
.ds-content-title
{
padding
:
30px
0
0
0
;
margin
:
10px
0
10px
0
;
font-size
:
25px
;
@media
screen
and
(
min-width
:
1921px
)
and
(
max-width
:
3000px
)
{
.bg
{
width
:
1800px
;
height
:
980px
;
position
:
absolute
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
margin
:
auto
;
background-size
:
100%
;
background
:
url("../img/bg-dp.png")
no-repeat
center
;
}
.bg_box
{
position
:
relative
;
top
:
0
;
left
:
0
;
}
.loginContainer
{
position
:
absolute
;
top
:
120px
;
left
:
5%
;
margin-bottom
:
22px
;
width
:
800px
;
height
:
600px
;
}
.ds-content-city
{
padding-right
:
0
;
height
:
100%
;
.bg-form
{
width
:
100%
!important
;
}
.
ds-content-city-float
{
.
login-box
{
width
:
100%
;
}
.ds-content-city-float
>
p
{
font-size
:
18px
;
.logo-top-left
{
height
:
60px
;
margin-left
:
-180px
;
}
.ds-content-district
{
/* flex-grow: 1; */
margin
:
0
auto
;
.title
{
margin
:
14px
0
0
0
;
font-size
:
26px
;
letter-spacing
:
8px
;
margin
:
35px
0
;
}
.ds-content-district
>
p
{
font-size
:
18px
;
.title-line-city
{
background
:
url("../img/line1.png")
no-repeat
center
;
background-size
:
100%
2px
;
background-position
:
30px
50%
;
width
:
800px
;
margin-top
:
30px
;
color
:
rgb
(
165
,
165
,
165
);
}
.city-btn
{
width
:
215px
;
height
:
40px
;
#login-btn-szjc
{
width
:
460px
;
height
:
138px
;
margin
:
20px
0
;
}
}
@media
screen
and
(
min-width
:
1024px
)
and
(
max-width
:
1279px
)
{
.ds-content-title
{
padding
:
30px
0
0
0
;
margin
:
10px
0
10px
0
;
font-size
:
25px
;
#login-btn-tyrz
{
width
:
460px
;
height
:
138px
;
margin
:
20px
0
;
}
.ds-content-city
{
padding-right
:
10px
;
height
:
100%
;
.title-line-district
{
background
:
url("../img/line2.png")
no-repeat
center
;
background-size
:
100%
2px
;
background-position
:
30px
50%
;
width
:
800px
;
}
.ds-content-city-float
{
width
:
300px
;
.login-btn-district
{
margin
:
15px
0
;
margin-left
:
12%
;
}
.ds-content-city-float
>
p
{
font-size
:
18px
;
.login-btn-idp
{
font-size
:
16px
;
margin
:
0
10px
;
}
.ds-content-district
{
/* flex-grow: 1; */
margin
:
0
auto
;
.login-btn-idp-enable
{
color
:
rgb
(
29
,
154
,
253
);
}
.ds-content-district
>
p
{
font-size
:
18px
;
.footer
{
position
:
absolute
;
bottom
:
20px
;
color
:
white
;
text-align
:
center
;
width
:
100%
;
}
.city-btn
{
width
:
280px
;
height
:
52px
;
margin-bottom
:
82px
;
.footer-text
{
margin
:
5px
0
;
font-size
:
16px
;
}
}
\ No newline at end of file
}
eden-authcenter-agent/src/main/resources/static/css/main_210317.css
0 → 100644
View file @
085f5fd6
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html
,
button
,
input
,
select
,
textarea
{
color
:
#222
;
}
html
{
width
:
100%
;
height
:
100%
;
font-size
:
1em
;
line-height
:
1.4
;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection
{
background
:
#b3d4fc
;
text-shadow
:
none
;
}
::selection
{
background
:
#b3d4fc
;
text-shadow
:
none
;
}
/*
* A better looking default horizontal rule
*/
hr
{
display
:
block
;
height
:
1px
;
border
:
0
;
border-top
:
1px
solid
#ccc
;
margin
:
1em
0
;
padding
:
0
;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio
,
canvas
,
img
,
video
{
vertical-align
:
middle
;
}
/*
* Remove default fieldset styles.
*/
fieldset
{
border
:
0
;
margin
:
0
;
padding
:
0
;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea
{
resize
:
vertical
;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy
{
margin
:
0.2em
0
;
background
:
#ccc
;
color
:
#000
;
padding
:
0.2em
0
;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir
{
background-color
:
transparent
;
border
:
0
;
overflow
:
hidden
;
/* IE 6/7 fallback */
*
text-indent
:
-9999px
;
}
.ir
:before
{
content
:
""
;
display
:
block
;
width
:
0
;
height
:
150%
;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden
{
display
:
none
!important
;
visibility
:
hidden
;
}
a
,
button
,
input
{
outline
:
none
;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable
:active
,
.visuallyhidden.focusable
:focus
{
clip
:
auto
;
height
:
auto
;
margin
:
0
;
overflow
:
visible
;
position
:
static
;
width
:
auto
;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible
{
visibility
:
hidden
;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix
:before
,
.clearfix
:after
{
content
:
" "
;
/* 1 */
display
:
table
;
/* 2 */
}
.clearfix
:after
{
clear
:
both
;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix
{
*
zoom
:
1
;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media
only
screen
and
(
min-width
:
35em
)
{
/* Style adjustments for viewports that meet the condition */
}
@media
print
,
(
-o-min-device-pixel-ratio
:
5
/
4
),
(
-webkit-min-device-pixel-ratio
:
1.25
),
(
min-resolution
:
120dpi
)
{
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media
print
{
*
{
background
:
transparent
!important
;
color
:
#000
!important
;
/* Black prints faster: h5bp.com/s */
box-shadow
:
none
!important
;
text-shadow
:
none
!important
;
}
a
,
a
:visited
{
text-decoration
:
underline
;
}
a
[
href
]
:after
{
content
:
" ("
attr
(
href
)
")"
;
}
abbr
[
title
]
:after
{
content
:
" ("
attr
(
title
)
")"
;
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir
a
:after
,
a
[
href
^=
"javascript:"
]
:after
,
a
[
href
^=
"#"
]
:after
{
content
:
""
;
}
pre
,
blockquote
{
border
:
1px
solid
#999
;
page-break-inside
:
avoid
;
}
thead
{
display
:
table-header-group
;
/* h5bp.com/t */
}
tr
,
img
{
page-break-inside
:
avoid
;
}
img
{
max-width
:
100%
!important
;
}
@page
{
margin
:
0.5cm
;
}
p
,
h2
,
h3
{
orphans
:
3
;
widows
:
3
;
}
h2
,
h3
{
page-break-after
:
avoid
;
}
}
body
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
background-color
:
#4e97f7
!important
;
background-image
:
-webkit-linear-gradient
(
30deg
,
rgb
(
35
,
129
,
255
),
rgb
(
96
,
203
,
255
));
background-image
:
-moz-linear-gradient
(
30deg
,
rgb
(
35
,
129
,
255
),
rgb
(
96
,
203
,
255
));
background-image
:
linear-gradient
(
30deg
,
rgb
(
35
,
129
,
255
),
rgb
(
96
,
203
,
255
));
align-items
:
center
;
justify-content
:
center
;
}
button
{
border
:
none
;
background-color
:
transparent
;
margin
:
0
;
padding
:
0
6px
;
}
.bg
{
width
:
887px
;
height
:
476px
;
position
:
relative
;
top
:
50%
;
left
:
50%
;
margin-top
:
-238px
;
margin-left
:
-444px
;
background
:
url("../img/bg-xp.png")
no-repeat
center
;
}
.loginContainer
{
width
:
600px
;
position
:
absolute
;
top
:
80px
;
left
:
30px
;
}
.loginContainer
h1
{
color
:
#fff
;
}
.login-box
{
width
:
450px
;
box-sizing
:
border-box
;
border-radius
:
15px
;
}
.title-line-city
{
background
:
url("../img/line1.png")
no-repeat
center
;
background-size
:
200%
2px
;
background-position
:
-152px
50%
;
-ms-background-position
:
-152px
50%
;
width
:
360px
;
margin
:
0
auto
;
margin-top
:
30px
;
color
:
rgb
(
165
,
165
,
165
);
}
#login-btn-szjc
{
background
:
url("../img/btn-szjc.png")
no-repeat
center
;
background-size
:
100%
100%
;
width
:
249px
;
height
:
74px
;
margin
:
10px
0
;
}
#login-btn-tyrz
{
background
:
url("../img/btn-tyrz.png")
no-repeat
center
;
background-size
:
100%
100%
;
width
:
249px
;
height
:
74px
;
margin
:
10px
0
;
}
.title-line-district
{
background
:
url("../img/line2.png")
no-repeat
center
;
background-size
:
200%
2px
;
background-position
:
-165px
50%
;
-ms-background-position
:
-165px
50%
;
width
:
360px
;
margin
:
0
auto
;
color
:
rgb
(
165
,
165
,
165
);
}
.login-btn-district
{
display
:
-webkit-box
;
display
:
-moz-box
;
display
:
-ms-flexbox
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-direction
:
normal
;
margin
:
5px
0
;
margin-left
:
20px
;
}
.login-btn-idp
{
font-size
:
12px
;
font-weight
:
700
;
transform
:
scale
(
0.9
);
-ms-transform
:
scale
(
0.9
);
/* IE 9 */
-moz-transform
:
scale
(
0.9
);
/* Firefox */
-webkit-transform
:
scale
(
0.9
);
/* Safari 和 Chrome */
-o-transform
:
scale
(
0.9
);
/* Opera */
}
.login-btn-idp-enable
{
color
:
rgb
(
29
,
154
,
253
);
}
.footer
{
position
:
absolute
;
bottom
:
20px
;
color
:
white
;
text-align
:
center
;
width
:
100%
;
}
.footer-text
{
margin
:
5px
0
;
font-size
:
12px
;
transform
:
scale
(
0.9
);
-ms-transform
:
scale
(
0.9
);
/* IE 9 */
-moz-transform
:
scale
(
0.9
);
/* Firefox */
-webkit-transform
:
scale
(
0.9
);
/* Safari 和 Chrome */
-o-transform
:
scale
(
0.9
);
/* Opera */
letter-spacing
:
1.5px
;
}
.vertical-line
{
margin
:
0
10px
;
color
:
rgb
(
122
,
186
,
255
);
}
@media
screen
and
(
min-width
:
1025px
)
and
(
max-width
:
1280px
)
{
.bg
{
background-size
:
initial
;
}
}
@media
screen
and
(
min-width
:
768px
)
and
(
max-width
:
1024px
)
{
.bg
{
background-size
:
contain
;
}
}
@media
screen
and
(
max-width
:
767px
)
{
.footer
{
display
:
none
;
}
}
@media
screen
and
(
min-width
:
1921px
)
and
(
max-width
:
3000px
)
{
.bg
{
width
:
1800px
;
height
:
980px
;
position
:
absolute
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
margin
:
auto
;
background-size
:
100%
;
background
:
url("../img/bg-dp.png")
no-repeat
center
;
}
.bg_box
{
position
:
relative
;
top
:
0
;
left
:
0
;
}
.loginContainer
{
position
:
absolute
;
top
:
250px
;
left
:
5%
;
margin-bottom
:
22px
;
width
:
800px
;
height
:
600px
;
}
.bg-form
{
width
:
100%
!important
;
}
.login-box
{
width
:
100%
;
}
.title-line-city
{
background
:
url("../img/line1.png")
no-repeat
center
;
background-size
:
100%
2px
;
background-position
:
30px
50%
;
width
:
800px
;
margin-top
:
30px
;
color
:
rgb
(
165
,
165
,
165
);
}
#login-btn-szjc
{
width
:
460px
;
height
:
138px
;
margin
:
20px
0
;
}
#login-btn-tyrz
{
width
:
460px
;
height
:
138px
;
margin
:
20px
0
;
}
.title-line-district
{
background
:
url("../img/line2.png")
no-repeat
center
;
background-size
:
100%
2px
;
background-position
:
30px
50%
;
width
:
800px
;
}
.login-btn-district
{
margin
:
15px
0
;
margin-left
:
12%
;
}
.login-btn-idp
{
font-size
:
16px
;
margin
:
0
10px
;
}
.login-btn-idp-enable
{
color
:
rgb
(
29
,
154
,
253
);
}
.footer
{
position
:
absolute
;
bottom
:
20px
;
color
:
white
;
text-align
:
center
;
width
:
100%
;
}
.footer-text
{
margin
:
5px
0
;
font-size
:
16px
;
}
}
eden-authcenter-agent/src/main/resources/static/css/normalize.css
View file @
085f5fd6
...
...
@@ -212,7 +212,7 @@
p
,
pre
{
margin
:
1
em
0
;
margin
:
0.8
em
0
;
}
/**
...
...
eden-authcenter-agent/src/main/resources/static/img/bg-dp.png
0 → 100644
View file @
085f5fd6
301 KB
eden-authcenter-agent/src/main/resources/static/img/bg-xp.png
0 → 100644
View file @
085f5fd6
110 KB
eden-authcenter-agent/src/main/resources/static/img/btn-szjc.png
0 → 100644
View file @
085f5fd6
20.2 KB
eden-authcenter-agent/src/main/resources/static/img/btn-tyrz.png
0 → 100644
View file @
085f5fd6
23 KB
eden-authcenter-agent/src/main/resources/static/img/line1.png
0 → 100644
View file @
085f5fd6
2.15 KB
eden-authcenter-agent/src/main/resources/static/img/line2.png
0 → 100644
View file @
085f5fd6
2.16 KB
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