Difference between revisions of "MediaWiki:Common.css"
| Line 80: | Line 80: | ||
top: 100%; | top: 100%; | ||
left: 0; | left: 0; | ||
| + | right: auto; | ||
margin-top: 0; | margin-top: 0; | ||
border: 2px dotted darkslategray; | border: 2px dotted darkslategray; | ||
| Line 85: | Line 86: | ||
background-color:rgb(255,255,255); | background-color:rgb(255,255,255); | ||
z-index: 500; | z-index: 500; | ||
| − | + | width: 70vw; | |
| − | + | max-width: calc(100vw - 2rem); | |
| − | width: | + | min-width: min(30rem, calc(100vw - 2rem)); |
| − | + | box-sizing: border-box; | |
} | } | ||
| Line 96: | Line 97: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 16:52, 24 July 2026
/* CSS placed here will be applied to all skins */
/* .picturescont { border-left: 3px dotted lightblue; } */
.picturescont
{
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;
position: relative;
}
.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.open .metertext,
.parallel.open .paralleltext,
.commentary.open .commentarytext,
.pictures.open .picturestext,
.outline.open .outlinetext,
.comment.open .commenttext,
.word.open .wordtext
{
display: block;
position: absolute;
top: 100%;
left: 0;
right: auto;
margin-top: 0;
border: 2px dotted darkslategray;
padding: 1em;
background-color:rgb(255,255,255);
z-index: 500;
width: 70vw;
max-width: calc(100vw - 2rem);
min-width: min(30rem, calc(100vw - 2rem));
box-sizing: border-box;
}
.pictures.open .picturestext *
{
position: relative;
margin-left: auto;
margin-right: auto;
}
.outline.open .outlinetext
{
height: 250px;
overflow-y: auto;
}
#bodyContent table td
{
padding: .25em 1em;
}