Epstein Files Full PDF

CLICK HERE
Technopedia Center
PMB University Brochure
Faculty of Engineering and Computer Science
S1 Informatics S1 Information Systems S1 Information Technology S1 Computer Engineering S1 Electrical Engineering S1 Civil Engineering

faculty of Economics and Business
S1 Management S1 Accountancy

Faculty of Letters and Educational Sciences
S1 English literature S1 English language education S1 Mathematics education S1 Sports Education
teknopedia

  • Registerasi
  • Brosur UTI
  • Kip Scholarship Information
  • Performance
Flag Counter
  1. World Encyclopedia
  2. Help:Cascading Style Sheets
Help:Cascading Style Sheets
From Wikipedia, the free encyclopedia
(Redirected from Wikipedia:CSS)
Wikipedia information page
This is an information page.
It is neither an encyclopedia article nor one of Wikipedia's policies or guidelines; rather, its purpose is to explain certain aspects of Wikipedia's norms, customs, technicalities, or practices. It may reflect differing levels of consensus and vetting.
Shortcuts
  • H:CSSH:CSS
  • WP:CSSWP:CSS

Cascading Style Sheets allows for flexible formatting of a page. They should be used instead of tables for non-tabular content whenever possible, because they can be manipulated by the reader or overridden by an author if your CSS is embedded in another page via a template.

Levels of CSS settings

[edit]

Style may be chosen specifically for a piece of content, see e.g., color; scope of parameters

Alternatively, style is specified for CSS selectors, expressed in terms of elements, classes, and ID's. This is done on various levels:

Author style sheets, in this order:

Note: See WP:CLASS for a list of all the style sheets loaded.

MediaWiki core style-sheets

[edit]

Per skin: MediaWiki Manual:Gallery of user styles etc. Typically loaded style sheets:

  • common/shared.css
  • common/commonPrint.css
Skin-specific main file

