MediaWiki:Common.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
Linia 1: | Linia 1: | ||
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | /* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | ||
+ | @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap'); | ||
.citation{ | .citation{ | ||
Linia 16: | Linia 17: | ||
} | } | ||
.main-page-grid-item { | .main-page-grid-item { | ||
− | + | padding: 10px; | |
} | } | ||
.main-page-grid-item-header{ | .main-page-grid-item-header{ | ||
− | + | font-family: 'Righteous', cursive; | |
− | + | border-radius: 5px 5px 0px 0px; | |
− | + | background-color: rgba(238, 208, 166, 0.8); | |
− | + | border: 1px solid rgba(0, 0, 0, 0.8); | |
− | + | padding: 20px; | |
− | + | font-size: 30px; | |
+ | text-align: center; | ||
}.main-page-grid-item-content{ | }.main-page-grid-item-content{ | ||
− | + | background-color: rgba(255, 255, 255, 0.8); | |
− | + | border: 1px solid rgba(0, 0, 0, 0.8); | |
− | + | border-top:0px; | |
− | + | border-radius: 0px 0px 5px 5px; | |
− | + | padding: 5px; | |
− | + | font-size: 20px; | |
} | } |
Wersja z 22:16, 15 sty 2021
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
.citation{
width: 50%;
border: 1px solid black;
border-radius: 5px;
padding: 5px;
color: #666;
background-color: #EEE;
font-style: italic;
}
.main-page-grid-container {
display: grid;
grid-template-columns: auto auto auto;
}
.main-page-grid-item {
padding: 10px;
}
.main-page-grid-item-header{
font-family: 'Righteous', cursive;
border-radius: 5px 5px 0px 0px;
background-color: rgba(238, 208, 166, 0.8);
border: 1px solid rgba(0, 0, 0, 0.8);
padding: 20px;
font-size: 30px;
text-align: center;
}.main-page-grid-item-content{
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.8);
border-top:0px;
border-radius: 0px 0px 5px 5px;
padding: 5px;
font-size: 20px;
}