Difference between revisions of "Template:Edigem15 Overview"
(25 intermediate revisions by 2 users not shown) | |||
Line 27: | Line 27: | ||
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
− | background-color: # | + | background-color: #000000; |
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: #000; |
border: none; | border: none; | ||
padding: 0px; | padding: 0px; | ||
Line 53: | Line 53: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
− | background-color: # | + | background-color: #000; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
Line 86: | Line 86: | ||
text-align: center; | text-align: center; | ||
color: #fff; | color: #fff; | ||
− | background-color: # | + | background-color: #000; |
background: url("https://static.igem.org/mediawiki/2015/a/a1/Edigem15_Overview_Bannerimage.jpg") no-repeat bottom center scroll; | background: url("https://static.igem.org/mediawiki/2015/a/a1/Edigem15_Overview_Bannerimage.jpg") no-repeat bottom center scroll; | ||
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
Line 101: | Line 101: | ||
.intro .intro-body .brand-heading { | .intro .intro-body .brand-heading { | ||
− | margin-top: | + | margin-top: 20%; |
font-size: 40px; | font-size: 40px; | ||
border-bottom: none; | border-bottom: none; | ||
Line 116: | Line 116: | ||
height: 100%; | height: 100%; | ||
padding: 0; | padding: 0; | ||
− | box-shadow: 0 -100px 100px # | + | box-shadow: 0 -100px 100px #000 inset; |
} | } | ||
Line 126: | Line 126: | ||
font-size: 26px; | font-size: 26px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | .arrowtext | ||
+ | { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .arrow | ||
+ | { | ||
+ | height: 50px; | ||
+ | width: 100px; | ||
+ | opacity: 0.7; | ||
} | } | ||
Line 133: | Line 146: | ||
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: #000; |
} | } | ||
Line 155: | Line 168: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 198: | Line 198: | ||
position: relative; | position: relative; | ||
padding: 10em 10%; | padding: 10em 10%; | ||
− | background: # | + | background: #000; |
color: #fff; | color: #fff; | ||
text-align: center; | text-align: center; | ||
Line 232: | Line 232: | ||
padding: 0 1%; | padding: 0 1%; | ||
width: 33%; | width: 33%; | ||
− | text-align: | + | text-align: top; |
} | } | ||
Line 241: | Line 241: | ||
.column { | .column { | ||
display: inline-block; | display: inline-block; | ||
− | vertical-align: | + | vertical-align: middle; |
+ | margin: auto; | ||
} | } | ||
.icon { | .icon { | ||
display: block; | display: block; | ||
− | |||
− | |||
− | |||
background: rgba(0,0,0,0.1); | background: rgba(0,0,0,0.1); | ||
color: #fff; | color: #fff; | ||
Line 254: | Line 252: | ||
font-size: 8em; | font-size: 8em; | ||
line-height: 2em; | line-height: 2em; | ||
− | margin: | + | margin-right:10%; |
+ | margin-left: 10%; | ||
+ | vertical-align: middle; | ||
} | } | ||
− | section.color h2 { | + | section.color h2 |
− | color: # | + | { |
+ | color: #740404; | ||
+ | } | ||
+ | |||
+ | section.color p | ||
+ | { | ||
+ | color: #740404; | ||
} | } | ||
.color { | .color { | ||
− | background: # | + | background: #fff; |
} | } | ||
Line 301: | Line 307: | ||
z-index: 1; | z-index: 1; | ||
padding-top: 6em; | padding-top: 6em; | ||
− | /*background: # | + | /*background: #000;*/ |
} | } | ||
Line 320: | Line 326: | ||
.ss-style-doublediagonal::before { | .ss-style-doublediagonal::before { | ||
height: 50%; | height: 50%; | ||
− | /*background: # | + | /*background: #000;*/ |
-webkit-transform: rotate(-3deg); | -webkit-transform: rotate(-3deg); | ||
transform: rotate(-3deg); | transform: rotate(-3deg); | ||
Line 716: | Line 722: | ||
.icon { | .icon { | ||
− | margin: | + | margin-left:10%; |
+ | margin-right: 10%; | ||
+ | margin-top: 10%; | ||
+ | |||
} | } | ||
− | .col-2 .column:first-child | + | .col-2 .column:first-child { |
− | margin: | + | margin: auto; |
} | } | ||
− | .col-2 .column:nth-child(2) | + | .col-2 .column:nth-child(2) { |
− | margin: | + | margin: auto; |
} | } | ||
} | } | ||
+ | |||
+ | /*menu*/ | ||
#custom-bootstrap-menu.navbar-default .navbar-brand { | #custom-bootstrap-menu.navbar-default .navbar-brand { | ||
Line 732: | Line 743: | ||
} | } | ||
#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 739: | Line 750: | ||
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 766: | Line 780: | ||
} | } | ||
+ | /*end menu*/ | ||
+ | |||
+ | .purity | ||
+ | { | ||
+ | position: relative; | ||
+ | margin-top:50%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | /*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: #fff; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-primary:active, .btn-primary.active { | ||
+ | background: #fff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn.outline { | ||
+ | background: none; | ||
+ | padding: 12px 22px; | ||
+ | } | ||
+ | |||
+ | .btn-primary.outline { | ||
+ | border: 2px solid #fff; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary { | ||
+ | color: #fff; | ||
+ | border-color: #fff; | ||
+ | } | ||
+ | .btn-primary.outline:active, .btn-primary.outline.active { | ||
+ | border-color: #fff; | ||
+ | color: #fff; | ||
+ | box-shadow: none; | ||
+ | } | ||
Latest revision as of 00:50, 19 September 2015