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
  • Konqueror: Click Reload or press F5
  • Opera: Clear the cache in Tools → Preferences
/** CSS placed here will be applied to all skins */


 /*************************************************
  **                                             **
  **    Please see the notes on the talk page    **
  **    before modifying the style sheet!        **
  **                                             **
  *************************************************/

/** Generic styles */

a {
    color:#003d70;
}

#bodyContent { font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif; font-size: 1.1em; }
.firstHeading { font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif; }

/* Holly hack - don't touch if you don't know what you're doing \*/
* html .gainlayout { height: 1%; }
/* End Holly hack */

.hidden {display:none}

/** End generic styles */

/** Styles for Main Page */
/* remove "Main Page" heading and subheading */
.page-Main_Page .firstHeading,
.page-Hauptseite .firstHeading,
.page-Κύρια_Σελίδα .firstHeading,
.page-Main_Page .firstHeading,
.page-Página_principal .firstHeading,
.page-Accueil .firstHeading,
.page-Pagina_principale .firstHeading,
.page-Hoofdpagina .firstHeading,
.page-Strona_Glowna .firstHeading,
.page-Página_inicial .firstHeading,
.page-Заглавная_страница .firstHeading,
.page-Huvudsida .firstHeading,
.page-Ana_Sayfa .firstHeading,
.page-Pàgina_principal .firstHeading,
.page-Hovedside .firstHeading,
.page-Dae_moon .firstHeading,
.page-首页 .firstHeading,
.page-Browse_by_genre .firstHeading,
.page-IMSLP_Contributor_Portal .firstHeading,
.page-メインページ .firstHeading,
.page-曲種と編成で探す .firstHeading,
.page-IMSLP_参加者便利帳 .firstHeading,
.page-メインページ #siteSub,
.page-Hauptseite #siteSub,
.page-Κύρια_Σελίδα #siteSub,
.page-Main_Page #siteSub,
.page-Página_principal #siteSub,
.page-Accueil #siteSub,
.page-Pagina_principale #siteSub,
.page-Hoofdpagina #siteSub,
.page-Strona_Glowna #siteSub,
.page-Página_inicial #siteSub,
.page-Заглавная_страница #siteSub,
.page-Huvudsida #siteSub,
.page-Ana_Sayfa #siteSub {
    display:none;
}

#mp {
    background:#bfbba5;
}
#mp_fifthanniv {
    background:#003466;
}
#mp_banner {
    background:#788791;
    color:white;
    text-align:center;
    padding:5px 10px;
}
#mp_sitename {
    font-size:200%;
    color:#ffb200;
}
/* height of mp_nav plus padding must match image height (110px) */
#mp_nav {
    background:#9c2e3a url(//imslp.org/images/0/0d/Mp-bg1.png) no-repeat top left;
    text-align:center;
    font-size:12px;
    line-height:15px;
    padding:8px 10px 1px 353px;
    height:96px;
    color:white;
    white-space:nowrap;
    overflow:visible;
}
#mp_nav h2 {
    font-size:100%;
    line-height:15px;
    border-bottom:1px solid #af5761;
    font-weight:bold;
    height:17px;
    margin:0;
    padding:0;
    color:white;
}
#mp_nav p {
    line-height:15px;
    margin:0 0 8px 0;
    height:17px;
}
#mp_nav a {
    color:white;
}
#mp_nav a:hover {
    text-decoration:underline;
}
#mp_langlinks {
    background:#9c2e3a;
}
#mp_left {
    background:white;
    float:left;
    width:55%;
}
#mp_intro {
    background:white url(//imslp.org/images/7/73/Mp-bg2.png) no-repeat top left;
    padding:10px 25px 10px 102px;
}
#mp_intro p {
    margin:6px 0;
}
#mp_right {
    background:#bfbba5;
    margin-left:55%;
}
#mp_left .mp_box {
    padding:10px;
}
#mp_right .mp_box {
    padding:0 10px;
}
#mp_left h2 {
    background:#788791;
    color:white;
    text-align:center;
    padding:5px 10px;
    margin:0;
    font-size:100%;
    font-weight:bold;
}
#mp_right h2 {
    color:black;
    text-align:left;
    padding:0;
    margin:10px;
    font-size:100%;
    font-weight:bold;
    border-bottom:1px solid #989584;
}
/** End styles for Main Page */

