[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-www
Subject:    Re: kde-www ported: kde-ev page
From:       Sebastian Faubel <s.faubel () web ! de>
Date:       2003-01-22 23:17:15
[Download RAW message or body]

Hier ist ein modifiziertes keramik.css, mit einer einseitigen
Navigation. Man muss genau 3 Zeilen Code entfehrnen...

Wenn man die auslagert kann man extrem easy einen Style-switcher für die
Navigation impelemtieren....blablabla, 

gute nacht.

sebastian

["keramik_one.css" (keramik_one.css)]

/* coded by Sebastian Faubel
   Beta Release, do not distribute !! */

	a { text-decoration: none; color: #036; }

/* common (X)HTML formats */

body {
min-width: 600px;
background-color: #eff6ff;
font-family: Helvetica, Arial, sans-serif;
padding: 0; margin: 0;
}

td {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5em;
padding: 0;
}

input, select, textarea {
font-family: Helvetica, Arial, sans-serif;
}

optgroup {
font-style: normal;
}

/* main colour definitions */

#r2menu, #r4mirror, #r5c3e1sform {
background-color: #f9f8f9;
}

#r3citat, #r5c2main {
background-color: white;
}

#r3citat, #r5c1lnav, #r5c2main, #r5c3rnav {
line-height: 1.5em;
}

#r5c1lnav h3, #r5c3rnav h3, #r6footer {
font-size: 1em;
line-height: 2em;
height: 2em;
padding-left: 1em;
vertical-align: middle;
background-color: #3e91eb;
color: white;
margin-top: 0;
}

#r5c1lnav h3, #r5c3rnav h3, #r6footer {
border-bottom: 1px solid white;
}

#r5c3rnav h4 {
padding: 0.3em 1.3em;
font-size: 1em;
}

#r1header a, #r6footer a {
color: white;
font-weight: bold;
}

/* classes */

.invisible {
display: none;
}

/* static IDs, ordered top to bottom */

/* div { border: 1px solid black; } */

#kdelogo {
background: url('../images/kdelogo.jpg') transparent no-repeat;
position: absolute;
left: 0px;
width: 300px;
height: 85px;
padding: 10px;
}

#r1header, #r1e1date, #r1e2path {
color: white;
background: #3e91eb;
}


#r1header {
border-top: 1px solid white;
border-bottom: 1px solid #206dcd;
height: 1.7em;
padding: 0.5em 0.8em 0 0.8em;
}

#r1e1date {
padding: 0 0.5em 0.5em 0.5em;
float: right;
}

#r2menu {
border-top: 1px solid white;
border-bottom: 1px solid #ccc;
padding: 0.5em 1.3em;
}

#r2menu a {
color: black;
}

#r3citat {
height: 3em;
padding: 1em 1.3em;
vertical-align: middle;
text-align: right;
}

#r3citat i {
color: #036;
font-style: normal;
font-size: 0.8em;
}

#r4mirror {
border-bottom: 1px solid #ccc;
padding: 1.3em;
}

#r4mirror form {
margin: 0;
}

#r4mirror input, select {
margin: 2px;
}

#r5c2e1skip {
position: absolute;
left: 0; top: 0;
width: 100%;
margin: 0;
}

#r5c2main {
border-top: 2em solid #3e91eb;
position: absolute;
left: 17em;
padding: 1em 2em 0 2em;
background-color: white;
border-bottom: 2em solid white;
}

#r5c2main h2 {
color: #3e91eb;
}

#r5c2e5qlink {
background-color: #f4f9ff;
border-top: 1px solid #e3f0ff;
border-bottom: 1px solid #e3f0ff;
font-size: 0.9em;
padding: 1.5em;
text-align: center;
margin-top: 1em;
}

#r5c2e10apps td {
background-color: #eff6ff;
padding: 7px;
}

#r5c1lnav, #r5c3rnav {
background-color: #e3f0ff;
color: #036;
width: 17em;
border-bottom: 7px solid #d1e5fb;
}

#r5c3rnav .navend {
height: 1em;
background-color: #3e91eb;
}

#r5c3e1sform {
border-bottom: 1px solid #ccc;
padding: 0 0 1em 0;
}

#r5c3e1sform label {
display: none;
}

#r5c3e1sform input, #r5c3e1sform select {
width: 14em;
margin-bottom: 2px;
}

#r5c3lnav h3, #r5c3rnav h3 {
margin-bottom: 0.6em;
}

#r5c3rnav h4 {
margin-bottom: 0;
}

#r6footer {
position: absolute;
left: 0;
width: 100%;
margin-top: 2em;
border-bottom: 7px solid #d1e5fb;
text-align: center;
padding: 0;
}

/* Keramik like Window */

#Content h2.WinDeco {
float: left;
margin-left: 1em;
border: 2px solid white;
background-color: #a9d1ff;
color: white;
font-size: 1.1em;
padding: 0 2em;
width: 45%;
height: 2em;
line-height: 2em;
}

#Content img.WinIcon {
float: left;
margin-right: 1em;
}

#Content div.Window {
margin-top: 1.7em;
border: 2px solid #a9d1ff;
border-top: 2.2em solid #a9d1ff;
padding: 1em;
}

_______________________________________________
kde-www mailing list
kde-www@mail.kde.org
http://mail.kde.org/mailman/listinfo/kde-www

[prev in list] [next in list] [prev in thread] [next in thread]