MediaWiki:Common.css

From OpenMPT Wiki
Jump to navigation Jump to search

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 / Edge: 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.
/* CSS placed here will be applied to all skins */

/* Main page->Sections */
div.sectionframe { border:1px solid #aad; background:#e8ecf8; border-radius:4px; padding:1px; padding-top:0px; padding-bottom:0px; margin-bottom:4px; }
div.sectionframe:hover { background:#e0e4f0; }
div.sectioninner { border:1px solid #aad; background:#fff; border-radius:4px; padding:6px; margin:1px; }
/* Main page edit buttons */
.editbtn { float:right; margin:4px 4px 0 0; }
.editbtn a, .editbtn a.external { display:block; border-radius:50%; width:0.8em; height:0.8em; border:0.2em solid #766; background:#DB6A6A !important; text-indent:100em; overflow:hidden; }

/* <pattern css="mpt" */
div.mpt_mpt { border:1px solid #ddd; font:12px Consolas,'Courier New',Courier,monospace; background:#fff; }
div.mpt_mpt div.title { border:1px solid #eee; background:#128; font:12px sans-serif; text-align:center; color:#fe2; padding:4px; }
div.mpt_mpt p-id  /*identifier*/ { padding-left:4px; font-size:80%; color:#555; }
div.mpt_mpt p-div /*divider   */ { padding-right:4px; color:#808080; }
div.mpt_mpt p-not /*note      */ { padding-right:4px; color:#000080; }
div.mpt_mpt p-ins /*instrument*/ { padding-right:4px; color:#008080; }
div.mpt_mpt p-glo /*global    */ { padding-right:4px; color:#800000; }
div.mpt_mpt p-vol /*volume    */ { padding-right:4px; color:#008000; }
div.mpt_mpt p-pan /*panning   */ { padding-right:4px; color:#008080; }
div.mpt_mpt p-pit /*pitch     */ { padding-right:4px; color:#808000; }
div.mpt_mpt p-oth /*other     */ { padding-right:4px; color:#000000; }
div.mpt_mpt p-def /*default   */ { padding-right:4px; color:#000000; }
div.mpt_mpt p-hig /*highlight */ { background-color:#d8e0d8; }
div.mpt_mpt * { line-height: normal; }

/* <pattern css="it" */
div.mpt_it { border:1px solid #ddd; font:12px Consolas,'Courier New',Courier,monospace; background:#000; }
div.mpt_it div.title { border:1px solid #eee; background:#128; font:12px sans-serif; text-align:center; color:#fe2; padding:4px; }
div.mpt_it p-id  { padding-left:4px; font-size:80%; color:#0a0; }
div.mpt_it p-div { padding-right:4px; color:#00aa00; }
div.mpt_it p-not { padding-right:4px; color:#00ff00; }
div.mpt_it p-ins { padding-right:4px; color:#ffff00; }
div.mpt_it p-glo { padding-right:4px; color:#ff4040; }
div.mpt_it p-vol { padding-right:4px; color:#00ff00; }
div.mpt_it p-pan { padding-right:4px; color:#00ffff; }
div.mpt_it p-pit { padding-right:4px; color:#ffff00; }
div.mpt_it p-oth { padding-right:4px; color:#00e000; }
div.mpt_it p-def { padding-right:4px; color:#00e000; }
div.mpt_it p-hig { background-color:#305830; }
div.mpt_it * { line-height: normal; }

/* <pattern css="buzz" */
div.mpt_buzz { border:1px solid #ddd; font:12px Consolas,'Courier New',Courier,monospace; background:#e1dbd0; }
div.mpt_buzz div.title { border:1px solid #eee; background:#128; font:12px sans-serif; text-align:center; color:#fe2; padding:4px; }
div.mpt_buzz p-id  { padding-left:4px; font-size:80%; color:#555; }
div.mpt_buzz p-div { padding-right:4px; color:#996; }
div.mpt_buzz p-not { padding-right:4px; color:#00005b; }
div.mpt_buzz p-ins { padding-right:4px; color:#005555; }
div.mpt_buzz p-glo { padding-right:4px; color:#600; }
div.mpt_buzz p-vol { padding-right:4px; color:#005e00; }
div.mpt_buzz p-pan { padding-right:4px; color:#006868; }
div.mpt_buzz p-pit { padding-right:4px; color:#626200; }
div.mpt_buzz p-oth { padding-right:4px; color:#3a3427; }
div.mpt_buzz p-def { padding-right:4px; color:#3a3427; }
div.mpt_buzz p-hig { background-color:#d1cac0; }
div.mpt_buzz * { line-height: normal; }

kbd
{
	border: 1px outset #ccc;
	color: #333;
	background: #d4d0c8;
	padding: 0 0.2em;
	border-radius: 3px;
	font-family: Consolas,monospace;
	font-weight: bold;
}

/* effect reference */
td.eff-misc { color:#808080; background-color:#f0f0f0; }
td.eff-vol { color:#008000; background-color:#d0f0d0; }
td.eff-pan { color:#008080; background-color:#d0f0f0; }
td.eff-pitch { color:#808000; background-color:#f0f0d0; }
td.eff-global { color:#800000; background-color:#f0d0d0; }