|
|
(29 intermediate revisions by one other user not shown) |
Line 56: |
Line 56: |
| top: 0; | | top: 0; |
| position: fixed; | | position: fixed; |
− | width: 875px; | + | width: 975px; |
| left: 50%; | | left: 50%; |
− | margin-left: -487px; | + | margin-left: 87px; |
| } | | } |
| | | |
Line 79: |
Line 79: |
| body { | | body { |
| background-color: #fff; | | background-color: #fff; |
| + | } |
| | | |
| + | #globalWrapper, #content { /*-- changes default wiki settings --*/ |
| + | width: 90%; |
| + | height: 100%; |
| + | border: 20px; |
| + | background-color: transparent; |
| + | margin: 0px; |
| + | padding: 0px; |
| + | } |
| | | |
| html, body, .wrapper { /*-- changes default wiki settings --*/ | | html, body, .wrapper { /*-- changes default wiki settings --*/ |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
− | background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');
| + | margin-left: 50px; |
| + | margin-right: 10px; |
| /*background-size: cover;*/ | | /*background-size: cover;*/ |
| } | | } |
Line 95: |
Line 105: |
| font-weight: normal; | | font-weight: normal; |
| font-size: 14px; | | font-size: 14px; |
− | color: #FFFFFF; | + | color: #414141; |
− | width: 760px; | + | width: 960px; |
− | margin-left: 80px; | + | margin-left: 50px; |
− | margin-right: 80px; | + | margin-right: 50px; |
| background-color: #transparent; | | background-color: #transparent; |
| margin-top: 0px; | | margin-top: 0px; |
Line 375: |
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 472: |
Line 415: |
| display:block; | | display:block; |
| text-align:center; | | text-align:center; |
− | font-size:17.5px; | + | font-size:17px; |
| /*border-bottom:thin solid #000000;*/ | | /*border-bottom:thin solid #000000;*/ |
| } | | } |
Line 496: |
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 828: |
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 854: |
Line 484: |
| </style> | | </style> |
| | | |
− | <!--STYLING FOR TABLES-->
| |
− | <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;
| |
− | }
| |
| .MathJax nobr>span.math>span{border-left-width:0 !important}; | | .MathJax nobr>span.math>span{border-left-width:0 !important}; |
| | | |