Difference between revisions of "MediaWiki:Common.css"
| (57 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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, | .meter, | ||
.parallel, | .parallel, | ||
.commentary, | .commentary, | ||
| − | .pictures | + | .pictures, |
| + | .outline, | ||
| + | .comment, | ||
| + | .word | ||
{ | { | ||
background-image: url( 'images/metrical.png'); | background-image: url( 'images/metrical.png'); | ||
| Line 11: | Line 25: | ||
} | } | ||
| + | .word | ||
| + | { | ||
| + | background-image: none; | ||
| + | padding: 0; | ||
| + | } | ||
.parallel | .parallel | ||
{ | { | ||
| Line 23: | Line 42: | ||
{ | { | ||
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 57: | ||
.parallel .paralleltext, | .parallel .paralleltext, | ||
.commentary .commentarytext, | .commentary .commentarytext, | ||
| − | .pictures .picturestext | + | .pictures .picturestext, |
| + | .comment .commenttext, | ||
| + | .outline .outlinetext, | ||
| + | .word .wordtext | ||
{ | { | ||
display: none; | display: none; | ||
| Line 36: | Line 68: | ||
.parallel:hover .paralleltext, | .parallel:hover .paralleltext, | ||
.commentary:hover .commentarytext, | .commentary:hover .commentarytext, | ||
| − | .pictures:hover .picturestext | + | .pictures:hover .picturestext, |
| + | .outline:hover .outlinetext, | ||
| + | .comment:hover .commenttext, | ||
| + | .word:hover .wordtext | ||
{ | { | ||
display: block; | display: block; | ||
| Line 43: | 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%; | ||
| + | } | ||
| − | + | .outline:hover .outlinetext | |
| − | + | { | |
| + | height: 250px; | ||
| + | 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;
}