summaryrefslogtreecommitdiff
path: root/static/css/hump.css
diff options
context:
space:
mode:
authoryo momma <shutup@oops.wtf>2026-02-04 19:25:03 +0000
committeryo momma <shutup@oops.wtf>2026-02-04 19:25:03 +0000
commit75cf2a9c3cd925d2d8de4b5ef98bdd55c29e9861 (patch)
tree457640db50cd62bac0649119abed37c3bdeb2fe7 /static/css/hump.css
parentad4d74ea45be6b227027588f6515fb22fafc335a (diff)
Rebrand: rename dump assets/templates to hump
Diffstat (limited to 'static/css/hump.css')
-rwxr-xr-xstatic/css/hump.css2627
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% }