Difference between revisions of "MediaWiki:Common.css"

From Waltharius
Jump to: navigation, search
Line 23: Line 23:
 
{
 
{
 
background-image: url( 'images/image.png');
 
background-image: url( 'images/image.png');
 +
}
 +
 +
.comment
 +
{
 +
background-image: url( 'images/balloon-left.png');
 +
}
 +
 +
.outline
 +
{
 +
        background-image: url('images/edit-list.png');
 
}
 
}
  
Line 28: Line 38:
 
.parallel .paralleltext,
 
.parallel .paralleltext,
 
.commentary .commentarytext,
 
.commentary .commentarytext,
.pictures .picturestext
+
.pictures .picturestext,
 +
.comment .commenttext,
 +
.outline .outlinetext
 
{
 
{
 
display: none;
 
display: none;
Line 36: Line 48:
 
.parallel:hover .paralleltext,
 
.parallel:hover .paralleltext,
 
.commentary:hover .commentarytext,
 
.commentary:hover .commentarytext,
.pictures:hover .picturestext
+
.pictures:hover .picturestext,
 +
.outline:hover .outlinetext,
 +
.comment:hover .commenttext
 
{
 
{
 
display: block;
 
display: block;
Line 48: Line 62:
 
.parallel:hover .paralleltext,
 
.parallel:hover .paralleltext,
 
.commentary:hover .commentarytext,
 
.commentary:hover .commentarytext,
.pictures:hover .picturestext
+
.pictures:hover .picturestext,
 +
.outline:hover .outlinetext,
 +
.comment:hover .commenttext
 
{
 
{
  

Revision as of 19:29, 11 August 2009

/* CSS placed here will be applied to all skins */
.meter,
.parallel,
.commentary,
.pictures
{
	background-image: url( 'images/metrical.png');
	background-repeat: no-repeat;
	padding: 0 .5em;
	display: inline;
}

.parallel
{
	background-image: url( 'images/layout-2-equal.png');
}
.commentary
{
	background-image: url( 'images/book-open.png');
}

.pictures
{
	background-image: url( 'images/image.png');
}

.comment
{
	background-image: url( 'images/balloon-left.png');
}

.outline
{
        background-image: url('images/edit-list.png');
}

.meter .metertext,
.parallel .paralleltext,
.commentary .commentarytext,
.pictures .picturestext,
.comment .commenttext,
.outline .outlinetext
{
	display: none;
}

.meter:hover .metertext,
.parallel:hover .paralleltext,
.commentary:hover .commentarytext,
.pictures:hover .picturestext,
.outline:hover .outlinetext,
.comment:hover .commenttext
{
	display: block;
	position: absolute;
	margin-top: -2em;
	border: 2px dotted darkslategray;
	padding: 1em;
	background-color: white;
}

.parallel:hover .paralleltext,
.commentary:hover .commentarytext,
.pictures:hover .picturestext,
.outline:hover .outlinetext,
.comment:hover .commenttext
{

        right: 0;
        left: 10em;
}

#bodyContent table td
{
       padding: .25em 1em;
}