Template:CSS/style

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<style rel='stylesheet' type='text/css'>
<style rel='stylesheet' type='text/css'>
* {
* {
 +
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
html,body,#wrapper,#scroller{
 +
width:100%;
 +
height:100%;
 +
background: #fff;
 +
font-family: 'Roboto Condensed', sans-serif;
 +
font-weight: 300;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
font-family: 'Roboto Condensed', sans-serif;
 +
}
 +
p {
 +
font-weight: 300;
 +
}
 +
img {
 +
width: 100%;
 +
}
 +
.top-bar .name h1 a:hover{
 +
text-decoration: none;
 +
}
 +
 +
#main-nav {
 +
padding: 0;
 +
background: #222;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
z-index: 1000;
 +
}
 +
.media>.left {
 +
margin-right: 10px;
 +
}
 +
.media:first-child {
 +
margin-top: 0;
 +
}
 +
.media, .media-body {
 +
overflow: hidden;
 +
zoom: 1;
 +
}
 +
.top-bar {
 +
height: 67px;
 +
line-height: 67px;
 +
padding-left:-100px;
 +
background: #222;
 +
}
 +
 +
.dropdown  {
 +
display: none;
 +
}
 +
 +
.dropdown li:hover > ul {
 +
display: block;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
@-moz-document url-prefix() {
 +
.top-bar {
 +
z-index: 3000;
 +
overflow: auto;}}
 +
.top-bar .toggle-topbar.menu-icon a:hover {
 +
text-decoration: none;
 +
}
 +
.top-bar .name {
 +
height: 67px;
 +
 +
}
 +
.top-bar .name h1{
 +
    padding: 0 15px;
 +
}
 +
.top-bar .name h1 a{
 +
        display: inline-block;
 +
        padding: 0;
 +
        width: auto;
 +
}
 +
.top-bar-section ul {
 +
background: #333;
 +
}
 +
.top-bar-section ul#social-nav li>a.icon-link {
 +
font-size: 21px;
 +
}
 +
.top-bar span.logo {
 +
width: 320px;
 +
display: inline-block;
 +
margin-top:-80px;
 +
margin-left:-32px;
 +
 +
 +
}
 +
.top-bar span.fb {
 +
width: 48px;
 +
display: inline-block;
 +
margin-top: 8px;
 +
margin-left:60px;
 +
}
 +
 +
.top-bar span.tweet {
 +
width: 48px;
 +
display: inline-block;
 +
margin-top:-48px;
 +
margin-left:120px;
 +
 +
}
 +
.top-bar span.flickr {
 +
width: 44px;
 +
display: inline-block;
 +
margin-top:-46px;
 +
margin-left:180px;
 +
 +
}
 +
 +
.top-bar-section ul li>a {
 +
font-family: 'Roboto Condensed', sans-serif;
 +
font-size: 16px;
 +
}
 +
.top-bar-section ul li a:hover,.top-bar-section ul li a:focus,.top-bar-section ul li a:active{
 +
        text-decoration: none;
 +
    }
 +
 +
p.lead {
 +
 +
}
 +
.reveal-modal .close-reveal-modal {
 +
font-size: 29px;
 +
line-height: 1;
 +
position: absolute;
 +
top: 0px;
 +
right: 0px;
 +
color: #fff;
 +
font-weight: bold;
 +
cursor: pointer;
 +
background: #de3831;
 +
width: 30px;
 +
height: 30px;
 +
text-align: center;
 +
border-radius: 100px;
 +
}
 +
.reveal-modal .close-reveal-modal:hover {
 +
text-decoration: none;
 +
}
 +
section {
 +
 +
}
 +
.section-header {
 +
margin: 30px 0;
 +
font-weight: 300;
 +
}
 +
.overlay {
 +
background: rgba(0,0,0,.3);
 +
width: 100%;
 +
height: 100%;
 +
}
 +
@-moz-document url-prefix() {
 +
.overlay{
 +
position:absolute;}
 +
}
 +
 +
.footer .second-row .logo {
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
.top-bar-section li:not(.has-form) a:not(.button) {
 +
padding: 0 15px;
 +
line-height: 67px;
 +
background: transparent;
 +
}
 +
.top-bar-section li.active:not(.has-form) a:not(.button) {
 +
padding: 0 15px;
 +
color: #fff;
 +
background: #272727;
 +
border-bottom: 4px solid #ffffff
 +
z-index: 4;
 +
line-height: 67px;
 +
}
 +
.top-bar-section ul#social-nav li a.hashtag {
 +
padding: 0 15px;
 +
}
 +
.top-bar-section ul {
 +
background: transparent;
 +
}
 +
.top-bar-section ul#social-nav li a {
 +
padding: 0 15px;
 +
}
 +
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
 +
background: transparent;
 +
}
 +
.top-bar-section ul li:hover:not(.has-form)>a {
 +
text-decoration: none;
 +
border-bottom: 4px solid #ffffff;
 +
border-top: 4px solid #ffffff;
 +
line-height: 59px;
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/* {
margin: 0;
margin: 0;
Line 76: Line 377:
}
}
.top-bar .name {
.top-bar .name {
-
height: 100px;
+
height: 67px;
}
}
Line 104: Line 405:
width: 48px;
width: 48px;
display: inline-block;
display: inline-block;
-
margin-top: 0px;
+
margin-top: 20px;
margin-left:20px;
margin-left:20px;
}
}
Line 125: Line 426:
.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 205: Line 506:
line-height: 67px;
line-height: 67px;
-
}
+
}*/
</style>
</style>
</html>
</html>

Revision as of 14:14, 28 May 2014

Retrieved from "http://2014.igem.org/Template:CSS/style"