1786 lines
42 KiB
CSS
1786 lines
42 KiB
CSS
/*
|
|
* 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; }
|