MediaWiki:Print.css: Unterschied zwischen den Versionen

Aus Daten-Speicherung.de-Wiki
Wechseln zu: Navigation, Suche
(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, 15: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;
}