Difference between revisions of "Team:Exeter/Log"

Revision as of 19:18, 29 August 2016 (view source)

AndrewWild (Talk | contribs)

← Older edit

Revision as of 20:23, 29 August 2016 (view source)

AndrewWild (Talk | contribs)

Newer edit →

Line 47:

display:block !important;

}

−

#~~soc~~{

+

#soc_1, #soc_2, #soc_3{

display:none;

}

Line 220:

}

#pp{

−

padding-top:~~20px~~;

+

padding-top:3%;

−

padding-right:~~40px~~;

+

padding-left:5%;

−

padding-~~left~~:~~40px~~;

+

padding-right:5%;

+

padding-bottom:1%;

font-size:150%;

−

}

−

~~/*Heading styles*/~~

−

~~h1, h2, h3, h4, h5{~~

−

~~text-align:center;~~

−

~~color:#339499;~~

−

~~font-weight:500;~~

−

~~padding-left: 40px;~~

−

~~padding-right: 40px;~~

−

}

−

~~h1{font-size:340%;}~~

−

~~h2{font-size:320%;}~~

−

~~h3{font-size:290%;}~~

−

~~h4{font-size:260%;}~~

−

~~h5{font-size:220%;}~~

−

~~h6{~~

−

~~color:#339499;~~

−

~~font-weight:500;~~

−

~~font-size:200%;~~

−

~~padding-left:40px;~~

−

}

−

~~/*Italics for Quotes using i tag*/~~

−

q{

−

~~text-align:center;~~

−

~~color:#339499;~~

−

~~padding-left:10%;~~

−

~~padding-right:10%;~~

−

~~font-size:120%;~~

−

~~font-style: italic;~~

−

}

−

~~/*Styling for links*/~~

−

a{

−

~~color:#339499;~~

−

~~font-weight:550;~~

}

/**page content styling starts**/

Line 455:

Line 422:

right: 0;

color:#4e4e4e;

−

}

−

~~#soc{~~

−

~~margin-top:-12px;~~

−

~~margin-left:-15px;~~

−

}

−

~~.soc_1{~~

−

~~margin-right:3px;~~

−

}

−

~~.soc_2{~~

−

~~margin-right:3px;~~

−

}

−

~~.soc_3{~~

−

~~margin-right:3px;~~

}

