Template:SizeImageBox/Item/styles.css: Difference between revisions

Latest revision as of 06:33, 12 January 2025

.item_box_bag_border{
	border: 3px solid;
	border-radius: 12px;
	overflow: hidden;
	max-width: 1080px;
}

.item_box_bag{
	background: #C6C6C8 no-repeat center center / 32px 32px;
	padding: 10px;
	padding-top: 2px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	border: 5px solid;
	border-color: #FFF #555555 #555555 #FFF;
	max-width:1080px;
}
.item_box_bag_title{
	width: 100%;
	padding-left: 22px;
	font-size: 21px;
	color: #666666;
	margin-bottom: 1px;
}
.item_box .item-img{
	background:#8B8B8B no-repeat center center / 32px 32px;
}
.item_box .item-img:hover{
	background:#C5C5C5 no-repeat center center / 32px 32px;
}
.item_box .item-img::before {
	bottom: -2px;
	left: -2px;
}
.item_box .item-img::after {
	top: -2px;
	right: -2px;
}
.item_box .item-img::before, .item_box .item-img::after {
	content: "";
	position: absolute;
	background-color: #8B8B8B;
	height: 2px;
	width: 2px;
}
.item_box_bag::before, .item_box_bag::after {
	content: "";
	position: absolute;
	background-color: #C6C6C6;
	height: 2px;
	width: 2px;
}

/* Mobile styles */
@media (max-width: 768px) {
	.item_box_bag_border {
		max-width: 100%;
	}
	.item_box {
		width: 100%!important;
	}
	.item_box_bag_title {
		font-size: 18px;
		padding-left: 0;
		margin-bottom: 5px;
	}
}