User:Forma3/monobook.css

/* ##################################### */
/* ####   Bluebox v1 by blankfaze   #### */
/* #### Based on MonoBook by Gwicke #### */
/* ##################################### */

/* ###### LOGO ###### */
/* http://meta.wikipedia.org/upload/6/6e/Nohat-logo-X-en.png */
#p-logo a { background: url() 35% 50% no-repeat !important; }

#p-logo {
    z-index: 3;
    position:absolute; /*needed to use z-index */
    top: 30px;
    left: 5px;
    height: 155px;
    width: 12em;
    overflow: visible; }
#p-logo h5 { display: none; }
#p-logo a,
#p-logo a:hover {
    display: block;
    height: 155px;
    width: 12.2em;
    background-repeat: no-repeat;
    background-position: 35% 50% !important;
    text-decoration: none; }

/* ###### BASIC LAYOUT ###### */
#column-content { width: 100%; float: right; margin: 1.2em 0em 0.6em -13.2em; padding: 0; }
#content {
    margin-top: 2.8em;
    margin-bottom: 0;
    margin-left: 13.2em;
    padding: 0em 1em 1.5em 1em;
    background: #EFEADD;
    min-height: 600px;
    border: 1px solid #908875;
    border-bottom: 1px solid #EFEADD;
    line-height: 1.5em;
    position: relative;
    z-index: 2; }
#column-one { padding-top: 190px; }

