6,558
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1,148: | Line 1,148: | ||
/* Keep the quoted card look but without changing fonts */ | /* Keep the quoted card look but without changing fonts */ | ||
.tweet-quote { | .tweet-quote { | ||
padding-top: 0.75rem; | |||
} | |||
.tweet-quote .tweet { | |||
border-radius: 10px; | border-radius: 10px; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
} | } | ||
| Line 1,182: | Line 1,185: | ||
/* Tweet Thread */ | /* Tweet Thread */ | ||
.tweet-thread .tweet { | .tweet-thread > .tweet { | ||
display: grid; | display: grid; | ||
grid-template-areas: "header date" "content content"; | grid-template-areas: "header date" "content content" "media media" "quote quote"; | ||
grid-template-columns: min-content 1fr; | grid-template-columns: min-content 1fr; | ||
margin: 0 0 0. | margin: 0 0 0.25em; | ||
padding: 0; | padding: 0; | ||
border: none; | border: none; | ||
} | } | ||
.tweet-thread .tweet-header { | .tweet-thread > .tweet > .tweet-header { | ||
grid-area: header; | grid-area: header; | ||
margin: 0 0 0.25rem; | |||
} | } | ||
.tweet-thread .tweet-content { | .tweet-thread > .tweet > .tweet-content { | ||
grid-area: content; | grid-area: content; | ||
margin-left: 23px; | margin-left: 23px; | ||
| Line 1,202: | Line 1,206: | ||
} | } | ||
.tweet-thread .tweet-content p:first-child { | .tweet-thread > .tweet > .tweet-content p:first-child { | ||
margin: 0 0 0.5em; | margin: 0 0 0.5em; | ||
} | } | ||
.tweet-thread .tweet-timestamp { | .tweet-thread > .tweet > .tweet-timestamp { | ||
grid-area: date; | grid-area: date; | ||
align-items: start; | align-items: start; | ||
margin: 0; | margin: 0; | ||
} | |||
.tweet-thread > .tweet > .tweet-media { | |||
grid-area: media; | |||
margin-left: 23px; | |||
margin-top: 0; | |||
padding-left: 22px; | |||
padding-top: 0.25em; | |||
padding-bottom: 0.25em; | |||
border-left: 2px solid #ced9de; | |||
} | |||
.tweet-thread > .tweet > .tweet-quote { | |||
grid-area: quote; | |||
margin-left: 23px; | |||
padding-left: 22px; | |||
padding-top: 0.75rem; | |||
padding-bottom: 0.75rem; | |||
border-left: 2px solid #ced9de; | |||
} | } | ||