home | career | drupal | java | mac | mysql | perl | php | scala | uml | unix

Drupal example source code file (flexible-admin.css)

This example Drupal source code file (flexible-admin.css) is included in the DevDaily.com "Drupal Source Code Warehouse" project. The intent of this project is to help you "Learn Drupal by Example".

PHP - Drupal tags/keywords

1px, 2em, border, center, color, display, dotted, flexible-title, important, margin, none, panel-flexible-edit-layout, panels-flexible-splitter, width

The flexible-admin.css Drupal example source code

#panels-dnd-main .panel-flexible-edit-layout div.panels-display .pane-add-link,
.panel-flexible-edit-layout .panel-pane {
  display: none;

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

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

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

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

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

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

.panel-flexible-no-edit-layout .flexible-layout-only {
  display: none;

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

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

.panels-flexible-splitter span {
  display: none;

.panels-flexible-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;

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

.flexible-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;

Other Drupal examples (source code examples)

Here is a short list of links related to this Drupal flexible-admin.css source code file:

new blog posts

"Drupal" is a registered trademark of Dries Buytaert.

my drupal tutorials and examples  

Copyright 1998-2016 Alvin Alexander, alvinalexander.com
All Rights Reserved.

Beginning in 2016, a portion of the proceeds from pages under the '/drupal-code-examples/' URI will be donated to charity.