Difference between revisions of "Template:Edigem15 wikireset"

(Created page with "<html> <!-- Start of CSS--> <style type="text/css"> #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear { display: no...")
 
 
Line 28: Line 28:
 
height: 100%;
 
height: 100%;
 
border: 0px;
 
border: 0px;
−
background-color: transparent;
+
background-color: #391919;
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
Line 40: Line 40:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
background-color: transparent;
+
background-color: #391919;
 
padding: 0px;
 
padding: 0px;
 
font-size: 100%;
 
font-size: 100%;
Line 53: Line 53:
 
         margin: 0px;
 
         margin: 0px;
 
         padding: 0px;
 
         padding: 0px;
−
         background-color: #000;
+
         background-color: #391919;
 
         -webkit-background-size: cover;
 
         -webkit-background-size: cover;
 
         -moz-background-size: cover;
 
         -moz-background-size: cover;
Line 66: Line 66:
 
     font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
     font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
     color: #fff;
 
     color: #fff;
−
     background-color: #000;
+
     background-color: #391919;
 
}
 
}
  
Line 88: Line 88:
  
  
 +
}
 +
 +
p {
 +
    margin: 0 0 25px;
 +
    font-size: 18px;
 +
    line-height: 1.5;
 +
}
 +
 +
@media(min-width:768px) {
 +
    p {
 +
        margin: 0 0 35px;
 +
        font-size: 20px;
 +
        line-height: 1.6;
 +
    }
 +
}
 +
 +
 +
.intro {
 +
    display: table;
 +
    width: 100%;
 +
    height: 100%;
 +
    text-align: center;
 +
    color: #fff;
 +
    background-color: #391919;
 +
    background: url("https://static.igem.org/mediawiki/2015/6/62/Edigem15_practices_Story.png") no-repeat bottom center scroll;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
}
 +
 +
.intro .intro-body {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
    margin-left: auto;
 +
}
 +
 +
.intro .intro-body .brand-heading {
 +
    margin-top: 15%;
 +
    font-size: 40px;
 +
border-bottom: none;
 +
}
 +
 +
.intro .intro-body .intro-text {
 +
    display: block;
 +
    width: 100%;
 +
    font-size: 18px;
 +
}
 +
 +
@media(min-width:768px) {
 +
    .intro {
 +
        height: 100%;
 +
        padding: 0;
 +
        box-shadow: 0 -100px 100px #391919 inset;
 +
    }
 +
 +
    .intro .intro-body .brand-heading {
 +
        font-size: 100px;
 +
    }
 +
 +
    .intro .intro-body .intro-text {
 +
        font-size: 26px;
 +
    }
 +
}
 +
 +
 +
/*foreword*/
 +
 +
 +
header .intro-text {
 +
    padding-top: 50px;
 +
    padding-bottom: 50px;
 +
}
 +
 +
header .intro-text .intro-lead-in {
 +
    margin-bottom: 25px;
 +
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 22px;
 +
    line-height: 22px;
 +
text-color: #fff;
 +
 +
}
 +
 +
header .intro-text .intro-heading {
 +
    margin-bottom: 25px;
 +
    text-transform: uppercase;
 +
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 50px;
 +
    font-weight: 700;
 +
    line-height: 50px;
 +
}
 +
 +
@media(min-width:768px) {
 +
    header .intro-text {
 +
        padding-top: 50px;
 +
        padding-bottom: 100px;
 +
    }
 +
 +
    header .intro-text .intro-lead-in {
 +
        margin-bottom: 25px;
 +
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 40px;
 +
        line-height: 40px;
 +
    }
 +
 +
    header .intro-text .intro-heading {
 +
        margin-bottom: 50px;
 +
        text-transform: uppercase;
 +
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 75px;
 +
        font-weight: 700;
 +
        line-height: 75px;
 +
    }
 +
}
 +
 +
 +
section {
 +
    padding: 0;
 +
}
 +
 +
section h2.section-heading
 +
{
 +
    margin-top: 0;
 +
    margin-bottom: 15px;
 +
    font-size: 40px;
 +
    color: white;
 +
border-bottom: none;
 +
 +
 +
}
 +
 +
section h3.section-subheading {
 +
    margin-bottom: 75px;
 +
    text-transform: none;
 +
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 16px;
 +
    font-weight: 400;
 +
}
 +
 +
@media(min-width:768px) {
 +
    section {
 +
        padding: 10px 0;
 +
    }
 +
}
 +
 +
.service-heading {
 +
    margin: 15px 0;
 +
    text-transform: none;
 +
}
 +
 +
.arrowtext
 +
{
 +
    width: 100%;
 +
    display: block;
 +
}
 +
 +
.arrow
 +
{
 +
    height: 50px;
 +
    width: 100px;
 +
    opacity: 0.7;
 +
}
 +
 +
/*menu*/
 +
 +
#custom-bootstrap-menu.navbar-default .navbar-brand {
 +
    color: rgba(255, 255, 255, 1);
 +
}
 +
#custom-bootstrap-menu.navbar-default {
 +
    font-size: 18px;
 +
    background-color: rgba(34, 34, 34, 1);
 +
    border-bottom-width: 0px;
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
 +
    color: rgba(255, 255, 255, 1);
 +
    background-color: rgba(34, 34, 34, 1);
 +
    padding-left:5px;
 +
    padding-right:5px;
 +
    padding-top: 10px;
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
 +
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
 +
    color: rgba(255, 255, 255, 1);
 +
    background-color: rgba(87, 86, 86, 1);
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
 +
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
 +
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
 +
    color: rgba(255, 255, 255, 1);
 +
    background-color: rgba(87, 86, 86, 1);
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-toggle {
 +
    border-color: #575656;
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
 +
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
 +
    background-color: #575656;
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
 +
    background-color: #575656;
 +
}
 +
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
 +
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
 +
    background-color: #222222;
 +
}
 +
 +
/*end menu*/
 +
/*buttons*/
 +
 +
.btn {
 +
    padding: 14px 24px;
 +
    border: 0 none;
 +
    font-weight: 700;
 +
    letter-spacing: 1px;
 +
    text-transform: uppercase;
 +
}
 +
 +
.btn:focus, .btn:active:focus, .btn.active:focus {
 +
    outline: 0 none;
 +
}
 +
 +
.btn-primary {
 +
    background: #0099cc;
 +
    color: #ffffff;
 +
}
 +
 +
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
 +
    background: #33a6cc;
 +
}
 +
 +
.btn-primary:active, .btn-primary.active {
 +
    background: #007299;
 +
    box-shadow: none;
 +
}
 +
 +
.btn.outline {
 +
    background: none;
 +
    padding: 12px 22px;
 +
}
 +
 +
.btn-primary.outline {
 +
    border: 2px solid #391919;
 +
    color: #391919;
 +
}
 +
 +
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
 +
    color: #391919;
 +
    border-color: #391919;
 +
}
 +
.btn-primary.outline:active, .btn-primary.outline.active {
 +
    border-color: #391919;
 +
    color: #391919;
 +
    box-shadow: none;
 
}
 
}
  
 
</style>
 
</style>
−
<!-- End of CSS -->
+
 
  
  
 
</html>
 
</html>

Latest revision as of 22:43, 18 September 2015