Sarna News: Bad 'Mechs - Icestorm

User:Deadfire/common.css

< User:Deadfire
Revision as of 16:52, 8 March 2022 by Deadfire (talk | contribs) (including a javascript snippet to generate a skeleton TemplateData section for a template. It reads the template code to find all the parameters used by the template.)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

#td-sk-code {
    height: 100%;
    width: 95%;
}

#td-sk-cont {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

#subsup-cont {
    position: fixed;
    top: 30px;
    bottom: 30%;
    left: 0;
    right: 0;
    z-index: 1000;
}
 
#td-sk-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
}
 
#td-sk-dialog {
    position: absolute;
    top: 1em;
    bottom: 1em;
    left: 1em;
    right: 1em;
    background: white;
    border: 1px solid #aaa;
    border-radius: 0.5em;
}
 
#td-sk-close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}
 
#td-sk-dialog h2 {
    margin: 0;
    padding: 0.25em 0.5em;
    text-align: center;
    border: none;
    font-size: 1.3em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0.25em;
    height: 1em;
}
 
#td-sk-body {
    position: absolute;
    top: 3em; bottom: 1em; left: 1em; right: 1em;
    overflow: auto;
    border: solid black;
    border-width: 1px 0;
}
 
#td-sk-body ul {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}
 
#td-sk-desc-cont {
    margin: 0.25em 1em;
}
 
#td-sk-body li {
    margin: 0.25em 1em;
    padding: 0.5em;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    display: block;
}
 
#tde-body li:first-child {
    border-top: 1px solid #aaa;
}
 
#td-sk-body li:nth-child(2n) { background: #ffc; }
#td-sk-body li:nth-child(2n+1) { background: #dfd; }
 
#td-sk-body h3 {
    background: #e0e0e0;
    padding: 0.25em 0.5em;
    margin: 1em 0 0.5em;
}
 
#td-sk-apply {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    height: 2em;
    padding: 0.25em 0.5em;
    border: 1px solid #00763B;
    background: #00944C;
    color: #FFF6E8;
    border-radius: 0.3em;
    cursor: pointer;
}
 
#td-sk-apply:hover,
#td-sk-apply:focus {
    background: #00763B;
}