SCP-5500-5

Link to article: SCP-5500-5.

Module Styles

• .hover {
    color: red;
    text-decoration: underline;
  }
  .hover .hover-text {
     position: absolute;
     display: none;
     margin: 20px 0px;
     height: auto;
     width: auto;
     background:white;
     border: 1px solid black;
     color: black;
     padding: 0.5em;
  }
  
  .hover:hover {
    text-decoration: none;
    border-bottom: none;
    color: #004c00;
  }
  .hover:hover .hover-text {
    display: inline;
  }

Inline Styles

• background-color: #600; border: solid 1px #600; border-radius: 20px; color: #fff; width: 450px; margin: 0 auto; font-size: 150%; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.5), inset 0 10px rgba(255,204,204,.5), inset 0 10px 20px rgba(255,204,204,.3), inset 0 -15px 30px rgba(48,0,0,.5); line-height: 100%; padding: 0 10px;

• background-color: #fff0f0; border: solid 1px #600; border-radius: 20px; color: #300; width: 450px; margin: 20px auto 0; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); padding: 0 10px;

• background-color: #fffff0; border: solid 1px #660; border-radius: 20px; color: #330; width: 450px; margin: 20px auto 0; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); padding: 0 10px;

Includes

• (none)

CSS Classes

• hover

• hover-text

Page Source

[[module css]]
.hover {
  color: red;
  text-decoration: underline;
}
.hover .hover-text {
   position: absolute;
   display: none;
   margin: 20px 0px;
   height: auto;
   width: auto;
   background:white;
   border: 1px solid black;
   color: black;
   padding: 0.5em;
}

.hover:hover {
  text-decoration: none;
  border-bottom: none;
  color: #004c00;
}
.hover:hover .hover-text {
  display: inline;
}
[[/module]]

[[=]]
+ This page doesn't exist yet!
[[/=]]

----

[[div style="background-color: #600; border: solid 1px #600; border-radius: 20px; color: #fff; width: 450px; margin: 0 auto; font-size: 150%; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.5), inset 0 10px rgba(255,204,204,.5), inset 0 10px 20px rgba(255,204,204,.3), inset 0 -15px 30px rgba(48,0,0,.5); line-height: 100%; padding: 0 10px;"]]
**Did you get feedback first?**
[[/div]]

[[div style="background-color: #fff0f0; border: solid 1px #600; border-radius: 20px; color: #300; width: 450px; margin: 20px auto 0; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); padding: 0 10px;"]]
The SCP Wiki has many resources to help you get feedback, and articles that have been critiqued are far more likely to be successful.
----
**[[[How to Write an SCP]]] -- [http://www.scp-wiki.net/sandbox SCP Sandbox Wiki] -- [[[Guide Hub]]]**

**[[[Image Use Policy]]]**

**[/forum/c-89000 Help Forum: Ideas Critique]**
**[/forum/c-50864 Help Forum: Drafts Critique]**
**[[[chat-guide|Chat Guide]]]**
[[/div]]

[[div style="background-color: #fffff0; border: solid 1px #660; border-radius: 20px; color: #330; width: 450px; margin: 20px auto 0; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); padding: 0 10px;"]]
[[size 120%]]Remember: **The main site is for summary judgment of final work, not feedback and critique on unfinished work.**[[/size]]
----
It is your responsibility to post only finished, final work. Site members are not required to justify or explain their votes.

If you understand all of the above and still wish to create this page, [[span class="hover"]][[span class="hover-text"]]This Page Has Been Locked. It's the only way to be sure. There can't be anyone else trying to read or write this. I'm sorry.[[/span]]---**"click here"**---[[/span]] to do so.
[[/div]]