(112 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | ||
+ | <style> | ||
+ | |||
+ | html{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | } | ||
+ | |||
.title { | .title { | ||
width: 100%; | width: 100%; | ||
Line 4: | Line 20: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | margin-bottom: | + | margin-bottom: 5%; |
height: auto; | height: auto; | ||
− | font-size: | + | font-size: 5.0em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 400; | font-weight: 400; | ||
text-align: center; | text-align: center; | ||
− | padding-top: | + | padding-top: 10%; |
− | padding-bottom: | + | padding-bottom: 3%; |
} | } | ||
Line 21: | Line 37: | ||
margin-right: auto; | margin-right: auto; | ||
height: auto; | height: auto; | ||
− | font-size: | + | font-size: 3.25em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 300; | font-weight: 300; | ||
− | padding-top: | + | padding-top: 5%; |
− | padding-bottom: | + | padding-bottom: 5%; |
} | } | ||
Line 31: | Line 47: | ||
width: 100%; | width: 100%; | ||
color: #BC818D; | color: #BC818D; | ||
− | margin-left: | + | margin-left: 0%; |
height: auto; | height: auto; | ||
− | font-size: | + | font-size: 1.5em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 550; | font-weight: 550; | ||
+ | } | ||
+ | |||
+ | section>h1 { | ||
+ | width: 100%; | ||
+ | color: #BC818D; | ||
+ | margin-left: 0%; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 550; | ||
+ | } | ||
+ | |||
+ | .HomepageContent { | ||
+ | width: 100%; | ||
+ | color: #262626; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 450; | ||
+ | padding-top: 13%; | ||
+ | text-align: center; | ||
+ | line-height: 1.7em; | ||
} | } | ||
.content { | .content { | ||
− | width: | + | word-break: normal; |
+ | word-wrap: break-word; | ||
+ | width: 85%; | ||
color: #262626; | color: #262626; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | font-size: | + | font-size: 1.13em; |
font-family: Tahoma; | font-family: Tahoma; | ||
font-weight: 310; | font-weight: 310; | ||
− | letter-spacing: | + | letter-spacing: 0.06em; |
line-height: 1.5em; | line-height: 1.5em; | ||
} | } | ||
.linkOfPicture { | .linkOfPicture { | ||
− | margin-left: | + | margin-left: 3%; |
− | margin-right: | + | margin-right: 3%; |
+ | margin-bottom: 5%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.linkpicture2{ | .linkpicture2{ | ||
− | margin-right: | + | margin-right: 7%; |
− | margin-left: | + | margin-left: 7%; |
width: 25%; | width: 25%; | ||
} | } | ||
.linkpicture3{ | .linkpicture3{ | ||
− | margin-right: | + | margin-right: 3%; |
− | margin-left: | + | margin-left: 3%; |
width: 25%; | width: 25%; | ||
} | } | ||
Line 72: | Line 113: | ||
text-align: center; | text-align: center; | ||
color: #262626; | color: #262626; | ||
− | font-size: | + | font-size: 0.88em; |
} | } | ||
table{ | table{ | ||
border-collapse:collapse; | border-collapse:collapse; | ||
− | cell-padding: | + | cell-padding: 1%; |
align: center; | align: center; | ||
width: 90%; | width: 90%; | ||
Line 85: | Line 126: | ||
table, td, th { | table, td, th { | ||
− | border: | + | border: 0.06em solid black; |
} | } | ||
Line 107: | Line 148: | ||
.titleInContent { | .titleInContent { | ||
color: #BC818D; | color: #BC818D; | ||
− | font-size: | + | font-size: 1.5em; |
letter-spacing: 1px; | letter-spacing: 1px; | ||
line-height: 2em; | line-height: 2em; | ||
Line 117: | Line 158: | ||
color: #767171; | color: #767171; | ||
font-family: Georgia; | font-family: Georgia; | ||
− | font-size: | + | font-size: 1.0em; |
text-align: center; | text-align: center; | ||
font-weight: 100; | font-weight: 100; | ||
− | letter-spacing: | + | letter-spacing: 0.06em; |
} | } | ||
Line 126: | Line 167: | ||
color: #767171; | color: #767171; | ||
font-family: Georgia; | font-family: Georgia; | ||
− | font-size: | + | font-size: 1.0em; |
font-weight: 100; | font-weight: 100; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
Line 136: | Line 177: | ||
color: #959DA5; | color: #959DA5; | ||
font-family: fixedsys; | font-family: fixedsys; | ||
− | font-size: | + | font-size: 1.25em; |
font-style: italic; | font-style: italic; | ||
text-align: left; | text-align: left; | ||
Line 144: | Line 185: | ||
color: #959DA5; | color: #959DA5; | ||
font-family: fixedsys; | font-family: fixedsys; | ||
− | font-size: | + | font-size: 1.25em; |
font-style: italic; | font-style: italic; | ||
text-align: left; | text-align: left; | ||
Line 150: | Line 191: | ||
.background { | .background { | ||
− | width: | + | width: 80%; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 157: | Line 198: | ||
.dataText { | .dataText { | ||
− | font-weight: | + | font-weight: 250; |
− | font-size: | + | font-size: 0.88em; |
font-style: oblique; | font-style: oblique; | ||
} | } | ||
Line 164: | Line 205: | ||
.judgeTitle{ | .judgeTitle{ | ||
width: 100%; | width: 100%; | ||
− | |||
− | |||
color: #BC818D; | color: #BC818D; | ||
+ | margin-bottom: 1%; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
− | |||
font-weight: 550; | font-weight: 550; | ||
− | |||
− | |||
− | |||
} | } | ||
Line 181: | Line 219: | ||
color: #98B2D2; | color: #98B2D2; | ||
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
− | font-size: | + | font-size: 1.2em; |
− | font-weight: | + | font-weight: 500; |
white-space: nowrap; | white-space: nowrap; | ||
+ | margin-bottom: 0.5%; | ||
} | } | ||
Line 190: | Line 229: | ||
transition: all 1s ease 0s; | transition: all 1s ease 0s; | ||
} | } | ||
+ | @media only screen and (max-device-width: 400px) | ||
+ | { | ||
+ | pre{ | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | code{ | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .title { | ||
+ | width: 100%; | ||
+ | color: #393C40; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 5%; | ||
+ | height: 18%; | ||
+ | font-size: 2em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 450; | ||
+ | text-align: center; | ||
+ | padding-top: 10%; | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | |||
+ | .title_2 { | ||
+ | width: 100%; | ||
+ | color: #393C40; | ||
+ | text-align: center; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 5%; | ||
+ | height: 15%; | ||
+ | font-size: 1.3em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 400; | ||
+ | padding-top: 2%; | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | |||
+ | .littletitle { | ||
+ | letter-spacing: 0.03em; | ||
+ | width: 100%; | ||
+ | color: #BC818D; | ||
+ | margin-left: 0%; | ||
+ | height: auto; | ||
+ | font-size: 1.1em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 550; | ||
+ | } | ||
+ | |||
+ | .HomepageContent { | ||
+ | letter-spacing: 0.04em; | ||
+ | width: 100%; | ||
+ | color: #262626; | ||
+ | height: auto; | ||
+ | font-size: 0.7em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 450; | ||
+ | padding-top: 13%; | ||
+ | line-height: 1.2em; | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | word-break: normal; | ||
+ | word-wrap: break-word; | ||
+ | width: 85%; | ||
+ | color: #262626; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size: 1em; | ||
+ | font-family: Tahoma; | ||
+ | font-weight: 310; | ||
+ | letter-spacing: 0.03em; | ||
+ | line-height: 1.2em; | ||
+ | } | ||
+ | |||
+ | .linkOfPicture { | ||
+ | margin-left: 3%; | ||
+ | margin-right: 3%; | ||
+ | margin-bottom: 5%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .linkpicture2{ | ||
+ | margin-right: 7%; | ||
+ | margin-left: 7%; | ||
+ | width: 23%; | ||
+ | } | ||
+ | |||
+ | .linkpicture3{ | ||
+ | margin-right: 3%; | ||
+ | margin-left: 3%; | ||
+ | width: 23%; | ||
+ | } | ||
+ | |||
+ | td{ | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | color: #262626; | ||
+ | font-size: 0.6em; | ||
+ | } | ||
+ | |||
+ | table{ | ||
+ | border-collapse: collapse; | ||
+ | cell-padding: 0.1%; | ||
+ | align: center; | ||
+ | width: 90%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | table, td, th { | ||
+ | border: 0.05em solid black; | ||
+ | font-size: 0.4em; | ||
+ | } | ||
+ | |||
+ | .logoPicture { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .codetx { | ||
+ | padding: 16px; | ||
+ | overflow: auto; | ||
+ | font-size: 85%; | ||
+ | line-height: 1.45; | ||
+ | background-color: #f6f8fa; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .titleInContent { | ||
+ | color: #BC818D; | ||
+ | font-size: 1.5em; | ||
+ | letter-spacing: 1px; | ||
+ | line-height: 2em; | ||
+ | font-family: arial; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | .instructionOfPicture { | ||
+ | letter-spacing: 0.03em; | ||
+ | color: #767171; | ||
+ | font-family: Georgia; | ||
+ | font-size: 0.7em; | ||
+ | text-align: center; | ||
+ | font-weight: 100; | ||
+ | letter-spacing: 0.1em; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | .reference { | ||
+ | color: #767171; | ||
+ | font-family: Georgia; | ||
+ | font-size: 0.7em; | ||
+ | font-weight: 100; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | .codeText { | ||
+ | width: 500px; | ||
+ | margin-left: 240px; | ||
+ | color: #959DA5; | ||
+ | font-family: fixedsys; | ||
+ | font-size: 1.25em; | ||
+ | font-style: italic; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .codeText>p{ | ||
+ | color: #959DA5; | ||
+ | font-family: fixedsys; | ||
+ | font-size: 1.25em; | ||
+ | font-style: italic; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .background { | ||
+ | width: 90%; | ||
+ | margin-left: 5%; | ||
+ | margin-right: 5%; | ||
+ | background-color:#fdfdfd; | ||
+ | } | ||
+ | |||
+ | .dataText { | ||
+ | font-weight: 250; | ||
+ | font-size: 0.5em; | ||
+ | font-style: oblique; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | .judgeTitle{ | ||
+ | width: 100%; | ||
+ | color: #BC818D; | ||
+ | margin-bottom: 1%; | ||
+ | height: auto; | ||
+ | font-size: 1.1em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 450; | ||
+ | } | ||
+ | |||
+ | .judgeTitle2{ | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | color: #98B2D2; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-size: 1em; | ||
+ | font-weight: 400; | ||
+ | white-space: nowrap; | ||
+ | margin-bottom: 0.5%; | ||
+ | } | ||
+ | } | ||
+ | @media only screen and (min-width: 600px) and (max-device-width: 900px){ | ||
+ | .title { | ||
+ | width: 100%; | ||
+ | color: #393C40; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 5%; | ||
+ | height: auto; | ||
+ | font-size: 5.0em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 400; | ||
+ | text-align: center; | ||
+ | padding-top: 10%; | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | |||
+ | .title_2 { | ||
+ | width: 100%; | ||
+ | color: #393C40; | ||
+ | text-align: center; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | height: auto; | ||
+ | font-size: 3.75em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 300; | ||
+ | padding-top: 5%; | ||
+ | padding-bottom: 5%; | ||
+ | } | ||
+ | |||
+ | .littletitle { | ||
+ | width: 100%; | ||
+ | color: #BC818D; | ||
+ | margin-left: 0%; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 550; | ||
+ | } | ||
+ | |||
+ | .HomepageContent { | ||
+ | width: 100%; | ||
+ | color: #262626; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 450; | ||
+ | padding-top: 13%; | ||
+ | text-align: center; | ||
+ | line-height: 1.4em; | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | width: 85%; | ||
+ | color: #262626; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size: 1.13em; | ||
+ | font-family: Tahoma; | ||
+ | font-weight: 310; | ||
+ | letter-spacing: 0.06em; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | |||
+ | .linkOfPicture { | ||
+ | margin-left: 3%; | ||
+ | margin-right: 3%; | ||
+ | margin-bottom: 5%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .linkpicture2{ | ||
+ | margin-right: 7%; | ||
+ | margin-left: 7%; | ||
+ | width: 23%; | ||
+ | } | ||
+ | |||
+ | .linkpicture3{ | ||
+ | margin-right: 3%; | ||
+ | margin-left: 3%; | ||
+ | width: 23%; | ||
+ | } | ||
+ | |||
+ | td{ | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | color: #262626; | ||
+ | font-size: 0.88em; | ||
+ | } | ||
+ | |||
+ | table{ | ||
+ | border-collapse:collapse; | ||
+ | cell-padding: 1%; | ||
+ | align: center; | ||
+ | width: 90%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | table, td, th{ | ||
+ | border: 0.06em solid black; | ||
+ | } | ||
+ | |||
+ | .logoPicture { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .codetx { | ||
+ | padding: 16px; | ||
+ | overflow: auto; | ||
+ | font-size: 85%; | ||
+ | line-height: 1.45; | ||
+ | background-color: #f6f8fa; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .titleInContent { | ||
+ | color: #BC818D; | ||
+ | font-size: 1.5em; | ||
+ | letter-spacing: 1px; | ||
+ | line-height: 2em; | ||
+ | font-family: arial; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | .instructionOfPicture { | ||
+ | color: #767171; | ||
+ | font-family: Georgia; | ||
+ | font-size: 1.0em; | ||
+ | text-align: center; | ||
+ | font-weight: 100; | ||
+ | letter-spacing: 0.06em; | ||
+ | } | ||
+ | |||
+ | .reference { | ||
+ | color: #767171; | ||
+ | font-family: Georgia; | ||
+ | font-size: 1.0em; | ||
+ | font-weight: 100; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | |||
+ | .codeText { | ||
+ | width: 500px; | ||
+ | margin-left: 240px; | ||
+ | color: #959DA5; | ||
+ | font-family: fixedsys; | ||
+ | font-size: 1.25em; | ||
+ | font-style: italic; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .codeText>p{ | ||
+ | color: #959DA5; | ||
+ | font-family: fixedsys; | ||
+ | font-size: 1.25em; | ||
+ | font-style: italic; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .background { | ||
+ | width: 90%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color:#fdfdfd; | ||
+ | } | ||
+ | |||
+ | .dataText { | ||
+ | font-weight: 250; | ||
+ | font-size: 0.88em; | ||
+ | font-style: oblique; | ||
+ | } | ||
+ | |||
+ | .judgeTitle{ | ||
+ | width: 100%; | ||
+ | color: #BC818D; | ||
+ | margin-bottom: 1%; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 550; | ||
+ | } | ||
+ | |||
+ | .judgeTitle2{ | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | color: #98B2D2; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-size: 1.2em; | ||
+ | font-weight: 500; | ||
+ | white-space: nowrap; | ||
+ | margin-bottom: 0.5%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | </html> |
Latest revision as of 16:41, 17 October 2018