CSS-Dateien auslagern? (Anleitung in P. Müllers Buch „Websites erstellen mit Contao“)
Hallo Forum,
ich versuche die Anleitung aus dem Buch von Peter Müller (Websites erstellen mit Contao Auflage 1 (!)) nachzuvollziehen – jedoch übertragen auf ein schon bestehendes Webprojekt (mit Contao 2.10). Da ich dort nicht weiterkam, habe ich mir lokal eine zweite Installation von Contao 2.10 angelegt und arbeite nun parallel mit dem Buch und den Beispieldateien zu Auflage 2 (Download auf der entsprechenden Website).
Ich versuche die Auslagerung der CSS-Files zu erreichen, damit ich diese mit meinem Editor bearbeiten kann, stolpere aber über Kapitel 7.7.1: Dort wird geschrieben, dass man sich die fe_page.tpl (fe_page.html5 seit Version 2.10) als Kopie anlegen soll IN EINEN Unterordner von /templates (/templates/blaues_theme).
In den Beispieldateien des Buches (Auflage 2) finde ich aber in KEINEM Kapitelordner eine Kopie der fe_page und auch nach Import der Datei k08_anfang_Websites_erstellen_mit_Contao.sql habe ich KEINE Kopie im Ordner templates/blaues_theme?!
Das Konstrukt mit @import in der zentrale.css und der Anpassung der fe_page Kopie gelingt mir also nicht!
Ich bin den Erklärungen zur neuen Auflage 2 durchgegangen (http://goo.gl/xud4n) , aber dort steht, es würde sich am grundsätzlichen Prozedere in Kapitel 7 nichts ändern. Ich hätte am Ende germe meine CSS-Dateien so abgelegt, dass ich die extern bearbeiten kann und intern angezeigt bekomme...
Was läuft das also falsch? Muss ich mich denn z.B. ganz genau an die Ordner /tl_files/themes und /templates/blaues_theme halten?
Danke Euch vielmals und beste Grüße
Typogold
Liste der Anhänge anzeigen (Anzahl: 6)
Bilder
Hallo,
da ich mich vermutlich nicht korrekt ausdrücke, hier Bilder:
1.
MEINE lokale Installation (nach der Anleitung im Buch):
template
Anhang 6113
css
Anhang 6114
(müssten HIER nicht CSS-Dateien erscheinen?
konfiguration
Anhang 6116
2.
Die lokale Installation MIT den Beispieldateien aus dem Buch (k08_css_extern)
template
Anhang 6112
css
Anhang 6115
(wie kamen diese CSS-Dateien zustande? Handelt es sich dabei um die in den vorangegangen Kapiteln im BACKEND angelegten Dateien?)
konfiguration
Anhang 6117
3.
Ich weiß nicht mehr weiter....?! Habe ich ne Möglichkeit in Contao mein CSS-Chaos irgendwie zu "entwirren" und nochmal neu anzufangen?
Liste der Anhänge anzeigen (Anzahl: 1)
Heute heruntergeladen
Hallo Herr Müller,
sicher kennen Sie Ihr Buch mittlerweile auswendig und das soll kein Vorwurf sein: In den Beispieldaten zur zweiten Auflage des Buches findet sich in Ordner k08_css_extern KEINE fe_page.xhtml. Erst im Ordner k09_navigation/frontend_template_k0904_ende. Aber auch diese zeigt nicht, wie man CSS-Files extern einbindet...?!
Anhang 6119
Da ich mit meinem Problem überhaupt nicht weiterkomme, wüßte ich nur gerne, ob das Duplizieren der fe_page.xhtml überhaupt ein von Ihnen/der community gangbarer Weg ist?
Warum ich überhaupt versuche, das so zu lösen?
Ich baue gerade eine Site auf, in der es einen geschützten Mitgliederbereich gibt, der an wichtigen Stellen anders aussehen muss, als der öffentlich sichtbare, da dort breite Tabellen abgebildet werden sollen. Insofern suche ich nach einer Möglichkeit, meine CSS-Dateien extern sauber zu strukturieren. Intern ist es nämlich recht fummelig, die verschiedenen Layouts zu verwalten.
Vielleicht bin ich auch einfach nur zu *** gerade, immerhin versuche ich seit paar Stunden den Fehler zu finden... Ich mache daher für heute einfach Schluß.
Danke für Ihren Einsatz und Ihre Geduld
Typogold
Liste der Anhänge anzeigen (Anzahl: 1)
...und hier noch ein passender Screenshot dazu:
Anhang 6125
Man beachte die zusätzlichen <header>-Tags :)
Liste der Anhänge anzeigen (Anzahl: 5)
Schönen Abend zusammen,
ich hänge mich jetzt einfach mal hier dran. Nachdem ich die Extension "csseditor" verbannt und nach Peter's Anleitung im Contao-Buch externe Stylesheets angelegt habe, bin ich überglücklich. Prinzipiell funktioniert alles super, und die Bearbeitung macht wieder Spaß. :D Danke!
Ich habe jetzt trotzdem noch ein Problem: ich verwende immer drei Stylesheets. Das Reset-Stylesheet basic.css, ein grid.css und ein style.css. Bei den Browsertests habe ich dann einige Unregelmäßigkeiten festgestellt. Chrome und Safari ignorieren die basic.css. So fehlen zum Beispiel die Abstände vor und nach den Überschriften oder auch nach den Absätzen. Ich hänge hier mal Screenshots von allen Browsern dazu. In Firefox, Opera und sogar beim IE passt alles. (Hier noch der Link.)
Im übrigen ist es gleichgültig, ob ich die externen Stylesheets über das Seitentemplate oder das Seitenlayout einbinde. In beiden Fällen hab ich das gleiche Darstellungsproblem. Die Tests aus dem letzten Post von Peter hab ich gemacht, konnte nichts auffälliges finden, zumal das Ergebnis in drei Browsern eh passt. Die basic.css lässt sich auch in Chrome und Safari aufrufen.
Woran kann das liegen?
LG,
Birgit
Probleme mit der bildschirm.css
Ich bin auch ein Fan von Peters Buch (habe die 2te Auflage) :D
Leider hat sich bei mir eine Fehler eingeschlichen....und diesen Halunken kann ich einfach nicht finden :mad:
Keine der Formatierungsanweisungen (Minikalender, Kontaktformular gestalten,....) funktionieren bei mir. Formatierungen im body, header,....gehen anstandslos...
Hat jemand eine Tipp, wo der Fehler liegen könnte?
Tja, ich bin natürlich noch eine contao-Frischling :rolleyes:
LG aus Wien
meine kompletten Schätze....
http://localhost/wb/contao/preview.php
http://localhost/wb/contao/switch.php
http://localhost/wb/system/scripts/020892e0a082.css
Code:
@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
.styled_select{display:inline;margin-top:1px;position:absolute;background:#fff;border:1px solid #b8b8b8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0 0 0 6px;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;text-align:left;line-height:20px;white-space:nowrap;overflow:hidden}.styled_select.focused{background-color:#ebfdd7}.firefox .styled_select{line-height:21px}.win.firefox .styled_select{line-height:22px}.tl_subpanel .styled_select{font-size:11px;line-height:18px}.firefox .tl_subpanel .styled_select{line-height:19px}.win.firefox .tl_subpanel .styled_select{line-height:20px}.styled_select b{display:block;width:15px;height:100%;position:absolute;top:0;right:0;border-left:1px solid #b8b8b8;background:#eee;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);background-image:linear-gradient(top,#ccc 0,#eee 60%)}.styled_select b i{display:block;width:100%;height:100%;background:url("../../plugins/stylect/images/select.gif") center center no-repeat}
}
@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
html,body,form,pre,figure{margin:0;padding:0}img{border:0}a,b,body,cite,div,em,h1,h2,h3,h4,h5,h6,i,label,legend,li,ol,p,strong,td,th,u,ul{font-family:Verdana,sans-serif}fieldset,form,input,optgroup,select,textarea{font-family:"Trebuchet MS",Verdana,sans-serif}a,body,div,label,legend,li,ol,p,td,th,ul,fieldset,form,input,optgroup,select,textarea{font-size:11px;color:#666966}fieldset,form,input,optgroup,select,textarea{font-size:12px}h1,h2,h3,h4,h5,h6{font-size:12px;color:#666966}table{border-spacing:0;border-collapse:collapse}th,td{padding:0;text-align:left}.tl_small{font-size:9px}.tl_small,.tl_gray{color:#a3a3a3}.tl_green{color:#8ab858}.tl_red{color:#c55}.tl_blue{color:#5c9ac9}.tl_orange{color:#f90}span.mandatory{color:#f00}a{color:#666966;text-decoration:none}a:hover,a:focus,a:active{color:#8ab858}hr{height:1px;margin:18px 0;border:0;background:#ddd;color:#ddd}p{margin:0 0 12px;padding:0}ul.sortable,ul.sortable li{margin:0;padding:0;list-style-type:none}ul.sortable li{cursor:move}.clear{clear:both;height:.1px;line-height:.1px;font-size:.1px}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}optgroup{padding-top:3px;padding-bottom:3px;font-style:normal;background:#fff}fieldset.tl_checkbox_container,fieldset.tl_radio_container{border:0;margin:15px 0 1px;padding:0}fieldset.tl_checkbox_container{line-height:14px}fieldset.tl_checkbox_container legend,fieldset.tl_radio_container legend{font-weight:bold;margin:0;padding:0}fieldset.checkbox_container,fieldset.radio_container{border:0;margin:0;padding:0}.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea{margin:1px 0}.tl_text{width:314px}.tl_text_2{width:152px}.tl_text_3{width:99px}.tl_text_4{width:72px}.tl_textarea{width:680px;height:240px}.tl_text_unit{margin:1px 0;width:250px}.tl_text_trbl{margin:1px 0;width:55px}.tl_text_interval{margin:1px 0;width:152px}.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval{border:1px solid #b8b8b8;padding:2px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.mac .tl_text,.mac .tl_text_2,.mac .tl_text_3,.mac .tl_text_4,.mac .tl_textarea,.mac .tl_text_unit,.mac .tl_text_trbl,.mac .tl_text_interval{padding:3px 2px}.tl_text:focus,.tl_text_2:focus,.tl_text_3:focus,.tl_text_4:focus,.tl_textarea:focus,.tl_text_unit:focus,.tl_text_trbl:focus,.tl_text_interval:focus{background-color:#ebfdd7}pre,.tl_textarea.monospace{font-family:"Andale Mono",monospace;font-size:12px}.tl_textarea.monospace:focus{background:0}.tl_select,.tl_mselect,.tl_select_column{margin:1px 0}.tl_box .tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect{width:320px}.tl_select_column{width:140px}.tl_select_unit{margin:1px 0;width:60px}.tl_select_interval{margin:1px 0;width:158px}.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval{border:1px solid #b8b8b8;padding:1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.mac .tl_select,.mac .tl_mselect,.mac .tl_select_column,.mac .tl_select_unit,.mac .tl_select_interval{padding:2px 1px}.tl_checkbox{margin:1px 3px 0 0;vertical-align:bottom}.mac .tl_checkbox{margin:0 3px 0 0}.tl_tree_checkbox{margin:0 3px 0 0}.tl_checkbox_single_container{margin:16px 0 1px}.tl_checkbox_single_container label{font-weight:bold}.tl_checkbox_container label{display:block;margin:-14px 0;padding-left:20px}.tl_checkbox_container label:last-child{margin-bottom:0}.checkbox_toggler{font-weight:bold}.checkbox_toggler_first{font-weight:bold;margin-top:3px}.checkbox_toggler img,.checkbox_toggler_first img{vertical-align:top;position:relative;top:-2px;margin-right:3px}.checkbox_options{margin:0 0 6px 21px!important}.tl_radio{margin:1px 3px 0 0;vertical-align:bottom}.tl_tree_radio{margin:0 3px 1px 0;vertical-align:middle}.safari .tl_radio,.safari .tl_tree_radio{margin-left:1px}.tl_radio_table{margin:2px 0 1px}.tl_radio_table td{padding:0 24px 1px 0}.tl_radio_table img,.tl_radio_table input{vertical-align:middle}.tl_upload_field{margin:1px 0}.tl_submit{padding:5px 12px 5px 13px;border:1px solid #b8b8b8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#666966;cursor:pointer;line-height:1;text-shadow:1px 1px 0 #eee;background:#eee;background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);background-image:linear-gradient(top,#ccc 0,#eee 60%)}.firefox .tl_submit{padding:2px 12px 2px 13px}.opera .tl_submit{padding:4px 12px 4px 13px}.tl_submit:focus,.tl_submit:hover{box-shadow:0 0 3px #aaa}.tl_submit:active{color:#bbb;box-shadow:0 0 6px #999}.tl_submit:disabled{cursor:default;background:#ddd;text-shadow:none;color:#999;box-shadow:none}.clr{clear:both;overflow:hidden}.w50{width:50%;float:left;height:72px}.w50 .tl_help{margin-right:24px}.wizard .tl_text{width:290px}.wizard .tl_text_2{width:140px}.long .tl_text{width:657px}.m12{margin:12px 0}.cbx{height:48px}.inline div{display:inline}
}
@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
html,body{background:#333633}a,body,div,form,input,selectlabel,p{color:#333633}p{margin-bottom:0;font-weight:bold}#container{height:22px;margin:0 0 2px;padding:3px 6px 6px 12px;overflow:hidden;background:#ffc;line-height:1}#left{width:22%;float:left;padding:7px 0 5px}#right{width:78%;float:right;text-align:right}img.close{padding-left:3px;vertical-align:-1px;cursor:pointer}.tl_select{margin:1px 9px 1px 0;padding:1px;border:1px solid #b8b8b8}#ctrl_user{width:24%}input,select,label{vertical-align:baseline}.tl_submit{padding-top:4px;padding-bottom:4px}.firefox .tl_submit{padding-top:2px;padding-bottom:2px}.opera .tl_submit{padding-top:3px;padding-bottom:3px;margin-top:1px}.chrome .tl_submit,.safari .tl_submit{position:relative;top:-1px}.ie7 #container{padding:2px 6px 6px 12px}.ie7 #left{padding:7px 0 5px}.ie7 input,.ie7 select,.ie7 label{vertical-align:middle}
}
http://localhost/wb/
http://localhost/wb/system/scripts/f...f-2e4c3f8f.css
Code:
@charset "UTF-8";
#wrapper{width:960px;margin:0 auto;}
#left{width:182px;}
#right{width:182px;}
#main{margin-left:182px;margin-right:182px;}
http://localhost/wb/system/scripts/contao-861adc9f.css
Code:
@charset "UTF-8";
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative}select,input,textarea{font-size:99%}form{margin:0;padding:0}img{border:0}#left{float:left}#right{float:right}#main{width:auto;position:relative}.inside{position:relative;text-align:left}.block{overflow:hidden}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block;text-align:left}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}*+html #main{position:static}header,footer,nav,section,aside,article,figure,figcaption{display:block}
http://localhost/wb/system/scripts/m...1-686e69dc.css
Code:
@charset "UTF-8";
/* mediaboxAdvanced - black theme */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVQ4jWNgYGA4Q2U8auCogaMGjho4auDINBAA7qY+0Ll3hc0AAAAASUVORK5CYII=) repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url(data:image/gif;base64,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) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
http://localhost/wb/tl_files/template_wb/zentrale.css
Code:
/* Zentrales Stylesheet */
@import url(basic.css);
@import url(screen.css);
@import url(navi.css);
/* Ende */
http://localhost/wb/tl_files/template_wb/basic.css
Code:
@media screen {
/**
* Contao Open Source CMS
* Copyright (C) 2005-2011 Leo Feyer
*
* Formerly known as TYPOlight Open Source CMS.
*
* This program is free software: you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation, either
* version 3 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
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public
* License along with this program. If not, please visit the Free
* Software Foundation website at <http://www.gnu.org/licenses/>.
*
* PHP version 5
* @copyright Leo Feyer 2005-2011
* @author Leo Feyer <http://www.contao.org>
* @license LGPL
* @version 1.1
*/
/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
margin:0;
padding:0;
}
/* Format basic elements */
table {
border-collapse:collapse;
border-spacing:0;
}
caption,th,td {
text-align:left;
vertical-align:top;
}
abbr,acronym {
font-variant:normal;
border-bottom:1px dotted #666;
cursor:help;
}
blockquote,q {
quotes:none;
}
fieldset,img {
border:0;
}
li {
list-style-type:none;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
del {
text-decoration:line-through;
}
ins {
text-decoration:none;
}
a {
color:#333;
}
:focus {
outline:0;
}
/* Font settings */
body {
font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L;
font-size:12px;
color:#000;
}
input,button,textarea,select {
font-family:inherit;
font-size:100%;
font-weight:inherit;
}
pre,code {
font-family:"Lucida Console",Monaco,monospace;
font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
font-size:99%;
font-weight:normal;
}
h1 {
font-size:22px;
}
h2 {
font-size:20px;
}
h3 {
font-size:18px;
}
table {
font-size:inherit;
}
caption,th {
font-weight:bold;
}
/* Default margins */
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
margin-bottom: 13px;
/* Should match the font size */
}
/*Ende @media screen */
}
http://localhost/wb/tl_files/template_wb/screen.css
Code:
@media screen {
/* Style sheet bildschirm */
html{ overflow-y: scroll; }
body {
background-color: #f7f2f2;
font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size: 81.25%
}
/* Restaurierung der Listen */
ol,ul { margin-bottom:1.5em; }
li { margin-left:2em; }
ul li { list-style: square; }
ol li { list-style: decimal; }
#wrapper{
background-color:#ccc;
}
/* Rahmenlinien oben und unten */
#container{
margin-right:8px;
margin-left:8px;
}
#header{
border-top:2px solid #3c3c3c;
border-bottom:1px solid #3c3c3c;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
/* Headerbereich das Logo ausrichten */
#header img{
position:absolute;
top:-58px;
left:16px;
}
/* Headerbereich, die Ãœberschrift ausrichten und definieren */
#header p{
margin-top:54px;
text-align:center;
font-size:26px;
font-weight:bold;
color:#c80a28;
}
/* Rahmenlinien links und rechts */
#main{
min-height:300px;
padding-top: 8px;
padding-right:10px;
padding-left:10px;
background-color:#f7f2f2;
border-right:1px solid #3c3c3c;
line-height:1.7;
border-left:1px solid #3c3c3c;
}
/* Rahmenlinien oben und unten */
#footer{
text-align:center;
border-top:1px solid #3c3c3c;
border-bottom:2px solid #3c3c3c;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
/* Footerbereich, die Sschrift ausrichten und definieren */
#footer p{
padding-top:11px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#fff;
}
.pdf_link {
float:right;
width: auto;
margin-left: 10px;
}
/* Inhaltstabellen */
.ce_table table {
background-color: #d9d9d9;
border-collapse: collapse;
border-bottom: 2px solid #bbb;
margin-bottom: 1em;
}
.ce_table thead {
background-color: #fff;
color: #000;
border-top: 2px solid #bbb;
border-bottom: 1px solid #bbb;
}
.ce_table tr.odd {
background-color: #fff;
}
.ce_table td, .ce_table th {
font-size: 11px;
padding: 0.5em 1em;
}
/* Akkordeons */
#right .ce_accordion {
width: 142px;
float: right;
border: 1px solid #d9d9d9;
}
.ce_accordion .toggler {
cursor: pointer;
background: #d9d9d9;
padding: 0.25em 0.5em;
}
.ce_accordion .accordion div {
font-size: 11px;
padding: 0.75em 0.5em;
}
.ce_accordion .toggler {
background: #d9d9d9 url("plus.gif") no-repeat left center;
padding: 0.25em 0.5em 0.25em 1.5em;
}
.ce_accordion .toggler.active {
background: #d9d9d9 url("minus.gif") no-repeat left center;
}
/* ======================================
Kontaktformular gestalten
====================================== */
form#kontaktformular {
line-height: 1;
background-color: #ADCBE6;
padding: 0 18px 18px 18px;
border-top: 1px solid #89ADCD;
border-bottom: 1px solid #89ADCD;
margin: 0 0 2em 0;
}
#kontaktformular label {
display: block;
cursor: pointer;
margin: 18px 0 3px 0;
}
#kontaktformular .checkbox_container label {
display: inline;
position: relative;
bottom: 2px;
}
#kontaktformular .checkbox_container {
margin-top: 1em;
}
#kontaktformular input,
#kontaktformular textarea {
padding: 3px;
}
#kontaktformular input:focus,
#kontaktformular textarea:focus {
background-color: #ECECEC;
color: #000;
}
#kontaktformular p.error {
background: #FFC0CB; /* pink */
color: #000;
max-width: 400px;
padding: 3px;
border: 1px solid #f00; /* rot */
margin-bottom: 3px;
}
/* ======================================
Startseite gestalten
====================================== */
.startseite .float_news,
.startseite .float_termine {
float: left;
width: 300px;
font-size: 11px;
background: #d9d9d9 url("graydient.jpg") repeat-x left top;
padding: 3px 9px 9px 9px;
border-top: 1px solid #999;
margin-top: 13px;
margin-right: 18px;
}
.startseite .float_news h2,
.startseite .float_termine h2 {
font-size: 14px;
font-weight: bold;
padding: 0;
margin: 0.5em 0;
}
.startseite #right {
background: #d9d9d9 url("graydient.jpg") repeat-x
left top;
padding: 0 8px;
border: 1px solid #999;
border-right: none;
border-left: none;
margin: 0 0 1em 2em;
}
.startseite #right h2 {
font-size: 12px;
font-weight: bold;
padding: 3px;
padding-left: 0;
border: none;
margin: 2em 0 1em 0;
}
/* Minikalender in Sidebar */
.startseite table.minicalendar {
width:98%;
border-collapse: collapse;
}
.startseite .minicalendar thead { border: 1px solid #fff; }
.startseite .minicalendar th { font-weight: normal; }
.startseite .minicalendar th.head { padding: 6px 0; }
.startseite .minicalendar th.previous {
text-align:left;
padding-left:6px;
}
.startseite .minicalendar th.current { text-align:center; }
.startseite .minicalendar th.next {
text-align:right;
padding-right:6px;
}
.startseite table.minicalendar .label {
font-size: 11px;
text-align:center;
font-weight:normal;
padding-bottom:1px;
}
.startseite .minicalendar td {
text-align:center;
width:14%;
padding: 2px 0;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.startseite .minicalendar td.col_first {
border-left: 1px solid #fff
}
/*Ende @media screen */
}
http://localhost/wb/tl_files/template_wb/navi.css
Code:
@media screen {
/* ========================
Vertikale Navigation
===================== */
#left div.mod_navigation {
float: left;
width: 142px;
font-size: 12px;
margin: 32px 0;
}
#left .mod_navigation ul{
background-color: #ccc;
padding: 0;
margin: 0;
}
#left .mod_navigation li{
margin: 0;
list-style-type: none;
}
/* Menuepunkte gestalten */
#left .mod_navigation a,
#left .mod_navigation span {
display: block;
text-decoration: none;
background-color: #878787;
color: #000;
padding: 8px 8px 8px 18px;
border-top: 1px solid #fff;
}
/* Rollover und TAB-Fokus */
#left .mod_navigation a:hover,
#left .mod_navigation a:focus {
background: #4b4b4b;
color: #fff;
}
/* Aktiven Menuepunkt hervorheben */
#left .mod_navigation span.active,
#left .mod_navigation .trail {
background: #4b4b4b;
color: #fff;
}
/* Unterpunkte links einrücken */
#left .mod_navigation li li a,
#left .mod_navigation li li span {
margin-left:18px;
}
/* Hervorhebung für Unterpunkte */
#left .mod_navigation li li a:hover,
#left .mod_navigation li li a:focus {
background-color:#4b4b4b;
color:#fff;
}
/* Alle Links im aktiven Listenelement einfärben */
#left .mod_navigation .submenu a {
background-color:#969696;
color:#000;
}
/* ==============
Metanavigation
============== */
#header .mod_customnav {
position: absolute;
right: 18px;
top: -44px;
font-size: 12px;
}
#header .mod_customnav li {
float: left;
width: auto;
list-style-type: none;
margin: 0 ;
}
#header .mod_customnav a,
#header .mod_customnav span {
display: block;
text-decoration: none;
color: #fff;
padding: 4px ;
margin-left: 9px;
}
#header .mod_customnav a:hover,
#header .mod_customnav a:focus {
background: #4b4b4b;
color: #000;
}
#header .mod_customnav span.active {
background-color: #4b4b4b;
color: #000;
}
/* =================
Sitemap gestalten
================= */
.mod_sitemap ul ul { margin-bottom: 0; }
.mod_sitemap li {
list-style-type: none;
margin-left: 0; /* 1. Ebene ohne Einzug links */
}
.mod_sitemap li li { margin-left: 1.5em; } /* linker Einzug */
.mod_sitemap a { text-decoration: underline; }
.mod_sitemap a:link {color:#000; }
.mod_sitemap a:hover; }
.mod_sitemap a:active {color:#c80a28; }
.mod_sitemap .level_1 a { font-weight: bold; }
.mod_sitemap .level_2 a { font-weight: normal; }
} /* Ende @media */
DANKE für deine Hilfe!
Gruß
Helmut64
