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

Line 195: Line 195:
 
@media screen and (max-device-width: 400px)
 
@media screen and (max-device-width: 400px)
 
{
 
{
 +
.title {
 +
width: 100%;
 +
color: #393C40;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom: 25px;
 +
height: auto;
 +
font-size: 80px;
 +
font-family: Trebuchet MS;
 +
font-weight: 400;
 +
text-align: center;
 +
padding-top: 70px;
 +
padding-bottom: 50px;
 +
}
 +
 +
.title_2 {
 +
width: 100%;
 +
color: #393C40;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
height: auto;
 +
font-size: 60px;
 +
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: 24px;
 +
font-family: Trebuchet MS;
 +
font-weight: 550;
 +
}
 +
       
 +
.content {
 +
width: 87.5%;
 +
color: #262626;
 +
margin-left: auto;
 +
margin-right: auto;
 +
font-size: 18px;
 +
font-family: Tahoma;
 +
font-weight: 310;
 +
letter-spacing: 1px;
 +
line-height: 1.5em;
 +
}
 +
 +
.linkOfPicture {
 +
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: 14px;
 +
}
 +
 +
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: 24px;
 +
letter-spacing: 1px;
 +
line-height: 2em;
 +
font-family: arial;
 +
font-weight: 200;
 +
}
 +
 +
.instructionOfPicture {
 +
color: #767171;
 +
font-family: Georgia;
 +
font-size: 16px;
 +
text-align: center;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.reference {
 +
color: #767171;
 +
font-family: Georgia;
 +
font-size: 16px;
 +
font-weight: 100;
 +
line-height: 1.5em;
 +
}
 +
 +
.codeText {
 +
width: 50%;
 +
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 {
 
.background {
−
         width:400px;
+
         width: 400px;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
 
background-color:#fdfdfd;
 
background-color:#fdfdfd;
 +
}
 +
 +
.dataText {
 +
font-weight: 250;
 +
font-size: 14px;
 +
font-style: oblique;
 +
}
 +
 +
.judgeTitle{
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
color: #BC818D;
 +
font-family: Trebuchet MS;
 +
font-size: 28px;
 +
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: 22px;
 +
font-weight: 550;
 +
white-space: nowrap;
 +
}
 
}
 
}
 
@media screen and (min-width: 400px) and (max-device-width: 600px)
 
@media screen and (min-width: 400px) and (max-device-width: 600px)
 
{
 
{
−
     .background {
+
  .title {
 +
width: 100%;
 +
color: #393C40;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom: 25px;
 +
height: auto;
 +
font-size: 80px;
 +
font-family: Trebuchet MS;
 +
font-weight: 400;
 +
text-align: center;
 +
padding-top: 70px;
 +
padding-bottom: 50px;
 +
}
 +
 
 +
.title_2 {
 +
width: 100%;
 +
color: #393C40;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
height: auto;
 +
font-size: 60px;
 +
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: 24px;
 +
font-family: Trebuchet MS;
 +
font-weight: 550;
 +
}
 +
       
 +
.content {
 +
width: 87.5%;
 +
color: #262626;
 +
margin-left: auto;
 +
margin-right: auto;
 +
font-size: 18px;
 +
font-family: Tahoma;
 +
font-weight: 310;
 +
letter-spacing: 1px;
 +
line-height: 1.5em;
 +
}
 +
 
 +
.linkOfPicture {
 +
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: 14px;
 +
}
 +
 
 +
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: 24px;
 +
letter-spacing: 1px;
 +
line-height: 2em;
 +
font-family: arial;
 +
font-weight: 200;
 +
}
 +
 
 +
.instructionOfPicture {
 +
color: #767171;
 +
font-family: Georgia;
 +
font-size: 16px;
 +
text-align: center;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 
 +
.reference {
 +
color: #767171;
 +
font-family: Georgia;
 +
font-size: 16px;
 +
font-weight: 100;
 +
line-height: 1.5em;
 +
}
 +
 
 +
.codeText {
 +
width: 50%;
 +
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: 600px;
 
         width: 600px;
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
 
background-color:#fdfdfd;
 
background-color:#fdfdfd;
 +
}
 +
 +
.dataText {
 +
font-weight: 250;
 +
font-size: 14px;
 +
font-style: oblique;
 +
}
 +
 +
.judgeTitle{
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
color: #BC818D;
 +
font-family: Trebuchet MS;
 +
font-size: 28px;
 +
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: 22px;
 +
font-weight: 550;
 +
white-space: nowrap;
 +
}
 
}
 
}
 
@media screen and (min-width: 600px) and (max-device-width: 900px)
 
@media screen and (min-width: 600px) and (max-device-width: 900px)
 
{
 
{
 +
.title {
 +
width: 100%;
 +
color: #393C40;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom: 25px;
 +
height: auto;
 +
font-size: 80px;
 +
font-family: Trebuchet MS;
 +
font-weight: 400;
 +
text-align: center;
 +
padding-top: 70px;
 +
padding-bottom: 50px;
 +
}
 +
 +
.title_2 {
 +
width: 100%;
 +
color: #393C40;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
height: auto;
 +
font-size: 60px;
 +
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: 24px;
 +
font-family: Trebuchet MS;
 +
font-weight: 550;
 +
}
 +
       
 +
.content {
 +
width: 87.5%;
 +
color: #262626;
 +
margin-left: auto;
 +
margin-right: auto;
 +
font-size: 18px;
 +
font-family: Tahoma;
 +
font-weight: 310;
 +
letter-spacing: 1px;
 +
line-height: 1.5em;
 +
}
 +
 +
.linkOfPicture {
 +
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: 14px;
 +
}
 +
 +
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: 24px;
 +
letter-spacing: 1px;
 +
line-height: 2em;
 +
font-family: arial;
 +
font-weight: 200;
 +
}
 +
 +
.instructionOfPicture {
 +
color: #767171;
 +
font-family: Georgia;
 +
font-size: 16px;
 +
text-align: center;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.reference {
 +
color: #767171;
 +
font-family: Georgia;
 +
font-size: 16px;
 +
font-weight: 100;
 +
line-height: 1.5em;
 +
}
 +
 +
.codeText {
 +
width: 50%;
 +
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 {
 
.background {
 
         width: 900px;
 
         width: 900px;
Line 216: Line 728:
 
margin-right: auto;
 
margin-right: auto;
 
background-color:#fdfdfd;
 
background-color:#fdfdfd;
 +
}
 +
 +
.dataText {
 +
font-weight: 250;
 +
font-size: 14px;
 +
font-style: oblique;
 +
}
 +
 +
.judgeTitle{
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
color: #BC818D;
 +
font-family: Trebuchet MS;
 +
font-size: 28px;
 +
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: 22px;
 +
font-weight: 550;
 +
white-space: nowrap;
 +
}
 
}
 
}
 
</style>
 
</style>

Revision as of 07:46, 14 October 2018