Difference between revisions of "Template:USTC-Software/style"

Line 135: Line 135:
 
footer
 
footer
 
{
 
{
     background-color: blue;
+
     background-color: lightblue;
 
     font-size: 20px;
 
     font-size: 20px;
 
}
 
}

Revision as of 22:00, 18 September 2015

/*styles for common elements, ids and classes*/ html, body, #globalWrapper, #top_menu_14, #content, #globalWrapper > div.visualClear, #top {

   margin:0;
   border:0;
   padding:0;
   width:inherit;
   background-color:#aaaaaa;

}

  1. top_menu_14

{

   padding-bottom:2px;
   background-color:#333333;

}

  1. mw-content-text

{

   margin:0 auto;
   background-color:#ffffff;

}

  1. main

{

   padding:0;
   margin-top:16px;

}

  1. top_menu_14

{

   position:fixed;
   width:100%;

}

  1. mw-content-text > ul

{

   overflow:hidden;
   height:47px;
   padding: 20px 300px;
   position:fixed;
   top:16px;
   z-index: 10;
   font-size:16px;
   box-sizing: content-box;
   width:100%;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

}

  1. mw-content-text > ul, #mw-content-text > ul ul

{

   list-style:none;
   margin: 0;

}

  1. mw-content-text > ul li

{

   float:left;

}

  1. mw-content-text > ul li a, #mw-content-text > ul li span, #mw-content-text > ul li strong

{

   display:block;
   padding:10px 15px;
   color: #555;
   font-family:'Lucida Handwriting',sans-serif;
   text-decoration:none;
   cursor:pointer;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;

}


  1. mw-content-text > ul li a:hover, #mw-content-text > ul li span:hover, #mw-content-text > ul li strong:hover

{

   color:#22ff00;

}

  1. mw-content-text > ul li ul li

{

   float:none;  

}

  1. mw-content-text > ul li ul

{

   display:none;
   position:fixed;

}

  1. mw-content-text > ul li:hover ul

{

   display:block;
   position:fixed;

}

  1. mw-content-text > ul

{

   float:right;

}

  1. teamLogo

{

   width:60px;
   height:60px;
   left:0;
   top:0;

}

/*styles for Page:Project*/ .content {

   font-family:Roboto,sans-serif;

}

img.fig {

   justify-content:center;

}

div.content > h2 {

   font-size:30px;

}

div.content > p {

   font-size:20px;

}

div.content > ol {

   font-size:20px;

}

footer {

   background-color: lightblue;
   font-size: 20px;

}

  1. ustc_address

{

   text-align: center;
   padding-left: 100px;
   padding-top: 60px;
   margin: 0;

}

  1. contact

{

   float: right;
   padding: 0 180px;
   margin-top: -300px;

}

img.contact {

   height: 50px;

}

  1. ustc

{

   margin-top: 100px;
   padding-left: 120px;

}

  1. dbsc_white

{

   width: 200px;

}

  1. sponseror

{

   float: right;
   margin-top: -150px;
   margin-right: 240px;

}

  1. copyright

{

   font-size: 12px;
   margin: 0;
   padding-bottom: 30px;
   padding-left: 100px;

}

  1. top_new

{

   position: fixed;
   width: 50px;
   right: 30px;
   bottom: 30px;

}