Refactor: extract inline CSS into static/css

1 files changed, 64 insertions, 0 deletions

diff --git a/static/css/rooms_dumptest_fullscreen.css b/static/css/rooms_dumptest_fullscreen.css
new file mode 100644
index 0000000..902ee61
--- /dev/null
+++ b/static/css/rooms_dumptest_fullscreen.css
@@ -0,0 +1,64 @@
+@-webkit-keyframes b {
+  from {-webkit-transform:rotatey(-360deg) rotateX(-360deg) scale(7);}
+  to   {-webkit-transform:rotatey(360deg) rotateX(0deg) scale(1);}
+}
+html, body, div, img { margin: 0; padding: 0; border: 0; overflow: hidden; font-family: Monaco, "Courier New", Courier, monospace; }
+input { font-family: Monaco, "Courier New", Courier, monospace; }
+#big-image img {
+  width: 100%; height: 100%;
+  cursor: pointer;
+  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
+}
+#loginbox {
+  background: rgba(255,255,255,0.8);
+  z-index: 999;
+  position: absolute;
+  width: 400px;
+  margin-left: -200px;
+  left: 50%;
+  padding: 10px 10px 20px 10px;
+  top: 20%;
+  text-align: justify;
+  font-size:12px;
+  -webkit-animation:b 1s ease-out;
+}
+#loginbox img{ max-width:100%; }
+#logininner { width: 30em; height: 20em; position: relative; }
+#infocol { width: 50%; float: left; position: relative; }
+#formcontainer { padding: 0; width: 80%; position: relative; }
+#piccol { width: 50%; float: right; position: relative; }
+#loginimg { width: 75%; margin-top: 20%; }
+#spinner { display: none; }
+#forgetpw a{
+  font-size: 80%;
+  margin-top: -10px;
+  position: absolute;
+}
+#fav-indicator {
+  display: none;
+  position: fixed;
+  z-index: 999;
+  height: 50px;
+  width: 50px; 
+  right: 20px;
+  top: 20px;
+}
+#loginbox a.bluelink{ color:#00F; }
+#loginbox p.block1{ margin:7px 0; width:347px; }
+#errormsg { position: relative; color: red; text-align: center; }
+input {max-width: 100px;
+  -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000;
+  -webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black;
+  box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black;
+  border: 1px solid;
+  margin-left:10px;
+}
+#remembermeInput { margin-top: 0; margin-left: 0; }
+#loginbox form p{ margin-bottom:5px; }
+#loginbox form p:first-child{ margin-top:5px; }
+#loginbox .close { float:right; }
+#big-image{font-size:20px;text-align: left; text-justify: newspaper; color:#000}
+#memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; }
+.sublogo { font-family: Monaco, "Courier New", Courier, monospace; }
+#toplogo{position: fixed;display:none; top: 0; left: 0;}
+#big-image {cursor:url('/static/img/thumbs/heartfaved.gif'), pointer}