Template:CSS/style

From 2014.igem.org

(Difference between revisions)
 
(68 intermediate revisions not shown)
Line 47: Line 47:
}
}
.top-bar {
.top-bar {
-
+
height: 68px;
 +
line-height: 68px;
padding-left:-100px;
padding-left:-100px;
background: #222;
background: #222;
Line 76: Line 77:
}
}
.top-bar .name {
.top-bar .name {
-
height: 100px;
+
height: 68px;
}
}
Line 91: Line 92:
}
}
.top-bar-section ul#social-nav li>a.icon-link {
.top-bar-section ul#social-nav li>a.icon-link {
-
font-size: 21px;
+
font-size: 32px;
}
}
.top-bar span.logo {
.top-bar span.logo {
width: 320px;
width: 320px;
display: inline-block;
display: inline-block;
 +
        background:transparent;
margin-top:-80px;
margin-top:-80px;
-
margin-left:-32px;
+
margin-left:-40px;
-
}
 
-
.top-bar span.fb {
 
-
width: 48px;
 
-
display: inline-block;
 
-
margin-top: 0px;
 
-
margin-left:20px;
 
}
}
-
.top-bar span.tweet {
 
-
width: 48px;
 
-
display: inline-block;
 
-
margin-top:0px;
 
-
margin-left:80px;
 
-
 
-
}
 
-
.top-bar span.flickr {
 
-
width: 44px;
 
-
display: inline-block;
 
-
margin-top:0px;
 
-
margin-left:140px;
 
-
 
-
}
 
.top-bar-section ul li>a {
.top-bar-section ul li>a {
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
-
font-size: 16px;
+
font-size: 24px;
}
}
.top-bar-section ul li a:hover,.top-bar-section ul li a:focus,.top-bar-section ul li a:active{
.top-bar-section ul li a:hover,.top-bar-section ul li a:focus,.top-bar-section ul li a:active{
Line 156: Line 138:
}
}
.section-header {
.section-header {
-
margin: 30px 0;
+
margin: 0px 0;
font-weight: 300;
font-weight: 300;
}
}
Line 176: Line 158:
.top-bar-section li:not(.has-form) a:not(.button) {
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 15px;
padding: 0 15px;
-
line-height: 67px;
+
line-height: 60px;
background: transparent;
background: transparent;
}
}
Line 192: Line 174:
.top-bar-section ul {
.top-bar-section ul {
background: transparent;
background: transparent;
 +
                margin-left:-50px;
}
}
.top-bar-section ul#social-nav li a {
.top-bar-section ul#social-nav li a {
Line 203: Line 186:
border-bottom: 4px solid #ffffff;
border-bottom: 4px solid #ffffff;
border-top: 4px solid #ffffff;
border-top: 4px solid #ffffff;
-
line-height: 67px;
+
-webkit-border-radius: 8px;
-
+
        -moz-border-radius: 8px;
 +
        border-radius: 8px;
 +
line-height: 60px;
}
}
 +
 +
 +
 +
 +
.rotate{
 +
    -webkit-transition-duration: 0.8s;
 +
    -moz-transition-duration: 0.8s;
 +
    -o-transition-duration: 0.8s;
 +
    transition-duration: 0.8s;
 +
   
 +
    -webkit-transition-property: -webkit-transform;
 +
    -moz-transition-property: -moz-transform;
 +
    -o-transition-property: -o-transform;
 +
    transition-property: transform;
 +
   
 +
    overflow:hidden;
 +
 +
    } 
 +
 +
.rotate:hover 
 +
{
 +
    -webkit-transform:rotate(720deg);
 +
    -moz-transform:rotate(720deg);
 +
    -o-transform:rotate(720deg);
 +
 +
 +
 +
 +
 +
.top-bar-section ul li {
 +
    display: inline;
 +
}
 +
.top-bar-section ul ul {
 +
    display: none; 
 +
}
 +
.top-bar-section ul li:hover ul{
 +
        display: block;
 +
width:auto;
 +
        position: absolute;
 +
background:#222;
 +
float:left;
 +
        margin-top:0px;
 +
border-left: 4px solid #ffffff;
 +
border-right: 4px solid #ffffff;
 +
border-bottom: 4px solid #ffffff;
 +
-webkit-border-radius: 8px;
 +
        -moz-border-radius: 8px;
 +
        border-radius: 8px;
 +
 +
}
 +
.top-bar-section ul ul li {
 +
    display: block;
 +
}
 +
 +
.igem-logo{
 +
        width: 180px;
 +
display: inline-block;
 +
        background:transparent;
 +
margin-top:-70px;
 +
margin-left:1100px;
 +
 +
}
 +
 +
.mahindra{
 +
        width: 200px;
 +
        position:fixed;
 +
        float:left;
 +
        z-index:1000000000;
 +
display: inline-block;
 +
        background:transparent;
 +
margin-top:10px;
 +
margin-left:0px;
 +
 +
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 18:21, 26 June 2014