diff options
| author | Michael Walker <mike@barrucadu.co.uk> | 2016-08-21 20:01:10 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2016-08-21 20:01:10 +0100 |
| commit | 1b7a081e59a98f422610d72027ffc4296770dc6b (patch) | |
| tree | 249d1792c871a02e4159259b092cca252877d560 /stylesheets/style.css | |
| parent | fd9f51dda6bdaf63609256b30b252a0374e83e0e (diff) | |
| parent | 315c376976bafb3a08efec9783c744e80914306d (diff) | |
Merge pull request #61 from mkwia/rules-agreement-page
add rules agreement page
Diffstat (limited to 'stylesheets/style.css')
| -rw-r--r-- | stylesheets/style.css | 64 |
1 files changed, 62 insertions, 2 deletions
diff --git a/stylesheets/style.css b/stylesheets/style.css index 94428412..b495891f 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -1812,5 +1812,65 @@ table.fileboard .intro a { margin-left: 0px; } - - +/* Rules Popup */ +#rules-popup { + width: 80%; + height: 80%; + position: fixed; + z-index: 9999; + left: 50%; + margin-left: -40%; + top: 50%; + margin-top: -40vh; + background: #000000; + text-align: center; + font-family: sans-serif; + font-size: 14px; + color: #FFFFFF; +} +#rules-popup .rules-popup-top { + font-size: 40px; + line-height: 60px; + position: absolute; + top: 0px; + height: 60px; + width: 100%; +} +#rules-popup .rules-popup-content-wrapper { + text-align: left; + position: absolute; + bottom: 80px; + top: 60px; + width: 100%; + background-color: #DDDDDD; + overflow: auto; + color: #444; +} +#rules-popup #rules-popup-content { + padding: 10px; + font-size: 12px; +} +#rules-popup .rules-popup-bottom { + bottom: 0px; + height: 80px; + width: 100%; + position: absolute; +} +#rules-popup .rules-popup-bottom-instructions { + line-height: 40px; +} +#rules-popup .rules-popup-captcha-wrapper { + height: 40px; +} +#rules-popup .rules-popup-captcha { + display: inline-block; + border: 1px solid white; + font-family: serif; + padding: 3px; +} +#rules-popup .rules-popup-form { + display: inline-block; +} +#rules-popup .rules-popup-form-input { + width: 100px; +} |