/* ###### FORMATTING ###### */
/* ### TEXT ### */
/* links */
a { color: #1177AA; text-decoration: underline; background: none; }
a:hover { text-decoration: none; }
a:active { color: Orange; }
a.stub { color: #772233; }
a.new { color: #ba0000; }
a:visited { color: #0014a6; }
#bodyContent a.external, #p-lang li a { color: #75d; }

/* Fonts and sizes */
/* We take advantage of keyword scaling- browsers won't go below 9px */
/* More at http://www.w3.org/2003/07/30-font-size */
/* http://style.cleverchimp.com/font_size_intervals/altintervals.html */

body { font: x-small sans-serif;
    background: #828983 url("http://hosted.forma3.com/misc/wiki/images/bg.png") 0px 0px;
    background-repeat: repeat-x;  
/*  background: #f9f9f9 url("") 0px 0px no-repeat; */
    color: Black;
    margin: 0;
    padding: 0; }

/* scale back up to a sane default */
#globalWrapper {
    font-size:127%;
    width: 100%;
    margin: 0;
    padding: 0; }

.visualClear { clear: both; }

h1, h2, h3, h4, h5, h6 {
    color: Black;
    background: none;
    font-weight: normal;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    border-bottom: 1px solid #aaaaaa; }
h1 { font-size: 188%; }
h2 { font-size: 150%; }
h3, h4, h5, h6 { 
    border-bottom: none;
    font-weight: bold; }
h3 { font-size: 116%; }
h4 { font-size: 100%; }
h5 { color: White;
     font-size: 80%; }
h6 { font-size: 60%;  }

h1, h2 { font-weight: bold; }

/* space under the headers in the content area */
#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5 { margin-bottom:0.6em; }

/* ### ELEMENTS ### */
pre { padding: 1em;
    border: 1px dashed #2f6fab;
    color: Black;
    background-color: #F8F6F2;
    line-height: 1.1em; }

textarea {
    border: 1px solid #2f6fab;  
    color: Black;
    background-color: white;
    width: 100%;
    padding: 0.1em;
    overflow: auto; }

table { font-size: 100%; background: White; }

img { border: none; vertical-align: middle; }

p { margin: 0.4em 0em 0.7em 0em; line-height: 1.5em; }

p img { margin: 0; }

hr { height: 1px;
    color: #aaaaaa;
    background-color: #aaaaaa;
    border: 0;
    margin: 0.2em 0 0.2em 0; }

ul { line-height: 1.5em;
    list-style-type: square;
    margin: 0.3em 0 0 1.5em;
    padding:0;
    list-style-image: url("http://hosted.forma3.com/misc/wiki/images/arrow_blue_right.png"); }
/* http://meta.wikipedia.org/style/monobook/bullet.gif */

ol { line-height: 1.5em;
    margin: 0.3em 0 0 3.2em;
    padding:0; }
li { margin-bottom: 0.1em; }
dt { font-weight: bold; }
dd { line-height: 1.5em;
    margin-bottom: 0.8em;
    margin-left: 2em; }

fieldset {
    border: 1px solid #2f6fab;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em; }

legend {
    background: White;
    padding: 0.5em;
    font-size: 95%; }

form { border: none; margin: 0; }

/* hide this from ie/mac and konq2.2 */
@media All {
    head:first-child+body input {
        visibility: visible;
        border: 1px solid #2f6fab;  
        color: Black;
        background-color: white;
        vertical-align: middle;
        padding: 0.2em; } }
input.historysubmit {
    padding: 0 0.3em 0.3em 0.3em !important;
    font-size: 94%;
    cursor: pointer;
    height: 1.7em !important;
    margin-left: 1.6em; }
input[type="radio"],
input[type="checkbox"] { border:none; }
select {
    border: 1px solid #2f6fab;  
    color: Black;
    vertical-align: top; }
abbr, acronym, .explain {
    border-bottom: 1px dotted Black;
    color: Black;
    background: none;
    cursor: help; }
q { font-family: Times, "Times New Roman", serif;
    font-style: italic; }

code { background-color: #f9f9f9; }

/* ### TOC ### */
#toc { 
    /*border:1px solid #2f6fab;*/
    border:1px solid #908875;
    background-color:#f5f5f5;
    padding:5px;
    font-size: 95%; }
#toc .tocindent { margin-left: 2em; }
#toc .tocline { margin-bottom: 0px; }
#toc p { margin: 0 }
#toc .toctoggle { font-size: 94%; }
#toc .editsection { 
    margin-top: 0.7em; 
    font-size: 94%; }

/* ### IMAGES ### */
/* image only */
div.floatright { 
    float: right; 
    margin: 0;
    position:relative;
    border: none;
    padding: 0.5em; }
div.floatright p { font-style: italic;} 
div.floatleft { 
    float: left; 
    margin: 0;
    position:relative;
    border: none;
    padding: 0.5em; }
div.floatleft p { font-style: italic; } 

/* thumbnails */
div.thumb {
    margin: 0;
    padding: 0.5em;
    position:relative;
    border-style: solid; border-color: White;
    width: auto;
    overflow: hidden; }
div.thumb div {
    border:1px solid #cccccc;
    padding: 3px !important;
    background-color:#f9f9f9;
    font-size: 94%;
    text-align: center; }
div.thumb div a img {
    border:1px solid #cccccc; }
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4;
    padding: 0.3em 0 0.1em 0; }
div.magnify {
    float: right;
    border: none !important;
    background: none !important; }
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important; }

div.tright { float: right; border-width: 0.5em 0 0.8em 1.4em; }
div.tleft { float: left;  margin-right:0.5em;  border: 0.5em 1.4em 0.8em 0; }

.urlexpansion, .hiddenStructure { display: none; }
img.tex { vertical-align: middle; }
span.texhtml { font-family: serif; }

/* ### TABLE STANDARDS ### */
table.rimage {
    float:right; 
    position:relative;
    margin-left:1em; 
    margin-bottom:1em;
    text-align:center; }
.toccolours { 
    border:1px solid #aaaaaa;
    background-color:#f5f5f5;
    padding:5px;
    font-size: 95%; }
div.townBox {
    position:relative;
    float:right;
    background:White;
    margin-left:1em;
    border: 1px solid Grey;
    padding:0.3em;
    width: 200px;
    overflow: hidden;
    clear: right; }
div.townBox dl {
    padding: 0;
    margin: 0 0 0.3em 0; 
    font-size: 96%; }
div.townBox dl dt {
    background: none;
    margin: 0.4em 0 0 0; }
div.townBox dl dd {
    margin: 0.1em 0 0 1.1em;
    background-color: #f3f3f3; }

/* ###### PERSONAL TOOLBAR ###### */
#p-personal {
    width:100%;
    white-space:nowrap;
    padding-top: 6px;
    padding-bottom: 6px;
    margin:0;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 0;
    background-color: #fff;
    border-bottom: 1px solid #908875;
    overflow: visible;
    line-height: 1.2em; }

#p-personal h5 { display:none; }

#p-personal .portlet,
#p-personal .pBody {
    padding:0;
    margin:0;
    border: none;
    z-index:0;
    overflow: visible;
    background: none; }

/* this is the ul contained in the portlet */
#p-personal ul {
    border: none;
    line-height: 1.4em;
    color: #2f6fab;
    padding: 0em 2em 0 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
    z-index:0;
    background: none; }
#p-personal li {
    z-index:0;
    border: none;
    padding: 2px;
    display: inline;
    color: #2f6fab;
    margin-left: 1em;
    line-height: 1.2em;
    background: none; }
#p-personal li a {
    text-decoration: none;
    color: #39f;
    padding-bottom: 0.2em;
    background: none; }
#p-personal li a:hover {
    background-color: none;
    padding-bottom: 0.2em;
    text-decoration: underline; }

#p-personal a.new { color:#ba0000; }