/** Styles for composer pages */
.cp_outer {
    border:1px solid #9c2e3a;
}
.cp_inner {
    background:#EBEAE4;
    border-right:200px solid #bfbba5;
}
.cp_img {
    float:right;
    margin:10px -190px 0 0;
    padding-bottom:15px;
}
.cp_firsth {
    background:#9C2E3A;
    color:white;
    padding:7px 10px 5px 10px;
}
.cp_firsth h2 {
    color:white;
    border:none;
    margin:0;
    padding:0;
    display:inline;
}
.cp_firsth p {
    margin:0;
    padding:0;
    display:inline;
}
.cp_mainlinks {
    margin:15px 10px;
    padding-left:1.5em; /* related to width of cp_symbol */
    font-weight:bold;
}
.cp_symbol {
    float:left;
    clear:left;
    margin-left:-1.5em;
    width:1.5em;
    text-align:center;
}
.cp_h {
    background:#788791;
    color:white;
    text-align:left;
    padding:2px 10px;
    margin:0;
    font-size:100%;
    font-weight:bold;
}
.cp_links {
    margin:10px 10px 0 10px;
    padding-bottom:10px;
}
.cp_clear {
    clear:both;
    height:0;
}
/** End styles for composer pages */

/** Styles for work page entries */
.we {
    max-width:65em; /* will display full width in IE6 */
    margin-bottom:1em;
}
.we p {
    margin:0;
    padding:0;
}
.we_file {
    background:#c2c8cd;
    padding:5px 10px 5px 3.5em;
    border-bottom:1px solid #788791;
}
.we_file_first {
    background:#c2c8cd;
    padding:5px 10px 5px 3.5em;
    border-bottom:1px solid #788791;
}
.we_audio_top {
    background:#d2bfc4;
}
.we_file_download {
    position:relative;
    float:left;
}
.we_file_info2 {
    font-size:smaller;
}
.we_file_info {
    float:right;
    text-align:right;
}
span.we_file_dlarrwrap {
    display:block;
    width:3em;
    height:3em;
    font-size:100%;
    position:absolute;
    top:0;
    left:-3em;
}
a .we_file_dlarrow {
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-15px 0 0 -15px;
    background:#c3c9dc url(//imslp.org/images/3/3b/Interface-dlarrows2.png) no-repeat 0px 0px;
}
a:hover .we_file_dlarrow {
    background:#c3c9dc url(//imslp.org/images/3/3b/Interface-dlarrows2.png) no-repeat -30px 0px;
    text-decoration:none;
}
a .we_file_dlarrow_blocked {
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-15px 0 0 -15px;
    background:#c3c9dc url(//imslp.org/images/4/4f/Interface-dlblocked.png) no-repeat 0px 0px;
}
a:hover .we_file_dlarrow_blocked {
    background:#c3c9dc url(//imslp.org/images/4/4f/Interface-dlblocked.png) no-repeat -30px 0px;
    text-decoration:none;
}
.we_edition_info {
/*    margin-left:5em;*/
    background:#bfbba5;
    overflow:auto;
    border-collapse:collapse;
    width:100%;
}
.we_audio_info {
    background:#cfb3a0;
    overflow:auto;
    border-collapse:collapse;
    width:100%;
}
.we_thumb {
    float:right;
    margin:10px;
    display:inline; /* nonsense, but M$IE6 wants it! */
    min-width:120px;
}
.we_edition_info_i { /* we love you M$IE! */
    background:#ebeae4;
    padding:10px;
    height:100%;
    width:100%;
    vertical-align:top;
}
.we_edition_info_i th {
    text-align:right;
    font-weight:bold;
    white-space:nowrap;
    padding:0 0.5em 0 0;
}
.we_audio_info_i {
    background:#f1dfd9;
    padding:10px;
    height:100%;
    width:100%;
    vertical-align:top;
}
.we_audio_info_i th {
    text-align:right;
    font-weight:bold;
    white-space:nowrap;
    padding:0 0.5em 0 0;
}
.we_edition_label {
    float:left;
    display:inline;
    font-weight:bold;
}
.we p.we_edition_entry {
    margin:0 0 0 10em;
    padding:0;
}
.we_clear {
    clear:both;
    height:0;
}
/** End styles for work page entries */

