summaryrefslogtreecommitdiffstats
path: root/skins/simple
diff options
context:
space:
mode:
authorNicolas Vigier <boklm@mageia.org>2011-10-24 18:01:35 +0000
committerNicolas Vigier <boklm@mageia.org>2011-10-24 18:01:35 +0000
commit246b38834224f9575f7b22cf84428ff615cb5acd (patch)
tree9e856efbb5a8f14faedf83432687b2a4bef5c493 /skins/simple
downloadmediawiki-246b38834224f9575f7b22cf84428ff615cb5acd.tar
mediawiki-246b38834224f9575f7b22cf84428ff615cb5acd.tar.gz
mediawiki-246b38834224f9575f7b22cf84428ff615cb5acd.tar.bz2
mediawiki-246b38834224f9575f7b22cf84428ff615cb5acd.tar.xz
mediawiki-246b38834224f9575f7b22cf84428ff615cb5acd.zip
add mediawiki themes
Diffstat (limited to 'skins/simple')
-rw-r--r--skins/simple/discussionitem_icon.gifbin0 -> 549 bytes
-rw-r--r--skins/simple/external.pngbin0 -> 165 bytes
-rw-r--r--skins/simple/file_icon.gifbin0 -> 323 bytes
-rw-r--r--skins/simple/link_icon.gifbin0 -> 342 bytes
-rw-r--r--skins/simple/lock_icon.gifbin0 -> 321 bytes
-rw-r--r--skins/simple/mail_icon.gifbin0 -> 321 bytes
-rw-r--r--skins/simple/main.css392
-rw-r--r--skins/simple/rtl.css185
8 files changed, 577 insertions, 0 deletions
diff --git a/skins/simple/discussionitem_icon.gif b/skins/simple/discussionitem_icon.gif
new file mode 100644
index 0000000..e3ca6d9
--- /dev/null
+++ b/skins/simple/discussionitem_icon.gif
Binary files differ
diff --git a/skins/simple/external.png b/skins/simple/external.png
new file mode 100644
index 0000000..419c06f
--- /dev/null
+++ b/skins/simple/external.png
Binary files differ
diff --git a/skins/simple/file_icon.gif b/skins/simple/file_icon.gif
new file mode 100644
index 0000000..69dbeaf
--- /dev/null
+++ b/skins/simple/file_icon.gif
Binary files differ
diff --git a/skins/simple/link_icon.gif b/skins/simple/link_icon.gif
new file mode 100644
index 0000000..168c1a2
--- /dev/null
+++ b/skins/simple/link_icon.gif
Binary files differ
diff --git a/skins/simple/lock_icon.gif b/skins/simple/lock_icon.gif
new file mode 100644
index 0000000..8284403
--- /dev/null
+++ b/skins/simple/lock_icon.gif
Binary files differ
diff --git a/skins/simple/mail_icon.gif b/skins/simple/mail_icon.gif
new file mode 100644
index 0000000..cf5680d
--- /dev/null
+++ b/skins/simple/mail_icon.gif
Binary files differ
diff --git a/skins/simple/main.css b/skins/simple/main.css
new file mode 100644
index 0000000..525c147
--- /dev/null
+++ b/skins/simple/main.css
@@ -0,0 +1,392 @@
+/* For clarity, explicitly state some recommendations from <http://www.w3.org/
+ TR/CSS21/sample.html> to make sure the editsection links scale right */
+
+h1 { font-size: 2em; }
+h2 { font-size: 1.5em; }
+h3 { font-size: 1.17em; }
+h5 { font-size: .83em; }
+h6 { font-size: .75em; }
+h1, h2, h3, h4, h5, h6 { font-weight: bolder }
+
+/* Now the custom parts */
+
+/* Make edit sections (which are inside h# tags) normal-sized */
+.editsection {
+ font-weight: normal;
+}
+h1 .editsection { font-size: 50% }
+h2 .editsection { font-size: 66.7% }
+h3 .editsection { font-size: 85.5% }
+h5 .editsection { font-size: 120% }
+h6 .editsection { font-size: 133% }
+
+
+#toolbar {
+ display: none;
+}
+
+div.center {
+ text-align: center;
+}
+
+#contentSub {
+ padding-left: 2em;
+}
+
+a {
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+#column-content {
+ width: 100%;
+ float: right;
+ margin: 0 0 0.6em -12.2em;
+ padding:0;
+}
+
+#content {
+ margin: 0em 0 0 12.2em;
+ padding: 0em 1em 1.5em 1em;
+ border-left: 1px solid #959595;
+ line-height: 1.5em;
+}
+
+#column-one {
+ position: absolute;
+ top: 0px; left: 0px;
+}
+
+#footer {
+ display: none;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+}
+
+#globalWrapper {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+.visualClear { clear: both; }
+
+img {
+ border: none;
+}
+p {
+ margin: 0.4em 0em 0.5em 0em;
+ line-height: 1.5em;
+}
+p img { margin: 0; }
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ padding-top: 0.5em;
+ padding-bottom: 0.17em;
+}
+fieldset {
+ margin: 1em 0em 1em 0em;
+ padding: 0em 1em 1em 1em;
+}
+.usermessage {
+ background-color: #ffce7b;
+ border: 1px solid #ffa500;
+ color: Black;
+ font-weight: bold;
+ margin: 2em 0em 1em 0em;
+ padding: 0.5em 1em;
+ vertical-align: middle;
+}
+.error {
+ color: red;
+ font-size: larger;
+}
+
+table.rimage {
+ float:right;
+ position:relative;
+ margin-left:1em;
+ margin-bottom:1em;
+ text-align:center;
+}
+
+.portlet {
+ border: none;
+ float: none;
+ padding: 0;
+ width: 11.8em;
+ overflow: hidden;
+}
+.portlet h4 {
+ font-weight: normal;
+ white-space: nowrap;
+}
+.portlet h5 {
+ padding: 0em 1em 0em 0.5em;
+ display: inline;
+ height: 1em;
+ font-weight: normal;
+ white-space: nowrap;
+}
+.portlet h6 {
+ padding: 0em 1em 0em 1em;
+ display: block;
+ height: 1.2em;
+ font-weight: normal;
+ white-space: nowrap;
+}
+.pBody {
+ border-collapse: collapse;
+ padding: 0 0.8em 0.3em 0.5em;
+}
+.portlet h1,
+.portlet h2,
+.portlet h3,
+.portlet h4 {
+ margin: 0;
+ padding: 0;
+ font-size: small;
+}
+
+#p-search .pBody {
+ text-align: center;
+}
+
+#searchInput {
+ width: 100%;
+ clear: both;
+ margin: 0 0 0 0;
+}
+
+input.searchButton {
+ margin-top:1px;
+ padding: 0 0.4em;
+ cursor: pointer;
+}
+
+#p-search .pBody {
+ padding: 0.5em 0.4em 0.4em 0.4em;
+}
+
+/* feed links */
+a.feedlink {
+ background: url("../common/images/feed-icon.png") center left no-repeat;
+ padding-left: 16px;
+}
+
+textarea {
+ width: 100%;
+}
+
+.pBody li, .pBody ul {
+ padding-left: 0em;
+ margin-left: 0.5em;
+}
+
+pre {
+ margin: 2em;
+ border: solid 1px black;
+}
+
+h1.firstHeading, h2 {
+ border-bottom: solid 1px black;
+}
+#bodyContent a[href ^="http://"],
+#bodyContent a[href ^="gopher://"] {
+ background: url("external.png") center right no-repeat;
+ padding-right: 13px;
+}
+#bodyContent a[href ^="https://"],
+.link-https {
+ background: url("lock_icon.gif") center right no-repeat;
+ padding-right: 16px;
+}
+#bodyContent a[href ^="mailto:"],
+.link-mailto {
+ background: url("mail_icon.gif") center right no-repeat;
+ padding-right: 18px;
+}
+#bodyContent a[href ^="news://"] {
+ background: url("news_icon.png") center right no-repeat;
+ padding-right: 18px;
+}
+#bodyContent a[href ^="ftp://"],
+.link-ftp {
+ background: url("file_icon.gif") center right no-repeat;
+ padding-right: 18px;
+}
+#bodyContent a[href ^="irc://"],
+#bodyContent a.extiw[href ^="irc://"],
+.link-irc {
+ background: url("discussionitem_icon.gif") center right no-repeat;
+ padding-right: 18px;
+}
+
+#bodyContent a.extiw,
+#bodyContent a.extiw:active {
+ color: #5E7CFF;
+ background: none;
+ padding: 0;
+}
+
+td.diff-addedline {
+ background-color: #B9FFB0;
+}
+
+td.diff-deletedline {
+ background-color: #f8ffaa;
+}
+
+.diffchange { background-color: #FFCDF3; text-decoration: none; }
+#pagehistory li { border: none; }
+
+span.urlexpansion {
+ display: none;
+}
+
+div.tocindent {
+ margin-left: 2em;
+}
+#toc {
+ text-align: left;
+ border-top: solid 1px black;
+ border-bottom: solid 1px black;
+}
+
+div.floatright, table.floatright {
+ clear: right;
+ float: right;
+ margin: 0;
+ position: relative;
+ border-width: 0.5em 0 0.8em 1.4em;
+}
+div.floatright p { font-style: italic; }
+div.floatleft, table.floatleft {
+ float: left;
+ clear: left;
+ margin: 0.3em 0.5em 0.5em 0;
+ position: relative;
+ border-width: 0.5em 1.4em 0.8em 0;
+}
+div.floatleft p { font-style: italic; }
+/* thumbnails */
+div.thumb {
+ margin-bottom: 0.5em;
+ width: auto;
+}
+div.thumbinner {
+ padding: 3px !important;
+ text-align: center;
+ overflow: hidden;
+}
+
+html .thumbcaption {
+ border: none;
+ text-align: left;
+ line-height: 1.4;
+ 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;
+ clear: left;
+ margin-right:0.5em;
+ border-width: 0.5em 1.4em 0.8em 0;
+}
+img.thumbborder {
+ border: 1px solid #dddddd;
+}
+
+a.stub { color: #772233; }
+a.new,
+#p-personal a.new {
+ text-decoration: line-through;
+}
+li.new {
+ text-decoration: line-through;
+}
+.catlinks {
+ text-align: center;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 3px;
+}
+
+#mytabs {
+ background-color: inherit;
+}
+#p-cactions {
+ background-color: inherit;
+}
+div.printfooter {
+ display: none;
+}
+
+#n-portal,
+#n-currentevents,
+#n-help,
+#n-sitesupport {
+ display: none;
+}
+
+#preftoc {
+ float: left;
+ margin: 1em;
+ width: 13em;
+}
+#preftoc li {
+}
+#preftoc li.selected {
+ border: 1px dashed #aaa;
+}
+#preftoc a,
+#preftoc a:active {
+ display: block;
+}
+div.htmlform-tip {
+ font-size: 95%;
+ margin-top: 1em;
+}
+
+#mw_trackbacks {
+ border-style: groove;
+ padding: 0.2em;
+}
+
+#jump-to-nav {
+ display: none;
+}
+
+table.collapsed tr.collapsable {
+ display: none;
+}
+
+.editsection {
+ float: right;
+ margin-left: 5px;
+}
+
+.templatesUsed { margin-top: 1.5em; }
+
diff --git a/skins/simple/rtl.css b/skins/simple/rtl.css
new file mode 100644
index 0000000..a5a2b59
--- /dev/null
+++ b/skins/simple/rtl.css
@@ -0,0 +1,185 @@
+/*
+Right-to-left fixes for Simple.
+Places sidebar on right, tweaks various alignment issues.
+
+Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.
+
+Safari bugs (1.2.1):
+* Tabs are still appearing in left-to-right order. (Try after localizing)
+
+Opera bugs (7.23 linux):
+* Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other
+
+IE/mac bugs:
+* The thing barfs on Hebrew and Arabic anyway, so no point testing.
+
+Missing features due to lack of support:
+* external link icons
+
+To test:
+* Opera6
+* IE 5.0
+* etc
+
+*/
+body {
+ direction: rtl;
+ unicode-bidi: embed;
+}
+#column-content {
+ margin: 0 -12.2em 0 0;
+ float: left;
+}
+#column-content #content{
+ margin-left: 0;
+ margin-right: 12.2em;
+ border-right: 1px solid #aaaaaa;
+ border-left: none;
+}
+html>body .portlet {
+ float: right;
+ clear: right;
+}
+.editsection {
+ float: left;
+ margin-right: 5px;
+ margin-left: 0; /* bug 9122: undo default LTR */
+}
+/* recover IEMac (might be fine with the float, but usually it's close to IE */
+*>body .portlet {
+ float: none;
+ clear: none;
+}
+.pBody {
+ padding: 0 0.5em 0.3em 0.8em;
+}
+
+/* Fix alignment */
+.documentByLine,
+.portletDetails,
+.portletMore {
+ text-align: left;
+}
+
+div div.thumbcaption {
+ text-align: right;
+}
+
+div.magnify,
+#p-logo {
+ left: auto;
+ right: 0;
+}
+
+/* Fix margins for non-css2 browsers */
+/* top right bottom left */
+
+dd {
+ margin-left: 0;
+ margin-right: 1.6em;
+}
+#contentSub {
+ margin-right: 1em;
+ margin-left: 0;
+}
+.tocindent {
+ margin-left: 0;
+ margin-right: 2em;
+}
+div.tright, div.floatright, table.floatright {
+ clear: none;
+}
+div.tleft, div.floatleft, table.floatleft {
+ clear: left;
+}
+
+/* Fix link icons */
+.external, a.feedlink {
+ padding: 0 !important;
+ background: none !important;
+}
+#footer {
+ clear: both;
+}
+* html #footer {
+ margin-left: 0;
+ margin-right: 13.6em;
+ border-left: 0;
+ border-right: 1px solid #fabd23;
+}
+* html #column-content {
+ float: none;
+ margin-left: 0;
+ margin-right: 0;
+}
+* html #column-content #content {
+ margin-left: 0;
+ margin-top: 3em;
+}
+* html #column-one { right: 0; }
+
+/* js pref toc */
+
+#preftoc {
+ margin-right: 1em;
+}
+
+.errorbox, .successbox, #preftoc li, .prefsection fieldset {
+ float: right;
+}
+
+.prefsection {
+ padding-right: 2em;
+}
+
+/* workaround for moz bug, displayed bullets on left side */
+
+#toc ul {
+ text-align: right;
+}
+
+#toc ul ul {
+ margin: 0 2em 0 0;
+}
+
+input#wpSave, input#wpDiff {
+ margin-right: 0;
+ margin-left: .33em;
+}
+
+#userlogin {
+ margin: 0 0 1em 3em;
+}
+/* Convenience links to edit block, delete and protect reasons */
+p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
+p.mw-filedelete-editreasons, p.mw-delete-editreasons {
+ float: left;
+}
+
+.toggle {
+ margin-left: 0em;
+ margin-right: 2em;
+}
+table.filehistory th {
+ text-align: right;
+}
+
+/**
+ * Lists:
+ * The following lines don't have a visible effect on non-Gecko browsers
+ * They fix a problem ith Gecko browsers rendering lists to the right of
+ * left-floated objects in an RTL layout.
+ */
+html > body div#bodyContent ul {
+ display: table;
+}
+
+/* Special:Allpages styling */
+td.mw-allpages-nav, p.mw-allpages-nav, td.mw-allpages-alphaindexline {
+ text-align: left;
+
+/* Special:Prefixindex styling */
+td#mw-prefixindex-nav-form {
+ text-align: left;
+}
+