diff options
Diffstat (limited to 'static/pichat.css')
| -rwxr-xr-x | static/pichat.css | 241 |
1 files changed, 101 insertions, 140 deletions
diff --git a/static/pichat.css b/static/pichat.css index 584189e..fa20a36 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -1,189 +1,150 @@ /* pichat.css */ -html, body { - padding: 1em; +#header { + z-index: 100; } #content{ - position:fixed; - z-index:3; - overflow:auto; - + z-index: 3; + overflow: auto; } #chatbox { position: fixed; -top:48px; - - + top:48px; } + #rapper { -top:0px; - + top: 0px; } -h1,h2{ - font: 100% 'helvetica neue',sans-serif; - letter-spacing:10px; - text-transform:uppercase; - font-family: Arial, Helvetica, sans-serif; - font-size: 14px; - left:2px; - top:5px; - position: fixed; + +h1,h2 { + font: 100% 'helvetica neue',sans-serif; + letter-spacing:10px; + text-transform:uppercase; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + left:2px; + top:5px; + position: fixed; } + #messagePane { - border: 2px solid #15fff3; - height: 70%; - padding: 5px; - position: fixed; - width: 80%; - max-width:1500px; - background-color:#FFF; - left:35px; - top:80px; - float: left; - z-index:5; -} -#logo { - position:fixed; - left:18px; - top:3px; - z-index:7; -} -#welcomebar { - font: 100% 'helvetica neue',sans-serif; - letter-spacing:1px; - top:20px; - font-family: Arial, Helvetica, sans-serif; - font-size: 9px; - left:350px; - top:67px; - position: fixed; + border: 2px solid #15fff3; + height: 70%; + padding: 5px; + position: fixed; + width: 80%; + max-width:1500px; + background-color:#FFF; + left:35px; + top:80px; + float: left; + z-index:5; } + #messageList { height: 100%; width: 100%; - position:inherit + position:inherit overflow-y: auto; overflow-x: hidden; - border-bottom: 1px solid grey; } #messagetabs { - height: 40px; - padding: 5px; - position: fixed; - width: 80%; - max-width:1500px; - overflow-y: hidden; - overflow-x: hidden; - top:48px; - left:0px; - z-index:1; + height: 40px; + padding: 5px; + position: fixed; + width: 80%; + max-width:1500px; + overflow-y: hidden; + overflow-x: hidden; + top:48px; + left:0px; + z-index:1; } + #msgInputDiv { height: 15px; - position:relative; - min-width:500px; + position:relative; + min-width:500px; } #msgInput { width: 80%; margin-right: 5px; margin-top: 15px; - position:relative; - min-width:500px; + position:relative; + min-width:500px; } #msgSubmit { width: 107px; - position:relative; - + position:relative; } .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; +} - max-width:650px; -width: expression(this.width > 650 ? 650: true);max-height:400px; -height: expression(this.width > 400 ? 400: true);max-width:400px;} +.oldmsg { + color: #666; +} #userList { - overflow: auto; - border: 1px solid gray; - height: 70%; - margin: 0px; - position: fixed; - padding: 5px; - top:80px; - width: 7%; - float:right; - right: 35px; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - text-transform: uppercase; - min-width:72px; - line-height:13px; - background-color:#FFF; - - z-index:4; + overflow: auto; + border: 1px solid gray; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:80px; + width: 7%; + float:right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width:72px; + line-height:13px; + background-color:#FFF; + z-index:4; } #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; - + 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; + } #lillogo { - bottom:0px; - position:absolute; - padding:1px; - right:7px; - line-height: 12px; + bottom:0px; + position:absolute; + padding:1px; + right:7px; + line-height: 12px; } #binfo { - font-family: Arial, Helvetica, sans-serif; - font-size: 11px; - bottom:2px; - -} -#popout { - top:1px; - position:fixed; - padding:1px; - right:0px; - float:right; - line-height: 12px; - font-size:10px; - text-align:right; -} - -#loginbar { - background: white; - padding: 5px; - position: absolute; - bottom: 40px; - left: 40px; - line-height: 8px; - z-index: 5; - border: 1px solid #15fff3; -} - -#loginsubmit { - float: right; + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + bottom:2px; }
\ No newline at end of file |