/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login { background: none; }

/* ###### TABS ###### */
#p-cactions {
    position:absolute;
    top: 2.7em;
    left: 11.5em;
    margin: 0;
    white-space:nowrap;
    width: 76%;
    line-height: 1.1em;
    overflow: visible;
    background: none;
    border-collapse: collapse;
    padding-left: 1em;
    list-style: none;
    font-size: 95%; }

#p-cactions .hiddenStructure { display: none; }

#p-cactions ul { list-style: none; }
#p-cactions li {
    display: inline;
    border: 1px solid #908875;
    border-bottom: none;
    padding: 0 0 0.1em 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White; }
/* change colour of unselected tabs */
#p-cactions ul li a { background: #eee; }

.ns-0 * #p-cactions ul li a { background: #eee; }

#p-cactions li.selected {
    border-color: #908875;
    padding: 0 0 0.2em 0; }
#p-cactions li a {
    background-color: White;
    color: #39f;
    border: none;
    padding: 0 0.8em 0.3em 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    z-index: 0;
    margin: 0; }

#p-cactions .selected a { z-index: 3; }

/* Selected tab text */
#p-cactions ul li.selected a { color: #39f; text-decoration: underline; background: #EFEADD; }

#p-cactions .new a { color:#ba0000; }
#p-cactions li a:hover { z-index: 3; text-decoration: underline; background: #EFEADD; }

.ns-0 * #p-cactions li a:hover { z-index: 3; text-decoration: underline; background: #EFEADD; }

#p-cactions h5 { display: none; }

#p-cactions li.istalk { margin-right: 0; }
#p-cactions li.istalk a { padding-right: 0.5em; }

#p-cactions #ca-addsection a { 
    padding-left: 0.4em;
    padding-right: 0.4em; }

/* offsets to distinguish the tab groups */
li#ca-talk { margin-right: 1.6em; }
li#ca-watch, li#ca-watch { margin-left: 1.6em; }

/* ###### SIDEBAR ###### */
/* general portlet styles (elements in the sidebar) */
.portlet {
    border: none;
    margin: 0em 0em 0em 0em;
    float: none;
    padding: 2;
    width: 12.2em;
    overflow: hidden; }
.portlet h4 {
    font-size: 95%;
    background: #c00;
    font-weight: normal;
    white-space: nowrap; }
.portlet h5 { 
    background: #9B0000;
    border: none;
    padding: 0em 10em 0em 0.5em;
    text-transform: lowercase;
    border-top: 1px solid #2f6fab;
    display: inline;
    font-size: 91%;
    width: 12.2em;
    height: 10.5em;
    font-weight: normal;
    white-space: nowrap; }
.portlet h6 { 
    background: #ffae2e;
    border: 1px solid #2f6fab;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap; }
.pBody {
    font-size: 95%;
    background: #EFEADD;
    border-collapse: collapse;
    border: 1px solid #908875;
    padding: 0 0.8em 0.3em 0.5em; }

.portlet h1, 
.portlet h2, 
.portlet h3, 
.portlet h4 { margin: 0; padding: 0; }

.portlet ul {
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("http://hosted.forma3.com/misc/wiki/images/arrow_blue_right.png");
    font-size:95%; }
/* http://meta.wikipedia.org/style/monobook/bullet.gif */

.portlet li { padding:0; margin: 0 0 0 0; margin-bottom: 0; }

.portlet li a:hover{ list-style-image: url("http://hosted.forma3.com/misc/wiki/images/arrow_red_right.png");}
.portlet li a:visited { color: #1177AA; }

/* search portlet */
#p-search {
    position:relative;
    z-index:3; }    

#p-search .pBody {
    text-align: center; }

input.searchButton {
    margin-top:1px;
    padding: 0 0.4em !important;
    font-size: 95%;
    cursor: pointer;
    background-color: White;
    border: 1px solid #908875;   }

#searchInput {
    border: 1px solid #908875;  
    width:10.9em;
    margin: 0em 0em 0.5em 0em;
    font-size: 95%; }

#p-search .pBody { padding: 0.5em 0.4em 0.4em 0.4em; }

/* other portlets */
#p-nav, #p-tbx, #p-lang { position:relative; z-index:3; }

.urlexpansion, .hiddenStructure { display: none; }

/* ###### FOOTER ###### */
#footer {
    background-color: #EFEADD;
    border: 1px solid #908875;
    border-top: 1px solid #EFEADD;
    margin-top: -1em;
    margin-bottom: 1em;
    margin-left: 14.7em;
    padding: 10px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 90%; }
#footer li { display: inline;
    margin: 0 1.3em; }
