-
- ★ desde. 1980 ★
+
+ « desde 1980 »
diff --git a/src/styles.css b/src/styles.css
index ca379c6..a4812b8 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -74,7 +74,7 @@ figure img:hover{
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 12px solid #607860;
+ border-top: 12px solid #7DA647;
margin:4px 6px 0 0;
}
/***COLOURED TOP STRIPS***/
@@ -90,19 +90,19 @@ figure img:hover{
opacity:0.8;filter:alpha(opacity=80);
}
#colours .color-1{
-background-color:#8a8f42;
+background-color:#C0FF6E; /*#8a8f42;*/
}
#colours .color-2{
-background-color:#595610;
+background-color:#7DA647; /*#595610;*/
}
#colours .color-3{
-background-color:#77766a;
+background-color:#3D5C15; /*#77766a;*/
}
#colours .color-4{
-background-color:#9c9504;
+background-color:#5EA600; /*#9c9504;*/
}
#colours .color-5{
-background-color:#817e40;
+background-color:#A0F037;/*#817e40;*/
}
.divider{
float:left;
@@ -152,48 +152,48 @@ nav#slide-nav{
}
nav#slide-nav a{
text-transform:uppercase;
- color:#ccc;
+ color:#111111;
+ padding:0 0 10px 0;
+ display:block;
+ text-shadow:1px 1x 3px #222;
+ letter-spacing:0.1em;
+
text-align:center;
display:inline;
- text-shadow:0px 0px 1px #fff;
- letter-spacing:0.2em;
- opacity: 1;
- -webkit-transition: opacity 1s linear;
- -moz-transition-duration: 1s;
- -o-transition-duration: 1s;
padding:10px 0;
- font-size:0.8em;
+ font-size:1em;
}
nav#slide-nav a:hover{
- color:#293f29;
- opacity:0;
- text-shadow:0px 0px 1px #555;
+ color:#C0FF6E;
+ /*text-shadow:0px 0px 1px #555;*/
}
/* ------------------------------------------------------------------------------------
-- 2) SIDE NAVIGATION STYLES FOR ALL PAGES APART INDEX
------------------------------------------------------------------------------------ */
nav#side{
float:right;
- width:126px;
+ width:148px;
margin:40px 20px 0 0;
}
nav#side a{
text-transform:uppercase;
- color:#ccc;
- padding:0 10px 5px 0;
+ color:#7DA647;
+ padding:0 5px 10px 0;
display:block;
- letter-spacing:0.2em;
- opacity: 1;
- -webkit-transition: opacity 1s linear;
+ letter-spacing:0.1em;
+/* -webkit-transition: opacity 1s linear;
-moz-transition-duration: 1s;
- -o-transition-duration: 1s;
+ -o-transition-duration: 1s;*/
}
nav#side a:hover{
- color:#CDE9CA;
- padding-top:2px;
- opacity:0;
+ color:#C0FF6E;
text-decoration:none;
}
+
+nav#side a.current {
+ color:#A0F037;
+}
+
#social{
float:left;
margin-top:20px;
@@ -220,22 +220,26 @@ nav#top{
}
nav#top a{
text-transform:uppercase;
- color:#ccc;
- padding:0 0 5px 0;
+ color:#7DA647;
+ padding:0 0 10px 0;
display:block;
- text-shadow:0px 0px 1px #fff;
- letter-spacing:0.2em;
- opacity: 1;
- -webkit-transition: opacity 1s linear;
+ text-shadow:1px 1x 3px #222;
+ letter-spacing:0.1em;
+/* -webkit-transition: opacity 1s linear;
-moz-transition-duration: 1s;
- -o-transition-duration: 1s;
+ -o-transition-duration: 1s;*/
}
nav#top a:hover{
- color:#5c6229;
- padding-top:2px;
- opacity:0;
+ color:#C0FF6E;
+ padding-top:0px;
text-decoration:none;
}
+
+nav#top a.current {
+ color:#A0F037;
+}
+
+
/* ------------------------------------------------------------------------------------
-- HEADER
------------------------------------------------------------------------------------ */
@@ -252,25 +256,26 @@ header{
background:rgba(0,0,0,0.8);
}
#logo{
- margin:30px;
+ margin:30px 0;
+ width: 186px;
float:left;
}
#logo h1 a{
- font-size:2.1em;
text-decoration:none;
- color:#e8e5e5;
- font-weight:normal;
- font-family:'Michroma', sans-serif;
- text-shadow:0 0 1px #555;
- padding-bottom:0.6em;
+ padding: 38px 0 0 0;
+ height: 0;
+ overflow: hidden;
display:block;
+ background: url('images/logo.png') no-repeat center;
+
}
#logo p{
text-align:center;
- font-family: 'Waiting for the Sunrise', serif;
- color:#e8e5e5;
+ font-family: sans-serif;
+ color:#e4ecd9;
font-size:1.2em;
display:block;
+ padding-top: 0.4em;
}
/* ------------------------------------------------------------------------------------
-- CONTENT SLIDER STYLES ALL PAGES WITH HEIGHT
@@ -281,13 +286,13 @@ header{
border:1px solid #ccc;
width:750px;
height:458px;
- margin:40px;
+ margin: 40px 20px 40px 40px;
float:left;
}
#hero-slider .mask {
float:left;
width:750px;
- height:381px;
+ height:376px;
overflow:hidden;
}
#hero-slider .panel {
@@ -332,41 +337,51 @@ a.button{
float:left;
}
#hero-slider ul {
- margin:20px 20px 40px 20px;
- list-style:none;
- float:left;
- width:710px;
+ background: none repeat scroll 0 0 #DEDEDE;
+ border: 20px solid #DEDEDE;
+ float: left;
+ list-style: none outside none;
+ margin-bottom: 20px;
+ width: 710px;
}
#hero-slider ul li {
margin:0 20px 0 0;
- float:left;
+ float:right;
}
#hero-slider ul a {
outline:none;
text-decoration: none;
display:block;
- color:#555;
- font-size:0.8em;
- padding-top:4px;
+ color:#7DA647;
+ font-size:1em;
+ font-family:'Oswald', sans-serif;
+ padding-bottom:4px;
+ padding-top: 2px;
text-transform:capitalize;
}
#hero-slider ul a.active {
- color:#000;
- border-top:1px solid #000;
+ color: #3D5C15;
+ border-bottom:1px solid #3D5C15;
}
.panel h2 {
- padding:0 0 0.8em 0;
- color:#9e9e9e;
+ font-size:1.6em;
+ line-height:1.2em;
text-transform:uppercase;
- font-size:1.2em;
+ font-weight:normal;
+ font-family:'Oswald', sans-serif;
+ letter-spacing:2px;
+ color:#3D5C15;
+ padding:0 0 0.8em 0;
}
.panel h3{
- color:#555;
+ font-size:1.2em;
+ line-height:1.2em;
+ text-transform:uppercase;
font-weight:normal;
- font-size:1.1em;
font-family:'Oswald', sans-serif;
- text-shadow:0px 1px 1px #fff;
- padding:0 0 0.8em 0;
+ letter-spacing:2px;
+ color:#3D5C15;
+ padding:0 0 0.8em 0;
}
.panel p {
color:#666;
@@ -391,15 +406,15 @@ section#hours{
float:left;
}
#hours a.btn-slide:hover{
- color:#607860;
- text-shadow: 0px 0px 1px #ECF4E6;
+ color:#7DA647;
+ text-shadow: 1px 1px 3px #ECF4E6;
}
#panel-hours{
float:left;
background:rgba(96,120,96,0.8);
width:980px;
display: none;
- border:1px solid #607860;
+ border:1px solid #7DA647;
}
#opening-hours{
float:right;
@@ -407,15 +422,15 @@ section#hours{
}
#opening-hours p{
text-transform:uppercase;
- color:#ccc;
+ color:#fff;
text-align:center;
display:inline;
- text-shadow:0px 0px 1px #fff;
- letter-spacing:0.2em;
+ text-shadow: 1px 1px 3px #333333;
+ letter-spacing:0.1em;
opacity: 1;
- -webkit-transition: opacity 1s linear;
+/* -webkit-transition: opacity 1s linear;
-moz-transition-duration: 1s;
- -o-transition-duration: 1s;
+ -o-transition-duration: 1s;*/
padding:10px 0;
font-size:0.8em;
}
@@ -431,6 +446,7 @@ section#hours{
height:100%;
margin:0px auto;
position:fixed;
+ background: #000;
}
div#main-content{
float:left;
@@ -454,20 +470,34 @@ div#main-content{
#frontpage article h1{
font-size:4em;
line-height:1.2em;
- text-transform:capitalize;
+ text-transform:none;
font-weight:normal;
font-family:'Oswald', sans-serif;
letter-spacing:2px;
- color:#e8e5e5;
+ color:#e4ecd9;
}
-.coloured{
- color:#607860;
- text-shadow:0px 1px 1px #000;
+
+.coloured-1{
+ color:#C0FF6E;
}
+
+.coloured-2, .coloured {
+ color:#7DA647;
+}
+.coloured-3{
+ color:#3D5C15;
+}
+.coloured-4{
+ color:#5EA600;
+}
+.coloured-5{
+ color:#A0F037;
+}
+
#frontpage article p{
font-size:0.95em;
display:block;
- margin-top:4em;
+ margin-top:2em;
line-height:1.4em;
color:#c7c7c7;
}
@@ -483,7 +513,7 @@ div#main-content{
border-radius: 0px 0px 4px 4px;
}
#bottom-nav a.btn-slide{
- color:#CDE9CA;
+ color:#7DA647;
text-align:center;
text-transform:uppercase;
padding:10px 24px 14px 24px;
@@ -491,15 +521,15 @@ div#main-content{
float:left;
}
#bottom-nav a.btn-slide:hover{
- color:#607860;
- text-shadow: 0px 0px 1px #ECF4E6;
+ color:#C0FF6E;
+ /*text-shadow: 0px 0px 1px #ECF4E6;*/
}
#panel{
float:left;
- background:rgba(96,120,96,0.8);
+ background:rgba(125,166,71,0.8);
width:660px;
- display: none;
- border:1px solid #607860;
+ /*display: none;*/
+ border:1px solid #7DA647;
}
/* ------------------------------------------------------------------------------------
-- INDEX ENDS HERE
@@ -535,7 +565,14 @@ div#main-content{
.panelinfo ol.lists li.price{
width:218px;
margin-right:20px;
- font-family:'Michroma', sans-serif;
+ font-size: 1.1em;
+ font-family:'Oswald', sans-serif;
+ text-align: right;
+}
+.panelinfo ol.lists li.price span.tachado {
+ text-decoration:line-through;
+ color: #999;
+ font-size: 0.8em;
}
.panelinfo ol.items{
float:left;
@@ -781,7 +818,7 @@ div#content{
}
div#bodyContent{
width:400px;
- height:410px;
+ /*height:410px;*/
float:left;
}
div#bodyContent p{
@@ -790,12 +827,12 @@ div#bodyContent p{
margin-bottom:20px;
}
h1#firstHeading{
- font-family:'Mako', sans-serif;
+ font-family:sans-serif;
font-size:1.2em;
- color:#555;
+ color:#7DA647;
padding-bottom:0.5em;
text-transform:uppercase;
- font-weight:normal;
+ font-weight:bold;
}
#map_canvas{
height:100%;
@@ -847,10 +884,7 @@ form#contact li.form-item6{
margin:0 0 20px 20px;
}
.form-wrapper label {
-/* display:block;*/
- height:0;
- margin:0;
- text-indent:-9999px;
+ margin-bottom: 20px;
}
.form-wrapper input {
border:none;
@@ -888,7 +922,7 @@ form#contact textarea{
}
#buttonsubmit {
float:left;
- background:#9db09f;
+ background:#5EA600;
opacity:1;
-moz-transition:opacity .3s ease-in-out;
-webkit-transition:opacity .3s ease-in-out;
@@ -897,18 +931,19 @@ form#contact textarea{
-webkit-border-radius:4px;
-khtml-border-radius: 4px;
border-radius:4px
- -moz-box-shadow:4px 4px 0 #8a9b8c;
- -webkit-box-shadow:4px 4px 0 #8a9b8c;
- box-shadow:4px 4px 0 #8a9b8c;;
- color:#555;
+ -moz-box-shadow:4px 4px 0 #3D5C15;
+ -webkit-box-shadow:4px 4px 0 #3D5C15;
+ box-shadow:4px 4px 0 #3D5C15;;
+ color:#A0F037;
font-size:1.1em;
text-transform:uppercase;
- text-shadow:0px 1px 1px #ddd;
+ text-shadow:0px 1px 1px #7DA647;
font-weight:bold;
cursor:pointer;
}
#buttonsubmit:hover,
#buttonsubmit:focus {
+ color:#C0FF6E;
opacity:.9;
}
/* ------------------------------------------------------------------------------------
@@ -1113,7 +1148,7 @@ p.small{
#thanks h1{
font-size:1.9em;
color:#555;
- text-shadow:0 0 1px #000;
+ text-shadow:1 1 3px #000;
display:block;
margin-bottom:20px;
}
diff --git a/src/thankyou.html b/src/thankyou.html
index ef80291..53f9c66 100644
--- a/src/thankyou.html
+++ b/src/thankyou.html
@@ -1,5 +1,5 @@
-
+
@@ -7,28 +7,28 @@
-
-
+
+
-
-
-
-
+
+
+
+
-
Bar template
+
Alonso y Sal
-
- ★ desde. 1980 ★
+
+ « desde 1980 »
@@ -44,10 +44,8 @@
-
Thank you very much!
-
Your message has been sent. We shall come back with reply within 24 business hours to email address you have provided.
- In the meantime you might want to check and join our Facebook page if you haven’t done that before.
- We shall be glad to see you among our friends!
+
¡Gracias!
+