Refactor: extract inline CSS into static/css

author: yo momma <shutup@oops.wtf> 2026-01-29 23:36:35 +0000
committer: yo momma <shutup@oops.wtf> 2026-01-29 23:36:35 +0000
commit: b2d1b69fd6d9b1f0473ea70bc473df6f370891da (patch)
tree: 9f28a4ffe0a144518a413341eb0aed2a5d7fe9d3 /template/rooms
parent: e620f19487c5dd8bf2c072c0dc18e04ed601d08e (diff)
14 files changed, 46 insertions, 234 deletions
diff --git a/template/rooms/VIP.st b/template/rooms/VIP.st
index 51febca..19d08a2 100755
--- a/template/rooms/VIP.st
+++ b/template/rooms/VIP.st
@@ -15,9 +15,10 @@
    (c)2010 dump.fm -->
 
 <html>
-  <head>
-    $head()$
-    <title>$roomname$ dump.fm</title>
+    <head>
+	    $head()$
+	    <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+	    <title>$roomname$ dump.fm</title>
 
     <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
     <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
@@ -54,16 +55,6 @@
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -90,18 +81,6 @@
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-
-      }
-    </style>
     $endif$
     $endif$
 
@@ -152,4 +131,3 @@
   </body>
 </html>
 
-
diff --git a/template/rooms/artornot.st b/template/rooms/artornot.st
index 8a313d2..bab68cf 100755
--- a/template/rooms/artornot.st
+++ b/template/rooms/artornot.st
@@ -15,9 +15,10 @@
    (c)2010 dump.fm -->
 
 <html>
-  <head>
-    $head()$
-    <title>$roomname$ dump.fm</title>
+    <head>
+	    $head()$
+	    <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+	    <title>$roomname$ dump.fm</title>
 
     <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
     <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
@@ -54,16 +55,6 @@
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -90,18 +81,6 @@
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-
-      }
-    </style>
     $endif$
     $endif$
 
@@ -143,4 +122,3 @@
   </body>
 </html>
 
-
diff --git a/template/rooms/atrium.st b/template/rooms/atrium.st
index edd83cb..550e815 100755
--- a/template/rooms/atrium.st
+++ b/template/rooms/atrium.st
@@ -16,8 +16,9 @@
 
 <html>
   <head>
-    $head_edge()$
-    <title>$roomname$ dump.fm</title>
+	    $head_edge()$
+	    <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+	    <title>$roomname$ dump.fm</title>
 
     <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
     <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
@@ -54,16 +55,6 @@
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -90,18 +81,6 @@
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-
-      }
-    </style>
     $endif$
     $endif$
 
diff --git a/template/rooms/butt.st b/template/rooms/butt.st
index dcb9baf..1094ef4 100755
--- a/template/rooms/butt.st
+++ b/template/rooms/butt.st
@@ -26,6 +26,7 @@ $if(!user_avatar)$
   <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css">
 $endif$
   <link rel="stylesheet" type="text/css" href="/static/css/dump.css">
+  <link rel="stylesheet" type="text/css" href="/static/css/rooms_butt.css?v=20260129">
   <script type="text/javascript" src="/static/webcam/webcam.js"></script>
   <script type="text/javascript" src="/static/js/tooltip.js"></script>
   <script type="text/javascript" src="/static/js/away.js"></script>
@@ -54,7 +55,7 @@ $endif$
     } 
   </script>
 
-<style type="text/css"> 
+<!--<style type="text/css"> 
 	html { 
 		overflow: hidden; 
 	} 
@@ -99,7 +100,7 @@ $endif$
 		filter: alpha(opacity=90); 
 		opacity: 0.9; 
 	} 
-</style> 
+</style>--> 
 <script type="text/javascript"> 
 // ================================================== 
 // script realized by G�rard Ferrandez - June 2006 
diff --git a/template/rooms/chat.down.st b/template/rooms/chat.down.st
index ef1b267..93d106f 100755
--- a/template/rooms/chat.down.st
+++ b/template/rooms/chat.down.st
@@ -16,17 +16,15 @@
 
 <html>
   <head>
-<link rel="shortcut icon" href="$domain$/static/favicon.ico">
+<link rel="shortcut icon" href="/static/favicon.ico">
     <title>dump.fm</title>
-    <style>
-    body{width:100%;height:100%;background-image:url('http://i.imgur.com/JR7Ge.gif');overflow:hidden;}
-    </style>
+    <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260129">
     </head>
     <body>
     <center>
-    <img src="http://i.imgur.com/BNeoy.png"style="margin-top:15%;">
+    <img src="https://i.imgur.com/BNeoy.png" style="margin-top:15%;">
     </center>
     </body></html>
     
     
-    
-\ No newline at end of file
+    
diff --git a/template/rooms/chat.st b/template/rooms/chat.st
index d1152e8..8c41806 100755
--- a/template/rooms/chat.st
+++ b/template/rooms/chat.st
@@ -17,6 +17,7 @@
 <html>
   <head>
     $head()$
