MediaWiki:Common.css: Różnice pomiędzy wersjami
Z Wikio - Wiedza i Słowa
mNie podano opisu zmian |
mNie podano opisu zmian |
||
| (Nie pokazano 3 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
| Linia 1: | Linia 1: | ||
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | /* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach | ||
https://codepen.io/johnfinkdesign/pen/gRvEGq | |||
*/ | |||
blockquote { | blockquote { | ||
border-left: 3px solid # | border-left: 3px solid #517d64; | ||
color: # | color: #2d4d40ff; | ||
font-family: Georgia, Times, "Times New Roman", serif; | font-family: Georgia, Times, "Times New Roman", serif; | ||
font-size: 1.25em; | font-size: 1.25em; | ||
| Linia 25: | Linia 29: | ||
} | } | ||
blockquote:after { | blockquote:after { | ||
content: " | content: ""; | ||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
| Linia 43: | Linia 47: | ||
} | } | ||
blockquote.book:after { | blockquote.book:after { | ||
content: " | content: ""; | ||
} | } | ||
blockquote.podcast:after { | blockquote.podcast:after { | ||
content: " | content: ""; | ||
} | } | ||
blockquote.lyrics:after { | blockquote.lyrics:after { | ||
content: " | content: ""; | ||
} | } | ||
blockquote.favorite:after { | blockquote.favorite:after { | ||
content: " | content: ""; | ||
} | } | ||
blockquote:active:after { | blockquote:active:after { | ||
Aktualna wersja na dzień 07:36, 6 paź 2025
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach
https://codepen.io/johnfinkdesign/pen/gRvEGq
*/
blockquote {
border-left: 3px solid #517d64;
color: #2d4d40ff;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.25em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
lockquote:before {
content: "";
position: absolute;
top: 50%;
left: -4px;
height: 2em;
background-color: #fff;
width: 5px;
margin-top: -1em;
}
blockquote:after {
content: "";
position: absolute;
top: 50%;
left: -0.5em;
color: #00CC8F;
font-family: "Font Awesome 5 Free";
font-style: normal;
line-height: 1em;
text-align: center;
text-indent: -2px;
width: 1em;
margin-top: -0.5em;
transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
}
blockquote.format:before, blockquote.format:after {
display: none;
}
blockquote.book:after {
content: "";
}
blockquote.podcast:after {
content: "";
}
blockquote.lyrics:after {
content: "";
}
blockquote.favorite:after {
content: "";
}
blockquote:active:after {
transform: rotateY(360deg);
}
blockquote cite {
display: block;
font-size: 0.75em;
line-height: 1.8em;
margin-top: 1em;
}