span.vlog{

Line 502:

Line 456:

.calendar{

display:none;

+

}

+

.calendar_space, .calendar_box, .calendar_link{

+

height:4vh;

+

wdith:4vh;

}

Line 532:

Line 490:

<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>

</ul>

−

+

−

+

−

+

−

+

−

</li>

+

</a>

−

+

</li>

−

+

−

+

−

</li>

+

−

+

</a>

−

+

</li>

−

+

−

</li>

+

−

</ul>

+

+

</a>

+

</li>

+

</ul>

</div>

Line 620:

Line 581:

<h1 id="title" style="margin-bottom:8vh;">Timeline</h1>

−

+

<div id="March_btn" class="calendar_btn calendar_selector">March</div>

Line 640:

Line 601:

<div class="col-xs-6 calendar_box grey"><span></span></div><div class="col-xs-6">Easter & Exams</div>

</div>

−

+

+

−

+

Line 654:

Line 616:

−

+

Line 662:

Line 624:

−

+

</div>

−

+

Line 673:

Line 635:

−

+

</div>

−

+

Line 684:

Line 646:

−

+

</div>

−

+

Line 695:

Line 657:

−

+

</div>

−

+

Line 706:

Line 668:

−

+

</div>

−

+

Line 719:

Line 681:

−

+

</div>

−

+

Line 730:

Line 692:

−

+

</div>

−

+

Line 741:

Line 703:

−

+

</div>

−

+

Line 752:

Line 714:

−

+

</div>

−

+

Line 763:

Line 725:

−

+

</div>

−

+

Line 776:

Line 738:

−

+

</div>

−

+

Line 787:

Line 749:

−

+

</div>

−

+

Line 798:

Line 760:

−

+

</div>

−

+

Line 809:

Line 771:

−

+

</div>

−

+

Line 820:

Line 782:

−

+

</div>

−

+

Line 833:

Line 795:

−

+

</div>

−

+

Line 844:

Line 806:

−

+

</div>

−

+

Line 855:

Line 817:

−

+

</div>

−

+

Line 866:

Line 828:

−

+

</div>

−

+

Line 877:

Line 839:

−

+

</div>

−

+

Line 890:

Line 852:

−

+

</div>

−

+

Line 901:

Line 863:

−

+

</div>

−

+

Line 912:

Line 874:

−

+

</div>

−

+

Line 923:

Line 885:

−

+

</div>

−

+

Line 934:

Line 896:

−

+

</div>

−

+

Line 945:

Line 907:

−

+

</div>

−

+

Line 958:

Line 920:

−

+

</div>

−

+

Line 969:

Line 931:

−

+

</div>

−

+

Line 980:

Line 942:

−

+

</div>

−

+

Line 991:

Line 953:

−

+

</div>

−

+

Line 1,002:

Line 964:

−

+

</div>

−

+

Line 1,015:

Line 977:

−

+

</div>

−

+

Line 1,026:

Line 988:

−

+

</div>

−

+

Line 1,037:

Line 999:

−

+

</div>

−

+

Line 1,048:

Line 1,010:

−

+

</div>

−

+

Line 1,059:

Line 1,021:

−

+

</div>

−

+

Line 1,072:

Line 1,034:

−

+

</div>

−

+

Line 1,083:

Line 1,045:

−

+

</div>

−

+

Line 1,094:

Line 1,056:

−

+

</div>

−

+

Line 1,105:

Line 1,067:

−

+

</div>

−

+

Line 1,116:

Line 1,078:

−

+

</div>

−

+

Line 1,127:

Line 1,089:

−

+

</div>

−

+

Line 1,140:

Line 1,102:

−

+

</div>

−

+

Line 1,151:

Line 1,113:

−

+

</div>

−

+

Line 1,162:

Line 1,124:

−

+

</div>

−

+

Line 1,173:

Line 1,135:

−

+

</div>

−

+

Line 1,184:

Line 1,146:

−

+

</div>

Line 1,223:

Line 1,185:

−

+

−

+

</a>

Line 1,233:

Line 1,195:

</a>

</footer>

+

</body>

</html>

@@ Line 47: / Line 47: @@
        display:block !important;
    }
-   #soc{
+   #soc_1, #soc_2, #soc_3{
 		display:none;
    }
@@ Line 220: / Line 220: @@
 }
 #pp{
-padding-top:20px;
+	padding-top:3%;
-padding-right:40px;
+	padding-left:5%;
-padding-left:40px;
+	padding-right:5%;
+	padding-bottom:1%;
 	font-size:150%;
-}
-/*Heading styles*/
-h1, h2, h3, h4, h5{
-	text-align:center;
-	color:#339499;
-	font-weight:500;
-    padding-left: 40px;
-    padding-right: 40px;
-}
-h1{font-size:340%;}
-h2{font-size:320%;}
-h3{font-size:290%;}
-h4{font-size:260%;}
-h5{font-size:220%;}
-h6{
-	color:#339499;
-	font-weight:500;
-	font-size:200%;
-	padding-left:40px;
-}
-/*Italics for Quotes using i tag*/
-q{
-	text-align:center;
-	color:#339499;
-	padding-left:10%;
-	padding-right:10%;
-	font-size:120%;
-	font-style: italic;
-}
-/*Styling for links*/
-a{
-	color:#339499;
-	font-weight:550;
 }
 /**page content styling starts**/
@@ Line 455: / Line 422: @@
 	right: 0;
 color:#4e4e4e;
-}
-#soc{
-	margin-top:-12px;
-	margin-left:-15px;
-}
-.soc_1{
-	margin-right:3px;
-}
-.soc_2{
-	margin-right:3px;
-}
-.soc_3{
-	margin-right:3px;
 }
 span.vlog{
@@ Line 502: / Line 456: @@
 	.calendar{
 		display:none;
+	}
+	.calendar_space, .calendar_box, .calendar_link{
+		height:4vh;
+		wdith:4vh;
 	}
 }
