<!DOCTYPE html>
<html lang="en" dir="ltr" class="client-nojs">
<head>
<title>国际乐谱库：曲谱PDF下载</title>
<meta charset="UTF-8" />
<meta name="generator" content="MediaWiki 1.18.1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" sizes="192x192" href="/android-touch-icon.png" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="IMSLP (en)" />
<link rel="EditURI" type="application/rsd+xml" href="//imslp.org/api.php?action=rsd" />
<link rel="copyright" href="http://creativecommons.org/licenses/by-sa/4.0/" />
<link rel="alternate" type="application/atom+xml" title="IMSLP Atom feed" href="/index.php?title=Special:RecentChanges&amp;feed=atom" />
<link rel="stylesheet" href="/load.php?debug=false&amp;lang=en&amp;modules=ext.wikiForum%7Cmediawiki.legacy.commonPrint%2Cshared%7Cskins.bootstrapmediawiki&amp;only=styles&amp;skin=bootstrap-mediawiki&amp;*" />
<link rel="stylesheet" href="/skins/bootstrap-mediawiki/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="/extensions/Slick/slick.css" />
<link rel="stylesheet" href="/extensions/Slick/slick-theme.css" />
<link rel="stylesheet" href="/extensions/common/jscss/flexigrid.css?22.2" />
<link rel="stylesheet" href="/extensions/common/jscss/IMSLPMisc.css?22.2" />
<link rel="stylesheet" href="/skins/bootstrap-mediawiki/submenu/css/bootstrap-submenu.min.css?303" /><meta name="ResourceLoaderDynamicStyles" content="" />
<link rel="stylesheet" href="/load.php?debug=false&amp;lang=en&amp;modules=site&amp;only=styles&amp;skin=bootstrap-mediawiki&amp;*" />
<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}a.new,#quickbar a.new{color:#ba0000}

/* cache key: imslp_wiki:resourceloader:filter:minify-css:4:c88e2bcd56513749bec09a7e29cb3ffa */</style>
<script src="/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=bootstrap-mediawiki&amp;*"></script>
<script>if(window.mw){
	mw.config.set({"wgCanonicalNamespace": "MediaWiki_talk", "wgCanonicalSpecialPageName": false, "wgNamespaceNumber": 9, "wgPageName": "MediaWiki_talk:Common.css", "wgTitle": "Common.css", "wgCurRevisionId": 205933, "wgArticleId": 35642, "wgIsArticle": true, "wgAction": "view", "wgUserName": null, "wgUserGroups": ["*"], "wgCategories": [], "wgBreakFrames": false, "wgRestrictionEdit": [], "wgRestrictionMove": [], "wgVectorEnabledModules": {"collapsiblenav": true, "collapsibletabs": true, "editwarning": false, "expandablesearch": false, "footercleanup": false, "sectioneditlinks": false, "simplesearch": true, "experiments": true}, "wgWikiEditorEnabledModules": {"toolbar": true, "dialogs": true, "hidesig": true, "templateEditor": false, "templates": false, "preview": false, "previewDialog": false, "publish": false, "toc": false}, "userIsMember": false});
}
</script><script>if(window.mw){
	mw.loader.load(["mediawiki.page.startup"]);
}
</script>

<script async src='https://www.googletagmanager.com/gtag/js?id=G-4QW4VCTZ4E'></script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());
	gtag('config', 'G-4QW4VCTZ4E');
