/* reset.css 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, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: Arial, Helvetica, sans-serif; } body { line-height: 1; 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; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*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); } 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); } #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; } #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; } .thumb { cursor: pointer; } .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; } .dump .nick { position: relative; padding-right: 15px; } .logged-dump { position: relative; } /* sharing */ .buttons { cursor: pointer; position: relative; display: inline-block; } .buttons .share { opacity: 0.8; } .buttons .share:hover { opacity: 1; } .buttons .other-sites { /*padding-left: 20px;*/ } img.thumb { 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; } a.youtube { position: relative; } .youtube .youtube-thumb { width: 130px; height: 97px; padding-bottom: 22px; margin: 0; } .youtube .youtube-controls { position: absolute; left: 0; bottom: 0; margin: 0; } .share-buttons { cursor: pointer; width: 100; } .msvDiv { 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; } .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; } .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; } .msg-hover { background-color: #fff; } .msg-image-zoom { 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; } 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; } .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; } /*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; } #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; } #fullpage-search-results #search-results-images { position: relative; width: 100%; overflow: visible; } #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; } #search-message { font-size: medium; padding: 4px; } #search-controls a { padding: 4px; } /* pichat.css */ a { font-size: 12px; color: #000; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #00F; } a:active { text-decoration: none; color: #000; } .white a:link { text-decoration: none; font-size: 14px; color: #fff; } .white a:visited { text-decoration: none; font-size: 14px; color: #fff; } #dcontent { overflow: auto; min-width: 600px; } #content { overflow: auto; } #chatboxx { position: fixed; top: 80px; } #rapper { top: 0px; } #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; color: #000; } #footerc a { font-size: 11px; color: #000; font-family: Monaco, "Courier New", Courier, monospace; } #footerc a:link { text-decoration: none; font-size: 11px; color: 000; } #footerc a:hover { 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; color: #000; } #footerp a { 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; } #footerp a:hover { text-decoration: none; font-size: 11px; color: #f0e; } #messagePane { top: 0px; bottom: 65px; position: fixed; width: 99.6%; font-size: 110%; background-color: #fff; left: 0.2%; } #messagePane a:hover { text-decoration: none; color: #00F; } #messageList { 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; } #msgInputDiv { 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; } #msgInput.over { background: #cef; } .msgInput { min-width: 500px; width: 100%; background-color: #eff5fb; } #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; } #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; } #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.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-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; } #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; } .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; } .msgDiv { padding: 2px; } .oldmsg { 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; } #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; } #palette-thumbs { } #palette-thumbs img { 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; } #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; } #userList { overflow-x: hidden; overflow-y: auto; max-height: 76%; margin: 0px; position: absolute; padding: 5px; top: 39px; min-width: 210px; 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;*/ text-align: left; background-image: url(/static/img/bg.dither.gif); } #userList::-webkit-scrollbar { width: 4px; } #userList::-webkit-scrollbar-track { background: transparent; } #userList::-webkit-scrollbar-thumb { width: 4px; height: 10px; background: #444; } .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; } #avatar { right: 1px; float: right; text-align: left; width: auto; } #userListp { overflow-x: hidden; overflow-y: auto; max-height: 77%; margin: 0px; position: absolute; padding: 5px; top: 25px; min-width: 210px; 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;*/ z-index:1000; text-align: left; 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 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 } #preload { position: absolute; left: 0px; top: 0px; } .invisible { display: none !important; } /* 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; } @charset "UTF-8"; #chatrap { } #messagePanep { top: 50px; bottom: 65px; position: fixed; width: 99.6%; 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 a { font-size: 12; letter-spacing: ; color: #fff; } #edit-toggle a:hover { font-size: 12; letter-spacing: ; } #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; overflow: hidden; text-overflow: ellipsis; 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); } #profile h3 { font-size: 15px; margin-left: -10px; color: 999; padding-bottom: 2px; } #profile h2 { text-indent: -10; margin-top: -5; } #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 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; } #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; } #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; 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; } #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; } .buttons .permalink img { width: 16px; height: 16px; } #pnav a { font-size: 30px; color: #000; text-transform: lowercase; } pnav a:link { text-decoration: none; color: fff; } a:visited { text-decoration: none; color: #000; } #pnav a:hover { text-decoration: none; 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; color: #000; } #footer a { font-size: 11px; color: #000; } #footer a:link { text-decoration: none; font-size: 11px; color: 000; } #footer a:hover { text-decoration: none; font-size: 11px; color: #f0e; } #log { position: absolute; top: 18px; margin-top: 25px; } .logged-dump img { max-width: 400px; max-height: 400px; border: 0px; } #messageList img { 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; } .editable { color: #0AA; } .editing { color: #F0F; } div#avatar { overflow: hidden; text-overflow: ellipsis; padding-bottom: 20px; } #contact { text-overflow: ellipsis-word; } #bio { text-overflow: ellipsis-word; } input.inplace_field { width: 100%; } 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; 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; } .logged-dump a:hover { 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 { 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 { min-width: 600px; max-width: 600px; width: 600px; width: auto; text-overflow: ellipsis-word; padding: 18px; 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; 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; } #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; overflow: hidden; text-overflow: ellipsis; height: auto; text-overflow: ellipsis-word; z-index: 9; } #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; overflow: hidden; text-overflow: ellipsis; 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); } #dprofile h3 { font-size: 15px; margin-left: -10px; color: 999; padding-bottom: 2px; } #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 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; } #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 h2 { font-size: 25px; 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 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 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:hover { color: #f9f9f9; background-color: white; font-size: 100%; text-shadow: -2px 2px 10px #000; } #dashinfo { margin-top: 10px; background-color: white; } #dashavatar { } #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; } #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; } .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; } .dash-dump { background-color: white; padding: 0px; display: inline-block; } .dash-dump img { background-color: white; padding: 1px; } .profiledash { overflow: auto; } #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; } #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; } #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 { 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; } .contentWrap { background-color: #fff; } .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; } #textbutton, #imgbutton, #clearbutton { float: right; background: #fff; color: #666; margin-left: 15px; height: 20px; } #clearbutton { 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; } #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 } #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; 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; } #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; font-family: Monaco, "Courier New", Courier, monospace; font-weight: normal; } #dislogout7 img { display: none; } #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; } #pwreset a { margin-left: 20px; color: #66AACC; font-size: 11px; } /*MESSAGE STUFF*/ a.msgbtn { padding: 5px; top: -7px; right: -1px; font-weight: 500; position: absolute; font-size: 12.5px; background: #fff; color: #000; border: 1px dotted #0C8FFF; text-align: center; font-family: Monaco, "Courier New", Courier, monospace; cursor: pointer; margin-left: 50px; 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; } a.msgbtn:active { background: #eee; } #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; 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; font-family: Monaco, "Courier New", Courier, monospace; font-weight: 100; font-size: 15px; } #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; } #login-container { float: right; right: 19px; color: #fff; position: fixed; top: 4px; z-index: 20000000; } #login-container { float: right; margin-right: 14px; color: #fff; position: fixed; top: 4px; z-index: 20000000; } #login-container a:link, a:visited { color: #000; text-decoration: none; } #login-container .topnav { padding: 0px 0px 12px; font-size: 11px; color: 000; line-height: 23px; text-shadow: #000 0px 0px 0px; 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); } #login-container .topnav a.signin:hover { *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; } a.signin { 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; } #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); } 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; 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); } #signin_menu input[type=text], #signin_menu input[type=password] { display: block; font-size: 25px; margin: 0 0 5px; padding: 5px; width: 203px; } #signin_menu p { margin: 0; } #signin_menu a { color: #6AC; } #signin_menu label { font-weight: normal; } #signin_menu p a { 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; } #furie3 { position: absolute; left: 294px; margin-top: 250px; z-index: 10; } #loginSubmit::-moz-focus-inner { padding: 0; border: 0; } #loginSubmit:hover, #loginSubmit:focus { background-position: 0 -5px; cursor: pointer; } .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 { 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; } .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 #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; } #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; } #search-message { font-size: medium; padding: 4px; } #search-controls a { 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; } #msgSubmit { right: 325px; } #palette-button { right: 285px; } #msginput { padding-right: 68px; } #manual-palette-button { border: 1px solid black; position: absolute; background: #EFF5FB url('http://dump.fm/images/20121230/1356914178158-dumpfm-ryder-scissors.png')no-repeat center; background-size:68%; 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; } #manual-palette-thumbs img { 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; } #manual-add-button { 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; } #manual-palette-thumbs .error { display: none; width: 300px; color: green; } .rainbow { background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); color:transparent; -webkit-background-clip: text; } .nick_aids_enoch { opacity: 0.3; color: transparent; text-shadow: 0 0 5px #857E96; } .bigimage { max-width: none!important; max-height: none!important;width:100% }