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

Write Preview
Loading…
Cancel
Save