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,172 +1,195 @@
a{ a {
text-decoration : underline; text-decoration: underline;
} }
a:hover{
text-decoration : none; a:hover {
text-decoration: none;
} }
a img { a img {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px; font-size: 11px;
} }
form{ 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;
padding-right : 10px; padding-right: 10px;
padding-left : 10px; padding-left: 10px;
background: #fafafa; background: #fafafa;
color: #B11E23; color: #B11E23;
} }
.bgcn{
background-position : center; .bgcn {
background-repeat : no-repeat; background-position: center;
} background-repeat: no-repeat;
.bgrn{
background-position : right;
background-repeat : no-repeat;
}
.bgcy{
background-position : center;
background-repeat : repeat-y;
}
.bgry{
background-position : right;
background-repeat : repeat-y;
}
.bgly{
background-position : left;
background-repeat : repeat-y;
}
.bgbx{
background-position : bottom;
background-repeat : repeat-x;
} }
.window{ .bgrn {
font-family : Arial, Helvetica, sans-serif; background-position: right;
font-size : 12px; background-repeat: no-repeat;
color : #000000;
}
.window a{
color : #880000;
}
.window h1{
margin-top : 0px;
margin-bottom : 0px;
font-size : 18px;
color : #000000;
font-weight : normal;
}
.window h2{
margin-top : 0px;
margin-bottom : 0px;
font-size : 12px;
color : #000000;
} }
.text{ .bgcy {
font-family : Arial, Helvetica, sans-serif; background-position: center;
font-size : 12px; background-repeat: repeat-y;
color : #000000;
}
.text span.grey{
color : #787878;
} }
.www a{ .bgry {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-position: right;
font-size : 10px; background-repeat: repeat-y;
color : #FFFFFF;
text-decoration : none;
} }
.message{ .bgly {
font-family : Arial, Helvetica, sans-serif; background-position: left;
font-size : 12px; background-repeat: repeat-y;
color : #4F4F4F;
padding-left : 3px;
padding-top : 3px;
padding-bottom :3px;
padding-right : 3px;
line-height : 17px;
}
.message span.time{
color : #000000;
}
.message span.nuser{
color : #B11E23;
font-weight : bold;
}
.message span.nagent{
font-weight : bold;
}
.message span.minf{
color : #1E48B1;
font-size : 11px;
}
.message span.mevent{
color : #A1A1A1;
font-size : 11px;
}
.message span.mhidden{
color : #A1A1A1;
font-size : 11px;
}
.message span.mconn{
color : #A1A1A1;
font-size : 11px;
}
textarea.message{
width : 100%;
height : 100%;
border : 0px solid Blue;
overflow : auto;
margin-left : 3px;
margin-top : 3px;
margin-bottom : 3px;
margin-right : 5px;
} }
.username{ .bgbx {
font-family : Arial, Helvetica, sans-serif; background-position: bottom;
font-size : 12px; background-repeat: repeat-x;
color : #383838;
padding-left : 3px;
}
input.username{
border : 1px solid #878787;
} }
.answer{ .window {
font-family : Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size : 11px; font-size: 12px;
color : #575757; color: #000000;
width : 170px;
} }
.submit a{ .window a {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #880000;
font-size : 11px;
color : #000000;
text-decoration : none;
} }
.button a{ .window h1 {
font-family : Arial, Helvetica, sans-serif; margin-top: 0px;
font-size : 11px; margin-bottom: 0px;
color : #666666; font-size: 18px;
color: #000000;
font-weight: normal;
} }
.copyr{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; .window h2 {
font-size : 10px; margin-top: 0px;
color : #929292; margin-bottom: 0px;
font-size: 12px;
color: #000000;
} }
.copyr a{
color : #929292; .text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.text span.grey {
color: #787878;
}
.www a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
.message {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4F4F4F;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
line-height: 17px;
}
.message span.time {
color: #000000;
}
.message span.nuser {
color: #B11E23;
font-weight: bold;
}
.message span.nagent {
font-weight: bold;
}
.message span.minf {
color: #1E48B1;
font-size: 11px;
}
.message span.mevent {
color: #A1A1A1;
font-size: 11px;
}
.message span.mhidden {
color: #A1A1A1;
font-size: 11px;
}
.message span.mconn {
color: #A1A1A1;
font-size: 11px;
}
textarea.message {
width: 100%;
height: 100%;
border: 0px solid Blue;
overflow: auto;
margin-left: 3px;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 5px;
}
.username {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #383838;
padding-left: 3px;
}
input.username {
border: 1px solid #878787;
}
.answer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #575757;
width: 170px;
}
.submit a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.button a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
.copyr {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #929292;
}
.copyr a {
color: #929292;
} }

