You are here

Home » API reference » Fusion Accelerator 7.3

fusion-labels.css in Fusion Accelerator 7.3

Same filename and directory in other branches
  1. 7.2 fusion_labels/fusion-labels.css
/* Label for currently selected grid.
-------------------------------------------------------------- */

.debug-responsive {
  display: none;
  font-size: .8em;
  position: absolute;
  right: 5px;
  top: 85px;
}

/* Grid overlay.
-------------------------------------------------------------- */

#grid-mask-overlay {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 997;
}

/* grid mask overlay opacity fix for IE6 & IE7 */
.ie6 #grid-mask-overlay,
.ie7 #grid-mask-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

/* grid mask overlay opacity fix for IE8 */
.ie8 #grid-mask-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

#grid-mask-overlay .region {
  margin: 0 auto;
}
#grid-mask-overlay .block {
  background-image: url('images/pattern-dots.png');
}
.grid-mask-overlay .block .gutter {
  background-color: rgba(255,118,0,.15);
  outline: none;
}
.grid-mask #grid-mask-overlay {
  display: block;
}
.grid-mask .block .inner {
  outline: #f00 dashed 2px;
}
#grid-mask-toggle {
  right: 0;
  top: 35px;
}

#fusion-label-toggle,
#grid-mask-toggle {
  background-color: #000;
  border: 1px outset #fff;
  color: #fff;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;  
  line-height: 200%;
  padding: 0 5px 0 5px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  z-index: 998;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
}
#fusion-label-toggle.grid-on,
#grid-mask-toggle.grid-on {
  border-style: inset;
  background-color: #FFDADA;
  color: black;
  font-weight: bold;
}

/* Region labels.
-------------------------------------------------------------- */

#fusion-label-toggle {
  right: 0;
  top: 60px;
}
div.block-fusion-labels {
  display: none;
}

#block-fusion_labels-fusion_region_label .inner {
  padding: 5px;
  background-color: rgba(0,0,0,.05);
  border: solid 1px #eee;
  height: auto !important;
}
#block-fusion_labels-fusion_region_label h2 {
  color: #666;
  font-size: 1em;
  margin: 0;
}
#block-fusion_labels-fusion_region_label .inner {
  outline: 0;
}

File

fusion_labels/fusion-labels.css
View source 
  1. /* Label for currently selected grid.

  2. -------------------------------------------------------------- */

  3. 

  4. .debug-responsive {

  5.   display: none;

  6.   font-size: .8em;

  7.   position: absolute;

  8.   right: 5px;

  9.   top: 85px;

  10. }

  11. 

  12. /* Grid overlay.

  13. -------------------------------------------------------------- */

  14. 

  15. #grid-mask-overlay {

  16.   display: none;

  17.   left: 0;

  18.   position: absolute;

  19.   top: 0;

  20.   width: 100%;

  21.   z-index: 997;

  22. }

  23. 

  24. /* grid mask overlay opacity fix for IE6 & IE7 */

  25. .ie6 #grid-mask-overlay,

  26. .ie7 #grid-mask-overlay {

  27.   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);

  28. }

  29. 

  30. /* grid mask overlay opacity fix for IE8 */

  31. .ie8 #grid-mask-overlay {

  32.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

  33. }

  34. 

  35. #grid-mask-overlay .region {

  36.   margin: 0 auto;

  37. }

  38. #grid-mask-overlay .block {

  39.   background-image: url('images/pattern-dots.png');

  40. }

  41. .grid-mask-overlay .block .gutter {

  42.   background-color: rgba(255,118,0,.15);

  43.   outline: none;

  44. }

  45. .grid-mask #grid-mask-overlay {

  46.   display: block;

  47. }

  48. .grid-mask .block .inner {

  49.   outline: #f00 dashed 2px;

  50. }

  51. #grid-mask-toggle {

  52.   right: 0;

  53.   top: 35px;

  54. }

  55. 

  56. #fusion-label-toggle,

  57. #grid-mask-toggle {

  58.   background-color: #000;

  59.   border: 1px outset #fff;

  60.   color: #fff;

  61.   cursor: pointer;

  62.   font-family: Arial, sans-serif;

  63.   font-size: 10px;

  64.   font-weight: normal;  

  65.   line-height: 200%;

  66.   padding: 0 5px 0 5px;

  67.   position: absolute;

  68.   text-align: center;

  69.   text-transform: uppercase;

  70.   z-index: 998;

  71.   -moz-border-radius: 5px;  

  72.   -webkit-border-radius: 5px;  

  73. }

  74. #fusion-label-toggle.grid-on,

  75. #grid-mask-toggle.grid-on {

  76.   border-style: inset;

  77.   background-color: #FFDADA;

  78.   color: black;

  79.   font-weight: bold;

  80. }

  81. 

  82. /* Region labels.

  83. -------------------------------------------------------------- */

  84. 

  85. #fusion-label-toggle {

  86.   right: 0;

  87.   top: 60px;

  88. }

  89. div.block-fusion-labels {

  90.   display: none;

  91. }

  92. 

  93. #block-fusion_labels-fusion_region_label .inner {

  94.   padding: 5px;

  95.   background-color: rgba(0,0,0,.05);

  96.   border: solid 1px #eee;

  97.   height: auto !important;

  98. }

  99. #block-fusion_labels-fusion_region_label h2 {

  100.   color: #666;

  101.   font-size: 1em;

  102.   margin: 0;

  103. }

  104. #block-fusion_labels-fusion_region_label .inner {

  105.   outline: 0;

  106. }