Line 1: | Line 1: | ||
.title { | .title { | ||
− | width: | + | width: 100%; |
color: #393C40; | color: #393C40; | ||
margin-left: auto; | margin-left: auto; | ||
Line 10: | Line 10: | ||
padding: 20px; | padding: 20px; | ||
text-align: center; | text-align: center; | ||
− | + | padding-top: 60px; | |
− | + | padding-bottom: 30px; | |
} | } | ||
.title_2 { | .title_2 { | ||
− | width: | + | width: 100%; |
color: #393C40; | color: #393C40; | ||
margin-left: auto; | margin-left: auto; | ||
Line 24: | Line 24: | ||
font-weight: 300; | font-weight: 300; | ||
text-align: center; | text-align: center; | ||
− | + | padding-top: 40px; | |
− | + | padding-bottom: 40px; | |
} | } | ||
Line 41: | Line 41: | ||
.linkOfPicture { | .linkOfPicture { | ||
− | width: | + | width: 100%; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 47: | Line 47: | ||
.logoPicture { | .logoPicture { | ||
− | width: | + | width: 100%; |
height: auto; | height: auto; | ||
margin-left: auto; | margin-left: auto; | ||
Line 66: | Line 66: | ||
color: #767171; | color: #767171; | ||
font-family: arial; | font-family: arial; | ||
− | font-size: | + | font-size: 16px; |
text-align: center; | text-align: center; | ||
font-weight: 100; | font-weight: 100; | ||
Line 104: | Line 104: | ||
.judgeTitle{ | .judgeTitle{ | ||
− | width: | + | width: 100%; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 110: | Line 110: | ||
font-family: "century gothic"; | font-family: "century gothic"; | ||
font-size: 40px; | font-size: 40px; | ||
− | + | padding-bottom: 30px; | |
− | + | padding-top: 40px; | |
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.judgeTitle2{ | .judgeTitle2{ | ||
− | width: | + | width: 100%; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; |
Revision as of 05:07, 12 October 2018
.title { width: 100%; color: #393C40; margin-left: auto; margin-right: auto; height: auto; font-size: 80px; font-family: courier; font-weight: 400; padding: 20px; text-align: center; padding-top: 60px; padding-bottom: 30px; }
.title_2 { width: 100%; color: #393C40; margin-left: auto; margin-right: auto; height: auto; font-size: 60px; font-family: courier; font-weight: 300; text-align: center; padding-top: 40px; padding-bottom: 40px; }
.content { width: 980px; color: #393C40; margin-left: auto; margin-right: auto; font-size: 18px; font-family: arial; font-weight: 100; letter-spacing: 1px; line-height: 1.5em; }
.linkOfPicture { width: 100%; margin-left: auto; margin-right: auto; }
.logoPicture { width: 100%; height: auto; margin-left: auto; margin-right: auto; text-align: center; }
.titleInContent { color: #BC818D; font-size: 24px; letter-spacing: 1px; line-height: 2em; font-family: arial; font-weight: 200; }
.instructionOfPicture { color: #767171; font-family: arial; font-size: 16px; text-align: center; font-weight: 100; letter-spacing: 1px; }
.codeText { width: 500px; margin-left: 240px; color: #959DA5; font-family: fixedsys; font-size: 20px; font-style: italic; text-align: left; }
.codeText>p{ color: #959DA5; font-family: fixedsys; font-size: 20px; font-style: italic; text-align: left; }
.background {
width: 1120px;
margin-left: auto; margin-right: auto; background-color:#fdfdfd; }
.dataText { font-weight: 300; font-size: 20px; font-style: oblique; }
.judgeTitle{ width: 100%; margin-left: auto; margin-right: auto; color: #808080; font-family: "century gothic"; font-size: 40px; padding-bottom: 30px; padding-top: 40px; white-space: nowrap; }
.judgeTitle2{ width: 100%; margin-left: auto; margin-right: auto; color: #9CC2E5; font-family: "arial black"; font-size: 25px; white-space: nowrap; }
.test_a:hover img{
transform: scale(1.05); transition: all 1s ease 0s;
}