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

personal note display for viewmode cardfull

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2017-11-29 17:14:01 +01:00
parent 8b486ffc60
commit b20732f9a8
5 changed files with 385 additions and 268 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sites/all/modules/gui/materiobasemod/js/dist/materio_personalnotes.min.js vendored
View File

@ -4,7 +4,7 @@
+'materio_personalnotes/form/'+action +'materio_personalnotes/form/'+action
+'/'+src_nid;if(action=='edit'){url+='/'+note_nid;} +'/'+src_nid;if(action=='edit'){url+='/'+note_nid;}
$.getJSON(url,function(json){trace('MaterioPersonalNotes :: '+action+' : json',json);if(json.new_note_nid){updateNoteLink($link,json.new_note_nid);} $.getJSON(url,function(json){trace('MaterioPersonalNotes :: '+action+' : json',json);if(json.new_note_nid){updateNoteLink($link,json.new_note_nid);}
showNoteForm($link,json);});return false;};function updateNoteLink($link,new_note_nid){trace('MaterioPersonalNotes :: updateNoteLink : new_note_nid',new_note_nid);$link.attr('note_nid',new_note_nid);$link.attr('href',Drupal.settings.pathPrefix+'node/'+new_note_nid+'/edit');};function showNoteForm($link,json){trace('MaterioPersonalNotes :: showNoteForm');$.event.trigger({type:"record-stat",categorie:"PersonalNotes",action:'show create form'});var $card=$link.parents('.node-materiau');if($card.is('.vm-cardmedium')||$card.is('.vm-cardbig')){var $note=$('<div class="note-wrapper"/>').append($('<div class="close"></i><div>').bind('click',function(){trace('close note');$(this).parents('.node-materiau').removeClass('note-opened');setTimeout((function(that){$(that).parents('.note-wrapper').remove();})(this),300);}));$note.append(json.rendered_form).find('textarea').focus().bind('change keyup paste',function(event){var note_nid=$(this).parents('form').find('input[name="note_nid"]').val();saveNote($(this).val(),note_nid);});$note.find('input[type="submit"], .homepage-textfield').hide();$note.appendTo($card.addClass('note-opened'));$note.find('textarea').focus();}else{}};function saveNote(text,note_nid){trace(text,'MaterioPersonalNotes :: saveNote : text');var url=Drupal.settings.basePath showNoteForm($link,json);});return false;};function updateNoteLink($link,new_note_nid){trace('MaterioPersonalNotes :: updateNoteLink : new_note_nid',new_note_nid);$link.attr('note_nid',new_note_nid);$link.attr('href',Drupal.settings.pathPrefix+'node/'+new_note_nid+'/edit');};function showNoteForm($link,json){trace('MaterioPersonalNotes :: showNoteForm');$.event.trigger({type:"record-stat",categorie:"PersonalNotes",action:'show create form'});var $card=$link.parents('.node-materiau');if($card.is('.vm-cardmedium')||$card.is('.vm-cardbig')||$card.is('.vm-cardfull')){var $note=$('<div class="note-wrapper"/>').append($('<div class="close"></i><div>').bind('click',function(){trace('close note');$(this).parents('.node-materiau').removeClass('note-opened');setTimeout((function(that){$(that).parents('.note-wrapper').remove();})(this),300);}));$note.append(json.rendered_form).find('textarea').focus().bind('change keyup paste',function(event){var note_nid=$(this).parents('form').find('input[name="note_nid"]').val();saveNote($(this).val(),note_nid);});$note.find('input[type="submit"], .homepage-textfield').hide();$note.appendTo($card.addClass('note-opened'));$note.find('textarea').focus();}else{}};function saveNote(text,note_nid){trace(text,'MaterioPersonalNotes :: saveNote : text');var url=Drupal.settings.basePath
+Drupal.settings.pathPrefix +Drupal.settings.pathPrefix
+'materio_personalnotes/save' +'materio_personalnotes/save'
+'/'+note_nid;$.post(url,{'content':text},function(data,status){trace('MaterioPersonalNotes :: save : status',status);});};init();};$(document).ready(function(){var materioflag=new MaterioPersonalNotes();});})(jQuery); +'/'+note_nid;$.post(url,{'content':text},function(data,status){trace('MaterioPersonalNotes :: save : status',status);});};init();};$(document).ready(function(){var materioflag=new MaterioPersonalNotes();});})(jQuery);

2
sites/all/modules/gui/materiobasemod/js/materio_personalnotes.js
View File

@ -98,7 +98,7 @@ MaterioPersonalNotes = function(){
var $card = $link.parents('.node-materiau'); var $card = $link.parents('.node-materiau');
if($card.is('.vm-cardmedium') || $card.is('.vm-cardbig')){ if($card.is('.vm-cardmedium') || $card.is('.vm-cardbig') || $card.is('.vm-cardfull')){
var $note = $('<div class="note-wrapper"/>') var $note = $('<div class="note-wrapper"/>')
.append($('<div class="close"></i><div>') .append($('<div class="close"></i><div>')
.bind('click', function(){ .bind('click', function(){

2
sites/all/modules/gui/materiobasemod/materio_personalnotes.module
View File

@ -65,7 +65,7 @@ function materio_personalnotes_menu(){
*/ */
function materio_personalnotes_entity_view($entity, $type, $view_mode, $langcode) { function materio_personalnotes_entity_view($entity, $type, $view_mode, $langcode) {
// dsm($entity, 'entity'); // dsm($entity, 'entity');
if($type == 'node' && $entity->type == "materiau"){ if($type == 'node' && $entity->type == "materiau" && in_array($view_mode, array('cardmedium', 'cardbig', 'cardfull'))){
if(user_access('create own personal notes') && $view_mode != 'print'){ if(user_access('create own personal notes') && $view_mode != 'print'){
$entity->content['personalnotelink'] = materio_personalnotes_get_note_link($entity); $entity->content['personalnotelink'] = materio_personalnotes_get_note_link($entity);

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

@ -4305,8 +4305,6 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
transition: -webkit-box-shadow 0.3s ease-out; transition: -webkit-box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
margin: 3px; } margin: 3px; }
article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side { article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side {
border-radius: 5px; border-radius: 5px;
@ -4482,45 +4480,62 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
-webkit-transition: text-shadow 0s ease-out; -webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened { article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium, article.node-breve.vm-bookmark.node-materiau.vm-cardbig {
width: 114px; } -webkit-transition: width 0.3s ease-in-out;
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened > div.side { transition: width 0.3s ease-in-out; }
width: 50px; } article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened {
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened nav.nav { width: 114px; }
border-radius: 0 0 0 3px; } article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened > div.side {
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper { width: 50px; }
width: 64px; article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened nav.nav {
height: 70px; border-radius: 0 0 0 3px; }
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper {
z-index: 10;
position: absolute; }
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper .close, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper .close {
position: absolute; position: absolute;
top: 0; width: 15px;
right: 0; } height: 15px;
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .close { top: 5px;
position: absolute; right: 5px;
width: 15px; background-color: #fff !important;
height: 15px; background-image: url(../img/close2.png);
top: 5px; background-size: contain;
right: 5px; background-position: center;
background-color: #fff !important; cursor: pointer; }
background-image: url(../img/close2.png); article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item {
background-size: contain; margin: 0; }
background-position: center; article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper label, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper label {
cursor: pointer; } height: 20px;
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item { font-size: 14px;
margin: 0; } margin: 0 5px;
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper label { line-height: 1.6; }
height: 20px; article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper textarea {
font-size: 14px; border: #ccc 1px solid;
margin: 0 5px; resize: none;
line-height: 1.6; } padding: 5px;
article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper textarea { margin: 5px;
border: #ccc 1px solid; font-size: 12px; }
border-radius: 0 7px 7px 0; article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened .note-wrapper {
resize: none; width: 64px;
padding: 5px; height: 70px;
margin: 5px; top: 0;
height: 40px; right: 0; }
width: 54px; article.node-materiau.vm-bookmark.node-materiau.vm-cardmedium.note-opened textarea, article.node-materiau.vm-bookmark.node-materiau.vm-cardbig.note-opened textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardmedium.note-opened textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardbig.note-opened textarea {
font-size: 12px; } width: 54px;
border-radius: 0 7px 7px 0;
height: 40px; }
article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened .note-wrapper {
width: 25px;
left: 0;
height: 35px;
top: 35px;
background-color: #fff;
border-radius: 0 0 0 7px; }
article.node-materiau.vm-bookmark.node-materiau.vm-cardfull.note-opened textarea, article.node-breve.vm-bookmark.node-materiau.vm-cardfull.note-opened textarea {
width: 15px;
border-radius: 0 0 0 7px;
height: 5px; }
article.node-materiau.vm-bookmark .group-header, article.node-breve.vm-bookmark .group-header { article.node-materiau.vm-bookmark .group-header, article.node-breve.vm-bookmark .group-header {
display: none; } display: none; }
article.node-materiau.vm-bookmark .group-images, article.node-breve.vm-bookmark .group-images { article.node-materiau.vm-bookmark .group-images, article.node-breve.vm-bookmark .group-images {
@ -4562,9 +4577,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
-webkit-transition: -webkit-box-shadow 0.3s ease-out; -webkit-transition: -webkit-box-shadow 0.3s ease-out;
transition: -webkit-box-shadow 0.3s ease-out; transition: -webkit-box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out; }
article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side { article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side {
border-radius: 5px; border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
@ -4739,45 +4752,62 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
-webkit-transition: text-shadow 0s ease-out; -webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened { article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig {
width: 214px; } -webkit-transition: width 0.3s ease-in-out;
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened > div.side { transition: width 0.3s ease-in-out; }
width: 100px; } article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened {
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened nav.nav { width: 214px; }
border-radius: 0 0 0 3px; } article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened > div.side {
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper { width: 100px; }
width: 114px; article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened nav.nav {
height: 140px; border-radius: 0 0 0 3px; }
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper {
z-index: 10;
position: absolute; }
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper .close, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper .close {
position: absolute; position: absolute;
top: 0; width: 15px;
right: 0; } height: 15px;
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .close { top: 5px;
position: absolute; right: 5px;
width: 15px; background-color: #fff !important;
height: 15px; background-image: url(../img/close2.png);
top: 5px; background-size: contain;
right: 5px; background-position: center;
background-color: #fff !important; cursor: pointer; }
background-image: url(../img/close2.png); article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item {
background-size: contain; margin: 0; }
background-position: center; article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper label, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper label {
cursor: pointer; } height: 20px;
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item { font-size: 14px;
margin: 0; } margin: 0 5px;
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper label { line-height: 1.6; }
height: 20px; article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper textarea {
font-size: 14px; border: #ccc 1px solid;
margin: 0 5px; resize: none;
line-height: 1.6; } padding: 5px;
article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper textarea { margin: 5px;
border: #ccc 1px solid; font-size: 12px; }
border-radius: 0 7px 7px 0; article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened .note-wrapper {
resize: none; width: 114px;
padding: 5px; height: 140px;
margin: 5px; top: 0;
height: 110px; right: 0; }
width: 104px; article.node-materiau.vm-cardsmall.node-materiau.vm-cardmedium.note-opened textarea, article.node-materiau.vm-cardsmall.node-materiau.vm-cardbig.note-opened textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardmedium.note-opened textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardbig.note-opened textarea {
font-size: 12px; } width: 104px;
border-radius: 0 7px 7px 0;
height: 110px; }
article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened .note-wrapper {
width: 50px;
left: 0;
height: 70px;
top: 70px;
background-color: #fff;
border-radius: 0 0 0 7px; }
article.node-materiau.vm-cardsmall.node-materiau.vm-cardfull.note-opened textarea, article.node-breve.vm-cardsmall.node-materiau.vm-cardfull.note-opened textarea {
width: 40px;
border-radius: 0 0 0 7px;
height: 40px; }
article.node-materiau.vm-cardsmall .group-header, article.node-breve.vm-cardsmall .group-header { article.node-materiau.vm-cardsmall .group-header, article.node-breve.vm-cardsmall .group-header {
display: none; display: none;
position: absolute; position: absolute;
@ -4885,9 +4915,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
-webkit-transition: -webkit-box-shadow 0.3s ease-out; -webkit-transition: -webkit-box-shadow 0.3s ease-out;
transition: -webkit-box-shadow 0.3s ease-out; transition: -webkit-box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out; }
article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side { article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side {
border-radius: 5px; border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
@ -5062,45 +5090,62 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
-webkit-transition: text-shadow 0s ease-out; -webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened { article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig {
width: 434px; } -webkit-transition: width 0.3s ease-in-out;
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened > div.side { transition: width 0.3s ease-in-out; }
width: 210px; } article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened {
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened nav.nav { width: 434px; }
border-radius: 0 0 0 3px; } article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened > div.side {
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper { width: 210px; }
width: 224px; article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened nav.nav {
height: 295px; border-radius: 0 0 0 3px; }
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper {
z-index: 10;
position: absolute; }
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper .close, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper .close {
position: absolute; position: absolute;
top: 0; width: 15px;
right: 0; } height: 15px;
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .close { top: 5px;
position: absolute; right: 5px;
width: 15px; background-color: #fff !important;
height: 15px; background-image: url(../img/close2.png);
top: 5px; background-size: contain;
right: 5px; background-position: center;
background-color: #fff !important; cursor: pointer; }
background-image: url(../img/close2.png); article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item {
background-size: contain; margin: 0; }
background-position: center; article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper label, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper label {
cursor: pointer; } height: 20px;
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item { font-size: 14px;
margin: 0; } margin: 0 5px;
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper label { line-height: 1.6; }
height: 20px; article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper textarea {
font-size: 14px; border: #ccc 1px solid;
margin: 0 5px; resize: none;
line-height: 1.6; } padding: 5px;
article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper textarea { margin: 5px;
border: #ccc 1px solid; font-size: 12px; }
border-radius: 0 7px 7px 0; article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened .note-wrapper {
resize: none; width: 224px;
padding: 5px; height: 295px;
margin: 5px; top: 0;
height: 265px; right: 0; }
width: 214px; article.node-materiau.vm-cardmedium.node-materiau.vm-cardmedium.note-opened textarea, article.node-materiau.vm-cardmedium.node-materiau.vm-cardbig.note-opened textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardmedium.note-opened textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardbig.note-opened textarea {
font-size: 12px; } width: 214px;
border-radius: 0 7px 7px 0;
height: 265px; }
article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened .note-wrapper {
width: 105px;
left: 0;
height: 147.5px;
top: 147.5px;
background-color: #fff;
border-radius: 0 0 0 7px; }
article.node-materiau.vm-cardmedium.node-materiau.vm-cardfull.note-opened textarea, article.node-breve.vm-cardmedium.node-materiau.vm-cardfull.note-opened textarea {
width: 95px;
border-radius: 0 0 0 7px;
height: 117.5px; }
article.node-materiau.vm-cardmedium .side, article.node-breve.vm-cardmedium .side { article.node-materiau.vm-cardmedium .side, article.node-breve.vm-cardmedium .side {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -5304,9 +5349,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
-webkit-transition: -webkit-box-shadow 0.3s ease-out; -webkit-transition: -webkit-box-shadow 0.3s ease-out;
transition: -webkit-box-shadow 0.3s ease-out; transition: -webkit-box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out; }
article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side { article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side {
border-radius: 5px; border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
@ -5481,45 +5524,62 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
-webkit-transition: text-shadow 0s ease-out; -webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened { article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium, article.node-breve.vm-cardbig.node-materiau.vm-cardbig {
width: 864px; } -webkit-transition: width 0.3s ease-in-out;
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened > div.side { transition: width 0.3s ease-in-out; }
width: 425px; } article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened {
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened nav.nav { width: 864px; }
border-radius: 0 0 0 3px; } article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened > div.side {
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper { width: 425px; }
width: 439px; article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened nav.nav {
height: 610px; border-radius: 0 0 0 3px; }
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper {
z-index: 10;
position: absolute; }
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper .close, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper .close {
position: absolute; position: absolute;
top: 0; width: 15px;
right: 0; } height: 15px;
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .close { top: 5px;
position: absolute; right: 5px;
width: 15px; background-color: #fff !important;
height: 15px; background-image: url(../img/close2.png);
top: 5px; background-size: contain;
right: 5px; background-position: center;
background-color: #fff !important; cursor: pointer; }
background-image: url(../img/close2.png); article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item {
background-size: contain; margin: 0; }
background-position: center; article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper label, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper label {
cursor: pointer; } height: 20px;
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item { font-size: 14px;
margin: 0; } margin: 0 5px;
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper label { line-height: 1.6; }
height: 20px; article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper textarea {
font-size: 14px; border: #ccc 1px solid;
margin: 0 5px; resize: none;
line-height: 1.6; } padding: 5px;
article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper textarea { margin: 5px;
border: #ccc 1px solid; font-size: 12px; }
border-radius: 0 7px 7px 0; article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened .note-wrapper {
resize: none; width: 439px;
padding: 5px; height: 610px;
margin: 5px; top: 0;
height: 580px; right: 0; }
width: 429px; article.node-materiau.vm-cardbig.node-materiau.vm-cardmedium.note-opened textarea, article.node-materiau.vm-cardbig.node-materiau.vm-cardbig.note-opened textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardmedium.note-opened textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardbig.note-opened textarea {
font-size: 12px; } width: 429px;
border-radius: 0 7px 7px 0;
height: 580px; }
article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened .note-wrapper {
width: 212.5px;
left: 0;
height: 305px;
top: 305px;
background-color: #fff;
border-radius: 0 0 0 7px; }
article.node-materiau.vm-cardbig.node-materiau.vm-cardfull.note-opened textarea, article.node-breve.vm-cardbig.node-materiau.vm-cardfull.note-opened textarea {
width: 202.5px;
border-radius: 0 0 0 7px;
height: 275px; }
article.node-materiau.vm-cardbig > .side, article.node-breve.vm-cardbig > .side { article.node-materiau.vm-cardbig > .side, article.node-breve.vm-cardbig > .side {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -5718,8 +5778,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
transition: -webkit-box-shadow 0.3s ease-out; transition: -webkit-box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
font-size: 0px; } font-size: 0px; }
article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side { article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side {
border-radius: 5px; border-radius: 5px;
@ -5895,45 +5953,62 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
-webkit-transition: text-shadow 0s ease-out; -webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened { article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium, article.node-breve.vm-cardfull.node-materiau.vm-cardbig {
width: 1714px; } -webkit-transition: width 0.3s ease-in-out;
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened > div.side { transition: width 0.3s ease-in-out; }
width: 850px; } article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened {
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened nav.nav { width: 1714px; }
border-radius: 0 0 0 3px; } article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened > div.side, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened > div.side, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened > div.side, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened > div.side {
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper { width: 850px; }
width: 864px; article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened nav.nav, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened nav.nav, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened nav.nav {
height: 610px; border-radius: 0 0 0 3px; }
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper {
z-index: 10;
position: absolute; }
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper .close, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper .close {
position: absolute; position: absolute;
top: 0; width: 15px;
right: 0; } height: 15px;
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .close, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .close { top: 5px;
position: absolute; right: 5px;
width: 15px; background-color: #fff !important;
height: 15px; background-image: url(../img/close2.png);
top: 5px; background-size: contain;
right: 5px; background-position: center;
background-color: #fff !important; cursor: pointer; }
background-image: url(../img/close2.png); article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item {
background-size: contain; margin: 0; }
background-position: center; article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper label, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper label {
cursor: pointer; } height: 20px;
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item { font-size: 14px;
margin: 0; } margin: 0 5px;
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper label, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper label, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper label { line-height: 1.6; }
height: 20px; article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper textarea {
font-size: 14px; border: #ccc 1px solid;
margin: 0 5px; resize: none;
line-height: 1.6; } padding: 5px;
article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper textarea { margin: 5px;
border: #ccc 1px solid; font-size: 12px; }
border-radius: 0 7px 7px 0; article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened .note-wrapper {
resize: none; width: 864px;
padding: 5px; height: 610px;
margin: 5px; top: 0;
height: 580px; right: 0; }
width: 854px; article.node-materiau.vm-cardfull.node-materiau.vm-cardmedium.note-opened textarea, article.node-materiau.vm-cardfull.node-materiau.vm-cardbig.note-opened textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardmedium.note-opened textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardbig.note-opened textarea {
font-size: 12px; } width: 854px;
border-radius: 0 7px 7px 0;
height: 580px; }
article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened .note-wrapper {
width: 425px;
left: 0;
height: 305px;
top: 305px;
background-color: #fff;
border-radius: 0 0 0 7px; }
article.node-materiau.vm-cardfull.node-materiau.vm-cardfull.note-opened textarea, article.node-breve.vm-cardfull.node-materiau.vm-cardfull.note-opened textarea {
width: 415px;
border-radius: 0 0 0 7px;
height: 275px; }
article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav { article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
top: 0; } top: 0; }
article.node-materiau.vm-cardfull > *, article.node-breve.vm-cardfull > * { article.node-materiau.vm-cardfull > *, article.node-breve.vm-cardfull > * {
@ -6079,8 +6154,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
transition: -webkit-box-shadow 0.3s ease-out; transition: -webkit-box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
width: 1024px; width: 1024px;
padding: 1em; } padding: 1em; }
.print-node-materiau > div.side { .print-node-materiau > div.side {
@ -6257,45 +6330,62 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
-webkit-transition: text-shadow 0s ease-out; -webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.print-node-materiau.node-materiau.vm-cardmedium.note-opened, .print-node-materiau.node-materiau.vm-cardbig.note-opened { .print-node-materiau.node-materiau.vm-cardmedium, .print-node-materiau.node-materiau.vm-cardbig {
width: 1714px; } -webkit-transition: width 0.3s ease-in-out;
.print-node-materiau.node-materiau.vm-cardmedium.note-opened > div.side, .print-node-materiau.node-materiau.vm-cardbig.note-opened > div.side { transition: width 0.3s ease-in-out; }
width: 850px; } .print-node-materiau.node-materiau.vm-cardmedium.note-opened, .print-node-materiau.node-materiau.vm-cardbig.note-opened {
.print-node-materiau.node-materiau.vm-cardmedium.note-opened nav.nav, .print-node-materiau.node-materiau.vm-cardbig.note-opened nav.nav { width: 1714px; }
border-radius: 0 0 0 3px; } .print-node-materiau.node-materiau.vm-cardmedium.note-opened > div.side, .print-node-materiau.node-materiau.vm-cardbig.note-opened > div.side {
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper { width: 850px; }
width: 864px; .print-node-materiau.node-materiau.vm-cardmedium.note-opened nav.nav, .print-node-materiau.node-materiau.vm-cardbig.note-opened nav.nav {
height: auto; border-radius: 0 0 0 3px; }
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper, .print-node-materiau.node-materiau.vm-cardfull.note-opened .note-wrapper {
z-index: 10;
position: absolute; }
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper .close, .print-node-materiau.node-materiau.vm-cardfull.note-opened .note-wrapper .close {
position: absolute; position: absolute;
top: 0; width: 15px;
right: 0; } height: 15px;
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper .close, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper .close { top: 5px;
position: absolute; right: 5px;
width: 15px; background-color: #fff !important;
height: 15px; background-image: url(../img/close2.png);
top: 5px; background-size: contain;
right: 5px; background-position: center;
background-color: #fff !important; cursor: pointer; }
background-image: url(../img/close2.png); .print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item, .print-node-materiau.node-materiau.vm-cardfull.note-opened .note-wrapper .form-item {
background-size: contain; margin: 0; }
background-position: center; .print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper label, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper label, .print-node-materiau.node-materiau.vm-cardfull.note-opened .note-wrapper label {
cursor: pointer; } height: 20px;
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper .form-item, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper .form-item { font-size: 14px;
margin: 0; } margin: 0 5px;
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper label, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper label { line-height: 1.6; }
height: 20px; .print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper textarea, .print-node-materiau.node-materiau.vm-cardfull.note-opened .note-wrapper textarea {
font-size: 14px; border: #ccc 1px solid;
margin: 0 5px; resize: none;
line-height: 1.6; } padding: 5px;
.print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper textarea, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper textarea { margin: 5px;
border: #ccc 1px solid; font-size: 12px; }
border-radius: 0 7px 7px 0; .print-node-materiau.node-materiau.vm-cardmedium.note-opened .note-wrapper, .print-node-materiau.node-materiau.vm-cardbig.note-opened .note-wrapper {
resize: none; width: 864px;
padding: 5px; height: auto;
margin: 5px; top: 0;
height: auto-10px-20px; right: 0; }
width: 854px; .print-node-materiau.node-materiau.vm-cardmedium.note-opened textarea, .print-node-materiau.node-materiau.vm-cardbig.note-opened textarea {
font-size: 12px; } } width: 854px;
border-radius: 0 7px 7px 0;
height: auto-10px-20px; }
.print-node-materiau.node-materiau.vm-cardfull.note-opened .note-wrapper {
width: 425px;
left: 0;
height: auto/2;
top: auto/2;
background-color: #fff;
border-radius: 0 0 0 7px; }
.print-node-materiau.node-materiau.vm-cardfull.note-opened textarea {
width: 415px;
border-radius: 0 0 0 7px;
height: auto/2-10px-20px; } }
.print-content .node-materiau.vm-print { .print-content .node-materiau.vm-print {
margin: 0; margin: 0;

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

@ -1603,27 +1603,31 @@ $cardmargin:7px;
} }
// NOTES // NOTES
transition: width 0.3s ease-in-out; $note_label_h:20px;
&.node-materiau.vm-cardmedium,
&.node-materiau.vm-cardbig{
transition: width 0.3s ease-in-out;
&.note-opened{
>div.side{
width:$w;
}
width:$w*2+$cardmargin*2;
nav.nav{
border-radius: 0 0 0 3px;
}
}
}
&.node-materiau.vm-cardmedium.note-opened, &.node-materiau.vm-cardmedium.note-opened,
&.node-materiau.vm-cardbig.note-opened{ &.node-materiau.vm-cardbig.note-opened,
&.node-materiau.vm-cardfull.note-opened{
>div.side{
width:$w;
}
width:$w*2+$cardmargin*2;
nav.nav{
border-radius: 0 0 0 3px;
}
.note-wrapper{ .note-wrapper{
width:$w+$cardmargin*2; height:$h; z-index:10; position :absolute;
position :absolute; top:0; right:0;
.close{ .close{
position: absolute; position: absolute;
width:15px; height:15px; top:5px; right:5px; width:15px; height:15px;
// padding: 3px 3px 0 0; top:5px; right:5px;
// border-radius: 0 7px 0 0;
background-color: #fff!important; background-color: #fff!important;
background-image: url(../img/close2.png); background-image: url(../img/close2.png);
background-size: contain; background-size: contain;
@ -1633,25 +1637,48 @@ $cardmargin:7px;
.form-item{ .form-item{
margin:0; margin:0;
} }
$label_h:20px;
label{ label{
// display: none; // display: none;
height:$label_h; height:$note_label_h;
@include fs14; @include fs14;
margin:0 5px; margin:0 5px;
line-height: 1.6; line-height: 1.6;
} }
textarea{ textarea{
border: #ccc 1px solid; border: #ccc 1px solid;
border-radius: 0 7px 7px 0;
resize:none; resize:none;
padding:5px; margin:5px; padding:5px; margin:5px;
height:$h - 10px - $label_h;
width:$w+$cardmargin*2 - 10px;
@include fs12; @include fs12;
} }
} }
} }
&.node-materiau.vm-cardmedium.note-opened,
&.node-materiau.vm-cardbig.note-opened{
.note-wrapper{
width:$w+$cardmargin*2; height:$h;
top:0; right:0;
}
textarea{
width:$w+$cardmargin*2 - 10px;
border-radius: 0 7px 7px 0;
height:$h - 10px - $note_label_h;
}
}
&.node-materiau.vm-cardfull.note-opened{
.note-wrapper{
width:$w / 2;
left:0;
height:$h / 2;
top:$h / 2;
background-color: #fff;
border-radius: 0 0 0 7px;
}
textarea{
width:$w / 2 - 10px;
border-radius: 0 0 0 7px;
height:$h / 2 - 10px - $note_label_h;
}
}
}// .card() }// .card()
/* /*