You are here

bootstrap-admin.css in Panels Bootstrap Layout Builder 7

Same filename and directory in other branches
  1. 7.3 plugins/layouts/bootstrap/bootstrap-admin.css
#panels-dnd-main .panel-bootstrap-edit-layout div.panels-display .pane-add-link,
.panel-bootstrap-edit-layout .panel-pane {
  display: none;
}


.panel-bootstrap-edit-layout [class*="span"] {
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    margin-bottom: 5px;
}

.panel-bootstrap-edit-layout [class*="span"] [class*="span"] {
    background-color: #CCCCCC;
}

.panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] {
    background-color: #AAAAAA;
}

.panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
    background-color: #999999;
}

.panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
    background-color: #777777;
}

.panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
    background-color: #555555;
}

.panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
    background-color: #333333;
}


.row-fluid > [class*="span"]{
    margin-left: 0 !important;
}  

.row-fluid > [class*="span"] ~ [class*="span"]{
    margin-left: 2.12766% !important; 
}   

.bootstrap-class-selector{
  margin: 0 auto;
  width: 200px;
}

.bootstrap-class-selector label{
  display: inline-block;
  float: left;
  margin-left: 10px !important;
  margin-right: 15px !important;
  margin-top: 5px !important;
}

.bootstrap-class-selector select{
  float:left;
}

.panel-bootstrap-edit-layout div.panels-display h2.label {
  padding-right: 0;
}

.panel-bootstrap-edit-layout .panels-bootstrap-column-inside {
/*  margin: 5px; */
  border: 1px dotted green;
}

.panels-bootstrap-column-inside {
/*  overflow: hidden; */
}

.panel-bootstrap-edit-layout .panels-bootstrap-column > .bootstrap-title {
  color: green;
}

.panel-bootstrap-edit-layout .panels-bootstrap-row-inside {
  margin: 5px;
  border: 1px dotted blue;
}

.panel-bootstrap-edit-layout .panels-bootstrap-row > .bootstrap-title {
  color: blue;
}

.panel-bootstrap-no-edit-layout .bootstrap-layout-only,
.panel-bootstrap-no-edit-layout .bootstrap-class-selector {
  display: none;
}

.panel-bootstrap-edit-layout .bootstrap-title {
  text-align: center;
  width: 5em;
  margin-left: auto;
  margin-right: auto;
}

.panel-bootstrap-no-edit-layout .panels-bootstrap-splitter {
  display: none;
}

.panels-bootstrap-splitter span {
  display: none;
}

.panels-bootstrap-splitter {
  width: 11px;
  float: left;
  margin-left: -7px;
  margin-right: -6px;
	cursor: e-resize;	/* in case col-resize isn't supported */
	cursor: col-resize;
  height: 30px;
  position: relative;
  z-index: 1;
  background: url(grippie-vertical.png) center center no-repeat #eee;
  border: 1px solid #ccc;
}

.bootstrap-splitting {
  border: 2px dotted yellow !important;
  margin: -2px !important;
}

.bootstrap-splitter-hover-box {
  position: absolute;
  z-index: 1000;
  background: white;
  color: black;
  border: 1px solid black;
  width: 60px;
  height: 2em;
  text-align: center;
  line-height: 2em;
}

#panels-edit-display .panel-pane,
#panels-edit-display .helperclass {
  margin: .5em;
}

File

plugins/layouts/bootstrap/bootstrap-admin.css
View source
  1. #panels-dnd-main .panel-bootstrap-edit-layout div.panels-display .pane-add-link,
  2. .panel-bootstrap-edit-layout .panel-pane {
  3. display: none;
  4. }
  5. .panel-bootstrap-edit-layout [class*="span"] {
  6. background-color: #EEEEEE;
  7. border-radius: 3px 3px 3px 3px;
  8. line-height: 40px;
  9. min-height: 40px;
  10. text-align: center;
  11. margin-bottom: 5px;
  12. }
  13. .panel-bootstrap-edit-layout [class*="span"] [class*="span"] {
  14. background-color: #CCCCCC;
  15. }
  16. .panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] {
  17. background-color: #AAAAAA;
  18. }
  19. .panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
  20. background-color: #999999;
  21. }
  22. .panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
  23. background-color: #777777;
  24. }
  25. .panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
  26. background-color: #555555;
  27. }
  28. .panel-bootstrap-edit-layout [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"]{
  29. background-color: #333333;
  30. }
  31. .row-fluid > [class*="span"]{
  32. margin-left: 0 !important;
  33. }
  34. .row-fluid > [class*="span"] ~ [class*="span"]{
  35. margin-left: 2.12766% !important;
  36. }
  37. .bootstrap-class-selector{
  38. margin: 0 auto;
  39. width: 200px;
  40. }
  41. .bootstrap-class-selector label{
  42. display: inline-block;
  43. float: left;
  44. margin-left: 10px !important;
  45. margin-right: 15px !important;
  46. margin-top: 5px !important;
  47. }
  48. .bootstrap-class-selector select{
  49. float:left;
  50. }
  51. .panel-bootstrap-edit-layout div.panels-display h2.label {
  52. padding-right: 0;
  53. }
  54. .panel-bootstrap-edit-layout .panels-bootstrap-column-inside {
  55. /* margin: 5px; */
  56. border: 1px dotted green;
  57. }
  58. .panels-bootstrap-column-inside {
  59. /* overflow: hidden; */
  60. }
  61. .panel-bootstrap-edit-layout .panels-bootstrap-column > .bootstrap-title {
  62. color: green;
  63. }
  64. .panel-bootstrap-edit-layout .panels-bootstrap-row-inside {
  65. margin: 5px;
  66. border: 1px dotted blue;
  67. }
  68. .panel-bootstrap-edit-layout .panels-bootstrap-row > .bootstrap-title {
  69. color: blue;
  70. }
  71. .panel-bootstrap-no-edit-layout .bootstrap-layout-only,
  72. .panel-bootstrap-no-edit-layout .bootstrap-class-selector {
  73. display: none;
  74. }
  75. .panel-bootstrap-edit-layout .bootstrap-title {
  76. text-align: center;
  77. width: 5em;
  78. margin-left: auto;
  79. margin-right: auto;
  80. }
  81. .panel-bootstrap-no-edit-layout .panels-bootstrap-splitter {
  82. display: none;
  83. }
  84. .panels-bootstrap-splitter span {
  85. display: none;
  86. }
  87. .panels-bootstrap-splitter {
  88. width: 11px;
  89. float: left;
  90. margin-left: -7px;
  91. margin-right: -6px;
  92. cursor: e-resize; /* in case col-resize isn't supported */
  93. cursor: col-resize;
  94. height: 30px;
  95. position: relative;
  96. z-index: 1;
  97. background: url(grippie-vertical.png) center center no-repeat #eee;
  98. border: 1px solid #ccc;
  99. }
  100. .bootstrap-splitting {
  101. border: 2px dotted yellow !important;
  102. margin: -2px !important;
  103. }
  104. .bootstrap-splitter-hover-box {
  105. position: absolute;
  106. z-index: 1000;
  107. background: white;
  108. color: black;
  109. border: 1px solid black;
  110. width: 60px;
  111. height: 2em;
  112. text-align: center;
  113. line-height: 2em;
  114. }
  115. #panels-edit-display .panel-pane,
  116. #panels-edit-display .helperclass {
  117. margin: .5em;
  118. }