Difference between revisions of "Template:Tongji China/userDefault"

 
(93 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<style>
+
<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 7: Line 20:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
         margin-bottom: 25px;
+
         margin-bottom: 5%;
 
height: auto;
 
height: auto;
 
font-size: 5.0em;
 
font-size: 5.0em;
Line 13: Line 26:
 
font-weight: 400;
 
font-weight: 400;
 
text-align: center;
 
text-align: center;
−
padding-top: 70px;
+
padding-top: 10%;
−
padding-bottom: 50px;
+
padding-bottom: 3%;
 
}
 
}
  
Line 24: Line 37:
 
margin-right: auto;
 
margin-right: auto;
 
height: auto;
 
height: auto;
−
font-size: 3.75em;
+
font-size: 3.25em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
 
font-weight: 300;
 
font-weight: 300;
−
padding-top: 40px;
+
padding-top: 5%;
−
padding-bottom: 40px;
+
padding-bottom: 5%;
 
}
 
}
  
Line 34: Line 47:
 
width: 100%;
 
width: 100%;
 
color: #BC818D;
 
color: #BC818D;
−
margin-left: 0px;
+
margin-left: 0%;
 +
height: auto;
 +
font-size: 1.5em;
 +
font-family: Trebuchet MS;
 +
font-weight: 550;
 +
}
 +
 
 +
section>h1 {
 +
width: 100%;
 +
color: #BC818D;
 +
margin-left: 0%;
 
height: auto;
 
height: auto;
 
font-size: 1.5em;
 
font-size: 1.5em;
Line 50: Line 73:
 
padding-top: 13%;
 
padding-top: 13%;
 
text-align: center;
 
text-align: center;
−
line-height: 1.4em;
+
line-height: 1.7em;
 
}
 
}
 
          
 
          
 
.content {
 
.content {
−
width: 980px;
+
        word-break: normal;
 +
        word-wrap: break-word;
 +
width: 85%;
 
color: #262626;
 
color: #262626;
 
margin-left: auto;
 
margin-left: auto;
Line 61: Line 86:
 
font-family: Tahoma;
 
font-family: Tahoma;
 
font-weight: 310;
 
font-weight: 310;
−
letter-spacing: 1px;
+
letter-spacing: 0.06em;
 
line-height: 1.5em;
 
line-height: 1.5em;
 
}
 
}
  
 
.linkOfPicture {
 
.linkOfPicture {
−
margin-left: auto;
+
margin-left: 3%;
−
margin-right: auto;
+
margin-right: 3%;
 +
margin-bottom: 5%;
 
         text-align: center;
 
         text-align: center;
 
}
 
}
  
 
.linkpicture2{
 
.linkpicture2{
−
         margin-right: 75px;  
+
         margin-right: 7%;  
−
         margin-left: 75px;
+
         margin-left: 7%;
 
         width: 25%;
 
         width: 25%;
 
}
 
}
  
 
.linkpicture3{
 
.linkpicture3{
−
         margin-right: 25px;  
+
         margin-right: 3%;  
−
         margin-left: 25px;
+
         margin-left: 3%;
 
         width: 25%;
 
         width: 25%;
 
}
 
}
Line 92: Line 118:
 
table{
 
table{
 
     border-collapse:collapse;
 
     border-collapse:collapse;
−
     cell-padding: 6px;
+
     cell-padding: 1%;
 
     align: center;
 
     align: center;
 
     width: 90%;
 
     width: 90%;
Line 100: Line 126:
  
 
table, td, th {
 
table, td, th {
−
     border: 1px solid black;
+
     border: 0.06em solid black;
 
}
 
}
  
Line 135: Line 161:
 
text-align: center;
 
text-align: center;
 
font-weight: 100;
 
font-weight: 100;
−
letter-spacing: 1px;
+
letter-spacing: 0.06em;
 
}
 
}
  
Line 179: Line 205:
 
.judgeTitle{
 
.judgeTitle{
 
width: 100%;
 
width: 100%;
−
margin-left: auto;
 
−
margin-right: auto;
 
 
color: #BC818D;
 
color: #BC818D;
 +
margin-bottom: 1%;
 +
height: auto;
 +
font-size: 1.5em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-size: 1.75em;
 
 
font-weight: 550;
 
font-weight: 550;
−
padding-bottom: 20px;
 
−
padding-top: 20px;
 
−
white-space: nowrap;
 
 
}
 
}
  
Line 196: Line 219:
 
color: #98B2D2;
 
color: #98B2D2;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-size: 1.38em;
+
font-size: 1.2em;
−
font-weight: 550;
+
font-weight: 500;
 
white-space: nowrap;
 
white-space: nowrap;
 +
margin-bottom: 0.5%;
 
}
 
}
  
