Skip to content

S
sh-ds
Commit 3a960505 authored by 喻春霖's avatar 喻春霖
Browse files
Options

fixed

parent fb9470b6
Hide whitespace changes
Inline Side-by-side
Showing with 163 additions and 132 deletions
eden-authcenter-agent/src/main/resources/static/css/ds.css 100644 → 100755
View file @ 3a960505
.ds { .ds {
max-width: 1900px; max-width: 1900px;
margin: 0 auto; margin: 0 auto;
} }
.ds-header-img { .ds-header-img {
margin-left: 120px; margin-left: 120px;
} }
.ds-content { .ds-content {
width: 100%; width: 100%;
height: 603px; height: 603px;
background: url("../img/bg.png") no-repeat center center; background: url("../img/bg.png") no-repeat center center;
overflow: hidden; overflow: hidden;
} }
.ds-content-mask { .ds-content-mask {
margin: 30px 30px; margin: 30px 30px;
height: 543px; height: 543px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.ds-content-title { .ds-content-title {
padding: 50px 0 20px 0; padding: 50px 0 20px 0;
text-align: center; text-align: center;
color: white; color: white;
font-weight: 500; font-weight: 500;
font-size: 28px; font-size: 28px;
letter-spacing: 6px; letter-spacing: 6px;
} }
.ds-footer { .ds-footer {
width: 100%; width: 100%;
height: 139px; height: 139px;
background: white url("../img/Login-b.jpg") no-repeat center center; background: white url("../img/Login-b.jpg") no-repeat center center;
} }
.ds-footer > p { .ds-footer > p {
color: #aab9c5; color: #aab9c5;
font-size: 12px; font-size: 12px;
line-height: 75px; line-height: 75px;
text-align: center; text-align: center;
} }
.ds-content-city { .ds-content-city {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }
.ds-content-city > p { .ds-content-city > p {
width: 100px; width: 90px;
color: white; color: white;
font-size: 20px; font-size: 20px;
line-height: 42px; line-height: 42px;
flex-shrink: 0; flex-shrink: 0;
margin: 0; margin: 0;
margin-top: 10px; margin-top: 10px;
} }
.ds-content-district { .ds-content-district {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }
.ds-content-district > p { .ds-content-district > p {
width: 100px; width: 90px;
color: white; color: white;
font-size: 20px; font-size: 20px;
line-height: 52px; line-height: 52px;
flex-shrink: 0; flex-shrink: 0;
margin: 0; margin: 0;
margin-top: 10px; margin-top: 10px;
height: 52px; height: 52px;
} }
.logo-btn { .logo-btn {
border: 0; border: 0;
border-radius: 5px; border-radius: 5px;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center center !important; background-position: center center !important;
position: relative; position: relative;
outline: 0; outline: 0;
} }
.logo-btn:focus { .logo-btn:focus {
outline: 0; outline: 0;
} }
.djg-btn { .djg-btn {
width: 320px; width: 320px;
height: 42px; height: 42px;
margin: 10px 10px; margin: 10px 10px;
} }
.idp-btn { .idp-btn {
width: 143px; width: 143px;
height: 52px; height: 52px;
background-size: 100% 100% !important; background-size: 100% 100% !important;
margin: 10px 10px; margin: 10px 10px;
} }
.logo-btn:after{ .logo-btn:after{
position: absolute; position: absolute;
content: "\00a0"; content: "\00a0";
} }
.logo-btn-mask:after { .logo-btn-mask:after {
position: absolute; position: absolute;
border-radius: 5px; border-radius: 5px;
top: 0; top: 0;
left: 0; left: 0;
content: "\00a0"; content: "\00a0";
background-color: black; background-color: black;
opacity: 0.2; opacity: 0.2;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.ds-content-text { .ds-content-text {
color: white; color: white;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
letter-spacing: 2px; letter-spacing: 2px;
margin-top: 40px; margin-top: 40px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.ds-divide-line { .ds-divide-line {
width: 80%; width: 80%;
margin: 20px auto; margin: 20px auto;
height: 2px; height: 2px;
background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Safari 5.1 - 6.0 */ background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Opera 11.1 - 12.0 */ background: -o-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Firefox 3.6 - 15 */ background: -moz-linear-gradient(right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09)); background: linear-gradient(to right, rgba(251, 251, 251, 0.09), rgba(251, 251, 251, 0.59), rgba(251, 251, 251, 0.09));
} }
.szjc-login { .szjc-login {
width: 80%; width: 80%;
margin: 0px auto; margin: 0px auto;
text-align: center; text-align: center;
} }
.szjc-login > p { .szjc-login > p {
color: white; color: white;
font-size: 18px; font-size: 18px;
margin: 0; margin: 0;
margin-bottom: 6px; margin-bottom: 6px;
} }
@media screen and (max-width: 960px) {
.ds-header-img {
height: 80px;
}
.ds-content-title {
padding: 30px 0 0 0;
margin: 10px 0 10px 0;
font-size: 25px;
}
.ds-content-city {
width: 90%;
margin: 0 auto;
display: flex;
}
.ds-content-city > p {
font-size: 18px;
}
.ds-content-district {
width: 90%;
margin: 0 auto;
display: flex;
}
.ds-content-district > p {
font-size: 18px;
}
.idp-btn {
width: 114px;
height: 42px;
}
}
\ No newline at end of file
eden-authcenter-agent/src/main/resources/templates/ds.html
View file @ 3a960505
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
<p class="ds-content-text">点击图标前往所属认证源 · · ·</p> <p class="ds-content-text">点击图标前往所属认证源 · · ·</p>
<div class="szjc-login"> <div class="szjc-login">
<p>如果您曾经参与上海市中小学数字教材试验项目，</p> <p>如果您曾经参与上海市中小学数字教材试验项目，</p>
<p><a style="color: red;" onclick="toLogin('szjc')">请点击此处使用数字教材账号登录>></a></p> <p><a style="color: red;" onclick="toLogin('szjc')">可以点击此处使用数字教材账号登录>></a></p>
</div> </div>
</div> </div>
</div> </div>
......
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