openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

commit 54bdc3f957087a7cdd6f50a373bbe9f38ecf7959
parent 4ccf7569630ee310d50ed2a8dd128dc592c5a000
Author: Jan Dankert <devnull@localhost>
Date:   Fri, 28 Sep 2012 23:51:31 +0200

User-Styles (Farben, etc) aus der Konfiguration erzeugen. Damit lassen sich Farben auch in der Konfigurationsdatei überschreiben und neue Styles festlegen.

Diffstat:
action/Action.class.php | 2+-
config/config-default.php | 26++++++++++++++++++++++++++
functions/common.inc.php | 39+++++++++++++++++++++++++++++++++++++++
themes/default/css/layout.css | 1296-------------------------------------------------------------------------------
themes/default/css/openrat.css.php | 1672+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
themes/default/layout/index.php | 3+--
6 files changed, 1739 insertions(+), 1299 deletions(-)

diff --git a/action/Action.class.php b/action/Action.class.php @@ -78,7 +78,7 @@ class Action function setStyle( $style ) { - $this->setControlVar( "new_style", OR_THEMES_EXT_DIR.'default/css/user/'.$style.'.css' ); + $this->setControlVar( "new_style", css_link($style) ); } diff --git a/config/config-default.php b/config/config-default.php @@ -797,6 +797,32 @@ $conf['security']['user'] = array(); $conf['security']['user']['show_admin_mail']=true; $conf['security']['user']['show_mail']=true; $conf['security']['user']['send_message']=true; + +$conf['style'] = array(); +$conf['style']['default']=array(); +$conf['style']['default']['name']='Earl grey'; +$conf['style']['default']['title_background_color']='grey'; +$conf['style']['default']['title_text_color']='white'; +$conf['style']['default']['text_color'] ='black'; +$conf['style']['default']['background_color'] = '#d9d9d9'; +$conf['style']['default']['inactive_background_color'] = 'silver'; + +$conf['style']['system']=array(); +$conf['style']['system']['name']='System colors'; +$conf['style']['system']['title_background_color']='Menu'; +$conf['style']['system']['title_text_color']='MenuText'; +$conf['style']['system']['text_color'] ='WindowText'; +$conf['style']['system']['background_color'] = 'Background'; +$conf['style']['system']['inactive_background_color'] = 'WindowFrame'; + +$conf['style']['modern']=array(); +$conf['style']['modern']['name']='Modern Style'; +$conf['style']['modern']['title_background_color']='#3F6194'; +$conf['style']['modern']['title_text_color']='white'; +$conf['style']['modern']['text_color'] ='black'; +$conf['style']['modern']['background_color'] = '#FFF6E6'; +$conf['style']['modern']['inactive_background_color'] = '#FFE5B8'; + $conf['theme'] = array(); $conf['theme']['compiler'] = array(); $conf['theme']['compiler']['enable']=true; diff --git a/functions/common.inc.php b/functions/common.inc.php @@ -139,4 +139,43 @@ function charset() //return lang('CHARSET'); return 'US-ASCII'; } + + + +/** + * Erzeugt einen Link auf die OpenRat-lokale CSS-Datei + * @param $name Name der Style-Konfiguration. Default: 'default'. + */ +function css_link( $name='default' ) +{ + global $conf; + + // Falls Style-Konfiguration unbekannt, dann Fallback auf default. + if ( ! isset($conf['style'][$name])) + $name = 'default'; + + + return OR_THEMES_EXT_DIR.'default/css/openrat.css.php?'.encode_array($conf['style'][$name]); +} + + +/** + * Encodiert ein Array für eine URL. + * + * @param $args URL-Parameter + */ +function encode_array( $args ) +{ + if ( !is_array($args) ) + return ''; + + $out = array(); + + foreach( $args as $name => $value ) + $out[] = $name.'='.urlencode($value); + + return implode('&',$out); +} + + ?> \ No newline at end of file diff --git a/themes/default/css/layout.css b/themes/default/css/layout.css @@ -1,1296 +0,0 @@ -/* -OpenRat Content Management System -Copyright (C) 2002-2010 Jan Dankert - -This program is free software; you can redistribute it and/or -modify it under the terms of the GNU General Public License -as published by the Free Software Foundation; either version 2 -of the License, or (at your option) any later version. - -This program is distributed in the hope that it will be useful, -but WITHOUT ANY WARRANTY; without even the implied warranty of -MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -GNU General Public License for more details. - -You should have received a copy of the GNU General Public License -along with this program; if not, write to the Free Software -Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. -*/ - -/* -Basis-Style for Openrat. -*/ - - -/* R e s e t - Alle Elemente zuruecksetzen */ -/* Source: http://meyerweb.com/eric/tools/css/reset/ */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} -body {line-height:1.5;} -table {border-collapse:separate;border-spacing:0;} -caption, th, td {text-align:left;font-weight:normal;} -table, td, th {vertical-align:top;} -blockquote:before, blockquote:after, q:before, q:after {content:"";} -blockquote, q {quotes:"" "";} -a img {border:none;} - - - -iframe -{ - width:100%; - height:500px; - display:block; - border: 1px solid grey; -} - -div.breadcrumb, -div.breadcrumb a, -div.window > div.title -{ - x-background-color:grey; - xsopacity:0.7; - color:white; - font-weight:bold; -} - -/* H e a d e r */ -div#title -{ - overflow:hidden; - padding:5px; - margin:0px; - margin-bottom:10px; - height:25px; -} - - -div#title div.title -{ - float:left; - margin-right:24px; - margin-left:0px; -} - -div#title div.user, -div#title div.search, -div#title div.projects, -div#title div.history -{ - float:right; - margin-right:0px; - margin-left:24px; -} - -/* - -div#tree -{ - padding:5px; - width:25%; - margin-left:0px; - float:left; -} -*/ - - -/* N o t i c e */ -div#noticebar -{ - display:block; - position:fixed; - bottom:40px; - right:40px; - width:250px; - z-index:113; -} - -div#noticebar div.notice -{ - border: 2px solid black; - - padding:5px; - margin:5px; - - -moz-border-radius:5px; /* Mozilla */ - -webkit-border-radius:5px; /* Webkit */ - -khtml-border-radius:5px; /* Konqui */ - border-radius:5px; /* CSS 3 */ - - -webkit-box-shadow: 3px 2px 5px black; - -moz-box-shadow: 3px 2px 5px black; - box-shadow: 3px 2px 5px black; - - display:none; -} -div#noticebar div.notice.ok -{ - background-color: green; -} -div#noticebar div.notice.warn -{ - background-color: yellow; -} -div#noticebar div.notice.error -{ - background-color:red; -} -div#noticebar div.notice.error div.text -{ - font-weight: bold; -} -div#noticebar div.log -{ - font-family: monospace; -} - -/* H o e h e n */ -html,body -{ - height:100%; -} - - -/* - -div#tree, div#content -{ - height:auto; -} -*/ - -/*div.window { - height:90%; -} -*/ - -div.window > div.title -{ - height:20px; -} - -/* -div.window > div.menu -{ - height:50px; -} -*/ - - -div.window div.status -{ - height:35px; -} -div.window > div.content -{ - xxoverflow-x:auto; -} - - -ul#history > li, -div.content a.action, -div.content a.help, -div.content input.ok, -div.command > input.submit, -div.filler div.headermenu > a.entry, -div.filler div.header a.back.button -{ - margin:9px; - padding-top:4px; - padding-bottom:4px; - padding-left:7px; - padding-right:7px; - border:1px solid grey; - -moz-border-radius:5px; /* Mozilla */ - -webkit-border-radius:5px; /* Webkit */ - -khtml-border-radius:5px; /* Konqui */ - border-radius:5px; - background-color: white; - background: -moz-linear-gradient(top, gray, silver); - background: -webkit-gradient(linear, left top, left bottom, from(gray), to(silver)); - font-style:normal; - font-weight:normal; - text-decoration:none; - cursor:default; - color:black; -} - -ul#history > li.active -{ - background-color: white; - background: white; - font-weight:bold; - cursor:default; - color:black; -} - -div.content a.action, -div.content a.help, -div.content input.ok, -div.command > input.submit -{ - /*float:left;*/ -} - - - -a.help -{ - float:right; -} - -input.ok -{ - x-font-weight:bold; -} - -a.help -{ - cursor:help; -} - -a.action:hover, -a.help:hover, -div.noaction:hover, -input.ok:hover -{ - text-decoration:none; - border-color:white; -} - -a.action:active, -a.help:active, -div.noaction:active, -input.ok:active -{ - border-color:red; -} - - -a -{ - color:black; -} - - - -/* D r o p d o w n - M e n u e s */ -div.dropdown -{ - z-index:2; - display:none; - position: absolute; - padding:5px 0px; -} - -div.dropdownalignright -{ - right:0; -} - -div.dropdown > a -{ - display:block; -} -div.dropdown div.entry:hover, -div.dropdown div.entry:hover > a -{ - background-color:silver; -} -div.dropdown div.entry -{ - padding:2px 5px; -} - - -/*Dropdown anzeigen!!!*/ -div#title div:hover div.dropdown, -div.window div.header:hover div.dropdown, -div.icon:hover > div.dropdown -{ - display:block; -} - - - - - -/* Vorschau von Text-Inhalten */ - -td.preview { background-color:papayawhip; border-top:1px solid silver; border-bottom:1px solid silver; } -.preview h1 { font-size:138.5%; } -.preview h2 { font-size:123.1%; } -.preview h3 { font-size:108%; } -.preview h1,.preview h2,.preview h3 { - margin:1em 0; -} -.preview h1, -.preview h2, -.preview h3, -.preview h4, -.preview h5, -.preview h6, -.preview strong -{ - font-weight:bold; -} -.preview abbr,.preview acronym { - border-bottom:1px dotted #000; - cursor:help; -} -.preview em { - font-style:italic; -} -.preview ol,.preview ul,.preview dl { - margin-left:2em; -} -.preview ol li -{ - list-style: decimal outside; -} -.preview ul li -{ - list-style: disc outside; -} -.preview a:link, -.preview a:visited, -.preview a:active, -.preview a:hover -{ - text-decoration:underline; - color:blue; -} - - - -/* Verweise */ -a:link, -a:visited -{ - font-weight:normal; - text-decoration:none; -} -a:active, -a:hover -{ - font-weight:normal; - text-decoration:underline; -} - - -a.editorlink:active, -a.editorlink:hover -{ - font-weight:normal; - text-decoration:none; -} - -a.editorlink:link, -a.editorlink:visited -{ - font-weight:normal; - text-decoration:none; -} - - -/* Hauptfenster */ -body.main -{ - text-align:center; -} - -/* Innenabstand Titel */ -body.title table tr td { - margin:0px; - padding:3px; -} - - -/* Submenu-Entrys */ -body.menu tr.menu td table tr td, -body.main tr.menu td table tr td -{ padding:4px; padding-right:6px;padding-left:6px; width:30px; white-space:nowrap;} - -/* Submenu-Width */ -body.menu tr.menu table { width:50px;} - - -/* Inaktive Menuepunkte werden ausgegraut */ -body.menu tr.menu td table tr td.noaction, -body.main tr.menu td table tr td.noaction -{ - color:gray; -} - -/* Fenster-Titel */ -body.menu tr.title span.title, -body.main tr.title span.title -{ - font-family:Arial; - font-size:13px; - font-weight:bold; - text-shadow:#cac2a6 2px 1px 3px; -} - - -/* Icon-Innenabstand */ -img[align=left], -img[align=right] {padding-right:1px;padding-left:1px;} - -/* Vorformatierter Text */ -pre -{ - font-family:Courier; - font-size:13px; -} - -/* Kleingedrucktes */ -small -{ - color:gray; -} - - -/* Kurztasten */ -body.menu span.accesskey, -body.main span.accesskey -{ - text-decoration:underline; -} - - - - -/* Menzue-Titel-Zeile */ -body.menu tr.title td, -body.main tr.title td -{ - vertical-align:middle; - padding:4px; - height:30px; -} - -/* Hinweis */ -td.message { padding:10px; font-weight:bold; } - -/* Title-Frame */ -body.title td.title -{ - /*font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;*/ -} - -/* Allgemeine Inhaltszellen */ -body.main table.main td.window td -{ - padding:4px; -} - -/* Logo */ -table.main td.window td.logo -{ - padding:10px; -} - -/* Action-Button */ -body.main table.main td.window td.act -{ - padding:15px; - margin-top:20px; - border-top:1px solid gray; - text-align:right; -} - -/* Lizenzhinweis */ -a.copyright -{ - font-family:Verdana,Arial,Helvetica,sans-serif; - font-size:9px; - text-decoration:none; -} - -/* Message of the day */ -td.motd -{ - border-left: 3px solid red; - border-right: 3px solid red; - font-weight: bold; - padding:10px; - margin:10px; -} - -/* Hauptfenster */ -table.main -{ - x-border:3px solid; -} - - - -div.window input.checkbox, -div.window input.radio -{ - border:1px solid grey; -} - -/* Eingabefeld fuer Beschreibung */ -textarea.desc, -textarea.description -{ - font-family:Arial; - font-size:13px; -} - -/* Eingabefeld fuer Textabsatz */ -textarea.longtext -{ - font-family:Arial; - font-size:13px; - width:100%; - height:300px; - border:1px solid black; -} - - - - - -/* Hilfe-Texte */ -tr td.help -{ - font-style: italic; -} - -tr.headline td.help -{ - border-bottom:1px solid black; - font-style: normal; -} - -/* Logo */ -td.logo -{ - padding:10px; - margin:0px; -} - -h2.logo -{ - font-family:Verdana; - font-weight:normal; - font-size:24px; - margin-left:110px; -} - -p.logo -{ - margin-left:110px; - font-family:Verdana; - font-size:13px; -} - -div#title div.search input -{ - margin:0px; - padding:0px; -} - - - -/* Notizen */ -td.notice -{ - margin:0px; - padding:5%; - text-align:center; -} -table.notice -{ - width:100%; - border:1px solid; - border-spacing:0px; -} -table.notice th -{ - padding:2px; - white-space:nowrap; - border-bottom:1px solid black; - font-weight:normal; - text-align:left; -} - -table.notice tr.error -{ -} - -table.notice tr.warning -{ - margin:0px; - padding:0px; -} - - - -/* Kalender */ -table.calendar -{ - table-layout:fixed; - border-collapse:collapse; - text-align: center; -} -table.calendar td -{ - border: 1px dotted; -} - -table.main td.help span -{ - padding:10px; - text-align:center; - font-family:Verdana,Arial,Helvetica,sans-serif; - font-size:11px; -} - -textarea.editor -{ - width:100%; - height:400px; -} - -label -{ - cursor: pointer; -} - -div.menu -{ - float:none; - xclear:left; -} - -fieldset -{ - border:1px solid grey; - - border-bottom:0px; - border-left:0px; - border-right:0px; - - margin-top:20px; - margin-bottom:20px; - margin-left:0px; - margin-right:0px; -} - -fieldset legend -{ - margin-left:30px; - /* - padding-left:30px; - */ -} - - - -form.xlogin -{ - xbackground-color:#E0E0D5; - border:2px solid silver; - position:absolute; - z-index:999; - top:5%; - left:5%; - width:80%; - margin:5%; - padding:10%; - opacity:1; - - -webkit-box-shadow: 3px 2px 5px gray; - -moz-box-shadow: 3px 2px 5px gray; - box-shadow: 3px 2px 5px gray; -} - - - - - - - -/* B a u m */ -ul.tree, -ul.tree ul -{ - list-style-type: none; - background: url(../images/tree_line.gif) repeat-y; - margin: 0; padding: 0; -} - -ul.tree ul -{ - margin-left:18px; -} - -div.entry.selected, -div.dropdown > div.entry:hover -{ - /*border:1px solid black;*/ - background-color:silver; -} - - - -ul.tree div.tree -{ - width:18px; - min-width:18px; - height:18px; - xbackground-color:red; - float:left; -} -ul.tree div.tree, -ul.tree div.entry -{ - height:18px; - max-height:18px; - min-height:18px; -} - -ul.tree div img -{ - cfloat:left; -} - -ul.tree li -{margin: 0; padding: 0 0px; - line-height: 18px; - background: url(../images/tree_none.gif) no-repeat; - xcolor: #369; - font-weight: normal; - white-space:nowrap; -} - -ul.tree li.last, -ul.tree li:last-child -{ - background: url(../images/tree_none_end.gif) no-repeat; -} - -div.tree.open -{ - background: url(../images/tree_minus.png) no-repeat; -} -div.tree.closed -{ - background: url(../images/tree_plus.png) no-repeat; -} - - -body > div -{ - display:none; -} - - - - - -/* T a b s */ - -.drophover -{ - border:2px dotted green; -} -.dropactive -{ - border:1px dotted blue; -} - -div.window div.menu > div.icons -{ - /*float:right;*/ -} - -div.backward_link -{ - float:left; -} -div.forward_link -{ - float:right; -} - -div.window > div.menu -{ - padding:0px; -} - - -div.window div.menu ul.views -{ - text-align: left; /* set to left, right or center */ - list-style-type: none; - overflow: hidden; /* Gescrollt wird hier mit JavaScript */ - white-space:nowrap; -} - -img.icon -{ - padding:4px; - width: 16px; - height: 16px; -} - - -ul.views div.tabname -{ - overflow: hidden; - white-space: nowrap; - padding:4px; - vertical-align: middle; -} -ul.views > li > img, -ul.views > li > div -{ - float:left; -} - -div.views div.icons -{ - float: right; -} - -div.window div.menu ul.views -{ - float:left; - height: 25px; -} - -div.window div.menu -{ - xborder-bottom: 1px solid grey; -} - - -div.content -{ - clear: both; -} -div.window ul.views li -{ - vertical-align: middle; - padding:0px; - - cursor:pointer; - - border-right: 1px solid grey; - - -moz-border-radius-topleft:5px; /* Mozilla */ - -webkit-border-radius-topleft:5px; /* Webkit */ - -khtml-border-top-radius-topleft:5px; /* Konqui */ - border-top-right-radius:5px; - -moz-border-radius-topright:5px; /* Mozilla */ - -webkit-border-radius-topright:5px; /* Webkit */ - -khtml-border-top-radius-topright:5px; /* Konqui */ - border-top-right-radius:5px; - - xborder-top:1px solid gray; - xborder-left:1px solid gray; - xborder-right:1px solid gray; - xmargin-right:10px; - display: block; - float:left; -} - - - - - - -/* - -div#workbench div.frame { - padding:3px; - border:1px solid grey; - - -moz-border-radius:3px; - -webkit-border-radius:3px; - -khtml-border-radius:3px; - border-radius:3px; -} -*/ - - - -/* -div.window { - padding:3px; - border:1px solid grey; - - -moz-border-radius:5px; - -webkit-border-radius:5px; - -khtml-border-radius:5px; - border-radius:5px; -} -*/ - - - -div.window { - margin:0px; - padding:0px; -} - -div.window div.content table -{ - overflow:auto; - border:2px silver; -} - - -table tr.headline > td { - background-color: silver; - background: -moz-linear-gradient(top, gray, silver); - background: -webkit-gradient(linear, left top, left bottom, from(gray), to(silver)); - border-bottom:1px solid gray; - border-right:1px solid silver; - padding:3px; -} - - -table tr.data > td { - border-bottom:1px solid gray; - border-right:1px solid silver; - padding:3px; -} - - - -/* F a r b e n */ - -/* Ungerade Tabellenzeilen (funktioniert nicht im FF) */ -table > tr.data:nth-child(2n) { - background-color: silver; -} - -/* Datenzeile - Mauseffekt */ -table tr.data:hover, -div#tree div.content li div.entry:hover -{ - background-color:#EEEEEE; -} - -/* Datenzeile mit URL - Mauseffekt */ -table tr.data td[onclick]:hover{ - background-color:silver; -} - -tr.data > td[onclick], -div.dropdown div[onclick], -ul.tree div -{ -cursor:pointer; -} - - -/* Hintergrund Fenster */ -/* - -div.window { - background-color: #3399FF; -} -*/ - - - - -/* S t a t u s z e i l e */ -div.window div.status -{ - padding:10px; -} -div.window div.status div.error { - xborder:1px solid silver; - background: url(../images/notice_error.png) no-repeat; - padding-left:20px; -} -div.window div.status div.warn { - xborder:1px solid silver; - background: url(../images/notice_warn.png) no-repeat; - padding-left:20px; -} -div.window div.status div.ok { - xborder:1px solid silver; - background: url(../images/notice_ok.png) no-repeat; - padding-left:20px; -} - -/* Fortschrittsbalken */ -div.loader, -div.progress -{ - margin:0px auto; - width:230; - height:25px; - margin-top:40px; - background: url(../images/loader.gif) no-repeat; -} - - - -/* V o l l b i l d */ -div#workbench div.bar > div.frame > div.window.fullscreen -{ - display:block; - z-index:109; - - /*set the div in the top-left corner of the screen*/ - position:fixed; - top:0; - left:0; - background-color:silver; - margin:0px; - - /*set the width and height to 100% of the screen*/ - width:100% !important; - height:100% !important; -} -div#workbench div.bar > div.frame > div.window.fullscreen > div.content -{ - width:100% !important; - height:100% !important; -} - -.invisible -{ - visibility:hidden; -} - - -div#workbench -{ - width:100%; -} - -body -{ - overflow:hidden; -} - -div#workbench > div.bar -{ - float:left; - - border:1px solid gray; - margin:3px; - padding:0px; - -moz-border-radius:5px; - -webkit-border-radius:5px; - -khtml-border-radius:5px; - border-radius:5px; -} - -div#workbench > div.bar -{ -} - - - -div#workbench > div.bar > div.frame > div.window > div.content -{ - overflow:auto; -} - - -/* - * Formular-Button-Leiste - */ -div.window { - position:relative; -} -div.content div.bottom -{ - height:30px; - width:200px; - position:absolute; - bottom:30px; - right:0px; - opacity:0.7; -} -div.content > form -{ - padding-bottom:45px; -} - - -/* Pfeile nur anzeigen, wenn Maus über der Titelleiste */ -div.views > div.backward_link, -div.views > div.forward_link -{ - visibility: hidden; -} -div.views:HOVER > div.backward_link, -div.views:HOVER > div.forward_link -{ - visibility: visible; -} - - -div#shortcuts { - height:24px; - margin-left:10px; -} -div#shortcuts > div.shortcut { - width:24px; - height:24px; - margin-left:5px; - float:left; - opacity:0.8; -} - -div#shortcuts > div.shortcut:HOVER { - - xborder: 1px solid gray; - x-moz-border-radius:2px; /* Mozilla */ - x-webkit-border-radius:2px; /* Webkit */ - x-khtml-border-radius:2px; /* Konqui */ - opacity:1.0; - position:relative; - bottom:3px; - -} - - - - -/* Smaller screens */ - -@media only screen and (max-width: 1023px) { - - body { - font-size: 0.8em; - line-height: 1.5em; - } - - } - - -/* Mobile */ - -@media handheld, only screen and (max-width: 767px) { - - body { - font-size: 16px; - -webkit-text-size-adjust: none; - } - - body, .container_12 { - width: 100%; - min-width: 0; - margin-left: 0px; - margin-right: 0px; - padding-left: 0px; - padding-right: 0px; - } - - div.container_12 > div - { - width: auto; - float: none; - margin-left: 0px; - margin-right: 0px; - padding-left: 20px; - padding-right: 20px; - } - -} - - - - - - - - - - - - - - - - - - -body > div#header { - display:block; -} - -ul#history > li { - - xdisplay:inline; - margin:5px; - padding:5px; - border:1px solid gray; - background-color: silver; - color:black; -} -ul#history > li.active { - - xdisplay:inline; - margin:5px; - padding:5px; - border:1px solid black; - background-color: white; - color:black; -} - -ul#history { - display:none; -} - - -table td.readonly { - font-style: italic; - font-weight: normal; -} -table td.default { - font-style: normal; - font-weight: normal; -} -table td.changed { - font-style: normal; - font-weight: bold; -} - - -/* Modale Dialoge */ -#simplemodal-overlay {background-color:#000;} -#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;} - -div#filler -{ - xxxxdisplay: block; - position:absolute; - z-index: 100; - top: 0; - left: 0; - height:100%; - width:100%; - background-color: black; - opacity: 0.5; -} - -div#workbench > div.bar.modaldialog -{ - width:60%; - position:absolute; - top:0; - left:0; - z-index: 101; - opacity: 1; - border:3px solid black !important; - background-color:white !important; - margin:5% 20% !important; - -webkit-box-shadow: 20px 20px 20px black; - -moz-box-shadow: 20px 20px 20px black; - box-shadow: 20px 20px 20px black; -} - diff --git a/themes/default/css/openrat.css.php b/themes/default/css/openrat.css.php @@ -0,0 +1,1672 @@ +/* +OpenRat Content Management System +Copyright (C) 2002-2010 Jan Dankert + +This program is free software; you can redistribute it and/or +modify it under the terms of the GNU General Public License +as published by the Free Software Foundation; either version 2 +of the License, or (at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program; if not, write to the Free Software +Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. +*/ + +/* +Basis-Style for Openrat. +*/ + + +/* R e s e t - Alle Elemente zuruecksetzen */ +/* Source: http://meyerweb.com/eric/tools/css/reset/ */ +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} +body {line-height:1.5;} +table {border-collapse:separate;border-spacing:0;} +caption, th, td {text-align:left;font-weight:normal;} +table, td, th {vertical-align:top;} +blockquote:before, blockquote:after, q:before, q:after {content:"";} +blockquote, q {quotes:"" "";} +a img {border:none;} + + + +iframe +{ + width:100%; + height:500px; + display:block; + border: 1px solid <?php echo $_GET['title_background_color']; ?>; +} + +div.breadcrumb, +div.breadcrumb a, +div.window > div.title +{ + x-background-color:<?php echo $_GET['title_background_color']; ?>; + xsopacity:0.7; + color:<?php echo $_GET['title_text_color']; ?>; + font-weight:bold; +} + +/* H e a d e r */ +div#title +{ + overflow:hidden; + padding:5px; + margin:0px; + margin-bottom:10px; + height:25px; +} + + +div#title div.title +{ + float:left; + margin-right:24px; + margin-left:0px; +} + +div#title div.user, +div#title div.search, +div#title div.projects, +div#title div.history +{ + float:right; + margin-right:0px; + margin-left:24px; +} + +/* + +div#tree +{ + padding:5px; + width:25%; + margin-left:0px; + float:left; +} +*/ + + +/* N o t i c e */ +div#noticebar +{ + display:block; + position:fixed; + bottom:40px; + right:40px; + width:250px; + z-index:113; +} + +div#noticebar div.notice +{ + border: 2px solid <?php echo $_GET['text_color']; ?>; + + padding:5px; + margin:5px; + + -moz-border-radius:5px; /* Mozilla */ + -webkit-border-radius:5px; /* Webkit */ + -khtml-border-radius:5px; /* Konqui */ + border-radius:5px; /* CSS 3 */ + + -webkit-box-shadow: 3px 2px 5px <?php echo $_GET['text_color']; ?>; + -moz-box-shadow: 3px 2px 5px <?php echo $_GET['text_color']; ?>; + box-shadow: 3px 2px 5px <?php echo $_GET['text_color']; ?>; + + display:none; +} +div#noticebar div.notice.ok +{ + background-color: green; +} +div#noticebar div.notice.warn +{ + background-color: yellow; +} +div#noticebar div.notice.error +{ + background-color:red; +} +div#noticebar div.notice.error div.text +{ + font-weight: bold; +} +div#noticebar div.log +{ + font-family: monospace; +} + +/* H o e h e n */ +html,body +{ + height:100%; +} + + +/* + +div#tree, div#content +{ + height:auto; +} +*/ + +/*div.window { + height:90%; +} +*/ + +div.window > div.title +{ + height:20px; +} + +/* +div.window > div.menu +{ + height:50px; +} +*/ + + +div.window div.status +{ + height:35px; +} +div.window > div.content +{ + xxoverflow-x:auto; +} + + +ul#history > li, +div.content a.action, +div.content a.help, +div.content input.ok, +div.command > input.submit, +div.filler div.headermenu > a.entry, +div.filler div.header a.back.button +{ + margin:9px; + padding-top:4px; + padding-bottom:4px; + padding-left:7px; + padding-right:7px; + border:1px solid <?php echo $_GET['title_background_color']; ?>; + -moz-border-radius:5px; /* Mozilla */ + -webkit-border-radius:5px; /* Webkit */ + -khtml-border-radius:5px; /* Konqui */ + border-radius:5px; + background-color: <?php echo $_GET['title_text_color']; ?>; + background: -moz-linear-gradient(top, <?php echo $_GET['title_background_color']; ?>, <?php echo $_GET['inactive_background_color']; ?>); + background: -webkit-gradient(linear, left top, left bottom, from(<?php echo $_GET['title_background_color']; ?>), to(<?php echo $_GET['inactive_background_color']; ?>)); + font-style:normal; + font-weight:normal; + text-decoration:none; + cursor:default; + color:<?php echo $_GET['text_color']; ?>; +} + +ul#history > li.active +{ + background-color: <?php echo $_GET['title_text_color']; ?>; + font-weight:bold; + cursor:default; + color:<?php echo $_GET['text_color']; ?>; +} + +div.content a.action, +div.content a.help, +div.content input.ok, +div.command > input.submit +{ + /*float:left;*/ +} + + + +a.help +{ + float:right; +} + +input.ok +{ + x-font-weight:bold; +} + +a.help +{ + cursor:help; +} + +a.action:hover, +a.help:hover, +div.noaction:hover, +input.ok:hover +{ + text-decoration:none; + border-color:<?php echo $_GET['title_text_color']; ?>; +} + +a.action:active, +a.help:active, +div.noaction:active, +input.ok:active +{ + border-color:red; +} + + +a +{ + color:<?php echo $_GET['text_color']; ?>; +} + + + +/* D r o p d o w n - M e n u e s */ +div.dropdown +{ + z-index:2; + display:none; + position: absolute; + padding:5px 0px; +} + +div.dropdownalignright +{ + right:0; +} + +div.dropdown > a +{ + display:block; +} +div.dropdown div.entry:hover, +div.dropdown div.entry:hover > a +{ + background-color:<?php echo $_GET['inactive_background_color']; ?>; +} +div.dropdown div.entry +{ + padding:2px 5px; +} + + +/*Dropdown anzeigen!!!*/ +div#title div:hover div.dropdown, +div.window div.header:hover div.dropdown, +div.icon:hover > div.dropdown +{ + display:block; +} + + + + + +/* Vorschau von Text-Inhalten */ + +td.preview { background-color:papayawhip; border-top:1px solid <?php echo $_GET['inactive_background_color']; ?>; border-bottom:1px solid <?php echo $_GET['inactive_background_color']; ?>; } +.preview h1 { font-size:138.5%; } +.preview h2 { font-size:123.1%; } +.preview h3 { font-size:108%; } +.preview h1,.preview h2,.preview h3 { + margin:1em 0; +} +.preview h1, +.preview h2, +.preview h3, +.preview h4, +.preview h5, +.preview h6, +.preview strong +{ + font-weight:bold; +} +.preview abbr,.preview acronym { + border-bottom:1px dotted #000; + cursor:help; +} +.preview em { + font-style:italic; +} +.preview ol,.preview ul,.preview dl { + margin-left:2em; +} +.preview ol li +{ + list-style: decimal outside; +} +.preview ul li +{ + list-style: disc outside; +} +.preview a:link, +.preview a:visited, +.preview a:active, +.preview a:hover +{ + text-decoration:underline; + color:blue; +} + + + +/* Verweise */ +a:link, +a:visited +{ + font-weight:normal; + text-decoration:none; +} +a:active, +a:hover +{ + font-weight:normal; + text-decoration:underline; +} + + +a.editorlink:active, +a.editorlink:hover +{ + font-weight:normal; + text-decoration:none; +} + +a.editorlink:link, +a.editorlink:visited +{ + font-weight:normal; + text-decoration:none; +} + + +/* Hauptfenster */ +body.main +{ + text-align:center; +} + +/* Innenabstand Titel */ +body.title table tr td { + margin:0px; + padding:3px; +} + + +/* Submenu-Entrys */ +body.menu tr.menu td table tr td, +body.main tr.menu td table tr td +{ + padding:4px; padding-right:6px;padding-left:6px; width:30px; + white-space:nowrap; +} + +/* Submenu-Width */ +body.menu tr.menu table { width:50px;} + + +/* Inaktive Menuepunkte werden ausgegraut */ +body.menu tr.menu td table tr td.noaction, +body.main tr.menu td table tr td.noaction +{ + color:<?php echo $_GET['title_background_color']; ?>; +} + +/* Fenster-Titel */ +body.menu tr.title span.title, +body.main tr.title span.title +{ + font-family:Arial; + font-size:13px; + font-weight:bold; + text-shadow:#cac2a6 2px 1px 3px; +} + + +/* Icon-Innenabstand */ +img[align=left], +img[align=right] {padding-right:1px;padding-left:1px;} + +/* Vorformatierter Text */ +pre +{ + font-family:Courier; + font-size:13px; +} + +/* Kleingedrucktes */ +small +{ + color:<?php echo $_GET['title_background_color']; ?>; +} + + +/* Kurztasten */ +body.menu span.accesskey, +body.main span.accesskey +{ + text-decoration:underline; +} + + + + +/* Menzue-Titel-Zeile */ +body.menu tr.title td, +body.main tr.title td +{ + vertical-align:middle; + padding:4px; + height:30px; +} + +/* Hinweis */ +td.message { padding:10px; font-weight:bold; } + +/* Title-Frame */ +body.title td.title +{ + /*font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;*/ +} + +/* Allgemeine Inhaltszellen */ +body.main table.main td.window td +{ + padding:4px; +} + +/* Logo */ +table.main td.window td.logo +{ + padding:10px; +} + +/* Action-Button */ +body.main table.main td.window td.act +{ + padding:15px; + margin-top:20px; + border-top:1px solid <?php echo $_GET['title_background_color']; ?>; + text-align:right; +} + +/* Lizenzhinweis */ +a.copyright +{ + font-family:Verdana,Arial,Helvetica,sans-serif; + font-size:9px; + text-decoration:none; +} + +/* Message of the day */ +td.motd +{ + border-left: 3px solid red; + border-right: 3px solid red; + font-weight: bold; + padding:10px; + margin:10px; +} + +/* Hauptfenster */ +table.main +{ + x-border:3px solid; +} + + + +div.window input.checkbox, +div.window input.radio +{ + border:1px solid <?php echo $_GET['title_background_color']; ?>; +} + +/* Eingabefeld fuer Beschreibung */ +textarea.desc, +textarea.description +{ + font-family:Arial; + font-size:13px; +} + +/* Eingabefeld fuer Textabsatz */ +textarea.longtext +{ + font-family:Arial; + font-size:13px; + width:100%; + height:300px; + border:1px solid <?php echo $_GET['text_color']; ?>; +} + + + + + +/* Hilfe-Texte */ +tr td.help +{ + font-style: italic; +} + +tr.headline td.help +{ + border-bottom:1px solid <?php echo $_GET['text_color']; ?>; + font-style: normal; +} + +/* Logo */ +td.logo +{ + padding:10px; + margin:0px; +} + +h2.logo +{ + font-family:Verdana; + font-weight:normal; + font-size:24px; + margin-left:110px; +} + +p.logo +{ + margin-left:110px; + font-family:Verdana; + font-size:13px; +} + +div#title div.search input +{ + margin:0px; + padding:0px; +} + + + +/* Notizen */ +td.notice +{ + margin:0px; + padding:5%; + text-align:center; +} +table.notice +{ + width:100%; + border:1px solid; + border-spacing:0px; +} +table.notice th +{ + padding:2px; + white-space:nowrap; + border-bottom:1px solid <?php echo $_GET['text_color']; ?>; + font-weight:normal; + text-align:left; +} + +table.notice tr.error +{ +} + +table.notice tr.warning +{ + margin:0px; + padding:0px; +} + + + +/* Kalender */ +table.calendar +{ + table-layout:fixed; + border-collapse:collapse; + text-align: center; +} +table.calendar td +{ + border: 1px dotted; +} + +table.main td.help span +{ + padding:10px; + text-align:center; + font-family:Verdana,Arial,Helvetica,sans-serif; + font-size:11px; +} + +textarea.editor +{ + width:100%; + height:400px; +} + +label +{ + cursor: pointer; +} + +div.menu +{ + float:none; + xclear:left; +} + +fieldset +{ + border:1px solid <?php echo $_GET['title_background_color']; ?>; + + border-bottom:0px; + border-left:0px; + border-right:0px; + + margin-top:20px; + margin-bottom:20px; + margin-left:0px; + margin-right:0px; +} + +fieldset legend +{ + margin-left:30px; + /* + padding-left:30px; + */ +} + + + +form.xlogin +{ + xbackground-color:#E0E0D5; + border:2px solid <?php echo $_GET['inactive_background_color']; ?>; + position:absolute; + z-index:999; + top:5%; + left:5%; + width:80%; + margin:5%; + padding:10%; + opacity:1; + + -webkit-box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + -moz-box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; +} + + + + + + + +/* B a u m */ +ul.tree, +ul.tree ul +{ + list-style-type: none; + background: url(../images/tree_line.gif) repeat-y; + margin: 0; padding: 0; +} + +ul.tree ul +{ + margin-left:18px; +} + +div.entry.selected, +div.dropdown > div.entry:hover +{ + /*border:1px solid <?php echo $_GET['text_color']; ?>;*/ + background-color:<?php echo $_GET['inactive_background_color']; ?>; +} + + + +ul.tree div.tree +{ + width:18px; + min-width:18px; + height:18px; + xbackground-color:red; + float:left; +} +ul.tree div.tree, +ul.tree div.entry +{ + height:18px; + max-height:18px; + min-height:18px; +} + +ul.tree div img +{ + cfloat:left; +} + +ul.tree li +{margin: 0; padding: 0 0px; + line-height: 18px; + background: url(../images/tree_none.gif) no-repeat; + xcolor: #369; + font-weight: normal; + white-space:nowrap; +} + +ul.tree li.last, +ul.tree li:last-child +{ + background: url(../images/tree_none_end.gif) no-repeat; +} + +div.tree.open +{ + background: url(../images/tree_minus.png) no-repeat; +} +div.tree.closed +{ + background: url(../images/tree_plus.png) no-repeat; +} + + +body > div +{ + display:none; +} + + + + + +/* T a b s */ + +.drophover +{ + border:2px dotted green; +} +.dropactive +{ + border:1px dotted blue; +} + +div.window div.menu > div.icons +{ + /*float:right;*/ +} + +div.backward_link +{ + float:left; +} +div.forward_link +{ + float:right; +} + +div.window > div.menu +{ + padding:0px; +} + + +div.window div.menu ul.views +{ + text-align: left; /* set to left, right or center */ + list-style-type: none; + overflow: hidden; /* Gescrollt wird hier mit JavaScript */ + white-space:nowrap; +} + +img.icon +{ + padding:4px; + width: 16px; + height: 16px; +} + + +ul.views div.tabname +{ + overflow: hidden; + white-space: nowrap; + padding:4px; + vertical-align: middle; +} +ul.views > li > img, +ul.views > li > div +{ + float:left; +} + +div.views div.icons +{ + float: right; +} + +div.window div.menu ul.views +{ + float:left; + height: 25px; +} + +div.window div.menu +{ + xborder-bottom: 1px solid <?php echo $_GET['title_background_color']; ?>; +} + + +div.content +{ + clear: both; +} +div.window ul.views li +{ + vertical-align: middle; + padding:0px; + + cursor:pointer; + + border-right: 1px solid <?php echo $_GET['title_background_color']; ?>; + + -moz-border-radius-topleft:5px; /* Mozilla */ + -webkit-border-radius-topleft:5px; /* Webkit */ + -khtml-border-top-radius-topleft:5px; /* Konqui */ + border-top-right-radius:5px; + -moz-border-radius-topright:5px; /* Mozilla */ + -webkit-border-radius-topright:5px; /* Webkit */ + -khtml-border-top-radius-topright:5px; /* Konqui */ + border-top-right-radius:5px; + + xborder-top:1px solid <?php echo $_GET['title_background_color']; ?>; + xborder-left:1px solid <?php echo $_GET['title_background_color']; ?>; + xborder-right:1px solid <?php echo $_GET['title_background_color']; ?>; + xmargin-right:10px; + display: block; + float:left; +} + + + + + + +/* + +div#workbench div.frame { + padding:3px; + border:1px solid <?php echo $_GET['title_background_color']; ?>; + + -moz-border-radius:3px; + -webkit-border-radius:3px; + -khtml-border-radius:3px; + border-radius:3px; +} +*/ + + + +/* +div.window { + padding:3px; + border:1px solid <?php echo $_GET['title_background_color']; ?>; + + -moz-border-radius:5px; + -webkit-border-radius:5px; + -khtml-border-radius:5px; + border-radius:5px; +} +*/ + + + +div.window { + margin:0px; + padding:0px; +} + +div.window div.content table +{ + overflow:auto; + border:2px <?php echo $_GET['inactive_background_color']; ?>; +} + + +table tr.headline > td { + background-color: <?php echo $_GET['inactive_background_color']; ?>; + background: -moz-linear-gradient(top, <?php echo $_GET['title_background_color']; ?>, <?php echo $_GET['inactive_background_color']; ?>); + background: -webkit-gradient(linear, left top, left bottom, from(<?php echo $_GET['title_background_color']; ?>), to(<?php echo $_GET['inactive_background_color']; ?>)); + border-bottom:1px solid <?php echo $_GET['title_background_color']; ?>; + border-right:1px solid <?php echo $_GET['inactive_background_color']; ?>; + padding:3px; +} + + +table tr.data > td { + border-bottom:1px solid <?php echo $_GET['title_background_color']; ?>; + border-right:1px solid <?php echo $_GET['inactive_background_color']; ?>; + padding:3px; +} + + + +/* F a r b e n */ + +/* Ungerade Tabellenzeilen (funktioniert nicht im FF) */ +table > tr.data:nth-child(2n) { + background-color: <?php echo $_GET['inactive_background_color']; ?>; +} + +/* Datenzeile - Mauseffekt */ +table tr.data:hover, +div#tree div.content li div.entry:hover +{ + background-color:#EEEEEE; +} + +/* Datenzeile mit URL - Mauseffekt */ +table tr.data td[onclick]:hover{ + background-color:<?php echo $_GET['inactive_background_color']; ?>; +} + +tr.data > td[onclick], +div.dropdown div[onclick], +ul.tree div +{ +cursor:pointer; +} + + +/* Hintergrund Fenster */ +/* + +div.window { + background-color: #3399FF; +} +*/ + + + + +/* S t a t u s z e i l e */ +div.window div.status +{ + padding:10px; +} +div.window div.status div.error { + xborder:1px solid <?php echo $_GET['inactive_background_color']; ?>; + background: url(../images/notice_error.png) no-repeat; + padding-left:20px; +} +div.window div.status div.warn { + xborder:1px solid <?php echo $_GET['inactive_background_color']; ?>; + background: url(../images/notice_warn.png) no-repeat; + padding-left:20px; +} +div.window div.status div.ok { + xborder:1px solid <?php echo $_GET['inactive_background_color']; ?>; + background: url(../images/notice_ok.png) no-repeat; + padding-left:20px; +} + +/* Fortschrittsbalken */ +div.loader, +div.progress +{ + margin:0px auto; + width:230; + height:25px; + margin-top:40px; + background: url(../images/loader.gif) no-repeat; +} + + + +/* V o l l b i l d */ +div#workbench div.bar > div.frame > div.window.fullscreen +{ + display:block; + z-index:109; + + /*set the div in the top-left corner of the screen*/ + position:fixed; + top:0; + left:0; + background-color:<?php echo $_GET['inactive_background_color']; ?>; + margin:0px; + + /*set the width and height to 100% of the screen*/ + width:100% !important; + height:100% !important; +} +div#workbench div.bar > div.frame > div.window.fullscreen > div.content +{ + width:100% !important; + height:100% !important; +} + +.invisible +{ + visibility:hidden; +} + + +div#workbench +{ + width:100%; +} + +body +{ + overflow:hidden; +} + +div#workbench > div.bar +{ + float:left; + + border:1px solid <?php echo $_GET['title_background_color']; ?>; + margin:3px; + padding:0px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + -khtml-border-radius:5px; + border-radius:5px; +} + +div#workbench > div.bar +{ +} + + + +div#workbench > div.bar > div.frame > div.window > div.content +{ + overflow:auto; +} + + +/* + * Formular-Button-Leiste + */ +div.window { + position:relative; +} +div.content div.bottom +{ + height:30px; + width:200px; + position:absolute; + bottom:30px; + right:0px; + opacity:0.7; +} +div.content > form +{ + padding-bottom:45px; +} + + +/* Pfeile nur anzeigen, wenn Maus über der Titelleiste */ +div.views > div.backward_link, +div.views > div.forward_link +{ + visibility: hidden; +} +div.views:HOVER > div.backward_link, +div.views:HOVER > div.forward_link +{ + visibility: visible; +} + + +div#shortcuts { + height:24px; + margin-left:10px; +} +div#shortcuts > div.shortcut { + width:24px; + height:24px; + margin-left:5px; + float:left; + opacity:0.8; +} + +div#shortcuts > div.shortcut:HOVER { + + xborder: 1px solid <?php echo $_GET['title_background_color']; ?>; + x-moz-border-radius:2px; /* Mozilla */ + x-webkit-border-radius:2px; /* Webkit */ + x-khtml-border-radius:2px; /* Konqui */ + opacity:1.0; + position:relative; + bottom:3px; + +} + + + + +/* Smaller screens */ + +@media only screen and (max-width: 1023px) { + + body { + font-size: 0.8em; + line-height: 1.5em; + } + + } + + +/* Mobile */ + +@media handheld, only screen and (max-width: 767px) { + + body { + font-size: 16px; + -webkit-text-size-adjust: none; + } + + body, .container_12 { + width: 100%; + min-width: 0; + margin-left: 0px; + margin-right: 0px; + padding-left: 0px; + padding-right: 0px; + } + + div.container_12 > div + { + width: auto; + float: none; + margin-left: 0px; + margin-right: 0px; + padding-left: 20px; + padding-right: 20px; + } + +} + + + + + + + + + + + + + + + + + + +body > div#header { + display:block; +} + +ul#history > li { + + xdisplay:inline; + margin:5px; + padding:5px; + border:1px solid <?php echo $_GET['title_background_color']; ?>; + background-color: <?php echo $_GET['inactive_background_color']; ?>; + color:<?php echo $_GET['text_color']; ?>; +} +ul#history > li.active { + + xdisplay:inline; + margin:5px; + padding:5px; + border:1px solid <?php echo $_GET['text_color']; ?>; + background-color: <?php echo $_GET['title_text_color']; ?>; + color:<?php echo $_GET['text_color']; ?>; +} + +ul#history { + display:none; +} + + +table td.readonly { + font-style: italic; + font-weight: normal; +} +table td.default { + font-style: normal; + font-weight: normal; +} +table td.changed { + font-style: normal; + font-weight: bold; +} + + +/* Modale Dialoge */ +#simplemodal-overlay {background-color:#000;} +#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;} + +div#filler +{ + xxxxdisplay: block; + position:absolute; + z-index: 100; + top: 0; + left: 0; + height:100%; + width:100%; + background-color: <?php echo $_GET['text_color']; ?>; + opacity: 0.5; +} + +div#workbench > div.bar.modaldialog +{ + width:60%; + position:absolute; + top:0; + left:0; + z-index: 101; + opacity: 1; + border:3px solid <?php echo $_GET['text_color']; ?> !important; + background-color:<?php echo $_GET['title_text_color']; ?> !important; + margin:5% 20% !important; + -webkit-box-shadow: 20px 20px 20px <?php echo $_GET['text_color']; ?>; + -moz-box-shadow: 20px 20px 20px <?php echo $_GET['text_color']; ?>; + box-shadow: 20px 20px 20px <?php echo $_GET['text_color']; ?>; +} + + + /* Voreingestellte Schriftart */ +body +{ + +} + + +/* Formulare */ + +fieldset +{ + padding:10px; +} + +form div.line +{ + clear:left; + margin-top:10px; +} + +form div.label +{ + vertical-align:top; + width:30%; + display:inline-block; +} + +form div.input +{ + vertical-align:top; + width:70%; + display:inline-block; +} + +form div.input input[type=text], +form div.input textarea, +form div.input select +{ + width:90%; +} +form div.input input[type=checkbox], +form div.input input[type=radio] +{ + vertical-align:top; +} + +label +{ + display:inline-block; +} + +input[type=checkbox] + label, +input[type=radio] + label +{ + width:80%; +} + +label div.description +{ + font-size: 0.75em; + color:<?php echo $_GET['title_background_color']; ?>; +} + + +div.inputholder +{ + background-color:<?php echo $_GET['title_text_color']; ?>; + border:1px solid <?php echo $_GET['title_background_color']; ?>; + margin:0px; + padding:4px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + -khtml-border-radius:3px; + border-radius:3px; +} + +div.search > div.inputholder +{ + padding-top:1px; +} + +input, +textarea, +select +{ + border:0px; + border-bottom:1px solid <?php echo $_GET['title_text_color']; ?>; + padding:2px; + margin:0px; + background-color:<?php echo $_GET['title_text_color']; ?>; +} + +input:hover,input:focus, +textarea:hover,textarea:focus, +select:hover,select:focus +{ + border:0px; + border-bottom:1px solid <?php echo $_GET['inactive_background_color']; ?>; + padding:2px; + margin:0px; + background-color:<?php echo $_GET['title_text_color']; ?>; +} + + +input.error, +textarea.error, +select.error +{ + border-bottom:1px dotted <?php echo $_GET['text_color']; ?> !important; +} + +div.inputholder.error +{ + border:1px solid red !important; +} + +input.hint +{ + color:<?php echo $_GET['title_background_color']; ?>; +} + +/* Zwischen-Ueberschriften */ +fieldset +{ + /* + border:1px solid <?php echo $_GET['title_background_color']; ?>; + + border-bottom:0px; + border-left:0px; + border-right:0px; + margin-top:5px; + margin-bottom:0px; + margin-left:0px; + margin-right:0px; + */ + /* + margin:0px; + margin-top:20px; + margin-bottom:20px; + padding:15px; + + + -moz-border-radius:5px; + -webkit-border-radius:5px; + -khtml-border-radius:5px; + border-radius:5px; + -webkit-box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + -moz-box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + */ +} + + +/* Legende */ +legend +{ + font-weight:bold; +} + + + +/* Eingabfeld fuer Namen */ +fieldset > div input.name, +fieldset > div span.name +{ + font-weight:bold; +} + + +/* Eingabfelder fuer Dateiname */ +fieldset > div input.filename, +fieldset > div input.extension, +fieldset > div input.ansidate, +fieldset > div span.filename, +fieldset > div span.extension, +fieldset > div span.ansidate +{ + font-family:Courier; + font-size:14px; +} + + +div#tree +{ + overflow:visible; +} + + + + + +/* Anzeige von Text-Unterschieden */ + +/* Zeilen-Nr */ +tr.diff > td.line +{ + background-color:<?php echo $_GET['title_text_color']; ?>; + padding-right:2px; + border-right:3px solid <?php echo $_GET['title_background_color']; ?>; + text-align:right; + margin-right:2px; +} + +/* Unveränderter Text */ +tr.diff > td.equal +{ +} + +/* Entfernter Text */ +tr.diff > td.old +{ + background-color:red; +} + +/* Hinzugefuegter Text */ +tr.diff > td.new +{ + background-color:green; +} + +/* Geaenderter Text */ +tr.diff > td.notequal +{ + background-color:yellow; +} + +dl.notice +{ + border-left:10px <?php echo $_GET['inactive_background_color']; ?> solid; + border-right:1px <?php echo $_GET['inactive_background_color']; ?> solid; + padding:15px; +} + +dl.notice > dt +{ + border-top: 1px <?php echo $_GET['inactive_background_color']; ?> solid; +} +dl.notice > dd +{ + border-bottom: 1px <?php echo $_GET['inactive_background_color']; ?> solid; +} + + +/* R a h m e n */ +div.windowx +{ + border:1px solid <?php echo $_GET['title_background_color']; ?>; + + -moz-border-radius:5px; /* Mozilla */ + -webkit-border-radius:5px; /* Webkit */ + -khtml-border-radius:5px; /* Konqui */ + border-radius:5px; +} + + +/* S c h a t t e n */ +div.content a.action, +div.content a.help, +div.content input.ok, +div#title, +div.xwindow, +div#noticebar +{ + -webkit-box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + -moz-box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; + box-shadow: 3px 2px 5px <?php echo $_GET['title_background_color']; ?>; +} + + + +/* F a r b e n */ + +/* Gesamt-Hintergrund */ +body +{ + xxxbackground-color:#c9c9c9; + background-color:<?php echo $_GET['background-color'] ?>; +} + +/* Fenster-Hintergrund */ +div#header, /* Titelleite-Hintergrund */ +div.window > div.menu > div.icons, +div.window > div.content, +div.window > div.menu ul.menu li a, /* Tabs */ +xdiv.window ul.menu li > span, /* Tabs */ +div.window div.header, /* Fenster-Header */ +div.window ul.views > li.active, +div.window ul.views > li.active:hover +{ + background-color: <?php echo $_GET['title_background_color']; ?>; + color: <?php echo $_GET['title_text_color']; ?>; + font-family:Arial; + font-size:13px; +} + +/* Reiter */ +div.window ul.views li +{ + background-color: #eeeeee; +} + +div.window ul.views li, +div.dropdown > div.entry +{ + font-family:Arial; + font-size:13px; + color: blue; +} + +div.bar +{ + background-color:#eeeeee; +} + +div.window ul.views li:hover { + background-color: #bbbbbb; + color: blue; +} + + + +div#tree div.content, +ul.tree li.last, +ul.tree li:last-child, +table tr.data, +div.content pre, +div.dropdown, +div.dropdown a +{ + background-color:<?php echo $_GET['title_text_color']; ?>; + color:blue; + font-family: Trebuchet MS, Helvetica, Arial, sans-serif; + font-size: 1.0em; +} + + +/* D r o p d o w n - M e n u e s */ +div.dropdown +{ + /* Schatten */ + -webkit-box-shadow: 3px 2px 10px <?php echo $_GET['title_background_color']; ?>; + -moz-box-shadow: 3px 2px 10px <?php echo $_GET['title_background_color']; ?>; + box-shadow: 3px 2px 10px <?php echo $_GET['title_background_color']; ?>; + + opacity:0.95; + + border:2px solid <?php echo $_GET['title_background_color']; ?>; + -moz-border-radius:5px; /* Mozilla */ + -webkit-border-radius:5px; /* Webkit */ + -khtml-border-radius:5px; /* Konqui */ + border-radius:5px; + + /* + background: -moz-linear-gradient(top, <?php echo $_GET['title_background_color']; ?>, <?php echo $_GET['inactive_background_color']; ?>); + background: -webkit-gradient(linear, left top, left bottom, from(<?php echo $_GET['title_background_color']; ?>), to(<?php echo $_GET['inactive_background_color']; ?>)); + */ + font-style:normal; + font-weight:normal; + text-decoration:none; +} + + +div#title span.titletext +{ + color:<?php echo $_GET['title_text_color']; ?>; +} + + + +div.filler div.headermenu > a.entry, +div.filler div.header a.back.button +{ + font-size: 0.8em; diff --git a/themes/default/layout/index.php b/themes/default/layout/index.php @@ -22,8 +22,7 @@ ?> <link rel="<?php echo $meta['name'] ?>" href="<?php echo $meta['url'] ?>" title="<?php echo $meta['title'] ?>" ><?php } ?> - <link rel="stylesheet" type="text/css" href="<?php echo OR_THEMES_EXT_DIR ?>default/css/layout.css" > - <link id="userstyle" rel="stylesheet" type="text/css" href="<?php echo OR_THEMES_EXT_DIR ?>default/css/user/default.css" > + <link id="userstyle" rel="stylesheet" type="text/css" href="<?php /* erzeuge $conf: */ require( 'config/config-default.php'); echo css_link() ?>" > <link rel="stylesheet" type="text/css" href="<?php echo OR_THEMES_EXT_DIR ?>../editor/markitup/markitup/skins/markitup/style.css" /> <link rel="stylesheet" type="text/css" href="<?php echo OR_THEMES_EXT_DIR ?>../editor/markitup/markitup/sets/default/style.css" />