Difference between revisions of "MediaWiki: Common.css"
From OC Systems Wiki!
(9 intermediate revisions by one other user not shown) | |||
Line 4: | Line 4: | ||
} | } | ||
− | + | /* toc fix */ | |
− | + | ||
− | + | #toc { | |
− | + | word-break: break-word; | |
− | |||
− | |||
} | } | ||
− | -- | + | /* |
− | .mw- | + | |
+ | 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: ""; | content: ""; | ||
background:url(https://www.google.co.in/images/srpr/logo11w.png); | background:url(https://www.google.co.in/images/srpr/logo11w.png); | ||
Line 22: | Line 28: | ||
position: absolute; | position: absolute; | ||
z-index: -1; | 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); | ||
+ | } | ||
+ | */ |
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);
}
*/