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

Drupal example source code file (threecol_25_50_25_stacked.css)

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

1em, 25, 5em, both, float, inside, left, margin, panel-3col-stacked, panel-col, panel-col-first, panel-col-last, panel-col-top, width

The threecol_25_50_25_stacked.css Drupal example source code


.panel-3col-stacked { 
/*  overflow: hidden;  */
}

.panel-3col-stacked .panel-col-top,
.panel-3col-stacked .panel-col-bottom { 
  width: 100%; 
  clear: both;
}

.panel-3col-stacked .panel-col-top .inside {
  margin-bottom: .5em;
}

.panel-3col-stacked .panel-col-first { 
  float: left; 
  width: 25%; 
}

.panel-3col-stacked .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}

.panel-3col-stacked .panel-col { 
  float: left; 
  width: 50%; 
}

.panel-3col-stacked .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}

.panel-3col-stacked .panel-col-last { 
  float: left; 
  width: 25%; 
}

.panel-3col-stacked .panel-col-last .inside { 
  margin: 0 0 1em .5em;
}

.panel-3col-stacked .panel-separator {
  margin: 0 0 1em 0;
}

Other Drupal examples (source code examples)

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