diff options
Diffstat (limited to 'static')
| -rwxr-xr-x | static/css/dump.css | 53 | ||||
| -rw-r--r-- | static/img/thumbs/heartcolorshift.gif | bin | 0 -> 4088 bytes | |||
| -rw-r--r-- | static/index.html | 10 | ||||
| -rw-r--r-- | static/js/pichat.js | 4 |
4 files changed, 42 insertions, 25 deletions
diff --git a/static/css/dump.css b/static/css/dump.css index 1a8c526..93e1776 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -59,7 +59,18 @@ table { /*header stuff */ - +a.img_roll:link, .img_roll{ + width:130px; + height:46px; + display:block; + background-image:url(http://dump.fm/static/img/dumppixel.png); +} +a.img_roll:hover{ + width:130px; + height:46px; + display:block; + background-image:url(http://dump.fm/static/img/dumppixelhover.png); +} .white a:hover { text-decoration: none; color: #fff; @@ -583,7 +594,7 @@ width:100; .msg-hover.content img { cursor: pointer; background-position:center; - opacity:0.9; + opacity:0.8; z-index:2; display: inline-block; } @@ -593,7 +604,6 @@ width:100; background-image:url("/static/img/thumbs/stripes.gif"); opacity:1.0; color:#000; - background-color:#fff; background-position:bottom right; z-index:3; background-attachment:fixed; @@ -601,10 +611,9 @@ width:100; .msg-hover.content .img-wrapper { cursor: pointer; - background-image:url("/static/img/thumbs/stripes.gif"); + background-image:url("/static/img/thumbs/heartcolorshift.gif"); opacity:1.0; color:#000; - background-color:#fff; background-position:bottom right; background-attachment:fixed; display: inline-block; @@ -627,13 +636,23 @@ width:100; a.msg-image-zoom img.zoom-icon { height: 48px; width: 48px; - opacity: .5; - border: 2px gray dashed; + opacity: .8; + border: 1px solid black; + box-shadow: -1px 1px 0px #000; + -webkit-box-shadow:-1px 1px 0px #000; + -moz-box-shadow: -1px 1px 0px #000; } a.msg-image-zoom img.zoom-icon:hover { - opacity: 1; - border: 2px solid black; + opacity:1.0; + border-top: 1px solid black; + border-right: 1px solid black; + border-left: 2px solid black; + border-bottom: 2px solid black; + + box-shadow: -1px 1px 0px #000; + -webkit-box-shadow:-1px 1px 0px #000; + -moz-box-shadow: -1px 1px 0px #000; } .msgDiv.favorite{ @@ -641,6 +660,7 @@ a.msg-image-zoom img.zoom-icon:hover { background-position:top right; background-position:bottom right; background-attachment:fixed; + } div.content img:hover{background-color:white;} @@ -1213,8 +1233,8 @@ border-bottom:2px solid #c8cbce; /* opacity:0.75;*/ z-index:18; text-align: left; -background-color:white; +background-image:url(/static/img/bg.dither.gif); } #userList a:hover{color:#ffffff;} .username{height:30px; @@ -1963,7 +1983,7 @@ margin-left:100px; -moz-border-radius-bottomleft:5px; margin-right:50%; background-color:white; -width:800px; +min-width:800px; min-height:435px; position:absolute; } @@ -1982,8 +2002,8 @@ min-height:400px; } #dashuserlist img{ -height:50px; - +max-height:70px; +max-width:150px; } #dashuserlist h2{ @@ -2012,7 +2032,7 @@ margin-bottom:10px; font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; font-size:35px; letter-spacing:-2px; -line-height:20px; +line-height:28px; } #middash h2{ font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; @@ -2074,6 +2094,7 @@ border:1px solid black; -moz-border-radius:5px; } -#dashavatar img{ - +#dashavatarPic img{ +max-height:70px; +max-width:150px; }
\ No newline at end of file diff --git a/static/img/thumbs/heartcolorshift.gif b/static/img/thumbs/heartcolorshift.gif Binary files differnew file mode 100644 index 0000000..12cf83f --- /dev/null +++ b/static/img/thumbs/heartcolorshift.gif diff --git a/static/index.html b/static/index.html index 479355f..e1f6063 100644 --- a/static/index.html +++ b/static/index.html @@ -256,11 +256,10 @@ padding:5px; <div id="rapper"> <div id="toplogo"> <img src="/static/img/dumppixellarge.png"> -<a href="/static/slowthgoth.html"> + <div id="lilflag"> HOME OF THE SLOTHGOTH!!!!! </div> -</a> </div> <div id="bottomcontainer"> @@ -284,17 +283,14 @@ height="205"></div> <div style="position: absolute; left: 1076px; display: block;"><img src="/static/img/slide3.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 1614px; display: block;"><img -src="/static/img/slide4.png" alt="dump.fm" width="538px" -height="205"></div> + </div> </div> <ul class="pagination"> <li class=" "><a rel="1" href="#">1</a></li> <li class=" "><a rel="2" href="#">2</a></li> - <li class=" "><a rel="3" href="#">3</a></li> - <li class=" active"><a rel="4" href="#">4</a></li> + <li class=" active "><a rel="3" href="#">3</a></li> </ul> </div> <script type="text/javascript" charset="utf-8"> diff --git a/static/js/pichat.js b/static/js/pichat.js index 5a7f956..a3873a3 100644 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -719,7 +719,7 @@ function setupUploadAvatar(elementId) { + maxSize + "KB or less please."); return; } - var s = '<img id="dashavatarPic" src="' + r + '" width="150" />'; + var s = '<img id="dashavatarPic" src="' + r + ' />'; $('#dashavatarPic').replaceWith(s).show(); }; new AjaxUpload(elementId, { @@ -1038,7 +1038,7 @@ $(function() { OrigTitle = $('title').text(); }); -var imgZoomThreshhold = [200, 200]; +var imgZoomThreshhold = [125, 125]; function initChatMsgs() { $('.msgDiv .content').live('mouseenter', function(e) { |
