You are here

classy_panel_styles.admin.css in Classy Panel Styles 7

* {
  box-sizing: border-box;
}

.panels-ipe-dragbar-admin-title {
  display: none;
}

#classy-panel-styles-pane-form .form-item,
#panels-edit-style-settings-form .form-item {
  margin-bottom: 2px;
  width: 100%;
  clear: both;
}
#classy-panel-styles-pane-form .form-item label,
#panels-edit-style-settings-form .form-item label {
  width: 20%;
  float: left;
  clear: both;
  font-size: 15px;
  text-align: right;
  color: #007fbf;
  padding: 0;
  margin: 3px 2% 10px 0;
  font-weight: bold;
  line-height: 1.1;
}
#classy-panel-styles-pane-form input.form-autocomplete,
#classy-panel-styles-pane-form input.form-text, #classy-panel-styles-pane-form input.form-file,
#classy-panel-styles-pane-form textarea.form-textarea,
#classy-panel-styles-pane-form select.form-select,
#panels-edit-style-settings-form input.form-autocomplete,
#panels-edit-style-settings-form input.form-text,
#panels-edit-style-settings-form input.form-file,
#panels-edit-style-settings-form textarea.form-textarea,
#panels-edit-style-settings-form select.form-select {
  padding: 5px 7px;
  border: 1px solid #dddddd;
  background: white;
  color: #333333;
  font-size: 14px;
  margin: 0;
  max-width: 75%;
  clear: right;
}
#classy-panel-styles-pane-form .grippie,
#panels-edit-style-settings-form .grippie {
  max-width: 75%;
  float: left;
  margin-left: 22%;
  width: 100%;
  margin-bottom: 10px;
}
#classy-panel-styles-pane-form .description,
#panels-edit-style-settings-form .description {
  width: auto;
  float: left;
  clear: both;
  text-align: left;
  padding: 0;
  margin: 1px 2% 10px 22%;
  font-weight: bold;
  line-height: 1.1;
  width: 78%;
}

#panels-dnd-main .panel-region {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#panels-dnd-main .panel-pane {
  margin: 0;
}

.panels-ipe-display-container .panel-display div.panel-region .pane-add-link,
body div.panel-region .pane-add-link {
  margin: 0;
}
.panels-ipe-display-container .panel-display div.panel-region .pane-add-link a.ctools-dropdown-image-link,
body div.panel-region .pane-add-link a.ctools-dropdown-image-link {
  background: url("../images/gear.png");
  background-size: contain;
  width: 25px;
  height: 25px;
}
.panels-ipe-display-container .panel-display .ctools-dropdown .ctools-dropdown-container ul,
body .ctools-dropdown .ctools-dropdown-container ul {
  line-height: 1.3;
}
.panels-ipe-display-container .panel-display .panel-region:after,
.panels-ipe-display-container .panel-display .container-inner:after,
.panels-ipe-display-container .panel-display .column-content-region:after,
body .panel-region:after,
body .container-inner:after,
body .column-content-region:after {
  content: ".";
  font-size: 0;
  clear: both;
}
.panels-ipe-display-container .panel-display .panel-display,
body .panel-display {
  padding-right: 1%;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
}
.panels-ipe-display-container .panel-display .container-inner.grid-12,
body .container-inner.grid-12 {
  float: left;
  width: 100%;
}
.panels-ipe-display-container .panel-display div.panel-region,
body div.panel-region {
  padding: 2px;
  margin: 0;
  border: white 2px dashed;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
  background: rgba(248, 248, 248, 0.4);
  float: left;
  width: 100%;
  line-height: 0;
}
.panels-ipe-display-container .panel-display div.panel-region h2.label,
body div.panel-region h2.label {
  line-height: 1.5;
  font-size: 1.3em;
  color: black;
}
.panels-ipe-display-container .panel-display div.panel-region .panel-pane,
body div.panel-region .panel-pane {
  line-height: 1.2;
}
.panels-ipe-display-container .panel-display .panel-panel .panel-pane,
body .panel-panel .panel-pane {
  width: 100%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: relative;
}
.panels-ipe-display-container .panel-display .panel-panel .panel-pane .pane-content,
body .panel-panel .panel-pane .pane-content {
  position: relative;
}
.panels-ipe-display-container .panel-display .panel-panel .panel-pane .pane-title:after,
body .panel-panel .panel-pane .pane-title:after {
  display: inline;
}

#page .panels-ipe-editing .panels-ipe-portlet-content {
  margin: 0;
}

File

