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 |
||
| (16 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 { |
|||
| ⚫ | |||
} |
} |
||
.block__wrapper--bleed-y { |
.block__wrapper--bleed-y { |
||
| Line 708: | 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 923: | Line 930: | ||
} |
} |
||
/* block/toggle.css */ |
/* wiki-block/toggle.css */ |
||
.mw-collapsible-toggle { |
.mw-collapsible-toggle { |
||
border-radius: 8px; |
border-radius: 8px; |
||
border: 1px solid # |
border: 1px solid #CCCCCC; |
||
background: #F7F8F0; |
background: #F7F8F0; |
||
display: flex; |
display: flex; |
||
padding: 20px |
padding: 20px; |
||
flex-direction: |
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{ |
.mw-collapsible-content{ |
||
border: 1px solid # |
border: 1px solid #CCCCCC; |
||
background: # |
background: #FFFFFF; |
||
display: flex; |
display: flex; |
||
flex-direction:column; |
|||
| ⚫ | |||
border-radius: 8px; |
|||
| ⚫ | |||
} |
|||
.mw-collapsible-content > div { |
|||
display: flex; |
|||
padding: 20px; |
|||
| ⚫ | |||
gap: 8px; |
|||
| ⚫ | |||
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