Layout for activation HTML templates

[gamestick-pjgsapi.git] / www / css / css.css

diff --git a/www/css/css.css b/www/css/css.css
new file mode 100644 (file)
index 0000000..58c0e0e
--- /dev/null
+++ b/www/css/css.css
@@ -0,0 +1,56 @@
+ .error {
+  color: red;
+}
+input[type="radio"]:checked+label { display:none; }
+
+  body {font-size:12px;
+ color:#fff;
+ background:url(/img/web_background_24.png) no-repeat rgb(146,155,155); background-size:100%; 
+ overflow:auto; 
+ font-family:Avenir,Arial,sans-serif;}
+ .register_bar{width:100%; margin-bottom:5%; }
+ .prawy{
+  width: 48%;float:right;
+}
+#avatary{width:100%;display:flex;flex-wrap: wrap; }
+
+
+#content{}
+.succes{
+  clear:left;display: flex; align-content: center;flex-wrap: wrap;
+  align-items: center; 
+  justify-content: center;
+}
+.button{
+  color: white;
+  font-size: 16px;
+  width: 200px;
+  background-color: grey;
+  height: 40px;
+  position: absolute;
+  right: 0;
+  margin-top:20px;
+}
+.button:hover{
+ background-color: #f652c3;
+}
+.page h2{margin-bottom:5px; font-size:24px; font-weight:normal;}
+#gs{  margin: auto;
+  width: 75%;
+padding: 10px;margin-top:10%;/* font-size:16px; */}
+#page_1 p{margin:30px 0;font-size:18px;text-align:left;line-height:40px;}
+#logo a{width:137px; height:67px; background:url(/web/20150908165227im_/https://www.gamestick.tv/img/logo.png) no-repeat 0 0; position:absolute; top:52px; left:21px; display:block; text-indent:-9999em;}
+#logo_small a{width:176px; height:24px; background:url(/img/logo_2.png) no-repeat 0 0; position:absolute; top:45px; left:21px; display:block; text-indent:-9999em;}
+
+
+
+
+#code_form{text-align:center;background:#f652c3;height:66px;margin: auto;
+  width: 80%;
+
+  padding: 10px;margin-top:10%;}
+  #code_form input{margin: auto;
+    width: 90%;
+
+    padding: 10px;margin-top:10%; height:36px; padding:4px 4px; margin:9px; font-size:34px; border:2px solid #787e7d;}
+    .page h2{margin-bottom:5px; font-size:24px; font-weight:normal;}