diff options
Diffstat (limited to 'static/pichat.css')
| -rwxr-xr-x | static/pichat.css | 235 |
1 files changed, 25 insertions, 210 deletions
diff --git a/static/pichat.css b/static/pichat.css index cd4dd77..cad0ec8 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -2,10 +2,9 @@ body { - background-color:#e3e3e3; +background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; margin:0; - background-color:#ffffee; - background-image:url(/static/chanbg.png); + background-repeat:repeat-x; background-position:top; @@ -59,7 +58,7 @@ color:000; #messagePane { border: 2px solid #c8cbce; -top:56px; +top:54px; bottom:65px; position:fixed; width: 99%; @@ -124,23 +123,40 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, display:inline-block; width:120px; height:35px; -right:0px; +right:120px; font-size:20px; -background-image:url(/static/bg-btn-blue.png); + top:15px; text-align:center; z-index:100; cursor:pointer; - background-color:#087cff; - border-top-right-radius:10px; + background-color:red; +background-image:url(/static/clearred.png); + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,0.5); +} +#upload { + 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; border-radius:2px; + position:absolute; + display:inline-block; + width:120px; +height:35px; +right:0; +top:15px; + text-align:center; + z-index:100; + cursor:pointer; + background-color:blue; font-size:12px; color:#fff; +background-image:url(/static/bg-btn-blue.png); text-shadow:1px 1px 3px rgba(0,0,0,0.5); } .msgDiv img{ @@ -165,7 +181,7 @@ top:15px; position: absolute; padding: 5px; top:85px; - min-width: 160px; + min-width: 180px; width:11%; float:right; right: 6%; @@ -288,206 +304,5 @@ background-color:#f3f3f3; font-size: 11px; bottom } -/* -#chatrap{ - top: 105px; - left:0px; - position:absolute; - width: 100%; - padding-bottom:20px; -} - -#input { - padding-right:15px; - line-height:22px; - font-size: 12px; -} - #loghead { - border-bottom:0px; - padding-left: -50px; - margin-right:60%; - width:70%; - letter-spacing:-3px; - color:#504F61; - height:28px; - font-size:33px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - text-transform:capitalize; - text-shadow: -6px 4px 4px #ccc; - padding-bottom:12px; - left: -40px; - background-color: #FFF; - top: 80px; - position: fixed; - } - -#logc -{ - margin-right:10%; - margin-left:10%; - background-color:#FFF; - padding-left: 40px; - padding-bottom: 30px; - padding-top: 15px; -} - - - #profile { - float: right; - border:1px solid #000; - padding: 20px; - width: 180px; - margin-right:15%; - background-color:#FFF; - background-image:url(/static/cloudbg2.png); - background-position:center; - z-index:10; - border-top-right-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topright:5px; - min-height:600px; - } -#chatrap{ - top: 105px; - left:0px; - position:absolute; - width: 100%; - margin: 0; - padding-bottom:105px; -} - -#log -{ - border: 2px #F1F1F1; - margin-right:15%; - margin-left:15%; - background-color:#FFF; - padding-left: 40px; - padding-bottom: 80px; - padding-top: 15px; - min-height: 800px; - 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; -} -#posts { - - - -} -.logged-dump img{ - max-width:650px; - width: expression(this.width > 500 ? 500: true); - max-height:400px; - height: expression(this.width > 500 ? 500: true); - border:0px; - z-index:4; - - - -} -.logged-dump{ - - - - padding: 15px; - font-family: Arial, Helvetica, sans-serif; - margin-left:15%; - width:60%; - - font-size: 12px; - text-transform: uppercase; - 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; - min-width:72px; - line-height:15px; - background-color:#F2F2F2; - background-image:/static/footer.png; - background-position:bottom; - border:solid 1px #0f1e31; - z-index:4; - text-align: left; - margin:15px; - line-height:5px; - - -} - .editable { - color: #0AA; - } - .editing { - color: #F0F; - } - div#avatar { - overflow: hidden; - text-overflow: ellipsis; - } - - img#avatarPic { - max-height:250px; - } - - #logged-dump { - border: 1px solid dotted; - padding: 5px; - } - #loghead { - border-bottom:0px; - padding-left: -50px; - margin-right:60%; - width:auto; - letter-spacing:-3px; - color:#087cff; - height:28px; - font-size:33px; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - text-transform:capitalize; - text-shadow: -6px 4px 4px #ccc; - padding-bottom:12px; - left: -40px; - } - -p { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 7px; -} -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; -} -td { - font-family: Arial, Helvetica, sans-serif; - letter-spacing:-1px; - font-size: 12px; - color: #000000; -} -.btnav { border: 0px #000000 solid;} -*/ .invisible { display: none !important; } |