@@ Line 532: / Line 490: @@
 <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
 			</ul>
-			<ul class="nav navbar-nav navbar-right">
+			<ul class="nav navbar-nav navbar-right" >
-					<li style="height:50px;width:48px;"class="soc_1">
+				<li class="media_icon" id="soc_1">
-						<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+					<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
-						<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/></a>
+						<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
-					</li>
+					</a>
-					<li style="height:50px;width:48px;"class="soc_2">
+				</li>
-						<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
+			    <li class="media_icon" id="soc_2">
-						<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/></a>
+					<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
-					</li>
+						<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/>
-					<li style="height:50px;width:48px;"class="soc_3">
+					</a>
-						<a href="https://twitter.com/exeter_igem">
+				</li>
-						<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/></a>
+			    <li class="media_icon" id="soc_3">
-					</li>
+					<a  href="https://twitter.com/exeter_igem">
-				</ul>
+						<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/>
+					</a>
+				</li>
+			</ul>
 	    </div>
      </div>
@@ Line 620: / Line 581: @@
 	<div class="div_vl backgroundimage">
 		<h1 id="title" style="margin-bottom:8vh;">Timeline</h1>
-		<div class="col-xs-1"></div>
+		<div class="col-xs-0 col-sm-1"></div>
 		<div class="col-xs-2" style="height:40vh;">
 			<div id="March_btn" class="calendar_btn calendar_selector">March</div>
@@ Line 640: / Line 601: @@
 			<div class="col-xs-6 calendar_box grey"><span></span></div><div class="col-xs-6">Easter & Exams</div>
 		</div>
-		<div class="col-xs-7 calendar" style="margin-bottom:30vh;height:10vh;">
+		<div class="col-sm-0 col-xs-1"></div>
+		<div class="col-xs-9 col-sm-7" style="margin-bottom:30vh;height:10vh;">
 			<div class="row  calendar_header">
-				<div class="col-xs-3"></div>
+				<div class="col-xs-0 col-sm-3"></div>
 				<div class="col-xs-1 calendar_space"><span>S</span></div>
 				<div class="col-xs-1 calendar_space"><span>M</span></div>
@@ Line 654: / Line 616: @@
 			<div id="March" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 662: / Line 624: @@
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>4</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top right"><span>5</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left top"><span>6</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
@@ Line 673: / Line 635: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>11</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>12</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>13</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a>
@@ Line 684: / Line 646: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>18</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>19</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>20</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
@@ Line 695: / Line 657: @@
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right bottom"><span>26</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left bottom"><span>27</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>28</span></a>
@@ Line 706: / Line 668: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="April" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 719: / Line 681: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey top left"><span>1</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey top right"><span>2</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left top"><span>3</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey top"><span>4</span></a>
@@ Line 730: / Line 692: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>8</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right"><span>9</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left"><span>10</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>11</span></a>
@@ Line 741: / Line 703: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>15</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right"><span>16</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left"><span>17</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>18</span></a>
@@ Line 752: / Line 714: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>22</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right"><span>23</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left bottom"><span>24</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>25</span></a>
@@ Line 763: / Line 725: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>29</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right bottom"><span>30</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="May" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey top left"><span>1</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey top"><span>2</span></a>
@@ Line 776: / Line 738: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey top right"><span>7</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left"><span>8</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>9</span></a>
@@ Line 787: / Line 749: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>13</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right"><span>14</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left"><span>15</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>16</span></a>
@@ Line 798: / Line 760: @@
 					<a id="" href="#" class="col-xs-1 calendar_box grey"><span>20</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box grey right"><span>21</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box grey left"><span>22</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>23</span></a>
@@ Line 809: / Line 771: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>27</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right bottom"><span>28</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>29</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>30</span></a>
@@ Line 820: / Line 782: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="June" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"></a>
@@ Line 833: / Line 795: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date top"><span>3</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top right"><span>4</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left top"><span>1</span></a>
 					<a id="6.6.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>6</span></a>
