cms2day Forum - Community & Support rund ums cms2day

Quellcode

/* - MISC STYLE - */


* {

margin: 0px;
padding: 0px;

}
 
html {


text-align: center;
width: 100%;
height: 100%;

}

@font-face {


font-family: caviardreams;
src: url(../font/caviardreams_bold.ttf);

}

body {

width: 100%;
background:#fff url(../images/bg.jpg) repeat-x;
font-size: 14px;
line-height: 18px;
font-family: "caviardreams" "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
margin: 0px auto;
text-align: left;
height: 100%;

}

td {

font-size: 11px;
line-height: 18px;
font-family: "caviardreams" "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";

}

ul {

margin: 0px;
padding: 0px;

}

li {

list-style: none;

}

form {

margin: 0px;
padding: 0px;

}

img {

border: none;

}

#cleaner {

clear: both;
height: 0px;
font-size: 0px;
display: block;
width: 100%;

}

a {

color: #ffffff;
text-decoration: none;

}

a:hover {

color: #ffffff;
text-decoration: underline;

}


/* - CONTAINER - */


#container {

width: 960px;
position: relative;
height: auto !important;
background-color: #ffffff; 
margin: 30px auto 20px auto;
border: 1px solid #000;

}


#head {

height: 80px;
background: #45484C;
border-bottom: 1px solid #000;

}

/* - CLAIM - */


#claim {

color: #ffffff;
text-align: left;
padding: 20px 0px 0px 30px;
float: left;

}


/* - SUCHE - */

#suche {

text-align: right;
padding: 20px 30px 0px 0px;

}

#suche a {

float: right;
position: absolute;
right: 200px;
font-size: 17px;

}

#suche form input.button {


background: url('../images/suche.png') no-repeat;
width: 12px;
height: 9px;
padding: 0px;
margin: 0px;
border: none;
font-size: 0px;
cursor: pointer;
font-family: "Verdana";
position: absolute;
right: 15px;
top: 25px;

}

/* - HEADER - */


#header {

width: 100%;
height: 300px;
background: url(../images/header.jpg) no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
position: relative;
z-index: 1;
}

#header #date {

color: #ffffff;
z-index: 3;

}

#header #logo {

padding: 67px 0px 0px 5px;
z-index: 4;

}


/* - MENU - */


#header #menu {

width: 958px;
height: 40px;
margin-top: 27px;
padding: 0px;
overflow: visible;
position: relative;
font-size: 15px;
line-height: 40px;
z-index: 999;
background: url(../images/menu.png) repeat-x;
border: 1px solid #000;

}

#header #menu ul {

margin: 0px auto;
padding: 0px;
z-index: 999;

}

#header #menu ul li {

border-right: 2px solid #fff;
float: left;
list-style: none;
margin: 0px;
position: relative;
z-index:999;

}

#header #menu li {

display: inline;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 999;

}

#header #menu li a {

text-decoration: none;
height: 20px;
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 30px;
z-index: 999;

}

#header #menu li a:hover {

text-decoration: underline;
font-size: 15px;
z-index: 999;

}

#header #menu li a.aktiv, #menu li a.aktiv:hover {

text-decoration: underline;
height: 20px;
font-size: 15px;
cursor:default;
z-index: 999;

}

/* - DROPDOWNMENU - */


#header #menu ul li ul {

visibility: hidden;
position: relative;
height: 20px;
width: 120px;
margin: 0px;
padding: 0px;

}

#header #menu ul li ul li {

height: 20px;
border: none;
margin: 0px;
padding: 0px;

}

#header #menu ul li:hover ul, #menu ul a:hover ul {

visibility: visible;
z-index: 999;

}

#header #menu ul li ul li a {

width: 120px;
height: 20px;
border: 1px solid #000;
display: block;
padding: 0px;
text-decoration: none;
line-height: 20px;
font-size: 15px;
color: #fff;
background: #959595;
margin: 0px;
z-index: 999;

}

