default Templat Hintergrundfarbe ändern

Designvorlagen
Post Reply
Stefan09
Posts: 2
Joined: Thu 19. Feb 2015, 12:47

default Templat Hintergrundfarbe ändern

Post by Stefan09 »

Servus Forum

Ich spiel gerade mit CmSimple herum und versuche mir mein eigenes (fast eigenes) Templat zu basteln.
Als Basis für meine Umbauarbeiten habe ich das default Template verwendet.
Ich hab auch schon vieles geschafft. Der riesige Hadder ist weg, die Newsboxen sind weg, die Suchfunktion ist weg. All das brauche ich nicht.
Ich mag einfach nur links die Navigation und rechts den Inhalt.
Das habe ich auch hin bekommen. Und dann hatte ich die großartige Idee noch die Hintergrundfarbe zu ändern. Ja, und daran scheine ich zu scheitern. Vieleicht zeige ich mal ein Bild des derzeitigen Standes:

Image

Genau so wie ich das will, bis auf die hellen Streifen da um die Navigation herum :-(
Bis dahin hab ich für die Anpassung etwa 3 Stunden gebraucht, und dann hab ich noch einmal 10 Stunden gebastelt ohne der Lösung auch nur einen Schritt näher zu kommen.
Ganz im Gegenteil, ich hab am Ende völlig Plannlos alle möglichen und Unmöglichen Farbwerte in den Stylesheets mit meiner Farbe überschrieben. Alle! Selbst die Schriftfarben. Ich hab sogar an Stellen Farbwerte eingefügt wo vorher keine waren und wo wohl auck keine hin gehören. Aber die hellen Ränder sind geblieben :-(
Wo kann ich das ändern?? Ich habe das Gefühl das es gar nicht an der Navigation liegt sondern irgendwie noch Reste von dem alten Hadder sind. Hier mal meine Template Datei wie ich sie umgebastelt habe:

Code: Select all

<DOCTYPE html>

<html>
<head>
<?php echo head();?>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
</head>

<body id="body" <?php echo onload();?>>

<!-- utf-8 check: äöüß -->
<!-- This is the default template of CMSimple -->




<!-- HEADER / HEADER -->

	




<!-- ANFANG MAIN / BEGIN MAIN -->

<div id="tplge_main">
<div id="tplge_mainin">


<!-- locator -->









<!-- INHALT / CONTENT -->

	<div id="tplge_content">
	<div id="tplge_contentin">

<?php echo editmenu();?>
<?php echo content();?>
<?php echo submenu();?>

		

	</div>
<div style="clear: both;"></div>
	</div>



<!-- LINKE SIDEBAR / SIDEBAR LEFT -->

<div id="tplge_sidebar1">
	<div id="tplge_sidebar1in">	
<a href="../"><img src="../userfiles/images/lussobannerKLEIN.jpg" alt="" border="0" width="" height=""></a> <br/><br/>
<div id="tplge_menu_anchor" class="tplge_menu_anchor tplge_navintern">
<a href="#tplge_locator"><div class="tplge_button"><?php echo $tx['menu']['page_content']; ?></div></a>
<div class="tplge_button_active"><?php echo $tx['menu']['main_menu']; ?></div>
<a href="#tplge_news_anchor"><div class="tplge_button"><?php echo $tx['menu']['news_area']; ?></div></a>
<div style="clear: both;"></div>
</div>

<?php echo toc();?><br/><br/>
  


<div style="clear: both;"></div>
	</div>
<div style="clear: both;"></div>
	</div>

<div style="clear: both;"></div>


<!-- ENDE MAIN / END MAIN --> 

</div>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>





<div style="clear: both;"></div>

<div style="clear: both;"></div>



<!-- FUSSLINKS / FOOTER LINKS -->

<div id="tplge_notes">
<div id="tplge_notesin">
<p>
Powered by <a href="http://www.cmsimple.org/">CMSimple</a> | 
Template by <a href="http://cmsimple.org/">CMSimple</a> | 

<?php 
if($adm && !$edit)
{
echo '<a href="http://validator.w3.org/check?uri=referer">html5</a> | 
<a href="http://jigsaw.w3.org/css-validator/check/referer">css</a> | ';
}
?>

<?php echo loginlink();?></p>

<div style="clear: both;"></div>
</div>
</div>
</body>
</html>
Und hier noch meine Stylesheets:

Code: Select all

/* This is the default template of CMSimple */

/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0; background-color: #CDCD87;}

/* GLOBAL */
h1, h2, h3 {font-family: calibri, sans-serif; color: #CDCD87; font-size: 18px; line-height: 1.2em; font-weight: 100; letter-spacing: 1px; padding: 0 0 6px 0; margin: 6px 0 10px 0;}
h4 {clear: both; font-family: calibri, sans-serif; color: #CDCD87; font-size: 20px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5 {clear: both; font-family: calibri, sans-serif; color: #CDCD87; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6 {clear: both; font-family: calibri, sans-serif; color: #CDCD87; font-size: 16px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
hr {height: 1px; clear: both; color: #CDCD87; background-color: #CDCD87; border: 0; margin: 16px 0;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #CDCD87;}
div.tplge_content_anchor {display: none;}
div.tplge_menu_anchor {display: none;}
div.tplge_news_anchor {display: none;}
.tplge_button {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #CDCD87; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}
.tplge_button_active {background: #CDCD87; color: #CDCD87; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #CDCD87; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}


/*
##############################
 C O N T E N T  C L A S S E S
##############################
*/
.tplge_left_border {float: left; border: 5px solid #DCDC87; margin: 0 20px 10px 0; background-color: #CDCD87}
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0; solid: #CDCD87}
.tplge_right_border {float: right; border: 5px solid #DCDC87; margin: 0 0 10px 20px; background-color: #CDCD87}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px; solid: #CDCD87}
.tplge_border {border: 5px solid #DCDC87;}
.tplge_noborder {border: 0;}

.tplge_code {clear: both; background: #DCDC87; font-family: 'calibri', monospace; border: 1px solid #CDCD87; padding: 10px 16px;}
.tplge_box01 {clear: both; background: #CDCD87; border: 3px solid #CDCD87; padding: 12px 16px; margin: 16px 0;}
.tplge_legal {padding: 6px 0; background-color: #CDCD87}

.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */


/*
##############################
           B O D Y
##############################
*/

/* BODY UND SEITE / BODY AND PAGE */
body {font-family: calibri, sans-serif; font-size: 15px; line-height: 1.4em; color: black;}
#body {min-width: 940px; background: #CDCD87; text-align: left;}
#top {font-size: 10px; line-height: 10px;}


/*
##############################
        L A Y O U T
##############################
*/

#tplge_header {background-color: #CDCD87}
#tplge_locator {width: 900px; text-align: left; margin: 0 auto; background-color: #CDCD87}
#tplge_main {text-align: left; margin: 0 auto; background-color: #CDCD87}
#tplge_sidebar1 {float: left; width: 200px; background-color: #CDCD87}
#tplge_content {float: right; width: 75%; text-align: center; margin: 0; background-color: #CDCD87}
#tplge_news {min-height: 220px; background-color: #CDCD87}
#tplge_prevtopnext {clear: both; background-color: #CDCD87}
#tplge_notes {background-color: #CDCD87}


/*
##############################
        D E S I G N
##############################
*/

/* KOPFBEREICH / HEADER */
#tplge_header {background: #CDCD87 url(images/bgheader.jpg) center top no-repeat; border-bottom: 0px solid #CDCD87;}
#tplge_headerin {min-height: 180px; width: 900px; padding: 0; margin: 0 auto; background-color: #CDCD87}

#tplge_header h1 {float: right; clear: left; color: #CDCD87; font-size: 24px; line-height: 1.2em; text-align: right; font-weight: 100; padding: 10px 0 16px 16px; margin: 0;}

/* logo */
#tplge_header .tplge_logo {float: left; border: 1px solid #CDCD87; margin: 20px 5px 0px 0; background-color: #CDCD87}
#tplge_header .tplge_headerimg {float: right; background: #CDCD87; padding: 3px; margin: 0 0 0 3px; border: 1px solid #CDCD87;}


/* MAIN */
#tplge_main {background: #CDCD87 url(images/bgmain.jpg) repeat-x;}
#tplge_mainin {width: 900px; padding: 10px 20px 10px 20px; margin: 0 auto;}

/* locator */
#tplge_locatorin {font-family: calibri, sans-serif; font-size: 14px; text-align: left; color: #CDCD87; border-bottom: 1px solid #CDCD87; padding: 6px 0; margin: 12px 0 16px 0;}
#tplge_locatorin span {line-height: 26px;}

/* searchbox */
#searchbox {float: left; text-align: left; padding: 0 16px 0 0; margin: 0;}
#searchbox input.submit {background: #CDCD87; color: #CDCD87 ; border: 1px solid #CDCD87; padding: 0 3px 1px 3px;}
#searchbox .text {width: 140px; background: #CDCD87; font-family: calibri, sans-serif; font-size: 15px; border: 1px solid #CDCD87; padding: 0 3px 2px 3px;}


/* INHALT / CONTENT */
#tplge_contentin {font-family: calibri, sans-serif; text-align: left; padding: 20px 0 20px 0; margin: 0 0 10px 0;}
#tplge_contentin li {background: #CDCD87;}
#tplge_contentin h1, #contentin h2, #contentin h3 {}
#tplge_content .text {width: 90%; border: 1px solid #CDCD87;}
#tplge_content input.submit {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; line-height: 20px; border: 1px solid #CDCD87; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;}

/* languagemenu */
div.langmenu_container {float: right; text-align: right; border: 0px solid #CDCD87; padding: 0 0 6px 0; margin: 0;}
.langmenu_container img {margin: 0 0 0 16px;}

.sitemaplevel1 {font-size: 16px; font-weight: 700;}
.sitemaplevel2 {font-size: 15px; font-weight: 100;}


/* SIDEBAR NAVIGATION */
#tplge_sidebar1in {font-family: calibri, sans-serif; border-right: 0px solid #CDCD87; padding: 8px 0 0 0;}

h4.tplge_menu {margin-top: 18px;}

#tplge_sidebar1 li {list-style-type: none; list-style-image: none;}

#tplge_sidebar1 ul.menulevel1 {color: #CDCD87; border: 0; padding: 0; margin: 8px 10px 0 0;}
#tplge_sidebar1 ul.menulevel1 li {line-height: 1.2em; text-align: left; font-weight: 700; border-bottom: 1px solid #CDCD87; padding: 12px 0 4px 0; margin: 2px 0;}

#tplge_sidebar1 ul ul.menulevel2 {border: 0; padding: 0px 0 0px 0; margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 li {line-height: 1.2em; font-weight: 400; text-align: left; border: 0; padding: 4px 0 5px 1px; margin: 2px 0;}

#tplge_sidebar1 ul ul ul.menulevel3 {margin: 5px 0 0 0;}
#tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;}

#tplge_sidebar1 ul.subnav {list-style-type: none; text-align: left; padding: 36px 10px 10px 0; margin: 0;}
#tplge_sidebar1 ul.subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;}
div.subnav {text-align: left; padding: 26px 20px 0 6px; margin: 0;}
p.lastupdate {font-size: 14px; color: #CDCD87; padding: 0 10px 0 10px;}


/* NEWSBOXEN / NEWSBOXES */
#tplge_news {background: #CDCD87 url(images/bgfooter.jpg) right top no-repeat;}
#tplge_newsin {width: 940px; color: #CDCD87; font-family: calibri, sans-serif; padding: 20px 0; margin: 0 auto;}

div.tplge_news {width: 33%; float: left;}
div.tplge_newsin {line-height: 1.3em; border: 0px solid #CDCD87; padding: 0; margin: 0 20px 20px 20px;}
div.tplge_newsin ul {list-style-type: none; list-style-image: none; padding: 6px 0 12px 0;}
div.tplge_newsin li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 1px 5px; margin: 2px 0;}

div.tplge_newsin h4 {background: #CDCD87 url(images/bgnewsh4.jpg); font-size: 16px; color: #CDCD87; border: 1px solid #CDCD87; padding: 6px 16px 36px 16px; margin: 20px 0 12px 0;}
div.tplge_newsin h5 {color: #CDCD87; letter-spacing: 1px; margin: 10px 0 0 0;}
div.tplge_newsin h6 {color: #CDCD87; letter-spacing: 1px; margin: 10px 0 0 0;}

/* prev-top-next */
#tplge_prevtopnextin {text-align: center; border-top: 1px solid #CDCD87; padding: 8px 0 0 0; margin: 30px 0 0 0;}


/* FUSSLINKS / FOOTER LINKS */
#tplge_notesin {font-family: calibri, sans-serif; font-size: 14px; text-align: right; color: #CDCD87; padding: 16px 40px 40px 40px; margin: 0;}
div#tplge_notes p {padding: 0; margin: 0;}


/* LINKFORMATIERUNG / LINKS */
a:link {color: #369; text-decoration: none;}
a:visited {color: #369; text-decoration: none;}
a:hover {color: #c60; text-decoration: underline;}
a:active {color: #c60; text-decoration: underline;}
a:focus {color: #c60; text-decoration: underline;}

.tplge_navintern a:link {color: #CDCD87; text-decoration: none;}
.tplge_navintern a:visited {color: #333; text-decoration: none;}
.tplge_navintern a:hover {color: #c60; text-decoration: none;}
.tplge_navintern a:active {color: #c60; text-decoration: none;}
.tplge_navintern a:focus {color: #c60; text-decoration: none;}

#tplge_sidebar1 ul a:link {color: #222; font-style: normal;}
#tplge_sidebar1 ul a:visited {color: #222; font-style: normal;}
#tplge_sidebar1 ul a:hover {color: #c60; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul a:active {color: #c60; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul a:focus {color: #c60; font-style: normal; text-decoration: none;}

.tplge_newsin a:link {color: #ccc; text-decoration: none;}
.tplge_newsin a:visited {color: #ccc; text-decoration: none;}
.tplge_newsin a:hover {color: #f90; text-decoration: underline;}
.tplge_newsin a:active {color: #CDCD87; text-decoration: underline;}
.tplge_newsin a:focus {color: #CDCD87; text-decoration: underline;}

#tplge_notes a:link {color: #999; text-decoration: none;}
#tplge_notes a:visited {color: #999; text-decoration: none;}
#tplge_notes a:hover {color: #f90; text-decoration: underline;}
#tplge_notes a:active {color: #CDCD87; text-decoration: underline;}
#tplge_notes a:focus {color: #CDCD87; text-decoration: underline;}


/*
##############################
 S O N S T I G E S / R E S T
##############################
*/

#submit {background: #CDCD87; color: #CDCD87; border: 0; padding: 1px 6px; margin: 1px;}
input.text {border: 1px solid #CDCD87!important;}
#passwd {border: 1px solid #CDCD87;}
.file {border: 1px solid #CDCD87;}
.scroll {background: #CDCD87; border: 1px solid #CDCD87; padding: 10px; overflow: scroll;}
table.edit {background: #CDCD87; font-size: 14px; line-height: 1.2em; border: 1px solid #CDCD87; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
textarea {width: 90%; background: #CDCD87; font-family: calibri, sans-serif; border: 1px solid #CDCD87; padding: 10px; margin: 0 0 10px 0;}


An anderen Dateien hab ich nicht gedreht. Aber ich habe das Gefühl das das nötig ist. Nur leider weiß ich nicht in welchen Dateien ich rumspielen muss :-(

Kann mir jemad helfen??

Herzlichen Dank im Vorraus
Stefan
Gert
Posts: 2075
Joined: Sun 18. Nov 2012, 14:18

Re: default Templat Hintergrundfarbe ändern

Post by Gert »

Stefan09 wrote:... ich hab am Ende völlig Plannlos alle möglichen und Unmöglichen Farbwerte in den Stylesheets mit meiner Farbe überschrieben.
Das ist die Stelle, an der man aufhören und ins Bett oder in die Stammkneipe gehen sollte ;)

Am nächsten Tag klappt es dann meistens besser.

Das, was Dich da stört, ist der Hintergrund des Main Containers, der umspannt alles zwischen Header und Footer. Da hast Du zwar die Farbe geändert, aber das sich seitlich wiederholende Hintergrundbild ist noch da:

Code: Select all

#tplge_main {background: #CDCD87 url(images/bgmain.jpg) repeat-x;}
Also weg damit:

Code: Select all

#tplge_main {background: #CDCD87}
... und vielleicht nochmal mit dem Original Template von vorne beginnen, um das Ergebnis Deiner 10-stündigen "planlosen Arbeit" rückgängig zu machen ;)

Gert
Gert Ebersbach | CMSimple | Templates - Plugins - Services
Stefan09
Posts: 2
Joined: Thu 19. Feb 2015, 12:47

Re: default Templat Hintergrundfarbe ändern

Post by Stefan09 »

Danke :-)

Manchmal sieht man den Wald vor Bäumen nicht. Und ja, ich hab noch mal auf der frischen CSS angefangen.
Sollte sie jemand haben wollen:

Code: Select all

/* This is the default template of CMSimple */

/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;}

/* GLOBAL */
h1, h2, h3 {font-family: 'century gothic', verdana, sans-serif; color: #333; font-size: 24px; line-height: 1.2em; font-weight: 100; letter-spacing: 1px; padding: 0 0 6px 0; margin: 6px 0 10px 0;}
h4 {clear: both; font-family: 'century gothic', verdana, sans-serif; color: #333; font-size: 20px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5 {clear: both; font-family: 'century gothic', verdana, sans-serif; color: #333; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6 {clear: both; font-family: 'century gothic', verdana, sans-serif; color: #333; font-size: 16px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
hr {height: 1px; clear: both; color: #999; background-color: #999; border: 0; margin: 16px 0;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}
div.tplge_content_anchor {display: none;}
div.tplge_menu_anchor {display: none;}
div.tplge_news_anchor {display: none;}
.tplge_button {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}
.tplge_button_active {background: #c50; color: #fff; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #c50; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}


/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
.tplge_left_border {float: left; border: 5px solid #998; margin: 0 20px 10px 0;}
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0;}
.tplge_right_border {float: right; border: 5px solid #998; margin: 0 0 10px 20px;}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
.tplge_border {border: 5px solid #998;}
.tplge_noborder {border: 0;}

.tplge_code {clear: both; background: #eed; font-family: 'courier new', monospace; border: 1px solid #997; padding: 10px 16px;}
.tplge_box01 {clear: both; background: #e0e9ec; border: 3px solid #c0c6cc; padding: 12px 16px; margin: 16px 0;}
.tplge_legal {padding: 6px 0;}

.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */


/* 
##############################
           B O D Y
##############################
*/

/* BODY UND SEITE / BODY AND PAGE */
body {font-family: arial, sans-serif; font-size: 15px; line-height: 1.4em; color: #444;}
#body {min-width: 940px; background: #111; text-align: left;}
#top {font-size: 10px; line-height: 10px;}


/* 
##############################
        L A Y O U T
##############################
*/

#tplge_header {}
#tplge_locator {width: 900px; text-align: left; margin: 0 auto;}
#tplge_main {text-align: left; margin: 0 auto;}
#tplge_sidebar1 {float: left; width: 200px;}
#tplge_content {float: right; width: 70%; text-align: center; margin: 0;}
#tplge_news {min-height: 220px;}
#tplge_prevtopnext {clear: both;}
#tplge_notes {}


/* 
##############################
        D E S I G N
############################## 
*/

/* KOPFBEREICH / HEADER */
#tplge_header {background: #111 url(images/bgheader.jpg) center top no-repeat; border-bottom: 0px solid #999;}
#tplge_headerin {min-height: 180px; width: 900px; padding: 0; margin: 0 auto;}

#tplge_header h1 {float: right; clear: left; color: #9f9a90; font-size: 24px; line-height: 1.2em; text-align: right; font-weight: 100; padding: 10px 0 16px 16px; margin: 0;}

/* logo */
#tplge_header .tplge_logo {float: left; border: 1px solid #666; margin: 20px 5px 0px 0;}
#tplge_header .tplge_headerimg {float: right; background: #fff; padding: 3px; margin: 0 0 0 3px; border: 1px solid #999;}


/* MAIN */
#tplge_main {background: #CDCD87 }
#tplge_mainin {width: 900px; padding: 10px 20px 10px 20px; margin: 0 auto;}

/* locator */
#tplge_locatorin {font-family: arial, sans-serif; font-size: 14px; text-align: left; color: #333; border-bottom: 1px solid #999; padding: 6px 0; margin: 12px 0 16px 0;}
#tplge_locatorin span {line-height: 26px;}

/* searchbox */
#searchbox {float: left; text-align: left; padding: 0 16px 0 0; margin: 0;}
#searchbox input.submit {background: #c50; color: #fff; border: 1px solid #c50; padding: 0 3px 1px 3px;}
#searchbox .text {width: 140px; background: #fff; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #aaa; padding: 0 3px 2px 3px;}


/* INHALT / CONTENT */
#tplge_contentin {font-family: arial, sans-serif; text-align: left; padding: 20px 0 20px 0; margin: 0 0 10px 0;}
#tplge_contentin li {background: none;}
#tplge_contentin h1, #contentin h2, #contentin h3 {}
#tplge_content .text {width: 90%; border: 1px solid #ccc;}
#tplge_content input.submit {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;}

/* languagemenu */
div.langmenu_container {float: right; text-align: right; border: 0px solid #c00; padding: 0 0 6px 0; margin: 0;}
.langmenu_container img {margin: 0 0 0 16px;}

.sitemaplevel1 {font-size: 16px; font-weight: 700;}
.sitemaplevel2 {font-size: 15px; font-weight: 100;}


/* SIDEBAR NAVIGATION */
#tplge_sidebar1in {font-family: arial, sans-serif; border-right: 0px solid #999; padding: 8px 0 0 0;}

h4.tplge_menu {margin-top: 18px;}

#tplge_sidebar1 li {list-style-type: none; list-style-image: none;}

#tplge_sidebar1 ul.menulevel1 {color: #c60; border: 0; padding: 0; margin: 8px 10px 0 0;}
#tplge_sidebar1 ul.menulevel1 li {line-height: 1.2em; text-align: left; font-weight: 700; border-bottom: 1px solid #999; padding: 12px 0 4px 0; margin: 2px 0;}

#tplge_sidebar1 ul ul.menulevel2 {border: 0; padding: 8px 0 4px 0; margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 li {line-height: 1.2em; font-weight: 400; text-align: left; border: 0; padding: 4px 0 5px 1px; margin: 2px 0;}

#tplge_sidebar1 ul ul ul.menulevel3 {margin: 5px 0 0 0;}
#tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;}

#tplge_sidebar1 ul.subnav {list-style-type: none; text-align: left; padding: 36px 10px 10px 0; margin: 0;}
#tplge_sidebar1 ul.subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;}
div.subnav {text-align: left; padding: 26px 20px 0 6px; margin: 0;}
p.lastupdate {font-size: 14px; color: #333; padding: 0 10px 0 10px;}


/* NEWSBOXEN / NEWSBOXES */
#tplge_news {background: #111 url(images/bgfooter.jpg) right top no-repeat;}
#tplge_newsin {width: 940px; color: #999; font-family: arial, sans-serif; padding: 20px 0; margin: 0 auto;}

div.tplge_news {width: 33%; float: left;}
div.tplge_newsin {line-height: 1.3em; border: 0px solid #996; padding: 0; margin: 0 20px 20px 20px;}
div.tplge_newsin ul {list-style-type: none; list-style-image: none; padding: 6px 0 12px 0;}
div.tplge_newsin li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 1px 5px; margin: 2px 0;}

div.tplge_newsin h4 {background: #444 url(images/bgnewsh4.jpg); font-size: 16px; color: #bba; border: 1px solid #666; padding: 6px 16px 36px 16px; margin: 20px 0 12px 0;}
div.tplge_newsin h5 {color: #aa9; letter-spacing: 1px; margin: 10px 0 0 0;}
div.tplge_newsin h6 {color: #aa9; letter-spacing: 1px; margin: 10px 0 0 0;}

/* prev-top-next */
#tplge_prevtopnextin {text-align: center; border-top: 1px solid #999; padding: 8px 0 0 0; margin: 30px 0 0 0;}


/* FUSSLINKS / FOOTER LINKS */
#tplge_notesin {font-family: arial, sans-serif; font-size: 14px; text-align: right; color: #666; padding: 2px 30px 2px 30px; margin: 0;}
div#tplge_notes p {padding: 0; margin: 0;}


/* LINKFORMATIERUNG / LINKS */
a:link {color: #369; text-decoration: none;}
a:visited {color: #369; text-decoration: none;}
a:hover {color: #c60; text-decoration: underline;}
a:active {color: #c60; text-decoration: underline;}
a:focus {color: #c60; text-decoration: underline;}

.tplge_navintern a:link {color: #333; text-decoration: none;}
.tplge_navintern a:visited {color: #333; text-decoration: none;}
.tplge_navintern a:hover {color: #c60; text-decoration: none;}
.tplge_navintern a:active {color: #c60; text-decoration: none;}
.tplge_navintern a:focus {color: #c60; text-decoration: none;}

#tplge_sidebar1 ul a:link {color: #222; font-style: normal;}
#tplge_sidebar1 ul a:visited {color: #222; font-style: normal;}
#tplge_sidebar1 ul a:hover {color: #c60; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul a:active {color: #c60; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul a:focus {color: #c60; font-style: normal; text-decoration: none;}

.tplge_newsin a:link {color: #ccc; text-decoration: none;}
.tplge_newsin a:visited {color: #ccc; text-decoration: none;}
.tplge_newsin a:hover {color: #f90; text-decoration: underline;}
.tplge_newsin a:active {color: #fff; text-decoration: underline;}
.tplge_newsin a:focus {color: #fff; text-decoration: underline;}

#tplge_notes a:link {color: #999; text-decoration: none;}
#tplge_notes a:visited {color: #999; text-decoration: none;}
#tplge_notes a:hover {color: #f90; text-decoration: underline;}
#tplge_notes a:active {color: #fff; text-decoration: underline;}
#tplge_notes a:focus {color: #fff; text-decoration: underline;}


/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/

#submit {background: #c60; color: #fff; border: 0; padding: 1px 6px; margin: 1px;}
input.text {border: 1px solid #999!important;}
#passwd {border: 1px solid #999;}
.file {border: 1px solid #999;}
.scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
textarea {width: 90%; background: #fff; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;}


/* 
############################## 
   R E S P O N S I V E  CSS
############################## 
*/

@media (max-width: 59px) {
#body {min-width: 240px; font-size: 16px;}

div.tplge_content_anchor {display: table; padding: 12px 0 0 0;}
div.tplge_menu_anchor {display: table; padding: 12px 0 0 0;}
div.tplge_news_anchor {display: table; padding: 12px 0 0 10px;}

/* header */
#tplge_headerin {width: 92%; max-width: 400px; padding: 0 4%; margin: 0 auto;}
#tplge_header h1 {float: left; font-size: 20px; line-height: 1.2em; text-align: left; font-weight: 100; padding: 20px 0 16px 0; margin: 0;}

/* locator */
#tplge_locator {width: 100%; max-width: 400px; padding: 2px 0 0 0; margin: 0;}

/* searchbox */
#searchbox {clear: both; padding: 0 0 12px 0; margin: 0;}
#searchbox .text {width: 130px;}

/* language menu */
div.langmenu_container {clear: left; float: none; text-align: left; border: 0px solid #c00; padding: 0 0 12px 0; margin: 0;}
.langmenu_container img {margin: 0 16px 0 1px;}

/* Main Area */
#tplge_main {width: 100%; padding: 0; margin: 0;}
#tplge_mainin {width: 92%; max-width: 400px; padding: 0 4%; margin: 0 auto;}

/* Content Area */
#tplge_content {width: 100%;}
#tplge_contentin {width: 100%; padding: 20px 0 0 0;}
#tplge_prevtopnextin {font-weight: 700; padding: 16px 0 0 0; margin: 30px 0 0 0;}

/* Menu Area */
#tplge_sidebar1 {width: 100%;}
#tplge_sidebar1 ul.menulevel1 li {font-size: 16px;}
#tplge_sidebar1 ul ul.menulevel2 li {font-size: 16px;}
#tplge_sidebar1 ul ul ul.menulevel3 li {font-size: 16px; padding-left: 24px;}

/* News Area */
#tplge_news {width: 100%; min-height: 220px;}
#tplge_newsin {width: 100%; max-width: 400px; margin: 0 auto;}
div.tplge_news {width: 100%;}
div.tplge_newsin {margin: 0 20px 0 10px;}
}
So passt das.
Es war gestern Nacht wirklich eher Zeit fürs Bett. Aber das fuxt einen wenn man das nicht hinbekommt. Wer kommt in so einem Moment schon vom Rechner weg?? Also ich nicht :-)

Übrigens, und total Off Topic:
Mit dem Bordeigenen Q&A Capche von phpbb ist der Spam so gut wie abgeschaltet auch ohne manuele Freischalung von Regestrierungen. Also in meinem Board klappt das seit Jahren zu fast 100%.
Aber ich kenne hier die Hintergründe nicht. Soll nur ein gut gemeinter Tipp sein.

Ich mache bei mir mal weiter. Ich schätze das ihr hier noch mal von mir hört. Spätestens wenn ich das nächste Mal den Waöd vor lauter Bäumen nicht finde.
Post Reply