|
|
| (15 intermediate revisions by one other user not shown) |
| Line 82: |
Line 82: |
| | | | |
| | #globalWrapper, #content { /*-- changes default wiki settings --*/ | | #globalWrapper, #content { /*-- changes default wiki settings --*/ |
| − | width: 100%; | + | width: 90%; |
| | height: 100%; | | height: 100%; |
| − | border: 0px; | + | border: 20px; |
| | background-color: transparent; | | background-color: transparent; |
| − | margin: 100px; | + | margin: 0px; |
| | padding: 0px; | | padding: 0px; |
| | } | | } |
| Line 93: |
Line 93: |
| | width: 100%; | | width: 100%; |
| | height: 100%; | | height: 100%; |
| − | | + | margin-left: 50px; |
| | + | margin-right: 10px; |
| | /*background-size: cover;*/ | | /*background-size: cover;*/ |
| | } | | } |
| Line 107: |
Line 108: |
| | width: 960px; | | width: 960px; |
| | margin-left: 50px; | | margin-left: 50px; |
| − | margin-right: 500px; | + | margin-right: 50px; |
| | background-color: #transparent; | | background-color: #transparent; |
| | margin-top: 0px; | | margin-top: 0px; |
| Line 384: |
Line 385: |
| | | | |
| | | | |
| − | <!--SIDE MENU BAR-->
| |
| − | <style type="text/css">
| |
| − | #side_menu{
| |
| − | position:fixed;
| |
| − | background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: -540px -10px;
| |
| − | top:-50px;
| |
| − | left:-170px;
| |
| − | width:150px;
| |
| − | height:1070px;
| |
| − | padding: 80px 50px 0 0;
| |
| − | /*border: 2px solid #D46A6A;*/
| |
| − | /*border-radius: 25px;*/
| |
| − | margin-bottom: 20px;
| |
| − | margin-top: 10px;
| |
| − | z-index:21;
| |
| − | }
| |
| − | #side_menu #side_menu_title{
| |
| − | text-align:center;
| |
| − | font-family:Papyrus;
| |
| − | /*text-decoration:none;*/
| |
| − | }
| |
| − | #side_menu .sidebar_link{
| |
| − | position: absolute;
| |
| − | background-size: cover;
| |
| | | | |
| − |
| |
| − | /*text-decoration:none;*/
| |
| − | }
| |
| − | #side_menu #link1{
| |
| − | top: 17%;
| |
| − | left: 5%;
| |
| − | }
| |
| − | #side_menu #link2{
| |
| − | top: 27%;
| |
| − | left: 24%;
| |
| − | }
| |
| − | #side_menu #link3{
| |
| − | top: 37%;
| |
| − | left: 12%;
| |
| − | }
| |
| − | #side_menu #link4{
| |
| − | top: 47%;
| |
| − | left: 26%;
| |
| − | }
| |
| − | #side_menu #link5{
| |
| − | top: 57%;
| |
| − | left: 8%;
| |
| − | }
| |
| − | #side_menu #link6{
| |
| − | top: 65%;
| |
| − | left: 25%;
| |
| − | background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');
| |
| − | width: 100px;
| |
| − | height: 68px;
| |
| − | }
| |
| − | #side_menu a{
| |
| − | color: black;
| |
| − | font-family: 'Bad Script', cursive;
| |
| − | padding:18px 5px 15px 5px;
| |
| − | text-decoration:none;
| |
| − | width:98px;
| |
| − | display:block;
| |
| − | text-align:center;
| |
| − | font-size:18px;
| |
| − | }
| |
| − | </style>
| |
| | | | |
| | | | |
| Line 461: |
Line 395: |
| | width:100%; | | width:100%; |
| | left:0; | | left:0; |
| − | top:0; | + | top:0px; |
| | /*background:#550D00;*/ | | /*background:#550D00;*/ |
| − | background: #113372; | + | background: #49278b; |
| | z-index:20; | | z-index:20; |
| | } | | } |
| Line 475: |
Line 409: |
| | color:white; | | color:white; |
| | font-family: Helvetica; | | font-family: Helvetica; |
| − | font-family: 'Roboto', sans-serif;
| + | |
| | padding:18px 5px 15px 5px; | | padding:18px 5px 15px 5px; |
| − | text-decoration:none; | + | text-decoration:bold; |
| | width:98px; | | width:98px; |
| | display:block; | | display:block; |
| | text-align:center; | | text-align:center; |
| − | font-size:16px; | + | font-size:17px; |
| − | border-bottom:thin solid #0099CC; | + | /*border-bottom:thin solid #000000;*/ |
| | } | | } |
| | #menu{ | | #menu{ |
| | margin-left:auto; | | margin-left:auto; |
| | margin-right:auto; | | margin-right:auto; |
| − | width:1100px; | + | width:1200px; |
| | } | | } |
| | #menu a:hover{ | | #menu a:hover{ |
| − | background:#0099CC; | + | background:#b39ce3; |
| | } | | } |
| | #menu li ul{ | | #menu li ul{ |
| − | background:#006699; | + | background:#b39ce3; |
| | /* display:none; */ | | /* display:none; */ |
| | position:absolute; | | position:absolute; |
| − | text-align:center; | + | text-align:left; |
| | top:50px; | | top:50px; |
| | right:0px; | | right:0px; |
| Line 505: |
Line 439: |
| | #dropdown_menu li ul li{ | | #dropdown_menu li ul li{ |
| | position:relative; | | position:relative; |
| − | }
| |
| − | </style>
| |
| | | | |
| − |
| |
| − |
| |
| − | <!--SLIDER-->
| |
| − | <style type="text/css">
| |
| − | .slider{
| |
| − | position: relative;
| |
| − | width: 1150px;
| |
| − | height: 350px;
| |
| − | margin: auto;
| |
| − | overflow: hidden;
| |
| − | z-index: 13;
| |
| − | background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
| |
| − | }
| |
| − | .slider .slider_left{
| |
| − | position: absolute;
| |
| − | background-color:black;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | width: 50px;
| |
| − | height: 100%;
| |
| − | opacity: 0.5;
| |
| − | z-index: 2;
| |
| − | }
| |
| − | .slider .slider_left img{
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | height: 200px;
| |
| − | top: 25%;
| |
| − | left: 10px;
| |
| − | }
| |
| − | .slider .slider_right{
| |
| − | position: absolute;
| |
| − | background-color:black;
| |
| − | top: 0px;
| |
| − | left: 1100px;
| |
| − | width: 50px;
| |
| − | height: 100%;
| |
| − | opacity: 0.5;
| |
| − | z-index: 2;
| |
| − | }
| |
| − | .slider .slider_right img{
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | height: 200px;
| |
| − | top: 25%;
| |
| − | left: -10px;
| |
| − | }
| |
| − | .slider .slider_imgs{
| |
| − | position: absolute;
| |
| − | }
| |
| − | .slider .slider_imgs div{
| |
| − | float: left;
| |
| − | width: 1150px;
| |
| − | height: 350px;
| |
| − | }
| |
| − | .slider .slider_imgs #slide1{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2015/thumb/f/f9/UCLAiGEM2015_Tamura_CoSpin_14July2015_tweezer.jpg/750px-UCLAiGEM2015_Tamura_CoSpin_14July2015_tweezer.jpg');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 25% 50%;
| |
| − | }
| |
| − | .slider .slider_imgs #slide2{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2015/d/d4/UCLAiGEM2015_GroupPic.jpg');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 30%;
| |
| − | }
| |
| − | .slider .slider_imgs #slide3{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − | .slider .slider_imgs #slide4{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2015/c/cd/UCLAiGEM2015_ThankYou2.jpg');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 65%;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | | | |
| | | | |
| − | <!--HP SLIDER-->
| |
| − | <style type="text/css">
| |
| − | .hpslider{
| |
| − | position: relative;
| |
| − | width: 1150px;
| |
| − | height: 400px;
| |
| − | margin: auto;
| |
| − | overflow: hidden;
| |
| − | z-index: 13;
| |
| − | background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
| |
| − | }
| |
| − | .hpslider .hpslider_left{
| |
| − | position: absolute;
| |
| − | background-color:black;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | width: 50px;
| |
| − | height: 100%;
| |
| − | opacity: 0.5;
| |
| − | z-index: 2;
| |
| − | }
| |
| − | .hpslider .hpslider_left img{
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | height: 200px;
| |
| − | top: 27%;
| |
| − | left: 10px;
| |
| − | }
| |
| − | .hpslider .hpslider_right{
| |
| − | position: absolute;
| |
| − | background-color:black;
| |
| − | top: 0px;
| |
| − | left: 1100px;
| |
| − | width: 50px;
| |
| − | height: 100%;
| |
| − | opacity: 0.5;
| |
| − | z-index: 2;
| |
| − | }
| |
| − | .hpslider .hpslider_right img{
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | height: 200px;
| |
| − | top: 27%;
| |
| − | left: -10px;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs{
| |
| − | position: absolute;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs div{
| |
| − | float: left;
| |
| − | width: 1150px;
| |
| − | height: 400px;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide1{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2015/f/f2/NaturalDiscourse_image.jpg');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 25% 50%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide2{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide3{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2015/5/54/UCLAiGEMPosterSession.jpeg');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 65%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide4{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/9/96/Fahrion_Non_Fluoresce.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 65%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide5{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/b/b3/Fahrion_Blue_Fluoresce_side.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 65%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide6{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2015/7/73/UCLAiGEMBoltThreads.jpg');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 40%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide7{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/9/95/Fahrion_Process_full.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 10% 50%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide8{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/f/f4/Fahrion_full_nonfluoresce.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 30%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide9{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/5/58/Fahrion_Group.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 45%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide10{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/b/be/Fahrion_David_Discussion.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 40%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide11{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/5/59/Fahrion_Process_Aal.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 40%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide12{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 65%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide13{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/e/ef/Fahrion_Blue_Straight.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 65%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide14{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/6/62/Fahrion_Process_Observers.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 50%;
| |
| − | }
| |
| − | .hpslider .hpslider_imgs #slide15{
| |
| − | float: left;
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/5/57/Fahrion_Historical_Wall.JPG');
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 0% 45%;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | | | |
| − |
| |
| − | <!--PAGE HEADERS-->
| |
| − | <style type="text/css">
| |
| − | .page_header{
| |
| − | position: absolute;
| |
| − | background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');
| |
| − | width: 100%;
| |
| − | height: 450px;
| |
| − | z-index: 0;
| |
| − | margin-bottom: 200px;
| |
| − | }
| |
| − | .page_header .page_header_box{
| |
| − | position: absolute;
| |
| − | overflow: hidden;
| |
| − | z-index: 0;
| |
| − | }
| |
| − | #box1{
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG');
| |
| − | background-size:1500px;
| |
| − | width:21%;
| |
| − | height:80%;
| |
| − | top:10%;
| |
| − | left:10%;
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | #box2{
| |
| − | background-image:url('http://www.visualphotos.com/photo/1x7581974/silk_fibres_coloured_sem_H1200410.jpg');
| |
| − | background-position:50% 50%;
| |
| − | width:21%;
| |
| − | height:80%;
| |
| − | top:10%;
| |
| − | left:30%;
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | #box3{
| |
| − | background-image: url('https://static.igem.org/mediawiki/2014/3/31/Pcrgel.jpg');
| |
| − | background-size:750px;
| |
| − | background-position:70% 70%;
| |
| − | width:21%;
| |
| − | height:80%;
| |
| − | top:10%;
| |
| − | left:50%;
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | #box4{
| |
| − | background-image:url('https://static.igem.org/mediawiki/2014/a/a2/Spiderweb.jpg');
| |
| − |
| |
| − | width:21%;
| |
| − | height:80%;
| |
| − | top:10%;
| |
| − | left:70%;
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <!--HP PAGE HEADERS-->
| |
| − | <style type="text/css">
| |
| − | .hppage_header{
| |
| − | position: absolute;
| |
| − | background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');
| |
| − | width: 100%;
| |
| − | height: 475px;
| |
| − | z-index: 0;
| |
| − | margin-bottom: 200px;
| |
| − | }
| |
| − | .hppage_header .hppage_header_box{
| |
| − | position: absolute;
| |
| − | overflow: hidden;
| |
| − | z-index: 0;
| |
| − | }
| |
| − | </style>
| |
| | | | |
| | | | |
| Line 837: |
Line 458: |
| | top: 550px; | | top: 550px; |
| | width: 100%; | | width: 100%; |
| − | padding: 0 0 0 0; | + | padding: 0 ; |
| | margin: auto; | | margin: auto; |
| | margin-bottom: 50px; | | margin-bottom: 50px; |
| Line 863: |
Line 484: |
| | </style> | | </style> |
| | | | |
| − | <!--STYLING FOR TABLES-->
| + | .MathJax nobr>span.math>span{border-left-width:0 !important}; |
| − | <style>
| + | |
| − | table{
| + | |
| − | font-family: 'Roboto', sans-serif;
| + | |
| − | background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');
| + | |
| − | } | + | |
| − | | + | |
| − | ulJ
| + | |
| − | {
| + | |
| − | list-style-type: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | ulN
| + | |
| − | {
| + | |
| − | list-style-type:none;
| + | |
| − | margin:10;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sponsors {
| + | |
| − | margin: 2.5px;
| + | |
| − | width: 125px;
| + | |
| − | }
| + | |
| | | | |
| | </style> | | </style> |
