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

(Created page with " .title{ width: 980px; color: #393C40; margin-left: auto; margin-right: auto; height: auto; font-size: 50px; font-family: courier...")
 
 
(175 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
                      .title{
+
<html>
−
width: 980px;
+
<head>
−
color: #393C40;
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
−
margin-left: auto; margin-right: auto;
+
<style>
−
height: auto;
+
 
−
font-size: 50px;
+
html{
−
font-family: courier;
+
      width:100%;
−
font-weight: 400;
+
}
−
padding: 20px;
+
 
−
text-align: center;
+
p{
−
}
+
        width: 100%;
−
.title_2{
+
margin-left: auto;
−
width: 980px;
+
margin-right: auto;
−
color: #393C40;
+
 
−
margin-left: auto; margin-right: auto;
+
}
−
height: auto;
+
 
−
font-size: 42px;
+
.title {
−
font-family: courier;
+
width: 100%;
−
font-weight: 300;
+
color: #393C40;
−
padding: 20px;
+
margin-left: auto;
−
text-align: center;
+
margin-right: auto;
−
}
+
        margin-bottom: 5%;
−
.content
+
height: auto;
−
{
+
font-size: 5.0em;
−
width: 980px;
+
font-family: Trebuchet MS;
−
color: #393C40;
+
font-weight: 400;
−
margin-left: auto; margin-right: auto;
+
text-align: center;
−
height: auto;
+
padding-top: 10%;
−
font-size: 18px;
+
padding-bottom: 3%;
−
font-family:arial;
+
}
−
font-weight: 100;
+
 
−
letter-spacing: 1px;
+
.title_2 {
−
line-height: 1.5em;
+
width: 100%;
−
margin-bottom: 40px;
+
color: #393C40;
−
}
+
text-align: center;
−
.linkOfPicture{
+
margin-left: auto;
−
width: 980px;
+
margin-right: auto;
−
margin-left: auto; margin-right: auto;
+
height: auto;
−
+
font-size: 3.25em;
−
}
+
font-family: Trebuchet MS;
−
.logoPicture{
+
font-weight: 300;
−
width: 980px;
+
padding-top: 5%;
−
height: auto;
+
padding-bottom: 5%;
−
margin-left: auto; margin-right: auto;
+
}
−
text-align: center;
+
 
−
}
+
.littletitle {
 +
width: 100%;
 +
color: #BC818D;
 +
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;
 +
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 {
 +
        word-break: normal;
 +
        word-wrap: break-word;
 +
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: 25%;
 +
}
 +
 
 +
.linkpicture3{
 +
        margin-right: 3%;
 +
        margin-left: 3%;
 +
        width: 25%;
 +
}
 +
 
 +
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: 80%;
 +
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%;
 +
}
 +
 
 +
.test_a:hover img{
 +
        transform: scale(1.05); 
 +
        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