Help: Editing and MediaWiki:Tweeki.css: Difference between pages

From DivNull RPG
(Difference between pages)
Jump to: navigation, search
imported>Wordman
mNo edit summary
 
No edit summary
 
Line 1: Line 1:
More complete information (including how to [http://meta.wikimedia.org/wiki/Help:Table edit tables] can be found in the [http://meta.wikimedia.org/wiki/MediaWiki_User%27s_Guide:_Editing_overview MediaWiki User Guide], but here are some basic formatting tips:
body {
  font-family: "proxima-nova",BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}


<table border="1" cellpadding="2" cellspacing="0">
.navbar-light {
<tr>
background-color: rgb(85, 51, 85)!important;
<th>What it looks like</th>
}
<th>What you type</th>
</tr>
<tr>
<td>
Start your sections with header lines:


Note: Single equal signs work for formatting headings, however as a convention for this wiki, do not use them.
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: white;
}


<!-- This is the original
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
= DO NOT USE THIS =
  color: white;
== New section ==
}
=== Subsection ===
==== Sub-subsection ====
  -->


<!-- next set
.firstHeading {
<h1> DO NOT USE THIS </h1>
text-align: left;
<h2> New section </h2>
}
<h3> Subsection </h3>
<h4> Sub-subsection </h4>
-->


<!-- This code prevents confusion in the section editing feature-->
a {
<b><font style="font-size:120%"> New section </font></b>
color: #370E5E;
 
}
<b><font style="font-size:110%"> Subsection</font></b>
 
<b><font style="font-size:100%"> Sub-subsection</font></b>
 
</td>
<td><pre><nowiki>
 
== New section ==
 
=== Subsection ===
 
==== Sub-subsection ====
</nowiki></pre>
</td>
</tr>
<tr>
<td>
[[en:newline|Newline]]:
 
A single
newline
has no
effect on the
layout.
 
But an empty line
starts a new paragraph.
 
(<nowiki><p></nowiki> disables this paragraphing until <nowiki></p></nowiki> or the end  of the section)
 
(in Cologne Blue two newlines and a div tag give just one newline; in the order newline, div tag, newline, the result is two newlines)
 
</td>
<td>
<pre><nowiki>
 
A single
newline
has no
effect on the
layout.
 
But an empty line
starts a new paragraph.</nowiki></pre>
</td>
</tr>
<tr valign="top"><td>You can break lines<br>
without starting a new paragraph.<p>
Sufficient as wikitext code is <nowiki><br></nowiki>, the XHTML code <nowiki><br /></nowiki> is not needed, the system produces this code.</p></td>
<td><pre><nowiki>You can break lines<br>
without starting a new paragraph.</nowiki></pre>
</td>
</tr>
<tr>
<td>
* [[Help:List|Lists]] are easy to do:
** start every line with a star
*** more stars means deeper levels
*A newline
*in a list 
marks the end of the list.
*Of course
*you can
*start again.
 
</td>
<td><pre><nowiki>* Lists are easy to do:
** start every line with a star
*** more stars means deeper levels
*A newline
*in a list 
marks the end of the list.
*Of course
*you can
*start again.
 
</nowiki></pre>
</td>
</tr>
<tr>
<td>
# Numbered lists are also good
## very organized
## easy to follow
#A newline
#in a list 
marks the end of the list.
#New numbering starts
#with 1.
 
</td>
<td><pre><nowiki># Numbered lists are also good
## very organized
## easy to follow
#A newline
#in a list 
marks the end of the list.
#New numbering starts
#with 1.
</nowiki></pre>
</td>
</tr>
<tr>
<td>
* You can even do mixed lists
*# and nest them
*#* like this<br>or have newlines<br>inside lists
</td>
<td><pre><nowiki>* You can even do mixed lists
*# and nest them
*#* like this<br>or have newlines<br>inside lists</nowiki></pre>
</td>
</tr>
<tr>
<td>
* You can also
**break lines<br>inside lists<br>like this
</td>
<td><pre><nowiki>* You can also
**break lines<br>inside lists<br>like this</nowiki></pre>
</td>
</tr>
<tr>
<td>
; Definition list : list of definitions
; item : the item's definition
</td>
<td><pre><nowiki>; Definition list : list of definitions
; item : the item's definition</nowiki></pre>
</td>
</tr>
<tr>
<td>
:A colon indents a line or paragraph.
A manual newline starts a new paragraph.
* This is primarily for displayed material, but is also used for discussion on [[Help:Talk page|Talk page]]s.
</td>
<td><pre><nowiki>: A colon indents a line or paragraph.
A manual newline starts a new paragraph.
</nowiki></pre>
</td>
</tr>
<tr valign=top>
<td>
<pre><nowiki>IF a line of plain text starts with a space THEN
  it will be formatted exactly
    as typed;
  in a fixed-width font;
  lines won't wrap;
ENDIF
this is useful for:
  * pasting preformatted text;
  * algorithm descriptions;
  * program source code
  * ASCII art;
  * chemical structures;</nowiki></pre>
 
WARNING If you make it wide,
you [[en:page widening|force the whole page to be wide]] and
hence less readable. Never start ordinary lines with spaces.<br>
<center>(see also below)</center>
</td>
<td><pre><nowiki> IF a line of plain text starts with a space THEN
  it will be formatted exactly
    as typed;
  in a fixed-width font;
  lines won't wrap;
ENDIF
this is useful for:
  * pasting preformatted text;
  * algorithm descriptions;
  * program source code
  * ASCII art;
  * chemical structures;</nowiki></pre></td>
</tr>
<tr valign="top"><td><center>Centered text.</center>
</td>
<td><pre><nowiki><center>Centered text.</center></nowiki></pre>
</td>
</tr>
<tr>
<td>A [[en:horizontal dividing line|horizontal dividing line]]: above
----
and below.
 
(However, in most cases a section header is more useful. The horizontal dividing line should only be used if what follows is logically part of the same section; otherwise that part would be hidden in the TOC.)</td>
<td><pre><nowiki>A horizontal dividing line: above
----
and below. </nowiki></pre>
</td>
</tr>
</table>

Revision as of 03:00, 24 December 2023

body {
  font-family: "proxima-nova",BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.navbar-light {
 background-color: rgb(85, 51, 85)!important;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
 color: white;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 color: white;
}

.firstHeading {
 text-align: left;
}

a {
color: #370E5E;
}