New files for new skin 'Chick'.
http://bugzilla.wikipedia.org/show_bug.cgi?id=49
This commit is contained in:
Arne Heizmann
parent
af38689651
commit
c15af2f224
2 changed files with 532 additions and 0 deletions
432
stylesheets/chick/main.css
Executable file
432
stylesheets/chick/main.css
Executable file
|
|
@ -0,0 +1,432 @@
|
|||
/*
|
||||
** MediaWiki 'chick' style sheet for PDAs or other small-screen devices.
|
||||
** Copyright Timwi
|
||||
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
|
||||
**
|
||||
** Loosely based on Monobook by Gabriel Wicke
|
||||
*/
|
||||
|
||||
body {
|
||||
font: sans-serif;
|
||||
color: Black;
|
||||
margin: 0;
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
a { color: #002bb8; }
|
||||
a:visited { color: #5a3696; }
|
||||
a:active { color: Orange; }
|
||||
a.stub { color: #772233; }
|
||||
a.new,
|
||||
#p-personal a.new { color:#ba0000; }
|
||||
a.new:visited,
|
||||
#p-personal a.new:visited { color:#a55858; }
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
p {
|
||||
margin: 0.4em 0em 0.5em 0em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
p img { margin: 0; }
|
||||
|
||||
hr {
|
||||
height: 1px;
|
||||
color: #aaaaaa;
|
||||
background-color: #aaaaaa;
|
||||
border: 0;
|
||||
margin: 0.2em 0 0.2em 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: Black;
|
||||
background: none;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.17em;
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
}
|
||||
h1 { font-size: 188%; }
|
||||
h2 { font-size: 150%; }
|
||||
h3, h4, h5, h6 {
|
||||
border-bottom: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
h3 { font-size: 132%; }
|
||||
h4 { font-size: 116%; }
|
||||
h5 { font-size: 100%; }
|
||||
h6 { font-size: 80%; }
|
||||
|
||||
ul {
|
||||
line-height: 1.5em;
|
||||
margin: 0.3em 0 0 1.5em;
|
||||
padding:0;
|
||||
}
|
||||
ol {
|
||||
line-height: 1.5em;
|
||||
margin: 0.3em 0 0 3.2em;
|
||||
padding:0;
|
||||
list-style-image: none;
|
||||
}
|
||||
li { margin-bottom: 0.1em; }
|
||||
dt {
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
dl{
|
||||
margin-top: 0.2em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
dd {
|
||||
line-height: 1.5em;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #2f6fab;
|
||||
margin: 1em 0em 1em 0em;
|
||||
padding: 0em 1em 1em 1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
legend {
|
||||
background: White;
|
||||
padding: 0.5em;
|
||||
font-size: 95%;
|
||||
}
|
||||
form {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 1px solid #2f6fab;
|
||||
color: Black;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
padding: 0.1em;
|
||||
overflow: auto;
|
||||
}
|
||||
/* hide this from ie/mac and konq2.2 */
|
||||
@media All {
|
||||
head:first-child+body input {
|
||||
visibility: visible;
|
||||
border: 1px solid #2f6fab;
|
||||
color: Black;
|
||||
background-color: white;
|
||||
vertical-align: middle;
|
||||
padding: 0.2em;
|
||||
}
|
||||
}
|
||||
input.historysubmit {
|
||||
padding: 0 0.3em 0.3em 0.3em !important;
|
||||
font-size: 94%;
|
||||
cursor: pointer;
|
||||
height: 1.7em !important;
|
||||
margin-left: 1.6em;
|
||||
}
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] { border:none; }
|
||||
select {
|
||||
border: 1px solid #2f6fab;
|
||||
color: Black;
|
||||
vertical-align: top;
|
||||
}
|
||||
abbr, acronym, .explain {
|
||||
border-bottom: 1px dotted Black;
|
||||
color: Black;
|
||||
background: none;
|
||||
cursor: help;
|
||||
}
|
||||
q {
|
||||
font-family: Times, "Times New Roman", serif;
|
||||
font-style: italic;
|
||||
}
|
||||
code { background-color: #f9f9f9; }
|
||||
pre {
|
||||
padding: 1em;
|
||||
border: 1px dashed #2f6fab;
|
||||
color: Black;
|
||||
background-color: #f9f9f9;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
/*
|
||||
** the main content area
|
||||
*/
|
||||
|
||||
span.subpages { display: block; }
|
||||
|
||||
/* Some space under the headers in the content area */
|
||||
#bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
|
||||
#bodyContent h3,
|
||||
#bodyContent h4,
|
||||
#bodyContent h5 {
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
.firstHeading { margin-bottom:0.1em; }
|
||||
|
||||
/* user notification thing */
|
||||
.usermessage {
|
||||
background-color: #ffce7b;
|
||||
border: 1px solid #ffa500;
|
||||
color: Black;
|
||||
font-weight: bold;
|
||||
margin: 0.1em 0 0 0;
|
||||
padding: 2px 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#siteNotice {
|
||||
text-align: center;
|
||||
font-size: 95%;
|
||||
padding: 0 0.9em 0 0.9em;
|
||||
}
|
||||
#siteNotice p { margin: none; padding: none; }
|
||||
.error {
|
||||
color: red;
|
||||
font-size: larger;
|
||||
}
|
||||
#catlinks {
|
||||
border:1px solid #aaaaaa;
|
||||
background-color:#f9f9f9;
|
||||
padding: 2px 5px;
|
||||
margin: 0.1em 0 0 0;
|
||||
clear: both;
|
||||
}
|
||||
p.catlinks { margin: 0; padding: 0; }
|
||||
|
||||
|
||||
/* currently unused, intended to be used by a metadata box
|
||||
in the bottom-right corner of the content area */
|
||||
.documentDescription {
|
||||
/* The summary text describing the document */
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin: 1em 0em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.documentByLine {
|
||||
text-align: right;
|
||||
font-size: 90%;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
color: #76797c;
|
||||
}
|
||||
|
||||
/* emulate center */
|
||||
.center {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
*.center * {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
/* small for tables and similar */
|
||||
.small, .small * { font-size: 94%; }
|
||||
table.small { font-size: 100% }
|
||||
|
||||
/*
|
||||
** content styles
|
||||
*/
|
||||
|
||||
#toc {
|
||||
/*border:1px solid #2f6fab;*/
|
||||
border:1px solid #aaaaaa;
|
||||
background-color:#f9f9f9;
|
||||
padding:5px;
|
||||
font-size: 95%;
|
||||
}
|
||||
#toc .tocindent { margin-left: 2em; }
|
||||
#toc .tocline { margin-bottom: 0px; }
|
||||
#toc p { margin: 0 }
|
||||
#toc .toctoggle { font-size: 94%; }
|
||||
#toc .editsection {
|
||||
margin-top: 0.7em;
|
||||
font-size: 94%;
|
||||
}
|
||||
|
||||
/* images */
|
||||
div.floatright, table.floatright {
|
||||
clear: right;
|
||||
float: 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, table.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;
|
||||
}
|
||||
div.thumb div {
|
||||
border:1px solid #cccccc;
|
||||
padding: 3px !important;
|
||||
background-color:#f9f9f9;
|
||||
font-size: 94%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.thumb div a img {
|
||||
border:1px solid #cccccc;
|
||||
}
|
||||
div.thumb div div.thumbcaption {
|
||||
border: none;
|
||||
text-align: left;
|
||||
line-height: 1.4em;
|
||||
padding: 0.3em 0 0.1em 0;
|
||||
}
|
||||
div.magnify {
|
||||
float: right;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
div.magnify a, div.magnify img {
|
||||
display: block;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
div.tright {
|
||||
clear: right;
|
||||
float: 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;
|
||||
}
|
||||
.urlexpansion,
|
||||
.hiddenStructure {
|
||||
display: none;
|
||||
}
|
||||
img.tex { vertical-align: middle; }
|
||||
span.texhtml { font-family: serif; }
|
||||
|
||||
/*
|
||||
** classes for special content elements like town boxes
|
||||
** intended to be referenced directly from the wiki src
|
||||
*/
|
||||
|
||||
/*
|
||||
** User styles
|
||||
*/
|
||||
/* table standards */
|
||||
table.rimage {
|
||||
float:right;
|
||||
position:relative;
|
||||
margin-left:1em;
|
||||
margin-bottom:1em;
|
||||
text-align:center;
|
||||
}
|
||||
.toccolours {
|
||||
border:1px solid #aaaaaa;
|
||||
background-color:#f9f9f9;
|
||||
padding:5px;
|
||||
font-size: 95%;
|
||||
}
|
||||
div.townBox {
|
||||
position:relative;
|
||||
float:right;
|
||||
background:White;
|
||||
margin-left:1em;
|
||||
border: 1px solid Grey;
|
||||
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;
|
||||
}
|
||||
|
||||
/*
|
||||
** edit views etc
|
||||
*/
|
||||
.special li {
|
||||
line-height: 1.4em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Page history styling */
|
||||
/* the auto-generated edit comments */
|
||||
.autocomment { color: gray; }
|
||||
#pagehistory span.user {
|
||||
margin-left: 1.4em;
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
#pagehistory span.minor { font-weight: bold; }
|
||||
#pagehistory li { border: 1px solid White; }
|
||||
#pagehistory li.selected {
|
||||
background-color:#f9f9f9;
|
||||
border:1px dashed #aaaaaa;
|
||||
}
|
||||
/*
|
||||
** Diff rendering
|
||||
*/
|
||||
table.diff { background:white; }
|
||||
td.diff-otitle { background:#ffffff; }
|
||||
td.diff-ntitle { background:#ffffff; }
|
||||
td.diff-addedline {
|
||||
background:#ccffcc;
|
||||
font-size: smaller;
|
||||
}
|
||||
td.diff-deletedline {
|
||||
background:#ffffaa;
|
||||
font-size: smaller;
|
||||
}
|
||||
td.diff-context {
|
||||
background:#eeeeee;
|
||||
font-size: smaller;
|
||||
}
|
||||
span.diffchange { color: red; }
|
||||
|
||||
a.external { color: #3366bb; }
|
||||
|
||||
div#footer { text-align: center; }
|
||||
|
||||
ul#f-list li { list-style: none; text-align: center; }
|
||||
|
||||
div.portlet { margin: 0.5em 0; }
|
||||
|
||||
.redirectText {
|
||||
font-size:150%;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
ul.special li.not_patrolled, ol.special li.not_patrolled {
|
||||
background-color: #ffa;
|
||||
}
|
||||
div.patrollink {
|
||||
font-size: 75%;
|
||||
text-align: right;
|
||||
}
|
||||
span.newpage, span.minor {
|
||||
font-weight: bold;
|
||||
}
|
||||
100
templates/xhtml_minimal.pt
Executable file
100
templates/xhtml_minimal.pt
Executable file
|
|
@ -0,0 +1,100 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}" lang="${lang}" dir="${dir}">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="${mimetype}; charset=${charset}" />
|
||||
${headlinks}
|
||||
<title tal:content="pagetitle">Exciting xhtml slimfast</title>
|
||||
<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "${stylepath}/${skinname}/main.css"; /*]]>*/</style>
|
||||
<script type="text/javascript" tal:attributes="src jsvarurl"></script>
|
||||
<script type="text/javascript" src="${stylepath}/wikibits.js"></script>
|
||||
<style tal:condition="usercss" type="text/css">/*<![CDATA[*/ ${usercss} /*]]>*/</style>
|
||||
<script tal:condition="userjs" type="text/javascript" tal:attributes="src userjs"></script><script
|
||||
tal:condition="userjsprev" type="text/javascript">/*<![CDATA[*/${userjsprev}/*]]>*/</script>
|
||||
</head>
|
||||
<body>
|
||||
<a name="top"></a>
|
||||
<div class="searchBox">
|
||||
<form name="searchform" action="${searchaction}" id="searchform">
|
||||
<input id="searchInput" name="search" type="text" size="15"
|
||||
i18n:attributes="accesskey string:accesskey-search | default" />
|
||||
<input type='submit' name="go" value="Go" class="searchButton"
|
||||
i18n:attributes="value string:go" /> <input type='submit' name="fulltext"
|
||||
value="Search" class="searchButton" i18n:attributes="value string:search" />
|
||||
</form>
|
||||
</div>
|
||||
<div id="siteNotice" tal:condition="sitenotice" tal:content="structure sitenotice"></div>
|
||||
<h1 class="firstHeading" tal:content="title">Leonardo da Vinci</h1>
|
||||
<div id="siteSub" i18n:translate="string:fromwikipedia">From Wikipedia, the free encyclopedia.</div>
|
||||
<div id="contentSub" tal:content="structure subtitle"></div>
|
||||
<div id="contentUndel" tal:condition="undelete" tal:content="structure undelete"></div>
|
||||
<div tal:condition="newtalk" class="usermessage" tal:content="structure newtalk"></div>
|
||||
<div tal:condition="catlinks" id="catlinks" tal:content="structure catlinks"></div>
|
||||
<!-- start content -->
|
||||
${bodytext}
|
||||
<!-- end content -->
|
||||
<hr />
|
||||
|
||||
<div id="p-cactions" class="portlet">
|
||||
<strong>Views:</strong>
|
||||
<span tal:repeat="action content_actions"> <a
|
||||
tal:attributes="id string:ca-${repeat/action/key}; class action/class|default;
|
||||
href action/href|default" tal:content="action/text">Linktext</a> </span>
|
||||
</div>
|
||||
|
||||
<div class="portlet" id="p-personal">
|
||||
<strong><span i18n:translate="string:personaltools">Personal Tools</span>:</strong>
|
||||
<span tal:repeat="item personal_urls"> <a
|
||||
tal:attributes="id string:pt-${repeat/item/key}; href item/href;
|
||||
class item/class|default" tal:content="item/text">Log in</a> </span>
|
||||
</div>
|
||||
|
||||
<div class="portlet" id="p-nav">
|
||||
<strong><span i18n:translate="string:navigation">Navigation</span>:</strong>
|
||||
<a href="${nav_urls/mainpage/href}" i18n:translate="string:mainpage">Main Page</a>
|
||||
<a href="${nav_urls/portal/href}" i18n:translate="string:portal">Community Portal</a>
|
||||
<a href="${nav_urls/currentevents/href}" i18n:translate="string:currentevents">Current Events</a>
|
||||
<a href="${nav_urls/recentchanges/href}" i18n:translate="string:recentchanges">Recent Changes</a>
|
||||
<a href="${nav_urls/randompage/href}" i18n:translate="string:randompage">Random Page</a>
|
||||
<a href="${nav_urls/help/href}" i18n:translate="string:help">Help</a>
|
||||
<a tal:condition="nav_urls/sitesupport/href" href="${nav_urls/sitesupport/href}"
|
||||
i18n:translate="string:sitesupport">Donations</a>
|
||||
</div>
|
||||
|
||||
<div class="portlet" id="p-tb">
|
||||
<strong><span i18n:translate="string:toolbox">Toolbox</span>:</strong>
|
||||
<a href="${nav_urls/whatlinkshere/href}" i18n:translate="string:whatlinkshere">What links here</a>
|
||||
<a href="${nav_urls/recentchangeslinked/href}" i18n:translate="string:recentchangeslinked">Related Changes</a>
|
||||
<span tal:condition="feeds" id="feedlinks">
|
||||
<span i18n:translate="string:feedlinks">Feeds:</span>
|
||||
<span tal:repeat="feed feeds"> <a tal:attributes="id string:feed-${repeat/feed/key};
|
||||
href feed/href;" tal:content="feed/text">rss</a> </span>
|
||||
</span>
|
||||
<a tal:condition="nav_urls/contributions/href" href="${nav_urls/contributions/href}" i18n:translate="string:contributions">Contributions</a>
|
||||
<a tal:condition="nav_urls/emailuser/href" href="${nav_urls/emailuser/href}" i18n:translate="string:emailuser">Email this user</a>
|
||||
<a tal:condition="loggedin" href="${nav_urls/upload/href}" i18n:translate="string:upload">Upload a file</a>
|
||||
<a href="${nav_urls/specialpages/href}" i18n:translate="string:specialpages">Special Pages</a>
|
||||
</div>
|
||||
|
||||
<div id="p-lang" class="portlet" tal:condition="language_urls">
|
||||
<strong><span i18n:translate="string:otherlanguages">Other languages</span>:</strong>
|
||||
<span tal:repeat="langlink language_urls"> <a tal:attributes="href langlink/href"
|
||||
tal:content="structure langlink/text">English</a> </span>
|
||||
</div>
|
||||
|
||||
<hr style="clear: both;" />
|
||||
|
||||
<div id="footer">
|
||||
<span tal:condition="poweredbyico">${poweredbyico}</span>
|
||||
<span tal:condition="copyrightico">${copyrightico}</span>
|
||||
<ul id="f-list">
|
||||
<li id="f-lastmod" tal:condition="lastmod">${lastmod}</li>
|
||||
<li id="f-viewcount" tal:condition="viewcount">${viewcount}</li>
|
||||
<li id="f-credits" tal:condition="credits">${credits}</li>
|
||||
<li id="f-copyright" tal:condition="copyright">${copyright}</li>
|
||||
<li id="f-about" tal:condition="about">${about}</li>
|
||||
<li id="f-disclaimer" tal:condition="disclaimer">${disclaimer}</li>
|
||||
</ul>
|
||||
</div>
|
||||
${reporttime}
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue