dslak
/
ordine_farmacisti
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add footer

develop
Carmine De Rosa 7 years ago
parent
e15e8a9143
commit
66c9e9152e
15 changed files with 285 additions and 88 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 147
      css/styles.css
  2. 41
      footer.php
  3. 10
      index.php
  4. BIN
      scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_1024up.scssc
  5. BIN
      scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc
  6. BIN
      scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/footer.scssc
  7. BIN
      scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc
  8. BIN
      scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc
  9. BIN
      scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/main.scssc
  10. 49
      scss/footer.scss
  11. 28
      scss/global.scss
  12. 30
      scss/header.scss
  13. 2
      scss/main.scss
  14. 16
      scss/mediaqueries/viewports/_1024up.scss
  15. 50
      scss/mediaqueries/viewports/_768up.scss

147
css/styles.css
View File

@ -14416,16 +14416,14 @@ a:hover {
/* line 134, global.scss */ /* line 134, global.scss */
#MainContent { #MainContent {
position: absolute;
top: 40px;
position: relative;
margin-top: 40px;
z-index: 0; z-index: 0;
min-height: 200vh;
min-height: 100vh;
overflow: hidden; overflow: hidden;
left: 50%;
transform: translateX(-50%);
} }
/* line 144, global.scss */
/* line 142, global.scss */
#map { #map {
width: 100%; width: 100%;
border-radius: 3px; border-radius: 3px;
@ -14433,17 +14431,6 @@ a:hover {
padding: 10px; padding: 10px;
} }
/* line 152, global.scss */
#menuLeft {
margin-top: 70px;
}
@media only screen and (min-width: 768px) {
/* line 152, global.scss */
#menuLeft {
margin-top: 0;
}
}
/* line 3, forms.scss */ /* line 3, forms.scss */
input, input,
select, select,
@ -14567,57 +14554,59 @@ input[type="radio"] + label::before {
/* line 2, header.scss */ /* line 2, header.scss */
header { header {
position: relative;
background: #4e984a; background: #4e984a;
height: 70px; height: 70px;
width: 100%; width: 100%;
top: 0;
} }
/* line 7, header.scss */
/* line 9, header.scss */
header .logo { header .logo {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
height: 70px; height: 70px;
} }
/* line 15, header.scss */
/* line 17, header.scss */
header .container.main { header .container.main {
height: 70px; height: 70px;
position: fixed; position: fixed;
background: #4e984a; background: #4e984a;
z-index: 500; z-index: 500;
} }
/* line 23, header.scss */
/* line 25, header.scss */
header .hamburger { header .hamburger {
position: fixed; position: fixed;
top: 6px; top: 6px;
right: 0; right: 0;
} }
/* line 30, header.scss */
/* line 32, header.scss */
header .openings { header .openings {
position: relative; position: relative;
top: 0; top: 0;
} }
/* line 34, header.scss */
/* line 36, header.scss */
header .openings .hours { header .openings .hours {
font-size: 0.75rem; font-size: 0.75rem;
text-align: left; text-align: left;
position: absolute; position: absolute;
top: 100px; top: 100px;
} }
/* line 39, header.scss */
/* line 41, header.scss */
header .openings .hours span { header .openings .hours span {
display: inline; display: inline;
border-right: 1px solid #aaa; border-right: 1px solid #aaa;
padding: 0 5px; padding: 0 5px;
} }
/* line 44, header.scss */
/* line 46, header.scss */
header .openings .hours span:first-child { header .openings .hours span:first-child {
padding: 0; padding: 0;
} }
/* line 48, header.scss */
/* line 50, header.scss */
header .openings .hours span:first-child, header .openings .hours span:last-child { header .openings .hours span:first-child, header .openings .hours span:last-child {
border-right: none; border-right: none;
} }
/* line 56, header.scss */
/* line 58, header.scss */
header .topmenu { header .topmenu {
height: calc(100vh - 70px); height: calc(100vh - 70px);
position: fixed; position: fixed;
@ -14629,7 +14618,7 @@ header .topmenu {
overflow: auto; overflow: auto;
z-index: 500; z-index: 500;
} }
/* line 67, header.scss */
/* line 69, header.scss */
header .topmenu ul { header .topmenu ul {
text-align: center; text-align: center;
font-size: 1.125rem; font-size: 1.125rem;
@ -14639,13 +14628,13 @@ header .topmenu ul {
padding: 0; padding: 0;
line-height: 30px; line-height: 30px;
} }
/* line 77, header.scss */
/* line 79, header.scss */
header .topmenu ul li { header .topmenu ul li {
list-style: none; list-style: none;
padding: 5px 15px; padding: 5px 15px;
display: block; display: block;
} }
/* line 82, header.scss */
/* line 84, header.scss */
header .topmenu ul li a { header .topmenu ul li a {
color: #4e984a; color: #4e984a;
text-decoration: none; text-decoration: none;
@ -14655,11 +14644,11 @@ header .topmenu ul li a {
border-radius: 3px; border-radius: 3px;
padding: 5px; padding: 5px;
} }
/* line 92, header.scss */
/* line 94, header.scss */
header .topmenu ul li a:hover { header .topmenu ul li a:hover {
color: #71986e; color: #71986e;
} }
/* line 100, header.scss */
/* line 102, header.scss */
header .breadcrumb { header .breadcrumb {
font-size: 0.75rem; font-size: 0.75rem;
padding: 5px; padding: 5px;
@ -14674,24 +14663,24 @@ header .breadcrumb {
height: 30px; height: 30px;
z-index: 1; z-index: 1;
} }
/* line 114, header.scss */
/* line 116, header.scss */
header .breadcrumb .container { header .breadcrumb .container {
overflow: hidden; overflow: hidden;
overflow-x: auto; overflow-x: auto;
} }
/* line 118, header.scss */
/* line 120, header.scss */
header .breadcrumb .container .crumbs { header .breadcrumb .container .crumbs {
height: 20px; height: 20px;
display: ruby; display: ruby;
} }
/* line 121, header.scss */
/* line 123, header.scss */
header .breadcrumb .container .crumbs a { header .breadcrumb .container .crumbs a {
color: #4e984a; color: #4e984a;
text-decoration: none; text-decoration: none;
transition: .4s; transition: .4s;
cursor: pointer; cursor: pointer;
} }
/* line 126, header.scss */
/* line 128, header.scss */
header .breadcrumb .container .crumbs a:hover { header .breadcrumb .container .crumbs a:hover {
color: #666; color: #666;
} }
@ -15090,6 +15079,54 @@ header .breadcrumb .container .crumbs a:hover {
margin-left: 5px; margin-left: 5px;
} }
/* line 2, footer.scss */
footer {
position: relative;
background: #4e984a;
padding: 20px 0;
width: 100%;
text-align: center;
}
/* line 9, footer.scss */
footer .footer-logo {
max-height: 60px;
max-width: 90%;
}
/* line 15, footer.scss */
footer .footermenu {
display: inline-block;
width: 100%;
border-top: 1px dotted #d1efb5;
padding-top: 20px;
text-transform: uppercase;
}
/* line 22, footer.scss */
footer .footermenu ul {
text-align: left;
font-size: 0.75rem;
margin: 0;
padding: 0;
}
/* line 28, footer.scss */
footer .footermenu ul li {
padding: 0 10px;
display: block;
border: none;
width: 50%;
float: left;
}
/* line 35, footer.scss */
footer .footermenu ul li a {
color: white;
background: none;
display: block;
padding: 3px;
}
/* line 41, footer.scss */
footer .footermenu ul li a:hover {
color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
/* line 5, mediaqueries/viewports/_768up.scss */ /* line 5, mediaqueries/viewports/_768up.scss */
header { header {
@ -15186,12 +15223,32 @@ header .breadcrumb .container .crumbs a:hover {
top: 120px; top: 120px;
} }
/* line 103, mediaqueries/viewports/_768up.scss */
/* line 102, mediaqueries/viewports/_768up.scss */
footer {
text-align: left;
}
/* line 105, mediaqueries/viewports/_768up.scss */
footer .footermenu {
border: none;
padding: 0;
}
/* line 109, mediaqueries/viewports/_768up.scss */
footer .footermenu ul li {
border-left: 1px dotted #d1efb5;
width: 33.333%;
}
/* line 116, mediaqueries/viewports/_768up.scss */
footer .bl {
padding-left: 20px;
border-left: 1px dotted #d1efb5;
}
/* line 123, mediaqueries/viewports/_768up.scss */
#MainContent { #MainContent {
top: 160px;
margin-top: 160px;
} }
/* line 109, mediaqueries/viewports/_768up.scss */
/* line 129, mediaqueries/viewports/_768up.scss */
.banner { .banner {
height: 90px; height: 90px;
padding: 0 !important; padding: 0 !important;
@ -15199,3 +15256,17 @@ header .breadcrumb .container .crumbs a:hover {
float: left; float: left;
} }
} }
@media only screen and (min-width: 1024px) {
/* line 6, mediaqueries/viewports/_1024up.scss */
footer .logo-container {
text-align: left;
}
/* line 10, mediaqueries/viewports/_1024up.scss */
footer .footer-logo,
footer p {
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: left;
}
}

41
footer.php
View File

@ -0,0 +1,41 @@
<footer>
<div class="container">
<div class="row">
<div class="col-12 col-sm-4 col-md-2 my-2 logo-container">
<img class="footer-logo" src="<?php echo $BASE_URLs;?>/images/header.png">
</div>
<div class="col-12 col-sm-4 col-md-3 text-white font-10 my-2 bl">
<p>
Via Settimio Mobilio, 17 - 84127 SALERNO <br>
Tel 089.405080 089.795900 - Fax 089.798628 <br>
E-Mail: ordinefarmacistisa@pec.fofi.it
</p>
</div>
<div class="col-12 col-sm-4 col-md-3 text-white font-10 my-2 bl">
<p>
Codice Fiscale: 80048490652<br>
C.C. Postale: 39419031<br>
Codice IBAN: IT43T0760115200000039419031
</p>
</div>
<div class="col-sm-4 d-none d-sm-block d-md-none"></div>
<div class="col-12 col-sm-8 col-md-4 d-none d-sm-block my-2 px-0">
<div class="footermenu">
<ul>
<li><a href="<?php echo $BASE_URLs;?>/home">Home</a></li>
<li><a href="<?php echo $BASE_URLs;?>/consiglio-direttivo">Consiglio</a></li>
<li><a href="<?php echo $BASE_URLs;?>/albo">Albo</a></li>
<li><a href="<?php echo $BASE_URLs;?>/farmacie">Farmacie</a></li>
<li><a href="<?php echo $BASE_URLs;?>/parafarmacie">Parafarmacie</a></li>
<li><a href="<?php echo $BASE_URLs;?>/contatti">Contatti</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>

10
index.php
View File

@ -75,6 +75,7 @@
<?php <?php
@include 'header.php'; @include 'header.php';
?> ?>
<section> <section>
<div id="MainContent" class="container"> <div id="MainContent" class="container">
<div class="row"> <div class="row">
@ -84,12 +85,19 @@
@include 'content.php'; @include 'content.php';
@include 'menu-right.php'; @include 'menu-right.php';
// @include $getQ[0].'.php';
?> ?>
</div> </div>
</div> </div>
</section> </section>
<?php
@include 'footer.php';
?>
<script type="text/javascript" src="<?php echo $BASE_URL;?>/node_modules/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="<?php echo $BASE_URL;?>/node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $BASE_URL;?>/node_modules/jquery-colorbox/jquery.colorbox-min.js"></script> <script type="text/javascript" src="<?php echo $BASE_URL;?>/node_modules/jquery-colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>

BIN
scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_1024up.scssc
View File

Binary file not shown.

BIN
scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc
View File

Binary file not shown.

BIN
scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/footer.scssc
View File

Binary file not shown.

BIN
scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc
View File

Binary file not shown.

BIN
scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc
View File

Binary file not shown.

BIN
scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/main.scssc
View File

Binary file not shown.

49
scss/footer.scss
View File

@ -0,0 +1,49 @@
footer{
position: relative;
background: $green;
padding: 20px 0;
width: 100%;
text-align: center;
.footer-logo{
max-height: 60px;
max-width: 90%;
}
.footermenu{
display: inline-block;
width: 100%;
border-top: 1px dotted $light-grey;
padding-top: 20px;
text-transform: uppercase;
ul{
text-align: left;
font-size: $font-12;
margin: 0;
padding: 0;
li{
padding: 0 10px;
display: block;
border: none;
width: 50%;
float: left;
a{
color: white;
background: none;
display: block;
padding: 3px;
&:hover{
color: $alpha;
}
}
}
}
}
}

28
scss/global.scss
View File

@ -132,27 +132,17 @@ a{
} }
#MainContent{ #MainContent{
position: absolute;
top: 40px;
z-index: 0;
min-height: 200vh;
overflow: hidden;
left: 50%;
transform: translateX(-50%);
position: relative;
margin-top: 40px;
z-index: 0;
min-height: 100vh;
overflow: hidden;
} }
#map{ #map{
width: 100%;
border-radius: 3px;
overflow: hidden;
padding: 10px;
width: 100%;
border-radius: 3px;
overflow: hidden;
padding: 10px;
} }
#menuLeft{
margin-top: 70px;
@media only screen and (min-width: 768px){
margin-top: 0;
}
}

30
scss/header.scss
View File

@ -1,9 +1,11 @@
header{ header{
position: relative;
background: $green; background: $green;
height: 70px; height: 70px;
width: 100%; width: 100%;
top: 0;
.logo{ .logo{
position: fixed; position: fixed;
top: 0; top: 0;
@ -25,8 +27,8 @@ header{
top: 6px; top: 6px;
right: 0; right: 0;
} }
.openings{ .openings{
position: relative; position: relative;
top: 0; top: 0;
@ -40,11 +42,11 @@ header{
display: inline; display: inline;
border-right: 1px solid $grey; border-right: 1px solid $grey;
padding: 0 5px; padding: 0 5px;
&:first-child{ &:first-child{
padding: 0; padding: 0;
} }
&:first-child, &:first-child,
&:last-child{ &:last-child{
border-right: none; border-right: none;
@ -52,7 +54,7 @@ header{
} }
} }
} }
.topmenu{ .topmenu{
height: calc(100vh - 70px); height: calc(100vh - 70px);
position: fixed; position: fixed;
@ -63,7 +65,7 @@ header{
display: none; display: none;
overflow: auto; overflow: auto;
z-index: 500; z-index: 500;
ul{ ul{
text-align: center; text-align: center;
font-size: $font-18; font-size: $font-18;
@ -72,8 +74,8 @@ header{
margin: 40px 0; margin: 40px 0;
padding: 0; padding: 0;
line-height: 30px; line-height: 30px;
li{ li{
list-style: none; list-style: none;
padding: 5px 15px; padding: 5px 15px;
@ -83,7 +85,7 @@ header{
color: $green; color: $green;
text-decoration: none; text-decoration: none;
transition: .4s; transition: .4s;
background: white; background: white;
display: block; display: block;
border-radius: 3px; border-radius: 3px;
@ -96,7 +98,7 @@ header{
} }
} }
} }
.breadcrumb { .breadcrumb {
font-size: $font-12; font-size: $font-12;
padding: 5px; padding: 5px;
@ -110,11 +112,11 @@ header{
color: $dark-grey; color: $dark-grey;
height: 30px; height: 30px;
z-index: 1; z-index: 1;
.container{ .container{
overflow: hidden; overflow: hidden;
overflow-x: auto; overflow-x: auto;
.crumbs{ .crumbs{
height: 20px; height: 20px;
display: ruby; display: ruby;
@ -130,4 +132,4 @@ header{
} }
} }
} }
}
}

2
scss/main.scss
View File

@ -13,7 +13,7 @@
@import "forms"; @import "forms";
@import "header"; @import "header";
@import "navigation"; @import "navigation";
@import "sections/sections"; @import "sections/sections";
@import "footer";
@import "mediaqueries/mediaqueries"; @import "mediaqueries/mediaqueries";

16
scss/mediaqueries/viewports/_1024up.scss
View File

@ -1 +1,17 @@
// 1024up // 1024up
footer{
.logo-container{
text-align: left;
}
.footer-logo,
p{
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: left;
}
}

50
scss/mediaqueries/viewports/_768up.scss
View File

@ -6,7 +6,7 @@ header{
background: $green; background: $green;
height: 120px; height: 120px;
position: absolute; position: absolute;
.logo{ .logo{
position: absolute; position: absolute;
top: 10px; top: 10px;
@ -16,7 +16,7 @@ header{
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left top; background-position: left top;
} }
.container{ .container{
&.main{ &.main{
height: 120px; height: 120px;
@ -28,11 +28,11 @@ header{
background-position: left -60px top -60px; background-position: left -60px top -60px;
} }
} }
.hamburger{ .hamburger{
display: none; display: none;
} }
.openings{ .openings{
height: 80px; height: 80px;
background: none; background: none;
@ -44,7 +44,7 @@ header{
background: rgba(255,255,255,0.5); background: rgba(255,255,255,0.5);
text-align: right; text-align: right;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
span{ span{
display: block; display: block;
border-right: none; border-right: none;
@ -54,22 +54,22 @@ header{
} }
} }
} }
.topmenu{ .topmenu{
height: 40px; height: 40px;
position: relative; position: relative;
background: none; background: none;
top: 0px; top: 0px;
display: block; display: block;
ul{ ul{
text-align: right; text-align: right;
font-size: $font-12; font-size: $font-12;
margin: 0; margin: 0;
line-height: 40px; line-height: 40px;
li{ li{
padding: 0 10px; padding: 0 10px;
display: inline; display: inline;
@ -78,13 +78,13 @@ header{
&:first-child{ &:first-child{
border-left: none; border-left: none;
} }
a{ a{
color: white; color: white;
background: none; background: none;
display: inline; display: inline;
padding: 5px; padding: 5px;
&:hover{ &:hover{
color: $alpha; color: $alpha;
} }
@ -92,16 +92,36 @@ header{
} }
} }
} }
.breadcrumb{ .breadcrumb{
top: 120px; top: 120px;
} }
}
}
footer{
text-align: left;
.footermenu{
border: none;
padding: 0;
ul{
li{
border-left: 1px dotted $light-grey;
width: 33.333%;
}
}
}
.bl{
padding-left: 20px;
border-left: 1px dotted $light-grey;
}
}
#MainContent{ #MainContent{
top: 160px;
margin-top: 160px;
} }
@ -111,5 +131,5 @@ header{
padding: 0 !important; padding: 0 !important;
width: 100%; width: 100%;
float: left; float: left;
} }

Write Preview
Loading…
Cancel
Save