Code:
Name: basic
Änderungsdatum: 2013-09-20 19:46
Medientypen: all
Style sheet basic
body {
margin:0;
padding:0;
background:#dff0f2 url("/files/Heilsteine+Reiki/Bilder/Hintergrund_blau_1142x12.gif") center top repeat-y;
font-family:Ubuntu,sans-serif,arial;
}
#wrapper {
width:1140px;
min-width:100%;
position:relative;
margin-top:0;
margin-right:auto;
margin-left:auto;
height: auto !important;
}
Aussehen und Position des Header
#header {
max-width:1142px;
position:relative;
margin-right:auto;
margin-left:auto;
padding-top:5px;
padding-bottom:5px;
font-family:Ubuntu,sans-serif,arial;
}
#container {
position:relative;
margin-right:auto;
margin-left:auto;
padding-bottom:50px;
}
#container,
.inside {
position:relative;
}
linke Spalte (Navigation)
#left {
position:relative;
float:left;
margin-top:52px;
}
#main {
position:relative;
float:left;
display:inline-block;
border:5px #ba1122;
}
Hauptspalte
#main .inside {
min-height:1px;
position:relative;
border:5px #fad20c;
margin-bottom:20px;
}
a,
body,
div,
em,
input,
label,
legend,
li,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u,
ul {
font:14px/1.5em Ubuntu,sans-serif,arial;
}
a,
body,
div,
input,
label,
li,
legend,
ol,
p,
select,
td,
th,
textarea,
u,
ul {
font:14px Ubuntu,sans-serif,arial;
}
h1 {
margin:10px 0 12px;
padding:0;
font-size:16px;
font-weight:bold;
}
h2 {
margin:0 0 6px;
padding:0;
font-size:14px;
font-weight:bold;
}
a {
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#4556a1;
}
.mod_navigation {
width:200px;
z-index:999;
}
Aussehen der Navigation im Level 1
.mod_navigation a,
.mod_navigation li,
.mod_navigation span {
font:14px/1.5em Ubuntu,sans-serif,arial;
font-weight:bold;
color:#055b80;
text-transform:capitalize;
text-indent:5px;
}
Aussehen der Navigation im Level 2
.mod_navigation .level_2 a,
.mod_navigation .level_2 li,
.mod_navigation .level_2 span {
font:12px Ubuntu,sans-serif,arial;
font-weight:normal;
color:#000;
text-transform:none;
text-indent:10px;
}
Farbe des aktuellen Menüpunktes
.mod_navigation span.active {
font:14px Ubuntu,sans-serif,arial;
font-weight:bold;
text-decoration:underline;
color:#147e87;
}
Hover-Effekt im Menü - Farbänderung
.mod_navigation a:hover {
font:14px Ubuntu,sans-serif,arial;
font-weight:bold;
color:#0e689c;
}
Artikel-Darstellung
.mod_article {
width:645px;
position:relative;
margin:0 0 25px;
padding-right:0;
padding-left:0;
}
img {
margin-right:auto;
margin-left:auto;
}
p,
pre,
form,
figure {
}
table {
border-spacing:0;
}
:focus {
outline:0;
}
Code:
Style sheet default
body {
background:#dff0f2 url("files/Heilsteine+Reiki/Bilder/Hintergrund_blau_1142x12.gif") center top repeat-y;
}
#wrapper {
max-width:100%;
margin-right:auto;
margin-left:auto;
}
#main .inside {
margin-bottom:20px;
}
#left {
margin-top:52px;
}
#top_image {
position:relative;
margin-right:auto;
margin-left:auto;
}
#top_image img {
max-width:1142px;
border:5px solid #378c30;
}
#top_image img {
float:right;
margin:0;
padding:0;
}
#top_image:after {
height:0;
clear:both;
display:block;
line-height:0;
content:".";
visibility:hidden;
}
.ce_text,
.teaser {
line-height:1.5;
}
div.error,
p.error {
margin:0;
padding:2px 0 0;
font-size:10px;
color:#f00;
}
Text innerhalb des Slider
.mod_article *[class*="mod_"] {
padding-left: 0px!important;padding-right: 0px!important;
}
Zurück-Button
.mod_article .back {
margin-top:18px;
margin-right:auto;
margin-left:auto;
text-align:center;
}
Weiterlesen?
.mod_article .more {
}
.mod_breadcrumb {
margin-bottom:24px;
padding:5px 3px 7px;
background-color:#ece4d9;
}
.mod_navigation ul {
margin:0 5px;
padding:0;
border-bottom:1px solid #c6ad8d;
list-style-type:none;
}
.mod_navigation li {
margin:0;
padding:5px 0;
border-top:1px solid #c6ad8d;
list-style-type:none;
}
.mod_navigation .level_2 {
padding:3px 0 0 9px;
border-bottom:0px;
}
.mod_navigation .level_2 li {
padding:0 0 3px;
border-top:0px;
}
.mod_navigation a,
.mod_navigation li,
.mod_navigation span {
font-size:14px;
font-weight:bold;
color:#000;
}
.mod_navigation .level_2 a,
.mod_navigation .level_2 li,
.mod_navigation .level_2 span {
font-size:12px;
font-weight:normal;
}
.mod_article,
.mod_newsreader {
width:680px;
}
.pagination li {
display:inline;
margin:0;
padding:0;
list-style-type:none;
}
#tps td {
padding:2px 4px;
}
.pagination {
margin-top:22px;
padding-top:4px;
border-top:1px solid #ece4d9;
}
#tps .col_0 {
width:80px;
}
.pagination p {
width:160px;
float:left;
padding-right:3px;
padding-left:3px;
text-align:left;
}
#tps .explanation {
padding-bottom:24px;
}
.pagination ul {
width:240px;
float:right;
margin:0;
padding:0 3px;
text-align:right;
}
Ich hoffe, einer von Euch findet einen hilfreichen Ansatz - schon einmal vorab ein großes Dankeschön.
Lesezeichen