Ryder changes

author: Scott Ostler <sostler@ubuntu.(none)> 2010-01-04 22:26:02 -0500
committer: Scott Ostler <sostler@ubuntu.(none)> 2010-01-04 22:26:02 -0500
commit: 9653de82a4c5ffd3380659ee35f8558d739316c4 (patch)
tree: 51e5677fa050f22dd2170119899c917cbe8319b6
parent: 5c4d9aaf8c674183e38f5b7b499784714d025dc1 (diff)
7 files changed, 170 insertions, 140 deletions
diff --git a/static/bgnav.jpg b/static/bgnav.jpg
new file mode 100644
index 0000000..0913e21
--- /dev/null
+++ b/static/bgnav.jpg
diff --git a/static/header.css b/static/header.css
index da1afaf..d981931 100644
--- a/static/header.css
+++ b/static/header.css
@@ -1,11 +1,12 @@
 .white a:link {
 	text-decoration: none;
+	font-size:16px;
 	
 	color: #fff;
 }
 .white a:visited {
 	text-decoration: none;
-	
+	font-size:16px;
 	color: #fff;
 }
 .white a:hover {
@@ -40,11 +41,11 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY
 	height: 69px;
 }
 #bar7{
-	top:33px;
+	top:30px;
 	position:absolute;
 	font-family: Arial, Helvetica, sans-serif;
 	width: 500px;
-	font-size: 15px;
+	font-size: 18px;
 	left: 150px;
 	margin-left: 2%;
 	margin-right: 8%;
diff --git a/static/index.html b/static/index.html
index 5373ebd..c5331b5 100755
--- a/static/index.html
+++ b/static/index.html
@@ -1,6 +1,5 @@
 </html><head>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-    <script type="text/javascript" src="static/jquery-1.3.2.min.js"></script>
     <script type="text/javascript" src="static/sha1.js"></script>
     <script type="text/javascript" src="static/home.js"></script>
             <script type="text/javascript" src="static/background.js"></script>
@@ -216,9 +215,10 @@ onchange="this.beenchanged = true;"/>
     <p align="center">&nbsp;</p>
     <p>&nbsp;</p>
     <div align="right" class="txt">
-      <div align="center"><span class="txt"><a href="/register" class="txt">Register</a></span></div>
+      <div align="center"></div>
+      <div align="center"><a href="javascript:void(0);" onclick="javascript:alert('dump.fm is invite only, you must be really really really really really really cool. ok?');return false;" style="text-decoration:line-through;">Register</a></div>
     </div>
-    <div align="center">    </div>
+    <div align="center"></div>
   </div>
 </div>
     </div></div> 
@@ -231,4 +231,4 @@ onchange="this.beenchanged = true;"/>
 
 
 </body>
-</html>
+</html>
+\ No newline at end of file
diff --git a/static/pichat.css b/static/pichat.css
index 2d099d8..9c337e1 100644
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -6,26 +6,7 @@ body {
 	
 	
 }
-a {
-	font-size: 12px;
-	color: #000;
-}
-a:link {
-	text-decoration: none;
-}
-a:visited {
-	text-decoration: none;
-	color: #000;
-}
-a:hover {
-	text-decoration: underline;
-	color:#000;
-	
-}
-a:active {
-	text-decoration: none;
-	color: #000;
-}
+
 
 #content{
     z-index: 3;
@@ -45,7 +26,7 @@ a:active {
 #footerc
 {
 	text-align:center;
-	position:absolute;
+	position:fixed;
 	width:100%;
 	bottom:0px;
 line-height:2.5;
@@ -55,6 +36,22 @@ height:28px;
 	color: #000;
 
 }
+#footerc a {
+	font-size: 11px;
+	color: #000;
+}
+#footerc a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footerc a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
 
 #messagePane {
 	border: 2px solid #c8cbce;
@@ -113,22 +110,11 @@ bottom:5px;
 height:36px;
 font-size:20px;
     min-width:500px;
