Master

README.md

@@ -1,2 +1,22 @@
 # X-Nav-Practica-Hoteles
 Repositorio para la práctica final de DAT/AT. Curso 2015-2016
+
+-Nombre y titulación.
+
+Jose Ignacio Manrique Perez. Ingenieria en tecnologias de la telecomunicacion.
+
+-Nombre de su cuenta en el laboratorio del alumno.
+
+joseim
+
+-Nombre de usuario en GitHub.
+
+nachomanriqueperez
+
+-Resumen de las peculiaridades que se quieran mencionar sobre lo implementado
+en la parte obligatoria.
+
+
+-URL del v´ıdeo demostraci´on de la funcionalidad basica
+
+

alojamientos.manifest

@@ -0,0 +1,8 @@
+CACHE MANIFEST
+/bootstrap/*
+/css/*
+/jquery-ui/*
+/leaflet/*
+/alojamientos.json
+/github.js
+/index.js

bootstrap/bootstrap.css

@@ -0,0 +1,133 @@
+/* GLOBAL STYLES
+-------------------------------------------------- */
+/* Padding below the footer and lighter body text */
+
+body {
+	padding-bottom: 40px;
+	color: #5a5a5a;
+}
+
+
+/* CUSTOMIZE THE NAVBAR
+-------------------------------------------------- */
+
+/* Special class on .container surrounding .navbar, used for positioning it into place. */
+.navbar-wrapper {
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
+	z-index: 20;
+}
+
+/* Flip around the padding for proper display in narrow viewports */
+.navbar-wrapper > .container {
+	padding-right: 0;
+	padding-left: 0;
+}
+.navbar-wrapper .navbar {
+	padding-right: 15px;
+	padding-left: 15px;
+}
+.navbar-wrapper .navbar .container {
+	width: auto;
+}
+
+/* CUSTOMIZE THE CAROUSEL
+-------------------------------------------------- */
+
+/* Carousel base class */
+.carousel {
+	height: 500px;
+	margin-bottom: 60px;
+}
+/* Since positioning the image, we need to help out the caption */
+.carousel-caption {
+	z-index: 10;
+}
+
+/* Declare heights because of positioning of img element */
+.carousel .item {
+	height: 500px;
+	background-color: #777;
+}
+.carousel-inner > .item > img {
+	position: absolute;
+	top: 0;
+	left: 0;
+	min-width: 100%;
+	height: 500px;
+}
+
+
+/* MARKETING CONTENT
+-------------------------------------------------- */
+
+/* Center align the text within the three columns below the carousel */
+.marketing .col-lg-4 {
+	margin-bottom: 20px;
+	text-align: center;
+}
+.marketing h2 {
+	font-weight: normal;
+}
+.marketing .col-lg-4 p {
+	margin-right: 10px;
+	margin-left: 10px;
+}
+
+
+/* Featurettes
+------------------------- */
+
+.featurette-divider {
+	margin: 80px 0; /* Space out the Bootstrap <hr> more */
+}
+
+/* Thin out the marketing headings */
+.featurette-heading {
+	font-weight: 300;
+	line-height: 1;
+	letter-spacing: -1px;
+}
+
+
+/* RESPONSIVE CSS
+-------------------------------------------------- */
+
+@media (min-width: 768px) {
+	/* Navbar positioning foo */
+	.navbar-wrapper {
+		margin-top: 20px;
+	}
+	.navbar-wrapper .container {
+		padding-right: 15px;
+		padding-left: 15px;
+	}
+	.navbar-wrapper .navbar {
+		padding-right: 0;
+		padding-left: 0;
+	}
+
+	/* The navbar becomes detached from the top, so we round the corners */
+	.navbar-wrapper .navbar {
+		border-radius: 4px;
+	}
+
+	/* Bump up size of carousel content */
+	.carousel-caption p {
+		margin-bottom: 20px;
+		font-size: 21px;
+		line-height: 1.4;
+	}
+
+	.featurette-heading {
+		font-size: 50px;
+	}
+}
+
+@media (min-width: 992px) {
+	.featurette-heading {
+		margin-top: 120px;
+	}
+}

css/alojamientos.css

@@ -0,0 +1,142 @@
+h1 { padding: .2em; margin: 0; }
+.titulo_mis_col {
+    border: 1px solid #aaaaaa;
+    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
+    color: #222222;
+    font-weight: bold;
+}
+
+#caja_mis_col, #caja_mis_col2{
+    border: 1px solid #aaaaaa;
+    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+    color: #222222;
+}
+#coleccion {
+    float:left;
+    width: 25%;
+    height: 500px;
+    margin-right: 8em;
+    background-color: white;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+#hotel {
+     width: 25%;
+     height: 500px;
+     float: left;
+     background-color: white;
+     margin-right: 8em;
+}
+
+#hoteles_alojados {
+     width: 100%;
+     height: 500px;
+     float: left;
+     margin-top: 4em;
+}
+
+#hotel_col{
+    width: 25%;
+    height: 500px;
+    float: left;
+    background-color: white;
+}
+
+
+/* style the list to maximize the droppable hitarea */
+#hotel ol { margin: 0; padding: 1em 0 1em 3em; }
+
+#map2 {
+    float:left;
+    width:50%;
+    height: 600px;
+    right: 2%;
+}
+
+#hoteles{
+    background-image: url("images/fondomap.jpg") ;
+}
+
+#pagina_colecciones{
+    margin-top : 8%;
+    margin-left: 4%;
+}
+
+body{
+    background-image: url("images/fondomap.jpg") ;
+}
+
+.panel{
+    height: 530px;
+    overflow: auto;
+}
+
+.panel-heading {
+    padding: 5px 15px;
+}
+
+.panel-footer {
+    padding: 1px 15px;
+    color: blue;
+}
+
+.profile-img {
+    width: 96px;
+    height: 96px;
+    margin: 0 auto 10px;
+    display: block;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+    border-radius: 50%;
+}
+
+.jumbotron {
+    margin-bottom: 0px;
+    background-image: url("images/bannerhotel.jpg");
+    background-position: 0% 25%;
+    background-size: cover;
+    background-repeat: no-repeat;
+    color: white;
+    text-shadow: black 0.3em 0.3em 0.3em;
+}
+
+.mapamadrid {
+    margin-bottom: 0px;
+    background-image: url("images/fondocarusel.png");
+    background-position: 0% 25%;
+    background-size: cover;
+    background-repeat: no-repeat;
+    color: blue;
+    text-shadow: black 0.3em 0.3em 0.3em;
+}
+
+.hotel_tab {
+    background-color: red;
+}
+
+.buttonmsg{text-decoration:none; text-align:center;
+    padding:11px 21px;
+    border:solid 3px #004F72;
+    -webkit-border-radius:4px;
+    -moz-border-radius:4px;
+    border-radius: 4px;
+    font:18px Arial, Helvetica, sans-serif;
+    font-weight:bold;
+    color:#E5FFFF;
+    background-color:#3BA4C7;
+
+
+    }.buttonmsg:hover{
+    padding:11px 21px;
+    border:solid 3px #004F72;
+    -webkit-border-radius:4px;
+    -moz-border-radius:4px;
+    border-radius: 4px;
+    font:18px Arial, Helvetica, sans-serif;
+    font-weight:bold;
+    color:#E5FFFF;
+    background-color:#3BA4C7;
+
+
+    }
+/*codigo del boton*/