Difference between revisions of "MediaWiki:Monobook.css"

From CrowdSociety
Jump to: navigation, search
Line 1: Line 1:
−
/////////////////////////////////////////////////////////
+
/*** Bold 'edit this page' link to encourage newcomers ***/
−
// Code snippet to make your sidebar items expandable  //
+
 
−
// Use this code ONLY for the Monobook skin.          //
+
    ca-edit a {  
−
/////////////////////////////////////////////////////////
+
 
−
+
  font-weight: bold !important;  
−
$( document ).ready( function() {
+
 
−
// Set the default expanded items by their headline
+
−
var defaultExpandItems = ['Navigation', 'Orga'];
+
−
// Set the basic-name for the cookies, which save the current state of expanding
+
−
var expandCookieName = 'disdance_project_wiki_nav_expanded_';
+
−
+
−
var maxHeights = [];
+
−
var expandeds = [];
+
−
var labels = [];
+
−
initNav();
+
−
});
+
−
+
−
function initNav() {
+
−
$( '#p-logo' ).css({'position': 'relative', 'display': 'block'});
+
−
$( '.generated-sidebar h5,#p-tb h5 ').each( function( i ) {
+
−
var id = $( this ).parent().attr( 'id' );
+
−
maxHeights[id] = $( this ).next( 'div' ).height();
+
−
var str = $( this ).html();
+
−
labels[id] = str;
+
−
+
−
if ( $.cookie( expandCookieName + id ) == 'false' ) {
+
−
expandeds[id] = false;
+
−
minimize( $( this ) );
+
−
} else if ( $.cookie( expandCookieName + id ) == 'true' ) {
+
−
expandeds[id] = true;
+
−
maximize( $( this ) );
+
−
} else if ( defaultExpandItems.indexOf( str ) == -1 ) {
+
−
expandeds[id] = false;
+
−
minimize( $( this ) );
+
−
} else {
+
−
expandeds[id] = true;
+
−
maximize( $( this ) );
+
−
}
+
−
$( this ).css({'cursor': 'pointer'});
+
−
$( this ).click( toggleNav );
+
−
} );
+
 
}
 
}
−
+
 
−
function minimize( target ) {
+
/* Infobox template style */ .infobox {
−
var id = $( target ).parent().attr( 'id' );
+
 
−
// You can change the expires parameter to save the cookie longer/shorter than 7 days like in this code
+
  border: 1px solid #aaaaaa;
−
$.cookie( expandCookieName + id, 'false', { expires: 7} );
+
  background-color: #ffffff;
−
var str = labels[id] + '  ►';
+
  color: white;
−
$( target ).next( 'div' ).animate({'height': '0px'});
+
  margin-bottom: 1em;
−
$( target ).html( str );
+
  margin-left: 1em;
 +
  padding: 10em;
 +
  float: right;
 +
  clear: right;
 +
 
 +
} .infobox td, .infobox th {
 +
 
 +
  vertical-align: top;
 +
 
 +
} .infobox caption {
 +
 
 +
  font-size: larger;
 +
  margin-left: inherit;
 +
 
 +
} .infobox.bordered {
 +
 
 +
  border-collapse: collapse;
 +
 
 +
} .infobox.bordered td, .infobox.bordered th {
 +
 
 +
  border: 1px solid #aaaaaa;
 +
 
 +
} .infobox.bordered .borderless td, .infobox.bordered .borderless th {
 +
 
 +
  border: 0;
 +
 
 
}
 
}
−
+
 
−
function maximize( target ) {
+
/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader {
−
var id = $( target ).parent().attr( 'id' );
+
 
−
// You can change the expires parameter to save the cookie longer/shorter than 7 days like in this code
+
  border: 1px solid #aaaaaa;
−
$.cookie( expandCookieName + id, 'true', { expires: 7} );
+
  margin-top: 1em;
−
var str = labels[id] + '  ▼';
+
  padding: 12px;
−
var newHeight = maxHeights[id];
+
 
−
$( target ).next( 'div' ).animate({'height': newHeight + 'px'});
+
} .forumlist td.forum_edited a {
−
$( target ).html( str );
+
 
 +
  color: black;
 +
  text-decoration: none;
 +
 
 +
} .forumlist td.forum_title a {
 +
 
 +
  padding-left: 20px;
 +
 
 +
} .forumlist td.forum_title a.forum_new {
 +
 
 +
  font-weight: bold;
 +
  background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
 +
  padding-left: 20px;
 +
 
 +
} .forumlist td.forum_title a.forum_new:visited {
 +
 
 +
  font-weight: normal;
 +
  background: none;
 +
  padding-left: 20px;
 +
 
 +
} .forumlist th.forum_title {
 +
 
 +
  padding-left: 20px;
 +
 
 
}
 
}
−
+
 
