#dashboard{ text-align:center; } .dashboard_column{ min-height:10px; display: inline-block; vertical-align: top; padding:5px; } .dashboard_setting_form_options{ border-top: 1px solid #cecece; margin-top: 5px; padding-top: 5px; text-align: right; } .dashboard_setting_form_options button{ border:1px solid #cecece; background: #E8E8E8; color:#625D5D; padding:3px 5px; border-radius: 3px; } .dashboard_column .dashboard_placement{ background-color: #ffffff; cursor: pointer; margin: 0; opacity: 0.5; padding: 10px; text-align: center; transition: opacity 0.2s linear 0s; } .dashboard_column .dashboard_placement:before{ content : '+ Ajouter un widget'; color:#0093EE; } .dashboard_column .dashboard_place_holder{ background-color: #e7e7e7; cursor: pointer; opacity: 0.5; text-align: center; transition: opacity 0.2s linear 0s; margin: 10px 0; padding: 40px; } .dashboard_column .dashboard_place_holder:before{ content : 'D\00E9placer ici'; color:#6F6F6F; } .dashboard_column .dashboard_placement:hover,.dashboard_column .dashboard_placement.dragover{ opacity:1; } .dashboard_bloc{ margin:0 0 10px 0; padding:0px; z-index:100; -moz-box-shadow: 0px 0px 5px 0px #cecece; -webkit-box-shadow: 0px 0px 5px 0px #cecece; -o-box-shadow: 0px 0px 5px 0px #cecece; box-shadow: 0px 0px 5px 0px #cecece; text-align:left; filter:progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5); transition:opacity 0.2s linear; } .dashboard_bloc_mouved{ opacity:0.5; } .dashboard_bloc_head{ background:#006AFF; color:#ffffff; cursor: move; /*border-radius: 3px 3px 0px 0px;*/ } .dashboard_bloc_head ul{ float:right; margin: -5px 0 0 10px; padding:0px; } .dashboard_bloc_head ul li{ display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.5; padding:5px; transition:opacity 0.2s linear; cursor: pointer; } .dashboard_bloc_head label i{ margin:0 0 0 5px; } .dashboard_bloc_head label{ margin:0; display: inline-block; font-weight: bold; } .dashboard_bloc_head ul li:hover{ opacity:1; } .dashboard_bloc_head,.dashboard_bloc_content{ padding:5px; } .dashboard_bloc_content{ /*border:1px solid #CBCBCB;*/ padding:0; background-color: #ffffff; } .dashboard_loading{ color:#cecece; font-size: 20px; height:50px; width:50px; margin: 10px auto; background: url('../img/preloader.gif') center center no-repeat; } .dashboard_bloc_minified .dashboard_bloc_head{ border-radius: 3px; } .dashboard_bloc_minified .dashboard_bloc_content{ display:none; } @media (max-width: 700px) { #dashboard div.dashboard_column,#dashboard div.dashboard_column[style]{ width:100% !important; min-width:100% !important; } }