MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

a.interwiki { background: transparent url(/doku/lib/images/interwiki.png) 0px 1px no-repeat; padding-left: 16px;}a.iw_wp { background-image: url(/doku/lib/images/interwiki/wp.gif)}a.iw_wpde { background-image: url(/doku/lib/images/interwiki/wpde.gif)}a.iw_wpmeta { background-image: url(/doku/lib/images/interwiki/wpmeta.gif)}a.iw_doku { background-image: url(/doku/lib/images/interwiki/doku.gif)}a.iw_sb { background-image: url(/doku/lib/images/interwiki/sb.gif)}a.iw_amazon { background-image: url(/doku/lib/images/interwiki/amazon.gif)}a.iw_amazon_de { background-image: url(/doku/lib/images/interwiki/amazon.de.gif)}a.iw_amazon_uk { background-image: url(/doku/lib/images/interwiki/amazon.uk.gif)}a.iw_phpfn { background-image: url(/doku/lib/images/interwiki/phpfn.gif)}a.iw_dokubug { background-image: url(/doku/lib/images/interwiki/dokubug.gif)}a.iw_coral { background-image: url(/doku/lib/images/interwiki/coral.gif)}a.iw_google { background-image: url(/doku/lib/images/interwiki/google.gif)}a.iw_meatball { background-image: url(/doku/lib/images/interwiki/meatball.gif)}a.iw_wiki { background-image: url(/doku/lib/images/interwiki/wiki.gif)}a.mediafile { background: transparent url(/doku/lib/images/fileicons/file.png) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 1px;}a.mf_jpg { background-image: url(/doku/lib/images/fileicons/jpg.png)}a.mf_jpeg { background-image: url(/doku/lib/images/fileicons/jpeg.png)}a.mf_gif { background-image: url(/doku/lib/images/fileicons/gif.png)}a.mf_png { background-image: url(/doku/lib/images/fileicons/png.png)}a.mf_tgz { background-image: url(/doku/lib/images/fileicons/tgz.png)}a.mf_tar { background-image: url(/doku/lib/images/fileicons/tar.png)}a.mf_gz { background-image: url(/doku/lib/images/fileicons/gz.png)}a.mf_bz2 { background-image: url(/doku/lib/images/fileicons/bz2.png)}a.mf_zip { background-image: url(/doku/lib/images/fileicons/zip.png)}a.mf_rar { background-image: url(/doku/lib/images/fileicons/rar.png)}a.mf_pdf { background-image: url(/doku/lib/images/fileicons/pdf.png)}a.mf_ps { background-image: url(/doku/lib/images/fileicons/ps.png)}a.mf_doc { background-image: url(/doku/lib/images/fileicons/doc.png)}a.mf_xls { background-image: url(/doku/lib/images/fileicons/xls.png)}a.mf_ppt { background-image: url(/doku/lib/images/fileicons/ppt.png)}a.mf_rtf { background-image: url(/doku/lib/images/fileicons/rtf.png)}a.mf_swf { background-image: url(/doku/lib/images/fileicons/swf.png)}a.mf_rpm { background-image: url(/doku/lib/images/fileicons/rpm.png)}a.mf_deb { background-image: url(/doku/lib/images/fileicons/deb.png)}a.mf_sxw { background-image: url(/doku/lib/images/fileicons/sxw.png)}a.mf_sxc { background-image: url(/doku/lib/images/fileicons/sxc.png)}a.mf_sxi { background-image: url(/doku/lib/images/fileicons/sxi.png)}a.mf_sxd { background-image: url(/doku/lib/images/fileicons/sxd.png)}a.mf_odc { background-image: url(/doku/lib/images/fileicons/odc.png)}a.mf_odf { background-image: url(/doku/lib/images/fileicons/odf.png)}a.mf_odg { background-image: url(/doku/lib/images/fileicons/odg.png)}a.mf_odi { background-image: url(/doku/lib/images/fileicons/odi.png)}a.mf_odp { background-image: url(/doku/lib/images/fileicons/odp.png)}a.mf_ods { background-image: url(/doku/lib/images/fileicons/ods.png)}a.mf_odt { background-image: url(/doku/lib/images/fileicons/odt.png)}/**<br> * Basic styles. These styles are needed for basic DokuWiki functions<br> * regardless of the used template. Templates can override them of course<br> */

