2013-06-28 17:20:23 +02:00

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;}
}
}