Refactor: extract inline CSS into static/css

1 files changed, 164 insertions, 0 deletions

diff --git a/static/css/frontpage_legacy.css b/static/css/frontpage_legacy.css
new file mode 100644
index 0000000..c667daa
--- /dev/null
+++ b/static/css/frontpage_legacy.css
@@ -0,0 +1,164 @@
+body{margin:0px;    background-image:url(/static/img/bg.dither.gif);	background-color:#e2e2e2;/*background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;*/background-attachment:fixed;min-width:900px;  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
+  font-size: 13px;  line-height: 1.5em;}
+img{border:0px;}
+#banner{z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;/*background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;*/height:35px;clear: both;}
+#banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;}
+#banner a:hover{background-color:#eee;color:black;text-decoration:none;}
+#fblike{margin-top:6px;margin-left:6px;}
+#logo{float:left;margin:1px;}
+#logobig{float:left;margin-top:-9px;margin-left:-5px;}
+#toplinks{float:left;margin-top:7px;margin-left:5px;}
+#logout7{position:fixed;right:0px;font-size:12px;top:0px;padding:3px;line-height: 1em;}
+#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;}
+#search-query{background-color:lightyellow;}
+#posts{overflow:hidden;max-width:100%;font-family: Monaco, "Courier New", Courier, monospace;color:#333;font-size:8px;height:auto;padding:1px;margin-top:45px;}
+#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;}
+.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;}
+body.logged-in .buttons img{display:block;}
+
+.buttons .share{cursor:pointer;display:none;}
+img.thumb {
+bottom:3px;
+image-rendering: -moz-crisp-edges;
+z-index:4;
+}
+
+.thumb.favorite {
+  position: absolute;
+  margin-left: 5px;
+  margin-top: 0px;
+  height: 27px;
+  width: 27px;z-index:4;
+  display: inline-block;
+}
+#posts hr{display:none;}
+#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:hover{color:#000;}
+#pgbuttons input{color:#eee;letter-spacing:1px;
+    text-decoration:none;
+    padding:2px 12px 3px 12px;
+    cursor:pointer;font-size:12px;
+    position:relative;font-weight:100;
+    overflow:hidden;
+    vertical-align:middle;
+    margin:0 10px;
+    background:#448ed4; border:1px ridged #fff;
+    background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff);
+    background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff));
+    text-decoration:none;
+    -moz-border-radius:4px;
+    -webkit-border-radius:4px;
+    -moz-box-shadow:#777 0 0 0 1px;
+    -webkit-box-shadow:#777 0 0 0 1px;
+    text-shadow:rgba(0,0,0,.4) 0 1px 0;}
+.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;}
+a#disregister {
+			background: #FCF0AD;
+			color: #fe1409;
+			cursor: pointer;
+			line-height: 1em;z-index:3;
+			padding: 25px 10px 40px;
+			margin-top: -2px;
+			float:right;
+			-webkit-transform: rotate(9deg);
+			-moz-transform: rotate(9deg);
+			transform: rotate(9deg);font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;
+  border-top:16px solid yellow;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057));
+    background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%);
+    border-top-color: #FFF057;
+    border-right-color: #FFF057;
+    border-bottom-color: #FFF057;
+    border-left-color: #FFF057;
+    -webkit-box-shadow:#a0a0a0 3px 4px 4px; 
+    -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */
+            text-shadow: 1px 1px 3px #AAA; margin-right:20px;
+		}
+ a#disregister:hover {
+
+             text-shadow: 1px 1px 1px gold;
+		font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color:black;
+    -webkit-box-shadow:#333 3px 4px 4px; 
+    -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */
+
+		}
+
+
+/*searchstuff*/
+
+
+
+
+.search_icon  {
+    background:url("/static/img/hourglass.png") no-repeat scroll center center transparent;
+    bottom:3px;
+    cursor:pointer;
+    left:6px;
+    opacity:0.8;
+    border-right:1px solid #C0C8D3;
+    position:absolute;
+    top:3px;
+    width:32px;
+}
+#inpage-search-results{
+  position: absolute;
+  top:47px;
+  width:99%;padding:5x;margin:5px;
+  text-align: center;
+  left: 0;
+  z-index: 1000;
+}
+
+#inpage-search-results #search-results-images{
+  display: none;
+  position:relative;
+  overflow:auto;
+  background-image:url(/static/img/bg.dither.gif);
+  background-color:lightyellow;
+  min-height: 600px;
+margin:7px;
+  border:1px inset #333;
+  padding-top: 30px;
+}
+#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; }
+
+#search-results-images a.animating canvas { display: none }
+
+#search-controls {
+  width: 95%;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  z-index: 1005;
+  text-align: right;
+  display: none;
+  top: 0;
+  padding-right: 8px;
+}
+#search-message {
+  font-size: medium;
+  padding: 4px;
+
+}
+#search-controls a {
+  
+  padding: 4px;
+}
+
+     
+ 
+        DIV#posts.loading {
+            background: url(/images/spinner.gif) no-repeat center center;
+        }