/** Styles for work info box */
.wi_head {
    background:#9C2E3A;
    max-width:65em;
    color:white;
}
.wi_head a {
    text-decoration:underline;
}
.wi_body {
    background:#EBEAE4;
    max-width:65em;
}
.wi_body table {
    background:none;
    border-spacing:0;
}
.wi_body th {
    text-align:right;
    padding:0 .5em;
    white-space:nowrap;
    vertical-align:top;
}
/** End styles for work info box */

/** Styles for header box */
.wp_header {
    background:#EBEAE4;
/*    max-width:65em;*/
}
.wp_header table {
    background:none;
    border-spacing:0;
}
.wp_header th {
    text-align:right;
    padding:0 .5em;
    white-space:nowrap;
    vertical-align:top;
}
.wp_header td {
    vertical-align:top;
}
/** End styles for header box */

/** Styles for navigation boxes */
.nav_box {
    float:right;
    padding-left:10px;
    padding-bottom:10px;
}
.nav_head {
    background:#788791;
    color:white;
    font-size:100%;
    font-weight:bold;
    text-align:center;
    padding:5px 10px;
    margin:0;
    border:none;
}
.nav_body {
    background:#ebeae4;
    padding:5px 10px;
}
.nav_foot {
    border-top:1px solid #788791;
    background:#ebeae4;
    padding:2px 10px;
    text-align:center;
}

/** End styles for navigation boxes */

/** Styles for Babel templates */
.babel_box {
    float:right;
    margin:0 0 1em 1em;
}
table.babel {
    width:18em;
    height:4em;
    background:#e0e8ff;
    border:1px solid #99b3ff;
    border-collapse:collapse;
    margin-top:5px;
} 
table.babel_native {
    background:#c5fcdc;
    border:1px solid #6ef7a7;
}
.babel_label {
    width:2.67em;
    background:#99b3ff;
    font-size:150%;
    font-weight:bold;
    text-align:center;
}
.babel_native .babel_label {
    background:#6ef7a7;
}
.babel_text {
    padding:0 5px;
    line-height:1
}
/** End styles for Babel templates */

/** Styles for message boxes */
.msg_notice {
    background:#ebeae4;
    border-left:.6em solid #ffb200;
    padding:.2em .5em;
    margin:1.2em auto .6em;
    width:80%;
}

.msg_warn {
    background:#ebeae4;
    border-left:.6em solid #9c0012;
    padding:.2em .5em;
    margin:1.2em auto .6em;
    width:80%;
}
/** End styles for message boxes */

/** Collapsable tables - see http://meta.wikimedia.org/wiki/Help:Collapsing */

table.wikitable,
table.prettytable {
margin:1em 1em 1em 1em;
background:#F9F9F9;
border:1px #AAA solid;
border-collapse:collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border:1px #AAA solid;
padding:0.2em;
}
table.wikitable th,
table.prettytable th {
background:#F2F2F2;
text-align:center;
}
 
table.wikitable caption,
table.prettytable caption {
margin-left:inherit;
margin-right:inherit;
}

/** just testing ; user css is still disabled*/
#hide {
color:white}
#hide:hover{
color:black}


/** browseboxes */


.boxie {}


.boxie .scores {
height:35px;
padding:10px;
}
.boxie .scores .box {
display:table;
float:left;
border:1px solid #d4d4d4;
width:32%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4e4ff;
}
.boxie .scores :link, .boxie .scores a {
display:table-cell;
vertical-align:middle;
}
.boxie .scores div:hover {
background:#dedeff
}

.boxie .scores2 {
height:35px;
padding:10px;
}

.boxie .scores2 .box {
display:table;
float:left;
border:1px solid #d4d4d4;
width:48%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4ffe4;
margin-left:-1px;
}
.boxie .scores2 :link, .boxie .scores2 a {
display:table-cell;
vertical-align:middle;
}

.boxie .scores2 div:hover {
background:#DBD9CD
}

.boxie .scores3 {
height:35px;
padding:10px;
}

.boxie .scores3 .box {
display:table;
float:left;
border:1px solid #d4d4d4;
width:48%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4ffe4;
margin-left:-1px;
}
.boxie .scores3 :link, .boxie .scores3 a {
display:table-cell;
vertical-align:middle;
}

