.separate_alt1{ border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(255,255,255,0.1); @include box-shadow(0px, -3px, 20px, rgba(0, 0, 0, 0.2)); } /* blocks.css */ .portlet_place_holder{ width:100%; height:15px; } .col{ min-height:300px; } .portlet{ position:relative; border:1px solid rgba(127,127,127,0); &.ui-state-disabled{ opacity:1; } } .portlet .move{ cursor:pointer; } .portlet .actions{ position:absolute; top:-15px; left:20px; padding :0px 5px 0px 5px; display:none; border:1px solid rgb(70,70,70); background:rgba(250,250,250,1); border-radius:10px; text-align:center; } .portlet .actions img{ margin:5px; } .portlet_hover { border:1px dotted rgb(127,127,127); } .portlet_hover > .actions{ display:block; } .portlet .render_admin{ padding:1px; padding:0px 10px 0px 10px; } .portlet .render_admin.render_admin_block_content{ padding:0px ; } .portlet .render_admin.render_admin_block_content .col_1{ padding-right:11px; margin-right:0px; //border-right:1px dotted rgb(127,127,127); } .portlet .render_admin.render_admin_block_content{ min-height:100px; } .portlet .render_admin.render_admin_block_content .col_2{ padding-right:-11px; } .portlet_hover .render_admin.render_admin_block_content .col_1{ //border-right:1px solid rgb(127,127,127); } .portlet.portlet_table_content { border:1px solid white; } .portlet .render_admin.render_admin_table_content .table_content_cel{ border:1px solid rgb(127,127,127); vertical-align:top; padding:5px; } .portlet .render_admin.render_admin_table_content .add_cel{ width:12px; text-align:center; } .portlet .render_admin.render_admin_table_content .add_col{ text-align:center; } .portlet .render_admin.render_admin_table_content { padding: 0px 0px 0px 0px; } .portlet .render_admin.render_admin_table_content .innerWrapper:hover .row_menu{ display:block; } .portlet .render_admin.render_admin_table_content .innerWrapper:hover .col_menu{ display:block; } .portlet .render_admin.render_admin_table_content .row_menu{ position:absolute; top:6px; right:6px; z-index:800; display:none; } .portlet .render_admin.render_admin_table_content .row_menu a{ display:block; width:200px; padding:5px; background:rgba(0,0,0,0.8); color:#eff2f2; border:1px solid #444444; border-bottom:none; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } .portlet .render_admin.render_admin_table_content .row_menu a:last-child{ border-bottom:1px solid #444444; } .portlet .render_admin.render_admin_table_content .row_menu a:hover{ background-color:rgba(131,131,131,0.9); color:black; } .portlet .render_admin.render_admin_table_content .col_menu{ position:absolute; top:6px; left:6px; z-index:800; display:none; } .portlet .render_admin.render_admin_table_content .col_menu a{ display:block; width:200px; padding:5px; background:rgba(0,0,0,0.8); color:#eff2f2; border:1px solid #444444; border-bottom:none; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } .portlet .render_admin.render_admin_table_content .col_menu a:last-child{ border-bottom:1px solid #444444; } .portlet .render_admin.render_admin_table_content .col_menu a:hover{ background-color:rgba(131,131,131,0.9); color:black; } .portlet .render_admin.render_admin_table_content .innerWrapper{ cursor:pointer; position:relative; } #content_types_draggables{ text-align:center; position:fixed; bottom:-13px; right:0px; left:0px; z-index:800; background:rgba(0,0,0,0.8); } .content_types_draggable{ display:inline-block; cursor:pointer; width:60px; } .content_types_draggable img{ width:70px; position:relative; top:-5px; left:-5px; } #new_portlet_form_inline{ padding:10px; background:#E9F2F9; } #edit_portlet_content_form{ padding:10px; background:url('/assets/bg-green.jpg'); } .portlet_receptable_hover{ background:#B7DF63; } .slide{ margin:10px; padding:5px; border:1px solid RGB(34,34,34); } .slide .image_file{ float:right; } /* data_files.css */ #data_files_big_container{ width:100%; background:red; position:absolute; top:34px; left:0px; right:0px; bottom:0px; } #manager_box #data_files_big_container{ top:0px; } #data_files_big_container #sidebar{ width:209px; border-right:1px solid #adb5ba; background:#d7d9dc; position:absolute; bottom:34px; top:0px; left:0px; } #data_files_big_container #sidebar #file_folders a.file_folder_highlight{ cursor:pointer; background:RGB(217,233,245); } #data_files_big_container #sidebar #file_folders a.active.file_folder_highlight{ cursor:pointer; background:RGB(217,233,245); } #data_files_big_container #sidebar #file_folders a{ display:block; padding:6px; border-bottom:1px solid #9ca6ab; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } #data_files_big_container #sidebar #file_folders a.active{ background-color:RGBA(46,119,187,0.9); color:white; border-bottom:1px solid RGBA(46,119,187,0.9); } #data_files_big_container #sidebar #file_folders a:hover{ background-color:RGBA(46,119,187,0.5); color:white; border-bottom:1px solid RGBA(46,119,187,0.5); } #data_files_big_container #main_workspace_view{ background:#eff2f2; position:absolute; top:0px; left:210px; bottom:0px; right:0px; padding-bottom:34px; } /* Grille des images */ #data_files_big_container #main_workspace_view #data_files_container { background:#eff2f2; position:absolute; top:0px; left:0px; bottom:0px; right:0px; overflow:auto; padding-bottom:34px; table{ margin:0px; td{ border:0px; } } } #data_files_big_container #main_workspace_view .data_file { margin:2px; padding:4px ; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.5s; /* standardisé */ transition-property: background-color; transition-duration: 0.5s; } #data_files_big_container #main_workspace_view .data_file:hover{ background:RGB(230,230,230); } #data_files_big_container #main_workspace_view #data_files_container #data_files .data_file.active { background-color:RGBA(46,119,187,0.3); } /* Aperçu des images */ #data_files_big_container #main_workspace_view #data_file_container { background:RGB(239,242,242); position:absolute; top:0px; left:0px; bottom:0px; right:0px; display:none; padding-bottom:34px; } #data_files_big_container #main_workspace_view #data_file_container.data_file_container_active{ display:block; } #data_files_big_container #main_workspace_view #data_file_container .img{ position:absolute; top:20px; bottom:254px; left:20px; right:20px; background-position:center center; background-repeat:no-repeat; background-size: contain; -moz-background-size: contain; /* Gecko 1.9.2 (Firefox 3.6) */ -webkit-background-size: contain;/* Safari 3.0 */ } #data_files_big_container #main_workspace_view #data_file_container .form{ position:absolute; bottom:34px; height:180px; left:0px; right:0px; background-color:RGBA(215,217,220,0.3); border-top:1px solid #d7d9dc; padding:10px; color:#232424; } #data_files_big_container #main_workspace_view #data_file_container .form input[type=text]{ border:0px; background:transparent; } #data_files_big_container #main_workspace_view #data_file_container .form input[type=text]:focus{ border:0px; background:white; } #data_files_big_container #main_workspace_view #data_file_container .form textarea{ border:0px; background:transparent; } #data_files_big_container #main_workspace_view #data_file_container .form textarea:focus{ border:0px; background:white; } #data_files_big_container #main_workspace_view #data_file_container .form .submit_tr{ display:none; } #data_files_big_container #main_workspace_view #data_file_container .close_link{ width:29px; height:29px; background-image : url("/images/quartz_admin/button_close.png"); background-repeat:no-repeat; background-position:top; position:absolute; top:5px; left:5px; cursor:pointer; } #data_files_big_container #main_workspace_view #data_file_container .close_link:hover{ background-image : url("/images/quartz_admin/button_close.png"); background-position:bottom; cursor:pointer; } #data_files_big_container #right_bar #multiple_selection{ color:#eff2f2; position:absolute; top:0px; left:10px; padding:9px; width:200px; cursor:pointer; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } #data_files_big_container #right_bar #multiple_selection:hover{ background-color:rgba(131,131,131,0.3); } #data_files_big_container #left_buttons{ width:210px; background:#d7d9dc; position:absolute; height:33px; bottom:0px; border-top:1px solid #adb5ba; left:0px; } #data_files_big_container #left_buttons #add_file_folder{ position:absolute; top:7px; left:10px; } #data_files_big_container #left_buttons #remove_current_file_folder{ position:absolute; top:7px; right:40px; } #data_files_big_container #left_buttons #edit_current_file_folder{ position:absolute; top:7px; right:10px; } #data_files_big_container #right_bar_clone{ background:rgba(0,0,0,0.8); position:absolute; height:34px; bottom:0px; left:0px; right:0px; } #data_files_big_container #right_bar_clone #right_bar_clone_buttons_left{ position:absolute; top:9px; left:10px; } #data_files_big_container #right_bar{ background:rgba(0,0,0,0.8); position:absolute; height:34px; bottom:0px; left:210px; right:0px; } #data_files_big_container #right_bar #data_file_form{ position:absolute; top:0px; left:240px; } #data_files_big_container #right_bar #data_file_form .file_upload { position: relative; overflow: hidden; padding:9px; width:250px; cursor:pointer; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; direction: ltr; cursor: pointer; text-align: left; color:#eff2f2; } #data_files_big_container #right_bar #data_file_form .file_upload:hover { background-color:rgba(131,131,131,0.3); } .file_upload_highlight { background-color: rgba(106,191,6,0.2); } #data_files_big_container #right_bar #data_file_queue{ position:absolute; left:240px; bottom:33px; color:#eff2f2; width:50%; background:rgba(0,0,0,0.9); border:1px solid #444444; border-top:0px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } #data_files_big_container #right_bar #data_file_queue #files{ margin:0px; } #data_files_big_container #right_bar #data_file_queue #files td{ color:#eff2f2; padding:5px; } #data_files_big_container #right_bar #grid_slider{ position:absolute; right:20px; top:15px; width:150px; height:3px; background:#191919; border:1px solid #444444; border-radius:2px; } #data_files_big_container #right_bar #grid_slider .ui-slider-handle{ border-radius:6px; height:10px; width:10px; cursor:pointer; background:#838383; } #data_files_big_container #right_bar #multiple_selection #multiple_menu{ position:absolute; left:0px; bottom:31px; height:0px; width:216px; background:rgba(0,0,0,0.9); border:1px solid #444444; border-top:0px; overflow:hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } #data_files_big_container #right_bar #multiple_selection #multiple_menu a{ display:block; padding:9px; border-top:1px solid #444444; color:#eff2f2; cursor:pointer; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } #data_files_big_container #right_bar #multiple_selection #multiple_menu a:hover{ background-color:rgba(131,131,131,0.3); } #data_files_big_container #right_bar #multiple_selection:hover #multiple_menu{ height:auto; } /* image_files.css */ #image_files_big_container{ width:100%; background:red; position:absolute; top:34px; left:0px; right:0px; bottom:0px; } #manager_box #image_files_big_container{ top:0px; } #image_files_big_container #sidebar{ width:209px; border-right:1px solid #adb5ba; background:#d7d9dc; position:absolute; bottom:34px; top:0px; left:0px; } #image_files_big_container #sidebar #albums a.album_highlight{ cursor:pointer; background:RGB(217,233,245); } #image_files_big_container #sidebar #albums a.active.album_highlight{ cursor:pointer; background:RGB(217,233,245); } #image_files_big_container #sidebar #albums a{ display:block; padding:6px; border-bottom:1px solid #9ca6ab; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } #image_files_big_container #sidebar #albums a.active{ background-color:RGBA(46,119,187,0.9); color:white; border-bottom:1px solid RGBA(46,119,187,0.9); } #image_files_big_container #sidebar #albums a:hover{ background-color:RGBA(46,119,187,0.5); color:white; border-bottom:1px solid RGBA(46,119,187,0.5); } #image_files_big_container #main_workspace_view{ background:#eff2f2; position:absolute; top:0px; left:210px; bottom:0px; right:0px; padding-bottom:34px; } /* Grille des images */ #image_files_big_container #main_workspace_view #image_files_container { background:#eff2f2; position:absolute; top:0px; left:0px; bottom:0px; right:0px; overflow:auto; padding-bottom:34px; } #image_files_big_container #main_workspace_view .image_file .img { text-align:center; width:150px; height:150px; margin:0px; } #image_files_big_container #main_workspace_view .image_file .name { padding:4px 0px 2px 0px; font-size:10px; text-align:center; } #image_files_big_container #main_workspace_view .image_file { float:left; padding:8px; margin:2px; border:4px solid #eff2f2; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.5s; /* standardisé */ transition-property: background-color; transition-duration: 0.5s; } #image_files_big_container #main_workspace_view #image_files_container #image_files .image_file.active { background-color:RGBA(46,119,187,0.3); } /* Aperçu des images */ #image_files_big_container #main_workspace_view #image_file_container { background:RGB(239,242,242); position:absolute; top:0px; left:0px; bottom:0px; right:0px; display:none; padding-bottom:34px; } #image_files_big_container #main_workspace_view #image_file_container.image_file_container_active{ display:block; } #image_files_big_container #main_workspace_view #image_file_container .img{ position:absolute; top:20px; bottom:254px; left:20px; right:20px; background-position:center center; background-repeat:no-repeat; background-size: contain; -moz-background-size: contain; /* Gecko 1.9.2 (Firefox 3.6) */ -webkit-background-size: contain;/* Safari 3.0 */ } #image_files_big_container #main_workspace_view #image_file_container .form{ position:absolute; bottom:34px; height:180px; left:0px; right:0px; background-color:RGBA(215,217,220,0.3); border-top:1px solid #d7d9dc; padding:10px; color:#232424; } #image_files_big_container #main_workspace_view #image_file_container .form input[type=text]{ border:0px; background:transparent; } #image_files_big_container #main_workspace_view #image_file_container .form input[type=text]:focus{ border:0px; background:white; } #image_files_big_container #main_workspace_view #image_file_container .form textarea{ border:0px; background:transparent; } #image_files_big_container #main_workspace_view #image_file_container .form textarea:focus{ border:0px; background:white; } #image_files_big_container #main_workspace_view #image_file_container .form .submit_tr{ display:none; } #image_files_big_container #main_workspace_view #image_file_container .close_link{ width:24px; height:24px; background-image : url("/assets/iconic/gray_light/x_alt_24x24.png"); background-repeat:no-repeat; background-position:top; position:absolute; top:5px; left:5px; cursor:pointer; } #image_files_big_container #main_workspace_view #image_file_container .close_link:hover{ background-image : url("/assets/shared/iconic/gray_dark/x_alt_24x24.png"); background-position:bottom; cursor:pointer; } #image_files_big_container #right_bar #multiple_selection{ color:#eff2f2; position:absolute; top:0px; left:10px; padding:9px; width:200px; cursor:pointer; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; } #image_files_big_container #right_bar #multiple_selection:hover{ background-color:rgba(131,131,131,0.3); } #image_files_big_container #left_buttons{ width:210px; background:#d7d9dc; position:absolute; height:33px; bottom:0px; border-top:1px solid #adb5ba; left:0px; } #image_files_big_container #left_buttons #add_album{ position:absolute; top:7px; left:10px; } #image_files_big_container #left_buttons #remove_current_album{ position:absolute; top:7px; right:40px; } #image_files_big_container #left_buttons #edit_current_album{ position:absolute; top:7px; right:10px; } #image_files_big_container #right_bar_clone{ background:rgba(0,0,0,0.8); position:absolute; height:34px; bottom:0px; left:0px; right:0px; } #image_files_big_container #right_bar_clone #right_bar_clone_buttons_left{ position:absolute; top:9px; left:10px; } #image_files_big_container #right_bar{ background:rgba(0,0,0,0.8); position:absolute; height:34px; bottom:0px; left:210px; right:0px; #image_file_form{ position:absolute; top:0px; left:240px; .file_upload { position: relative; overflow: hidden; padding:9px; width:250px; cursor:pointer; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; direction: ltr; cursor: pointer; text-align: left; color:#eff2f2; } .file_upload:hover { background-color:rgba(131,131,131,0.3); } .file_upload_highlight { background-color: rgba(106,191,6,0.2); } } #image_file_queue{ position:absolute; left:240px; bottom:33px; color:#eff2f2; width:50%; background:rgba(0,0,0,0.9); border:1px solid #444444; border-top:0px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; #files { margin:0px; td{ color:#eff2f2; padding:5px; } } } #grid_slider{ position:absolute; right:20px; top:15px; width:150px; height:3px; background:#191919; border:1px solid #444444; border-radius:2px; } #grid_slider{ .ui-slider-handle{ border-radius:6px; height:10px; width:10px; cursor:pointer; background:#838383; } } #multiple_selection { &:hover{ #multiple_menu{ height:auto; } } #multiple_menu{ position:absolute; left:0px; bottom:31px; height:0px; width:216px; background:rgba(0,0,0,0.9); border:1px solid #444444; border-top:0px; overflow:hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; a{ display:block; padding:9px; border-top:1px solid #444444; color:#eff2f2; cursor:pointer; /* webkit */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; /* Firefox */ -moz-transition-property: background-color; -moz-transition-duration: 0.4s; /* standardisé */ transition-property: background-color; transition-duration: 0.4s; &:hover{ background-color:rgba(131,131,131,0.3); } } } } } #menu_items_breadcrumbs{ margin-top:10px; height:30px; background : #F0F0F0; border-radius:10px; *{ color:#505B66; } .receptable{ float:left; padding:5px 10px 5px 10px; width:auto; } .separate{ float:left; padding:5px; width:auto; /*background : url("/images/quartz_admin/icons_receptable.png") no-repeat right center;*/ } .actual{ float:left; padding:5px; padding-right:20px; margin-right:5px; width:auto; } } .hoverhighlight a{ color:#3F94EB; cursor:se-resize; } .no_menu_items{ padding:10px; text-align:center; color : #505B66; } #qi_admin_list{ a{ display:block; margin:30px; padding:10px; @include box-shadow(0px, 1px, 3px, rgba(0, 0, 0, 0.4)); margin-bottom:20px; border:5px solid white; @include background(linear-gradient(#FAFAFA, #EEE)); color:black; &:hover{ @include box-shadow(0px, 2px, 10px, rgba(0, 0, 0, 0.398438)); } } } .menu_item_row{ table{ margin:0px !important; td{ border:0px !important;} } }