Template:UCB-BigPicture

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
<style>
<style>
@charset 'UTF-8';
@charset 'UTF-8';
Line 5: Line 8:
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One|Libre+Baskerville:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One|Libre+Baskerville:400,400italic);
@font-face{font-family:'FontAwesome';src:url('http://goo.gl/neGJFQ?gdriveurl?v=4.0.1');src:url('http://goo.gl/neGJFQ?gdriveurl?#iefix&v=4.0.1') format('embedded-opentype'),url('http://goo.gl/ThTVrs?gdriveurl?v=4.0.1') format('woff'),url('http://goo.gl/MkQi0k?gdriveurl?v=4.0.1') format('truetype'),url('http://goo.gl/y5UB9N?gdriveurl?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'FontAwesome';src:url('http://goo.gl/neGJFQ?gdriveurl?v=4.0.1');src:url('http://goo.gl/neGJFQ?gdriveurl?#iefix&v=4.0.1') format('embedded-opentype'),url('http://goo.gl/ThTVrs?gdriveurl?v=4.0.1') format('woff'),url('http://goo.gl/MkQi0k?gdriveurl?v=4.0.1') format('truetype'),url('http://goo.gl/y5UB9N?gdriveurl?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
 +
 +
/**********************************/
 +
/* THE TEMPLATE IS FROM:          */
 +
/* http://html5up.net/big-picture */
 +
/**********************************/
/*********************************************************************************/
/*********************************************************************************/
Line 120: Line 128:
article {
article {
margin-bottom: 3em;
margin-bottom: 3em;
 +
                        height-min: 1000px;
}
}
Line 1,151: Line 1,160:
#intro {
#intro {
-
background: url('http://goo.gl/svrNwT?gdriveurl'), url('https://googledrive.com/host/0Bwj-p7wzaDZ3V1Bhb2ZUM1NVaXc/buffalo.jpg');
+
background: url('http://goo.gl/svrNwT?gdriveurl'), url('https://static.igem.org/mediawiki/2014/c/c9/UCB-BG-01.png');
background-size: 256px 256px, cover;
background-size: 256px 256px, cover;
background-attachment: scroll;
background-attachment: scroll;
-
background-position: top left, bottom center;
+
background-position: 50% 50%;
}
}
Line 1,163: Line 1,172:
#one {
#one {
-
background: url('http://goo.gl/svrNwT?gdriveurl'), url('https://googledrive.com/host/0Bwj-p7wzaDZ3V1Bhb2ZUM1NVaXc/one.v2.jpg');//url('http://www.uab.edu/medicine/news/images/News/greg_h1n1_virus.jpg');
+
background: url('http://goo.gl/svrNwT?gdriveurl'), url('https://static.igem.org/mediawiki/2014/4/4a/UCB-BG-02.png');
background-size: 256px 256px, cover;
background-size: 256px 256px, cover;
background-attachment: fixed, fixed;
background-attachment: fixed, fixed;
Line 1,174: Line 1,183:
#two {
#two {
-
background: url('http://goo.gl/svrNwT?gdriveurl'), url('http://goo.gl/svrNwT?gdriveurl');
+
background: url('http://goo.gl/svrNwT?gdriveurl'), url('https://static.igem.org/mediawiki/2014/8/8f/UCB-BG-03.png');
 +
background-size: 256px 256px, cover;
 +
background-attachment: fixed, fixed;
 +
background-position: top left, center center;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Three                                                                          */
 +
/*********************************************************************************/
 +
 
 +
#three {
 +
background: url('http://goo.gl/svrNwT?gdriveurl'), url('https://static.igem.org/mediawiki/2014/2/2e/UCB-BG-04.png');
background-size: 256px 256px, cover;
background-size: 256px 256px, cover;
background-attachment: fixed, fixed;
background-attachment: fixed, fixed;
Line 1,387: Line 1,407:
width: 96px;
width: 96px;
height: 64px;
height: 64px;
-
background: url('images/poptrox-nav.svg');
+
//background: url('images/poptrox-nav.svg');
top: -moz-calc(50% - 1.5em);
top: -moz-calc(50% - 1.5em);
top: -webkit-calc(50% - 1.5em);
top: -webkit-calc(50% - 1.5em);
Line 1,494: Line 1,514:
         #player {
         #player {
             display: inline-block;
             display: inline-block;
 +
            margin-top: 200px;
             width: 640px;
             width: 640px;
             height: 360px;
             height: 360px;

Latest revision as of 22:46, 17 October 2014