Difference between revisions of "Template:Wageningen UR/css"

Line 618: Line 618:
 
overflow: hidden;
 
overflow: hidden;
 
}
 
}
−
+
 
/*menu bar*/
 
/*menu bar*/
 
#ca-menu{
 
#ca-menu{
Line 640: Line 640:
 
#ca-menu li{
 
#ca-menu li{
 
     width: 142px;
 
     width: 142px;
−
     height: 50px;
+
     height: 70px;
 
     position: relative;
 
     position: relative;
 
     float:left;
 
     float:left;
−
     background:#97A355;
+
     background:#e8ce94;
 
 
 
     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
 
     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
Line 669: Line 669:
 
     position: absolute;
 
     position: absolute;
 
   width:150px;
 
   width:150px;
−
     height: 50px;
+
     height: 70px;
 
     left: 10px;
 
     left: 10px;
 
     top: 0;
 
     top: 0;
 
     text-align: left;
 
     text-align: left;
 
overflow:hidden;
 
overflow:hidden;
−
background:url(https://static.igem.org/mediawiki/2014/a/ad/Wageningen_UR_cog1.png);
+
background:url(https://static.igem.org/mediawiki/2016/5/56/T--Wageningen_UR--overviewbutton.jpg);
−
background-size:35px;
+
background-size:100px;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:left center;
 
background-position:left center;
Line 686: Line 686:
  
 
#ca-icon2{     
 
#ca-icon2{     
−
background:url(https://static.igem.org/mediawiki/2014/1/13/Wageningen_UR_overview_icon1.png);
+
background:url(https://static.igem.org/mediawiki/2016/b/b7/T--Wageningen_UR--projectbutton.jpg);
−
background-size:35px;
+
background-size:100px;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:left center;
 
background-position:left center;
Line 693: Line 693:
  
 
#ca-icon3{     
 
#ca-icon3{     
−
background:url(https://static.igem.org/mediawiki/2014/e/e9/Wageningen_UR_outreach_icon1.png);
+
background:url(https://static.igem.org/mediawiki/2016/b/bf/T--Wageningen_UR--outreachbutton.jpg);
−
background-size:35px;
+
background-size:100px;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:left center;
 
background-position:left center;
Line 700: Line 700:
  
 
#ca-icon4{     
 
#ca-icon4{     
−
background:url(https://static.igem.org/mediawiki/2014/9/97/Wageningen_UR_team_icon1.png);
+
background:url(https://static.igem.org/mediawiki/2016/2/2c/T--Wageningen_UR--teambutton.jpg);
−
background-size:35px;
+
background-size:100px;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:left center;
 
background-position:left center;
Line 707: Line 707:
  
 
#ca-icon5{     
 
#ca-icon5{     
−
background:url(https://static.igem.org/mediawiki/2014/8/85/Wageningen_UR_safety_icon1.png);
+
background:url(https://static.igem.org/mediawiki/2016/a/ae/T--Wageningen_UR--safetybutton.jpg);
−
background-size:35px;
+
background-size:100px;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:left center;
 
background-position:left center;
Line 714: Line 714:
  
 
#ca-icon6{  
 
#ca-icon6{  
−
background:url(https://static.igem.org/mediawiki/2014/d/d0/Wageningen_UR_notebook_icon1.png);
+
background:url(https://static.igem.org/mediawiki/2016/6/61/T--Wageningen_UR--journalbutton.jpg);
−
background-size:35px;
+
background-size:100px;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:left center;
 
background-position:left center;
Line 737: Line 737:
  
 
#ca-menu ul li:hover{
 
#ca-menu ul li:hover{
−
     background-color: #473D21;
+
     background-color: #6d5d31;
 
     z-index:999;
 
     z-index:999;
 
     -webkit-transform: scale(1.1);   
 
     -webkit-transform: scale(1.1);   
Line 758: Line 758:
 
color: #FFF372;
 
color: #FFF372;
 
     font-size:90px;*/
 
     font-size:90px;*/
−
background:url(https://static.igem.org/mediawiki/2014/6/66/Wageningen_UR_cog2.png);
+
background:url(https://static.igem.org/mediawiki/2016/3/30/T--Wageningen_UR--overviewbutton2.jpg);
−
background-size:100px;
+
background-size:130px;
 
opacity:0.3;
 
opacity:0.3;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 767: Line 767:
  
 
#ca-menu ul li:hover #ca-icon2{
 
#ca-menu ul li:hover #ca-icon2{
−
   background:url(https://static.igem.org/mediawiki/2014/4/46/Wageningen_UR_overview_icon2.png);
+
   background:url(https://static.igem.org/mediawiki/2016/0/00/T--Wageningen_UR--projectbutton2.jpg);
−
background-size:100px;
+
background-size:130px;
 
opacity:0.3;
 
opacity:0.3;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 775: Line 775:
  
 
#ca-menu ul li:hover #ca-icon3{
 
#ca-menu ul li:hover #ca-icon3{
−
   background:url(https://static.igem.org/mediawiki/2014/7/78/Wageningen_UR_outreach_icon2.png);
+
   background:url(https://static.igem.org/mediawiki/2016/5/5b/T--Wageningen_UR--outreachbutton2.jpg);
−
background-size:100px;
+
background-size:130px;
 
opacity:0.3;
 
opacity:0.3;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 782: Line 782:
 
}
 
}
 
#ca-menu ul li:hover #ca-icon4{
 
#ca-menu ul li:hover #ca-icon4{
−
   background:url(https://static.igem.org/mediawiki/2014/5/50/Wageningen_UR_team_icon2.png);
+
   background:url(https://static.igem.org/mediawiki/2016/3/33/T--Wageningen_UR--teambutton2.jpg);
−
background-size:100px;
+
background-size:130px;
 
opacity:0.3;
 
opacity:0.3;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 789: Line 789:
 
}
 
}
 
#ca-menu ul li:hover #ca-icon5{
 
#ca-menu ul li:hover #ca-icon5{
−
   background:url(https://static.igem.org/mediawiki/2014/a/a0/Wageningen_UR_safety_icon2.png);
+
   background:url(https://static.igem.org/mediawiki/2016/a/a0/T--Wageningen_UR--safetybutton2.jpg);
−
background-size:100px;
+
background-size:130px;
 
opacity:0.3;
 
opacity:0.3;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 796: Line 796:
 
}
 
}
 
#ca-menu ul li:hover #ca-icon6{
 
#ca-menu ul li:hover #ca-icon6{
−
   background:url(https://static.igem.org/mediawiki/2014/5/51/Wageningen_UR_notebook_icon2.png);
+
   background:url(https://static.igem.org/mediawiki/2016/c/c5/T--Wageningen_UR--journalbutton2.jpg);
−
background-size:100px;
+
background-size:130px;
 
opacity:0.3;
 
opacity:0.3;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 804: Line 804:
  
 
#ca-menu ul li:hover .ca-content{
 
#ca-menu ul li:hover .ca-content{
−
     color: rgb(255,235,4);
+
     color: rgb(255,109,5);
 
-webkit-animation: smallToBig 300ms ease;
 
-webkit-animation: smallToBig 300ms ease;
 
     -moz-animation: smallToBig 300ms ease;
 
     -moz-animation: smallToBig 300ms ease;
Line 898: Line 898:
 
font-size:12px;
 
font-size:12px;
 
font-weight: bold;
 
font-weight: bold;
−
background-color:#b6be88;
+
background-color:#e8ce94;
 
text-decoration:none;
 
text-decoration:none;
 
box-shadow:none;
 
box-shadow:none;
−
border:1px solid #b6be88;
+
border:1px solid #e8ce94;
 
visibility:visible;
 
visibility:visible;
 
height:36px;
 
height:36px;
Line 938: Line 938:
 
  */
 
  */
 
#ca-menu li:hover li a{
 
#ca-menu li:hover li a{
−
color:#473D21;
+
color:#6d5d31;
 
visibility:visible;
 
visibility:visible;
 
width:138px;
 
width:138px;
Line 1,022: Line 1,022:
 
font-size:12px;
 
font-size:12px;
 
font-weight: bold;
 
font-weight: bold;
−
background-color:#E0E4CC;
+
background-color:#e8ce94;
 
text-decoration:none;
 
text-decoration:none;
 
box-shadow:none;
 
box-shadow:none;
−
border:1px solid #E0E4CC;;
+
border:1px solid #e8ce94;;
 
height:0;
 
height:0;
 
-webkit-transition: all .4s ease-out;
 
-webkit-transition: all .4s ease-out;
Line 1,153: Line 1,153:
 
     }
 
     }
 
}
 
}
−
 
 
/*======================== Slideshow =========================*/
 
/*======================== Slideshow =========================*/
 
.sp-slideshow {
 
.sp-slideshow {

Revision as of 14:12, 22 September 2016

This is a style page