format stylesheet, add engineinfo div

git-svn-id: https://webim.svn.sourceforge.net/svnroot/webim/trunk@109 c66351dc-e62f-0410-b875-e3a5c0b9693f
This commit is contained in:
Evgeny Gryaznov 2008-09-29 16:39:06 +00:00
parent 3b91cb7142
commit 77fde81610
2 changed files with 458 additions and 390 deletions

View File

@ -1,6 +1,7 @@
a { a {
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
@ -14,7 +15,8 @@ form{
margin-bottom: 0px; margin-bottom: 0px;
margin-top: 0px; margin-top: 0px;
} }
div#typingdiv {
div#typingdiv, div#engineinfo {
border: 0px solid gray; border: 0px solid gray;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px; font-size: 11px;
@ -23,26 +25,32 @@ div#typingdiv {
background: #fafafa; background: #fafafa;
color: #B11E23; color: #B11E23;
} }
.bgcn { .bgcn {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.bgrn { .bgrn {
background-position: right; background-position: right;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.bgcy { .bgcy {
background-position: center; background-position: center;
background-repeat: repeat-y; background-repeat: repeat-y;
} }
.bgry { .bgry {
background-position: right; background-position: right;
background-repeat: repeat-y; background-repeat: repeat-y;
} }
.bgly { .bgly {
background-position: left; background-position: left;
background-repeat: repeat-y; background-repeat: repeat-y;
} }
.bgbx { .bgbx {
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
@ -53,9 +61,11 @@ div#typingdiv {
font-size: 12px; font-size: 12px;
color: #000000; color: #000000;
} }
.window a { .window a {
color: #880000; color: #880000;
} }
.window h1 { .window h1 {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
@ -63,6 +73,7 @@ div#typingdiv {
color: #000000; color: #000000;
font-weight: normal; font-weight: normal;
} }
.window h2 { .window h2 {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
@ -75,6 +86,7 @@ div#typingdiv {
font-size: 12px; font-size: 12px;
color: #000000; color: #000000;
} }
.text span.grey { .text span.grey {
color: #787878; color: #787878;
} }
@ -96,32 +108,40 @@ div#typingdiv {
padding-right: 3px; padding-right: 3px;
line-height: 17px; line-height: 17px;
} }
.message span.time { .message span.time {
color: #000000; color: #000000;
} }
.message span.nuser { .message span.nuser {
color: #B11E23; color: #B11E23;
font-weight: bold; font-weight: bold;
} }
.message span.nagent { .message span.nagent {
font-weight: bold; font-weight: bold;
} }
.message span.minf { .message span.minf {
color: #1E48B1; color: #1E48B1;
font-size: 11px; font-size: 11px;
} }
.message span.mevent { .message span.mevent {
color: #A1A1A1; color: #A1A1A1;
font-size: 11px; font-size: 11px;
} }
.message span.mhidden { .message span.mhidden {
color: #A1A1A1; color: #A1A1A1;
font-size: 11px; font-size: 11px;
} }
.message span.mconn { .message span.mconn {
color: #A1A1A1; color: #A1A1A1;
font-size: 11px; font-size: 11px;
} }
textarea.message { textarea.message {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -139,6 +159,7 @@ textarea.message{
color: #383838; color: #383838;
padding-left: 3px; padding-left: 3px;
} }
input.username { input.username {
border: 1px solid #878787; border: 1px solid #878787;
} }
@ -162,11 +183,13 @@ input.username{
font-size: 11px; font-size: 11px;
color: #666666; color: #666666;
} }
.copyr { .copyr {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
color: #929292; color: #929292;
} }
.copyr a { .copyr a {
color: #929292; color: #929292;
} }

View File

@ -1,6 +1,7 @@
a { a {
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
@ -10,14 +11,17 @@ ul{
margin-top: 10px; margin-top: 10px;
margin-left: 0px; margin-left: 0px;
} }
li { li {
margin-left: 18px; margin-left: 18px;
list-style-image: url(images/li.gif); list-style-image: url(images/li.gif);
} }
li.error { li.error {
margin-left: 15px; margin-left: 15px;
list-style-image: url(images/li_error.gif); list-style-image: url(images/li_error.gif);
} }
li.grey { li.grey {
margin-left: 15px; margin-left: 15px;
list-style-image: url(images/li_grey.gif); list-style-image: url(images/li_grey.gif);
@ -32,22 +36,27 @@ form{
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.bgrn { .bgrn {
background-position: right; background-position: right;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.bgcy { .bgcy {
background-position: center; background-position: center;
background-repeat: repeat-y; background-repeat: repeat-y;
} }
.bgry { .bgry {
background-position: right; background-position: right;
background-repeat: repeat-y; background-repeat: repeat-y;
} }
.bgly { .bgly {
background-position: left; background-position: left;
background-repeat: repeat-y; background-repeat: repeat-y;
} }
.bgbx { .bgbx {
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
@ -58,6 +67,7 @@ form{
font-size: 11px; font-size: 11px;
color: #000000; color: #000000;
} }
.textform a { .textform a {
color: #2971C1; color: #2971C1;
} }
@ -67,6 +77,7 @@ form{
font-size: 12px; font-size: 12px;
color: #515151; color: #515151;
} }
.text h1 { .text h1 {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 0px; margin-top: 0px;
@ -75,40 +86,48 @@ form{
font-weight: normal; font-weight: normal;
line-height: 15px; line-height: 15px;
} }
.text h2 { .text h2 {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 0px; margin-top: 0px;
color: #000000; color: #000000;
font-size: 16px; font-size: 16px;
} }
.text h3 { .text h3 {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 0px; margin-top: 0px;
color: #000000; color: #000000;
font-size : 15px; font-size: 14px;
} }
.text h4 { .text h4 {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 0px; margin-top: 0px;
color: #000000; color: #000000;
font-size: 12px; font-size: 12px;
} }
.text span.date { .text span.date {
font-size: 11px; font-size: 11px;
color: #FFFFFF; color: #FFFFFF;
font-weight: bold; font-weight: bold;
} }
.text span.sub { .text span.sub {
font-size: 11px; font-size: 11px;
color: #676767; color: #676767;
} }
.text a.sublink { .text a.sublink {
font-size: 11px; font-size: 11px;
color: #666666; color: #666666;
} }
.text b.black { .text b.black {
color: #000000; color: #000000;
} }
.text span.black { .text span.black {
color: #000000; color: #000000;
} }
@ -118,6 +137,7 @@ form{
font-size: 11px; font-size: 11px;
color: #515151; color: #515151;
} }
.block h1 { .block h1 {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 12px; font-size: 12px;
@ -132,6 +152,7 @@ form{
color: #000000; color: #000000;
line-height: 18px; line-height: 18px;
} }
.bann span.text { .bann span.text {
font-size: 14px; font-size: 14px;
color: #9F7800; color: #9F7800;
@ -144,12 +165,14 @@ form{
line-height: 14px; line-height: 14px;
font-weight: bold; font-weight: bold;
} }
.bannin span.text { .bannin span.text {
font-size: 12px; font-size: 12px;
color: #9F7800; color: #9F7800;
font-weight: normal; font-weight: normal;
white-space: nowrap; white-space: nowrap;
} }
.bannform { .bannform {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
@ -161,6 +184,7 @@ form{
font-size: 12px; font-size: 12px;
color: #000000; color: #000000;
} }
.menu a { .menu a {
color: #000000; color: #000000;
} }
@ -170,6 +194,7 @@ form{
font-size: 12px; font-size: 12px;
color: #165798; color: #165798;
} }
.smenu a { .smenu a {
color: #165798; color: #165798;
} }
@ -183,24 +208,33 @@ form{
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
} }
.table span.header { .table span.header {
color: #FFFFFF; color: #FFFFFF;
} }
.table span.headergrey { .table span.headergrey {
color: #676767; color: #676767;
} }
.table a.black { .table a.black {
color: #000000; color: #000000;
} }
.table span.black { .table span.black {
color: #000000; color: #000000;
} }
.table a.blocked {
color: #e0a0a0;
}
.address { .address {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
color: #000000; color: #000000;
} }
.address a { .address a {
color: #000000; color: #000000;
} }
@ -210,6 +244,7 @@ form{
font-size: 12px; font-size: 12px;
color: #000000; color: #000000;
} }
.phone span.number { .phone span.number {
font-size: 17px; font-size: 17px;
color: #3D79AD; color: #3D79AD;
@ -222,21 +257,26 @@ td.formauth{
color: #000000; color: #000000;
padding-left: 0px; padding-left: 0px;
} }
td.formauth span { td.formauth span {
color: #474747; color: #474747;
} }
td.formauth span.formdescr { td.formauth span.formdescr {
font-size: 10px; font-size: 10px;
color: #676767; color: #676767;
} }
.formauth { .formauth {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; font-size: 11px;
color: #676767; color: #676767;
} }
input.formauth { input.formauth {
border: 1px solid #878787; border: 1px solid #878787;
} }
textarea.formauth { textarea.formauth {
border: 1px solid #878787; border: 1px solid #878787;
overflow: auto; overflow: auto;
@ -271,22 +311,27 @@ input.submit{
font-size: 11px; font-size: 11px;
color: #515151; color: #515151;
} }
.cal a { .cal a {
color: #515151; color: #515151;
text-decoration: none; text-decoration: none;
} }
.cal span { .cal span {
color: #B70606; color: #B70606;
} }
.cal b { .cal b {
color: #000000; color: #000000;
} }
.firstmessage a { .firstmessage a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
text-decoration: none; text-decoration: none;
color: #6a6a6a; color: #6a6a6a;
} }
.firstmessage a:hover { .firstmessage a:hover {
color: #8a6a6a; color: #8a6a6a;
} }