summaryrefslogtreecommitdiff
path: root/static/browser.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/browser.css')
-rwxr-xr-xstatic/browser.css493
1 files changed, 493 insertions, 0 deletions
diff --git a/static/browser.css b/static/browser.css
new file mode 100755
index 0000000..30ea714
--- /dev/null
+++ b/static/browser.css
@@ -0,0 +1,493 @@
+/* pichat.css */
+
+body {
+
+ background-color:#e3e3e3;
+ margin:0;
+
+}
+
+
+#content{
+ z-index: 3;
+ overflow: auto;
+ min-width:600px;
+}
+
+#chatboxx {
+ position: fixed;
+ top:80px;
+}
+
+#rapper {
+ top: 0px;
+}
+
+#footerc
+{
+ text-align:center;
+ position:fixed;
+ width:100%;
+ bottom:0px;
+line-height:3.1;
+ font-size:11px;
+word-spacing:8px;
+height:28px;
+ color: #000;
+
+}
+#footerc a {
+ font-size: 11px;
+ color: #000;
+}
+#footerc a:link {
+ text-decoration: none;
+ font-size: 11px;
+color:000;
+}
+
+#footerc a:hover {
+ text-decoration:none;
+ font-size: 11px;
+ color: #f0e;
+}
+
+
+#messagePane {
+ border: 2px solid #c8cbce;
+
+
+top:56px;
+bottom:65px;
+ position:fixed;
+ width: 99%;
+ background-color:#FFF;
+left:0.3%;
+
+ z-index:5;
+}
+
+#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;
+ z-index:1;
+}
+
+#msgInputDiv {
+ position:relative;
+ min-width:500px;
+ z-index:100;
+left:1px;
+bottom:10px;
+ width: 100%;
+}
+
+#msgInput {
+ width: 100%;
+ z-index:100;
+ background-color:#FFF;
+ margin-top: 15px;
+ left:-3px;
+ position:relative;
+ border:2px solid #c8cbce;
+height:36px;
+font-size:20px;
+ min-width:500px;
+
+ box-shadow: 2px 3px 4px #eee;
+-webkit-box-shadow: 2px 3px 4px #eee;
+-moz-box-shadow: 2px 3px 4px #eee;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, positive=true);
+}
+.msgInput {
+ min-width:500px;
+ z-index:100;
+}
+
+#msgSubmit {
+
+ position:absolute;
+ display:inline-block;
+ width:120px;
+height:35px;
+right:0px;
+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;
+ -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;
+ font-size:12px;
+ color:#fff;
+ text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+}
+.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;
+ z-index: 1;
+}
+.msgDiv {padding:2px;
+}
+.oldmsg {
+ color: #666;
+}
+
+#userList {
+ overflow-x: hidden;
+ overflow-y:auto;
+ height: auto;
+ margin: 0px;
+ position: absolute;
+ padding: 5px;
+ top:85px;
+ min-width: 150px;
+ width:11%;
+ float:right;
+ right: 6%;
+ 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;
+ max-height:450px;
+ 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;
+ z-index:18;
+ text-align: left;
+}
+.username{height:30px;
+margin-top:6px;
+line-height:20px;
+text-indent:6px;
+z-index:18;
+min-width:90px;
+overflow:hidden;
+
+}
+.username a {
+display:block;
+width:100%;
+height:100%;
+text-decoration:none;
+}
+.username a:hover {
+display:block;
+width:100%;
+height:100%;
+background-image:url(/static/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;
+ z-index:77;
+ height:30px;
+ border-top-left-radius:3px;
+ border-top-right-radius:3px;
+ -webkit-border-top-left-radius:3px;
+ -webkit-border-top-right-radius:3px;
+ -moz-border-radius-topleft:3px;
+ -moz-border-radius-topright:3px;
+ border-bottom-left-radius:3px;
+ border-bottom-right-radius:3px;
+ -webkit-border-bottom-left-radius:3px;
+ -webkit-border-bottom-right-radius:3px;
+ -moz-border-radius-bottomleft:3px;
+ -moz-border-radius-bottomright: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;
+
+}
+
+#binfo {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ bottom
+ #chatrap{
+ top: 105px;
+ left:0px;
+ position:absolute;
+ width: 100%;
+ padding-bottom:20px;
+}
+#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;}
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 21:10:30 +0000