diff options
Diffstat (limited to 'static/css')
| -rwxr-xr-x | static/css/dump.css | 3553 |
1 files changed, 1847 insertions, 1706 deletions
diff --git a/static/css/dump.css b/static/css/dump.css index 20bbc40..5018081 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -1,8 +1,8 @@ /* reset.css - From http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */ +From http://meyerweb.com/eric/tools/css/reset/ +v1.0 | 20080212 */ + - html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, @@ -24,11 +24,11 @@ table, caption, tbody, tfoot, thead, tr, th, td { } body { line-height: 1; - background-color:#fff; + background-color: #fff; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; - font-size: 13px; line-height: 1.5em; - margin:0; - + font-size: 13px; + line-height: 1.5em; + margin: 0; } ol, ul { list-style: none; @@ -64,290 +64,324 @@ 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: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); +a.img_roll:hover { + width: 130px; + height: 46px; + display: block; + background-image: url(http://dump.fm/static/img/dumppixelhover.png); } -a.img_rolldis:link, .img_rolldis{ - width:130px; - height:46px; - display:inline-block; - background-image:url(http://dump.fm/static/img/dumppixel.png); +a.img_rolldis:link, .img_rolldis { + width: 130px; + height: 46px; + display: inline-block; + background-image: url(http://dump.fm/static/img/dumppixel.png); } -a.img_rolldis:hover{ - width:130px; - height:46px; - display:inline-block; - background-image:url(http://dump.fm/static/img/dumppixelhover.png); +a.img_rolldis:hover { + width: 130px; + height: 46px; + display: inline-block; + background-image: url(http://dump.fm/static/img/dumppixelhover.png); } -#userlist a{ -color:000; - -} -#toptools{ -display:inline-block; -float:left; -margin-top:6px; +#toptools { + display: inline-block; + float: left; + margin-top: 6px; } -.toolsmenu{ -width:80px;margin-left:4px; -color:#000;font-family:verdana;background-color:#ffffff; font-family: Monaco, "Courier New", Courier, monospace; +.toolsmenu { + width: 80px; + margin-left: 4px; + color: #000; + font-family: verdana; + background-color: #ffffff; + font-family: Monaco, "Courier New", Courier, monospace; } -#dumplist{ -top:0px:padding:0px; -font-size:88%;text-transform:uppercase;text-decoration: none;margin-right:4%; -text-align:left;position:fixed;top:41px;left:18px;line-height:.7;overflow:hidden;height:10px; -/*margin-left:40%; - border-bottom-left-radius:5px; - -webkit-border-bottom-left-radius:5px; - -moz-border-radius-bottomleft:5px;text-decoration: none; -border-left:1px solid #999;*/ +#dumplist { + top: 0px:padding:0px; + font-size: 88%; + text-transform: uppercase; + text-decoration: none; + margin-right: 4%; + text-align: left; + position: fixed; + top: 41px; + left: 18px; + line-height: .7; + overflow: hidden; + height: 10px; + /*margin-left:40%; + border-bottom-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; + text-decoration: none; + border-left: 1px solid #999;*/ +} +.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; } .thumb { - cursor:pointer; + cursor: pointer; } - .thumb{ -display:inline-block; - +.thumb { + display: inline-block; } img.chat-thumb { - cursor:pointer; - position: absolute; - /*margin-top: -10px;*/ - width: 16px; - height: 16px; - bottom: 4px; - right: 4px; - /*left: 4px;*/ - display: block; - margin: 0; - padding: 0; + cursor: pointer; + position: absolute; + /*margin-top: -10px;*/ + width: 16px; + height: 16px; + bottom: 4px; + right: 4px; + /*left: 4px;*/ + display: block; + margin: 0; + padding: 0; } .dump .nick { - position: relative; - padding-right: 15px; + position: relative; + padding-right: 15px; } .logged-dump { - position: relative; + position: relative; } /* sharing */ -.buttons{ - cursor:pointer; - position: relative; - -display:inline-block; +.buttons { + cursor: pointer; + position: relative; + display: inline-block; } .buttons .share { - opacity: 0.8; + opacity: 0.8; } .buttons .share:hover { - opacity: 1; + opacity: 1; } .buttons .other-sites { - /*padding-left: 20px;*/ +/*padding-left: 20px;*/ } img.thumb { -bottom:3px; -image-rendering: -moz-crisp-edges; - -position:absolute; - left:94px; - display: inline-block; + bottom: 3px; + image-rendering: -moz-crisp-edges; + position: absolute; + left: 94px; + display: inline-block; } .thumb.favorite { - position: absolute; - margin-left: 0px; - margin-top: 0px; - height: 27px; - width: 27px; - display: block; + position: absolute; + margin-left: 0px; + margin-top: 0px; + height: 27px; + width: 27px; + display: block; } a.youtube { - position: relative; + position: relative; } .youtube .youtube-thumb { - width: 130px; - height: 97px; - padding-bottom: 22px; - margin: 0; + width: 130px; + height: 97px; + padding-bottom: 22px; + margin: 0; } .youtube .youtube-controls { - position: absolute; - left: 0; - bottom: 0; - margin: 0; + position: absolute; + left: 0; + bottom: 0; + margin: 0; } -.share-buttons{ -cursor:pointer; -width:100; +.share-buttons { + cursor: pointer; + width: 100; } .msvDiv { - cursor: pointer; - display:inline-block;background-color:#fff; + cursor: pointer; + display: inline-block; + background-color: #fff; } .msg-hover.content img { - cursor: pointer; - background-position:center; - opacity:0.5; -background-color:#fff; - display: inline-block; + cursor: pointer; + background-position: center; + opacity: 0.5; + background-color: #fff; + display: inline-block; } .msg-hover.content { - cursor: pointer; - background-image:url("/static/img/thumbs/stripes.png"); - opacity:1.0; - color:#000; - background-position:bottom right; - background-attachment:fixed; + cursor: pointer; + background-image: url("/static/img/thumbs/stripes.png"); + opacity: 1.0; + color: #000; + background-position: bottom right; + background-attachment: fixed; } .msg-hover.content .img-wrapper { - cursor: pointer; - background-image:url("/static/img/thumbs/heartcolorshift.gif"); -background-color:white; - opacity:0.9; - color:#000; - background-position:bottom right; - background-attachment:relative; - display: inline-block; - position: relative; + cursor: pointer; + background-image: url("/static/img/thumbs/heartcolorshift.gif"); + background-color: white; + opacity: 0.9; + color: #000; + background-position: bottom right; + background-attachment: relative; + display: inline-block; + position: relative; } -.msg-hover{ - background-color:#fff; +.msg-hover { + background-color: #fff; } .msg-image-zoom { - position: absolute; - bottom: 5px; - right: 5px; - background-color: white; - opacity: 1; + position: absolute; + bottom: 5px; + right: 5px; + background-color: white; + opacity: 1; } a.msg-image-zoom img.zoom-icon { - height: 48px; - width: 48px; -display:inline-block; - opacity:0.9; - border: 1px solid black; - box-shadow: -1px 1px 0px #000; - -webkit-box-shadow:-1px 1px 0px #000; - -moz-box-shadow: -1px 1px 0px #000; + height: 48px; + width: 48px; + display: inline-block; + opacity: 0.9; + 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-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; + opacity: 1; + 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{ - background-image:url("/static/img/thumbs/stripes.png"); - background-position:top right; - background-position:bottom right; - background-attachment:fixed; - +.msgDiv.favorite { + background-image: url("/static/img/thumbs/stripes.png"); + background-position: top right; + background-position: bottom right; + background-attachment: fixed; } -/*div.content img:hover{background-color:white;}*/ -.nick{background-color:white;margin-right:3px;} -.msgDiv dump{background-color:white;} -.nick a:link{color:#000;margin-right:3px;} -.msgDiv dump a:link{background-color:white;color:#000;} +/*div.content img:hover { +background-color: white; +} +*/ +.nick { + background-color: white; + margin-right: 3px; +} +.msgDiv dump { + background-color: white; +} +.nick a:link { + color: #000; + margin-right: 3px; +} +.msgDiv dump a:link { + background-color: white; + color: #000; +} /*searchstuff*/ -.search_icon { - background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent; - bottom:3px; - cursor:pointer; - left:6px; - opacity:0.8; - border-right:1px solid #C0C8D3; - position:absolute; - top:3px; - width:32px; +.search_icon { + background: url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent; + bottom: 3px; + cursor: pointer; + left: 6px; + opacity: 0.8; + border-right: 1px solid #C0C8D3; + position: absolute; + top: 3px; + width: 32px; } -#inpage-search-results{ - position: absolute; - top:47px; - width:99%;padding:5x;margin:5px; - text-align: center; - left: 0; - z-index: 1000; +#inpage-search-results { + position: absolute; + top: 47px; + width: 99%; + padding: 5x; + margin: 5px; + text-align: center; + left: 0; + z-index: 1000; } -#inpage-search-results #search-results-images{ - display: none; - position:relative; - overflow:auto; - background-image:url(/static/img/bg.dither.gif); - background-color:lightyellow; - min-height: 600px; -margin:7px; - border:1px inset #333; - padding-top: 30px; +#inpage-search-results #search-results-images { + display: none; + position: relative; + overflow: auto; + background-image: url(/static/img/bg.dither.gif); + background-color: lightyellow; + min-height: 600px; + margin: 7px; + border: 1px inset #333; + padding-top: 30px; +} +#fullpage-search-results #search-results-images { + position: relative; + width: 100%; + overflow: visible; } -#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; } -#search-results-images a.animating canvas { display: none } +#search-results-images a.animating canvas { + display: none +} #search-controls { - width: 95%; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1005; - text-align: right; - display: none; - top: 0; - padding-right: 8px; + width: 95%; + margin-left: auto; + margin-right: auto; + position: relative; + z-index: 1005; + text-align: right; + display: none; + top: 0; + padding-right: 8px; } #search-message { - font-size: medium; - padding: 4px; - + font-size: medium; + padding: 4px; } #search-controls a { - - padding: 4px; + padding: 4px; } @@ -355,898 +389,887 @@ margin:7px; /* pichat.css */ a { - font-size: 12px; - color: #000; + font-size: 12px; + color: #000; } a:link { - text-decoration: none; + text-decoration: none; } a:visited { - text-decoration: none; - color: #000; + text-decoration: none; + color: #000; } a:hover { - text-decoration: none; - color: #00F; + text-decoration: none; + color: #00F; } a:active { - text-decoration: none; - color: #000; + text-decoration: none; + color: #000; } .white a:link { - text-decoration: none; - font-size:14px; - - color: #fff; + text-decoration: none; + font-size: 14px; + color: #fff; } .white a:visited { - text-decoration: none; - font-size:14px; - color: #fff; + text-decoration: none; + font-size: 14px; + color: #fff; } -#dcontent{ - - overflow: auto; - min-width:600px; +#dcontent { + overflow: auto; + min-width: 600px; } -#content{ - - overflow: auto; - +#content { + overflow: auto; } #chatboxx { - position: fixed; - top:80px; + position: fixed; + top: 80px; } #rapper { - top: 0px; + top: 0px; } -#effects-msg{ -position:fixed; -bottom:65; -z-index:1111; -right:35; -font-size:15; -color:#000; - +#effects-msg { + position: fixed; + bottom: 65; + z-index: 1111; + right: 35; + font-size: 15; + color: #000; } -#footerc -{ - text-align:center; - position:fixed; font-family: Monaco, "Courier New", Courier, monospace; - width:100%; - bottom:-8px; -line-height:1.6; - font-size:11px; -word-spacing:15px; -z-index:6; -height:28px; +#footerc { + text-align: center; + position: fixed; + font-family: Monaco, "Courier New", Courier, monospace; + width: 100%; + bottom: -8px; + line-height: 1.6; + font-size: 11px; + word-spacing: 15px; + z-index: 6; + height: 28px; color: #000; - } #footerc a { font-size: 11px; - color: #000;font-family: Monaco, "Courier New", Courier, monospace; + color: #000; + font-family: Monaco, "Courier New", Courier, monospace; } #footerc a:link { text-decoration: none; font-size: 11px; -color:000; + color: 000; } #footerc a:hover { - text-decoration:none; + text-decoration: none; font-size: 11px; color: #f0e; } -#footerp -{ - text-align:center; - position:fixed; font-family: Monaco, "Courier New", Courier, monospace; - width:100%; - bottom:0px; - -line-height:3.1; - font-size:11px; -word-spacing:15px; -height:28px; +#footerp { + text-align: center; + position: fixed; + font-family: Monaco, "Courier New", Courier, monospace; + width: 100%; + bottom: 0px; + line-height: 3.1; + font-size: 11px; + word-spacing: 15px; + height: 28px; color: #000; - } #footerp a { - font-size: 11px; text-decoration: none; - color: #000; font-family: Monaco, "Courier New", Courier, monospace; + font-size: 11px; + text-decoration: none; + color: #000; + font-family: Monaco, "Courier New", Courier, monospace; } #footerp a:link { text-decoration: none; font-size: 11px; -color:000; + color: 000; } #footerp a:hover { - text-decoration:none; + text-decoration: none; font-size: 11px; color: #f0e; } #messagePane { -top:0px; -bottom:65px; - position:fixed; + top: 0px; + bottom: 65px; + position: fixed; width: 99.6%; - font-size:110%; - background-color:#fff; -left:0.2%; - + font-size: 110%; + background-color: #fff; + left: 0.2%; } #messagePane a:hover { - text-decoration: none; - color: #00F; + text-decoration: none; + color: #00F; } #messageList { - height: 100%; - width: 100%; - overflow-y: auto; - overflow-x: hidden; + height: 100%; + width: 100%; + overflow-y: auto; + overflow-x: hidden; } #messagetabs { - height: 40px; - padding: 5px; - position: fixed; - width: 80%; - max-width:1500px; - overflow-y: hidden; - overflow-x: hidden; - top:48px; - left:0px; + height: 40px; + padding: 5px; + position: fixed; + width: 80%; + max-width: 1500px; + overflow-y: hidden; + overflow-x: hidden; + top: 48px; + left: 0px; } #msgInputDiv { - position:relative; - min-width:500px; -left:3px; -bottom: -5px; + position: relative; + min-width: 500px; + left: 3px; + bottom: -5px; width: 100%; } #msgInput { - left:-3px;border:1px solid #000; - position:relative;border-right:0px; -height:35px; -font-size:20px; - min-width:500px;padding-right:38px;padding-left:1px; - box-shadow: 2px 3px 4px #eee; + left: -3px; + border: 1px solid #000; + position: relative; + border-right: 0px; + height: 35px; + font-size: 20px; + min-width: 500px; + padding-right: 38px; + padding-left: 1px; + box-shadow: 2px 3px 4px #eee; } #msgInput.over { background: #cef; } .msgInput { - min-width:500px;width:100%; - background-color:#eff5fb; + min-width: 500px; + width: 100%; + background-color: #eff5fb; } -#msginputrapper{ -margin-right:374; -height:0px; - +#msginputrapper { + margin-right: 374; + height: 0px; } -#msgSubmit { - position:absolute; - display:inline-block; - width:120px; -height:35px; -right:285px; -font-size:20px;background-color:#eff5fb; -top:0; - text-align:center; -border:1px solid #000; -border-right:0px; - cursor:pointer; - font-size:12px; - color:#000; +#msgSubmit { + position: absolute; + display: inline-block; + width: 120px; + height: 35px; + right: 285px; + font-size: 20px; + background-color: #eff5fb; + top: 0; + text-align: center; + border: 1px solid #000; + border-right: 0px; + cursor: pointer; + font-size: 12px; + color: #000; } -#prevbutton { -border:1px solid #000; - position:absolute; - display:inline-block; - width:50%; -height:35px; -background-position:center; -left:0px; -top:0; -font-weight:bold; -background-color:#eff5fb; - border-top-left-radius:10px; - -webkit-border-top-left-radius:5px; - -moz-border-radius-topleft:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-left-radius:5px; - -moz-border-radius-bottomleft:5px; -padding-bottom:1; - text-align:center; - cursor:pointer; - font-size:12px; - color:#000; -border-right:0px; +#prevbutton { + border: 1px solid #000; + position: absolute; + display: inline-block; + width: 50%; + height: 35px; + background-position: center; + left: 0px; + top: 0; + font-weight: bold; + background-color: #eff5fb; + border-top-left-radius: 10px; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topleft: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; + padding-bottom: 1; + text-align: center; + cursor: pointer; + font-size: 12px; + color: #000; + border-right: 0px; } -#webcam-button-upload{ - border-top-right-radius:10px; - -webkit-border-top-right-radius:5px;background-color:#eff5fb; - -moz-border-radius-topright:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; - position:absolute; - display:inline-block; - width:120px; -height:35px; -background-position:center; -right:5px; -border:1px solid #000; -top:0; -padding-bottom:1; - text-align:center; - cursor:pointer; - font-size:12px; - color:#000; +#webcam-button-upload { + border-top-right-radius: 10px; + -webkit-border-top-right-radius: 5px; + background-color: #eff5fb; + -moz-border-radius-topright: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + position: absolute; + display: inline-block; + width: 120px; + height: 35px; + background-position: center; + right: 5px; + border: 1px solid #000; + top: 0; + padding-bottom: 1; + text-align: center; + cursor: pointer; + font-size: 12px; + color: #000; } -#nextbutton{ -border:1px solid #000; - border-top-right-radius:10px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; - position:absolute; - display:inline-block; - width:50%; -height:35px; -font-weight:bold; -background-position:center; -right:5px;background-color:#eff5fb; -top:0; -padding-bottom:1; - text-align:center; - z-index:100; - cursor:pointer; - font-size:12px; - color:#000; +#nextbutton { + border: 1px solid #000; + border-top-right-radius: 10px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + position: absolute; + display: inline-block; + width: 50%; + height: 35px; + font-weight: bold; + background-position: center; + right: 5px; + background-color: #eff5fb; + top: 0; + padding-bottom: 1; + text-align: center; + z-index: 100; + cursor: pointer; + font-size: 12px; + color: #000; } -#webcam-button-snap{ - border-top-right-radius:10px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; - position:absolute; - display:inline-block; - width:120px; -height:35px; -background-position:center; -right:5px; -top:0; -padding-bottom:4; - text-align:center; - cursor:pointer; -background-color:#ccc; - font-size:17px; - color:#fff; -border:1px solid #000; +#webcam-button-snap { + border-top-right-radius: 10px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + position: absolute; + display: inline-block; + width: 120px; + height: 35px; + background-position: center; + right: 5px; + top: 0; + padding-bottom: 4; + text-align: center; + cursor: pointer; + background-color: #ccc; + font-size: 17px; + color: #fff; + border: 1px solid #000; } -#webcam-button-snap.blink{ - color:#4f4; +#webcam-button-snap.blink { + color: #4f4; } -#webcam-button-close { /* 16 x 14 */ - position: fixed; - bottom: 450px; /* 240 + 68 - (16 / 2) */ - right: 490px; /* 320 - (14 / 2) */ - z-index: 5001; -border:2px outset #000; -background:#ccc; - cursor: pointer; - font-size:18px;font-family: Comic Sans MS, cursive;font-weight:100;text-shadow:1px 1px #ddd;color:#333;text-align:center; cursor:pointer;width:18px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none; +#webcam-button-close {/* 16 x 14 */ + position: fixed; + bottom: 450px; /* 240 + 68 - (16 / 2) */ + right: 490px; /* 320 - (14 / 2) */ + z-index: 5001; + border: 2px outset #000; + background: #ccc; + cursor: pointer; + font-size: 18px; + font-family: Comic Sans MS, cursive; + font-weight: 100; + text-shadow: 1px 1px #ddd; + color: #333; + text-align: center; + cursor: pointer; + width: 18px; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none; } #webcam-preview { - position:fixed; - bottom: 82; -opacity:0.9; - right:30; - - border-top-right-radius:5px; - background-color:#FFF; - -border:1px solid #000; - z-index:5000; + position: fixed; + bottom: 82; + opacity: 0.9; + right: 30; + border-top-right-radius: 5px; + background-color: #FFF; + border: 1px solid #000; + z-index: 5000; } #upload { - - position:absolute; - display:inline-block; - width:120px; -height:35px; -background-position:center; -right:125px; -top:0; -background-color:#eff5fb; -padding-bottom:1; - text-align:center; - - cursor:pointer; - font-size:12px; - color:#000; -border:1px solid #000;border-right:0px; + position: absolute; + display: inline-block; + width: 120px; + height: 35px; + background-position: center; + right: 125px; + top: 0; + background-color: #eff5fb; + padding-bottom: 1; + text-align: center; + cursor: pointer; + font-size: 12px; + color: #000; + border: 1px solid #000; + border-right: 0px; } .msgDiv img { - max-width:650px; - width: expression(this.width > 650 ? 650: true); - max-height:400px; - height: expression(this.width > 400 ? 400: true); - max-width:400px; - opacity:1; + max-width: 650px; + width: expression(this.width > 650 ? 650: true); + max-height: 400px; + height: expression(this.width > 400 ? 400: true); + max-width: 400px; + opacity: 1; } .msgDiv { - padding:2px; + padding: 2px; } .oldmsg { - color: #666; + color: #666; } #palette-button { -border:1px solid #000;background-color:#eff5fb; -background-position:4 2; - position:absolute; -background-image:url('/static/img/palette.gif'); - - display:inline-block; - width:40px; - height:35px; - right:245px; - top:0; - padding-bottom:1; - text-align:center; - cursor:pointer; - font-size:12px; - color:#fff; -border-right:0px; + border: 1px solid #000; + background-color: #eff5fb; + background-position: 4 2; + position: absolute; + background-image: url('/static/img/palette.gif'); + display: inline-block; + width: 40px; + height: 35px; + right: 245px; + top: 0; + padding-bottom: 1; + text-align: center; + cursor: pointer; + font-size: 12px; + color: #fff; + border-right: 0px; } #palette { - position: absolute; - right: 30px; - bottom: 76px; - width: auto; -max-width:350; -min-width:150; - height: auto; -max-height:400px; -min-height:150; -padding:20; - background-color: white; - z-index: 1000000000; - display: none; - overflow-y: auto; - box-shadow: 3px 4px 4px #c8cbce; -border:1px solid #000; + position: absolute; + right: 30px; + bottom: 76px; + width: auto; + max-width: 350; + min-width: 150; + height: auto; + max-height: 400px; + min-height: 150; + padding: 20; + background-color: white; + z-index: 1000000000; + display: none; + overflow-y: auto; + box-shadow: 3px 4px 4px #c8cbce; + border: 1px solid #000; } #palette-thumbs { } #palette-thumbs img { - max-width: 100px; -cursor:pointer; -opacity:.9; -padding:1; - max-height: 100px; + max-width: 100px; + cursor: pointer; + opacity: .9; + padding: 1; + max-height: 100px; } #palette-thumbs img:hover { - max-width: 100px; -cursor:pointer; -opacity:1; -padding:0; -border:1px solid blue; - max-height: 100px; + max-width: 100px; + cursor: pointer; + opacity: 1; + padding: 0; + border: 1px solid blue; + max-height: 100px; } #favbox { - display: none; - overflow-x: hidden; - overflow-y:auto; - max-height: 300px; - margin: 0px; - position: absolute; - padding: 5px; - bottom:25px; - min-width: 210px; - width:11%; - float:right; - right: 4.5%; - font-family: Arial, Helvetica, sans-serif; - font-size: 14px; - font-weight:420; - border-top-left-radius:5px; - border-top-right-radius:5px; - -webkit-border-top-left-radius:5px; - background-color:#FFF; - -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-right:2px solid #c8cbce; - border-bottom:2px solid #c8cbce; - box-shadow: 3px 4px 2px #c8cbce; - -webkit-box-shadow: 3px 4px 2px #c8cbce; - -moz-box-shadow: 3px 3px 2px #c8cbce; - text-overflow:ellipsis; - /* opacity:0.87; */ - z-index:18; - text-align: left; + display: none; + overflow-x: hidden; + overflow-y: auto; + max-height: 300px; + margin: 0px; + position: absolute; + padding: 5px; + bottom: 25px; + min-width: 210px; + width: 11%; + float: right; + right: 4.5%; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + font-weight: 420; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + -webkit-border-top-left-radius: 5px; + background-color: #FFF; + -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-right: 2px solid #c8cbce; + border-bottom: 2px solid #c8cbce; + box-shadow: 3px 4px 2px #c8cbce; + -webkit-box-shadow: 3px 4px 2px #c8cbce; + -moz-box-shadow: 3px 3px 2px #c8cbce; + text-overflow: ellipsis; + /* opacity:0.87; */ + z-index:18; + text-align: left; } #userList { overflow-x: hidden; - overflow-y:auto; + overflow-y: auto; max-height: 76%; margin: 0px; position: absolute; padding: 5px; - top:39px; + top: 39px; min-width: 210px; - width:11%; - float:right; + width: 11%; + float: right; right: 4.5%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; - font-weight:420; - background-color:#transparent; - border-radius:5px; - - -webkit-border-radius:5px; - - -moz-border-radius:5px; -border-right:2px solid #c8cbce; -border-bottom:2px solid #c8cbce; - - box-shadow: 3px 4px 3px #c8cbce; --webkit-box-shadow: 3px 4px 3px #c8cbce; --moz-box-shadow: 3px 3px 3px #c8cbce; - text-overflow:ellipsis; -/* opacity:0.75;*/ + font-weight: 420; + background-color: #transparent; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-right: 2px solid #c8cbce; + border-bottom: 2px solid #c8cbce; + box-shadow: 3px 4px 3px #c8cbce; + -webkit-box-shadow: 3px 4px 3px #c8cbce; + -moz-box-shadow: 3px 3px 3px #c8cbce; + text-overflow: ellipsis; + /* opacity:0.75;*/ text-align: left; - -background-image:url(/static/img/bg.dither.gif); - + background-image: url(/static/img/bg.dither.gif); } -#userList a:hover{color:#ffffff;} -.username{height:30px; -margin-top:6px; -line-height:20px; -text-indent:6px; -min-width:90px; -overflow:hidden; +#userList::-webkit-scrollbar { + width: 4px; } -.username a { -display:block; -width:100%; -height:100%; color:#000; -text-decoration:none; -} -.username a:hover { -text-shadow: none; -display:block; -width:100%; -height:100%; -background-image:url(/static/img/moverc.png); -background-repeat:repeat-x; -color:#fff; -text-decoration:none; -background-color:#f3f3f3; - border-top-right-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; -} -#userlist a:hover { -display:block; -width:100%; -height:100%; -background-image:url(/static/img/moverc.png); -background-repeat:repeat-x; -color:#fff; -text-decoration:none; -background-color:#f3f3f3; - border-top-right-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; -} -#userList img{ +#userList::-webkit-scrollbar-track { + background: transparent; +} - max-width:30px; - width: expression(this.width > 30 ? 30: true); - max-height:30px; - height: expression(this.width > 30 ? 30: true); - max-width:30px; - float:right; - right:1px; - height:30px; - border-radius:3px; +#userList::-webkit-scrollbar-thumb { + width: 4px; + height: 10px; + background: #444; +} - -webkit-border-radius:3px; - -moz-border-radius:3px; +.username { + height: 30px; + margin-top: 6px; + line-height: 20px; + text-indent: 6px; + min-width: 90px; + overflow: hidden; +} +.username a { + display: block; + width: 100%; + height: 100%; + color: #000; + text-decoration: none; +} +#userList a:hover { + display: block; + text-shadow: none; + width: 100%; + height: 100%; + background-image: url(/static/img/moverc.png); + background-repeat: repeat-x; + color: #fff; + text-decoration: none; + background-color: #f3f3f3; + border-top-right-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; +} +#userList img { + max-width: 30px; + width: expression(this.width > 30 ? 30: true); + max-height: 30px; + height: expression(this.width > 30 ? 30: true); + max-width: 30px; + float: right; + right: 1px; + height: 30px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; } #userListicon { - overflow: auto; - height: 70%; - margin: 0px; - position: fixed; - padding: 5px; - top:48px; - width: 7%; - float:right; - right: 35px; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - text-transform: uppercase; - min-width:72px; - line-height:13px; - z-index:1; - font-weight: bold; - font-family: Arial, Helvetica, sans-serif; - color: #666; - text-transform:none; - + overflow: auto; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top: 48px; + width: 7%; + float: right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width: 72px; + line-height: 13px; + z-index: 1; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + color: #666; + text-transform: none; } -#avatar -{ - right:1px; - float:right; - text-align:left; - width:auto; - +#avatar { + right: 1px; + float: right; + text-align: left; + width: auto; } #userListp { overflow-x: hidden; - overflow-y:auto; + overflow-y: auto; max-height: 77%; margin: 0px; position: absolute; padding: 5px; - top:25px; + top: 25px; min-width: 210px; - width:11%; - float:right; + width: 11%; + float: right; right: 4.5%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; - font-weight:420; - border-radius:5px; - - -webkit-border-radius:5px; - - -moz-border-radius:5px; -border-right:2px solid #c8cbce; -border-bottom:2px solid #c8cbce; - - box-shadow: 3px 4px 4px #c8cbce; --webkit-box-shadow: 3px 4px 4px #c8cbce; --moz-box-shadow: 3px 3px 4px #c8cbce; -filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); - text-overflow:ellipsis; -/* opacity:0.75;*/ + font-weight: 420; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-right: 2px solid #c8cbce; + border-bottom: 2px solid #c8cbce; + box-shadow: 3px 4px 4px #c8cbce; + -webkit-box-shadow: 3px 4px 4px #c8cbce; + -moz-box-shadow: 3px 3px 4px #c8cbce; + filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); + text-overflow: ellipsis; + /* opacity:0.75;*/ z-index:1000; text-align: left; -background-image:url(/static/img/bg.dither.gif); -background-color:#fff; - + background-image: url(/static/img/bg.dither.gif); + background-color: #fff; } -#userListp img{ - - max-width:30px; - width: expression(this.width > 30 ? 30: true); - max-height:30px; - height: expression(this.width > 30 ? 30: true); - max-width:30px; - float:right; - right:1px; - z-index:77; - height:30px; - border-radius:3px; - - -webkit-border-radius:3px; - - -moz-border-radius:3px; +#userListp img { + max-width: 30px; + width: expression(this.width > 30 ? 30: true); + max-height: 30px; + height: expression(this.width > 30 ? 30: true); + max-width: 30px; + float: right; + right: 1px; + z-index: 77; + height: 30px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; } -#userlistp a:hover { -display:block; -width:100%; -height:100%; -background-image:url(/static/img/moverc.png); -background-repeat:repeat-x; -color:#fff; -text-decoration:none; -background-color:#f3f3f3; - border-top-right-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; -} -#mgsavatar{ -left:0; +#userlistp a:hover { + display: block; + width: 100%; + height: 100%; + background-image: url(/static/img/moverc.png); + background-repeat: repeat-x; + color: #fff; + text-decoration: none; + background-color: #f3f3f3; + border-top-right-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; +} +#mgsavatar { + left: 0; } #binfo { - font-family: Arial, Helvetica, sans-serif; - font-size: 11px; - bottom + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + bottom } #preload { - position: absolute; - left: 0px; - top: 0px; + position: absolute; + left: 0px; + top: 0px; } -.invisible { display: none !important; } +.invisible { + display: none !important; +} - /* profile shit */ - body.profile { +/* profile shit */ +body.profile { font-family: Arial, Helvetica, sans-serif; - background-color:#f0f9ff; - background-image:url(/static/img/fade-blue.png)!important; - background-repeat:repeat-x; - background-position:top; -background-attachment:fixed; -overflow:auto !important; - margin: 0; + background-color: #f0f9ff; + background-image: url(/static/img/fade-blue.png)!important; + background-repeat: repeat-x; + background-position: top; + background-attachment: fixed; + overflow: auto !important; + margin: 0; } @charset "UTF-8"; -#chatrap{ - +#chatrap { } #messagePanep { -top:50px; -bottom:65px; - position:fixed; + top: 50px; + bottom: 65px; + position: fixed; width: 99.6%; - background-color:#fff; -left:0.2%; - z-index:0; + background-color: #fff; + left: 0.2%; + z-index: 0; } - #edit-toggle{ -position:absolute; -top:0; -right:0; -height:15px; -background-image:url(/static/img/upload.png); -width:auto; -padding:4; -color:#fff; -text-align:center; -background-color:#0c8fff; - box-shadow:5px 5px 5px #d8dbde; - -webkit-box-shadow:5px 5px 5px #d8dbde; - -moz-box-shadow:5px 5px 5px #d8dbde; - border-bottom-left-radius:5px; - -webkit-border-bottom-left-radius:5px; - -moz-border-radius-bottomleft:5px; +#edit-toggle { + position: absolute; + top: 0; + right: 0; + height: 15px; + background-image: url(/static/img/upload.png); + width: auto; + padding: 4; + color: #fff; + text-align: center; + background-color: #0c8fff; + box-shadow: 5px 5px 5px #d8dbde; + -webkit-box-shadow: 5px 5px 5px #d8dbde; + -moz-box-shadow: 5px 5px 5px #d8dbde; + border-bottom-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; } -#edit-toggle a{font-size:12; -letter-spacing:; - -color:#fff; +#edit-toggle a { + font-size: 12; + letter-spacing: ; + color: #fff; } -#edit-toggle a:hover{font-size:12; -letter-spacing:; - +#edit-toggle a:hover { + font-size: 12; + letter-spacing: ; } - - #profile { + +#profile { float: right; padding: 20px; -opacity:0.9; - position:fixed; - top:79px; -image-rendering: -moz-crisp-edges; -left:18px; -width:180px; -line-height:1.3; -background-color:#fff; + opacity: 0.9; + position: fixed; + top: 79px; + image-rendering: -moz-crisp-edges; + left: 18px; + width: 180px; + line-height: 1.3; + background-color: #fff; overflow: hidden; text-overflow: ellipsis; - height:auto; + height: auto; text-overflow: ellipsis-word; - z-index:9; - min-height:350px; - } -#profile img{ - max-width:100px; - width: expression(this.width > 100 ? 100: true); - max-height:100px; - height: expression(this.width > 100 ? 100: true); + z-index: 9; + min-height: 350px; } -#profile h3{ -font-size:15px; -margin-left:-10px; -color:999; -padding-bottom:2px; +#profile img { + max-width: 100px; + width: expression(this.width > 100 ? 100: true); + max-height: 100px; + height: expression(this.width > 100 ? 100: true); } -#profile h2{ -text-indent:-10; -margin-top:-5; +#profile h3 { + font-size: 15px; + margin-left: -10px; + color: 999; + padding-bottom: 2px; } -#logavatar{ -margin-left:-49; -height:22; -background-image:url(/static/img/leftarrow.png); - background-repeat:no-repeat; - background-position:22 1; -margin-top:-22; -display:none; +#profile h2 { + text-indent: -10; + margin-top: -5; } -#profile h7{ -color:#000; -text-transform:uppercase; -display:inline-block; -margin-bottom:5px; -bottom:0px; -position:absolute; -margin-left:-5px; -font-size:12px; - +#logavatar { + margin-left: -49; + height: 22; + background-image: url(/static/img/leftarrow.png); + background-repeat: no-repeat; + background-position: 22 1; + margin-top: -22; + display: none; } -.img-wrapper img{margin-right:-4px;} -#logavatar img{ - - max-width:20px; - width: expression(this.width > 20 ? 20: true); - max-height:20px; - height: expression(this.width > 20 ? 20: true); - max-width:20px; -margin-top:0; +#profile h7 { + color: #000; + text-transform: uppercase; + display: inline-block; + margin-bottom: 5px; + bottom: 0px; + position: absolute; + margin-left: -5px; + font-size: 12px; +} +.img-wrapper img { + margin-right: -4px; +} +#logavatar img { + max-width: 20px; + width: expression(this.width > 20 ? 20: true); + max-height: 20px; + height: expression(this.width > 20 ? 20: true); + max-width: 20px; + margin-top: 0; box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; - -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; - -moz-box-shadow: 0 0 10px #d8dbde, 2px 2px 5px #d8dbde; - + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 2px 2px 5px #d8dbde; } -#profile h8{ -position:absolute; -top:38px;font-size:100%; -letter-spacing:-1px; -left:12px; -color:#000; +#profile h8 { + position: absolute; + top: 38px; + font-size: 100%; + letter-spacing: -1px; + left: 12px; + color: #000; } -#profile h9{ -font-size:120%; -color:#000;color:#000; - +#profile h9 { + font-size: 120%; + color: #000; + color: #000; } -#chatrap{ -margin-left:245px; -overflow:hidden; +#chatrap { + margin-left: 245px; + overflow: hidden; } -#uploadp{ -display:inline-block; - width:181px; - height:33px; - font-size:20px; - background-image:url(/static/img/btngrad1.png); - font-weight:bold; - word-spacing:7; - margin-top:0px; -margin-bottom:10; -margin-left:-2; - text-align:center; - font-size:16px; - color:#fff; - text-shadow:1px 1px 3px #000; +#uploadp { + display: inline-block; + width: 181px; + height: 33px; + font-size: 20px; + background-image: url(/static/img/btngrad1.png); + font-weight: bold; + word-spacing: 7; + margin-top: 0px; + margin-bottom: 10; + margin-left: -2; + text-align: center; + font-size: 16px; + color: #fff; + text-shadow: 1px 1px 3px #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ border:solid 1px #eee; - } -#pnav{position:absolute; -padding-left:400px; -margin-top:16px; -background-position:top; -font-weight:bold; -margin-left:0; -text-align:left; +#pnav { + position: absolute; + padding-left: 400px; + margin-top: 16px; + background-position: top; + font-weight: bold; + margin-left: 0; + text-align: left; } -#pnavo{ -margin-top:-17; -padding:2; -width:105; -letter-spacing:-2; -text-indent:6; - 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; -height:32; -text-transform:lowercase; -border:1px solid #000; -background-color:#fff; +#pnavo { + margin-top: -17; + padding: 2; + width: 105; + letter-spacing: -2; + text-indent: 6; + 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; + height: 32; + text-transform: lowercase; + border: 1px solid #000; + background-color: #fff; } -#pnavn{ -position:absolute; -top:-1; -left:525; -letter-spacing:-2; -text-indent:5; -width:96; -height:32; -padding:2; -border:1px; -border:1px solid #000; -background-color:#fff; - border-radius:5px; - - -webkit-border-radius:5px; - - -moz-border-radius:5px; - +#pnavn { + position: absolute; + top: -1; + left: 525; + letter-spacing: -2; + text-indent: 5; + width: 96; + height: 32; + padding: 2; + border: 1px; + border: 1px solid #000; + background-color: #fff; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; } .buttons .permalink img { -width:16px; -height:16px; + width: 16px; + height: 16px; } #pnav a { font-size: 30px; - color:#000; -text-transform:lowercase; + color: #000; + text-transform: lowercase; } pnav a:link { text-decoration: none; -color:fff; + color: fff; } a:visited { text-decoration: none; @@ -1254,21 +1277,18 @@ a:visited { } #pnav a:hover { text-decoration: none; - color: #000; text-shadow: 1px 1px 1px #999; - + color: #000; + text-shadow: 1px 1px 1px #999; } -#footer -{ - text-align:center; - - width:100%; - bottom:-50px; -line-height:1; -padding-top:80px; - font-size:11px; -word-spacing:6px; +#footer { + text-align: center; + width: 100%; + bottom: -50px; + line-height: 1; + padding-top: 80px; + font-size: 11px; + word-spacing: 6px; color: #000; - } #footer a { font-size: 11px; @@ -1277,1092 +1297,1213 @@ word-spacing:6px; #footer a:link { text-decoration: none; font-size: 11px; -color:000; + color: 000; } #footer a:hover { - text-decoration:none; + text-decoration: none; font-size: 11px; color: #f0e; } -#log -{ - position:absolute; - top:18px; +#log { + position: absolute; + top: 18px; margin-top: 25px; } -.logged-dump img{ - max-width:400px; - max-height:400px; - border:0px; - +.logged-dump img { + max-width: 400px; + max-height: 400px; + border: 0px; } #messageList img { - max-width:400px; - max-height:400px; - + max-width: 400px; + max-height: 400px; } .logged-dump { - background-color:#fff; - text-overflow: ellipsis-word; - - padding: 0px 18px 6px 18px; - margin-top: 18px; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - text-transform: uppercase; - margin-left:3px; - line-height:20px; - text-align: left; + background-color: #fff; + text-overflow: ellipsis-word; + padding: 0px 18px 6px 18px; + margin-top: 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + margin-left: 3px; + line-height: 20px; + text-align: left; } .editable { - color: #0AA; + color: #0AA; } .editing { - color: #F0F; + color: #F0F; } - div#avatar { +div#avatar { overflow: hidden; text-overflow: ellipsis; - - padding-bottom:20px; - } - #contact { - - text-overflow: ellipsis-word; - } - #bio { - + padding-bottom: 20px; +} +#contact { + text-overflow: ellipsis-word; +} +#bio { text-overflow: ellipsis-word; - } +} - input.inplace_field { - width: 100%; - } +input.inplace_field { + width: 100%; +} - textarea.inplace_field { - width: 100%; - height: 50px; - } +textarea.inplace_field { + width: 100%; + height: 50px; +} #profile h2 { - letter-spacing:-1px; -color:#ccc; - height:40px; - font-size:24px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - text-transform:capitalize; + letter-spacing: -1px; + color: #ccc; + height: 40px; + font-size: 24px; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + text-transform: capitalize; text-shadow: -1px 1px 1px #f0e; } - img#avatarPic { - max-height:100px;max-width:100px; - border-radius:5px; - - -webkit-border-radius:5px; - - -moz-border-radius:5px; -margin-bottom:15px; - } +img#avatarPic { + max-height: 100px; + max-width: 100px; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + margin-bottom: 15px; +} .logged-dump a:hover { - text-decoration: none; - color: #00F; + text-decoration: none; + color: #00F; } /*directory stuff*/ -#dlogavatar img{ -image-rendering: -moz-crisp-edges; - max-width:50px; - width: expression(this.width > 50 ? 50: true); - max-height:50px; - height: expression(this.width > 50 ? 50: true); - max-width:50px; -margin-top:0; - - +#dlogavatar img { + image-rendering: -moz-crisp-edges; + max-width: 50px; + width: expression(this.width > 50 ? 50: true); + max-height: 50px; + height: expression(this.width > 50 ? 50: true); + max-width: 50px; + margin-top: 0; } -#dlogavatar{ -margin-left:-82px; -height:25; -background-image:url(/static/img/leftarrow.png); -width:70; - background-repeat:no-repeat; - background-position:55 4; -margin-top:-20; -z-index:5555; - - +#dlogavatar { + margin-left: -82px; + height: 25; + background-image: url(/static/img/leftarrow.png); + width: 70; + background-repeat: no-repeat; + background-position: 55 4; + margin-top: -20; + z-index: 5555; } -.dlogged-dump img{ - max-width:600px; - width: expression(this.width > 600 ? 600: true); - max-height:600px; - height: expression(this.width > 600 ? 600: true); - border:0px; - z-index:0; - - +.dlogged-dump img { + max-width: 600px; + width: expression(this.width > 600 ? 600: true); + max-height: 600px; + height: expression(this.width > 600 ? 600: true); + border: 0px; + z-index: 0; } -.dlogged-dump{ - min-width:600px; - max-width:600px; -width:600px; - width:auto; -text-overflow: ellipsis-word; +.dlogged-dump { + min-width: 600px; + max-width: 600px; + width: 600px; + width: auto; + text-overflow: ellipsis-word; padding: 18px; - padding-bottom:7px; + padding-bottom: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; - line-height:15px; - background-color:#fff; -border:1px solid #f0e0d6; -margin-left:20px; -margin-bottom:20px; - z-index:0; - line-height:20px; + line-height: 15px; + background-color: #fff; + border: 1px solid #f0e0d6; + margin-left: 20px; + margin-bottom: 20px; + z-index: 0; + line-height: 20px; text-align: left; - - } -#infotxt{ -position:absolute; -top:; - border-radius:5px; - - -webkit-border-radius:5px; - - -moz-border-radius:5px; -border:1px solid #000; -margin-right:-30;display:none; -color:#000; -background-color:#fff; -padding:3; -text-transform:uppercase; -margin-top:-74; +#infotxt { + position: absolute; + top: ; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border: 1px solid #000; + margin-right: -30; + display: none; + color: #000; + background-color: #fff; + padding: 3; + text-transform: uppercase; + margin-top: -74; } - #dprofile { +#dprofile { float: right; padding: 20px; -opacity:0.9; - position:fixed; - top:76px; -image-rendering: -moz-crisp-edges; -left:22px; -max-width:120px; -line-height:1.3; -background-color:#fff; + opacity: 0.9; + position: fixed; + top: 76px; + image-rendering: -moz-crisp-edges; + left: 22px; + max-width: 120px; + line-height: 1.3; + background-color: #fff; overflow: hidden; text-overflow: ellipsis; - height:auto; + height: auto; text-overflow: ellipsis-word; - z-index:9; - } + z-index: 9; +} - #lprofile { +#lprofile { float: right; padding: 20px; -opacity:0.9; - position:fixed; - top:95px; -image-rendering: -moz-crisp-edges; -left:12px; -width:180px; -line-height:1.3; -background-color:#fff; + opacity: 0.9; + position: fixed; + top: 95px; + image-rendering: -moz-crisp-edges; + left: 12px; + width: 180px; + line-height: 1.3; + background-color: #fff; overflow: hidden; text-overflow: ellipsis; - height:auto; + height: auto; text-overflow: ellipsis-word; - z-index:9; - } -#dprofile img{ - max-width:100px; - width: expression(this.width > 100 ? 100: true); - max-height:100px; - height: expression(this.width > 100 ? 100: true); + z-index: 9; } -#dprofile h3{ -font-size:15px; -margin-left:-10px; -color:999; -padding-bottom:2px; +#dprofile img { + max-width: 100px; + width: expression(this.width > 100 ? 100: true); + max-height: 100px; + height: expression(this.width > 100 ? 100: true); } -#dprofile h2{ -text-indent:-10; -margin-top:-5; +#dprofile h3 { + font-size: 15px; + margin-left: -10px; + color: 999; + padding-bottom: 2px; } -#dprofile h7{ -color:#000; -text-transform:uppercase; -display:inline-block; -margin-bottom:5px; -bottom:0px; -position:absolute; -margin-left:-5px; -font-size:12px; - +#dprofile h2 { + text-indent: -10; + margin-top: -5; +} +#dprofile h7 { + color: #000; + text-transform: uppercase; + display: inline-block; + margin-bottom: 5px; + bottom: 0px; + position: absolute; + margin-left: -5px; + font-size: 12px; } /* DASH STUFF */ -#dashadminmute{ -position:absolute; -top:0px; -background-color:red; -padding:3px; -left:0px; - border-bottom-right-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomright:5px; +#dashadminmute { + position: absolute; + top: 0px; + background-color: red; + padding: 3px; + left: 0px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; } -#dashadminmute a{color:white;} -#edit-toggle{ -position:absolute; -width:80px; -top:-10px; -left:-5px; +#dashadminmute a { + color: white; +} +#edit-toggle { + position: absolute; + width: 80px; + top: -10px; + left: -5px; } -#dashrapper{ -border:1px dotted #0c8fff; -top:80px; -padding:20px; -margin-left:100px; - border-bottom-left-radius:5px; - -webkit-border-bottom-left-radius:5px; - -moz-border-radius-bottomleft:5px; -margin-right:50%; -background-color:white; -min-width:800px; -min-height:435px; -position:absolute; +#dashrapper { + border: 1px dotted #0c8fff; + top: 80px; + padding: 20px; + margin-left: 100px; + border-bottom-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; + margin-right: 50%; + background-color: white; + min-width: 800px; + min-height: 435px; + position: absolute; } -#dashuserlist{ -background-color:white; -padding:15px; -border:1px solid black; - text-overflow:ellipsis-word; -width:180px; -min-height:400px; - border-radius:5px; - -webkit-border-radius:5px; - -moz-border-radius:5px; +#dashuserlist { + background-color: white; + padding: 15px; + border: 1px solid black; + text-overflow: ellipsis-word; + width: 180px; + min-height: 400px; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; overflow: hidden; text-overflow: ellipsis; } -#dashuserlist img{ -max-height:70px; -max-width:150px; +#dashuserlist img { + max-height: 70px; + max-width: 150px; } -#dashuserlist h2{ -font-size:25px; -text-transform:capitalize; +#dashuserlist h2 { + font-size: 25px; + text-transform: capitalize; } -#dashuserlist h3{ -font-size:18px; -padding-bottom:15px; -padding-top:1px; -text-transform:capitalize; +#dashuserlist h3 { + font-size: 18px; + padding-bottom: 15px; + padding-top: 1px; + text-transform: capitalize; } -#middash{ -top:50px; -position:absolute; -margin-left:230px; +#middash { + top: 50px; + position: absolute; + margin-left: 230px; } -#middash h2{ -font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; -font-size:50px; -letter-spacing:-2px; -display:inline-black; -margin-bottom:10px; -height:45px;word-wrap:suppress; - +#middash h2 { + font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; + font-size: 50px; + letter-spacing: -2px; + display: inline-black; + margin-bottom: 10px; + height: 45px; + word-wrap: suppress; } -#middash h3{ -font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; -font-size:35px; -letter-spacing:-2px; -line-height:28px; +#middash h3 { + font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; + font-size: 35px; + letter-spacing: -2px; + line-height: 28px; } -#middash h2{ -font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; -font-size:50px; -letter-spacing:-2px; - +#middash h2 { + font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; + font-size: 50px; + letter-spacing: -2px; } -#middash a{ -font-size:100%; +#middash a { + font-size: 100%; } -#middash a:hover{ -color:#f9f9f9;background-color:white; -font-size:100%; -text-shadow: -2px 2px 10px #000; +#middash a:hover { + color: #f9f9f9; + background-color: white; + font-size: 100%; + text-shadow: -2px 2px 10px #000; } -#dashinfo{ -margin-top:10px; -background-color:white; - +#dashinfo { + margin-top: 10px; + background-color: white; } -#dashavatar{ - +#dashavatar { } -#dashpix{ -top:0px; -float:right; - -padding:15px; -margin-top:-150px; -width:550px; - +#dashpix { + top: 0px; + float: right; + padding: 15px; + margin-top: -150px; + width: 550px; } -#dashpix img{ - width: expression(this.width > 50 ? 50: true); - max-height:100px; - height: expression(this.width > 50 ? 50: true); - max-width:150px; - box-shadow: -1px 1px 10px #000; - -webkit-box-shadow:-1px 1px 10px #000; - -moz-box-shadow: -1px 1px 10px #000; +#dashpix img { + width: expression(this.width > 50 ? 50: true); + max-height: 100px; + height: expression(this.width > 50 ? 50: true); + max-width: 150px; + box-shadow: -1px 1px 10px #000; + -webkit-box-shadow: -1px 1px 10px #000; + -moz-box-shadow: -1px 1px 10px #000; } -#favstxt{ -margin-top:-70px; -margin-left:-10; -font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; -font-size:11px; -background-color:white; -border:1px solid black; -padding:7px; -color:#000; -position:absolute; -text-transform:uppercase; -background-color:white; - box-shadow:2px 2px 2px #d8dbde; - -webkit-box-shadow:2px 2px 2px #d8dbde; - -moz-box-shadow:2px 2px 2px #d8dbde; - border-radius:10px; - -webkit-border-radius:10px; - -moz-border-radius:10px; - font-weight:bold; +#favstxt { + margin-top: -70px; + margin-left: -10; + font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; + font-size: 11px; + background-color: white; + border: 1px solid black; + padding: 7px; + color: #000; + position: absolute; + text-transform: uppercase; + background-color: white; + box-shadow: 2px 2px 2px #d8dbde; + -webkit-box-shadow: 2px 2px 2px #d8dbde; + -moz-box-shadow: 2px 2px 2px #d8dbde; + border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + font-weight: bold; } -#dashavatarPic img{ -max-height:70px; -max-width:150px; +#dashavatarPic img { + max-height: 70px; + max-width: 150px; } .dash-dump { - background-color:#f0f9ff; - text-overflow: ellipsis-word; - padding: 18px 18px 6px 18px; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - text-transform: uppercase; - margin-left:3px; - line-height:15px; - z-index:4; - line-height:20px; - text-align: left; + background-color: #f0f9ff; + text-overflow: ellipsis-word; + padding: 18px 18px 6px 18px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + margin-left: 3px; + line-height: 15px; + z-index: 4; + line-height: 20px; + text-align: left; } .dash-dump { -background-color:white; -padding:0px; -display:inline-block; - + background-color: white; + padding: 0px; + display: inline-block; } -.dash-dump img{ -background-color:white; -padding:1px; +.dash-dump img { + background-color: white; + padding: 1px; } -.profiledash{ -overflow:auto; +.profiledash { + overflow: auto; } -#mostrecentdumps{ -display:inline-block; -width:595px; -max-height:98px; -margin-left:-10px; -margin-top:-20px; -overflow:hidden; +#mostrecentdumps { + display: inline-block; + width: 595px; + max-height: 98px; + margin-left: -10px; + margin-top: -20px; + overflow: hidden; } -#mostrecentdumps img{ -max-height:94px; -overflow:hidden; -border:1px solid #000; +#mostrecentdumps img { + max-height: 94px; + overflow: hidden; + border: 1px solid #000; } -#likebutton{ -position:absolute; -height:30px;left:255px; -bottom:30px; +#likebutton { + position: absolute; + height: 30px; + left: 255px; + bottom: 30px; } /*HALL STUFF */ #messagePaneh { -width:99%; -position:fixed; -margin-left:-3px; -border:8px inset yellow; -bottom:25px; -top:50px; - background-color:#fff; + width: 99%; + position: fixed; + margin-left: -3px; + border: 8px inset yellow; + bottom: 25px; + top: 50px; + background-color: #fff; +} +#login-container a:link { + color: #000; } -#login-container a:link{color:#000;} /*overlay STUFF*/ -div.apple_overlay.black { - color:#fff; - background-image:url(http://dump.fm/static/img/bg.dither.gif); - width:90%; - height:70%; - margin: 0 auto 0 auto; -} - -div.apple_overlay h2 { - margin:10px 0 -9px 0; - font-weight:bold; - font-size:14px; -} - -div.black h2 { - color:#fff; -} - -#triggers { - margin-top:10px; - text-align:center; -} - -#triggers img { - background-color:#fff; - padding:2px; - border:1px solid #ccc; - margin:2px 5px; - cursor:pointer; - -moz-border-radius:4px; - -webkit-border-radius:4px; -} - -.apple_overlay { +div.apple_overlay.black { + color: #fff; + background-image: url(http://dump.fm/static/img/bg.dither.gif); + width: 90%; + height: 70%; + margin: 0 auto 0 auto; +} - display:none; - width:640px; - padding:10px; - font-size:11px; +div.apple_overlay h2 { + margin: 10px 0 -9px 0; + font-weight: bold; + font-size: 14px; +} + +div.black h2 { + color: #fff; +} + +#triggers { + margin-top: 10px; + text-align: center; +} + +#triggers img { + background-color: #fff; + padding: 2px; + border: 1px solid #ccc; + margin: 2px 5px; + cursor: pointer; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +.apple_overlay { + display: none; + width: 640px; + padding: 10px; + font-size: 11px; } .apple_overlay .close { -background-image:url(http://dump.fm/static/img/thumbs/clode.png); -border:2px solid #000; - position:absolute; right:-11px; top:-8px; - cursor:pointer; - height:35px; - width:35px; - background-color:#fff; - box-shadow: -1px 1px 1px #000; - -webkit-box-shadow:-1px 1px 1px #000; - -moz-box-shadow: -1px 1px 1px #000; + background-image: url(http://dump.fm/static/img/thumbs/clode.png); + border: 2px solid #000; + position: absolute; + right: -11px; + top: -8px; + cursor: pointer; + height: 35px; + width: 35px; + background-color: #fff; + box-shadow: -1px 1px 1px #000; + -webkit-box-shadow: -1px 1px 1px #000; + -moz-box-shadow: -1px 1px 1px #000; } -.contentWrap{ -background-color:#fff; +.contentWrap { + background-color: #fff; } -.faver-list{ -max-width:80%; -font-size:20px;font-weight:bold;word-spacing:-3px; +.faver-list { + max-width: 80%; + font-size: 20px; + font-weight: bold; + word-spacing: -3px; } #chatbuttons { - font-size: 9px; - position: fixed; - right: 10px; - margin-right:5px; - bottom: 0px; - z-index: 10; + font-size: 9px; + position: fixed; + right: 10px; + margin-right: 5px; + bottom: 0px; + z-index: 10; } #textbutton, #imgbutton, #clearbutton { - float: right; - background: #fff; - color: #666; - margin-left: 15px; - height: 20px; + float: right; + background: #fff; + color: #666; + margin-left: 15px; + height: 20px; } #clearbutton { - text-decoration: underline - cursor: pointer; - display: none; + text-decoration: underline + cursor: pointer; + display: none; } /*DIS STUFF*/ -#dissearchbox{position:absolute;right:55px;display:inline-block;top:19px;} -#toptoolsdis{position:absolute;left:155px;display:inline-block;top:2px;} +#dissearchbox { + position: absolute; + right: 55px; + display: inline-block; + top: 19px; +} +#toptoolsdis { + position: absolute; + left: 155px; + display: inline-block; + top: 2px; +} #bar7dis { right: 142px; top: -7px; } - #bar7dis a { - display: block; - border: 1px solid #CCC; - box-shadow:2px 3px 10px #BBB; - height: 16px; - padding: 20px 4px 4px; - text-indent: 0; - width: 16px; - -moz-box-shadow: 2px 3px 10px #BBB; - -webkit-box-shadow: 2px 3px 10px #BBB; - } - #bar7dis a img { - display: block; - margin: 0 auto; - } - #bar7dis a#disregister { - background: #FCF0AD; - border: none; - border-top: 10px solid #f6eaaa; - color: #fe1409; - cursor: pointer;position:absolute; - font-size: 20px;left:-40px; - font-weight: bold; - line-height: 1em;z-index:1; - padding: 25px 10px 40px; - top: 8px; - width: auto; - -webkit-transform: rotate(-9deg); - -moz-transform: rotate(-9deg); - transform: rotate(-9deg); - - } - #signin_menu{z-index:777;} - #login-container{z-index:777;} - #bar7dis a#disregister:hover { - background: #E9E74A; - border-top: 10px solid #e1df47; - } -#midtxt{ -padding-left:45px; -padding-right:40px; -padding-bottom:45px; - color: #000; - font: 25px Helvetica, Arial, Sans-Serif; - text-shadow: 1px 1px #eee, 2px 2px #eee, 3px 3px #eee,4px 4px #eee,5px 5px #eee; -text-align: justify; text-justify: newspaper +#bar7dis a { + display: block; + border: 1px solid #CCC; + box-shadow: 2px 3px 10px #BBB; + height: 16px; + padding: 20px 4px 4px; + text-indent: 0; + width: 16px; + -moz-box-shadow: 2px 3px 10px #BBB; + -webkit-box-shadow: 2px 3px 10px #BBB; +} +#bar7dis a img { + display: block; + margin: 0 auto; +} +#bar7dis a#disregister { + background: #FCF0AD; + border: none; + border-top: 10px solid #f6eaaa; + color: #fe1409; + cursor: pointer; + position: absolute; + font-size: 20px; + left: -40px; + font-weight: bold; + line-height: 1em; + z-index: 1; + padding: 25px 10px 40px; + top: 8px; + width: auto; + -webkit-transform: rotate(-9deg); + -moz-transform: rotate(-9deg); + transform: rotate(-9deg); +} +#signin_menu { + z-index: 777; +} +#login-container { + z-index: 777; +} +#bar7dis a#disregister:hover { + background: #E9E74A; + border-top: 10px solid #e1df47; +} +#midtxt { + padding-left: 45px; + padding-right: 40px; + padding-bottom: 45px; + color: #000; + font: 25px Helvetica, Arial, Sans-Serif; + text-shadow: 1px 1px #eee, 2px 2px #eee, 3px 3px #eee,4px 4px #eee,5px 5px #eee; + text-align: justify; + text-justify: newspaper } #dis_welcome { } - #dis_frame { - height: 300px; - overflow-x: auto; - width: 100%; - } - #dis_content { - background-color: rgba(255, 255, 255, 0.8)!important; - border: 1px solid #CCC; - top: 426px; - box-shadow: 0 3px 10px #110000; - height: auto; - padding: 20px; - position: absolute; +#dis_frame { + height: 300px; + overflow-x: auto; + width: 100%; +} +#dis_content { + background-color: rgba(255, 255, 255, 0.8)!important; + border: 1px solid #CCC; + top: 426px; + box-shadow: 0 3px 10px #110000; + height: auto; + padding: 20px; + position: absolute; + line-height: 1em; + right: 0; + text-align: center; + left: 50%; + margin-left: -260px; + width: 460px; + /*top: 547px;*/ + z-index: 8; + -moz-box-shadow: 0 3px 10px #110000; + -webkit-box-shadow: 0 3px 10px #110000; +} - line-height: 1em; - right: 0; - text-align: center; - left:50%; - margin-left: -260px; - width:460px; - /*top: 547px;*/ - z-index: 8; - -moz-box-shadow: 0 3px 10px #110000; - -webkit-box-shadow: 0 3px 10px #110000; - - } - - #signintxt { - line-height: 1em; - position:absolute; - font: 17px Helvetica, Arial, Sans-Serif; - text-align: center; - } - #signintxt a { - color: #3B5998; - } - #signintxt a:hover { text-decoration: underline; } - #dis_welcome #dis_content { - display: none; - } - #dis_content a { - color: #3B5998; - } - #dis_content a:hover { text-decoration: underline; } +#signintxt { + line-height: 1em; + position: absolute; + font: 17px Helvetica, Arial, Sans-Serif; + text-align: center; +} +#signintxt a { + color: #3B5998; +} +#signintxt a:hover { + text-decoration: underline; +} +#dis_welcome #dis_content { + display: none; +} +#dis_content a { + color: #3B5998; +} +#dis_content a:hover { + text-decoration: underline; +} #dissearchbox { top: 20px; } -#dislogout7{ - top:-1px; -height:14px; -padding-left:4px;padding-right:3px; -top:10px; - position:relative; - font-size:1px; -border-left:1px solid #999; -border-bottom:1px solid #999; -background-color:#fff; - float:right; +#dislogout7 { + top: -1px; + height: 14px; + padding-left: 4px; + padding-right: 3px; + top: 10px; + position: relative; + font-size: 1px; + border-left: 1px solid #999; + border-bottom: 1px solid #999; + background-color: #fff; + float: right; font-family: Monaco, "Courier New", Courier, monospace; font-weight: normal; } -#dislogout7 img{display:none; +#dislogout7 img { + display: none; } -#dislogout7 a{font-size:10px; color: #999; +#dislogout7 a { + font-size: 10px; + color: #999; font-family: Monaco, "Courier New", Courier, monospace; } -#dislogout7 a:hover{font-size:10px; -color:#000; text-shadow: 0px 1px 0px #fff; +#dislogout7 a:hover { + font-size: 10px; + color: #000; + text-shadow: 0px 1px 0px #fff; } -#pwreset a{ -margin-left:20px;color:#66AACC; -font-size:11px; +#pwreset a { + margin-left: 20px; + color: #66AACC; + font-size: 11px; } /*MESSAGE STUFF*/ a.msgbtn { - - padding:5px; -top:-7px; -right:-1px; -font-weight:500; + padding: 5px; + top: -7px; + right: -1px; + font-weight: 500; position: absolute; font-size: 12.5px; background: #fff; color: #000; -border: 1px dotted #0C8FFF; + border: 1px dotted #0C8FFF; text-align: center; -font-family: Monaco, "Courier New", Courier, monospace; + font-family: Monaco, "Courier New", Courier, monospace; cursor: pointer; margin-left: 50px; - margin-top:6px; - + margin-top: 6px; -webkit-user-select: none; -moz-user-select: none; text-decoration: none; - border-bottom-left-radius:5px; - -webkit-border-bottom-left-radius:5px; - -moz-border-radius-bottomleft:5px; - + border-bottom-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; } a.msgbtn:active { - background:#eee; - + background: #eee; } -#directmsgs { +#directmsgs { position: fixed; - right: -262px; - width: 245px; -padding:7px; - background-image:url("/static/img/thumbs/stripes.png"); -border: 1px dotted #0C8FFF; -top:50px; -background-color:#fff; + right: -262px; + width: 245px; + padding: 7px; + background-image: url("/static/img/thumbs/stripes.png"); + border: 1px dotted #0C8FFF; + top: 50px; + background-color: #fff; height: 90%; overflow-x: hidden; - } -#directmsgs img{ - max-width:220px; - width: expression(this.width > 650 ? 650: true); - max-height:400px; - height: expression(this.width > 400 ? 400: true); -margin:5px; - box-shadow: -1px 1px 10px #000; - -webkit-box-shadow:-1px 1px 10px #000; - -moz-box-shadow: -1px 1px 10px #000; - -} -#directmsgs h2{ -padding-bottom:10px; +#directmsgs img { + max-width: 220px; + width: expression(this.width > 650 ? 650: true); + max-height: 400px; + height: expression(this.width > 400 ? 400: true); + margin: 5px; + box-shadow: -1px 1px 10px #000; + -webkit-box-shadow: -1px 1px 10px #000; + -moz-box-shadow: -1px 1px 10px #000; +} +#directmsgs h2 { + padding-bottom: 10px; font-family: Monaco, "Courier New", Courier, monospace; font-weight: 100; -font-size:15px; + font-size: 15px; +} +#singlemsg { + padding: 5px; } -#singlemsg{padding:5px;} /*NEW STUFFFF*/ -#banner{z-index:2;top:0;margin-top:4px;margin-left:9px;min-width:900px;width:77%;max-width:970px;position:fixed;border-bottom:1px ridge #333;display:inline-block;/*background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius: 3px;*/height:35px;clear: both;} -#banner a{font-size:69%;text-decoration:none;font-family: Monaco, "Courier New", Courier, monospace;letter-spacing:3.5px;color:#333;} -#banner a:hover{background-color:#eee;color:black;text-decoration:none;} -#fblike{margin-top:6px;margin-left:6px;} -#logo{float:left;margin:1px;z-index:888888889999999999999999;} -#logobig{float:left;margin-top:-9px;margin-left:-5px;} -#toplinks{float:left;margin-top:7px;margin-left:5px;} -#logout7{position:fixed;right:14px;font-size:12px;top:0px;padding:3px;line-height: 1em;} -#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;} -#search-query{background-color:lightyellow;} +#banner { + z-index: 2; + top: 0; + margin-top: 4px; + margin-left: 9px; + min-width: 900px; + width: 77%; + max-width: 970px; + position: fixed; + border-bottom: 1px ridge #333; + display: inline-block;/*background-color:#fff; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px;*/height:35px; + clear: both; +} +#banner a { + font-size: 69%; + text-decoration: none; + font-family: Monaco, "Courier New", Courier, monospace; + letter-spacing: 3.5px; + color: #333; +} +#banner a:hover { + background-color: #eee; + color: black; + text-decoration: none; +} +#fblike { + margin-top: 6px; + margin-left: 6px; +} +#logo { + float: left; + margin: 1px; + z-index: 888888889999999999999999; +} +#logobig { + float: left; + margin-top: -9px; + margin-left: -5px; +} +#toplinks { + float: left; + margin-top: 7px; + margin-left: 5px; +} +#logout7 { + position: fixed; + right: 14px; + font-size: 12px; + top: 0px; + padding: 3px; + line-height: 1em; +} +#searchbox { + float: left; + display: inline-block; + margin-top: 7px; + margin-left: 5px; +} +#search-query { + background-color: lightyellow; +} #login-container { - float: right; -right:19px; -color:#fff; + float: right; + right: 19px; + color: #fff; position: fixed; -top:4px; -z-index:20000000; - + top: 4px; + z-index: 20000000; } #login-container { - float: right; -margin-right:14px; -color:#fff; + float: right; + margin-right: 14px; + color: #fff; position: fixed; -top:4px; -z-index:20000000; - + top: 4px; + z-index: 20000000; } #login-container a:link, a:visited { - color:#000; - text-decoration:none; + color: #000; + text-decoration: none; } #login-container .topnav { - padding:0px 0px 12px; - font-size:11px;color:000; - line-height:23px; + padding: 0px 0px 12px; + font-size: 11px; + color: 000; + line-height: 23px; text-shadow: #000 0px 0px 0px; - text-align:right; - + text-align: right; } #login-container .topnav a.signin { text-shadow: #000 0px 0px 0px; - padding:5px 5px 5px 5px; - text-decoration:none; - background-color:#fff; - - -z-index:20000000; - *padding:4px 12px 6px; filter:alpha(opacity=80); - - + padding: 5px 5px 5px 5px; + text-decoration: none; + background-color: #fff; + z-index: 20000000; + *padding:4px 12px 6px; + filter: alpha(opacity=80); } #login-container .topnav a.signin:hover { - *padding:4px 12px 16px; background-color:#ccc; - + *padding:4px 12px 16px; + background-color: #ccc; } #login-container .topnav a.signin, #login-container .topnav a.signin:hover { - *background-position:0 3px!important;color:#000; + *background-position:0 3px!important; + color: #000; } a.signin { - position:relative; -cursor:pointer; - margin-left:3px; + position: relative; + cursor: pointer; + margin-left: 3px; } a.signin span { - background-image:url("http://dump.fm/static/form_login/images/toggle_down_light.png"); - background-repeat:no-repeat; - background-position:100% 50%; - padding:4px 16px 6px 0;cursor:pointer; + background-image: url("http://dump.fm/static/form_login/images/toggle_down_light.png"); + background-repeat: no-repeat; + background-position: 100% 50%; + padding: 4px 16px 6px 0; + cursor: pointer; } #login-container .topnav a.menu-open { - background:#ddeef6!important; - color:#666!important; text-shadow: #000 0px 0px 0px; - outline:none;box-shadow: 3px 2px 2px #ccc;cursor:pointer; --webkit-box-shadow: 3px 2px 2px #ccc; --moz-box-shadow: 3px 2px 2px #ccc; -filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); - + background: #ddeef6!important; + color: #666!important; + text-shadow: #000 0px 0px 0px; + outline: none; + box-shadow: 3px 2px 2px #ccc; + cursor: pointer; + -webkit-box-shadow: 3px 2px 2px #ccc; + -moz-box-shadow: 3px 2px 2px #ccc; + filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); } -a.signin.menu-open span {cursor:pointer; - background-image:url("http://dump.fm/static/form_login/images/toggle_up_dark.png"); - color:#789; +a.signin.menu-open span { + cursor: pointer; + background-image: url("http://dump.fm/static/form_login/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: 16.5px; - right: 0px; - margin-top:5px; + -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: 16.5px; + right: 0px; + margin-top: 5px; margin-right: 0px; *margin-right: -1px; - color:#789; - font-size:11px; box-shadow: 3px 2px 2px #ccc; --webkit-box-shadow: 3px 2px 2px #ccc; -z-index:50000000;line-height:12px; --moz-box-shadow: 3px 2px 2px #ccc; -filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); + color: #789; + font-size: 11px; + box-shadow: 3px 2px 2px #ccc; + -webkit-box-shadow: 3px 2px 2px #ccc; + z-index: 50000000; + line-height: 12px; + -moz-box-shadow: 3px 2px 2px #ccc; + filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); } #signin_menu input[type=text], #signin_menu input[type=password] { - display:block; - font-size:25px; - margin:0 0 5px; - padding:5px; - width:203px; + display: block; + font-size: 25px; + margin: 0 0 5px; + padding: 5px; + width: 203px; } #signin_menu p { - margin:0; + margin: 0; } #signin_menu a { - color:#6AC; + color: #6AC; } #signin_menu label { - font-weight:normal; + font-weight: normal; } #signin_menu p a { - color:#27B!important; + color: #27B!important; } #signin-submit { - display:inline-block; - width:90px; - height:35px; - background:#448ed4; border:1px ridged #fff; - background:-moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff); - background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff)); - text-decoration:none; - -moz-border-radius:4px; - -webkit-border-radius:4px; - -moz-box-shadow:#777 0 0 0 1px; - -webkit-box-shadow:#777 0 0 0 1px; - text-shadow:rgba(0,0,0,.4) 0 1px 0; - font-weight:bold; - word-spacing:7; - margin-top:-5px; -cursor:pointer; - text-align:center; - z-index:100; - font-size:16px; - color:#fff; + display: inline-block; + width: 90px; + height: 35px; + background: #448ed4; + border: 1px ridged #fff; + background: -moz-linear-gradient(top, #fff, #448ed4 50%, #448ed4 51%, #fff); + background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #448ed4), color-stop(51%, #448ed4), to(#fff)); + text-decoration: none; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -moz-box-shadow: #777 0 0 0 1px; + -webkit-box-shadow: #777 0 0 0 1px; + text-shadow: rgba(0,0,0,.4) 0 1px 0; + font-weight: bold; + word-spacing: 7; + margin-top: -5px; + cursor: pointer; + text-align: center; + z-index: 100; + font-size: 16px; + color: #fff; } #furie3 { - position: absolute; - left:294px; - margin-top:250px; - z-index: 10; - + position: absolute; + left: 294px; + margin-top: 250px; + z-index: 10; } #loginSubmit::-moz-focus-inner { -padding:0; -border:0; + padding: 0; + border: 0; } #loginSubmit:hover, #loginSubmit:focus { - background-position:0 -5px; - cursor:pointer; + background-position: 0 -5px; + cursor: pointer; +} +.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; } a#disregister { - background: #FCF0AD; - color: #fe1409; - cursor: pointer; - line-height: 1em;z-index:3; - padding: 25px 10px 40px; - margin-top: -2px;margin-left: -2px; - float:right;position:fixed:right:80px; - -webkit-transform: rotate(9deg); - -moz-transform: rotate(9deg); - transform: rotate(9deg);font-family: cursive;font-weight:100;font-size:18px;font-style: oblique; - border-top:16px solid yellow; - background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057)); - background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%); - border-top-color: #FFF057; - border-right-color: #FFF057; - border-bottom-color: #FFF057; - border-left-color: #FFF057; - -webkit-box-shadow:#a0a0a0 3px 4px 4px; - -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */ - text-shadow: 1px 1px 3px #AAA; margin-right:35px; - } - a#disregister:hover { + background: #FCF0AD; + color: #fe1409; + cursor: pointer; + line-height: 1em; + z-index: 3; + padding: 25px 10px 40px; + margin-top: -2px; + margin-left: -2px; + float: right; + position: fixed:right:80px; + -webkit-transform: rotate(9deg); + -moz-transform: rotate(9deg); + transform: rotate(9deg); + font-family: cursive; + font-weight: 100; + font-size: 18px; + font-style: oblique; + border-top: 16px solid yellow; + background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057)); + background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%); + border-top-color: #FFF057; + border-right-color: #FFF057; + border-bottom-color: #FFF057; + border-left-color: #FFF057; + -webkit-box-shadow: #a0a0a0 3px 4px 4px; + -moz-box-shadow: #a0a0a0 3px 4px 4px; /* FF 3.5+ */ + text-shadow: 1px 1px 3px #AAA; + margin-right: 35px; +} +a#disregister:hover { + text-shadow: 1px 1px 1px gold; + font-family: cursive; + font-weight: 100; + font-size: 18px; + font-style: oblique; + color: black; + -webkit-box-shadow: #333 3px 4px 4px; + -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */ +} - text-shadow: 1px 1px 1px gold; - font-family: cursive;font-weight:100;font-size:18px;font-style: oblique;color:black; - -webkit-box-shadow:#333 3px 4px 4px; - -moz-box-shadow: #333 3px 4px 4px; /* FF 3.5+ */ - } - - /*searchstuff*/ -#searchbox{float:left;display:inline-block;margin-top:7px;margin-left:5px;} -#search-query{background-color:lightyellow;} +#searchbox { + float: left; + display: inline-block; + margin-top: 7px; + margin-left: 5px; +} +#search-query { + background-color: lightyellow; +} -.search_icon { - background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent; - bottom:3px; - cursor:pointer; - left:6px; - opacity:0.8; - border-right:1px solid #C0C8D3; - position:absolute; - top:3px; - width:32px; +.search_icon { + background: url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent; + bottom: 3px; + cursor: pointer; + left: 6px; + opacity: 0.8; + border-right: 1px solid #C0C8D3; + position: absolute; + top: 3px; + width: 32px; } -#inpage-search-results{ - position: absolute; - top:47px; - width:99%;padding:5x;margin:5px; - text-align: center; - left: 0; - z-index: 1000; +#inpage-search-results { + position: absolute; + top: 47px; + width: 99%; + padding: 5x; + margin: 5px; + text-align: center; + left: 0; + z-index: 1000; } -#inpage-search-results #search-results-images{ - display: none; - position:relative; - overflow:auto; - background-image:url(/static/img/bg.dither.gif); - background-color:lightyellow; - min-height: 600px; -margin:7px; - border:1px inset #333; - padding-top: 30px; +#inpage-search-results #search-results-images { + display: none; + position: relative; + overflow: auto; + background-image: url(/static/img/bg.dither.gif); + background-color: lightyellow; + min-height: 600px; + margin: 7px; + border: 1px inset #333; + padding-top: 30px; +} +#fullpage-search-results #search-results-images { + position: relative; + width: 100%; + overflow: visible; } -#fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; } -#search-results-images a.animating canvas { display: none } +#search-results-images a.animating canvas { + display: none +} #search-controls { - width: 95%; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1005; - text-align: right; - display: none; - top: 0; - padding-right: 8px; + width: 95%; + margin-left: auto; + margin-right: auto; + position: relative; + z-index: 1005; + text-align: right; + display: none; + top: 0; + padding-right: 8px; } #search-message { - font-size: medium; - padding: 4px; - + font-size: medium; + padding: 4px; } #search-controls a { - - padding: 4px; + padding: 4px; +} +.mute { + float: left; + font-size: 18px; + font-family: Comic Sans MS, cursive; + font-weight: 100; + text-shadow: 1px 1px #ddd; + color: #333; + cursor: pointer; + width: 20px; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none; +} +.unmute { + float: left; + font-size: 18px; + font-family: Comic Sans MS, cursive; + font-weight: 100; + text-shadow: 1px 1px #ddd; + color: #333; + cursor: pointer; + width: 20px; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none; } -.mute{float:left;font-size:18px;font-family: Comic Sans MS, cursive;font-weight:100;text-shadow:1px 1px #ddd;color:#333; cursor:pointer;width:20px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} -.unmute{float:left;font-size:18px;font-family: Comic Sans MS, cursive;font-weight:100;text-shadow:1px 1px #ddd;color:#333; cursor:pointer;width:20px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} #msgSubmit { - right: 325px; + right: 325px; } #palette-button { - right: 285px; + right: 285px; } #msginput { - padding-right: 68px; + padding-right: 68px; } #manual-palette-button { - border: 1px solid black; - background-color: #EFF5FB; - background-position: 4 2; - position: absolute; - background-image:url('http://dump.fm/images/20120709/1341873133967-dumpfm-ohgod-cpal.png'); - display: inline-block; - width: 40px; - height: 35px; - right: 245px; - top: 0; - padding-bottom: 1; - text-align: center; - cursor: pointer; - font-size: 12px; - color: white; - border-right: 0px; + border: 1px solid black; + background-color: #EFF5FB; + background-position: 4 2; + position: absolute; + background-image: url('http://dump.fm/images/20120709/1341873133967-dumpfm-ohgod-cpal.png'); + display: inline-block; + width: 40px; + height: 35px; + right: 245px; + top: 0; + padding-bottom: 1; + text-align: center; + cursor: pointer; + font-size: 12px; + color: white; + border-right: 0px; } #manual-palette { - position: absolute; - right: 30px; - bottom: 76px; - width: auto; - max-width: 350px; - min-width: 150px; - height: auto; - max-height: 400px; - min-height: 150px; - padding: 20px; - background-color: white; - z-index: 1000000001; - display: none; - overflow-y: auto; - box-shadow: 3px 4px 4px #C8CBCE; - border: 2px solid green; + position: absolute; + right: 30px; + bottom: 76px; + width: auto; + max-width: 350px; + min-width: 150px; + height: auto; + max-height: 400px; + min-height: 150px; + padding: 20px; + background-color: white; + z-index: 1000000001; + display: none; + overflow-y: auto; + box-shadow: 3px 4px 4px #C8CBCE; + border: 2px solid green; } #manual-palette-thumbs img { - max-width: 100px; - max-height: 100px; - cursor: pointer; - opacity: .9; - padding: 1; + max-width: 100px; + max-height: 100px; + cursor: pointer; + opacity: .9; + padding: 1; } #manual-add-url-txt { - position:absolute; - width:100%; - left:0px; - bottom:-2px; - outline:none; - border:none; - border-top:1px solid green; - background-color:#EFE; - padding: 2px 0 3px 2px; + position: absolute; + width: 100%; + left: 0px; + bottom: -2px; + outline: none; + border: none; + border-top: 1px solid green; + background-color: #EFE; + padding: 2px 0 3px 2px; } #manual-add-button { - position:absolute; - bottom:-2px; - right:40px; - width:40px; - background-color:white; - border:1px solid green; - border-bottom:none; - border-right:none; + position: absolute; + bottom: -2px; + right: 40px; + width: 40px; + background-color: white; + border: 1px solid green; + border-bottom: none; + border-right: none; } #manual-remove-button { - position:absolute; - bottom:-2px; - right:0px; - width:40px; - background-color:#FEE; - border:1px solid green; - border-bottom:none; - border-right:none; + position: absolute; + bottom: -2px; + right: 0px; + width: 40px; + background-color: #FEE; + border: 1px solid green; + border-bottom: none; + border-right: none; } #manual-palette-thumbs .error { - display: none; - width: 300px; - color: green; + display: none; + width: 300px; + color: green; } |