Difference between revisions of "MediaWiki:Common.css"
(Created page with '→CSS placed here will be applied to all skins: .meter, .parallel { background-image: url( 'images/magnifier.png'); background-repeat: no-repeat; padding: 0 .5em; display:…') |
|||
(70 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, | ||
+ | .pictures, | ||
+ | .outline, | ||
+ | .comment, | ||
+ | .word | ||
{ | { | ||
− | background-image: url( 'images/ | + | background-image: url( 'images/metrical.png'); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
padding: 0 .5em; | padding: 0 .5em; | ||
Line 9: | Line 25: | ||
} | } | ||
+ | .word | ||
+ | { | ||
+ | background-image: none; | ||
+ | padding: 0; | ||
+ | } | ||
.parallel | .parallel | ||
{ | { | ||
− | background-image: url( 'images/ | + | 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, | .meter .metertext, | ||
− | .parallel .paralleltext | + | .parallel .paralleltext, |
+ | .commentary .commentarytext, | ||
+ | .pictures .picturestext, | ||
+ | .comment .commenttext, | ||
+ | .outline .outlinetext, | ||
+ | .word .wordtext | ||
{ | { | ||
display: none; | display: none; | ||
Line 21: | Line 66: | ||
.meter:hover .metertext, | .meter:hover .metertext, | ||
− | .parallel:hover .paralleltext | + | .parallel:hover .paralleltext, |
+ | .commentary:hover .commentarytext, | ||
+ | .pictures:hover .picturestext, | ||
+ | .outline:hover .outlinetext, | ||
+ | .comment:hover .commenttext, | ||
+ | .word:hover .wordtext | ||
{ | { | ||
display: block; | display: block; | ||
Line 28: | 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; | ||
+ | } | ||
+ | |||
+ | #bodyContent table td | ||
+ | { | ||
+ | padding: .25em 1em; | ||
} | } |
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; }