</script>
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "i36pgsjwfo");
</script></head>
<body class="mediawiki ltr sitedir-ltr ns-9 ns-talk page-MediaWiki_talk_Common_css action-view skin-bootstrap-mediawiki">
<script>if(typeof IMSLPMsg=='undefined')IMSLPMsg={};$.extend(IMSLPMsg,{"js-a1":"e-mail address","js-a2":"or","js-a3":"existing IMSLP account name","js-a4":"15","js-b":"e-mail address (required)","js-b1":"E-mail Address","js-c":"IMSLP account name (optional)","js-c1":"IMSLP Account Name","js-d":"Purchase","js-e":"`1 Year`7 `2 Months: $`3.`4 per month, $`5.`6 total.","js-f":"composer category name","js-g":"Please select a composer.","js-h":"Composer category does not exist.","js-i":"Unable to get composer birth year.","js-j":"Composer must have been born more than 10 years ago.","js-k":"Composer: `1, Born: `2, Subscription Period: `3 Years, $`4.`5 total.","js-l":"Invalid e-mail address.","js-m":"No e-mail address provided.","js-n":"No e-mail address or user name provided.","js-o":"This is a `1gift subscription`2.","js-p":"Number of gift subscriptions:","js-q":"Invalid number of gift certificates.","js-r":"Your download will continue in `1 seconds...","js-s":"Click here to continue your download.","js-t":"This user is already a member.  Do you want to continue and add to the membership period?","js-u":"Internal server error.","js-v":"No composer selected.","js-w":"become a member","usegift":"1","pplc":"","unlocknav":"Unlock toolbars","locknav":"Lock toolbars","creditcard":"Credit card","paypal":"PayPal","membdesc":"Membership ($22 per year)","subscribe":"Subscribe","top10below":"Top 10 results below","naxosmoreres":"more results","chgkeyw":"change","naxossearchkey":"Search key:","newfile":"This is a newly submitted file that is available to members only.","memblogin":"<b>Are you a member?  Please <a href=\"\/index.php?title=Special:Userlogin&returnto=`1\">sign in<\/a> to avoid the waiting period.<\/b>","removead":"remove ad","addsheetmusic":"Add Sheet Music","yourownarrangement":"Your Own Arrangement","yourowncomposition":"Your Own Composition","yourownedition":"Your Own Edition","recording":"Recording","addfile":"Add File","addwork":"Add Work","membershipstatus":"Membership status","purchasemembership":"Purchase membership","searchimslpsite":"Search IMSLP site","searchbyimslpindex":"Search by IMSLP index","searchnaxosmusiclibrary":"Search Naxos Music Library","js-cont":"cont.","js-noprevious":"no previous","js-previous":"previous `1","js-nonext":"no next","js-next":"next `1","js-fcs":"Search category...","addscan":"Add Scan","addmanuscript":"Add Manuscript","newcomposition":"New Composition","newarrangement":"New Arrangement","newedition":"New Edition","updatecard":"Update Credit Card","confirmremovecc":"Please confirm credit card removal, all renewing subscriptions will be automatically cancelled.","alipay":"Alipay","dontexpandfileentries":"Don't expand file entries","expandfileentries":"Expand file entries","js-t1":"This user already has a renewing subscription, another subscription cannot be purchased.","js-recur-monthly":"Monthly subscription: $2.99\/mo","js-recur-yearly":"Yearly subscription: $22.00\/yr ($1.83\/mo)","js-pay-bancontact":"Bancontact","js-pay-eps":"eps","js-pay-giropay":"giropay","js-pay-ideal":"iDEAL","js-pay-p24":"Przelewy24","js-pay-sofort":"SOFORT","js-pay-wechat":"WeChat Pay","js-paymentrequiresname":"Please enter your full name to use this payment method:","js-sofortcountry":"Bank account location","js-sofortselecttext":"Select a country","js-paymenttypeyearlyonly":"Only credit cards and Paypal are accepted for a monthly subscription.","membdesc-norecur":"Membership ($`1)","membdesc-monthly":"Membership ($2.99 per month)","app-title":"IMSLP","app-price":"FREE","app-button":"VIEW","app-apple":"On the App Store","app-google":"In Google Play","app-amazon":"On Amazon Appstore","js-promo-year":"1 year","js-promo-years":"`1 years","js-promo-month":"1 month","js-promo-months":"`1 months","js-promo-ptnrbuyamt":"`1 (current balance: `2)","js-promo-codetooshort":"Promo code too short.","js-promo-email":"E-mail","js-promo-customer-email":"Customer e-mail","js-promo-email-required":"E-mail is required.","js-membership-monthly":"Monthly membership: $`1 per month","js-membership-yearly":"Yearly membership: $`1 per year","stripe-membdesc":"Membership ($`1 per year)"});</script><script>IMSLPTOCMsg="Contents";</script>		<div id="adngin-video-0" style="height:0"></div>
		<script src="/skins/bootstrap-mediawiki/submenu/js/bootstrap-submenu.min.js"></script>
		<div class="navbar navbar-default navbar-fixed-top " id="bs-top-navbar" role="navigation">
				<div class="container">
					<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
					<div class="navbar-header">
						<button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
														<select id="subnav-select">
								<option selected disabled hidden>Navigation</option><optgroup label=" Navigation"><option value='/wiki/Main_Page'><i class="fa fa-home"></i> Main Page</option><option value='/wiki/Special:RecentChanges'><i class="fa fa-edit"></i> Recent changes</option><option value='/wiki/Special:Random'><i class="fa fa-random"></i> Random page</option></optgroup><optgroup label=" Scores"><option value='/wiki/IMSLP:Difficulty'><i class="fa fa-star"></i> Instrument difficulty</option><option value='/wiki/Category:Composers'><i class="fa fa-sort-alpha-asc"></i> Composers</option><option value='/wiki/Category:People'><i class="fa fa-users"></i> All people</option><option value='/wiki/Category:People_by_nationality'><i class="fa fa-globe"></i> Nationality</option><option value='/wiki/Browse_people_by_time_period'><i class="fa fa-calendar"></i> Time period</option><option value='/wiki/IMSLP:View_Genres'><i class="fa fa-list-ul"></i> Instrumentation/Genre</option><option value='/wiki/Category:Scores_by_publisher'><i class="fa fa-files-o"></i> Publishers</option><option value='/wiki/Category:Works_with_Braille_scores'><i class="fa fa-braille"></i> Braille scores</option></optgroup><optgroup label=" Recordings"><option value='https://imslp.org/index.php?title=Category:People_with_recordings&amp;memberitst=Recordings'><i class="fa fa-sort-alpha-asc"></i> Composers</option><option value='/wiki/Category:Performers'><i class="fa fa-users"></i> Performer name</option><option value='/wiki/Category:Pages_with_commercial_recordings'><i class="fa fa-headphones"></i> Commercial recordings</option></optgroup><optgroup label=" Participate"><option value='/wiki/IMSLP:Contributor_Portal'>Contributor portal</option><option value='' disabled='disabled' class='unclickable'>----</option>
<option value='https://imslp.org/index.php?title=Special:WikiForumNext/recent-discussions//1/4'>Recent discussions</option><option value='https://imslpforums.org'>Forums</option><option value='/wiki/IMSLP:IRC_Access'>Live Chat (IRC)</option><option value='' disabled='disabled' class='unclickable'>----</option>
<option value='/wiki/IMSLP:FAQ'>FAQ</option><option value='/wiki/Help:Contents'>Help</option></optgroup><optgroup label=" Other"><option value='https://imslp.org/index.php?title=Category:Pages_with_parts_for_purchase&amp;simplesubcat=1&amp;launchtab=parts'>Purchase from IMSLP</option><option value='/wiki/IMSLP:Subscriptions'>Purchase membership</option><option value='https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=payments@imslp.org&amp;item_name=IMSLP+%2F+Petrucci+Music+Library&amp;no_shipping=0&amp;no_note=1&amp;tax=0&amp;currency_code=USD&amp;lc=US&amp;bn=PP-DonationsBF&amp;charset=UTF-8&amp;notify_url=http%3A%2F%2Fimslp.org%2Fimslpscripts%2Fshop%2FPPDonationsIPN.ISCR.php'>Donate</option><option value='/wiki/IMSLP:Site_support'>Supporting IMSLP</option><option value='/wiki/IMSLP:Sponsored_Composers'>Sponsored people</option><option value='' disabled='disabled' class='unclickable'>----</option>
<option value='/wiki/IMSLP:Apps'>Apps</option><option value='' disabled='disabled' class='unclickable'>----</option>
<option value='/wiki/IMSLP:Jobs'>Jobs</option><option value='/wiki/IMSLP:About'>About</option><option value='' disabled='disabled' class='unclickable'>----</option>
<option value='/wiki/IMSLP:Select_Language'>Select language</option><option value='/wiki/Special:Upload'>Upload picture</option><option value='/wiki/IMSLP:Sitemap'>Sitemap</option><option value='/wiki/IMSLP:Privacy_policy'>Privacy policy</option><option value='/wiki/IMSLP:General_disclaimer'>Disclaimers</option></optgroup>								</select>
														<a class="navbar-brand" href="/wiki/Main_Page" title="IMSLP"><img src='/imslp.png' alt='Logo'/></a>
					</div>

					<div class="collapse navbar-collapse" id="bs-mobile-nav">					<ul class="nav navbar-nav" id="page-dropdown"><li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><span class="icon icon11"></span> Page <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="/wiki/MediaWiki:Common.css" class='nddm '><i class="fa fa-file"></i> Message</a><li ><a href="/wiki/MediaWiki_talk:Common.css" class='nddm selected'><i class="fa fa-comment"></i> Discussion</a><li ><a href="/index.php?title=MediaWiki_talk:Common.css&amp;action=edit" class='nddm '><i class="fa fa-file-code-o"></i> View source</a><li ><a href="/index.php?title=MediaWiki_talk:Common.css&amp;action=history" class='nddm '><i class="fa fa-clock-o"></i> History</a><li class='divider'></li>
<li ><a href="/wiki/Special:WhatLinksHere/MediaWiki_talk:Common.css" class='nddm '><i class="fa fa-link"></i> What links here</a><li ><a href="/wiki/Special:RecentChangesLinked/MediaWiki_talk:Common.css" class='nddm '><i class="fa fa-arrows-h"></i> Related changes</a><li ><a href="/index.php?title=MediaWiki_talk:Common.css&amp;printable=yes" class='nddm '><i class="fa fa-print"></i> Printable version</a><li ><a href="/index.php?title=MediaWiki_talk:Common.css&amp;oldid=205933" class='nddm '><i class="fa fa-anchor"></i> Permanent link</a></ul></li></ul>					<ul class="nav navbar-nav navbar-right" id="logindd">
						<li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown">Log in <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="/index.php?title=Special:UserLogin&amp;returnto=MediaWiki%20talk%3ACommon.css" class='nddm '><i class="fa fa-sign-in"></i> Log in</a><li ><a onclick='return false;' class='nddm navbarlockitem'>navbarlockitem</a><li ><a onclick='return false;' class='nddm navbarexpfileent'>navbarexpfileent</a></ul></li>					</ul><ul class="nav navbar-nav navbar-right"><li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><i class="fa fa-search" id="imslp-search-icon"></i> <b class="caret"></b></a><ul class="dropdown-menu nopullup"><li ><a onclick='return changeSearch(1);' class='nddm '><i class="fa fa-search"></i> Search IMSLP site</a><li ><a onclick='return changeSearch(2);' class='nddm '><i class="fa fa-hashtag"></i> Search by IMSLP index</a></ul></li>					</ul><form class="navbar-search navbar-form navbar-right" onsubmit="return doSearch();">
						<div>
							<input class="form-control" placeholder="Search" title="Search [ctrl-option-f]" accesskey="f" id="searchInput" autocomplete="off">
						</div>
					</form>
					</div>
				</div>
		</div><!-- topbar -->
					<div class="subnav subnav-fixed" id="bs-top-subnav">
				<div class="container">
					<ul class="nav nav-pills">
					<li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><i class="fa fa-bars"></i> Navigation <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="/wiki/Main_Page" class='nddm '><i class="fa fa-home"></i> Main Page</a><li ><a href="/wiki/Special:RecentChanges" class='nddm '><i class="fa fa-edit"></i> Recent changes</a><li ><a href="/wiki/Special:Random" class='nddm '><i class="fa fa-random"></i> Random page</a></ul></li><li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><i class="fa fa-book"></i> Scores <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="/wiki/IMSLP:Difficulty" class='nddm '><i class="fa fa-star"></i> Instrument difficulty</a><li ><a href="/wiki/Category:Composers" class='nddm '><i class="fa fa-sort-alpha-asc"></i> Composers</a><li ><a href="/wiki/Category:People" class='nddm '><i class="fa fa-users"></i> All people</a><li ><a href="/wiki/Category:People_by_nationality" class='nddm '><i class="fa fa-globe"></i> Nationality</a><li ><a href="/wiki/Browse_people_by_time_period" class='nddm '><i class="fa fa-calendar"></i> Time period</a><li ><a href="/wiki/IMSLP:View_Genres" class='nddm '><i class="fa fa-list-ul"></i> Instrumentation/Genre</a><li ><a href="/wiki/Category:Scores_by_publisher" class='nddm '><i class="fa fa-files-o"></i> Publishers</a><li ><a href="/wiki/Category:Works_with_Braille_scores" class='nddm '><i class="fa fa-braille"></i> Braille scores</a></ul></li><li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><i class="fa fa-volume-up"></i> Recordings <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="https://imslp.org/index.php?title=Category:People_with_recordings&amp;memberitst=Recordings" class='nddm '><i class="fa fa-sort-alpha-asc"></i> Composers</a><li ><a href="/wiki/Category:Performers" class='nddm '><i class="fa fa-users"></i> Performer name</a><li ><a href="/wiki/Category:Pages_with_commercial_recordings" class='nddm '><i class="fa fa-headphones"></i> Commercial recordings</a></ul></li><li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><i class="fa fa-child"></i> Participate <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="/wiki/IMSLP:Contributor_Portal" class='nddm '>Contributor portal</a><li class='divider'></li>
<li ><a href="https://imslp.org/index.php?title=Special:WikiForumNext/recent-discussions//1/4" class='nddm '>Recent discussions</a><li ><a href="https://imslpforums.org" class='nddm '>Forums</a><li ><a href="/wiki/IMSLP:IRC_Access" class='nddm '>Live Chat (IRC)</a><li class='divider'></li>
<li ><a href="/wiki/IMSLP:FAQ" class='nddm '>FAQ</a><li ><a href="/wiki/Help:Contents" class='nddm '>Help</a></ul></li><li class="dropdown"><a class="dropdown-toggle nddm" data-toggle="dropdown"><i class="fa fa-asterisk"></i> Other <b class="caret"></b></a><ul class="dropdown-menu "><li ><a href="https://imslp.org/index.php?title=Category:Pages_with_parts_for_purchase&amp;simplesubcat=1&amp;launchtab=parts" class='nddm '>Purchase from IMSLP</a><li ><a href="/wiki/IMSLP:Subscriptions" class='nddm '>Purchase membership</a><li ><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=payments@imslp.org&amp;item_name=IMSLP+%2F+Petrucci+Music+Library&amp;no_shipping=0&amp;no_note=1&amp;tax=0&amp;currency_code=USD&amp;lc=US&amp;bn=PP-DonationsBF&amp;charset=UTF-8&amp;notify_url=http%3A%2F%2Fimslp.org%2Fimslpscripts%2Fshop%2FPPDonationsIPN.ISCR.php" class='nddm '>Donate</a><li ><a href="/wiki/IMSLP:Site_support" class='nddm '>Supporting IMSLP</a><li ><a href="/wiki/IMSLP:Sponsored_Composers" class='nddm '>Sponsored people</a><li class='divider'></li>
<li ><a href="/wiki/IMSLP:Apps" class='nddm '>Apps</a><li class='divider'></li>
<li ><a href="/wiki/IMSLP:Jobs" class='nddm '>Jobs</a><li ><a href="/wiki/IMSLP:About" class='nddm '>About</a><li class='divider'></li>
<li ><a href="/wiki/IMSLP:Select_Language" class='nddm '>Select language</a><li ><a href="/wiki/Special:Upload" class='nddm '>Upload picture</a><li ><a href="/wiki/IMSLP:Sitemap" class='nddm '>Sitemap</a><li ><a href="/wiki/IMSLP:Privacy_policy" class='nddm '>Privacy policy</a><li ><a href="/wiki/IMSLP:General_disclaimer" class='nddm '>Disclaimers</a></ul></li>					</ul>
				</div>
			</div>
					<div id="wiki-outer-body">
			<div id="wiki-body" class="container">
				<div id="adngin-top-0"></div><br />								<span id='mw-js-message-wrapper'></span>
												
				<h1 id="firstHeading" class="firstHeading pagetitle page-header">
					MediaWiki talk:Common.css				</h1>	

				<div class="body"><div lang="en" dir="ltr" class="mw-content-ltr"><h2> <span class="mw-headline" id="Naming_conventions"> Naming conventions </span></h2>
