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

Drupal example source code file (dashboard.css)

This example Drupal source code file (dashboard.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

0074bd, 10px, 3px, 4px, background, border, color, display, float, margin, no-repeat, none, padding, width

The dashboard.css Drupal example source code

/* $Id: dashboard.css,v 1.16 2011/01/03 07:04:48 webchick Exp $ */

#dashboard div.dashboard-region {
  float: left;
  min-height: 1px;
}

#dashboard div#dashboard_main {
  width: 65%;
  margin-right: 1%;
}

#dashboard div#dashboard_sidebar {
  width: 33%;
}

#dashboard div.block {
  margin-bottom: 20px;
}

#dashboard .dashboard-region .block {
  clear: both;
}

#dashboard div.block h2 {
  float: none;
}

#dashboard #disabled-blocks .block,
#dashboard .block-placeholder {
  background: #e2e1dc;
  padding: 6px 4px 6px 8px;
  margin: 3px 3px 3px 0;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#dashboard .dashboard-add-other-blocks {
  margin: 10px 0 0 0;
}

#dashboard .ui-sortable {
  border: 2px dashed #ccc;
  padding: 10px;
}

#dashboard .canvas-content {
  padding: 10px;
}

#dashboard #disabled-blocks .ui-sortable {
  padding: 0;
  background-color: #777;
  border: 0;
}

#dashboard .canvas-content a.button {
  margin: 0 0 0 10px;
  color: #5a5a5a;
  text-decoration: none;
}

#dashboard .region {
  margin: 5px;
}

#dashboard #disabled-blocks .region {
  background-color: #E0E0D8;
  border: #ccc 1px solid;
  padding: 10px;
}

#dashboard #disabled-blocks {
  padding: 5px 0;
}

#dashboard #disabled-blocks h2 {
  display: inline;
  font-weight: normal;
  white-space: nowrap;
}

#dashboard #disabled-blocks .block {
  background: #444;
  color: #fff;
}

#dashboard.customize-inactive #disabled-blocks .block:hover {
  background: #0074BD;
}

#dashboard #disabled-blocks .block .content,
#dashboard .ui-sortable-helper .content {
  display: none;
}

#dashboard .ui-sortable .block {
  cursor: move;
  min-height: 1px;
}

#dashboard .ui-sortable .block h2 {
  background: transparent url(../../misc/draggable.png) no-repeat 0px -39px;
  padding: 0 17px;
}

#dashboard.customize-inactive #disabled-blocks .block:hover h2 {
  background: #0074BD url(../../misc/draggable.png) no-repeat 0px -39px;
  color: #fff;
}

#dashboard.customize-inactive .dashboard-region .ui-sortable .block:hover h2 {
  background: #0074BD url(../../misc/draggable.png) no-repeat;
  background-position: 3px -36px;
  color: #fff;
}

#dashboard .dashboard-region .block-placeholder {
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
  height: 1.6em;
  width: 100%;
}

#dashboard #disabled-blocks .block-placeholder {
  width: 30px;
  height: 1.6em;
}

Other Drupal examples (source code examples)

Here is a short list of links related to this Drupal dashboard.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.