Difference between revisions of "MediaWiki: Common.css"
From OC Systems Wiki!
| (6 intermediate revisions by one other user not shown) | |||
| Line 4: | Line 4: | ||
} | } | ||
| + | /* toc fix */ | ||
| + | #toc { | ||
| + | word-break: break-word; | ||
| + | } | ||
| + | /* | ||
| + | |||
| + | Following are attempts to add watermark to pages so we can say "Work In Progress". | ||
| + | |||
| + | At the moment, z-index: -1 means the watermark is hidden behind things like code blocks, | ||
| + | and the syntax highlighter makes each line a div which I don't think will work well with this. | ||
| + | A high z-index means the image is always upfront, but then it blocks the edit window--I had to | ||
| + | undo a revision via this page's history to get back control. | ||
| − | .mw | + | .mw-content-ltr::after { |
content: ""; | content: ""; | ||
background:url(https://www.google.co.in/images/srpr/logo11w.png); | background:url(https://www.google.co.in/images/srpr/logo11w.png); | ||
| Line 16: | Line 28: | ||
position: absolute; | position: absolute; | ||
z-index: -1; | z-index: -1; | ||
| + | transform:rotate(300deg); | ||
| + | -webkit-transform:rotate(300deg); | ||
} | } | ||
| Line 29: | Line 43: | ||
position: absolute; | position: absolute; | ||
z-index: -1; | z-index: -1; | ||
| + | transform:rotate(300deg); | ||
| + | -webkit-transform:rotate(300deg); | ||
} | } | ||
| + | */ | ||
Latest revision as of 11:19, 8 February 2019
/* CSS placed here will be applied to all skins */
.mw-highlight pre {
font-size: 90%;
}
/* toc fix */
#toc {
word-break: break-word;
}
/*
Following are attempts to add watermark to pages so we can say "Work In Progress".
At the moment, z-index: -1 means the watermark is hidden behind things like code blocks,
and the syntax highlighter makes each line a div which I don't think will work well with this.
A high z-index means the image is always upfront, but then it blocks the edit window--I had to
undo a revision via this page's history to get back control.
.mw-content-ltr::after {
content: "";
background:url(https://www.google.co.in/images/srpr/logo11w.png);
opacity: 0.2;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
transform:rotate(300deg);
-webkit-transform:rotate(300deg);
}
.mw-body-content::after {
content: "";
background:url(https://www.google.co.in/images/srpr/logo11w.png);
opacity: 0.2;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
transform:rotate(300deg);
-webkit-transform:rotate(300deg);
}
*/