1497 lines
22 KiB
SCSS
1497 lines
22 KiB
SCSS
|
|
|
|
.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;}
|
|
|
|
}
|
|
|
|
}
|