Difference between revisions of "Team:EPF Lausanne/Test/css"
(219 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> <title>EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits</title> | <head> <title>EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits</title> | ||
− | + | <!-- Latest compiled and minified CSS --> | |
− | + | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> | |
<style type="text/css"> | <style type="text/css"> | ||
Line 16: | Line 16: | ||
display: none; | display: none; | ||
} | } | ||
− | #globalWrapper, #content { | + | #globalWrapper, #content { |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
Line 26: | Line 26: | ||
} | } | ||
− | body { | + | html {height: 100%;} |
+ | |||
+ | body { | ||
position: relative; | position: relative; | ||
− | font-family: 'Open Sans', sans-serif; | + | font-family: 'Open Sans', sans-serif; |
background-color: rgba(16,151,151,0.01); | background-color: rgba(16,151,151,0.01); | ||
+ | height=100%; | ||
} | } | ||
a { | a { | ||
Line 52: | Line 55: | ||
h6, | h6, | ||
p { border-bottom: none;} | p { border-bottom: none;} | ||
+ | |||
+ | .prot-section figure { | ||
+ | border: 1px solid black; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .interlab-part { | ||
+ | background-color: rgba(16, 151, 152, 0.15); | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .interlab-part h2 { | ||
+ | color: black !important; | ||
+ | border-bottom: none !important; | ||
+ | } | ||
+ | .interlab-part img { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display: block; | ||
+ | } | ||
+ | .interlab-part p { | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | .interlab-text figure{ | ||
+ | border: none !important; | ||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Human practices | ||
+ | ========================================================================== */ | ||
+ | .human-part p { | ||
+ | text-align: justify; | ||
+ | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Header | Header | ||
Line 58: | Line 91: | ||
display: block; | display: block; | ||
min-width: 100%; | min-width: 100%; | ||
+ | left: -22px; | ||
} | } | ||
.navbar { | .navbar { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
− | background-color: rgba(17,151,153, | + | background-color: rgba(17,151,153, 1.0); |
border-style: none; | border-style: none; | ||
padding-top: 10px; | padding-top: 10px; | ||
Line 72: | Line 106: | ||
width: 100%; | width: 100%; | ||
border-style: none; | border-style: none; | ||
− | } | + | } |
.navbar-nav > li { | .navbar-nav > li { | ||
display: table-cell; | display: table-cell; | ||
Line 79: | Line 113: | ||
vertical-align: middle; | vertical-align: middle; | ||
color: white; | color: white; | ||
− | |||
} | } | ||
.navbar-nav > li:hover { | .navbar-nav > li:hover { | ||
Line 93: | Line 126: | ||
background-color: #74C1C2; | background-color: #74C1C2; | ||
} | } | ||
− | .navbar-default .navbar-nav >li >a | + | .navbar-default .navbar-nav >li >a |
{ | { | ||
color: white; | color: white; | ||
} | } | ||
− | .navbar-default .navbar-nav > li > a:focus, | + | .navbar-default .navbar-nav > li > a:focus, |
.navbar-default .navbar-nav > li > a:hover { | .navbar-default .navbar-nav > li > a:hover { | ||
color: white; | color: white; | ||
Line 104: | Line 137: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | #full-size{ | + | #full-size{ |
margin-top: 7%; | margin-top: 7%; | ||
width:100%; | width:100%; | ||
Line 110: | Line 143: | ||
overflow: auto; | overflow: auto; | ||
} | } | ||
+ | /* ========================================================================== | ||
+ | Practices | ||
+ | ========================================================================== */ | ||
+ | .shift { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Parts | ||
+ | ========================================================================== */ | ||
+ | .parts a > h3 { | ||
+ | color: #109798; | ||
+ | } | ||
+ | .parts a > h3:hover { | ||
+ | color: #981110; | ||
+ | } | ||
+ | |||
/* ========================================================================== | /* ========================================================================== | ||
Home-page | Home-page | ||
========================================================================== */ | ========================================================================== */ | ||
+ | #carousel-home { | ||
+ | padding-top: 30px; | ||
+ | box-shadow: 0px 10px 5px #888888; | ||
+ | } | ||
+ | .carousel-inner { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .carousel-control.left, | ||
+ | .carousel-control.right { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .carousel-control .icon-next, | ||
+ | .carousel-control .icon-prev { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #Tour-section { | ||
+ | padding-top: 30px; | ||
+ | text-align: center; | ||
+ | } | ||
#Welcome-section { | #Welcome-section { | ||
text-align: center; | text-align: center; | ||
Line 127: | Line 196: | ||
padding-top: 0px; | padding-top: 0px; | ||
margin-top: 0px; | margin-top: 0px; | ||
− | + | padding-bottom: 20px; | |
} | } | ||
#Welcome-section p { | #Welcome-section p { | ||
− | font-size: 18px; | + | font-size: 18px; |
− | + | padding-top: none; | |
− | + | text-align: justify; | |
} | } | ||
#Welcome-section a { | #Welcome-section a { | ||
Line 150: | Line 219: | ||
text-align: center; | text-align: center; | ||
color: #981110; | color: #981110; | ||
− | font-weight: | + | font-size: 24px; |
+ | font-weight: 350px; | ||
} | } | ||
.home-first-section p { | .home-first-section p { | ||
− | padding-bottom: | + | margin-left: 2px; |
+ | margin-right: 2px; | ||
+ | padding-bottom: 100px; | ||
text-align: justify; | text-align: justify; | ||
font-size: 16px; | font-size: 16px; | ||
Line 160: | Line 232: | ||
.home-first-section a { | .home-first-section a { | ||
color: #000; | color: #000; | ||
+ | } | ||
+ | .home-first-section .panel { | ||
+ | padding-top : 40px; | ||
+ | background-color: #fdfefe; | ||
+ | border: 1px solid #989898; | ||
+ | border-radius: 10px; | ||
+ | height: 320px; | ||
+ | } | ||
+ | .home-first-section .panel:hover { | ||
+ | box-shadow: 5px 5px #909090; | ||
+ | } | ||
+ | .home-first-section .panel > p { | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | padding-bottom: 100px; | ||
+ | text-align: justify; | ||
+ | font-size: 16px; | ||
+ | color: #2F2F2F | ||
} | } | ||
.DNA-banner { | .DNA-banner { | ||
Line 169: | Line 259: | ||
background: url('https://static.igem.org/mediawiki/2015/9/94/EPF_Lausanne_Banner_DNA.png.png') no-repeat top center; | background: url('https://static.igem.org/mediawiki/2015/9/94/EPF_Lausanne_Banner_DNA.png.png') no-repeat top center; | ||
background-size: cover; | background-size: cover; | ||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Button | ||
+ | ========================================================================== */ | ||
+ | .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: transparent; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .btn.outline { | ||
+ | background: none; | ||
+ | padding: 12px 22px; | ||
+ | } | ||
+ | .btn-primary.outline { | ||
+ | border: 2px solid #0099cc; | ||
+ | color: #0099cc; | ||
+ | } | ||
+ | .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary { | ||
+ | color: #33a6cc; | ||
+ | border-color: #33a6cc; | ||
+ | } | ||
+ | .btn-primary.outline:active, .btn-primary.outline.active { | ||
+ | border-color: #007299; | ||
+ | color: #007299; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Background section | ||
+ | ========================================================================== */ | ||
+ | .background-section h3 { | ||
+ | font-weight: 500; | ||
+ | font-size: 30px; | ||
+ | color: #0E6261; | ||
+ | } | ||
+ | .background-section h4 { | ||
+ | border-bottom: solid 1px; | ||
+ | } | ||
+ | .background-section b { | ||
+ | color: #0E6261; | ||
+ | } | ||
+ | .background-section table { | ||
+ | color:#303030; | ||
+ | font-size:12px; | ||
+ | background:#eaebec; | ||
+ | border:#ccc 1px solid; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | -moz-border-radius:3px; | ||
+ | -webkit-border-radius:3px; | ||
+ | border-radius:3px; | ||
+ | |||
+ | -moz-box-shadow: 0 1px 2px #d1d1d1; | ||
+ | -webkit-box-shadow: 0 1px 2px #d1d1d1; | ||
+ | box-shadow: 0 1px 2px #d1d1d1; | ||
+ | } | ||
+ | .background-section table th { | ||
+ | color:#fff; | ||
+ | text-shadow: 0.5px 0.5px 0px #999999; | ||
+ | |||
+ | padding:5px 5px 2px 5px; | ||
+ | border-top:1px solid #fafafa; | ||
+ | border-bottom:1px solid #e0e0e0; | ||
+ | |||
+ | background: rgba(16,151,151,0.6); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(rgba(16,151,153,0.6)), to(rgba(16,151,144,0.6))); | ||
+ | background: -moz-linear-gradient(top, rgba(16,151,153,0.6), rgba(16,151,144,0.5)); | ||
+ | } | ||
+ | .background-section table th { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .background-section table tr:first-child th:first-child { | ||
+ | -moz-border-radius-topleft:3px; | ||
+ | -webkit-border-top-left-radius:3px; | ||
+ | border-top-left-radius:3px; | ||
+ | } | ||
+ | |||
+ | .background-section table tr:first-child th:last-child { | ||
+ | -moz-border-radius-topright:3px; | ||
+ | -webkit-border-top-right-radius:3px; | ||
+ | border-top-right-radius:3px; | ||
+ | } | ||
+ | .background-section table tr { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .background-section table td:first-child { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .background-section table td { | ||
+ | border-top: 1px solid #ffffff; | ||
+ | border-bottom:1px solid #e0e0e0; | ||
+ | border-left: 1px solid #e0e0e0; | ||
+ | |||
+ | background: #fafafa; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); | ||
+ | background: -moz-linear-gradient(top, #fbfbfb, #fafafa); | ||
+ | } | ||
+ | .background-section table tr.even td { | ||
+ | background: #f6f6f6; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); | ||
+ | background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); | ||
+ | } | ||
+ | .background-section table tr:last-child td { | ||
+ | border-bottom:0; | ||
+ | } | ||
+ | .background-section table tr:last-child td:first-child { | ||
+ | -moz-border-radius-bottomleft:3px; | ||
+ | -webkit-border-bottom-left-radius:3px; | ||
+ | border-bottom-left-radius:3px; | ||
+ | } | ||
+ | .background-section table tr:last-child td:last-child { | ||
+ | -moz-border-radius-bottomright:3px; | ||
+ | -webkit-border-bottom-right-radius:3px; | ||
+ | border-bottom-right-radius:3px; | ||
+ | } | ||
+ | |||
+ | .background-section table tr:hover td { | ||
+ | background: #f2f2f2; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); | ||
+ | background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Description section | ||
+ | ========================================================================== */ | ||
+ | .description-section { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .description-section h1 { | ||
+ | text-align: center; | ||
+ | color: #109897; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | .description-section h2 { | ||
+ | text-align: center; | ||
+ | color: #109897; | ||
+ | font-weight: 400; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: black; | ||
+ | border-bottom-width: thin; | ||
+ | } | ||
+ | .description-section p { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | /* ========================================================================== | ||
+ | Sofware section | ||
+ | ========================================================================== */ | ||
+ | .soft-section h2 { | ||
+ | text-align: left; | ||
+ | color: #109897; | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Line 176: | Line 439: | ||
background: url('https://static.igem.org/mediawiki/2015/9/9a/EPF_Lausanne_Banner1.png') no-repeat bottom center; | background: url('https://static.igem.org/mediawiki/2015/9/9a/EPF_Lausanne_Banner1.png') no-repeat bottom center; | ||
background-size: cover; | background-size: cover; | ||
+ | width: 100%; | ||
padding: 60px 0px; | padding: 60px 0px; | ||
} | } | ||
.classy-bar h3 { | .classy-bar h3 { | ||
− | color: | + | position: relative; |
− | font-size: | + | color: #032222; |
− | font-weight: | + | font-size: 34px; |
+ | font-weight: 800; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
+ | top: -20px; | ||
+ | margin-top: 50px; | ||
+ | letter-spacing: 6px; | ||
+ | } | ||
+ | .classy-bar h2 { | ||
+ | position: relative; | ||
+ | color: #032222; | ||
+ | font-size: 34px; | ||
+ | font-weight: 800; | ||
+ | text-transform: uppercase; | ||
+ | top: -20px; | ||
+ | margin-top: 50px; | ||
+ | letter-spacing: 6px; | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Line 189: | Line 467: | ||
.prot-section h1 { | .prot-section h1 { | ||
text-align: center; | text-align: center; | ||
− | |||
font-weight: 600; | font-weight: 600; | ||
font-size: 26px; | font-size: 26px; | ||
Line 196: | Line 473: | ||
} | } | ||
.prot-section h2 { | .prot-section h2 { | ||
− | |||
color: #333333; | color: #333333; | ||
font-weight: 400; | font-weight: 400; | ||
− | |||
− | |||
} | } | ||
.prot-section h3 { | .prot-section h3 { | ||
Line 208: | Line 482: | ||
font-size: 24px; | font-size: 24px; | ||
color: #981110; | color: #981110; | ||
+ | } | ||
+ | .prot-section ol{ | ||
+ | padding-bottom: 20px; | ||
} | } | ||
.prot-section .panel { | .prot-section .panel { | ||
Line 223: | Line 500: | ||
} | } | ||
.prot-section p { | .prot-section p { | ||
+ | padding: 20px; | ||
text-align: justify; | text-align: justify; | ||
font-size: 16px; | font-size: 16px; | ||
Line 247: | Line 525: | ||
padding-top: 50px; | padding-top: 50px; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
+ | min-height: 20px; | ||
} | } | ||
ul.affix-top { | ul.affix-top { | ||
Line 252: | Line 531: | ||
} | } | ||
ul.affix-bottom { | ul.affix-bottom { | ||
− | |||
position: absolute; | position: absolute; | ||
− | |||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Line 267: | Line 544: | ||
.affix { | .affix { | ||
width: 263px; | width: 263px; | ||
− | } | + | } |
} | } | ||
.affix-bottom { | .affix-bottom { | ||
Line 283: | Line 560: | ||
border-left: 3px solid rgba(17,151,152,0.9); | border-left: 3px solid rgba(17,151,152,0.9); | ||
} | } | ||
− | |||
.nav .nav { | .nav .nav { | ||
display: none; | display: none; | ||
} | } | ||
− | |||
.nav .active .nav { | .nav .active .nav { | ||
display: block; | display: block; | ||
Line 301: | Line 576: | ||
} | } | ||
.nav .nav a:visited { | .nav .nav a:visited { | ||
− | color: | + | color: rgba(6, 61, 61, 0.9); |
+ | } | ||
+ | .prot-section .nav > li > a { | ||
+ | padding: 5px 15px; | ||
} | } | ||
− | |||
.nav .nav span { | .nav .nav span { | ||
margin: 0 2px 0 2px; | margin: 0 2px 0 2px; | ||
Line 312: | Line 589: | ||
.nav .nav .active:focus a { | .nav .nav .active:focus a { | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
border-left: 3px solid rgba(17,151,152,0.9); | border-left: 3px solid rgba(17,151,152,0.9); | ||
} | } | ||
Line 320: | Line 596: | ||
.nav .nav .active:focus span { | .nav .nav .active:focus span { | ||
display: none; | display: none; | ||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Meet section | ||
+ | ========================================================================== */ | ||
+ | .meet-section h4 { | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | font-size: 18px; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | .meet-section .row { | ||
+ | padding-bottom: 100px; | ||
+ | } | ||
+ | .meet-section p { | ||
+ | font-style: italic; | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | #cf { | ||
+ | padding-bottom: 300px; | ||
+ | } | ||
+ | |||
+ | #cf img { | ||
+ | position: absolute; | ||
+ | height: 300px; | ||
+ | width: 200px; | ||
+ | left: 16%; | ||
+ | -webkit-transition: opacity 1s ease-in-out; | ||
+ | -moz-transition: opacity 1s ease-in-out; | ||
+ | -o-transition: opacity 1s ease-in-out; | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | |||
+ | #cf img.top:hover { | ||
+ | opacity:0; | ||
+ | } | ||
+ | /* ========================================================================== | ||
+ | Timeline | ||
+ | ========================================================================== */ | ||
+ | .timeline-section h3 { | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: 500; | ||
+ | font-size: 24px; | ||
+ | color: #000066; | ||
+ | } | ||
+ | .timeline-section h2 { | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | font-weight: 400; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .timeline-section h4 { | ||
+ | font-size: 16px; | ||
+ | font-weight: 600; | ||
+ | color: black; | ||
+ | } | ||
+ | .timeline-section p { | ||
+ | text-align: justify; | ||
+ | font-size: 16px; | ||
+ | color : #2F2F2F; | ||
+ | } | ||
+ | .timeline-section .image-holder { | ||
+ | margin-top: 50px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .timeline { | ||
+ | list-style: none; | ||
+ | padding: 20px 0 20px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .timeline:before { | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | position: absolute; | ||
+ | content: " "; | ||
+ | width: 3px; | ||
+ | background-color: #333333; | ||
+ | left: 50%; | ||
+ | margin-left: -1.5px; | ||
+ | } | ||
+ | .timeline > li { | ||
+ | margin-bottom: 20px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .timeline > li:before, | ||
+ | .timeline > li:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .timeline > li:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .timeline > li:before, | ||
+ | .timeline > li:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .timeline > li:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .timeline > li > .timeline-panel { | ||
+ | width: 46%; | ||
+ | float: left; | ||
+ | border: 1px solid #333333; | ||
+ | border-radius: 2px; | ||
+ | padding: 20px; | ||
+ | padding-top: 0px; | ||
+ | position: relative; | ||
+ | -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); | ||
+ | box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); | ||
+ | } | ||
+ | .timeline > li > .timeline-panel:before { | ||
+ | position: absolute; | ||
+ | top: 26px; | ||
+ | right: -15px; | ||
+ | display: inline-block; | ||
+ | border-top: 15px solid transparent; | ||
+ | border-left: 15px solid #ccc; | ||
+ | border-right: 0 solid #ccc; | ||
+ | border-bottom: 15px solid transparent; | ||
+ | content: " "; | ||
+ | } | ||
+ | .timeline > li > .timeline-panel:after { | ||
+ | position: absolute; | ||
+ | top: 27px; | ||
+ | right: -14px; | ||
+ | display: inline-block; | ||
+ | border-top: 14px solid transparent; | ||
+ | border-left: 14px solid #fff; | ||
+ | border-right: 0 solid #fff; | ||
+ | border-bottom: 14px solid transparent; | ||
+ | content: " "; | ||
+ | } | ||
+ | .timeline > li > .timeline-badge { | ||
+ | color: #fff; | ||
+ | width: 25px; | ||
+ | height: 25px; | ||
+ | line-height: 50px; | ||
+ | font-size: 2.5em; | ||
+ | text-align: center; | ||
+ | position: absolute; | ||
+ | top: 29px; | ||
+ | left: 50%; | ||
+ | margin-left: -12.5px; | ||
+ | background-color: #999999; | ||
+ | z-index: 100; | ||
+ | border-top-right-radius: 50%; | ||
+ | border-top-left-radius: 50%; | ||
+ | border-bottom-right-radius: 50%; | ||
+ | border-bottom-left-radius: 50%; | ||
+ | } | ||
+ | .timeline > li.timeline-inverted > .timeline-panel { | ||
+ | float: right; | ||
+ | } | ||
+ | .timeline > li.timeline-inverted > .timeline-panel:before { | ||
+ | border-left-width: 0; | ||
+ | border-right-width: 15px; | ||
+ | left: -15px; | ||
+ | right: auto; | ||
+ | } | ||
+ | .timeline > li.timeline-inverted > .timeline-panel:after { | ||
+ | border-left-width: 0; | ||
+ | border-right-width: 14px; | ||
+ | left: -14px; | ||
+ | right: auto; | ||
+ | } | ||
+ | .timeline-badge.primary { | ||
+ | background-color: #2e6da4 !important; | ||
+ | } | ||
+ | .timeline-badge.success { | ||
+ | background-color: #3f903f !important; | ||
+ | } | ||
+ | .timeline-badge.warning { | ||
+ | background-color: #f0ad4e !important; | ||
+ | } | ||
+ | .timeline-badge.danger { | ||
+ | background-color: #d9534f !important; | ||
+ | } | ||
+ | .timeline-badge.info { | ||
+ | background-color: #5bc0de !important; | ||
+ | } | ||
+ | .timeline-title { | ||
+ | font-size: 28px; | ||
+ | margin-top: 0; | ||
+ | color: inherit; | ||
+ | } | ||
+ | .timeline-body > p, | ||
+ | .timeline-body > ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .timeline-body > p + p { | ||
+ | margin-top: 5px; | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Line 329: | Line 799: | ||
padding: 10px; | padding: 10px; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
− | background-color: | + | background-color: #fdfefe; |
− | text-align: center; | + | text-align: center; |
} | } | ||
.sponsors h1 { | .sponsors h1 { | ||
Line 343: | Line 813: | ||
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
− | } | + | } |
.sponsors .logo img { | .sponsors .logo img { | ||
max-height: 150px; | max-height: 150px; | ||
Line 356: | Line 826: | ||
bottom: 0; | bottom: 0; | ||
background-color: #EBEBEB | background-color: #EBEBEB | ||
− | |||
− | |||
− | |||
} | } | ||
#footer-right { | #footer-right { | ||
− | padding-top: | + | padding-top: 30px; |
} | } | ||
#footer-right h3 { | #footer-right h3 { | ||
Line 368: | Line 835: | ||
} | } | ||
#footer-right p { | #footer-right p { | ||
− | |||
− | |||
− | |||
− | |||
margin-left: 23%; | margin-left: 23%; | ||
} | } | ||
Line 377: | Line 840: | ||
color: black; | color: black; | ||
padding: 1em; | padding: 1em; | ||
+ | } | ||
+ | |||
+ | /*<!-- TABLE -->*/ | ||
+ | table a:link { | ||
+ | color: #707070 ; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | table a:visited { | ||
+ | color: #707070; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | table a:active, | ||
+ | table a:hover { | ||
+ | color: #109798; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | table { | ||
+ | color:#303030; | ||
+ | font-size:12px; | ||
+ | background:#eaebec; | ||
+ | margin:20px; | ||
+ | border:#ccc 1px solid; | ||
+ | |||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | -moz-border-radius:3px; | ||
+ | -webkit-border-radius:3px; | ||
+ | border-radius:3px; | ||
+ | |||
+ | -moz-box-shadow: 0 1px 2px #d1d1d1; | ||
+ | -webkit-box-shadow: 0 1px 2px #d1d1d1; | ||
+ | box-shadow: 0 1px 2px #d1d1d1; | ||
+ | } | ||
+ | table th { | ||
+ | color:#fff; | ||
+ | text-shadow: 0.5px 0.5px 0px #999999; | ||
+ | |||
+ | padding:21px 25px 22px 25px; | ||
+ | border-top:1px solid #fafafa; | ||
+ | border-bottom:1px solid #e0e0e0; | ||
+ | |||
+ | background: rgba(16,151,151,0.6); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(rgba(16,151,153,0.6)), to(rgba(16,151,144,0.6))); | ||
+ | background: -moz-linear-gradient(top, rgba(16,151,153,0.6), rgba(16,151,144,0.5)); | ||
+ | } | ||
+ | table th:first-child { | ||
+ | text-align: left; | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | table tr:first-child th:first-child { | ||
+ | -moz-border-radius-topleft:3px; | ||
+ | -webkit-border-top-left-radius:3px; | ||
+ | border-top-left-radius:3px; | ||
+ | } | ||
+ | |||
+ | table tr:first-child th:last-child { | ||
+ | -moz-border-radius-topright:3px; | ||
+ | -webkit-border-top-right-radius:3px; | ||
+ | border-top-right-radius:3px; | ||
+ | } | ||
+ | table tr { | ||
+ | text-align: center; | ||
+ | padding-left:20px; | ||
+ | } | ||
+ | table td:first-child { | ||
+ | text-align: left; | ||
+ | padding-left:20px; | ||
+ | border-left: 0; | ||
+ | } | ||
+ | table td { | ||
+ | padding:18px; | ||
+ | border-top: 1px solid #ffffff; | ||
+ | border-bottom:1px solid #e0e0e0; | ||
+ | border-left: 1px solid #e0e0e0; | ||
+ | |||
+ | background: #fafafa; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); | ||
+ | background: -moz-linear-gradient(top, #fbfbfb, #fafafa); | ||
+ | } | ||
+ | table tr.even td { | ||
+ | background: #f6f6f6; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); | ||
+ | background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); | ||
+ | } | ||
+ | table tr:last-child td { | ||
+ | border-bottom:0; | ||
+ | } | ||
+ | table tr:last-child td:first-child { | ||
+ | -moz-border-radius-bottomleft:3px; | ||
+ | -webkit-border-bottom-left-radius:3px; | ||
+ | border-bottom-left-radius:3px; | ||
+ | } | ||
+ | table tr:last-child td:last-child { | ||
+ | -moz-border-radius-bottomright:3px; | ||
+ | -webkit-border-bottom-right-radius:3px; | ||
+ | border-bottom-right-radius:3px; | ||
+ | } | ||
+ | |||
+ | table tr:hover td { | ||
+ | background: #f2f2f2; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); | ||
+ | background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); | ||
} | } | ||
Line 384: | Line 951: | ||
<!-- Latest compiled and minified JavaScript --> | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="http://code.jquery.com/jquery.js"></script> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | ||
+ | |||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 20:14, 16 September 2015