−
function toggleNav( e ) {
+
/* Recent changes byte indicators */ .mw-plusminus-pos {
−
var id = $(e.target ).parent().attr( 'id' );
+
 
−
expandeds[id] = !expandeds[id];
+
  color: #006500;
−
if( expandeds[id] == true ) {
+
 
−
maximize( e.target );
+
} .mw-plusminus-neg {
−
} else {
+
 
−
minimize( e.target );
+
  color: #8B0000;
−
}
+
 
 +
}
 +
 
 +
/* Image frame fix */ div.tright, div.tleft {
 +
 
 +
  border: 1px solid silver;
 +
 
 +
}
 +
 
 +
div.thumbinner {
 +
 
 +
  background: inherit;
 +
  border: none;
 +
  color: inherit;
 +
 
 +
}
 +
 
 +
    article div.thumb {
 +
 
 +
  color:inherit;
 +
 
 +
}
 +
 
 +
/* === Babel === */
 +
 
 +
div.babelbox {
 +
 
 +
  float: right;
 +
  margin-left: 1em;
 +
  margin-bottom: 0.5em;
 +
  width: 246px;
 +
  border: 1px solid #99B3FF;
 +
  padding: 2px 0 2px 0;
 +
 
 +
} .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
 +
 
 +
  margin: 2px 4px 2px 4px; /* t, l, b, r */
 +
  width:238px;
 +
  border-collapse: collapse;
 +
 
 +
} td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
 +
 
 +
  text-align:center;
 +
  font-size:14pt;
 +
  width:45px;
 +
  height:45px;
 +
 
 +
} td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 {
 +
 
 +
font-size:8pt;
 +
padding:4pt;
 +
line-height:1.25em;
 +
 
 +
}
 +
 
 +
.lang-block0 {
 +
 
 +
  border:1px solid #FFB3B3;
 +
 
 +
} td.lang-code0 {
 +
 
 +
background-color: #FFB3B3;
 +
color: black;
 +
 
 +
} td.lang-description0 {
 +
 
 +
background-color: #FFE0E8;
 +
color: black;
 +
 
 +
}
 +
 
 +
.lang-block1, .lang-block2, .lang-block3 {
 +
 
 +
  border:1px solid #99B3FF;
 +
 
 +
} td.lang-code1, td.lang-code2, td.lang-code3 {
 +
 
 +
background-color: #99B3FF;
 +
color: black;
 +
 
 +
} td.lang-description1, td.lang-description2, td.lang-description3 {
 +
 
 +
background-color: #E0E8FF;
 +
color: black;
 +
 
 +
}
 +
 
 +
.lang-blockN {
 +
 
 +
  border:1px solid #6EF7A7;
 +
 
 +
} td.lang-codeN {
 +
 
 +
background-color: #6EF7A7;
 +
color: black;
 +
 
 +
} td.lang-descriptionN {
 +
 
 +
background-color: #C5FCDC;
 +
color: black;
 +
 
 
}
 
}
−
 
−
///////////////////////////////////////////////////////
 
−
///////////////////////////////////////////////////////
 

Revision as of 14:23, 1 December 2014

/*** Bold 'edit this page' link to encourage newcomers ***/

    ca-edit a { 

   font-weight: bold !important; 

}

/* Infobox template style */ .infobox {

  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  color: white;
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 10em;
  float: right;
  clear: right;

} .infobox td, .infobox th {

  vertical-align: top;

} .infobox caption {

  font-size: larger;
  margin-left: inherit;

} .infobox.bordered {

  border-collapse: collapse;

} .infobox.bordered td, .infobox.bordered th {

  border: 1px solid #aaaaaa;

} .infobox.bordered .borderless td, .infobox.bordered .borderless th {

  border: 0;

}

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader {

  border: 1px solid #aaaaaa;
  margin-top: 1em;
  padding: 12px;

} .forumlist td.forum_edited a {

  color: black;
  text-decoration: none;

} .forumlist td.forum_title a {

  padding-left: 20px;

} .forumlist td.forum_title a.forum_new {

  font-weight: bold;
  background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
  padding-left: 20px;

} .forumlist td.forum_title a.forum_new:visited {

  font-weight: normal;
  background: none;
  padding-left: 20px;

} .forumlist th.forum_title {

  padding-left: 20px;

}

/* Recent changes byte indicators */ .mw-plusminus-pos {

  color: #006500;

} .mw-plusminus-neg {

  color: #8B0000;

}

/* Image frame fix */ div.tright, div.tleft {

  border: 1px solid silver;

}

div.thumbinner {

  background: inherit;
  border: none;
  color: inherit;

}

    article div.thumb { 

  color:inherit;

}

/* === Babel === */

div.babelbox {

  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  width: 246px;
  border: 1px solid #99B3FF;
  padding: 2px 0 2px 0;

} .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {

  margin: 2px 4px 2px 4px; /* t, l, b, r */
  width:238px;
  border-collapse: collapse;

} td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {

  text-align:center;
  font-size:14pt;
  width:45px;
  height:45px;

} td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 {

 font-size:8pt;
 padding:4pt;
 line-height:1.25em;

}

.lang-block0 {

  border:1px solid #FFB3B3;

} td.lang-code0 {

 background-color: #FFB3B3;
 color: black;

} td.lang-description0 {

 background-color: #FFE0E8;
 color: black;

}

.lang-block1, .lang-block2, .lang-block3 {

  border:1px solid #99B3FF;

} td.lang-code1, td.lang-code2, td.lang-code3 {

 background-color: #99B3FF;
 color: black;

} td.lang-description1, td.lang-description2, td.lang-description3 {

 background-color: #E0E8FF;
 color: black;

}

.lang-blockN {

  border:1px solid #6EF7A7;

} td.lang-codeN {

 background-color: #6EF7A7;
 color: black;

} td.lang-descriptionN {

 background-color: #C5FCDC;
 color: black;

}
Retrieved from "http://crowdsociety.org/index.php?title=MediaWiki:Monobook.css&oldid=3050"