Europe/Accomodation

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<body>
<body>
-
</br></br>
+
<div style="float:left">
-
<div style="text-align:center">
+
<iframe width="640" height="480" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;msid=216347002515939172011.0004de2b136231d155047&amp;ie=UTF8&amp;t=m&amp;ll=45.769439,4.857502&amp;spn=0.057476,0.109863&amp;z=13&amp;output=embed"></iframe><br /><small>View <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=216347002515939172011.0004de2b136231d155047&amp;ie=UTF8&amp;t=m&amp;ll=45.769439,4.857502&amp;spn=0.057476,0.109863&amp;z=13&amp;source=embed" style="color:#0000FF;text-align:left">iGEM Lyon 2013 - Hotels</a> in a larger map</small>
<iframe width="640" height="480" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;msid=216347002515939172011.0004de2b136231d155047&amp;ie=UTF8&amp;t=m&amp;ll=45.769439,4.857502&amp;spn=0.057476,0.109863&amp;z=13&amp;output=embed"></iframe><br /><small>View <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=216347002515939172011.0004de2b136231d155047&amp;ie=UTF8&amp;t=m&amp;ll=45.769439,4.857502&amp;spn=0.057476,0.109863&amp;z=13&amp;source=embed" style="color:#0000FF;text-align:left">iGEM Lyon 2013 - Hotels</a> in a larger map</small>
</div>
</div>
 +
 +
<div style="float:center">
 +
<p>
 +
<b>Starting prices:</b></br>
 +
<img src="https://maps.gstatic.com/mapfiles/ms2/micons/ltblue-dot.png"> Under 60€ </br>
 +
<img src="https://maps.gstatic.com/mapfiles/ms2/micons/yellow-dot.png"> Between 60€ and 75€ </br>
 +
<img src="https://maps.gstatic.com/mapfiles/ms2/micons/purple-dot.png"> Between 75€ and 100€ </br>
 +
<img src="https://maps.gstatic.com/mapfiles/ms2/micons/pink-dot.png"> Over 100€
 +
</p>
 +
</div>
 +
</body>
</body>
</html>
</html>

Revision as of 09:02, 3 June 2013

/* Downtown by Adonis Ronquillo for Free Website Templates www.freewebsitetemplat.es / www.doni.us Images by Image Base http://imagebase.davidniblack.com/ Released under the Creative Commons Attribution 3.0 License.

  • /


/* /////////////////////////////////////////////////////////////////////////// // Reset /////////////////////////////////////////////////////////////////////////// */


/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/

  • /

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

  • {

margin: 0; padding: 0; Outline: 0; }

