Spoiler 1
Hide 1
Spoiler 2
Hide 2
Spoiler 3
Hide 3
Spoiler 4
Hide 4
css
.spoiler1{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
width: 530px;
height: 45px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
}
.hide{
display:none;
}
#spoiler1{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
width: 530px;
height: 45px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
}
#spoiler2{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
height: 45px;
width: 530px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#spoiler3{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
height: 45px;
width: 530px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#spoiler4{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
height: 45px;
width: 530px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide1{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide2{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide3{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide4{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}