AO3 Workskin: Secret-Keepers

[peppermint_shamrock]

Since I'll be publishing the next (and last, for now) entry in the Secret-Keepers series tomorrow, I thought I'd share the workskin I'm using for it in case anyone is interested. I've separated the code by effect but it all goes into the same workskin. CSS for the Ladyblog PMs are a modified version of this tutorial.

Used in: Secret-Keepers series, specifically "Curiosity Didn't Kill the Cat, but the Cat Might Kill the Curious" and "Superheroes Can't Save You" (tomorrow's fic)

Effect: "otherworldly" speech, using a monospace font and text shadow.

CSS:
#workskin .kwamispeak {
  font-family: "Andale Mono", Monaco, monospace;
  text-shadow: 2px 2px 8px #000000;
}

Effect: Forum private message, using a monospace font and a colored background for the message box

CSS:
#workskin .window {
  font-family: "Courier 10 Pitch", Courier, monospace;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}

#workskin .topbar {
  font-family: "Courier 10 Pitch", Courier, monospace;
  background-color: #cc0066;
  color: #FFFFFF;
  border-color: #cc0066;
  border-style: solid;
  border-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
  width: 66%;
  padding: 8px;
  height: 1.5em;
  overflow: hidden;
  text-overflow: clip;
}

#workskin .messagebox {
  font-family: "Courier 10 Pitch", Courier, monospace;
  width: 66%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-align: justify;
  color: #000000;
  background-color: #ffe6f2;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-color: #cfcfcf;
  border-style: solid;
  border-width: 1px;
}

#workskin .buttonbar {
  font-family: "Courier 10 Pitch", Courier, monospace;
  border-color: #cfcfcf;
  background-color: #fff5f5;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
  width: 66%;
  padding: 8px;
  height: 1.5em;
  overflow: hidden;
  text-overflow: clip;
}

#workskin .buttonbar:after {
  font-family: "Courier 10 Pitch", Courier, monospace;
  content: 'Reply | Delete | Report';
  display: inline-block;
  position: relative;
  float: right;
  padding: 0 8px;
  cursor: pointer;
}

#workskin .replybuttonbar {
  font-family: "Courier 10 Pitch", Courier, monospace;
  border-color: #cfcfcf;
  background-color: #fff5f5;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
  width: 66%;
  padding: 8px;
  height: 1.5em;
  overflow: hidden;
  text-overflow: clip;
}

#workskin .replybuttonbar:after {
  font-family: "Courier 10 Pitch", Courier, monospace;
  content: 'Send | Save | Cancel';
  display: inline-block;
  position: relative;
  float: right;
  padding: 0 8px;
  cursor: pointer;
}