Difference between revisions of "Template:USTC-Software/style"
Line 46: | Line 46: | ||
{ | { | ||
font-size:16px; | font-size:16px; | ||
+ | top: 16px; | ||
} | } | ||
Revision as of 14:49, 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;
}
- top_menu_14
{
padding-bottom:2px; background-color:#333333; position: fixed; width: 100%;
}
- mw-content-text
{
margin:0 auto; background-color:#ffffff;
}
- main
{
padding:0;
}
- mw-content-text > ul
{
overflow:hidden; height:50px; position: fixed; width: 100%;
}
- mw-content-text > ul, #mw-content-text > ul ul
{
list-style:none; margin:0; padding:0;
}
- mw-content-text > ul
{
font-size:16px; top: 16px;
}
- mw-content-text > ul li
{
float:left;
}
- mw-content-text > ul li a, #mw-content-text > ul li span, #mw-content-text > ul li strong
{
display:block; padding:10px 15px; color:white; font-family:'Lucida Handwriting',sans-serif; text-decoration:none; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
}
- mw-content-text > ul li a:hover, #mw-content-text > ul li span:hover, #mw-content-text > ul li strong:hover
{
color:#22ff00;
}
- mw-content-text > ul li ul li
{
float:none;
}
- mw-content-text > ul li ul
{
display:none;
}
- mw-content-text > ul li:hover ul li
{
display:block; position: fixed;
}
- mw-content-text > ul
{
float:right;
}
- teamLogo
{
width:60px; height:60px; left:0; top:0;
}
/*styles for Page:Home*/
- backgroundSVG
{
width:100%;
}
- backgroundSVG > polygon
{
stroke-width:20; stroke-linecap:round; stroke-linejoin:round;
}
- ustcsoftware
{
background:none;
}
- igem_logo
{
position: absolute; left: 90%; top: 1%; width: 8%; height: 2%;
}
- goto
{
background:none; cursor:pointer; position:absolute; left:25%; top:3%;
}
- goto:hover
{
border-style:none;
}
- goto > img
{
width:20%; display:block;
}
- goto > p
{
font-family:'Lucida Handwriting',sans-serif; font-size:4vw; color:white; display:block; margin-top:0; margin-left:2%;
}
- 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:25%;
}
- sponseror
{
font-size:2vw; left:84.5%; top:94%;
}
- 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;
}