/* hide from incapable browsers */
head:first-child+body #footer li { white-space: nowrap; }
#f-poweredbyico, #f-copyrightico {
    margin: 0 8px;
    position: relative;
    top: -2px; /* Bump it up just a tad */ }
#f-poweredbyico { float: right; height: 1%; }
#f-copyrightico { float: left; height: 1%; }

/* js pref toc */
#preftoc { 
    float: left;
    margin: 1em 1em 1em 1em;
    width: 13em;
}
#preftoc li { border: 1px solid White; }
#preftoc li.selected { 
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
#preftoc a,
#preftoc a:active {
    display: block;
    color: #0014a6;
}
#prefcontrol { 
    clear: both;
    float: left;
    margin-top: 1em;
}
div.prefsectiontip { 
    font-size: 95%;
    margin-top: 1em;
}
fieldset.operaprefsection { margin-left: 15em }

/* #### MISCELLANEOUS #### */
/* notifications */
.usermessage {
    background-color: #f9f9f9;
    border: 1px solid #908875;
    color: Black;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle; }

.error { color: red; font-size: larger; }

/* category display bugfix */
#siteSub { display: block; }

#contentSub {
    font-size: 84%;
    line-height: 1.2em;
    padding-top: 3px;
    margin: 0 0 1.4em 1em;
    color: #7d7d7d;
    width: auto; }
span.subpages { display: block; }

.firstHeading { margin-bottom:0.1em; }

#catlinks {
    border:1px solid #aaaaaa;
    background-color:#f9f9f9;
    padding:5px;
    margin-top: 1em; }
/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 1em 0em;
    line-height: 1.5em; }
.documentByLine {
    text-align: right;
    font-size: 90%;
    clear: both;
    font-weight: normal;
    color: #76797c; }

/* emulate center */
.center {
    width: 100%;
    text-align: center; }
*.center * {
    margin-left: auto;
    margin-right: auto; }

/* ###### EDIT/HISTORY VIEWS ###### */
.special li {
    line-height: 1.4em;
    margin: 0;
    padding: 0; }


/* Page history styling */
/* the auto-generated edit comments */
.autocomment { color: gray; }
#pagehistory span.user { 
    margin-left: 1.4em;
    margin-right: 0.4em;
}
#pagehistory span.minor { font-weight: bold; }
#pagehistory li { border: 1px solid White; }
#pagehistory li.selected { 
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
/*
** Diff rendering
*/
table.diff { background:white; width: 800px !important; }
td.diff-otitle { background:#EFEADD; }
td.diff-ntitle { background:#EFEADD; }
td.diff-context { background:#eeeeee; max-width: 49%; }

/* ###### A BUNCH OF OTHER CODE I DON'T UNDERSTAND ###### */
/* 
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2 
*/
#bodyContent a[href ^="http://"],
#bodyContent a[href ^="gopher://"] {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}
#bodyContent a[href ^="https://"],
.link-https {
    background: url("lock_icon.gif") center right no-repeat;
    padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
    background: url("mail_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
    background: url("news_icon.png") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
    background: url("file_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {
    background: url("discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
    color: #75d;
    background: none;
    padding: 0; }
/* this can be used in the content area to switch off
special external link styling */
#bodyContent .plainlinks a {
    background: none;
    padding: 0; }

/* 
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate: 
** @import("IEMacFixes.css");
*/

/* tabs: border on the a, not the div */
* > html #p-cactions li { border:none; }
* > html #p-cactions li a {
    border: 1px solid #aaaaaa;
    border-bottom: none;
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico { width: 88px; }
* > html #bodyContent,
* > html #bodyContent pre {
    overflow-x: auto;
    width: 100%;
    padding-bottom: 25px;
}

/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
    display: inline;
    margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }

/* debugging tool.. */
/*div{ border:1px solid #000000;}*/

/* #siteNotice { background-color: #eee; border: 1px solid #908875; padding: none !important; margin-bottom: 8px; text-align: center; position: relative; top: 8px; } */

#siteNotice { display: none; }


/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
    float: none;
}
* > html #column-one {
    position: absolute;
    left: 0;
    top: 0; }
* > html #footer {
    margin-left: 13.2em; }

/* No external link icon */
#bodyContent a[href ^="http://"] {background: none; padding-right: 0px;}

td.diff-addedline { background:#EFEADD; color: #060; max-width: 49%; }
td.diff-deletedline { background:#EFEADD; color: #c00; max-width: 49%; }
span.diffchange { background-color: #ff9; }

#ca-edit a { font-weight: normal !important; }
#siteSub { display: inline; font-size: 120%; font-weight: bold; }
div.printfooter { display: none; }

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.