MediaWiki:Print.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Die Seite wurde neu angelegt: „→Das folgende CSS wird in der Druckausgabe geladen.: /* ** MediaWiki Print style sheet for CSS2-capable browsers. ** Copyright Gabriel Wicke, http://www.a…“) |
|||
Zeile 293: | Zeile 293: | ||
font-weight: bold; | font-weight: bold; | ||
text-decoration: underline; | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Theme Name: Almost Spring | ||
+ | Theme URI: http://beccary.com/goodies/wordpress-themes/ | ||
+ | Description: A two column theme. Light and simple with greens and oranges. | ||
+ | Version: 1.0 | ||
+ | Author: Becca Wei | ||
+ | Author URI: http://beccary.com | ||
+ | |||
+ | Deutsche Lokalisation: Oliver Walther | ||
+ | Lokalisation URL: http://www.pixeltunes.de | ||
+ | |||
+ | Theme last updated: 27.12.05 | ||
+ | */ | ||
+ | |||
+ | |||
+ | |||
+ | /* Basics and Typography */ | ||
+ | |||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #E8E8CE url(images/bg.gif) repeat-x fixed; | ||
+ | font-size: 78%; | ||
+ | font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; | ||
+ | color: #333; | ||
+ | /* text-align: center;*/ | ||
+ | } | ||
+ | p { | ||
+ | /* font-size: 1em;*/ | ||
+ | font-size: 13px; | ||
+ | line-height: 1.5em; | ||
+ | margin: 1.2em 0; | ||
+ | } | ||
+ | ol, ul { | ||
+ | /* font-size: 1em;*/ | ||
+ | font-size: 13px; | ||
+ | line-height: 1.5; | ||
+ | margin: 0 0 0 2em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | /* margin: 1.2em 0;*/ | ||
+ | font-family: "Lucida Grande", Tahoma, Arial, sans-serif; | ||
+ | color: #9BBB38; | ||
+ | } | ||
+ | h1, h2 { | ||
+ | font-size: 1.4em; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 1.3em; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 1.2em; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #E58712; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #B96F17; | ||
+ | } | ||
+ | a:hover, a:active { | ||
+ | color: #9BBB38; | ||
+ | } | ||
+ | input, textarea, select { | ||
+ | border: 1px solid #C1C0B5; | ||
+ | background-color: #FAFAF0; | ||
+ | color: #333; | ||
+ | font-size: 1em; | ||
+ | font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; | ||
+ | } | ||
+ | blockquote { | ||
+ | margin: 0 20px; | ||
+ | padding: 0 20px; | ||
+ | border-left: 4px solid #E8E7D0; | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | code { | ||
+ | font-family: monospace; | ||
+ | color: #666; | ||
+ | } | ||
+ | form, img { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | .small { | ||
+ | font-size: 0.9em; | ||
+ | color: #999; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Layout */ | ||
+ | |||
+ | #wrapper { | ||
+ | margin: 0 auto; | ||
+ | width: 750px; | ||
+ | background-color: #FFF; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #header { | ||
+ | padding: 30px 0 0 0; | ||
+ | background-color: #F5F5E7; | ||
+ | border-bottom: 10px solid #9BBB38; | ||
+ | } | ||
+ | |||
+ | /* Header Styles */ | ||
+ | #header h1 { | ||
+ | margin: 0; | ||
+ | font-size: 1.8em; | ||
+ | } | ||
+ | #header h1 a { | ||
+ | text-decoration: none; | ||
+ | color: #80904F; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content { | ||
+ | float: left; | ||
+ | padding: 0 20px; | ||
+ | width: 520px; | ||
+ | voice-family: "\"}\""; | ||
+ | voice-family: inherit; | ||
+ | width: 480px; | ||
+ | } | ||
+ | html>body #content { | ||
+ | width: 480px; | ||
+ | } | ||
+ | * html #content { | ||
+ | overflow: hidden; | ||
+ | /* So IE won't break things */ | ||
+ | } | ||
+ | #sidebar { | ||
+ | float: left; | ||
+ | padding: 1.8em 20px 0 20px; | ||
+ | width: 230px; | ||
+ | font-size: 0.9em; | ||
+ | voice-family: "\"}\""; | ||
+ | voice-family: inherit; | ||
+ | width: 190px; | ||
+ | } | ||
+ | html>body #sidebar { | ||
+ | width: 190px; | ||
+ | } | ||
+ | |||
+ | /* Lots of sidebar styles, so they're below */ | ||
+ | |||
+ | #footer { | ||
+ | clear: both; | ||
+ | font-size: 0.9em; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | /* Footer Styles */ | ||
+ | #footer p { | ||
+ | margin: 0; | ||
+ | padding: 10px 0 20px 0; | ||
+ | background-color: #E8E8CE; | ||
+ | border-top: 10px solid #9BBB38; | ||
+ | font-size: 0.9em; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Sidebar Styles */ | ||
+ | |||
+ | #sidebar h2 { | ||
+ | display: inline; | ||
+ | margin: 1.2em 0 0.6em 0; | ||
+ | padding: 0 10px 0 0; | ||
+ | background: url(images/arrow.gif) no-repeat center right; | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | #sidebar ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | #sidebar ul li { | ||
+ | } | ||
+ | #sidebar ul ul { | ||
+ | margin: 1.2em 0; | ||
+ | border-top: 1px solid #E8E7D0; | ||
+ | background-color: #FAFAF0; | ||
+ | } | ||
+ | #sidebar ul ul li { | ||
+ | padding: 0 0 0 10px; | ||
+ | border-bottom: 1px solid #E8E7D0; | ||
+ | } | ||
+ | #sidebar ul ul li a { | ||
+ | display: block; | ||
+ | margin: 0 0 0 -10px; | ||
+ | padding: 2px 10px 0 10px; | ||
+ | width: 190px; | ||
+ | voice-family: "\"}\""; | ||
+ | voice-family: inherit; | ||
+ | width: 170px; | ||
+ | } | ||
+ | html>body #sidebar ul ul li a { | ||
+ | width: 170px; | ||
+ | } | ||
+ | #sidebar ul ul li a:hover { | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | /* Nested lists? */ | ||
+ | #sidebar ul ul ul { | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | #sidebar ul ul ul li { | ||
+ | margin: 0 0 0 -10px; | ||
+ | padding: 0 0 0 25px; | ||
+ | border-bottom: none; | ||
+ | border-top: 1px solid #E8E7D0; | ||
+ | } | ||
+ | #sidebar ul ul ul li a { | ||
+ | margin: 0 0 0 -25px; | ||
+ | padding: 2px 10px 0 25px; | ||
+ | width: 190px; | ||
+ | voice-family: "\"}\""; | ||
+ | voice-family: inherit; | ||
+ | width: 155px; | ||
+ | } | ||
+ | html>body #sidebar ul ul ul li a { | ||
+ | width: 155px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Blog */ | ||
+ | |||
+ | .post { | ||
+ | } | ||
+ | .posttitle { | ||
+ | margin-bottom: 0; | ||
+ | color: #FFF; | ||
+ | overflow: auto; | ||
+ | width: 510px; | ||
+ | /* Width and overflow to clear '.posttitle a' */ | ||
+ | } | ||
+ | .posttitle a { | ||
+ | float: left; | ||
+ | padding: 0 10px; | ||
+ | background: #9BBB38 url(images/posttitle.gif) no-repeat top right; | ||
+ | } | ||
+ | .posttitle a:link, .posttitle a:visited { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .posttitle a:hover, .posttitle a:active { | ||
+ | background: #E8E7D0 url(images/posttitle.gif) no-repeat 100% -91px; | ||
+ | color: #80904F; | ||
+ | } | ||
+ | .postmeta { | ||
+ | margin-top: 0; | ||
+ | padding-top: 1px; | ||
+ | background: url(images/postmeta.gif) no-repeat top left; | ||
+ | font-size: 0.9em; | ||
+ | color: #999; | ||
+ | } | ||
+ | .postentry { | ||
+ | } | ||
+ | .permalink { | ||
+ | margin: 0 1.8em 0 0; | ||
+ | padding: 0 0 0 14px; | ||
+ | background: url(images/permalink.gif) no-repeat center left; | ||
+ | } | ||
+ | .commentslink { | ||
+ | padding: 0 0 0 17px; | ||
+ | background: url(images/commentslink.gif) no-repeat center left; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Comments */ | ||
+ | |||
+ | #commentlist { | ||
+ | margin: 1.2em 0; | ||
+ | padding: 0; | ||
+ | border-bottom: 1px solid #E8E7D0; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | #commentlist li { | ||
+ | border-top: 1px solid #E8E7D0; | ||
+ | padding: 1px 20px; | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | .alt { | ||
+ | background-color: #FAFAF0 !important; | ||
+ | } | ||
+ | .commenttitle { | ||
+ | margin-bottom: 0; | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | .commentmeta { | ||
+ | margin-top: 0; | ||
+ | font-size: 0.9em; | ||
+ | color: #999; | ||
} | } |
Aktuelle Version vom 6. Januar 2012, 14:48 Uhr
/* Das folgende CSS wird in der Druckausgabe geladen. */
/*
** MediaWiki Print style sheet for CSS2-capable browsers.
** Copyright Gabriel Wicke, http://www.aulinx.de/
**
** Derived from the plone (http://plone.org/) styles
** Copyright Alexander Limi
*/
/* Thanks to A List Apart (http://alistapart.com/) for useful extras */
a.stub,
a.new{ color:#ba0000; text-decoration:none; }
#toc {
/*border:1px solid #2f6fab;*/
border:1px solid #aaaaaa;
background-color:#f9f9f9;
padding:5px;
}
.tocindent {
margin-left: 2em;
}
.tocline {
margin-bottom: 0px;
}
/* images */
div.floatright {
float: right;
clear: right;
margin: 0;
position:relative;
border: 0.5em solid White;
border-width: 0.5em 0 0.8em 1.4em;
}
div.floatright p { font-style: italic;}
div.floatleft {
float: left;
margin: 0.3em 0.5em 0.5em 0;
position:relative;
border: 0.5em solid White;
border-width: 0.5em 1.4em 0.8em 0;
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
margin-bottom: 0.5em;
border-style: solid; border-color: White;
width: auto;
overflow: hidden;
}
div.thumb div {
border:1px solid #cccccc;
padding: 3px !important;
background-color:#f9f9f9;
font-size: 94%;
text-align: center;
}
div.thumb div a img {
border:1px solid #cccccc;
}
div.thumb div div.thumbcaption {
border: none;
padding: 0.3em 0 0.1em 0;
}
div.magnify { display: none; }
div.tright {
float: right;
clear: right;
border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
float: left;
margin-right:0.5em;
border-width: 0.5em 1.4em 0.8em 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
/* table standards */
table.rimage {
float:right;
width:1pt;
position:relative;
margin-left:1em;
margin-bottom:1em;
text-align:center;
}
body {
background: White;
/*font-size: 11pt !important;*/
color: Black;
margin: 0;
padding: 0;
}
.noprint,
div#jump-to-nav,
div.top,
div#column-one,
#colophon,
.editsection,
.toctoggle,
.tochidden,
div#f-poweredbyico,
div#f-copyrightico,
li#viewcount,
li#about,
li#disclaimer,
li#privacy {
/* Hides all the elements irrelevant for printing */
display: none;
}
ul {
list-style-type: square;
}
#content {
background: none;
border: none ! important;
padding: 0 ! important;
margin: 0 ! important;
}
#footer {
background : white;
color : black;
border-top: 1px solid black;
}
h1, h2, h3, h4, h5, h6
{
font-weight: bold;
}
p, .documentDescription {
margin: 1em 0 ! important;
line-height: 1.2em;
}
.tocindent p {
margin: 0 0 0 0 ! important;
}
pre {
border: 1pt dashed black;
white-space: pre;
font-size: 8pt;
overflow: auto;
padding: 1em 0;
background : white;
color : black;
}
table.listing,
table.listing td {
border: 1pt solid black;
border-collapse: collapse;
}
a {
/* color: Black !important;*/
background: none !important;
padding: 0 !important;
}
a:link, a:visited {
/* color: #520;
background: transparent;
text-decoration: underline;*/
}
#content a.external.text:after, #content a.external.autonumber:after {
/* Expand URLs for printing
content: " (" attr(href) ") ";*/
}
#globalWrapper {
width: 100% !important;
min-width: 0 !important;
}
#content {
background : white;
color : black;
}
#column-content {
margin: 0 !important;
}
#column-content #content {
padding: 1em;
margin: 0 !important;
}
/* MSIE/Win doesn't understand 'inherit'
a, a.external, a.new, a.stub {
color: black ! important;
text-decoration: none ! important;
}
/* Continue ...
a, a.external, a.new, a.stub {
color: inherit ! important;
text-decoration: inherit ! important;
}
*/
img { border: none; }
img.tex { vertical-align: middle; }
span.texhtml { font-family: serif; }
div.townBox {
position:relative;
float:right;
background:White;
margin-left:1em;
border: 1px solid gray;
padding:0.3em;
width: 200px;
overflow: hidden;
clear: right;
}
div.townBox dl {
padding: 0;
margin: 0 0 0.3em 0;
font-size: 96%;
}
div.townBox dl dt {
background: none;
margin: 0.4em 0 0 0;
}
div.townBox dl dd {
margin: 0.1em 0 0 1.1em;
background-color: #f3f3f3;
}
#siteNotice { display: none; }
table.gallery {
border: 1px solid #cccccc;
margin: 2px;
padding: 2px;
background-color:#ffffff;
}
table.gallery tr {
vertical-align:top;
}
div.gallerybox {
border: 1px solid #cccccc;
margin: 2px;
background-color:#f9f9f9;
width: 150px;
}
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #cccccc;
margin: 2px;
}
div.gallerytext {
font-size: 94%;
padding: 2px 4px;
}
/*
** Diff rendering
*/
table.diff { background:white; }
td.diff-otitle { background:#ffffff; }
td.diff-ntitle { background:#ffffff; }
td.diff-addedline {
background:#ccffcc;
font-size: smaller;
border: solid 2px black;
}
td.diff-deletedline {
background:#ffffaa;
font-size: smaller;
border: dotted 2px black;
}
td.diff-context {
background:#eeeeee;
font-size: smaller;
}
.diffchange {
color: silver;
font-weight: bold;
text-decoration: underline;
}
/*
Theme Name: Almost Spring
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A two column theme. Light and simple with greens and oranges.
Version: 1.0
Author: Becca Wei
Author URI: http://beccary.com
Deutsche Lokalisation: Oliver Walther
Lokalisation URL: http://www.pixeltunes.de
Theme last updated: 27.12.05
*/
/* Basics and Typography */
body {
margin: 0;
padding: 0;
background: #E8E8CE url(images/bg.gif) repeat-x fixed;
font-size: 78%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color: #333;
/* text-align: center;*/
}
p {
/* font-size: 1em;*/
font-size: 13px;
line-height: 1.5em;
margin: 1.2em 0;
}
ol, ul {
/* font-size: 1em;*/
font-size: 13px;
line-height: 1.5;
margin: 0 0 0 2em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
/* margin: 1.2em 0;*/
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
color: #9BBB38;
}
h1, h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
a {
text-decoration: none;
}
a:link {
color: #E58712;
}
a:visited {
color: #B96F17;
}
a:hover, a:active {
color: #9BBB38;
}
input, textarea, select {
border: 1px solid #C1C0B5;
background-color: #FAFAF0;
color: #333;
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
blockquote {
margin: 0 20px;
padding: 0 20px;
border-left: 4px solid #E8E7D0;
font-size: 0.9em;
}
code {
font-family: monospace;
color: #666;
}
form, img {
margin: 0;
padding: 0;
border: 0;
}
.small {
font-size: 0.9em;
color: #999;
}
/* Layout */
#wrapper {
margin: 0 auto;
width: 750px;
background-color: #FFF;
text-align: left;
}
#header {
padding: 30px 0 0 0;
background-color: #F5F5E7;
border-bottom: 10px solid #9BBB38;
}
/* Header Styles */
#header h1 {
margin: 0;
font-size: 1.8em;
}
#header h1 a {
text-decoration: none;
color: #80904F;
}
#content {
float: left;
padding: 0 20px;
width: 520px;
voice-family: "\"}\"";
voice-family: inherit;
width: 480px;
}
html>body #content {
width: 480px;
}
* html #content {
overflow: hidden;
/* So IE won't break things */
}
#sidebar {
float: left;
padding: 1.8em 20px 0 20px;
width: 230px;
font-size: 0.9em;
voice-family: "\"}\"";
voice-family: inherit;
width: 190px;
}
html>body #sidebar {
width: 190px;
}
/* Lots of sidebar styles, so they're below */
#footer {
clear: both;
font-size: 0.9em;
text-align: right;
}
/* Footer Styles */
#footer p {
margin: 0;
padding: 10px 0 20px 0;
background-color: #E8E8CE;
border-top: 10px solid #9BBB38;
font-size: 0.9em;
text-align: right;
}
/* Sidebar Styles */
#sidebar h2 {
display: inline;
margin: 1.2em 0 0.6em 0;
padding: 0 10px 0 0;
background: url(images/arrow.gif) no-repeat center right;
font-size: 1.1em;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidebar ul li {
}
#sidebar ul ul {
margin: 1.2em 0;
border-top: 1px solid #E8E7D0;
background-color: #FAFAF0;
}
#sidebar ul ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid #E8E7D0;
}
#sidebar ul ul li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 0 10px;
width: 190px;
voice-family: "\"}\"";
voice-family: inherit;
width: 170px;
}
html>body #sidebar ul ul li a {
width: 170px;
}
#sidebar ul ul li a:hover {
background-color: #FFF;
}
/* Nested lists? */
#sidebar ul ul ul {
margin: 0;
border: none;
}
#sidebar ul ul ul li {
margin: 0 0 0 -10px;
padding: 0 0 0 25px;
border-bottom: none;
border-top: 1px solid #E8E7D0;
}
#sidebar ul ul ul li a {
margin: 0 0 0 -25px;
padding: 2px 10px 0 25px;
width: 190px;
voice-family: "\"}\"";
voice-family: inherit;
width: 155px;
}
html>body #sidebar ul ul ul li a {
width: 155px;
}
/* Blog */
.post {
}
.posttitle {
margin-bottom: 0;
color: #FFF;
overflow: auto;
width: 510px;
/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
float: left;
padding: 0 10px;
background: #9BBB38 url(images/posttitle.gif) no-repeat top right;
}
.posttitle a:link, .posttitle a:visited {
color: #FFF;
}
.posttitle a:hover, .posttitle a:active {
background: #E8E7D0 url(images/posttitle.gif) no-repeat 100% -91px;
color: #80904F;
}
.postmeta {
margin-top: 0;
padding-top: 1px;
background: url(images/postmeta.gif) no-repeat top left;
font-size: 0.9em;
color: #999;
}
.postentry {
}
.permalink {
margin: 0 1.8em 0 0;
padding: 0 0 0 14px;
background: url(images/permalink.gif) no-repeat center left;
}
.commentslink {
padding: 0 0 0 17px;
background: url(images/commentslink.gif) no-repeat center left;
}
/* Comments */
#commentlist {
margin: 1.2em 0;
padding: 0;
border-bottom: 1px solid #E8E7D0;
list-style-type: none;
}
#commentlist li {
border-top: 1px solid #E8E7D0;
padding: 1px 20px;
background-color: #FFF;
}
.alt {
background-color: #FAFAF0 !important;
}
.commenttitle {
margin-bottom: 0;
font-size: 1.1em;
}
.commentmeta {
margin-top: 0;
font-size: 0.9em;
color: #999;
}