Difference between revisions of "Template:Tongji China/userDefault"
| (117 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%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
} | } | ||
table, td, th { | table, td, th { | ||
| − | border: | + | border: 0.06em solid black; |
} | } | ||
| Line 92: | Line 135: | ||
margin-right: auto; | margin-right: auto; | ||
text-align: center; | text-align: center; | ||
| + | } | ||
| + | |||
| + | .codetx { | ||
| + | padding: 16px; | ||
| + | overflow: auto; | ||
| + | font-size: 85%; | ||
| + | line-height: 1.45; | ||
| + | background-color: #f6f8fa; | ||
| + | border-radius: 3px; | ||
} | } | ||
.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 106: | 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; |
| + | } | ||
| + | |||
| + | .reference { | ||
| + | color: #767171; | ||
| + | font-family: Georgia; | ||
| + | font-size: 1.0em; | ||
| + | font-weight: 100; | ||
| + | line-height: 1.5em; | ||
} | } | ||
| Line 117: | 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 125: | 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 131: | Line 191: | ||
.background { | .background { | ||
| − | width: | + | width: 80%; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Line 138: | Line 198: | ||
.dataText { | .dataText { | ||
| − | font-weight: | + | font-weight: 250; |
| − | font-size: | + | font-size: 0.88em; |
font-style: oblique; | font-style: oblique; | ||
} | } | ||
| Line 145: | 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 162: | 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 171: | 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