EverydayOneCat/qr code list.css

/* Only for [[EverydayOneCat]] */

.qr_code {
    width: 7em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #21a9de;
    border-radius: 6px;
    overflow: hidden;
    margin-right: .6em;
    background: white;
    box-shadow: 0 0 20px #e9e9e9;
}
@media screen and (max-width:500px){
	.qr_code {
		display:none;
	}
}

.qr_code_img {
    padding: .5em;
    padding-top: .1em;
}

img.code_img {
    width: 100%;
}

.qr_code_ico svg {
    width: 1.1em;
    padding-right:0.2em
}

.qr_code_ico {
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    height:1.3em;
	margin-top: -0.6rem;
    padding-bottom: .4em;
    
}
.qr_code_list .qr_code:nth-child(1) .qr_code_ico img{
	width:1.3em;
    margin-top: -.2em;
}
.qr_code_list .qr_code:nth-child(2) .qr_code_ico img{
	width:1.2em;
    margin-top: -.2em;
}
.qr_code_list .qr_code:nth-child(3) .qr_code_ico img{
	width:1.4em;
    margin-top: -.2em;
}
.qr_code_list .qr_code:nth-child(4) .qr_code_ico img{
	width: 1.6em;
    margin-top: -.2em;
}
/* [[Category:在主名字空间下的CSS页面]] */