MediaWiki:Common.css: Difference between revisions

no edit summary
mNo edit summary
No edit summary
Line 1,390:
bottom:0;
background-color: #f8f9fa;
background-image: url("https://static-new.miraheze.org/bluearchivewiki/thumb/6/6c/Event_Image_Card_813_Back.png/85px-Event_Image_Card_813_Back.png");
background-size: contain;
content: '';
z-index: 2;
}
 
 
/* Junby! */
ul.omikuji {
padding-left: 0;
}
 
ul.omikuji li {
width:100%;
max-width: 480px;
border: 1px solid #c8ccd1;
background-color: #f8f9fa;
display: block;
clear: both;
margin: 1em auto;
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 1em;
box-sizing: border-box;
}
 
ul.omikuji li img {
display: block;
}
 
@media (max-width: 480px) {
ul.omikuji li img {
width: 60px!important;
height: auto!important;
}
}
 
#omikujistats {
flex-wrap: wrap;
}
#omikujistats div {
min-width: 200px;
}
 
ul.omikuji li.onemore {
background-color: #e0f2ff!important;
cursor: pointer;
}
 
ul.omikuji li.onemore:hover {
background-color: #d5ecfd!important;
}
 
ul.omikuji li.grade-0 {
box-shadow:
inset 0 0 50px #ddd,
inset 20px 0 80px rgb(49, 49, 49),
inset 20px 0 300px rgb(49, 49, 49),
inset -20px 0 300px rgb(48, 73, 73),
0 0 50px #fff,
-10px 0 80px rgb(49, 49, 49),
10px 0 80px rgb(48, 73, 73);
}
 
ul.omikuji li.grade-5 {
box-shadow:
inset 0 0 50px #fff,
inset 20px 0 80px #f0f,
inset -20px 0 80px #0ff,
inset 20px 0 300px #f0f,
inset -20px 0 300px #0ff,
0 0 50px #fff,
-10px 0 80px #f0f,
10px 0 80px #0ff;
 
}