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

Drupal example source code file (style-rtl.css)

This example Drupal source code file (style-rtl.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, float, left, li, margin, margin-left, margin-right, padding-left, padding-right, position, right, ul, url

The style-rtl.css Drupal example source code

/* $Id: style-rtl.css,v 1.23 2010/09/27 01:12:45 dries Exp $ */

html {
  direction: rtl;
}

/**
 * Generic elements
 */
body {
  direction: rtl;
}

ul,
.block ul,
ol {
  padding: 0 1.5em 0 0;
}

ul.menu,
.item-list ul {
  margin: 0.35em -0.5em 0 0;
}

ol li,
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  margin: 0.15em .5em 0.15em 0;
}

ul li.collapsed {
  list-style-image: url(images/menu-collapsed-rtl.gif);
}

ul.inline li {
  padding: 0 0 0 1em;
}

ol.task-list {
  margin-left: 0;
  margin-right: 0;
}

ol.task-list li {
  padding: 0.5em 2em 0.5em 1em;
}

ol.task-list li.active {
  background: transparent url(images/task-list.png) no-repeat 97px 50%;
}

ol.task-list li.done {
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 100% 50%;
}

ol.task-list li.active {
  margin-right: 0;
  margin-left: 1em;
}

dl {
  margin: 0.5em 1.5em 1em 0;
}

dl dt {
}

dl dd {
  margin: 0 1.5em .5em 0;
}

.messages li {
  padding: 0 1.3 0 0;
}

.form-button,
.form-submit {
  margin: 0 0 0 0.5em;
}

.region-header h2 {
  margin: 0 0 0 1em;
}

#wrapper {
  background: #edf5fa url("images/body.png") repeat-x 50% 0;
}

#branding img {
  padding-right: 0;
  padding-left: 20px;
  float: right;
}

#wrapper #container #center {
  float: right;
}

body.sidebar-first #center {
  margin-left: 0;
  margin-right: -210px;
}
body.sidebar-second #center {
  margin-left: -210px;
  margin-right: 0;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-first #squeeze {
  margin-left: 0;
  margin-right: 210px;
}
body.sidebar-second #squeeze {
  margin-left: 210px;
  margin-right: 0;
}

#wrapper #container .sidebar {
  float: right;
}

#sidebar-first .block {
  padding: 0 0 0 15px;
}

#sidebar-second .block {
  padding: 0 15px 0 0;
}



#sidebar-first .block-region {
  margin: 0 0 0 15px;
}

#sidebar-second .block-region {
  margin: 0 15px 0px 0;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  background: #fff url("images/bg-content.png") repeat-x 50% 0;
}

#wrapper #container .breadcrumb {
  position: absolute;
  top: 15px;
  left: 0;
  right: 35px;
  z-index: 3;
}

/**
 * Primary navigation
 */
ul.main-menu {
  float: left;
  width:70%;
}

ul.main-menu li {
  float: right;
}

/**
 * Secondary navigation
 */
ul.secondary-menu {
  float: left;
  clear: left;
  margin-left: 16em;
}

ul.secondary-menu li {
  float: right;
}

ul.primary {
  float: right;
}
ul.secondary {
  clear: both;
  text-align: right;
}
h1.with-tabs {
  float: right;
  margin: 0 0 0 2em;
}

ul.primary li a,
ul.primary li.active a,
ul.primary li a:hover,
ul.primary li a:visited,
ul.secondary li a,
ul.secondary li.active a,
ul.secondary li a:hover,
ul.secondary li a:visited {
  margin: 0 1px 0 0;

}
ul.primary li a:after {
  /* Fix Firefox 2 RTL bug. */
  content: " ";
}

ul.links li, ul.inline li {
  padding-left: 1em;
  padding-right: 0;
}

.node .links,
.comment .links {
  text-align: right;
  padding-right: 0;
}

.user-picture,
.comment .submitted {
  padding-left: 0;
  float: left;
  clear: left;
  padding-right: 1em;
}

.new {
  float: left;
}

.indented {
  margin-left: 0;
  margin-right: 25px;
}

html.js fieldset.collapsible .fieldset-legend {
  padding-left: 0;
  padding-right: 2em;
  background: url("images/menu-expanded.gif") no-repeat 100% 50%;
}

html.js fieldset.collapsed .fieldset-legend {
  background: url("images/menu-collapsed-rtl.gif") no-repeat 100% 50%;
}

/**
 * Vertical tabs.
 */
div.vertical-tabs {
  margin-left: 5%;
  margin-right: 15em;
}

/**
 * Syndication Block
 */
#block-node-syndicate h2 {
  float: right;
  padding-right: 0;
  padding-left: 20px;
}

#block-node-syndicate img {
  float: left;
}

#block-node-syndicate .content {
  clear: left;
}

/**
 * Login Block
 */
#user-login-form ul {
  text-align: right;
}
#user-login-form .openid-links {
  padding-left: 0;
  padding-right: 0.5em;
}
#user-login-form .openid-links li.user-link {
  padding-left: 0;
  padding-right: 1em;
}

div.admin .left {
  float: right;
}

div.admin .right {
  float: left;
}

/* Fix Opera, IE6 and IE7 header width */
#wrapper #container #header {
  position: relative;
  width: 100%;
}

#wrapper #container #header #logo-floater {
  width: 100%;
  left: 0;
  top:0;
}

/**
 * Fixes for IE7 - Does not break other browsers
 */

/* Position:relative on these breaks IE7. */
ul.primary li a,
ul.primary li.active a,
ul.primary li a:hover,
ul.primary li a:visited,
ul.secondary li a,
ul.secondary li.active a,
ul.secondary li a:hover,
ul.secondary li a:visited {
  position: static;
}

/* Fix right and left cloumns position breaking on window resize */
#container {
  position: relative;
}

#center {
  position: relative;
}

#sidebar-second {
  position: absolute;
  right: 0;
}

/**
 * Apply hasLayout to elements in IE7, using standard property "min-height"
 * (see http://www.satzansatz.de/cssd/onhavinglayout.html)
 */

/* Fix background bleed in center column. */
#squeeze,
#squeeze .right-corner {
  min-height: 1%;
}

Other Drupal examples (source code examples)

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