From: Matthijs Kooijman Date: Mon, 19 Apr 2010 19:55:11 +0000 (+0200) Subject: deadfoxjunction: Add theme. X-Git-Url: https://git.stderr.nl/gitweb?p=matthijs%2Fprojects%2Fwipi.git;a=commitdiff_plain;h=85632494fa378e3721211bcb4d622479406a6cb5 deadfoxjunction: Add theme. --- diff --git a/plugin/theme/deadfoxjunction.py b/plugin/theme/deadfoxjunction.py new file mode 100644 index 0000000..13929c7 --- /dev/null +++ b/plugin/theme/deadfoxjunction.py @@ -0,0 +1,24 @@ +""" + MoinMoin - Dead fox junction website theme. + + @copyright: 2010+ Matthijs Kooijman + @license: GNU GPL, see COPYING for details. +""" + +from site import SiteTheme + +class Theme(SiteTheme): + name = "deadfoxjunction" + + # Add an extra #window div that will be visible content area, framed + # by a wooden "window". We can't just use #content here, since + # #messages is besides #content in editing mode. + def startPage(self, d): + html = SiteTheme.startPage(self, d) + html += u'
\n' + return html + + def endPage(self, d): + html = SiteTheme.endPage(self, d) + html += u'
\n' + return html diff --git a/static/deadfoxjunction/css/common.css b/static/deadfoxjunction/css/common.css new file mode 100644 index 0000000..144e038 --- /dev/null +++ b/static/deadfoxjunction/css/common.css @@ -0,0 +1,445 @@ +/* common.css - MoinMoin Default Styles + +Copyright (c) 2001, 2002, 2003 by Juergen Hermann +*/ + +/* content styles */ + +html { + background-color: white; + color: black; + font-family: Arial, Lucida Grande, sans-serif; + font-size: 1em; +} + +body { + margin: 0; +} + +/* Links */ +a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;} +a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;} +a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;} +a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;} +a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;} +a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;} +a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;} +a.telnet:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;} +a.irc:before,a.ircs:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;} +a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;} +a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;} +a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;} +a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;} + +li p { + margin: .25em 0; +} + +li.gap { + margin-top: 0.5em; +} + +dt { + margin-top: 0.5em; + font-weight: bold; +} + +dd { + margin-top: 0; + margin-bottom: 0; +} + +dd p { + margin: 0.25em 0; +} + +a, img, img.drawing { + border: 0; +} + +pre { + border: 1pt solid #AEBDCC; + background-color: #F3F5F7; + padding: 5pt; + font-family: courier, monospace; + white-space: pre; + /* begin css 3 or browser specific rules - do not remove! + see: http://forums.techguy.org/archive/index.php/t-249849.html */ + white-space: pre-wrap; + word-wrap: break-word; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + /* end css 3 or browser specific rules */ +} + +pre.comment { + background-color: #CCCCCC; + color: red; + padding: 0; + margin: 0; + border: 0; +} + +pre.comment:before { + content: url(../img/attention.png); +} + + +/* .comment css definition must be top of .red/.green/.blue or it won't work */ +.comment { color: #555555; background-color: #DDDDFF; } + +.red { background-color: #FFCCCC; } +.green { background-color: #CCFFCC; } +.blue { background-color: #CCCCFF; } + +.solid { border: 2px solid #000000; padding: 2px; } +.dashed { border: 2px dashed #000000; padding: 2px; } +.dotted { border: 2px dotted #000000; padding: 2px; } + + +table +{ + margin: 0.5em 0 0 0.5em; + border-collapse: collapse; +} + +th, td +{ + padding: 0.25em 0.5em 0.25em 0.5em; + border: 1pt solid #ADB9CC; +} + +td p { + margin: 0; + padding: 0; +} + +/* TableOfContents macro */ +.table-of-contents { border: 1px solid #bbbbbb; + color: black; background-color: #eeeeee; + font-size: small; + text-align:left; + margin: 0.5em; padding-left: 2em; + width:50%; } +.table-of-contents ol { margin:0; margin-left:1em; + list-style-type:decimal; } +.table-of-contents ul { margin:0; + list-style-type:none; } +.table-of-contents-heading { font-weight:bold; padding:0; margin:0; } + + +.footnotes div { + width: 5em; + border-top: 1pt solid gray; +} + +.footnotes ol { + padding: 0 2em; + margin: 0 0 1em; +} + +.footnotes li { +} + +.seperator { + color: gray; +} + +#pagebottom {clear: both;} + +/* standard rule ---- */ +hr { + height: 1pt; + background-color: #9C9C9C; + border: 0; +} + +/* custom rules ----- to ---------- */ +.hr1 {height: 2pt;} +.hr2 {height: 3pt;} +.hr3 {height: 4pt;} +.hr4 {height: 5pt;} +.hr5 {height: 6pt;} +.hr6 {height: 7pt;} + +/* Replacement for deprecated html 3 element and html 4 */ +.u {text-decoration: underline;} +.strike {text-decoration: line-through;} + +/* eye catchers */ +.warning +{ + color: red; +} + +.error +{ + color: red; +} + +strong.highlight +{ + background-color: #CCE0FF; + padding: 1pt; +} + + +/* Recent changes */ + +.rcrss { + float: right; + margin: 0; +} + +.recentchanges[dir="rtl"] .rcrss { + float: left; +} + +.recentchanges table { + clear: both; +} + +.recentchanges td { + vertical-align: top; + border: none; + border-bottom: 1pt solid #E6EAF0; + background: #F2F4F7; +} + +.rcdaybreak td { + background: #B8C5D9; + border: none; +} + +.rcdaybreak td a { + font-size: 0.88em; +} + +.rcicon1, .rcicon2 { + text-align: center; +} + +.rcpagelink { + width: 33%; +} + +.rctime { + font-size: 0.88em; + white-space: nowrap; +} + +.rceditor { + white-space: nowrap; + font-size: 0.88em; +} + +.rccomment { + width: 50%; + color: gray; + font-size: 0.88em; +} + + +/* User Preferences */ + +.userpref table, .userpref td { + border: none; +} + +/* CSS for new code_area markup used by Colorizer and ParserBase */ + +div.codearea { /* the div makes the border */ + margin: 0.5em 0; + padding: 0; + border: 1pt solid #AEBDCC; + background-color: #F3F5F7; + color: black; +} + +div.codearea pre { /* the pre has no border and is inside the div */ + margin: 0; + padding: 10pt; + border: none; +} + +a.codenumbers { /* format of the line numbering link */ + margin: 0 10pt; + font-size: 0.85em; + color: gray; +} + +/* format of certain syntax spans */ +div.codearea pre span.LineNumber {color: gray;} +div.codearea pre span.ID {color: #000000;} +div.codearea pre span.Operator {color: #0000C0;} +div.codearea pre span.Char {color: #004080;} +div.codearea pre span.Comment {color: #008000;} +div.codearea pre span.Number {color: #0080C0;} +div.codearea pre span.String {color: #004080;} +div.codearea pre span.SPChar {color: #0000C0;} +div.codearea pre span.ResWord {color: #A00000;} +div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} +div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;} +div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;} +div.codearea pre span.Special {color: #0000ff;} +div.codearea pre span.Preprc {color: #803999;} + +/* for diff parser */ +div.codearea pre span.DiffAdded {color: #4876FF;} +div.codearea pre span.DiffRemoved {color: #FF0000;} +div.codearea pre span.DiffChanged {color: #FF7F50;} +div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold} + +/* Search results */ +.advancedsearch { + border: 1pt solid #ADB9CC; +} + +.advancedsearch td { + vertical-align: top; + background-color: #E7E7E7; + border: 0px; +} + +.advancedsearch td.searchfor { + font-weight: bold; +} + +.advancedsearch input { + border: 1px solid #ADB9CC; + background-color: #fff; +} + +.advancedsearch input[disabled] { + background-color: #eee; +} + +.advancedsearch td.submit { + border-top: 1px solid #ADB9CC; + background-color: #fff; + text-align: right; +} + +.advancedsearch optioni, select { + border: 1px solid #ADB9CC; + background-color: #fff; +} + + +.searchresults dt { + margin-top: 1em; + font-weight: normal; +} + +.searchresults dd, .searchresults p { + font-size: 0.85em; +} + +.searchresults .searchhitinfobar { + color: #008000; + margin-left: 15px; + margin-top: 0; +} + +p.searchstats { + font-size: 0.8em; + text-align: right; + width: 100%; + background-color: #E6EAF0; + border-top: 1px solid #9088DC; + padding: 2px; +} + +p.searchhint { + background-color: #E6EAF0; + border: 1px solid #9088DC; + padding: 2px; +} + +.searchpages { + margin-left: auto; + margin-right: auto; +} + +.searchpages tr, .searchpages td { + border: 0; + padding: 5px; + margin: 0; + text-align: center; + vertical-align: middle; + color: #b93a58; + font-weight: bold; + font-size: 1.05em; +} + +.searchpages td a, .searchpages td a:link { + text-decoration: underline; +} + +/* MonthCalendar css */ + +/* days without and with pages linked to them */ +a.cal-emptyday { + color: #777777; + text-align: center; +} +a.cal-usedday { + color: #000000; + font-weight: bold; + text-align: center; +} +/* general stuff: workdays, weekend, today */ +td.cal-workday { + background-color: #DDDDFF; + text-align: center; +} +td.cal-weekend { + background-color: #FFDDDD; + text-align: center; +} +td.cal-today { + background-color: #CCFFCC; + border-style: solid; + border-width: 2pt; + text-align: center; +} +/* invalid places on the monthly calendar sheet */ +td.cal-invalidday { + background-color: #CCCCCC; +} +/* links to prev/next month/year */ +a.cal-link { + color: #000000; + text-decoration: none; +} +th.cal-header { + background-color: #DDBBFF; + text-align: center; +} + +/* for MonthCalendar mouseover info boxes */ +TABLE.tip { + color: black; + background-color: #FF8888; + font-size: small; + font-weight: normal; + border-style: solid; + border-width: 1px; +} + +TH.tip { + background-color: #FF4444; + font-weight: bold; + text-align: center; +} + +TD.tip { + text-align: left; +} +*[dir="rtl"] TD.tip { + text-align: right; +} + +/* end MonthCalendar stuff */ + diff --git a/static/deadfoxjunction/css/msie.css b/static/deadfoxjunction/css/msie.css new file mode 100644 index 0000000..85afde2 --- /dev/null +++ b/static/deadfoxjunction/css/msie.css @@ -0,0 +1,55 @@ +/* msie.css - MoinMoin MS Internet explorer bug workarounds */ + +/* IE6 and IE7 both suck with :before */ +a.www { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; } +a.http { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; } +a.https { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; } +a.file { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; } +a.ftp { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; } +a.nntp { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; } +a.news { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; } +a.telnet { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; } +a.irc,a.ircs { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; } +a.mailto { padding-left: 14px; background: url(../img/moin-email.png) left center no-repeat; } +a.attachment { padding-left: 14px; background: url(../img/moin-attach.png) left center no-repeat; } +a.badinterwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; } +a.interwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; } + +#pagetrail li, #pagelocation li { + border-left: 1px solid #AAA; + padding: 0 0.3em; +} + +/* Spans for line-anchors - needed for IE6 and IE7 where omitting the "display: none" triggers rendering bugs. */ +span.anchor { display: none; } + +/* +This could maybe avoid screen jumping in IE with IE7 hack. + +It works (or rather: should work) like this: +First, IE sees the a.interwiki definition only as it doesn't understand neither +* > a.interwiki, nor a.interwiki:before. We use a.interwiki to reserve some +space for the icon inserted later. +Later, the IE7 hack kicks in and then IE also understands those 2 other css lines. +The * > a.interwiki line now removes the space we previously reserved and the +:before inserts the icon. + +a.interwiki {margin-left: 25px; padding-top: 25px; padding-bottom: 25px;} +* > a.interwiki {margin-left: 0px; padding-top: 25px; padding-bottom: 25px;} +a.interwiki:before {content: url(../img/moin-inter.png);} + +Problem: +While margin-left seems to work, margin-/padding-top/bottom doesnt. +After getting it to work, this has to be fine-tuned to avoid screen jumping. +*/ + +/* Some * html hacks for IE6 and below only (IE7 ignores * html) */ + +/* IE6 has a bug with rendering of float elements. We workaround this bug by + * assigning those elements a height attribute because we currently don't know + * a better solution. This results in IE calculating the correct height of the + * characters and displaying them correctly. We don't know any negative side + * effects of this workaround: + */ +* html div#page, * html div#header { height: 0.001%; } + diff --git a/static/deadfoxjunction/css/print.css b/static/deadfoxjunction/css/print.css new file mode 100644 index 0000000..a2ebd3c --- /dev/null +++ b/static/deadfoxjunction/css/print.css @@ -0,0 +1,53 @@ +/* print.css - MoinMoin Default Styles + +Copyright (c) 2001, 2002, 2003 by Juergen Hermann +*/ + +/* content styles */ + +html { + font-family: Times, serif; + font-size: 12pt; +} + +body { + /* Give about 3.4cm in Mozilla/Firefox and about 2.2cm in Safari */ + margin: 1.5cm; +} + +a, a:visited, a.nonexistent, a.badinterwiki { + color: black; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.info a { + color: gray; +} + +pre { + font-size: 10pt; +} + +a.interwiki:before, a.badinterwiki:before { + content: attr(title) ":"; +} + +a.interwiki img, a.badinterwiki img { + display: none; +} + +.footnotes div { + width: 5em; + border-top: 1pt solid gray; +} + +/* user interface styles */ + +#header, #sidebar, #footer, #timings, #credits, #interwiki, #pagelocation { + display: none; +} + diff --git a/static/deadfoxjunction/css/projection.css b/static/deadfoxjunction/css/projection.css new file mode 100644 index 0000000..627093e --- /dev/null +++ b/static/deadfoxjunction/css/projection.css @@ -0,0 +1,33 @@ +/* projection.css - MoinMoin Slide Styles + +Copyright (c) 2003 by Juergen Hermann +*/ + +@import url(screen.css); + +html { line-height: 1.8em; } + +body, b, em, a, span, div, p, td { font-size: 18pt; } + +h1 { font-size: 26pt; } +h2 { font-size: 22pt; } +h3 { font-size: 20pt; } +h4 { font-size: 18pt; } +h5 { font-size: 16pt; } +h6 { font-size: 14pt; } + +tt, pre { font-size: 16pt; } +sup, sub { font-size: 12pt; } + +table.navigation { + float: right; + margin: 2px; +} + +.navigation td, .navigation a { + font-size: 10pt; + padding: 2px; +} + +#interwiki, #pagelocation, #pageinfo { display: none; } + diff --git a/static/deadfoxjunction/css/screen.css b/static/deadfoxjunction/css/screen.css new file mode 100644 index 0000000..92aaf5b --- /dev/null +++ b/static/deadfoxjunction/css/screen.css @@ -0,0 +1,318 @@ +/*@import url('../../modern/css/screen.css');*/ + +html, body { + margin:0px; + padding:0px; +} + + +html { + background-color:#0a0000; +} + +/* Put some wooden boards behind the site */ +body { + background-image: url('../img/background.jpg'); + background-repeat: repeat; +} + + +#header #logo { + width: 329px; + height: 162px; + margin-top: 60px; + margin-left: 45px; +} + +/* Build the main layout. The header is left, the page is right and the footer + * ends up below both. We also clear #footerbottom so all of the floating + * stuff in the footer will still stretch up the body element and get a + * background. */ +#header { + float: left; + width: 400px; +} + +#page { + float: left; +} + +#footer, #footerbottom { + clear: both; +} + +/**************************************** + * Set up the menu bar at the left + ****************************************/ + +ul#menubar { + /* Disable all default list-style stuff */ + padding-left:0px; + margin:0; + list-style-type:none; + list-style-position:outside; + +} + +ul#menubar li { + /* Center the menu items */ + text-align: center; + + /* Set a big font */ + font-family: serif; + font-size: 35px; + font-weight: bold; + + /* And set up some spacing */ + height: 50px; +} + +/* Disable underlining */ +ul#menubar li a { + text-decoration:none; +} + +/* Give the menu bar links a hover color */ +ul#menubar li a:hover { + color:#FFD200; +} + + +/**************************************** + * Set up the fancy window around the content + ****************************************/ + + +/* All of these parts have the same width, including the frame (actual window + * will be smaller) */ +#page, #pagetop, #pagemiddle, #pagebottom { + width: 730px; +} + +/* Set the background images and heights */ +#pagetop { + height:390px; + background-image:url('../img/frame/top.png'); +} + +#pagemiddle { + background-image:url('../img/frame/middle.png'); + background-repeat:repeat-y; +} + +#pagebottom{ + height: 204px; + background-image:url('../img/frame/bottom.png'); + background-repeat: no-repeat; +} + +#pagemiddle { + /* Add padding to prevent the margins from the stuff inside + * #pagemiddle (div, p, h1) from sticking out at the top */ + padding-top: 1px; +} + +#window { + /* Move the window div up 330 pixels, so it ends up in the black part + * of the top frame image */ + position: relative; + top: -330px; + /* Shorten the window div by 330 + 140 pixels, since the rest of the + * layout doesn't take the relative positioning into account, and we + * also want the window to stick out 140 pixels, into the black part + * of the bottom frame image. */ + margin-bottom: -470px; + + /* Prevent near empty pages from looking silly. */ + min-height: 400px; +} + +/* Crop #page, since due to the relative positioning stuff, the background + * image of #pagemiddle sticks out a few hundreds of pixels at the bottom. + * This is a bit of a hack, but well. */ +#page { + overflow: hidden; +} + +#window { + /* Keep the window away from the frame edges */ + padding: 0 100px; +} + +/**************************************** + * Set up the content formatting + ****************************************/ + +/* Set up a fallback color, used for text outside of the content area (login + * link, editbar, etc.) */ +body, body a, body a:visited { + color: #ffd200; +} + +/* Set up main text color */ +#content { + color:#b79265; +} + +/* Set up header colors */ +#content h1, +#content h2, +#content h3 { + color:#824900; +} + +#content a, #content a:visited {color: #9F2900;} +#content a:hover, #content a:visited:hover {color: #ffd200;} +#content a.nonexistent, #content a.badinterwiki {color: #cc8900;} + + +/* Set up fonts */ +#content { + font-family:verdana, sans-serif; + font-size:11px; +} +#content h1 { + font-size:17px; +} +#content h2 { + font-size:15px; +} + +/* Disable the standard borders on tables, they are ugly */ +table { + border:0px; +} + +/* Table with horizontal lines (historically classed "border") */ +table.border td { + border:0px; + border-bottom:1px solid #5A1800; +} + +/* Header rows */ +tr.kop1 { + background-color:#BEAA76; +} + +tr.kop2 { + background-color:#F1E5CB; +} + + +/**************************************** + * Set up the editor interface + ****************************************/ + +/* Make sure that the text area and comment field don't flow out at the right. + * Using width: 100% didn't work for some reason, so we'll fix this to the + * width of #window minus its padding */ +#editor textarea, #editor input[type=text] { + width: 530px; +} + +/* Put a bit of space between the buttons and the text area */ +#editor-textarea { + margin-top: 0.5em; +} + +/* Help is more clear when monospaced */ +#editor-help { + font-family: monospace; +} + + +/**************************************** + * Set up the stuff in the footer + ****************************************/ + +/* Format the pageinfo bar. */ +#pageinfo { + float: right; + margin: 0px 12px; +} + +/* Format the username bar, copied from the modern theme */ +#username { + float: left; + display: inline; + margin: 0px 12px; + padding: 0; + text-align: right; + font-size: 0.82em; + white-space: nowrap; +} + +#username li { + display: inline; + padding: 0 0.5em 0 0; +} + +#searchform { + /* Put the searchform below the pageinfo / username bar */ + clear: both; + float: right; + /* Put a bit of offset between the pageinfo and searchform. Don't use + * margin here, that collapses with the floating pageinfo. */ + padding-top: 10px; +} + +/**************************************** + * Set up the stuff in the footer (the thing that contains the edit link) + ****************************************/ + +.editbar { + /* Disable all default list-style stuff */ + list-style-type:none; + list-style-position:outside; + padding-left:0px; + margin-top: 0px; + margin-bottom: 0px; + + /* And indent a bit to align with the content text (width of #header + + * padding-left of #content) */ + margin-left: 500px; +} + +ul.editbar li { + /* Put menu items horizontally */ + display:inline; + /* But not completely squashed together */ + margin-right: 20px; +} + +/* Really put the more actions dropdown horizontally */ +.editbar form, .editbar form div { + display: inline; +} + +/* Use a sane text color with all the below backgrounds */ +.diff { + color: black; +} +/* Diff view, copied from modern/screen.css */ +.diff-header { + font-weight: bold; +} + +.diff-title { + background-color: #C0C0C0; +} + +.diff-added { + background-color: #E0FFE0; + vertical-align: sub; +} + +.diff-removed { + background-color: #FFFFE0; + vertical-align: sub; +} + +.diff-added span { + background-color: #80FF80; +} + +.diff-removed span { + background-color: #FFFF80; +} +/* vim: set sw=4 sts=4 expandtab */ diff --git a/static/deadfoxjunction/img/background.jpg b/static/deadfoxjunction/img/background.jpg new file mode 100644 index 0000000..a6b5c27 Binary files /dev/null and b/static/deadfoxjunction/img/background.jpg differ diff --git a/static/deadfoxjunction/img/frame/bottom.png b/static/deadfoxjunction/img/frame/bottom.png new file mode 100644 index 0000000..84108a3 Binary files /dev/null and b/static/deadfoxjunction/img/frame/bottom.png differ diff --git a/static/deadfoxjunction/img/frame/middle.png b/static/deadfoxjunction/img/frame/middle.png new file mode 100644 index 0000000..f5c4aec Binary files /dev/null and b/static/deadfoxjunction/img/frame/middle.png differ diff --git a/static/deadfoxjunction/img/frame/top.png b/static/deadfoxjunction/img/frame/top.png new file mode 100644 index 0000000..46918d9 Binary files /dev/null and b/static/deadfoxjunction/img/frame/top.png differ diff --git a/static/deadfoxjunction/img/logo.png b/static/deadfoxjunction/img/logo.png new file mode 100644 index 0000000..09f6264 Binary files /dev/null and b/static/deadfoxjunction/img/logo.png differ