<p>To distinguish different groups of classes, the following prefixes are used:
</p>
<ul><li> <code>mp_</code> Main Page
</li><li> <code>cp_</code> Composer pages
</li><li> <code>nav_</code> Navigation templates (for help pages etc.)
</li><li> <code>babel_</code> <a href="/wiki/IMSLP:Babel" title="IMSLP:Babel">Babel</a> templates
</li></ul>
<p>In some cases, a class name consisting only of the prefix (without the underscore) may exist. 
</p><p>Classes should <b>not</b> be used outside the scope defined above, to prevent unexpected changes. --<a href="/wiki/User:Leonard_Vertighel" title="User:Leonard Vertighel">Leonard Vertighel</a> 10:17, 28 September 2007 (EDT)
</p>
<h2> <span class="mw-headline" id="Colour_guide"> Colour guide </span></h2>
<p>Colours used on this site, and examples where they are used.
</p>
<table>
<tr>
<td style="padding:5px 20px;background:#788791">#788791
</td>
<td>Main Page, top banner and left column headings; composer template, subheadings
</td></tr>
<tr>
<td style="padding:5px 20px;background:#bfbba5">#bfbba5
</td>
<td>Main Page, right column; composer template, right column
</td></tr>
<tr>
<td style="padding:5px 20px;background:#989584">#989584
</td>
<td>Main Page, right column headings underline (same hue as above)
</td></tr>
<tr>
<td style="padding:5px 20px;background:#ebeae4">#ebeae4
</td>
<td>Composer template, left column; navigation templates (same hue as above)
</td></tr>
<tr>
<td style="padding:5px 20px;background:#9c2e3a">#9c2e3a
</td>
<td>Main Page, navigation box; composer template, first heading
</td></tr>
<tr>
<td style="padding:5px 20px;background:#af5761">#af5761
</td>
<td>Main Page, navigation box headings underline (same hue as above)
</td></tr>
<tr>
<td style="padding:5px 20px;background:#ffb200">#ffb200
</td>
<td>Main Page, site name
</td></tr></table>
<p>The colours for the <a href="/wiki/IMSLP:Babel" title="IMSLP:Babel">Babel</a> boxes have been copied from Wikipedia and are not part of the IMSLP colour scheme.
</p>
<h3> <span class="mw-headline" id="Alternative_colour_scheme">Alternative colour scheme</span></h3>
<p>Colours for possible use as occasional alternates? Slightly violet/blue tinted rather than brown/beige <span style="color: #00cc00"><a href="/wiki/User:Pml" title="User:Pml">Philip Legge</a></span> <sub><a href="/wiki/Special:EmailUser/Pml" title="Special:EmailUser/Pml">@</a> <a href="/wiki/Special:Contributions/Pml" title="Special:Contributions/Pml">©</a> <a href="/wiki/User_talk:Pml" title="User talk:Pml">talk</a></sub> 19:06, 2 March 2009 (EST)
</p>
<table>
<tr>
<td style="padding:5px 20px;background:#807787">#807787
</td>
<td>
</td>
<td>Main Page, top banner and left column headings; composer template, subheadings
</td></tr>
<tr>
<td style="padding:5px 20px;background:#a0c0c0">#a0c0c0
</td>
<td style="padding:5px 20px;background:#a0c0a4">#a0c0a4
</td>
<td>Main Page, right column; composer template, right column
</td></tr>
<tr>
<td style="padding:5px 20px;background:#809898">#809898
</td>
<td style="padding:5px 20px;background:#809884">#809884
</td>
<td>Main Page, right column headings underline (same hue as above)
</td></tr>
<tr>
<td style="padding:5px 20px;background:#e0eaea">#e0eaea
</td>
<td style="padding:5px 20px;background:#e0eae2">#e0eae2
</td>
<td>Composer template, left column; navigation templates (same hue as above)
</td></tr>
<tr>
<td style="padding:5px 20px;background:#a33354">#a33354
</td>
<td>
</td>
<td>Main Page, navigation box; composer template, first heading
</td></tr>
<tr>
<td style="padding:5px 20px;background:#b77086">#b77086
</td>
<td>
</td>
<td>Main Page, navigation box headings underline (same hue as above)
</td></tr>
<tr>
<td style="padding:5px 20px;background:#ffc000">#ffc000
</td>
<td>
</td>
<td>Main Page, site name
</td></tr>
<tr>
<td style="padding:5px 20px;background:#4f4f80">#4f4f80
</td>
<td>
</td>
<td><b>Unhosted</b> composer template, first heading
</td></tr>
<tr>
<td style="padding:5px 20px;background:#e0e0ea">#e0e0ea
</td>
<td>
</td>
<td><b>Unhosted</b> composer template, left column
</td></tr>
<tr>
<td style="padding:5px 20px;background:#a0a0c0">#a0a0c0
</td>
<td>
</td>
<td><b>Unhosted</b> composer template, right column
</td></tr></table>
<dl><dd>Nice. For the main page, perhaps we could use right column one for Featured, and 2 for recent additions?-- <a href="/wiki/User:Perlnerd666" title="User:Perlnerd666" class="mw-redirect">Snailey</a> <small><sub><a href="/wiki/User_talk:Perlnerd666" title="User talk:Perlnerd666" class="mw-redirect">Yell at me</a> <a href="/wiki/Special:EmailUser/Perlnerd666" title="Special:EmailUser/Perlnerd666">Email me</a></sub></small> 19:18, 2 March 2009 (EST)
</dd></dl>
<dl><dd><dl><dd>Thanks. It might make a nice change, but I'd want to see a mockup of the mainpage and various category/work pages before changing common.css! The colour to match the dress and hair colour of the lady in the main page background is just a bit more like burgundy&#160;:) <span style="color: #00cc00"><a href="/wiki/User:Pml" title="User:Pml">Philip Legge</a></span> <sub><a href="/wiki/Special:EmailUser/Pml" title="Special:EmailUser/Pml">@</a> <a href="/wiki/Special:Contributions/Pml" title="Special:Contributions/Pml">©</a> <a href="/wiki/User_talk:Pml" title="User talk:Pml">talk</a></sub> 19:38, 2 March 2009 (EST)
<dl><dd>You could use <a href="/wiki/Main_Page/draft" title="Main Page/draft">Main Page/draft</a>. -- <a href="/wiki/User:Perlnerd666" title="User:Perlnerd666" class="mw-redirect">Snailey</a> <small><sub><a href="/wiki/User_talk:Perlnerd666" title="User talk:Perlnerd666" class="mw-redirect">Yell at me</a> <a href="/wiki/Special:EmailUser/Perlnerd666" title="Special:EmailUser/Perlnerd666">Email me</a></sub></small> 19:43, 2 March 2009 (EST)
<dl><dd>Have a look. I'm slightly worried about blue on (slightly bluish) grey being difficult to see by colour-blind visitors. I've also had a play with a green tinged set of colours as well. <span style="color: #00cc00"><a href="/wiki/User:Pml" title="User:Pml">Philip Legge</a></span> <sub><a href="/wiki/Special:EmailUser/Pml" title="Special:EmailUser/Pml">@</a> <a href="/wiki/Special:Contributions/Pml" title="Special:Contributions/Pml">©</a> <a href="/wiki/User_talk:Pml" title="User talk:Pml">talk</a></sub> 21:15, 2 March 2009 (EST)
</dd></dl>
</dd></dl>
</dd></dl>
</dd></dl>
<p>Before changing the actual main page, this should be proposed in the forums for community review, as was done with the current page. My personal opinion: doesn't harmonize with the image, unless you were going to replace it (not sure, you removed half of it). In particular the blue makes both the Burgundy and the image itself look rather dull in comparison. Also the orange-violet contrast in the masthead feels a bit acidic to me. --<a href="/wiki/User:Leonard_Vertighel" title="User:Leonard Vertighel">Leonard Vertighel</a> 02:55, 3 March 2009 (EST)
</p>
<dl><dd>Let me expand on this. The current page was conceived as a whole, with the painting at its heart. The painting features two prominent colours, the dress of the figure, which are echoed in the colours of the page. To these, a warm grey matching the sky on the painting was added. Obviously this is not the only way to go about it, and I don't even claim that the result is particularly great (I'm no great artist). But I do think I succeded in producing a somewhat harmonious and coherent whole.
</dd><dd>The new proposal on the other hand features a dominant cyan (pure secondary colour), which has just about nothing to do with the painting. To this, a desaturated violet and somewhat colder shade of burgundy are added. Now there is nothing wrong with this (I'm not particularly fond of it, but certainly not everyone is fond of my choices either), but in my opinion you can't just paste the same painting into this. To me, the result looks like storm clouds above her head, and the cyan just about drowns her. IMO, you need to find an image to match the new colour scheme (might be hard); or go Pop art and make a version of the Lippi painting featuring your new colours; or do something else entirely. But putting the Lippi into the new colour scheme feels almost like pasting a random piece of Haydn into a Beethoven sonata. My opinion of course... --<a href="/wiki/User:Leonard_Vertighel" title="User:Leonard Vertighel">Leonard Vertighel</a> 04:40, 3 March 2009 (EST)
</dd></dl>
<p>OK, I've changed my mind. No offence, PML, but I really prefer leonard's, except the right column should be split by colours.-- <a href="/wiki/User:Perlnerd666" title="User:Perlnerd666" class="mw-redirect">Snailey</a> <small><sub><a href="/wiki/User_talk:Perlnerd666" title="User talk:Perlnerd666" class="mw-redirect">Yell at me</a> <a href="/wiki/Special:EmailUser/Perlnerd666" title="Special:EmailUser/Perlnerd666">Email me</a></sub></small> 10:56, 3 March 2009 (EST)
</p>
<dl><dd>Naturally the idea would be proposed over at the forums before implementing any change, but in that instance it's useful to have something to show, rather than have nothing in hand. The draft page had to be partially hard-coded, which is why I couldn't get the top half of Music to appear: as soon as I introduced the image using the css code, the burgundy colour of the nav box would revert to the more familiar red default. I dare say some of your criticism would be alleviated when looking at the draft page, if one could get both the image and the burgundy to appear. I've changed the cyan to the green alternative, though this I find rather less appealing than the cyan, which I didn't believe was in danger of drowning Music (I'm tempted to find another different hue and give it another go).
</dd><dd>I'm not sure whether you're being facetious about "pop art", but I certainly wouldn't <i>arbitrarily</i> recolourise the Lippi. All the same, looking at the <a href="http://en.wikipedia.org/wiki/File:Filippino_Lippi_001.jpg" class="extiw" title="wikipedia:File:Filippino Lippi 001.jpg">original source for the image</a>, the colours are possibly in need of restoration in the painting: what was probably a blue-grey cloak (but not as bright a blue as the cherub's wings, say) has become rather greyer; the blue of the sky and sea is washed out and the dark greens in the trees have become rather browner. The dress seems more toward burgundy, whereas the hue of Music's hair is more toward the orange side of the red, and so the actual colour used on the nav box splits the difference somewhat.
</dd><dd>So if anything, I would probably retouch the photo merely to change the colour balance subtly, so the red isn't quite so dominant that the other shades are crushed. As for the yellow/orange site title against the dark olive background rather than the grey: again, personal preference. I don't mind having vivid colours in the masthead, and I think the combination of olive (masthead) over burgundy (nav box) is more successful than the current grey over red. <span style="color: #00cc00"><a href="/wiki/User:Pml" title="User:Pml">Philip Legge</a></span> <sub><a href="/wiki/Special:EmailUser/Pml" title="Special:EmailUser/Pml">@</a> <a href="/wiki/Special:Contributions/Pml" title="Special:Contributions/Pml">©</a> <a href="/wiki/User_talk:Pml" title="User talk:Pml">talk</a></sub> 16:56, 3 March 2009 (EST)
<dl><dd>Fixed it for you (has nothing to do with "hard-coded"). And frankly, I rest my case. The proposed colours (both versions) do not occur in the painting, and in my opinion do not harmonize with it either. And speculating about what the colours <i>could</i> be, means going at it backwards. If you think you can restore the image, then you need to do that first (though frankly I have no idea what you would use as a reference, hardware calibration issues aside). In the end, the colours will need to match what you actually have (restored or not), and not some hypothetical image. --<a href="/wiki/User:Leonard_Vertighel" title="User:Leonard Vertighel">Leonard Vertighel</a> 17:17, 3 March 2009 (EST)
<dl><dd>Thank you Leonard, though what I meant by "hard-coded" is that the color tags had to be added as extra style information to the page, and I had forgotten the background-color tag rather than background - it's been a while since I last fiddled with css.
</dd><dd>Given that the Allegory of Music is not being used in its entirety in any case, and part of the image below the welcome text box is deliberately faded to white, I have to say that I don't see the point of your argument about the colour balance within the painting being set in stone and unalterable. You can find about four different scanned versions of this painting on the web (e.g. <a rel="nofollow" class="external autonumber" href="http://www.abcgallery.com/L/lippi/lippi8.html">[1]</a>, <a rel="nofollow" class="external autonumber" href="http://www.wga.hu/frames-e.html?/html/l/lippi/flippino/2/7erato.html">[2]</a>, <a rel="nofollow" class="external autonumber" href="http://www.the-athenaeum.org/art/full.php?ID=38383">[3]</a> in addition to <a href="http://en.wikipedia.org/wiki/File:Filippino_Lippi_001.jpg" class="extiw" title="wikipedia:File:Filippino Lippi 001.jpg">Wikipedia</a>) with quite different colour and contrast balances (one of which is quite awful, sickly yellow-tinged!), so whether the version used at IMSLP is representative of the actual painting is unknown. At least one of these (the rather darker one) is rather less "washed out" than the others, which might be as I suggested above, that the vibrancy of the colours (mostly due to the passage of time) has been slightly muted. <span style="color: #00cc00"><a href="/wiki/User:Pml" title="User:Pml">Philip Legge</a></span> <sub><a href="/wiki/Special:EmailUser/Pml" title="Special:EmailUser/Pml">@</a> <a href="/wiki/Special:Contributions/Pml" title="Special:Contributions/Pml">©</a> <a href="/wiki/User_talk:Pml" title="User talk:Pml">talk</a></sub> 19:50, 3 March 2009 (EST)
<dl><dd>Did you even bother reading what I actually wrote? Decide on the image version you want to use <i>first</i>. Then do some actual work and develop a matching design based on the image you picked. For example, for the present page I spent several days making various mockups in a graphics program to determine what actually works with the image I had picked. By all appearance, you on the other hand basically pulled some colour schemes out of thin air, without any reference to any actual image, and decided that it might be nice to repaint the page with them. I'm trying to assume good faith here, but frankly you are coming across as a bit presumptuous to me. Almost as if I took some composition of yours, and without any serious analysis, decided that it might also sound nice if I replaced all C's with F-sharps. Now I'm no composer (but I do know a little about webdesign), but I dare say you would not approve of this method of writing a variation on your theme. --<a href="/wiki/User:Leonard_Vertighel" title="User:Leonard Vertighel">Leonard Vertighel</a> 03:04, 4 March 2009 (EST)
<dl><dd>I might equally well ask the same, as to whether you had read my posts, or whether you were posting in good faith, if this is the tenor of your response. However, I am prepared to back down, since it is obviously of such concern to you: I gather now, especially from the "pop art" comment above, that I probably shouldn't have bothered. Regards, <span style="color: #00cc00"><a href="/wiki/User:Pml" title="User:Pml">Philip Legge</a></span> <sub><a href="/wiki/Special:EmailUser/Pml" title="Special:EmailUser/Pml">@</a> <a href="/wiki/Special:Contributions/Pml" title="Special:Contributions/Pml">©</a> <a href="/wiki/User_talk:Pml" title="User talk:Pml">talk</a></sub> 07:00, 4 March 2009 (EST)
<dl><dd>May I ask which part of your posts you feel I misinterpreted? To answer the analogous question for you: contrary to your claim, I never said anything to the effect of <i>"the colour balance within the painting being set in stone and unalterable"</i> (your words). What are you trying to tell us with your theoretical discussion about the possible colours of the painting? What do you expect me to say as long as you don't tell us "this is the version of the painting I want to use, and these are the colours to go with it"? --<a href="/wiki/User:Leonard_Vertighel" title="User:Leonard Vertighel">Leonard Vertighel</a> 07:37, 4 March 2009 (EST)
</dd></dl>
</dd></dl>
</dd></dl>
</dd></dl>
</dd></dl>
</dd></dl>

<!-- 
NewPP limit report
Preprocessor node count: 16/1000000
Post-expand include size: 0/4194304 bytes
Template argument size: 0/4194304 bytes
Expensive parser function count: 0/100
-->

<!-- Saved in parser cache with key imslp_wiki:pcache:idhash:35642-0!*!0!!en!*!* and timestamp 20260310073443 -->
</div><div class="printfooter">
Retrieved from "<a href="http://imslp.org/index.php?title=MediaWiki_talk:Common.css&amp;oldid=205933">http://imslp.org/index.php?title=MediaWiki_talk:Common.css&amp;oldid=205933</a>"</div>
				</div>
				<br /><div id="adngin-bottom-0"></div>
								<div class="category-links">
				<!-- catlinks -->
				<div id='catlinks' class='catlinks catlinks-allhidden'></div>				<!-- /catlinks -->
				</div>
															</div><!-- container -->
		</div>
		<div class="bottom">
			<div class="container">
				<footer>
					<p>Content is available under the <a href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 License</a>
						&bull; Page visited <a href="/wiki/Special:GetFCtrStats/=MediaWiki_talk%3ACommon.css">1,465 times</a> &bull; Powered by <a href="http://mediawiki.org">MediaWiki</a>
						&bull; <a href="/wiki/Special:SwitchSkin/vector/MediaWiki%20talk%3ACommon.css">Switch back to classic skin</a> 
					</p>
				</footer>
			</div><!-- container -->
		</div><!-- bottom -->
<!-- Quantcast --><noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-y4EbkRgwvQNQ8.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript><!-- EndQ -->
		<script src="/load.php?debug=false&amp;lang=en&amp;modules=skins.bootstrapmediawiki&amp;only=scripts&amp;skin=bootstrap-mediawiki&amp;*"></script>
<script>if(window.mw){
	mw.loader.load(["mediawiki.user", "mediawiki.util", "mediawiki.page.ready", "mediawiki.legacy.wikibits", "mediawiki.legacy.ajax"]);
}
</script>
<script>wgUserPermissions={"delete":false,"copyrightreview":false};</script>
<script src="/extensions/Slick/slick.min.js?303"></script>
<script src="/extensions/common/jscss/IMSLPJS.D.js?22.2&amp;303"></script>
<script src="/load.php?debug=false&amp;lang=en&amp;modules=site&amp;only=scripts&amp;skin=bootstrap-mediawiki&amp;*"></script>
<script>if(window.mw){
	mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"highlightbroken":1,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":20,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"bootstrapmediawiki","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":3,
	"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"vector-simplesearch":1,"usebetatoolbar":1,"usebetatoolbar-cgd":1,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;mw.user.tokens.set({"editToken":"+\\","watchToken":false});;mw.loader.state({"user.options":"ready","user.tokens":"ready"});
	
	/* cache key: imslp_wiki:resourceloader:filter:minify-js:4:45d954c684379ca2eadbb9deef51c133 */
}
</script><!-- Served in 0.035 secs. --><!--[if lt IE 9]>  
    <script src="/skins/bootstrap-mediawiki/ie8/html5shiv.js"></script>
    <script src="/skins/bootstrap-mediawiki/ie8/respond.min.js"></script>
<![endif]-->
		<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node94.aizhantj.com:21233/tjjs/?k=lce5g1l23d5"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script></body>
		<!-- Cached 20260310073443 -->
</html>
		