/* * FIXME: Introduce SCSS & Sprockets *= require formtastic *= require_tree . *= require_self */ 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; background-color: RGB(247, 251, 253); background-image: -moz-linear-gradient(top, #fafafa, RGB(247, 251, 253)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, 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 #7f7f7f; background: white; } .portlet .move { cursor: pointer; } .portlet .actions { position: absolute; top: -15px; left: 20px; padding: 0px 5px 0px 5px; display: none; border: 1px solid #464646; background: #fafafa; border-radius: 10px; text-align: center; } .portlet .actions img { margin: 5px; } .portlet_hover { border: 1px solid #7f7f7f; } .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 #7f7f7f; } .portlet .render_admin.render_admin_block_content { min-height: 100px; } .portlet_hover .render_admin.render_admin_block_content .col_1 { border-right: 1px solid #7f7f7f; } .portlet.portlet_table_content { border: 1px solid white; } .portlet .render_admin.render_admin_table_content .table_content_cel { border: 2px solid #7f7f7f; 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; } #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(white)); background: -moz-linear-gradient(0% 100%, 0% 0%, from(#eff2f2), to(white)); -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(#eff2f2), to(white)); background: -moz-linear-gradient(0% 100%, 0% 0%, from(#eff2f2), to(white)); -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; } #dashboard_actions .panel a { display: block; padding: 10px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); margin-bottom: 20px; border: 5px solid white; background-color: #eeeeee; background-image: -moz-linear-gradient(top, #fafafa, #eeeeee); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eeeeee)); text-align: center; color: black; } #dashboard_actions .panel a img { display: block; margin: auto; height: 100px; } #dashboard_actions .panel a:hover { -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.398); -o-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.398); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.398); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.398); } #prescriptions_big_container { position: relative; } #prescriptions_big_container #sidebar { width: 300px; position: absolute; top: 0px; left: 0px; bottom: 0px; overflow: auto; border-right: 1px solid RGB(34, 34, 34); } #prescriptions_big_container #sidebar .prescription { padding: 10px; border-bottom: 1px solid gray; cursor: pointer; -webkit-transition-duration: 0.8s; } #prescriptions_big_container #sidebar .prescription .date { color: gray; } #prescriptions_big_container #sidebar .prescription:hover { background-color: RGB(235, 247, 253); } #prescriptions_big_container #sidebar .prescription.unread { background-image: url("/images/point_unread.png"); background-repeat: no-repeat; background-position: 270px center; } #prescriptions_big_container #sidebar .prescription.undone { background-image: url("/images/point_undone.png"); background-repeat: no-repeat; background-position: 270px center; } #prescriptions_big_container #sidebar .prescription.unread { background-image: url("/images/point_unread.png"); background-repeat: no-repeat; background-position: 270px center; } #prescriptions_big_container #sidebar .prescription.done { background-image: url("/images/point_done.png"); background-repeat: no-repeat; background-position: 270px center; } #prescriptions_big_container #sidebar .prescription.active { background-color: RGB(235, 247, 253); } #prescriptions_big_container #main_workspace_view { position: absolute; left: 300px; right: 0px; top: 0px; bottom: 0px; overflow: auto; padding: 10px; padding-bottom: 40px; padding-top: 40px; } #prescriptions_big_container #main_workspace_view .notes { padding: 5px; margin: 5px; font-size: 15px; border: 1px solid #ffd148; } #prescriptions_big_container #main_workspace_view h2 .tel { float: right; } #prescriptions_big_container #main_workspace_view #ship_info { position: absolute; top: 0px; right: 0px; left: 1px; height: 16px; background: #49bd22; color: white; padding: 10px; } #prescriptions_big_container #main_workspace_view .file { text-align: center; } #prescriptions_big_container #main_workspace_view .done { padding: 5px; } #prescriptions_big_container #right_bar { left: 300px; color: #eff2f2; } #prescriptions_big_container #right_bar .delete { padding: 7px; } #prescriptions_big_container #right_bar .left { float: right; padding: 4px; } /* styled_blocks.css */ .image_square { float: left; padding: 5px; margin: 5px; position: relative; border: 1px solid #e6e6e6; 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: #0a0a0a; } .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%; } .container_12 .pull_4 { left: -33.333%; } .container_12 .pull_5 { left: -41.667%; } .container_12 .pull_6 { left: -50%; } .container_12 .pull_7 { left: -58.333%; } .container_12 .pull_8 { left: -66.667%; } .container_12 .pull_9 { left: -75%; } .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(white), color-stop(4%, #f7f7f7), to(white)); background: -moz-linear-gradient(top, white, #f7f7f7 1px, white 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(#eff2f2), to(white)); background: -moz-linear-gradient(bottom, #eff2f2, white); 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(#3c74a8), to(#6792bb)); background: -moz-linear-gradient(bottom, #3c74a8, #6792bb); 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: #f2eda1; background: rgba(254, 252, 219, 0.8); } .notice { border-color: #cde6f5; 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); } .search_studient fieldset > ol > li label { width: 100% !important; } .search_studient li { list-style: none; margin: 0px !important; padding: 0px !important; }