div.clearer {<br> clear: both;<br> line-height: 0px;<br> height: 0;<br> overflow:hidden;<br>}

div.no {<br> display: inline;<br> margin: 0;<br> padding: 0;<br>}

.hidden {<br> display: none;<br>}

div.error {<br> background: #fcc url(/doku/lib/styles/../images/error.png) 0.5em 0px no-repeat;<br> color: #000;<br> border-bottom: 1px solid #faa;<br> font-size: 90%;<br> margin: 0;<br> padding-left: 3em;<br> overflow: hidden;<br>}

div.info {<br> background: #ccf url(/doku/lib/styles/../images/info.png) 0.5em 0px no-repeat;<br> color: #000;<br> border-bottom: 1px solid #aaf;<br> font-size: 90%;<br> margin: 0;<br> padding-left: 3em;<br> overflow: hidden;<br>}

div.success {<br> background: #cfc url(/doku/lib/styles/../images/success.png) 0.5em 0px no-repeat;<br> color: #000;<br> border-bottom: 1px solid #afa;<br> font-size: 90%;<br> margin: 0;<br> padding-left: 3em;<br> overflow: hidden;<br>}

div.notify {<br> background: #ffc url(/doku/lib/styles/../images/notify.png) 0.5em 0px no-repeat;<br> color: #000;<br> border-bottom: 1px solid #ffa;<br> font-size: 90%;<br> margin: 0;<br> padding-left: 3em;<br> overflow: hidden;<br>}

<br>/* image alignment */<br>.medialeft {<br> float: left;<br>}<br>.mediaright {<br> float: right;<br>}<br>.mediacenter {<br> display: block;<br> margin-left: auto;<br> margin-right: auto;<br>}

.leftalign {text-align: left;}<br>.centeralign {text-align: center;}<br>.rightalign {text-align: right;}

em.u {<br> font-style: normal;<br> text-decoration: underline;<br>}<br>em em.u {<br> font-style: italic;<br>}

<br>/* syntax highlighting code */<br>.code .br0 { color: #66cc66; }<br>.code .co1 { color: #808080; font-style: italic; }<br>.code .co2 { color: #808080; font-style: italic; }<br>.code .co3 { color: #808080; }<br>.code .coMULTI { color: #808080; font-style: italic; }<br>.code .es0 { color: #000099; font-weight: bold; }<br>.code .kw1 { color: #b1b100; }<br>.code .kw2 { color: #000000; font-weight: bold; }<br>.code .kw3 { color: #000066; }<br>.code .kw4 { color: #993333; }<br>.code .kw5 { color: #0000ff; }<br>.code .me1 { color: #006600; }<br>.code .me2 { color: #006600; }<br>.code .nu0 { color: #cc66cc; }<br>.code .re0 { color: #0000ff; }<br>.code .re1 { color: #0000ff; }<br>.code .re2 { color: #0000ff; }<br>.code .re3 { color:#ff3333; font-weight:bold; }<br>.code .re4 { color: #009999; }<br>.code .st0 { color: #ff0000; }<br>.code .sy0 { color: #66cc66; }

/* User Manager specific styles */<br>#user__manager tr.disabled {<br> color: #6f6f6f;<br> background: #e4e4e4;<br>}<br>#user__manager tr.user_info {<br> vertical-align: top;<br>}<br>#user__manager div.edit_user {<br> width: 46%;<br> float: left;<br>}<br>#user__manager table {<br> margin-bottom: 1em;<br>}<br>#user__manager input.button[disabled] {<br> color: #ccc!important;<br> border-color: #ccc!important;<br>}<br>/* IE won't understand but doesn't require it */<br>/*<br> * admin plugin extension - style additions<br> *<br> * @author Christopher Smith chris@jalakai.co.uk<br> * @link http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin<br> */

/* overall containing div */<br>#plugin__manager {}

#plugin__manager h2 { margin-left: 0;}<br>#plugin__manager form { display: block; margin: 0; padding: 0;}<br>#plugin__manager legend { display: none;}<br>#plugin__manager fieldset { width: auto;}<br>#plugin__manager .button { margin: 0;}<br>#plugin__manager p, #plugin__manager label { text-align: left;}<br>#plugin__manager .hidden { display: none;}<br>#plugin__manager .new { background: #dee7ec;}<br>#plugin__manager input[disabled] { color: #ccc; border-color: #ccc;} /* IE won't understand but doesn't require it */

#plugin__manager .pm_menu, #plugin__manager .pm_info { margin-left: 0; text-align: left; }<br>#plugin__manager .pm_menu { float: left; width: 48%; }<br>#plugin__manager .pm_info { float: right; width: 50%; }

#plugin__manager .common { }<br>#plugin__manager .common form { }<br>#plugin__manager .common fieldset { margin: 0; padding: 0 0 1.0em 0; text-align: left; border: none;}<br>#plugin__manager .common label { padding: 0 0 0.5em 0;}<br>#plugin__manager .common input { }<br>#plugin__manager .common input.edit { width: 24em; margin: 0.5em;}<br>#plugin__manager .common .button { }

#plugin__manager form.plugins { }<br>#plugin__manager .plugins fieldset { color: #000; background: #fff; text-align: right; border-top: none; border-right: none; border-left: none;}<br>#plugin__manager .plugins fieldset.protected { background: #fdd; color: #000; }<br>#plugin__manager .plugins fieldset.disabled { background: #e0e0e0; color: #a8a8a8; }

#plugin__manager .plugins .legend { color: #000; background: inherit; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal; text-align: left; float: left; padding: 0; clear: none;}<br>#plugin__manager .plugins .button { font-size: 95%;}

#plugin__manager .plugins fieldset.buttons { border: none;}<br>#plugin__manager .plugins fieldset.buttons .button { float: left; }

#plugin__manager .pm_info h3 { margin-left: 0; }<br>#plugin__manager .pm_info dl { margin: 1em 0; padding: 0;}<br>#plugin__manager .pm_info dt { width: 6em; float: left; clear: left; margin:0; padding: 0;}<br>#plugin__manager .pm_info dd { margin:0 0 0 7em; padding: 0; background: none;}

#plugin__manager .plugins .enable { float: left; width: auto; margin-right: 0.5em;}

/* end admin plugin styles */

div#acl_manager div#acl__tree {<br> font-size: 90%;<br> width: 25%;<br> height: 300px;<br> float: left;<br> overflow: auto;<br> border: 1px solid #000;<br> text-align: left;<br>}

div#acl_manager div#acl__tree a.cur {<br> background-color: __highlight__;<br> font-weight: bold;<br>}

div#acl_manager div#acl__tree ul {<br> list-style-type: none;<br> margin: 0;<br> padding: 0;<br>}

div#acl_manager div#acl__tree li {<br> padding-left: 1em;<br>}

div#acl_manager div#acl__tree ul img {<br> margin-right: 0.25em;<br> cursor: pointer;<br>}

div#acl_manager div#acl__detail {<br> width: 73%;<br> height: 300px;<br> float: right;<br> overflow: auto;<br>}

div#acl_manager div#acl__detail fieldset {<br> width: 90%;<br>}

div#acl_manager div#acl__detail div#acl__user {<br> border: 1px solid #000;<br> padding: 0.5em;<br> margin-bottom: 0.6em;<br>}

div#acl_manager table.inline {<br> width: 100%;<br> margin: 0;<br>}

div#acl_manager .aclgroup {<br> background: transparent url(/doku/lib/plugins/acl/pix/group.png) 0px 1px no-repeat;<br> padding: 1px 0px 1px 18px;<br>}

div#acl_manager .acluser {<br> background: transparent url(/doku/lib/plugins/acl/pix/user.png) 0px 1px no-repeat;<br> padding: 1px 0px 1px 18px;<br>}

div#acl_manager .aclpage {<br> background: transparent url(/doku/lib/plugins/acl/pix/page.png) 0px 1px no-repeat;<br> padding: 1px 0px 1px 18px;<br>}

div#acl_manager .aclns {<br> background: transparent url(/doku/lib/plugins/acl/pix/ns.png) 0px 1px no-repeat;<br> padding: 1px 0px 1px 18px;<br>}

div#acl_manager label.disabled {<br> color: #000!important;<br>}

#acl_manager label {<br> text-align: left;<br> font-weight: normal;<br> display: inline;<br>}

#acl_manager table {<br> margin-left: 10%;<br> width: 80%;<br>}

#acl_manager table tr {<br> background-color: inherit;<br>}

#acl_manager table tr:hover {<br> background-color: #ffffff;<br>}

/* plugin:configmanager */<br>#config__manager div.success,<br>#config__manager div.error,<br>#config__manager div.info {<br> background-position: 0.5em;<br> padding: 0.5em;<br> text-align:center;<br>}

#config__manager fieldset {<br> margin: 1em;<br> width: auto;<br> margin-bottom: 2em;<br> background-color: #ffffff;<br> color: #000;<br> padding: 0 1em;<br>}<br>#config__manager legend {<br> font-size: 1.25em;<br>}

#config__manager form { }<br>#config__manager table {<br> margin: 1em 0;<br> width: 100%;<br>}

#config__manager fieldset td {<br> text-align: left;<br>}<br>#config__manager fieldset td.value {<br> /* fixed data column width */<br> width: 30em;<br>}

#config__manager td.label {<br> padding: 0.8em 0 0.6em 1em;<br> vertical-align: top;<br>}

#config__manager td.label span.outkey {<br> font-size: 70%;<br> margin-top: -1.7em;<br> margin-left: -1em;<br> display: block;<br> background-color: #ffffff;<br> color: #000;<br> float: left;<br> padding: 0 0.1em;<br>}

#config__manager td input.edit {<br> width: 30em;<br>}<br>#config__manager td select.edit { }<br>#config__manager td textarea.edit {<br> width: 27.5em;<br> height: 4em;<br>}

#config__manager tr .input,<br>#config__manager tr input,<br>#config__manager tr textarea,<br>#config__manager tr select {<br> background-color: #fff;<br> color: #000;<br>}

#config__manager tr.default .input,<br>#config__manager tr.default input,<br>#config__manager tr.default textarea,<br>#config__manager tr.default select,<br>#config__manager .selectiondefault {<br> background-color: #ccddff;<br> color: #000;<br>}

#config__manager tr.protected .input,<br>#config__manager tr.protected input,<br>#config__manager tr.protected textarea,<br>#config__manager tr.protected select,<br>#config__manager tr.protected .selection {<br> background-color: #ffcccc!important;<br> color: #000 !important;<br>}

#config__manager td.error { background-color: red; color: #000;}

#config__manager .selection {<br> width: 14.8em;<br> float: left;<br> margin: 0 0.3em 2px 0;<br>}

#config__manager .selection label {<br> float: right;<br> width: 14em;<br> font-size: 90%;<br>}

<br>/* IE6 correction */<br>* html #config__manager .selection label {<br> padding-top: 2px;<br>}

#config__manager .selection input.checkbox {<br> padding-left: 0.7em;<br>}

#config__manager .other {<br> clear: both;<br> padding-top: 0.5em;<br>}

#config__manager .other label {<br> padding-left: 2px;<br> font-size: 90%;<br>}

/* end plugin:configmanager */<br>.fckw_page_title_field{<br> margin-right: 5px;<br> font-size:160%;<br> font-weight:bold;<br> float: left;<br>}<br>label.fckw_page_title_field {<br> color: #000;<br>}<br>