Line 205: Line 229:
 
         transition: all 1s ease 0s;
 
         transition: all 1s ease 0s;
 
}
 
}
−
@media screen and (max-device-width: 400px)
+
@media only screen and (max-device-width: 400px)
 
{
 
{
−
.title {
+
pre{
−
width: 100%;
+
        width: 100%;
−
color: #393C40;
+
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
        margin-bottom: 25px;
 
−
height: auto;
 
−
font-size: 5.0em;
 
−
font-family: Trebuchet MS;
 
−
font-weight: 400;
 
−
text-align: center;
 
−
padding-top: 70px;
 
−
padding-bottom: 50px;
 
 
}
 
}
  
−
.title_2 {
+
code{
−
width: 100%;
+
      width: 100%;
−
color: #393C40;
+
−
text-align: center;
+
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
height: auto;
 
−
font-size: 3.75em;
 
−
font-family: Trebuchet MS;
 
−
font-weight: 300;
 
−
padding-top: 40px;
 
−
padding-bottom: 40px;
 
−
}
 
  
−
.littletitle {
 
−
width: 100%;
 
−
color: #BC818D;
 
−
margin-left: 0px;
 
−
height: auto;
 
−
font-size: 1.5em;
 
−
font-family: Trebuchet MS;
 
−
font-weight: 550;
 
−
}
 
−
       
 
−
.content {
 
−
width: 87.5%;
 
−
color: #262626;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
font-size: 1.13em;
 
−
font-family: Tahoma;
 
−
font-weight: 310;
 
−
letter-spacing: 1px;
 
−
line-height: 1.5em;
 
 
}
 
}
  
−
.linkOfPicture {
+
.title {
−
margin-left: auto;
+
−
margin-right: auto;
+
−
        text-align: center;
+
−
}
+
−
 
+
−
.linkpicture2{
+
−
        margin-right: 75px;
+
−
        margin-left: 75px;
+
−
        width: 25%;
+
−
}
+
−
 
+
−
.linkpicture3{
+
−
        margin-right: 25px;
+
−
        margin-left: 25px;
+
−
        width: 25%;
+
−
}
+
−
 
+
−
td{
+
−
vertical-align: middle;
+
−
text-align: center;
+
−
color: #262626;
+
−
font-size: 0.88em;
+
−
}
+
−
 
+
−
table{
+
−
    border-collapse:collapse;
+
−
    cell-padding: 6px;
+
−
    align: center;
+
−
    width: 90%;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
}
+
−
 
+
−
table, td, th {
+
−
    border: 1px 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: 1px;
+
−
}
+
−
 
+
−
.reference {
+
−
color: #767171;
+
−
font-family: Georgia;
+
−
font-size: 1.0em;
+
−
font-weight: 100;
+
−
line-height: 1.5em;
+
−
}
+
−
 
+
−
.codeText {
+
−
width: 50%;
+
−
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: 400px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
background-color:#fdfdfd;
+
−
}
+
−
 
+
−
.dataText {
+
−
font-weight: 250;
+
−
font-size: 0.88em;
+
−
font-style: oblique;
+
−
}
+
−
 
+
−
.judgeTitle{
+
−
width: 100%;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
color: #BC818D;
+
−
font-family: Trebuchet MS;
+
−
font-size: 1.75em;
+
−
font-weight: 550;
+
−
padding-bottom: 20px;
+
−
padding-top: 20px;
+
−
white-space: nowrap;
+
−
}
+
−
 
+
−
.judgeTitle2{
+
−
width: 100%;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
color: #98B2D2;
+
−
font-family: Trebuchet MS;
+
−
font-size: 1.38em;
+
−
font-weight: 550;
+
−
white-space: nowrap;
+
−
}
+
−
}
+
−
@media screen and (min-width: 400px) and (max-device-width: 600px)
+
−
{
+
−
  .title {
+
 
width: 100%;
 
width: 100%;
 
color: #393C40;
 
color: #393C40;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
         margin-bottom: 25px;
+
         margin-bottom: 5%;
−
height: auto;
+
height: 18%;
−
font-size: 5.0em;
+
font-size: 2em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-weight: 400;
+
font-weight: 450;
 
text-align: center;
 
text-align: center;
−
padding-top: 70px;
+
padding-top: 10%;
−
padding-bottom: 50px;
+
padding-bottom: 3%;
 
}
 
}
  
Line 417: Line 265:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
height: auto;
+
        margin-bottom: 5%;
−
font-size: 3.75em;
+
height: 15%;
 +
font-size: 1.3em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-weight: 300;
+
font-weight: 400;
−
padding-top: 40px;
+
padding-top: 2%;
−
padding-bottom: 40px;
+
padding-bottom: 3%;
 
}
 
}
  
 
.littletitle {
 
.littletitle {
 +
        letter-spacing: 0.03em;
 
width: 100%;
 
width: 100%;
 
color: #BC818D;
 
color: #BC818D;
−
margin-left: 0px;
+
margin-left: 0%;
 
height: auto;
 
height: auto;
−
font-size: 1.5em;
+
font-size: 1.1em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
 
font-weight: 550;
 
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 {
 
.content {
−
width: 87.5%;
+
        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: 1.13em;
+
font-size: 1em;
 
font-family: Tahoma;
 
font-family: Tahoma;
 
font-weight: 310;
 
font-weight: 310;
−
letter-spacing: 1px;
+
letter-spacing: 0.03em;
−
line-height: 1.5em;
+
line-height: 1.2em;
 
}
 
}
  
 
.linkOfPicture {
 
.linkOfPicture {
−
margin-left: auto;
+
margin-left: 3%;
−
margin-right: auto;
+
margin-right: 3%;
 +
margin-bottom: 5%;
 
         text-align: center;
 
         text-align: center;
 
}
 
}
  
 
.linkpicture2{
 
.linkpicture2{
−
         margin-right: 75px;  
+
         margin-right: 7%;  
−
         margin-left: 75px;
+
         margin-left: 7%;
−
         width: 25%;
+
         width: 23%;
 
}
 
}
  
 
.linkpicture3{
 
.linkpicture3{
−
         margin-right: 25px;  
+
         margin-right: 3%;  
−
         margin-left: 25px;
+
         margin-left: 3%;
−
         width: 25%;
+
         width: 23%;
 
}
 
}
  
Line 469: Line 334:
 
text-align: center;
 
text-align: center;
 
color: #262626;
 
color: #262626;
−
font-size: 0.88em;
+
font-size: 0.6em;
 
}
 
}
  
 
table{
 
table{
−
     border-collapse:collapse;
+
     border-collapse: collapse;
−
     cell-padding: 6px;
+
     cell-padding: 0.1%;
 
     align: center;
 
     align: center;
 
     width: 90%;
 
     width: 90%;
Line 482: Line 347:
  
 
table, td, th {
 
table, td, th {
−
     border: 1px solid black;
+
     border: 0.05em solid black;
 +
    font-size: 0.4em;
 
}
 
}
  
Line 512: Line 378:
  
 
.instructionOfPicture {
 
.instructionOfPicture {
 +
        letter-spacing: 0.03em;
 
color: #767171;
 
color: #767171;
 
font-family: Georgia;
 
font-family: Georgia;
−
font-size: 1.0em;
+
font-size: 0.7em;
 
text-align: center;
 
text-align: center;
 
font-weight: 100;
 
font-weight: 100;
−
letter-spacing: 1px;
+
letter-spacing: 0.1em;
 +
line-height: 1em;
 
}
 
}
  
Line 523: Line 391:
 
color: #767171;
 
color: #767171;
 
font-family: Georgia;
 
font-family: Georgia;
−
font-size: 1.0em;
+
font-size: 0.7em;
 
font-weight: 100;
 
font-weight: 100;
−
line-height: 1.5em;
+
line-height: 1em;
 
}
 
}
  
 
.codeText {
 
.codeText {
−
width: 50%;
+
width: 500px;
 
margin-left: 240px;
 
margin-left: 240px;
 
color: #959DA5;
 
color: #959DA5;
Line 547: Line 415:
  
 
.background {
 
.background {
−
         width: 600px;
+
         width: 90%;
−
margin-left: auto;
+
margin-left: 5%;
−
margin-right: auto;
+
margin-right: 5%;
 
background-color:#fdfdfd;
 
background-color:#fdfdfd;
 
}
 
}
Line 555: Line 423:
 
.dataText {
 
.dataText {
 
font-weight: 250;
 
font-weight: 250;
−
font-size: 0.88em;
+
font-size: 0.5em;
 
font-style: oblique;
 
font-style: oblique;
 +
line-height: 1em;
 
}
 
}
  
 
.judgeTitle{
 
.judgeTitle{
 
width: 100%;
 
width: 100%;
−
margin-left: auto;
 
−
margin-right: auto;
 
 
color: #BC818D;
 
color: #BC818D;
 +
margin-bottom: 1%;
 +
height: auto;
 +
font-size: 1.1em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-size: 1.75em;
+
font-weight: 450;
−
font-weight: 550;
+
−
padding-bottom: 20px;
+
−
padding-top: 20px;
+
−
white-space: nowrap;
+
 
}
 
}
  
Line 578: Line 444:
 
color: #98B2D2;
 
color: #98B2D2;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-size: 1.38em;
+
font-size: 1em;
−
font-weight: 550;
+
font-weight: 400;
 
white-space: nowrap;
 
white-space: nowrap;
 +
margin-bottom: 0.5%;
 
}
 
}
 
}
 
}
−
@media screen and (min-width: 600px) and (max-device-width: 900px)
+
@media only screen and (min-width: 600px) and (max-device-width: 900px){
−
{
+
 
.title {
 
.title {
 
width: 100%;
 
width: 100%;
Line 590: Line 456:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
         margin-bottom: 25px;
+
         margin-bottom: 5%;
 
height: auto;
 
height: auto;
 
font-size: 5.0em;
 
font-size: 5.0em;
Line 596: Line 462:
 
font-weight: 400;
 
font-weight: 400;
 
text-align: center;
 
text-align: center;
−
padding-top: 70px;
+
padding-top: 10%;
−
padding-bottom: 50px;
+
padding-bottom: 3%;
 
}
 
}
  
Line 610: Line 476:
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
 
font-weight: 300;
 
font-weight: 300;
−
padding-top: 40px;
+
padding-top: 5%;
−
padding-bottom: 40px;
+
padding-bottom: 5%;
 
}
 
}
  
