Difference between revisions of "MediaWiki:Common.css"
(20 intermediate revisions by the same user not shown) | |||
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: | + | 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; | ||
} | } | ||
− | . | + | .word:hover .wordtext |
− | |||
− | |||
− | |||
− | |||
{ | { | ||
− | + | width: 95%; | |
− | |||
− | |||
} | } | ||
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; }