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

Drupal example source code file (vertical-tabs.css)

This example Drupal source code file (vertical-tabs.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, 1px, a:focus, background, border-top, ccc, display, font-size, margin, none, padding, solid, ul

The vertical-tabs.css Drupal example source code

/* $Id: vertical-tabs.css,v 1.10 2010/11/19 20:45:04 dries Exp $ */

/**
 * Override of misc/vertical-tabs.css.
 */
div.vertical-tabs {
  background: #fff url(images/fc.png) repeat-y 0 0;
  border: 1px solid #ccc;
  margin: 10px 0;
  position: relative;
}
div.vertical-tabs fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
div.vertical-tabs .vertical-tabs-list {
  border-bottom: 1px solid #ccc;
  float: left;
  font-size: 1em;
  line-height: 1;
  margin: 0 -100% -1px 0;
  padding: 0;
  width: 240px;
}
div.vertical-tabs ul li.vertical-tab-button {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
div.vertical-tabs ul li.vertical-tab-button a {
  border-top: 1px solid #ccc;
  display: block;
  padding: 10px;
}
div.vertical-tabs ul li.first a {
  border-top: 0;
}
div.vertical-tabs ul li.vertical-tab-button strong {
  font-size: 0.923em;
}
div.vertical-tabs ul li.vertical-tab-button .summary {
  color: #666;
  display: block;
  font-size: 0.846em;
  padding-top: 0.4em;
}
div.vertical-tabs ul li.vertical-tab-button a:hover,
div.vertical-tabs ul li.vertical-tab-button a:focus {
  background: #d5d5d5;
  text-decoration: none;
  outline: 0;
}
div.vertical-tabs ul li.selected a,
div.vertical-tabs ul li.selected a:hover,
div.vertical-tabs ul li.selected a:focus,
div.vertical-tabs ul li.selected a:active {
  background: #fff;
  border-right-color: #fff;
  border-top: 1px solid #ccc;
}
div.vertical-tabs ul li.first.selected a,
div.vertical-tabs ul li.first.selected a:hover {
  border-top: 0;
}
div.vertical-tabs ul li.selected a:focus strong {
  text-decoration: underline;
}
div.vertical-tabs .vertical-tabs-panes {
  margin: 0 0 0 265px;
  padding: 10px 15px 10px 0;
}
div.vertical-tabs .vertical-tabs-panes legend {
  display: none;
}
.vertical-tabs-pane .fieldset-wrapper > div:first-child {
  padding-top: 5px;
}

Other Drupal examples (source code examples)

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