View File

@ -1,292 +1,337 @@
a{ a {
text-decoration : underline; text-decoration: underline;
}
a:hover{
text-decoration : none;
} }
ul{ a:hover {
margin-bottom : 10px; text-decoration: none;
margin-top : 10px;
margin-left : 0px;
}
li{
margin-left : 18px;
list-style-image : url(images/li.gif);
}
li.error{
margin-left : 15px;
list-style-image : url(images/li_error.gif);
}
li.grey{
margin-left : 15px;
list-style-image : url(images/li_grey.gif);
} }
form{ ul {
margin-bottom : 0px; margin-bottom: 10px;
margin-top : 0px; margin-top: 10px;
margin-left: 0px;
} }
.bgcn{ li {
background-position : center; margin-left: 18px;
background-repeat : no-repeat; list-style-image: url(images/li.gif);
}
.bgrn{
background-position : right;
background-repeat : no-repeat;
}
.bgcy{
background-position : center;
background-repeat : repeat-y;
}
.bgry{
background-position : right;
background-repeat : repeat-y;
}
.bgly{
background-position : left;
background-repeat : repeat-y;
}
.bgbx{
background-position : bottom;
background-repeat : repeat-x;
} }
.textform{ li.error {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 15px;
font-size : 11px; list-style-image: url(images/li_error.gif);
color : #000000;
}
.textform a{
color : #2971C1;
} }
.text{ li.grey {
font-family : Arial, Helvetica, sans-serif; margin-left: 15px;
font-size : 12px; list-style-image: url(images/li_grey.gif);
color : #515151;
}
.text h1{
margin-bottom : 15px;
margin-top : 0px;
color : #000000;
font-size : 18px;
font-weight : normal;
line-height : 15px;
}
.text h2{
margin-bottom : 15px;
margin-top : 0px;
color : #000000;
font-size : 16px;
}
.text h3{
margin-bottom : 15px;
margin-top : 0px;
color : #000000;
font-size : 15px;
}
.text h4{
margin-bottom : 15px;
margin-top : 0px;
color : #000000;
font-size : 12px;
}
.text span.date{
font-size : 11px;
color : #FFFFFF;
font-weight : bold;
}
.text span.sub{
font-size : 11px;
color : #676767;
}
.text a.sublink{
font-size : 11px;
color : #666666;
}
.text b.black{
color : #000000;
}
.text span.black{
color : #000000;
} }
.block{ form {
font-family : Arial, Helvetica, sans-serif; margin-bottom: 0px;
font-size : 11px; margin-top: 0px;
color : #515151;
}
.block h1{
margin-bottom : 10px;
font-size : 12px;
color : #000000;
font-weight : bold;
line-height : 11px;
} }
.bann{ .bgcn {
font-family : Arial, Helvetica, sans-serif; background-position: center;
font-size : 21px; background-repeat: no-repeat;
color : #000000;
line-height : 18px;
}
.bann span.text{
font-size : 14px;
color : #9F7800;
} }
.bannin{ .bgrn {
font-family : Arial, Helvetica, sans-serif; background-position: right;
font-size : 17px; background-repeat: no-repeat;
color : #000000;
line-height : 14px;
font-weight : bold;
}
.bannin span.text{
font-size : 12px;
color : #9F7800;
font-weight : normal;
white-space : nowrap;
}
.bannform{
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #766037;
} }
.menu{ .bgcy {
font-family : Arial, Helvetica, sans-serif; background-position: center;
font-size : 12px; background-repeat: repeat-y;
color : #000000;
}
.menu a{
color : #000000;
} }
.smenu{ .bgry {
font-family : Arial, Helvetica, sans-serif; background-position: right;
font-size : 12px; background-repeat: repeat-y;
color : #165798;
}
.smenu a{
color : #165798;
} }
.table{ .bgly {
font-family : Arial, Helvetica, sans-serif; background-position: left;
font-size : 12px; background-repeat: repeat-y;
color : #515151;
padding-left : 5px;
padding-right : 15px;
padding-top : 2px;
padding-bottom : 2px;
}
.table span.header{
color : #FFFFFF;
}
.table span.headergrey{
color : #676767;
}
.table a.black{
color : #000000;
}
.table span.black{
color : #000000;
} }
.address{ .bgbx {
font-family : Arial, Helvetica, sans-serif; background-position: bottom;
font-size : 12px; background-repeat: repeat-x;
color : #000000;
}
.address a{
color : #000000;
} }
.phone{ .textform {
font-family : Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px; font-size: 11px;
color : #000000; color: #000000;
}
.phone span.number{
font-size : 17px;
color : #3D79AD;
font-weight : bold;
} }
td.formauth{ .textform a {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #2971C1;
font-size : 11px;
color : #000000;
padding-left : 0px;
}
td.formauth span{
color : #474747;
}
td.formauth span.formdescr{
font-size : 10px;
color : #676767;
}
.formauth{
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #676767;
}
input.formauth{
border : 1px solid #878787;
}
textarea.formauth{
border : 1px solid #878787;
overflow : auto;
} }
.submit a{ .text {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size : 11px; font-size: 12px;
color : #000000; color: #515151;
text-decoration : none;
} }
.perpage{ .text h1 {
font-family : Arial, Helvetica, sans-serif; margin-bottom: 15px;
font-size : 11px; margin-top: 0px;
color : #676767; color: #000000;
font-size: 18px;
font-weight: normal;
line-height: 15px;
} }
input.submit{ .text h2 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 15px;
font-size : 11px; margin-top: 0px;
color : #000000; color: #000000;
background : transparent; font-size: 16px;
background-image : url(images/submitbg.gif);
height : 33px;
cursor:hand;
border : none;
} }
.cal{ .text h3 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 15px;
font-size : 11px; margin-top: 0px;
color : #515151; color: #000000;
font-size: 14px;
} }
.cal a{
color : #515151; .text h4 {
text-decoration : none; margin-bottom: 15px;
margin-top: 0px;
color: #000000;
font-size: 12px;
} }
.cal span{
color : #B70606; .text span.date {
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
} }
.cal b{
color : #000000; .text span.sub {
font-size: 11px;
color: #676767;
} }
.text a.sublink {
font-size: 11px;
color: #666666;
}
.text b.black {
color: #000000;
}
.text span.black {
color: #000000;
}
.block {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #515151;
}
.block h1 {
margin-bottom: 10px;
font-size: 12px;
color: #000000;
font-weight: bold;
line-height: 11px;
}
.bann {
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
color: #000000;
line-height: 18px;
}
.bann span.text {
font-size: 14px;
color: #9F7800;
}
.bannin {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #000000;
line-height: 14px;
font-weight: bold;
}
.bannin span.text {
font-size: 12px;
color: #9F7800;
font-weight: normal;
white-space: nowrap;
}
.bannform {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #766037;
}
.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.menu a {
color: #000000;
}
.smenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #165798;
}
.smenu a {
color: #165798;
}
.table {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #515151;
padding-left: 5px;
padding-right: 15px;
padding-top: 2px;
padding-bottom: 2px;
}
.table span.header {
color: #FFFFFF;
}
.table span.headergrey {
color: #676767;
}
.table a.black {
color: #000000;
}
.table span.black {
color: #000000;
}
.table a.blocked {
color: #e0a0a0;
}
.address {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.address a {
color: #000000;
}
.phone {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.phone span.number {
font-size: 17px;
color: #3D79AD;
font-weight: bold;
}
td.formauth {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
padding-left: 0px;
}
td.formauth span {
color: #474747;
}
td.formauth span.formdescr {
font-size: 10px;
color: #676767;
}
.formauth {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #676767;
}
input.formauth {
border: 1px solid #878787;
}
textarea.formauth {
border: 1px solid #878787;
overflow: auto;
}
.submit a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.perpage {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #676767;
}
input.submit {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: transparent;
background-image: url(images/submitbg.gif);
height: 33px;
cursor: hand;
border: none;
}
.cal {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #515151;
}
.cal a {
color: #515151;
text-decoration: none;
}
.cal span {
color: #B70606;
}
.cal b {
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;
} }