Active development of JAMWiki has ceased, and bug fixes and support will be limited at best. If you are interested in taking over management of JAMWiki please send an email to the jamwiki-devel mailing list.

JAMWiki:System.css

Redirected from StyleSheet

body { background: #f9f9f9 url(../images/denalibg.jpg) 0 0 no-repeat; color: black; margin: 0; padding: 0; } body, input, select { font: 95% sans-serif, tahoma; } a { text-decoration: none; color: #5555bb; } a:hover { border-bottom: 1px dotted #5555bb; } a.logo { border: 0; } a.externallink:after { content:url("../images/external.png"); } a.interwikilink:after { content:url("../images/external.png"); } a.edit { color: #aa1111; border-color: #aa1111; } a.edit:hover { border-bottom: 1px dotted #aa1111; } a.redirect { font-size: 150%; text-decoration: none; margin-left: 20px; } a.redirect:before { content:url("../images/redirect-arrow.png"); } p { margin: .4em 0 .5em 0; line-height: 1.5em; } h1, h2, h3, h4, h5 { color: black; margin: 0; padding: 0.5em 0em 0.2em 0em; text-align: left; } h1, h2 { margin-bottom: 0.5em; } h3, h4, h5 { margin-bottom: 0.2em; } h1 { border-bottom: 1px solid #D8D8E7; font-size: 200%; font-weight: normal; } h2 { border-bottom: 1px solid #D8D8E7; font-size: 175%; font-weight: normal; } h3 { font-size: 150%; font-weight: normal; } h4 { font-size: 125%; font-weight: bold; } h5 { font-size: 110%; font-weight: bold; } pre { background-color: #fbfbfd; border: 1px dashed #7e7ecb; color: black; font-size: 110%; line-height: 1.1em; padding: 1em; } code { color: black; font-size: 120%; } dt { font-weight: bold; margin-bottom: .1em; } dl { margin-top: .2em; margin-bottom: .5em; } dd { line-height: 1.5em; margin-left: 2em; margin-bottom: .1em; } ul { line-height: 1.5em; list-style-type: square; list-style-image: url(../images/bullet.gif); margin: .3em 0 0 1.5em; padding: 0; } ol { line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none; } li { margin-bottom: .1em; } textarea { width: 99%; } fieldset { padding: 0 7px 7px; border: 1px solid #D8D8E7; margin-top: 10px; } legend { padding: 0.5em; font-weight: bold; } .red { font-weight: bold; color: #f00; } .green { font-weight: bold; color: #090; } div.message { margin: 1.5em 0 1.5em 0; padding: 0 5px; } div.submenu { margin: 1.0em 6em 0.8em 6em; text-align: center; } .clear { clear: both; } .hidden { display: none; }

/* global positioning */

  1. wiki-page { font-size: 100%; color: black; padding: 0 5px;

}

  1. wiki-navigation { position: absolute; top: 5px; left: 5px; font-size: 90%; padding: 5px 5px 5px 0; vertical-align: top; width: 180px;

}

  1. wiki-content { position: relative; margin-left: 185px; font-size: 80%; vertical-align: top;

}

  1. wiki-footer { color: gray; font-size: 80%; margin-left: 185px; padding: 15px 10px;

}

/* main content area */

  1. contents { background: white; padding: 14px; padding-bottom: 25px; border: 1px solid #D8D8E7;

}

  1. contents-header { margin-bottom: 0.1em;

}

  1. contentSub { color: #7d7d7d; margin: 0 0 1em 1em;

}

  1. siteNotice { position: relative; text-align: center; font-size: 95%; padding: 0 0.9em;

}

/* navbar elements */

  1. logo { border: 0; margin: 8px 0 0 0; text-align: center; vertical-align: middle;

} .portlet { background: white; border: 1px solid #D8D8E7; font-size: 90%; margin: 16px 0 8px; overflow: hidden; padding: 0 8px 8px; } .portlet h5 { font-size: 90%; font-weight: normal; padding: 5px 0 0; }

  1. nav-menu { margin-top: 2px; padding: 0;

}

  1. nav-menu hr { background-color: #D8D8E7; border: 0; color: #D8D8E7; height: 1px; margin: 0;

}

  1. nav-menu ul { padding: 8px; list-style-type: none; list-style-image: none; margin-left: 0;

}

  1. nav-search { text-align: center;

}

  1. nav-search form { padding: 0; margin: 0;

}

  1. nav-search br { padding-top: 4px;

}

  1. nav-search input { margin-top: 8px; background-color: white; border: 1px solid #D8D8E7;

}

  1. nav-search input[type="text"] { width: 150px;

}

/* diff page */

  1. diff_heading { margin-top: 10px; width: 98%;

}

  1. diff_heading td { text-align: center; vertical-align: top; width: 50%;

}

  1. left_revision, #right_revision { font-weight: bold;

} table#diff { table-layout: fixed; width: 98%; } table#diff col.diff-marker { width: 2%; } table#diff col.diff-content { width: 48%; } .diff-delete { background: #eeee88; font-weight: bold; padding: 0.1em; overflow: hidden; } .diff-add { background: #88ee88; font-weight: bold; padding: 0.1em; overflow: hidden; } .diff-unchanged { background: #dddddd; padding: 0.1em; overflow: hidden; } .diff-indicator { font-weight: bold; padding: 0.1em; text-align: right; width: 7px; } .diff-line { padding: 0.5em 0.1em 0.1em 0.1em; font-weight: bold; } .diff-entry { margin: 1px; padding: 1px; } .diff-change { font-weight: bold; color: red; }

/* topic elements */

  1. toc { border: 1px solid #D8D8E7; margin: 0.2em auto 0.2em 0em; padding: 0.5em 0.8em 0.5em 0.8em; background-color: #fff;

} .toctoggle { font-size: 90%; font-weight: normal; }

  1. toc ul { list-style-type: none; list-style-image: none; margin-left: 0;

}

  1. toc ul ul { margin-left: 1em;

}

  1. category-index { border: 1px solid #aaa; background-color: #f9f9f9; padding: 10px 5px 10px 5px; margin-top: 1em; clear: both;

}

  1. topic-file-download { border: 1px solid #aaa; background-color: #f9f9f9; padding: 10px 5px 10px 5px; margin-top: 1em; clear: both;

} table#filehistory { border-collapse: collapse; }

  1. filehistory td, #filehistory th { border: 1px solid #aaa; padding: 4px;

} .nowrap { white-space: nowrap; }