-	border-top-left-radius:5px;
-	border-top-right-radius:5px;
-	-webkit-border-top-left-radius:5px;
-	-webkit-border-top-right-radius:5px;
-	-moz-border-radius-topleft:5px;
-	-moz-border-radius-topright:5px;
-	border-bottom-left-radius:5px;
-	border-bottom-right-radius:5px;
-	-webkit-border-bottom-left-radius:5px;
-	-webkit-border-bottom-right-radius:5px;
-	-moz-border-radius-bottomleft:5px;
-	-moz-border-radius-bottomright:5px;
-		box-shadow: 2px 3px 4px #c8cbce;
--webkit-box-shadow: 2px 3px 4px #c8cbce;
--moz-box-shadow: 2px 3px 4px #c8cbce;
-filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true);
+	
+		box-shadow: 2px 3px 4px #eee;
+-webkit-box-shadow: 2px 3px 4px #eee;
+-moz-box-shadow: 2px 3px 4px #eee;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, positive=true);
 }
 .msgInput {
     min-width:500px;
@@ -185,7 +171,7 @@ top:15px;
 	min-width: 150px;
 	width:11%;
 	float:right;
-	right: 5%;
+	right: 6%;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 14px;
 	font-weight:420;
@@ -373,19 +359,7 @@ background-color:#f3f3f3;
 	margin: 0;
 	padding-bottom:105px;
 }
