Difference between revisions of "MediaWiki:Common.css"
| (43 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
.picturescont | .picturescont | ||
{ | { | ||
| − | border-left: 3px | + | border-left: 3px dotted lightblue; |
| − | top: -1.5em; | + | margin-top: -1.5em; |
| − | + | height: 2.25em; | |
| + | padding: 0; | ||
| + | position: absolute; | ||
| + | z-index: inherit; | ||
} | } | ||
| Line 13: | Line 16: | ||
.pictures, | .pictures, | ||
.outline, | .outline, | ||
| − | .comment | + | .comment, |
| + | .word | ||
{ | { | ||
background-image: url( 'images/metrical.png'); | background-image: url( 'images/metrical.png'); | ||
| Line 21: | Line 25: | ||
} | } | ||
| + | .word | ||
| + | { | ||
| + | background-image: none; | ||
| + | padding: 0; | ||
| + | } | ||
.parallel | .parallel | ||
{ | { | ||
| Line 50: | Line 59: | ||
.pictures .picturestext, | .pictures .picturestext, | ||
.comment .commenttext, | .comment .commenttext, | ||
| − | .outline .outlinetext | + | .outline .outlinetext, |
| + | .word .wordtext | ||
{ | { | ||
display: none; | display: none; | ||
| Line 60: | 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 67: | Line 78: | ||
border: 2px dotted darkslategray; | border: 2px dotted darkslategray; | ||
padding: 1em; | padding: 1em; | ||
| − | background-color: | + | 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%; | |
| − | |||
| − | |||
} | } | ||
| Line 85: | 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;
}