/* tab menu */

ul.tab-menu { display: inline-block; list-style: inherit; list-style-type: none; } ul.tab-menu li { float: left; background-color: #fff; color: blue; border: 1px solid #D8D8E7; border-bottom: none; min-width: 40px; text-align: center; } ul.tab-menu li.active { margin-bottom: -1px !important; border-bottom: 1px solid #fff; font-weight: bold; } ul.tab-menu li.active a:hover { border-bottom: none; } ul#tab_menu { padding: 0; margin: 0; margin-left: 6px; } ul#tab_menu li { padding: 0 0.5em; margin: 0; margin-right: 4px; font-size: 85%; } ul#tab_menu li.active { font-size: 90%; } ul#tab_submenu { margin: 10px 0 0; } ul#tab_submenu li { background-color: #f9f9f9; padding: 5px 7px; margin: 0 0 0 8px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } ul#tab_submenu li.active { background-color: #fff; } .submenu-tab-content { background: white; padding: 14px; padding-bottom: 25px; border: 1px solid #D8D8E7; }

/* user menu */

  1. user-menu { float: right; margin-right: 2em; padding: 0; text-align: center;

}

  1. user-menu li { display: inline; list-style-type: none; list-style-image: none; padding: 0 0.8em; font-size: 90%;

}

/* footer */

  1. footer-logo { font-size: 0.9em; padding-top: 10px; text-align: right;

}

  1. footer-custom { font-size: 0.9em; text-align: center;

}

/* recent changes, user contributions, history */

li.minorchange { color: #777777; } li.standardchange { color: black; } li.deletechange { color: #770000; } li.importchange { color: #007777; } li.movechange { color: #777777; } li.undeletechange { color: #007777; } span.edit-comment { text-decoration: italic; } span.section-link { color: #999; } span.section-link a { color: #333; }

  1. summaryPreview { padding: 0 0 3px;

}

/* topic pages */

  1. content-article { padding: 10px 0 10px 0;

}

  1. content-article pre { overflow: hidden;

} .editsection { font-size: small; margin-left: 1em; display: inline-block; }

  1. shared-image-message { border: 1px solid red; font-size: 125%; font-weight: bold; margin: 10px 50px; padding: 10px; text-align:center;

}

/* images */

img.wikiimg { border: 0; } a.wikiimg { border: 0; } img.thumbborder { border: 1px solid #ddd; } div.thumbcaption { text-align:left; border: none; font-size:94%; line-height:1.4em; padding:3px !important; } div.floatleft { border: none; clear:left; float:left; margin: 0 0.5em 0.5em 0; position:relative; } div.floatright { border: none; clear:right; float:right; margin: 0 0 0.5em 0.5em; position:relative; } div.center { text-align:center; width:100%; } div.center * { margin-left:auto; margin-right:auto; } div.tright { border: none; margin: 0.5em 0 0.8em 1.4em; clear:right; float:right; } div.thumb { border: none; margin-bottom:0.5em; width:auto; } div.thumbinner { background-color:#f9f9f9; border: 1px solid #ccc; font-size:94%; overflow:hidden; padding: 3px !important; text-align:center; min-width:10px; } table.gallery { border: 1px solid #ccc; margin: 2px; padding: 2px; background-color: white; } table.gallery caption { font-weight: bold; padding-bottom: 5px; } table.gallery td { background-color: #f9f9f9; border: solid 2px white; text-align: center; vertical-align: top; } table.gallery-cat td { vertical-align: middle; padding: 2px; } img.gallery { border: 1px solid #bbbbbb; padding: 0.3em; } div.gallerytext { font-size: 94%; overflow: hidden; padding: 2px 4px } div.gallerytext p { line-height: auto; margin: auto; } div.gallerybox { margin: 2px; } table.gallery-cat div.gallerybox { width: 155px; }

  1. edit-toolbar { margin: 3px 0;

} .toolbar-group { -moz-border-radius:5px; -webkit-border-radius: 5px; background-color: #e9e9e9; border-radius: 5px; display: inline-block; margin: 3px 5px 3px 0; padding-left: 3px; } .toolbar-button a { border-radius: 3px; cursor: default; display: inline-block; outline: none; padding: 2px 3px; } .toolbar-button { border-right: 1px solid #fff; cursor: pointer; display: inline-block; padding: 2px 2px 2px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .toolbar-button a:hover, .toolbar-button a:focus, .toolbar-button a:active { background-color: #bfd1ff; border-bottom: none; } .toolbar-icon { background: url(../images/toolbar-icons.png) 0 0 no-repeat; cursor: default; display: inline-block; height: 22px; width: 22px; }

  1. button-bold .toolbar-icon { background-position: 0 -66px !important;

}

  1. button-italic .toolbar-icon { background-position: 0 -88px !important;

}

  1. button-underline .toolbar-icon { background-position: 0 -110px !important;

}

  1. button-strike .toolbar-icon { background-position: 0 -132px !important;

}

  1. button-subscript .toolbar-icon { background-position: 0 -154px !important;

}

  1. button-superscript .toolbar-icon { background-position: 0 -176px !important;

}

  1. button-nowiki .toolbar-icon { background-position: 0 0 !important;

}

  1. button-orderedlist .toolbar-icon { background-position: 0 -198px !important;

}

  1. button-unorderedlist .toolbar-icon { background-position: 0 -220px !important;

}

  1. button-indent .toolbar-icon { background-position: 0 -242px !important;

}

  1. button-wikilink .toolbar-icon { background-position: 0 -264px !important;

}

  1. button-link .toolbar-icon { background-position: 0 -22px !important;

}

  1. button-image .toolbar-icon { background-position: 0 -286px !important;

}

  1. button-signature .toolbar-icon { background-position: 0 -44px !important;

}

  1. button-hr .toolbar-icon { background-position: 0 -308px !important;

}

  1. button-heading1 .toolbar-icon { background-position: 0 -330px !important;

}

  1. button-heading2 .toolbar-icon { background-position: 0 -352px !important;

}

  1. button-heading3 .toolbar-icon { background-position: 0 -374px !important;

} table.categories { width: 100%; } table.categories td { vertical-align: top; width: 33%; }

/* search results */

.highlight { background:yellow; } .searchresult { background-color: #dcdcdc; margin: 1em 0 0 0; } .searchsummary { margin: 0.5em 0 0.7em 0; }

  1. searchpower { font-size: 90%; font-style: italic; margin: 1em 0 1em 0;

}

  1. searchhints { margin: 1.5em 0 1.5em 0;

}

/* form styles */

.formhelp { font-size: 90%; color: #5f5f5f; clear: both; } .darkbg { background-color: #d8d8e7; } .translationElement { float: left; vertical-align: top; padding: 3px; width: 49%; overflow: hidden; } textarea.translation { width: 100%; overflow:auto; height:5em; } textarea.medium { width: 400px; height: 60px; } table.wiki-admin { border: 1px solid #fff; border-collapse: collapse; border-spacing: 0; margin: 0 auto; width: 99%; } table.wiki-admin th { background-color: #d8d8e7; border: 1px solid #fff; text-align: center; padding: 5px; } table.wiki-admin th.first { width: 250px; } table.wiki-admin td { border-bottom: 1px solid #fff; padding: 5px; } .inherited-role { color: #cc0000; } .noborder { border: none !important; } .center { text-align: center; } div.row { clear: right; padding: 5px 7px; } .admin div.row { background-color: #e9e9e9; border-top: 1px solid #fff; } div.row span { display: inline-block; vertical-align: top; text-align: left; padding-left: 5px; } div.row label { display: inline-block; text-align: left; width: 240px; font-weight: bold; } div.row span.form-button { margin-left: 240px; } div.row .formhelp { padding-top: 3px; } div.rowhelp { border: 1px solid #e9e9e9; margin: 10px; padding: 5px 10px; } .translationElement label { vertical-align: top; padding: 3px; width: auto; overflow: hidden; } div.row label.nonblock { display: inherit; text-align: inherit; width: auto; font-weight: inherit; } div.callout { border: 1px solid #e9e9e9; margin: 10px; padding: 10px; } div.callout input { margin-right: 20px; } .expander { display: none; } .expander-open { display: block !important; } .manage-expander { padding: 5px; } .manage-expander-open { height: auto !important; } .manage-expander > label { cursor: pointer; font-weight: bold; } .manage-expander > label:before { content:url("../images/arrow-right.png"); } .manage-expander-open > label:before { content:url("../images/arrow-down.png"); } .manage-expander > ul { display: none; margin-top: 10px; } .manage-expander-open > ul { display: block !important; } .captcha { padding: 5px 0; } .captcha-label { padding: 5px 0; }

  1. manage div.row label, #move div.row label, #register div.row label { width: 180px;

}

  1. manage div.row span.form-button, #move div.row span.form-button, #register div.row span.form-button { margin-left: 180px;

}

  1. translation div.row label { font-weight: normal;

}

  1. login div.row label { width: 100px;

}

  1. login div.row span.form-button { margin-left: 100px;

}

  1. antispam-container { display: none;

}