The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Problem with spoiler keep expanded

Go down

Problem with spoiler keep expanded Empty Problem with spoiler keep expanded

Post by Ran_TH July 29th 2010, 3:38 pm

I wanted to deactivate Basic CSS because somewhat it's causing problem to my forum...
But when I deactivated it, the spoiler in the message won't close?
It keep expanded although I clicked on it.

I checked the code on both customized CSS and forum basic CSS but I don't find any problem there....

Here my forum basic CSS:
Code:
.spoiler {
   margin: 8px;
   padding: 8px;
   }
.spoiler dt {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
   }
.spoiler dd {
   padding: 8px;
   }
.spoiler {
   border-top: 1px dotted #000;
   border-right: 1px dotted #000;
   border-bottom: 1px dotted #000;
   border-left: 5px solid #ffffff;
   background-color: #ffffff;
   }
.spoiler dt {
   background-color: #E4EAF2;
   color: #000;
   }

Here my customized CSS:
Code:
.spoiler {
   margin: 8px;
   padding: 8px;
   }
.spoiler dt {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
   }
.spoiler dd {
   background-color:#64B1FF;
border:1px inset;
padding:8px;
   }
.spoiler {
   -moz-border-radius:5px 5px 0 0;
background-color:#64B1FF;
border: 1px solid;
   }
.spoiler dt {
   background-color: transparent;
   color: #151a29;
   }

Any help would be appreciated.

Btw I'm using Invision theme.
avatar
Ran_TH
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Problem with spoiler keep expanded Empty Re: Problem with spoiler keep expanded

Post by Guest July 29th 2010, 3:56 pm

Try this :
if it works, you can just change it how you like.
Code:

/* Spoiler */
.spoiler_closed {
   display:block;
   font-family: arial;
   font-size: 12px;
   color: #444444;
   line-height: 125%;
   background-color: #3d3e40;
   border: #272829;
   border-style: solid;
        -moz-border-radius : 8px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: arial;
   font-size: 12px;
   color: #444444;
   line-height: 125%;
   background-color: #3d3e40;
   border: #272829;
   border-style: solid;
        -moz-border-radius : 8px;
   }
.spoiler_content.hidden {
   display:none;
   }
avatar
Guest
Guest


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum