ruidy/villafleurie
1
0
Fork 0
mirror of https://github.com/rjNemo/villafleurie synced 2026-06-12 13:26:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

whitenoise

Browse source
This commit is contained in:
Ruidy Nemausat 2019-12-03 20:44:27 +01:00
parent 9450771066
commit 031fd6b70a
3 changed files with 122 additions and 112 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
rental/static/rental/css/scss-files.txt
View file

@ -1 +0,0 @@
The scss source files are available in the pro version.

173
rental/static/rental/css/style.css
View file

@ -1,5 +1,5 @@
body { body {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
color: #555555; color: #555555;
} }
@ -18,7 +18,7 @@ h6 {
a { a {
color: #000000; color: #000000;
transition: all .5s ease; transition: all 0.5s ease;
} }
a:hover { a:hover {
@ -28,7 +28,7 @@ a:hover {
.link-two { .link-two {
color: #000000; color: #000000;
transition: all .5s ease; transition: all 0.5s ease;
} }
.link-two:hover { .link-two:hover {
@ -38,7 +38,7 @@ a:hover {
.link-one { .link-one {
color: #000000; color: #000000;
transition: all .5s ease; transition: all 0.5s ease;
} }
.link-one:hover { .link-one:hover {
@ -113,7 +113,7 @@ a:hover {
} }
.nav-pills-a.nav-pills .nav-link.active:after { .nav-pills-a.nav-pills .nav-link.active:after {
content: ''; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
bottom: -1px; bottom: -1px;
@ -138,7 +138,7 @@ a:hover {
/*------/ List a /------*/ /*------/ List a /------*/
.list-a { .list-a {
display: inline-block; display: inline-block;
line-height: 2; line-height: 2;
padding: 0; padding: 0;
@ -154,7 +154,7 @@ a:hover {
} }
.list-a li:before { .list-a li:before {
content: ''; content: "";
width: 10px; width: 10px;
height: 2px; height: 2px;
position: absolute; position: absolute;
@ -166,9 +166,9 @@ a:hover {
/*------/ Pagination-a /------*/ /*------/ Pagination-a /------*/
.pagination-a .pagination .page-link { .pagination-a .pagination .page-link {
margin: 0 .2rem; margin: 0 0.2rem;
border-color: transparent; border-color: transparent;
padding: .5rem .8rem; padding: 0.5rem 0.8rem;
color: #000000; color: #000000;
} }
@ -183,7 +183,7 @@ a:hover {
} }
.pagination-a .pagination .next .page-link { .pagination-a .pagination .next .page-link {
padding: .4rem .9rem; padding: 0.4rem 0.9rem;
} }
.pagination-a .pagination .page-item:last-child .page-link { .pagination-a .pagination .page-item:last-child .page-link {
@ -197,7 +197,7 @@ a:hover {
} }
.pagination-a .pagination .page-item.disabled .page-link { .pagination-a .pagination .page-item.disabled .page-link {
padding: .4rem .9rem; padding: 0.4rem 0.9rem;
color: #555555; color: #555555;
} }
@ -286,7 +286,7 @@ a:hover {
} }
.title-box-d .title-d:after { .title-box-d .title-d:after {
content: ''; content: "";
position: absolute; position: absolute;
width: 70px; width: 70px;
height: 4px; height: 4px;
@ -321,7 +321,12 @@ a:hover {
/*------/ Overlay /------*/ /*------/ Overlay /------*/
.overlay-a { .overlay-a {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%); background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.2) 27%,
rgba(0, 0, 0, 0.65) 90%
);
} }
.overlay { .overlay {
@ -407,12 +412,12 @@ a:hover {
.nav-arrow-b .owl-arrow .owl-nav .owl-prev, .nav-arrow-b .owl-arrow .owl-nav .owl-prev,
.nav-arrow-b .owl-arrow .owl-nav .owl-next { .nav-arrow-b .owl-arrow .owl-nav .owl-next {
padding: .7rem 1.5rem !important; padding: 0.7rem 1.5rem !important;
display: inline-block; display: inline-block;
transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
color: #ffffff; color: #ffffff;
background-color: #5bc0de; background-color: #5bc0de;
opacity: .9; opacity: 0.9;
} }
.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled, .nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,
@ -516,7 +521,7 @@ a:hover {
======================================*/ ======================================*/
.navbar-default { .navbar-default {
transition: all .5s ease-in-out; transition: all 0.5s ease-in-out;
background-color: #ffffff; background-color: #ffffff;
padding-top: 28px; padding-top: 28px;
padding-bottom: 28px; padding-bottom: 28px;
@ -553,7 +558,7 @@ a:hover {
font-size: 1.1rem; font-size: 1.1rem;
color: #000000; color: #000000;
font-weight: 600; font-weight: 600;
letter-spacing: 0.030em; letter-spacing: 0.03em;
transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
position: relative; position: relative;
padding-left: 0; padding-left: 0;
@ -562,7 +567,7 @@ a:hover {
.navbar-default.navbar-trans .nav-link:before, .navbar-default.navbar-trans .nav-link:before,
.navbar-default.navbar-reduce .nav-link:before { .navbar-default.navbar-reduce .nav-link:before {
content: ''; content: "";
position: absolute; position: absolute;
bottom: 5px; bottom: 5px;
left: 0; left: 0;
@ -574,9 +579,10 @@ a:hover {
transform: scaleX(0); transform: scaleX(0);
-webkit-transform-origin: right; -webkit-transform-origin: right;
transform-origin: right; transform-origin: right;
transition: opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out; transition: opacity 0.2s ease-out 0.3s, -webkit-transform 0.2s ease-out;
transition: transform .2s ease-out, opacity .2s ease-out 0.3s; transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s;
transition: transform .2s ease-out, opacity .2s ease-out 0.3s, -webkit-transform .2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s,
-webkit-transform 0.2s ease-out;
} }
.navbar-default.navbar-trans .nav-link:hover, .navbar-default.navbar-trans .nav-link:hover,
@ -620,7 +626,7 @@ a:hover {
} }
.navbar-default.navbar-reduce { .navbar-default.navbar-reduce {
transition: all .5s ease-in-out; transition: all 0.5s ease-in-out;
padding-top: 19px; padding-top: 19px;
padding-bottom: 19px; padding-bottom: 19px;
} }
@ -658,7 +664,8 @@ a:hover {
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
visibility: hidden; visibility: hidden;
transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s; transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s,
opacity 0.31s ease 0s, height 0s linear 0.36s;
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
padding: 12px 0; padding: 12px 0;
@ -716,9 +723,9 @@ a:hover {
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) { .navbar-toggler span:nth-child(3) {
transition: -webkit-transform .35s ease-in-out; transition: -webkit-transform 0.35s ease-in-out;
transition: transform .35s ease-in-out; transition: transform 0.35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out; transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
} }
.navbar-toggler:not(.collapsed) span:nth-child(1) { .navbar-toggler:not(.collapsed) span:nth-child(1) {
@ -767,7 +774,7 @@ a:hover {
left: 60px; left: 60px;
opacity: 0; opacity: 0;
transition: all 1s ease; transition: all 1s ease;
transition-delay: .3s; transition-delay: 0.3s;
} }
.box-collapse-wrap { .box-collapse-wrap {
@ -785,7 +792,8 @@ a:hover {
transform: translateY(3rem); transform: translateY(3rem);
transition: opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease;
transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease; transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;
transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease; transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease,
-webkit-transform 0.5s 0.5s ease;
} }
.box-collapse-open .click-closed { .box-collapse-open .click-closed {
@ -812,7 +820,7 @@ a:hover {
} }
.box-collapse-closed .box-collapse { .box-collapse-closed .box-collapse {
opacity: .7; opacity: 0.7;
transition-delay: 0s; transition-delay: 0s;
} }
@ -835,7 +843,7 @@ a:hover {
visibility: hidden; visibility: hidden;
z-index: 1035; z-index: 1035;
background-color: #000000; background-color: #000000;
opacity: .4; opacity: 0.4;
} }
.close-box-collapse { .close-box-collapse {
@ -909,22 +917,22 @@ a:hover {
border: 2px solid #5bc0de; border: 2px solid #5bc0de;
border-radius: 50px; border-radius: 50px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.030em; letter-spacing: 0.03em;
} }
.intro .spacial { .intro .spacial {
-webkit-animation-delay: .2s; -webkit-animation-delay: 0.2s;
animation-delay: .2s; animation-delay: 0.2s;
color: #ffffff; color: #ffffff;
} }
.intro .intro-title-top { .intro .intro-title-top {
-webkit-animation-delay: .6s; -webkit-animation-delay: 0.6s;
animation-delay: .6s; animation-delay: 0.6s;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: .9rem; font-size: 0.9rem;
color: #ffffff; color: #ffffff;
letter-spacing: .05em; letter-spacing: 0.05em;
} }
.intro .intro-title { .intro .intro-title {
@ -965,7 +973,7 @@ a:hover {
} }
.intro-single .breadcrumb-box { .intro-single .breadcrumb-box {
padding: 1rem 0 0 .5rem; padding: 1rem 0 0 0.5rem;
} }
.intro-single .breadcrumb { .intro-single .breadcrumb {
@ -991,7 +999,7 @@ a:hover {
.card-box-a .img-b, .card-box-a .img-b,
.card-box-b .img-a, .card-box-b .img-a,
.card-box-b .img-b { .card-box-b .img-b {
transition: .8s all ease-in-out; transition: 0.8s all ease-in-out;
} }
.card-overlay { .card-overlay {
@ -1008,14 +1016,19 @@ a:hover {
} }
.card-shadow:before { .card-shadow:before {
content: ' '; content: " ";
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1; z-index: 1;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%); background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.2) 27%,
rgba(0, 0, 0, 0.65) 90%
);
} }
/*====================================== /*======================================
@ -1023,7 +1036,7 @@ a:hover {
======================================*/ ======================================*/
.card-overlay-a-content { .card-overlay-a-content {
transition: all .5s ease-in; transition: all 0.5s ease-in;
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0px; bottom: 0px;
@ -1037,7 +1050,7 @@ a:hover {
.card-header-a .card-title-a { .card-header-a .card-title-a {
color: #ffffff; color: #ffffff;
margin-bottom: 0; margin-bottom: 0;
padding-bottom: .7rem; padding-bottom: 0.7rem;
} }
.card-header-a .card-title-a a { .card-header-a .card-title-a a {
@ -1047,21 +1060,21 @@ a:hover {
.card-body-a { .card-body-a {
z-index: 2; z-index: 2;
transition: all .5s ease-in; transition: all 0.5s ease-in;
padding: 0rem 1rem 2rem 1rem; padding: 0rem 1rem 2rem 1rem;
} }
.card-body-a .price-box { .card-body-a .price-box {
padding-bottom: .5rem; padding-bottom: 0.5rem;
} }
.price-a { .price-a {
color: #ffffff; color: #ffffff;
padding: .6rem .8rem; padding: 0.6rem 0.8rem;
border: 2px solid #5bc0de; border: 2px solid #5bc0de;
border-radius: 50px; border-radius: 50px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.030em; letter-spacing: 0.03em;
} }
.card-footer-a { .card-footer-a {
@ -1074,7 +1087,7 @@ a:hover {
.card-info { .card-info {
list-style: none; list-style: none;
margin-bottom: 0; margin-bottom: 0;
padding: .5rem 0; padding: 0.5rem 0;
} }
.card-info .card-info-title { .card-info .card-info-title {
@ -1084,7 +1097,7 @@ a:hover {
.card-info li span { .card-info li span {
color: #ffffff; color: #ffffff;
font-size: .9rem; font-size: 0.9rem;
} }
/*------/ Property Grid /-----*/ /*------/ Property Grid /-----*/
@ -1164,18 +1177,18 @@ a:hover {
} }
.card-header-b .category-b { .card-header-b .category-b {
font-size: .9rem; font-size: 0.9rem;
background-color: #5bc0de; background-color: #5bc0de;
padding: .3rem .7rem; padding: 0.3rem 0.7rem;
color: #313131; color: #313131;
letter-spacing: 0.030em; letter-spacing: 0.03em;
border-radius: 50px; border-radius: 50px;
text-decoration: none; text-decoration: none;
} }
.card-header-b .title-2 { .card-header-b .title-2 {
margin-bottom: 0; margin-bottom: 0;
padding: .6rem 0; padding: 0.6rem 0;
font-size: 1.5rem; font-size: 1.5rem;
} }
@ -1234,7 +1247,7 @@ a:hover {
} }
.post-share .socials li { .post-share .socials li {
margin-left: .6rem; margin-left: 0.6rem;
} }
/*------/ Comments /------*/ /*------/ Comments /------*/
@ -1264,7 +1277,7 @@ a:hover {
} }
.box-comments .list-comments .comment-description { .box-comments .list-comments .comment-description {
padding: .8rem 0 .5rem 0; padding: 0.8rem 0 0.5rem 0;
} }
.box-comments .list-comments a { .box-comments .list-comments a {
@ -1273,7 +1286,7 @@ a:hover {
.box-comments .list-comments span { .box-comments .list-comments span {
display: block; display: block;
color: #2B2A2A; color: #2b2a2a;
font-style: italic; font-style: italic;
} }
@ -1294,11 +1307,11 @@ a:hover {
} }
.card-body-c { .card-body-c {
padding: .5rem .5rem 0 .5rem; padding: 0.5rem 0.5rem 0 0.5rem;
} }
.card-footer-c { .card-footer-c {
padding-left: .5rem; padding-left: 0.5rem;
} }
.card-box-ico { .card-box-ico {
@ -1322,12 +1335,12 @@ a:hover {
======================================*/ ======================================*/
.card-box-d .card-overlay-hover { .card-box-d .card-overlay-hover {
transition: all .2s ease-in-out; transition: all 0.2s ease-in-out;
padding: 15px 40px 15px 35px; padding: 15px 40px 15px 35px;
} }
.card-box-d .title-d { .card-box-d .title-d {
transition: .3s ease-in-out; transition: 0.3s ease-in-out;
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
margin: 1rem 0; margin: 1rem 0;
@ -1338,18 +1351,18 @@ a:hover {
.card-box-d .content-d { .card-box-d .content-d {
opacity: 0; opacity: 0;
transition: .5s ease-in-out; transition: 0.5s ease-in-out;
-webkit-transform: translateY(-40px); -webkit-transform: translateY(-40px);
transform: translateY(-40px); transform: translateY(-40px);
} }
.card-box-d .info-agents { .card-box-d .info-agents {
opacity: 0; opacity: 0;
transition: .5s ease-in-out; transition: 0.5s ease-in-out;
} }
.card-box-d .card-footer-d { .card-box-d .card-footer-d {
transition: .5s ease-in-out; transition: 0.5s ease-in-out;
-webkit-transform: translateY(40px); -webkit-transform: translateY(40px);
transform: translateY(40px); transform: translateY(40px);
opacity: 0; opacity: 0;
@ -1365,7 +1378,7 @@ a:hover {
.card-box-d:hover .card-overlay-hover { .card-box-d:hover .card-overlay-hover {
background-color: #5bc0de; background-color: #5bc0de;
opacity: .9; opacity: 0.9;
} }
.card-box-d:hover .title-d, .card-box-d:hover .title-d,
@ -1428,7 +1441,7 @@ a:hover {
} }
.sinse-box .sinse-title span:after { .sinse-box .sinse-title span:after {
content: ' '; content: " ";
width: 35px; width: 35px;
height: 2px; height: 2px;
background-color: #000000; background-color: #000000;
@ -1438,15 +1451,13 @@ a:hover {
.sinse-box p { .sinse-box p {
margin-bottom: 0; margin-bottom: 0;
font-size: .7rem; font-size: 0.7rem;
} }
/*====================================== /*======================================
//--//--> TESTIMONIALS //--//--> TESTIMONIALS
======================================*/ ======================================*/
.testimonials-box { .testimonials-box {
padding: 1rem 0; padding: 1rem 0;
} }
@ -1468,7 +1479,7 @@ a:hover {
font-size: 1.8rem; font-size: 1.8rem;
background-color: #5bc0de; background-color: #5bc0de;
color: #ffffff; color: #ffffff;
padding: .4rem 1rem; padding: 0.4rem 1rem;
border-radius: 50px; border-radius: 50px;
} }
@ -1612,14 +1623,14 @@ footer .credits {
======================================*/ ======================================*/
.btn { .btn {
transition: .5s ease; transition: 0.5s ease;
} }
.btn.btn-a, .btn.btn-a,
.btn.btn-b { .btn.btn-b {
border-radius: 0; border-radius: 0;
padding: 1rem 3rem; padding: 1rem 3rem;
letter-spacing: .05rem; letter-spacing: 0.05rem;
} }
.btn.btn-a { .btn.btn-a {
@ -1676,7 +1687,7 @@ footer .credits {
} }
.sinse-box p { .sinse-box p {
font-size: .8rem; font-size: 0.8rem;
} }
.sinse-box p { .sinse-box p {
@ -1686,7 +1697,7 @@ footer .credits {
@media (min-width: 768px) { @media (min-width: 768px) {
.link-a { .link-a {
font-size: .9rem; font-size: 0.9rem;
} }
.link-a span { .link-a span {
@ -1757,7 +1768,7 @@ footer .credits {
.card-box-a .price-a, .card-box-a .price-a,
.card-box-b .price-a { .card-box-b .price-a {
font-size: .9rem; font-size: 0.9rem;
} }
.card-box-a:hover .card-overlay-a-content { .card-box-a:hover .card-overlay-a-content {
@ -1777,11 +1788,11 @@ footer .credits {
} }
.card-info .card-info-title { .card-info .card-info-title {
font-size: .9rem; font-size: 0.9rem;
} }
.card-info li span { .card-info li span {
font-size: .8rem; font-size: 0.8rem;
} }
.card-header-b { .card-header-b {
@ -1793,7 +1804,7 @@ footer .credits {
} }
.card-header-b .date-b { .card-header-b .date-b {
font-size: .9rem; font-size: 0.9rem;
} }
.box-comments .list-comments .comment-author { .box-comments .list-comments .comment-author {
@ -1810,17 +1821,17 @@ footer .credits {
.card-box-d .title-d { .card-box-d .title-d {
font-size: 1.1rem; font-size: 1.1rem;
margin: .5rem 0; margin: 0.5rem 0;
} }
.card-box-d .content-d { .card-box-d .content-d {
font-size: .8rem; font-size: 0.8rem;
margin: .5rem 0; margin: 0.5rem 0;
} }
.card-box-d .card-body-d p { .card-box-d .card-body-d p {
margin-bottom: 8px; margin-bottom: 8px;
font-size: .8rem; font-size: 0.8rem;
} }
.about-img-box { .about-img-box {

8
villafleurie/settings.py
View file

@ -37,10 +37,10 @@ MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware' 'django.middleware.security.SecurityMiddleware'
] ]
if os.environ.get('ENV') == 'PRODUCTION': # if os.environ.get('ENV') == 'PRODUCTION':
STATICFILES_STORAGE = 'storage.WhiteNoiseStaticFilesStorage' # STATICFILES_STORAGE = 'storage.WhiteNoiseStaticFilesStorage'
# STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage' # STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
# STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage' # STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'
INTERNAL_IPS = ['127.0.0.1'] INTERNAL_IPS = ['127.0.0.1']