Difference between revisions of "Team:TEC-Costa Rica/Template:Stylesheet"
| (23 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 60: | Line 59: | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: 10px; | margin-top: 10px; | ||
| − | margin-bottom: | + | margin-bottom: 0; |
} | } | ||
#HQ_page h1 { font-size: 26px; } | #HQ_page h1 { font-size: 26px; } | ||
| Line 90: | Line 89: | ||
.dropdown .dropdown-menu { margin: 0; } | .dropdown .dropdown-menu { margin: 0; } | ||
.dropdown:hover { | .dropdown:hover { | ||
| − | border-bottom: | + | border-bottom: 1px solid white; |
background-color: black; | background-color: black; | ||
} | } | ||
| − | .active { border-bottom: | + | .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 100: | Line 99: | ||
width: 125px; | width: 125px; | ||
} | } | ||
| − | .navbar .container-fluid { width: | + | .navbar .container-fluid { width: 90%; } |
| − | + | .well { background-color: #FFFFFF; } | |
| − | .well { background-color: | + | |
| − | + | ||
main { | main { | ||
width: 90%; | width: 90%; | ||
| Line 113: | 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: 1280px) { | ||
} | } | ||
@media screen and (max-width: 980px) { | @media screen and (max-width: 980px) { | ||
| − | |||
| − | |||
#navbar { float: left; } | #navbar { float: left; } | ||
| + | .well { | ||
| + | padding: 0; | ||
| + | } | ||
} | } | ||
| − | @media screen and (max-width: 480px) { | + | @media screen and (max-width: 768px) { |
| − | #navbar { float: left; } | + | #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