@@ Line 844: / Line 806: @@
 					<a id="10.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>10</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>11</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>12</span></a>
 					<a id="13.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>13</span></a>
@@ Line 855: / Line 817: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>17</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_link date right"><span>18</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_link date left"><span>19</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>20</span></a>
@@ Line 866: / Line 828: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>24</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>25</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>26</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>27</span></a>
@@ Line 877: / Line 839: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="July" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 890: / Line 852: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date left top"><span>1</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top right"><span>2</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left top"><span>3</span></a>
 					<a id="4.7.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>4</span></a>
@@ Line 901: / Line 863: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>8</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>9</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>10</span></a>
 					<a id="11.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>11</span></a>
@@ Line 912: / Line 874: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>15</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>16</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>17</span></a>
 					<a id="18.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span><span class="vlog">V</span>18</span></a>
@@ Line 923: / Line 885: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date"><span>22</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>23</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>24</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>25</span></a>
@@ Line 934: / Line 896: @@
 					<a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>29</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom left right"><span>31</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 945: / Line 907: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="August" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="1.8.16" href="#" class="col-xs-1 calendar_link vlog left top"><span class="vlog">V</span><span>1</span></a>
@@ Line 958: / Line 920: @@
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>5</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top right"><span>6</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left top"><span>7</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>8</span></a>
@@ Line 969: / Line 931: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>12</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>13</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>14</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>15</span></a>
@@ Line 980: / Line 942: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>19</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>20</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>21</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>22</span></a>
@@ Line 991: / Line 953: @@
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>27</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>28</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a>
@@ Line 1,002: / Line 964: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="September" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 1,015: / Line 977: @@
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>2</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top right"><span>3</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left top"><span>4</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>5</span></a>
@@ Line 1,026: / Line 988: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>9</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>10</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>11</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>12</span></a>
@@ Line 1,037: / Line 999: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>16</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>17</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>18</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>19</span></a>
@@ Line 1,048: / Line 1,010: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>23</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>124</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>25</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a>
@@ Line 1,059: / Line 1,021: @@
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="October" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 1,072: / Line 1,034: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box left top right"><span>1</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left top"><span>2</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>3</span></a>
@@ Line 1,083: / Line 1,045: @@
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>8</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>9</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>10</span></a>
@@ Line 1,094: / Line 1,056: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>15</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>16</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>17</span></a>
@@ Line 1,105: / Line 1,067: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>22</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>23</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>24</span></a>
@@ Line 1,116: / Line 1,078: @@
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>29</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>30</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right bottom"><span>31</span></a>
@@ Line 1,127: / Line 1,089: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
 			<div id="November" class="month">
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
@@ Line 1,140: / Line 1,102: @@
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>4</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top right"><span>5</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box top left"><span>6</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
@@ Line 1,151: / Line 1,113: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>11</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>12</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>13</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a>
@@ Line 1,162: / Line 1,124: @@
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>18</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box right"><span>19</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left"><span>20</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
@@ Line 1,173: / Line 1,135: @@
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>26</span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 				<div class="row" style="padding:0;margin:0;">
-					<div class="col-xs-3"></div>
+					<div class="col-xs-0 col-sm-3"></div>
 					<a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>27</span></a>
 					<a id="" href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a>
@@ Line 1,184: / Line 1,146: @@
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
 					<a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
-					<div class="col-xs-2"></div>
+					<div class="col-sm-2 col-xs-0"></div>
 				</div>
 			</div>
@@ Line 1,223: / Line 1,185: @@
 <div class="flare"></div>
 		<footer class="footer">
-			<a style="margin-left:3%" href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+			<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
-				<img  src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
+				<img style="padding-left:3%" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
 			</a>
 			<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
@@ Line 1,233: / Line 1,195: @@
 			</a>
 		</footer>
+<!--numbr 1:  i cant get your toplink to show number 2: weird grey bar on toggle menue-->
 </body>
 </html>