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

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
−
    <meta charset="utf-8">
+
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">
−
<meta name="viewport" content="initial-scale=1.0,width=device-width"/>
+
<style type="text/css">
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
/* Setting the WIKI config to default. START */
−
<link rel="stylesheet" href="https://2016.igem.org/Team:TEC-Costa_Rica/css/stylesheet.css">
+
* {
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
margin: 0;
−
<style type="text/css">
+
padding: 0;
−
.synbiothon .concept {
+
border: 0;
−
display: block;
+
font-size: 100%;
−
text-align: center;
+
font: inherit;
−
margin: 0 auto 0 auto;
+
vertical-align: baseline;
−
width: 80%
+
}
−
}
+
#globalWrapper {
−
</style>
+
margin: 0 auto;
−
</head>
+
padding: 0;
−
<body>
+
top: 0;
−
<header>
+
left: 0;
−
  <div class="container">
+
bottom: 0;
−
<navbar class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
width: 100%;
−
<div class="container-fluid">
+
height: auto;
−
<div class="navbar-header">
+
position: relative;
−
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
overflow: visible;
−
<span class="sr-only">Toggle navigation</span>
+
background-color: transparent;
−
<span class="icon-bar" ></span>
+
}
−
<span class="icon-bar"></span>
+
#content {
−
<span class="icon-bar"></span>
+
margin: 0;
−
</button>
+
padding: 0;
−
<a class="navbar-brand" href="https://2016.igem.org/Team:TEC-Costa_Rica">
+
border: none;
−
<img id="prostal-logo" alt="Prostal Brand" class="featurette-image img-responsive center-block" src="https://static.igem.org/mediawiki/2016/0/0e/T--TEC-Costa_Rica--prostal_logo.png"></a>
+
top: 0;
−
</div>
+
left: 0;
 +
bottom: 0;
 +
width: 100%;
 +
height: auto;
 +
position: relative;
 +
z-index: 1;
 +
background-color: transparent;
 +
}
 +
#bodyContent, #HQ_page, #mw-content-text {
 +
margin: 0 auto;
 +
padding: 0;
 +
border: none;
 +
border-color: none;
 +
top: 0;
 +
left: 0;
 +
bottom: 0;
 +
height: auto;
 +
width: 100%;
 +
position: relative;
 +
background-color: transparent;
 +
}
 +
#top_title, #sideMenu, #top_menu_under { display: none; }
 +
#top_menu_14 { position: fixed; }
 +
/* Setting the WIKI config to default. END */
  
