Team:Manchester/css/coming-soon.css

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
.top-bit{
.top-bit{
width: 100%;
width: 100%;
-
line-height: 0px;
+
line-height: 35px;
-
padding: 1px;
+
padding-bottom: 0px;
padding-right: 90px;
padding-right: 90px;
padding-left: 90px;
padding-left: 90px;
Line 24: Line 24:
/*text-transform: uppercase;*/
/*text-transform: uppercase;*/
/*padding: 100px;*/
/*padding: 100px;*/
-
/*display: block;*/
+
display: inline-block;
}
}
.top-bit h3{
.top-bit h3{
Line 42: Line 42:
margin-right: 50px;
margin-right: 50px;
}
}
-
 
+
.top-bit a:hover{
 +
border-bottom: 2px solid;
 +
}
.overall-bit{
.overall-bit{
width: 100%;
width: 100%;
-
line-height: 0px;
+
line-height: 90px;
-
padding: 1px;
+
padding: 10px;
color: #000000;
color: #000000;
text-align: center;
text-align: center;
position: relative;
position: relative;
/*display: block;*/
/*display: block;*/
-
}
 
-
.bottom-bit{
 
-
float: right;
 
-
margin-right: 13%;
 
-
width: 20%;
 
-
text-transform: uppercase;
 
-
box-shadow: 4px 6px 7px rgba(0,0,0,0.5);
 
-
/*padding: 10px;*/
 
-
/*background-color: #330066;*/
 
-
color: white;
 
-
text-align: center;
 
-
z-index: 100;
 
-
 
}
}

Revision as of 20:00, 15 August 2014

body { font-family: 'Roboto', serif; } h1.main,p.demos { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; animation-delay: 5s; } .top-bit{ width: 100%; line-height: 35px; padding-bottom: 0px; padding-right: 90px; padding-left: 90px; text-align: center; position: relative; display: block; }

.top-bit h1{ float: left; color: #3D007A; /*text-transform: uppercase;*/ /*padding: 100px;*/ display: inline-block; } .top-bit h3{ float: left; color: #FF9900; /*text-transform: uppercase;*/ /*padding: 100px;*/ /*display: block;*/ } .top-bit a{ float: right; /*font-size: 2em;*/ /*padding: 0px 40px;*/ /*display: block;*/ color: #000000; /*border-bottom: 2px solid;*/ margin-right: 50px; } .top-bit a:hover{ border-bottom: 2px solid; } .overall-bit{ width: 100%; line-height: 90px; padding: 10px; color: #000000; text-align: center; position: relative; /*display: block;*/ }