Difference between revisions of "MediaWiki:Common.css"

From Waltharius
Jump to: navigation, search
 
(25 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
.picturescont
 
.picturescont
 
{
 
{
       border-left: 3px ridge lightblue;
+
       border-left: 3px dotted lightblue;
 
       margin-top: -1.5em;
 
       margin-top: -1.5em;
 
       height: 2.25em;
 
       height: 2.25em;
Line 16: Line 16:
 
.pictures,
 
.pictures,
 
.outline,
 
.outline,
.comment
+
.comment,
 +
.word
 
{
 
{
 
background-image: url( 'images/metrical.png');
 
background-image: url( 'images/metrical.png');
Line 24: Line 25:
 
}
 
}
  
 +
.word
 +
{
 +
      background-image: none;
 +
      padding: 0;
 +
}
 
.parallel
 
.parallel
 
{
 
{
Line 53: Line 59:
 
.pictures .picturestext,
 
.pictures .picturestext,
 
.comment .commenttext,
 
.comment .commenttext,
.outline .outlinetext
+
.outline .outlinetext,
 +
.word .wordtext
 
{
 
{
 
display: none;
 
display: none;
Line 63: Line 70:
 
.pictures:hover .picturestext,
 
.pictures:hover .picturestext,
 
.outline:hover .outlinetext,
 
.outline:hover .outlinetext,
.comment:hover .commenttext
+
.comment:hover .commenttext,
 +
.word:hover .wordtext
 
{
 
{
 
display: block;
 
display: block;
Line 70: Line 78:
 
border: 2px dotted darkslategray;
 
border: 2px dotted darkslategray;
 
padding: 1em;
 
padding: 1em;
background-color: white;
+
background-color:rgb(255,255,255);
 
         z-index: 500;
 
         z-index: 500;
 +
        max-width: 100%;
 +
        min-width: 50%;
 +
        width: 95%;
 +
        right: 0;
 +
}
 +
 +
.pictures:hover .picturestext *
 +
{
 +
        position: relative;
 +
        margin-left: auto;
 +
        margin-right: auto;
 
}
 
}
  
.parallel:hover .paralleltext,
+
.word:hover .wordtext
.commentary:hover .commentarytext,
 
.pictures:hover .picturestext,
 
.outline:hover .outlinetext,
 
.comment:hover .commenttext
 
 
{
 
{
        max-width: 100%;
+
      width: 95%;
        min-width: 50%;
 
        right: 0;
 
 
}
 
}
  
Line 89: Line 102:
 
       height: 250px;
 
       height: 250px;
 
       overflow-y: auto;
 
       overflow-y: auto;
 +
      bottom: 0;
 
}
 
}
  

Latest revision as of 20:54, 28 August 2009

/* CSS placed here will be applied to all skins */

.picturescont
{
       border-left: 3px dotted lightblue;
       margin-top: -1.5em;
       height: 2.25em;
       padding: 0;
       position: absolute;
       z-index: inherit;
}

.meter,
.parallel,
.commentary,
.pictures,
.outline,
.comment,
.word
{
	background-image: url( 'images/metrical.png');
	background-repeat: no-repeat;
	padding: 0 .5em;
	display: inline;
}

.word
{
      background-image: none;
      padding: 0;
}
.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,
.word .wordtext
{
	display: none;
}

.meter:hover .metertext,
.parallel:hover .paralleltext,
.commentary:hover .commentarytext,
.pictures:hover .picturestext,
.outline:hover .outlinetext,
.comment:hover .commenttext,
.word:hover .wordtext
{
	display: block;
	position: absolute;
	margin-top: -2em;
	border: 2px dotted darkslategray;
	padding: 1em;
	background-color:rgb(255,255,255);
        z-index: 500;
        max-width: 100%;
        min-width: 50%;
        width: 95%;
        right: 0;
}

.pictures:hover .picturestext *
{
        position: relative;
        margin-left: auto;
        margin-right: auto;
}

.word:hover .wordtext
{
      width: 95%;
}

.outline:hover .outlinetext
{
       height: 250px;
       overflow-y: auto;
       bottom: 0;
}

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