Refactor: shared CSS utilities + fewer inline stylesrefactor

10 files changed, 150 insertions, 8 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 1b8c9c6..c7d2217 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -1043,10 +1043,46 @@ a:active {
 	display: none !important;
 }
 
+.is-hidden {
+	display: none;
+}
+
 .is-relative {
 	position: relative;
 }
 
+.loading-bar {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+}
+.loading-bar-label {
+	position: absolute;
+	font-family: arial;
+	font-size: 10px;
+	color: #ccc;
+	background: #000;
+	left: -50px;
+	top: -18px;
+	padding: 1px;
+}
+.loading-bar-track {
+	position: absolute;
+	left: -50px;
+	top: -5px;
+	font-size: 1px;
+	width: 100px;
+	height: 10px;
+	background: #333;
+}
+.loading-bar-fill {
+	position: absolute;
+	font-size: 1px;
+	width: 0px;
+	height: 10px;
+	background: #eee;
+}
+
 .embed-frame {
 	border: 7px inset #ccc;
 	margin: 0;
@@ -2069,6 +2105,10 @@ a.msgbtn:active {
 #fblike {
 	margin-top: 6px;
 	margin-left: 6px;
+	border: none;
+	overflow: hidden;
+	width: 100px;
+	height: 21px;
 }
 #logo {
 	float: left;
diff --git a/static/css/front.css b/static/css/front.css
index c7f42bc..39e7700 100755
--- a/static/css/front.css
+++ b/static/css/front.css
@@ -123,6 +123,64 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4,
 .is-relative {
   position: relative;
 }
+.is-hidden {
+  display: none;
+}
+
+.loading-bar {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+}
+.loading-bar-label {
+  position: absolute;
+  font-family: arial;
+  font-size: 10px;
+  color: #ccc;
+  background: #000;
+  left: -50px;
+  top: -18px;
+  padding: 1px;
+}
+.loading-bar-track {
+  position: absolute;
+  left: -50px;
+  top: -5px;
+  font-size: 1px;
+  width: 100px;
+  height: 10px;
+  background: #333;
+}
+.loading-bar-fill {
+  position: absolute;
+  font-size: 1px;
+  width: 0px;
+  height: 10px;
+  background: #eee;
+}
+
+#fblike {
+  border: none;
+  overflow: hidden;
+  width: 100px;
+  height: 21px;
+}
+.fullscreen-thumb {
+  overflow: hidden;
+  width: 240px;
+  height: 200px;
+  border: 0px;
+}
+.fullscreen-bg {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  border: 0px;
+  z-index: -1;
+  position: fixed;
+  top: 0px;
+  left: 0px;
+}
 #signin-submit {
 	display:inline-block;
 	width:90px;
diff --git a/static/css/frontpage_legacy.css b/static/css/frontpage_legacy.css
index c667daa..21c0f94 100644
--- a/static/css/frontpage_legacy.css
+++ b/static/css/frontpage_legacy.css
@@ -17,7 +17,7 @@ img{border:0px;}
 #posts a{text-decoration:none;	font-family:Arial, Helvetica, sans-serif;letter-spacing:0px;color:#f0e;}
 #posts a:hover{color:#333;text-decoration:none;}
 #sideinfo{ color:#333; padding:12px;margin:7px;font-size:47px;float:left;min-height:210px;width:240px;border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;background-color:white;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:bold; line-height:55px;}
-.alttxt{font-size:18px;line-height:20px;}
+.alttxt{font-size:18px;line-height:20px;text-transform:uppercase;text-align:left;}
 .logged-dump{border:1px inset #f1f1f1; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;font-family:Arial, Helvetica, sans-serif;float:left;max-width:250px;min-width:230px;padding:7px;margin:7px;background-color:white}
 .logged-dump img{max-width:240px;max-height:240px;padding-top:3px;   }
 .buttons img{display:none;z-index:4;float:left;padding-top:5px;cursor:pointer;}
@@ -42,7 +42,7 @@ z-index:4;
 #pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
 #pgbuttons a{text-decoration:none;}
 #footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;}
-#footer a{text-decoration:none;color:#333;}
+#footer a{text-decoration:none;color:#333;word-spacing:normal;}
 #footer a:hover{color:#000;}
 #pgbuttons input{color:#eee;letter-spacing:1px;
     text-decoration:none;
@@ -64,6 +64,7 @@ z-index:4;
 .hallscore{margin-right:-20px;color:#fff;text-align:center;margin-top:-20px;float:right;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-style: oblique;font-weight:100;height:50px;width:50px;text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:4px;}
 body.logged-in .hallscore{cursor:pointer;}
 .hallnick{font-size:16px;}
+#hallnick iframe{overflow:hidden;width:240px;height:200px;border:0px;}
 a#disregister {
 			background: #FCF0AD;
 			color: #fe1409;
diff --git a/static/css/frontpage_profile.css b/static/css/frontpage_profile.css
index 247160e..2267600 100644
--- a/static/css/frontpage_profile.css
+++ b/static/css/frontpage_profile.css
@@ -25,7 +25,7 @@ img{border:0px;}
 #pgbuttons{position:fixed;bottom:6px;right:0px;/*border-top:1px ridge #333;*/min-width:70px;padding:5px;}
 #pgbuttons a{text-decoration:none;}
 #footer{word-spacing:20px;font-size:11px;font-family: Monaco, "Courier New", Courier, monospace;text-align:center;margin:7px;color:#333;width:900px;display:block;height:18px;overflow:hidden;}
-#footer a{text-decoration:none;color:#333;}
+#footer a{text-decoration:none;color:#333;word-spacing:normal;}
 #footer a:hover{color:#000;}
 #pgbuttons input{color:#eee;letter-spacing:1px;
     text-decoration:none;
@@ -47,6 +47,7 @@ img{border:0px;}
 #hallscore{right:-11px;color:#fff;text-align:center;top:-13px;position:absolute;font-size:40px;z-index:1;padding:6px;background-image:url('/static/img/hallheart.png');background-position:top left;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:100;height:50px;width:50px;	text-shadow:-1px 1px 0px #000;line-height:37px;text-indent:5px;
    }
 #hallnick{font-size:16px;}
+#hallnick iframe{overflow:hidden;width:240px;height:200px;border:0px;}
 a#disregister {
 			background: #FCF0AD;
 			color: #fe1409;
diff --git a/static/css/meme_pages.css b/static/css/meme_pages.css
index c53d420..22d5a2a 100644
--- a/static/css/meme_pages.css
+++ b/static/css/meme_pages.css
@@ -10,6 +10,12 @@ body {
   overflow: auto;
 }
 
+.preload-img {
+  visibility: hidden;
+  width: 0px;
+  height: 0px;
+}
+
 #rapper {
   background-color: #f2f9fe;
   width: 800px;
diff --git a/static/css/mgmt.css b/static/css/mgmt.css
index d2cc150..4360ad3 100755
--- a/static/css/mgmt.css
+++ b/static/css/mgmt.css
@@ -259,10 +259,10 @@ position:absolute;
 top:21px;right:0px;
 }
 #dumplist{
