Difference between revisions of "Team:EPF Lausanne/Test/css"
| (30 intermediate revisions by the same user not shown) | |||
| Line 56: | Line 56: | ||
p { border-bottom: none;} | p { border-bottom: none;} | ||
| − | figure { | + | .prot-section figure { |
border: 1px solid black; | border: 1px solid black; | ||
padding: 5px; | padding: 5px; | ||
| Line 79: | Line 79: | ||
border: none !important; | border: none !important; | ||
} | } | ||
| + | /* ========================================================================== | ||
| + | Human practices | ||
| + | ========================================================================== */ | ||
| + | .human-part p { | ||
| + | text-align: justify; | ||
| + | } | ||
/* ========================================================================== | /* ========================================================================== | ||
Header | Header | ||
| Line 85: | Line 91: | ||
display: block; | display: block; | ||
min-width: 100%; | min-width: 100%; | ||
| + | left: -22px; | ||
} | } | ||
.navbar { | .navbar { | ||
| Line 142: | Line 149: | ||
margin-left: 25%; | margin-left: 25%; | ||
} | } | ||
| + | /* ========================================================================== | ||
| + | Parts | ||
| + | ========================================================================== */ | ||
| + | .parts a > h3 { | ||
| + | color: #109798; | ||
| + | } | ||
| + | .parts a > h3:hover { | ||
| + | color: #981110; | ||
| + | } | ||
| + | |||
/* ========================================================================== | /* ========================================================================== | ||
Home-page | Home-page | ||
| Line 147: | Line 164: | ||
#carousel-home { | #carousel-home { | ||
padding-top: 30px; | padding-top: 30px; | ||
| + | box-shadow: 0px 10px 5px #888888; | ||
} | } | ||
.carousel-inner { | .carousel-inner { | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | .carousel-control { | + | .carousel-control.left, |
| − | + | .carousel-control.right { | |
| + | background-image: none; | ||
} | } | ||
| − | .carousel-control | + | .carousel-control .icon-next, |
| − | + | .carousel-control .icon-prev { | |
| + | color: black; | ||
} | } | ||
| + | |||
#Tour-section { | #Tour-section { | ||
padding-top: 30px; | padding-top: 30px; | ||
| Line 238: | 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; | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
| Line 375: | Line 441: | ||
width: 100%; | width: 100%; | ||
padding: 60px 0px; | padding: 60px 0px; | ||
| − | |||
} | } | ||
.classy-bar h3 { | .classy-bar h3 { | ||
position: relative; | position: relative; | ||
| − | color: | + | color: #032222; |
font-size: 34px; | font-size: 34px; | ||
font-weight: 800; | font-weight: 800; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
top: -20px; | top: -20px; | ||
| + | margin-top: 50px; | ||
| + | letter-spacing: 6px; | ||
} | } | ||
.classy-bar h2 { | .classy-bar h2 { | ||
position: relative; | position: relative; | ||
| − | color: | + | color: #032222; |
font-size: 34px; | font-size: 34px; | ||
font-weight: 800; | font-weight: 800; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
top: -20px; | top: -20px; | ||
| + | margin-top: 50px; | ||
| + | letter-spacing: 6px; | ||
} | } | ||
/* ========================================================================== | /* ========================================================================== | ||
| Line 766: | Line 835: | ||
} | } | ||
#footer-right p { | #footer-right p { | ||
| − | |||
| − | |||
| − | |||
margin-left: 23%; | margin-left: 23%; | ||
} | } | ||
| Line 776: | Line 842: | ||
} | } | ||
| − | + | /*<!-- TABLE -->*/ | |
| − | <!-- TABLE --> | + | |
table a:link { | table a:link { | ||
color: #707070 ; | color: #707070 ; | ||
Latest revision as of 20:14, 16 September 2015