admin_styles/css/classy_panel_styles.admin.css
View source
  1. * {
  2. box-sizing: border-box;
  3. }
  4. .panels-ipe-dragbar-admin-title {
  5. display: none;
  6. }
  7. #classy-panel-styles-pane-form .form-item,
  8. #panels-edit-style-settings-form .form-item {
  9. margin-bottom: 2px;
  10. width: 100%;
  11. clear: both;
  12. }
  13. #classy-panel-styles-pane-form .form-item label,
  14. #panels-edit-style-settings-form .form-item label {
  15. width: 20%;
  16. float: left;
  17. clear: both;
  18. font-size: 15px;
  19. text-align: right;
  20. color: #007fbf;
  21. padding: 0;
  22. margin: 3px 2% 10px 0;
  23. font-weight: bold;
  24. line-height: 1.1;
  25. }
  26. #classy-panel-styles-pane-form input.form-autocomplete,
  27. #classy-panel-styles-pane-form input.form-text, #classy-panel-styles-pane-form input.form-file,
  28. #classy-panel-styles-pane-form textarea.form-textarea,
  29. #classy-panel-styles-pane-form select.form-select,
  30. #panels-edit-style-settings-form input.form-autocomplete,
  31. #panels-edit-style-settings-form input.form-text,
  32. #panels-edit-style-settings-form input.form-file,
  33. #panels-edit-style-settings-form textarea.form-textarea,
  34. #panels-edit-style-settings-form select.form-select {
  35. padding: 5px 7px;
  36. border: 1px solid #dddddd;
  37. background: white;
  38. color: #333333;
  39. font-size: 14px;
  40. margin: 0;
  41. max-width: 75%;
  42. clear: right;
  43. }
  44. #classy-panel-styles-pane-form .grippie,
  45. #panels-edit-style-settings-form .grippie {
  46. max-width: 75%;
  47. float: left;
  48. margin-left: 22%;
  49. width: 100%;
  50. margin-bottom: 10px;
  51. }
  52. #classy-panel-styles-pane-form .description,
  53. #panels-edit-style-settings-form .description {
  54. width: auto;
  55. float: left;
  56. clear: both;
  57. text-align: left;
  58. padding: 0;
  59. margin: 1px 2% 10px 22%;
  60. font-weight: bold;
  61. line-height: 1.1;
  62. width: 78%;
  63. }
  64. #panels-dnd-main .panel-region {
  65. -moz-box-sizing: border-box;
  66. -webkit-box-sizing: border-box;
  67. box-sizing: border-box;
  68. }
  69. #panels-dnd-main .panel-pane {
  70. margin: 0;
  71. }
  72. .panels-ipe-display-container .panel-display div.panel-region .pane-add-link,
  73. body div.panel-region .pane-add-link {
  74. margin: 0;
  75. }
  76. .panels-ipe-display-container .panel-display div.panel-region .pane-add-link a.ctools-dropdown-image-link,
  77. body div.panel-region .pane-add-link a.ctools-dropdown-image-link {
  78. background: url("../images/gear.png");
  79. background-size: contain;
  80. width: 25px;
  81. height: 25px;
  82. }
  83. .panels-ipe-display-container .panel-display .ctools-dropdown .ctools-dropdown-container ul,
  84. body .ctools-dropdown .ctools-dropdown-container ul {
  85. line-height: 1.3;
  86. }
  87. .panels-ipe-display-container .panel-display .panel-region:after,
  88. .panels-ipe-display-container .panel-display .container-inner:after,
  89. .panels-ipe-display-container .panel-display .column-content-region:after,
  90. body .panel-region:after,
  91. body .container-inner:after,
  92. body .column-content-region:after {
  93. content: ".";
  94. font-size: 0;
  95. clear: both;
  96. }
  97. .panels-ipe-display-container .panel-display .panel-display,
  98. body .panel-display {
  99. padding-right: 1%;
  100. overflow: hidden;
  101. *zoom: 1;
  102. overflow: visible;
  103. }
  104. .panels-ipe-display-container .panel-display .container-inner.grid-12,
  105. body .container-inner.grid-12 {
  106. float: left;
  107. width: 100%;
  108. }
  109. .panels-ipe-display-container .panel-display div.panel-region,
  110. body div.panel-region {
  111. padding: 2px;
  112. margin: 0;
  113. border: white 2px dashed;
  114. overflow: hidden;
  115. *zoom: 1;
  116. overflow: visible;
  117. background: rgba(248, 248, 248, 0.4);
  118. float: left;
  119. width: 100%;
  120. line-height: 0;
  121. }
  122. .panels-ipe-display-container .panel-display div.panel-region h2.label,
  123. body div.panel-region h2.label {
  124. line-height: 1.5;
  125. font-size: 1.3em;
  126. color: black;
  127. }
  128. .panels-ipe-display-container .panel-display div.panel-region .panel-pane,
  129. body div.panel-region .panel-pane {
  130. line-height: 1.2;
  131. }
  132. .panels-ipe-display-container .panel-display .panel-panel .panel-pane,
  133. body .panel-panel .panel-pane {
  134. width: 100%;
  135. display: inline-block;
  136. -moz-box-sizing: border-box;
  137. -webkit-box-sizing: border-box;
  138. box-sizing: border-box;
  139. padding: 0;
  140. margin: 0;
  141. position: relative;
  142. }
  143. .panels-ipe-display-container .panel-display .panel-panel .panel-pane .pane-content,
  144. body .panel-panel .panel-pane .pane-content {
  145. position: relative;
  146. }
  147. .panels-ipe-display-container .panel-display .panel-panel .panel-pane .pane-title:after,
  148. body .panel-panel .panel-pane .pane-title:after {
  149. display: inline;
  150. }
  151. #page .panels-ipe-editing .panels-ipe-portlet-content {
  152. margin: 0;
  153. }