removed obsolete mixins

like pb() pl() mb() bgc() bgca()
This commit is contained in:
Bachir Soussi Chiadmi 2015-05-18 17:42:53 +02:00
parent f28719a994
commit d858f00e17
2 changed files with 115 additions and 163 deletions

View File

@ -2850,9 +2850,7 @@ html.no-touch #header #header-blocks #block-user-login:hover form#user-login-for
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
position: absolute;
z-index: 20;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
min-width: 100%;
margin: 0 0 0 -5px;
border-radius: 3px;
@ -3442,9 +3440,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
/* line 642, ../scss/styles.scss */
#block-materio-user-user-register form, #block-materio-user-user-createaccount form {
margin: 0;
background-color: white;
background-color: rgba(255, 255, 255, 0.7);
*background-color: white;
padding-bottom: 5px;
display: moz-inline-stack;
display: inline-block;
@ -4312,9 +4308,7 @@ article.node-materiau.vm-bookmark nav.nav, article.node-breve.vm-bookmark nav.na
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1077, ../scss/styles.scss */
@ -4323,9 +4317,7 @@ article.node-materiau.vm-bookmark nav.nav a, article.node-breve.vm-bookmark nav.
}
/* line 1078, ../scss/styles.scss */
article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
}
/* line 1079, ../scss/styles.scss */
article.node-materiau.vm-bookmark nav.nav span.op, article.node-breve.vm-bookmark nav.nav span.op {
@ -4454,9 +4446,7 @@ article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark d
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1153, ../scss/styles.scss */
@ -4608,9 +4598,7 @@ article.node-materiau.vm-cardsmall nav.nav, article.node-breve.vm-cardsmall nav.
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1077, ../scss/styles.scss */
@ -4619,9 +4607,7 @@ article.node-materiau.vm-cardsmall nav.nav a, article.node-breve.vm-cardsmall na
}
/* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
}
/* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardsmall nav.nav span.op, article.node-breve.vm-cardsmall nav.nav span.op {
@ -4750,9 +4736,7 @@ article.node-materiau.vm-cardsmall div.workflow, article.node-breve.vm-cardsmall
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1153, ../scss/styles.scss */
@ -4998,9 +4982,7 @@ article.node-materiau.vm-cardmedium nav.nav, article.node-breve.vm-cardmedium na
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1077, ../scss/styles.scss */
@ -5009,9 +4991,7 @@ article.node-materiau.vm-cardmedium nav.nav a, article.node-breve.vm-cardmedium
}
/* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
}
/* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardmedium nav.nav span.op, article.node-breve.vm-cardmedium nav.nav span.op {
@ -5140,9 +5120,7 @@ article.node-materiau.vm-cardmedium div.workflow, article.node-breve.vm-cardmedi
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1153, ../scss/styles.scss */
@ -5222,9 +5200,7 @@ article.node-materiau.vm-cardmedium .group-header, article.node-breve.vm-cardmed
font-size: 20px;
font-weight: 300;
line-height: 1;
background-color: white;
background-color: rgba(255, 255, 255, 0.8);
*background-color: white;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
@ -5265,9 +5241,7 @@ article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation
/* line 1287, ../scss/styles.scss */
article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve.vm-cardmedium.node-breve .group-header {
color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.7);
*background-color: black;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
@ -5525,9 +5499,7 @@ article.node-materiau.vm-cardbig nav.nav, article.node-breve.vm-cardbig nav.nav
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1077, ../scss/styles.scss */
@ -5536,9 +5508,7 @@ article.node-materiau.vm-cardbig nav.nav a, article.node-breve.vm-cardbig nav.na
}
/* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
}
/* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardbig nav.nav span.op, article.node-breve.vm-cardbig nav.nav span.op {
@ -5667,9 +5637,7 @@ article.node-materiau.vm-cardbig div.workflow, article.node-breve.vm-cardbig div
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1153, ../scss/styles.scss */
@ -5757,9 +5725,7 @@ article.node-materiau.vm-cardbig .group-header, article.node-breve.vm-cardbig .g
font-size: 20px;
font-weight: 300;
line-height: 1.1;
background-color: white;
background-color: rgba(255, 255, 255, 0.8);
*background-color: white;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
@ -5798,9 +5764,7 @@ article.node-materiau.vm-cardbig .group-header .field-name-field-localisation, a
/* line 1354, ../scss/styles.scss */
article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm-cardbig.node-breve .group-header {
color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.7);
*background-color: black;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
@ -6036,9 +6000,7 @@ article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.na
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1077, ../scss/styles.scss */
@ -6047,9 +6009,7 @@ article.node-materiau.vm-cardfull nav.nav a, article.node-breve.vm-cardfull nav.
}
/* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
}
/* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardfull nav.nav span.op, article.node-breve.vm-cardfull nav.nav span.op {
@ -6178,9 +6138,7 @@ article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull d
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000;
}
/* line 1153, ../scss/styles.scss */
@ -6302,9 +6260,7 @@ article.node-materiau.vm-cardfull .group-header .field-name-field-reference-mate
/* line 1431, ../scss/styles.scss */
article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.7);
*background-color: black;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
@ -6553,9 +6509,7 @@ a:hover {
border: 0;
border-radius: 3px;
background-clip: padding-box;
background-color: black;
background-color: rgba(0, 0, 0, 0.6);
*background-color: black;
text-align: left;
margin-left: 2px;
}
@ -6571,9 +6525,7 @@ a:hover {
}
/* line 1493, ../scss/styles.scss */
#autocomplete li.selected {
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
*background-color: black;
}
/* line 1494, ../scss/styles.scss */
#autocomplete li div {

