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

home v2: added register block and newsletter subscription

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-06-10 18:50:27 +02:00
parent 181a28cd85
commit 2fd09f23e9
6 changed files with 735 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files

858
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

File diff suppressed because it is too large Load Diff

4
sites/all/themes/gui/materiobasetheme/js/script.js
View File

@@ -81,7 +81,7 @@
checkIE();
initHistoryNav();
if(_isFrontNotLogged)
if(_isFrontNotLogged && !_isFrontHomeV2)
initHome();
if(_isFrontHomeV2)
@@ -1585,7 +1585,7 @@
function hideLabelsFromRegisterForm () {
var $this, id,label, description;
$('input.form-text', '#block-user-login, #block-materio-user-user-register, , #block-materio-user-user-createaccount').each(function(i) {
$('input.form-text', '#block-user-login, #block-materio-user-user-register, .pane-materio-user-user-register, #block-materio-user-user-createaccount').each(function(i) {
$this = $(this);
id = $this.attr('id');
label = $('label[for='+id+']').hide().text();

1
sites/all/themes/gui/materiobasetheme/scss/layout.scss
View File

@@ -170,6 +170,7 @@ $header-z-index:1000;
#footer{
@include padded;
padding-top: 2em;
}
/** NIVEAU 3 */

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

@@ -2920,6 +2920,133 @@ body.home-v2{
display:none;
}
}
&.pane-materio-user-user-register{
padding: 2em 0;
background: transparent url('../img/register-block.png') no-repeat 100% 90%;
text-align: center;
.pane-content{
@include inlineblock(); text-align: left;
}
h2, h3{@include fs900; @include italic; padding:5px 0; margin: 0; line-height: 1; @include inlineblock(); vertical-align: middle;}
h2{@include fs24;} h3{@include fs16;}
form{margin: 0 1em; padding:0px; @include inlineblock(); vertical-align: middle;}
.form-item, .form-wrapper{
margin: 0; position:relative; @include inlineblock();vertical-align: middle;
}
#edit-account{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); 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);
&.error{
background-color: #f3968d;
// border: 2px solid #f30002;
color:#fff;
}
&.ok{ display:none; }
}
.form-submit{
//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;
margin-bottom:4px;
}
.form-item-termsofservices, #edit-field-newsletter{
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; background-color:#69CDCF; color:#fff; // blanc/bleu
@include shadowTextBtnBlack();
&[disabled]{
background-color:#ddd; border: 2px solid #ddd;
}
}
}
#user-login{
.form-submit{
border: 2px solid #E6DE1C; background-color:#E6DE1C; color:#fff; // noire/jaune
@include shadowTextBtnBlack();
}
}
#edit-simplenews{
padding-top:0.5em;
.fieldset-description{
@include fs12;
}
.form-checkboxes{
.form-item{
display:block;
label{@include fs12;}
}
}
}
a.join{
@include inlineblock(); vertical-align: middle;
// display:block;
margin: 0 1em;
// width:5em;
@include fs16; padding: 0.1em 0.3em 0.2em; @include rounded(0.3em);
font-weight:bold;
border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
@include shadowTextBtnBlack();
text-align: center; text-decoration: none;
}
@media #{$small-only}{
background-position: 160% 50%;
.form-item-mail input.form-text, .form-item-name input.form-text{ width:7em;}
min-height:60px; padding: 15px 0;
// #user-login, >h3:first-child, >h3 span{ display:none; }
}
.message-error{
color:#b94a48; @include fs12;
}
.modal-content &{
padding: 0.5em 0.5em 5em 0.5em;
width:400px;
background-color: #fff;
padding:5px;
@include rounded(5px);
#user-register-form{
// hide honeypot field, because drupal.attachbehavior() doesn't work
div.homepage-textfield{display:none;}
.description{
@include fs12;
}
}
}
}
&.showroom{
@include shaddowed();
height:450px;
@@ -2980,7 +3107,7 @@ body.home-v2{
transform: scale(0.8);
position: absolute;
bottom:-120px;
right: -80px;
right: -20px;
z-index:10;
}
}
@@ -3140,9 +3267,29 @@ body.home-v2{
}
}
.view-news-home-v2{
.views-row{@include inlineblock();}
.pane-simplenews-0{
p{display:none;}
#edit-newsletters{
margin:0 0 0.5em 0;
.form-item{
@include inlineblock(); margin-right: 1em;
label, input{vertical-align: middle;}
}
}
.form-item-mail{
@include inlineblock(); margin:0;
label, input{@include inlineblock(); margin-right: 1em;}
}
#edit-subscribe, #edit-unsubscribe{@include inlineblock();}
}
// .view-news-home-v2{
// .views-row{@include inlineblock();}
// }
.node-simplenews{
@include rounded(5px); background-color: #FFF;
@include drop-shadow(0, 0, 5px, 0.2);
@@ -3164,13 +3311,13 @@ body.home-v2{
}
//deco
// &:after{
// content:url("../img/point.png");
// //transform: scale(1);
// position: absolute;
// bottom:50px;
// right: 0px;
// }
&:after{
content:url("../img/point.png");
//transform: scale(1);
position: absolute;
bottom:20px;
right: 10px;
}
}