837
edits
Difference between revisions of "MediaWiki:Common.css"
m
Add quote style
(Add ambox styles) |
m (Add quote style) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1,693: | Line 1,693: | ||
.compact-ambox .hide-when-compact { | .compact-ambox .hide-when-compact { | ||
display: none; | display: none; | ||
} | |||
/* Hide stuff meant for accounts with special permissions. Made visible again in | |||
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]], | |||
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]], | |||
[[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */ | |||
.checkuser-show, | |||
.sysop-show, | |||
.patroller-show, | |||
.templateeditor-show, | |||
.extendedmover-show, | |||
.extendedconfirmed-show, | |||
.autoconfirmed-show, | |||
.user-show { | |||
display: none; | |||
} | |||
/* Hide the redlink generated by {{Editnotice}}, | |||
this overrides the ".sysop-show { display: none; }" above that applies | |||
to the same link as well. See [[phab:T45013]] | |||
Hide the images in editnotices to keep them readable in VE view. | |||
Long term, editnotices should become a core feature so that they can be designed responsive. */ | |||
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, | |||
.ve-ui-mwNoticesPopupTool-item .mbox-image, | |||
.ve-ui-mwNoticesPopupTool-item .mbox-imageright { | |||
display: none !important; | |||
} | |||
/* Styling for Template:Quote */ | |||
.templatequote { | |||
overflow: hidden; | |||
margin: 1em 0; | |||
padding: 0 40px; | |||
} | |||
.templatequote .templatequotecite { | |||
line-height: 1.5em; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
padding-left: 1.6em; | |||
margin-top: 0; | |||
} | |||
/* Styling for Template:Quote box */ | |||
.quotebox { | |||
background-color: #F9F9F9; | |||
border: 1px solid #aaa; | |||
box-sizing: border-box; | |||
padding: 10px; | |||
font-size: 88%; | |||
max-width: 100%; | |||
} | |||
.quotebox.floatleft { | |||
margin: 0.5em 1.4em 0.8em 0; | |||
} | |||
.quotebox.floatright { | |||
margin: 0.5em 0 0.8em 1.4em; | |||
} | |||
.quotebox.centered { | |||
margin: 0.5em auto 0.8em auto; | |||
} | |||
.quotebox.floatleft p, | |||
.quotebox.floatright p { | |||
font-style: inherit; | |||
} | |||
.quotebox-title { | |||
background-color: #F9F9F9; | |||
text-align: center; | |||
font-size: larger; | |||
font-weight: bold; | |||
} | |||
.quotebox-quote.quoted:before { | |||
font-family:'Times New Roman',serif; | |||
font-weight:bold; | |||
font-size: large; | |||
color: gray; | |||
content: ' “ '; | |||
vertical-align: -45%; | |||
line-height: 0; | |||
} | |||
.quotebox-quote.quoted:after { | |||
font-family:'Times New Roman',serif; | |||
font-weight:bold; | |||
font-size: large; | |||
color: gray; | |||
content: ' ” '; | |||
line-height: 0; | |||
} | |||
.quotebox .left-aligned { | |||
text-align: left; | |||
} | |||
.quotebox .right-aligned { | |||
text-align: right; | |||
} | |||
.quotebox .center-aligned { | |||
text-align: center; | |||
} | |||
.quotebox cite { | |||
display:block; | |||
font-style:normal; | |||
} | |||
@media screen and (max-width:360px) { | |||
.quotebox { | |||
/*override inline styles */ | |||
min-width: 100%; | |||
margin: 0 0 0.8em !important; | |||
float: none !important; | |||
} | |||
} | } | ||