−
<div id="navbar" class="collapse navbar-collapse pull-right">
+
body { background: #FFFFFF url('https://static.igem.org/mediawiki/2016/4/4c/T--TEC-Costa_Rica--gplaypattern_background.png') top left repeat; }
−
<ul class="nav navbar-nav">
+
#HQ_page h1, #HQ_page h2, #HQ_page h3 {
−
<li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica">Home</a></li>
+
font-family: 'Poppins', sans-serif;
−
<li class="dropdown">
+
font-weight: bold;
−
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Team">Team</a>
+
margin-top: 10px;
−
<ul class="dropdown-menu">
+
margin-bottom: 0;
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Members">Members</a></li>
+
}
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Instructors">Instructors</a></li>
+
#HQ_page h1 { font-size: 26px; }
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Advisors">Advisors</a></li>
+
#HQ_page h2 { font-size: 22px; }
−
</ul>
+
#HQ_page h3 { font-size: 18px; }
−
</li>
+
#HQ_page p {
−
<li class="dropdown">
+
font-family: 'Lato', sans-serif;
−
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Project">Project</a>
+
font-size: 16px;
−
<ul class="dropdown-menu">
+
margin: 0;
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/System">System</a></li>
+
padding: 0;
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Modelling_Simulations">Modelling & Simulations</a></li>
+
border: 0;
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Parts">Parts</a></li>
+
}
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Collaborations">Collaborations</a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Safety">Safety</a></li>
+
/* NAVBAR settings. START */
−
</ul>
+
navbar {
−
</li>
+
box-shadow: 5px 4px 5px #000;
−
<li class="dropdown">
+
font-family: 'Open Sans', sans-serif;
−
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging">Judging</a>
+
margin-top: 16px;
−
<ul class="dropdown-menu">
+
background: #FFFFFF url('https://static.igem.org/mediawiki/2016/7/7e/T--TEC-Costa_Rica--lodyas_background.png') top left repeat;
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Golden_Medals">Golden Medals</a></li>
+
}
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Silver_Medals">Silver Medals</a></li>
+
#navbar { float: right; }
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Bronze_Medals">Bronze Medals</a></li>
+
.navbar-nav li a {
−
</ul>
+
line-height: 25px;
−
</li>
+
font-family: 'Poppins', sans-serif;
−
<li class="dropdown active">
+
font-weight: normal;
−
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice">Human Practice</a>
+
text-transform: uppercase;
−
<ul class="dropdown-menu">
+
font-size: 12px;
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon">Synbiothon</a></li>
+
}
−
</ul>
+
.dropdown .dropdown-menu { margin: 0; }
−
</li>
+
.dropdown:hover {
−
<li class="dropdown">
+
border-bottom: 1px solid white;
−
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook">Notebook</a>
+
background-color: black;
−
<ul class="dropdown-menu">
+
}
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Laboratory">Laboratory</a></li>
+
.active { border-bottom: 1px solid white; }
−
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Protocols">Protocols</a></li>
+
.navbar-toggle { margin-top: 15px; }
−
</ul>
+
.navbar-brand { padding-top: 7.5px; }
−
</li>
+
.navbar-brand img {
−
<li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Interlab">Interlab</a></li>
+
height: 50px;
−
</ul>
+
width: 125px;
−
</div>
+
}
−
</div>
+
.navbar .container-fluid { width: 90%; }
−
</navbar>
+
.well { background-color: #FFFFFF; }
−
</div>
+
main {
−
</header>
+
width: 90%;
−
</body>
+
height: 100%;
−
</html>
+
display: block;
−
{{:Team:TEC-Costa_Rica/Template:Stylesheet}}
+
margin: auto;
−
<html>
+
margin-top: 90px;
−
<body>
+
position: relative;
−
<main class="synbiothon well">
+
padding-bottom: 200px;
−
<h1>SynBioThon 2016: rewriting the code</h1>
+
}
−
<div class="concept" style="text-align: center;">
+
.parallax {
−
<h2>Concept</h2>
+
perspective: 1px;
−
<p>SynBioThon 2016 (SBT16) is a Synthetic Biology tournament, in which teams of students work for a weekend to create a genetic device that can solve some kind of problem.</p>
+
overflow-x: hidden;
−
</div>
+
overflow-y: auto;
−
<h2>Reach</h2>
+
}
−
<p>For SBT16, we had diverse talks in different classes and universities, trying to reach the most diverse participants. In our college (TEC), we spoke with people of different majors (Biotechnology Engineering, Material Science, Agricultural Engineering, and others). We also went to two other public universities: University of Costa Rica (UCR), where we spoke with people of Biology, Microbiology and Pharmacy, and the National University (UNA), where wetalked to students of Biology. We also gave talks in private universities such as UCIMED (Medical School), LEAD University (Business Management), and others.</p>
+
.concept {
−
<p>Prior to the event, we had preparatory workshops with students so they could get a grasp of genetics, molecular biology, and bioinformatics if they weren’t familiar with them. We had three workshops at UCR, one at UNA, and four at TEC. We had obout 80 students overall in a full-day session. We had a theoric section where we explained the basics of genetics and molecular biology, and then an activity to test the concepts, and after lunch a demonstrative session of bioinformatics, centered in databases and benchling, which was followed by work.</p>
+
display: block;
−
<h2>Mentors and Judges</h2>
+
text-align: center !important;
−
<h2>Projects</h2>
+
margin: 10px auto 0 auto;
−
<h2>Evaluation</h2>
+
width: 80%
−
<h2>The winners</h2>
+
}
−
</main>
+
.concept p {
−
</body>
+
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>
 
</html>
 
</html>
−
{{:Team:TEC-Costa_Rica/Template:Scripts}}
 
−
{{:Team:TEC-Costa_Rica/Template:Footer}}
 

Latest revision as of 20:50, 2 December 2016