-#footerc
-{
-	text-align:center;
-	position:absolute;
-	width:100%;
-	bottom:0px;
-	font-size:7px;
-	font-family:"Times New Roman", Times, serif;
-	background-image:url(/static/footer.png);
-	background-repeat:repeat-x;
-	background-position:top;
-	color: #000;
-}
+
 #log
 {
 	border: 2px #F1F1F1;
@@ -492,6 +466,25 @@ p {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 7px;
 }
+a {
+	font-size: 12px;
+	color: #000;
+}
+a:link {
+	text-decoration: none;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+a:hover {
+	text-decoration: none;
+	color: #00F;
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
 td {
 	font-family: Arial, Helvetica, sans-serif;
 	letter-spacing:-1px;
diff --git a/static/profile.css b/static/profile.css
index dec02ae..4b9e2b4 100644
--- a/static/profile.css
+++ b/static/profile.css
@@ -3,14 +3,14 @@
 	padding: 20px;
 	width: 180px;
 	position:absolute;
-	top:0px;
-	right:35;
-	margin-top:15px;
+	top:17px;
+	left:560;
+	margin-top:9px;
 	background-color:#f5f5f5;
-	background-image:url(/static/spex.ppng);
+	background-image:url(/static/spexx.png);
 	border:solid 1px #999;
 	text-overflow: ellipsis-word;
-	background-position:center;
+	background-position:top;
 	z-index:999;
 	min-height:600px;
 	border-top-left-radius:5px;
@@ -25,47 +25,92 @@
 	-webkit-border-bottom-right-radius:5px;
 	-moz-border-radius-bottomleft:5px;
 	-moz-border-radius-bottomright:5px;
-		box-shadow: 3px 4px 10px #c8cbce;
--webkit-box-shadow: 3px 4px 10px #c8cbce;
--moz-box-shadow: 3px 3px 10px #c8cbce;
+		box-shadow: -3px 4px 10px #c8cbce;
+-webkit-box-shadow: -3px 4px 10px #c8cbce;
+-moz-box-shadow: -10px -3px 10px #c8cbce;
 	
 	line-height:1.6;
       }
 #chatrap{
-	top: 10px;
-min-width:800px;
+  width:600 ;
 
+  margin-left: auto ;
+  margin-right: auto ;
 
-	position:relative;
-
-width:100%;
 
 	
 
 }
+#pnav{position:absolute;
+background:#fff;
+height:25px;
+padding-left:11;
+font-size:20px;
+margin-top:-28;
+background-image:url(/static/bgnav.jpg);
+background-position:top;
+font-weight:bold;
+width:260;
+text-align:left;
+border:1px solid #087cff;
+left:-70;
+letter-spacing:2px;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+		box-shadow: 3px 4px 10px #c8cbce;
+-webkit-box-shadow: 3px 4px 10px #c8cbce;
+-moz-box-shadow: 15px 15px 10px #c8cbce;
+}
+#pnav a {
+	font-size: 12px;
+	color: #000;
+}
+pnav a:link {
+	text-decoration: none;
+color:fff;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+#pnav a:hover {
+	text-decoration: none;
+	color: #f0e;
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
 #footer
 {
 	text-align:center;
-	position:absolute;
+	position:relative;
 	width:100%;
-	bottom:0px;
+	bottom:-30px;
+line-height:3.8;
 	font-size:12px;
-	font-family:"Times New Roman", Times, serif;
-	background-image:url(/static/footer.pg);
-	background-repeat:repeat-x;
-	background-position:top;
-	height:30px;
-	color: #333;
-	line-height: 2;
+word-spacing:8px;
+height:28px;
+	color: #000;
+
 }
 #log
 {
 	position:absolute;
-	width:100%;
+	
 	top:50px;
 	margin-right:5px;
-	
-	padding-top: 15px;
+	padding-top: 25px;
 	min-height: 800px;
 	
 	
@@ -92,34 +137,17 @@ width:100%;
 text-overflow: ellipsis-word;
 	padding: 15px;
 	font-family: Arial, Helvetica, sans-serif;
-
-margin-right:35;
-
-
-	
 	font-size: 12px;
 	text-transform: uppercase;
-	
-
 	line-height:15px;
 	background-color:#fff;
-	border-top-left-radius:5px;
-	border-top-right-radius:5px;
-	-webkit-border-top-left-radius:5px;
-	-webkit-border-top-right-radius:5px;
-	-moz-border-radius-topleft:5px;
-	-moz-border-radius-topright:5px;
-	border-bottom-left-radius:5px;
-	border-bottom-right-radius:5px;
-	-webkit-border-bottom-left-radius:5px;
-	-webkit-border-bottom-right-radius:5px;
-	-moz-border-radius-bottomleft:5px;
-	-moz-border-radius-bottomright:5px;
-
+border:1px solid #999;
+margin-top:-2;
 	z-index:4;
+width:600;
 	line-height:20px;
 	text-align: left;
-	margin-left:35;
+
 	
 }
       .editable {
@@ -150,7 +178,7 @@ margin-right:35;
 	letter-spacing:-1px;
 color:#087cff;
 	height:48px;
-	font-size:33px;
+	font-size:20px;
 	font-family:Arial, Helvetica, sans-serif;
 	font-weight:bold;
 	text-transform:capitalize;
@@ -189,7 +217,7 @@ color:#087cff;
 }
 body,td,th {
 	font-family: Arial, Helvetica, sans-serif;
-	overflow-x:hidden;
+
 	
 }@charset "UTF-8";
 /* CSS Document */
diff --git a/template/chat.st b/template/chat.st
index b9c88b4..b516173 100755
--- a/template/chat.st
+++ b/template/chat.st
@@ -10,14 +10,14 @@
   </head>
   <body>    
     $banner()$
-    <div id="chatrap"><div id="logc">
-	<div id="content">
+<div id="chatrap"><div id="logc">
+    <div id="content">
 
-          <div id="messagetabs"></div>
-          <div id="rapper">
+        <div id="messagetabs"></div>
+        <div id="rapper">
             <div id="loghead"></div>
           </div>
-	  <div id="userList">
+      <div id="userList">
             $users: { u |
             <div class="username"><a href="/u/$u.nick$">
 		$if(u.avatar)$<img src="$u.avatar$" width="50" height="50">$endif$
@@ -25,26 +25,37 @@
             </div>
 	    }$
 	  </div>          
-          <div id="messagePane">
+    <div id="messagePane">
             <div id="messageList">
               $messages: { m |
               <div class="msgDiv oldmsg"><b><a href="/u/$m.nick$">$m.nick$</a>: </b>
-                <span class="content">$m.content$<span></div>
+                    <span class="content">$m.content$<span></div>
               }$
               <hr />
             </div>
             $if(user_nick)$
             <div id="msgInputDiv">
               <input id="msgInput" class="msgInput" type="input" />
-              <input id="msgSubmit" type="submit" value="Send Image URL" />
+              <input id="msgSubmit" type="submit" value="Send Image URL"
+                      />
             </div>
             $endif$
-	  </div>
-	</div>
+          </div>
+        </div>
+        
       </div>
     </div>
-    <div id="footerc">
-      $footer()$
     </div>
+
+      </div>
+   
+    </div>
+        <div id="footerc">
+       <p>
+       $footer()$</p>
+       <p>
+       </p>
+     </div>
   </body>
+
 </html>
diff --git a/template/profile.st b/template/profile.st
index 25ea88f..cd216e0 100755
--- a/template/profile.st
+++ b/template/profile.st
@@ -3,8 +3,8 @@
     <title>$nick$'s dump.fm</title>
     $head()$
     <link rel="stylesheet" type="text/css" href="/static/profile.css">
-    <script type="text/javascript" src="/static/background.js"></script>
-    <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script>  
+    <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script>
+
     <script>
       jQuery(document).ready(initProfile);
     </script>
@@ -16,16 +16,16 @@
 
       <div id="log">
 	<div id="loghead">
-	  $nick$'s log
+
 	</div>
         <br>
-        <div style="text-align: left;">
-          $if(prev)$
-          <a href="/u/$nick$/$prev$">PREV DUMPS</a>
-          $endif$
-          &nbsp;&nbsp;&nbsp;
+  <div id="pnav">
           $if(next)$
-          <a href="/u/$nick$/$next$">MORE DUMPS</a>
+          <a href="/u/$nick$/$next$"><- OLD DUMPS</a>
+          $endif$
+          &nbsp;&nbsp;
+          $if(prev)$
+         <a href="/u/$nick$/$prev$">NEW DUMPS -></a>
           $endif$
         </div>
 
@@ -34,27 +34,24 @@
 	  $if(dumps)$
             $dumps:{ d | $logged_dump(dump=d)$ }$
 	  $else$
+	  <h3>&nbsp;</h3>
+	  <h3>&nbsp;</h3>
+	  <h3>&nbsp;</h3>
 	  <h3>This is your user log, it's where all the images you post are saved. <br>
 	    To get started join <a href="/chat">Room A</a> and post a few pictures.</h3>
 	  $endif$
 	  <p>&nbsp;</p>
-	  
-
-          $if(prev)$
-          <a href="/u/$nick$/$prev$">PREV DUMPS</a>
-	  $endif$
-          &nbsp;&nbsp;&nbsp;
+	   <div id="pnav">
           $if(next)$
-          <a href="/u/$nick$/$next$">MORE DUMPS</a>
+          <a href="/u/$nick$/$next$"><- OLD DUMPS</a>
+          $endif$
+          &nbsp;&nbsp;
+          $if(prev)$
+         <a href="/u/$nick$/$prev$">NEW DUMPS -></a>
           $endif$
 
         <br><br>
-
-	  <p>&nbsp;</p>
-	  <p><img
-		src="broken.png"
-		onerror="this.style.display='none'"
-		/></p>
+</div>
 
           </div>
author	Scott Ostler <sostler@ubuntu.(none)>	2010-01-04 22:26:02 -0500
committer	Scott Ostler <sostler@ubuntu.(none)>	2010-01-04 22:26:02 -0500
commit	9653de82a4c5ffd3380659ee35f8558d739316c4 (patch)
tree	51e5677fa050f22dd2170119899c917cbe8319b6
parent	5c4d9aaf8c674183e38f5b7b499784714d025dc1 (diff)