/* 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); } #userlist a{ color:000; } #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 a:hover{color:#ffffff;} .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; } .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{ 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; 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; } #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; }