diff options
Diffstat (limited to 'static/css/hump.css')
| -rwxr-xr-x | static/css/hump.css | 2627 |
1 files changed, 2627 insertions, 0 deletions
diff --git a/static/css/hump.css b/static/css/hump.css new file mode 100755 index 0000000..1dd4c6e --- /dev/null +++ b/static/css/hump.css @@ -0,0 +1,2627 @@ +/* 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(/static/img/humppixel.png); +} +a.img_roll:hover { + width: 130px; + height: 46px; + display: block; + background-image: url(/static/img/humppixelhover.png); +} +a.img_rolldis:link, .img_rolldis { + width: 130px; + height: 46px; + display: inline-block; + background-image: url(/static/img/humppixel.png); +} +a.img_rolldis:hover { + width: 130px; + height: 46px; + display: inline-block; + background-image: url(/static/img/humppixelhover.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; +} + +#humplist { + 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;*/ +} +#humplist.humplist-hidden { + z-index: -1 !important; +} +.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; +} + + +.hump .nick { + position: relative; + padding-right: 15px; +} + +.logged-hump { + 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.hump { + background-color: white; +} +.nick a:link { + color: #000; + margin-right: 3px; +} +.msgDiv.hump a:link { + background-color: white; + color: #000; +} + +/*searchstuff*/ + + + + +.search_icon { + background: url("/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: 98%; + 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: 93%; + height: 400px; + 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 { + z-index: 20; + 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; +} + +#preload { + position: absolute; + left: 0px; + top: 0px; +} + +.invisible { + display: none !important; +} + +.is-hidden { + display: none; +} + +.is-relative { + position: relative; +} + +.float-left { + float: left; +} + +.content-no-padding { + padding: 0; +} + +.p-2 { + padding: 2px; +} + +.dash-total { + width: 100%; + height: 100%; + z-index: -1; +} + +.dash-total--avatar { + opacity: 0.1; +} + +.dash-total--stripes { + background-image: url(/static/img/thumbs/stripes.gif); +} + +.bg-white { + background-color: #fff; +} + +.bg-hearts { + background-image: url(/static/img/hearts.gif); + background-repeat: repeat; +} + +.hearts-frame { + overflow-x: hidden; + padding: 5px; + background-image: url(/static/img/hearts.gif); + background-repeat: repeat; +} + +.dropdown-window { + overflow: hidden; + height: 600px; + position: absolute; +} + +.loading-bar { + position: absolute; + left: 50%; + top: 50%; +} +.loading-bar-label { + position: absolute; + font-family: arial; + font-size: 10px; + color: #ccc; + background: #000; + left: -50px; + top: -18px; + padding: 1px; +} +.loading-bar-track { + position: absolute; + left: -50px; + top: -5px; + font-size: 1px; + width: 100px; + height: 10px; + background: #333; +} +.loading-bar-fill { + position: absolute; + font-size: 1px; + width: 0px; + height: 10px; + background: #eee; +} + +.embed-frame { + border: 7px inset #ccc; + margin: 0; +} + + + +/* 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-hump img { + max-width: 400px; + max-height: 400px; + border: 0px; +} +#messageList img { + max-width: 400px; + max-height: 400px; +} + +.logged-hump { + 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-hump 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-hump 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-hump { + 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-hump { + 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-hump { + background-color: white; + padding: 0px; + display: inline-block; +} +.dash-hump 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(/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(/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; + border: none; + overflow: hidden; + width: 100px; + height: 21px; +} + +.fb-like-wide { + border: none; + overflow: hidden; + width: 500px; + height: 26px; +} +#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("/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("/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("/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('https://archive.hump.fm/images/20121230/1356914178158-humpfm-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; +} + +.rainbow-link { + border-bottom: 1px solid rgba(0, 255, 255, 0.3); + font-weight: bold; +} + +.nick_aids_enoch a:link, .nick_aids_enoch .content, .nick_aids_enoch .msg-hover { color: transparent; text-shadow: 0 0 5px #857E96; } +.nick_aids_enoch { opacity: 0.3; } +.nick_aids_enoch img { -webkit-filter: blur(4px); } + +.bigimage { max-width: none!important; max-height: none!important;width:100% } |
