Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="spoiler1" data-hidden="hide1" class="spoiler">Spoiler 1</div>
- <div id="hide1" class="hide">Hide 1</div>
- <div id="spoiler2" data-hidden="hide2" class="spoiler">Spoiler 2</div>
- <div id="hide2" class="hide">Hide 2</div>
- <div id="spoiler3" data-hidden="hide3" class="spoiler">Spoiler 3</div>
- <div id="hide3" class="hide">Hide 3</div>
- <div id="spoiler4" data-hidden="hide4" class="spoiler">Spoiler 4</div>
- <div id="hide4" class="hide">Hide 4</div>
- 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;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement