StyleSheet

Last edit

Changed:

< div.diff { padding-left:5%; padding-right:5% }
< div.old { background
-color:#FFFFAF }
< div.new { background-color:#CFFFCF}
< div.refer
{ padding-left:5%; padding-right:5%; font-size:smaller; }
< div[class="content refer"] p { margin-top:2em; }
< div.content div.refer hr { display
:none; }
< div.content div.refer { padding:0; font-size:medium; }
< div.content div.refer p { margin
:0; }
< div.refer a { display
:block; }
< table.history { border-style:none; }
< td.history { border
-style:none; }
< table.user { border-style:solid; border-width:thin; margin-left:5%; }
< table.user tr td { border-style:solid; border-width:thin; padding:5px; }
< dt {
font-weight:bold; }
< dd { margin-bottom:1ex; }
< textarea { width:100%; height:80%; }
< textarea
#summary { height: 3em; }

to

> @font-face {
> font-family: 'Gentium Basic';
> font
-style: normal;
> font
-weight: 400;
> src: local('Gentium Basic'), local('GentiumBasic'), url(/fonts/GenBasR.woff) format('woff');

> }
> @font-face {
> font-family: 'Gentium Basic';
> font
-style: normal;
> font-weight: 700;
> src: local('Gentium Basic Bold'), local('GentiumBasic-Bold'), url(/fonts/GenBasB.woff) format('woff');
> }
> @font-face {
> font-family: 'Gentium Basic';
> font-style: italic
;
> font-weight: 400;
> src: local('Gentium Basic Italic'), local('GentiumBasic-Italic'), url(/fonts/GenBasI.woff) format('woff');
> }
> @font-face {
> font-family: 'Gentium Basic';
> font-style: italic;
> font-weight: 700;
> src: local('Gentium Basic Bold Italic'), local('GentiumBasic-BoldItalic'), url(/fonts/GenBasBI.woff) format('woff');
> }
> @font-face {
> font-family: 'Gentium Plus';
> font
-style: normal;
> font-weight: 400;
> src: local('Gentium Plus'), local('GentiumPlus'), url(/fonts/GentiumPlus-R.woff) format('woff');
> }
> @font-face {
> font-family: 'Gentium Plus';
> font
-style: italic;
> font-weight: 400;
> src: local('Gentium Plus Italic'), local('GentiumPlus-Italic'), url(/fonts/GentiumPlus-I.woff) format('woff');
> }
> @font-face {
> font-family: 'Symbola';
> src: local('Symbola'), url('/fonts/Symbola.woff') format('woff') url('/fonts/Symbola.ttf') format('truetype');
> }
> body {
> background:#fff
;
> padding:2% 5%;
> margin
:0;
> font-family: "Gentium Basic", "Gentium Plus", "Symbola", serif;
> font-size: 16pt;
> }
> div.header h1 {
> margin-top:2ex;
> }
> a {
> text-decoration: none;
> color
: #a00;
> }
> a:visited
{
> color: #d88;
> }
> div.header h1 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
> a:hover, span.caption a.image:hover {
> background:#fee
;
> }

Deleted:

< border: #777777 1px solid;

Changed:

< background-color: #e6e6e6;
< color: black;

to

> }
> a.image:hover {

> background:inherit;
> }
> a.image:hover img {
> background:#fee;
> }
> /* a.definition soll aussehen wie h2 */
> h2, p a.definition {
> display:block;
> clear:both;
> }
> /* Such Link im h1 soll nicht auffallen. */
> h1, h2, h3, h4, h1 a, h1 a:visited, p a.definition {

> color:#666;
> font-size: 30pt;
> font-weight: normal;
> margin: 4ex 0 1ex 0;
> padding: 0;
> border-bottom
: 1px solid #000;
> }
> h3, h4 {
> font-size: inherit;
> }
> div.diff {
> padding: 1em 3em
;
> }
> div.old {
> background-color:#FFFFAF;
> }
> div.new {
> background-
color:#CFFFCF;
> }
> div.old p, div.new p {
> padding: 0.5em 0;
> }
> div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
> div[class="content refer"] p { margin-top:2em; }
> div.content div.refer hr { display:none; }
> div.content div.refer { padding:0; font-size:medium; }
> div.content div.refer p { margin:0; }
> div.refer a { display:block; }
> table.history { border-style:none; }
> td.history { border-style:none; }
> table.user {
> border-style: none;
> margin-left: 3em;
> }
> table.user tr td {
> border-style: none;
> padding:0.5ex 1ex;
> }
> dt {
> font-weight:bold;
> }
> dd {
> margin-bottom:1ex;
> }
> textarea {
> width:100%;
> height:80%;
> font-size: 12pt;
> }
> textarea#summary { height: 3em; }
> input {
> font-size
: 12pt;

Added:

> /* Google +1 */
> a#plus1 img {
> background-color: #fff;
> padding: 0;
> margin: 0;
> border: none;
> }

Added:

> /* No goto bar at the bottom. */
> .footer .gotobar, .footer .edit br { display: none; }

Deleted:

< body {
< background:#fff;
< padding:2% 5%;
< margin:0;
< font-family: "Bookman Old Style", "Times New Roman", serif;
< font-size: 12pt;
< }
< body.large {
< font-size:18pt;
< }
< body.sans {
< font-family: "DejaVu", "Verdana", sans;
< }
< a {
< text-decoration:none;
< font-weight:bold;
< color:#c00;
< }
< a:visited { color:#c55; }

Changed:

< font-weight: normal;
< color: #666;
< }
< .rc .dash {
< display: none
;

to

> color: #655;

Deleted:

< display: block;

Changed:

< padding-right: 5em;
< }
< .rc .lang {
< position: absolute;
< top: 0;
< right: 0;
< z-index: 1;
< }
< .rc .type {
< position: absolute;
< top: 1.16em; /* don't forget line-height */
< right: 0;
< z-index: 2;
< background:#fff; /* covers language if no summary */
< padding: 0.1em 0 0.1em 1em;
< }
< div.header h1 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
< a:hover, span.caption a.image:hover {
< background:#000000;
< color:#FFFFFF;
< }
< a.image:hover {
< background:inherit;
< }
< a.image:hover img {
< background:#ccc;
< }
< p a.definition {
< color:#666;
< padding: 2px;
< margin-top: 5px;
< border-bottom: 2px solid #000000;
< text-decoration:none;
< display:block;
< clear:both;
< }
< h2 {
< clear:both;
< }
< p a.definition:hover {
< background:#000000;
< color:#FFFFFF;
< }
< h1, h2, h3, h4,
< h1 a, h2 a, h3 a, h4 a,
< h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
< color:#666;
< }
< h1, h2, h3, h4 { font-size:medium; margin:4ex 0
1ex 0; padding:0; }
< h1, h2 { border-bottom: 2px solid #000; }
< h3 { border-bottom: 1px dashed #000; }
< div.header h1 {
< font-size:xx-large; margin-top:1ex;
< border-bottom: 5px solid #000
;

to

> padding: 1ex 0;

Changed:

< div.footer hr { height:4px; }

to

> div.footer hr {
> height:4px;
> margin: 2em 0 1ex 0;
> clear:both;
> }
> div.content > div.comment {
> border-top: none;
> padding-top: none;
> border-left: 1ex solid #bbb;
> padding-left: 1ex;
> }
> div.wrapper > div.comment {
> border-top: 2px solid #000;
> padding-top: 2em;

> }

Deleted:

< border: #777777 1px solid;

Deleted:

< background-color: #e6e6e6;
< color: black;

Changed:

< font-size: smaller;
< }
< body.magenta a { color:#639; }
< div.rss li span.time { display:none; }
< div.rss .description { font
: medium monospace; display:inline; }
< div.month {
< float:right;
< margin:0;
< padding:0 1ex;
< }
< div.year div.month { float:left; }
< div.cal
pre {
< margin:0;
< padding:1ex;
< background
-color:#ffe;
< }
< div.cal a { text
-decoration:none; }
< div.cal a.edit {
< background
-color:inherit;
< font
-weight:normal;
< }
< div.cal a.local {
< background
-color:#fee;
< }
< div.cal a.today { background
-color:#fdd; }
< div.cal a
:hover {
< color:#fff;
< background
-color:#000;
< }
< div.sidebar {
< float:left;
< border
-right:1px solid black;
< padding: 0.5ex 1ex 1ex 0
;
< margin: 0 1ex 1ex 0;
< }
< div.footer hr {
< clear:both;
< }
< @media print {
< body { font:11pt "Neep", "Arial", sans
-serif; }
< a, a:link, a:visited { color:#000; text
-decoration:none; font-style:oblique; font-weight:normal; }
< h1 a, h2 a, h3 a, h4 a { font
-style:normal; }
< a.edit, div.footer, div.refer, form, span.gotobar, a
.number span { display:none; }
< a[class="url number"]:after, a[class="inter number"]:after { content:"[" attr(href) "]"; }
< a[class="local number"]:after { content:"[" attr(title) "]"; }
< img[smiley] { line-height: inherit; }

< pre { border:0; font-size:10pt; }
< }

to

> white-space: pre-wrap; /* CSS 3 */
> white
-space: -moz-pre-wrap; /* Mozilla, since 1999 */
> white
-space: -pre-wrap; /* Opera 4-6 */
> white
-space: -o-pre-wrap; /* Opera 7 */
> word
-wrap: break-word; /* Internet Explorer 5.5+ */
> }
> tt, pre, code {
> font-size: 80%;
> };


@font-face {
  font-family: 'Gentium Basic';
  font-style: normal;
  font-weight: 400;
  src: local('Gentium Basic'), local('GentiumBasic'), url(/fonts/GenBasR.woff) format('woff');
}
@font-face {
  font-family: 'Gentium Basic';
  font-style: normal;
  font-weight: 700;
  src: local('Gentium Basic Bold'), local('GentiumBasic-Bold'), url(/fonts/GenBasB.woff) format('woff');
}
@font-face {
  font-family: 'Gentium Basic';
  font-style: italic;
  font-weight: 400;
  src: local('Gentium Basic Italic'), local('GentiumBasic-Italic'), url(/fonts/GenBasI.woff) format('woff');
}
@font-face {
  font-family: 'Gentium Basic';
  font-style: italic;
  font-weight: 700;
  src: local('Gentium Basic Bold Italic'), local('GentiumBasic-BoldItalic'), url(/fonts/GenBasBI.woff) format('woff');
}

@font-face {
  font-family: 'Gentium Plus';
  font-style: normal;
  font-weight: 400;
  src: local('Gentium Plus'), local('GentiumPlus'), url(/fonts/GentiumPlus-R.woff) format('woff');
}
@font-face {
  font-family: 'Gentium Plus';
  font-style: italic;
  font-weight: 400;
  src: local('Gentium Plus Italic'), local('GentiumPlus-Italic'), url(/fonts/GentiumPlus-I.woff) format('woff');
}

@font-face {
  font-family: 'Symbola';
  src: local('Symbola'), url('/fonts/Symbola.woff') format('woff') url('/fonts/Symbola.ttf') format('truetype');
}

body {
    background:#fff;
    padding:2% 5%;
    margin:0;
    font-family: "Gentium Basic", "Gentium Plus", "Symbola", serif;
    font-size: 16pt;
}

div.header h1 {
    margin-top:2ex;
}

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

a:visited {
    color: #d88;
}

div.header h1 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
a:hover, span.caption a.image:hover {
    background:#fee;
}

img.logo {
    float: right;
    clear: right;
    border-style:none;
    background-color:#fff;
}

img {
    padding: 0.5em;
    margin: 0 1em;
}

a.image:hover {
    background:inherit;
}

a.image:hover img {
    background:#fee;
}

/* a.definition soll aussehen wie h2 */
h2, p a.definition {
    display:block;
    clear:both;
}

/* Such Link im h1 soll nicht auffallen. */
h1, h2, h3, h4, h1 a, h1 a:visited, p a.definition {
    color:#666;
    font-size: 30pt;
    font-weight: normal;
    margin: 4ex 0 1ex 0;
    padding: 0;
    border-bottom: 1px solid #000;
}

h3, h4 {
    font-size: inherit;
}




div.diff {
    padding: 1em 3em;
}
div.old {
    background-color:#FFFFAF;
}
div.new {
    background-color:#CFFFCF;
}
div.old p, div.new p {
    padding: 0.5em 0;
}
div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
div[class="content refer"] p { margin-top:2em; }
div.content div.refer hr { display:none; }
div.content div.refer { padding:0; font-size:medium; }
div.content div.refer p { margin:0; }
div.refer a { display:block; }
table.history { border-style:none; }
td.history { border-style:none; }

table.user {
    border-style: none;
    margin-left: 3em;
}
table.user tr td {
    border-style: none;
    padding:0.5ex 1ex;
}

dt {
    font-weight:bold;
}
dd {
    margin-bottom:1ex;
}

textarea {
    width:100%;
    height:80%;
    font-size: 12pt;
}
textarea#summary { height: 3em; }
input {
    font-size: 12pt;
}
div.image span.caption {
    margin: 0 1em;
}
li img, img.smiley, .noborder img {
    border:none;
    padding:0;
    margin:0;
    background:#fff;
    color:#000;
}
/* Google +1 */
a#plus1 img {
    background-color: #fff;
    padding: 0;
    margin: 0;
    border: none;
}

div.header img, div.footer img { border:0; padding:0; margin:0; }
/* No goto bar at the bottom. */
.footer .gotobar, .footer .edit br { display: none; }

.left { float:left; }
.right { float:right; }
div.left .left, div.right .right {
    float:none;
}
.center { text-align:center; }

span.author {
    color: #501;
}
span.bar a {
	padding-right:1ex;
}

.rc .author {
    color: #655;
}

.rc strong {
    font-weight: normal;
    color: inherit;
}

.rc li {
    position:relative;
    padding: 1ex 0;
}

hr {
    border:none;
    color:black;
    background-color:#000;
    height:2px; 
    margin-top:2ex;
}

div.footer hr {
    height:4px;
    margin: 2em 0 1ex 0;
    clear:both;
}

div.content > div.comment {
    border-top: none;
    padding-top: none;
    border-left: 1ex solid #bbb;
    padding-left: 1ex;
}

div.wrapper > div.comment {
  border-top: 2px solid #000;
  padding-top: 2em;
}

pre {
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 2em;
    white-space: pre;
    overflow:hidden;
    white-space: pre-wrap;      /* CSS 3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* Internet Explorer 5.5+ */
}

tt, pre, code {
    font-size: 80%;
};