whitenoise

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

View file

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

View file

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

View file

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