Project

General

Profile

Bug #22507 » 14195-binary.diff

Administrator Admin, 2010-04-24 20:04

View differences:

NEWS.txt (Arbeitskopie)
Backend
=======
* It is now possible to add whole directories of CSS files to the backend by setting $TBE_STYLES['stylesheetDirectories'][$_EXTKEY][] = 'EXT:myext/stylesheets/'
* The TYPO3 Backend was moved into an ExtJS Viewport. This is one of the first steps in a sequence to ExtJSify the complete backend. Currently this gives you the possibility to create your own left sidebar (like the pagetree) in your backend modules. Also you can extend the viewport easily with own code to create e.g. a collapsable module menu. More Informations can be found in the TYPO3 Wiki and the official ExtJS viewport documentation. See these links: http://wiki.typo3.org/index.php/TYPO3Viewport and http://www.extjs.com/deploy/dev/docs/
* Inline Records (IRRE Elements) are now loaded on demand, which is only when they are opened. This should speed up the editing process drastically.
typo3/stylesheet_print.css (Arbeitskopie)
/* - - - - - - - - - - - - - - - - - - - - -
Title : TYPO3 general backend styles for printing
Description : Stylesheet for the TYPO3 backend when printing.
You can configure another/additional stylesheet for
use by the $TBE_STYLES global var
$Id$
- - - - - - - - - - - - - - - - - - - - - */
div#typo3-docbody {
overflow: visible;
}
typo3/js/extjs/viewportConfiguration.js (Arbeitskopie)
border: false,
items: [{
region: 'north',
id: 'typo3-toolbar',
id: 'typo3-topbar',
contentEl: 'typo3-top-container',
border: false
}, {
typo3/js/extjs/backendsizemanager.js (Arbeitskopie)
TYPO3.BackendSizeManager = function() {
var resizeBackend = function() {
var viewportHeight = document.viewport.getHeight();
var topHeight = Ext.get('typo3-toolbar').getHeight();
var topHeight = Ext.get('typo3-topbar').getHeight();
var styles = {
height: (viewportHeight - topHeight) + 'px'
}
typo3/js/extjs/viewport.js (Arbeitskopie)
navigationWidgetMetaData: {},
/**
* The toolbar area
* The topbar area
*
* @var Ext.Panel
*/
Toolbar: null,
Topbar: null,
/**
* The content area
......
this.ContentContainer = Ext.ComponentMgr.get('typo3-contentContainer');
this.NavigationContainer = Ext.ComponentMgr.get('typo3-navigationContainer');
this.Toolbar = Ext.ComponentMgr.get('typo3-toolbar');
this.Topbar = Ext.ComponentMgr.get('typo3-topbar');
this.ModuleMenuContainer = Ext.ComponentMgr.get('typo3-module-menu');
},
typo3/template.php (Arbeitskopie)
var $bgColor5 = '#ABBBB4'; // light tablerow background, greenish
var $bgColor6 = '#E7DBA8'; // light tablerow background, yellowish, for section headers. Light.
var $hoverColor = '#254D7B';
var $styleSheetFile = 'stylesheet.css'; // Filename of stylesheet (relative to PATH_typo3)
var $styleSheetFile = ''; // Filename of stylesheet (relative to PATH_typo3)
var $styleSheetFile2 = ''; // Filename of stylesheet #2 - linked to right after the $this->styleSheetFile script (relative to PATH_typo3)
var $styleSheetFile_post = ''; // Filename of a post-stylesheet - included right after all inline styles.
var $styleSheetFile_print = 'stylesheet_print.css'; // Filename of a print-stylesheet - included after all styles.
var $backGroundImage = ''; // Background image of page (relative to PATH_typo3)
var $inDocStyles_TBEstyle = ''; // Inline css styling set from TBE_STYLES array
// Skinning
// stylesheets from core
protected $stylesheetsCore = array(
'structure' => 'stylesheets/structure/',
'visual' => 'stylesheets/visual/',
);
// include these CSS directories from skins by default
protected $stylesheetsSkins = array(
'structure' => 'stylesheets/structure/',
'visual' => 'stylesheets/visual/',
);
// DEV:
var $parseTimeFlag = 0; // Will output the parsetime of the scripts in milliseconds (for admin-users). Set this to false when releasing TYPO3. Only for dev.
......
if ($TBE_STYLES['stylesheet']) $this->styleSheetFile = $TBE_STYLES['stylesheet'];
if ($TBE_STYLES['stylesheet2']) $this->styleSheetFile2 = $TBE_STYLES['stylesheet2'];
if ($TBE_STYLES['styleSheetFile_post']) $this->styleSheetFile_post = $TBE_STYLES['styleSheetFile_post'];
if ($TBE_STYLES['styleSheetFile_print']) $this->styleSheetFile_print = $TBE_STYLES['styleSheetFile_print'];
if ($TBE_STYLES['inDocStyles_TBEstyle']) $this->inDocStyles_TBEstyle = $TBE_STYLES['inDocStyles_TBEstyle'];
// Stylesheets from skins:
// stylesheet directories have to be registered this way in ext_tables.php:
// $TBE_STYLES['stylesheetDirectories'][$_EXTKEY][] = 'EXT:myext/stylesheets/visual/'
if (is_array($TBE_STYLES['stylesheetDirectories'])) {
// loop over all extensions registering stylesheetDirectories
foreach ($TBE_STYLES['stylesheetDirectories'] as $key => $directories) {
// loop over all stylesheetDirectories of this extension
foreach ($directories as $directory) {
// we expect EXT:myext/.../ here
$extKey = substr($directory, 4, strpos($directory, '/') - 4);
$styleDirectory = substr($directory, strpos($directory, '/') + 1);
// ensure that we have a trailing /
$styleDirectory = rtrim($styleDirectory, '/') . '/';
// add stylesheets
if (is_readable(t3lib_extMgm::extPath($extKey) . $styleDirectory)) {
$this->addStyleSheetDirectory(t3lib_extMgm::extRelPath($extKey) . $styleDirectory);
// add default core stylesheets
foreach ($this->stylesheetsCore as $stylesheetDir) {
$this->addStyleSheetDirectory($stylesheetDir);
}
// Stylesheets from skins
// merge default css directories ($this->stylesheetsSkin) with additional ones and include them
if (is_array($TBE_STYLES['skins'])) {
// loop over all registered skins
foreach ($TBE_STYLES['skins'] as $skinExtKey => $skin) {
$stylesheetDirs = $this->stylesheetsSkins;
// skins can add custom stylesheetDirectories using
// $TBE_STYLES['skins'][$_EXTKEY]['stylesheetDirectories']
if (is_array($skin['stylesheetDirectories'])) {
$stylesheetDirs = array_merge($stylesheetDirs, $skin['stylesheetDirectories']);
}
// add all registered directories
foreach ($stylesheetDirs as $stylesheetDir) {
// for EXT:myskin/stylesheets/ syntax
if (substr($stylesheetDir, 0, 4) === 'EXT:') {
list($extKey, $path) = explode('/', substr($stylesheetDir, 4), 2);
if (strcmp($extKey, '') && t3lib_extMgm::isLoaded($extKey) && strcmp($path, '')) {
$stylesheetDir = t3lib_extMgm::extRelPath($extKey) . $path;
}
} else {
// for relative paths
$stylesheetDir = t3lib_extMgm::extRelPath($skinExtKey) . $stylesheetDir;
}
$this->addStyleSheetDirectory($stylesheetDir);
}
}
}
......
if ($this->styleSheetFile_post) {
$this->pageRenderer->addCssFile($this->backPath . $this->styleSheetFile_post);
}
if ($this->styleSheetFile_print) {
$this->pageRenderer->addCssFile($this->backPath . $this->styleSheetFile_print, 'stylesheet', 'print');
}
}
typo3/install/index.php (Arbeitskopie)
}
// Define the stylesheet
$stylesheet = '<link rel="stylesheet" type="text/css" href="' .
'../css/install.css" />';
'../stylesheets/install/install.css" />';
// Get the template file
$template = @file_get_contents($PATH_site . '/typo3/templates/install.html');
// Define the markers content
......
define('TYPO3_enterInstallScript', '1');
require ('../init.php');
?>
?>
typo3/stylesheets/structure/print.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Title : TYPO3 general backend styles for printing
Description : Stylesheet for the TYPO3 backend when printing.
You can configure another/additional stylesheet for
use by the $TBE_STYLES global var
$Id: stylesheet_print.css 7121 2010-03-16 20:24:46Z xperseguers $
- - - - - - - - - - - - - - - - - - - - - */
@media print {
div#typo3-docbody {
overflow: visible;
}
}
typo3/stylesheets/structure/toolbar.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Toolbar inside the Topbar
$Id$
- - - - - - - - - - - - - - - - - - - - - */
#typo3-toolbar li {
float: left;
}
typo3/stylesheets/structure/main_scaffolding.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
TYPO3 backend scaffolding
$Id$
- - - - - - - - - - - - - - - - - - - - - */
iframe {
width: 100%;
}
#typo3-side-menu,
iframe {
height: 100%;
overflow: auto;
}
typo3/stylesheets/structure/element_csh.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Context Sensitive Help (CSH)
$Id$
- - - - - - - - - - - - - - - - - - - - - */
a.typo3-csh-link span.typo3-csh-inline {
display: none;
}
a.typo3-csh-link:hover span.typo3-csh-inline {
display: block;
}
typo3/stylesheets/structure/element_docheader.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Docheader
$Id$
- - - - - - - - - - - - - - - - - - - - - */
div#typo3-docbody {
bottom: 0;
overflow: auto;
position: absolute;
top: 51px;
width: 100%;
}
typo3/stylesheets/structure/topbar.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Topbar (whole upper area), containts Logo and toolbar
$Id$
- - - - - - - - - - - - - - - - - - - - - */
#typo3-topbar {
height: 25px;
}
#typo3-logo {
float: left;
}
typo3/stylesheets/visual/main_content.css (Revision 0)
/* - - - - - - - - - - - - - - - - - - - - -
Basic styles
$Id: topbar.css 2247 2010-04-23 11:09:11Z stephenking $
- - - - - - - - - - - - - - - - - - - - - */
a img {
border: none;
}
typo3/backend.php (Arbeitskopie)
// add default BE css
$this->css = '';
$this->cssFiles = array(
'backend-scaffolding' => 'css/backend-scaffolding.css',
'backend-style' => 'css/backend-style.css',
'modulemenu' => 'css/modulemenu.css',
);
$this->cssFiles = array();
$this->toolbarItems = array();
$this->initializeCoreToolbarItems();
typo3/stylesheet.css (Arbeitskopie)
/* - - - - - - - - - - - - - - - - - - - - -
Title : TYPO3 general backend styles
Description : Stylesheet for the TYPO3 backend.
You can configure another/additional stylesheet for
use by the $TBE_STYLES global var
$Id$
- - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - -
main styles
- - - - - - - - - - - - - - - - - - - - - */
html {
height: 100%;
}
select,
textarea,
input,
td,
body,
.defstyle,
p,
div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
color: black;
line-height: 14px;
}
form {
margin: 0px;
}
h1,
h2,
h3,
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 6px 0;
}
/* Occasionally used, eg. in About Modules: */
h1 {
font-size: 14px;
text-align: center;
margin-top: 16px;
margin-bottom: 16px;
}
/* MAIN page header: */
h2 {
background-color: #9BA1A8;
text-align: center;
}
/* Normal section headers */
h3 {
margin: 8px 0px 5px 0px;
padding: 1px 3px 1px 3px;
background-color: #E7DBA8;
}
/* Discrete section headers (no background) */
h4 {
margin-top: 6px;
color: #333;
}
/* Preformatted text - not used so much in TYPO3 */
pre {
font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
font-size: 11px;
margin: 0px;
}
/* Links in general */
a {
color: black;
text-decoration: underline;
}
a:hover {
color: #254D7B;
}
/* horizontal ruler */
hr, div.hr {
height: 1px;
color: #ddd;
background-color: #ddd;
border-top: 1px solid #7a7a7a;
border-bottom: 1px solid black;
}
img {
border: 0px;
}
/* - - - - - - - - - - - - - - - - - - - - -
Background color classes
- - - - - - - - - - - - - - - - - - - - - */
.bgColor {
background-color: #F7F3EF;
}
.bgColor-10 {
background-color: #ede9e5;
}
.bgColor-20 {
background-color: #e3dfdb;
}
.bgColor2 {
background-color: #9BA1A8;
}
.bgColor3 {
background-color: #F6F2E6;
}
.bgColor3-20 {
background-color: #e2ded2;
}
.bgColor4 {
background-color: #D9D5C9;
}
.bgColor4-20 {
background-color: #c5c1b5;
}
.bgColor5 {
background-color: #ABBBB4;
}
.bgColor6 {
background-color: #E7DBA8;
}
/* - - - - - - - - - - - - - - - - - - - - -
body tags
- - - - - - - - - - - - - - - - - - - - - */
/* Set default values for bodytags: */
body {
margin: 2px 2px 0px 4px;
background-color: #F7F3EF;
}
/* Setting alternative background color on some frames: */
body#typo3-alt-toplogo-php,
body#typo3-alt-menu-sel-php,
body#typo3-alt-topmenu-dummy-php,
body#typo3-alt-topmenu-dummy-php-iconmenu,
body#typo3-alt-clickmenu-php,
body#typo3-alt-clickmenu-php-notop,
body#typo3-alt-palette-php {
background-color: #9BA1A8;
}
body#typo3-alt-intro-php,
body#typo3-alt-doc-php,
body#typo3-alt-file-navframe-php,
body#typo3-db-list-php,
body#typo3-mod-web-perm-index-php,
body#typo3-mod-web-info-index-php,
body#typo3-mod-web-func-index-php,
body#typo3-mod-user-ws-index-php,
body#typo3-mod-user-ws-workspaceforms-php,
body#typo3-mod-php,
body#typo3-mod-tools-em-index-php,
body#typo3-wizard-rte-php,
body#typo3-pagetree,
body#typo3-db-new-php,
body#typo3-move-el-php,
body#typo3-show-rechis-php,
body#typo3-wizard-table-php,
body#typo3-wizard-forms-php,
body#ext-cms-layout-db-layout-php,
body#ext-tstemplate-ts-index-php,
body#ext-version-cm1-index-php,
body#ext-setup-mod-index-php,
body#ext-tsconfig-help-mod1-index-php,
body#ext-lowlevel-dbint-index-php,
body#ext-lowlevel-config-index-php,
body#ext-indexed-search-mod-index-php,
body#ext-cms-layout-db-new-content-el-php,
body#ext-beuser-mod-index-php,
body#ext-belog-mod-index-php,
body#ext-recycler-mod1-index-php,
body#imp-exp-mod {
padding: 0;
margin: 0;
overflow: hidden;
height: 100%;
}
/* Set body styles for Filelist module */
body#typo3-file-newfolder-php,
body#typo3-file-list-php,
body#typo3-file-edit-php,
body#typo3-file-rename-php,
body#typo3-file-upload-php {
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
}
/* Set body styles for Filelist module */
BODY#typo3-file-newfolder-php, BODY#typo3-file-list-php, BODY#typo3-file-edit-php, BODY#typo3-file-rename-php, BODY#typo3-file-upload-php { margin: 0;}
/* - - - - - - - - - - - - - - - - - - - - -
specific wrappers
The "template" class is usually instantiated as either
bicDoc, mediumDoc, smallDoc or noDoc.
Each of these will result in the whole page content between the bodytags being
wrapped in a DIV-section with a class.
The class name will be "typo3-[classname]"
In particular we set the width of these wrapper-sections:
- - - - - - - - - - - - - - - - - - - - - */
div.typo3-bigDoc, div.typo3-noDoc {
margin-left: 10px;
margin-top: 5px;
width: 740px;
}
div.typo3-noDoc H2 {
width: 740px;
}
div.typo3-mediumDoc {
width: 470px;
}
div.typo3-smallDoc {
width: 350px;
}
div.typo3-fullDoc {
width: 100%;
height: 100%;
}
/* - - - - - - - - - - - - - - - - - - - - -
special backend elements
- - - - - - - - - - - - - - - - - - - - - */
/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
body#typo3-alt-clickmenu-php {
background-image: url(gfx/alt_topmenu_back_full.gif);
margin-top: 10px;
}
body#typo3-alt-clickmenu-php-notop {
background-image: url(gfx/alt_topmenu_back_dummy.gif);
}
table#typo3-CSM-top a {
text-decoration: none;
}
table#typo3-CSM-top img {
vertical-align: middle;
margin-bottom: 2px;
}
table#typo3-CSM-top tr td {
white-space: nowrap;
}
table#typo3-CSM-top tr td.c-closebutton {
padding-left: 10px;
}
table#typo3-CSM-top tr td.c-itemicon {
padding-left: 10px;
font-weight: bold;
}
table#typo3-CSM-top img.c-roimg {
margin-right: 2px;
}
/* - - - - - - - - - - - - - - - - - - - - -
Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
- - - - - - - - - - - - - - - - - - - - - */
table.typo3-CSM {
border: #9BA1A8 1px solid;
}
table.typo3-CSM td.typo3-CSM-item {
white-space: nowrap;
}
table.typo3-CSM tr.typo3-CSM-itemRow td {
padding: 1px 5px 1px 5px;
}
table.typo3-CSM tr.typo3-CSM-itemRow {
height: 13px;
cursor: pointer;
}
/* - - - - - - - - - - - - - - - - - - - - -
Top menu (alt_topmenu_dummy.php)
- - - - - - - - - - - - - - - - - - - - - */
body#typo3-alt-topmenu-dummy-php {
background-image: url(gfx/alt_topmenu_back_dummy.gif);
}
body#typo3-alt-topmenu-dummy-php-iconmenu {
background-image: url(gfx/alt_topmenu_back_full.gif);
margin-top: 8px;
margin-left: 6px;
}
table#typo3-topMenu tr td {
white-space: nowrap;
vertical-align: top;
}
table#typo3-topMenu tr td.c-logout,
table#typo3-topMenu tr td.c-admin {
padding-left: 20px;
}
table#typo3-topMenu tr td.c-menu img {
margin: 2px 1px 0px 1px;
}
table#typo3-topMenu tr td.c-menu A.c-subitem {
padding: 3px 0px 0px 0px;
}
table#typo3-topMenu tr td.c-menu A.c-subitem-HL {
background-color: #D9D5C9;
padding: 3px 3px 0px 3px;
border: 1px solid black;
}
table#typo3-topMenu tr td.c-menu A.c-mainitem {
padding: 3px 0px 0px 0px;
}
table#typo3-topMenu tr td.c-menu A.c-mainitem-HL {
background-color: #D9D5C9;
padding: 3px 3px 0px 3px;
border: 1px solid black;
}
/* - - - - - - - - - - - - - - - - - - - - -
Tab menu (template.php)
- - - - - - - - - - - - - - - - - - - - - */
table#typo3-tabmenu {
margin-top: 5px;
}
table#typo3-tabmenu tr {
height: 1.5em;
}
table#typo3-tabmenu td.tabact {
color: black;
border: solid black 1px;
background: #e7dba8;
}
table#typo3-tabmenu td.tab {
color: #666;
border: solid #555 1px;
border-left: solid #aaa 3px;
background: #c4d4cd;
}
table#typo3-tabmenu td.tab,
table#typo3-tabmenu td.tabact {
border-bottom: 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
table#typo3-tabmenu td a {
color: #666;
text-decoration: none;
display: block;
width: 100%;
padding: 2px 5px 3px 2px;
}
table#typo3-tabmenu td.tabact a {
color: black;
padding-left: 10px;
padding-right: 10px;
}
table#typo3-tabmenu td A:hover {
color: black;
text-decoration: none;
}
table#typo3-tabmenu td.tab:hover {
background: #f6eab7;
}
/* - - - - - - - - - - - - - - - - - - - - -
Dynamic Tab menu (template.php)
- - - - - - - - - - - - - - - - - - - - - */
div.typo3-dyntabmenu-tabs {
margin-top: 5px;
padding-right: 20px;
}
div.typo3-dyntabmenu-divs p.c-descr {
font-style: italic;
padding: 3px 10px 5px 10px;
background: #e7dba8;
}
table.typo3-dyntabmenu tr {
height: 1.5em;
}
table.typo3-dyntabmenu td {
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
border: 1px solid #555;
border-bottom: none;
}
table.typo3-dyntabmenu td,
table.typo3-dyntabmenu td a {
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
}
table.typo3-dyntabmenu td.tab {
background: #c4d4cd;
}
table.typo3-dyntabmenu td.tabact {
background: #e7dba8;
}
table.typo3-dyntabmenu td.tabact,
table.typo3-dyntabmenu td.tabact_over {
border-color: black;
}
table.typo3-dyntabmenu td.tab_over,
table.typo3-dyntabmenu td.tabact_over {
background: #f6eab7;
}
table.typo3-dyntabmenu td.disabled,
table.typo3-dyntabmenu td.disabled_over {
color: #999;
background: #ccc;
cursor: default;
}
table.typo3-dyntabmenu td a {
color: #666;
text-decoration: none;
display: block;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}
table.typo3-dyntabmenu td.tabact a,
table.typo3-dyntabmenu td.tabact_over a {
color: black;
}
table.typo3-tabmenu td:hover {
background: #f6eab7;
}
div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
margin-left: 20px;
}
div.typo3-dyntabmenu-divs-foldout div.tab,
div.typo3-dyntabmenu-divs-foldout div.tab_over,
div.typo3-dyntabmenu-divs-foldout div.tabact,
div.typo3-dyntabmenu-divs-foldout div.tabact_over,
div.typo3-dyntabmenu-divs-foldout div.disabled,
div.typo3-dyntabmenu-divs-foldout div.disabled_over {
border: solid black 1px;
margin-top: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
div.typo3-dyntabmenu-divs-foldout div.tab {
background: #c4d4cd;
background-image: url(gfx/ol/plusbullet.gif);
background-repeat: no-repeat;
}
div.typo3-dyntabmenu-divs-foldout div.tab_over {
background: #f6eab7;
background-image: url(gfx/ol/arrowbullet.gif);
background-repeat: no-repeat;
}
div.typo3-dyntabmenu-divs-foldout div.tabact {
background: #e7dba8;
background-image: url(gfx/ol/minusbullet.gif);
background-repeat: no-repeat;
}
div.typo3-dyntabmenu-divs-foldout div.tabact_over {
background: #f6eab7;
background-image: url(gfx/ol/arrowbullet.gif);
background-repeat: no-repeat;
}
div.typo3-dyntabmenu-divs-foldout div.disabled {
color: #999;
background: #ccc;
padding: 2px 2px 2px 18px;
}
div.typo3-dyntabmenu-divs-foldout div.disabled_over {
color: #999;
background: #f6eab7;
padding: 2px 2px 2px 18px;
}
div.typo3-dyntabmenu-divs-foldout div.tab a,
div.typo3-dyntabmenu-divs-foldout div.tabact a,
div.typo3-dyntabmenu-divs-foldout div.tab_over a,
div.typo3-dyntabmenu-divs-foldout div.tabact_over a {
text-decoration: none;
display: block;
padding: 2px 2px 2px 18px;
}
/* - - - - - - - - - - - - - - - - - - - - -
Flash Messages (template.php)
- - - - - - - - - - - - - - - - - - - - - */
#typo3-messages {
margin-bottom: 10px;
}
.typo3-message {
padding: 6px;
padding-left: 26px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 4px 4px;
border: 1px solid;
}
.typo3-message a {
text-decoration: underline;
}
.typo3-message ul,
.typo3-message ol {
padding-left: 16px;
}
.typo3-message .message-header {
display: block;
margin-bottom: 5px;
margin-top: -1px;
font-size: 11px;
font-weight: bold;
}
.message-notice {
background-image: url(gfx/notice.png);
background-color: #f6f7fa;
border-color: #c2cbcf;
}
.message-information {
background-image: url(gfx/information.png);
background-color: #ddeef9;
border-color: #8aafc4;
}
.message-ok {
background-image: url(gfx/ok.png);
background-color: #cdeaca;
border-color: #58b548;
}
.message-warning {
background-image: url(gfx/warning.png);
background-color: #fbffb3;
border-color: #c4b70d;
}
.message-error {
background-image: url(gfx/error.png);
background-color: #fbb19b;
border-color: #dc4c42;
}
/* - - - - - - - - - - - - - - - - - - - - -
User settings
- - - - - - - - - - - - - - - - - - - - - */
table.typo3-usersettings td {
width: 300px;
}
table.typo3-usersettings td.td-label label {
float: left;
margin-left: 3px;
width: 275px;
}
table.typo3-usersettings a.typo3-csh-link {
float: left;
}
table.typo3-usersettings img.csh-dummy {
float: left;
vertical-align:middle;
margin-right: 4px;
}
table.typo3-usersettings td.td-label-right {
padding-left: 30px;
width: 50px;
}
/* - - - - - - - - - - - - - - - - - - - - -
Logo frame (alt_toplogo.php)
- - - - - - - - - - - - - - - - - - - - - */
body#typo3-alt-toplogo-php {
margin: 0px 0px 0px 0px;
}
/* - - - - - - - - - - - - - - - - - - - - -
Help > About modules (alt_intro.php)
- - - - - - - - - - - - - - - - - - - - - */
div.typo3-alt-intro-php {
height: 100%;
overflow: auto;
}
#typo3-alt-intro-php-sub {
margin-left: 10px;
width: 600px;
}
table#typo3-about-modules {
margin-top: 5px;
}
table#typo3-about-modules tr td {
vertical-align: top;
padding: 2px 2px 2px 2px;
}
table#typo3-about-modules tr.c-mainitem td img {
vertical-align: middle;
padding: 0px 2px 0px 2px;
}
/* - - - - - - - - - - - - - - - - - - - - -
Vertical Module Menu script, left frame (alt_menu.php)
- - - - - - - - - - - - - - - - - - - - - */
body#typo3-alt-menu-php {
margin: 2px 0px 0px 2px;
}
body#typo3-alt-menu-php a {
text-decoration: none;
}
table#typo3-vmenu tr.c-mainitem td {
background-color: #d9d9d8;
padding: 1px 1px 1px 1px;
border: #9BA1A8 1px solid;
vertical-align: middle;
width: 100px;
height: 14px;
cursor: pointer;
}
table#typo3-vmenu tr.c-mainitem td span.c-label A {
text-decoration: underline;
}
table#typo3-vmenu tr.c-mainitem td img {
vertical-align: middle;
margin-right: 2px;
}
table#typo3-vmenu tr.c-mainitem td span.c-label {
position: relative;
top: 1px;
}
table#typo3-vmenu tr.c-mainitem td span.c-iconCollapse {
position: absolute;
left: 100px;
}
table#typo3-vmenu tr.c-mainitem-HL td {
background-color: #aaa;
padding: 1px 1px 1px 1px;
border: #9BA1A8 1px solid;
vertical-align: middle;
}
table#typo3-vmenu tr.c-mainitem-HL td span.c-label a {
text-decoration: underline;
}
table#typo3-vmenu tr.c-mainitem-HL td img {
vertical-align: middle;
margin-right: 2px;
}
table#typo3-vmenu tr.c-mainitem-HL td span.c-label {
position: relative;
top: 1px;
}
table#typo3-vmenu tr.c-endrow td {
height: 5px;
}
table#typo3-vmenu tr.c-first td {
height: 2px;
}
table#typo3-vmenu td.c-subitem-label a {
display: block;
width: 100%;
}
table#typo3-vmenu tr.c-subitem-row {
}
table#typo3-vmenu tr.c-subitem-row-HL {
background-color: #e3dfdb;
}
table#typo3-adminmenu tr.c-mainitem td {
background-color: #d9d9d8;
padding: 1px 1px 1px 1px;
border: #9BA1A8 1px solid;
vertical-align: middle;
height: 14px;
text-align: center;
white-space: nowrap;
cursor: default;
}
table#typo3-adminmenu tr.c-subitem td.icon {
vertical-align: middle;
padding: 0 2px 0 0;
}
div#typo3-alt-menu-php-logininfo {
text-align: center;
width: 90px;
margin-top: 15px;
margin-bottom: 15px;
}
div#typo3-alt-menu-php-logininfo P {
margin-top: 5px;
}
div#typo3-alt-menu-php-adminFunc {
text-align: left;
width: 80px;
margin-top: 15px;
}
div#typo3-alt-menu-php-adminFunc table {
border-spacing: 0;
margin: 0 0 2px 0;
}
/* Configuration module */
body#ext-lowlevel-config-index-php #lowlevel-config {
margin-bottom:10px;
}
body#ext-lowlevel-config-index-php #lowlevel-config label {
padding: 0 6px; vertical-align:text-top;
}
body#ext-lowlevel-config-index-php #lowlevel-config #search {
margin-right:10px;
}
body#ext-lowlevel-config-index-php #lowlevel-config-var {
margin: 10px 10px 10px 0;
padding: 10px;
border: 1px solid black;
background-color: #eee;
line-height: 1.8;
}
/* dbint module */
body#ext-lowlevel-dbint-index-php table.qg-make-query td input {
margin: 0 2px;
vertical-align: middle;
}
/* - - - - - - - - - - - - - - - - - - - - -
Trees
- - - - - - - - - - - - - - - - - - - - - */
table#typo3-tree a {
text-decoration: none;
}
table#typo3-tree tr td {
white-space: nowrap;
}
table#typo3-tree tr td img {
vertical-align: middle;
}
table#typo3-tree tr td img.c-recIcon {
margin-right: 1px;
}
table#typo3-tree {
margin-bottom: 10px;
width: 95%;
}
P.c-refresh img {
vertical-align: middle;
margin-right: 7px;
}
body#typo3-alt-db-navframe-php div.c-notice {
border: 1px solid black;
padding: 5px 5px 5px 5px;
margin-top: 5px;
margin-bottom: 10px;
width: 95%;
}
.navFrameHL {
background-color: #ebebeb;
}
/* - - - - - - - - - - - - - - - - - - - - -
AJAX Page Tree
- - - - - - - - - - - - - - - - - - - - - */
body#typo3-pagetree,
body#typo3-alt-file-navframe-php {
margin: 0;
padding: 0;
}
body#typo3-pagetree #typo3-inner-docbody,
body#typo3-alt-file-navframe-php #typo3-inner-docbody {
padding-right: 0px;
}
ul.tree {
list-style: none;
margin: 0;
padding: 0;
clear: both;
}
ul.tree A {
text-decoration: none;
}
ul.tree A.pm {
cursor: pointer;
}
ul.tree img {
vertical-align: middle;
}
ul.tree ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 17px;
}
ul.tree ul li {
list-style: none;
margin: 0;
padding: 0;
line-height: 10px;
white-space: nowrap;
}
ul.tree ul li.expanded ul {
background: transparent url('gfx/ol/line.gif') repeat-y top left;
}
ul.tree ul li.last > ul {
background: none;
}
ul.tree li.active, ul.tree ul li.active {
background-color: #ebebeb !important;
}
ul.tree li.active ul, ul.tree ul li.active ul {
background-color: #f7f3ef;
}
#dragIcon {
z-index: 1;
position: absolute;
visibility: hidden;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
white-space: nowrap;
z-index: 20;
}
#treeFilterBox {
position: absolute;
z-index: 3;
top: 22px;
width: 260px;
height: 27px;
background-repeat: no-repeat;
background-position: 2px -2px;
background-image: url('gfx/filter_bg.gif');
}
#searchBubble {
padding-left: 10px;
}
#treeFilter {
font-size: 11px;
height: 16px;
width: 165px;
margin: 6px 0pt 0pt 19px !important;
border: 0px;
background: transparent;
}
#treeFilterReset {
border: 0;
position: absolute;
top: 6px;
left: 194px;
cursor: pointer;
visibility: hidden;
}
#typo3-pagetree #typo3-docheader img,
#typo3-alt-file-navframe-php #typo3-docheader img {
margin: 2px 1px;
}
#treeRoot {
margin-top: 6px;
}
/* - - - - - - - - - - - - - - - - - - - - -
TCEforms
- - - - - - - - - - - - - - - - - - - - - */
img.t3-TCEforms-reqImg {
display:inline-block;
margin-right:3px;
margin-top:4px;
margin-left:3px;
width:16px;
height:16px;
}
img.t3-TCEforms-reqTabImg {
margin-left:4px;
margin-bottom:-3px;
width:16px;
height:16px;
}
img.t3-TCEforms-contentchangedImg {
display:inline-block;
margin-bottom:2px;
width: 7px;
}
img.t3-TCEforms-reqPaletteImg {
display:inline-block;
margin-right:2px;
width:16px;
height:16px;
}
img.t3-TCEforms-contentchangedPaletteImg {
width: 7px;
}
table.typo3-TCEforms {
width: 93%;
border-collapse: collapse;
}
table.typo3-TCEforms span.typo3-TCEforms-recHeader {
font-weight: bold;
color: #333366;
}
table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow,
table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
border: 0;
}
table.typo3-TCEforms span.typo3-TCEforms-newToken {
font-weight: bold;
color: #990000;
}
table.typo3-TCEforms span.typo3-TCEforms-helpText {
color: #666;
}
table.typo3-TCEforms OPTGROUP.c-divider,
select option.c-divider {
font-style: italic;
color: #666;
background-color: #eee;
text-transform: uppercase;
margin-top: 10px;
padding: 0px;
border-top: 1px solid #666;
}
table.typo3-TCEforms OPTGROUP OPTION {
font-style: normal;
color: black;
background-color: white;
text-transform: none;
border-bottom: none;
padding: 2px;
margin: 0px;
text-indent: 0px;
}
table.typo3-TCEforms select.icon-select option {
padding-left: 22px;
... This diff was truncated because it exceeds the maximum size that can be displayed.
(1-1/5)