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: Clear the cache in Tools → Preferences

/* CSS placed here will be applied to all skins */
 
div.codeexample {
       white-space:pre;
       padding-left:30px;
       background-color:#d0d0d0;
}
 
div.property_readonly {
       font-weight:bold;
       padding-right: 16px;
       background-position: right 50%;
       background-repeat: no-repeat;
       background-image: url(http://docs.realsoftware.com/images/ReadOnlyProperty.gif);
}
 
div.whenchanged {
      font-style:italic;
      font-size:10px; 
      color:#808080;
}
 
div.Introduced {
      font-style:italic;
      font-size:10px; 
      color:#808080;
}
 
div.deprecated {
      font-style:italic;
      font-size:10px; 
      color:#808080;
}
 
/******* CSS for DynamicTablesExtensions.php *******/
 
/*Default values */
td.titleClass {
	background: #E9E9E9;
	color: green;
	font-size: 130%;
	font-weight: bold;
	padding: 8px;
}
 
.dynamicTable {
	width: 80%;
	position: relative;
	margin-left: 10%;
	border: 1px solid grey;
	padding: 0px;
}
 
.dynamicTable table.innerDynTable {
	width: 100%;
	padding: 2px;
}
 
.dynamicTable table.innerDynTable p {
	line-height: 1em;
	margin: 0px;
}
 
.dynamicTable td.titleClass {
	background: #E9E9E9;
	color: black;
	font-size: 130%;
	font-weight: bold;
	padding: 8px;
}
 
/* Values for PROPERTIES */
.propertyTable {
	width: 80%;
	position: relative;
	margin-left: 10%;
	border: 1px solid grey;
	padding: 0px;
        clear: both;
}
 
.propertyTable table.innerDynTable {
	width: 100%;
	padding: 2px;
}
 
.propertyTable table.innerDynTable p {
	line-height: 1em;
	margin: 0px;
}
 
.propertyTable td.titleClass {
	background: #E9E9E9;
	color: black;
	font-size: 130%;
	font-weight: bold;
	padding: 8px;
}
 
/* Values for METHODS */
.methodTable {
	width: 80%;
	position: relative;
	margin-left: 10%;
	border: 1px solid grey;
	padding: 0px;
        clear: both;
}
 
.methodTable table.innerDynTable {
	width: 100%;
	padding: 2px;
}
 
.methodTable table.innerDynTable p {
	line-height: 1em;
	margin: 0px;
}
 
.methodTable td.titleClass {
	background: #E9E9E9;
	color: black;
	font-size: 130%;
	font-weight: bold;
	padding: 8px;
}
 
/* Values for EVENTS */
.eventTable {
	width: 80%;
	position: relative;
	margin-left: 10%;
	border: 1px solid grey;
	padding: 0px;
        clear: both;
}
 
.eventTable table.innerDynTable {
	width: 100%;
	padding: 2px;
}
 
.eventTable table.innerDynTable p {
	line-height: 1em;
	margin: 0px;
}
 
.eventTable td.titleClass {
	background: #E9E9E9;
	color: black;
	font-size: 130%;
	font-weight: bold;
	padding: 8px;
}
 
/** END ***** CSS for DynamicTablesExtensions.php *******/
 
/************* Code snippets ************/
 
.codesnippet {
   white-space: pre-wrap;
   font-family: monospace;
   font-size: 13px;
   line-height: 1.1em;
   background-color: #EEEEEE;
   border: 1px dashed grey;
   margin-left: 40px;
   margin-right: 40px;
   padding: 8px;
   padding-left: 12px;
}
 
/* Links colors interfere with syntax highlighting. Here we set a unique color for every keyword
  in a "codesnippet" object */
.codesnippet a {
       text-decoration: none;
       color: #0000FF;
       background: none;
}
.codesnippet a:visited {
       color: #0000FF;
}
.codesnippet a:active {
       color: #faa700;
}
.codesnippet a:hover {
       text-decoration: underline;
}
.codesnippet a.stub {
       color: #0000FF;
}
.codesnippet a.new, #p-personal a.new {
       color: #0000FF;
}
.codesnippet a.new:visited, #p-personal a.new:visited {
       color: #0000FF;
}
 
/***********************************************************/
 
 
 
 
/************* Article message box styles ***************/
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
/***************************************************************/
 
/* Other tables */
 
table.genericTable {
       width: auto;
       position: relative;
       margin-left: 3%;
       border: 1px solid grey;
       border-collapse: collapse;
       padding: 0px;
}
 
 
table.genericTable td {
       border: 1px solid grey;
       border-collapse: collapse;
       text-align: left;
       padding: 6px;
}
 
table.genericTable th {
       font-weight: bold;
       background: #E9E9E9;
       border: 1px solid grey;
       border-collapse: collapse;
       text-align: left;
       padding: 6px;
}
 
/***************************************************************/
 
/* Safari 5.1.7 Fix */
input[type="text"] {
     opacity: 0.99;
}