View File

@ -73,7 +73,7 @@
}
@mixin horihoverswitch(){
position:relative; z-index:1; @include bgc(#fff);
position:relative; z-index:1; background-color:#fff;
figure{
position: absolute; top:0; left:0;
&:first-child{ position:relative; z-index:1; }
@ -87,7 +87,7 @@
.op-visible{
visibility:visible;
.csstransitions &{
@include opacity(1);
opacity:1;
@include transition-simply-prefix(opacity 0.3s ease-out);
}
}
@ -97,7 +97,7 @@
margin-top:-100000px;
}
.csstransition &{
@include opacity(0);
opacity:0;
@include transition-simply-prefix(visibility 0s 0.3s); // opacity 0.3s ease-out); change this
>*{
@include transition-simply-prefix(margin-top 0s 0.3s);
@ -108,7 +108,7 @@
@mixin op-visible(){
visibility:visible;
.csstransitions &{
@include opacity(1);
opacity:1;
@include transition-simply-prefix(opacity 0.3s ease-out);
}
} // change this
@ -119,7 +119,7 @@
margin-top:-100000px;
}
.csstransition &{
@include opacity(0);
opacity:0;
@include transition-simply-prefix(visibility 0s 0.3s); // opacity 0.3s ease-out); change this
>*{
@include transition-simply-prefix(margin-top 0s 0.3s);
@ -131,7 +131,7 @@
@include fs16();
font-weight:bold;
padding: 0.1em 0.3em 0.2em; @include rounded(0.3em);
border: 2px solid #ccc; @include bgc(#ccc); color:#4D4D4D; // blanc/bleu
border: 2px solid #ccc; background-color:#ccc; color:#4D4D4D; // blanc/bleu
@include shadowTextBtnWhite();
text-align: center; text-decoration: none;
@ -140,13 +140,13 @@
@mixin bouton-bleu(){
@include bouton();
@include shadowTextBtnBlack();
border-color:#69CDCF; @include bgc(#69CDCF); color:#fff;
border-color:#69CDCF; background-color:#69CDCF; color:#fff;
}
@mixin bouton-vert(){
@include bouton();
@include shadowTextBtnBlack();
border-color:#E6DE1C; @include bgc(#E6DE1C); color:#fff;
border-color:#E6DE1C; background-color:#E6DE1C; color:#fff;
}
/** colomnized() */
@ -167,18 +167,18 @@
}
}
@mixin bgcWhite(){
@include bgca(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.8);
text-shadow:0 0 4px rgba(255, 255, 255, 0.4);
@include transition-simply-prefix(background-color 0.2s ease-out); // text-shadow 0.2s ease-out); //change this
}
@mixin bgcBlack(){
@include bgca(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.7);
text-shadow:0 0 4px rgba(0, 0, 0, 0.4);
@include transition-simply-prefix(background-color 0.2s ease-out); // text-shadow 0.2s ease-out); //change this
}
// .bgcWhiteParentHover(){
// @include bgca(255, 255, 255, 0.2);
// background-color: rgba(255, 255, 255, 0.2);
// text-shadow:0 0 4px rgba(255, 255, 255, 0.9);
// &:hover{
// @include bgcWhite();
@ -215,7 +215,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
line-height:1; letter-spacing: 0.1em;
color:rgb(0,0,122);
@include fs12;
position:absolute; left:0; @include pl(0); @include ml(0);
position:absolute; left:0; padding-left:0; margin-left:0;
}
span.slogan{
@include fs14;
@ -229,15 +229,15 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
#header-blocks{
//position:absolute; right:0; bottom:0;
@include pt(17px);
padding-top:17px;
float:right;
text-align:right;
text-transform: capitalize;
>.region{
@include inlineblock();vertical-align:middle;
@include pr(1em); @include mr(1em);
@media #{$small-only}{ @include pr(0.3em); @include mr(0.3em); }//change this
padding-right:1em; margin-right:1em;
@media #{$small-only}{ padding-right:0.3em; margin-right:0.3em; }//change this
border-right: 1px solid #707070;
&:last-child{border:none; padding: 0; margin: 0;}
}
@ -248,8 +248,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@include fs12;
margin: 0; line-height: 1.2; font-weight: normal; }
&:not(:last-child){
@include pr(0.8em);
@media #{$xlarge-only}{ @include pr(0.3em); } //change this
padding-right:0.8em;
@media #{$xlarge-only}{ padding-right:0.3em; } //change this
}
}
@ -257,7 +257,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@include fs12;
text-align:left; position:relative;
h2{
@include pr(5px);
padding-right:5px;
// .icon-user;
i{ vertical-align: text-bottom; margin: 0 2px 2px 0;}
}
@ -269,7 +269,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
padding: 5px; margin: 5px;
background-color: #e6e6e6; @include rounded(5px); @include drop-shadow(0, 0, 5px, 0.2);
}
.form-item{margin: 0; @include pb(5px);}
.form-item{margin: 0; padding-bottom:5px;}
label,input{
margin: 0;
@include fs10;
@ -278,7 +278,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
input.form-text{width:150px;}
#edit-actions{
margin: 5px 0; padding: 0; @include bgc(transparent); text-align: right;
margin: 5px 0; padding: 0; background-color:transparent; text-align: right;
input.form-submit{
@include fs12;
padding: 10px;
@ -316,7 +316,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
line-height:1.1;}// @include fs700;
// h2, section.mylists{@include inlineblock();}
section.mylists{
position:absolute; z-index:20; @include bgca(255, 255, 255, 0.9); min-width:100%; margin: 0 0 0 -5px;
position:absolute; z-index:20; background-color: rgba(255, 255, 255, 0.9); min-width:100%; margin: 0 0 0 -5px;
@include rounded(3px); @include drop-shadow(-2px, 2px, 5px, 0.2);
.ie8 &{background:#FFF;}
ul{margin: 0;}
@ -332,7 +332,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
span.count{
@include fs300;
padding: 0 5px;}
span.preview, a.edit-list{@include pr(5px);}
span.preview, a.edit-list{padding-right:5px;}
.no-touch &:not(:hover) {
span.preview, a.edit-list{@include op-hidden;}
@ -343,7 +343,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
&:hover{
section.mylists{
@include pb(5px);
padding-bottom:5px;
li{height:15px; padding: 3px 10px; }
}
}
@ -367,7 +367,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
margin: 0 5px 1px 0;
}
a span.account{text-transform: lowercase;}
a span.logout{display:none; @include ml(5px); }
a span.logout{display:none; margin-left:5px; }
.fi-power{margin: 0 0.5em 0 0.5em;}
@media #{$large-only}{ .fi-power{display: none;} }
@media #{$medium-up}{ a span.logout{display:none;} }
@ -383,7 +383,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
#block-locale-language{
@include ml(1em);
margin-left:1em;
// border-left: 1px solid #707070;
ul,li{
margin:0;padding:0;list-style-type: none;
@ -443,7 +443,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
position:relative;
h2 .menu-title{display: none;}
.menu-wrapper{
position:absolute; width:150px; display:none; right:0; @include pt(5px);
position:absolute; width:150px; display:none; right:0; padding-top:5px;
ul.menu{
background-color: #e6e6e6;
@include rounded(5px); padding: 0 5px 5px 5px; margin: 0; text-align: right;
@ -517,7 +517,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.node.emvideo{
.group-sideleft, .group-sideright{ width:47%; }
.group-sideleft{@include mr(2%);}
.group-sideleft{margin-right:2%;}
// .field-name-field-visuel{display:none;}
}
@ -567,7 +567,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
.node-didactique{
@include fs14;
@include bgc(#fff); //padding: 5px;
background-color:#fff; //padding: 5px;
margin: 0 auto;
// .ie8 &{max-width:750px; margin-left:15px; margin-top:10px;}
@ -636,25 +636,25 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.ie8 &{max-width:250px; float:right; background-image:none;}
h2, h3{@include fs900; @include italic; padding:5px 0; margin: 0; line-height: 1; @include bgc(#fff); @include inlineblock(); min-width:50%;}
h2, h3{@include fs900; @include italic; padding:5px 0; margin: 0; line-height: 1; background-color:#fff; @include inlineblock(); min-width:50%;}
h2{@include fs24;} h3{@include fs16;}
form{margin: 0; @include bgca(255, 255, 255, 0.7); @include pb(5px); @include inlineblock(); }
form{margin: 0; background-color: rgba(255, 255, 255, 0.7); padding-bottom:5px; @include inlineblock(); }
.form-item, .form-wrapper{
margin: 0; @include inlineblock; vertical-align: middle; position:relative;
}
#edit-account{@include mr(5px);}
#edit-account{margin-right:5px;}
input.form-text{ @include fs12; @include rounded(5px); @include mb(4px);.ie8 &{margin-right:5px;}}
input.form-text{ @include fs12; @include rounded(5px); margin-bottom:4px;.ie8 &{margin-right:5px;}}
.form-item-mail input.form-text, .form-item-name input.form-text{ width:11em;}
.form-item-pass input.form-text{ width:7em;}
#edit-mail-check{
position:absolute; bottom:100%; z-index:9999; background-image: none;
height:auto; //width:90%;
padding: 5px; @include rounded(5px); @include mb(10px);
padding: 5px; @include rounded(5px); margin-bottom:10px;
@include fs11; background-color: #fff;
@include drop-shadow(0, 0, 5px, 0.6);
@include transition-simply-prefix(bottom 0.1s ease-out);
@ -669,37 +669,37 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
.form-submit{
//border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#FF7400; // orange/bleu
//border: 2px solid #69CDCF; background-color:#69CDCF; color:#FF7400; // orange/bleu
@include fs16; padding: 0.1em 0.6em 0.2em; @include rounded(0.3em);
font-weight:bold;
@include mb(4px);
margin-bottom:4px;
}
.form-item-termsofservices, #edit-field-newsletter{
@include mb(0); display:block; line-height: 1;
margin-bottom:0; display:block; line-height: 1;
&>*{ @include inlineblock; vertical-align: middle; margin: 0; }
label{ @include fs10; background-color: #fff; @include rounded(3px); }
}
#user-register-form{
.form-submit{
border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
@include shadowTextBtnBlack();
&[disabled]{
@include bgc(#ddd); border: 2px solid #ddd;
background-color:#ddd; border: 2px solid #ddd;
}
}
}
#user-login{
.form-submit{
border: 2px solid #E6DE1C; @include bgc(#E6DE1C); color:#fff; // noire/jaune
border: 2px solid #E6DE1C; background-color:#E6DE1C; color:#fff; // noire/jaune
@include shadowTextBtnBlack();
}
}
#edit-simplenews{
@include pt(0.5em);
padding-top:0.5em;
.fieldset-description{
@include fs12;
}
@ -718,7 +718,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
width:5em;
@include fs16; padding: 0.1em 0.3em 0.2em; @include rounded(0.3em);
font-weight:bold;
border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
@include shadowTextBtnBlack();
text-align: center; text-decoration: none;
}
@ -771,13 +771,13 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@include fs12; @include fs700; margin: 0; line-height:1.2; color:#000;
a.open-list, i.fi-xicon-remove{
@include inlineblock(); cursor:pointer; color:#000;
@include opacity(0); @include transition-simply-prefix(opacity 0.1s ease-out);
opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out);
}
}
&:hover{
a.open-list, i.fi-x{
@include opacity(1);
opacity:1;
}
}
@ -837,7 +837,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// margin:0 0 0 20px;
// }
.oldie &{@include bgc(#B1ADAD); padding:0 10px;}
.oldie &{background-color:#B1ADAD; padding:0 10px;}
.btn-group{
padding: 0; @include rounded(3px); @include bgc(#fff); margin:4px;
@ -849,8 +849,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
margin: 0 10px 0 0;
h1{ margin: 0;
@include fs24; text-transform: capitalize; @include fs300; line-height:1;}
i{ vertical-align: middle ; @include mr(5px);}
i.icon-materio-folder{@include mb(2px);}
i{ vertical-align: middle ; margin-right:5px;}
i.icon-materio-folder{margin-bottom:2px;}
a.edit-list{
@include op-hidden;
i{ margin: 0 0 0 5px;}
@ -888,7 +888,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
float:right;
>.inner{
@include inlineblock(); margin:0 0 0 10px;
padding: 3px 10px; @include bgc(#fff); @include rounded(3px);
padding: 3px 10px; background-color:#fff; @include rounded(3px);
@include shadowBtn(); text-align: right;
}
}
@ -918,7 +918,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
#edit-searchfield-autocomplete-aria-live{
.oldie &{
@include bgc(#1a1a1a);
background-color:#1a1a1a;
}
};
@ -939,7 +939,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
#center{
background-color: #e6e6e6; @include rounded(10px);
.node-type-page &{ @include bgc(#fff); }
.node-type-page &{ background-color:#fff; }
.ie8 &{height:100%; margin-top:20px;}
}
@ -949,7 +949,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// @include rounded(5px);
@include transition-simply-prefix(height 0.3s ease-out);
&.faded{
@include opacity(0.5);
opacity:0.5;
@include transition-simply-prefix(opacity 0.3s ease-out);
}
@ -992,13 +992,13 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
.node-type-page &{
// @include pl(15px);
// padding-left:15px;
}
}
/** #content-bottom */
#content-bottom{
@include pt(10px);
padding-top:10px;
}
/** CARDS */
@ -1038,7 +1038,7 @@ $cardfull_h:610px;
// .no-touch &:hover{ @include drop-shadow(0, 0, 5px, 0.7); }
&.focused{ @include drop-shadow(0, 0, 7px, 0.9); }
&.just-added{ @include opacity(0); }
&.just-added{ opacity:0; }
&.associated{
@include transition-simply-prefix(margin 0.3s ease-out);
@ -1054,7 +1054,7 @@ $cardfull_h:610px;
&.removed{
@include transition-simply-prefix(width 0.3s ease-out);
width:0; @include pl(0); @include pr(0); @include mr(0); @include ml(0); overflow:hidden;
width:0; padding-left:0; padding-right:0; margin-right:0; margin-left:0; overflow:hidden;
}
// TODO: how to show that a card was flaged ?
// .search-results &.flaged, .actuality-items &.flaged{
@ -1069,13 +1069,13 @@ $cardfull_h:610px;
@include fs11;
// colors
// @include bgca(10, 10, 10, 0.9); color:#fff;
// background-color: rgba(10, 10, 10, 0.9); color:#fff;
// a{color:#fff;}
//ul{@include bgca(10, 10, 10, 0.9);}
@include bgca(255, 255, 255, 0.9); color:#000;
//ul{background-color: rgba(10, 10, 10, 0.9);}
background-color: rgba(255, 255, 255, 0.9); color:#000;
a{color:#000;}
ul{@include bgca(255, 255, 255, 0.9);}
ul{background-color: rgba(255, 255, 255, 0.9);}
span.op{@include fs900; @include fs14;}
ul{padding: 0; margin: 0;}
@ -1087,7 +1087,7 @@ $cardfull_h:610px;
}
ul{
position:absolute; right:0; top:0; @include mr(22px); min-width:80px; padding: 0; display:block;
position:absolute; right:0; top:0; margin-right:22px; min-width:80px; padding: 0; display:block;
@include rounded(3px); @include drop-shadow(-2px, 2px, 5px, 0.2);
// padding: 5px 10px;
li{
@ -1106,7 +1106,7 @@ $cardfull_h:610px;
// background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
// }
li{
@include inlineblock(); min-width:48%; max-width:98%; @include pl(2px);
@include inlineblock(); min-width:48%; max-width:98%; padding-left:2px;
a{
color:#a6a6a6; @include transition-simply-prefix(color 0.2s ease-out);
&:hover, &.unflag-action{
@ -1115,7 +1115,7 @@ $cardfull_h:610px;
}
&.flag-lists-create{
display:block; width:100%;
>*{ @include mt(1px); @include pt(1px); border-top:1px solid #e6e6e6;}
>*{ margin-top:1px; padding-top:1px; border-top:1px solid #e6e6e6;}
a{color:#000;}
}
&.loading{
@ -1149,13 +1149,13 @@ $cardfull_h:610px;
padding: 5px;
@include border-radius(5px, 0, 3px, 0);
@include fs11; vertical-align: top;
@include bgca(255, 255, 255, 0.9); color:#000;
background-color: rgba(255, 255, 255, 0.9); color:#000;
span{padding: 3px 0 0 4px; @include inlineblock();}
}
.field-name-field-description .upgrade{
@include fs12;
@include pt(4em);@include mt(-4.5em);
padding-top:4em;margin-top:-4.5em;
// .bgc(rgba(255,255,255,0.6));
background : linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 4em);
position:relative;
@ -1167,7 +1167,7 @@ $cardfull_h:610px;
display:block; margin: 10px 0;
@include fs18; padding: 0.1em 0.6em 0.2em; @include rounded(0.3em);
font-weight:bold;
border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
@include shadowTextBtnBlack();
text-align: center; text-decoration: none;
}
@ -1186,7 +1186,7 @@ article.search-performance{
display:block; margin: 10px auto; max-width:10em;
@include fs18; padding: 0.1em 0.6em 0.2em; @include rounded(0.3em);
font-weight:bold;
border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
@include shadowTextBtnBlack();
text-align: center; text-decoration: none;
}
@ -1264,7 +1264,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
@include card($cardmedium_w, $cardmedium_h); //width:210px; height:295px;
.side{
@include layer(); @include bgc(#fff); cursor:pointer;
@include layer(); background-color:#fff; cursor:pointer;
&:nth-child(2){z-index:1;}
}
@ -1300,7 +1300,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
// side 2
.field-name-field-description, .field-name-body{
@include fs12; @include fs300; overflow: hidden; z-index:-1; @include columnized(5px);
.column>*{@include pr(25px);}
.column>*{padding-right:25px;}
}
// side 3
@ -1332,7 +1332,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
@include card($cardbig_w, $cardbig_h); //width:425px; height:610px;
.side{
@include layer(); @include bgc(#fff); height:270px; top:340px; cursor:pointer;
@include layer(); background-color:#fff; height:270px; top:340px; cursor:pointer;
&:nth-child(2){z-index:1;}
}
@ -1388,14 +1388,14 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
.side.oops p, .side .upgrade p{
padding: 3em;
a{
border: 2px solid #eee; @include bgc(#eee); color:#fff;
border: 2px solid #eee; background-color:#eee; color:#fff;
@include transition-simply-prefix(border 0.3s ease-out);
@include transition-simply-prefix(background-color 0.3s ease-out);
}
}
&:hover .side.oops p, &:hover .side .upgrade p{
a{
border: 2px solid #69CDCF; @include bgc(#69CDCF);
border: 2px solid #69CDCF; background-color:#69CDCF;
}
}
}
@ -1424,7 +1424,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
.group-header{
@include fs20; @include fs300; padding:10px;
.field-name-title-field{@include fs700;}
.field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; @include pr(15px);}
.field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; padding-right:15px;}
// .field-name-field-localisation{ float:right; }
}
@ -1447,7 +1447,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
.field-name-field-company-fab, .field-name-field-company-distrib{
@include fs12; padding:10px; @include fs300;
@include inlineblock(); width:40%;
.field-item{@include mt(1em);}
.field-item{margin-top:1em;}
.field-label{ @include fs10; text-transform: lowercase; float: none; }
.field-name-field-tode-company{@include fs14;}
}
@ -1466,14 +1466,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
.side.oops p, .side .upgrade p{
padding: 3em;
a{
border: 2px solid #eee; @include bgc(#eee); color:#fff;
border: 2px solid #eee; background-color:#eee; color:#fff;
@include transition-simply-prefix(border 0.3s ease-out);
@include transition-simply-prefix(background-color 0.3s ease-out);
}
}
&:hover .side.oops p, &:hover .side .upgrade p{
a{
border: 2px solid #69CDCF; @include bgc(#69CDCF);
border: 2px solid #69CDCF; background-color:#69CDCF;
}
}
}
@ -1484,13 +1484,13 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
/** AUTOCOMPLETE */
#autocomplete{
border: 0; @include rounded(3px);
@include bgca(0,0,0,0.6);
background-color: rgba(0,0,0,0.6);
text-align: left;
margin-left: 2px;
.oldie &{@include bgc(#545454);}
.oldie &{background-color:#545454;}
li{
color:#FFF; background-color: transparent;
&.selected{@include bgca(0,0,0,0.8);}
&.selected{background-color: rgba(0,0,0,0.8);}
div{padding:0.1em 5px;} @include fs12;
}
@ -1502,15 +1502,15 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
@mixin mat_modal(){
background-color: rgba(0,0,0,0.7);
@include rounded(5px); border: 0;
*{color:#fff; @include bgc(transparent);}
*{color:#fff; background-color:transparent;}
@include fs12;
form{
@include bgc(transparent); color:#fff; border: 0px;
background-color:transparent; color:#fff; border: 0px;
.form-actions{
@include bgc(transparent); margin: 0; padding: 0; border: 0;
background-color:transparent; margin: 0; padding: 0; border: 0;
}
input.form-text, textarea, div.grippie{@include bgc(#fff); color:#000; border: 0;}
input.form-text, textarea, div.grippie{background-color:#fff; color:#000; border: 0;}
.form-actions{ text-align: right ;}
input.form-submit{
@ -1577,7 +1577,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
position:absolute;
top:0; left:0;
width:100%; height:100%;
@include opacity(0.5);
opacity:0.5;
}
.modal-content{
@ -1598,9 +1598,9 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
// #modalContent{
// @include mat_modal();
// .ctools-modal-content{
// border: 0; @include bgc(transparent); color:#fff;
// border: 0; background-color:transparent; color:#fff;
// .modal-header{
// @include bgc(transparent); border: 0;
// background-color:transparent; border: 0;
// #modal-title{
// padding: 5px, 0;
// }
@ -1622,7 +1622,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
// }
// // .form-actions{
// // @include bgc(transparent); margin: 0; padding: 0; border: 0;
// // background-color:transparent; margin: 0; padding: 0; border: 0;
// // }
// }
@ -1675,7 +1675,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
#feedback-form-toggle{
padding: 2px 3px; @include rounded(3px); @include bgc(#ff7600); color:#fff;
padding: 2px 3px; @include rounded(3px); background-color:#ff7600; color:#fff;
line-height:2; @include fs900;
}
.content{
@ -1683,7 +1683,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
.ie8 &{background:#000;}
}
#feedback-status-message{@include bgc(#fff); padding: 5px;}
#feedback-status-message{background-color:#fff; padding: 5px;}
}
/** TASK / TABS **/
@ -1691,8 +1691,8 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
a{
@include fs12;
padding: 5px 10px;
@include bgc(#e6e6e6);
&.active, &:hover{@include bgc(#e6e6e6);}
background-color:#e6e6e6;
&.active, &:hover{background-color:#e6e6e6;}
@include rounded(3px);
}
}
@ -1734,7 +1734,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
&.role-6 #tasks .tabs.secondary{@include tabs-primary();}
#content .inner-content >*{
width:800px; margin:0 auto; @include pt(1em); @include fs14;
width:800px; margin:0 auto; padding-top:1em; @include fs14;
fieldset{
margin-bottom:1em;
@ -1825,7 +1825,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
input{ width:35em;}
}
.locality-block{
.form-item{width:auto; @include mr(1em);}
.form-item{width:auto; margin-right:1em;}
}
}
@ -1862,7 +1862,7 @@ body.node-type-simplenews{
/** PAGE CONTACT */
.page-node-11175{
#main{
// @include bgc(#fff);
// background-color:#fff;
background: #fff url('../img/bg-contact.gif') no-repeat bottom right;
.field-name-body p{
@ -1964,7 +1964,7 @@ body.page-node-11187{
h2{ padding:10px 0 0; @include fs24; top:0; }
.subtitle{ min-height:2em; }
ul{ @include fs14; min-height:120px;}
.get-link{ @include fs14; text-align: left; padding: 0 1em; @include bgc(#ddd); }
.get-link{ @include fs14; text-align: left; padding: 0 1em; background-color:#ddd; }
}
}
@ -2004,8 +2004,8 @@ body.page-node-11187{
}
legend{margin: 0; @include fs18; @include fs700;}
.form-item{ margin: 0 20px 0 0; }
label{ @include fs12; width:10em; @include inlineblock; vertical-align:middle; @include mr(1em); border-bottom: 1px solid #cccccc; }
.description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; @include ml(1em); color:#7f7f7f;}
label{ @include fs12; width:10em; @include inlineblock; vertical-align:middle; margin-right:1em; border-bottom: 1px solid #cccccc; }
.description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; margin-left:1em; color:#7f7f7f;}
input.form-text{width:13em;}
}
@ -2018,7 +2018,7 @@ body.page-node-11187{
}
legend{margin: 0; @include fs16; @include fs700;}
.form-item{ margin: 0; float:none;}
label{ @include fs12; width:30%; @include inlineblock; vertical-align:middle; @include mr(0.5em); }
label{ @include fs12; width:30%; @include inlineblock; vertical-align:middle; margin-right:0.5em; }
input.form-text, select.form-select{width:60%;}
#webform-component-infos{@include fs14;}
} //change this
@ -2057,7 +2057,7 @@ body.page-node-11187{
.description{@include inlineblock;}
}
#addressfield-wrapper{ @include mt(1em); }
#addressfield-wrapper{ margin-top:1em; }
.street-block .form-item{ @include inlineblock; }
#webform-component-column-right--collaborators{
@ -2076,10 +2076,10 @@ body.page-node-11187{
background-color: transparent;
text-align: left;
.form-submit{
border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff;
border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff;
@include fs18; padding: 0.2em 1em 0.3em; @include rounded(0.3em);
font-weight:bold;
@include mb(9px);
margin-bottom:9px;
@include shadowTextBtnBlack();
}
}
@ -2094,7 +2094,7 @@ body.page-node-11187{
}
#edit-submitted-terms-of-services{
@include mb(0.5em);
margin-bottom:0.5em;
input, label{margin: 0 0.3em 0 0;}
label{ width:auto; }
}
@ -2141,7 +2141,7 @@ body.page-node-11187{
}
.form-submit{
@include bouton();
@include ml(1em);
margin-left:1em;
&#edit-checkout--2{
@include bouton-bleu();
}
@ -2165,7 +2165,7 @@ body.page-node-11187{
fieldset.form-row{
// @include rounded(5px); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
@include pb(20px); @include mb(20px);
padding-bottom:20px; margin-bottom:20px;
// fieldset{ border: 0 solid #ddd; padding: 0;}
}
@ -2181,8 +2181,8 @@ body.page-node-11187{
fieldset.form-column-right{
border-left:1px solid #ccc;
@include ml(2em); @include pl(2em);
// @include bgc(#fff); @include rounded(5px);
margin-left:2em; padding-left:2em;
// background-color:#fff; @include rounded(5px);
}
legend{margin: 0; @include fs18; @include fs700; border:none; line-height:2;}
@ -2190,14 +2190,14 @@ body.page-node-11187{
.fieldset-wrapper{@include fs12;}
.form-item{ margin: 0 20px 0 0; }
.description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; @include ml(1em); color:#7f7f7f;}
.description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; margin-left:1em; color:#7f7f7f;}
#cart-pane{
>.fieldset-wrapper{
@include inlineblock();
@include rounded(5px);
padding: 10px;
@include bgc(#fff);
background-color:#fff;
}
table{
@ -2224,7 +2224,7 @@ body.page-node-11187{
#customer-pane{width:35em;}
#billing-pane{
label{ @include fs12; width:8em; @include inlineblock; vertical-align:middle; @include mr(1em); border-bottom: 1px solid #cccccc; }
label{ @include fs12; width:8em; @include inlineblock; vertical-align:middle; margin-right:1em; border-bottom: 1px solid #cccccc; }
input.form-text{width:13em;}
}
@ -2236,7 +2236,7 @@ body.page-node-11187{
float:right;
.fieldset-wrapper{
@include bgc(#fff);
background-color:#fff;
@include rounded(5px);
padding: 10px;
}
@ -2281,7 +2281,7 @@ body.page-node-11187{
text-align: right;
.form-submit{
@include bouton();
@include ml(1em);
margin-left:1em;
&#edit-continue{
@include bouton-bleu();
}
@ -2360,7 +2360,7 @@ body.page-node-11187{
}
input.form-submit{
@include bouton();
@include ml(1em);
margin-left:1em;
&#edit-submit{
@include bouton-bleu();
}
@ -2375,7 +2375,7 @@ body.page-node-11187{
@include rounded(5px); background-color: #FFF;
@include drop-shadow(0, 0, 5px, 0.2);
max-width:850px;
@include fs14; @include bgc(#fff); //padding: 5px;
@include fs14; background-color:#fff; //padding: 5px;
margin: 1em auto; padding: 1em;
.field-name-field-emvideo{
@ -2426,7 +2426,7 @@ body.page-node-11187{
#content .faq-content{
.faq-description{
@include fs12; @include pb(2em);
@include fs12; padding-bottom:2em;
}
ul.faq-ul-questions-top{
@ -2449,7 +2449,7 @@ body.page-node-11187{
padding: 0;
}
.faq-category-group{
@include pb(1em);
padding-bottom:1em;
}
.faq-question-answer{
padding: 0.3em 0 0 0.8em;
@ -2458,7 +2458,7 @@ body.page-node-11187{
a{color:#000;}
}
.faq-answer{
padding: 0; @include mb(2em);
padding: 0; margin-bottom:2em;
@include fs12;
}
}