2595 lines
40 KiB
SCSS
2595 lines
40 KiB
SCSS
/*
|
|
* FIXME: Introduce SCSS & Sprockets
|
|
*= require formtastic
|
|
|
|
*= require_tree .
|
|
*= require_self
|
|
*/
|
|
|
|
|
|
@import "../mixins/css3";
|
|
|
|
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
width:100%;
|
|
font-size: 13px;
|
|
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
@include linear-gradient(rgb(250,250,250), RGB(247,251,253));
|
|
}
|
|
|
|
|
|
|
|
/* bar.css */
|
|
|
|
.bar{
|
|
padding:10px;
|
|
|
|
}
|
|
|
|
.bar a{
|
|
padding:5px;
|
|
|
|
}
|
|
|
|
.bar a.active{
|
|
padding:5px;
|
|
|
|
border-radius:10px;
|
|
-moz-border-radius:5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.bar.dark_blue{
|
|
background:#6FB7E9;
|
|
|
|
|
|
}
|
|
|
|
.bar.dark_blue a{
|
|
color:white;
|
|
|
|
}
|
|
|
|
.bar.dark_blue a.active{
|
|
color:#6FB7E9;
|
|
background:white;
|
|
|
|
}
|
|
|
|
|
|
/* blocks.css */
|
|
.portlet_place_holder{
|
|
width:100%;
|
|
height:15px;
|
|
|
|
}
|
|
.col{
|
|
min-height:300px;
|
|
}
|
|
|
|
.portlet{
|
|
|
|
|
|
|
|
position:relative;
|
|
border:1px dotted rgb(127,127,127);
|
|
background:white;
|
|
|
|
}
|
|
|
|
|
|
.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 solid 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:5px;
|
|
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{
|
|
|
|
|
|
|
|
}
|
|
|
|
.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:2px 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:#CDE892;
|
|
|
|
}
|
|
|
|
.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:36px;
|
|
left: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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#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 td{
|
|
|
|
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:33px;
|
|
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;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* general.css */
|
|
|
|
#menu_items_breadcrumbs .add_menu_item_link{
|
|
float:right;
|
|
margin-top:2px;
|
|
}
|
|
#breadcrumb{
|
|
|
|
padding:10px 10px 10px 10px;
|
|
position:relative;
|
|
color:#FFFFFF;
|
|
background: #2E2E2E;
|
|
|
|
|
|
}
|
|
#breadcrumb .logout_link{
|
|
|
|
position:absolute;
|
|
right:10px;
|
|
top:10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#breadcrumb *{
|
|
color:#FFFFFF;
|
|
|
|
}
|
|
|
|
.main_slide{
|
|
|
|
|
|
width: 100%;
|
|
min-height:600px;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
|
|
}
|
|
|
|
.header{
|
|
background:#6FB7E9;
|
|
padding:10px;
|
|
|
|
}
|
|
|
|
.header h1{
|
|
|
|
color:#ffffff;
|
|
|
|
font-family:georgia;
|
|
text-shadow: #357EB0 1px 1px 0px;
|
|
}
|
|
.right{
|
|
float:right;
|
|
|
|
}
|
|
|
|
.header_2{
|
|
background:#B7DF63;
|
|
color:#ffffff;
|
|
padding:10px;
|
|
font-family:georgia;
|
|
}
|
|
|
|
.header_2 *{
|
|
|
|
color:#ffffff;
|
|
text-shadow: #8EBF27 1px 1px 0px;
|
|
|
|
}
|
|
|
|
|
|
#menu_item_show {
|
|
background:#E9F2F9;
|
|
padding:10px;
|
|
}
|
|
|
|
.form1{
|
|
background:#E9F2F9;
|
|
padding:10px;
|
|
}
|
|
.form2{
|
|
background:#F3F8FC;
|
|
padding:10px;
|
|
}
|
|
|
|
.grip{
|
|
|
|
width:30px;
|
|
cursor:move;
|
|
}
|
|
|
|
|
|
.receptable{
|
|
background:none;
|
|
width:50px;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.row_1 .receptable{
|
|
background:yellow;
|
|
width:50px;
|
|
}
|
|
|
|
.draggable{
|
|
background:white;
|
|
padding:5px;
|
|
|
|
border:1px solid #F3F1EF;
|
|
border-radius:10px;
|
|
}
|
|
|
|
|
|
|
|
.draggable:hover{
|
|
-webkit-box-shadow: #666666 0px 0px 10px;
|
|
-moz-box-shadow: #666666 0px 0px 10px;
|
|
box-shadow: #666666 0px 0px 10px;
|
|
border-color:white;
|
|
}
|
|
|
|
.receptable_position{
|
|
height:10px;
|
|
width:100%;
|
|
}
|
|
|
|
.hoverhighlight_position{
|
|
|
|
background:#ECF8FE;
|
|
|
|
}
|
|
#menu_items_breadcrumbs{
|
|
margin-top:10px;
|
|
|
|
height:30px;
|
|
background : #F0F0F0;
|
|
|
|
border-radius:10px;
|
|
}
|
|
#menu_items_breadcrumbs *{
|
|
color:#505B66;
|
|
}
|
|
#menu_items_breadcrumbs .receptable{
|
|
float:left;
|
|
padding:5px 10px 5px 10px;
|
|
|
|
|
|
width:auto;
|
|
|
|
/*background : url("/images/quartz_admin/icons_receptable.png") no-repeat right center;*/
|
|
}
|
|
|
|
#menu_items_breadcrumbs .separate{
|
|
float:left;
|
|
padding:5px;
|
|
|
|
|
|
width:auto;
|
|
|
|
/*background : url("/images/quartz_admin/icons_receptable.png") no-repeat right center;*/
|
|
}
|
|
|
|
#menu_items_breadcrumbs .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;
|
|
}
|
|
|
|
|
|
#big_slider {
|
|
overflow:hidden;
|
|
}
|
|
|
|
#page_slides{
|
|
width:10000px;
|
|
}
|
|
|
|
#page_slides .page_slide{
|
|
float:left;
|
|
|
|
|
|
|
|
}
|
|
.past_slide{
|
|
|
|
|
|
}
|
|
#page_slides .page_slide#main_slide{
|
|
float:left;
|
|
display:block;
|
|
-webkit-transition-property: margin;
|
|
-webkit-transition-duration: 1s;
|
|
|
|
}
|
|
|
|
/* image_files.css */
|
|
|
|
|
|
#image_files_big_container{
|
|
width:100%;
|
|
|
|
background:red;
|
|
position:absolute;
|
|
top:36px;
|
|
left: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("/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("/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_files_big_container #right_bar #image_file_form{
|
|
position:absolute;
|
|
top:0px;
|
|
left:240px;
|
|
|
|
}
|
|
|
|
|
|
#image_files_big_container #right_bar #image_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;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
#image_files_big_container #right_bar #image_file_form .file_upload:hover {
|
|
background-color:rgba(131,131,131,0.3);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.file_upload_highlight {
|
|
background-color: rgba(106,191,6,0.2);
|
|
}
|
|
|
|
|
|
#image_files_big_container #right_bar #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;
|
|
|
|
}
|
|
|
|
#image_files_big_container #right_bar #image_file_queue #files td{
|
|
|
|
padding:5px;
|
|
}
|
|
|
|
|
|
#image_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;
|
|
}
|
|
|
|
#image_files_big_container #right_bar #grid_slider .ui-slider-handle{
|
|
|
|
border-radius:6px;
|
|
height:10px;
|
|
width:10px;
|
|
cursor:pointer;
|
|
background:#838383;
|
|
|
|
}
|
|
|
|
#image_files_big_container #right_bar #multiple_selection #multiple_menu{
|
|
position:absolute;
|
|
left:0px;
|
|
bottom:33px;
|
|
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;
|
|
|
|
}
|
|
|
|
#image_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;
|
|
|
|
}
|
|
|
|
#image_files_big_container #right_bar #multiple_selection #multiple_menu a:hover{
|
|
|
|
background-color:rgba(131,131,131,0.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
#image_files_big_container #right_bar #multiple_selection:hover #multiple_menu{
|
|
height:auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* index_block.css */
|
|
.row_1 td {
|
|
background: #ebf2fe; }
|
|
|
|
.row td {
|
|
padding: 2px; }
|
|
.row .actions {
|
|
text-align: right;
|
|
padding-left: 5px;
|
|
width: 40px; }
|
|
|
|
.search_bar {
|
|
background: #8ac2f6;
|
|
padding: 10px;
|
|
margin-bottom: 20px; }
|
|
|
|
.rows_header a {
|
|
text-decoration: none;
|
|
color: black;
|
|
font-weight: bold; }
|
|
.rows_header th {
|
|
padding: 5px; }
|
|
.rows_header td {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
border-top: 1px solid #484848;
|
|
border-bottom: 1px solid #484848; }
|
|
|
|
.paginate_cel {
|
|
text-align: right; }
|
|
.paginate_cel .disabled {
|
|
visibility: hidden; }
|
|
.paginate_cel em {
|
|
text-decoration: none;
|
|
padding: 2px 5px 2px 5px;
|
|
border-radius: 10px;
|
|
text-decoration: none;
|
|
color: white;
|
|
font-style: normal;
|
|
margin-right: 2px;
|
|
font-weight: bold;
|
|
background-color: #484848; }
|
|
.paginate_cel a {
|
|
text-decoration: none;
|
|
padding: 1px 5px 2px 5px;
|
|
text-decoration: none;
|
|
color: #484848;
|
|
margin-right: 2px;
|
|
background-color: #f0f0f0;
|
|
border-radius: 10px; }
|
|
.paginate_cel a:hover {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
background-color: #484848;
|
|
color: white; }
|
|
|
|
.per_page_cel {
|
|
color: #484848;
|
|
padding-bottom: 10px;
|
|
padding-top: 10px; }
|
|
.per_page_cel em {
|
|
text-decoration: none;
|
|
padding: 2px 5px 2px 5px;
|
|
border-radius: 10px;
|
|
text-decoration: none;
|
|
color: #484848;
|
|
font-style: normal;
|
|
margin-right: -3px;
|
|
font-weight: normal;
|
|
background-color: #ebf2fe; }
|
|
.per_page_cel a {
|
|
text-decoration: none;
|
|
padding: 1px 5px 2px 5px;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
color: #484848;
|
|
margin-right: 2px;
|
|
font-weight: normal;
|
|
border-radius: 10px; }
|
|
.per_page_cel a:hover {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
background-color: #ebf2fe;
|
|
color: #484848; }
|
|
|
|
.menu_item_position a {
|
|
text-decoration: none; }
|
|
.menu_item_position .move {
|
|
font-size: 10px; }
|
|
.menu_item_position td {
|
|
padding: 0px; }
|
|
|
|
.exportation {
|
|
color: #484848;
|
|
padding: 5px; }
|
|
.exportation em {
|
|
text-decoration: none;
|
|
padding: 2px 5px 2px 5px;
|
|
border-radius: 10px;
|
|
text-decoration: none;
|
|
color: #484848;
|
|
font-style: normal;
|
|
margin-right: -3px;
|
|
font-weight: normal;
|
|
background-color: #ebf2fe; }
|
|
.exportation a {
|
|
text-decoration: none;
|
|
padding: 1px 5px 2px 5px;
|
|
text-decoration: none;
|
|
margin-right: 2px;
|
|
font-weight: normal;
|
|
border-radius: 10px;
|
|
background-color: #ebf2fe;
|
|
color: #484848; }
|
|
.exportation a:hover {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
font-weight: bold;
|
|
background-color: #484848;
|
|
color: white; }
|
|
|
|
/* manager.css */
|
|
#manager_box_place{
|
|
position:fixed;
|
|
height:0;
|
|
width:100%;
|
|
z-index:1500;
|
|
|
|
margin:0px;
|
|
padding:0px;
|
|
display:none;
|
|
|
|
}
|
|
#manager_box{
|
|
position:relative;
|
|
width:95%;
|
|
height:95%;
|
|
overflow:auto;
|
|
|
|
margin:auto;
|
|
margin-top:0px;
|
|
|
|
background:white;
|
|
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#eff2f2), to(#ffffff));
|
|
background: -moz-linear-gradient(0% 100%, 0% 0%, from(#eff2f2), to(#ffffff));
|
|
-webkit-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
|
|
-moz-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
|
|
box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
|
|
|
|
/* webkit */
|
|
|
|
|
|
}
|
|
|
|
#manager_box_place.manager_box_place_active{
|
|
height:100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* pane_hover */
|
|
#qi_pane_hover{
|
|
position:fixed;
|
|
top:0px;
|
|
left:0px;
|
|
bottom:0px;
|
|
right:0px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
#qi_pane_hover #qi_pane_hover_content{
|
|
margin:auto;
|
|
position:relative;
|
|
|
|
background:white;
|
|
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255)));
|
|
background: -moz-linear-gradient(0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255)));
|
|
-webkit-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
|
|
-moz-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
|
|
box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
|
|
|
|
}
|
|
|
|
#qi_pane_hover #qi_pane_hover_content .content{
|
|
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
left:0px;
|
|
bottom:37px;
|
|
overflow:auto;
|
|
padding:10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
#qi_pane_hover #qi_pane_hover_content .actions{
|
|
position:absolute;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
text-align:right;
|
|
padding-bottom:5px;
|
|
padding-top : 5px;
|
|
border-top :1px solid rgba(127,127,127,0.2);
|
|
height:26px;
|
|
|
|
}
|
|
|
|
/* prescription.css.scss */
|
|
#dashboard_actions{
|
|
|
|
.panel{
|
|
h3{
|
|
font-weight:normal;
|
|
}
|
|
|
|
a
|
|
{
|
|
display:block;
|
|
padding:10px;
|
|
@include box-shadow(0px, 1px, 3px, rgba(0, 0, 0, 0.4));
|
|
margin-bottom:20px;
|
|
border:5px solid white;
|
|
|
|
@include linear-gradient(#FAFAFA, #EEE);
|
|
text-align:center;
|
|
color:black;
|
|
|
|
img{
|
|
display:block;
|
|
margin:auto;
|
|
height:100px;
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover{
|
|
|
|
@include box-shadow(0px, 2px, 10px, rgba(0, 0, 0, 0.398438));
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#prescriptions_big_container{
|
|
position:relative;
|
|
|
|
#sidebar{
|
|
|
|
width:300px;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
bottom:0px;
|
|
overflow:auto;
|
|
border-right:1px solid RGB(34,34,34);
|
|
|
|
|
|
.prescription{
|
|
padding:10px;
|
|
border-bottom:1px solid gray;
|
|
cursor:pointer;
|
|
-webkit-transition-duration:0.8s;
|
|
|
|
|
|
.date{
|
|
color:gray;
|
|
}
|
|
|
|
&:hover{
|
|
|
|
background-color:RGB(235,247,253);
|
|
|
|
}
|
|
|
|
|
|
}
|
|
.prescription.unread{
|
|
background-image:url('/images/point_unread.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 270px center;
|
|
}
|
|
.prescription.undone{
|
|
|
|
background-image:url('/images/point_undone.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 270px center;
|
|
}
|
|
.prescription.unread{
|
|
background-image:url('/images/point_unread.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 270px center;
|
|
}
|
|
|
|
.prescription.done{
|
|
background-image:url('/images/point_done.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 270px center;
|
|
}
|
|
|
|
|
|
.prescription.active{
|
|
background-color:RGB(235,247,253);
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
#main_workspace_view{
|
|
position:absolute;
|
|
left:300px;
|
|
right:0px;
|
|
top:0px;
|
|
bottom:0px;
|
|
overflow:auto;
|
|
padding:10px;
|
|
padding-bottom:40px;
|
|
padding-top:40px;
|
|
|
|
.notes{
|
|
padding:5px;
|
|
margin:5px;
|
|
font-size:15px;
|
|
border:1px solid #ffd148;
|
|
}
|
|
h2{
|
|
.tel{
|
|
float:right;
|
|
}
|
|
|
|
}
|
|
#ship_info{
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
left:1px;
|
|
height:16px;
|
|
background:#49bd22;
|
|
color:white;
|
|
padding:10px;
|
|
|
|
}
|
|
.file{
|
|
text-align:center;
|
|
img{
|
|
|
|
|
|
}
|
|
}
|
|
.done{
|
|
padding:5px;
|
|
}
|
|
|
|
}
|
|
|
|
#right_bar{
|
|
left:300px;
|
|
color:#eff2f2;
|
|
.delete{
|
|
padding:7px;
|
|
}
|
|
.left{
|
|
float:right;
|
|
padding:4px;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
/* styled_blocks.css */
|
|
|
|
.image_square{
|
|
float:left;
|
|
padding:5px;
|
|
margin:5px;
|
|
position:relative;
|
|
border : 1px solid rgb(230,230,230);
|
|
border-radius:10px;
|
|
background:white;
|
|
}
|
|
.image_square:hover{
|
|
border : 1px solid rgba(0,0,0,0.8);
|
|
}
|
|
.image_square .img{
|
|
text-align:center;
|
|
width:150px;
|
|
height:150px;
|
|
margin:0px;
|
|
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_square:hover .actions{
|
|
display:block;
|
|
border:none;
|
|
padding:0px;
|
|
margin:0px;
|
|
left:0px;
|
|
top:0px;
|
|
|
|
opacity:0.5;
|
|
background :rgb(10,10,10);
|
|
|
|
}
|
|
|
|
.image_square:hover .actions:hover{
|
|
|
|
opacity:1;
|
|
|
|
}
|
|
|
|
/* core/elements */
|
|
a{
|
|
color : #3C74A8;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:hover{
|
|
color:#3F94EB;
|
|
}
|
|
|
|
/* core/fluid_grid */
|
|
/*
|
|
Variable Grid System (Fluid Version).
|
|
Learn more ~ http://www.spry-soft.com/grids/
|
|
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
|
|
|
|
Licensed under GPL and MIT.
|
|
*/
|
|
|
|
|
|
/* Containers
|
|
----------------------------------------------------------------------------------------------------*/
|
|
.container_12 {
|
|
width: 100%;
|
|
/*
|
|
margin-left: 4%;
|
|
margin-right: 4%;
|
|
*/
|
|
}
|
|
|
|
/* Grid >> Global
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
.grid_1,
|
|
.grid_2,
|
|
.grid_3,
|
|
.grid_4,
|
|
.grid_5,
|
|
.grid_6,
|
|
.grid_7,
|
|
.grid_8,
|
|
.grid_9,
|
|
.grid_10,
|
|
.grid_11,
|
|
.grid_12 {
|
|
display:inline;
|
|
float: left;
|
|
position: relative;
|
|
margin-left: 1%;
|
|
margin-right: 1%;
|
|
}
|
|
|
|
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
.alpha {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.omega {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* Grid >> 12 Columns
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
.container_12 .grid_1 {
|
|
width:6.333%;
|
|
}
|
|
|
|
.container_12 .grid_2 {
|
|
width:14.667%;
|
|
}
|
|
|
|
.container_12 .grid_3 {
|
|
width:23.0%;
|
|
}
|
|
|
|
.container_12 .grid_4 {
|
|
width:31.333%;
|
|
}
|
|
|
|
.container_12 .grid_5 {
|
|
width:39.667%;
|
|
}
|
|
|
|
.container_12 .grid_6 {
|
|
width:48.0%;
|
|
}
|
|
|
|
.container_12 .grid_7 {
|
|
width:56.333%;
|
|
}
|
|
|
|
.container_12 .grid_8 {
|
|
width:64.667%;
|
|
}
|
|
|
|
.container_12 .grid_9 {
|
|
width:73.0%;
|
|
}
|
|
|
|
.container_12 .grid_10 {
|
|
width:81.333%;
|
|
}
|
|
|
|
.container_12 .grid_11 {
|
|
width:89.667%;
|
|
}
|
|
|
|
.container_12 .grid_12 {
|
|
width:98.0%;
|
|
}
|
|
|
|
|
|
|
|
/* Prefix Extra Space >> 12 Columns
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
.container_12 .prefix_1 {
|
|
padding-left:8.333%;
|
|
}
|
|
|
|
.container_12 .prefix_2 {
|
|
padding-left:16.667%;
|
|
}
|
|
|
|
.container_12 .prefix_3 {
|
|
padding-left:25.0%;
|
|
}
|
|
|
|
.container_12 .prefix_4 {
|
|
padding-left:33.333%;
|
|
}
|
|
|
|
.container_12 .prefix_5 {
|
|
padding-left:41.667%;
|
|
}
|
|
|
|
.container_12 .prefix_6 {
|
|
padding-left:50.0%;
|
|
}
|
|
|
|
.container_12 .prefix_7 {
|
|
padding-left:58.333%;
|
|
}
|
|
|
|
.container_12 .prefix_8 {
|
|
padding-left:66.667%;
|
|
}
|
|
|
|
.container_12 .prefix_9 {
|
|
padding-left:75.0%;
|
|
}
|
|
|
|
.container_12 .prefix_10 {
|
|
padding-left:83.333%;
|
|
}
|
|
|
|
.container_12 .prefix_11 {
|
|
padding-left:91.667%;
|
|
}
|
|
|
|
|
|
|
|
/* Suffix Extra Space >> 12 Columns
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
.container_12 .suffix_1 {
|
|
padding-right:8.333%;
|
|
}
|
|
|
|
.container_12 .suffix_2 {
|
|
padding-right:16.667%;
|
|
}
|
|
|
|
.container_12 .suffix_3 {
|
|
padding-right:25.0%;
|
|
}
|
|
|
|
.container_12 .suffix_4 {
|
|
padding-right:33.333%;
|
|
}
|
|
|
|
.container_12 .suffix_5 {
|
|
padding-right:41.667%;
|
|
}
|
|
|
|
.container_12 .suffix_6 {
|
|
padding-right:50.0%;
|
|
}
|
|
|
|
.container_12 .suffix_7 {
|
|
padding-right:58.333%;
|
|
}
|
|
|
|
.container_12 .suffix_8 {
|
|
padding-right:66.667%;
|
|
}
|
|
|
|
.container_12 .suffix_9 {
|
|
padding-right:75.0%;
|
|
}
|
|
|
|
.container_12 .suffix_10 {
|
|
padding-right:83.333%;
|
|
}
|
|
|
|
.container_12 .suffix_11 {
|
|
padding-right:91.667%;
|
|
}
|
|
|
|
|
|
|
|
/* Push Space >> 12 Columns
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
.container_12 .push_1 {
|
|
left:8.333%;
|
|
}
|
|
|
|
.container_12 .push_2 {
|
|
left:16.667%;
|
|
}
|
|
|
|
.container_12 .push_3 {
|
|
left:25.0%;
|
|
}
|
|
|
|
.container_12 .push_4 {
|
|
left:33.333%;
|
|
}
|
|
|
|
.container_12 .push_5 {
|
|
left:41.667%;
|
|
}
|
|
|
|
.container_12 .push_6 {
|
|
left:50.0%;
|
|
}
|
|
|
|
.container_12 .push_7 {
|
|
left:58.333%;
|
|
}
|
|
|
|
.container_12 .push_8 {
|
|
left:66.667%;
|
|
}
|
|
|
|
.container_12 .push_9 {
|
|
left:75.0%;
|
|
}
|
|
|
|
.container_12 .push_10 {
|
|
left:83.333%;
|
|
}
|
|
|
|
.container_12 .push_11 {
|
|
left:91.667%;
|
|
}
|
|
|
|
|
|
|
|
/* Pull Space >> 12 Columns
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
.container_12 .pull_1 {
|
|
left:-8.333%;
|
|
}
|
|
|
|
.container_12 .pull_2 {
|
|
left:-16.667%;
|
|
}
|
|
|
|
.container_12 .pull_3 {
|
|
left:-25.0%;
|
|
}
|
|
|
|
.container_12 .pull_4 {
|
|
left:-33.333%;
|
|
}
|
|
|
|
.container_12 .pull_5 {
|
|
left:-41.667%;
|
|
}
|
|
|
|
.container_12 .pull_6 {
|
|
left:-50.0%;
|
|
}
|
|
|
|
.container_12 .pull_7 {
|
|
left:-58.333%;
|
|
}
|
|
|
|
.container_12 .pull_8 {
|
|
left:-66.667%;
|
|
}
|
|
|
|
.container_12 .pull_9 {
|
|
left:-75.0%;
|
|
}
|
|
|
|
.container_12 .pull_10 {
|
|
left:-83.333%;
|
|
}
|
|
|
|
.container_12 .pull_11 {
|
|
left:-91.667%;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Clear Floated Elements
|
|
----------------------------------------------------------------------------------------------------*/
|
|
|
|
/* http://sonspring.com/journal/clearing-floats */
|
|
|
|
.clear {
|
|
clear: both;
|
|
display: block;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
|
|
|
|
.clearfix:after {
|
|
clear: both;
|
|
content: ' ';
|
|
display: block;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.clearfix {
|
|
display: inline-block;
|
|
}
|
|
|
|
* html .clearfix {
|
|
height: 1%;
|
|
}
|
|
|
|
.clearfix {
|
|
display: block;
|
|
}
|
|
|
|
/* forms.css */
|
|
|
|
/* tutorial */
|
|
|
|
input[type=text],input[type=password], textarea {
|
|
padding: 5px;
|
|
border: solid 1px #C9C9C9;
|
|
outline: 0;
|
|
font: normal 13px/100% Verdana, Tahoma, sans-serif;
|
|
width: 200px;
|
|
|
|
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F7F7F7), to(#FFFFFF));
|
|
background: -moz-linear-gradient(top, #FFFFFF, #F7F7F7 1px, #FFFFFF 25px);
|
|
|
|
}
|
|
|
|
textarea {
|
|
width: 400px;
|
|
max-width: 400px;
|
|
height: 150px;
|
|
line-height: 150%;
|
|
}
|
|
|
|
input:hover, textarea:hover,
|
|
input:focus, textarea:focus {
|
|
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
|
|
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
|
|
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
|
|
|
|
}
|
|
|
|
label {
|
|
|
|
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
|
|
|
|
.button{
|
|
display: inline-block;
|
|
background: #3c74a8;
|
|
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255)));
|
|
background: -moz-linear-gradient(bottom, rgb(239,242,242), rgb(255,255,255));
|
|
box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
|
|
-moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
|
|
-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
|
|
border: none;
|
|
-moz-border-radius: 20px;
|
|
-webkit-border-radius: 20px;
|
|
border-radius: 20px;
|
|
color: RGB(46,46,46);
|
|
|
|
|
|
|
|
|
|
padding: 5px 15px;
|
|
margin:0px 5px 0px 5px;
|
|
font-weight:normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button:hover {
|
|
box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
|
|
-moz-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
|
|
-webkit-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
|
|
color: RGB(46,46,46);
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.actions{
|
|
text-align:right;
|
|
}
|
|
|
|
button,input[type=submit] {
|
|
display: inline-block;
|
|
background: #3c74a8;
|
|
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(60,116,168)), to(rgb(103,146,187)));
|
|
background: -moz-linear-gradient(bottom, rgb(60,116,168), rgb(103,146,187));
|
|
box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
|
|
-moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
|
|
-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
|
|
border: none;
|
|
-moz-border-radius: 20px;
|
|
-webkit-border-radius: 20px;
|
|
border-radius: 20px;
|
|
color: white;
|
|
|
|
margin:0px 5px 0px 5px;
|
|
|
|
padding: 5px 15px;
|
|
text-shadow: 0 1px 1px rgba(0,0,0,0.6);
|
|
font-weight:normal;
|
|
font-size:13px;
|
|
|
|
}
|
|
|
|
button:hover,input[type=submit]:hover {
|
|
box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
|
|
-moz-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
|
|
-webkit-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
|
|
|
|
.field_with_errors{
|
|
display:inline;
|
|
color:red;
|
|
|
|
}
|
|
|
|
.field_with_errors input{
|
|
display:inline;
|
|
border-color:red;
|
|
|
|
|
|
}
|
|
|
|
.errorExplanation{
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
padding:5px;
|
|
border-color:#F2EDA1;
|
|
background:#FEFCDB;
|
|
|
|
}
|
|
.errorExplanation h2{
|
|
font-size:13px;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
/* core/general */
|
|
.message{
|
|
border: 4px solid black;
|
|
border-radius:10px;
|
|
padding:5px;
|
|
margin:20px;
|
|
-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 40px;
|
|
-moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 40px;
|
|
box-shadow: rgba(0,0,0,0.5) 1px 1px 40px;
|
|
}
|
|
.alert{
|
|
border-color: rgb(242,237,161);
|
|
background: rgba(254,252,219,0.8);
|
|
}
|
|
|
|
.notice{
|
|
border-color:rgb(205,230,245);
|
|
background:rgba(236,248,254,0.8);
|
|
}
|
|
#flash{
|
|
position:fixed;
|
|
bottom:0px;
|
|
width:100%;
|
|
}
|
|
|
|
a img{
|
|
border:0px;
|
|
}
|
|
|
|
table{
|
|
border-collapse:collapse;
|
|
width:100%;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
|
|
|
|
.search_studient {
|
|
|
|
.grid_4{
|
|
height:300px;
|
|
overflow:auto;
|
|
border:1px solid RGB(131,160,195);
|
|
}
|
|
fieldset > ol > li label{
|
|
width:100% !important;
|
|
}
|
|
|
|
li{
|
|
list-style:none;
|
|
margin:0px !important;
|
|
padding:0px !important;
|
|
}
|
|
|
|
} |