summaryrefslogtreecommitdiff
path: root/static/css
diff options
context:
space:
mode:
authordumpfmprod <dumpfmprod@ubuntu.(none)>2010-05-21 19:23:47 -0400
committerdumpfmprod <dumpfmprod@ubuntu.(none)>2010-05-21 19:23:47 -0400
commitda2c9221e6e9b3fc3cd75ff1824ce77f8539e01b (patch)
tree31ea24c9ffb059f6ea36025964d9ada6e8eb2de0 /static/css
parent83aee3dd09c05a8b7840f9f439fee46a34eb9d57 (diff)
sostler prod commit
Diffstat (limited to 'static/css')
-rwxr-xr-xstatic/css/dump.css561
-rwxr-xr-xstatic/css/header.css40
-rw-r--r--static/css/index.css38
-rwxr-xr-xstatic/css/profile.css51
4 files changed, 547 insertions, 143 deletions
diff --git a/static/css/dump.css b/static/css/dump.css
index 0d4924c..965f145 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -1,3 +1,6 @@
+
+
+
/* pichat.css */
body {
@@ -162,7 +165,7 @@ margin-right:374;
width:120px;
height:35px;
right:285px;
-font-size:20px;background-image:url(/static/img/blgrad.png);
+font-size:20px;background-image:url(/static/img/e9.png);
top:15px;
text-align:center;
z-index:100;
@@ -175,7 +178,7 @@ border-right:0px;
}
#webcam-button-upload{
border-top-right-radius:10px;
- -webkit-border-top-right-radius:5px;background-image:url(/static/img/blgrad.png);
+ -webkit-border-top-right-radius:5px;background-image:url(/static/img/e9.png);
-moz-border-radius-topright:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
@@ -263,7 +266,7 @@ border:1px solid #000;
height:35px;
background-position:center;
right:125px;
-top:15px;background-image:url(/static/img/blgrad.png);
+top:15px;background-image:url(/static/img/e9.png);
padding-bottom:1;
text-align:center;
z-index:100;
@@ -295,7 +298,7 @@ opacity:1;
}
#palette-button {
-border:1px solid #000;background-image:url(/static/img/blgrad.png);
+border:1px solid #000;background-image:url(/static/img/e9.png);
background-position:top right;
position:absolute;
/* display:inline-block;*/
@@ -639,6 +642,7 @@ left:0.2%;
overflow-y: auto;
overflow-x: hidden;
}
+#messageList a:hover{ color: #00F;}
#messagetabs {
height: 40px;
padding: 5px;
@@ -652,14 +656,6 @@ left:0.2%;
z-index:1;
}
-#msgInputDiv {
- position:relative;
- min-width:500px;
- z-index:100;
-left:3px;
-bottom:10px;
- width: 100%;
-}
#msgInput {
z-index:100;
@@ -779,24 +775,7 @@ opacity:0.9;
border:1px solid #999;
z-index:5000;
}
-#upload {
- position:absolute;
- display:inline-block;
- width:120px;
-height:35px;
-background-position:center;
-right:125px;
-top:15px;
-padding-bottom:1;
- text-align:center;
- z-index:100;
- cursor:pointer;
-background-color:#fff;
- font-size:12px;
- color:#000;
-border:1px solid #000;border-right:0px;
-}
.msgDiv img{
max-width:650px;
width: expression(this.width > 650 ? 650: true);
@@ -1031,31 +1010,503 @@ left:0;
.invisible { display: none !important; }
- /* Hover menu shit */
+ /* 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";
- .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;
+#chatrap{
+
+}
+ #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;
+
+}
+
+#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:35px;font-size:100%;
+letter-spacing:-1px;
+left:12px;
+color:#000;
+}
+#profile h9{
+font-size:140%;
+color:#000;color:#000;
+text-shadow:#000 1px 1px 1px;
+}
+#chatrap{
+margin-left:245px;
+}
+
+#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;
+ z-index:100;
+ 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-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;
+
+}
+#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;
+ padding-top: 25px;
+}
+
+.logged-dump 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:4;
+}
+.logged-dump{
+width:600px;
+ max-width:600px;
+text-overflow: ellipsis-word;
+ padding: 18px 18px 6px 18px;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ text-transform: uppercase;
+ line-height:15px;
+ background-color:#fff;
+border-top:0px solid #000;
+margin-top:20;
+ z-index:4;
+ 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-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;
+margin-bottom:15px;
+ }
+
+.logged-dump 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;
+ 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;
+margin-top:0;
+border:1px solid #f0e0d6;
+ box-shadow:2px 2px 5px #d8dbde;
+ -webkit-box-shadow:2px 2px 5px #d8dbde;
+ -moz-box-shadow:2px 2px 5px #d8dbde;
+
+}
+#dlogavatar{
+margin-left:-85;
+height:25;
+background-image:url(/static/img/leftarrow.png);
+width:70;
+ background-repeat:no-repeat;
+ background-position:59 4;
+margin-top:-20;
+z-index:5555;
+
+
+}
+.dlogged-dump 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:4;
+
+
+
+}
+.dlogged-dump{
+ width:600px;
+ width:auto;
+text-overflow: ellipsis-word;
+ padding: 18px;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ text-transform: uppercase;
+ line-height:15px;
+ background-color:#fff;
+border:1px solid #f0e0d6;
+margin-left:-120px;
+margin-bottom:20px;
+ z-index:4;
+ 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;
+ line-height:20px;
+ text-align: left;
+
+
+}
+
+
+#infotxt{
position:absolute;
- } \ No newline at end of file
+top:;
+ 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;
+border:1px solid #ccc;
+height:22;
+margin-left:-30;
+color:fff;
+text-shadow: 1px 1px 1px #000;
+padding-right:8;
+text-transform:uppercase;
+ background-image:url(/static/img/upload.png);
+margin-top:-54;
+text-indent:5;
+}
+ #dprofile {
+ float: right;
+ padding: 20px;
+opacity:0.9;
+ position:fixed;
+ top:76px;
+image-rendering: -moz-crisp-edges;
+left:772px;
+max-width:140px;
+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;
+
+}
+
diff --git a/static/css/header.css b/static/css/header.css
index a073f54..dd6f2ad 100755
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -52,12 +52,12 @@ left:-1px;background-image:url(/static/img/blgrad.png);
position:absolute;
word-spacing:-1;
font-size: 16px;
-height:22;font-weight:bold;
+height:22;
width:455;
text-indent:14;
line-height:1.9;
left: 140px;
- margin-left: 0.4%;
+ margin-left: 0.1%;
margin-right: 8%;
letter-spacing:.2px;
z-index: 999;
@@ -73,6 +73,7 @@ margin-top:4;display:none;
text-decoration: none;
font-size:13;
padding:6;
+cursor:pointer;
color: #000;
}
@@ -80,7 +81,6 @@ padding:6;
text-decoration: none;
padding:6;background-color:#fff;
color: #000;
-
}
#logout7{
top:1px;
@@ -134,17 +134,22 @@ a:active {
float:left;
background-repete:none;
margin-top:-2px;
+
+background-image:url(/static/img/logobg.png);
+background-repeat:no-repeat;background-position:44 2;
+
}
#logo7 a{font-size:42;
letter-spacing:-4;
-color:#000;
- text-shadow: 1px 1px 0.3px #eee;
+
+ text-shadow: 1px 1px 3px #ccc; text-shadow: 1px 1px 3px #999;
+color:#fff;
}
#logo7 a:hover{
-
- text-shadow: 1px 1px 3px #000;
-color:#fff;
+color:#fff;
+ text-shadow: 1px 1px 2px #000;
+
}
#vippp{
@@ -180,24 +185,7 @@ text-shadow: 0px 0px 0.3px #fff;
width:auto;
}
-#landscape{
-position:absolute;
-width:auto;
-display:none;
-margin-left:55%;
-top:-38;
-opacity:0.8;
-z-index:2;
-}
-#welcomeinternet{
-position:absolute;
-width:auto;
-left:190;
-margin-left:29%;
-top:-19;
-display:none;
-z-index:3;
-}
+
#topnav {
padding:10px 0px 12px;
diff --git a/static/css/index.css b/static/css/index.css
index a7b08f7..1982e98 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -4,23 +4,10 @@ body {
background-repeat:repeat-x;
background-position:top;
}
-#passwordreset{
-}
#video{
display:none;
}
-#idgi{
-background-image:url(/static/img/idgi.png);
-background-position:top center;
- background-repeat:no-repeat;
-top:0;
-margin-top:10px;display:none;
-width:100%;
-
-height:100%;
-position:fixed;
-}
#rapper{
margin-top:6%;
}
@@ -34,7 +21,14 @@ background-position:top center;
left: 0px;
top: 0px;
}
-
+#bigbow{
+position:absolute;
+top:12px;
+left:83px;
+z-index:-1;
+opacity:0.1;
+display:nonel
+}
#panel {
padding: 10px 10px 10px 10px;
height: 600;
@@ -57,10 +51,6 @@ color:black;
font-size:42%;
text-decoration: none;
text-align: center;
- -webkit-border-bottom-left-radius:5px;
- -webkit-border-bottom-right-radius:5px;
- -moz-border-radius-bottomleft:5px;
- -moz-border-radius-bottomright:5px;
width:150;
@@ -81,6 +71,7 @@ z-index:2;
-webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
-moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
}
+}
.menu2 li {
padding: 0;
margin: 0 2px;
@@ -199,11 +190,9 @@ cursor:pointer;
font-size:16px;
color:#fff;
text-shadow:1px 1px 3px #000;
- border-radius: 5px;
- -webkit-border-radius: 5px;
+
z-index:20;
-moz-border-radius: 5px;*/
- border:solid 1px #eee;
}
input {
height:40px;
@@ -220,7 +209,6 @@ input {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.2;z-index:20;
- text-shadow:1px 1px 0.5px #ccc;
word-spacing: 3px;
}
.line {
@@ -248,11 +236,11 @@ line-height:-1;
z-index:100;
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;z-index:20;
+ -moz-border-radius: 5px;
+ text-shadow:1px 1px 3px #000;
+z-index:20;
}
#remembermeInput {
diff --git a/static/css/profile.css b/static/css/profile.css
index 00cc46e..bbc68af 100755
--- a/static/css/profile.css
+++ b/static/css/profile.css
@@ -30,27 +30,26 @@ letter-spacing:;
#profile {
float: right;
padding: 20px;
-width:auto;
opacity:0.9;
position:fixed;
top:79px;
image-rendering: -moz-crisp-edges;
-left:18;
-width:180;
+left:18px;
+width:180px;
line-height:1.3;
background-color:#fff;
overflow: hidden;
text-overflow: ellipsis;
height:auto;
text-overflow: ellipsis-word;
- background-position:top;
- z-index:999;
+ z-index:9;
min-height:350px;
}
-#lolbanner{
-position:absolute;
-top:5;display:none;
-margin-left:22;
+#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;
@@ -104,12 +103,12 @@ left:12px;
color:#000;
}
#profile h9{
-font-size:170%;
-color:#000;
-text-shadow:#ccc 1px 1px 1px;
+font-size:140%;
+color:#000;color:#000;
+text-shadow:#000 1px 1px 1px;
}
#chatrap{
-margin-left:250px;
+margin-left:245px;
}
#upload{
@@ -141,9 +140,6 @@ background-position:top;
font-weight:bold;
margin-left:0;
text-align:left;
-
-
-
}
#pnavo{
margin-top:-17;
@@ -167,8 +163,6 @@ height:32;
text-transform:lowercase;
border:1px solid #000;
background-color:#fff;
-
-
}
#pnavn{
position:absolute;
@@ -214,10 +208,7 @@ a:visited {
color: #000; text-shadow: 1px 1px 1px #999;
}
-a:active {
- text-decoration: none;
- color: #000;
-}
+
#footer
{
text-align:center;
@@ -247,7 +238,6 @@ color:000;
color: #f0e;
}
-
#log
{
position:absolute;
@@ -308,7 +298,7 @@ margin-top:20;
width: 100%;
height: 50px;
}
- h2 {
+#profile h2 {
letter-spacing:-1px;
color:#ccc;
height:40px;
@@ -318,8 +308,6 @@ color:#ccc;
text-transform:capitalize;
text-shadow: -1px 1px 1px #f0e;
}
-
-
img#avatarPic {
max-height:100px;max-width:100px;
border-top-left-radius:5px;
@@ -342,18 +330,7 @@ margin-bottom:15px;
color: #00F;
}
-.invisible { display: none !important; }
-body,td,th {
- font-family: Arial, Helvetica, sans-serif;
- background-color:#fff;
- background-repeat:repeat-x;
- background-position:top;
-background-attachment:fixed;
- margin: 0;
-
-
-}@charset "UTF-8";
.invisible { display: none !important; }
body,td,th {