틀:1939maf/styles.css

.maf1-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.maf1-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.maf1-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(166, 162, 154,0.5);
}
.maf1-content-trigger:hover ~ .maf1-content {
	display: block;
	opacity: 0.9;
}

.maf2-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.maf2-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.maf2-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(166, 162, 154,0.5);
}
.maf2-content-trigger:hover ~ .maf2-content {
	display: block;
	opacity: 0.9;
}

.maf3-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.maf3-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.maf3-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(166, 162, 154,0.5);
}
.maf3-content-trigger:hover ~ .maf3-content {
	display: block;
	opacity: 0.9;
}

.maf4-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.maf4-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.maf4-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(166, 162, 154,0.5);
}
.maf4-content-trigger:hover ~ .maf4-content {
	display: block;
	opacity: 0.9;
}

.maf5-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.maf5-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.maf5-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(166, 162, 154,0.5);
}
.maf5-content-trigger:hover ~ .maf5-content {
	display: block;
	opacity: 0.9;
}