-top:0px:width:100%;padding:0px;background-color:#fff;
-color:#000;font-size:60%;text-transform:uppercase;text-decoration: none;
-border-bottom:1px solid #999;text-align:left;text-indent:350px;
-padding-right:44px;line-height:1.1;background-color:#eff5fb;overflow:hidden;position:fixed;height:10px;width:100%;
+top:0px;width:100%;padding:0px;background-color:#fff;
+	color:#000;font-size:60%;text-transform:uppercase;text-decoration: none;
+	border-bottom:1px solid #999;text-align:left;text-indent:350px;
+	padding-right:44px;line-height:1.1;background-color:#eff5fb;overflow:hidden;position:fixed;height:10px;width:100%;
 /*margin-left:40%;
 	border-bottom-left-radius:5px;
 	-webkit-border-bottom-left-radius:5px;
@@ -291,6 +291,7 @@ display:none;
 
 .no-cursor { cursor: none; }
 .invisible { display: none !important; }
+.preload-img { visibility: hidden; width: 0px; height: 0px; }
 #cursor-big { position: absolute; z-index: 1000; }
 
 .thumb {
@@ -1681,4 +1682,3 @@ top:50px;
   cursor: pointer;
   display: none;
 }
-
diff --git a/static/css/newlog.css b/static/css/newlog.css
index f0e0277..8cc8032 100644
--- a/static/css/newlog.css
+++ b/static/css/newlog.css
@@ -206,6 +206,7 @@ img {
 #footer a {
   text-decoration: none;
   color: #333;
+  word-spacing: normal;
 }
 
 #footer a:hover {
diff --git a/static/css/req_reset.css b/static/css/req_reset.css
index 0807ec7..65d1c3c 100644
--- a/static/css/req_reset.css
+++ b/static/css/req_reset.css
@@ -1,3 +1,4 @@
 #main { padding: 10px 2em 0px 2em; }
 label { float: left; width: 150px; }
 .error { border: 1px solid red; }
+#feedback { color: red; margin-bottom: 2em; }
diff --git a/static/css/rooms_vortex.css b/static/css/rooms_vortex.css
index 7403454..f13c797 100644
--- a/static/css/rooms_vortex.css
+++ b/static/css/rooms_vortex.css
@@ -62,3 +62,35 @@ text-decoration:none;
 	font-family: Arial, Helvetica, sans-serif;
 	color:blue;
 }
+
+.loading-bar {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+}
+.loading-bar-label {
+  position: absolute;
+  font-family: arial;
+  font-size: 10px;
+  color: #ccc;
+  background: #000;
+  left: -50px;
+  top: -18px;
+  padding: 1px;
+}
+.loading-bar-track {
+  position: absolute;
+  left: -50px;
+  top: -5px;
+  font-size: 1px;
+  width: 100px;
+  height: 10px;
+  background: #333;
+}
+.loading-bar-fill {
+  position: absolute;
+  font-size: 1px;
+  width: 0px;
+  height: 10px;
+  background: #eee;
+}
diff --git a/static/css/simplerlog.css b/static/css/simplerlog.css
index 784253d..a158fd8 100644
--- a/static/css/simplerlog.css
+++ b/static/css/simplerlog.css
@@ -202,6 +202,7 @@ img {
 #footer a {
   text-decoration: none;
   color: #333;
+  word-spacing: normal;
 }
 
 #footer a:hover {
@@ -301,6 +302,7 @@ a#disregister:hover {
   text-align: center;
   left: 0;
   z-index: 1000;
+  background-color: white;
 }
 
 #inpage-search-results #search-results-images {