git-svn-id: https://192.168.0.254/svn/Proyectos.GrupoArdeco_Web/trunk@4 f3e42445-bc5e-4746-be46-0918cadaadb9
@ -9,32 +9,34 @@
|
||||
<link rel="stylesheet" type="text/css" href="forms.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="layout">
|
||||
<div id="cabecera_layout">
|
||||
<div id="cabecera">
|
||||
<div id="logotipo">
|
||||
<h1>Grupo Ardeco</h1>
|
||||
<h2>Decoración de interiores</h2>
|
||||
</div>
|
||||
|
||||
<div id="logotipo">
|
||||
<h1>Grupo Ardeco</h1>
|
||||
<h2>Decoración de interiores</h2>
|
||||
</div>
|
||||
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Inicio</a></li>
|
||||
<li><a href="">Proyectos</a></li>
|
||||
<li><a href="proyectos.html">Proyectos realizados</a></li>
|
||||
<li class="current">Contacto</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="banner">
|
||||
<div id="foto">
|
||||
<img src="fotos/16.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="banner">
|
||||
<div id="foto" class="slideshow">
|
||||
<img src="fotos/inicio/hotel-vincci-via-66-habitacion.jpg" alt="Hotel Vincci Vía 66 en Madrid." style="width: 600px; height: 300px;" />
|
||||
</div>
|
||||
<div id="seleccion">
|
||||
<h3>Contacto</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
|
||||
<div id="principal">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cuerpo_layout">
|
||||
<div id="cuerpo">
|
||||
<div id="contacto_izquierda">
|
||||
<h3>Formulario de contacto</h3>
|
||||
<p>Nuestros proyectos integrales aportan la solución idónea a cada uno de nuestros clientes, tanto desde la perpectiva funcional como estética.<br/><br/>
|
||||
@ -62,11 +64,13 @@
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
<div id="pie_layout">
|
||||
<div id="pie">
|
||||
<p><a href="">Aviso legal</a> | <a href="" title="">Política de privacidad</a><br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009</p>
|
||||
<p><a href="">Aviso legal</a> | <a href="" title="">Política de privacidad</a>
|
||||
<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
|
||||
</p>
|
||||
</div >
|
||||
</div>
|
||||
</body>
|
||||
|
||||
132
src/estilos.css
@ -2,7 +2,6 @@
|
||||
/* CSS Document */
|
||||
|
||||
html, body {
|
||||
height:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
@ -15,12 +14,13 @@ html, body {
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: #efeded;
|
||||
background-image: url("images/fondo.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-color: #723900;
|
||||
text-align: center;
|
||||
min-width: 960px;
|
||||
min-height: 550px;
|
||||
background-image: url("images/fondo.gif");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4 {
|
||||
@ -47,14 +47,15 @@ h2 {
|
||||
|
||||
h3 {
|
||||
text-transform: lowercase;
|
||||
font-size: 150%;
|
||||
font-size: 160%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-size: 180%;
|
||||
font-style: normal;
|
||||
font-size: 120%;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
a {
|
||||
@ -74,30 +75,22 @@ ul {
|
||||
list-style-image:none;
|
||||
list-style-position:outside;
|
||||
list-style-type:square;
|
||||
margin:15px 0 15px 20px;
|
||||
margin: 15px 0 15px 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
}
|
||||
|
||||
|
||||
#vertical{
|
||||
float: left;
|
||||
height: 50%;
|
||||
margin-top: -570px;/* half vertical height*/
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#layout {
|
||||
width:960px;
|
||||
margin: 20px 0 0 0;
|
||||
#cabecera_layout {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-height: 545px;
|
||||
overflow: auto; /* allow content to scroll inside element */
|
||||
text-align:left;
|
||||
clear: both;
|
||||
padding-top: 20px;
|
||||
width: 100%;
|
||||
height: 420px;
|
||||
background-image: url("images/fondo-cuerpo.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
#cabecera {
|
||||
@ -122,11 +115,10 @@ li {
|
||||
}
|
||||
|
||||
#banner {
|
||||
margin: 0 0 20px 0;
|
||||
margin: 0 auto 20px auto;
|
||||
padding: 0;
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
background-color: #bcbcbc;
|
||||
}
|
||||
|
||||
#banner #foto {
|
||||
@ -138,31 +130,50 @@ li {
|
||||
}
|
||||
|
||||
#banner #seleccion {
|
||||
color: #222;
|
||||
color: #777;
|
||||
float: right;
|
||||
text-align: left;
|
||||
width: 210px;
|
||||
padding: 20px 100px 0 0;
|
||||
width: 300px;
|
||||
padding: 20px 20px 0 0;
|
||||
}
|
||||
|
||||
#banner #seleccion p {
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
#banner #seleccion h3 {
|
||||
margin-bottom: 30px;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
color: #ccc;
|
||||
font-size: 300%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#principal {
|
||||
#cuerpo_layout {
|
||||
background-color: #efeded;
|
||||
width: 100%;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
#cuerpo {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 960px;
|
||||
}
|
||||
#principal h3 {
|
||||
#cuerpo h3 {
|
||||
padding: 0 0 5px 0;
|
||||
margin-bottom: 20px;
|
||||
padding-left: 15px;
|
||||
border-left: 15px ridge #080;
|
||||
}
|
||||
|
||||
#principal p {
|
||||
#cuerpo p {
|
||||
padding: 0 30px 5px 30px;
|
||||
}
|
||||
|
||||
#principal ul {
|
||||
#cuerpo ul {
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
@ -170,14 +181,7 @@ li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
#inicio_centro {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 320px;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
#inicio_derecha {
|
||||
@ -187,6 +191,37 @@ li {
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
#proyectos_izquierda {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
#proyectos_derecha {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 580px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#proyectos_derecha a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#proyectos_derecha img {
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
padding: 5px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#proyectos_derecha a:active img,
|
||||
#proyectos_derecha a:hover img {
|
||||
border: 1px solid #400080;
|
||||
}
|
||||
|
||||
|
||||
#contacto_izquierda {
|
||||
@ -209,16 +244,16 @@ li {
|
||||
}
|
||||
|
||||
#pie_layout {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 10px 0 0 0;
|
||||
background-color: #723900;
|
||||
background-image:url(images/fondo-pie.gif);
|
||||
background-repeat:repeat-x;
|
||||
background-position: top;
|
||||
height: 283px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
clear:both;
|
||||
height: 40px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 0 0 0;
|
||||
width: 100%;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
@ -227,10 +262,11 @@ li {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 12px 0 0 0;
|
||||
color: #cc9933;
|
||||
}
|
||||
|
||||
#pie a {
|
||||
color: #333;
|
||||
color: #cc9966;
|
||||
}
|
||||
|
||||
#pie h3 {
|
||||
|
||||
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 25 KiB |
BIN
src/fotos/hotel-nh-arguelles-bar.jpg
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
src/fotos/hotel-nh-arguelles-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
src/fotos/hotel-nh-arguelles-restaurante.jpg
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
src/fotos/hotel-nh-embajada-bar.jpg
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
src/fotos/hotel-nh-embajada-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
src/fotos/hotel-nh-embajada-restaurante.jpg
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
src/fotos/hotel-nh-eurobuilding-buffet.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
src/fotos/hotel-nh-eurobuilding-salones.jpg
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
src/fotos/hotel-nh-la-habana-recepcion.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
src/fotos/hotel-nh-paseo-del-prado-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
src/fotos/hotel-nh-paseo-del-prado-suite.jpg
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
src/fotos/hotel-nh-paseo-del-prado-suite2.jpg
Normal file
|
After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
BIN
src/fotos/inicio/hotel-nh-arguelles-bar.jpg
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
src/fotos/inicio/hotel-nh-arguelles-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
src/fotos/inicio/hotel-nh-arguelles-restaurante.jpg
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
src/fotos/inicio/hotel-nh-embajada-bar.jpg
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
src/fotos/inicio/hotel-nh-embajada-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
src/fotos/inicio/hotel-nh-embajada-restaurante.jpg
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
src/fotos/inicio/hotel-nh-eurobuilding-buffet.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
src/fotos/inicio/hotel-nh-eurobuilding-salones.jpg
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
src/fotos/inicio/hotel-nh-la-habana-recepcion.jpg
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
src/fotos/inicio/hotel-nh-paseo-del-prado-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
src/fotos/inicio/hotel-nh-paseo-del-prado-suite.jpg
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
src/fotos/inicio/hotel-nh-paseo-del-prado-suite2.jpg
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
src/fotos/inicio/hotel-vincci-via-66-habitacion.jpg
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
src/fotos/inicio/hotel-vincci-via-66-interior.jpg
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
src/fotos/mini/hotel-nh-arguelles-bar-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
src/fotos/mini/hotel-nh-arguelles-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/fotos/mini/hotel-nh-arguelles-restaurante-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
src/fotos/mini/hotel-nh-embajada-bar-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/fotos/mini/hotel-nh-embajada-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
src/fotos/mini/hotel-nh-embajada-restaurante-mini.jpg
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/fotos/mini/hotel-nh-eurobuilding-buffet-mini.jpg
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/fotos/mini/hotel-nh-eurobuilding-salones-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/fotos/mini/hotel-nh-la-habana-recepcion-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
src/fotos/mini/hotel-nh-paseo-del-prado-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/fotos/mini/hotel-nh-paseo-del-prado-suite-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
src/fotos/mini/hotel-nh-paseo-del-prado-suite2-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/fotos/mini/hotel-vincci-via-66-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/fotos/mini/hotel-vincci-via-66-interior-mini.jpg
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
src/fotos/mini_2/hotel-nh-arguelles-bar-mini.jpg
Normal file
|
After Width: | Height: | Size: 9.1 KiB |
BIN
src/fotos/mini_2/hotel-nh-arguelles-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
src/fotos/mini_2/hotel-nh-arguelles-restaurante-mini.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
src/fotos/mini_2/hotel-nh-embajada-bar-mini.jpg
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
src/fotos/mini_2/hotel-nh-embajada-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
src/fotos/mini_2/hotel-nh-embajada-resturante-mini.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
src/fotos/mini_2/hotel-nh-eurobuilding-buffet-mini.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
src/fotos/mini_2/hotel-nh-eurobuilding-salones-mini.jpg
Normal file
|
After Width: | Height: | Size: 9.3 KiB |
BIN
src/fotos/mini_2/hotel-nh-la-habana-recepcion-mini.jpg
Normal file
|
After Width: | Height: | Size: 9.0 KiB |
BIN
src/fotos/mini_2/hotel-nh-paseo-del-prado-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 7.9 KiB |
BIN
src/fotos/mini_2/hotel-nh-paseo-del-prado-suite-mini.jpg
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
src/fotos/mini_2/hotel-nh-paseo-del-prado-suite2-mini.jpg
Normal file
|
After Width: | Height: | Size: 9.4 KiB |
BIN
src/fotos/mini_2/hotel-vincci-via-66-habitacion-mini.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
src/fotos/mini_2/hotel-vincci-via-66-interior-mini.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
src/images/fondo-cuerpo.gif
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
src/images/fondo-cuerpo.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 260 B After Width: | Height: | Size: 840 B |
|
Before Width: | Height: | Size: 462 B After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
149
src/index.html
@ -10,107 +10,112 @@
|
||||
<link rel="stylesheet" type="text/css" href="slideshow/css/slideshow.css"/>
|
||||
<script type="text/javascript" src="slideshow/js/mootools.js"></script>
|
||||
<script type="text/javascript" src="slideshow/js/slideshow.js"></script>
|
||||
<script type="text/javascript" src="slideshow/js/slideshow.kenburns.js"></script>
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
window.addEvent('domready', function(){
|
||||
var data = {
|
||||
'1.jpg': { caption: 'Hotel NH Argüelles. Madrid.' },
|
||||
'2.jpg': { caption: 'Hotel NH Argüelles. Madrid.' },
|
||||
'3.jpg': { caption: 'Hotel NH Argüelles. Madrid.' },
|
||||
'4.jpg': { caption: 'Hotel NH Embajada. Madrid' },
|
||||
'5.jpg': { caption: 'Hotel NH Embajada. Madrid' },
|
||||
'6.jpg': { caption: 'Hotel NH Embajada. Madrid' },
|
||||
'7.jpg': { caption: 'The view from Volcano Maderas.' },
|
||||
'8.jpg': { caption: 'Beer and ice cream.' },
|
||||
'9.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
|
||||
'10.jpg': { caption: 'A Ceibu tree.' },
|
||||
'11.jpg': { caption: 'The view from Volcano Maderas.' },
|
||||
'12.jpg': { caption: 'Beer and ice cream.' },
|
||||
'13.jpg': { caption: 'Beer and ice cream.' },
|
||||
'14.jpg': { caption: 'Beer and ice cream.' },
|
||||
'15.jpg': { caption: 'Beer and ice cream.' },
|
||||
'16.jpg': { caption: 'Beer and ice cream.' },
|
||||
'17.jpg': { caption: 'Beer and ice cream.' }
|
||||
};
|
||||
var myShow = new Slideshow('foto', data, {
|
||||
'hotel-nh-arguelles-bar.jpg': { caption: 'Hotel NH Argüelles en Madrid.' },
|
||||
'hotel-nh-arguelles-habitacion.jpg': { caption: 'Hotel NH Argüelles en Madrid.' },
|
||||
'hotel-nh-arguelles-restaurante.jpg': { caption: 'Hotel NH Argüelles en Madrid.' },
|
||||
'hotel-nh-embajada-bar.jpg': { caption: 'Hotel NH Embajada en Madrid.' },
|
||||
'hotel-nh-embajada-habitacion.jpg': { caption: 'Hotel NH Embajada en Madrid.' },
|
||||
'hotel-nh-embajada-restaurante.jpg': { caption: 'Hotel NH Embajada en Madrid.' },
|
||||
'hotel-nh-eurobuilding-buffet.jpg': { caption: 'Hotel NH Eurobuilding en Madrid.' },
|
||||
'hotel-nh-eurobuilding-salones.jpg': { caption: 'Hotel NH Eurobuilding en Madrid.' },
|
||||
'hotel-nh-la-habana-recepcion.jpg': { caption: 'Hotel NH La Habana en Madrid.' },
|
||||
'hotel-nh-paseo-del-prado-habitacion.jpg': { caption: 'Hotel NH Paseo del Prado en Madrid.' },
|
||||
'hotel-nh-paseo-del-prado-suite.jpg': { caption: 'Hotel NH Paseo del Prado en Madrid.' },
|
||||
'hotel-nh-paseo-del-prado-suite2.jpg': { caption: 'Hotel NH Paseo del Prado en Madrid.' },
|
||||
'hotel-vincci-via-66-habitacion.jpg': { caption: 'Hotel Vincci Vía 66 en Madrid.' },
|
||||
'hotel-vincci-via-66-interior.jpg': { caption: 'Hotel Vincci Vía 66 en Madrid.' }
|
||||
};
|
||||
var myShow = new Slideshow.KenBurns('foto', data, {
|
||||
captions: true,
|
||||
href: 'servicios.html',
|
||||
height: 300,
|
||||
width: 600,
|
||||
hu: 'fotos/',
|
||||
delay: 5000,
|
||||
hu: 'fotos/inicio/',
|
||||
delay: 5000,
|
||||
duration: 2000,
|
||||
pan: 100,
|
||||
zoom: 25,
|
||||
loader: {'animate': ['slideshow/css/loader-#.png', 12]},
|
||||
random: true});
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!--<div id="vertical"></div>-->
|
||||
<div id="layout">
|
||||
<div id="cabecera_layout">
|
||||
<div id="cabecera">
|
||||
<div id="logotipo">
|
||||
<h1>Grupo Ardeco</h1>
|
||||
<h2>Decoración de interiores</h2>
|
||||
</div>
|
||||
|
||||
<div id="logotipo">
|
||||
<h1>Grupo Ardeco</h1>
|
||||
<h2>Decoración de interiores</h2>
|
||||
</div>
|
||||
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li class="current">Inicio</li>
|
||||
<li><a href="">Proyectos</a></li>
|
||||
<li><a href="proyectos.html">Proyectos realizados</a></li>
|
||||
<li><a href="contacto.html">Contacto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="banner">
|
||||
</div>
|
||||
|
||||
<div id="banner">
|
||||
<div id="foto" class="slideshow">
|
||||
<img src="fotos/1.jpg" alt="Volcano Asención in Ometepe, Nicaragua." />
|
||||
<img src="fotos/inicio/hotel-vincci-via-66-habitacion.jpg" alt="Hotel Vincci Vía 66 en Madrid." />
|
||||
</div>
|
||||
<div id="seleccion">
|
||||
<h3>Galería</h3>
|
||||
<h3>Bienvenido</h3>
|
||||
<ul>
|
||||
<li>dsfdsfs</li>
|
||||
<li>dsfdsfs</li>
|
||||
<li>dsfdsfs</li>
|
||||
<li>dsfdsfs</li>
|
||||
</ul>
|
||||
<p>Nuestros proyectos integrales aportan la solución idónea a cada uno de nuestros clientes, tanto desde la perpectiva funcional como estética.</p>
|
||||
<li>Decoración e interiorismo</li>
|
||||
<li>Equipamientos comerciales</li>
|
||||
<li>Lacados y barnizados</li>
|
||||
<li>Albañilería y carpintería</li>
|
||||
<li>Electricidad y alumbrado</li>
|
||||
<li>Fabricación de mobiliario</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
|
||||
<div id="principal">
|
||||
<div id="inicio_izquierda">
|
||||
<h3>Bienvenido a Grupo Ardeco</h3>
|
||||
<p>Nuestros proyectos integrales aportan la solución idónea a cada uno de nuestros clientes, tanto desde la perpectiva funcional como estética.<br/><br/>
|
||||
</p>
|
||||
</div>
|
||||
<div id="inicio_centro">
|
||||
<h3>Servicios</h3>
|
||||
<p>Cubrimos todas las áreas en la decoración de interiores: diseño, fabricación, montaje y decoración de todo tipo de superficies:
|
||||
<ul>
|
||||
<li>Instalaciones comerciales</li>
|
||||
<li>Instalaciones hoteleras</li>
|
||||
<li>Oficinas</li>
|
||||
<li>Ferias y exposiciones</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
<div id="inicio_derecha">
|
||||
<h3>Contacto</h3>
|
||||
<p>
|
||||
C/ Paseo de la Chopera, 2<br/>
|
||||
28100 - Alcobendas - Madrid<br/>
|
||||
Teléfono: 91 789 78 78<br/>
|
||||
Fax: 91 299 22 99<br/>E-Mail: info@grupoardeco.com<br/><br/>
|
||||
<a href="contacto.html" alt="Ver plano de situación">Ver plano de situación</a></p>
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cuerpo_layout">
|
||||
<div id="cuerpo">
|
||||
<div id="inicio_izquierda">
|
||||
<h3>Bienvenido a Grupo Ardeco</h3>
|
||||
<p>Somos una empresa española dedicada a la decoración de interiores y proyectos integrales de reforma de locales
|
||||
|
||||
comerciales, oficinas y viviendas.</p>
|
||||
<p>
|
||||
Nos encargamos de todo: desde el asesoramiento y planificación del proyecto hasta la dirección y ejecución de obra,
|
||||
|
||||
proporcionando todo tipo de revestimientos, iluminación, sanitarios, muebles y decoración. Ofrecemos un equipamiento integral con proyectos llave en mano.
|
||||
</p><p>
|
||||
Contamos con equipo humano propio formado por los mejores profesionales del sector, así como de instaladores y
|
||||
|
||||
maquinaria adecuada para la perfecta ejecución de su obra.</p>
|
||||
|
||||
<p>Nuestros proyectos integrales aportan la solución idónea a cada uno de nuestros clientes, tanto desde la perpectiva funcional como estética.</p>
|
||||
<p>Todos nuestros trabajos tienen como premisas la calidad, limpieza de ejecución, cumplimiento de plazoa asi como una total accesibilidad del cliente a cualquier duda o consulta que surja durante el desarrollo del trabajo.</p>
|
||||
</div>
|
||||
<div id="inicio_derecha">
|
||||
<h3>Contacto</h3>
|
||||
<p>
|
||||
C/ Paseo de la Chopera, 2<br/>
|
||||
28100 - Alcobendas - Madrid<br/>
|
||||
Teléfono: 91 789 78 78<br/>
|
||||
Fax: 91 299 22 99<br/>E-Mail: info@grupoardeco.com<br/><br/>
|
||||
<a href="contacto.html" alt="ir al formulario de contacto">Contactar...</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
<div id="pie_layout">
|
||||
<div id="pie">
|
||||
<p><a href="">Aviso legal</a> | <a href="" title="">Política de privacidad</a><br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009</p>
|
||||
<p><a href="">Aviso legal</a> | <a href="" title="">Política de privacidad</a>
|
||||
<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
|
||||
</p>
|
||||
</div >
|
||||
</div>
|
||||
</body>
|
||||
|
||||
95
src/lightwindow/blank-huge.html
Normal file
@ -0,0 +1,95 @@
|
||||
|
||||
|
||||
<div id="ipsum" style="width: 1500px; height: 3000px;">
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
29
src/lightwindow/blank-width.html
Normal file
@ -0,0 +1,29 @@
|
||||
|
||||
|
||||
<div id="ipsum" style="width: 750px;">
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
<p>
|
||||
Integer vitae dui et ante adipiscing tempor. In facilisis sem id libero. Donec dolor sem, scelerisque ut, porta ac, consequat pretium, neque. Fusce vel libero. Suspendisse metus risus, tincidunt vel, ultrices sed, adipiscing quis, dui. Nulla facilisi. In hac habitasse platea dictumst. Mauris neque sapien, pellentesque nec, lacinia sit amet, congue eget, dui. Vivamus sed nisi id velit aliquam malesuada. Vivamus consequat vestibulum nisl. Aliquam mollis metus in mauris. Cras cursus, ligula sed egestas fermentum, ligula orci congue lectus, ut accumsan risus neque ut nunc.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse magna lorem, sollicitudin sit amet, scelerisque eu, blandit quis, tellus. Vestibulum nec orci. Ut id massa eu turpis lacinia vehicula. Duis eget sapien. In vehicula tortor quis est. Proin pellentesque. Duis bibendum ultrices ante. In nunc lorem, nonummy ut, venenatis pulvinar, auctor in, nunc. Sed sit amet lacus. Duis ut massa. Suspendisse id erat. Duis quam orci, dictum et, ullamcorper sed, hendrerit fermentum, augue. Vestibulum arcu. Vivamus ornare convallis tortor. Mauris id libero. Fusce tincidunt ante quis risus. Mauris cursus.
|
||||
</p>
|
||||
<p>
|
||||
Ut sit amet quam sit amet mauris venenatis congue. Fusce ut lectus. Integer orci libero, blandit a, interdum sed, feugiat in, erat. Nam laoreet purus eu tellus. Aliquam luctus, ante a pretium mollis, lectus urna nonummy ligula, tincidunt volutpat tortor urna a lectus. Morbi facilisis metus facilisis libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce eros turpis, interdum nec, scelerisque at, pretium sed, nibh. Fusce laoreet consequat velit. Nullam ante diam, rutrum quis, euismod et, auctor vel, pede. Aenean euismod. Duis pellentesque ligula posuere justo cursus venenatis. In hac habitasse platea dictumst. Suspendisse tellus sapien, auctor eu, interdum nec, elementum et, eros. Nunc eu tellus in enim laoreet euismod. Pellentesque ligula. Donec quis libero. Morbi molestie.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
39
src/lightwindow/blank.html
Normal file
@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
<div id="ipsum" >
|
||||
|
||||
<p>
|
||||
<a href="blank-width.html" class="lightwindow_action" rel="deactivate"><strong>Close Me!</strong></a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum hendrerit nibh at libero. Donec lectus enim, condimentum ac, scelerisque non, malesuada id, diam. Sed porta magna. Ut luctus bibendum nulla. Ut sit amet tellus. Aliquam ut justo. Duis sapien magna, sagittis et, molestie at, interdum a, mi. Nunc nisi arcu, tincidunt quis, adipiscing ac, faucibus convallis, ligula. Aenean lacinia laoreet nisi. Integer dictum. Maecenas porttitor dictum felis.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<select style="width: 200px;">
|
||||
<option value ="">Is this below the overlay?!</option>
|
||||
<option value ="">...</option>
|
||||
<option value ="">..</option>
|
||||
<option value ="">.</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#ipsum p {
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
152
src/lightwindow/css/default.css
Normal file
@ -0,0 +1,152 @@
|
||||
/*
|
||||
Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc
|
||||
*/
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #171B20;
|
||||
font-size: 12px;
|
||||
font-family: "Lucida Grande", Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
.page-body {
|
||||
margin: 0 auto 0 auto;
|
||||
width: 600px;
|
||||
padding: 30px 0 20px 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
margin: 0 10% 0 315px;
|
||||
width: 600px;
|
||||
padding: 0 0 50px 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.page-body ul, .page-body ol {
|
||||
color: #ffffff;
|
||||
margin: 10px 0 30px 25px;
|
||||
}
|
||||
|
||||
.page-body ul li,
|
||||
.page-body ol li {
|
||||
padding: 0;
|
||||
margin: 0 0 5px 0;
|
||||
color: #cccccc;
|
||||
line-height: 140%;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.page-footer p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.page-title h1 span {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: 100%;
|
||||
color: #ffffff;
|
||||
margin: 5px 0 15px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: 180%;
|
||||
color: #96BF55;
|
||||
margin: 5px 0 15px 0;
|
||||
}
|
||||
|
||||
h1 span {
|
||||
clear: both;
|
||||
font-size: 60%;
|
||||
color: #FF9;
|
||||
}
|
||||
|
||||
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: 150%;
|
||||
color: #09f;
|
||||
margin: 5px 0 15px 0;
|
||||
}
|
||||
|
||||
h2 span {
|
||||
clear: both;
|
||||
font-size: 70%;
|
||||
color: #FF9;
|
||||
}
|
||||
|
||||
h3 {
|
||||
clear: both;
|
||||
font-size: 120%;
|
||||
color: #FF9;
|
||||
font-weight: normal;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.notice {
|
||||
border: 3px solid #ffffbe;
|
||||
padding: 10px;
|
||||
color: #ffffff;
|
||||
background-color: #09f;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.notice p,
|
||||
.notice p a,
|
||||
li a {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.page-options {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
background: #a9d06a;
|
||||
margin: 3px 0 0 0;
|
||||
border-bottom: 1px solid #333333;
|
||||
border-bottom: 1px solid #555555;
|
||||
}
|
||||
|
||||
a.page-options:hover,
|
||||
a.page-options:focus {
|
||||
color: #fff;
|
||||
background: #09F;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 20px 0;
|
||||
color: #cccccc;
|
||||
line-height: 140%;
|
||||
}
|
||||
|
||||
p small,
|
||||
li small {
|
||||
color: #09F;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
p em,
|
||||
em {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
381
src/lightwindow/css/lightwindow.css
Normal file
@ -0,0 +1,381 @@
|
||||
#lightwindow_overlay {
|
||||
/* REQUIRED */
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
z-index: 500;
|
||||
/* REQUIRED */
|
||||
}
|
||||
|
||||
#lightwindow {
|
||||
/* REQUIRED */
|
||||
/* Of Note - The height and width of this element are set to 0px */
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
line-height: 0px;
|
||||
/* REQUIRED */
|
||||
|
||||
}
|
||||
|
||||
#lightwindow_container {
|
||||
/* REQUIRED */
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
/* REQUIRED */
|
||||
padding: 0 0 0 0;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
|
||||
/* IE6 needs this or it messes with our positioning */
|
||||
* html #lightwindow_container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#lightwindow_contents {
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
border: 10px solid #ffffff;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#lightwindow_loading {
|
||||
/* REQUIRED */
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 9999;
|
||||
position: absolute;
|
||||
/* REQUIRED */
|
||||
background-color: #f0f0f0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#lightwindow_loading_shim {
|
||||
display: none;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#lightwindow_loading span {
|
||||
font-size: 12px;
|
||||
line-height: 32px;
|
||||
color: #444444;
|
||||
float: left;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
#lightwindow_loading span a,
|
||||
#lightwindow_loading span a:link,
|
||||
#lightwindow_loading span a:visited {
|
||||
color: #09F;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#lightwindow_loading span a:hover,
|
||||
#lightwindow_loading span a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
#lightwindow_loading img {
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------------------
|
||||
I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
|
||||
I mean let's face it, it works really well and is very easy to figure out.
|
||||
-----------------------------------------------------------------------------------------------*/
|
||||
|
||||
#lightwindow_navigation {
|
||||
/* REQUIRED */
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
display: none;
|
||||
/* REQUIRED */
|
||||
}
|
||||
/* We need to shim the navigation for IE, though its more of a sub-floor */
|
||||
#lightwindow_navigation_shim {
|
||||
/* REQUIRED */
|
||||
display: none;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* REQUIRED */
|
||||
}
|
||||
|
||||
#lightwindow_navigation a,
|
||||
#lightwindow_navigation a:link,
|
||||
#lightwindow_navigation a:visited,
|
||||
#lightwindow_navigation a:hover,
|
||||
#lightwindow_navigation a:active {
|
||||
/* REQUIRED */
|
||||
outline: none;
|
||||
/* REQUIRED */
|
||||
}
|
||||
|
||||
#lightwindow_previous,
|
||||
#lightwindow_next {
|
||||
width: 49%;
|
||||
height: 100%;
|
||||
background: transparent url(/lightwindow/images/blank.gif) no-repeat; /* Trick IE into showing hover */
|
||||
display: block;
|
||||
}
|
||||
|
||||
#lightwindow_previous {
|
||||
float: left;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#lightwindow_next {
|
||||
float: right;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#lightwindow_previous:hover,
|
||||
#lightwindow_previous:active {
|
||||
background: url(/lightwindow/images/prevlabel.gif) left 15% no-repeat;
|
||||
}
|
||||
|
||||
#lightwindow_next:hover,
|
||||
#lightwindow_next:active {
|
||||
background: url(/lightwindow/images/nextlabel.gif) right 15% no-repeat;
|
||||
}
|
||||
|
||||
#lightwindow_previous_title,
|
||||
#lightwindow_next_title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#lightwindow_galleries {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: 50;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
margin: 0 0 0 10px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#lightwindow_galleries_tab_container {
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a#lightwindow_galleries_tab,
|
||||
a:link#lightwindow_galleries_tab,
|
||||
a:visited#lightwindow_galleries_tab {
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 77px;
|
||||
float: right;
|
||||
line-height: 22px;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
color: #ffffbe;
|
||||
background: url(/lightwindow/images/black-70.png) repeat 0 0 transparent;
|
||||
}
|
||||
|
||||
* html a#lightwindow_galleries_tab,
|
||||
* html a:link#lightwindow_galleries_tab,
|
||||
* html a:visited#lightwindow_galleries_tab {
|
||||
background: none;
|
||||
background-color: #000000;
|
||||
opacity: .70;
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
a:hover#lightwindow_galleries_tab,
|
||||
a:active#lightwindow_galleries_tab {
|
||||
color: #ffffbe;
|
||||
|
||||
}
|
||||
|
||||
#lightwindow_galleries_tab_span {
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 63px;
|
||||
padding: 0 7px 0 7px;
|
||||
}
|
||||
|
||||
#lightwindow_galleries_tab .up {
|
||||
background: url(/lightwindow/images/arrow-up.gif) no-repeat 60px 5px transparent;
|
||||
}
|
||||
|
||||
#lightwindow_galleries_tab .down {
|
||||
background: url(/lightwindow/images/arrow-down.gif) no-repeat 60px 6px transparent;
|
||||
}
|
||||
|
||||
#lightwindow_galleries_list {
|
||||
background: url(/lightwindow/images/black-70.png) repeat 0 0 transparent;
|
||||
overflow: hidden;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
* html #lightwindow_galleries_list {
|
||||
background: none;
|
||||
background-color: #000000;
|
||||
opacity: .70;
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
.lightwindow_galleries_list {
|
||||
width: 200px;
|
||||
float: left;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lightwindow_galleries_list h1 {
|
||||
color: #09F;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
padding: 10px 0 5px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.lightwindow_galleries_list li {
|
||||
margin: 5px 0 5px 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.lightwindow_galleries_list a,
|
||||
.lightwindow_galleries_list a:link,
|
||||
.lightwindow_galleries_list a:visited {
|
||||
display: block;
|
||||
line-height: 22px;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.lightwindow_galleries_list a:hover,
|
||||
.lightwindow_galleries_list a:active {
|
||||
background: #000000;
|
||||
color: #ffffbe;
|
||||
border-left: 3px solid #ffffbe;
|
||||
padding: 0 0 0 7px;
|
||||
}
|
||||
|
||||
#lightwindow_data {
|
||||
/* REQUIRED */
|
||||
position: absolute;
|
||||
/* REQUIRED */
|
||||
}
|
||||
|
||||
#lightwindow_data_slide {
|
||||
/* REQUIRED */
|
||||
position: relative;
|
||||
/* REQUIRED */
|
||||
}
|
||||
|
||||
#lightwindow_data_slide_inner {
|
||||
background-color: #ffffff;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
#lightwindow_data_caption {
|
||||
padding: 10px 0 0 0;
|
||||
color: #666666;
|
||||
line-height: 25px;
|
||||
background-color: #ffffff;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#lightwindow_data_details {
|
||||
background-color: #f0f0f0;
|
||||
padding: 0 10px 0 10px;
|
||||
height: 20px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#lightwindow_data_author_container {
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
color: #666666;
|
||||
font-style: italic;
|
||||
font-size: 10px;
|
||||
line-height: 20px;
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#lightwindow_data_gallery_container {
|
||||
font-size: 10px;
|
||||
width: 40%;
|
||||
text-align: left;
|
||||
color: #666666;
|
||||
line-height: 20px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#lightwindow_title_bar {
|
||||
height: 25px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#lightwindow_title_bar_title {
|
||||
color: #ffffbe;
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a#lightwindow_title_bar_close_link,
|
||||
a:link#lightwindow_title_bar_close_link,
|
||||
a:visited#lightwindow_title_bar_close_link {
|
||||
float: right;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
color: #444;
|
||||
line-height: 25px;
|
||||
padding: 0 8px;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
a:hover#lightwindow_title_bar_close_link,
|
||||
a:active#lightwindow_title_bar_close_link {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/*-----------------------------------------------------------------------------------------------
|
||||
Theme styling stuff
|
||||
-----------------------------------------------------------------------------------------------*/
|
||||
|
||||
#lightwindow p {
|
||||
color: #000000;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
13
src/lightwindow/form.html
Normal file
@ -0,0 +1,13 @@
|
||||
<form id="sample-form" name="sample-form">
|
||||
<ul style="list-style-type: none;margin: 0; padding: 0;">
|
||||
<li>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<input id="name" name="name" type="text" value="What is your name?" />
|
||||
</li>
|
||||
<li>
|
||||
<a href="hello.php" params="lightwindow_form=sample-form" class="lightwindow_action" rel="submitForm"><button>Submit</button></a> or <a href="#" class="lightwindow_action" style="color: blue;" rel="deactivate">Cancel</a>
|
||||
</li>
|
||||
</ul>
|
||||
</form>
|
||||
BIN
src/lightwindow/gallery/0-evolution.jpg
Normal file
|
After Width: | Height: | Size: 9.4 KiB |
BIN
src/lightwindow/gallery/0-nature.jpg
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
src/lightwindow/gallery/0-sushi.jpg
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
src/lightwindow/gallery/0.jpg
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
src/lightwindow/gallery/1-evolution.jpg
Normal file
|
After Width: | Height: | Size: 8.8 KiB |
BIN
src/lightwindow/gallery/1-nature.jpg
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
src/lightwindow/gallery/1-sushi.jpg
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
src/lightwindow/gallery/1.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
src/lightwindow/gallery/2-evolution.jpg
Normal file
|
After Width: | Height: | Size: 9.5 KiB |
BIN
src/lightwindow/gallery/2-sushi.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
src/lightwindow/gallery/2.jpg
Normal file
|
After Width: | Height: | Size: 99 KiB |
BIN
src/lightwindow/gallery/3-evolution.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
src/lightwindow/gallery/3.jpg
Normal file
|
After Width: | Height: | Size: 70 KiB |
BIN
src/lightwindow/gallery/4-evolution.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
src/lightwindow/gallery/4.jpg
Normal file
|
After Width: | Height: | Size: 39 KiB |