diff --git a/doc/PSD/GALERIA.psd b/doc/PSD/GALERIA.psd new file mode 100644 index 0000000..ff64b41 Binary files /dev/null and b/doc/PSD/GALERIA.psd differ diff --git a/src/css/main.css b/src/css/main.css index b6d9fca..67ab573 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -64,7 +64,7 @@ a:hover { color: #b9e9e7; } -h1, h2, h3, h4 { +h1, h2, h3, h4, h5 { font-weight: normal; } @@ -108,7 +108,7 @@ body { } .main-container .main { - padding-left: 163px; + padding-left: 20px; display: table; } @@ -301,6 +301,24 @@ nav a.current { font: 24px/30px Hectic, serif; } +.galeria .main-container { + background: #7f7f7f url('../img/background-galeria.jpg') no-repeat right top; +} + +.galeria h4 { + position: absolute; + margin-bottom: 0; + top: 65px; + left: 190px; +} + +.galeria h5 { + position: absolute; + margin-bottom: 0; + bottom: 180px; + right: 60px; +} + .la-escuela .main-container { background: #7f7f7f url('../img/background-la-escuela.jpg') no-repeat right top; @@ -460,45 +478,66 @@ nav a.current { ========================================================================== */ .slider-wrapper { + background: #fff; + + -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5) !important; + -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5) !important; + box-shadow: 0px 3px 6px rgba(0,0,0,.5) !important; + position: absolute; - height:550px; - top: 0; - right: 0; - float: right; - width: 860px; display: table-cell; + + -webkit-transition: -webkit-transform .15s linear; + -moz-transition: -moz-transform .15s linear; + transition: transform .15s linear; } -.nivoSlider { - height: 550px !important; +#grande.slider-wrapper { + height: 371px; + top: 120px; + left: 210px; + float: left; + width: 580px; } -.nivo-main-image { - height: 550px; +#pequeno.slider-wrapper { + height: 125px; + bottom: 50px; + right: 50px; + float: left; + width: 160px; } -#slideshow { - position:relative; - height:550px; +#pequeno.slider-wrapper img { + border: 10px solid white; } -#slideshow img { - position:absolute; - top:0; - left:0; - z-index:8; - opacity:0.0; +.rotar-izquierda { + -webkit-transform: rotate(-3deg); + -moz-transform: rotate(-3deg); + transform: rotate(-3deg); } -#slideshow img.active { - z-index:10; - opacity:1.0; +.rotar-derecha { + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + transform: rotate(2deg); } -#slideshow img.last-active { - z-index:9; +#grande.theme-default .nivoSlider { + + margin-bottom: 0 !important; + border: 10px solid white; } +#grande .nivoSlider { + height: 371px !important; +} + +#grande .nivo-main-image { + height: 371px !important; + width: 580px; +} /* ========================================================================== Helper classes diff --git a/src/filosofia.html b/src/filosofia.html index b0cdfb2..3dcacb3 100644 --- a/src/filosofia.html +++ b/src/filosofia.html @@ -92,7 +92,6 @@ - - +
-
-
-
- Alpargatas - Alpargatas - Alpargatas - AWA blancas - AWA grises - AWA negras - Bolsos - Famous - Havaianas - Inaguración - Inventos - Nixon - Tablas - Entrada - La tienda - - +

Fotos tienda

+
+
+ Alpargatas + Alpargatas + Alpargatas + AWA blancas + AWA grises + AWA negras + Bolsos + Famous + Havaianas + Inaguración + Inventos + Nixon + Tablas + Entrada + La tienda
+ +
+ + + + + + + + + + + +
+
+
Fotos escuela
+
+ +
+
+
+

Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)
tlfs: 607 382 604 > 661 962 924 Mail: info@surfagua.com

+
+
@@ -99,27 +113,70 @@ - + + $('#pequeno a.cambiar').click(function() { + + if ($('#slider').data('nivoslider')) { + $('#slider').data('nivoslider').stop(); + } + + var titulo = $('.main.wrapper h4').text(); + $('.main.wrapper h4').text($('.main.wrapper h5').text()); + $('.main.wrapper h5').text(titulo); + + if ($('#slider').hasClass('tienda')) { + // Cambiar a escuela + $('#pequeno a.cambiar img.escuela').addClass('visuallyhidden'); + $('#pequeno a.cambiar img.tienda').removeClass('visuallyhidden'); + + $('div.tienda').insertAfter('div.escuela'); + + $('div.tienda').removeAttr('id'); + $('div.tienda').removeClass('nivoSlider'); + $('div.tienda').addClass('visuallyhidden'); + + $('div.escuela').attr('id', 'slider'); + $('div.escuela').removeClass('visuallyhidden'); + $('div.escuela').addClass('nivoSlider'); + } else { + $('#pequeno a.cambiar img.escuela').removeClass('visuallyhidden'); + $('#pequeno a.cambiar img.tienda').addClass('visuallyhidden'); + + $('div.escuela').insertAfter('div.tienda'); + $('div.escuela').removeAttr('id'); + $('div.escuela').removeClass('nivoSlider'); + $('div.escuela').addClass('visuallyhidden'); + + $('div.tienda').attr('id', 'slider'); + $('div.tienda').removeClass('visuallyhidden'); + $('div.tienda').addClass('nivoSlider'); + } + empezar(); + return false; + }); + + + + diff --git a/src/img/background-galeria.jpg b/src/img/background-galeria.jpg new file mode 100644 index 0000000..52b7fa9 Binary files /dev/null and b/src/img/background-galeria.jpg differ diff --git a/src/img/foto-escuela.jpg b/src/img/foto-escuela.jpg new file mode 100644 index 0000000..fd33e3d Binary files /dev/null and b/src/img/foto-escuela.jpg differ diff --git a/src/img/foto-tienda.jpg b/src/img/foto-tienda.jpg new file mode 100644 index 0000000..997b4c6 Binary files /dev/null and b/src/img/foto-tienda.jpg differ diff --git a/src/js/main.js b/src/js/main.js deleted file mode 100644 index 8b13789..0000000 --- a/src/js/main.js +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/la-escuela.html b/src/la-escuela.html index 4e0dc97..2d3a505 100644 --- a/src/la-escuela.html +++ b/src/la-escuela.html @@ -94,7 +94,6 @@ - - - - -