added ascii art
fixed some media querys for mobile
This commit is contained in:
Bachir Soussi Chiadmi 2015-05-18 19:03:00 +02:00
parent d858f00e17
commit ae3b3d3895
2 changed files with 1338 additions and 959 deletions

File diff suppressed because it is too large Load Diff

View File

@ -190,7 +190,14 @@ $headerpaddingtop:5px;
$headerpaddingbottom:10px;
$headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
/** HEADER */
/*
__ ___________ ____ __________
/ / / / ____/ | / __ \/ ____/ __ \
/ /_/ / __/ / /| | / / / / __/ / /_/ /
/ __ / /___/ ___ |/ /_/ / /___/ _, _/
/_/ /_/_____/_/ |_/_____/_____/_/ |_|
*/
#header{
padding-top:$headerpaddingtop;
padding-bottom:$headerpaddingbottom;
@ -222,7 +229,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
margin-top:-3px;
margin-left:-0.5em;
@include fs900;
@media #{$medium-only} {display:none;} //change this
@media #{$small-only} {display:none;}
.ie8 &{position: absolute; margin-top:22px;}
}
}
@ -350,8 +357,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
h2{
i{ vertical-align: text-bottom; margin: 0 2px 2px 0;}
@media #{$xlarge-up}{ i{display: none;} }
@media #{$medium-only}{ span.menu-title{display:none;} } //change this
// @media #{$xlarge-up}{ i{display: none;} }
@media #{$small-only}{ span.menu-title{display:none;} }
}
}
@ -490,8 +497,18 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
&.closed{
.tabs, .node-didactique{display:none;} height:0;
}
@media #{$small-only}{
margin-top:0;
}
}
/*
__ _ __ ___ __ __ __
/ /_ (_)___ _/ /_ / (_)___ _/ /_ / /____ ____/ /
/ __ \/ / __ `/ __ \/ / / __ `/ __ \/ __/ _ \/ __ /
/ / / / / /_/ / / / / / / /_/ / / / / /_/ __/ /_/ /
/_/ /_/_/\__, /_/ /_/_/_/\__, /_/ /_/\__/\___/\__,_/
/____/ /____/
*/
#highlighted{
@include rounded(5px);
@ -537,35 +554,51 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
margin:10px 0 6px;
.block-materio-didactique{
.group-sideleft, .group-sideright{ width:100%; }
.field-name-title-field{@include fs20; cursor:pointer; }
.node-didactique:not(:first-child){
.field-name-title-field{ font-weight:normal; &:before{content:"- ";}}
.node-didactique{
.field-name-title-field{
@include fs20;
font-weight:normal!important;
// &:before{content:"- ";}
&:after{
content:"\a0\f10b";
font-family: "foundation-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
font-size: 16px;
}
}
}
html.js & .node-didactique{
height:auto;
height:25px; overflow: hidden;
height:30px; overflow: hidden;
&.opened{height:auto;}
}
}
}
@media #{$small-only}{
.block-materio-didactique{
// .pt(150px);
.group-sideleft{ width:50%; }
.group-sideright{ width:50%; }
}
} //change this
// @media #{$small-only}{
// .block-materio-didactique{
// // .pt(150px);
// .group-sideleft{ width:50%; }
// .group-sideright{ width:50%; }
// }
// } //change this
.oldie &{
.block{@include inlineblock;}
}
.block-materio-didactique{
// .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
.node-didactique{
// .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
.node-didactique{
@include fs14;
background-color:#fff; //padding: 5px;
margin: 0 auto;
@ -629,7 +662,14 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
}
/** block register */
/*
__ __ __ _ __
/ /_ / /___ _____/ /__ ________ ____ _(_)____/ /____ _____
/ __ \/ / __ \/ ___/ //_/ / ___/ _ \/ __ `/ / ___/ __/ _ \/ ___/
/ /_/ / / /_/ / /__/ ,< / / / __/ /_/ / (__ ) /_/ __/ /
/_.___/_/\____/\___/_/|_| /_/ \___/\__, /_/____/\__/\___/_/
/____/
*/
#block-materio-user-user-register, #block-materio-user-user-createaccount{
min-height:120px; padding: 5px;
background: transparent url('../img/register-block.png') no-repeat 100% 90%;
@ -726,11 +766,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@media #{$small-only}{
background-position: 160% 50%;
.form-item-mail input.form-text, .form-item-name input.form-text{ width:7em;}
}
@media #{$small-only}{
min-height:60px; padding: 15px 0;
#user-login, >h3:first-child, >h3 span{ display:none; }
// #user-login, >h3:first-child, >h3 span{ display:none; }
}
.message-error{
@ -757,11 +794,25 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
}
/** content-top */
/*
__ __ __
_________ ____ / /____ ____ / /_ / /_____ ____
/ ___/ __ \/ __ \/ __/ _ \/ __ \/ __/_____/ __/ __ \/ __ \
/ /__/ /_/ / / / / /_/ __/ / / / /_/_____/ /_/ /_/ / /_/ /
\___/\____/_/ /_/\__/\___/_/ /_/\__/ \__/\____/ .___/
/_/
*/
#content-top{
// padding-left:50px;
/** flag-list */
/*
___ _ _ _ _
| _| |___ ___ ___| |_|___| |_
| _| | .'| . |___| | |_ -| _|
|_| |_|__,|_ | |_|_|___|_|
|___|
*/
#block-materio-flag-materio-flag-mybookmarks, #block-materio-flag-materio-flag-mylists{
// padding:5px 0;
@include fs10; color:#666666; @include fs300;
@ -1001,7 +1052,14 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
padding-top:10px;
}
/** CARDS */
/*
_________ ____ ____ _____
/ ____/ | / __ \/ __ \/ ___/
/ / / /| | / /_/ / / / /\__ \
/ /___/ ___ |/ _, _/ /_/ /___/ /
\____/_/ |_/_/ |_/_____//____/
*/
$cardbookmark_w:50px;
$cardbookmark_h:70px;
@ -1174,7 +1232,13 @@ $cardfull_h:610px;
}
}// .card()
/** card search performance */
/*
_ _ ___
___ ___ ___ _| | ___ ___ ___ ___ ___| |_ ___ ___ ___| _|___ ___ _____ ___ ___ ___ ___
| _| .'| _| . | |_ -| -_| .'| _| _| | | . | -_| _| _| . | _| | .'| | _| -_|
|___|__,|_| |___| |___|___|__,|_| |___|_|_| | _|___|_| |_| |___|_| |_|_|_|__,|_|_|___|___|
|_|
*/
article.search-performance{
.inner{
padding: 1em;
@ -1212,7 +1276,14 @@ article.search-performance{
}
}
/** CARD BOOKMARKS */
/*
_____ _____ _____ ____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| | _ | __ | \ | __ | | | | | | _ | __ | | | __|
| --| | -| | | | __ -| | | | | -| | | | | -| -|__ |
|_____|__|__|__|__|____/ |_____|_____|_____|__|__|_|_|_|__|__|__|__|__|__|_____|
*/
article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark{
@include card($cardbookmark_w, $cardbookmark_h);
margin:3px;
@ -1225,7 +1296,14 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark{
div.workflow{display:none;}
}
/** CARD SMALL */
/*
_____ _____ _____ ____ _____ _____ _____ __ __
| | _ | __ | \ | __| | _ | | | |
| --| | -| | | |__ | | | | | |__| |__
|_____|__|__|__|__|____/ |_____|_|_|_|__|__|_____|_____|
*/
article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
@include card($cardsmall_w, $cardsmall_h); //width:100px; height:140px;
.group-header{
@ -1249,7 +1327,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
.no-touch &:not(.focused) div.workflow{@include op-hidden;}
}
/** TOOLTIP SMALL CARD */
/*
_____ _____ _____ __ _____ _____ _____ _____ _____ _____ __ __ _____ _____ _____ ____
|_ _| | | ||_ _| | _ | | __| | _ | | | | | | _ | __ | \
| | | | | | | |__| | |- -| __| |__ | | | | | |__| |__ | --| | -| | |
|_| |_____|_____|_____|_| |_____|__| |_____|_|_|_|__|__|_____|_____| |_____|__|__|__|__|____/
*/
#tooltip{
.group-header.smallcard{
@include fs14; @include fs500;
@ -1259,7 +1344,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
}
}
/** CARD MEDIUM */
/*
_____ _____ _____ ____ _____ _____ ____ _____ _____ _____
| | _ | __ | \ | | __| \| | | | |
| --| | -| | | | | | | __| | |- -| | | | | |
|_____|__|__|__|__|____/ |_|_|_|_____|____/|_____|_____|_|_|_|
*/
article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
@include card($cardmedium_w, $cardmedium_h); //width:210px; height:295px;
@ -1327,7 +1419,13 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
.ie8 &{nav.nav{background: #FFF}}
}
/** CARD BIG */
/*
_____ _____ _____ ____ _____ _____ _____
| | _ | __ | \ | __ | | __|
| --| | -| | | | __ -|- -| | |
|_____|__|__|__|__|____/ |_____|_____|_____|
*/
article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
@include card($cardbig_w, $cardbig_h); //width:425px; height:610px;
@ -1400,7 +1498,13 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
}
}
/** CARD FULL */
/*
_____ _____ _____ ____ _____ _____ __ __
| | _ | __ | \ | __| | | | | |
| --| | -| | | | __| | | |__| |__
|_____|__|__|__|__|____/ |__| |_____|_____|_____|
*/
article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
@include card($cardfull_w, $cardfull_h); //width:875px; height:610px;
nav.nav{top:0;}
@ -1481,7 +1585,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
@import "misc.scss";
/** AUTOCOMPLETE */
/*
___ __ ____________ __________ __ _______ __ __________________
/ | / / / /_ __/ __ \/ ____/ __ \/ |/ / __ \/ / / ____/_ __/ ____/
/ /| |/ / / / / / / / / / / / / / / /|_/ / /_/ / / / __/ / / / __/
/ ___ / /_/ / / / / /_/ / /___/ /_/ / / / / ____/ /___/ /___ / / / /___
/_/ |_\____/ /_/ \____/\____/\____/_/ /_/_/ /_____/_____/ /_/ /_____/
*/
#autocomplete{
border: 0; @include rounded(3px);
background-color: rgba(0,0,0,0.6);
@ -1593,51 +1704,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
}
/** MODALCONTENT */
// deprecated ??
// #modalContent{
// @include mat_modal();
// .ctools-modal-content{
// border: 0; background-color:transparent; color:#fff;
// .modal-header{
// background-color:transparent; border: 0;
// #modal-title{
// padding: 5px, 0;
// }
// a.close{
// width:10px;height:10px;
// // TODO: setup the sprite
// background-image: url('../img/close.png');
// img{display:none}
// }
// }
// .modal-content{
// .form-item{
// label, input{
// @include inlineblock(); vertical-align: middle;
// }
// label{width:35%;}
// input.form-text{width:60%;}
// div.description{text-align: right ;}
// }
/*
_______ __________ ____ __ __ ____ ___ _ __
/ / ___// ____/ __ \/ __ \/ / / / / __ \/ | / | / /
__ / /\__ \/ / / /_/ / / / / / / / / /_/ / /| | / |/ /
/ /_/ /___/ / /___/ _, _/ /_/ / /___/ /___/ ____/ ___ |/ /| /
\____//____/\____/_/ |_|\____/_____/_____/_/ /_/ |_/_/ |_/
// // .form-actions{
// // background-color:transparent; margin: 0; padding: 0; border: 0;
// // }
// }
// .ajax-register-links-wrapper{
// .ajax-register-links{
// .btn-group;
// li a{.b(0); @include fs10; .btn; .btn-mini; .btn-inverse;}
// }
// }
// }
// }
/** JSCROLLPAN */
*/
.jspContainer{
.jspVerticalBar{
background-color: transparent;
@ -1653,7 +1727,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
}
/** TOOLTIP */
/*
__________ ____ __ ______________
/_ __/ __ \/ __ \/ / /_ __/ _/ __ \
/ / / / / / / / / / / / / // /_/ /
/ / / /_/ / /_/ / /___/ / _/ // ____/
/_/ \____/\____/_____/_/ /___/_/
*/
#tooltip{
position:absolute; z-index:999; max-width:180px; background-color: rgba(255, 255, 255, 1); padding: 5px; @include rounded(3px);
@include fs12; @include fs500;
@ -1664,7 +1745,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
}
/** FEEDBACK */
/*
______________________ ____ ___ ________ __
/ ____/ ____/ ____/ __ \/ __ )/ | / ____/ //_/
/ /_ / __/ / __/ / / / / __ / /| |/ / / ,<
/ __/ / /___/ /___/ /_/ / /_/ / ___ / /___/ /| |
/_/ /_____/_____/_____/_____/_/ |_\____/_/ |_|
*/
#block-feedback-form{
@media #{$medium-only}{ bottom:5px; left:5px; right:auto; }
@ -1686,7 +1774,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
#feedback-status-message{background-color:#fff; padding: 5px;}
}
/** TASK / TABS **/
/*
_________ _____ __ __ __ _________ ____ _____
/_ __/ | / ___// //_/ _/_/ /_ __/ | / __ ) ___/
/ / / /| | \__ \/ ,< _/_/ / / / /| | / __ \__ \
/ / / ___ |___/ / /| | _/_/ / / / ___ |/ /_/ /__/ /
/_/ /_/ |_/____/_/ |_| /_/ /_/ /_/ |_/_____/____/
*/
@mixin tabs-primary(){
a{
@include fs12;
@ -1722,9 +1817,21 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
/** STATICS */
/*
______________ _____________________
/ ___/_ __/ |/_ __/ _/ ____/ ___/
\__ \ / / / /| | / / / // / \__ \
___/ // / / ___ |/ / _/ // /___ ___/ /
/____//_/ /_/ |_/_/ /___/\____//____/
/** user */
*/
/*
_ _ ___ ___ ___
| | |_ -| -_| _|
|___|___|___|_|
*/
.page-user, .page-user-edit, .page-user-password, .page-user-reset, .page-toboggan{
#main{ background: #fff url('../img/user-page-bg.gif') no-repeat bottom right; }
@ -1842,7 +1949,13 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
} // user
/** SIMPLENEWS */
/*
_____ _____ _____ _____ __ _____ _____ _____ _ _ _ _____
| __| | | _ | | | __| | | __| | | | __|
|__ |- -| | | | __| |__| __| | | | __| | | |__ |
|_____|_____|_|_|_|__| |_____|_____|_|___|_____|_____|_____|
*/
body.node-type-simplenews{
#content{
.inner-content{
@ -1859,7 +1972,13 @@ body.node-type-simplenews{
}
}
/** PAGE CONTACT */
/*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| _ | _ | __| __| | | | | |_ _| _ | |_ _|
| __| | | | __| | --| | | | | | | | | | --| | |
|__| |__|__|_____|_____| |_____|_____|_|___| |_| |__|__|_____| |_|
*/
.page-node-11175{
#main{
// background-color:#fff;
@ -1872,7 +1991,13 @@ body.node-type-simplenews{
}
} // contact
/** PRICING */
/*
_____ _____ _____ _____ _____ _____ _____
| _ | __ | | | | | | __|
| __| -|- -| --|- -| | | | | |
|__| |__|__|_____|_____|_____|_|___|_____|
*/
body.page-node-11187{
// #center{ background-color: #fff; }
@ -1986,7 +2111,13 @@ body.page-node-11187{
}
} // princing
/** ADHESION FORM */
/*
_____ ____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| _ | \| | | __| __| | | | | | __| | __ | |
| | | | | __|__ |- -| | | | | | | __| | | -| | | |
|__|__|____/|__|__|_____|_____|_____|_____|_|___| |__| |_____|__|__|_|_|_|
*/
.node-11186{
nav ul.links a.language-link { display:none; }
}
@ -2100,7 +2231,13 @@ body.page-node-11187{
}
} // adhesion
/** UC CART VIEW FORM */
/*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _ _ _ _____ _____ _____ _____
| | | | | | _ | __ |_ _| | | | | __| | | | | __| | __ | |
| | | --| | --| | -| | | | | |- -| __| | | | | __| | | -| | | |
|_____|_____| |_____|__|__|__|__| |_| \___/|_____|_____|_____| |__| |_____|__|__|_|_|_|
*/
#uc-cart-view-form{
background-color: #e6e6e6;
// @include rounded(10px);
@ -2149,7 +2286,13 @@ body.page-node-11187{
}
}
/** UC CHECKOUT FORM */
/*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| | | | | | | | __| | | | | | |_ _| | __| | __ | |
| | | --| | --| | __| --| -| | | | | | | | __| | | -| | | |
|_____|_____| |_____|__|__|_____|_____|__|__|_____|_____| |_| |__| |_____|__|__|_|_|_|
*/
#uc-cart-checkout-form{
display:inline-block;
@ -2290,7 +2433,21 @@ body.page-node-11187{
}
}
/* UC CART && UC CHECKOUT VALIDATION */
/*
_____ _____ _____ _____ _____ _____
| | | | | | _ | __ |_ _|
| | | --| | --| | -| | |
|_____|_____| |_____|__|__|__|__| |_|
&&
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ __ _____ ____ _____ _____ _____ _____ _____
| | | | | | | | __| | | | | | |_ _| | | | _ | | | | \| _ |_ _| | | | |
| | | --| | --| | __| --| -| | | | | | | | | | | |__|- -| | | | | | |- -| | | | | |
|_____|_____| |_____|__|__|_____|_____|__|__|_____|_____| |_| \___/|__|__|_____|_____|____/|__|__| |_| |_____|_____|_|___|
*/
//.page-cart,
.page-cart-checkout-review{
#content{
@ -2368,7 +2525,13 @@ body.page-node-11187{
}
/** WHO WE ARE */
/*
____ _____ ____ _____ _____ _____ _____ _____ _____ _____
| \| | \| _ | |_ _| | | | | __|
| | |- -| | | | --| | | |- -| | | | | __|
|____/|_____|____/|__|__|_____| |_| |_____|__ _|_____|_____|
|__|
*/
#didactique-page{
.node-didactique{
@ -2399,18 +2562,31 @@ body.page-node-11187{
// @media #{$small-up}{
// } // change this
} // who-we-are
}
/** DIDACTIQUE */
/*
_ _ _ _____ _____ _ _ _ _____ _____ _____ _____
| | | | | | | | | | | __| | _ | __ | __|
| | | | | | | | | | | __| | | -| __|
|_____|__|__|_____| |_____|_____| |__|__|__|__|_____|
*/
.page-whoweare{
#tool-bar{
@media #{$small-only}{
#block-materio-page-title-materio-page-title{display:none;}
} // chanhe this
}
} // didactique
}
/** maintenance */
/*
_ _
_____ ___|_|___| |_ ___ ___ ___ ___ ___ ___
| | .'| | | _| -_| | .'| | _| -_|
|_|_|_|__,|_|_|_|_| |___|_|_|__,|_|_|___|___|
*/
.maintenance-page{
#container, #header{ text-align: center; padding: 0; position:relative;}
#main{background-color: transparent; }
@ -2418,7 +2594,13 @@ body.page-node-11187{
h2.site-slogan{font-size:16px; @include fs300; margin: 0; line-height:1.1;}
}
/** FAQ */
/*
_____ _____ _____
| __| _ | |
| __| | | |
|__| |__|__|__ _|
|__|
*/
.page-faq-page #main{
background: #fff url('../img/bg-faq.png') no-repeat bottom right;
}