bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed obsolete mixins

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
sites/all/themes/gui/materiobasetheme/css/styles.css
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 { #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
position: absolute; position: absolute;
z-index: 20; z-index: 20;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
min-width: 100%; min-width: 100%;
margin: 0 0 0 -5px; margin: 0 0 0 -5px;
border-radius: 3px; border-radius: 3px;
@ -3442,9 +3440,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
/* line 642, ../scss/styles.scss */ /* line 642, ../scss/styles.scss */
#block-materio-user-user-register form, #block-materio-user-user-createaccount form { #block-materio-user-user-register form, #block-materio-user-user-createaccount form {
margin: 0; margin: 0;
background-color: white;
background-color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.7);
*background-color: white;
padding-bottom: 5px; padding-bottom: 5px;
display: moz-inline-stack; display: moz-inline-stack;
display: inline-block; 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; border-radius: 0 5px 0 3px;
background-clip: padding-box; background-clip: padding-box;
font-size: 10px; font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1077, ../scss/styles.scss */ /* 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 */ /* line 1078, ../scss/styles.scss */
article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul { 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: rgba(255, 255, 255, 0.9);
*background-color: white;
} }
/* line 1079, ../scss/styles.scss */ /* line 1079, ../scss/styles.scss */
article.node-materiau.vm-bookmark nav.nav span.op, article.node-breve.vm-bookmark nav.nav span.op { 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; background-clip: padding-box;
font-size: 10px; font-size: 10px;
vertical-align: top; vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1153, ../scss/styles.scss */ /* 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; border-radius: 0 5px 0 3px;
background-clip: padding-box; background-clip: padding-box;
font-size: 10px; font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1077, ../scss/styles.scss */ /* 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 */ /* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul { 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: rgba(255, 255, 255, 0.9);
*background-color: white;
} }
/* line 1079, ../scss/styles.scss */ /* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardsmall nav.nav span.op, article.node-breve.vm-cardsmall nav.nav span.op { 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; background-clip: padding-box;
font-size: 10px; font-size: 10px;
vertical-align: top; vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1153, ../scss/styles.scss */ /* 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; border-radius: 0 5px 0 3px;
background-clip: padding-box; background-clip: padding-box;
font-size: 10px; font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1077, ../scss/styles.scss */ /* 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 */ /* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul { 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: rgba(255, 255, 255, 0.9);
*background-color: white;
} }
/* line 1079, ../scss/styles.scss */ /* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardmedium nav.nav span.op, article.node-breve.vm-cardmedium nav.nav span.op { 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; background-clip: padding-box;
font-size: 10px; font-size: 10px;
vertical-align: top; vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1153, ../scss/styles.scss */ /* 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-size: 20px;
font-weight: 300; font-weight: 300;
line-height: 1; line-height: 1;
background-color: white;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
*background-color: white;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4); text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
-webkit-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out;
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 */ /* line 1287, ../scss/styles.scss */
article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve.vm-cardmedium.node-breve .group-header { article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve.vm-cardmedium.node-breve .group-header {
color: #fff; color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
*background-color: black;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out;
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; border-radius: 0 5px 0 3px;
background-clip: padding-box; background-clip: padding-box;
font-size: 10px; font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1077, ../scss/styles.scss */ /* 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 */ /* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul { 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: rgba(255, 255, 255, 0.9);
*background-color: white;
} }
/* line 1079, ../scss/styles.scss */ /* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardbig nav.nav span.op, article.node-breve.vm-cardbig nav.nav span.op { 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; background-clip: padding-box;
font-size: 10px; font-size: 10px;
vertical-align: top; vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1153, ../scss/styles.scss */ /* 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-size: 20px;
font-weight: 300; font-weight: 300;
line-height: 1.1; line-height: 1.1;
background-color: white;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
*background-color: white;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4); text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
-webkit-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out;
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 */ /* line 1354, ../scss/styles.scss */
article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm-cardbig.node-breve .group-header { article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm-cardbig.node-breve .group-header {
color: #fff; color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
*background-color: black;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out;
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; border-radius: 0 5px 0 3px;
background-clip: padding-box; background-clip: padding-box;
font-size: 10px; font-size: 10px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1077, ../scss/styles.scss */ /* 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 */ /* line 1078, ../scss/styles.scss */
article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul { 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: rgba(255, 255, 255, 0.9);
*background-color: white;
} }
/* line 1079, ../scss/styles.scss */ /* line 1079, ../scss/styles.scss */
article.node-materiau.vm-cardfull nav.nav span.op, article.node-breve.vm-cardfull nav.nav span.op { 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; background-clip: padding-box;
font-size: 10px; font-size: 10px;
vertical-align: top; vertical-align: top;
background-color: white;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
*background-color: white;
color: #000; color: #000;
} }
/* line 1153, ../scss/styles.scss */ /* 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 */ /* line 1431, ../scss/styles.scss */
article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header { article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
color: #fff; color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
*background-color: black;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;
@ -6553,9 +6509,7 @@ a:hover {
border: 0; border: 0;
border-radius: 3px; border-radius: 3px;
background-clip: padding-box; background-clip: padding-box;
background-color: black;
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
*background-color: black;
text-align: left; text-align: left;
margin-left: 2px; margin-left: 2px;
} }
@ -6571,9 +6525,7 @@ a:hover {
} }
/* line 1493, ../scss/styles.scss */ /* line 1493, ../scss/styles.scss */
#autocomplete li.selected { #autocomplete li.selected {
background-color: black;
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
*background-color: black;
} }
/* line 1494, ../scss/styles.scss */ /* line 1494, ../scss/styles.scss */
#autocomplete li div { #autocomplete li div {

228
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

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