e.g., monobook/main.css (normal skin for PC's), chick/main.css (normal skin for handhelds)

Browser-specific fixes (also skin-specific)

Examples for Monobook:

  • For Firefox: monobook/FF2Fixes.css
  • For Internet Explorer: monobook/IE60Fixes.css monobook/IE70Fixes.css
  • For Opera: monobook/Opera6Fixes.css monobook/Opera7Fixes.css monobook/Opera9Fixes.css

Site-wide style-sheets

[edit]
  • Site-wide for all skins (desktop view only): MediaWiki:Common.css
  • Site-wide for all skins (mobile view only): MediaWiki:Mobile.css
  • Site-wide per skin: MediaWiki:Vector.css, MediaWiki:Monobook.css, etc.
  • Site-wide for user groups: MediaWiki:Group-user.css, MediaWiki:Group-autoconfirmed.css, etc.
  • Site-wide for specialist purposes: MediaWiki:Print.css, MediaWiki:Noscript.css, MediaWiki:Filepage.css
  • Site-wide if gadgets loaded: see Wikipedia:Gadget for more information

Note: MediaWiki sites other than English Wikipedia may use MediaWiki:Gadget-site.css instead of MediaWiki:Common.css.

Page-specific style-sheets

[edit]

Page-specific style-sheets may be introduced through TemplateStyles. Pages, particularly templates, may also have inline CSS.

Some pages have their own CSS, e.g., MediaWiki:FileUploadWizard.css

User-specific style-sheets

[edit]
  • Global user-specific for all skins: meta:Special:MyPage/global.css
  • User-specific for all skins: Special:MyPage/common.css
  • User-specific per skin: e.g., Special:MyPage/vector.css, or Special:MyPage/skin.css for your current skin
  • User-specific CSS loaded through JavaScript, e.g., loaded at Special:MyPage/common.js
  • User-specific web-wide browser settings: local file referred to in the browser settings, or directly set in the browser

Note that in CSS terminology, the user-specific style sheets are not user style sheets.

Usage

[edit]

An HTML element may be just taken from the wikitext (see HTML in wikitext), e.g., span, or the result of translating wikitext, e.g., the '''...''' code is changed into <b>...</b>, or part of the code for the skin.

A class may be produced by the software, e.g., ns-namespace number for the HTML-element "body", and extiw for an interwiki link in the page body, or taken from the wikitext.

Similarly, an ID may be produced by the software, e.g., bodyContent, or taken from the wikitext.

In the case of conflicting style settings for a piece of content, the resulting setting depends primarily on the indication "!important". Secondarily, if both are important, the user wins, if neither is, the author wins. Tertiarily it depends on specificity. Only lastly, it depends on order between and within style sheets: the last wins. Thus, a User:username/monobook.css does not win from MediaWiki:Monobook.css (both author, not user) if the specificity of the latter is greater. See also cascade.

Supported elements

[edit]

MediaWiki supports most CSS, with such exceptions as the url() attribute. There were some bugs in CSS support in earlier versions.

Further information: the Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

CSS in wikitext

[edit]

You can use CSS styling in HTML elements in your code (see Help:HTML in wikitext for a list of elements supported by MediaWiki) like you would in normal HTML markup.

For example, a <div>...</div> element with a green border and its contents floated to the right would be created with

<div style="float:right; border:thin solid green;">
Here comes a short paragraph that is<br />
contained in a "div" element that is<br />
floated to the right.
</div>

Here comes a short paragraph that is
contained in a "div" element that is
floated to the right.

which would produce the box to the right. Some wikitext elements allow you to insert CSS styling directly into them. An example is the table syntax:

{| style="your style here"
|-
|your table stuff
|}
Further information: Help:Tables

MediaWiki existing styles

[edit]

You may wish to use a style type that is already predefined by MediaWiki, or the site that you are visiting. You can also create a style that is unique to your page.

Vector is the default style, you can view it at: MediaWiki:Vector.css

You will give your CSS tag an existing "class"

Please put a list of existing classes here.

Tips and tricks

[edit]

Non-display

[edit]

In an embedded page, one can hide comments in one version, and show them in another view. One extreme "style" for a text is not displaying it, with

.''classname'' {display: none}
#''id'' {display: none}

etc.

Non-displayed links do not work (as opposed to links in a very small font).

It cannot be used to remove text in expressions for template names, parameter names, parameter values, page names in links, etc.

To view hidden text, download the Web Developer Toolbar for Firefox here, then choose Misc. → show hidden elements in that toolbar. It will make all hidden elements appear.

Non-print

[edit]

One can exclude content from being printed by declaring the content to be of the "noprint" class:

<div class="someclass noprint">This will not appear in the print version.</div>

Major style blocks

[edit]
An annotated desktop screenshot of an example article, showcasing the style blocks
  • column-content – overall space within the margins of which the content exists.
  • firstHeading – the class of the heading tag at the top of every page
  • contentSub – the name of the wiki immediately underneath the main heading, but above the body text
  • content – the white background, thin bordered box which contains the main page content.
  • bodyContent – the main page content within the content box

The portlet class is the style used by all the div blocks around the main content. Identified blocks using that class:

  • p-cactions – id for the list of page-related tabs above the main content (page, talk, edit, etc.), top.
  • p-personal – id for the list of user-related links above the main content (username, talk, etc.), top.
  • p-logo – id for the block that contains the logo, top left.
  • p-navigation – id for the block that contains the navigation links on the left of the page
  • p-search – the block that contains the search buttons
  • p-tb – the block that contains the toolbox links
  • p-lang – the block that contains interlanguage links

The footer at the bottom of the page includes blocks with the following ids

  • footer – overall footer container block
  • f-poweredbyico – the powered by MediaWiki image that normally resides to the right of the page
  • f-list – id for the list that contains all the bits of text at the bottom of the page

Style depending on a parameter or variable

[edit]

Variable class or id

[edit]

A class or id can depend on the result produced by a template or on a template parameter, e.g. class="abc{{{1|def}}}". For one or more of the possible class names the style of that class can be defined. If the class is undefined it is ignored, so the standard style is used.

In the simplest case we have e.g. class="abc{{{1}}}" and define class abcdef. If the parameter value is "def" it applies.

If a page for general use only makes sense when styles are defined for certain classes, then these have to be specified in the page MediaWiki:Common.css, which applies for all users and all skins, as far as not overridden.

Variable style parameter value

[edit]

Wikitext that reads

<span style="display:{{{3|none}}}">Wed</span>

will display "Wed" if parameter 3 is defined, but its value is not "none", and displays nothing if parameter 3 is undefined or "none". If the value of parameter 3 is a display style other than "none", that style is applied.

Wiki headings

[edit]

Wiki headings use the following default CSS:

Wikimarkup HTML Style
= Heading = <h1>
color: #000000; background: none; overflow: hidden; page-break-after: avoid; font-size: 1.8em; font-family: 'Linux Libertine',Georgia,Times,serif; margin-top: 1em; margin-bottom: 0.25em; line-height: 1.3; padding: 0; border-bottom: 1px solid #AAAAAA;
== Heading == <h2>
color: #000000; background: none; overflow: hidden; page-break-after: avoid; font-size: 1.5em; font-family: 'Linux Libertine',Georgia,Times,serif; margin-top: 1em; margin-bottom: 0.25em; line-height: 1.3; padding: 0; border-bottom: 1px solid #AAAAAA;
=== Heading === <h3>
color: #000000; background: none; overflow: hidden; page-break-after: avoid; font-size: 1.2em; font-weight: bold; margin-top: 0.3em; margin-bottom: 0; line-height: 1.6; padding-top: 0.5em; padding-bottom: 0;
==== Heading ==== <h4>
color: #000000; background: none; overflow: hidden; page-break-after: avoid; font-size: 100%; font-weight: bold; margin-top: 0.3em; margin-bottom: 0; line-height: 1.6; padding-top: 0.5em; padding-bottom: 0;
===== Heading ===== <h5>
color: #000000; background: none; overflow: hidden; page-break-after: avoid; font-size: 100%; font-weight: bold; margin-top: 0.3em; margin-bottom: 0; line-height: 1.6; padding-top: 0.5em; padding-bottom: 0;
====== Heading ====== <h6>
color: #000000; background: none; overflow: hidden; page-break-after: avoid; font-size: 100%; font-weight: bold; margin-top: 0.3em; margin-bottom: 0; line-height: 1.6; padding-top: 0.5em; padding-bottom: 0;

See also

[edit]
  • Span and div
  • Cascading Style Sheets – article on CSS
  • Wikipedia:Customisation – also covers user names, preferences settings, skins, user scripting, etc.
  • Help:User style – modifying style for accessibility or for additional feature testing.
  • Wikipedia:TemplateStyles – modifying style for advanced visual appearance that can be applied with template.
  • Wikipedia:Catalogue of CSS classes – list of classes globally defined across the site
  • Wikipedia:WikiProject Microformats/classes – list of classes used in microformats employed on Wikipedia
  • Help:User CSS for a monospaced coding font – both for the editing window and for display of monospaced elements like <code>
  • meta:Help:Cascading_style_sheets
  • mw:Manual:CSS and mw:Manual:Interface/Stylesheets
  • mw:Gallery of user styles
  • m:Customization:Explaining skins
  • mw:Skin projects
  • v
  • t
  • e
Wikipedia technical help
Get personal technical help at the Teahouse, help desk, village pump (technical), talk pages, or IRC.
General
technical help
  • Bypass cache
  • Keyboard shortcuts
  • Editing
    • CharInsert
    • Edit conflict
    • Edit toolbar
    • Reverting
  • How to create a page
  • IRC
    • Tutorial
  • Mobile access
  • Multilingual support
  • Page history
  • Page information
  • Page name
    • Help
  • Printing
  • Software notices
    • Editnotice
  • Special characters
    • Entering
  • User access levels
  • VisualEditor
    • Help
Special
page
-related
  • Special page help
  • AllPages
  • Edit filter
  • Emailing users
  • Logging in
    • Reset passwords
  • Logs
  • Moving a page
    • History merging
    • Non-admin and admin-only page moves
  • Notifications/Echo
    • FAQ
  • Page Curation
  • Page import
  • Pending changes
  • Random pages
  • Recent changes
  • Related changes
  • Searching
    • Linksearch
  • Tags
  • User contributions
  • Watchlist
  • What links here
Wikitext
  • Wikitext
    • Cheatsheet
  • Columns
  • Line-break handling
  • Lists
  • Magic words
    • For beginners
    • Conditional expressions
    • Switch parser function
    • Time function
  • Redirects
  • Sections and TOCs
  • Tables
    • Introduction
    • Basics
    • Advanced table formatting
    • Collapsing
    • Conditional tables
    • Sortable tables
  • Using colours
Links and diffs
  • Links
    • Interlanguage
    • Interwiki
    • Permanent
  • Diffs
    • Simplest diff guide
    • Simple diff and link guide
    • Complete diff and link guide
  • Colon trick
  • Link color
  • Pipe trick
  • URLs
Media files: images,
videos and sounds
  • Media help
  • Files
    • Creation and usage
    • Moving files to Commons
  • Images
    • Introduction to images
    • Picture tutorial
    • Preparing images for upload
    • Uploading images
    • Options to hide an image
    • Extended image syntax
    • SVG help
  • Gallery tag
  • Graphics tutorials
    • Basic bitmap image editing
    • How to improve image quality
    • Graphics Lab resources
  • Sound file markup
  • Visual file markup
Other graphics
  • Family trees
  • Graphs and charts
    • How to create
    • Barcharts
    • To scale charts
  • Math formulas
    • Math symbols
  • Musical scores
    • Musical symbols
  • Timeline
    • EasyTimeline syntax
  • WikiHiero syntax
Templates and
Lua modules
  • Templates
  • Advanced template coding
  • Template documentation
  • Template index
  • Template limits
  • Template sandbox and test cases
  • Citation templates
  • Lua help
  • Lua project
    • Resources
    • To do
  • Substitution
  • Purge
    • Job queue
  • Transclusion
    • Labeled section
    • Costs and benefits
  • Guide to Scribbling
Data structure
  • Namespaces
  • Main/Article
  • Category
  • Draft
  • File
    • File description page
  • Help
  • Portal
  • Project/Wikipedia
  • Talk
    • Archiving
      • Simple
  • Template
  • User
    • User page design
  • MediaWiki
    • Bug reports and feature requests
    • TimedMediaHandler extension
  • Module
  • Special
HTML and CSS
  • Cascading Style Sheets
  • HTML in wikitext
  • Catalogue of CSS classes
  • Common.js and common.css
  • Classes in microformats
  • Markup validation
  • Span tags
  • Useful styles
Customisation
and tools
  • Preferences
  • Gadgets
  • Skins
  • Citation tools
  • Cleaning up vandalism tools
  • Customizing watchlists
    • Hide pages
  • IRC Scripts
  • User scripts
    • Guide
    • List
    • Techniques
    • Safe mode
  • User style
  • Tools
    • Alternative browsing
    • Browser tools
    • Editing tools
    • Navigation shortcuts
    • Optimum tool set
  • Wikimedia Cloud Services
  • Beta Features at MediaWiki
Automated editing
  • AfC helper script
  • AntiVandal
  • AutoWikiBrowser
  • Bots
    • Creating
    • history
  • HotCat
  • Huggle
  • Navigation popups
  • RedWarn
  • Twinkle
  • Ultraviolet
  • WPCleaner
  • Inactive
    • igloo
    • STiki
  • See also: Category:Wikipedia how-to
  • Category:Wikipedia information pages
    Further navigation at: Help pages
    • Administrators
  • Accessibility
  • Accounts
  • Bots
  • Referencing
    • Citation metadata
  • Templates
  • User scripts
  • v
  • t
  • e
CSS and JS MediaWiki interface files
Project CSS
  • Common
  • Vector
  • Vector2022
  • Monobook
  • Modern
  • Minerva
    • MinervaNeue
  • Timeless
  • Mobile
Project JS
  • Common
  • Vector
  • Vector2022
  • Monobook
  • Modern
  • Minerva
    • MinervaNeue
  • Timeless
  • Mobile
Usergroup CSS
  • User
  • Autoconfirmed
  • Extendedconfirmed
  • Extendedmover
  • Bot
  • Sysop
  • Bureaucrat
  • Checkuser
  • Reviewer
  • Abusefilter
  • Templateeditor
  • Patroller
Usergroup JS
  • User
  • Autoconfirmed
  • Bot
  • Sysop
  • Bureaucrat
  • Checkuser
  • Reviewer
Other CSS
  • Noscript
  • Filepage
  • Print
Other JS
  • edit
  • watchlist
  • Charinsert
  • Geonotice
Personal CSS
  • global (all projects)
  • common
  • vector
  • vector-2022
  • monobook
  • modern
  • minerva
  • timeless
  • current skin
Personal JS
  • global (all projects)
  • common
  • vector
  • vector-2022
  • monobook
  • modern
  • minerva
  • timeless
  • current skin
  • CSS/JS catalogue
  • Gadgets CSS/JS
Retrieved from "https://en.wikipedia.org/w/index.php?title=Help:Cascading_Style_Sheets&oldid=1331553137"
Categories:
  • Wikipedia information pages
  • Wikipedia features
Hidden category:
  • Wikipedia help

  • indonesia
  • Polski
  • العربية
  • Deutsch
  • English
  • Español
  • Français
  • Italiano
  • مصرى
  • Nederlands
  • 日本語
  • Português
  • Sinugboanong Binisaya
  • Svenska
  • Українська
  • Tiếng Việt
  • Winaray
  • 中文
  • Русский
Sunting pranala
url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url url
Pusat Layanan

UNIVERSITAS TEKNOKRAT INDONESIA | ASEAN's Best Private University
Jl. ZA. Pagar Alam No.9 -11, Labuhan Ratu, Kec. Kedaton, Kota Bandar Lampung, Lampung 35132
Phone: (0721) 702022
Email: pmb@teknokrat.ac.id