flexible-admin.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. #panels-dnd-main .panel-flexible-edit-layout div.panels-display .pane-add-link,
  2. .panel-flexible-edit-layout .panel-pane {
  3. display: none;
  4. }
  5. .panel-flexible-edit-layout div.panels-display h2.label {
  6. padding-right: 0;
  7. }
  8. .panel-flexible-edit-layout .panels-flexible-column-inside {
  9. /* margin: 5px; */
  10. border: 1px dotted green;
  11. }
  12. .panels-flexible-column-inside {
  13. /* overflow: hidden; */
  14. }
  15. .panel-flexible-edit-layout .panels-flexible-column > .flexible-title {
  16. color: green;
  17. }
  18. .panel-flexible-edit-layout .panels-flexible-row-inside {
  19. margin: 5px;
  20. border: 1px dotted blue;
  21. }
  22. .panel-flexible-edit-layout .panels-flexible-row > .flexible-title {
  23. color: blue;
  24. }
  25. .panel-flexible-no-edit-layout .flexible-layout-only {
  26. display: none;
  27. }
  28. .panel-flexible-edit-layout .flexible-title {
  29. text-align: center;
  30. width: 5em;
  31. margin-left: auto;
  32. margin-right: auto;
  33. }
  34. .panel-flexible-no-edit-layout .panels-flexible-splitter {
  35. display: none;
  36. }
  37. .panels-flexible-splitter span {
  38. display: none;
  39. }
  40. .panels-flexible-splitter {
  41. width: 11px;
  42. float: left;
  43. margin-left: -7px;
  44. margin-right: -6px;
  45. cursor: e-resize; /* in case col-resize isn't supported */
  46. cursor: col-resize;
  47. height: 30px;
  48. position: relative;
  49. z-index: 1;
  50. background: url(grippie-vertical.png) center center no-repeat #eee;
  51. border: 1px solid #ccc;
  52. }
  53. .flexible-splitting {
  54. border: 2px dotted yellow !important;
  55. margin: -2px !important;
  56. }
  57. .flexible-splitter-hover-box {
  58. position: absolute;
  59. z-index: 1000;
  60. background: white;
  61. color: black;
  62. border: 1px solid black;
  63. width: 60px;
  64. height: 2em;
  65. text-align: center;
  66. line-height: 2em;
  67. }
  68. #panels-edit-display .panel-pane,
  69. #panels-edit-display .helperclass {
  70. margin: .5em;
  71. }