Style sheet for the offline wiki from community/arch-wiki-docs package

lolilolicon · 2010-03-11 00:02:09

Not such a big deal, but since the arch-wiki-docs pages looks really ugly... I pulled the style sheet from the arch wiki page and quickly put up this style sheet.

* Use with stylish.
* Feel free to tweak.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(file:///usr/share/doc/arch-wiki)
{
/*
** 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 !important; text-decoration:none !important; }

#toc { 
    /*border:1px solid #2f6fab;*/
    border:1px solid #aaaaaa !important;
    background-color:#f9f9f9 !important;
    padding:5px !important;
}
.tocindent {
  margin-left: 2em !important;
}
.tocline {
  margin-bottom: 0px !important;
}

/* images */
div.floatright { 
    float: right !important;
    clear: right !important;
    margin: 0 !important;
    position:relative !important;
    border: 0.5em solid White !important;
    border-width: 0.5em 0 0.8em 1.4em !important;
}
div.floatright p { font-style: italic !important;} 
div.floatleft { 
    float: left; 
    margin: 0.3em 0.5em 0.5em 0 !important;
    position:relative !important;
    border: 0.5em solid White !important;
    border-width: 0.5em 1.4em 0.8em 0 !important;
}
div.floatleft p { font-style: italic !important; } 
/* thumbnails */
div.thumb {
    margin-bottom: 0.5em !important;
    border-style: solid; border-color: White !important;
    width: auto !important;
    overflow: hidden !important;
}
div.thumb div {
    border:1px solid #cccccc !important;
    padding: 3px !important;
    background-color:#f9f9f9 !important;
    font-size: 94% !important;
    text-align: center !important;
}
div.thumb div a img {
    border:1px solid #cccccc !important;
}
div.thumb div div.thumbcaption {
    border: none !important;
    padding: 0.3em 0 0.1em 0 !important;
}
div.magnify { display: none !important; }
div.tright {
    float: right !important;
    clear: right !important;
    border-width: 0.5em 0 0.8em 1.4em !important;
}
div.tleft {
    float: left !important;
    margin-right:0.5em !important;
    border-width: 0.5em 1.4em 0.8em 0 !important;
}
img.thumbborder {
  border: 1px solid #dddddd !important;
}

/* table standards */
table.rimage {
    float:right; 
    width:1pt; 
    position:relative !important;
    margin-left:1em; 
    margin-bottom:1em !important;
    text-align:center !important;
}

body {
    background: White !important;
    font-size: 10pt !important;
    color: Black !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "dejavu sans", "bitstream vera sans", "lucida grande", arial, sans-serif !important;

}

.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 !important;
}

ul { 
    list-style-type: square !important;
}

#content {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#footer {
  background : white !important;
  color : black !important;
    border-top: 1px solid black !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold !important;
}

p, .documentDescription {
    margin: 1em 0 !important;
    line-height: 1.2em !important;
}

.tocindent p {
  margin: 0 0 0 0 !important;
}

pre {
    border: 1pt dashed black !important;
    white-space: pre !important;
    font-size: 1.1em !important;
    overflow: auto !important;
    padding: 1em 0 !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  background : white !important;
  color : black !important;
}

table.listing,
table.listing td {
    border: 1pt solid black !important;
    border-collapse: collapse !important;
}

a {
    color: Black !important;
    background: none !important;
    padding: 0 !important;
}

a:link, a:visited {
    color: #520 !important;
    background: transparent !important;
    text-decoration: underline !important;
}

#content a.external.text:after, #content a.external.autonumber:after {
    /* Expand URLs for printing */
    content: " (" attr(href) ") " !important;
}

#globalWrapper {
    width: 100% !important;
    min-width: 0 !important;
}

#content {
  background : white !important;
  color : black !important;
}

#column-content {
    margin: 0 !important;
}

#column-content #content {
    padding: 1em !important;
    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 !important; }
img.tex { vertical-align: middle !important; }
span.texhtml { font-family: serif !important; }

#siteNotice { display: none !important; }

table.gallery {
        border:  1px solid #cccccc !important;
        margin:  2px !important;
        padding: 2px !important;
        background-color:#ffffff !important;
}

table.gallery tr { 
        vertical-align:top !important;
}

div.gallerybox {
        border: 1px solid #cccccc !important;
        margin: 2px !important;
        background-color:#f9f9f9 !important;
        width:  150px !important;
}

div.gallerybox div.thumb {
        text-align: center !important;
        border: 1px solid #cccccc !important;
        margin: 2px !important;
}       

div.gallerytext {
        font-size: 94% !important;
        padding: 2px 4px !important;
}       

/*
** Diff rendering
*/
table.diff { background:white !important; }
td.diff-otitle { background:#ffffff !important; }
td.diff-ntitle { background:#ffffff !important; }
td.diff-addedline {
    background:#ccffcc !important;
    font-size: smaller !important;
    border: solid 2px black !important;
}
td.diff-deletedline {
    background:#ffffaa !important;
    font-size: smaller !important;
    border: dotted 2px black !important;
}
td.diff-context {
    background:#eeeeee !important;
    font-size: smaller !important;
}
.diffchange {
    color: silver !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

}

Edit: corrections

Last edited by lolilolicon (2010-03-11 00:52:22)

lolilolicon · 2010-03-11 00:11:35

I find the code box font too small and there's no padding on the left side... I tweaked the pre like this:

pre {
border: 1pt dashed black !important;
white-space: pre !important;
font-size: 1em !important;
overflow: auto !important;
padding: 1em 0 !important;
padding-left: 0.5em 0 !important;
padding-right: 0.5em 0 !important;
background : white !important;
color : black !important;
}

Arch Linux

#1 2010-03-11 00:02:09

Style sheet for the offline wiki from community/arch-wiki-docs package

#2 2010-03-11 00:11:35

Re: Style sheet for the offline wiki from community/arch-wiki-docs package

Board footer