You are here

panels_ipe.css in Panels 6.3

div.panels-ipe-handlebar-wrapper {
  border-bottom: #898AAB solid 2px;
}

.panels-ipe-editing div.panels-ipe-portlet-wrapper {
  margin-top: 1em;
  border: #898AAB solid 2px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-topright:2px;

  -webkit-border-radius-bottomleft:8px;
  -webkit-border-radius-bottomright:8px;
  -webkit-border-radius-topleft:2px;
  -webkit-border-radius-topright:2px;
}

/* Hide empty panes when not editing them. */
.panels-ipe-empty-pane {
  display: none;
}

.panels-ipe-editing .panels-ipe-empty-pane {
  display: block;
}


.panels-ipe-editing div.panels-ipe-portlet-wrapper:hover {
  border: #FF000A solid 2px;
}

.panels-ipe-editing .panels-ipe-sort-container .ui-sortable-helper {
  background: white;
}

.panels-ipe-editing div.panel-pane div.admin-links {
  display: none !important;
}

.panels-ipe-editing .panels-ipe-sort-container .ui-sortable-placeholder {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px dotted red;
  background-color: white;
}

div.panels-ipe-handlebar-wrapper ul {
  float: left;
  margin: 0;
  padding: 0;
  text-align: right;
}

div.panels-ipe-handlebar-wrapper li {
  background: none repeat scroll 0 0 transparent;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  float: left;
  font: 12px/170% Verdana,sans-serif !important;
}

