cagetters
/
cagettepei
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

css footer margin 0

master
pvincent 3 years ago
parent
bb50c92230
commit
6e7382633f
1 changed files with 648 additions and 697 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. 225
      www/css/style.scss

225
www/css/style.scss
View File

@ -1,4 +1,3 @@
/** /**
Cagette.net SASS stylesheet Cagette.net SASS stylesheet
@ -6,15 +5,18 @@
**/ **/
@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,700');
@import url("https://fonts.googleapis.com/css?family=Cabin:400,400i,700");
//@import '_shop'; //@import '_shop';
@import '_map';
@import "_map";
/*body{ /*body{
background-color:#F8F4E5 !important; background-color:#F8F4E5 !important;
}*/ }*/
h1,h2,h3,h4{
h1,
h2,
h3,
h4 {
margin-top: 4px !important; margin-top: 4px !important;
margin-bottom: 8px !important; margin-bottom: 8px !important;
font-style: italic; font-style: italic;
@ -66,9 +68,11 @@ ul.nav li {
/* Footer */ /* Footer */
#footer { #footer {
background: #84BD55;
background: #84bd55;
border-radius: 8px; border-radius: 8px;
padding: 20px; padding: 20px;
margin: 0;
ul > li > a { ul > li > a {
color: #333; color: #333;
} }
@ -98,21 +102,19 @@ ul.nav li {
.cagsocialmedia li { .cagsocialmedia li {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
} }
.cagfb { .cagfb {
background-color : #4267B2;
background-color: #4267b2;
} }
.cagtwitter { .cagtwitter {
background-color : #1DA1F2;
background-color: #1da1f2;
} }
.cagyoutube { .cagyoutube {
background-color : #FF0000;
background-color: #ff0000;
} }
} }
#subfooter { #subfooter {
@ -130,12 +132,14 @@ ul.nav li {
.sqlLog { .sqlLog {
margin-top: 24px; margin-top: 24px;
font-size: 10px; font-size: 10px;
background:#AAA;
a{ color:#666; }
background: #aaa;
a {
color: #666;
}
} }
.contact { .contact {
border:2px solid #CCC ;
border: 2px solid #ccc;
border-radius: 8px; border-radius: 8px;
margin: 8px; margin: 8px;
padding: 8px; padding: 8px;
@ -145,13 +149,12 @@ ul.nav li {
.homeBlock { .homeBlock {
margin-bottom: 32px; margin-bottom: 32px;
background:#FFF;
background: #fff;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
padding: 8px; padding: 8px;
.content { .content {
margin: 8px 8px 8px 90px; margin: 8px 8px 8px 90px;
} }
} }
@ -164,16 +167,15 @@ span.panel-title{
.article { .article {
margin-bottom: 16px; margin-bottom: 16px;
background:#FFF;
background: #fff;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
padding: 8px; padding: 8px;
} }
.white { .white {
margin-bottom: 16px; margin-bottom: 16px;
background:#FFF;
background: #fff;
border-radius: 4px; border-radius: 4px;
position: relative; position: relative;
} }
@ -185,7 +187,7 @@ span.panel-title{
/* block marron */ /* block marron */
.block { .block {
margin-bottom: 12px; margin-bottom: 12px;
background : #FFF;
background: #fff;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
padding: 8px; padding: 8px;
@ -194,11 +196,11 @@ span.panel-title{
/* block marron + contours */ /* block marron + contours */
.block2 { .block2 {
margin-bottom: 32px; margin-bottom: 32px;
background : #F0D277;
background: #f0d277;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
padding: 8px; padding: 8px;
border: 2px solid #C3A04C;
border: 2px solid #c3a04c;
} }
/* product in shop */ /* product in shop */
@ -224,13 +226,12 @@ table.product{
} }
} }
/* GLOBAL TABLE SKINNING */ /* GLOBAL TABLE SKINNING */
//separator between rows //separator between rows
table.table tr.head > td { table.table tr.head > td {
//border-top: 1px solid #BBB; //border-top: 1px solid #BBB;
border-top: 3px solid #DDD;
border-top: 3px solid #ddd;
height: 30px; height: 30px;
font-size: 120%; font-size: 120%;
vertical-align: bottom; vertical-align: bottom;
@ -238,7 +239,7 @@ table.table tr.head>td{
//sub-row, darker bg //sub-row, darker bg
table.table tr.subrow { table.table tr.subrow {
background-color:#EEE;
background-color: #eee;
} }
//listing have no overflow //listing have no overflow
@ -247,22 +248,20 @@ table.listing tr td{
overflow-x: hidden; overflow-x: hidden;
} }
table.table tr.disabled td,table.table tr.inactive td{
table.table tr.disabled td,
table.table tr.inactive td {
opacity: 0.4; opacity: 0.4;
} }
/* DIV TABLE */ /* DIV TABLE */
// used in UserOrder react comp // used in UserOrder react comp
div.tableHeader { div.tableHeader {
font-weight: bold; font-weight: bold;
color: #AAA;
border-bottom: 1px solid #DDD;
color: #aaa;
border-bottom: 1px solid #ddd;
margin-bottom: 12px; margin-bottom: 12px;
} }
/*table.table>tbody>tr>th{ /*table.table>tbody>tr>th{
background-color:white; background-color:white;
color:#BBB; color:#BBB;
@ -270,31 +269,22 @@ div.tableHeader{
}*/ }*/
div.reportHeader { div.reportHeader {
background-color:#DDD;
background-color: #ddd;
} }
/* a product order in a table style */ /* a product order in a table style */
.productOrder { .productOrder {
border-bottom:1px solid #DDD;
border-bottom: 1px solid #ddd;
margin-bottom: 6px; margin-bottom: 6px;
.infos { .infos {
color:#AAA;
color: #aaa;
font-size: 0.8em; font-size: 0.8em;
} }
} }
/* A product reference */ /* A product reference */
.ref { .ref {
color:#AAA;
color: #aaa;
font-family: monospace; font-family: monospace;
font-size: 0.9em; font-size: 0.9em;
} }
@ -303,7 +293,7 @@ div.reportHeader{
.linkToShare { .linkToShare {
font-family: Monospace; font-family: Monospace;
padding: 12px; padding: 12px;
border: 1px solid #DDD;
border: 1px solid #ddd;
border-radius: 6px; border-radius: 6px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
@ -311,7 +301,7 @@ div.reportHeader{
/* make <a> like clickable divs */ /* make <a> like clickable divs */
.clickable { .clickable {
display: block; display: block;
border:1px solid #CCC;
border: 1px solid #ccc;
border-radius: 8px; border-radius: 8px;
color: inherit; color: inherit;
background-color: white; background-color: white;
@ -320,16 +310,16 @@ div.reportHeader{
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color:lighten(#F0D277,10%);
border-color:darken(#F0D277,10%);
background-color: lighten(#f0d277, 10%);
border-color: darken(#f0d277, 10%);
text-decoration: none; text-decoration: none;
transition: all 0.15s ease; transition: all 0.15s ease;
} }
&:active { &:active {
cursor: pointer; cursor: pointer;
background-color:#F0D277;
border-color:darken(#F0D277,10%);
background-color: #f0d277;
border-color: darken(#f0d277, 10%);
text-decoration: none; text-decoration: none;
transform: scale(0.95); transform: scale(0.95);
} }
@ -338,7 +328,6 @@ div.reportHeader{
background-color: lightgray; background-color: lightgray;
cursor: not-allowed; cursor: not-allowed;
} }
} }
/* a cagette group block (use it with .clickable ) */ /* a cagette group block (use it with .clickable ) */
@ -387,18 +376,15 @@ div.reportHeader{
a { a {
color: #777; color: #777;
} }
} }
} }
/* /*
SHOP v1 SHOP v1
*/ */
.shop { .shop {
.header { .header {
background-color:#749E3C;
background-color: #749e3c;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
@ -410,10 +396,13 @@ div.reportHeader{
line-height: 22px; line-height: 22px;
color: white; color: white;
a{ color:white; }
.info{ font-weight: bold; }
a {
color: white;
}
.info {
font-weight: bold;
}
} }
.body { .body {
background: white; background: white;
@ -425,14 +414,12 @@ div.reportHeader{
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
color: #583816; color: #583816;
border-bottom:1px solid #CCC;
border-bottom: 1px solid #ccc;
width: 100%; width: 100%;
} }
} }
.product { .product {
display: inline-block; display: inline-block;
.name { .name {
@ -444,12 +431,9 @@ div.reportHeader{
color: #900; color: #900;
font-weight: bold; font-weight: bold;
} }
} }
} }
.price { .price {
font-weight: bold; font-weight: bold;
font-size: 1.3em; font-size: 1.3em;
@ -463,13 +447,11 @@ div.reportHeader{
.detail { .detail {
color: #999999; color: #999999;
font-size: 90%; font-size: 90%;
} }
//in shop page //in shop page
#cartContainer.scrolled { #cartContainer.scrolled {
position: fixed; position: fixed;
top: 125px; top: 125px;
} }
@ -492,10 +474,8 @@ div.reportHeader{
} }
#cart { #cart {
margin-bottom: 12px; margin-bottom: 12px;
div.order { div.order {
margin-bottom: 8px; margin-bottom: 8px;
@ -508,24 +488,22 @@ div.reportHeader{
//font-weight:bold; //font-weight:bold;
margin-bottom: 12px; margin-bottom: 12px;
margin-top: 12px; margin-top: 12px;
border-top:1px solid #FFF;
border-top: 1px solid #fff;
} }
} }
} }
.place { .place {
color: #666; color: #666;
font-weight: bold; font-weight: bold;
margin-top: 13px; margin-top: 13px;
padding: 8px; padding: 8px;
font-size: 13px; font-size: 13px;
border-top:1px solid #CCC ;
border-top: 1px solid #ccc;
} }
.distribMessage { .distribMessage {
color:#FFF;
color: #fff;
font-weight: bold; font-weight: bold;
padding: 4px; padding: 4px;
margin-top: 13px; margin-top: 13px;
@ -535,7 +513,6 @@ div.reportHeader{
/*border-top:1px solid #333 ;*/ /*border-top:1px solid #333 ;*/
} }
.dateBoxOffset { .dateBoxOffset {
position: absolute; position: absolute;
top: -16px; top: -16px;
@ -543,10 +520,9 @@ div.reportHeader{
display: block; display: block;
} }
.dateBox { .dateBox {
border-radius: 8px; border-radius: 8px;
background-color: #c59654; background-color: #c59654;
color:#FFF;
color: #fff;
font-size: 13px; font-size: 13px;
line-height: 13px; line-height: 13px;
@ -560,7 +536,7 @@ div.reportHeader{
.box { .box {
line-height: 22px; line-height: 22px;
background-color:#FFFFFF;
background-color: #ffffff;
color: #666; color: #666;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
@ -571,15 +547,13 @@ div.reportHeader{
/* place link */ /* place link */
a { a {
color: #FFFFFF !important;
color: #ffffff !important;
} }
a:hover { a:hover {
color: #FFFFFF !important;
color: #ffffff !important;
} }
} }
/* categories */ /* categories */
span.tag { span.tag {
color: white; color: white;
@ -596,45 +570,42 @@ span.tag.active{
line-height: 45px; line-height: 45px;
} }
/** /**
Popovers for help and tutorials Popovers for help and tutorials
**/ **/
.popover { .popover {
color: white; color: white;
font-size: 14px; font-size: 14px;
//font-family:'Arial','sans-serif' !important; //font-family:'Arial','sans-serif' !important;
h3.popover-title { h3.popover-title {
padding: 4px; padding: 4px;
color:#BB9931 !important;
border-bottom:1px solid #BB9931 !important;
color: #bb9931 !important;
border-bottom: 1px solid #bb9931 !important;
background-color: none; background-color: none;
} }
.popover-content { .popover-content {
font-size: 16px; font-size: 16px;
b{ color:#FC0; font-weight:normal; }
b {
color: #fc0;
font-weight: normal;
}
} }
.footer { .footer {
border-top: 1px solid #BB9931;
border-top: 1px solid #bb9931;
height: 45px; height: 45px;
padding: 12px 0; padding: 12px 0;
.pull-left .btn { .pull-left .btn {
background-color: #583816; background-color: #583816;
color: white; color: white;
border: 1px solid white; border: 1px solid white;
} }
.pull-right .btn { .pull-right .btn {
background-color:#FC0;
background-color: #fc0;
color: #583816; color: #583816;
border: 1px solid #583816; border: 1px solid #583816;
} }
@ -643,11 +614,10 @@ span.tag.active{
/* skin a modal like a tuto popover */ /* skin a modal like a tuto popover */
.modal.help { .modal.help {
.modal-header { .modal-header {
font-size: 1.3em; font-size: 1.3em;
color:#BB9931 !important;
border-bottom:1px solid #BB9931 !important;
color: #bb9931 !important;
border-bottom: 1px solid #bb9931 !important;
font-weight: bold !important; font-weight: bold !important;
//font-family:'Arial','sans-serif' !important; //font-family:'Arial','sans-serif' !important;
background-color: #583816 !important; background-color: #583816 !important;
@ -656,13 +626,11 @@ span.tag.active{
.modal-content { .modal-content {
background-color: #583816 !important; background-color: #583816 !important;
color: white; color: white;
} }
.modal-footer { .modal-footer {
border-top:1px solid #BB9931 !important;
border-top: 1px solid #bb9931 !important;
} }
} }
/* hightlight a zone for tutos */ /* hightlight a zone for tutos */
.highlight { .highlight {
@ -670,23 +638,19 @@ span.tag.active{
border-radius: 16px; border-radius: 16px;
} }
/* Distribution box for the homepage */ /* Distribution box for the homepage */
.distrib { .distrib {
margin: 0px 0px 28px 0px; margin: 0px 0px 28px 0px;
position: relative; position: relative;
.header { .header {
display: block; display: block;
height: 72px; height: 72px;
overflow: hidden; overflow: hidden;
border-top-left-radius: 8px; border-top-left-radius: 8px;
border-top-right-radius: 8px; border-top-right-radius: 8px;
color:#FFF;
background-color:#749E3C;
color: #fff;
background-color: #749e3c;
vertical-align: middle; vertical-align: middle;
margin: 0; margin: 0;
padding: 6px 6px 6px 90px; padding: 6px 6px 6px 90px;
@ -696,7 +660,7 @@ span.tag.active{
opacity: 1; opacity: 1;
} }
&.orders { &.orders {
background-color:#B2823F;
background-color: #b2823f;
} }
.info { .info {
@ -704,24 +668,26 @@ span.tag.active{
line-height: 22px; line-height: 22px;
/* place link */ /* place link */
a { a {
color: #FFFFFF !important;
&:hover{ color: #FFFFFF !important; }
color: #ffffff !important;
&:hover {
color: #ffffff !important;
}
} }
} }
.date { .date {
line-height: 23px; line-height: 23px;
background-color:#FFFFFF;
background-color: #ffffff;
color: #666; color: #666;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
margin: 0 8px 0 0; margin: 0 8px 0 0;
border-radius: 6px; border-radius: 6px;
border: 4px solid #C6C6C6;
border: 4px solid #c6c6c6;
} }
.address, .closing{
.address,
.closing {
font-weight: normal; font-weight: normal;
font-size: 0.9em; font-size: 0.9em;
line-height: 16px; line-height: 16px;
@ -737,30 +703,28 @@ span.tag.active{
.content { .content {
padding: 6px 6px 6px 6px; padding: 6px 6px 6px 6px;
background-color:#85B14D;
background-color: #85b14d;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
&.disabled { &.disabled {
background:#AAA;
background: #aaa;
opacity: 1; opacity: 1;
} }
&.orders { &.orders {
background:#FFF;
background: #fff;
padding-left: 50px; padding-left: 50px;
} }
.footer { .footer {
color: #999; color: #999;
a{color:#999;}
a {
color: #999;
}
font-size: 0.9em; font-size: 0.9em;
} }
} }
} }
div.groupImg { div.groupImg {
@ -788,7 +752,6 @@ div.product{
margin-right: 12px; margin-right: 12px;
vertical-align: middle; vertical-align: middle;
} }
} }
//Product in ProductSelect React component //Product in ProductSelect React component
@ -811,14 +774,10 @@ div.productSelect{
div.product { div.product {
display: inline-block; display: inline-block;
} }
} }
// Cagette Pro Catalogs // Cagette Pro Catalogs
div.productBox { div.productBox {
div.productImg { div.productImg {
background-size: cover; background-size: cover;
height: 220px; height: 220px;
@ -842,7 +801,6 @@ div.productBox{
} }
} }
// typeahead ( autocomplete js lib ) // typeahead ( autocomplete js lib )
.tt-menu { .tt-menu {
background-color: #f5e3ac; background-color: #f5e3ac;
@ -851,7 +809,7 @@ div.productBox{
.tt-suggestion { .tt-suggestion {
background-color: #f5e3ac; background-color: #f5e3ac;
padding: 8px; padding: 8px;
border-top:1px solid #CCC;
border-top: 1px solid #ccc;
color: darken(#f5e3ac, 60%); color: darken(#f5e3ac, 60%);
cursor: pointer; cursor: pointer;
font-style: italic; font-style: italic;
@ -862,9 +820,8 @@ div.productBox{
//txp product input //txp product input
#pInput { #pInput {
.txpProduct { .txpProduct {
color:#AAA;
color: #aaa;
font-weight: bold; font-weight: bold;
font-size: 0.8em; font-size: 0.8em;
margin: 4px 0; margin: 4px 0;
@ -876,7 +833,6 @@ div.productBox{
} }
} }
//Product composer //Product composer
/* /*
div.ProductComp{ div.ProductComp{
@ -894,15 +850,13 @@ div.ProductComp{
//basket //basket
div.basketNumber { div.basketNumber {
display: inline-block; display: inline-block;
background-color: #333; background-color: #333;
border-radius: 10px; border-radius: 10px;
padding: 6px; padding: 6px;
font-weight: bold; font-weight: bold;
color:#CCC;
color: #ccc;
} }
tr.success td div.basketNumber { tr.success td div.basketNumber {
@ -924,13 +878,10 @@ tr.danger td div.basketNumber{
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 8px; padding: 8px;
border-top: 3px solid #CCC;
border-top: 3px solid #ccc;
z-index: 99; z-index: 99;
} }
/*! /*!
* https://github.com/YouCanBookMe/react-datetime * https://github.com/YouCanBookMe/react-datetime
*/ */
@ -945,7 +896,7 @@ tr.danger td div.basketNumber{
margin-top: 1px; margin-top: 1px;
z-index: 99999 !important; z-index: 99999 !important;
background: #fff; background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #f9f9f9; border: 1px solid #f9f9f9;
} }
.rdtOpen .rdtPicker { .rdtOpen .rdtPicker {
@ -988,7 +939,7 @@ tr.danger td div.basketNumber{
position: relative; position: relative;
} }
.rdtPicker td.rdtToday:before { .rdtPicker td.rdtToday:before {
content: '';
content: "";
display: inline-block; display: inline-block;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-bottom: 7px solid #428bca; border-bottom: 7px solid #428bca;

Write Preview
Loading…
Cancel
Save