J1.5

Customising the Beez template/CSS/position.css

From Joomla! Documentation

< J1.5:Customising the Beez template
Revision as of 11:30, 12 December 2008 by Bembelimen (talk | contribs) (New page: /** * @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $ * @author Design & Accessible Team ( Angie Radtke / Robert Deutz ) * @package Joomla * @subpackage Accessible-Temp...)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

/**

* @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $
* @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
* @package Joomla
* @subpackage Accessible-Template-Beez
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/

{ margin: 0; padding: 0; }

body { background: #F2E3ED; color: #000000; font-family: arial, helvetica, sans-serif; font-size: 100.1%; padding: 0px; text-align: center; }

/* ################ Position ################ */

  1. all

{ background: #FFFFFF; border: solid 1px #DBB0CD; color: #000000; font-size: 0.8em; margin: 0 auto; max-width: 1000px; padding: 0 3px 3px 3px; text-align: left; }

  1. page { }
  1. header

{ background: #fff; color: #000000; margin: 0; position: relative; text-align: right; border-bottom: solid 4px #ccc; }

  1. contentarea,#contentarea2

{ border: solid 0px #000; margin: 0; padding: 0px 0px 0px 0px; position: relative; overflow: hidden; }

  1. wrapper { margin: 0 0 0 21%}
  2. left

{ background: #FFFFFF; border-right: solid 0px #EEEEEE; float: left; margin: 20px 0 0 0; width: 21%; }

  1. right

{ color: #000; float:left; width: 28%; padding-top:10px

}

  1. main2

{ background: #fff; width:64%; padding: 25px 20px 20px 20px; position: relative; min-height:520px; float:left;


}

  1. main

{ background: #fff; margin: 0 0px 0 0; padding: 25px 20px 20px 20px; position: relative; }

/* ###################### generell ###################### */ .unsichtbar,.u2,.invisible , .unseen { display: inline; height: 0px; left: -3000px; position: absolute; top: -2000px; width: 0px; z-index: 200; }

.wrap { border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden; }

  1. logo

{ font-size: 1em !important; font-weight: bold !important; position: relative; text-align: left; text-transform: none !important; z-index: 0; margin-top: 1em; }

  1. logo img { display: block; }
  1. logo span

{ display: block; margin: 0px 0 0 100px !important; border-bottom: solid 1px #666; }

/* ############### main * ########################### */ /* position */ .leading { background: #EFDEEA url(../images/biene.gif) no-repeat top left; border: solid 1px #CCCCCC; color: #000000; margin: 30px 0px 10px 0px; padding: 20px 20px 40px 120px; position: relative; }

.leading_separator { border-bottom: solid 0px #333333; display: block; height: 10px; margin: 0 0 0px 0; }

.article_separator { border: solid 1px #333333; display: none; margin: 0px 0 0px 0; }

.blog { padding: 0; }

.cols1 { display: block; float: none !important; margin: 0 !important; }

.cols2 { width: 45%; } .cols3 { width: 30%; }

.column1 , .column2 { border: solid 0px #D4A7C5; margin: 0 5px 0 0; position: relative; }

.column2 , .column1 { float: left; margin: 0; }

.column2 { float: right; margin: 0; width: 45%; }

.article_row { margin: 0px 0 0px 0; padding: 0; overflow: hidden; }

.article_column { border: solid 0px #ccc; padding: 10px 10px 10px 0; }

.row_separator2 { display: block; clear: both; margin: 0; border: solid 0px; }