jquery.dashboard.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. #dashboard{
  2. text-align:center;
  3. }
  4. .dashboard_column{
  5. min-height:10px;
  6. display: inline-block;
  7. vertical-align: top;
  8. padding:5px;
  9. }
  10. .dashboard_setting_form_options{
  11. border-top: 1px solid #cecece;
  12. margin-top: 5px;
  13. padding-top: 5px;
  14. text-align: right;
  15. }
  16. .dashboard_setting_form_options button{
  17. border:1px solid #cecece;
  18. background: #E8E8E8;
  19. color:#625D5D;
  20. padding:3px 5px;
  21. border-radius: 3px;
  22. }
  23. .dashboard_column .dashboard_placement{
  24. background-color: #ffffff;
  25. cursor: pointer;
  26. margin: 0;
  27. opacity: 0.5;
  28. padding: 10px;
  29. text-align: center;
  30. transition: opacity 0.2s linear 0s;
  31. }
  32. .dashboard_column .dashboard_placement:before{
  33. content : '+ Ajouter un widget';
  34. color:#0093EE;
  35. }
  36. .dashboard_column .dashboard_place_holder{
  37. background-color: #e7e7e7;
  38. cursor: pointer;
  39. opacity: 0.5;
  40. text-align: center;
  41. transition: opacity 0.2s linear 0s;
  42. margin: 10px 0;
  43. padding: 40px;
  44. }
  45. .dashboard_column .dashboard_place_holder:before{
  46. content : 'D\00E9placer ici';
  47. color:#6F6F6F;
  48. }
  49. .dashboard_column .dashboard_placement:hover,.dashboard_column .dashboard_placement.dragover{
  50. opacity:1;
  51. }
  52. .dashboard_bloc{
  53. margin:0 0 10px 0;
  54. padding:0px;
  55. z-index:100;
  56. -moz-box-shadow: 0px 0px 5px 0px #cecece;
  57. -webkit-box-shadow: 0px 0px 5px 0px #cecece;
  58. -o-box-shadow: 0px 0px 5px 0px #cecece;
  59. box-shadow: 0px 0px 5px 0px #cecece;
  60. text-align:left;
  61. filter:progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
  62. transition:opacity 0.2s linear;
  63. }
  64. .dashboard_bloc_mouved{
  65. opacity:0.5;
  66. }
  67. .dashboard_bloc_head{
  68. background:#006AFF;
  69. color:#ffffff;
  70. cursor: move;
  71. /*border-radius: 3px 3px 0px 0px;*/
  72. }
  73. .dashboard_bloc_head ul{
  74. float:right;
  75. margin: -5px 0 0 10px;
  76. padding:0px;
  77. }
  78. .dashboard_bloc_head ul li{
  79. display: inline-block;
  80. vertical-align: top;
  81. cursor: pointer;
  82. opacity: 0.5;
  83. padding:5px;
  84. transition:opacity 0.2s linear;
  85. cursor: pointer;
  86. }
  87. .dashboard_bloc_head label i{
  88. margin:0 0 0 5px;
  89. }
  90. .dashboard_bloc_head label{
  91. margin:0;
  92. display: inline-block;
  93. font-weight: bold;
  94. }
  95. .dashboard_bloc_head ul li:hover{
  96. opacity:1;
  97. }
  98. .dashboard_bloc_head,.dashboard_bloc_content{
  99. padding:5px;
  100. }
  101. .dashboard_bloc_content{
  102. /*border:1px solid #CBCBCB;*/
  103. padding:0;
  104. background-color: #ffffff;
  105. }
  106. .dashboard_loading{
  107. color:#cecece;
  108. font-size: 20px;
  109. height:50px;
  110. width:50px;
  111. margin: 10px auto;
  112. background: url('../img/preloader.gif') center center no-repeat;
  113. }
  114. .dashboard_bloc_minified .dashboard_bloc_head{
  115. border-radius: 3px;
  116. }
  117. .dashboard_bloc_minified .dashboard_bloc_content{
  118. display:none;
  119. }
  120. @media (max-width: 700px) {
  121. #dashboard div.dashboard_column,#dashboard div.dashboard_column[style]{
  122. width:100% !important;
  123. min-width:100% !important;
  124. }
  125. }