You are here

Home » API reference » Opigno dashboard 8

styles.css in Opigno dashboard 8

Same filename and directory in other branches
  1. 3.x ng/src/styles.css
* {
  box-sizing: border-box;
}

app-root {
  position: relative;
  display: block;
}

.blocks {
  min-height: 200px;
}

.dashboard-block {
  background-color: #eee;
  margin: 0;
  padding: 1rem;
}

.dashboard-block .handle {
  cursor: move;
  float: right;
}

.dashboard-block .handle.hidden {
  display: none;
}

.dashboard-block+.dashboard-block {
  margin-top: 1rem;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.ic-drag-handle-black-24px {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDxkZWZzPiAgICAgICAgPHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBpZD0iYSIvPiAgICA8L2RlZnM+ICAgIDxjbGlwUGF0aCBpZD0iYiI+ICAgICAgICA8dXNlIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjYSIvPiAgICA8L2NsaXBQYXRoPiAgICA8cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGQ9Ik0yMCA5SDR2MmgxNlY5ek00IDE1aDE2di0ySDR2MnoiLz48L3N2Zz4=);
  width: 30px;
  height: 25px;
  display: inline-block;
  background-position: center;
}

File

ng/src/styles.css
View source 
  1. * {

  2.   box-sizing: border-box;

  3. }

  4. 

  5. app-root {

  6.   position: relative;

  7.   display: block;

  8. }

  9. 

  10. .blocks {

  11.   min-height: 200px;

  12. }

  13. 

  14. .dashboard-block {

  15.   background-color: #eee;

  16.   margin: 0;

  17.   padding: 1rem;

  18. }

  19. 

  20. .dashboard-block .handle {

  21.   cursor: move;

  22.   float: right;

  23. }

  24. 

  25. .dashboard-block .handle.hidden {

  26.   display: none;

  27. }

  28. 

  29. .dashboard-block+.dashboard-block {

  30.   margin-top: 1rem;

  31. }

  32. 

  33. .gu-mirror {

  34.   position: fixed !important;

  35.   margin: 0 !important;

  36.   z-index: 9999 !important;

  37.   opacity: 0.8;

  38.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  39.   filter: alpha(opacity=80);

  40. }

  41. 

  42. .gu-hide {

  43.   display: none !important;

  44. }

  45. 

  46. .gu-unselectable {

  47.   -webkit-user-select: none !important;

  48.   -moz-user-select: none !important;

  49.   -ms-user-select: none !important;

  50.   user-select: none !important;

  51. }

  52. 

  53. .gu-transit {

  54.   opacity: 0.2;

  55.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  56.   filter: alpha(opacity=20);

  57. }

  58. 

  59. .ic-drag-handle-black-24px {

  60.   background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDxkZWZzPiAgICAgICAgPHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBpZD0iYSIvPiAgICA8L2RlZnM+ICAgIDxjbGlwUGF0aCBpZD0iYiI+ICAgICAgICA8dXNlIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjYSIvPiAgICA8L2NsaXBQYXRoPiAgICA8cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGQ9Ik0yMCA5SDR2MmgxNlY5ek00IDE1aDE2di0ySDR2MnoiLz48L3N2Zz4=);

  61.   width: 30px;

  62.   height: 25px;

  63.   display: inline-block;

  64.   background-position: center;

  65. }