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

Line 104: Line 104:
 
     left:0;
 
     left:0;
 
     top:0;
 
     top:0;
−
}
 
−
 
−
/*styles for Page:Home*/
 
−
#backgroundSVG
 
−
{
 
−
    width:100%;   
 
−
}
 
−
 
−
#backgroundSVG > polygon
 
−
{
 
−
    stroke-width:20;
 
−
    stroke-linecap:round;
 
−
    stroke-linejoin:round;
 
−
}
 
−
 
−
#ustcsoftware
 
−
{
 
−
    background:none;
 
−
    position:absolute;
 
−
    left:1%;
 
−
    top:1%;
 
−
    width:15%;
 
−
    height:3%;
 
−
}
 
−
 
−
 
−
#igem_logo
 
−
{
 
−
    position: absolute;
 
−
    left: 90%;
 
−
    top: 1%;
 
−
    width: 8%;
 
−
    height: 2%;
 
−
}
 
−
 
−
#goto
 
−
{
 
−
    background:none;
 
−
    cursor:pointer;
 
−
    position:absolute;
 
−
    left:25%;
 
−
    top:3%;
 
−
    width:180px;
 
−
}
 
−
 
−
#goto:hover
 
−
{
 
−
    border-style:none;
 
−
}
 
−
 
−
#goto > img
 
−
{
 
−
    width:100%;
 
−
    display:block;
 
−
}
 
−
 
−
#goto > p
 
−
{
 
−
    font-family:'Lucida Handwriting',sans-serif;
 
−
    font-size:4vw;
 
−
    color:white;
 
−
    display:block;
 
−
    margin-top:0;
 
−
    margin-left:3%;
 
−
}
 
−
 
−
#globe
 
−
{
 
−
    position:absolute;
 
−
    left:35%;
 
−
    top:78%;
 
−
    width:41.81%;
 
−
    height:13.24%;
 
−
}
 
−
 
−
#biobless
 
−
{
 
−
    font-size:8vw;
 
−
    left:43%;
 
−
    top:5%;
 
−
    position:absolute;
 
−
    border-spacing:0;
 
−
}
 
−
 
−
#biobless > div
 
−
{
 
−
    float:left;
 
−
}
 
−
 
−
#bio
 
−
{
 
−
    font-family:'Helvetica',sans-serif;
 
−
    color:white;
 
−
}
 
−
 
−
.bless
 
−
{
 
−
    font-family:'Helvetica Neue LT Pro',sans-serif;
 
−
}
 
−
 
−
#bless_1
 
−
{
 
−
    color:rgb(116,187,76);
 
−
}
 
−
 
−
#bless_2
 
−
{
 
−
    color:rgb(240,206,86);
 
−
}
 
−
 
−
#bless_3
 
−
{
 
−
    color:rgb(248,171,84);
 
−
}
 
−
 
−
#bless_4
 
−
{
 
−
    color:rgb(233,54,55);
 
−
}
 
−
 
−
#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;
 
−
}
 
−
 
−
#feature_1
 
−
{
 
−
    width:45%;
 
−
    left:5%;
 
−
    top:16%;
 
−
}
 
−
 
−
#feature_2
 
−
{
 
−
    width:40%;
 
−
    right:5%;
 
−
    top:31%;
 
−
}
 
−
 
−
#feature_3
 
−
{
 
−
    width:50%;
 
−
    left:3%;
 
−
    top:42%;
 
−
}
 
−
 
−
#feature_4
 
−
{
 
−
    width:40%;
 
−
    right:5%;
 
−
    top:53%
 
−
}
 
−
 
−
#feature_5
 
−
{
 
−
    width:45%;
 
−
    left:5%;
 
−
    top:67.5%;
 
−
}
 
−
 
−
#ustc_address, #ustc, #copyright, #contact, #sponseror
 
−
{
 
−
    font-family:Roboto, sans-serif;
 
−
    position:absolute;
 
−
}
 
−
 
−
#ustc_address
 
−
{
 
−
    font-size:1.5vw;
 
−
    left:7.00%;
 
−
    top:92.00%;
 
−
}
 
−
 
−
#ustc
 
−
{
 
−
    font-size:2vw;
 
−
    left:1.00%;
 
−
    top:96.00%;
 
−
}
 
−
 
−
#copyright
 
−
{
 
−
    font-size:1vw;
 
−
    left:1.00%;
 
−
    top:97.00%;
 
−
}
 
−
 
−
#contact
 
−
{
 
−
    font-size:1.5vw;
 
−
    left:84.50%;
 
−
    top:91.50%;
 
−
}
 
−
 
−
img.contact
 
−
{
 
−
    float:left;
 
−
    width:50px;
 
−
}
 
−
 
−
#sponseror
 
−
{
 
−
    font-size:2vw;
 
−
    left:84.5%;
 
−
    top:94%;
 
−
}
 
−
 
−
#dbsc_white
 
−
{
 
−
    width:80%;
 
 
}
 
}
  

Revision as of 17:22, 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;
   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;

}