https://help.ncf.ca/api.php?action=feedcontributions&user=Al178&feedformat=atomSupport - User contributions [en]2024-03-19T13:21:39ZUser contributionsMediaWiki 1.36.4https://help.ncf.ca/index.php?title=Email&diff=8005Email2023-10-10T20:06:33Z<p>Al178: /* Zimbra Limits at NCF */</p>
<hr />
<div>This page provides some basic information about NCF email, how it works and how to configure it.<br />
<br />
For information on using the Zimbra webmail system, please see [[Zimbra]].<br />
<br />
== Sending and receiving email ==<br />
{{:Template:Quick Facts (Email)}}<br />
===General information===<br />
NCF provides every member with a personal email address. NCF email addresses are simply a member's account ID (eg., 'ab123') followed by '@ncf.ca', for example, 'ab123@ncf.ca'.<br />
<br />
Optionally, you can arrange for an [[Email Alias|email alias]], for example, 'jsmith@ncf.ca'.<br />
<br />
'''Important:''' If you already have an email address and do not plan to use your NCF email address, be sure to tell us, using [https://secure.ncf.ca/ncf/home/tools/preferences.jsp Change Preferences] at the bottom-right of the StartPage. NCF needs to be able to reach you about your account.<br />
<br />
=== Receiving mail===<br />
Incoming email for you is stored on NCF's computer until you ask for it.<br />
There are two ways to receive email:<br />
<br />
;Using NCF WebMail (browser-based)<br />
:All you need to use WebMail is a web browser connected to the internet (eg., home, office, library, internet cafe, anywhere in the world via internet). No set-up is required. You read and send mail from the browser using the [[Zimbra]] interface and your mail is stored on an NCF computer. With WebMail, your email stays on the computers at NCF and is backed up there, too, to protect against loss.<br />
<br />
:A disadvantage of using WebMail is that you have to stay connected to the internet while you are reading and composing your email.<br />
<br />
;Using an email client (on your personal computer)<br />
:Email client software allows your email to be transferred to your computer and then read there. The size of your mail archive can be as large as your hard drive.<br />
<br />
:A disadvantage is that your mail is only accessible while you are at your own computer.<br />
<br />
In the past personal computer-based mail clients were dominant, but in recent years the trend has been away from mail clients and towards server-based webmail, because of the convenience of being able to access the mail from any browser anywhere, even from phones and hand-held devices, as well as automatic back-ups.<br />
<br />
== Zimbra Limits at NCF ==<br />
There are several limits you may encounter in your use of Zimbra.<br />
# '''Mail storage size''' - members are allocated 5GB of storage. This contains all the mail and briefcase data. Members must manage their space within that limit. See [[Zimbra webmail#How much storage space are you using.3F|how to check your storage space.]]<br />
# '''Mail message size''' - the maximum message size allowed is 50MB. The actual file size of the attachments is 20-30% less due to the encoding is required to send it via email. If you have large files that you wish to share, there are a number of other file sharing approaches that may be better than attachments. One of those is using the Zimbra Briefcase - see [[Zimbra: Briefcase]].<br />
# '''Sending rate''' - NCF limits the rate at which members can send out email to protect against spamming. A limit of 200 messages over a 4 hour span is in place. If you have large distribution lists that will exceed this, please contact the office - we have a solution.<br />
<br />
== NCF Webmail ==<br />
NCF Webmail allows you to compose, send, receive and manage your email using any browser. It is the easiest way to send and receive email while you are away from home. Your mail stays on the NCF's mail server. To use it, all you need is a web browser and connection to the Internet.<br />
<br />
You can try WebMail by going to the [http://start.ncf.ca StartPage] and clicking on 'Get your NCF WebMail'. There is nothing to install on your computer.<br />
<br />
Up to 5GB of email can be accumulated and stored in your WebMail Inbox and folders. NCF's storage capacity increases regularly as facilities are upgraded.<br />
<br />
The NCF Webmail system runs the [[Zimbra]] mail system. For an overview of the benefits of Zimbra, please visit the [http://www.ncf.ca/ncf/home/zimbraIntro.jsp Introducing Zimbra] page.<br />
<br />
For specific and detailed help on all things Zimbra, visit the [[Zimbra]] Help Page.<br />
<br />
== Mail Clients (Mail readers) ==<br />
<br />
Some common current mail clients, all available for download free of charge, are:<br />
<br />
* [http://mail.live.com Microsoft Windows Live Mail]<br />
* [https://www.mozilla.org/en-US/thunderbird/ Mozilla Thunderbird]<br />
* [http://www.pmail.com/ Pegasus]<br />
<br />
If you do not have a mail reader, you can download one for free. Once it is installed on your computer, you need to configure it so it knows from where to retrieve/send your email.<br />
<br />
'''Notes:'''<br />
*Microsoft Outlook Express is very outdated, has serious security problems, is no longer supported by Microsoft and is not recommended by NCF. See [http://en.wikipedia.org/wiki/Outlook_Express this article] for more detail on why you should replace it.<br />
*Microsoft Outlook is commercial software and comes with ''Microsoft Office''.<br />
<br />
=== Setting up a Mail Client or Mail Reader ===<br />
Modern mail readers are pretty easy to set up. Typically you just need some of the information in the 'Quick Facts' box above.<br />
<br />
For step-by-step instructions, click on your mail reader below:<br />
<br />
Step-by-step instruction for popular mail readers:<br />
* [[IPhone|iPhone, iPad, or iPod Touch]]<br />
* [http://www.ncf.ca/ncf/support/android/ Android Devices (eg. Google Nexus One, Motorola Milestone, or HTC Hero)]<br />
* [[Apple Mail|Apple Mail (2011)]]<br />
* [[BlackBerry 10]]<br />
* [[PlayBook|Blackberry PlayBook]]<br />
* [http://www.ncf.ca/ncf/support/evolution.html Evolution Mail and Calendar]<br />
* [http://web.ncf.ca/aw958/mail_help_files/outlook_2003_setup/outlook_2003.html Microsoft Outlook 2003]<br />
* [[Microsoft Outlook 2010]]<br />
* [[Microsoft Outlook 2016]]<br />
* [http://www.ncf.ca/ncf/support/mail_thunderbird3.html Mozilla Thunderbird]<br />
* [http://www.ncf.ca/ncf/support/windowsLiveMail.html Windows Live Mail]<br />
* [http://web.ncf.ca/aw958/mail_help_files/zimbra/index.html Zimbra Desktop email client] by Graeme Beckett, NCF<br />
<br />
Step-by-step instructions for older mail readers, still in use on some systems:<br />
* [http://web.ncf.ca/glennj/ncf/bookshelf/appleMail/index.shtml Apple Mail (2006)]<br />
* [http://www.ncf.ca/ncf/support/eudora.html Eudora Mail]<br />
* [http://www.ncf.ca/ncf/support/outlook.html Microsoft Outlook Express]<br />
* [http://www.ncf.ca/ncf/support/mail_thunderbird.html Mozilla Thunderbird 1.x or 2.x]<br />
* [http://www.ncf.ca/ncf/support/ns71.html Netscape Mail]<br />
* [http://www.ncf.ca/ncf/support/pegasusMail.html Pegasus Mail]<br />
* [[Windows Mail]]<br />
<br />
For information on whether you should set up your reader for POP or IMAP see [http://www.ncf.ca/ncf/support/pop_imap.html What's the difference between POP and IMAP?].<br />
<br />
Keep in mind if you use an email client that it will not retrieve your yellow mail that the spam filter saves there for you.<br />
<br />
=== I can receive email, but I can't send! (Relay Access Denied) ===<br />
If your mail account appears to be setup correctly, but you are having trouble sending, it could be that you don't have SSL and authentication enabled.<br />
<br />
Step-by-step instructions to update or confirm that your account is correctly configured for SSL and authentication:<br />
* [http://www.ncf.ca/ncf/support/outlook_ssl.html Microsoft Outlook Express SSL Setup]<br />
* [http://www.ncf.ca/ncf/support/mail_thunderbird_smtp.html Mozilla Thunderbird SSL Setup]<br />
* [http://www.ncf.ca/ncf/support/windowsLiveMail_ssl.html Windows Live Mail SSL Setup]<br />
<br />
== Spam Reduction ==<br />
<br />
=== Customizing SpamFilter ===<br />
Regardless of how you read your mail, you can use NCF's SpamFilter if you have problems with spam.<br />
<br />
You can view or change your SpamFilter settings by going to the [http://start.ncf.ca StartPage], and clicking on [https://www.ncf.ca/en/members/email/yellowmail/settings SpamFilter set-up] under 'Email' in the left column. There is information on that page about how SpamFilter works and [http://www.ncf.ca/ncf/support/faqMaker.jsp?faq=2 Frequently Asked Questions] on customizing SpamFilter.<br />
<br />
There is also [https://youtu.be/PWEibPkXCS0 a short video on setting SpamFilter options].<br />
<br />
=== Blocking Specific Email Addresses ===<br />
Spam can be difficult to stop as spammers are relentless, and can often send messages from many different emails, making it much more difficult to stop.<br />
<br />
If the undesirable messages you are receiving are coming from the same address, it would be best to add a mail exception on your spam filtering page [https://www.ncf.ca/ncf/home/spamfilter/greenListMgr.jsp here] to ensure the offending address is blocked from sending you mail in the future.<br />
<br />
Simply enter the offending email into the “Email address” bar and enter “Classification” as “Red” to ensure this address will be marked as spam and not be delivered to your mailbox in the future.<br />
<br />
===Using Yellow Mail===<br />
NCF provides a facility to screen mail items that your SPAM filter settings have found questionable before the mail enters your Zimbra inbox. This is called yellow mail. You can see a short video [[https://youtu.be/3rqLbGhvA8w here]] on how to use it.<br />
<br />
==See also==<br />
*[[Alternate email address]]<br />
*[[Email Alias]]<br />
*[[Email blacklisting]]<br />
*[[Email spoofing]]<br />
*[[Tips (Email)|Email tips]]<br />
*[[Zimbra]] - for help on the Zimbra webmail system<br />
<br />
[[Category: Email]]</div>Al178https://help.ncf.ca/index.php?title=Publishing_Web_Pages&diff=7208Publishing Web Pages2020-09-07T04:34:36Z<p>Al178: /* Organizational Accounts at NCF */</p>
<hr />
<div>Creating your own website can be a great deal of fun and a good way to share pictures, text and ideas with the whole world. All NCF accounts automatically include web space.<br />
<br />
==General==<br />
There is no limit on the size of your web space as long as there is enough space for everybody. If space becomes an issue, NCF will contact the people who use the most space.<br />
<br />
To create a website you need to do four things:<br />
<br />
# Create the web pages offline and link them together to form a website<br />
# Test your web pages offline to make sure they work<br />
# Upload them to your space on the NCF web server and then they will be visible to everyone on the internet<br />
# Validate your web pages to identify any errors<br />
<br />
==Creating web pages==<br />
When someone visits your website their browser will ask the server for the home page first, which is called ''index.html'' or ''index.htm''. If that file does not exist, the web server will display a list of the files in the directory. <br />
<br />
When you design your website make sure you create a home page and call it ''index.html'', so people visiting your website will start by seeing that page.<br />
<br />
Web pages are written in [https://en.wikipedia.org/wiki/HTML Hyper Text Markup Language] (HTML). There are basically two ways to write HTML files:<br />
<br />
# Writing them by hand <br />
# Using a WYSIWYG (What-You-See-Is-What-You-Get) HTML page creator.<br />
<br />
===Hand coding HTML===<br />
Hand coding HTML requires some skill and practice to learn, but can be quick and rewarding to do, once you have learned how. Most professionally-designed websites these days are hand-written. There are many guides available on the internet, in bookstores and libraries to help you learn to write HTML. <br />
<br />
HTML is just text, so any plain text editor can be used to write HTML by hand, although the best ones are those that offer syntax highlighting to show mistakes quickly with text colours. <br />
<br />
Some good free software text editors with syntax highlighting include:<br />
<br />
* [http://jedit.org/ jEdit] (for Windows, Mac, Linux and BSD)<br />
* [https://notepad-plus-plus.org/ NotePad++] (for Windows)<br />
<br />
===WYSIWYG HTML page creators===<br />
There are also many software applications to automate the task of making HTML pages which allow beginners to make beautiful web pages without learning how to hand code HTML. If you are designing a complex web site with many components or want to save the time learning hand coding HTML, these tools can be helpful. <br />
<br />
Commercial, proprietary web page creation software applications, like [https://en.wikipedia.org/wiki/Adobe_Dreamweaver Adobe Dreamweaver CC], can be purchased or rented by the month, but many office applications, such as word processors, can also produce documents in HTML format. To write a web page just select "save as HTML".<br />
<br />
One word processor that can do this is the free software, cross platform LibreOffice Writer:<br />
<br />
* [http://www.libreoffice.org/download/libreoffice-fresh/ LibreOffice]<br />
<br />
==Testing webpages==<br />
Once you have written your web pages, open them in your [[web browser]] while still offline, to test them and see how they look and make sure that they link together.<br />
<br />
==Upload your web pages==<br />
The process of transferring a file from your computer to your web space (on NCF's computer) is called ''uploading''.<br />
<br />
=== How to upload files ===<br />
There are several ways to upload files, including:<br />
<br />
*'''NCF's Web File Manager''' - We suggest using NCF's "Web File Manager" (because it requires no set-up) to upload your files. Go to the [http://start.ncf.ca StartPage] and click on [https://www.ncf.ca/ncf/home/tools/fileManager.jsp Web File Manager] under 'Tools' in the right column. It is kind of basic, but you'll see simple tools for uploading files. There's an FAQ link on its page that explains how it works. <br />
<br />
'''Note''': The Web File Manager cannot transfer files larger than 2MB. For large files, use FTP.<br />
<br />
*'''File Transfer Protocol''' (FTP) - If you are using an FTP program, use the following settings:<br />
**Host Name/Address: ftp.ncf.ca (IP 172.83.172.13)<br />
**User ID: accountID<br />
**If a selection is available then choose "passive mode".<br />
<br />
===FTP clients===<br />
Some FTP clients that have been tested and work well with NCF web hosting are:<br />
<br />
;Free software<br />
*[http://filezilla-project.org/ FileZilla] for BSD, Linux, Mac OSX and Windows<br />
*[http://gftp.seul.org/ gFTP] for Linux.<br />
<br />
Notes: <br />
#Linux users should download these from their distribution repositories.<br />
#gFTP users should set ''FTP&rarr; Preferences&rarr; Preserve File Permissions&rarr; uncheck this box'', or else the uploaded files will not be able to be viewed.<br />
<br />
==== Secure FTP ====<br />
The NCF FTP server now supports TLS explicit mode. If you previously used NCF FTP to upload to your web space, you may wish to enable TLS in your client, if it is supported.<br />
<br />
If you are using FileZilla, this is as simple as changing the encryption type from "Use Plain FTP" to "Require explicit FTP over TLS".<br />
<br />
[[File:Filezilla_explicit_tls.png|400px]]<br />
<br />
If you use the FileZilla Quickconnect bar, just specify "ftpes://ftp.ncf.ca" for the Host: field:<br />
<br />
[[File:Filezilla_explicit_tls_quickconnect.png|400px]]<br />
<br />
Note: If you are using an older FTP client that only supports legacy SSL on port 990, that will not work. You must use a client that understands how to use "Explicit TLS" on port 21.<br />
<br />
==FTP certificates==<br />
The first time you connect with an FTP client, or when the certificate has been updated, you will receive a warning from your FTP client about an "unknown certificate". If the certificate date is correct and the host is ftp.ncf.ca then you can accept the certificate and continue to upload your files.<br />
<br />
[[File:FileZilla certificate warning.png|400px]]<br />
<br />
==Viewing your website on the internet==<br />
===Location of your web pages (URL)===<br />
Your web space is at '''<nowiki>https://web.ncf.ca/youraccountID</nowiki>''', where ''youraccountID'' is replaced by your NCF accountID. If you have an email alias, you can use that too. For example, if your accountID is ab123 and your email alias is 'fred', then your web space would be at:<br />
<br />
*'''<nowiki>https://web.ncf.ca/ab123</nowiki>'''<br />
<br />
and also at:<br />
<br />
*'''<nowiki>https://web.ncf.ca/fred</nowiki>'''<br />
<br />
==Validating your pages==<br />
Newly uploaded pages should be validated to make sure the coding on them is correct and will display correctly in reader's browsers. You can do this using a free online tool at:<br />
<br />
*[https://validator.w3.org/nu/ W3C validator]<br />
<br />
Just copy your page's URL into the box, hit "return" and it will test your page and list any errors that need correcting. If there are errors, fix them on the original file and then upload the newly corrected version.<br />
<br />
== Organizational Accounts at NCF ==<br />
To transfer files to your organization web space, use the following settings on your FTP program:<br />
* Host Name/Address: ftp.ncf.ca<br />
* User ID: accountID-n ('n' is a letter code assigned to the organization, usually the first letter of the directory name)<br />
<br />
Your web site will be found at:<br />
<br />
*'''<nowiki>https://yourOrg.ncf.ca</nowiki>'''<br />
<br />
== Tools for web page authors ==<br />
NCF's "comment-taker" utility provides a way for readers of your web page to send you email without you having to expose your email address to spammers. Have a look at the [http://www.ncf.ca/ncf/support/faqMaker.jsp?faq=7 Comment-Taker FAQ] for more information.<br />
<br />
==See also==<br />
*[[Website Statistics]]<br />
<br />
==External links==<br />
*[http://www.techsoup.org/support/articles-and-how-tos/nonprofits-guide-to-building-simple-low-cost-websites A Nonprofit's Guide to Building Simple, Low-Cost Websites]<br />
*[http://www.websitesthatsuck.com/ Websites That Suck] - a guide a what to avoid in website design<br />
<br />
[[Category: Web space]]</div>Al178https://help.ncf.ca/index.php?title=Publishing_Web_Pages&diff=7207Publishing Web Pages2020-09-07T04:34:25Z<p>Al178: /* Location of your web pages (URL) */</p>
<hr />
<div>Creating your own website can be a great deal of fun and a good way to share pictures, text and ideas with the whole world. All NCF accounts automatically include web space.<br />
<br />
==General==<br />
There is no limit on the size of your web space as long as there is enough space for everybody. If space becomes an issue, NCF will contact the people who use the most space.<br />
<br />
To create a website you need to do four things:<br />
<br />
# Create the web pages offline and link them together to form a website<br />
# Test your web pages offline to make sure they work<br />
# Upload them to your space on the NCF web server and then they will be visible to everyone on the internet<br />
# Validate your web pages to identify any errors<br />
<br />
==Creating web pages==<br />
When someone visits your website their browser will ask the server for the home page first, which is called ''index.html'' or ''index.htm''. If that file does not exist, the web server will display a list of the files in the directory. <br />
<br />
When you design your website make sure you create a home page and call it ''index.html'', so people visiting your website will start by seeing that page.<br />
<br />
Web pages are written in [https://en.wikipedia.org/wiki/HTML Hyper Text Markup Language] (HTML). There are basically two ways to write HTML files:<br />
<br />
# Writing them by hand <br />
# Using a WYSIWYG (What-You-See-Is-What-You-Get) HTML page creator.<br />
<br />
===Hand coding HTML===<br />
Hand coding HTML requires some skill and practice to learn, but can be quick and rewarding to do, once you have learned how. Most professionally-designed websites these days are hand-written. There are many guides available on the internet, in bookstores and libraries to help you learn to write HTML. <br />
<br />
HTML is just text, so any plain text editor can be used to write HTML by hand, although the best ones are those that offer syntax highlighting to show mistakes quickly with text colours. <br />
<br />
Some good free software text editors with syntax highlighting include:<br />
<br />
* [http://jedit.org/ jEdit] (for Windows, Mac, Linux and BSD)<br />
* [https://notepad-plus-plus.org/ NotePad++] (for Windows)<br />
<br />
===WYSIWYG HTML page creators===<br />
There are also many software applications to automate the task of making HTML pages which allow beginners to make beautiful web pages without learning how to hand code HTML. If you are designing a complex web site with many components or want to save the time learning hand coding HTML, these tools can be helpful. <br />
<br />
Commercial, proprietary web page creation software applications, like [https://en.wikipedia.org/wiki/Adobe_Dreamweaver Adobe Dreamweaver CC], can be purchased or rented by the month, but many office applications, such as word processors, can also produce documents in HTML format. To write a web page just select "save as HTML".<br />
<br />
One word processor that can do this is the free software, cross platform LibreOffice Writer:<br />
<br />
* [http://www.libreoffice.org/download/libreoffice-fresh/ LibreOffice]<br />
<br />
==Testing webpages==<br />
Once you have written your web pages, open them in your [[web browser]] while still offline, to test them and see how they look and make sure that they link together.<br />
<br />
==Upload your web pages==<br />
The process of transferring a file from your computer to your web space (on NCF's computer) is called ''uploading''.<br />
<br />
=== How to upload files ===<br />
There are several ways to upload files, including:<br />
<br />
*'''NCF's Web File Manager''' - We suggest using NCF's "Web File Manager" (because it requires no set-up) to upload your files. Go to the [http://start.ncf.ca StartPage] and click on [https://www.ncf.ca/ncf/home/tools/fileManager.jsp Web File Manager] under 'Tools' in the right column. It is kind of basic, but you'll see simple tools for uploading files. There's an FAQ link on its page that explains how it works. <br />
<br />
'''Note''': The Web File Manager cannot transfer files larger than 2MB. For large files, use FTP.<br />
<br />
*'''File Transfer Protocol''' (FTP) - If you are using an FTP program, use the following settings:<br />
**Host Name/Address: ftp.ncf.ca (IP 172.83.172.13)<br />
**User ID: accountID<br />
**If a selection is available then choose "passive mode".<br />
<br />
===FTP clients===<br />
Some FTP clients that have been tested and work well with NCF web hosting are:<br />
<br />
;Free software<br />
*[http://filezilla-project.org/ FileZilla] for BSD, Linux, Mac OSX and Windows<br />
*[http://gftp.seul.org/ gFTP] for Linux.<br />
<br />
Notes: <br />
#Linux users should download these from their distribution repositories.<br />
#gFTP users should set ''FTP&rarr; Preferences&rarr; Preserve File Permissions&rarr; uncheck this box'', or else the uploaded files will not be able to be viewed.<br />
<br />
==== Secure FTP ====<br />
The NCF FTP server now supports TLS explicit mode. If you previously used NCF FTP to upload to your web space, you may wish to enable TLS in your client, if it is supported.<br />
<br />
If you are using FileZilla, this is as simple as changing the encryption type from "Use Plain FTP" to "Require explicit FTP over TLS".<br />
<br />
[[File:Filezilla_explicit_tls.png|400px]]<br />
<br />
If you use the FileZilla Quickconnect bar, just specify "ftpes://ftp.ncf.ca" for the Host: field:<br />
<br />
[[File:Filezilla_explicit_tls_quickconnect.png|400px]]<br />
<br />
Note: If you are using an older FTP client that only supports legacy SSL on port 990, that will not work. You must use a client that understands how to use "Explicit TLS" on port 21.<br />
<br />
==FTP certificates==<br />
The first time you connect with an FTP client, or when the certificate has been updated, you will receive a warning from your FTP client about an "unknown certificate". If the certificate date is correct and the host is ftp.ncf.ca then you can accept the certificate and continue to upload your files.<br />
<br />
[[File:FileZilla certificate warning.png|400px]]<br />
<br />
==Viewing your website on the internet==<br />
===Location of your web pages (URL)===<br />
Your web space is at '''<nowiki>https://web.ncf.ca/youraccountID</nowiki>''', where ''youraccountID'' is replaced by your NCF accountID. If you have an email alias, you can use that too. For example, if your accountID is ab123 and your email alias is 'fred', then your web space would be at:<br />
<br />
*'''<nowiki>https://web.ncf.ca/ab123</nowiki>'''<br />
<br />
and also at:<br />
<br />
*'''<nowiki>https://web.ncf.ca/fred</nowiki>'''<br />
<br />
==Validating your pages==<br />
Newly uploaded pages should be validated to make sure the coding on them is correct and will display correctly in reader's browsers. You can do this using a free online tool at:<br />
<br />
*[https://validator.w3.org/nu/ W3C validator]<br />
<br />
Just copy your page's URL into the box, hit "return" and it will test your page and list any errors that need correcting. If there are errors, fix them on the original file and then upload the newly corrected version.<br />
<br />
== Organizational Accounts at NCF ==<br />
To transfer files to your organization web space, use the following settings on your FTP program:<br />
* Host Name/Address: ftp.ncf.ca<br />
* User ID: accountID-n ('n' is a letter code assigned to the organization, usually the first letter of the directory name)<br />
<br />
Your web site will be found at:<br />
<br />
*'''<nowiki>http://yourOrg.ncf.ca</nowiki>'''<br />
<br />
== Tools for web page authors ==<br />
NCF's "comment-taker" utility provides a way for readers of your web page to send you email without you having to expose your email address to spammers. Have a look at the [http://www.ncf.ca/ncf/support/faqMaker.jsp?faq=7 Comment-Taker FAQ] for more information.<br />
<br />
==See also==<br />
*[[Website Statistics]]<br />
<br />
==External links==<br />
*[http://www.techsoup.org/support/articles-and-how-tos/nonprofits-guide-to-building-simple-low-cost-websites A Nonprofit's Guide to Building Simple, Low-Cost Websites]<br />
*[http://www.websitesthatsuck.com/ Websites That Suck] - a guide a what to avoid in website design<br />
<br />
[[Category: Web space]]</div>Al178https://help.ncf.ca/index.php?title=Publishing_Web_Pages&diff=7206Publishing Web Pages2020-09-07T04:34:13Z<p>Al178: /* Location of your web pages (URL) */</p>
<hr />
<div>Creating your own website can be a great deal of fun and a good way to share pictures, text and ideas with the whole world. All NCF accounts automatically include web space.<br />
<br />
==General==<br />
There is no limit on the size of your web space as long as there is enough space for everybody. If space becomes an issue, NCF will contact the people who use the most space.<br />
<br />
To create a website you need to do four things:<br />
<br />
# Create the web pages offline and link them together to form a website<br />
# Test your web pages offline to make sure they work<br />
# Upload them to your space on the NCF web server and then they will be visible to everyone on the internet<br />
# Validate your web pages to identify any errors<br />
<br />
==Creating web pages==<br />
When someone visits your website their browser will ask the server for the home page first, which is called ''index.html'' or ''index.htm''. If that file does not exist, the web server will display a list of the files in the directory. <br />
<br />
When you design your website make sure you create a home page and call it ''index.html'', so people visiting your website will start by seeing that page.<br />
<br />
Web pages are written in [https://en.wikipedia.org/wiki/HTML Hyper Text Markup Language] (HTML). There are basically two ways to write HTML files:<br />
<br />
# Writing them by hand <br />
# Using a WYSIWYG (What-You-See-Is-What-You-Get) HTML page creator.<br />
<br />
===Hand coding HTML===<br />
Hand coding HTML requires some skill and practice to learn, but can be quick and rewarding to do, once you have learned how. Most professionally-designed websites these days are hand-written. There are many guides available on the internet, in bookstores and libraries to help you learn to write HTML. <br />
<br />
HTML is just text, so any plain text editor can be used to write HTML by hand, although the best ones are those that offer syntax highlighting to show mistakes quickly with text colours. <br />
<br />
Some good free software text editors with syntax highlighting include:<br />
<br />
* [http://jedit.org/ jEdit] (for Windows, Mac, Linux and BSD)<br />
* [https://notepad-plus-plus.org/ NotePad++] (for Windows)<br />
<br />
===WYSIWYG HTML page creators===<br />
There are also many software applications to automate the task of making HTML pages which allow beginners to make beautiful web pages without learning how to hand code HTML. If you are designing a complex web site with many components or want to save the time learning hand coding HTML, these tools can be helpful. <br />
<br />
Commercial, proprietary web page creation software applications, like [https://en.wikipedia.org/wiki/Adobe_Dreamweaver Adobe Dreamweaver CC], can be purchased or rented by the month, but many office applications, such as word processors, can also produce documents in HTML format. To write a web page just select "save as HTML".<br />
<br />
One word processor that can do this is the free software, cross platform LibreOffice Writer:<br />
<br />
* [http://www.libreoffice.org/download/libreoffice-fresh/ LibreOffice]<br />
<br />
==Testing webpages==<br />
Once you have written your web pages, open them in your [[web browser]] while still offline, to test them and see how they look and make sure that they link together.<br />
<br />
==Upload your web pages==<br />
The process of transferring a file from your computer to your web space (on NCF's computer) is called ''uploading''.<br />
<br />
=== How to upload files ===<br />
There are several ways to upload files, including:<br />
<br />
*'''NCF's Web File Manager''' - We suggest using NCF's "Web File Manager" (because it requires no set-up) to upload your files. Go to the [http://start.ncf.ca StartPage] and click on [https://www.ncf.ca/ncf/home/tools/fileManager.jsp Web File Manager] under 'Tools' in the right column. It is kind of basic, but you'll see simple tools for uploading files. There's an FAQ link on its page that explains how it works. <br />
<br />
'''Note''': The Web File Manager cannot transfer files larger than 2MB. For large files, use FTP.<br />
<br />
*'''File Transfer Protocol''' (FTP) - If you are using an FTP program, use the following settings:<br />
**Host Name/Address: ftp.ncf.ca (IP 172.83.172.13)<br />
**User ID: accountID<br />
**If a selection is available then choose "passive mode".<br />
<br />
===FTP clients===<br />
Some FTP clients that have been tested and work well with NCF web hosting are:<br />
<br />
;Free software<br />
*[http://filezilla-project.org/ FileZilla] for BSD, Linux, Mac OSX and Windows<br />
*[http://gftp.seul.org/ gFTP] for Linux.<br />
<br />
Notes: <br />
#Linux users should download these from their distribution repositories.<br />
#gFTP users should set ''FTP&rarr; Preferences&rarr; Preserve File Permissions&rarr; uncheck this box'', or else the uploaded files will not be able to be viewed.<br />
<br />
==== Secure FTP ====<br />
The NCF FTP server now supports TLS explicit mode. If you previously used NCF FTP to upload to your web space, you may wish to enable TLS in your client, if it is supported.<br />
<br />
If you are using FileZilla, this is as simple as changing the encryption type from "Use Plain FTP" to "Require explicit FTP over TLS".<br />
<br />
[[File:Filezilla_explicit_tls.png|400px]]<br />
<br />
If you use the FileZilla Quickconnect bar, just specify "ftpes://ftp.ncf.ca" for the Host: field:<br />
<br />
[[File:Filezilla_explicit_tls_quickconnect.png|400px]]<br />
<br />
Note: If you are using an older FTP client that only supports legacy SSL on port 990, that will not work. You must use a client that understands how to use "Explicit TLS" on port 21.<br />
<br />
==FTP certificates==<br />
The first time you connect with an FTP client, or when the certificate has been updated, you will receive a warning from your FTP client about an "unknown certificate". If the certificate date is correct and the host is ftp.ncf.ca then you can accept the certificate and continue to upload your files.<br />
<br />
[[File:FileZilla certificate warning.png|400px]]<br />
<br />
==Viewing your website on the internet==<br />
===Location of your web pages (URL)===<br />
Your web space is at '''<nowiki>http://web.ncf.ca/youraccountID</nowiki>''', where ''youraccountID'' is replaced by your NCF accountID. If you have an email alias, you can use that too. For example, if your accountID is ab123 and your email alias is 'fred', then your web space would be at:<br />
<br />
*'''<nowiki>https://web.ncf.ca/ab123</nowiki>'''<br />
<br />
and also at:<br />
<br />
*'''<nowiki>https://web.ncf.ca/fred</nowiki>'''<br />
<br />
==Validating your pages==<br />
Newly uploaded pages should be validated to make sure the coding on them is correct and will display correctly in reader's browsers. You can do this using a free online tool at:<br />
<br />
*[https://validator.w3.org/nu/ W3C validator]<br />
<br />
Just copy your page's URL into the box, hit "return" and it will test your page and list any errors that need correcting. If there are errors, fix them on the original file and then upload the newly corrected version.<br />
<br />
== Organizational Accounts at NCF ==<br />
To transfer files to your organization web space, use the following settings on your FTP program:<br />
* Host Name/Address: ftp.ncf.ca<br />
* User ID: accountID-n ('n' is a letter code assigned to the organization, usually the first letter of the directory name)<br />
<br />
Your web site will be found at:<br />
<br />
*'''<nowiki>http://yourOrg.ncf.ca</nowiki>'''<br />
<br />
== Tools for web page authors ==<br />
NCF's "comment-taker" utility provides a way for readers of your web page to send you email without you having to expose your email address to spammers. Have a look at the [http://www.ncf.ca/ncf/support/faqMaker.jsp?faq=7 Comment-Taker FAQ] for more information.<br />
<br />
==See also==<br />
*[[Website Statistics]]<br />
<br />
==External links==<br />
*[http://www.techsoup.org/support/articles-and-how-tos/nonprofits-guide-to-building-simple-low-cost-websites A Nonprofit's Guide to Building Simple, Low-Cost Websites]<br />
*[http://www.websitesthatsuck.com/ Websites That Suck] - a guide a what to avoid in website design<br />
<br />
[[Category: Web space]]</div>Al178https://help.ncf.ca/index.php?title=Publishing_Web_Pages&diff=7205Publishing Web Pages2020-09-04T21:25:00Z<p>Al178: /* How to upload files */</p>
<hr />
<div>Creating your own website can be a great deal of fun and a good way to share pictures, text and ideas with the whole world. All NCF accounts automatically include web space.<br />
<br />
==General==<br />
There is no limit on the size of your web space as long as there is enough space for everybody. If space becomes an issue, NCF will contact the people who use the most space.<br />
<br />
To create a website you need to do four things:<br />
<br />
# Create the web pages offline and link them together to form a website<br />
# Test your web pages offline to make sure they work<br />
# Upload them to your space on the NCF web server and then they will be visible to everyone on the internet<br />
# Validate your web pages to identify any errors<br />
<br />
==Creating web pages==<br />
When someone visits your website their browser will ask the server for the home page first, which is called ''index.html'' or ''index.htm''. If that file does not exist, the web server will display a list of the files in the directory. <br />
<br />
When you design your website make sure you create a home page and call it ''index.html'', so people visiting your website will start by seeing that page.<br />
<br />
Web pages are written in [https://en.wikipedia.org/wiki/HTML Hyper Text Markup Language] (HTML). There are basically two ways to write HTML files:<br />
<br />
# Writing them by hand <br />
# Using a WYSIWYG (What-You-See-Is-What-You-Get) HTML page creator.<br />
<br />
===Hand coding HTML===<br />
Hand coding HTML requires some skill and practice to learn, but can be quick and rewarding to do, once you have learned how. Most professionally-designed websites these days are hand-written. There are many guides available on the internet, in bookstores and libraries to help you learn to write HTML. <br />
<br />
HTML is just text, so any plain text editor can be used to write HTML by hand, although the best ones are those that offer syntax highlighting to show mistakes quickly with text colours. <br />
<br />
Some good free software text editors with syntax highlighting include:<br />
<br />
* [http://jedit.org/ jEdit] (for Windows, Mac, Linux and BSD)<br />
* [https://notepad-plus-plus.org/ NotePad++] (for Windows)<br />
<br />
===WYSIWYG HTML page creators===<br />
There are also many software applications to automate the task of making HTML pages which allow beginners to make beautiful web pages without learning how to hand code HTML. If you are designing a complex web site with many components or want to save the time learning hand coding HTML, these tools can be helpful. <br />
<br />
Commercial, proprietary web page creation software applications, like [https://en.wikipedia.org/wiki/Adobe_Dreamweaver Adobe Dreamweaver CC], can be purchased or rented by the month, but many office applications, such as word processors, can also produce documents in HTML format. To write a web page just select "save as HTML".<br />
<br />
One word processor that can do this is the free software, cross platform LibreOffice Writer:<br />
<br />
* [http://www.libreoffice.org/download/libreoffice-fresh/ LibreOffice]<br />
<br />
==Testing webpages==<br />
Once you have written your web pages, open them in your [[web browser]] while still offline, to test them and see how they look and make sure that they link together.<br />
<br />
==Upload your web pages==<br />
The process of transferring a file from your computer to your web space (on NCF's computer) is called ''uploading''.<br />
<br />
=== How to upload files ===<br />
There are several ways to upload files, including:<br />
<br />
*'''NCF's Web File Manager''' - We suggest using NCF's "Web File Manager" (because it requires no set-up) to upload your files. Go to the [http://start.ncf.ca StartPage] and click on [https://www.ncf.ca/ncf/home/tools/fileManager.jsp Web File Manager] under 'Tools' in the right column. It is kind of basic, but you'll see simple tools for uploading files. There's an FAQ link on its page that explains how it works. <br />
<br />
'''Note''': The Web File Manager cannot transfer files larger than 2MB. For large files, use FTP.<br />
<br />
*'''File Transfer Protocol''' (FTP) - If you are using an FTP program, use the following settings:<br />
**Host Name/Address: ftp.ncf.ca (IP 172.83.172.13)<br />
**User ID: accountID<br />
**If a selection is available then choose "passive mode".<br />
<br />
===FTP clients===<br />
Some FTP clients that have been tested and work well with NCF web hosting are:<br />
<br />
;Free software<br />
*[http://filezilla-project.org/ FileZilla] for BSD, Linux, Mac OSX and Windows<br />
*[http://gftp.seul.org/ gFTP] for Linux.<br />
<br />
Notes: <br />
#Linux users should download these from their distribution repositories.<br />
#gFTP users should set ''FTP&rarr; Preferences&rarr; Preserve File Permissions&rarr; uncheck this box'', or else the uploaded files will not be able to be viewed.<br />
<br />
==== Secure FTP ====<br />
The NCF FTP server now supports TLS explicit mode. If you previously used NCF FTP to upload to your web space, you may wish to enable TLS in your client, if it is supported.<br />
<br />
If you are using FileZilla, this is as simple as changing the encryption type from "Use Plain FTP" to "Require explicit FTP over TLS".<br />
<br />
[[File:Filezilla_explicit_tls.png|400px]]<br />
<br />
If you use the FileZilla Quickconnect bar, just specify "ftpes://ftp.ncf.ca" for the Host: field:<br />
<br />
[[File:Filezilla_explicit_tls_quickconnect.png|400px]]<br />
<br />
Note: If you are using an older FTP client that only supports legacy SSL on port 990, that will not work. You must use a client that understands how to use "Explicit TLS" on port 21.<br />
<br />
==FTP certificates==<br />
The first time you connect with an FTP client, or when the certificate has been updated, you will receive a warning from your FTP client about an "unknown certificate". If the certificate date is correct and the host is ftp.ncf.ca then you can accept the certificate and continue to upload your files.<br />
<br />
[[File:FileZilla certificate warning.png|400px]]<br />
<br />
==Viewing your website on the internet==<br />
===Location of your web pages (URL)===<br />
Your web space is at '''<nowiki>http://web.ncf.ca/youraccountID</nowiki>''', where ''youraccountID'' is replaced by your NCF accountID. If you have an email alias, you can use that too. For example, if your accountID is ab123 and your email alias is 'fred', then your web space would be at:<br />
<br />
*'''<nowiki>http://web.ncf.ca/ab123</nowiki>'''<br />
<br />
and also at:<br />
<br />
*'''<nowiki>http://web.ncf.ca/fred</nowiki>'''<br />
<br />
==Validating your pages==<br />
Newly uploaded pages should be validated to make sure the coding on them is correct and will display correctly in reader's browsers. You can do this using a free online tool at:<br />
<br />
*[https://validator.w3.org/nu/ W3C validator]<br />
<br />
Just copy your page's URL into the box, hit "return" and it will test your page and list any errors that need correcting. If there are errors, fix them on the original file and then upload the newly corrected version.<br />
<br />
== Organizational Accounts at NCF ==<br />
To transfer files to your organization web space, use the following settings on your FTP program:<br />
* Host Name/Address: ftp.ncf.ca<br />
* User ID: accountID-n ('n' is a letter code assigned to the organization, usually the first letter of the directory name)<br />
<br />
Your web site will be found at:<br />
<br />
*'''<nowiki>http://yourOrg.ncf.ca</nowiki>'''<br />
<br />
== Tools for web page authors ==<br />
NCF's "comment-taker" utility provides a way for readers of your web page to send you email without you having to expose your email address to spammers. Have a look at the [http://www.ncf.ca/ncf/support/faqMaker.jsp?faq=7 Comment-Taker FAQ] for more information.<br />
<br />
==See also==<br />
*[[Website Statistics]]<br />
<br />
==External links==<br />
*[http://www.techsoup.org/support/articles-and-how-tos/nonprofits-guide-to-building-simple-low-cost-websites A Nonprofit's Guide to Building Simple, Low-Cost Websites]<br />
*[http://www.websitesthatsuck.com/ Websites That Suck] - a guide a what to avoid in website design<br />
<br />
[[Category: Web space]]</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6135Login Help2018-10-01T03:32:09Z<p>Al178: </p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance).<br><br />
Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).</li><br />
<li>If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration [https://www.ncf.ca/ncf/registration/statuslogin.jsp here].</li><br />
<li>If you are not a DSL subscriber, your NCF account must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser cookies to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain '''ncf.ca'''.<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses JavaScript to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].<br />
<br />
= Get Help =<br />
<br />
* [https://www.ncf.ca/ncf/dg/index.jsp?dg=1 NCF Help Desk Discussion Group] (*requires login)<br />
* Create a support ticket with the Help Desk:<br />
** Send an [https://www.ncf.ca/ncf/support/officeMsg.jsp Office Message]<br />
** Email [mailto:support@ncf.ca support@ncf.ca]<br />
** Call [tel:613-721-1773 613-721-1773 x0]<br />
* [https://goo.gl/maps/pJSsdG5zmyz Visit the NCF Office]</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6134Login Help2018-10-01T03:25:08Z<p>Al178: /* How to enable JavaScript */</p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance).<br><br />
Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).</li><br />
<li>If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration [https://www.ncf.ca/ncf/registration/statuslogin.jsp here].</li><br />
<li>If you are not a DSL subscriber, your NCF account must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser cookies to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain '''ncf.ca'''.<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses JavaScript to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6133Login Help2018-10-01T03:24:57Z<p>Al178: /* How to enable browser cookies */</p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance).<br><br />
Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).</li><br />
<li>If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration [https://www.ncf.ca/ncf/registration/statuslogin.jsp here].</li><br />
<li>If you are not a DSL subscriber, your NCF account must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser cookies to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain '''ncf.ca'''.<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses 'JavaScript' to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6132Login Help2018-10-01T03:24:37Z<p>Al178: /* How to enable browser cookies */</p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance).<br><br />
Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).</li><br />
<li>If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration [https://www.ncf.ca/ncf/registration/statuslogin.jsp here].</li><br />
<li>If you are not a DSL subscriber, your NCF account must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser 'cookies' to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain '''ncf.ca'''.<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses 'JavaScript' to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6131Login Help2018-10-01T03:21:49Z<p>Al178: /* Why can't I log in? */</p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance).<br><br />
Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).</li><br />
<li>If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration [https://www.ncf.ca/ncf/registration/statuslogin.jsp here].</li><br />
<li>If you are not a DSL subscriber, your NCF account must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser 'cookies' to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain 'ncf.ca' (and persistent cookies if you want to save your login settings).<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses 'JavaScript' to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6130Login Help2018-10-01T03:19:44Z<p>Al178: /* Why can't I log in? */</p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance).<br><br />
Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).<br><br />
If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration [https://www.ncf.ca/ncf/registration/statuslogin.jsp here].<br><br />
If you are not a DSL subscriber, your NCF account must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser 'cookies' to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain 'ncf.ca' (and persistent cookies if you want to save your login settings).<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses 'JavaScript' to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6129Login Help2018-10-01T03:17:04Z<p>Al178: </p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance). Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).<br />
If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration here.<br />
NCF accounts must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser cookies =<br />
The NCF web site uses browser 'cookies' to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain 'ncf.ca' (and persistent cookies if you want to save your login settings).<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable JavaScript =<br />
The NCF web site uses 'JavaScript' to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Login_Help&diff=6128Login Help2018-10-01T03:16:33Z<p>Al178: Created page with "= Why can't I log in? = Some possible reasons why you might not be able to log in: <ul> <li>Your account ID and password combination might be incorrect<br> First, make sure y..."</p>
<hr />
<div>= Why can't I log in? =<br />
Some possible reasons why you might not be able to log in:<br />
<br />
<ul><br />
<li>Your account ID and password combination might be incorrect<br><br />
First, make sure you login with your NCF account ID, e.g. "ew197", and not your email alias or name (if you have forgotten your NCF account ID, please contact the NCF office for assistance). Then check that your password is correct. The password is case sensitive, so check your CAPS LOCK key (make sure the CAPS LOCK light on your keyboard is off).<br />
If you have registered recently, NCF might still be waiting for identification from you to activate your account. Check the status of your registration here.<br />
NCF accounts must be renewed annually. If your account is long overdue for renewal, it might have been deactivated. Please call the NCF office if you forgot to renew your account.</li><br />
<br />
<li>Sometimes exiting your browser (closing all browser windows) and then restarting it will solve a login problem.</li><br />
</ul><br />
<br />
= How to enable browser 'cookies' =<br />
The NCF web site uses browser 'cookies' to remember who you are as you move from one NCF page to another. Normally, browsers accept cookies by default when they are installed. Please consult the Help facility for your browser about enabling cookies.<br />
<br />
Another possibility is that you may have a firewall or 'ad blocker' preventing your browser from using cookies. For NCF's site to work, your browser must accept session cookies from the domain 'ncf.ca' (and persistent cookies if you want to save your login settings).<br />
<br />
No third-party cookies are used by NCF.<br />
<br />
= How to enable 'JavaScript' =<br />
The NCF web site uses 'JavaScript' to augment what can be done with plain HTML. Normally, browsers enable JavaScript by default when they are installed. Please consult the Help facility for your browser about enabling JavaScript. Some very old browsers do not support JavaScript, and we regret that such browsers cannot be used to browse the NCF web site.<br />
<br />
= Auto-login =<br />
As part of security upgrades to the NCF website, we have discontinued support for the auto log-in feature.<br />
<br />
To log-in to your NCF account conveniently and securely, you may consider the following:<br />
<br />
* Use browser provided password manager: [https://support.mozilla.org/en-US/kb/password-manager-remember-delete-change-and-import Firefox], [https://support.google.com/chrome/answer/95606 Chrome], [https://support.apple.com/en-ca/guide/safari/passwords-preferences-sfri40599/mac Safari], [https://support.microsoft.com/en-ca/help/17499/windows-internet-explorer-11-remember-passwords-fill-out-web-forms Internet Explorer], [https://support.microsoft.com/en-ca/help/4028534/windows-10-remember-passwords-in-microsoft-edge Edge].<br />
* Use a local, offline password manager like [https://keepass.info/ Keepass] or [https://1password.com/ 1Password].<br />
* Use an online password manager like [https://www.lastpass.com/ Lastpass], [https://keepersecurity.com/ Keeper Security], or [https://www.dashlane.com/ Dashlane].</div>Al178https://help.ncf.ca/index.php?title=Zimbra_webmail&diff=5633Zimbra webmail2018-08-10T20:43:04Z<p>Al178: </p>
<hr />
<div>:[https://www.youtube.com/zimbra ''Also see the official Zimbra tutorial videos'']<br />
[[File:ZimbraLogo.png|right]]<br />
Zimbra is a free, open source software webmail system that was developed by VMware of Palo Alto, California. In July 2013, it was sold by VMware to Telligent Systems and that company than changed its name to Zimbra, Inc. in September 2013. The webmail system continues to be actively developed.<br />
<br />
Zimbra version 7 was extensively tested at NCF during 2011 and rolled out as NCF's new e-mail system in February, 2012. Zimbra replaced the old "Messenger Express" interface which was becoming unsupportable due to its age and also which did not support modern mobile devices, such as smart phones and tablets very well. On 5 February 2015 Zimbra version 7 was replaced by version 8, with the initial deployed version 8.6.0. Zimbra 8 introduces some minor interface improvements, new themes, as well as back-end efficiencies.<br />
<br />
The Zimbra mail system provides many features not previously available at NCF. For a brief rundown of some of those features, read the [http://www.ncf.ca/ncf/home/zimbraIntro.jsp Introduction to Zimbra] page.<br />
<br />
==Accessing the Zimbra Web Client==<br />
<br />
The Zimbra Web Client can be accessed by clicking on [http://www.ncf.ca/ncf/home/zimbra.jsp Get Your NCF Webmail] on the [http://start.ncf.ca/ NCF Startpage].<br />
<br />
The standard webmail features are all there - read, reply, compose new e-mail, and manage addresses. However, Zimbra has much more to offer.<br />
<br />
There are three versions of Zimbra: <br />
<br />
;Standard<br />
:for users with slow connections such as dial-up (no spell-checking)<br />
;Advanced<br />
:for users with highspeed (with spell-checking that can be enabled at ''Preferences&rarr; Mail&rarr; Composing&rarr; Mandatory spellcheck'')<br />
;Mobile<br />
:for phones, tablets and other mobile devices using 3G and other phone networks for connection<br />
<br />
You can select between standard and advanced versions at ''Zimbra Preferences&rarr;General&rarr;Login Options''.<br />
<br />
[[File:Zimbra8_advanced_preferences_client.png|800px]]<br />
<br />
Zimbra should automatically detect mobile devices and provide the mobile version to them. If it does not detect the device, try accessing Zimbra directly at [https://mail.ncf.ca/ https://mail.ncf.ca/].<br />
<br />
[[File:Zimbra Mobile Log-in.png]]<br />
<br />
==Timing out==<br />
The NCF implementation of Zimbra is set to time out after 45 minutes of inactivity, meditated by cookies set on your computer. The time out feature is for security, so that an unattended computer won't compromise your email account.<br />
<br />
Zimbra will automatically log you out if you open it in two or more different browser tabs at the same time. Instead of doing that you can have multiple Zimbra tabs open in one browser tab, such as having several emails under composition at once and you are able to click between them.<br />
<br />
==Help files==<br />
<br />
Zimbra includes a large number of built-in help files that explain many features and how they work, which can be found at "Help".<br />
<br />
[[File:Zimbra8_help.png|800px]]<br />
<br />
==Zimbra doesn't look right==<br />
If the Zimbra webmail interface doesn't look right, with elements overlapped, "squashed", interfering with each other, or just plain don't work then the problem is likely that you are using a very old [[browser]], such as Internet Explorer 6, 7 or 8, Firefox 3 or similar old browsers. Zimbra has a modern web-standards-compliant interface and will only display properly in modern standards-compliant browsers. <br />
<br />
Zimbra has been tested and works very well in the current versions of the following browsers:<br />
<br />
{{Recommended browsers}}<br />
<br />
All of these are recommended for use with Zimbra.<br />
<br />
Testing with Internet Explorer 9, 10 and 11 has shown that these browsers don't always display properly even though Zimbra is standards compliant and IE9, 10 and 11 are supposed to be standards compliant browsers as well. According to member reports Zimbra 8 seems to work better with IE11, although it may be necessary to add https://mail.ncf.ca to "trusted sites" and also add it in ''Tools''&rarr;''Compatibility View'' as well. <br />
<br />
If you are using IE9, 10 or 11 and and Zimbra doesn't display properly do try one of the browsers listed above - they are all free downloads.<br />
<br />
===Microsoft Internet Explorer 6 and other very old browsers===<br />
If you try to sign into Zimbra with an old web browser, such as Microsoft Internet Explorer 6 (IE6), which was first released on 27 August 2001, you will get a warning page like this:<br />
<br />
[[File:Zimbra IE Warning.png]]<br />
<br />
If you proceed anyway by clicking "Skip To Webmail" you will find that it loads the "standard" version and that many features don't work, like pane resizing. Also, in our testing, trying to use features, such as adding attachments, results in the browser crashing.<br />
<br />
Zimbra in IE6:<br />
<br />
[[File:Zimbra in IE6.png]] <br />
<br />
'''NOTE:''' Due to a serious security vulnerability found on 14 February 2014 and [[Browsers#Internet_Explorer_10_and_earlier|described here]] no one should be using IE10 and earlier versions after that date.<br />
<br />
Basically IE6 is too old a browser to use with modern webpages and services, such as Zimbra. Get a newer free browser, such as:<br />
<br />
{{Recommended browsers}}<br />
<br />
===Missing Zimbra folders in Firefox===<br />
In December 2016 a new issue appeared where Zimbra's folders, usually displayed on the left side of the interface, had disappeared in Firefox. NCF's Sysadmin determined that the issue was the popular add-on, [https://www.eff.org/privacybadger Privacy Badger], that many people use with Firefox. A new version of Privacy Badger, version 2016.12.8, seemed to be the culprit here and it was reported to the developers. An update to Privacy Badger on 16 December 2016 to version 2016.12.15.1 fixed this, but if it reoccurs it can be also temporarily fixed by disabling Privacy Badger.<br />
<br />
==I can't find my messages, or I can't see the message size!==<br />
<br />
Zimbra by default groups messages into conversations, just like Google's Gmail does. This is called "By Conversation" and can be confusing to people who have not used this before. In some cases, you won't see as much detail for each message.<br />
<br />
In conversation view you can expand a conversation (collection of related e-mails) to see the individual e-mails, by just double clicking them. You can then restore them to a single conversation by clicking "Inbox" again. You can also show them by clicking on the arrow on the left side of the conversation to open the list of messages and then click the arrow again to collapse them. Conversation view actually works quite well once you get used to it.<br />
<br />
If you are having trouble with conversation view, try changing the view to the more traditional "By Message" view. <br />
<br />
Standard Client:<br />
[[File:Zimbra8_standard_mail_preferences.png|800px]]<br />
<br />
Advanced Client:<br />
[[File:Zimbra8_advanced_view.png|800px]]<br />
<br />
Message size (in KB) is now shown in Zimbra for all messages when in "by message" view and single messages when in "by conversation" view. In "by conversation" view when a conversation consists of more than one message Zimbra will show the number of messages in brackets under "size". The message sizes can easily be seen in "by conversation" view by clicking the left arrow for the conversation, which expands to show each message and its size.<br />
<br />
[[File:Zimbra8_advanced_conversation.png|800px]]<br />
<br />
==Language==<br />
Zimbra enables a number of language choices at ''Perferences&rarr;General&rarr;Login Options''.<br />
<br />
[[File:Zimbra8_advanced_language.png|800px]]<br />
<br />
==Spelling==<br />
<br />
The advanced version of Zimbra includes spell-checking, which can be selected on at ''Preferences&rarr;Mail&rarr;Composing&rarr;Mandatory spellcheck''<br />
<br />
Users with slow connections, using the standard version of Zimbra, who desire spell checking should use a [[browser]] that provides built-in spell checking, such as:<br />
<br />
{{Recommended browsers}}<br />
<br />
or basically any modern browser except Microsoft Internet Explorer and Microsoft Edge.<br />
<br />
[[File:Zimbra8_advanced_spellcheck.png|800px]]<br />
<br />
==Contact and Calendar Sync==<br />
Zimbra provides CalDAV and CardDAV services for 2-way synchronization of contacts and calendars. This allows you to benefit from network-accessible calendars viewable in the Zimbra web client while still using your favourite native clients.<br />
<br />
Examples of clients that support CalDAV (for calendar sync):<br />
* Mozilla Thunderbird (with the Lightning calender extension)<br />
* Mozilla Sunbird<br />
* Apple iCal<br />
* Apple iPhone, iPad, iPod<br />
* Evolution<br />
<br />
Unfortunately, Microsoft Outlook does not include support for CalDAV. Windows users will need to use a specialized calendar app (eg. Mozilla Sunbird), or consider switching to Mozilla Thunderbird.<br />
<br />
Examples of clients that support CardDAV (for contacts sync):<br />
* Mozilla Thunderbird (see [[Zimbra: Thunderbird Contacts]])<br />
* Apple Address Book<br />
* [[IPhone|Apple iPhone, iPad, iPod]]<br />
* Evolution<br />
<br />
===Client Configuration===<br />
Generally, the details are as follows.<br />
<br />
CardDAV URL: <pre>https://mail.ncf.ca/dav/ab123@ncf.ca/Contacts</pre><br />
<br />
CalDAV URL: <pre>https://mail.ncf.ca/dav/ab123@ncf.ca/Calendar</pre><br />
<br />
Note that the final bit of the URL is important, it denotes the name of the Contact or Calendar folder. If you have a Contact folder named "Work", the URL would be:<br />
<br />
<pre>https://mail.ncf.ca/dav/ab123@ncf.ca/Work</pre><br />
<br />
If you have a Calendar named "Soccer Practice", the URL would be:<br />
<br />
<pre>https://mail.ncf.ca/dav/ab123@ncf.ca/Soccer Practice</pre><br />
<br />
===Step-by-step Instructions===<br />
<br />
* [[Zimbra: Thunderbird Contacts]]<br />
* [[Zimbra: Thunderbird Calendar]]<br />
* [[IPhone|Apple iPhone, iPad, iPod]]<br />
<br />
==Zimbra address book==<br />
Zimbra includes an address book with no limits on the number of addresses you can enter.<br />
<br />
See [[Zimbra: Thunderbird Contacts]] for information on synchronizing lists of contacts in Thunderbird and Zimbra using the Zindus add-on for early versions of Thunderbird and the CardBook add-on for later versions of Thunderbird.<br />
<br />
===Importing contacts===<br />
Contacts can be imported into Zimbra from other e-mail clients quickly.<br />
<br />
Save the contacts from your existing e-mail client in a common Comma Separated Variable (CSV) format, such as "Outlook Contacts". To import them into Zimbra go to ''Preferences&rarr;Import/Export&rarr;Import''. From here you can click though to the CSV file, designate what type of file format it is in (ie "Outlook Contacts" format) and then which address book you want the contacts to go into, such as "Contacts".<br />
<br />
You should note that some formats work better than others. For instance if you are exporting an address book from Gmail to import it into Zimbra, do not use "Google CSV format" as it will result in all your Zimra contacts having no names attached to them. Instead, export the contacts from Gmail in "Outlook CSV Format", and then import them into Zimbra as "Outlook Contacts".<br />
<br />
[[File:Zimbra8_advanced_import.png|800px]]<br />
<br />
===Moving contacts===<br />
Every e-mail address that you exchange e-mail with will be automatically saved under "Emailed contacts". You can leave them there or transfer them to your "Contacts" address book by going to ''Address book&rarr;Emailed contacts&rarr; Check name to be move&rarr;"Move selected item" (folder with arrow icon)&rarr; select address book''.<br />
<br />
[[File:Zimbra8_advanced_contact_move.png|800px]]<br />
<br />
===Deleting contacts===<br />
To delete contacts in Zimbra just go to ''Address Book&rarr;Emailed Contacts (or Contacts)&rarr;right click'' on the desired email address and select "delete". Alternatively you can also check the contact to be deleted and then click "delete".<br />
<br />
[[File:Zimbra8_advanced_contact_delete.png|800px]]<br />
<br />
===If you don't want new contacts added to "Emailed Contacts"===<br />
By default Zimbra collects the addresses of new people who you send emails to to in "Emailed Contacts". If you don't want it to do this you can select it off at ''Preferences&rarr;Address Book&rarr;Options&rarr;uncheck: Add new contacts to "Emailed Contacts"''.<br />
<br />
If you already have collected email addresses in "Emailed Contacts", you can delete them at ''Address Book&rarr;Emailed Contacts&rarr;Ctrl+A&rarr;Delete''. You can also move all these contacts to you address book by selecting them all and them ''right click&rarr;Move&rarr;Contacts''.<br />
<br />
[[File:Zimbra8_advanced_preferences_contacts.png|800px]]<br />
<br />
===Exporting contacts===<br />
You may want to export your contacts to install them in a different mail client, such as Microsoft Outlook, or just to back them up. You can export your contacts in Comma-Separated Variable (CSV) format by going to ''Preferences&rarr;Import/Export&rarr;Export''" and then selecting what to export (contacts), format (for example ''Outlook Contacts'') and then the source ''Contacts'' or ''Emailed Contacts''. Note that the general selection of ''All Folders'' is inoperative and will produce an error "Not allowed to export from root folder for this type".<br />
<br />
[[File:Zimbra8_advanced_export.png|800px]]<br />
<br />
==Composing an e-mail with formatting==<br />
E-mails can be composed in plain text or in HTML. HTML allows underlining, bold text, changing text size and font and other formatting to be used. <br />
<br />
===Advanced version===<br />
To select HTML as your default for composing an e-mail in the advanced version of Zimbra go to ''Preferences&rarr;Mail&rarr;Composing''.<br />
<br />
[[File:Zimbra8_advanced_preferences_composing.png|800px]]<br />
<br />
===Standard version===<br />
To select HTML as your default for composing an e-mail in the standard version of Zimbra go to ''Preferences&rarr;Composing&rarr;Compose&rarr;As HTML''.<br />
<br />
[[File:Zimbra8_standard_preferences_composing.png|800px]]<br />
<br />
==Adding addresses to a message==<br />
In Zimbra addresses can be added to an outgoing e-mail message by typing the address in manually or by clicking on "To", "CC" or "Show BCC" and then "BCC", which opens your address list and allows selecting the addresses.<br />
<br />
[[File:Zimbra8_advanced_addressing.png|800px]]<br />
<br />
==Adding groups of addresses to a message==<br />
Adding a group of contacts to an e-mail is easy in Zimbra. First create a contact group, by going to ''Address Book&rarr;Emailed Contacts (or Contacts)'' and then select ''New&rarr;down arrow&rarr;Contact Group'' and complete the form to select members and name for your group. When composing an e-mail you may now select the group as if it were a single address, by clicking "To", "CC" or "BCC" in the e-mail.<br />
<br />
[[File:Zimbra8_advanced_contact_group.png|800px]]<br />
<br />
==Saving and sending drafts==<br />
Zimbra allows saving partially completed e-mails so you can work on them and send them later. When you are ready to save, just click "Save Draft". When you want to work on the e-mail again select the "Drafts" folder, double click on the e-mail and it will open for editing. When you are ready to send it just click "Send", or "Save Draft" again to continue working on it later.<br />
<br />
[[File:Zimbra8_advanced_draft.png|800px]]<br />
<br />
==Adding attachments==<br />
Adding an attachment is very simple in Zimbra. In the message composition view just click on "Add Attachment" and select where the attachment is to be added from your computer, your briefcase or your contacts. When located click "attach" and the attachment will be sent with the e-mail.<br />
<br />
Once attached, an attachment can be omitted from being sent with the e-mail by simply unchecking the attachment in the message composition view.<br />
<br />
[[File:Zimbra8_advanced_attach.png|800px]]<br />
<br />
==Requesting e-mail receipts==<br />
E-mail receipts are generally not used anymore, but Zimbra does have the capability to request receipts from the person receiving the e-mail. To enable this for a specific e-mail being composed, while editing the e-mail go to ''Options&rarr;Down Arrow&rarr;Request Read Receipt''.<br />
<br />
[[File:Zimbra8_advanced_read_receipt.png|800px]]<br />
<br />
==Using aliases==<br />
Zimbra allows sending from registered [[Email Alias]]. When composing a message simply click the down arrow under "from" and select which address Zimbra should show the message as coming from.<br />
<br />
[[File:Zimbra 8 Using aliases.png|800px]]<br />
<br />
==Using NCF disposable e-mail addresses==<br />
Disposable e-mail addresses that you create on the [http://www.ncf.ca/ncf/home/spamfilter/disposables.jsp NCF website] can then be managed in Zimbra from ''Preferences&rarr;Accounts''.<br />
<br />
[[File:Using NCF disposable e-mail addresses on Zimbra 8.png|800px]]<br />
<br />
==Have Zimbra get your e-mail from other accounts==<br />
Zimbra can get your e-mail from your Gmail, Hotmail or other POP or IMAP accounts. You can set this up at ''Preferences&rarr;Accounts&rarr;Add External Account''.<br />
<br />
Of course you can always go into your external account and just it forward your mail from there to your NCF e-mail address as well.<br />
<br />
[[File:Have Zimbra get your e-mail from other accounts on Zimbra8.png|800px]]<br />
<br />
==Have Zimbra forward your e-mail==<br />
Zimbra can forward your e-mail to your Gmail, Hotmail or other mail accounts. You can set this up at ''Preferences&rarr;Mail&rarr;Message Arrival&rarr;Forward a copy to''. You can also select "Don't keep a local copy of messages", if desired.<br />
<br />
[[File:Forward mail in Zimbra 8.png|800px]]<br />
<br />
==Changing your "from" name used in outgoing e-mail==<br />
Zimbra allows changing who the e-mail is from, so you can show only your first name, last name or any other text you like. To select this in Zimbra just go to ''Preferences&rarr;Accounts&rarr;Persona Settings'' and enter your preferred text.<br />
<br />
[[File:Changing your "from" name used in outgoing e-mail on Zimbra 8.png|800px]]<br />
<br />
==Searching==<br />
One of Zimbra's strongest features is its ability to find e-mail, people in your address book, briefcase items and other things using its built-in search function. No more manually poring though your inbox, sent message lists or trash for messages!<br />
<br />
To search for something just enter the search term (for example, an e-mail address) in the search box on any page. Select where you want to search on the pull-down menus (All Item types, Mail, Contacts, Appointments, Files and can include shared items) and then click "search".<br />
<br />
Searches you want to run again in the future can also be saved, by just clicking "save".<br />
<br />
[[File:Zimbra8_advanced_search.png|800px]]<br />
<br />
===Searching for unread messages===<br />
Zimbra makes it easy to list your unread messages.<br />
<br />
In the Zimbra mail search box enter "in:inbox is:unread" and this will show all unread messages in your inbox.<br />
<br />
You can also click on 'Save' to save the search, and call it "Inbox Unread". Next time you want this search view, I just click on "Inbox Unread" under saved searches.<br />
<br />
You can also just click on the search magnifying glass to access the Search window, and then check off the Basic Filters checkboxes to quickly filter by unread, or flagged, or whether the email has an attachment.<br />
<br />
Additionally, you can access advanced filters which provide a high level of searching power to find messages you thought you'd lost!<br />
<br />
[[File:Zimbra8_advanced_search_options.png|800px]]<br />
<br />
==Attachments==<br />
===Downloading attachments===<br />
When an e-mail arriving in Zimbra includes an attachment this may be downloaded and then opened by reading the e-mail and then in that view at the top of the e-mail, between the addresses and the text, by clicking on "Download". You can also choose to "Remove" it from the e-mail or send it to the "Briefcase" for saving or sharing.<br />
<br />
When there are multiple attachments, there will also be "Download all attachments" and "Remove all attachments" links.<br />
<br />
[[File:Zimbra8_advanced_download_attachments.png|800px]]<br />
<br />
===Zimbra indicates an attachment but the e-mail doesn't have one===<br />
Zimbra may sometimes indicate an attachment is present when the sender has embedded a small file in the e-mail, like an emoticon. When the receiver tries to locate the attachment it seems to be missing, but it is actually there, embedded in the e-mail. ;-)<br />
<br />
In the example below Zimbra shows an attachment, but the e-mail only has embedded emoticons. Also because the e-mail contains no text, the "fragment" preview feature only shows [?] for each emoticon.<br />
<br />
[[File:Zimbra indicates an attachment but the e-mail doesn't have one on Zimbra 8.png|800px]]<br />
<br />
==Saving messages==<br />
NCF provides 400 MB of storage with your e-mail account. For the average user this is probably enough for four months worth of mail, so you may want to keep some mail and delete other items. Some members have been storing mail they want to keep in their "Trash" file. The problem with doing this is trash is auto-deleted after 30 days. It may make more sense to save the e-mail that you want to keep in a new folder. <br />
<br />
New folders are easy to create, just click on the new folder icon in the folder pane, as shown and then name it and decide where to put the new folder in relation to the existing folders. The illustration below shows where to click to create a new folder and shows a new custom folder that was created called "Archive".<br />
<br />
By right clicking on any existing e-mail message you can select "Move" and send it to your new folder for safe keeping.<br />
<br />
[[File:Saving messages on Zimbra 8.png|800px]]<br />
<br />
==Exporting your e-mail==<br />
You can easily export some or all of your e-mail to your own computer, to free up space in your Zimbra account without losing your e-mail. You can export mail between certain dates this way as well.<br />
<br />
To do this go to ''Preferences&rarr; Import/Export&rarr; Account&rarr; Check Advanced settings&rarr; Mail'' and then dates as desired&rarr; ''Export''. The file will be downloaded from your browser as a .tgz archive file which can be extacted and the individual .eml e-mail files read in any text editor.<br />
<br />
[[File:Exporting email on Zimbra 8.png|800px]]<br />
<br />
==Spam handling==<br />
The current NCF implementation of Zimbra has the spam control, found at ''Preferences&rarr;Mail'', disabled so that e-mail messages will not be delivered to Junk folders, or otherwise blocked when sent through from NCF yellowmail.<br />
<br />
[[File:Spam handling on Zimbra 8.png|800px]]<br />
<br />
==Showing message headers==<br />
Headers for e-mail can give you a lot of information about where the e-mail came from, like its originating IP address. To see the raw MIME format text: mouse over the message ''title&rarr;right click&rarr;Show Original'' and the raw text and headers will open in a new text-only browser window.<br />
<br />
[[File:Zimbra8_advanced_show_original.png|800px]]<br />
<br />
==Vacation messages==<br />
Setting vacation messages is not recommended for security reasons. Complete information on this is found in the [[Tips (Email)]] article.<br />
<br />
==How much storage space are you using?==<br />
In Zimbra this is easy to see! Just "mouse-over" the place at the top where you name appears and it will display your quota and how much of it you are using, expressed in MB and as a percentage of space available.<br />
<br />
[[File:Zimbra8_advanced_usage.png|800px]]<br />
<br />
==Deleting mail==<br />
Currently NCF provides 1000 MB of storage space for your email. When you use this up you will want to delete some old and large messages to make room for newer ones. The easiest way to do this is to sort the messages in each folder by size and then delete the largest ones, normally those with lots of attachments.<br />
<br />
This is most easily accomplished by using the "Reading Pane At The Bottom" view, as it allows sorting by message size. This is the default view, but if you are using another view you can switch to this view at ''View&rarr;Reading Pane At The Bottom''.<br />
<br />
Once you have this view, sort by message size in each folder, by clicking ''Size'' and then selecting the arrow ''down'' to show largest at the top. The messages you want to delete can then be checked in the check-box on the left of the message line and deleted, by clicking ''delete''.<br />
<br />
To complete deleting email, you will need to check all the email folders you have and delete any messages desired. Mail in trash will be deleted automatically after 30 days, but to take advantage of the space freed up you will need to empty your trash right away.<br />
<br />
'''Note''': In some cases particular message threads cannot be deleted and just keep reappearing. If this occurs try changing the view from "by conversation" to "by message" and delete them in that view. Once deleted the view can be changed back.<br />
<br />
[[File:Zimbra8_advanced_sort_by_size.png|800px]]<br />
<br />
===Deleting Large Messages===<br />
It is also convenient in Zimbra 8 to access Search and search by message size.<br />
<br />
To do so:<br />
<br />
Click on the Search magnifying glass on the right of the Search box, and then click on Size... is larger than... and then type in a size, say, 1000 KB, and hit enter. Zimbra will list all messages larger than 1000KB.<br />
<br />
You may notice the search filters listed near the top, it will say something like:<br />
<br />
Found 100+ results for: in:inbox larger:1000KB <br />
<br />
If you click on the 'x' over "in:inbox" that will remove that filter. This may be helpful, if you want to find large messages across all folders, not just the inbox.<br />
<br />
[[File:Zimbra8_advanced_search_size.png|800px]]<br />
<br />
==Recovering deleted e-mail==<br />
E-mail that has been deleted from Zimbra or that has been taken off the server by a POP client can usually be recovered at ''Trash&rarr;right click&rarr;recover deleted items''.<br />
<br />
[[File:Zimbra8_advanced_recover_deleted.png|800px]]<br />
<br />
==Mini calendar==<br />
By default Zimbra shows a mini calendar in its bottom left corner. If you want to turn this off you can at ''Preferences&rarr;Calender&rarr;Always Show the Mini Calender&rarr;uncheck''.<br />
<br />
[[File:Zimbra8_advanced_minicalendar.png|800px]]<br />
<br />
==Briefcase==<br />
Zimbra allows you to share files or access your own files remotely via a briefcase. For complete information see [[Zimbra: Briefcase]].<br />
<br />
==Zimbra Limits at NCF==<br />
There are several limits you may encounter in your use of Zimbra.<br />
# '''Mail storage size''' - members are allocated 1000MB of storage. This contains all the mail and briefcase data. Members must manage their space within that limit. See [[#How much storage space are you using?|how to check your storage space.]]<br />
# '''Mail message size''' - a maximum of of 56MB per message is allowed. The actual file size of the attachment is 20-30% less as special encoding is required to send it via email. If you have large files that you wish to share, there are a number of other file sharing approaches that may be better than attachments. One of those is using the Zimbra Briefcase - see [[Zimbra: Briefcase]].<br />
# '''Sending rate''' - NCF limits the rate at which members can send out email to protect against spamming. A limit of 200 messages over a 4 hour span is in place. If you have large distribution lists that will exceed this, please contact the office - we have a solution.<br />
<br />
==I don't like the way Zimbra looks==<br />
Then change it. Zimbra 8 has 19 new colour themes you can choose from, ranging from dull and serious, to whimsical, to colourful, like the ''Hot Rod'' theme shown below. Next time you sign in Zimbra will remember your preferences and display your chosen theme.<br />
<br />
To select a new theme go to ''Preferences&rarr;General&rarr;Login Options&rarr;Theme'' and chose one from the pull-down menu. They mostly look like what they sound like.<br />
<br />
Incidentally, if you try them all and forget which one is the basic default theme, it is called ''Carbon''.<br />
<br />
[[File:Zimbra8_advanced_theme.png|800px]]<br />
<br />
==Why is it called that?==<br />
Rumour has it that Zimbra webmail and the Zimbra Collaboration Server is named for the ''Talking Heads'' song [https://en.wikipedia.org/wiki/I_Zimbra I Zimbra] ([https://www.youtube.com/watch?v=b-RDJ4Z4XrQ video]) and that the song is in turn an adaptation of Dada poet Hugo Ball's poem "Gadji beri bimba."<br />
<br />
==See also==<br />
*[http://web.ncf.ca/aw958/mail_help_files/zimbra/index.html Instructions on setting up Zimbra Desktop client for NCF email] by Graeme Beckett, NCF<br />
*[[Email blacklisting]]<br />
*[[Email]] - configuring e-mail clients for POP and other general e-mail information<br />
*[https://en.wikipedia.org/wiki/Zimbra Zimbra on Wikipedia]<br />
<br />
Other pages with information about the '''Zimbra''' mail client:<br />
<br />
* [https://www.youtube.com/zimbra Official Zimbra tutorial videos on YouTube]<br />
* [http://www.ncf.ca/ncf/home/zimbraIntro.jsp Introduction to Zimbra] - the basics and how-to screenshots<br />
* [[Zimbra: Google Calendar]] - information on using Google calendars in Zimbra<br />
* [[Zimbra: Thunderbird Calendar]] - information on importing a calendar from Zimbra to Thunderbird<br />
* [[Zimbra: Thunderbird Contacts]] - information on synchronizing lists of contacts in Thunderbird and Zimbra using the ''Zindus'' add-on for early versions of Thunderbird and the ''CardBook'' add-on for later versions of Thunderbird.<br />
* [[PlayBook|Blackberry PlayBook]] - configuring for email<br />
* [[Blackberry 10]] - configuring for email and calender<br />
* [https://mx3.ncf.ca:1443/cgi-bin/queuegraph.cgi Graph of the current NCF mail queue]<br />
<br />
==External links==<br />
*[https://www.zimbra.com/open-source-email-overview/ Official Zimbra Collaboration Server Open Source website]<br />
*[https://files.zimbra.com/website/docs/8.6/ZCS_860_OS_ReleaseNotes_UpgradeInst.pdf Zimbra 8.6 release notes]<br />
[[Category: Zimbra]]</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=5013User:Al1782018-07-25T23:08:48Z<p>Al178: Blanked the page</p>
<hr />
<div></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=5012User:Al1782018-07-25T23:08:35Z<p>Al178: Replaced content with ":'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''"</p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''</div>Al178https://help.ncf.ca/index.php?title=Misfortune_Cookie_Vulnerability&diff=4809Misfortune Cookie Vulnerability2018-07-12T18:39:13Z<p>Al178: /* Non-Upgradable Units */</p>
<hr />
<div>[[File:TP-Link TD-W8951ND.jpg|thumb|right|250px|A TP-Link TD-W8951ND modem]]<br />
This article is about the ''Misfortune Cookie'' vulnerability discovered on modem [[firmware]] in 2014, what it is and what to do about it.<br />
<br />
==Background==<br />
Each modem/router has a built-in web server that allows the modem to be configured by any computer via any browser.<br />
<br />
In December 2014 [https://en.wikipedia.org/wiki/CERT_Coordination_Center Carnegie Mellon University CERT], based on findings by researchers from Check Point’s Malware and Vulnerability Research Group, [http://www.kb.cert.org/vuls/id/561444 discovered] that some DSL modems/routers have a vulnerability that has existed in the firmware since 2002. This problem has been detected in the vulnerable versions of Allegro's RomPager that is part of the built-in web server portion of the firmware employed by many modems/routers, including some of those sold by NCF.<br />
<br />
For list of affected modem and if they are upgradable or not, continue to read this page, scroll down or check these links [[CERT-announced_vulnerability_of_TP-Link_modem/router#Upgradable_Units|Upgradable Units]] or [[CERT-announced_vulnerability_of_TP-Link_modem/router#Non-Upgradable_Units|Non-Upgradable Units]]<br />
<br />
==Vulnerability==<br />
The security vulnerability can be fixed in recent modems/routers by upgrading the firmware, replacing the web server with a newer version that does not have the security vulnerability.<br />
<br />
Older modems do not have a firmware upgrade available, so it is important to make full use of the available security measures to prevent outsiders from using the web server to re-configure the modem in some undesirable way.<br />
<br />
It is possible to access the built-in web server in two different ways:<br />
<br />
# Connect to the built-in web server from the outside, via the DSL line (WAN side). We believe that this route is closed if you are using a modem/router that has been configured by NCF - see Notes 2 & 3 below. '''Note''': we are checking if any additional 'holes' exists, and if yes, on how to plug them. One such 'hole' was identified by NCF and a fix was implemented locally.<br />
#Connect to the built-in web server from the inside (LAN side), either via your Wi-Fi network or via an Ethernet cable. We assume that you are not going to let untrusted person/s connect to your LAN via Ethernet, so in the same manner you also need to prevent them from connecting to it wirelessly. It is therefore very important that you have good security on your Wi-Fi network, with a good password. If the modem/router has been configured by NCF, it will have a good password (by default, NCF uses your NCF [[DSL password]] also for log-in and Wi-Fi).<br />
<br />
As a general rule, if your modem/router has been configured by NCF, meets the hardware/firmware criteria below, and you are sure that unknown persons cannot use your Wi-Fi network, you have pretty good security against the "Misfortune Cookie" vulnerability from the LAN side. The WAN side potential exposure is being investigated and NCF is taking every possible step to ensure your modem/router can't be exploited.<br />
<br />
==Fixes==<br />
NCF has looked into this vulnerability and '''strongly recommends''' that you perform the following steps:<br />
<br />
*Verify the hardware version - see [http://www.tp-link.com/ca/faq-46.html this TP-Link page] on how to find hardware version<br />
*If your modem/router is in the level identified by TP-Link as upgradable (8951: v5 or v6, 8816: v8), please ensure that you update the firmware ASAP, either by yourself (if you are comfortable doing so) or by contacting NCF and arranging for the update to be done for you. You'll need to bring the modem/router with its power supply to NCF. No need to bring any cables (we have those).<br />
*If your modem/router is not upgradable, NCF '''strongly recommends''' that you procure a newer modem/router, either from NCF or from a trusted store. <br />
*Alternately, Carnegie Mellon University CERT [http://www.kb.cert.org/vuls/id/561444 suggests] that units that do not have new firmware available can have their firmware replaced with [https://en.wikipedia.org/wiki/DD-WRT dd-wrt], [https://en.wikipedia.org/wiki/OpenWrt openwrt], or [https://en.wikipedia.org/wiki/List_of_wireless_router_firmware_projects others]. NCF members can do this themselves at their own risk.<br />
*Regardless of the above, the following two TP-Link articles describe recommended safe practices:<br />
**[http://www.tp-link.com/en/article/?faqid=573 How to protect your TP-LINK network devices from potential attack?]<br />
**[http://www.tp-link.com/en/article/?faqid=308 How to disable remote management function for TP-LINK ADSL modem router]<br />
<br />
==Upgradable Units==<br />
As long as you have the following hardware versions and the latest corresponding firmware versions installed, then your modem/router is not affected by the Misfortune Cookie. <br />
<br />
All firmware updates (as given [http://www.tp-link.com/lk/support/download/?pcid=203&model=&all=0 here, select your specific modem]) that state “Improved security mechanism” have port 7547 (CWMP, remote management) closed by default.<br />
<br />
*'''Sold by NCF'''<br />
**TD-W8951ND, Hardware v5: Firmware needs to be upgraded to TD-W8951ND_V5_160113 - zipped file is not longer available.<br />
**TD-8816, Hardware v8.x: Firmware needs to be upgraded to TD-8816_V8_160112 - zipped file is located [http://www.tp-link.com/res/down/soft/TD-8816(UN)_V8_160112.zip here].<br />
<br />
* '''Not sold by NCF''' - this information is shared as provided by TP-Link, no implicit or explicit NCF guarantee about its accuracy or validity:<br />
**TD-W8961ND, Hardware v4: Firmware needs to be upgraded to TD-W8961ND_V4_150630 - zipped file is not longer available.<br />
**TD-W8961ND, Hardware v3: Firmware needs to be upgraded to TD-W8961ND_V3_150707 - zipped file is not longer available.<br />
**TD-W8951ND, Hardware v6: Firmware needs to be upgraded to TD-W8951ND_V6_150522 - zipped file is located [http://www.tp-link.com/resources/software/TD-W8951ND_V6_150522.zip here]<br />
**TD-W8901N, Hardware v1: Firmware needs to be upgraded to TD-W8901N_V1_141114 - zipped file is located [http://www.tp-link.com/resources/software/TD-W8901N_V1_141114.zip here].<br />
**TD-W8901N, Hardware v2: Firmware needs to be upgraded to TD-W8901N_V2_141103 - zipped file is located [http://www.tp-link.com/resources/software/TD-W8901N_V2_141103.zip here].<br />
<br />
The firmware (FW) version can be identified and upgraded by executing the following steps:<br />
<br />
*Ensure that you have your NCF credentials on-hand '''before''' performing the upgrade<br />
*Connect your desktop or laptop to the modem/router '''via Ethernet cable''' - this should '''NOT''' be done via Wi-Fi! If you try to perform this via your Wi-Fi connection, you'll see the following message: ''ERROR: FAIL TO UPDATE! Please note that only wired connection is allowed when using firmware upgrade or RomFile backup & upgrade function.''<br />
*Launch a browser and type in the URL '''192.168.1.1''' (see [http://www.tp-link.com/en/article/?faqid=315 this TP-Link article])<br />
*'''Username: admin''', '''[[Passwords|Password: NCF DSL password]]''' (by default, NCF uses the '''NCF DSL password''' also as the '''log-in_password''' and '''Wi-Fi''' Pre-Shared Key)<br />
*Click on the '''Maintenance''' tab<br />
*Click on the '''Firmware''' tab and verify that your FW version is as indicated above. If not, [http://www.tp-link.com/en/faq-688.html follow the TP-Link upgrade instructions].<br />
<br />
==Non-Upgradable Units==<br />
*TD-W8951ND, Hardware v4: '''at risk''' - TP-Link has not issued a firmware fix<br />
*TD-8816: Hardware v7: '''at risk''' - TP-Link has not issued a firmware fix<br />
*TD-W8901G: '''at risk''' - the unit has reached end-of-life (EOL) and is no longer supported by the manufacturer. TP-Link has not issued a firmware fix<br />
*TD-8840T: '''at risk''' - TP-Link has not issued a firmware fix<br />
<br />
==Notes==<br />
<br />
# A lot of your questions can be answered on [http://www.tp-link.com/en/support/faq/?pcid=203&problem=&m=TD-W8951ND&keywords=&faqid= TP-Links FAQs], feel free to browse<br><br />
# WAN vulnerability (subject to the '''Note''' above, in the [https://www.ncf.ca/ncf/support/wiki/CERT-announced_vulnerability_of_TP-Link_modem/router#Vulnerability Vulnerability] section) is blocked from the Internet by disabling WAN access via ACL (Access Control Level) settings:<br><br />
#* Log into '''192.168.1.1''', press Enter<br />
#* Enter '''Username: admin''' & '''[[Passwords|Password: NCF DSL password]]''', click on the '''Login''' button<br />
#* Click on '''Access Management''' tab<br />
#* Verify that '''ACL: Activated''' is selected. If not, do so<br />
#* Verify that '''Interface: LAN''' is selected. If not, do so<br />
#* Click '''Save'''<br><br />
# NCF started disabling WAN access via ACL on all modems since July/August 2014. NCF also checked that '''Remote Management''' port is disabled. See [http://www.tp-link.com/en/article/?faqid=476 this TP-Link article] for further step-by-step instructions<br><br />
# LAN vulnerability is blocked from the LAN by using a strong Wi-Fi password (NCF applies the NCF_DSL_password here). If your Wi-Fi is open (where, in like many public Wi-Fi access places, no password is required to connect), then your modem is open to attack. We strongly advise that you implement '''Authentication Type: WPA-PSK/WPA2-PSK''' with '''Encryption: TKIP/AES''' to secure your Wi-Fi network with the highest available settings<br />
<br />
==External links==<br />
*[http://mis.fortunecook.ie/misfortune-cookie-suspected-vulnerable.pdf List of vulnerable modems]<br />
<br />
[[Category:DSL]]<br />
[[Category:Privacy and Security]]</div>Al178https://help.ncf.ca/index.php?title=Main_Page&diff=4720Main Page2018-06-22T21:10:59Z<p>Al178: </p>
<hr />
<div>== Quick links ==<br />
* [[CERT-announced vulnerability of TP-Link modem/router]]<!-- Admin: Do not delete this, keep this section indefinitely! --><br />
* [[Special:AllPages|A list of all pages on the NCF Help Wiki]]<br />
* [[Special:Categories|A list of all page categories]]<br />
<br />
==Popular topics==<br />
[[File:Internet-mail openclipart.png|link=:Category:Email|150px]]<br />
[[File:Telephone receiver 02 openclipart.png|link=:Category:Dial-up|150px]]<br />
[[File:TD-W8901G-02.jpg|link=:Category:DSL|150px]]<br />
*[[NCF DSL Rates]]<br />
*[[Alternatives to DSL]]<br />
*[[Browsers]]<br />
*[[Computer Help]]<br />
*[[Modem manuals (DSL)]]<br />
*[[Troubleshooting (DSL)]]<br />
*[[Privacy and Security Updates]]<br />
*[[Using Windows safely]]<br />
*[[Zimbra]] - NCF's webmail system<br />
<br />
==New articles==<br />
*[[All in One - System Rescue Toolkit]]<br />
*[[Puppy Linux]]<br />
*[[Best Of Free Windows Software]]<br />
*[[Xubuntu]]<br />
*[[Ubuntu]]<br />
*[[Privacy and Security Updates]]<br />
*[[KRACK Vulnerability]]<br />
*[[Lubuntu]]<br />
*[[How to make a one time payment on your NCF account]]</div>Al178https://help.ncf.ca/index.php?title=Main_Page&diff=4719Main Page2018-06-22T21:10:36Z<p>Al178: </p>
<hr />
<div>=== Quick links ===<br />
* [[CERT-announced vulnerability of TP-Link modem/router]]<!-- Admin: Do not delete this, keep this section indefinitely! --><br />
* [[Special:AllPages|A list of all pages on the NCF Help Wiki]]<br />
* [[Special:Categories|A list of all page categories]]<br />
<br />
==Popular topics==<br />
[[File:Internet-mail openclipart.png|link=:Category:Email|150px]]<br />
[[File:Telephone receiver 02 openclipart.png|link=:Category:Dial-up|150px]]<br />
[[File:TD-W8901G-02.jpg|link=:Category:DSL|150px]]<br />
*[[NCF DSL Rates]]<br />
*[[Alternatives to DSL]]<br />
*[[Browsers]]<br />
*[[Computer Help]]<br />
*[[Modem manuals (DSL)]]<br />
*[[Troubleshooting (DSL)]]<br />
*[[Privacy and Security Updates]]<br />
*[[Using Windows safely]]<br />
*[[Zimbra]] - NCF's webmail system<br />
<br />
==New articles==<br />
*[[All in One - System Rescue Toolkit]]<br />
*[[Puppy Linux]]<br />
*[[Best Of Free Windows Software]]<br />
*[[Xubuntu]]<br />
*[[Ubuntu]]<br />
*[[Privacy and Security Updates]]<br />
*[[KRACK Vulnerability]]<br />
*[[Lubuntu]]<br />
*[[How to make a one time payment on your NCF account]]</div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Sidebar&diff=4718MediaWiki:Sidebar2018-06-22T21:08:34Z<p>Al178: </p>
<hr />
<div>* navigation<br />
** mainpage|mainpage-description<br />
** Category:DSL|DSL<br />
** Category:Email|Email<br />
** Category:Account & Membership|Account & Membership<br />
** Category:Web space|Web space<br />
** Category:Dial-up|Dial-up<br />
** randompage-url|randompage<br />
** recentchanges-url|recentchanges<br />
** Special:Categories|Categories<br />
** Special:AllPages|All pages<br />
** portal-url|portal<br />
** currentevents-url|currentevents<br />
** helppage|Wiki help<br />
* SEARCH<br />
* TOOLBOX<br />
* LANGUAGES</div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Sidebar&diff=4717MediaWiki:Sidebar2018-06-22T21:08:05Z<p>Al178: </p>
<hr />
<div>* navigation<br />
** mainpage|mainpage-description<br />
** Category:DSL|DSL<br />
** Category:Email|Email<br />
** Category:Account & Membership|Account & Membership<br />
** Category:Web space|Web space<br />
** Category:Dial-up|Dial-up<br />
** randompage-url|randompage<br />
** recentchanges-url|recentchanges<br />
** Special:Categories|Categories<br />
** Special:AllPages|All pages<br />
** portal-url|portal<br />
** currentevents-url|currentevents<br />
** helppage|Wiki help<br />
** Special:UserLogin|Login<br />
* SEARCH<br />
* TOOLBOX<br />
* LANGUAGES</div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Sidebar&diff=4716MediaWiki:Sidebar2018-06-22T21:07:05Z<p>Al178: </p>
<hr />
<div>* navigation<br />
** mainpage|mainpage-description<br />
** Category:DSL|DSL<br />
** Category:Email|Email<br />
** Category:Account & Membership|Account & Membership<br />
** Category:Web space|Web space<br />
** Category:Dial-up|Dial-up<br />
** randompage-url|randompage<br />
** recentchanges-url|recentchanges<br />
** Special:Categories|Categories<br />
** Special:AllPages|All pages<br />
** portal-url|portal<br />
** currentevents-url|currentevents<br />
** helppage|Wiki help<br />
** Special:UserLogin<br />
* SEARCH<br />
* TOOLBOX<br />
* LANGUAGES</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4634User:Al1782018-06-20T23:40:36Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle ncfcenter">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="ncfcenter"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle ncfcenter">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle ncfcenter">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle ncfcenter">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4633User:Al1782018-06-20T23:38:44Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle ncfcenter">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="ncfcenter"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4632User:Al1782018-06-20T23:37:33Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle ncfcenter">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4631MediaWiki:Common.css2018-06-20T23:37:17Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfcenter {<br />
text-align: center;<br />
}<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfboxborder {<br />
border: solid #aaaaaa 1px;<br />
}<br />
<br />
.ncfbox {<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
padding: 0.4em;<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
padding: 0.2em 0.4em;<br />
}</div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4630MediaWiki:Common.css2018-06-20T23:36:05Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfboxborder {<br />
border: solid #aaaaaa 1px;<br />
}<br />
<br />
.ncfbox {<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
padding: 0.4em;<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
padding: 0.2em 0.4em;<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4629User:Al1782018-06-20T23:35:36Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle center">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4628MediaWiki:Common.css2018-06-20T23:34:52Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfboxborder {<br />
border: solid #aaaaaa 1px;<br />
}<br />
<br />
.ncfbox {<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4627User:Al1782018-06-20T23:29:02Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25 ncfboxborder"><br />
<div class="ncfboxtitle center">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4626MediaWiki:Common.css2018-06-20T23:28:41Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfboxborder {<br />
border: solid darkgrey 1px;<br />
}<br />
<br />
.ncfbox {<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4625User:Al1782018-06-20T23:24:56Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle center">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4624MediaWiki:Common.css2018-06-20T23:18:06Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfbox {<br />
border: solid darkgrey 1px;<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4623User:Al1782018-06-20T23:17:48Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<hr><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4622User:Al1782018-06-20T23:17:26Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[Main_Page|Centered Page Link]]<br />
</div><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4621User:Al1782018-06-20T23:16:02Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[www.ncf.ca External Link]<br />
</div><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4620User:Al1782018-06-20T23:15:51Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[External Link]<br />
</div><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4619User:Al1782018-06-20T23:13:50Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
[[External Link]]<br />
</div><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4618User:Al1782018-06-20T23:13:28Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<div class="center"><br />
<a href="#">External Link</a><br />
</div><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4617User:Al1782018-06-20T23:11:48Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 4</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 3</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4616User:Al1782018-06-20T23:11:27Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-25"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4615MediaWiki:Common.css2018-06-20T23:10:30Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfbox {<br />
border: solid darkgrey 1px;<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}<br />
<br />
<br />
/* Mediawiki Main Page Styles /*<br />
<br />
.mainpage_topbox {<br />
background: #f9f9f9;<br />
margin: 1em 0;<br />
}<br />
<br />
.mainpage_layouttable {<br />
border: 0;<br />
margin: 0;<br />
width: 100%;<br />
border-spacing: 10px;<br />
}<br />
.mainpage_layouttable * > tr > td {<br />
vertical-align: top;<br />
}<br />
<br />
.mainpage_boxtitle {<br />
font-size: 105%;<br />
padding: 0.4em;<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.mainpage_pagetitle {<br />
color: #cf7606;<br />
font-size: 200%;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_sitelinks {<br />
padding: 0.2em;<br />
text-align: center;<br />
background-color: white;<br />
font-weight: bold;<br />
}<br />
<br />
.mainpage_hubtitle {<br />
text-align: center;<br />
}<br />
<br />
.mainpage_boxcontents {<br />
background: #ffffff;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_boxcontents_small {<br />
font-size: 95%;<br />
}<br />
<br />
.mainpage_boxcontents_title {<br />
display: block;<br />
border-bottom: 1px solid #AAA;<br />
margin-bottom: 0.5em;<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: larger;<br />
}<br />
<br />
.mainpage_middleblock .mainpage_hubbox {<br />
width: 33%;<br />
}<br />
<br />
.mainpage_hubbox, .mainpage_topbox {<br />
padding: 0;<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.mainpage_newscell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);<br />
background-repeat: no-repeat;<br />
background-position: 99% 0.3em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_downloadcell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);<br />
background-repeat: no-repeat;<br />
background-position: 96% 0.33em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_opportunitiescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_featuredpagescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_mwtitle {<br />
color: #005288;<br />
}<br />
<br />
.mainpage_notice {<br />
background: #f9f9f9;<br />
border: 1px solid #aaaaaa;<br />
margin: 0.2em 10px 10px;<br />
padding:0.2em 0.4em;<br />
text-align: center;<br />
font-size: 125%<br />
}<br />
<br />
.mainpage_row2,<br />
.mainpage_row3 {<br />
/*display: -webkit-box;*/<br />
/*display: -moz-box;*/<br />
/*display: -ms-flexbox;*/<br />
/*display: -webkit-flex;*/<br />
display: flex;<br />
<br />
flex-flow: row wrap;<br />
<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
width: 32%;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0<br />
}<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
}<br />
.mainpage_row3 .mainpage_downloadcell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
.mainpage_row3 .mainpage_newscell {<br />
flex: 6 0 20em;<br />
margin-left: 1em; <br />
}<br />
.mainpage_row3 .mainpage_opportunitiescell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0;<br />
}<br />
}<br />
@media screen and (max-width: 55em) {<br />
.mainpage_row3 .mainpage_newscell {<br />
order: -1;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
/*<br />
This is the CSS for all skins (for all users) on MediaWiki.org.<br />
<br />
SECTIONS:<br />
1. Indication of namespaces<br />
2. Color classes for content<br />
3. Special pages<br />
4. Main page styling<br />
5. Wikitables, warnings, and other such stylings<br />
6. Templates<br />
7. Some other small things<br />
*/<br />
<br />
/**<br />
* 1. INDICATION OF NAMESPACES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* #content for Vector and Monobook, #mw-content for Timeless */<br />
<br />
/* NS Project + Project_talk (light sky blue) */<br />
.action-view.ns-4 #content, .action-view.ns-4 #mw-content,<br />
.action-view.ns-5 #content, .action-view.ns-5 #mw-content { background-color: #f8fcff; }<br />
.action-view.ns-4 div.thumb,<br />
.action-view.ns-5 div.thumb { border-color: #f8fcff; }<br />
<br />
/* NS MediaWiki + MediaWiki_talk (light grey) */<br />
.action-view.ns-8 #content, .action-view.ns-8 #mw-content,<br />
.action-view.ns-9 #content, .action-view.ns-9 #mw-content { background-color: #f4f4f4; }<br />
.action-view.ns-8 div.thumb,<br />
.action-view.ns-9 div.thumb { border-color: #f4f4f4; }<br />
<br />
/* NS Manual + Manual_talk (light bluish violet) */<br />
.action-view.ns-100 #content, .action-view.ns-100 #mw-content,<br />
.action-view.ns-101 #content, .action-view.ns-101 #mw-content { background-color: #f3f3ff; }<br />
.action-view.ns-100 div.thumb,<br />
.action-view.ns-101 div.thumb { border-color: #f3f3ff; }<br />
<br />
/* NS Help (but NOT Help_talk) (Public Domain icon) */<br />
.action-view.ns-12 #bodyContent {<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);<br />
background-repeat: no-repeat;<br />
/* @noflip */ background-position: right 5em;<br />
}<br />
<br />
/**<br />
* 2. COLOR CLASSES FOR CONTENT<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Border colors */<br />
.borderc1 { border-color: #e9e9e9; border-width: thin; }<br />
.borderc2 { border-color: #aaaaaa; border-width: thin; }<br />
.borderc3 { border-color: #777777; border-width: thin; }<br />
.borderc4 { border-color: #000000; border-width: thin; }<br />
.borderc5 { border-color: #c00000; border-width: thin; }<br />
.borderc6 { border-color: #025e9d; border-width: thin; }<br />
.borderc7 { border-color: #008040; border-width: thin; }<br />
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */<br />
<br />
/* Background colors */<br />
.backgroundc1 { background-color: #ffffff; } /* Used by [[Template:Welcome]]. */<br />
.backgroundc2 { background-color: #f9f9f9; }<br />
.backgroundc3 { background-color: #eeeeee; }<br />
.backgroundc4 { background-color: #e0e0e0; }<br />
.backgroundc5 { background-color: #d2d2d2; }<br />
.backgroundc6 { background-color: #b7b7b7; }<br />
.backgroundc7 { background-color: #a3a3a3; }<br />
.backgroundc8 { background-color: #444455; }<br />
<br />
/**<br />
* 3. SPECIAL PAGES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Consistent special page navigation */<br />
.SpecialPageInfo {<br />
background-color: #f9f9f9;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);<br />
background-position: 0.8em 0.5em;<br />
background-repeat: no-repeat;<br />
padding: 0.3em 0.5em 0.3em 5.0em;<br />
border-color: #025e9d;<br />
border-width: 1px;<br />
border-style: solid;<br />
border-bottom-width: medium;<br />
margin-bottom: 1em;<br />
}<br />
<br />
.mw-viewprevnext {<br />
display: block;<br />
border: 1px solid #cccccc;<br />
background-color: #f9f9f2;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
/*<br />
* Hide elements on the main page. <br />
*/<br />
.page-MediaWiki #lastmod,<br />
.page-MediaWiki #siteSub,<br />
.page-MediaWiki #contentSub,<br />
.page-MediaWiki .subtitle,<br />
.page-MediaWiki #jump-to-nav,<br />
.page-MediaWiki .firstHeading {<br />
display: none;<br />
}<br />
<br />
/**<br />
* 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Custom h* styles (blue headings) */<br />
.wikitable td.hl3,<br />
.wikitable th.hl3 {<br />
background-color: #8da7d6;<br />
}<br />
.wikitable td.hl1,<br />
.wikitable th.hl1 {<br />
background: #c5d8fc;<br />
}<br />
.wikitable td.hl2,<br />
.wikitable th.hl2 {<br />
background: #a7c1f2;<br />
}<br />
<br />
/* Make entire table valign=top, to replace the |valign=top| on every cell. */<br />
.vatop tr,<br />
tr.vatop,<br />
.vatop td,<br />
.vatop th {<br />
vertical-align: top;<br />
}<br />
<br />
/* General purpose "pretty (data) tables" */<br />
table.datatable tr:hover {<br />
background-color: #a7d7f9;<br />
}<br />
<br />
/* SideBox styling */<br />
div.sideBox {<br />
position: relative;<br />
float: right;<br />
background: white;<br />
margin-left: 1em;<br />
border: 1px solid gray;<br />
padding: 0.3em;<br />
width: 200px;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
div.sideBox dl {<br />
padding: 0;<br />
margin: 0 0 0.3em 0;<br />
font-size: 96%;<br />
}<br />
div.sideBox dl dt {<br />
background: none;<br />
margin: 0.4em 0 0 0;<br />
}<br />
div.sideBox dl dd {<br />
margin: 0.1em 0 0 1.1em;<br />
background-color: #f3f3f3;<br />
}<br />
<br />
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */<br />
.majorwarning {<br />
background: yellow;<br />
padding: 0.3em;<br />
text-align: center;<br />
font-size: 125%;<br />
border: 2px solid red;<br />
}<br />
<br />
/* Page headings used throughout the wiki (though not very much at the time of writing…) */<br />
.page-notice,<br />
.page-warning {<br />
border-width: 1px;<br />
border-style: solid;<br />
padding: 0.3em 0.5em;<br />
margin-bottom: 1em;<br />
width: 95%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
text-align: center;<br />
}<br />
<br />
/* Informative notices at the top of pages (blue) */<br />
.page-notice {<br />
background-color: #f9f9f9;<br />
border-color: #025e9d;<br />
text-align: left;<br />
}<br />
<br />
/* Warning information at the top of pages (red) */<br />
.page-warning {<br />
background-color: #ffffff;<br />
border-color: #c51919;<br />
border-width: 2px;<br />
}<br />
.pw-head {<br />
color: #c51919;<br />
font-weight: bold;<br />
}<br />
<br />
/**<br />
* Code conventions examples<br />
* Usage: [[mw:CC/JS]], [[mw:CC/CSS]]<br />
* <syntaxhighlight lang=".." class="tpl-code-positive"></syntaxhighlight><br />
*/<br />
.tpl-code-positive.mw-highlight pre,<br />
.tpl-code-negative.mw-highlight pre {<br />
/* Reset default browser margin of pre (usually margin: 1em 0;)<br />
to be all around */<br />
margin: 1em;<br />
}<br />
/* Use a double selector to override mw-highlight default background color */<br />
.tpl-code-positive.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #00af89;<br />
}<br />
.tpl-code-negative.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #d33;<br />
}<br />
<br />
/**<br />
* 6. TEMPLATES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* [[Template:Extension]], [[Template:Skin]] */<br />
.tpl-infobox {<br />
border: 2px solid #aaaaaa;<br />
width: 280px;<br />
/* @noflip */ clear: right;<br />
/* @noflip */ float: right;<br />
margin: 0 0 0.5em 0.5em;<br />
border-collapse: collapse;<br />
background-color: white;<br />
}<br />
.tpl-infobox td {<br />
border: 2px none #aaaaaa;<br />
padding: 0.2em 0.5em;<br />
border-bottom: 1px solid #f0f0f0 !important;<br />
}<br />
.tpl-infobox-header {<br />
background-color: #aaaaaa;<br />
color: white;<br />
text-align: left;<br />
}<br />
.tpl-infobox-header td {<br />
padding-top: 0.5em;<br />
}<br />
.ext-infobox-header img {<br />
padding: 0 0.2em 0 0.5em;<br />
}<br />
.ext-status-unstable,<br />
.ext-status-unstable td {<br />
border-color: #990000;<br />
}<br />
.ext-status-unstable .ext-infobox-header {<br />
background-color: #990000;<br />
color: #ffff00;<br />
}<br />
.ext-status-experimental,<br />
.ext-status-experimental td {<br />
border-color: #ff4500;<br />
}<br />
.ext-status-experimental .ext-infobox-header {<br />
background-color: #ff4500;<br />
}<br />
.ext-status-beta,<br />
.ext-status-beta td {<br />
border-color: #ffba01;<br />
}<br />
.ext-status-beta .ext-infobox-header {<br />
background-color: #ffba01;<br />
}<br />
.ext-status-stable,<br />
.ext-status-stable td {<br />
border-color: #32cd32;<br />
}<br />
.ext-status-stable .ext-infobox-header {<br />
background-color: #32cd32;<br />
}<br />
.ext-status-unmaintained,<br />
.ext-status-unmaintained td {<br />
border-color: #8b4513;<br />
}<br />
.ext-status-unmaintained .ext-infobox-header {<br />
background-color: #8b4513;<br />
}<br />
.ext-status-magic,<br />
.ext-status-magic td {<br />
border-color: #fe57a1;<br />
}<br />
.ext-status-magic .ext-infobox-header {<br />
color: #000;<br />
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;<br />
}<br />
.ext-status-magic .ext-infobox-header img {<br />
visibility: hidden;<br />
padding-right: 1em;<br />
}<br />
.skin-infobox,<br />
.skin-infobox td {<br />
border-color: #a7d7f9;<br />
}<br />
.skin-infobox-header {<br />
color: #000;<br />
background: #e2f4ff;<br />
}<br />
<br />
/* [[Template:See also]], [[Template:rellink]] etc. */<br />
.rellink,<br />
.dablink,<br />
.mw-tpl-rellink {<br />
font-style: italic;<br />
padding-bottom: 0.4em;<br />
padding-left: 0;<br />
margin-bottom: 0.4em;<br />
color: #555;<br />
border-bottom: 1px solid #ccc;<br />
}<br />
<br />
/* [[Template:Note]] */<br />
.tip,<br />
.note {<br />
padding: 0.5em;<br />
margin: 0.5em 0;<br />
overflow: hidden;<br />
background-color: #F9F9F9;<br />
/* @noflip */ background-position: left 7px top 50%;<br />
background-repeat: no-repeat;<br />
border: 1px solid #DDD;<br />
}<br />
.tip-info,<br />
.note-info {<br />
background-color: #F0F0E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);<br />
border-color: #cc9933;<br />
/* @noflip */ padding-left: 40px;<br />
min-height: 28px;<br />
}<br />
.tip-reminder,<br />
.note-reminder {<br />
background-color: #F6FDEA;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);<br />
border-color: #D6E434;<br />
min-height: 28px;<br />
}<br />
.tip-error,<br />
.note-error {<br />
background-color: #F0E7E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);<br />
border-color: #cc3333;<br />
min-height: 25px;<br />
}<br />
<br />
/* [[Template:Notice]] */<br />
.block-note {<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);<br />
background-repeat: no-repeat;<br />
}<br />
/*<br />
* Using block-contents in the hope that it can apply to all block-level warning templates,<br />
* with different images applied as backgrounds to the wrapping DIV.<br />
*/<br />
.block-contents {<br />
display: block;<br />
padding-left: 20px;<br />
}<br />
<br />
/* [[Template:Documentation]] */<br />
.template-documentation {<br />
clear: both;<br />
margin: 1em 0 0 0;<br />
border: 1px solid #aaa;<br />
background-color: #ecfcf4;<br />
padding: 5px;<br />
}<br />
<br />
/* [[Template:Navbox]] */<br />
.navbox {<br />
/* Navbox container style */<br />
border: 1px solid #aaa;<br />
width: 100%;<br />
margin: auto;<br />
clear: both;<br />
font-size: 88%;<br />
text-align: center;<br />
padding: 1px;<br />
}<br />
.navbox-inner,<br />
.navbox-subgroup {<br />
width: 100%;<br />
}<br />
table.navbox + table.navbox {<br />
/* Single pixel border between adjacent navboxes */<br />
margin-top: -1px;<br />
/* (doesn't work for IE6, but that's okay) */<br />
}<br />
.navbox th,<br />
.navbox-title,<br />
.navbox-abovebelow {<br />
text-align: center;<br />
/* Title and above/below styles */<br />
padding-left: 1em;<br />
padding-right: 1em;<br />
}<br />
th.navbox-group {<br />
/* Group style */<br />
white-space: nowrap;<br />
/* @noflip */<br />
text-align: right;<br />
}<br />
.navbox,<br />
.navbox-subgroup {<br />
background: #fdfdfd;<br />
}<br />
.navbox-list {<br />
/* Must match background color */<br />
border-color: #fdfdfd;<br />
}<br />
.navbox th,<br />
.navbox-title {<br />
/* Level 1 color */<br />
background: #ccccff;<br />
}<br />
.navbox-abovebelow,<br />
th.navbox-group,<br />
.navbox-subgroup .navbox-title {<br />
/* Level 2 color */<br />
background: #ddddff;<br />
}<br />
.navbox-subgroup .navbox-group,<br />
.navbox-subgroup .navbox-abovebelow {<br />
/* Level 3 color */<br />
background: #e6e6ff;<br />
}<br />
.navbox-even {<br />
/* Even row striping */<br />
background: #f7f7f7;<br />
}<br />
.navbox-odd {<br />
/* Odd row striping */<br />
background: transparent;<br />
}<br />
.navbox .hlist td dl,<br />
.navbox .hlist td ol,<br />
.navbox .hlist td ul,<br />
.navbox td.hlist dl,<br />
.navbox td.hlist ol,<br />
.navbox td.hlist ul {<br />
/* Adjust hlist padding in navboxes */<br />
padding: 0.125em 0;<br />
}<br />
.navbox .hlist dd,<br />
.navbox .hlist dt,<br />
.navbox .hlist li {<br />
/* Nowrap list items in navboxes */<br />
white-space: nowrap;<br />
/* IE < 8 no-wraps entire list, so disable it */<br />
white-space: normal !ie;<br />
}<br />
.navbox .hlist dd dl,<br />
.navbox .hlist dt dl,<br />
.navbox .hlist li ol,<br />
.navbox .hlist li ul {<br />
/* But allow parent list items to be wrapped */<br />
white-space: normal;<br />
}<br />
ol + table.navbox,<br />
ul + table.navbox {<br />
/* Prevent lists from clinging to navboxes */<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* [[Template:Navbar]] */<br />
.navbar {<br />
display: inline;<br />
font-size: 88%;<br />
font-weight: normal;<br />
}<br />
.navbar ul {<br />
display: inline;<br />
white-space: nowrap;<br />
}<br />
.navbar li {<br />
word-spacing: -0.125em;<br />
}<br />
/* Navbar styling when nested in navbox */<br />
.navbox .navbar {<br />
display: block;<br />
font-size: 100%;<br />
}<br />
.navbox-title .navbar {<br />
/* @noflip */<br />
float: left;<br />
/* @noflip */<br />
text-align: left;<br />
/* @noflip */<br />
margin-right: 0.5em;<br />
width: 6em;<br />
}<br />
/* [[Template:Cmd]] */<br />
.cmd:before {<br />
content: "$ ";<br />
color: #246;<br />
}<br />
<br />
/**<br />
* 7. SOME OTHER SMALL THINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Allow people to optionally wrap lines in source listings */<br />
div.wrapPreLines pre {<br />
white-space: pre-wrap;<br />
}<br />
<br />
/* Give a bit of space to the TOC */<br />
#toc {<br />
margin: 1em 0;<br />
}<br />
<br />
/*<br />
* Allow limiting of which header levels are shown in a TOC;<br />
* <div class="toclimit-3">, for instance, will limit to<br />
* showing ==headings== and ===headings=== but no further.<br />
* Used in [[Template:TOC]]<br />
*/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
<br />
/* make the list of references look smaller and highlight clicked reference in blue */<br />
ol.references {<br />
font-size: 100%;<br />
}<br />
.references-small {<br />
font-size: 90%;<br />
}<br />
ol.references > li:target {<br />
background-color: #ddeeff;<br />
}<br />
sup.reference:target {<br />
background-color: #ddeeff;<br />
}<br />
<br />
<br />
/*<br />
* Styling for links generated by [[MediaWiki:Edittools]]<br />
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling<br />
* @updated 2012-02-29<br />
*/<br />
.mw-charinsert-buttons {<br />
margin-top: 10px;<br />
border: 1px solid #aaaaaa;<br />
padding: 1px;<br />
text-align: center;<br />
font-size: 110%;<br />
}<br />
.mw-charinsert-buttons a {<br />
color: black;<br />
background-color: #cde !important;<br />
font-weight: bold;<br />
font-size: .9em;<br />
text-decoration: none;<br />
border: thin #069 outset;<br />
padding: 0 .1em .1em;<br />
}<br />
.mw-charinsert-buttons a:hover,<br />
.mw-charinsert-buttons a:active {<br />
background-color: #bcd;<br />
border-style: inset;<br />
}<br />
.client-js .mw-edittools-section {<br />
display: inline;<br />
}<br />
.client-js .mw-edittools-section input[type="button"] {<br />
font-size: 0.9em;<br />
padding-left: 1px;<br />
padding-right: 1px;<br />
margin-left: 1px;<br />
}<br />
<br />
/* from [[User:Splarka/Help:Linked images]] */<br />
.imagelink_wikilogo a {<br />
width: 135px;<br />
height: 135px;<br />
display: block;<br />
text-decoration: none;<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);<br />
}<br />
<br />
/*<br />
* Infoboxes<br />
*/<br />
.infobox {<br />
float: right;<br />
clear: right;<br />
margin-bottom: 0.5em;<br />
margin-left: 1em;<br />
padding: 0.2em;<br />
border: 1px solid #AAA;<br />
background: #F9F9F9;<br />
color: black;<br />
}<br />
<br />
.infobox td,<br />
.infobox th {<br />
vertical-align: top;<br />
}<br />
<br />
.infobox caption {<br />
margin-left: inherit;<br />
font-size: larger;<br />
}<br />
<br />
.infobox.bordered {<br />
border-collapse: collapse;<br />
}<br />
<br />
.infobox.bordered td,<br />
.infobox.bordered th {<br />
border: 1px solid #AAA;<br />
}<br />
<br />
.infobox.bordered .borderless td,<br />
.infobox.bordered .borderless th {<br />
border: 0;<br />
}<br />
<br />
/*<br />
* Apparently the namespaces parameter<br />
* for inputbox forces a checkbox.<br />
* Let's hide it in the API sidebar<br />
*/<br />
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],<br />
#mw-inputbox-ns104 {<br />
display: none;<br />
}<br />
<br />
/* Testing for code review */<br />
div.mw-wordcloud {<br />
width: 100%;<br />
text-align: justify;<br />
}<br />
<br />
.mw-wordcloud-size-1 {<br />
color: #222;<br />
font-size: 2.4em;<br />
}<br />
.mw-wordcloud-size-2 {<br />
color: #333;<br />
font-size: 2.2em;<br />
}<br />
.mw-wordcloud-size-3 {<br />
color: #444;<br />
font-size: 2.0em;<br />
}<br />
.mw-wordcloud-size-4 {<br />
color: #555;<br />
font-size: 1.8em;<br />
}<br />
.mw-wordcloud-size-5 {<br />
color: #666;<br />
font-size: 1.6em;<br />
}<br />
.mw-wordcloud-size-6 {<br />
color: #777;<br />
font-size: 1.4em;<br />
}<br />
.mw-wordcloud-size-7 {<br />
color: #888;<br />
font-size: 1.2em;<br />
}<br />
.mw-wordcloud-size-8 {<br />
color: #999;<br />
font-size: 1em;<br />
}<br />
.mw-wordcloud-size-9 {<br />
color: #aaa;<br />
font-size: 0.8em;<br />
letter-spacing: 3px;<br />
}<br />
.mw-wordcloud-size-10,<br />
.mw-wordcloud-size-0 {<br />
color: #bbb;<br />
font-size: 0.8em;<br />
}<br />
<br />
/* @todo FIXME: document me :) */<br />
#signuptopbox li {<br />
float: left;<br />
list-style: none;<br />
font-family: sans-serif;<br />
}<br />
#signuptopbox li {<br />
color: #3ca7d4;<br />
background: #c2e1f9;<br />
line-height: 2.8em;<br />
margin-right: .25em;<br />
padding-right: .5em;<br />
}<br />
#signuptopbox li.pr-active,<br />
#signuptopbox li.pr-active div {<br />
color: #67ca36;<br />
background: #d4f9c2;<br />
border-color: #fff #fff #fff #67ca36;<br />
}<br />
#signuptopbox li div {<br />
width: 0;<br />
height: 0;<br />
border-color: #fff #fff #fff #3CA7D4;<br />
border-style: solid;<br />
border-width: 1.4em .3em 1.4em 1.4em;<br />
float: left;<br />
}<br />
#signuptopbox li span.pr-number {<br />
display: block;<br />
width: 1.8em;<br />
line-height: 1.8em;<br />
background: #3ca7d4;<br />
color: #c2e1f9;<br />
text-align: center;<br />
margin: .5em;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
-ms-border-radius: 50%;<br />
-o-border-radius: 50%;<br />
border-radius: 50%;<br />
font-weight: 600;<br />
float: left;<br />
}<br />
#signuptopbox li.pr-active span.pr-number {<br />
background: #67ca36;<br />
color: #d4f9c2;<br />
}<br />
#signuptopbox li span {<br />
float: left;<br />
}<br />
#signuptopbox li.pr-spacer {<br />
padding: 0;<br />
}<br />
<br />
/* Breadcrumb code */<br />
.breadcrumb {<br />
list-style: none;<br />
overflow: hidden;<br />
font: 14px Helvetica, Arial, sans-serif;<br />
}<br />
.breadcrumb li {<br />
float: left;<br />
margin-bottom: 0;<br />
}<br />
.breadcrumb li a {<br />
color: white;<br />
text-decoration: none;<br />
padding: 10px 0 10px 45px;<br />
position: relative;<br />
display: block;<br />
float: left;<br />
}<br />
<br />
.breadcrumb li a:after {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
/* Go big on the size, and let overflow hide */<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
left: 100%;<br />
z-index: 2;<br />
}<br />
<br />
.breadcrumb li a:before {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
border-left: 31px solid white;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
margin-left: 1px;<br />
left: 100%;<br />
z-index: 1;<br />
}<br />
<br />
.breadcrumb li:first-child a {<br />
padding-left: 20px;<br />
}<br />
<br />
.currentcrumb a {<br />
background: #069;<br />
}<br />
<br />
.currentcrumb a:after {<br />
border-left: 30px solid #069;<br />
}<br />
<br />
.currentcrumb a:hover,<br />
.prevcrumb a:hover,<br />
.nextcrumb a:hover {<br />
background: #002d44;<br />
}<br />
<br />
.currentcrumb a:hover:after,<br />
.prevcrumb a:hover:after,<br />
.nextcrumb a:hover:after {<br />
border-left-color: #002d44 !important;<br />
}<br />
<br />
.prevcrumb a {<br />
background: #396;<br />
}<br />
<br />
.prevcrumb a:after {<br />
border-left: 30px solid #396;<br />
}<br />
<br />
.nextcrumb a {<br />
background: #999;<br />
}<br />
<br />
.nextcrumb a:after {<br />
border-left: 30px solid #999;<br />
}<br />
<br />
/* To facilitate rtl translations */<br />
#bodyContent .table-RTL a {<br />
background: none;<br />
padding-right: 0;<br />
}<br />
<br />
#bodyContent .table-RTL ul {<br />
margin-right: 10px;<br />
display: table;<br />
}<br />
<br />
/* Fix annoying bug where the "date" column in the LQT sometimes<br />
* is two rows because of the date being too long even through there is<br />
* enough space (otherwise the browser makes it's own decision on where to cut)<br />
*/<br />
.lqt_toc th:nth-child(3),<br />
.lqt_toc td:nth-child(3) {<br />
white-space: nowrap;<br />
}<br />
<br />
.persian {<br />
font-family: Tahoma;<br />
}<br />
<br />
/* Fonts for Persian language for consistency with other Wikimedia wikis */<br />
:lang(fa) {<br />
font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;<br />
}<br />
<br />
/*<br />
* Manual:Database_layout<br />
*/<br />
.mwmanual-dbview-box img {<br />
opacity: 0.5;<br />
}<br />
.mwmanual-dbview-box:hover img {<br />
opacity: 0.8;<br />
}<br />
.mwmanual-dbview-link {<br />
background: rgb(198, 212, 235);<br />
background: hsla(217, 48%, 85%, 0.8);<br />
border: 1px solid #0645AD;<br />
border-radius: 4px;<br />
padding: 10px 5px;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.mwmanual-dbview-box:hover .mwmanual-dbview-link {<br />
background: hsla(215, 46%, 95%, 0.8);<br />
}<br />
.mwmanual-dbview-link:hover {<br />
background: hsla(215, 46%, 95%, 0.9);<br />
}<br />
<br />
/*<br />
* VisualEditor documentation styles - required for displaying document diagrams<br />
*/<br />
.ve-doc-dm-data {<br />
list-style: none;<br />
cursor: default;<br />
}<br />
.ve-doc-dm-data li {<br />
font-family: sans-serif;<br />
text-align: center;<br />
line-height: 2.25em;<br />
display: inline-block;<br />
width: 2.25em;<br />
height: 2.25em;<br />
border: solid 2px white;<br />
}<br />
.ve-doc-dm-data li.ve-doc-dm-cursor {<br />
width: 0.5em;<br />
}<br />
.ve-doc-dm-cursor:hover {<br />
border-color: #cccccc;<br />
}<br />
.ve-doc-dm-open,<br />
.ve-doc-dm-close {<br />
background-color: #50a5f4;<br />
color: #7ddcfd;<br />
}<br />
.ve-doc-dm-open:hover,<br />
.ve-doc-dm-close:hover {<br />
border-color: #7ddcfd;<br />
}<br />
.ve-doc-dm-close {<br />
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);<br />
background-size: contain;<br />
background-position: left top;<br />
background-repeat: no-repeat;<br />
}<br />
.ve-doc-dm-char,<br />
.ve-doc-dm-achar {<br />
border-radius: 3em;<br />
}<br />
.ve-doc-dm-char {<br />
background-color: #7bcc45;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-char:hover {<br />
border-color: #b6f26c;<br />
}<br />
.ve-doc-dm-achar {<br />
background-color: #fa952c;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-achar:hover {<br />
border-color: #fed045;<br />
}<br />
.ve-doc-dm-element-text {<br />
color: #50a5f4;<br />
}<br />
.ve-doc-dm-char-text {<br />
color: #7bcc45;<br />
}<br />
.ve-doc-dm-achar-text {<br />
color: #fa952c;<br />
}<br />
<br />
/* For templates in Category:VisualEditor tests templates */<br />
tt.ve-typing-test {<br />
color: white;<br />
background-color: black;<br />
padding: 0 1em 0 1em;<br />
}<br />
<br />
/**<br />
* Style for horizontal lists (separator following item).<br />
* @source mediawiki.org/wiki/Snippets/Horizontal_lists<br />
* @revision 6 (2014-05-09)<br />
* @author [[User:Edokter]]<br />
*/<br />
.hlist dl,<br />
.hlist ol,<br />
.hlist ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
/* Display list items inline */<br />
.hlist dd,<br />
.hlist dt,<br />
.hlist li {<br />
margin: 0;<br />
display: inline;<br />
}<br />
/* Display nested lists inline */<br />
.hlist.inline,<br />
.hlist.inline dl,<br />
.hlist.inline ol,<br />
.hlist.inline ul,<br />
.hlist dl dl, .hlist dl ol, .hlist dl ul,<br />
.hlist ol dl, .hlist ol ol, .hlist ol ul,<br />
.hlist ul dl, .hlist ul ol, .hlist ul ul {<br />
display: inline;<br />
}<br />
/* Generate interpuncts */<br />
.hlist dt:after {<br />
content: ": ";<br />
}<br />
.hlist dd:after,<br />
.hlist li:after {<br />
content: " · ";<br />
font-weight: bold;<br />
}<br />
.hlist dd:last-child:after,<br />
.hlist dt:last-child:after,<br />
.hlist li:last-child:after {<br />
content: none;<br />
}<br />
/* Add parentheses around nested lists */<br />
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,<br />
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,<br />
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {<br />
content: " (";<br />
font-weight: normal;<br />
}<br />
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,<br />
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,<br />
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {<br />
content: ") ";<br />
font-weight: normal;<br />
}<br />
/* Put ordinals in front of ordered list items */<br />
.hlist ol {<br />
counter-reset: listitem;<br />
}<br />
.hlist ol > li {<br />
counter-increment: listitem;<br />
}<br />
.hlist ol > li:before {<br />
content: " " counter(listitem) " ";<br />
white-space: nowrap;<br />
}<br />
.hlist dd ol > li:first-child:before,<br />
.hlist dt ol > li:first-child:before,<br />
.hlist li ol > li:first-child:before {<br />
content: " (" counter(listitem) " ";<br />
}<br />
/* end hlist */<br />
<br />
/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */<br />
<br />
.banner-image {<br />
position: relative;<br />
overflow: hidden;<br />
max-width: 1800px;<br />
height: auto;<br />
margin-bottom: .6em;<br />
}<br />
.banner-image img {<br />
max-width: 100%;<br />
height: auto;<br />
width: auto\9;<br />
}<br />
.banner-box {<br />
position: absolute;<br />
z-index: 2;<br />
margin-top: 2.5em;<br />
color: white;<br />
min-width: 20em;<br />
text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;<br />
}<br />
.banner-box-wide { width: 80% }<br />
.banner-box-left {<br />
left: 5%;<br />
text-align: left;<br />
}<br />
.banner-box-right {<br />
right: 5%;<br />
text-align: right;<br />
}<br />
.banner-box .name {<br />
font-size: 3em;<br />
white-space: nowrap;<br />
line-height: 1.2em;<br />
}<br />
.banner-box .type {<br />
font-size: 2em;<br />
line-height: 1.2em;<br />
}<br />
<br />
.mf-mobile-only,<br />
.lqt-talkpage-search {<br />
display: none;<br />
}<br />
<br />
/* Phabricator-like tag styling */<br />
.phui-tag {<br />
-webkit-font-smoothing: antialiased;<br />
background-color: #e7e7e7;<br />
border-color: #e7e7e7;<br />
border-radius: 3px;<br />
border: 1px solid transparent;<br />
font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;<br />
line-height: 1.51em;<br />
padding: 0 4px;<br />
}<br />
<br />
.mw-body .phui-tag a.external {<br />
background-image: none;<br />
padding-right: 0;<br />
text-decoration: none;<br />
color: black;<br />
font-weight: bold;<br />
}</div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4614MediaWiki:Common.css2018-06-20T23:10:03Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfbox {<br />
border: solid darkgrey 1px;<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 20%;<br />
}<br />
<br />
.w-25 {<br />
width: 25%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 33%;<br />
}<br />
<br />
.w-50 {<br />
width: 50%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}<br />
<br />
<br />
/* Mediawiki Main Page Styles /*<br />
<br />
.mainpage_topbox {<br />
background: #f9f9f9;<br />
margin: 1em 0;<br />
}<br />
<br />
.mainpage_layouttable {<br />
border: 0;<br />
margin: 0;<br />
width: 100%;<br />
border-spacing: 10px;<br />
}<br />
.mainpage_layouttable * > tr > td {<br />
vertical-align: top;<br />
}<br />
<br />
.mainpage_boxtitle {<br />
font-size: 105%;<br />
padding: 0.4em;<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.mainpage_pagetitle {<br />
color: #cf7606;<br />
font-size: 200%;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_sitelinks {<br />
padding: 0.2em;<br />
text-align: center;<br />
background-color: white;<br />
font-weight: bold;<br />
}<br />
<br />
.mainpage_hubtitle {<br />
text-align: center;<br />
}<br />
<br />
.mainpage_boxcontents {<br />
background: #ffffff;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_boxcontents_small {<br />
font-size: 95%;<br />
}<br />
<br />
.mainpage_boxcontents_title {<br />
display: block;<br />
border-bottom: 1px solid #AAA;<br />
margin-bottom: 0.5em;<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: larger;<br />
}<br />
<br />
.mainpage_middleblock .mainpage_hubbox {<br />
width: 33%;<br />
}<br />
<br />
.mainpage_hubbox, .mainpage_topbox {<br />
padding: 0;<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.mainpage_newscell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);<br />
background-repeat: no-repeat;<br />
background-position: 99% 0.3em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_downloadcell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);<br />
background-repeat: no-repeat;<br />
background-position: 96% 0.33em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_opportunitiescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_featuredpagescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_mwtitle {<br />
color: #005288;<br />
}<br />
<br />
.mainpage_notice {<br />
background: #f9f9f9;<br />
border: 1px solid #aaaaaa;<br />
margin: 0.2em 10px 10px;<br />
padding:0.2em 0.4em;<br />
text-align: center;<br />
font-size: 125%<br />
}<br />
<br />
.mainpage_row2,<br />
.mainpage_row3 {<br />
/*display: -webkit-box;*/<br />
/*display: -moz-box;*/<br />
/*display: -ms-flexbox;*/<br />
/*display: -webkit-flex;*/<br />
display: flex;<br />
<br />
flex-flow: row wrap;<br />
<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
width: 32%;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0<br />
}<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
}<br />
.mainpage_row3 .mainpage_downloadcell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
.mainpage_row3 .mainpage_newscell {<br />
flex: 6 0 20em;<br />
margin-left: 1em; <br />
}<br />
.mainpage_row3 .mainpage_opportunitiescell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0;<br />
}<br />
}<br />
@media screen and (max-width: 55em) {<br />
.mainpage_row3 .mainpage_newscell {<br />
order: -1;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
/*<br />
This is the CSS for all skins (for all users) on MediaWiki.org.<br />
<br />
SECTIONS:<br />
1. Indication of namespaces<br />
2. Color classes for content<br />
3. Special pages<br />
4. Main page styling<br />
5. Wikitables, warnings, and other such stylings<br />
6. Templates<br />
7. Some other small things<br />
*/<br />
<br />
/**<br />
* 1. INDICATION OF NAMESPACES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* #content for Vector and Monobook, #mw-content for Timeless */<br />
<br />
/* NS Project + Project_talk (light sky blue) */<br />
.action-view.ns-4 #content, .action-view.ns-4 #mw-content,<br />
.action-view.ns-5 #content, .action-view.ns-5 #mw-content { background-color: #f8fcff; }<br />
.action-view.ns-4 div.thumb,<br />
.action-view.ns-5 div.thumb { border-color: #f8fcff; }<br />
<br />
/* NS MediaWiki + MediaWiki_talk (light grey) */<br />
.action-view.ns-8 #content, .action-view.ns-8 #mw-content,<br />
.action-view.ns-9 #content, .action-view.ns-9 #mw-content { background-color: #f4f4f4; }<br />
.action-view.ns-8 div.thumb,<br />
.action-view.ns-9 div.thumb { border-color: #f4f4f4; }<br />
<br />
/* NS Manual + Manual_talk (light bluish violet) */<br />
.action-view.ns-100 #content, .action-view.ns-100 #mw-content,<br />
.action-view.ns-101 #content, .action-view.ns-101 #mw-content { background-color: #f3f3ff; }<br />
.action-view.ns-100 div.thumb,<br />
.action-view.ns-101 div.thumb { border-color: #f3f3ff; }<br />
<br />
/* NS Help (but NOT Help_talk) (Public Domain icon) */<br />
.action-view.ns-12 #bodyContent {<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);<br />
background-repeat: no-repeat;<br />
/* @noflip */ background-position: right 5em;<br />
}<br />
<br />
/**<br />
* 2. COLOR CLASSES FOR CONTENT<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Border colors */<br />
.borderc1 { border-color: #e9e9e9; border-width: thin; }<br />
.borderc2 { border-color: #aaaaaa; border-width: thin; }<br />
.borderc3 { border-color: #777777; border-width: thin; }<br />
.borderc4 { border-color: #000000; border-width: thin; }<br />
.borderc5 { border-color: #c00000; border-width: thin; }<br />
.borderc6 { border-color: #025e9d; border-width: thin; }<br />
.borderc7 { border-color: #008040; border-width: thin; }<br />
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */<br />
<br />
/* Background colors */<br />
.backgroundc1 { background-color: #ffffff; } /* Used by [[Template:Welcome]]. */<br />
.backgroundc2 { background-color: #f9f9f9; }<br />
.backgroundc3 { background-color: #eeeeee; }<br />
.backgroundc4 { background-color: #e0e0e0; }<br />
.backgroundc5 { background-color: #d2d2d2; }<br />
.backgroundc6 { background-color: #b7b7b7; }<br />
.backgroundc7 { background-color: #a3a3a3; }<br />
.backgroundc8 { background-color: #444455; }<br />
<br />
/**<br />
* 3. SPECIAL PAGES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Consistent special page navigation */<br />
.SpecialPageInfo {<br />
background-color: #f9f9f9;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);<br />
background-position: 0.8em 0.5em;<br />
background-repeat: no-repeat;<br />
padding: 0.3em 0.5em 0.3em 5.0em;<br />
border-color: #025e9d;<br />
border-width: 1px;<br />
border-style: solid;<br />
border-bottom-width: medium;<br />
margin-bottom: 1em;<br />
}<br />
<br />
.mw-viewprevnext {<br />
display: block;<br />
border: 1px solid #cccccc;<br />
background-color: #f9f9f2;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
/*<br />
* Hide elements on the main page. <br />
*/<br />
.page-MediaWiki #lastmod,<br />
.page-MediaWiki #siteSub,<br />
.page-MediaWiki #contentSub,<br />
.page-MediaWiki .subtitle,<br />
.page-MediaWiki #jump-to-nav,<br />
.page-MediaWiki .firstHeading {<br />
display: none;<br />
}<br />
<br />
/**<br />
* 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Custom h* styles (blue headings) */<br />
.wikitable td.hl3,<br />
.wikitable th.hl3 {<br />
background-color: #8da7d6;<br />
}<br />
.wikitable td.hl1,<br />
.wikitable th.hl1 {<br />
background: #c5d8fc;<br />
}<br />
.wikitable td.hl2,<br />
.wikitable th.hl2 {<br />
background: #a7c1f2;<br />
}<br />
<br />
/* Make entire table valign=top, to replace the |valign=top| on every cell. */<br />
.vatop tr,<br />
tr.vatop,<br />
.vatop td,<br />
.vatop th {<br />
vertical-align: top;<br />
}<br />
<br />
/* General purpose "pretty (data) tables" */<br />
table.datatable tr:hover {<br />
background-color: #a7d7f9;<br />
}<br />
<br />
/* SideBox styling */<br />
div.sideBox {<br />
position: relative;<br />
float: right;<br />
background: white;<br />
margin-left: 1em;<br />
border: 1px solid gray;<br />
padding: 0.3em;<br />
width: 200px;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
div.sideBox dl {<br />
padding: 0;<br />
margin: 0 0 0.3em 0;<br />
font-size: 96%;<br />
}<br />
div.sideBox dl dt {<br />
background: none;<br />
margin: 0.4em 0 0 0;<br />
}<br />
div.sideBox dl dd {<br />
margin: 0.1em 0 0 1.1em;<br />
background-color: #f3f3f3;<br />
}<br />
<br />
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */<br />
.majorwarning {<br />
background: yellow;<br />
padding: 0.3em;<br />
text-align: center;<br />
font-size: 125%;<br />
border: 2px solid red;<br />
}<br />
<br />
/* Page headings used throughout the wiki (though not very much at the time of writing…) */<br />
.page-notice,<br />
.page-warning {<br />
border-width: 1px;<br />
border-style: solid;<br />
padding: 0.3em 0.5em;<br />
margin-bottom: 1em;<br />
width: 95%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
text-align: center;<br />
}<br />
<br />
/* Informative notices at the top of pages (blue) */<br />
.page-notice {<br />
background-color: #f9f9f9;<br />
border-color: #025e9d;<br />
text-align: left;<br />
}<br />
<br />
/* Warning information at the top of pages (red) */<br />
.page-warning {<br />
background-color: #ffffff;<br />
border-color: #c51919;<br />
border-width: 2px;<br />
}<br />
.pw-head {<br />
color: #c51919;<br />
font-weight: bold;<br />
}<br />
<br />
/**<br />
* Code conventions examples<br />
* Usage: [[mw:CC/JS]], [[mw:CC/CSS]]<br />
* <syntaxhighlight lang=".." class="tpl-code-positive"></syntaxhighlight><br />
*/<br />
.tpl-code-positive.mw-highlight pre,<br />
.tpl-code-negative.mw-highlight pre {<br />
/* Reset default browser margin of pre (usually margin: 1em 0;)<br />
to be all around */<br />
margin: 1em;<br />
}<br />
/* Use a double selector to override mw-highlight default background color */<br />
.tpl-code-positive.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #00af89;<br />
}<br />
.tpl-code-negative.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #d33;<br />
}<br />
<br />
/**<br />
* 6. TEMPLATES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* [[Template:Extension]], [[Template:Skin]] */<br />
.tpl-infobox {<br />
border: 2px solid #aaaaaa;<br />
width: 280px;<br />
/* @noflip */ clear: right;<br />
/* @noflip */ float: right;<br />
margin: 0 0 0.5em 0.5em;<br />
border-collapse: collapse;<br />
background-color: white;<br />
}<br />
.tpl-infobox td {<br />
border: 2px none #aaaaaa;<br />
padding: 0.2em 0.5em;<br />
border-bottom: 1px solid #f0f0f0 !important;<br />
}<br />
.tpl-infobox-header {<br />
background-color: #aaaaaa;<br />
color: white;<br />
text-align: left;<br />
}<br />
.tpl-infobox-header td {<br />
padding-top: 0.5em;<br />
}<br />
.ext-infobox-header img {<br />
padding: 0 0.2em 0 0.5em;<br />
}<br />
.ext-status-unstable,<br />
.ext-status-unstable td {<br />
border-color: #990000;<br />
}<br />
.ext-status-unstable .ext-infobox-header {<br />
background-color: #990000;<br />
color: #ffff00;<br />
}<br />
.ext-status-experimental,<br />
.ext-status-experimental td {<br />
border-color: #ff4500;<br />
}<br />
.ext-status-experimental .ext-infobox-header {<br />
background-color: #ff4500;<br />
}<br />
.ext-status-beta,<br />
.ext-status-beta td {<br />
border-color: #ffba01;<br />
}<br />
.ext-status-beta .ext-infobox-header {<br />
background-color: #ffba01;<br />
}<br />
.ext-status-stable,<br />
.ext-status-stable td {<br />
border-color: #32cd32;<br />
}<br />
.ext-status-stable .ext-infobox-header {<br />
background-color: #32cd32;<br />
}<br />
.ext-status-unmaintained,<br />
.ext-status-unmaintained td {<br />
border-color: #8b4513;<br />
}<br />
.ext-status-unmaintained .ext-infobox-header {<br />
background-color: #8b4513;<br />
}<br />
.ext-status-magic,<br />
.ext-status-magic td {<br />
border-color: #fe57a1;<br />
}<br />
.ext-status-magic .ext-infobox-header {<br />
color: #000;<br />
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;<br />
}<br />
.ext-status-magic .ext-infobox-header img {<br />
visibility: hidden;<br />
padding-right: 1em;<br />
}<br />
.skin-infobox,<br />
.skin-infobox td {<br />
border-color: #a7d7f9;<br />
}<br />
.skin-infobox-header {<br />
color: #000;<br />
background: #e2f4ff;<br />
}<br />
<br />
/* [[Template:See also]], [[Template:rellink]] etc. */<br />
.rellink,<br />
.dablink,<br />
.mw-tpl-rellink {<br />
font-style: italic;<br />
padding-bottom: 0.4em;<br />
padding-left: 0;<br />
margin-bottom: 0.4em;<br />
color: #555;<br />
border-bottom: 1px solid #ccc;<br />
}<br />
<br />
/* [[Template:Note]] */<br />
.tip,<br />
.note {<br />
padding: 0.5em;<br />
margin: 0.5em 0;<br />
overflow: hidden;<br />
background-color: #F9F9F9;<br />
/* @noflip */ background-position: left 7px top 50%;<br />
background-repeat: no-repeat;<br />
border: 1px solid #DDD;<br />
}<br />
.tip-info,<br />
.note-info {<br />
background-color: #F0F0E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);<br />
border-color: #cc9933;<br />
/* @noflip */ padding-left: 40px;<br />
min-height: 28px;<br />
}<br />
.tip-reminder,<br />
.note-reminder {<br />
background-color: #F6FDEA;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);<br />
border-color: #D6E434;<br />
min-height: 28px;<br />
}<br />
.tip-error,<br />
.note-error {<br />
background-color: #F0E7E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);<br />
border-color: #cc3333;<br />
min-height: 25px;<br />
}<br />
<br />
/* [[Template:Notice]] */<br />
.block-note {<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);<br />
background-repeat: no-repeat;<br />
}<br />
/*<br />
* Using block-contents in the hope that it can apply to all block-level warning templates,<br />
* with different images applied as backgrounds to the wrapping DIV.<br />
*/<br />
.block-contents {<br />
display: block;<br />
padding-left: 20px;<br />
}<br />
<br />
/* [[Template:Documentation]] */<br />
.template-documentation {<br />
clear: both;<br />
margin: 1em 0 0 0;<br />
border: 1px solid #aaa;<br />
background-color: #ecfcf4;<br />
padding: 5px;<br />
}<br />
<br />
/* [[Template:Navbox]] */<br />
.navbox {<br />
/* Navbox container style */<br />
border: 1px solid #aaa;<br />
width: 100%;<br />
margin: auto;<br />
clear: both;<br />
font-size: 88%;<br />
text-align: center;<br />
padding: 1px;<br />
}<br />
.navbox-inner,<br />
.navbox-subgroup {<br />
width: 100%;<br />
}<br />
table.navbox + table.navbox {<br />
/* Single pixel border between adjacent navboxes */<br />
margin-top: -1px;<br />
/* (doesn't work for IE6, but that's okay) */<br />
}<br />
.navbox th,<br />
.navbox-title,<br />
.navbox-abovebelow {<br />
text-align: center;<br />
/* Title and above/below styles */<br />
padding-left: 1em;<br />
padding-right: 1em;<br />
}<br />
th.navbox-group {<br />
/* Group style */<br />
white-space: nowrap;<br />
/* @noflip */<br />
text-align: right;<br />
}<br />
.navbox,<br />
.navbox-subgroup {<br />
background: #fdfdfd;<br />
}<br />
.navbox-list {<br />
/* Must match background color */<br />
border-color: #fdfdfd;<br />
}<br />
.navbox th,<br />
.navbox-title {<br />
/* Level 1 color */<br />
background: #ccccff;<br />
}<br />
.navbox-abovebelow,<br />
th.navbox-group,<br />
.navbox-subgroup .navbox-title {<br />
/* Level 2 color */<br />
background: #ddddff;<br />
}<br />
.navbox-subgroup .navbox-group,<br />
.navbox-subgroup .navbox-abovebelow {<br />
/* Level 3 color */<br />
background: #e6e6ff;<br />
}<br />
.navbox-even {<br />
/* Even row striping */<br />
background: #f7f7f7;<br />
}<br />
.navbox-odd {<br />
/* Odd row striping */<br />
background: transparent;<br />
}<br />
.navbox .hlist td dl,<br />
.navbox .hlist td ol,<br />
.navbox .hlist td ul,<br />
.navbox td.hlist dl,<br />
.navbox td.hlist ol,<br />
.navbox td.hlist ul {<br />
/* Adjust hlist padding in navboxes */<br />
padding: 0.125em 0;<br />
}<br />
.navbox .hlist dd,<br />
.navbox .hlist dt,<br />
.navbox .hlist li {<br />
/* Nowrap list items in navboxes */<br />
white-space: nowrap;<br />
/* IE < 8 no-wraps entire list, so disable it */<br />
white-space: normal !ie;<br />
}<br />
.navbox .hlist dd dl,<br />
.navbox .hlist dt dl,<br />
.navbox .hlist li ol,<br />
.navbox .hlist li ul {<br />
/* But allow parent list items to be wrapped */<br />
white-space: normal;<br />
}<br />
ol + table.navbox,<br />
ul + table.navbox {<br />
/* Prevent lists from clinging to navboxes */<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* [[Template:Navbar]] */<br />
.navbar {<br />
display: inline;<br />
font-size: 88%;<br />
font-weight: normal;<br />
}<br />
.navbar ul {<br />
display: inline;<br />
white-space: nowrap;<br />
}<br />
.navbar li {<br />
word-spacing: -0.125em;<br />
}<br />
/* Navbar styling when nested in navbox */<br />
.navbox .navbar {<br />
display: block;<br />
font-size: 100%;<br />
}<br />
.navbox-title .navbar {<br />
/* @noflip */<br />
float: left;<br />
/* @noflip */<br />
text-align: left;<br />
/* @noflip */<br />
margin-right: 0.5em;<br />
width: 6em;<br />
}<br />
/* [[Template:Cmd]] */<br />
.cmd:before {<br />
content: "$ ";<br />
color: #246;<br />
}<br />
<br />
/**<br />
* 7. SOME OTHER SMALL THINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Allow people to optionally wrap lines in source listings */<br />
div.wrapPreLines pre {<br />
white-space: pre-wrap;<br />
}<br />
<br />
/* Give a bit of space to the TOC */<br />
#toc {<br />
margin: 1em 0;<br />
}<br />
<br />
/*<br />
* Allow limiting of which header levels are shown in a TOC;<br />
* <div class="toclimit-3">, for instance, will limit to<br />
* showing ==headings== and ===headings=== but no further.<br />
* Used in [[Template:TOC]]<br />
*/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
<br />
/* make the list of references look smaller and highlight clicked reference in blue */<br />
ol.references {<br />
font-size: 100%;<br />
}<br />
.references-small {<br />
font-size: 90%;<br />
}<br />
ol.references > li:target {<br />
background-color: #ddeeff;<br />
}<br />
sup.reference:target {<br />
background-color: #ddeeff;<br />
}<br />
<br />
<br />
/*<br />
* Styling for links generated by [[MediaWiki:Edittools]]<br />
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling<br />
* @updated 2012-02-29<br />
*/<br />
.mw-charinsert-buttons {<br />
margin-top: 10px;<br />
border: 1px solid #aaaaaa;<br />
padding: 1px;<br />
text-align: center;<br />
font-size: 110%;<br />
}<br />
.mw-charinsert-buttons a {<br />
color: black;<br />
background-color: #cde !important;<br />
font-weight: bold;<br />
font-size: .9em;<br />
text-decoration: none;<br />
border: thin #069 outset;<br />
padding: 0 .1em .1em;<br />
}<br />
.mw-charinsert-buttons a:hover,<br />
.mw-charinsert-buttons a:active {<br />
background-color: #bcd;<br />
border-style: inset;<br />
}<br />
.client-js .mw-edittools-section {<br />
display: inline;<br />
}<br />
.client-js .mw-edittools-section input[type="button"] {<br />
font-size: 0.9em;<br />
padding-left: 1px;<br />
padding-right: 1px;<br />
margin-left: 1px;<br />
}<br />
<br />
/* from [[User:Splarka/Help:Linked images]] */<br />
.imagelink_wikilogo a {<br />
width: 135px;<br />
height: 135px;<br />
display: block;<br />
text-decoration: none;<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);<br />
}<br />
<br />
/*<br />
* Infoboxes<br />
*/<br />
.infobox {<br />
float: right;<br />
clear: right;<br />
margin-bottom: 0.5em;<br />
margin-left: 1em;<br />
padding: 0.2em;<br />
border: 1px solid #AAA;<br />
background: #F9F9F9;<br />
color: black;<br />
}<br />
<br />
.infobox td,<br />
.infobox th {<br />
vertical-align: top;<br />
}<br />
<br />
.infobox caption {<br />
margin-left: inherit;<br />
font-size: larger;<br />
}<br />
<br />
.infobox.bordered {<br />
border-collapse: collapse;<br />
}<br />
<br />
.infobox.bordered td,<br />
.infobox.bordered th {<br />
border: 1px solid #AAA;<br />
}<br />
<br />
.infobox.bordered .borderless td,<br />
.infobox.bordered .borderless th {<br />
border: 0;<br />
}<br />
<br />
/*<br />
* Apparently the namespaces parameter<br />
* for inputbox forces a checkbox.<br />
* Let's hide it in the API sidebar<br />
*/<br />
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],<br />
#mw-inputbox-ns104 {<br />
display: none;<br />
}<br />
<br />
/* Testing for code review */<br />
div.mw-wordcloud {<br />
width: 100%;<br />
text-align: justify;<br />
}<br />
<br />
.mw-wordcloud-size-1 {<br />
color: #222;<br />
font-size: 2.4em;<br />
}<br />
.mw-wordcloud-size-2 {<br />
color: #333;<br />
font-size: 2.2em;<br />
}<br />
.mw-wordcloud-size-3 {<br />
color: #444;<br />
font-size: 2.0em;<br />
}<br />
.mw-wordcloud-size-4 {<br />
color: #555;<br />
font-size: 1.8em;<br />
}<br />
.mw-wordcloud-size-5 {<br />
color: #666;<br />
font-size: 1.6em;<br />
}<br />
.mw-wordcloud-size-6 {<br />
color: #777;<br />
font-size: 1.4em;<br />
}<br />
.mw-wordcloud-size-7 {<br />
color: #888;<br />
font-size: 1.2em;<br />
}<br />
.mw-wordcloud-size-8 {<br />
color: #999;<br />
font-size: 1em;<br />
}<br />
.mw-wordcloud-size-9 {<br />
color: #aaa;<br />
font-size: 0.8em;<br />
letter-spacing: 3px;<br />
}<br />
.mw-wordcloud-size-10,<br />
.mw-wordcloud-size-0 {<br />
color: #bbb;<br />
font-size: 0.8em;<br />
}<br />
<br />
/* @todo FIXME: document me :) */<br />
#signuptopbox li {<br />
float: left;<br />
list-style: none;<br />
font-family: sans-serif;<br />
}<br />
#signuptopbox li {<br />
color: #3ca7d4;<br />
background: #c2e1f9;<br />
line-height: 2.8em;<br />
margin-right: .25em;<br />
padding-right: .5em;<br />
}<br />
#signuptopbox li.pr-active,<br />
#signuptopbox li.pr-active div {<br />
color: #67ca36;<br />
background: #d4f9c2;<br />
border-color: #fff #fff #fff #67ca36;<br />
}<br />
#signuptopbox li div {<br />
width: 0;<br />
height: 0;<br />
border-color: #fff #fff #fff #3CA7D4;<br />
border-style: solid;<br />
border-width: 1.4em .3em 1.4em 1.4em;<br />
float: left;<br />
}<br />
#signuptopbox li span.pr-number {<br />
display: block;<br />
width: 1.8em;<br />
line-height: 1.8em;<br />
background: #3ca7d4;<br />
color: #c2e1f9;<br />
text-align: center;<br />
margin: .5em;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
-ms-border-radius: 50%;<br />
-o-border-radius: 50%;<br />
border-radius: 50%;<br />
font-weight: 600;<br />
float: left;<br />
}<br />
#signuptopbox li.pr-active span.pr-number {<br />
background: #67ca36;<br />
color: #d4f9c2;<br />
}<br />
#signuptopbox li span {<br />
float: left;<br />
}<br />
#signuptopbox li.pr-spacer {<br />
padding: 0;<br />
}<br />
<br />
/* Breadcrumb code */<br />
.breadcrumb {<br />
list-style: none;<br />
overflow: hidden;<br />
font: 14px Helvetica, Arial, sans-serif;<br />
}<br />
.breadcrumb li {<br />
float: left;<br />
margin-bottom: 0;<br />
}<br />
.breadcrumb li a {<br />
color: white;<br />
text-decoration: none;<br />
padding: 10px 0 10px 45px;<br />
position: relative;<br />
display: block;<br />
float: left;<br />
}<br />
<br />
.breadcrumb li a:after {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
/* Go big on the size, and let overflow hide */<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
left: 100%;<br />
z-index: 2;<br />
}<br />
<br />
.breadcrumb li a:before {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
border-left: 31px solid white;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
margin-left: 1px;<br />
left: 100%;<br />
z-index: 1;<br />
}<br />
<br />
.breadcrumb li:first-child a {<br />
padding-left: 20px;<br />
}<br />
<br />
.currentcrumb a {<br />
background: #069;<br />
}<br />
<br />
.currentcrumb a:after {<br />
border-left: 30px solid #069;<br />
}<br />
<br />
.currentcrumb a:hover,<br />
.prevcrumb a:hover,<br />
.nextcrumb a:hover {<br />
background: #002d44;<br />
}<br />
<br />
.currentcrumb a:hover:after,<br />
.prevcrumb a:hover:after,<br />
.nextcrumb a:hover:after {<br />
border-left-color: #002d44 !important;<br />
}<br />
<br />
.prevcrumb a {<br />
background: #396;<br />
}<br />
<br />
.prevcrumb a:after {<br />
border-left: 30px solid #396;<br />
}<br />
<br />
.nextcrumb a {<br />
background: #999;<br />
}<br />
<br />
.nextcrumb a:after {<br />
border-left: 30px solid #999;<br />
}<br />
<br />
/* To facilitate rtl translations */<br />
#bodyContent .table-RTL a {<br />
background: none;<br />
padding-right: 0;<br />
}<br />
<br />
#bodyContent .table-RTL ul {<br />
margin-right: 10px;<br />
display: table;<br />
}<br />
<br />
/* Fix annoying bug where the "date" column in the LQT sometimes<br />
* is two rows because of the date being too long even through there is<br />
* enough space (otherwise the browser makes it's own decision on where to cut)<br />
*/<br />
.lqt_toc th:nth-child(3),<br />
.lqt_toc td:nth-child(3) {<br />
white-space: nowrap;<br />
}<br />
<br />
.persian {<br />
font-family: Tahoma;<br />
}<br />
<br />
/* Fonts for Persian language for consistency with other Wikimedia wikis */<br />
:lang(fa) {<br />
font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;<br />
}<br />
<br />
/*<br />
* Manual:Database_layout<br />
*/<br />
.mwmanual-dbview-box img {<br />
opacity: 0.5;<br />
}<br />
.mwmanual-dbview-box:hover img {<br />
opacity: 0.8;<br />
}<br />
.mwmanual-dbview-link {<br />
background: rgb(198, 212, 235);<br />
background: hsla(217, 48%, 85%, 0.8);<br />
border: 1px solid #0645AD;<br />
border-radius: 4px;<br />
padding: 10px 5px;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.mwmanual-dbview-box:hover .mwmanual-dbview-link {<br />
background: hsla(215, 46%, 95%, 0.8);<br />
}<br />
.mwmanual-dbview-link:hover {<br />
background: hsla(215, 46%, 95%, 0.9);<br />
}<br />
<br />
/*<br />
* VisualEditor documentation styles - required for displaying document diagrams<br />
*/<br />
.ve-doc-dm-data {<br />
list-style: none;<br />
cursor: default;<br />
}<br />
.ve-doc-dm-data li {<br />
font-family: sans-serif;<br />
text-align: center;<br />
line-height: 2.25em;<br />
display: inline-block;<br />
width: 2.25em;<br />
height: 2.25em;<br />
border: solid 2px white;<br />
}<br />
.ve-doc-dm-data li.ve-doc-dm-cursor {<br />
width: 0.5em;<br />
}<br />
.ve-doc-dm-cursor:hover {<br />
border-color: #cccccc;<br />
}<br />
.ve-doc-dm-open,<br />
.ve-doc-dm-close {<br />
background-color: #50a5f4;<br />
color: #7ddcfd;<br />
}<br />
.ve-doc-dm-open:hover,<br />
.ve-doc-dm-close:hover {<br />
border-color: #7ddcfd;<br />
}<br />
.ve-doc-dm-close {<br />
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);<br />
background-size: contain;<br />
background-position: left top;<br />
background-repeat: no-repeat;<br />
}<br />
.ve-doc-dm-char,<br />
.ve-doc-dm-achar {<br />
border-radius: 3em;<br />
}<br />
.ve-doc-dm-char {<br />
background-color: #7bcc45;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-char:hover {<br />
border-color: #b6f26c;<br />
}<br />
.ve-doc-dm-achar {<br />
background-color: #fa952c;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-achar:hover {<br />
border-color: #fed045;<br />
}<br />
.ve-doc-dm-element-text {<br />
color: #50a5f4;<br />
}<br />
.ve-doc-dm-char-text {<br />
color: #7bcc45;<br />
}<br />
.ve-doc-dm-achar-text {<br />
color: #fa952c;<br />
}<br />
<br />
/* For templates in Category:VisualEditor tests templates */<br />
tt.ve-typing-test {<br />
color: white;<br />
background-color: black;<br />
padding: 0 1em 0 1em;<br />
}<br />
<br />
/**<br />
* Style for horizontal lists (separator following item).<br />
* @source mediawiki.org/wiki/Snippets/Horizontal_lists<br />
* @revision 6 (2014-05-09)<br />
* @author [[User:Edokter]]<br />
*/<br />
.hlist dl,<br />
.hlist ol,<br />
.hlist ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
/* Display list items inline */<br />
.hlist dd,<br />
.hlist dt,<br />
.hlist li {<br />
margin: 0;<br />
display: inline;<br />
}<br />
/* Display nested lists inline */<br />
.hlist.inline,<br />
.hlist.inline dl,<br />
.hlist.inline ol,<br />
.hlist.inline ul,<br />
.hlist dl dl, .hlist dl ol, .hlist dl ul,<br />
.hlist ol dl, .hlist ol ol, .hlist ol ul,<br />
.hlist ul dl, .hlist ul ol, .hlist ul ul {<br />
display: inline;<br />
}<br />
/* Generate interpuncts */<br />
.hlist dt:after {<br />
content: ": ";<br />
}<br />
.hlist dd:after,<br />
.hlist li:after {<br />
content: " · ";<br />
font-weight: bold;<br />
}<br />
.hlist dd:last-child:after,<br />
.hlist dt:last-child:after,<br />
.hlist li:last-child:after {<br />
content: none;<br />
}<br />
/* Add parentheses around nested lists */<br />
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,<br />
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,<br />
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {<br />
content: " (";<br />
font-weight: normal;<br />
}<br />
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,<br />
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,<br />
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {<br />
content: ") ";<br />
font-weight: normal;<br />
}<br />
/* Put ordinals in front of ordered list items */<br />
.hlist ol {<br />
counter-reset: listitem;<br />
}<br />
.hlist ol > li {<br />
counter-increment: listitem;<br />
}<br />
.hlist ol > li:before {<br />
content: " " counter(listitem) " ";<br />
white-space: nowrap;<br />
}<br />
.hlist dd ol > li:first-child:before,<br />
.hlist dt ol > li:first-child:before,<br />
.hlist li ol > li:first-child:before {<br />
content: " (" counter(listitem) " ";<br />
}<br />
/* end hlist */<br />
<br />
/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */<br />
<br />
.banner-image {<br />
position: relative;<br />
overflow: hidden;<br />
max-width: 1800px;<br />
height: auto;<br />
margin-bottom: .6em;<br />
}<br />
.banner-image img {<br />
max-width: 100%;<br />
height: auto;<br />
width: auto\9;<br />
}<br />
.banner-box {<br />
position: absolute;<br />
z-index: 2;<br />
margin-top: 2.5em;<br />
color: white;<br />
min-width: 20em;<br />
text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;<br />
}<br />
.banner-box-wide { width: 80% }<br />
.banner-box-left {<br />
left: 5%;<br />
text-align: left;<br />
}<br />
.banner-box-right {<br />
right: 5%;<br />
text-align: right;<br />
}<br />
.banner-box .name {<br />
font-size: 3em;<br />
white-space: nowrap;<br />
line-height: 1.2em;<br />
}<br />
.banner-box .type {<br />
font-size: 2em;<br />
line-height: 1.2em;<br />
}<br />
<br />
.mf-mobile-only,<br />
.lqt-talkpage-search {<br />
display: none;<br />
}<br />
<br />
/* Phabricator-like tag styling */<br />
.phui-tag {<br />
-webkit-font-smoothing: antialiased;<br />
background-color: #e7e7e7;<br />
border-color: #e7e7e7;<br />
border-radius: 3px;<br />
border: 1px solid transparent;<br />
font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;<br />
line-height: 1.51em;<br />
padding: 0 4px;<br />
}<br />
<br />
.mw-body .phui-tag a.external {<br />
background-image: none;<br />
padding-right: 0;<br />
text-decoration: none;<br />
color: black;<br />
font-weight: bold;<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4613User:Al1782018-06-20T23:09:12Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<hr></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4612User:Al1782018-06-20T23:08:34Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox w-33"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox w-50"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4611MediaWiki:Common.css2018-06-20T23:07:55Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfbox {<br />
border: solid darkgrey 1px;<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.w-20 {<br />
width: 19%;<br />
}<br />
<br />
.w-25 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.w-33 {<br />
width: 32%;<br />
}<br />
<br />
.w-50 {<br />
width: 49%;<br />
}<br />
<br />
.w-75 {<br />
width: 74%;<br />
}<br />
<br />
.w-100 {<br />
width: 99%;<br />
}<br />
<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}<br />
<br />
<br />
/* Mediawiki Main Page Styles /*<br />
<br />
.mainpage_topbox {<br />
background: #f9f9f9;<br />
margin: 1em 0;<br />
}<br />
<br />
.mainpage_layouttable {<br />
border: 0;<br />
margin: 0;<br />
width: 100%;<br />
border-spacing: 10px;<br />
}<br />
.mainpage_layouttable * > tr > td {<br />
vertical-align: top;<br />
}<br />
<br />
.mainpage_boxtitle {<br />
font-size: 105%;<br />
padding: 0.4em;<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.mainpage_pagetitle {<br />
color: #cf7606;<br />
font-size: 200%;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_sitelinks {<br />
padding: 0.2em;<br />
text-align: center;<br />
background-color: white;<br />
font-weight: bold;<br />
}<br />
<br />
.mainpage_hubtitle {<br />
text-align: center;<br />
}<br />
<br />
.mainpage_boxcontents {<br />
background: #ffffff;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_boxcontents_small {<br />
font-size: 95%;<br />
}<br />
<br />
.mainpage_boxcontents_title {<br />
display: block;<br />
border-bottom: 1px solid #AAA;<br />
margin-bottom: 0.5em;<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: larger;<br />
}<br />
<br />
.mainpage_middleblock .mainpage_hubbox {<br />
width: 33%;<br />
}<br />
<br />
.mainpage_hubbox, .mainpage_topbox {<br />
padding: 0;<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.mainpage_newscell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);<br />
background-repeat: no-repeat;<br />
background-position: 99% 0.3em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_downloadcell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);<br />
background-repeat: no-repeat;<br />
background-position: 96% 0.33em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_opportunitiescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_featuredpagescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_mwtitle {<br />
color: #005288;<br />
}<br />
<br />
.mainpage_notice {<br />
background: #f9f9f9;<br />
border: 1px solid #aaaaaa;<br />
margin: 0.2em 10px 10px;<br />
padding:0.2em 0.4em;<br />
text-align: center;<br />
font-size: 125%<br />
}<br />
<br />
.mainpage_row2,<br />
.mainpage_row3 {<br />
/*display: -webkit-box;*/<br />
/*display: -moz-box;*/<br />
/*display: -ms-flexbox;*/<br />
/*display: -webkit-flex;*/<br />
display: flex;<br />
<br />
flex-flow: row wrap;<br />
<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
width: 32%;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0<br />
}<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
}<br />
.mainpage_row3 .mainpage_downloadcell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
.mainpage_row3 .mainpage_newscell {<br />
flex: 6 0 20em;<br />
margin-left: 1em; <br />
}<br />
.mainpage_row3 .mainpage_opportunitiescell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0;<br />
}<br />
}<br />
@media screen and (max-width: 55em) {<br />
.mainpage_row3 .mainpage_newscell {<br />
order: -1;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
/*<br />
This is the CSS for all skins (for all users) on MediaWiki.org.<br />
<br />
SECTIONS:<br />
1. Indication of namespaces<br />
2. Color classes for content<br />
3. Special pages<br />
4. Main page styling<br />
5. Wikitables, warnings, and other such stylings<br />
6. Templates<br />
7. Some other small things<br />
*/<br />
<br />
/**<br />
* 1. INDICATION OF NAMESPACES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* #content for Vector and Monobook, #mw-content for Timeless */<br />
<br />
/* NS Project + Project_talk (light sky blue) */<br />
.action-view.ns-4 #content, .action-view.ns-4 #mw-content,<br />
.action-view.ns-5 #content, .action-view.ns-5 #mw-content { background-color: #f8fcff; }<br />
.action-view.ns-4 div.thumb,<br />
.action-view.ns-5 div.thumb { border-color: #f8fcff; }<br />
<br />
/* NS MediaWiki + MediaWiki_talk (light grey) */<br />
.action-view.ns-8 #content, .action-view.ns-8 #mw-content,<br />
.action-view.ns-9 #content, .action-view.ns-9 #mw-content { background-color: #f4f4f4; }<br />
.action-view.ns-8 div.thumb,<br />
.action-view.ns-9 div.thumb { border-color: #f4f4f4; }<br />
<br />
/* NS Manual + Manual_talk (light bluish violet) */<br />
.action-view.ns-100 #content, .action-view.ns-100 #mw-content,<br />
.action-view.ns-101 #content, .action-view.ns-101 #mw-content { background-color: #f3f3ff; }<br />
.action-view.ns-100 div.thumb,<br />
.action-view.ns-101 div.thumb { border-color: #f3f3ff; }<br />
<br />
/* NS Help (but NOT Help_talk) (Public Domain icon) */<br />
.action-view.ns-12 #bodyContent {<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);<br />
background-repeat: no-repeat;<br />
/* @noflip */ background-position: right 5em;<br />
}<br />
<br />
/**<br />
* 2. COLOR CLASSES FOR CONTENT<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Border colors */<br />
.borderc1 { border-color: #e9e9e9; border-width: thin; }<br />
.borderc2 { border-color: #aaaaaa; border-width: thin; }<br />
.borderc3 { border-color: #777777; border-width: thin; }<br />
.borderc4 { border-color: #000000; border-width: thin; }<br />
.borderc5 { border-color: #c00000; border-width: thin; }<br />
.borderc6 { border-color: #025e9d; border-width: thin; }<br />
.borderc7 { border-color: #008040; border-width: thin; }<br />
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */<br />
<br />
/* Background colors */<br />
.backgroundc1 { background-color: #ffffff; } /* Used by [[Template:Welcome]]. */<br />
.backgroundc2 { background-color: #f9f9f9; }<br />
.backgroundc3 { background-color: #eeeeee; }<br />
.backgroundc4 { background-color: #e0e0e0; }<br />
.backgroundc5 { background-color: #d2d2d2; }<br />
.backgroundc6 { background-color: #b7b7b7; }<br />
.backgroundc7 { background-color: #a3a3a3; }<br />
.backgroundc8 { background-color: #444455; }<br />
<br />
/**<br />
* 3. SPECIAL PAGES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Consistent special page navigation */<br />
.SpecialPageInfo {<br />
background-color: #f9f9f9;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);<br />
background-position: 0.8em 0.5em;<br />
background-repeat: no-repeat;<br />
padding: 0.3em 0.5em 0.3em 5.0em;<br />
border-color: #025e9d;<br />
border-width: 1px;<br />
border-style: solid;<br />
border-bottom-width: medium;<br />
margin-bottom: 1em;<br />
}<br />
<br />
.mw-viewprevnext {<br />
display: block;<br />
border: 1px solid #cccccc;<br />
background-color: #f9f9f2;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
/*<br />
* Hide elements on the main page. <br />
*/<br />
.page-MediaWiki #lastmod,<br />
.page-MediaWiki #siteSub,<br />
.page-MediaWiki #contentSub,<br />
.page-MediaWiki .subtitle,<br />
.page-MediaWiki #jump-to-nav,<br />
.page-MediaWiki .firstHeading {<br />
display: none;<br />
}<br />
<br />
/**<br />
* 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Custom h* styles (blue headings) */<br />
.wikitable td.hl3,<br />
.wikitable th.hl3 {<br />
background-color: #8da7d6;<br />
}<br />
.wikitable td.hl1,<br />
.wikitable th.hl1 {<br />
background: #c5d8fc;<br />
}<br />
.wikitable td.hl2,<br />
.wikitable th.hl2 {<br />
background: #a7c1f2;<br />
}<br />
<br />
/* Make entire table valign=top, to replace the |valign=top| on every cell. */<br />
.vatop tr,<br />
tr.vatop,<br />
.vatop td,<br />
.vatop th {<br />
vertical-align: top;<br />
}<br />
<br />
/* General purpose "pretty (data) tables" */<br />
table.datatable tr:hover {<br />
background-color: #a7d7f9;<br />
}<br />
<br />
/* SideBox styling */<br />
div.sideBox {<br />
position: relative;<br />
float: right;<br />
background: white;<br />
margin-left: 1em;<br />
border: 1px solid gray;<br />
padding: 0.3em;<br />
width: 200px;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
div.sideBox dl {<br />
padding: 0;<br />
margin: 0 0 0.3em 0;<br />
font-size: 96%;<br />
}<br />
div.sideBox dl dt {<br />
background: none;<br />
margin: 0.4em 0 0 0;<br />
}<br />
div.sideBox dl dd {<br />
margin: 0.1em 0 0 1.1em;<br />
background-color: #f3f3f3;<br />
}<br />
<br />
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */<br />
.majorwarning {<br />
background: yellow;<br />
padding: 0.3em;<br />
text-align: center;<br />
font-size: 125%;<br />
border: 2px solid red;<br />
}<br />
<br />
/* Page headings used throughout the wiki (though not very much at the time of writing…) */<br />
.page-notice,<br />
.page-warning {<br />
border-width: 1px;<br />
border-style: solid;<br />
padding: 0.3em 0.5em;<br />
margin-bottom: 1em;<br />
width: 95%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
text-align: center;<br />
}<br />
<br />
/* Informative notices at the top of pages (blue) */<br />
.page-notice {<br />
background-color: #f9f9f9;<br />
border-color: #025e9d;<br />
text-align: left;<br />
}<br />
<br />
/* Warning information at the top of pages (red) */<br />
.page-warning {<br />
background-color: #ffffff;<br />
border-color: #c51919;<br />
border-width: 2px;<br />
}<br />
.pw-head {<br />
color: #c51919;<br />
font-weight: bold;<br />
}<br />
<br />
/**<br />
* Code conventions examples<br />
* Usage: [[mw:CC/JS]], [[mw:CC/CSS]]<br />
* <syntaxhighlight lang=".." class="tpl-code-positive"></syntaxhighlight><br />
*/<br />
.tpl-code-positive.mw-highlight pre,<br />
.tpl-code-negative.mw-highlight pre {<br />
/* Reset default browser margin of pre (usually margin: 1em 0;)<br />
to be all around */<br />
margin: 1em;<br />
}<br />
/* Use a double selector to override mw-highlight default background color */<br />
.tpl-code-positive.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #00af89;<br />
}<br />
.tpl-code-negative.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #d33;<br />
}<br />
<br />
/**<br />
* 6. TEMPLATES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* [[Template:Extension]], [[Template:Skin]] */<br />
.tpl-infobox {<br />
border: 2px solid #aaaaaa;<br />
width: 280px;<br />
/* @noflip */ clear: right;<br />
/* @noflip */ float: right;<br />
margin: 0 0 0.5em 0.5em;<br />
border-collapse: collapse;<br />
background-color: white;<br />
}<br />
.tpl-infobox td {<br />
border: 2px none #aaaaaa;<br />
padding: 0.2em 0.5em;<br />
border-bottom: 1px solid #f0f0f0 !important;<br />
}<br />
.tpl-infobox-header {<br />
background-color: #aaaaaa;<br />
color: white;<br />
text-align: left;<br />
}<br />
.tpl-infobox-header td {<br />
padding-top: 0.5em;<br />
}<br />
.ext-infobox-header img {<br />
padding: 0 0.2em 0 0.5em;<br />
}<br />
.ext-status-unstable,<br />
.ext-status-unstable td {<br />
border-color: #990000;<br />
}<br />
.ext-status-unstable .ext-infobox-header {<br />
background-color: #990000;<br />
color: #ffff00;<br />
}<br />
.ext-status-experimental,<br />
.ext-status-experimental td {<br />
border-color: #ff4500;<br />
}<br />
.ext-status-experimental .ext-infobox-header {<br />
background-color: #ff4500;<br />
}<br />
.ext-status-beta,<br />
.ext-status-beta td {<br />
border-color: #ffba01;<br />
}<br />
.ext-status-beta .ext-infobox-header {<br />
background-color: #ffba01;<br />
}<br />
.ext-status-stable,<br />
.ext-status-stable td {<br />
border-color: #32cd32;<br />
}<br />
.ext-status-stable .ext-infobox-header {<br />
background-color: #32cd32;<br />
}<br />
.ext-status-unmaintained,<br />
.ext-status-unmaintained td {<br />
border-color: #8b4513;<br />
}<br />
.ext-status-unmaintained .ext-infobox-header {<br />
background-color: #8b4513;<br />
}<br />
.ext-status-magic,<br />
.ext-status-magic td {<br />
border-color: #fe57a1;<br />
}<br />
.ext-status-magic .ext-infobox-header {<br />
color: #000;<br />
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;<br />
}<br />
.ext-status-magic .ext-infobox-header img {<br />
visibility: hidden;<br />
padding-right: 1em;<br />
}<br />
.skin-infobox,<br />
.skin-infobox td {<br />
border-color: #a7d7f9;<br />
}<br />
.skin-infobox-header {<br />
color: #000;<br />
background: #e2f4ff;<br />
}<br />
<br />
/* [[Template:See also]], [[Template:rellink]] etc. */<br />
.rellink,<br />
.dablink,<br />
.mw-tpl-rellink {<br />
font-style: italic;<br />
padding-bottom: 0.4em;<br />
padding-left: 0;<br />
margin-bottom: 0.4em;<br />
color: #555;<br />
border-bottom: 1px solid #ccc;<br />
}<br />
<br />
/* [[Template:Note]] */<br />
.tip,<br />
.note {<br />
padding: 0.5em;<br />
margin: 0.5em 0;<br />
overflow: hidden;<br />
background-color: #F9F9F9;<br />
/* @noflip */ background-position: left 7px top 50%;<br />
background-repeat: no-repeat;<br />
border: 1px solid #DDD;<br />
}<br />
.tip-info,<br />
.note-info {<br />
background-color: #F0F0E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);<br />
border-color: #cc9933;<br />
/* @noflip */ padding-left: 40px;<br />
min-height: 28px;<br />
}<br />
.tip-reminder,<br />
.note-reminder {<br />
background-color: #F6FDEA;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);<br />
border-color: #D6E434;<br />
min-height: 28px;<br />
}<br />
.tip-error,<br />
.note-error {<br />
background-color: #F0E7E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);<br />
border-color: #cc3333;<br />
min-height: 25px;<br />
}<br />
<br />
/* [[Template:Notice]] */<br />
.block-note {<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);<br />
background-repeat: no-repeat;<br />
}<br />
/*<br />
* Using block-contents in the hope that it can apply to all block-level warning templates,<br />
* with different images applied as backgrounds to the wrapping DIV.<br />
*/<br />
.block-contents {<br />
display: block;<br />
padding-left: 20px;<br />
}<br />
<br />
/* [[Template:Documentation]] */<br />
.template-documentation {<br />
clear: both;<br />
margin: 1em 0 0 0;<br />
border: 1px solid #aaa;<br />
background-color: #ecfcf4;<br />
padding: 5px;<br />
}<br />
<br />
/* [[Template:Navbox]] */<br />
.navbox {<br />
/* Navbox container style */<br />
border: 1px solid #aaa;<br />
width: 100%;<br />
margin: auto;<br />
clear: both;<br />
font-size: 88%;<br />
text-align: center;<br />
padding: 1px;<br />
}<br />
.navbox-inner,<br />
.navbox-subgroup {<br />
width: 100%;<br />
}<br />
table.navbox + table.navbox {<br />
/* Single pixel border between adjacent navboxes */<br />
margin-top: -1px;<br />
/* (doesn't work for IE6, but that's okay) */<br />
}<br />
.navbox th,<br />
.navbox-title,<br />
.navbox-abovebelow {<br />
text-align: center;<br />
/* Title and above/below styles */<br />
padding-left: 1em;<br />
padding-right: 1em;<br />
}<br />
th.navbox-group {<br />
/* Group style */<br />
white-space: nowrap;<br />
/* @noflip */<br />
text-align: right;<br />
}<br />
.navbox,<br />
.navbox-subgroup {<br />
background: #fdfdfd;<br />
}<br />
.navbox-list {<br />
/* Must match background color */<br />
border-color: #fdfdfd;<br />
}<br />
.navbox th,<br />
.navbox-title {<br />
/* Level 1 color */<br />
background: #ccccff;<br />
}<br />
.navbox-abovebelow,<br />
th.navbox-group,<br />
.navbox-subgroup .navbox-title {<br />
/* Level 2 color */<br />
background: #ddddff;<br />
}<br />
.navbox-subgroup .navbox-group,<br />
.navbox-subgroup .navbox-abovebelow {<br />
/* Level 3 color */<br />
background: #e6e6ff;<br />
}<br />
.navbox-even {<br />
/* Even row striping */<br />
background: #f7f7f7;<br />
}<br />
.navbox-odd {<br />
/* Odd row striping */<br />
background: transparent;<br />
}<br />
.navbox .hlist td dl,<br />
.navbox .hlist td ol,<br />
.navbox .hlist td ul,<br />
.navbox td.hlist dl,<br />
.navbox td.hlist ol,<br />
.navbox td.hlist ul {<br />
/* Adjust hlist padding in navboxes */<br />
padding: 0.125em 0;<br />
}<br />
.navbox .hlist dd,<br />
.navbox .hlist dt,<br />
.navbox .hlist li {<br />
/* Nowrap list items in navboxes */<br />
white-space: nowrap;<br />
/* IE < 8 no-wraps entire list, so disable it */<br />
white-space: normal !ie;<br />
}<br />
.navbox .hlist dd dl,<br />
.navbox .hlist dt dl,<br />
.navbox .hlist li ol,<br />
.navbox .hlist li ul {<br />
/* But allow parent list items to be wrapped */<br />
white-space: normal;<br />
}<br />
ol + table.navbox,<br />
ul + table.navbox {<br />
/* Prevent lists from clinging to navboxes */<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* [[Template:Navbar]] */<br />
.navbar {<br />
display: inline;<br />
font-size: 88%;<br />
font-weight: normal;<br />
}<br />
.navbar ul {<br />
display: inline;<br />
white-space: nowrap;<br />
}<br />
.navbar li {<br />
word-spacing: -0.125em;<br />
}<br />
/* Navbar styling when nested in navbox */<br />
.navbox .navbar {<br />
display: block;<br />
font-size: 100%;<br />
}<br />
.navbox-title .navbar {<br />
/* @noflip */<br />
float: left;<br />
/* @noflip */<br />
text-align: left;<br />
/* @noflip */<br />
margin-right: 0.5em;<br />
width: 6em;<br />
}<br />
/* [[Template:Cmd]] */<br />
.cmd:before {<br />
content: "$ ";<br />
color: #246;<br />
}<br />
<br />
/**<br />
* 7. SOME OTHER SMALL THINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Allow people to optionally wrap lines in source listings */<br />
div.wrapPreLines pre {<br />
white-space: pre-wrap;<br />
}<br />
<br />
/* Give a bit of space to the TOC */<br />
#toc {<br />
margin: 1em 0;<br />
}<br />
<br />
/*<br />
* Allow limiting of which header levels are shown in a TOC;<br />
* <div class="toclimit-3">, for instance, will limit to<br />
* showing ==headings== and ===headings=== but no further.<br />
* Used in [[Template:TOC]]<br />
*/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
<br />
/* make the list of references look smaller and highlight clicked reference in blue */<br />
ol.references {<br />
font-size: 100%;<br />
}<br />
.references-small {<br />
font-size: 90%;<br />
}<br />
ol.references > li:target {<br />
background-color: #ddeeff;<br />
}<br />
sup.reference:target {<br />
background-color: #ddeeff;<br />
}<br />
<br />
<br />
/*<br />
* Styling for links generated by [[MediaWiki:Edittools]]<br />
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling<br />
* @updated 2012-02-29<br />
*/<br />
.mw-charinsert-buttons {<br />
margin-top: 10px;<br />
border: 1px solid #aaaaaa;<br />
padding: 1px;<br />
text-align: center;<br />
font-size: 110%;<br />
}<br />
.mw-charinsert-buttons a {<br />
color: black;<br />
background-color: #cde !important;<br />
font-weight: bold;<br />
font-size: .9em;<br />
text-decoration: none;<br />
border: thin #069 outset;<br />
padding: 0 .1em .1em;<br />
}<br />
.mw-charinsert-buttons a:hover,<br />
.mw-charinsert-buttons a:active {<br />
background-color: #bcd;<br />
border-style: inset;<br />
}<br />
.client-js .mw-edittools-section {<br />
display: inline;<br />
}<br />
.client-js .mw-edittools-section input[type="button"] {<br />
font-size: 0.9em;<br />
padding-left: 1px;<br />
padding-right: 1px;<br />
margin-left: 1px;<br />
}<br />
<br />
/* from [[User:Splarka/Help:Linked images]] */<br />
.imagelink_wikilogo a {<br />
width: 135px;<br />
height: 135px;<br />
display: block;<br />
text-decoration: none;<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);<br />
}<br />
<br />
/*<br />
* Infoboxes<br />
*/<br />
.infobox {<br />
float: right;<br />
clear: right;<br />
margin-bottom: 0.5em;<br />
margin-left: 1em;<br />
padding: 0.2em;<br />
border: 1px solid #AAA;<br />
background: #F9F9F9;<br />
color: black;<br />
}<br />
<br />
.infobox td,<br />
.infobox th {<br />
vertical-align: top;<br />
}<br />
<br />
.infobox caption {<br />
margin-left: inherit;<br />
font-size: larger;<br />
}<br />
<br />
.infobox.bordered {<br />
border-collapse: collapse;<br />
}<br />
<br />
.infobox.bordered td,<br />
.infobox.bordered th {<br />
border: 1px solid #AAA;<br />
}<br />
<br />
.infobox.bordered .borderless td,<br />
.infobox.bordered .borderless th {<br />
border: 0;<br />
}<br />
<br />
/*<br />
* Apparently the namespaces parameter<br />
* for inputbox forces a checkbox.<br />
* Let's hide it in the API sidebar<br />
*/<br />
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],<br />
#mw-inputbox-ns104 {<br />
display: none;<br />
}<br />
<br />
/* Testing for code review */<br />
div.mw-wordcloud {<br />
width: 100%;<br />
text-align: justify;<br />
}<br />
<br />
.mw-wordcloud-size-1 {<br />
color: #222;<br />
font-size: 2.4em;<br />
}<br />
.mw-wordcloud-size-2 {<br />
color: #333;<br />
font-size: 2.2em;<br />
}<br />
.mw-wordcloud-size-3 {<br />
color: #444;<br />
font-size: 2.0em;<br />
}<br />
.mw-wordcloud-size-4 {<br />
color: #555;<br />
font-size: 1.8em;<br />
}<br />
.mw-wordcloud-size-5 {<br />
color: #666;<br />
font-size: 1.6em;<br />
}<br />
.mw-wordcloud-size-6 {<br />
color: #777;<br />
font-size: 1.4em;<br />
}<br />
.mw-wordcloud-size-7 {<br />
color: #888;<br />
font-size: 1.2em;<br />
}<br />
.mw-wordcloud-size-8 {<br />
color: #999;<br />
font-size: 1em;<br />
}<br />
.mw-wordcloud-size-9 {<br />
color: #aaa;<br />
font-size: 0.8em;<br />
letter-spacing: 3px;<br />
}<br />
.mw-wordcloud-size-10,<br />
.mw-wordcloud-size-0 {<br />
color: #bbb;<br />
font-size: 0.8em;<br />
}<br />
<br />
/* @todo FIXME: document me :) */<br />
#signuptopbox li {<br />
float: left;<br />
list-style: none;<br />
font-family: sans-serif;<br />
}<br />
#signuptopbox li {<br />
color: #3ca7d4;<br />
background: #c2e1f9;<br />
line-height: 2.8em;<br />
margin-right: .25em;<br />
padding-right: .5em;<br />
}<br />
#signuptopbox li.pr-active,<br />
#signuptopbox li.pr-active div {<br />
color: #67ca36;<br />
background: #d4f9c2;<br />
border-color: #fff #fff #fff #67ca36;<br />
}<br />
#signuptopbox li div {<br />
width: 0;<br />
height: 0;<br />
border-color: #fff #fff #fff #3CA7D4;<br />
border-style: solid;<br />
border-width: 1.4em .3em 1.4em 1.4em;<br />
float: left;<br />
}<br />
#signuptopbox li span.pr-number {<br />
display: block;<br />
width: 1.8em;<br />
line-height: 1.8em;<br />
background: #3ca7d4;<br />
color: #c2e1f9;<br />
text-align: center;<br />
margin: .5em;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
-ms-border-radius: 50%;<br />
-o-border-radius: 50%;<br />
border-radius: 50%;<br />
font-weight: 600;<br />
float: left;<br />
}<br />
#signuptopbox li.pr-active span.pr-number {<br />
background: #67ca36;<br />
color: #d4f9c2;<br />
}<br />
#signuptopbox li span {<br />
float: left;<br />
}<br />
#signuptopbox li.pr-spacer {<br />
padding: 0;<br />
}<br />
<br />
/* Breadcrumb code */<br />
.breadcrumb {<br />
list-style: none;<br />
overflow: hidden;<br />
font: 14px Helvetica, Arial, sans-serif;<br />
}<br />
.breadcrumb li {<br />
float: left;<br />
margin-bottom: 0;<br />
}<br />
.breadcrumb li a {<br />
color: white;<br />
text-decoration: none;<br />
padding: 10px 0 10px 45px;<br />
position: relative;<br />
display: block;<br />
float: left;<br />
}<br />
<br />
.breadcrumb li a:after {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
/* Go big on the size, and let overflow hide */<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
left: 100%;<br />
z-index: 2;<br />
}<br />
<br />
.breadcrumb li a:before {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
border-left: 31px solid white;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
margin-left: 1px;<br />
left: 100%;<br />
z-index: 1;<br />
}<br />
<br />
.breadcrumb li:first-child a {<br />
padding-left: 20px;<br />
}<br />
<br />
.currentcrumb a {<br />
background: #069;<br />
}<br />
<br />
.currentcrumb a:after {<br />
border-left: 30px solid #069;<br />
}<br />
<br />
.currentcrumb a:hover,<br />
.prevcrumb a:hover,<br />
.nextcrumb a:hover {<br />
background: #002d44;<br />
}<br />
<br />
.currentcrumb a:hover:after,<br />
.prevcrumb a:hover:after,<br />
.nextcrumb a:hover:after {<br />
border-left-color: #002d44 !important;<br />
}<br />
<br />
.prevcrumb a {<br />
background: #396;<br />
}<br />
<br />
.prevcrumb a:after {<br />
border-left: 30px solid #396;<br />
}<br />
<br />
.nextcrumb a {<br />
background: #999;<br />
}<br />
<br />
.nextcrumb a:after {<br />
border-left: 30px solid #999;<br />
}<br />
<br />
/* To facilitate rtl translations */<br />
#bodyContent .table-RTL a {<br />
background: none;<br />
padding-right: 0;<br />
}<br />
<br />
#bodyContent .table-RTL ul {<br />
margin-right: 10px;<br />
display: table;<br />
}<br />
<br />
/* Fix annoying bug where the "date" column in the LQT sometimes<br />
* is two rows because of the date being too long even through there is<br />
* enough space (otherwise the browser makes it's own decision on where to cut)<br />
*/<br />
.lqt_toc th:nth-child(3),<br />
.lqt_toc td:nth-child(3) {<br />
white-space: nowrap;<br />
}<br />
<br />
.persian {<br />
font-family: Tahoma;<br />
}<br />
<br />
/* Fonts for Persian language for consistency with other Wikimedia wikis */<br />
:lang(fa) {<br />
font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;<br />
}<br />
<br />
/*<br />
* Manual:Database_layout<br />
*/<br />
.mwmanual-dbview-box img {<br />
opacity: 0.5;<br />
}<br />
.mwmanual-dbview-box:hover img {<br />
opacity: 0.8;<br />
}<br />
.mwmanual-dbview-link {<br />
background: rgb(198, 212, 235);<br />
background: hsla(217, 48%, 85%, 0.8);<br />
border: 1px solid #0645AD;<br />
border-radius: 4px;<br />
padding: 10px 5px;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.mwmanual-dbview-box:hover .mwmanual-dbview-link {<br />
background: hsla(215, 46%, 95%, 0.8);<br />
}<br />
.mwmanual-dbview-link:hover {<br />
background: hsla(215, 46%, 95%, 0.9);<br />
}<br />
<br />
/*<br />
* VisualEditor documentation styles - required for displaying document diagrams<br />
*/<br />
.ve-doc-dm-data {<br />
list-style: none;<br />
cursor: default;<br />
}<br />
.ve-doc-dm-data li {<br />
font-family: sans-serif;<br />
text-align: center;<br />
line-height: 2.25em;<br />
display: inline-block;<br />
width: 2.25em;<br />
height: 2.25em;<br />
border: solid 2px white;<br />
}<br />
.ve-doc-dm-data li.ve-doc-dm-cursor {<br />
width: 0.5em;<br />
}<br />
.ve-doc-dm-cursor:hover {<br />
border-color: #cccccc;<br />
}<br />
.ve-doc-dm-open,<br />
.ve-doc-dm-close {<br />
background-color: #50a5f4;<br />
color: #7ddcfd;<br />
}<br />
.ve-doc-dm-open:hover,<br />
.ve-doc-dm-close:hover {<br />
border-color: #7ddcfd;<br />
}<br />
.ve-doc-dm-close {<br />
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);<br />
background-size: contain;<br />
background-position: left top;<br />
background-repeat: no-repeat;<br />
}<br />
.ve-doc-dm-char,<br />
.ve-doc-dm-achar {<br />
border-radius: 3em;<br />
}<br />
.ve-doc-dm-char {<br />
background-color: #7bcc45;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-char:hover {<br />
border-color: #b6f26c;<br />
}<br />
.ve-doc-dm-achar {<br />
background-color: #fa952c;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-achar:hover {<br />
border-color: #fed045;<br />
}<br />
.ve-doc-dm-element-text {<br />
color: #50a5f4;<br />
}<br />
.ve-doc-dm-char-text {<br />
color: #7bcc45;<br />
}<br />
.ve-doc-dm-achar-text {<br />
color: #fa952c;<br />
}<br />
<br />
/* For templates in Category:VisualEditor tests templates */<br />
tt.ve-typing-test {<br />
color: white;<br />
background-color: black;<br />
padding: 0 1em 0 1em;<br />
}<br />
<br />
/**<br />
* Style for horizontal lists (separator following item).<br />
* @source mediawiki.org/wiki/Snippets/Horizontal_lists<br />
* @revision 6 (2014-05-09)<br />
* @author [[User:Edokter]]<br />
*/<br />
.hlist dl,<br />
.hlist ol,<br />
.hlist ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
/* Display list items inline */<br />
.hlist dd,<br />
.hlist dt,<br />
.hlist li {<br />
margin: 0;<br />
display: inline;<br />
}<br />
/* Display nested lists inline */<br />
.hlist.inline,<br />
.hlist.inline dl,<br />
.hlist.inline ol,<br />
.hlist.inline ul,<br />
.hlist dl dl, .hlist dl ol, .hlist dl ul,<br />
.hlist ol dl, .hlist ol ol, .hlist ol ul,<br />
.hlist ul dl, .hlist ul ol, .hlist ul ul {<br />
display: inline;<br />
}<br />
/* Generate interpuncts */<br />
.hlist dt:after {<br />
content: ": ";<br />
}<br />
.hlist dd:after,<br />
.hlist li:after {<br />
content: " · ";<br />
font-weight: bold;<br />
}<br />
.hlist dd:last-child:after,<br />
.hlist dt:last-child:after,<br />
.hlist li:last-child:after {<br />
content: none;<br />
}<br />
/* Add parentheses around nested lists */<br />
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,<br />
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,<br />
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {<br />
content: " (";<br />
font-weight: normal;<br />
}<br />
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,<br />
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,<br />
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {<br />
content: ") ";<br />
font-weight: normal;<br />
}<br />
/* Put ordinals in front of ordered list items */<br />
.hlist ol {<br />
counter-reset: listitem;<br />
}<br />
.hlist ol > li {<br />
counter-increment: listitem;<br />
}<br />
.hlist ol > li:before {<br />
content: " " counter(listitem) " ";<br />
white-space: nowrap;<br />
}<br />
.hlist dd ol > li:first-child:before,<br />
.hlist dt ol > li:first-child:before,<br />
.hlist li ol > li:first-child:before {<br />
content: " (" counter(listitem) " ";<br />
}<br />
/* end hlist */<br />
<br />
/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */<br />
<br />
.banner-image {<br />
position: relative;<br />
overflow: hidden;<br />
max-width: 1800px;<br />
height: auto;<br />
margin-bottom: .6em;<br />
}<br />
.banner-image img {<br />
max-width: 100%;<br />
height: auto;<br />
width: auto\9;<br />
}<br />
.banner-box {<br />
position: absolute;<br />
z-index: 2;<br />
margin-top: 2.5em;<br />
color: white;<br />
min-width: 20em;<br />
text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;<br />
}<br />
.banner-box-wide { width: 80% }<br />
.banner-box-left {<br />
left: 5%;<br />
text-align: left;<br />
}<br />
.banner-box-right {<br />
right: 5%;<br />
text-align: right;<br />
}<br />
.banner-box .name {<br />
font-size: 3em;<br />
white-space: nowrap;<br />
line-height: 1.2em;<br />
}<br />
.banner-box .type {<br />
font-size: 2em;<br />
line-height: 1.2em;<br />
}<br />
<br />
.mf-mobile-only,<br />
.lqt-talkpage-search {<br />
display: none;<br />
}<br />
<br />
/* Phabricator-like tag styling */<br />
.phui-tag {<br />
-webkit-font-smoothing: antialiased;<br />
background-color: #e7e7e7;<br />
border-color: #e7e7e7;<br />
border-radius: 3px;<br />
border: 1px solid transparent;<br />
font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;<br />
line-height: 1.51em;<br />
padding: 0 4px;<br />
}<br />
<br />
.mw-body .phui-tag a.external {<br />
background-image: none;<br />
padding-right: 0;<br />
text-decoration: none;<br />
color: black;<br />
font-weight: bold;<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4610User:Al1782018-06-20T23:06:58Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox ncfbox3"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox ncfbox3"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox ncfbox3"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<hr><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox ncfbox2"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox ncfbox2"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div></div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4609User:Al1782018-06-20T23:05:54Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox ncfbox3"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox ncfbox3"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox ncfbox3"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<br />
</div><br />
<br></div>Al178https://help.ncf.ca/index.php?title=MediaWiki:Common.css&diff=4608MediaWiki:Common.css2018-06-20T23:05:14Z<p>Al178: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
<br />
<br />
<br />
/* NCF Additions */<br />
<br />
.ncfrow {<br />
display: flex;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
<br />
.ncfbox {<br />
border: solid darkgrey 1px;<br />
box-sizing: border-box;<br />
float: left;<br />
} <br />
<br />
.ncfbox5 {<br />
width: 19%;<br />
}<br />
<br />
.ncfbox4 {<br />
width: 24%;<br />
}<br />
<br />
<br />
.ncfbox3 {<br />
width: 32%;<br />
}<br />
<br />
.ncfbox2 {<br />
width: 49%;<br />
}<br />
<br />
.ncfboxtitle {<br />
font-size: 105%;<br />
/* padding: 0.4em; */<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.ncfboxcontents {<br />
background: #ffffff;<br />
/* padding: 0.2em 0.4em; */<br />
}<br />
<br />
<br />
/* Mediawiki Main Page Styles /*<br />
<br />
.mainpage_topbox {<br />
background: #f9f9f9;<br />
margin: 1em 0;<br />
}<br />
<br />
.mainpage_layouttable {<br />
border: 0;<br />
margin: 0;<br />
width: 100%;<br />
border-spacing: 10px;<br />
}<br />
.mainpage_layouttable * > tr > td {<br />
vertical-align: top;<br />
}<br />
<br />
.mainpage_boxtitle {<br />
font-size: 105%;<br />
padding: 0.4em;<br />
background-color: #eeeeee;<br />
font-weight: bold;<br />
min-height: 2em;<br />
vertical-align: middle;<br />
}<br />
<br />
.mainpage_pagetitle {<br />
color: #cf7606;<br />
font-size: 200%;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_sitelinks {<br />
padding: 0.2em;<br />
text-align: center;<br />
background-color: white;<br />
font-weight: bold;<br />
}<br />
<br />
.mainpage_hubtitle {<br />
text-align: center;<br />
}<br />
<br />
.mainpage_boxcontents {<br />
background: #ffffff;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
.mainpage_boxcontents_small {<br />
font-size: 95%;<br />
}<br />
<br />
.mainpage_boxcontents_title {<br />
display: block;<br />
border-bottom: 1px solid #AAA;<br />
margin-bottom: 0.5em;<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: larger;<br />
}<br />
<br />
.mainpage_middleblock .mainpage_hubbox {<br />
width: 33%;<br />
}<br />
<br />
.mainpage_hubbox, .mainpage_topbox {<br />
padding: 0;<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.mainpage_newscell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);<br />
background-repeat: no-repeat;<br />
background-position: 99% 0.3em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_downloadcell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);<br />
background-repeat: no-repeat;<br />
background-position: 96% 0.33em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_opportunitiescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_featuredpagescell .mainpage_boxtitle {<br />
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);<br />
background-repeat: no-repeat;<br />
background-position: 98% 0.15em;<br />
padding-right: 25px;<br />
}<br />
<br />
.mainpage_mwtitle {<br />
color: #005288;<br />
}<br />
<br />
.mainpage_notice {<br />
background: #f9f9f9;<br />
border: 1px solid #aaaaaa;<br />
margin: 0.2em 10px 10px;<br />
padding:0.2em 0.4em;<br />
text-align: center;<br />
font-size: 125%<br />
}<br />
<br />
.mainpage_row2,<br />
.mainpage_row3 {<br />
/*display: -webkit-box;*/<br />
/*display: -moz-box;*/<br />
/*display: -ms-flexbox;*/<br />
/*display: -webkit-flex;*/<br />
display: flex;<br />
<br />
flex-flow: row wrap;<br />
<br />
justify-content: space-between;<br />
margin: 1em 0;<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
width: 32%;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row2 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0<br />
}<br />
}<br />
@media screen and (min-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
float: left;<br />
}<br />
.mainpage_row3 .mainpage_downloadcell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
.mainpage_row3 .mainpage_newscell {<br />
flex: 6 0 20em;<br />
margin-left: 1em; <br />
}<br />
.mainpage_row3 .mainpage_opportunitiescell {<br />
flex: 1 2 15em;<br />
min-width: 10em;<br />
max-width: 20em;<br />
}<br />
}<br />
@media screen and (max-width: 45em) {<br />
.mainpage_row3 .mainpage_hubbox {<br />
box-sizing: border-box;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin: 0.5em 0;<br />
}<br />
}<br />
@media screen and (max-width: 55em) {<br />
.mainpage_row3 .mainpage_newscell {<br />
order: -1;<br />
flex: 1 0 100%;<br />
width: 100%;<br />
margin-left: 0;<br />
}<br />
}<br />
<br />
/*<br />
This is the CSS for all skins (for all users) on MediaWiki.org.<br />
<br />
SECTIONS:<br />
1. Indication of namespaces<br />
2. Color classes for content<br />
3. Special pages<br />
4. Main page styling<br />
5. Wikitables, warnings, and other such stylings<br />
6. Templates<br />
7. Some other small things<br />
*/<br />
<br />
/**<br />
* 1. INDICATION OF NAMESPACES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* #content for Vector and Monobook, #mw-content for Timeless */<br />
<br />
/* NS Project + Project_talk (light sky blue) */<br />
.action-view.ns-4 #content, .action-view.ns-4 #mw-content,<br />
.action-view.ns-5 #content, .action-view.ns-5 #mw-content { background-color: #f8fcff; }<br />
.action-view.ns-4 div.thumb,<br />
.action-view.ns-5 div.thumb { border-color: #f8fcff; }<br />
<br />
/* NS MediaWiki + MediaWiki_talk (light grey) */<br />
.action-view.ns-8 #content, .action-view.ns-8 #mw-content,<br />
.action-view.ns-9 #content, .action-view.ns-9 #mw-content { background-color: #f4f4f4; }<br />
.action-view.ns-8 div.thumb,<br />
.action-view.ns-9 div.thumb { border-color: #f4f4f4; }<br />
<br />
/* NS Manual + Manual_talk (light bluish violet) */<br />
.action-view.ns-100 #content, .action-view.ns-100 #mw-content,<br />
.action-view.ns-101 #content, .action-view.ns-101 #mw-content { background-color: #f3f3ff; }<br />
.action-view.ns-100 div.thumb,<br />
.action-view.ns-101 div.thumb { border-color: #f3f3ff; }<br />
<br />
/* NS Help (but NOT Help_talk) (Public Domain icon) */<br />
.action-view.ns-12 #bodyContent {<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);<br />
background-repeat: no-repeat;<br />
/* @noflip */ background-position: right 5em;<br />
}<br />
<br />
/**<br />
* 2. COLOR CLASSES FOR CONTENT<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Border colors */<br />
.borderc1 { border-color: #e9e9e9; border-width: thin; }<br />
.borderc2 { border-color: #aaaaaa; border-width: thin; }<br />
.borderc3 { border-color: #777777; border-width: thin; }<br />
.borderc4 { border-color: #000000; border-width: thin; }<br />
.borderc5 { border-color: #c00000; border-width: thin; }<br />
.borderc6 { border-color: #025e9d; border-width: thin; }<br />
.borderc7 { border-color: #008040; border-width: thin; }<br />
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */<br />
<br />
/* Background colors */<br />
.backgroundc1 { background-color: #ffffff; } /* Used by [[Template:Welcome]]. */<br />
.backgroundc2 { background-color: #f9f9f9; }<br />
.backgroundc3 { background-color: #eeeeee; }<br />
.backgroundc4 { background-color: #e0e0e0; }<br />
.backgroundc5 { background-color: #d2d2d2; }<br />
.backgroundc6 { background-color: #b7b7b7; }<br />
.backgroundc7 { background-color: #a3a3a3; }<br />
.backgroundc8 { background-color: #444455; }<br />
<br />
/**<br />
* 3. SPECIAL PAGES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Consistent special page navigation */<br />
.SpecialPageInfo {<br />
background-color: #f9f9f9;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);<br />
background-position: 0.8em 0.5em;<br />
background-repeat: no-repeat;<br />
padding: 0.3em 0.5em 0.3em 5.0em;<br />
border-color: #025e9d;<br />
border-width: 1px;<br />
border-style: solid;<br />
border-bottom-width: medium;<br />
margin-bottom: 1em;<br />
}<br />
<br />
.mw-viewprevnext {<br />
display: block;<br />
border: 1px solid #cccccc;<br />
background-color: #f9f9f2;<br />
padding: 0.2em 0.4em;<br />
}<br />
<br />
/*<br />
* Hide elements on the main page. <br />
*/<br />
.page-MediaWiki #lastmod,<br />
.page-MediaWiki #siteSub,<br />
.page-MediaWiki #contentSub,<br />
.page-MediaWiki .subtitle,<br />
.page-MediaWiki #jump-to-nav,<br />
.page-MediaWiki .firstHeading {<br />
display: none;<br />
}<br />
<br />
/**<br />
* 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Custom h* styles (blue headings) */<br />
.wikitable td.hl3,<br />
.wikitable th.hl3 {<br />
background-color: #8da7d6;<br />
}<br />
.wikitable td.hl1,<br />
.wikitable th.hl1 {<br />
background: #c5d8fc;<br />
}<br />
.wikitable td.hl2,<br />
.wikitable th.hl2 {<br />
background: #a7c1f2;<br />
}<br />
<br />
/* Make entire table valign=top, to replace the |valign=top| on every cell. */<br />
.vatop tr,<br />
tr.vatop,<br />
.vatop td,<br />
.vatop th {<br />
vertical-align: top;<br />
}<br />
<br />
/* General purpose "pretty (data) tables" */<br />
table.datatable tr:hover {<br />
background-color: #a7d7f9;<br />
}<br />
<br />
/* SideBox styling */<br />
div.sideBox {<br />
position: relative;<br />
float: right;<br />
background: white;<br />
margin-left: 1em;<br />
border: 1px solid gray;<br />
padding: 0.3em;<br />
width: 200px;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
div.sideBox dl {<br />
padding: 0;<br />
margin: 0 0 0.3em 0;<br />
font-size: 96%;<br />
}<br />
div.sideBox dl dt {<br />
background: none;<br />
margin: 0.4em 0 0 0;<br />
}<br />
div.sideBox dl dd {<br />
margin: 0.1em 0 0 1.1em;<br />
background-color: #f3f3f3;<br />
}<br />
<br />
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */<br />
.majorwarning {<br />
background: yellow;<br />
padding: 0.3em;<br />
text-align: center;<br />
font-size: 125%;<br />
border: 2px solid red;<br />
}<br />
<br />
/* Page headings used throughout the wiki (though not very much at the time of writing…) */<br />
.page-notice,<br />
.page-warning {<br />
border-width: 1px;<br />
border-style: solid;<br />
padding: 0.3em 0.5em;<br />
margin-bottom: 1em;<br />
width: 95%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
text-align: center;<br />
}<br />
<br />
/* Informative notices at the top of pages (blue) */<br />
.page-notice {<br />
background-color: #f9f9f9;<br />
border-color: #025e9d;<br />
text-align: left;<br />
}<br />
<br />
/* Warning information at the top of pages (red) */<br />
.page-warning {<br />
background-color: #ffffff;<br />
border-color: #c51919;<br />
border-width: 2px;<br />
}<br />
.pw-head {<br />
color: #c51919;<br />
font-weight: bold;<br />
}<br />
<br />
/**<br />
* Code conventions examples<br />
* Usage: [[mw:CC/JS]], [[mw:CC/CSS]]<br />
* <syntaxhighlight lang=".." class="tpl-code-positive"></syntaxhighlight><br />
*/<br />
.tpl-code-positive.mw-highlight pre,<br />
.tpl-code-negative.mw-highlight pre {<br />
/* Reset default browser margin of pre (usually margin: 1em 0;)<br />
to be all around */<br />
margin: 1em;<br />
}<br />
/* Use a double selector to override mw-highlight default background color */<br />
.tpl-code-positive.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #00af89;<br />
}<br />
.tpl-code-negative.mw-highlight {<br />
background: #fff;<br />
border: 2px solid #d33;<br />
}<br />
<br />
/**<br />
* 6. TEMPLATES<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* [[Template:Extension]], [[Template:Skin]] */<br />
.tpl-infobox {<br />
border: 2px solid #aaaaaa;<br />
width: 280px;<br />
/* @noflip */ clear: right;<br />
/* @noflip */ float: right;<br />
margin: 0 0 0.5em 0.5em;<br />
border-collapse: collapse;<br />
background-color: white;<br />
}<br />
.tpl-infobox td {<br />
border: 2px none #aaaaaa;<br />
padding: 0.2em 0.5em;<br />
border-bottom: 1px solid #f0f0f0 !important;<br />
}<br />
.tpl-infobox-header {<br />
background-color: #aaaaaa;<br />
color: white;<br />
text-align: left;<br />
}<br />
.tpl-infobox-header td {<br />
padding-top: 0.5em;<br />
}<br />
.ext-infobox-header img {<br />
padding: 0 0.2em 0 0.5em;<br />
}<br />
.ext-status-unstable,<br />
.ext-status-unstable td {<br />
border-color: #990000;<br />
}<br />
.ext-status-unstable .ext-infobox-header {<br />
background-color: #990000;<br />
color: #ffff00;<br />
}<br />
.ext-status-experimental,<br />
.ext-status-experimental td {<br />
border-color: #ff4500;<br />
}<br />
.ext-status-experimental .ext-infobox-header {<br />
background-color: #ff4500;<br />
}<br />
.ext-status-beta,<br />
.ext-status-beta td {<br />
border-color: #ffba01;<br />
}<br />
.ext-status-beta .ext-infobox-header {<br />
background-color: #ffba01;<br />
}<br />
.ext-status-stable,<br />
.ext-status-stable td {<br />
border-color: #32cd32;<br />
}<br />
.ext-status-stable .ext-infobox-header {<br />
background-color: #32cd32;<br />
}<br />
.ext-status-unmaintained,<br />
.ext-status-unmaintained td {<br />
border-color: #8b4513;<br />
}<br />
.ext-status-unmaintained .ext-infobox-header {<br />
background-color: #8b4513;<br />
}<br />
.ext-status-magic,<br />
.ext-status-magic td {<br />
border-color: #fe57a1;<br />
}<br />
.ext-status-magic .ext-infobox-header {<br />
color: #000;<br />
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;<br />
}<br />
.ext-status-magic .ext-infobox-header img {<br />
visibility: hidden;<br />
padding-right: 1em;<br />
}<br />
.skin-infobox,<br />
.skin-infobox td {<br />
border-color: #a7d7f9;<br />
}<br />
.skin-infobox-header {<br />
color: #000;<br />
background: #e2f4ff;<br />
}<br />
<br />
/* [[Template:See also]], [[Template:rellink]] etc. */<br />
.rellink,<br />
.dablink,<br />
.mw-tpl-rellink {<br />
font-style: italic;<br />
padding-bottom: 0.4em;<br />
padding-left: 0;<br />
margin-bottom: 0.4em;<br />
color: #555;<br />
border-bottom: 1px solid #ccc;<br />
}<br />
<br />
/* [[Template:Note]] */<br />
.tip,<br />
.note {<br />
padding: 0.5em;<br />
margin: 0.5em 0;<br />
overflow: hidden;<br />
background-color: #F9F9F9;<br />
/* @noflip */ background-position: left 7px top 50%;<br />
background-repeat: no-repeat;<br />
border: 1px solid #DDD;<br />
}<br />
.tip-info,<br />
.note-info {<br />
background-color: #F0F0E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);<br />
border-color: #cc9933;<br />
/* @noflip */ padding-left: 40px;<br />
min-height: 28px;<br />
}<br />
.tip-reminder,<br />
.note-reminder {<br />
background-color: #F6FDEA;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);<br />
border-color: #D6E434;<br />
min-height: 28px;<br />
}<br />
.tip-error,<br />
.note-error {<br />
background-color: #F0E7E7;<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);<br />
border-color: #cc3333;<br />
min-height: 25px;<br />
}<br />
<br />
/* [[Template:Notice]] */<br />
.block-note {<br />
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);<br />
background-repeat: no-repeat;<br />
}<br />
/*<br />
* Using block-contents in the hope that it can apply to all block-level warning templates,<br />
* with different images applied as backgrounds to the wrapping DIV.<br />
*/<br />
.block-contents {<br />
display: block;<br />
padding-left: 20px;<br />
}<br />
<br />
/* [[Template:Documentation]] */<br />
.template-documentation {<br />
clear: both;<br />
margin: 1em 0 0 0;<br />
border: 1px solid #aaa;<br />
background-color: #ecfcf4;<br />
padding: 5px;<br />
}<br />
<br />
/* [[Template:Navbox]] */<br />
.navbox {<br />
/* Navbox container style */<br />
border: 1px solid #aaa;<br />
width: 100%;<br />
margin: auto;<br />
clear: both;<br />
font-size: 88%;<br />
text-align: center;<br />
padding: 1px;<br />
}<br />
.navbox-inner,<br />
.navbox-subgroup {<br />
width: 100%;<br />
}<br />
table.navbox + table.navbox {<br />
/* Single pixel border between adjacent navboxes */<br />
margin-top: -1px;<br />
/* (doesn't work for IE6, but that's okay) */<br />
}<br />
.navbox th,<br />
.navbox-title,<br />
.navbox-abovebelow {<br />
text-align: center;<br />
/* Title and above/below styles */<br />
padding-left: 1em;<br />
padding-right: 1em;<br />
}<br />
th.navbox-group {<br />
/* Group style */<br />
white-space: nowrap;<br />
/* @noflip */<br />
text-align: right;<br />
}<br />
.navbox,<br />
.navbox-subgroup {<br />
background: #fdfdfd;<br />
}<br />
.navbox-list {<br />
/* Must match background color */<br />
border-color: #fdfdfd;<br />
}<br />
.navbox th,<br />
.navbox-title {<br />
/* Level 1 color */<br />
background: #ccccff;<br />
}<br />
.navbox-abovebelow,<br />
th.navbox-group,<br />
.navbox-subgroup .navbox-title {<br />
/* Level 2 color */<br />
background: #ddddff;<br />
}<br />
.navbox-subgroup .navbox-group,<br />
.navbox-subgroup .navbox-abovebelow {<br />
/* Level 3 color */<br />
background: #e6e6ff;<br />
}<br />
.navbox-even {<br />
/* Even row striping */<br />
background: #f7f7f7;<br />
}<br />
.navbox-odd {<br />
/* Odd row striping */<br />
background: transparent;<br />
}<br />
.navbox .hlist td dl,<br />
.navbox .hlist td ol,<br />
.navbox .hlist td ul,<br />
.navbox td.hlist dl,<br />
.navbox td.hlist ol,<br />
.navbox td.hlist ul {<br />
/* Adjust hlist padding in navboxes */<br />
padding: 0.125em 0;<br />
}<br />
.navbox .hlist dd,<br />
.navbox .hlist dt,<br />
.navbox .hlist li {<br />
/* Nowrap list items in navboxes */<br />
white-space: nowrap;<br />
/* IE < 8 no-wraps entire list, so disable it */<br />
white-space: normal !ie;<br />
}<br />
.navbox .hlist dd dl,<br />
.navbox .hlist dt dl,<br />
.navbox .hlist li ol,<br />
.navbox .hlist li ul {<br />
/* But allow parent list items to be wrapped */<br />
white-space: normal;<br />
}<br />
ol + table.navbox,<br />
ul + table.navbox {<br />
/* Prevent lists from clinging to navboxes */<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* [[Template:Navbar]] */<br />
.navbar {<br />
display: inline;<br />
font-size: 88%;<br />
font-weight: normal;<br />
}<br />
.navbar ul {<br />
display: inline;<br />
white-space: nowrap;<br />
}<br />
.navbar li {<br />
word-spacing: -0.125em;<br />
}<br />
/* Navbar styling when nested in navbox */<br />
.navbox .navbar {<br />
display: block;<br />
font-size: 100%;<br />
}<br />
.navbox-title .navbar {<br />
/* @noflip */<br />
float: left;<br />
/* @noflip */<br />
text-align: left;<br />
/* @noflip */<br />
margin-right: 0.5em;<br />
width: 6em;<br />
}<br />
/* [[Template:Cmd]] */<br />
.cmd:before {<br />
content: "$ ";<br />
color: #246;<br />
}<br />
<br />
/**<br />
* 7. SOME OTHER SMALL THINGS<br />
* -------------------------------------------------<br />
*/<br />
<br />
/* Allow people to optionally wrap lines in source listings */<br />
div.wrapPreLines pre {<br />
white-space: pre-wrap;<br />
}<br />
<br />
/* Give a bit of space to the TOC */<br />
#toc {<br />
margin: 1em 0;<br />
}<br />
<br />
/*<br />
* Allow limiting of which header levels are shown in a TOC;<br />
* <div class="toclimit-3">, for instance, will limit to<br />
* showing ==headings== and ===headings=== but no further.<br />
* Used in [[Template:TOC]]<br />
*/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
<br />
/* make the list of references look smaller and highlight clicked reference in blue */<br />
ol.references {<br />
font-size: 100%;<br />
}<br />
.references-small {<br />
font-size: 90%;<br />
}<br />
ol.references > li:target {<br />
background-color: #ddeeff;<br />
}<br />
sup.reference:target {<br />
background-color: #ddeeff;<br />
}<br />
<br />
<br />
/*<br />
* Styling for links generated by [[MediaWiki:Edittools]]<br />
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling<br />
* @updated 2012-02-29<br />
*/<br />
.mw-charinsert-buttons {<br />
margin-top: 10px;<br />
border: 1px solid #aaaaaa;<br />
padding: 1px;<br />
text-align: center;<br />
font-size: 110%;<br />
}<br />
.mw-charinsert-buttons a {<br />
color: black;<br />
background-color: #cde !important;<br />
font-weight: bold;<br />
font-size: .9em;<br />
text-decoration: none;<br />
border: thin #069 outset;<br />
padding: 0 .1em .1em;<br />
}<br />
.mw-charinsert-buttons a:hover,<br />
.mw-charinsert-buttons a:active {<br />
background-color: #bcd;<br />
border-style: inset;<br />
}<br />
.client-js .mw-edittools-section {<br />
display: inline;<br />
}<br />
.client-js .mw-edittools-section input[type="button"] {<br />
font-size: 0.9em;<br />
padding-left: 1px;<br />
padding-right: 1px;<br />
margin-left: 1px;<br />
}<br />
<br />
/* from [[User:Splarka/Help:Linked images]] */<br />
.imagelink_wikilogo a {<br />
width: 135px;<br />
height: 135px;<br />
display: block;<br />
text-decoration: none;<br />
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);<br />
}<br />
<br />
/*<br />
* Infoboxes<br />
*/<br />
.infobox {<br />
float: right;<br />
clear: right;<br />
margin-bottom: 0.5em;<br />
margin-left: 1em;<br />
padding: 0.2em;<br />
border: 1px solid #AAA;<br />
background: #F9F9F9;<br />
color: black;<br />
}<br />
<br />
.infobox td,<br />
.infobox th {<br />
vertical-align: top;<br />
}<br />
<br />
.infobox caption {<br />
margin-left: inherit;<br />
font-size: larger;<br />
}<br />
<br />
.infobox.bordered {<br />
border-collapse: collapse;<br />
}<br />
<br />
.infobox.bordered td,<br />
.infobox.bordered th {<br />
border: 1px solid #AAA;<br />
}<br />
<br />
.infobox.bordered .borderless td,<br />
.infobox.bordered .borderless th {<br />
border: 0;<br />
}<br />
<br />
/*<br />
* Apparently the namespaces parameter<br />
* for inputbox forces a checkbox.<br />
* Let's hide it in the API sidebar<br />
*/<br />
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],<br />
#mw-inputbox-ns104 {<br />
display: none;<br />
}<br />
<br />
/* Testing for code review */<br />
div.mw-wordcloud {<br />
width: 100%;<br />
text-align: justify;<br />
}<br />
<br />
.mw-wordcloud-size-1 {<br />
color: #222;<br />
font-size: 2.4em;<br />
}<br />
.mw-wordcloud-size-2 {<br />
color: #333;<br />
font-size: 2.2em;<br />
}<br />
.mw-wordcloud-size-3 {<br />
color: #444;<br />
font-size: 2.0em;<br />
}<br />
.mw-wordcloud-size-4 {<br />
color: #555;<br />
font-size: 1.8em;<br />
}<br />
.mw-wordcloud-size-5 {<br />
color: #666;<br />
font-size: 1.6em;<br />
}<br />
.mw-wordcloud-size-6 {<br />
color: #777;<br />
font-size: 1.4em;<br />
}<br />
.mw-wordcloud-size-7 {<br />
color: #888;<br />
font-size: 1.2em;<br />
}<br />
.mw-wordcloud-size-8 {<br />
color: #999;<br />
font-size: 1em;<br />
}<br />
.mw-wordcloud-size-9 {<br />
color: #aaa;<br />
font-size: 0.8em;<br />
letter-spacing: 3px;<br />
}<br />
.mw-wordcloud-size-10,<br />
.mw-wordcloud-size-0 {<br />
color: #bbb;<br />
font-size: 0.8em;<br />
}<br />
<br />
/* @todo FIXME: document me :) */<br />
#signuptopbox li {<br />
float: left;<br />
list-style: none;<br />
font-family: sans-serif;<br />
}<br />
#signuptopbox li {<br />
color: #3ca7d4;<br />
background: #c2e1f9;<br />
line-height: 2.8em;<br />
margin-right: .25em;<br />
padding-right: .5em;<br />
}<br />
#signuptopbox li.pr-active,<br />
#signuptopbox li.pr-active div {<br />
color: #67ca36;<br />
background: #d4f9c2;<br />
border-color: #fff #fff #fff #67ca36;<br />
}<br />
#signuptopbox li div {<br />
width: 0;<br />
height: 0;<br />
border-color: #fff #fff #fff #3CA7D4;<br />
border-style: solid;<br />
border-width: 1.4em .3em 1.4em 1.4em;<br />
float: left;<br />
}<br />
#signuptopbox li span.pr-number {<br />
display: block;<br />
width: 1.8em;<br />
line-height: 1.8em;<br />
background: #3ca7d4;<br />
color: #c2e1f9;<br />
text-align: center;<br />
margin: .5em;<br />
-webkit-border-radius: 50%;<br />
-moz-border-radius: 50%;<br />
-ms-border-radius: 50%;<br />
-o-border-radius: 50%;<br />
border-radius: 50%;<br />
font-weight: 600;<br />
float: left;<br />
}<br />
#signuptopbox li.pr-active span.pr-number {<br />
background: #67ca36;<br />
color: #d4f9c2;<br />
}<br />
#signuptopbox li span {<br />
float: left;<br />
}<br />
#signuptopbox li.pr-spacer {<br />
padding: 0;<br />
}<br />
<br />
/* Breadcrumb code */<br />
.breadcrumb {<br />
list-style: none;<br />
overflow: hidden;<br />
font: 14px Helvetica, Arial, sans-serif;<br />
}<br />
.breadcrumb li {<br />
float: left;<br />
margin-bottom: 0;<br />
}<br />
.breadcrumb li a {<br />
color: white;<br />
text-decoration: none;<br />
padding: 10px 0 10px 45px;<br />
position: relative;<br />
display: block;<br />
float: left;<br />
}<br />
<br />
.breadcrumb li a:after {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
/* Go big on the size, and let overflow hide */<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
left: 100%;<br />
z-index: 2;<br />
}<br />
<br />
.breadcrumb li a:before {<br />
content: " ";<br />
display: block;<br />
width: 0;<br />
height: 0;<br />
border-top: 50px solid transparent;<br />
border-bottom: 50px solid transparent;<br />
border-left: 31px solid white;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -50px;<br />
margin-left: 1px;<br />
left: 100%;<br />
z-index: 1;<br />
}<br />
<br />
.breadcrumb li:first-child a {<br />
padding-left: 20px;<br />
}<br />
<br />
.currentcrumb a {<br />
background: #069;<br />
}<br />
<br />
.currentcrumb a:after {<br />
border-left: 30px solid #069;<br />
}<br />
<br />
.currentcrumb a:hover,<br />
.prevcrumb a:hover,<br />
.nextcrumb a:hover {<br />
background: #002d44;<br />
}<br />
<br />
.currentcrumb a:hover:after,<br />
.prevcrumb a:hover:after,<br />
.nextcrumb a:hover:after {<br />
border-left-color: #002d44 !important;<br />
}<br />
<br />
.prevcrumb a {<br />
background: #396;<br />
}<br />
<br />
.prevcrumb a:after {<br />
border-left: 30px solid #396;<br />
}<br />
<br />
.nextcrumb a {<br />
background: #999;<br />
}<br />
<br />
.nextcrumb a:after {<br />
border-left: 30px solid #999;<br />
}<br />
<br />
/* To facilitate rtl translations */<br />
#bodyContent .table-RTL a {<br />
background: none;<br />
padding-right: 0;<br />
}<br />
<br />
#bodyContent .table-RTL ul {<br />
margin-right: 10px;<br />
display: table;<br />
}<br />
<br />
/* Fix annoying bug where the "date" column in the LQT sometimes<br />
* is two rows because of the date being too long even through there is<br />
* enough space (otherwise the browser makes it's own decision on where to cut)<br />
*/<br />
.lqt_toc th:nth-child(3),<br />
.lqt_toc td:nth-child(3) {<br />
white-space: nowrap;<br />
}<br />
<br />
.persian {<br />
font-family: Tahoma;<br />
}<br />
<br />
/* Fonts for Persian language for consistency with other Wikimedia wikis */<br />
:lang(fa) {<br />
font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;<br />
}<br />
<br />
/*<br />
* Manual:Database_layout<br />
*/<br />
.mwmanual-dbview-box img {<br />
opacity: 0.5;<br />
}<br />
.mwmanual-dbview-box:hover img {<br />
opacity: 0.8;<br />
}<br />
.mwmanual-dbview-link {<br />
background: rgb(198, 212, 235);<br />
background: hsla(217, 48%, 85%, 0.8);<br />
border: 1px solid #0645AD;<br />
border-radius: 4px;<br />
padding: 10px 5px;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.mwmanual-dbview-box:hover .mwmanual-dbview-link {<br />
background: hsla(215, 46%, 95%, 0.8);<br />
}<br />
.mwmanual-dbview-link:hover {<br />
background: hsla(215, 46%, 95%, 0.9);<br />
}<br />
<br />
/*<br />
* VisualEditor documentation styles - required for displaying document diagrams<br />
*/<br />
.ve-doc-dm-data {<br />
list-style: none;<br />
cursor: default;<br />
}<br />
.ve-doc-dm-data li {<br />
font-family: sans-serif;<br />
text-align: center;<br />
line-height: 2.25em;<br />
display: inline-block;<br />
width: 2.25em;<br />
height: 2.25em;<br />
border: solid 2px white;<br />
}<br />
.ve-doc-dm-data li.ve-doc-dm-cursor {<br />
width: 0.5em;<br />
}<br />
.ve-doc-dm-cursor:hover {<br />
border-color: #cccccc;<br />
}<br />
.ve-doc-dm-open,<br />
.ve-doc-dm-close {<br />
background-color: #50a5f4;<br />
color: #7ddcfd;<br />
}<br />
.ve-doc-dm-open:hover,<br />
.ve-doc-dm-close:hover {<br />
border-color: #7ddcfd;<br />
}<br />
.ve-doc-dm-close {<br />
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);<br />
background-size: contain;<br />
background-position: left top;<br />
background-repeat: no-repeat;<br />
}<br />
.ve-doc-dm-char,<br />
.ve-doc-dm-achar {<br />
border-radius: 3em;<br />
}<br />
.ve-doc-dm-char {<br />
background-color: #7bcc45;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-char:hover {<br />
border-color: #b6f26c;<br />
}<br />
.ve-doc-dm-achar {<br />
background-color: #fa952c;<br />
color: #fff;<br />
}<br />
.ve-doc-dm-achar:hover {<br />
border-color: #fed045;<br />
}<br />
.ve-doc-dm-element-text {<br />
color: #50a5f4;<br />
}<br />
.ve-doc-dm-char-text {<br />
color: #7bcc45;<br />
}<br />
.ve-doc-dm-achar-text {<br />
color: #fa952c;<br />
}<br />
<br />
/* For templates in Category:VisualEditor tests templates */<br />
tt.ve-typing-test {<br />
color: white;<br />
background-color: black;<br />
padding: 0 1em 0 1em;<br />
}<br />
<br />
/**<br />
* Style for horizontal lists (separator following item).<br />
* @source mediawiki.org/wiki/Snippets/Horizontal_lists<br />
* @revision 6 (2014-05-09)<br />
* @author [[User:Edokter]]<br />
*/<br />
.hlist dl,<br />
.hlist ol,<br />
.hlist ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
/* Display list items inline */<br />
.hlist dd,<br />
.hlist dt,<br />
.hlist li {<br />
margin: 0;<br />
display: inline;<br />
}<br />
/* Display nested lists inline */<br />
.hlist.inline,<br />
.hlist.inline dl,<br />
.hlist.inline ol,<br />
.hlist.inline ul,<br />
.hlist dl dl, .hlist dl ol, .hlist dl ul,<br />
.hlist ol dl, .hlist ol ol, .hlist ol ul,<br />
.hlist ul dl, .hlist ul ol, .hlist ul ul {<br />
display: inline;<br />
}<br />
/* Generate interpuncts */<br />
.hlist dt:after {<br />
content: ": ";<br />
}<br />
.hlist dd:after,<br />
.hlist li:after {<br />
content: " · ";<br />
font-weight: bold;<br />
}<br />
.hlist dd:last-child:after,<br />
.hlist dt:last-child:after,<br />
.hlist li:last-child:after {<br />
content: none;<br />
}<br />
/* Add parentheses around nested lists */<br />
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,<br />
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,<br />
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {<br />
content: " (";<br />
font-weight: normal;<br />
}<br />
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,<br />
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,<br />
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {<br />
content: ") ";<br />
font-weight: normal;<br />
}<br />
/* Put ordinals in front of ordered list items */<br />
.hlist ol {<br />
counter-reset: listitem;<br />
}<br />
.hlist ol > li {<br />
counter-increment: listitem;<br />
}<br />
.hlist ol > li:before {<br />
content: " " counter(listitem) " ";<br />
white-space: nowrap;<br />
}<br />
.hlist dd ol > li:first-child:before,<br />
.hlist dt ol > li:first-child:before,<br />
.hlist li ol > li:first-child:before {<br />
content: " (" counter(listitem) " ";<br />
}<br />
/* end hlist */<br />
<br />
/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */<br />
<br />
.banner-image {<br />
position: relative;<br />
overflow: hidden;<br />
max-width: 1800px;<br />
height: auto;<br />
margin-bottom: .6em;<br />
}<br />
.banner-image img {<br />
max-width: 100%;<br />
height: auto;<br />
width: auto\9;<br />
}<br />
.banner-box {<br />
position: absolute;<br />
z-index: 2;<br />
margin-top: 2.5em;<br />
color: white;<br />
min-width: 20em;<br />
text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;<br />
}<br />
.banner-box-wide { width: 80% }<br />
.banner-box-left {<br />
left: 5%;<br />
text-align: left;<br />
}<br />
.banner-box-right {<br />
right: 5%;<br />
text-align: right;<br />
}<br />
.banner-box .name {<br />
font-size: 3em;<br />
white-space: nowrap;<br />
line-height: 1.2em;<br />
}<br />
.banner-box .type {<br />
font-size: 2em;<br />
line-height: 1.2em;<br />
}<br />
<br />
.mf-mobile-only,<br />
.lqt-talkpage-search {<br />
display: none;<br />
}<br />
<br />
/* Phabricator-like tag styling */<br />
.phui-tag {<br />
-webkit-font-smoothing: antialiased;<br />
background-color: #e7e7e7;<br />
border-color: #e7e7e7;<br />
border-radius: 3px;<br />
border: 1px solid transparent;<br />
font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;<br />
line-height: 1.51em;<br />
padding: 0 4px;<br />
}<br />
<br />
.mw-body .phui-tag a.external {<br />
background-image: none;<br />
padding-right: 0;<br />
text-decoration: none;<br />
color: black;<br />
font-weight: bold;<br />
}</div>Al178https://help.ncf.ca/index.php?title=User:Al178&diff=4607User:Al1782018-06-20T23:03:41Z<p>Al178: </p>
<hr />
<div>:'''''Please Note: This page is in Draft Status and may not be complete or accurate.'''''<br />
<br />
<div class="mainpage_row2"><br />
<div class="mainpage_hubbox"><br />
<div class="mainpage_boxtitle">Box Title</div><br />
<div class="mainpage_boxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="ncfrow"><br />
<div class="ncfbox3"><br />
<div class="ncfboxtitle">Box 1</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<div class="ncfbox3"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<div class="ncfbox3"><br />
<div class="ncfboxtitle">Box 2</div><br />
<div class="ncfboxcontents"><br />
<ul><br />
<li>Content #1</li><br />
<li>Content #2</li><br />
<li>Content #3</li><br />
</ul><br />
</div><br />
</div><br />
<br />
<br />
</div><br />
<br></div>Al178