Line 617: Line 483:
 
width: 100%;
 
width: 100%;
 
color: #BC818D;
 
color: #BC818D;
−
margin-left: 0px;
+
margin-left: 0%;
 
height: auto;
 
height: auto;
 
font-size: 1.5em;
 
font-size: 1.5em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
 
font-weight: 550;
 
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 {
 
.content {
−
width: 87.5%;
+
width: 85%;
 
color: #262626;
 
color: #262626;
 
margin-left: auto;
 
margin-left: auto;
Line 632: Line 510:
 
font-family: Tahoma;
 
font-family: Tahoma;
 
font-weight: 310;
 
font-weight: 310;
−
letter-spacing: 1px;
+
letter-spacing: 0.06em;
 
line-height: 1.5em;
 
line-height: 1.5em;
 
}
 
}
  
 
.linkOfPicture {
 
.linkOfPicture {
−
margin-left: auto;
+
margin-left: 3%;
−
margin-right: auto;
+
margin-right: 3%;
 +
margin-bottom: 5%;
 
         text-align: center;
 
         text-align: center;
 
}
 
}
  
 
.linkpicture2{
 
.linkpicture2{
−
         margin-right: 75px;  
+
         margin-right: 7%;  
−
         margin-left: 75px;
+
         margin-left: 7%;
−
         width: 25%;
+
         width: 23%;
 
}
 
}
  
 
.linkpicture3{
 
.linkpicture3{
−
         margin-right: 25px;  
+
         margin-right: 3%;  
−
         margin-left: 25px;
+
         margin-left: 3%;
−
         width: 25%;
+
         width: 23%;
 
}
 
}
  
