Template:USTC-Software/style

/*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:87px;
   margin: 0 300px;
   position:fixed;
   top:16px;
   z-index: 10;
   font-size:16px;
   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;
   padding: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:Home*/

1. backgroundSVG

{

   width:100%;    

}

1. backgroundSVG > polygon

{

   stroke-width:20;
   stroke-linecap:round;
   stroke-linejoin:round;

}

1. ustcsoftware

{

   background:none;
   position:absolute;
   left:1%;
   top:1%;
   width:15%;
   height:3%;

}

1. igem_logo

{

   position: absolute; 
   left: 90%; 
   top: 1%; 
   width: 8%; 
   height: 2%;

}

1. goto

{

   background:none;
   cursor:pointer;
   position:absolute;
   left:25%;
   top:3%;
   width:180px;

}

1. goto:hover

{

   border-style:none;

}

1. goto > img

{

   width:100%;
   display:block;

}

1. goto > p

{

   font-family:'Lucida Handwriting',sans-serif;
   font-size:4vw;
   color:white;
   display:block;
   margin-top:0;
   margin-left:3%;

}

1. globe

{

   position:absolute;
   left:35%;
   top:78%;
   width:41.81%;
   height:13.24%;

}

1. biobless

{

   font-size:8vw;
   left:43%;
   top:5%;
   position:absolute;
   border-spacing:0;

}

1. biobless > div

{

   float:left;

}

1. bio

{

   font-family:'Helvetica',sans-serif;
   color:white;

}

.bless {

   font-family:'Helvetica Neue LT Pro',sans-serif;

}

1. bless_1

{

   color:rgb(116,187,76);

}

1. bless_2

{

   color:rgb(240,206,86);

}

1. bless_3

{

   color:rgb(248,171,84);

}

1. bless_4

{

   color:rgb(233,54,55);

}

1. bless_5

{

   color:rgb(99,42,121);

}

.para {

   font-family:'Josefin Sans', sans-serif;
   position:absolute;

}

p.para {

   font-size:1.15vw;
   width:initial;

}

.feature_fig {

   position:absolute;

}

1. feature_1

{

   width:45%;
   left:5%;
   top:16%;

}

1. feature_2

{

   width:40%;
   right:5%;
   top:31%;

}

1. feature_3

{

   width:50%;
   left:3%;
   top:42%;

}

1. feature_4

{

   width:40%;
   right:5%;
   top:53%

}

1. feature_5

{

   width:45%;
   left:5%;
   top:67.5%;

}

1. ustc_address, #ustc, #copyright, #contact, #sponseror

{

   font-family:Roboto, sans-serif;
   position:absolute;

}

1. ustc_address

{

   font-size:1.5vw;
   left:7.00%;
   top:92.00%;

}

1. ustc

{

   font-size:2vw;
   left:1.00%;
   top:96.00%;

}

1. copyright

{

   font-size:1vw;
   left:1.00%;
   top:97.00%;

}

1. contact

{

   font-size:1.5vw;
   left:84.50%;
   top:91.50%;

}

img.contact {

   float:left;
   width:50px;

}

1. sponseror

{

   font-size:2vw;
   left:84.5%;
   top:94%;

}

1. dbsc_white

{

   width:80%;

}

/*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;

}