diff options
Diffstat (limited to 'static/css/dump.css')
| -rwxr-xr-x | static/css/dump.css | 719 |
1 files changed, 678 insertions, 41 deletions
diff --git a/static/css/dump.css b/static/css/dump.css index 9f7d1dd..83754a9 100755 --- a/static/css/dump.css +++ b/static/css/dump.css @@ -1,4 +1,649 @@ +/* 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; +} +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 */ + + +.white a:hover { + text-decoration: none; + color: #fff; +} +.white a:active { + text-decoration: none; + + + color: #fff; +} +#header7{ + margin: 0px auto -1px auto; + top:-1px; +height:49px; + position:fixed;background-image:url(/static/img/bg.dither.gif); +background-color:#eee; +border:1px solid #000; +width:100%; +min-width:600px; +left:-1px; + box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000; + +} +#bar7{ + top:19px; + position:absolute; + word-spacing:-1; + font-size: 16px; +height:22; + +text-indent:14px; +line-height:1.9; + left: 125px; + margin-left: 0.1%; + margin-right: 8%; + letter-spacing:.2px; + z-index: 999; +} + +#bar7 img{ +margin-top:4;display:none; + vertical-align: top; +} +#bar7 a{ + text-decoration: none; + font-size:13; +padding:6px; +cursor:pointer; + color: #000; + + +} +#bar7 a:hover{ + text-decoration: none; +padding:6px;background-color:#fff; + color: #000; + +} +#logout7{ + top:-1px; +height:16px; +padding-left:4px;padding-right:3px; + + border-bottom-left-radius:3px; + -webkit-border-bottom-left-radius:3px; + -moz-border-radius-bottomleft:3px; + position:relative; + font-size:1px; +border-left:1px solid #999; +border-bottom:1px solid #999; +background-color:#eff5fb; + float:right; + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; +} +#logout7 img{display:none; +} +#logout7 a{font-size:10px; color: #5a5858; + +} +#logout7 a:hover{font-size:10px; +color:#000; text-shadow: 0px 1px 0px #fff; +} +#toplogin{ +margin-top:8px; +margin-right:5px; + +} + +.white a:link { + text-decoration: none; + font-size:14px; + color: #fff; +} +.white a:visited { + text-decoration: none; + font-size:14px; + color: #fff; +} +#logo7{ + margin-left: 10px; + z-index:1050; text-decoration: none; + float:left; + margin-top:-1px; +} +#logo7 a{font-size:28px; + +letter-spacing:-1; +font-weight:bold; text-decoration: none; +color:#000; +} +#logo7 a:hover{ +color:#000; text-decoration: none; +text-shadow: -0.5px -0.5px 0px #f0e; +} +#dumplist{ +top:0px:width:100%;padding:0px;background-color:#fff; +color:#000;font-size:60%;text-transform:uppercase;text-decoration: none; +border-bottom:1px solid #999;text-align:right; +padding-right:70px;line-height:1.1;background-color:#eff5fb; +/*margin-left:40%; + border-bottom-left-radius:5px; + -webkit-border-bottom-left-radius:5px; + -moz-border-radius-bottomleft:5px;text-decoration: none; +border-left:1px solid #999;*/ +} +#dumplist a{color:#000;font-size:100%;text-transform:uppercase;text-decoration: none; +} +#dumplist a:hover{color:#000;text-decoration: none; + +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 62px; + z-index: 1000; +} +#logoicons{ +width:auto; +} +#registerlink{ + font-size: 16px; +word-spacing:2; +line-height:2.4; +font-weight:bold; +} + +#registerlink img{ +display:none; +} + +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +.thumb { + cursor:pointer; +} + +img.chat-thumb { + cursor:pointer; + position: absolute; + /*margin-top: -10px;*/ + width: 16px; + height: 16px; + bottom: 4px; + right: 4px; + /*left: 4px;*/ + display: block; + margin: 0; + padding: 0; +} + + +.dump .nick { + position: relative; + padding-right: 15px; +} + +.logged-dump { + position: relative; +} + +/* sharing */ +.buttons{ + cursor:pointer; + + +} +.buttons .share { + opacity: 0.8; +} +.buttons .share:hover { + opacity: 1; +} +.buttons .other-sites { + /*padding-left: 20px;*/ +} +img.thumb { + position: absolute; +image-rendering: -moz-crisp-edges; + margin-left: 0px; + margin-top: 0px; + height: 27px; + width: 27px; + left:110px; + bottom: 9px; + display: 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; +} + /*searchstuff*/ +#searchbox{ +position:absolute; +top:19px; +margin-right:10px; +} +#search-query{ +background: white; +border: 1px solid #999; +color: #C0C8D3; +font-size: 13px; +padding: 3px 12px 3px 37px; +padding-left: 37px; +padding-left: 37px; +width:190px; + +} +#search-query .search_icon { +background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent; +bottom:3px; +cursor:pointer; +left:6px; +opacity:0.8; +position:absolute; +top:3px; +width:32px; +} + +.white a:hover { + text-decoration: none; + color: #fff; +} +.white a:active { + text-decoration: none; + + + color: #fff; +} +#header7{ + margin: 0px auto -1px auto; + top:-1px; +height:49px; + position:fixed;background-image:url(/static/img/bg.dither.gif); +background-color:#eee; +border:1px solid #000; +width:100%; +min-width:600px; +left:-1px; + box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000; + -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000; + -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000; + +} +#bar7{ + top:19px; + position:absolute; + word-spacing:-1; + font-size: 16px; +height:22; + +text-indent:14px; +line-height:1.9; + left: 125px; + margin-left: 0.1%; + margin-right: 8%; + letter-spacing:.2px; + z-index: 999; +} + +#bar7 img{ +margin-top:4;display:none; + vertical-align: top; +} +#bar7 a{ + text-decoration: none; + font-size:13; +padding:6px; +cursor:pointer; + color: #000; + + +} +#bar7 a:hover{ + text-decoration: none; +padding:6px;background-color:#fff; + color: #000; + +} +#logout7{ + top:-1px; +height:16px; +padding-left:4px;padding-right:3px; + + border-bottom-left-radius:3px; + -webkit-border-bottom-left-radius:3px; + -moz-border-radius-bottomleft:3px; + position:relative; + font-size:1px; +border-left:1px solid #999; +border-bottom:1px solid #999; +background-color:#eff5fb; + float:right; + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; +} +#logout7 img{display:none; +} +#logout7 a{font-size:10px; color: #5a5858; + +} +#logout7 a:hover{font-size:10px; +color:#000; text-shadow: 0px 1px 0px #fff; +} +#toplogin{ +margin-top:8px; +margin-right:5px; + +} + +.white a:link { + text-decoration: none; + font-size:14px; + color: #fff; +} +.white a:visited { + text-decoration: none; + font-size:14px; + color: #fff; +} +#logo7{ + margin-left: 10px; + z-index:1050; text-decoration: none; + float:left; + margin-top:-1px; +} +#logo7 a{font-size:28px; + +letter-spacing:-1; +font-weight:bold; text-decoration: none; +color:#000; +} +#logo7 a:hover{ +color:#000; text-decoration: none; +text-shadow: -0.5px -0.5px 0px #f0e; +} +#dumplist{ +top:0px:width:100%;padding:0px;background-color:#fff; +color:#000;font-size:60%;text-transform:uppercase;text-decoration: none; +border-bottom:1px solid #999;text-align:right; +padding-right:70px;line-height:1.1;background-color:#eff5fb; +/*margin-left:40%; + border-bottom-left-radius:5px; + -webkit-border-bottom-left-radius:5px; + -moz-border-radius-bottomleft:5px;text-decoration: none; +border-left:1px solid #999;*/ +} +#dumplist a{color:#000;font-size:100%;text-transform:uppercase;text-decoration: none; +} +#dumplist a:hover{color:#000;text-decoration: none; + +} +#rapper7{ + top: 0px; + left:0px; + position:absolute; + width: 100%; + height: 62px; + z-index: 1000; +} +#logoicons{ +width:auto; +} +#registerlink{ + font-size: 16px; +word-spacing:2; +line-height:2.4; +font-weight:bold; +} + +#registerlink img{ +display:none; +} + +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +.thumb { + cursor:pointer; +} + +img.chat-thumb { + cursor:pointer; + position: absolute; + /*margin-top: -10px;*/ + width: 16px; + height: 16px; + bottom: 4px; + right: 4px; + /*left: 4px;*/ + display: block; + margin: 0; + padding: 0; +} + + +.dump .nick { + position: relative; + padding-right: 15px; +} + +.logged-dump { + position: relative; +} + +/* sharing */ +.buttons{ + cursor:pointer; + + +} +.buttons .share { + opacity: 0.8; +} +.buttons .share:hover { + opacity: 1; +} +.buttons .other-sites { + /*padding-left: 20px;*/ +} +img.thumb { + position: absolute; +image-rendering: -moz-crisp-edges; + margin-left: 0px; + margin-top: 0px; + height: 27px; + width: 27px; + left:110px; + bottom: 9px; + display: 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; +} + +div.msgDiv:hover { + cursor: pointer; +background-image:url("/static/img/thumbs/stripes.gif"); +background-position:center; +background-attachment:fixed; +} + +.msgDiv.favorite{ + cursor: pointer; +background-image:url("/static/img/thumbs/stripes.gif"); +background-position:center; +background-attachment:fixed; +} +.content{background-color:white;} +.nick{background-color:white;margin-right:3px;} +.msgDiv dump{background-color:white;} + /*searchstuff*/ +#searchbox{ +position:absolute; +top:18px; +right:36px; +} +#search-query{ +background: white; +border: 1px solid #999; +color: #C0C8D3; +font-size: 13px; +padding: 3px 12px 3px 37px; +padding-left: 37px; +text-indent:5px; + border-radius: 50px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; +} +.search_icon { +background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent; +bottom:3px; +cursor:pointer; +left:6px; +opacity:0.8; +border-right:1px solid #C0C8D3; +position:absolute; +top:3px; +width:32px; +} + +#searchresults{ + top:50px; + overflow:auto; + position:fixed;background-image:url(/static/img/bg.dither.gif); +background-color:#eee; +width:100%; +min-width:600px; +border-bottom:1px solid #000; +left:-1px; +margin-top:-1px; +} +#searchresults img{ + max-width:300px; + width: expression(this.width > 300 ? 300: true); + max-height:50px; + height: expression(this.width > 300 ? 300: true); + max-width:300px; + border:1px solid #eee; + float:left; + display:inline; + margin-right:10px; +} /* pichat.css */ @@ -62,12 +707,6 @@ a:active { #rapper { top: 0px; } -#trophy{ -position:fixed; -right:2; -bottom:15px; - -} #effects-msg{ position:fixed; bottom:65; @@ -114,7 +753,35 @@ color:000; font-size: 11px; color: #f0e; } +#footerp +{ + text-align:center; + position:fixed; + 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; +} +#footerp a:link { + text-decoration: none; + font-size: 11px; +color:000; +} + +#footerp a:hover { + text-decoration:none; + font-size: 11px; + color: #f0e; +} #messagePane { top:50px; @@ -439,12 +1106,10 @@ border:1px solid blue; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright: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); + 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; @@ -697,34 +1362,6 @@ left:0; .invisible { display: none !important; } - /* Hover menu shit */ - - .trigger ul.menu - { - display: none; - position: absolute; - margin: 0; - padding: .4em; - list-style: none; - } - .trigger ul.menu li - { - padding: .1em .5em; - } - .trigger ul.menu li a - { - display: block; - } - .trigger:hover - { - background: transparent url(hover_menu_sample_glass_panel_body_selected.png) no-repeat center; - } - .trigger:hover ul.menu - { - display: block; -width:60px; -position:absolute; - } /* profile shit */ body.profile { @@ -1032,7 +1669,7 @@ text-overflow: ellipsis-word; margin-left:3px; line-height:15px; -border-top:1px solid #ccc; + z-index:4; line-height:20px; |