You are here

bootstrap-admin.css in Panels Bootstrap Layout Builder 7.3

Same filename and directory in other branches
  1. 7 plugins/layouts/bootstrap/bootstrap-admin.css
html{
  font-size: inherit !important;
}
.container-full { 
	padding: 0 15px; 
}

#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*="col"] {
    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*="col"] [class*="col"] {
    background-color: #CCCCCC;
}

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

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

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

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

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

/* Hide empty columns */
.panel-bootstrap-edit-layout [class*="col"] [class*="col"]:empty,
.panel-bootstrap-edit-layout [class*="col"] [class*="col"] [class*="col"]:empty,
.panel-bootstrap-edit-layout [class*="col"] [class*="col"] [class*="col"] [class*="col"]:empty,
.panel-bootstrap-edit-layout [class*="col"] [class*="col"] [class*="col"] [class*="col"] [class*="col"]:empty,
.panel-bootstrap-edit-layout [class*="col"] [class*="col"] [class*="col"] [class*="col"] [class*="col"] [class*="col"]:empty,
.panel-bootstrap-edit-layout [class*="col"] [class*="col"] [class*="col"] [class*="col"] [class*="col"] [class*="col"] [class*="col"]:empty {
  display: none;
}

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

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

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

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

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

.bootstrap-class-selector .form-item{
  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;
}
#panel-bootstrap-container-canvas .panels-bootstrap-container .panels-bootstrap-container .bootstrap-title { 
  width:4em; 
}
#panel-bootstrap-container-canvas .panels-bootstrap-container .panels-bootstrap-container .inside .bootstrap-title {
  width:3em; 
}

File

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