diff options
| -rwxr-xr-x | static/header.css | 297 | ||||
| -rwxr-xr-x | static/pichat.css | 2 | ||||
| -rwxr-xr-x | template/banner.st | 16 | ||||
| -rwxr-xr-x | template/profile.st | 26 |
4 files changed, 49 insertions, 292 deletions
diff --git a/static/header.css b/static/header.css index a128095..9c6b57c 100755 --- a/static/header.css +++ b/static/header.css @@ -1,30 +1,22 @@ .white a:link { text-decoration: none; - font-size:16px; + font-size:14px; color: #fff; } .white a:visited { text-decoration: none; - font-size:16px; + font-size:14px; color: #fff; } #strapline{position:absolute; -top:6; -right:20%; +top:2; +left:428; +opacity:0.9; } .white a:hover { text-decoration: none; - text-shadow: -1px 1px 1px #; - background-color:#036aca; -background-color: cornflowerblue; - - - - box-shadow: 3px 2px 2px #036aca; --webkit-box-shadow: 3px 2px 2px #036aca; --moz-box-shadow: 3px 2px 2px #036aca; -filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY=4, positive=true); + text-shadow: 2px 2px 1px #ccc; color: #fff; @@ -46,15 +38,22 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY } #bar7{ - top:25px; + top:19px; position:absolute; font-family: Arial, Helvetica, sans-serif; - + background-image:url(/static/20bar3.png); font-size: 16px; - left: 170px; - margin-left: 1%; +height:30; + +width:265; +color:#ccc; +text-indent:28; +line-height:1.8; + text-shadow: -1px 1px 0px #; + left: 150px; + margin-left: 2%; margin-right: 8%; - letter-spacing: -1px; + letter-spacing:.2px; z-index: 999; } #logout7{ @@ -80,6 +79,10 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY float:left; margin-top: 4px; } +#vip{right:30px; +font-size:20px; +top:20; +} #rapper7{ top: 0px; left:0px; @@ -115,261 +118,5 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY *background-position:0 3px!important; } -a.signin { - position:relative; - margin-left:3px; -} -a.signin span { - background-image:url("images/toggle_down_light.png"); - background-repeat:no-repeat; - background-position:100% 50%; - padding:4px 16px 6px 0; -} -#topnav a.menu-open { - background:#ddeef6!important; - color:#666!important; - outline:none; -} -#small_signup { - display:inline; - float:none; - line-height:23px; - margin:25px 0 0; - width:170px; -} -a.signin.menu-open span { - background-image:url("images/toggle_up_dark.png"); - color:#789; -} - -#signin_menu { - -moz-border-radius-topleft:5px; - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; - -webkit-border-top-left-radius:5px; - -webkit-border-bottom-left-radius:5px; - -webkit-border-bottom-right-radius:5px; - display:none; - background-color:#ddeef6; - position:absolute; - width:210px; - z-index:100; - border:1px transparent; - text-align:left; - padding:12px; - top: 24.5px; - right: 0px; - margin-top:5px; - margin-right: 0px; - *margin-right: -1px; - color:#789; - font-size:11px; -} - -#signin_menu input[type=text], #signin_menu input[type=password] { - display:block; - -moz-border-radius:4px; - -webkit-border-radius:4px; - border:1px solid #ACE; - font-size:13px; - margin:0 0 5px; - padding:5px; - width:203px; -} -#signin_menu p { - margin:0; -} -#signin_menu a { - color:#6AC; -} -#signin_menu label { - font-weight:normal; -} -#signin_menu p.remember { - padding:10px 0; -} -#signin_menu p.forgot, #signin_menu p.complete { - clear:both; - margin:5px 0; -} -#signin_menu p a { - color:#27B!important; -} -#signin_submit { - -moz-border-radius:4px; - -webkit-border-radius:4px; - background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0; - border:1px solid #39D; - color:#fff; - text-shadow:0 -1px 0 #39d; - padding:4px 10px 5px; - font-size:11px; - margin:0 5px 0 0; - font-weight:bold; -} -#signin_submit::-moz-focus-inner { -padding:0; -border:0; -} -#signin_submit:hover, #signin_submit:focus { - background-position:0 -5px; - cursor:pointer; -} - -.tipsy-inner { - padding:10px 15px; - line-height:1.5em; - font-weight:bold; -} -.tipsy { - opacity:.8; - filter:alpha(opacity=80); - background-repeat:no-repeat; - padding:5px; -} -.tipsy-inner { - padding:8px 8px; - max-width:200px; - font:11px 'Lucida Grande', sans-serif; - font-weight:bold; - -moz-border-radius:4px; - -khtml-border-radius:4px; - -webkit-border-radius:4px; - border-radius:4px; - background-color:#000; - color:white; - text-align:left; -} -.tipsy-north { - background-image:url(images/tipsy-north.gif); - background-position:top center; -} -.tipsy-south { - background-image:url(images/tipsy-south.gif); - background-position:bottom center; -} -.tipsy-east { - background-image:url(images/tipsy-east.gif); - background-position:right center; -} -.tipsy-west { - background-image:url(images/tipsy-west.gif); - background-position:left center; -} - -.btnav { border: 0px #000000 solid;} -body { - - - - z-index:0; - -} - -/* CSS Document */ -#menuh-container - { - position: absolute; -top:-0; -left:10; -width:auto; - } - -#menuh - { -width:auto; - } - -#menuh a - { - text-align: center; - - - - margin:0; - - } - -#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */ - { - color: white; - - text-decoration:none; - } - -#menuh a:hover /* menu on mouse-over */ - { - color: white; - background-color: cornflowerblue; - text-decoration:none; - } - -#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */ - { - - background-position: right center; -width:;0; - background-repeat: no-repeat; - } - -#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */ - { - background-image: url(/static/nav_white.gif); - background-position: right center; - background-repeat: no-repeat; - } - -#menuh ul - { - - - width:9em; /* width of all menu boxes */ - /* NOTE: For adjustable menu boxes you can comment out the above width rule. - However, you will have to add padding in the "#menh a" rule so that the menu boxes - will have space on either side of the text -- try it */ - } - -#menuh li - { - position:relative; - /* Sophie Dennis contribution for IE7 */ - vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ - - } - -#menuh ul ul - { - - - top:auto; - display:none; - padding: 1em; - margin:-15 -3 -3em; - - } - -#menuh ul ul ul - { - top:0; - left:100%; - } - -div#menuh li:hover - { - cursor:pointer; - z-index:100; - } - -div#menuh li:hover ul ul, -div#menuh li li:hover ul ul, -div#menuh li li li:hover ul ul, -div#menuh li li li li:hover ul ul -{display:none;} - -div#menuh li:hover ul, -div#menuh li li:hover ul, -div#menuh li li li:hover ul, -div#menuh li li li li:hover ul -{display:block;} /* End CSS Drop Down Menu */ diff --git a/static/pichat.css b/static/pichat.css index 0e5fb5f..6d7f750 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -165,7 +165,7 @@ top:15px; position: absolute; padding: 5px; top:85px; - min-width: 160px; + min-width: 175px; width:11%; float:right; right: 6%; diff --git a/template/banner.st b/template/banner.st index 9e92d8c..935ac78 100755 --- a/template/banner.st +++ b/template/banner.st @@ -10,15 +10,17 @@ <div id="bar7"> <div style="float: left;"> <div align="center">$if(user_nick)$ - <a href="/u/$user_nick$"> Profile </a> <img src="/static/jewelblu.gif"> - $else$ <a href="/register">Register </a><img src="/static/jewelblu.gif"> + <a href="/log"> Log </a> ★ + <a href="/u/$user_nick$"> Profile </a> ★ <a href="/browser"> Browser Tool </a> + $else$ ★<a href="/register">Register </a>★ $endif$ - <a href="/chat">Room A </a><img src="/static/jewelblu.gif"> - <a href="/log">Log </a> - <img src="/static/jewelblu.gif"><a href="/browser">Browser Tool </a> + + + $if(isadmin)$ - <img src="/static/jewelblu.gif"><a href="/VIP/chat"> ★ VIP ★ </a> - $endif$ + <div id="vip"> + <a href="/VIP/chat"> ★ VIP ★ </a> + </div>$endif$ </div> </div> </div> diff --git a/template/profile.st b/template/profile.st index 6204e27..b4b303c 100755 --- a/template/profile.st +++ b/template/profile.st @@ -5,11 +5,18 @@ <link rel="stylesheet" type="text/css" media="screen" href="/static/profile.css"> <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> + <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> + <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script> <script> - jQuery(document).ready(initProfile); - + jQuery(document).ready(initProfile); + </script> + <script> + jQuery(document).ready(function(){ + jQuery("#datepicker").datepicker(); + }); </script> @@ -37,8 +44,8 @@ <h3> </h3> <h3> </h3> <h3> </h3> <h3> </h3><div id="newuser"> - <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> + <h3>Welcome to dump.fm! This is your user log, it's where all the images you post are saved. <br> + To get started join <a href="/chat">come on in</a> and post a few pictures.</h3> <h3> </h3></div> <h3> </h3> <h3> </h3> <h3> </h3> @@ -49,13 +56,13 @@ <div id="pnav"> <div id="pnavo"> $if(next)$ - <a href="/u/$nick$/$next$"><- OLD DUMPS</a> + <a href="/u/$nick$/$next$">☜ OLD DUMPS</a> $endif$ </div> <div id="pnavn"> - + $if(prev)$ - <a href="/u/$nick$/$prev$">NEW DUMPS -></a> + <a href="/u/$nick$/$prev$">NEW DUMPS ☞</a> $endif$ <br><br> @@ -83,8 +90,9 @@ <h3>personal info</h3> <div id="bio" $if(is_home)$class="editable"$endif$>$bio$</div> - <br><br><br> - +<br> + <div id="date"> +<div type="text" id="datepicker"></div></div> </div> <div id="footer"> |