div.panels-ipe-handlebar-wrapper li {
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

div.panels-ipe-handlebar-wrapper li.first {
  border-left: 1px solid #CCC;
}

div.panels-ipe-draghandle {
  background: #898AAB url(../images/dragger.png) top right no-repeat;
  cursor: move;
  height: 24px;
}

div.panels-ipe-placeholder {
  border: 1px solid black;
  padding: .5em;
  margin-top: .5em;
  background-color: #f6f6f6;
  color: black;
  background-color: white;
  font: 12px/170% Verdana,sans-serif !important;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  word-spacing: 0;
}

div.panels-ipe-placeholder h3 {
  font-weight: bold;
}

/* Hide editor-state-on elements initially */
body .panels-ipe-on {
  display: none;
}

body .panels-ipe-editing .panels-ipe-on {
	display: block;
}

/* Show editor-state-off elements initially */
.panels-ipe-off {
  display: block;
}

div.panels-ipe-handlebar-wrapper li a,
div.panels-ipe-draghandle span,
div.panels-ipe-newblock a {
  background-color: #f6f6f6;
  color: blue;
  display: block;
  padding: 0.1em 0.5em;
  font: 12px/170% Verdana,sans-serif !important;
  text-transform: none;
  letter-spacing: 0;
}

div.panels-ipe-newblock a {
  display: inline;
  border: 1px solid #CCC;
  color: blue;
}

.panels-ipe-editing .panels-ipe-portlet-content {
  margin-bottom: 10px;
  border: transparent dotted 1px;
  overflow: hidden;
}

.panels-ipe-editing .panels-ipe-region {
  border: transparent dotted 1px;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

div.panels-ipe-draghandle {
  border: none;
}

.ui-sortable-placeholder {
  margin: 1em;
  border: 1px dotted black;
  visibility: visible !important;
  height: 50px !important;
}
.ui-sortable-placeholder * {
  visibility: hidden;
}

/* counteract panels_dnd.css - temporary */
div.panels-ipe-display-container .panel-pane .pane-title {
  padding: 0;
}

/** ============================================================================
 * Controller form markup
 */

div#panels-ipe-control-container {
  z-index: 100;
  position: fixed;
  margin: auto;
  bottom: 0;
  left: 50%;
  display: block;
  background-color: #000;
  padding: 0.5em 1em;
  min-width: 9.5em;
  max-width: 12.5em;
  min-height: 2em;
  max-height: 2.5em;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -moz-box-shadow: #333 0px 1px 0px;
  -webkit-border-radius-topleft:5px;
  -webkit-border-radius-topright:5px;
  -webkit-box-shadow: #333 0px 1px 0px;
}

div.panels-ipe-pseudobutton {
  cursor: pointer;
  background-color: #333;
  font:normal 11px/15px "Lucida Grande",Tahoma,Verdana,sans-serif;
  color: #FFF;
  -moz-border-radius:5px;
  -moz-box-shadow: #333 0px 1px 0px;
  -webkit-border-radius:5px;
  -webkit-box-shadow: #333 0px 1px 0px;
  padding: 0.3em 0.8em;
  float: left;
}

div.panels-ipe-control .form-submit {
  float: left;
  margin: 0.3em 0.5em;
}

div.panels-ipe-form-container {
  min-width: 12.5em;
  min-height: 2em;
  margin-left: auto;
  margin-right: auto;
}

File

panels_ipe/css/panels_ipe.css
View source
  1. div.panels-ipe-handlebar-wrapper {
  2. border-bottom: #898AAB solid 2px;
  3. }
  4. .panels-ipe-editing div.panels-ipe-portlet-wrapper {
  5. margin-top: 1em;
  6. border: #898AAB solid 2px;
  7. -moz-border-radius-bottomleft:8px;
  8. -moz-border-radius-bottomright:8px;
  9. -moz-border-radius-topleft:2px;
  10. -moz-border-radius-topright:2px;
  11. -webkit-border-radius-bottomleft:8px;
  12. -webkit-border-radius-bottomright:8px;
  13. -webkit-border-radius-topleft:2px;
  14. -webkit-border-radius-topright:2px;
  15. }
  16. /* Hide empty panes when not editing them. */
  17. .panels-ipe-empty-pane {
  18. display: none;
  19. }
  20. .panels-ipe-editing .panels-ipe-empty-pane {
  21. display: block;
  22. }
  23. .panels-ipe-editing div.panels-ipe-portlet-wrapper:hover {
  24. border: #FF000A solid 2px;
  25. }
  26. .panels-ipe-editing .panels-ipe-sort-container .ui-sortable-helper {
  27. background: white;
  28. }
  29. .panels-ipe-editing div.panel-pane div.admin-links {
  30. display: none !important;
  31. }
  32. .panels-ipe-editing .panels-ipe-sort-container .ui-sortable-placeholder {
  33. -moz-border-radius: 0;
  34. -webkit-border-radius: 0;
  35. border: 1px dotted red;
  36. background-color: white;
  37. }
  38. div.panels-ipe-handlebar-wrapper ul {
  39. float: left;
  40. margin: 0;
  41. padding: 0;
  42. text-align: right;
  43. }
  44. div.panels-ipe-handlebar-wrapper li {
  45. background: none repeat scroll 0 0 transparent;
  46. list-style: none outside none;
  47. margin: 0;
  48. padding: 0;
  49. float: left;
  50. font: 12px/170% Verdana,sans-serif !important;
  51. }
  52. div.panels-ipe-handlebar-wrapper li {
  53. border-top: 1px solid #CCC;
  54. border-right: 1px solid #CCC;
  55. }
  56. div.panels-ipe-handlebar-wrapper li.first {
  57. border-left: 1px solid #CCC;
  58. }
  59. div.panels-ipe-draghandle {
  60. background: #898AAB url(../images/dragger.png) top right no-repeat;
  61. cursor: move;
  62. height: 24px;
  63. }
  64. div.panels-ipe-placeholder {
  65. border: 1px solid black;
  66. padding: .5em;
  67. margin-top: .5em;
  68. background-color: #f6f6f6;
  69. color: black;
  70. background-color: white;
  71. font: 12px/170% Verdana,sans-serif !important;
  72. text-transform: none;
  73. letter-spacing: 0;
  74. text-align: left;
  75. word-spacing: 0;
  76. }
  77. div.panels-ipe-placeholder h3 {
  78. font-weight: bold;
  79. }
  80. /* Hide editor-state-on elements initially */
  81. body .panels-ipe-on {
  82. display: none;
  83. }
  84. body .panels-ipe-editing .panels-ipe-on {
  85. display: block;
  86. }
  87. /* Show editor-state-off elements initially */
  88. .panels-ipe-off {
  89. display: block;
  90. }
  91. div.panels-ipe-handlebar-wrapper li a,
  92. div.panels-ipe-draghandle span,
  93. div.panels-ipe-newblock a {
  94. background-color: #f6f6f6;
  95. color: blue;
  96. display: block;
  97. padding: 0.1em 0.5em;
  98. font: 12px/170% Verdana,sans-serif !important;
  99. text-transform: none;
  100. letter-spacing: 0;
  101. }
  102. div.panels-ipe-newblock a {
  103. display: inline;
  104. border: 1px solid #CCC;
  105. color: blue;
  106. }
  107. .panels-ipe-editing .panels-ipe-portlet-content {
  108. margin-bottom: 10px;
  109. border: transparent dotted 1px;
  110. overflow: hidden;
  111. }
  112. .panels-ipe-editing .panels-ipe-region {
  113. border: transparent dotted 1px;
  114. float: left;
  115. width: 100%;
  116. margin-bottom: 5px;
  117. }
  118. div.panels-ipe-draghandle {
  119. border: none;
  120. }
  121. .ui-sortable-placeholder {
  122. margin: 1em;
  123. border: 1px dotted black;
  124. visibility: visible !important;
  125. height: 50px !important;
  126. }
  127. .ui-sortable-placeholder * {
  128. visibility: hidden;
  129. }
  130. /* counteract panels_dnd.css - temporary */
  131. div.panels-ipe-display-container .panel-pane .pane-title {
  132. padding: 0;
  133. }
  134. /** ============================================================================
  135. * Controller form markup
  136. */
  137. div#panels-ipe-control-container {
  138. z-index: 100;
  139. position: fixed;
  140. margin: auto;
  141. bottom: 0;
  142. left: 50%;
  143. display: block;
  144. background-color: #000;
  145. padding: 0.5em 1em;
  146. min-width: 9.5em;
  147. max-width: 12.5em;
  148. min-height: 2em;
  149. max-height: 2.5em;
  150. -moz-border-radius-topleft:5px;
  151. -moz-border-radius-topright:5px;
  152. -moz-box-shadow: #333 0px 1px 0px;
  153. -webkit-border-radius-topleft:5px;
  154. -webkit-border-radius-topright:5px;
  155. -webkit-box-shadow: #333 0px 1px 0px;
  156. }
  157. div.panels-ipe-pseudobutton {
  158. cursor: pointer;
  159. background-color: #333;
  160. font:normal 11px/15px "Lucida Grande",Tahoma,Verdana,sans-serif;
  161. color: #FFF;
  162. -moz-border-radius:5px;
  163. -moz-box-shadow: #333 0px 1px 0px;
  164. -webkit-border-radius:5px;
  165. -webkit-box-shadow: #333 0px 1px 0px;
  166. padding: 0.3em 0.8em;
  167. float: left;
  168. }
  169. div.panels-ipe-control .form-submit {
  170. float: left;
  171. margin: 0.3em 0.5em;
  172. }
  173. div.panels-ipe-form-container {
  174. min-width: 12.5em;
  175. min-height: 2em;
  176. margin-left: auto;
  177. margin-right: auto;
  178. }