+    <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
     <title>$roomname$ dump.fm</title>
 
     <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
@@ -55,16 +56,6 @@
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -92,18 +83,6 @@
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-
-      }
-    </style>
     $endif$
     $endif$
 
diff --git a/template/rooms/dump2.st b/template/rooms/dump2.st
index 35a61a2..200250b 100755
--- a/template/rooms/dump2.st
+++ b/template/rooms/dump2.st
@@ -17,6 +17,8 @@
 <html>
   <head>
     $head()$
+    <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+    <link rel="stylesheet" type="text/css" href="/static/css/rooms_dump2.css?v=20260129">
     <title>no $roomname$ dump.fm</title>
 
     <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
@@ -54,51 +56,6 @@
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 2;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      }
-      #welcome-rapper{
-      position:fixed;
-      width:100%;
-      height:100%;
-      display:table;
-      z-index:10;
-      }
-      #welcome-rapper span{
-      width:50%;
-      height:50%;
-      display:table-cell;
-      float:left;
-      }
-      #welcome-rapper span h1{
-      display:table-cell;
-      vertical-align:middle;
-      }
-      
-      #welcome-rapper span:nth-child(5){
-      background:url(https://archive.hump.fm/images/20121011/1349988916417-dumpfm-natasaurus-goes8_hg.gif)no-repeat center;
-      background-size:cover;
-      }
-      #welcome-rapper span:nth-child(2){
-      background:url(https://archive.hump.fm/images/20121001/1349067392929-dumpfm-kiptok-fuckyousmall.png)no-repeat center;
-      background-size:cover;
-      }
-      #welcome-rapper span:nth-child(4){
-      background:url(http://logo.ec/wp-content/uploads/2012/10/4.jpg)no-repeat center;
-      background-size:cover;
-      }
-      #welcome-rapper span iframe {
-      width: 100%;
-      background:white;
-	  height: 100%;
-      }
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -149,17 +106,6 @@
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-    </style>
     $endif$
     $endif$
 
diff --git a/template/rooms/dumptest.st b/template/rooms/dumptest.st
index c1860c4..e167c70 100755
--- a/template/rooms/dumptest.st
+++ b/template/rooms/dumptest.st
@@ -18,6 +18,7 @@ _____          ___           ___           ___         ___         ___
 	$if(user_nick)$
 <head>
 	$head()$
+	<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
 	<title>$roomname$ dump.fm</title>
 
 	<script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
@@ -56,7 +57,7 @@ _____          ___           ___           ___         ___         ___
 
 	$endif$
 	</script>
-	<style>
+	<!--<style>
 	#chat-wrapper {
 		position: absolute;
 		z-index: 1000000;
@@ -65,12 +66,13 @@ _____          ___           ___           ___         ___         ___
 		height: 40px;
 		width: 300px;
 	};
-	</style>
+	</style>-->
 </head>
 
 	$else$
 	<head>
 		$head()$
+		<link rel="stylesheet" type="text/css" href="/static/css/rooms_dumptest_fullscreen.css?v=20260129">
 		<title>$roomname$ dump.fm</title>
 		<script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
 		<script src="$domain$/static/js/fullscreen.js"></script>
@@ -105,7 +107,7 @@ _____          ___           ___           ___         ___         ___
 		</script>
 		<script>jQuery(initLogin)</script>
 		<script>initFullscreen()</script>
-		<style>
+		<!--<style>
 		@-webkit-keyframes b {
 			from {-webkit-transform:rotatey(-360deg) rotateX(-360deg) scale(7);}
 			to   {-webkit-transform:rotatey(360deg) rotateX(0deg) scale(1);}
@@ -214,7 +216,7 @@ _____          ___           ___           ___         ___         ___
 			top: 0;
 			left: 0;}
 			#big-image {cursor:url('/static/img/thumbs/heartfaved.gif'), pointer}
-			</style>
+			</style>-->
 	</head>
 		<body>
 		<div class="notloggedin">
diff --git a/template/rooms/frontpage.st b/template/rooms/frontpage.st
index 927cbec..6761a4d 100755
--- a/template/rooms/frontpage.st
+++ b/template/rooms/frontpage.st
@@ -15,9 +15,10 @@
    (c)2011 dump.fm -->
 
 <html>
-  <head>
-    $head()$
-    <title>$roomname$ dump.fm</title>
+    <head>
+	    $head()$
+	    <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
+	    <title>$roomname$ dump.fm</title>
 
     <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
     <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
@@ -54,16 +55,6 @@
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -90,18 +81,6 @@
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-
-      }
-    </style>
     $endif$
     $endif$
 
@@ -133,4 +112,3 @@
     </div>
   </body>
 </html>
-
diff --git a/template/rooms/fullscreen.st b/template/rooms/fullscreen.st
index 199727d..41f2f88 100755
--- a/template/rooms/fullscreen.st
+++ b/template/rooms/fullscreen.st
@@ -14,7 +14,8 @@
       }
       jQuery(startChatUpdater);
     </script>
