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

(Created page with " #feature_1 { width:45%; left:5%; top:16%; } #feature_2 { width:40%; right:5%; top:31%; } #feature_3 { width:50%; left:3%; top:42%; } #f...")
 
 
(12 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
#bodyContent > #mw-content-text > ul
 +
{
 +
    background: rgba(255, 255, 255, 0.3);
 +
}
  
 
#feature_1
 
#feature_1
Line 43: Line 47:
 
{
 
{
 
     font-size:1.5vw;
 
     font-size:1.5vw;
−
     left:7.00%;
+
     left:3%;
−
     top:92.00%;
+
     bottom:5%;
 +
    margin:0;
 +
    padding:0;
 
}
 
}
  
Line 50: Line 56:
 
{
 
{
 
     font-size:2vw;
 
     font-size:2vw;
−
     left:1.00%;
+
     right:1%;
−
     top:96.00%;
+
     bottom:1%;
 +
    margin:0;
 +
    padding:0;
 
}
 
}
  
Line 57: Line 65:
 
{
 
{
 
     font-size:1vw;
 
     font-size:1vw;
−
     left:1.00%;
+
     right:1%;
−
     top:97.00%;
+
     bottom:0.5%;
 +
    margin:0;
 +
    padding:0;
 
}
 
}
  
Line 64: Line 74:
 
{
 
{
 
     font-size:1.5vw;
 
     font-size:1.5vw;
−
     left:84.50%;
+
     left:5%;
−
     top:91.50%;
+
     bottom:2%;
 +
    margin:0;
 +
    padding:0;
 
}
 
}
  
Line 71: Line 83:
 
{
 
{
 
     float:left;
 
     float:left;
−
    width:50px;
 
 
}
 
}
  
Line 77: Line 88:
 
{
 
{
 
     font-size:2vw;
 
     font-size:2vw;
−
     left:84.5%;
+
     right:3%;
−
     top:94%;
+
     bottom:5%;
 +
    margin:0;
 +
    padding:0;
 
}
 
}
  
 
#dbsc_white
 
#dbsc_white
 
{
 
{
−
     width:80%;
+
     width:175px;
 
}
 
}
  
Line 193: Line 206:
 
}
 
}
  
 +
#igem_logo
 +
{
 +
    position: absolute;
 +
    left: 90%;
 +
    top: 2.2%;
 +
    width: 8%;
 +
    height: 2%;
 +
}
  
 
/*styles for Page:Home*/
 
/*styles for Page:Home*/
Line 212: Line 233:
 
     position:absolute;
 
     position:absolute;
 
     left:1%;
 
     left:1%;
−
     top:1%;
+
     top:2%;
 
     width:15%;
 
     width:15%;
 
     height:3%;
 
     height:3%;
 
}
 
}

Latest revision as of 22:34, 18 September 2015

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

{ 

   background: rgba(255, 255, 255, 0.3);

}

  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:3%;
   bottom:5%;
   margin:0;
   padding:0;

}

  1. ustc

{ 

   font-size:2vw;
   right:1%;
   bottom:1%;
   margin:0;
   padding:0;

}

  1. copyright

{ 

   font-size:1vw;
   right:1%;
   bottom:0.5%;
   margin:0;
   padding:0;

}

  1. contact

{ 

   font-size:1.5vw;
   left:5%;
   bottom:2%;
   margin:0;
   padding:0;

}

img.contact { 

   float:left;

}

  1. sponseror

{ 

   font-size:2vw;
   right:3%;
   bottom:5%;
   margin:0;
   padding:0;

}

  1. dbsc_white

{ 

   width:175px;

}

  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. 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. igem_logo

{ 

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

}

/*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:2%;
   width:15%;
   height:3%;

}