diff options
| author | yo momma <shutup@oops.wtf> | 2026-02-01 19:49:01 +0000 |
|---|---|---|
| committer | yo momma <shutup@oops.wtf> | 2026-02-01 19:49:01 +0000 |
| commit | c83b61db8056bc53d1a1def36915137904c97447 (patch) | |
| tree | fc0cbe4804b3f2380ebbd2306ee1832d0be685ed /static | |
| parent | d5ecfaf90385e846ce7168b1b18535315b7fcdc4 (diff) | |
Refactor: clean more static inline stylesrefactor
Diffstat (limited to 'static')
| -rwxr-xr-x | static/7777889.html | 50 | ||||
| -rwxr-xr-x | static/css/ChatBubble-simple.css | 7 | ||||
| -rwxr-xr-x | static/css/browser.css | 24 | ||||
| -rw-r--r-- | static/css/terms.css | 9 | ||||
| -rwxr-xr-x | static/css/top.css | 17 | ||||
| -rwxr-xr-x | static/html/help.html | 2 | ||||
| -rwxr-xr-x | static/html/help2.html | 2 | ||||
| -rwxr-xr-x | static/html/search.test.html | 25 | ||||
| -rwxr-xr-x | static/html/terms.html | 7 | ||||
| -rwxr-xr-x | static/idgi/index.html | 16 | ||||
| -rwxr-xr-x | static/index.html | 22 | ||||
| -rwxr-xr-x | static/index2.html | 36 | ||||
| -rwxr-xr-x | static/index7.html | 22 | ||||
| -rwxr-xr-x | static/registerr.html | 6 | ||||
| -rwxr-xr-x | static/search/browser.css | 21 | ||||
| -rwxr-xr-x | static/search/browser.html | 41 | ||||
| -rwxr-xr-x | static/search/imagesearch.html | 26 | ||||
| -rwxr-xr-x | static/tribe/index.html | 50 |
18 files changed, 219 insertions, 164 deletions
diff --git a/static/7777889.html b/static/7777889.html index 0687ac6..3938519 100755 --- a/static/7777889.html +++ b/static/7777889.html @@ -12,32 +12,32 @@ input{width:600px;height:70px;margin-bottom:20px;} body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;} html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;} - </style> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> - <META NAME="description" CONTENT="Talk with pictures!"> - <title>dump.fm - register</title></head> - <body style="width:250px;margin:30 auto;background:yellow;> + </style> + <link rel="stylesheet" type="text/css" href="/static/css/index.css"> + <link rel="shortcut icon" href="/static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> + <body> - - <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> - <label style="text-align:left;margin-bottom:-8px;">username</label> - <input type="text" class="field" id="nickInput" /> - <br> - - <label style="text-align:left;margin-bottom:-8px;">password</label> - <input type="password" class="field" id="passwordInput" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> - <input type="password" class="field" id="passwordInput2" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">email</label> - <input type="text" class="field" id="emailInput" /> - <br> - - <div align="right"> + + <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> + <label class="form-label-left-tight">username</label> + <input type="text" class="field" id="nickInput" /> + <br> + + <label class="form-label-left-tight">password</label> + <input type="password" class="field" id="passwordInput" /> + <br> + <label class="form-label-left-tight">password2x</label> + <input type="password" class="field" id="passwordInput2" /> + <br> + <label class="form-label-left-tight">email</label> + <input type="text" class="field" id="emailInput" /> + <br> + + <div align="right"> <input type="submit" class="submit" id="submit" value="Register!" /> diff --git a/static/css/ChatBubble-simple.css b/static/css/ChatBubble-simple.css index 0e3c319..67f29d1 100755 --- a/static/css/ChatBubble-simple.css +++ b/static/css/ChatBubble-simple.css @@ -14,6 +14,11 @@ position:fixed; top:20; left:20; } + +.help-body { + width: 475px; + font-family: Arial, Helvetica, sans-serif; +} div.CBmsg { display: table; margin-bottom: 0.5em; @@ -149,4 +154,4 @@ div.CBiconL > img { width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; -}
\ No newline at end of file +} diff --git a/static/css/browser.css b/static/css/browser.css index 124b79c..4c115e6 100755 --- a/static/css/browser.css +++ b/static/css/browser.css @@ -1,13 +1,23 @@ /* pichat.css */ body { - font-size:13; - font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; - margin:2%; - background-repeat:repeat-x; - background-position:top; - -} + font-size:13; + font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; + margin:2%; + background-repeat:repeat-x; + background-position:top; + + } + + .is-hidden { + display: none; + } + + #content.content-hearts { + background-image: url(/static/hearts.gif); + background-repeat: repeat; + height: 800px; + } #rapper{ } #container { diff --git a/static/css/terms.css b/static/css/terms.css new file mode 100644 index 0000000..350e7c6 --- /dev/null +++ b/static/css/terms.css @@ -0,0 +1,9 @@ +.terms-body { + margin: 0; + width: 500px; +} + +.terms-container { + height: 600px; + width: 500px; +} diff --git a/static/css/top.css b/static/css/top.css index afc2f0b..d6a9b49 100755 --- a/static/css/top.css +++ b/static/css/top.css @@ -151,9 +151,19 @@ border:1px solid #000; font-size:20px; } -.no-cursor { cursor: none; } -.invisible { display: none !important; } -#cursor-big { position: absolute; z-index: 1000; } + .no-cursor { cursor: none; } + .invisible { display: none !important; } + #cursor-big { position: absolute; z-index: 1000; } + + .preload-pixel { + visibility: hidden; + width: 0; + height: 0; + } + + .word-spacing-normal { + word-spacing: normal; + } label { display:inline-block; @@ -278,4 +288,3 @@ a.img_roll:hover{ ul.pagination li { float:left; margin:0 5px;display:none; } ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;} - diff --git a/static/html/help.html b/static/html/help.html index b0947b9..6f5eaa7 100755 --- a/static/html/help.html +++ b/static/html/help.html @@ -6,7 +6,7 @@ <link rel="stylesheet" href="/static/css/ChatBubble-simple.css" media="screen" />
</head>
-<body style="width:475px; font-family: Arial, Helvetica, sans-serif;">
+<body class="help-body"> <span id="howtopostimage">
<div class="CBmsg CBmsgR CBblueR">
<div class="CBtxt">
diff --git a/static/html/help2.html b/static/html/help2.html index 6dcf0c4..61c07d4 100755 --- a/static/html/help2.html +++ b/static/html/help2.html @@ -6,7 +6,7 @@ <link rel="stylesheet" href="/static/css/ChatBubble-simple.css" media="screen" />
</head>
-<body style="width:475px; font-family: Arial, Helvetica, sans-serif;">
+<body class="help-body"> <div id="table">
tablez
diff --git a/static/html/search.test.html b/static/html/search.test.html index 96769c4..50bb259 100755 --- a/static/html/search.test.html +++ b/static/html/search.test.html @@ -27,18 +27,18 @@ window.location = "/error/ie"; </script> <![endif]--> - <style> - body{margin:6%;} - img { max-width: 400px; max-height: 400px;} - h1 { width: 40%; display:inline-block; margin: 20px; font-size: 30px;} - #content { overflow: visible} - #content a { position: relative; display:inline-block; } - #content a canvas { position:absolute; z-index: 0; top: 0; left: 0; } - #content a img { position:absolute; z-index: 1; top:0; left: 0; } - #content a.animating canvas { display: none } - </style> - </head> - <body class="profile" style="margin:1%;"> + <style> + body { margin: 1%; } + img { max-width: 400px; max-height: 400px;} + h1 { width: 40%; display:inline-block; margin: 20px; font-size: 30px;} + #content { overflow: visible} + #content a { position: relative; display:inline-block; } + #content a canvas { position:absolute; z-index: 0; top: 0; left: 0; } + #content a img { position:absolute; z-index: 1; top:0; left: 0; } + #content a.animating canvas { display: none } + </style> + </head> + <body class="profile"> <center>search dumps: <input type="text" name="search-query" id="search-query" /></center><br><br> <center><div id="message"></div><br><br></center> @@ -213,4 +213,3 @@ </script> </html> - diff --git a/static/html/terms.html b/static/html/terms.html index 5eb2bba..026b22b 100755 --- a/static/html/terms.html +++ b/static/html/terms.html @@ -3,13 +3,14 @@ <title>terms</title> +<link rel="stylesheet" href="/static/css/terms.css" type="text/css" media="all" /> - + </head> -<body style="margin:0; width:500px;"> +<body class="terms-body"> -<div style="height:600px;width:500px;"> +<div class="terms-container"> <DIV class="Part" ><H1 diff --git a/static/idgi/index.html b/static/idgi/index.html index 479f4b9..1f6d6a2 100755 --- a/static/idgi/index.html +++ b/static/idgi/index.html @@ -12,14 +12,14 @@ input{width:600px;height:70px;margin-bottom:20px;} body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;} html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;} - </style> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> - <META NAME="description" CONTENT="Talk with pictures!"> - <title>dump.fm - register</title></head> - <body style="width:250px;margin:30 auto;background:yellow;> + </style> + <link rel="stylesheet" type="text/css" href="/static/css/index.css"> + <link rel="shortcut icon" href="/static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> + <body> <div align="center"><h1><b>CLOSED FOR NOW LOL...</b></h1><br> diff --git a/static/index.html b/static/index.html index fd6afe7..c532355 100755 --- a/static/index.html +++ b/static/index.html @@ -272,9 +272,9 @@ margin-left:-42px;text-decoration:none; text-decoration:none; } #footer{ -padding-bottom:5px; - -text-align: center; + padding-bottom:5px; + + text-align: center; color:#000; font-size:11px; word-spacing:30px; @@ -282,16 +282,20 @@ word-spacing:30px; background-color:#eff5fb; margin-top:240px; width:798px; -} -#bottomrow img{ -background-image:url(/static/img/grgrad.png); + } + #bottomrow img{ + background-image:url(/static/img/grgrad.png); border-radius: 15px; border:5px solid #ccc; padding:5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -} -#footer a{color:#000;text-decoration:none;} + } + #footer a{color:#000;text-decoration:none;} + + .word-spacing-normal { + word-spacing: normal; + } @@ -391,7 +395,7 @@ height="205"></div> \ <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span class="word-spacing-normal">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/index2.html b/static/index2.html index 8f4e654..fcd2315 100755 --- a/static/index2.html +++ b/static/index2.html @@ -199,15 +199,23 @@ display:none; #rapper{ margin-top:6%; } -#content{ - background:url(/static/img/cloudbg.png); -background-position:top center; - background-repeat:no-repeat; -} -#preload { - position: absolute; - left: 0px; - top: 0px; + #content{ + background:url(/static/img/cloudbg.png); + background-position:top center; + background-repeat:no-repeat; + position: relative; + z-index: 77; + } + #slider { + display: none; + } + #footer { + text-align: center; + } + #preload { + position: absolute; + left: 0px; + top: 0px; } #bigbow{ display:none; @@ -510,7 +518,7 @@ z-index:20; <p class="slide"><a href="#" class="btn-slide">watch a lil movie</a> <div id="rapper"></div><div id="idgi"></div> -<div id="content" style="z-index:77;"> +<div id="content"> <div id="main" align="center"> @@ -540,17 +548,17 @@ z-index:20; <br> <div id="talkaboutus"> -<div id="slider" style="display:none;"> +<div id="slider"> <a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a> <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a> </div> - <div id="footer" style="text-align: center"> + <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span>About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> -</div> + </div> <br><br> </div> </div> diff --git a/static/index7.html b/static/index7.html index 7a3f121..2e95cff 100755 --- a/static/index7.html +++ b/static/index7.html @@ -238,9 +238,9 @@ margin-left:-42px;text-decoration:none; text-decoration:none; } #footer{ -padding-bottom:5px; -padding-top:15px; -text-align: center; + padding-bottom:5px; + padding-top:15px; + text-align: center; color:#000; font-size:11px; word-spacing:30px; @@ -248,16 +248,20 @@ word-spacing:30px; background-color:#eff5fb; margin-top:250px; width:798px; -} -#bottomrow img{ -background-image:url(/static/img/grgrad.png); + } + #bottomrow img{ + background-image:url(/static/img/grgrad.png); border-radius: 15px; border:5px solid #ccc; padding:5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -} -#footer a{color:#000;text-decoration:none;} + } + #footer a{color:#000;text-decoration:none;} + + .word-spacing-normal { + word-spacing: normal; + } @@ -375,7 +379,7 @@ height="205"></div> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span class="word-spacing-normal">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/registerr.html b/static/registerr.html index 06ee69d..f7a3071 100755 --- a/static/registerr.html +++ b/static/registerr.html @@ -42,9 +42,7 @@ jQuery(window).load(function() { <div id="rapper"> <div id="toplogo"> -<img style="visibility:hidden;width:0px;height:0px;"/><style type='text/css'> - -</style> +<img class="preload-pixel" alt="" /> <a class="img_roll" href="/register"></a> <div id="lilflag"> HOME OF THE SLOTHGOTH!!!!! @@ -88,7 +86,7 @@ preview dump.fm! </div> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> +<a href="/about_us"><span class="word-spacing-normal">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> diff --git a/static/search/browser.css b/static/search/browser.css index 44355a6..2383142 100755 --- a/static/search/browser.css +++ b/static/search/browser.css @@ -1,11 +1,22 @@ /* pichat.css */ body { - font-size:13; - font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; - margin:2%; - -} + font-size:13; + font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; + margin:2%; + + } + + .is-hidden { + display: none; + } + + .browser-heading { + font-size: 30px; + text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; + color: #fff; + font-weight: bold; + } #rapper{ } #container { diff --git a/static/search/browser.html b/static/search/browser.html index 358a07f..ea499ba 100755 --- a/static/search/browser.html +++ b/static/search/browser.html @@ -13,17 +13,14 @@ </head> <body> -<div id="ish"> -<form onSubmit="searchImages(); return false;" > -<div align="left"> -<div style=" font-size:30; - text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; -color:#fff; -font-weight:bold;">image search</div> - <tr> - <td colspan="2"><br> - <input name="q" type="text" id="q" onChange="searchImages();" size="10%"> - <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> + <div id="ish"> + <form onSubmit="searchImages(); return false;" > + <div align="left"> + <div class="browser-heading">image search</div> + <tr> + <td colspan="2"><br> + <input name="q" type="text" id="q" onChange="searchImages();" size="10%"> + <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> <label> </label> @@ -74,16 +71,16 @@ font-weight:bold;">image search</div> <option value="corbis.com">corbis</option> <option value="made-in-china.com">made in china</option> <option value="0" selected>EVERYWHERE</option> - </select> - </label> - <label> - <input name="showFaces" type="checkbox" onClick="searchImages();"> - Only Faces</label> - <div style="display:none;">★<label> hot shit</label>★ - <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> - Always ON</div> - </td> - </tr> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + <div class="is-hidden">★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON</div> + </td> + </tr> @@ -264,4 +261,4 @@ font-weight:bold;">image search</div> } </script> </body> -</html>
\ No newline at end of file +</html> diff --git a/static/search/imagesearch.html b/static/search/imagesearch.html index 53bb42f..0d14429 100755 --- a/static/search/imagesearch.html +++ b/static/search/imagesearch.html @@ -16,8 +16,8 @@ javascript:CreateDropdownWindow('image search', '680px', true, 'search', 50, 60);" > - <div style="display:none;"id="search"> - <div id="content" name="content"style="background-image:url(/static/hearts.gif);background-repeat:repeat;height:800;"> + <div id="search" class="is-hidden"> + <div id="content" name="content" class="content-hearts"> <form onSubmit="searchImages(); return false;" > @@ -77,16 +77,16 @@ <option value="corbis.com">corbis</option> <option value="made-in-china.com">made in china</option> <option value="0" selected>EVERYWHERE</option> - </select> - </label> - <label> - <input name="showFaces" type="checkbox" onClick="searchImages();"> - Only Faces</label> - <div style="display:none;">★<label> hot shit</label>★ - <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> - Always ON</div> - </td> - </tr> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + <div class="is-hidden">★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON</div> + </td> + </tr> <tr> @@ -267,4 +267,4 @@ } </script> </body> -</html>
\ No newline at end of file +</html> diff --git a/static/tribe/index.html b/static/tribe/index.html index 0687ac6..3938519 100755 --- a/static/tribe/index.html +++ b/static/tribe/index.html @@ -12,32 +12,32 @@ input{width:600px;height:70px;margin-bottom:20px;} body{min-width:600px;font-size:10px;font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; background-image:url('https://archive.hump.fm/images/20101229/1293613078541-dumpfm-adultbraces-vipnotdiy.gif');padding:20px;border:40px ridge yellow;color:blue;} html{background-image:url('https://archive.hump.fm/images/20101130/1291165289435-dumpfm-smokecrack-vip.gif');background-position:center;} - </style> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> - <META NAME="description" CONTENT="Talk with pictures!"> - <title>dump.fm - register</title></head> - <body style="width:250px;margin:30 auto;background:yellow;> + </style> + <link rel="stylesheet" type="text/css" href="/static/css/index.css"> + <link rel="shortcut icon" href="/static/favicon.ico"> + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> + <META NAME="description" CONTENT="Talk with pictures!"> + <title>dump.fm - register</title></head> + <body> - - <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> - <label style="text-align:left;margin-bottom:-8px;">username</label> - <input type="text" class="field" id="nickInput" /> - <br> - - <label style="text-align:left;margin-bottom:-8px;">password</label> - <input type="password" class="field" id="passwordInput" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> - <input type="password" class="field" id="passwordInput2" /> - <br> - <label style="text-align:left;margin-bottom:-8px;">email</label> - <input type="text" class="field" id="emailInput" /> - <br> - - <div align="right"> + + <div align="center"><h1><b>dump.fm like lol invite thing</b></h1><br> + <label class="form-label-left-tight">username</label> + <input type="text" class="field" id="nickInput" /> + <br> + + <label class="form-label-left-tight">password</label> + <input type="password" class="field" id="passwordInput" /> + <br> + <label class="form-label-left-tight">password2x</label> + <input type="password" class="field" id="passwordInput2" /> + <br> + <label class="form-label-left-tight">email</label> + <input type="text" class="field" id="emailInput" /> + <br> + + <div align="right"> <input type="submit" class="submit" id="submit" value="Register!" /> |
