summaryrefslogtreecommitdiff
path: root/stylesheets/style.css
diff options
context:
space:
mode:
authorMichael Walker <mike@barrucadu.co.uk>2016-08-21 20:01:10 +0100
committerGitHub <noreply@github.com>2016-08-21 20:01:10 +0100
commit1b7a081e59a98f422610d72027ffc4296770dc6b (patch)
tree249d1792c871a02e4159259b092cca252877d560 /stylesheets/style.css
parentfd9f51dda6bdaf63609256b30b252a0374e83e0e (diff)
parent315c376976bafb3a08efec9783c744e80914306d (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.css64
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;
+}