-    <style>
+    <link rel="stylesheet" type="text/css" href="/static/css/rooms_fullscreen.css?v=20260129">
+    <!--<style>
       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;
@@ -113,10 +114,10 @@ input:hover {
       .sublogo { font-family: Monaco, "Courier New", Courier, monospace; }
       a { color:#000 }
       #toplogo{position: fixed;display:none;
-top: 0;
-left: 0;}
+	top: 0;
+	left: 0;}
 #big-image {cursor:url('/static/img/thumbs/heartfaved.gif'), pointer}
-    </style>
+    </style>-->
     <script>jQuery(initLogin)</script>
   </head>
   <body>
diff --git a/template/rooms/fullscreen2.st b/template/rooms/fullscreen2.st
index 199727d..41f2f88 100755
--- a/template/rooms/fullscreen2.st
+++ b/template/rooms/fullscreen2.st
@@ -14,7 +14,8 @@
       }
       jQuery(startChatUpdater);
     </script>
-    <style>
+    <link rel="stylesheet" type="text/css" href="/static/css/rooms_fullscreen.css?v=20260129">
+    <!--<style>
       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;
@@ -113,10 +114,10 @@ input:hover {
       .sublogo { font-family: Monaco, "Courier New", Courier, monospace; }
       a { color:#000 }
       #toplogo{position: fixed;display:none;
-top: 0;
-left: 0;}
+	top: 0;
+	left: 0;}
 #big-image {cursor:url('/static/img/thumbs/heartfaved.gif'), pointer}
-    </style>
+    </style>-->
     <script>jQuery(initLogin)</script>
   </head>
   <body>
diff --git a/template/rooms/mgmt.st b/template/rooms/mgmt.st
index 793cb7e..984ee99 100755
--- a/template/rooms/mgmt.st
+++ b/template/rooms/mgmt.st
@@ -23,6 +23,7 @@
 <script type="text/javascript" src="$domain$/static/js/jquery-ui-1.8.effects.min.js"></script>
 <script type="text/javascript" src="$domain$/static/js/pichat.js"></script>
 <link rel="stylesheet" type="text/css" href="$domain$/static/css/mgmt.css">
+<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
 <script>Domain = "$domain$"</script>
 
 $if(isadmin)$
@@ -56,16 +57,6 @@ window.location = "/error/ie";
       jQuery(Away.startTitleUpdater);
       jQuery(initChatMsgs);
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
   
diff --git a/template/rooms/nocss.st b/template/rooms/nocss.st
index 9d79b7a..6bb661e 100755
--- a/template/rooms/nocss.st
+++ b/template/rooms/nocss.st
@@ -24,6 +24,7 @@
 <link rel="image_src" href="/static/img/thumbs/heartover.gif" > 
 <!-- <script type="text/javascript" src="$domain$/static/js/jquery-ui-1.8.effects.min.js"></script> -->
 <script type="text/javascript" src="$domain$/static/js/pichat.js"></script>
+<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129">
 
 <script>Domain = "$domain$"</script>
 $if(!user_nick)$
@@ -85,16 +86,6 @@ window.location = "/error/ie";
 
       $endif$
     </script>
-    <style>
-      #chat-wrapper {
-      position: absolute;
-      z-index: 1000000;
-      right: 100px;
-      bottom: 100px;
-      height: 40px;
-      width: 300px;
-      };
-    </style>
   </head>
   <body>
     $if(dis)$
@@ -121,18 +112,6 @@ window.location = "/error/ie";
       var topZ = 7;
       CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
     </script>
-    <style>
-      .divDragTitle {
-      left:50%!important;
-      margin-left: -250px!important;
-      }
-      .divDragContent {
-      z-index:666;
-      left:50%!important;
-      margin-left: -250px!important;
-
-      }
-    </style>
     $endif$
     $endif$
 
diff --git a/template/rooms/vortex.st b/template/rooms/vortex.st
index 64474b8..6f3a4ca 100755
--- a/template/rooms/vortex.st
+++ b/template/rooms/vortex.st
@@ -2,6 +2,7 @@
 <html> 
 <head> 
 <title>dump.fm image vortex</title>
+<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260129">
 
 
 
@@ -15,7 +16,7 @@
 
   </script>
 
-<style type="text/css"> 
+<!--<style type="text/css"> 
  
  
 	 
@@ -86,7 +87,7 @@ text-decoration:none;
 	color:blue;
 }
 
-</style> 
+</style>--> 
 <script type="text/javascript"> 
 id = function(o) { return document.getElementById(o); } 
 px = function (x) {	return ''.concat(Math.round(x), 'px'); }
author	yo momma <shutup@oops.wtf>	2026-01-29 23:36:35 +0000
committer	yo momma <shutup@oops.wtf>	2026-01-29 23:36:35 +0000
commit	b2d1b69fd6d9b1f0473ea70bc473df6f370891da (patch)
tree	9f28a4ffe0a144518a413341eb0aed2a5d7fe9d3 /template/rooms
parent	e620f19487c5dd8bf2c072c0dc18e04ed601d08e (diff)