Difference between revisions of "Template:London Biohackspace"

Revision as of 15:45, 14 July 2015 (view source)

Ajdeny (Talk | contribs)

← Older edit

Revision as of 15:47, 14 July 2015 (view source)

Ajdeny (Talk | contribs)

Newer edit →

Line 193:

@media only screen and (max-width: 995px) {

−

~~/*.sf-menu > li { margin: 0 15px;}*/~~

}

Line 228:

Line 227:

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}

−

/*

−

* Skeleton V1.1

−

* www.getskeleton.com

−

* Free to use under the MIT license.

−

* http://www.opensource.org/licenses/mit-license.php

−

* 8/17/2011

−

*/

−

~~/* Table of Contents~~

−

~~==================================================~~

−

~~#Base 960 Grid~~

−

~~#Tablet (Portrait)~~

−

~~#Mobile (Portrait)~~

−

~~#Mobile (Landscape)~~

−

~~#Clearing */~~

−

~~/* #Base 960 Grid~~

−

~~================================================== */~~

.container_16{ position: relative; width: 960px; margin: 0 auto; padding: 0; }

Line 269:

Line 246:

.grid_16 { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

−

~~/* Nested Column Classes */~~

.container_16 .alpha { margin-left: 0; }

.container_16 .omega { margin-right: 0; }

−

~~/* Base Grid */~~

.container_16 .grid_1 { width: 40px; }

.container_16 .grid_2 { width: 100px; }

Line 290:

Line 265:

.container_16 .grid_15 { width: 880px; }

.container_16 .grid_16 { width: 940px; }

−

~~/* Prefix Extra Space >> 16 Columns */~~

+

.container_16 .prefix_1 {padding-left:60px;}

.container_16 .prefix_2 {padding-left:120px;}

Line 306:

Line 281:

.container_16 .prefix_14 {padding-left:840px;}

.container_16 .prefix_15 {padding-left:900px;}

−

~~/* Suffix Extra Space >> 16 Columns */~~

+

.container_16 .suffix_1 {padding-right:60px;}

.container_16 .suffix_2 {padding-right:120px;}

Line 323:

Line 298:

.container_16 .suffix_15 {padding-right:900px;}

−

~~/* #Tablet (Portrait)~~

−

~~================================================== */~~

−

~~/* Note: Design for a width of 768px */~~

@media only screen and (min-width: 768px) and (max-width: 995px) {

Line 365:

Line 336:

.container_16 .grid_15 { width: 700px; }

.container_16 .grid_16 { width: 748px; }

−

~~/* Prefix Extra Space >> 16 Columns */~~

+

.container_16 .prefix_1 {padding-left:48px;}

.container_16 .prefix_2 {padding-left:96px;}

Line 381:

Line 352:

.container_16 .prefix_14 {padding-left:672px;}

.container_16 .prefix_15 {padding-left:720px;}

−

~~/* Suffix Extra Space >> 16 Columns */~~

+

.container_16 .suffix_1 {padding-right:48px;}

.container_16 .suffix_2 {padding-right:96px;}

Line 399:

Line 370:

}

−

~~/* #Mobile (Portrait)~~

−

~~================================================== */~~

−

~~/* Note: Design for a width of 320px */~~

@media only screen and (max-width: 767px) {

Line 424:

Line 391:

.container_16 .grid_15,

.container_16 .grid_16{ width: 300px;}

−

~~/* Prefix Extra Space >> 12 Columns */~~

+

.container_16 .prefix_1,

.container_16 .prefix_2,

Line 440:

Line 407:

.container_16 .prefix_14,

.container_16 .prefix_15{padding-left:0;}

−

~~/* Suffix Extra Space >> 12 Columns */~~

+

.container_16 .suffix_1,

.container_16 .suffix_2,

Line 478:

Line 445:

}

−

~~/* #Mobile (Landscape)~~

−

~~================================================== */~~

−

~~/* Note: Design for a width of 480px */~~

@media only screen and (min-width: 480px) and (max-width: 767px) {

Line 504:

Line 466:

.container_16 .grid_15,

.container_16 .grid_16{ width: 420px; }

−

~~/* Prefix Extra Space >> 12 Columns */~~

+

.container_16 .prefix_1,

.container_16 .prefix_2,

Line 520:

Line 482:

.container_16 .prefix_14,

.container_16 .prefix_15{padding-left:0;}

−

~~/* Suffix Extra Space >> 12 Columns */~~

+

.container_16 .suffix_1,

.container_16 .suffix_2,

Line 539:

Line 501:

−

~~/* #Clearing~~

−

~~================================================== */~~

−

~~/* Self Clearing Goodness */~~

.container_16:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

−

~~/* Use clearfix class on parent to clear nested columns,~~

−

~~or wrap each row of columns in a <div class="row"> */~~

.clearfix:before,

.clearfix:after,

Line 564:

Line 520:

zoom: 1; }

−

~~/* You can also use a <br class="clear" /> to clear columns */~~

.clear {

clear: both;

Line 574:

Line 529:

}

−

~~~~

−

~~/*css*/~~

−

~~@import "skeleton.css";~~

@import url(//fonts.googleapis.com/css?family=Stint+Ultra+Condensed);

Line 713:

Line 665:

.list li a:hover { color: #f74f42;}

−

~~/*auxiliary*/~~

.img-ind {float: left; margin-right: 20px; margin-top: 2px;}

Line 800:

Line 750:

.page-1 .img-ind {float: left; margin-right: 41px; margin-top: 2px;}

−

~~/************Header************/~~

header { position: relative; background: url(https://static.igem.org/mediawiki/2015/a/ae/LONBIO-Bg-1.jpg) center 0 no-repeat;background-size: 100% auto; padding-bottom: 23px;}

@@ Line 193: / Line 193: @@
 @media only screen and (max-width: 995px) {
-	/*.sf-menu > li { margin: 0 15px;}*/
 }
@@ Line 228: / Line 227: @@
 a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}
-/*
-* Skeleton V1.1
-* Copyright 2011, Dave Gamache
-* www.getskeleton.com
-* Free to use under the MIT license.
-* http://www.opensource.org/licenses/mit-license.php
-* 8/17/2011
-*/
-/* Table of Contents
-==================================================
-    #Base 960 Grid
-    #Tablet (Portrait)
-    #Mobile (Portrait)
-    #Mobile (Landscape)
-    #Clearing */
-/* #Base 960 Grid
-================================================== */
      .container_16{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
@@ Line 269: / Line 246: @@
 	.grid_16 { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
-    /* Nested Column Classes */
      .container_16 .alpha              	{ margin-left: 0; }
      .container_16 .omega              	{ margin-right: 0; }
-    /* Base Grid */
      .container_16 .grid_1  			{ width: 40px;  }
      .container_16 .grid_2 			{ width: 100px; }
@@ Line 290: / Line 265: @@
      .container_16 .grid_15 			{ width: 880px; }
      .container_16 .grid_16			{ width: 940px; }
-	/* Prefix Extra Space >> 16 Columns */
 	.container_16 .prefix_1 		{padding-left:60px;}
 	.container_16 .prefix_2 		{padding-left:120px;}
@@ Line 306: / Line 281: @@
 	.container_16 .prefix_14 		{padding-left:840px;}
 	.container_16 .prefix_15 		{padding-left:900px;}
-	/* Suffix Extra Space >> 16 Columns */
 	.container_16 .suffix_1 		{padding-right:60px;}
 	.container_16 .suffix_2 		{padding-right:120px;}
@@ Line 323: / Line 298: @@
 	.container_16 .suffix_15 		{padding-right:900px;}
-/* #Tablet (Portrait)
-================================================== */
-    /* Note: Design for a width of 768px */
      @media only screen and (min-width: 768px) and (max-width: 995px) {
@@ Line 365: / Line 336: @@
          .container_16 .grid_15 			{ width: 700px; }
          .container_16 .grid_16  		{ width: 748px; }
-		/* Prefix Extra Space >> 16 Columns */
 		.container_16 .prefix_1 		{padding-left:48px;}
 		.container_16 .prefix_2 		{padding-left:96px;}
@@ Line 381: / Line 352: @@
 		.container_16 .prefix_14 		{padding-left:672px;}
 		.container_16 .prefix_15 		{padding-left:720px;}
-		/* Suffix Extra Space >> 16 Columns */
 		.container_16 .suffix_1 		{padding-right:48px;}
 		.container_16 .suffix_2 		{padding-right:96px;}
@@ Line 399: / Line 370: @@
      }
-/*  #Mobile (Portrait)
-================================================== */
-    /* Note: Design for a width of 320px */
      @media only screen and (max-width: 767px) {
@@ Line 424: / Line 391: @@
          .container_16 .grid_15,
          .container_16 .grid_16{ width: 300px;}
-		/* Prefix Extra Space >> 12 Columns */
 		.container_16 .prefix_1,
 		.container_16 .prefix_2,
@@ Line 440: / Line 407: @@
 		.container_16 .prefix_14,
 		.container_16 .prefix_15{padding-left:0;}
-		/* Suffix Extra Space >> 12 Columns */
 		.container_16 .suffix_1,
 		.container_16 .suffix_2,
@@ Line 478: / Line 445: @@
      }
-/* #Mobile (Landscape)
-================================================== */
-    /* Note: Design for a width of 480px */
      @media only screen and (min-width: 480px) and (max-width: 767px) {
@@ Line 504: / Line 466: @@
          .container_16 .grid_15,
          .container_16 .grid_16{ width: 420px; }
-		/* Prefix Extra Space >> 12 Columns */
 		.container_16 .prefix_1,
 		.container_16 .prefix_2,
@@ Line 520: / Line 482: @@
 		.container_16 .prefix_14,
 		.container_16 .prefix_15{padding-left:0;}
-		/* Suffix Extra Space >> 12 Columns */
 		.container_16 .suffix_1,
 		.container_16 .suffix_2,
@@ Line 539: / Line 501: @@
-/* #Clearing
-================================================== */
-    /* Self Clearing Goodness */
      .container_16:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
-    /* Use clearfix class on parent to clear nested columns,
-    or wrap each row of columns in a <div class="row"> */
      .clearfix:before,
      .clearfix:after,
@@ Line 564: / Line 520: @@
        zoom: 1; }
-    /* You can also use a <br class="clear" /> to clear columns */
      .clear {
        clear: both;
@@ Line 574: / Line 529: @@
      }
-<!-- style.css -->
-/*css*/
-@import "skeleton.css";
 @import url(//fonts.googleapis.com/css?family=Stint+Ultra+Condensed);
@@ Line 713: / Line 665: @@
 	.list li a:hover { color: #f74f42;}
-	/*auxiliary*/
 	.img-ind {float: left; margin-right: 20px; margin-top: 2px;}
@@ Line 800: / Line 750: @@
 .page-1 .img-ind {float: left; margin-right: 41px; margin-top: 2px;}
-/************Header************/
 header { position: relative; background: url(https://static.igem.org/mediawiki/2015/a/ae/LONBIO-Bg-1.jpg) center 0 no-repeat;background-size: 100% auto; padding-bottom: 23px;}