Difference between revisions of "Template:Tsinghua-A/css/page-style"

Line 1: Line 1:
 
body{
 
body{
 
     background:#eee8aa60;
 
     background:#eee8aa60;
 +
    font-family: 'Lato', sans-serif;
 +
}
 +
 +
h2{
 +
    font-size: 40px;
 +
    margin: 60px 0 30px;
 +
    font-family: 'Monda', sans-serif;
 
}
 
}
  
Line 25: Line 32:
 
}
 
}
 
div.content div.page-content{
 
div.content div.page-content{
−
     margin:100px 60px;
+
     margin:100px 0px;
 
     text-align:left;
 
     text-align:left;
 
}
 
}
Line 68: Line 75:
 
     color: #555;
 
     color: #555;
 
     background-color: #74bcf3;
 
     background-color: #74bcf3;
 +
}
 +
 +
div.attributionItem{
 +
    font-size: 20px;
 +
    margin: 20px 0;
 +
}
 +
div.attributionItem div span.name{
 +
    font-style: italic;
 +
    font-weight: 700;
 +
}
 +
div.attributionItem span.org{
 +
    font-weight: 700;
 +
}
 +
div.attributionItem div span.name + span.org{
 +
    margin-left: 20px;
 +
    font-size: 17px;
 +
}
 +
div.attributionItem div#QA{
 +
    margin: 50px 0;
 +
    font-size: 24px;
 +
}
 +
div.attributionItem > div#QA > div.dialog{
 +
    margin: 20px 0;
 +
}
 +
div.attributionItem > div#QA > div.dialog > div.question{
 +
    margin: 5px 0;
 +
    font-style: italic;
 +
    color: #700;
 +
}
 +
div.attributionItem > div#QA > div.dialog > div.answer{
 +
    margin: 5px 0;
 
}
 
}

Revision as of 16:15, 11 October 2018

body{ 

   background:#eee8aa60;
   font-family: 'Lato', sans-serif;

}

h2{ 

   font-size: 40px;
   margin: 60px 0 30px;
   font-family: 'Monda', sans-serif;

}

div.content{ 

   font-size:20px;

} div.content div.page-head{ 

   margin:80px 0;
   text-align:right;
   border-right: 5px solid #393939;
   padding: 20px 20px 0px 0px;
   font-weight:700;
   text-transform:uppercase;

} div.content div.page-head .head-title{ 

   font-size:100px;
   line-height:100px;
   color:#9a6421;

} div.content div.page-head .head-subtitle{ 

   font-size:50px;
   line-height:50px;
   color:#000;

} div.content div.page-content{ 

   margin:100px 0px;
   text-align:left;

} div.content div.page-content > p{ 

   margin:15px 0;
   line-height:160%;

}


div.pagefooter{ 

   text-align:left;
   background:#555;
   margin-bottom: -20px;

} div.pagefooter div.footer-left-col,div.footer-right-col{ 

   width:50%;
   float:left;

} div.pagefooter div.footer-left-col{ } div.pagefooter div.footer-left-col img{ 

   margin-left:15%;

} div.pagefooter div.footer-right-col{ 

   text-align:center;

} div.pagefooter div.footer-right-col p{ 

   font-size:40px;
   color:#fff;

} div.pagefooter div.footer-right-col ul.contact-info{ 

   margin:20px;

} div.pagefooter div.footer-right-col li{ 

   color:#fff;

} div.pagefooter div.footer-right-col li a#mailto{ 

   color: #74bcf3;
   padding-right: 0;

} div.pagefooter div.footer-right-col li a#mailto:hover{ 

   color: #555;
   background-color: #74bcf3;

}

div.attributionItem{ 

   font-size: 20px;
   margin: 20px 0;

} div.attributionItem div span.name{ 

   font-style: italic;
   font-weight: 700;

} div.attributionItem span.org{ 

   font-weight: 700;

} div.attributionItem div span.name + span.org{ 

   margin-left: 20px;
   font-size: 17px;

} div.attributionItem div#QA{ 

   margin: 50px 0;
   font-size: 24px;

} div.attributionItem > div#QA > div.dialog{ 

   margin: 20px 0;

} div.attributionItem > div#QA > div.dialog > div.question{ 

   margin: 5px 0;
   font-style: italic;
   color: #700;

} div.attributionItem > div#QA > div.dialog > div.answer{ 

   margin: 5px 0;

}