Difference between revisions of "Template:Exeter"

Line 306: Line 306:
  
 
.level_3 p {
 
.level_3 p {
display: table-cell;  
+
  display: table-cell;  
 
   vertical-align: middle;  
 
   vertical-align: middle;  
 
   text-align: center;  
 
   text-align: center;  
 
}
 
}
  
#topmenu {
+
#level_3-menu {
 
     display: block;
 
     display: block;
 
     position: relative;
 
     position: relative;
Line 323: Line 323:
 
}
 
}
  
#topmenu .selflink {font-weight: normal !important; color: #0d9c64; cursor: default; padding: 0 12px 0 8px;}
+
.menucenter{
#topmenu .menucenter li:hover .selflink {padding: 0 11px 0 9px}
+
    position: relative;
 
+
    line-height: 20px;
#topmenu .menucenter{position: relative; display: block; line-height: 20px;}
+
 
+
#topmenu .menuleft {position: absolute; line-height: 76px; z-index: 3;}
+
#topmenu .menuleft a img {position: relative; height: 60px; top: 10px;}
+
 
+
#topmenu .menucenter {
+
 
     display:block;
 
     display:block;
 
     margin: 0 auto;
 
     margin: 0 auto;
Line 337: Line 331:
 
     text-align: center;
 
     text-align: center;
 
     font-size: 0;}
 
     font-size: 0;}
    #topmenu .menucenter .level_3 {
+
.level_3 {
 
         display:inline-block;
 
         display:inline-block;
 
         margin: 0;
 
         margin: 0;
 
         background: url('') no-repeat right top;
 
         background: url('') no-repeat right top;
 
         font-size: 16px;}
 
         font-size: 16px;}
    #topmenu .menucenter .level_3:first-child {
+
.level_3:first-child {
 
         background: url('') no-repeat left top, url('') no-repeat right top;}
 
         background: url('') no-repeat left top, url('') no-repeat right top;}
    #topmenu .menucenter .level_3:hover {
+
.level_3:hover {
 
         background: url('') repeat-x top left;  
 
         background: url('') repeat-x top left;  
 
         border-left:1px solid #ccc;
 
         border-left:1px solid #ccc;
 
         border-right:1px solid #ccc;
 
         border-right:1px solid #ccc;
 
         margin: 0 0 0 -2px;}
 
         margin: 0 0 0 -2px;}
        #topmenu .menucenter .level_3 a {display:block; height: 79px; padding: 0 12px 0 8px;}
+
.level_3 a {display:block; height: 79px; padding: 0 12px 0 8px;}
        #topmenu .menucenter .level_3:hover a {padding: 0 11px 0 9px}
+
.level_3:hover a {padding: 0 11px 0 9px}
 
+
#topmenu .menuright {position: absolute; display: block; width: 109px; height: 80px; right: 5.46878%; top: 0; z-index: 3;}
+
   
+
#topmenu .menuright a{display: inline-block; position: relative;}
+
 
+
    #topmenu .menuright a.twitter {
+
        display:block;
+
        float: left;
+
        width: 36px;
+
        height: 30px;
+
        margin-top: 25px;
+
        padding: 0;
+
        background: url('https://static.igem.org/mediawiki/2013/d/de/Twitterbtn.png') left top no-repeat;
+
    }
+
    #topmenu .menuright a.facebook {
+
        display:block;
+
        float: left;
+
        width: 36px;
+
        height: 34px;
+
        margin-top: 23px;
+
        padding: 0;
+
        background: url('https://static.igem.org/mediawiki/2013/7/7c/Facebookbtn.png') left top no-repeat;
+
    }
+
    #topmenu .menuright a.mail {
+
        display:block;
+
        float: left;
+
        width: 37px;
+
        height: 29px;
+
        margin-top: 26px;
+
        padding: 0;
+
        background: url('https://static.igem.org/mediawiki/2013/9/94/Mailbtn.png') left top no-repeat;
+
    }
+
    #topmenu .menuright a:hover {
+
        background-position: right top;
+
    }
+
 
+
  
#topmenu ul, topmenu .level_3 {
+
#level_3-menu ul, .level_3 {
 
     -webkit-margin-before: 0;
 
     -webkit-margin-before: 0;
 
     -webkit-margin-after: 0;
 
     -webkit-margin-after: 0;

Revision as of 13:56, 28 August 2015