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

Drupal example source code file (pane-rounded-shadow.css)

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

10px, 19px, background, background-image, margin, right, rounded-shadow-background, rounded-shadow-bottom-edge, rounded-shadow-left, rounded-shadow-top-edge, rounded-shadow-wrap-corner, style, top

The pane-rounded-shadow.css Drupal example source code

/* Show only to IE7 */
*:first-child+html .rounded-shadow-background,
/* Show only to IE6 */
* html .rounded-shadow-background  {
  margin: 0 -10px 0 0 !important;
  padding: 10px 0 5px 0 !important;
}

.rounded-shadow-top-edge, .rounded-shadow-bottom-edge, .rounded-shadow-left-edge, .rounded-shadow-right-edge, .rounded-shadow-wrap-corner {
  position: relative;
  /* hasLayout -1 ? For IE only */
  zoom: 1;
}
%style {
  padding-top: 10px;
  margin-bottom: 30px;
  color: %text;
}

%style h2 {
  color: %header-text;
}

%style .rounded-shadow-background {
  margin: 10px;
  background: %background url(rounded-shadow-background.png) repeat;
}

%style .rounded-shadow-wrap-corner {
  margin: -10px;
}

%style .rounded-shadow-top-edge {
  top: -10px;
  background: url(rounded-shadow-top-edge.png) repeat-x 0 top;
  font-size: 1px;
}

%style .rounded-shadow-bottom-edge {
  bottom: -10px;
  background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;
  font-size: 1px;
}

%style .rounded-shadow-left-edge {
  background: url(rounded-shadow-left-edge.png) repeat-y 0 0;
}

%style .rounded-shadow-right-edge {
  background: url(rounded-shadow-right-edge.png) repeat-y right 0;
}

%style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {
  height: 19px;
  margin: -10px 19px;
}

%style .rounded-shadow-wrap-corner .rounded-shadow-left,
%style .rounded-shadow-wrap-corner .rounded-shadow-right {
  position: absolute;
  top: 0;
  height: 19px;
  width: 19px;
  margin: 0 -19px;
}

%style .rounded-shadow-wrap-corner .rounded-shadow-left {
  background-image: url(rounded-shadow-top-left-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-right {
  right: 0;
  background-image: url(rounded-shadow-top-right-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {
  background-image: url(rounded-shadow-bottom-left-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {
  right: 0;
  background-image: url(rounded-shadow-bottom-right-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {
  padding: 3px 19px;
}

%style .panel-pane {
  position: relative; top: -6px;
}

/*
%style div.admin-links {
  margin-top: -19px;
  margin-left: -12px;
}

%style .panel-separator {
  background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;
  font-size: 1px;
  height: 30px;
}
*/

Other Drupal examples (source code examples)

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