Line 663: Line 542:
 
table{
 
table{
 
     border-collapse:collapse;
 
     border-collapse:collapse;
−
     cell-padding: 6px;
+
     cell-padding: 1%;
 
     align: center;
 
     align: center;
 
     width: 90%;
 
     width: 90%;
Line 670: Line 549:
 
}
 
}
  
−
table, td, th {
+
table, td, th{
−
     border: 1px solid black;
+
     border: 0.06em solid black;
 
}
 
}
  
Line 706: Line 585:
 
text-align: center;
 
text-align: center;
 
font-weight: 100;
 
font-weight: 100;
−
letter-spacing: 1px;
+
letter-spacing: 0.06em;
 
}
 
}
  
Line 718: Line 597:
  
 
.codeText {
 
.codeText {
−
width: 50%;
+
width: 500px;
 
margin-left: 240px;
 
margin-left: 240px;
 
color: #959DA5;
 
color: #959DA5;
Line 736: Line 615:
  
 
.background {
 
.background {
−
         width: 900px;
+
         width: 90%;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
Line 750: Line 629:
 
.judgeTitle{
 
.judgeTitle{
 
width: 100%;
 
width: 100%;
−
margin-left: auto;
 
−
margin-right: auto;
 
 
color: #BC818D;
 
color: #BC818D;
 +
margin-bottom: 1%;
 +
height: auto;
 +
font-size: 1.5em;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-size: 1.75em;
 
 
font-weight: 550;
 
font-weight: 550;
−
padding-bottom: 20px;
 
−
padding-top: 20px;
 
−
white-space: nowrap;
 
 
}
 
}
  
Line 767: Line 643:
 
color: #98B2D2;
 
color: #98B2D2;
 
font-family: Trebuchet MS;
 
font-family: Trebuchet MS;
−
font-size: 1.38em;
+
font-size: 1.2em;
−
font-weight: 550;
+
font-weight: 500;
 
white-space: nowrap;
 
white-space: nowrap;
 +
margin-bottom: 0.5%;
 
}
 
}
 
}
 
}
 
</style>
 
</style>
−
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+
 
 
</head>
 
</head>
 
</html>
 
</html>

Latest revision as of 16:41, 17 October 2018