body { line-height: 1.75em; color: #2B2B2B; background: none; }

body,input { font-family: Arial, sans-serif; }

br.clear { clear: both; }

form { margin: 0; padding: 0; }


/* /////////////////////////////////////////////////////////////////////////// // Typography and links and headings /////////////////////////////////////////////////////////////////////////// */


a { font-weight: bold;

 	color: #0090D1 /*#F37321*/;

}

a:hover { font-weight: bold; text-decoration: underline; }

a:visited {

       color: #0090D1;

}


h2 { font-size: 1.5em; }

h2,h3,h4 { margin-bottom: 1em; font-family: Philosopher, sans-serif; color: #FFF; text-decoration: none; }

h3 { font-size: 1.25em; }


h4 { font-size: 1.0em; }

h5 { font-weight: normal; color: #0090D1 /*#F37321*/; }


img.left { float: left; margin: 8px 20px 20px 0; }

img.top { margin: 8px 0 20px 0; }

img.center {

   display: block;
   margin-left: auto;
   margin-right: auto 

}

label.login { display: block; margin: 0 0 6px 0; }

p { margin-bottom: 1.5em; }

p.news { height: 150px; }

ul { margin-bottom: 1.5em; padding: 0 0px 0px 20px; list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png'); }

ul h4 { margin-bottom: 0.35em; }

.form { margin: 0 0 32px 0; }

.inputBox, .inputTextArea { padding: 6px; width: 95%; }

.inputButton { padding: 6px; float: right; }


/*///////////////////////////////// // iGem Template overide //////////////////////////////////*/

  1. content {

border: none; }


/* /////////////////////////////////////////////////////////////////////////// // Nav bar /////////////////////////////////////////////////////////////////////////// */

/*--Menu Bar CSS--*/

  1. navbarcontainer {

width: 100%; height: 35px; background: #0090D1; /*blue */ margin-top:0px; font-size: 11px; }

  1. navbarsocial { float:right;

padding-top: 4px; }

  1. greyhover {

float: left; border: 0px solid #fff; color: #535353 ; /* #F37321; */ text-shadow: #000 1px 1px 1px; padding:0px; line-height: 100%; text-align: center; font-weight: bold; font-size: .8em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; }

  1. flashylink a:hover { color: #fff;

}

/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/ ul#topnav { margin: 0; padding: 0 0 0 37px; font-size: 1em; position: relative; } ul#topnav li { display: inline-block; height: 35px; margin-left: -4px; position: relative; /*border-right: 1px solid #ccc; /*--Divider for each parent level links--*/ }

ul#topnav li.navHome { background: black; width: 175px; margin-left: -38px; text-align: right; }

ul#topnav li.navHome a { border: none; }

ul#topnav li a { height: 16px; padding: 0px 15px; display: block; color: #fff; text-decoration: none; border-right: 1px solid #ccc; margin: 10px 0 0px; } /*--ul#topnav li.last-child { display: inline-block; height: 35px; width: 212px; }--*/

ul#topnav li.last-child a { border: none; } ul#topnav li:hover{

   background: #535353;

} ul#topnav li.navHome:hover{

   background: black;

} ul#topnav li:hover a { border: none; }

ul#topnav li div { height: 10px; padding: 6px 0 14px; position: absolute; z-index:10; top:35px; display: none; /*--Hide by default--*/ background: #535353 /*#F37321*/; color: #fff; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }

ul#topnav li div.subNavRight { right: 0px; width: 230px; }

ul#topnav li div.subNavRightLast { right: 0px; width: 115px; }

ul#topnav li div.subNavSecond { left: -50px; width: 310px; }

ul#topnav li div.subNavMiddle { left: -50px; width: 280px; }

ul#topnav li div.subNavLeft {

   width: 410px;

}


ul#topnav li:hover div { display: block; } /*--Show subnav on hover--*/ ul#topnav li div a { display: inline; } ul#topnav li div a:hover { text-decoration: underline; color: #fff; } /*--Menu Ends Here--*/


.htitle { display: block; padding: 8px; font-size: 1em; font-weight: normal; border-bottom: solid 1px #ccc; margin-bottom: 0px; clear:both; color: #000; } .textboxes { position: relative; border: 1px solid #f0f0f0; background: #f0f0f0;

	border-bottom: 2px solid #ccc;  

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 10px; margin-bottom: 10px; } .innertextbox { /*--Goes inside textboxes class--*/ display: block; position: relative; margin: 10px; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// // Caroussel /////////////////////////////////////////////////////////////////////////// */

.bx-wrapper {

   margin: 55px 0px 30px;
   border-bottom: 1px solid #0090D1;
 }
 .bx-wrapper .bx-viewport {
   box-shadow: none;
   border: none;
   left: 0;
 }
 .bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

   background-color: #0090D1;
 }
 .bx-wrapper .bx-pager {
   top: 510px;
 }


/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// // Bandeau haut /////////////////////////////////////////////////////////////////////////// */

  1. top-section {

border: none; }

  1. p-logo {

border: none; background-image: url('https://static.igem.org/mediawiki/2013/4/49/EuJamBandeauHaut.png'); }

  1. p-logo a:first-child {

display: none; }

  1. p-logo img {

height: 90px; width: auto; padding: 5px 25px; }

  1. p-logo .igemLogo {
       height: 70px;
       padding: 16px 25px 5px 25px;

}

  1. content h1 {

display: none; }

  1. content {

padding-top: 0; margin-top: -18px; }

  1. search-controls {

top: 10px; right: 180px; width: 240px; }

  1. search-controls a {

margin : 0 5px 5px 5px; }

  1. search-controls input {

vertical-align: middle; }

  1. socialLinks {

margin-bottom: 10px; }

  1. searchInput {

border: none; background-color: lightgrey; height: 20px; }

  1. searchGoButton {

display: none; }

  1. mw-searchButton {

font-weight: normal; color: white; background-color: black; margin: 0 0 0 -12px; padding: 0 15px; height: 20px; font-size: 0.9em; color: lightgrey; cursor: pointer; }

.right-menu ul { margin-bottom: 0; }

.right-menu ul li a { background-color: transparent; }

.right-menu:hover ul li a { background-color: #606060; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////////////// // Footer /////////////////////////////////////////////////////////////////////////// */

  1. catlinks {

border: none; background: none; }

  1. footer-box {

border: none; border-top: 2px solid black; padding-top: 25px; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// // Utils /////////////////////////////////////////////////////////////////////////// */

.floatRight { float: right; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */

.wikitable { background : none; }

.wikitable td { width : 85px; text-align : center; }

.wikitable th { font-weight : bold; font-style : italic; background : none; }

.wikitable tr { height : 50px; }

.mainpagetable td { padding : 5px; }

a.normalText {

      font-weight: normal;
      text-decoration: underlined;

} a.normalText:hover {

      font-weight: normal;
      text-decoration: underlined;

}

a.bouton:link{

 width:400px; 
 height:70px; 
 text-decoration:none; 
 color:white;
 text-align:center; 
 font-weight:bold; 
 background-color: #0090D1;
 padding:5px

} a.bouton:visited{

 width:400px; 
 height:70px; 
 text-decoration:none; 
 color:white; 
 text-align:center;
 font-weight:bold;
 background-color: #0090D1;
 padding:5px

} a.bouton:hover{

 width:400px; 
 height:70px; 
 text-decoration:none;
 color:white; 
 text-align:center; 
 font-weight:bold; 
 background-color:#535353;
 background-image:url(aqua.jpg);
 padding:5px

} .bouton{

 text-align:center;
}


View iGEM Lyon 2013 - Hotels in a larger map

Starting prices:
Under 60€
Between 60€ and 75€
Between 75€ and 100€
Over 100€