Difference between revisions of "Team:TEC-Costa Rica/Template:Stylesheet"

 
(25 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">
 
<style type="text/css">
 
<style type="text/css">
−
 
 
/* Setting the WIKI config to default. START */
 
/* Setting the WIKI config to default. START */
 
* {
 
* {
Line 55: Line 54:
 
/* Setting the WIKI config to default. END */
 
/* Setting the WIKI config to default. END */
  
−
body {
+
body { background: #FFFFFF url('https://static.igem.org/mediawiki/2016/4/4c/T--TEC-Costa_Rica--gplaypattern_background.png') top left repeat; }
−
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/4/4c/T--TEC-Costa_Rica--gplaypattern_background.png') top left repeat;
+
−
}
+
 
#HQ_page h1, #HQ_page h2, #HQ_page h3 {  
 
#HQ_page h1, #HQ_page h2, #HQ_page h3 {  
 
font-family: 'Poppins', sans-serif;
 
font-family: 'Poppins', sans-serif;
 
font-weight: bold;
 
font-weight: bold;
 
margin-top: 10px;
 
margin-top: 10px;
−
margin-bottom: 10px;
+
margin-bottom: 0;
 
}
 
}
 
#HQ_page h1 { font-size: 26px; }
 
#HQ_page h1 { font-size: 26px; }
Line 82: Line 79:
 
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/7/7e/T--TEC-Costa_Rica--lodyas_background.png') top left repeat;
 
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/7/7e/T--TEC-Costa_Rica--lodyas_background.png') top left repeat;
 
}
 
}
 +
#navbar { float: right; }
 
.navbar-nav li a {
 
.navbar-nav li a {
 
line-height: 25px;
 
line-height: 25px;
Line 91: Line 89:
 
.dropdown .dropdown-menu { margin: 0; }
 
.dropdown .dropdown-menu { margin: 0; }
 
.dropdown:hover {
 
.dropdown:hover {
−
border-bottom: 2px solid white;
+
border-bottom: 1px solid white;
 
background-color: black;
 
background-color: black;
 
}
 
}
−
.active { border-bottom: 2px solid white;}
+
.active { border-bottom: 1px solid white; }
 
.navbar-toggle { margin-top: 15px; }
 
.navbar-toggle { margin-top: 15px; }
 
.navbar-brand { padding-top: 7.5px; }
 
.navbar-brand { padding-top: 7.5px; }
Line 101: Line 99:
 
width: 125px;
 
width: 125px;
 
}
 
}
−
.navbar .container-fluid { width: 85%; }
+
.navbar .container-fluid { width: 90%; }
−
 
+
.well { background-color: #FFFFFF; }
−
.well { background-color: rgba(245, 245, 245, 0.8); }
+
−
 
+
 
main {
 
main {
 
width: 90%;
 
width: 90%;
Line 114: Line 110:
 
padding-bottom: 200px;
 
padding-bottom: 200px;
 
}
 
}
−
+
.parallax {
 +
perspective: 1px;
 +
overflow-x: hidden;
 +
overflow-y: auto;
 +
}
 +
.concept {
 +
display: block;
 +
text-align: center !important;
 +
margin: 10px auto 0 auto;
 +
width: 80%
 +
}
 +
.concept p {
 +
text-align: center !important;
 +
}
 +
.jumbotron span { font-size: 40px; }
 +
.slideanim { visibility: hidden; }
 +
.slide {
 +
    animation-name: slide;
 +
    -webkit-animation-name: slide;
 +
    animation-duration: 1s;
 +
    -webkit-animation-duration: 1s;
 +
    visibility: visible;
 +
}
 +
@keyframes slide {
 +
  0% {
 +
    opacity: 0;
 +
    transform: translateY(70%);
 +
  }
 +
  100% {
 +
    opacity: 1;
 +
    transform: translateY(0%);
 +
  }
 +
}
 +
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
 +
@media screen and (max-width: 1280px) {
 +
}
 +
@media screen and (max-width: 980px) {
 +
#navbar { float: left; }
 +
.well {
 +
padding: 0;
 +
}
 +
}
 +
@media screen and (max-width: 768px) {
 +
#navbar {
 +
float: left;
 +
width: 100%;
 +
}
 +
.navbar-nav li a { text-align: center; }
 +
}
 +
@media screen and (max-width: 480px) {
 +
#navbar {
 +
float: left;
 +
width: 100%;
 +
}
 +
.navbar-nav li a { text-align: center; }
 +
}
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 20:50, 2 December 2016