Difference between revisions of "Template:Edigem15 Safety"
(Created page with "<html> <!-- Start of CSS--> <style type="text/css"> #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear { display:...") |
|||
(10 intermediate revisions by 2 users not shown) | |||
Line 27: | Line 27: | ||
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
− | background-color: # | + | background-color: #fff; |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Line 39: | Line 39: | ||
margin-left: none; | margin-left: none; | ||
margin-right: none; | margin-right: none; | ||
− | background-color: # | + | background-color: #fff; |
border: none; | border: none; | ||
padding: 0px; | padding: 0px; | ||
Line 53: | Line 53: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
− | background-color: # | + | background-color: #fff; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
Line 83: | Line 83: | ||
display: table; | display: table; | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 100%; |
text-align: center; | text-align: center; | ||
color: #fff; | color: #fff; | ||
− | background-color: # | + | background-color: #fff; |
− | background: url("https://static.igem.org/mediawiki/2015/ | + | background: url("https://static.igem.org/mediawiki/2015/0/0d/Edigem15_Safety_treesmeadows.jpeg") no-repeat bottom center scroll; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
Line 114: | Line 114: | ||
@media(min-width:768px) { | @media(min-width:768px) { | ||
.intro { | .intro { | ||
− | height: | + | height: 100%; |
padding: 0; | padding: 0; | ||
− | box-shadow: 0 -100px 100px # | + | box-shadow: 0 -100px 100px #fff inset; |
} | } | ||
Line 133: | Line 133: | ||
font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; | font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; | ||
color: #fff; | color: #fff; | ||
− | background-color: # | + | background-color: #fff; |
} | } | ||
Line 157: | Line 157: | ||
} | } | ||
+ | .arrowtext | ||
+ | { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .arrow | ||
+ | { | ||
+ | height: 50px; | ||
+ | width: 100px; | ||
+ | opacity: 0.7; | ||
+ | } | ||
/*COMPONENTS*/ | /*COMPONENTS*/ | ||
Line 185: | Line 197: | ||
position: relative; | position: relative; | ||
padding: 10em 10%; | padding: 10em 10%; | ||
− | background: # | + | background: #fff; |
color: #fff; | color: #fff; | ||
text-align: center; | text-align: center; | ||
Line 191: | Line 203: | ||
section h2 { | section h2 { | ||
− | margin: 0; | + | color: #740404; |
+ | margin: 0; | ||
padding: 0; | padding: 0; | ||
font-size: 2.8em; | font-size: 2.8em; | ||
Line 198: | Line 211: | ||
section p { | section p { | ||
− | color: # | + | color: #740404; |
font-size: 1.3em; | font-size: 1.3em; | ||
line-height: 1.5; | line-height: 1.5; | ||
Line 245: | Line 258: | ||
section.color h2 { | section.color h2 { | ||
+ | color: #fff; | ||
+ | } | ||
+ | section.color p { | ||
color: #fff; | color: #fff; | ||
} | } | ||
.color { | .color { | ||
− | background: # | + | background: #000; |
} | } | ||
Line 288: | Line 304: | ||
z-index: 1; | z-index: 1; | ||
padding-top: 6em; | padding-top: 6em; | ||
− | /*background: # | + | /*background: #fff;*/ |
} | } | ||
Line 307: | Line 323: | ||
.ss-style-doublediagonal::before { | .ss-style-doublediagonal::before { | ||
height: 50%; | height: 50%; | ||
− | /*background: # | + | /*background: #fff;*/ |
-webkit-transform: rotate(-3deg); | -webkit-transform: rotate(-3deg); | ||
transform: rotate(-3deg); | transform: rotate(-3deg); | ||
Line 714: | Line 730: | ||
} | } | ||
} | } | ||
+ | |||
+ | /*menu*/ | ||
#custom-bootstrap-menu.navbar-default .navbar-brand { | #custom-bootstrap-menu.navbar-default .navbar-brand { | ||
Line 719: | Line 737: | ||
} | } | ||
#custom-bootstrap-menu.navbar-default { | #custom-bootstrap-menu.navbar-default { | ||
− | font-size: | + | font-size: 18px; |
background-color: rgba(34, 34, 34, 1); | background-color: rgba(34, 34, 34, 1); | ||
border-bottom-width: 0px; | border-bottom-width: 0px; | ||
Line 726: | Line 744: | ||
color: rgba(255, 255, 255, 1); | color: rgba(255, 255, 255, 1); | ||
background-color: rgba(34, 34, 34, 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:hover, | ||
Line 752: | Line 773: | ||
background-color: #222222; | background-color: #222222; | ||
} | } | ||
+ | |||
+ | /*end menu*/ | ||
Latest revision as of 21:29, 18 September 2015