Content added Content deleted
mNo edit summary |
mNo edit summary |
||
| Line 11: | Line 11: | ||
} |
} |
||
.news > . |
.news > .item { |
||
.news > .song:before { |
|||
display: inline-block; |
display: inline-block; |
||
width: 75px; |
width: 75px; |
||
| Line 20: | Line 19: | ||
} |
} |
||
.news > .event:before { |
.news > .item[data-type="event"]:before { |
||
content: 'EVENT'; |
content: 'EVENT'; |
||
background-color: #fdffb6; |
background-color: #fdffb6; |
||
} |
} |
||
.news > .song:before { |
.news > .item[data-type="song"]:before { |
||
content: 'SONG'; |
content: 'SONG'; |
||
background-color: #ffadad; |
background-color: #ffadad; |
||
| Line 34: | Line 33: | ||
* Citizen skin |
* Citizen skin |
||
*/ |
*/ |
||
body.skin-citizen .news > . |
body.skin-citizen .news > .item:before { |
||
body.skin-citizen .news > .song:before { |
|||
border-radius: var(--border-radius--small); |
border-radius: var(--border-radius--small); |
||
} |
} |
||
Revision as of 06:30, 23 December 2021
.news {
}
.news > div {
margin: 10px 0;
}
.news > .date {
font-weight: bold;
}
.news > .item {
display: inline-block;
width: 75px;
padding: 5px 0;
margin-right: 10px;
text-align: center;
}
.news > .item[data-type="event"]:before {
content: 'EVENT';
background-color: #fdffb6;
}
.news > .item[data-type="song"]:before {
content: 'SONG';
background-color: #ffadad;
}
/*
* Citizen skin
*/
body.skin-citizen .news > .item:before {
border-radius: var(--border-radius--small);
}