.boxie .scores3 div:hover {
background:#ffdede
}

.boxie a, .boxie a:hover, .boxie a:visited, .boxie a:active {
text-decoration:none;color:#3366C3;
}

.boxie .scores .boxleft {
border-top-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
display:table;
float:left;
border:1px solid #d4d4d4;
width:32%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4e4ff;
}
.boxie .scores .boxright {
border-top-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
display:table;
float:left;
border:1px solid #d4d4d4;
width:32%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4e4ff;
}
.boxie .scores2 .boxleft {
border-top-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
display:table;
float:left;
border:1px solid #d4d4d4;
width:48%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4ffe4;
}

.boxie .scores2 .boxright {
border-top-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
display:table;
float:left;
border:1px solid #d4d4d4;
width:48%;
height:35px;
vertical-align:5px;
text-align:center;
background:#e4ffe4;
}

.boxie .scores3 .boxleft {
border-top-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
display:table;
float:left;
border:1px solid #d4d4d4;
width:48%;
height:35px;
vertical-align:5px;
text-align:center;
background:#ffe4e4;
}

.boxie .scores3 .boxright {
border-top-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
display:table;
float:left;
border:1px solid #d4d4d4;
width:48%;
height:35px;
vertical-align:5px;
text-align:center;
background:#ffe4e4;
}

/**Searchbox styles**/

.embeddedsearch {
width:271px;
height:42px;
background-image:url(//imslp.org/images/4/43/Searchboxblue.jpg);
background-repeat:no-repeat;
padding:0px;
margin:-8px! important;
margin-top:0px;
position:relative;
}

.embeddedsearch form {
display:inline;
}

.newsearchbox {
border:0px;
background-color:transparent;
position:relative;
top:6px !important;
left:0px;
width:206px;
height:26px;
}
.newsearchbox_submit {
border:0px;
background-color:transparent;
position:relative;
top:10px !important;
left:0px;
width:21px;
height:20px;
}

/**End searchbox styles**/

/**JQuery UI styles override**/

.ui-widget-content { font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif; }
.ui-widget-content a { color: #003d70; }
.ui-widget { font-size: 1em; }
.ui-accordion-header { margin-left: 0 !important; }

/**End JQuery UI styles override**/

/**New Main Page styles**/

#icactusbackground { 
float:left;
background-image:url(//imslp.org/images/b/b2/Scrollleftgrad.jpg); 
background-repeat:no-repeat;
opacity:50
padding:0px; 
margin:0px; 
}

#icactusbackground2 { 
float:left;
/**background-image:url(//imslp.org/images/c/c7/Imslp-flat-25opacity.jpg); **/
background-image:url(//imslp.org/images/f/f9/Imslp-flat-25opacity.png);
background-repeat:no-repeat;
background-position: 50% 50px; 
margin:0px;
padding:0px; 
}
.icactuslinks a:link {color: #003466;}
.icactuslinks a:visited {color: #003466;}
.icactuslinks a:hover {color: #003466;}
.icactuslinks a:focus {color: #003466;}
.icactuslinks a:active {color: #003466;}
.icactuslinks a:hover {
    text-decoration:underline;
}

#icactusgradient {
margin: 0px;
padding: 0px;
background-image: url(//imslp.org/images/2/2f/Icactusgradient.jpg);
background-repeat: repeat-x;
background-color: #fff;
height: 181px;
width: 100%;
}

#icactusgradient2 {
margin: 0px;
padding: 0px;
background-image: url(//imslp.org/images/6/65/Imslp2gradient1x176.jpg);
background-repeat: repeat-x;
background-color: #fff;
height: 100%;
width: 100%;
}

.icactusbigleft {
width:100%;
font-size:170%;
color:#003466;
text-align:left;
}

#icactusroundleft { 
float:left;
background-image:url(//imslp.org/images/1/10/Roundleft.jpg); 
background-repeat:no-repeat;
padding:0px; 
margin:0px; 
}

#icactusroundright { 
background-position: top right;
background-image:url(//imslp.org/images/a/a9/Roundright.jpg); 
background-repeat:no-repeat;
padding:0px; 
margin:0px; 
}

.icactustitle {
font-family: garamond, "Times New Roman", serif;
}

.icactustitle2 {
font-family: garamond sans, sans-serif;
}

/**End New Main Page styles**/