Team:TU-Delft/Templates/Style

From 2013.igem.org

(Difference between revisions)
Line 8: Line 8:
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;}
     display:none;}
-
 
+
#top-section {
-
 
+
    border: none;
 +
    height: 0px;}
#content {
#content {
     border: none;}
     border: none;}
-
 
#top-section{
#top-section{
-
height: 20px !important;
+
  height: 20px !important;
-
border: none !important;
+
  border: none !important;
-
border-top: none;
+
  border-top: none;
}
}
-
 
#menubar {
#menubar {
-
 
+
    font-size: 65%;
-
display: table-cell;
+
    top: -14px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: transparent;}
 +
#menubar li a {
 +
    color: grey;}
 +
#menubar:hover li a {
 +
    color: grey;}
-
}
 
-
 
-
#menubar.left-menu {
 
-
       
 
-
width: 100%;
 
-
}
 
-
 
-
#menubar.right-menu {
 
-
text-align: right;
 
-
}
 
-
 
-
#menubar * {
 
-
color: transparent !important;
 
-
background: transparent !important;
 
-
}
 
-
 
-
#top-section:hover #menubar * {
 
-
color: grey !important;
 
-
}
 
-
 
-
#top-section:hover #menubar.left-menu {
 
-
background: rgba(255, 255, 255, 0.75) !important;
 
-
}
 
html {
html {
        
        
Line 182: Line 168:
box-shadow: 0 1px 1px #777;
box-shadow: 0 1px 1px #777;
margin-top: 0px;
margin-top: 0px;
-
/*margin-right:20px;*/
+
margin-right:20px;
}
}
#menu:before,
#menu:before,
Line 199: Line 185:
#menu li {
#menu li {
float: left;
float: left;
-
/*border-right: 1px solid #222;*/
+
border-right: 1px solid #222;
-
/*box-shadow: 1px 0 0 #444;*/
+
box-shadow: 1px 0 0 #444;
-
 
+
position: relative;
-
 
+
-
position: relative;
+
-
 
+
    
    
}
}
Line 212: Line 195:
padding-top:10px;
padding-top:10px;
padding-bottom:10px;
padding-bottom:10px;
-
padding-left:40px;
+
padding-right:15px;
-
 
+
padding-left:13px;
-
 
+
width:100%;
-
 
+
float: left;
-
 
+
-
 
+
-
float: left;
+
width: 100%;
width: 100%;
-
 
color: #999;
color: #999;
text-transform: uppercase;
text-transform: uppercase;
-
font: bold 11px Arial, Helvetica;
+
font: bold 12px Arial, Helvetica;
text-decoration: none;
text-decoration: none;
text-shadow: 0 1px 0 #000;
text-shadow: 0 1px 0 #000;
Line 229: Line 208:
#menu li:hover > a {
#menu li:hover > a {
-
background-color: #0186ba;
+
background-color: #0186ba;
-
        background-image: linear-gradient(#04acec, #0186ba);
+
color: #fafafa;
color: #fafafa;
-
 
+
width: 50%;
-
 
+
*html #menu li a:hover { /* IE6 only */
*html #menu li a:hover { /* IE6 only */
-
 
color: #fafafa;
color: #fafafa;
-
 
}
}
</style>
</style>
Line 301: Line 276:
          
          
background-image: linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
-
 
}
}
Line 326: Line 300:
margin-bottom: 10px;
margin-bottom: 10px;
         margin-left:40px;
         margin-left:40px;
-
    /*    margin-right:40px;*/
+
        margin-right:40px;
         margin: 0 auto;   
         margin: 0 auto;   
-moz-border-radius: 10px;
-moz-border-radius: 10px;

Revision as of 08:51, 1 October 2013