Template:FrDS Styles: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
RLopez-WMF (talk | contribs) No edit summary |
RLopez-WMF (talk | contribs) No edit summary |
||
| (29 intermediate revisions by the same user not shown) | |||
| Line 231: | Line 231: | ||
.block--full-width{ |
.block--full-width{ |
||
padding: 0; |
padding: 0; |
||
} |
|||
.block--bleed-y{ |
|||
padding-left:0; |
|||
padding-right: 0; |
|||
} |
} |
||
.block__wrapper { |
.block__wrapper { |
||
| Line 242: | Line 246: | ||
.block__wrapper--gap-small { |
.block__wrapper--gap-small { |
||
gap: 20px; |
gap: 20px; |
||
} |
|||
.block__wrapper--gap-tiny { |
|||
gap: 10px; |
|||
} |
} |
||
.block__wrapper--bleed-y { |
.block__wrapper--bleed-y { |
||
| Line 492: | Line 499: | ||
left: -42px; |
left: -42px; |
||
top: 0; |
top: 0; |
||
width: |
width: 28px; |
||
height: 24px; |
height: 24px; |
||
border: 1px solid #CAA10B; |
border: 1px solid #CAA10B; |
||
| Line 499: | Line 506: | ||
align-items: center; |
align-items: center; |
||
justify-content: space-around; |
justify-content: space-around; |
||
font-size: |
font-size: 20px; |
||
line-height: |
line-height: 20px; |
||
font-family: 'Source Serif Pro', Georgia, 'Times New Roman', Times, serif; |
font-family: 'Source Serif Pro', Georgia, 'Times New Roman', Times, serif; |
||
padding-bottom:4px; |
|||
} |
} |
||
.bg--purple-light .steps li::before{ |
.bg--purple-light .steps li::before{ |
||
| Line 707: | Line 715: | ||
@media only screen and (min-width:960px) { |
@media only screen and (min-width:960px) { |
||
.cta{ |
.cta{ |
||
padding: |
padding: 80px 20px 0 20px; |
||
} |
} |
||
.cta .image img{ |
.cta .image img{ |
||
| Line 713: | Line 721: | ||
} |
} |
||
} |
} |
||
/* block/card-video.css */ |
/* block/card-video.css */ |
||
.card-video-wrapper{ |
.card-video-wrapper{ |
||
| Line 728: | Line 735: | ||
border: 1px solid #CCCCCC; |
border: 1px solid #CCCCCC; |
||
background: #F7F8F0; |
background: #F7F8F0; |
||
} |
|||
.card-video pre{ |
|||
padding:0 !important; |
|||
background-color:transparent !important; |
|||
border: none !important; |
|||
line-height:normal !important; |
|||
display:flex !important; |
|||
flex-direction:column; |
|||
gap:16px; |
|||
align-items:flex-start; |
|||
overflow-x:clip; |
|||
} |
|||
.card-video pre > span{ |
|||
display: block !important; |
|||
} |
} |
||
.card-video img { |
.card-video img { |
||
| Line 738: | Line 759: | ||
line-height: 24px; |
line-height: 24px; |
||
text-decoration: none; |
text-decoration: none; |
||
display:block; |
|||
} |
} |
||
| Line 906: | Line 928: | ||
.scroll-shadow { |
.scroll-shadow { |
||
box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1); |
box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1); |
||
} |
|||
/* wiki-block/toggle.css */ |
|||
.mw-collapsible-toggle { |
|||
border-radius: 8px; |
|||
border: 1px solid #CCCCCC; |
|||
background: #F7F8F0; |
|||
display: flex; |
|||
padding: 20px; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
gap: 24px; |
|||
} |
|||
.mw-collapsible-toggle::after{ |
|||
content:" "; |
|||
width: 24px; |
|||
height: 24px; |
|||
background-image: url("https://upload.wikimedia.org/wikipedia/donate/e/e9/Keyboard_arrow_down.png"); |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
background-size: cover; |
|||
} |
|||
.mw-collapsible-toggle.mw-collapsible-toggle-expanded::after{ |
|||
transform: rotate(180deg); |
|||
} |
|||
.mw-collapsible-content{ |
|||
border: 1px solid #CCCCCC; |
|||
background: #FFFFFF; |
|||
display: flex; |
|||
flex-direction:column; |
|||
border-radius: 8px; |
|||
} |
|||
.mw-collapsible-content > div { |
|||
display: flex; |
|||
padding: 20px; |
|||
align-items: flex-start; |
|||
gap: 8px; |
|||
align-self: stretch; |
|||
flex-direction:column; |
|||
border-bottom: 1px solid #CCCCCC; |
|||
} |
|||
.mw-collapsible-content > div:last-of-type { |
|||
border-bottom: none !important; |
|||
} |
|||
@media only screen and (min-width:960px) { |
|||
.mw-collapsible-toggle, |
|||
.mw-collapsible-content > div { |
|||
padding: 20px 30px; |
|||
} |
|||
} |
} |
||
</style> |
</style> |
||
Latest revision as of 03:06, 15 October 2024