#header #menu ul li ul li a:hover {

color: #0060CB;

}

#header #menu ul li ul li a.aktiv, #menu ul li ul li a.aktiv:hover {

color: #0060CB;

}

/* - CONTENT - */


#content {

width: 960px;
margin: 0px;
padding: 0px;
text-align: left;
overflow: hidden;
background: #45484C;
color: #fff;

}


/* - CMS CONTENT - */


#content #text {

width: 730px;
min-height: 340px;
margin: 0px;
padding:  20px 35px 35px 20px;
text-align: justify;
background: transparent;
color: #fff;
float: left;
line-height: 22px;

}


/* - HTML ELEMENT STYLESHEET - */


#content #text h1 { 

font-size: 15px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #fff;
font-family: "caviardreams" "Arial";
text-transform: uppercase;
letter-spacing: 0px;

}

#content #text h2 { 

font-size: 13px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #fff;
font-family: "Arial";
text-transform: none;
letter-spacing: 0px;

}

#content #text h3 { 

font-size: 11px;
font-weight: bold;
margin: 0px 0px 5px 0px;
color: #fff;
font-family: "Verdana";
letter-spacing: 0px;

}

#content #text h4 { 

font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 0px;
color: #fff;
font-family: "Verdana";
letter-spacing: 0px;

}

#content #text p {

margin: 0px 0px 15px 0px;

}

#content #text hr {
     
border-top: 1px solid #D7D7D7;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0px 0px 15px 0px;
height: 2px;

}

#content #text a {

color: #fff;
text-decoration: underline;

}

#content #text a:hover {

color: #fff;
text-decoration: underline;

}

#content #text ul {

margin: 0px 0px 0px 15px;

}

#content #text ul li {

list-style: square;
line-height: 22px;

}

#content #text ul li ul li {

list-style: square;
line-height: 22px;
margin: 0px 0px 0px 5px;

}


/* - FOOTER - */


#footer {

width: 960px;
height: 40px;
background: url(../images/footer.jpg) repeat-x;
margin: 0px auto 0px auto;
padding: 0px;
overflow: visible;
line-height: 10px;
color: #fff;
font-size: 10px;
border-top: 1px solid #000;

}

#footer #seitenanfang a.seitenanfang {

text-align: left;
padding: 0px 0px 0px 20px;
}

#footer #footercontent {

text-align: right;
}

#footer #footercontent a {

text-decoration: underline;

}

#footer #footercontent a:hover {



}

#footer #footercontent a.w3b {

text-decoration: underline;

}

#footer #footercontent a:hover.w3b {



}

Quellcode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

<?php page_header(); ?>

</head>

<body id="top">

    <div id="container">

            <div id="head">

                    <div id="claim">

                            <?php page_claim(); ?>

                    </div>

                    <div id="suche">

                           <a href="http://127.0.0.1/cms/index.php?seite=7.impressum">Impressum</a>
                           <?php page_load_addon("suche"); ?>

                    </div>

            </div>

            <div id="header">

                    <div id="date">

                               <?php page_datum(); ?>

                    </div>

                    <div id="logo">

                            <?php page_logo(); ?>

                    </div>

                    <div id="menu">

                     <?php page_dropdown("0"); ?>

                     </div>

            </div>

            <div id="content">

                                    <div id="text">

                                            <?php page_content(); ?>

                                    </div>

           </div>




           <div id="footer">


                    <table width="100%" border="0" cellpadding="0" cellspacing="2">
                     <tr>
                      <td><div id="seitenanfang">

                            <a href="#top" title="Zum Seitenanfang scrollen">▲ TOP</a>
                            <br /><?php page_counter(); ?>

                    </div></td>
                      <td><div id="footercontent">

                            <?php page_footer(); ?>

mfg mindhunter

                    </div></td>
                     </tr>
                    </table>







            </div>

         </div>

</body>
</html>