Improve hatnote styling

This improves the hatnote styling on pages such as Iran.

* Remove italics
* Color changes
* Padding changes

Bug: T173600
Change-Id: I50a49d5be3b7e21042dc0415371b3bc94c5ddcf3
This commit is contained in:
jdlrobson 2017-09-06 10:09:54 -04:00
parent 8deba05fa4
commit c90e62b524

View File

@ -105,12 +105,15 @@ FIXME: Review all of these hacks to see if they still apply.
.hatnote,
.dablink,
.rellink {
// Use bottom padding instead of bottom margin so that it doesn't affect the
// position of floated elements below the hatnotes.
padding: 0 0 0.6em 0;
color: @grayMedium;
padding: 5px 7px;
color: @colorGray5;
font-size: 0.8em;
font-style: italic;
background-color: @colorGray15;
margin-bottom: 1px;
a {
color: @colorProgressive;
}
}
// Template:Quote_box uses fixed width