Difference between revisions of "Team:Bilkent-UNAMBG/Notebook"

Line 26: Line 26:
 
     color: #CCEAE7;
 
     color: #CCEAE7;
 
}
 
}
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
 +
 +
<!-----burdan itibaren accordion-----!>
 +
body {
 +
 +
font-family: calibri, "helvetica neue", helvetica, arial, sans-serif;
 +
color: #232323;
 +
}
 +
 +
h2 {
 +
font-size: 20px;
 +
  font-weight: bold;
 +
}
 +
 +
 +
 +
.wrapper {
 +
margin: 0px;
 +
width: 950px;
 +
  height: 500px;
 +
}
 +
 +
.description {
 +
margin-top: 60px;
 +
font-size: 28px;
 +
line-height: 28px;
 +
color: black;
 +
font-family: cambria, georgia, serif;
 +
}
 +
 +
.description a {
 +
color: #fff;
 +
}
 +
 +
.block {
 +
margin-bottom: 30px;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 +
.col1, .col2, .col3 {
 +
float: left;
 +
-webkit-hyphens:auto;
 +
  -moz-hyphens:auto;
 +
    -ms-hyphens:auto;
 +
        hyphens:auto;
 +
word-wrap:break-word;
 +
font-size: 12px;
 +
margin: 5px 10px;
 +
}
 +
 +
.col1, .col2, .col3 {
 +
width: 600px;
 +
}
 +
 +
.block1 {
 +
background-color: #A0E0A9;
 +
}
 +
 +
.block2 {
 +
background-color: #00ADA7;
 +
}
 +
 +
.block3 {
 +
background-color: #A0E0A9;
 +
}
 +
 +
.block4 {
 +
background-color: #00ADA7;
 +
}
 +
 +
.block5 {
 +
background-color: #A0E0A9;
 +
}
 +
 +
.block6 {
 +
background-color: #00ADA7;
 +
}
 +
 +
.block7  {
 +
background-color: #A0E0A9;
 +
}
 +
.block8 {
 +
background-color: #00ADA7;
 +
}
 +
 +
.block9  {
 +
background-color: #A0E0A9;
 +
}
 +
 +
.block10 {
 +
background-color: #00ADA7;
 +
}
 +
 +
.block11 {
 +
background-color: #A0E0A9;
 +
}
 +
 +
 +
 +
.block-wrapper {
 +
margin: 40px auto 30px auto;
 +
text-align: left;
 +
}
 +
 +
.block-wrapper label {
 +
padding: 5px 10px;
 +
position: relative;
 +
z-index: 20;
 +
display: block;
 +
height: 30px;
 +
cursor: pointer;
 +
color: #333;
 +
line-height: 30px;
 +
font-size: 18px;
 +
font-weight: bold;
 +
  text-shadow: 0px 1px #ccc;
 +
}
 +
 +
.block-wrapper label:hover {
 +
background: #E8C560;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 +
.block-wrapper input:checked + label,
 +
.block-wrapper input:checked + label:hover {
 +
background-color: #ccc;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 +
.block-wrapper input {
 +
display: none;
 +
}
 +
 +
.block-wrapper .block-content {
 +
background-color: #fff;
 +
margin-top: -1px;
 +
overflow: hidden;
 +
height: 0px;
 +
position: relative;
 +
z-index: 10;
 +
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 +
.block-wrapper input:checked ~ .block-content {
 +
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
}
 +
 +
.block-wrapper input:checked ~ .block-content {
 +
height: 400px;
 +
}
 +
 +
<!-----accordion bitiş----->
 +
 +
#content {
 +
    position: relative;
 +
    width: 1350px;
 +
    margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #FFFFFF;
 +
    border-right: 1px solid #FFFFFF;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
 +
 +
 +
 +
body {
 +
        background-color:white;
 +
    }
 +
   
 +
    p.sansserif {
 +
    font-family: Arial, Helvetica, sans-serif;
 +
}
 +
   
 +
   
 +
ul.nav {
 +
   
 +
    background-color: #FFCE76;
 +
    padding: 1px;
 +
    font-size: 11px;
 +
}
 +
 +
    ul.nav li a {
 +
        display: block;
 +
        text-decoration: none;
 +
        padding-bottom: 3px;
 +
        padding-top: 3px;
 +
        padding-right: 9px;
 +
        padding-left: 9px;
 +
        background-color: #FFCE76
 +
       
 +
    }
 +
 +
    ul.nav > li:hover {
 +
       
 +
        background-color: #FFE9C2
 +
       
 +
    }
 +
 +
    ul.nav li a:hover {
 +
        background: #ccc;
 +
        background-color: #FFE9C2
 +
       
 +
    }
 +
 +
    ul.nav > li {
 +
        display: inline-block;
 +
        position: relative;
 +
        background-color: #FFCE76
 +
       
 +
    }
 +
 +
    ul.nav > li ul {
 +
        display: none;
 +
        position: absolute;
 +
        left: -1px;
 +
        background-color: #FFCE76;
 +
        border-top-color: #fff;
 +
        margin-top: 0px;
 +
        width: 100px;
 +
    }
 +
 +
    ul.nav > li:hover ul {
 +
        display: block;
 +
    }
 +
 +
    ul.nav > li ul li {
 +
        display: inline-block;
 +
    }
 +
 +
a.one:link {color:#0E2036;text-decoration:none;}
 +
a.one:visited {color:#214D7F;text-decoration:none;}
 
</style>
 
</style>
 +
 
<body >
 
<body >
 
<br></br><br></br>
 
<br></br><br></br>
Line 41: Line 296:
 
</ul>
 
</ul>
 
</div>
 
</div>
 +
<div id="content" style="margin-left:10%"
 +
 +
<div class="wrapper">
 +
    <div class="description">
 +
 +
</div>
 +
<div class="block-wrapper">
 +
<div class="block block1">
 +
<input id="bl1" name="bl1" type="checkbox" />
 +
<label for="bl1">15.10.2014</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="600px" src="https://static.igem.org/mediawiki/2015/5/54/Original_team_first_metu_igem.jpeg"></td>
 +
<td>
 +
<h4>FIRST GROUP SELFIE</h4><p padding="50px">Hi dear İGEMers!! We are  the METU iGEM Team!!. We are all dedicated and working hard for this competition. We all want to participate in iGEM and we are so excited for it! During  our working process we have become close friends. We have shared our experiences and hard times. However, thanks to our efficient collaboration we were able to get rid of some difficulties about our project.</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
</div>
 +
 +
<div class="block block2">
 +
<input id="bl2" name="bl2" type="checkbox" />
 +
<label for="bl2">13.03.2015</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/e/e0/Synbio_Party_1.jpeg"></td>
 +
<td>
 +
<h4>SYNBIO PARTY</h4><p padding="50px">Hi everyone! Did you hear about our synbio party? We worked together to have a party at one of Ankara’s most famous places. Our little shot tubes are for all of the guests. Many instructors and students from different colleges joined the party. It was a fun night and highly efficient in terms of our budget O</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
<div class="block block3">
 +
<input id="bl3" name="bl3" type="checkbox" />
 +
<label for="bl3">24.05.2015</label>
 +
<div class="block-content">
 +
            <br><!-- İkinci akordeon menüsü burdan. -->
 +
<table>
 +
<tr>
 +
<td><img width="400px" src="https://static.igem.org/mediawiki/2015/1/1d/Celiac_meeting_1.jpeg"></td>
 +
<td><h4>PRESENTATION AT TURGUT OZAL UNIVERSITY</h4><p>Hi iGemers! These photos are from the day when we met with the iGem team from Turgut Ozal University. We shared our project that we work on and ideas about competition with each other. There have been some advices and some new ideas! NO GLUTEN!
 +
</p></td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="block block4">
 +
<input id="bl4" name="bl4" type="checkbox" />
 +
<label for="bl4">04.06.2015</label>
 +
<div class="block-content">
 +
            <br><!-- İkinci akordeon menüsü burdan. -->
 +
<table>
 +
<tr>
 +
<td><img width="400px" src="https://static.igem.org/mediawiki/2015/f/fc/Pasteur_collaboration_1.jpeg"></td>
 +
<td><h4>COLLABORATION WITH PASTEUR</h4><p>Serdar is a nice boy. It was easy to communicate and speak with him. Ilkem was again full of care for both of the teams like he always is O Sharing ideas and problems with another team made us more comfortable. The competition can make students stressful!!  In addition, one of the advisor instructors of Pasteur team joined us and he made us laugh with his funny personality.
 +
</p></td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<div class="block block5">
 +
<input id="bl5" name="bl5" type="checkbox" />
 +
<label for="bl5">30.06.2015</label>
 +
<div class="block-content">
 +
            <br><!-- İkinci akordeon menüsü burdan. -->
 +
<table>
 +
<tr>
 +
<td><img width="600px" src="https://static.igem.org/mediawiki/2015/c/c1/Bengisu_Birthday_1.jpeg"></td>
 +
<td><h4>HAPPY BIRTHDAY BENGISU!</h4><p>After an exhausting meeting, we got together and arranged a little surprise for Bengisu! It is nice to share both happiness and responsibilities!</p></td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
</div>
 +
 +
 +
</div> <!-- End .log -->
 +
 +
  
 +
</div> <!-- End .wrapper -->
  
 
<div class="column full_size">
 
<div class="column full_size">

Revision as of 10:18, 1 October 2016






FIRST GROUP SELFIE

Hi dear İGEMers!! We are the METU iGEM Team!!. We are all dedicated and working hard for this competition. We all want to participate in iGEM and we are so excited for it! During our working process we have become close friends. We have shared our experiences and hard times. However, thanks to our efficient collaboration we were able to get rid of some difficulties about our project.

SYNBIO PARTY

Hi everyone! Did you hear about our synbio party? We worked together to have a party at one of Ankara’s most famous places. Our little shot tubes are for all of the guests. Many instructors and students from different colleges joined the party. It was a fun night and highly efficient in terms of our budget O

PRESENTATION AT TURGUT OZAL UNIVERSITY

Hi iGemers! These photos are from the day when we met with the iGem team from Turgut Ozal University. We shared our project that we work on and ideas about competition with each other. There have been some advices and some new ideas! NO GLUTEN!


COLLABORATION WITH PASTEUR

Serdar is a nice boy. It was easy to communicate and speak with him. Ilkem was again full of care for both of the teams like he always is O Sharing ideas and problems with another team made us more comfortable. The competition can make students stressful!! In addition, one of the advisor instructors of Pasteur team joined us and he made us laugh with his funny personality.


HAPPY BIRTHDAY BENGISU!

After an exhausting meeting, we got together and arranged a little surprise for Bengisu! It is nice to share both happiness and responsibilities!

Document the dates you worked on your project.

What should this page have?
  • Chronological notes of what your team is doing.
  • Brief descriptions of daily important events.
  • Pictures of your progress.
  • Mention who participated in what task.
Inspiration

You can see what others teams have done to organize their notes: