From 77fde81610b274fe25929109c32313c197e01382 Mon Sep 17 00:00:00 2001 From: Evgeny Gryaznov Date: Mon, 29 Sep 2008 16:39:06 +0000 Subject: [PATCH] format stylesheet, add engineinfo div git-svn-id: https://webim.svn.sourceforge.net/svnroot/webim/trunk@109 c66351dc-e62f-0410-b875-e3a5c0b9693f --- src/messenger/webim/chat.css | 307 ++++++++++--------- src/messenger/webim/styles.css | 541 ++++++++++++++++++--------------- 2 files changed, 458 insertions(+), 390 deletions(-) diff --git a/src/messenger/webim/chat.css b/src/messenger/webim/chat.css index faa78177..c2ff8ba4 100644 --- a/src/messenger/webim/chat.css +++ b/src/messenger/webim/chat.css @@ -1,172 +1,195 @@ -a{ - text-decoration : underline; +a { + text-decoration: underline; } -a:hover{ - text-decoration : none; + +a:hover { + text-decoration: none; } a img { - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 11px; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 11px; } -form{ - margin-bottom : 0px; - margin-top : 0px; +form { + margin-bottom: 0px; + margin-top: 0px; } -div#typingdiv { + +div#typingdiv, div#engineinfo { border: 0px solid gray; - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 11px; - padding-right : 10px; - padding-left : 10px; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 11px; + padding-right: 10px; + padding-left: 10px; background: #fafafa; color: #B11E23; } -.bgcn{ - 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; + +.bgcn { + background-position: center; + background-repeat: no-repeat; } -.window{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - 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; +.bgrn { + background-position: right; + background-repeat: no-repeat; } -.text{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - color : #000000; -} -.text span.grey{ - color : #787878; +.bgcy { + background-position: center; + background-repeat: repeat-y; } -.www a{ - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 10px; - color : #FFFFFF; - text-decoration : none; +.bgry { + background-position: right; + background-repeat: repeat-y; } -.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; +.bgly { + background-position: left; + background-repeat: repeat-y; } -.username{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - color : #383838; - padding-left : 3px; -} -input.username{ - border : 1px solid #878787; +.bgbx { + background-position: bottom; + background-repeat: repeat-x; } -.answer{ - font-family : Arial, Helvetica, sans-serif; - font-size : 11px; - color : #575757; - width : 170px; +.window { + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + color: #000000; } -.submit a{ - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 11px; - color : #000000; - text-decoration : none; +.window a { + color: #880000; } -.button a{ - font-family : Arial, Helvetica, sans-serif; - font-size : 11px; - color : #666666; +.window h1 { + margin-top: 0px; + margin-bottom: 0px; + font-size: 18px; + color: #000000; + font-weight: normal; } -.copyr{ - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 10px; - color : #929292; + +.window h2 { + margin-top: 0px; + 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; } \ No newline at end of file diff --git a/src/messenger/webim/styles.css b/src/messenger/webim/styles.css index e222bcae..45885472 100644 --- a/src/messenger/webim/styles.css +++ b/src/messenger/webim/styles.css @@ -1,292 +1,337 @@ -a{ - text-decoration : underline; -} -a:hover{ - text-decoration : none; +a { + text-decoration: underline; } -ul{ - margin-bottom : 10px; - 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); +a:hover { + text-decoration: none; } -form{ - margin-bottom : 0px; - margin-top : 0px; +ul { + margin-bottom: 10px; + margin-top: 10px; + margin-left: 0px; } -.bgcn{ - 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; +li { + margin-left: 18px; + list-style-image: url(images/li.gif); } -.textform{ - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 11px; - color : #000000; -} -.textform a{ - color : #2971C1; +li.error { + margin-left: 15px; + list-style-image: url(images/li_error.gif); } -.text{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - 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; +li.grey { + margin-left: 15px; + list-style-image: url(images/li_grey.gif); } -.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; +form { + margin-bottom: 0px; + margin-top: 0px; } -.bann{ - font-family : Arial, Helvetica, sans-serif; - font-size : 21px; - color : #000000; - line-height : 18px; -} -.bann span.text{ - font-size : 14px; - color : #9F7800; +.bgcn { + background-position: center; + background-repeat: no-repeat; } -.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; +.bgrn { + background-position: right; + background-repeat: no-repeat; } -.menu{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - color : #000000; -} -.menu a{ - color : #000000; +.bgcy { + background-position: center; + background-repeat: repeat-y; } -.smenu{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - color : #165798; -} -.smenu a{ - color : #165798; +.bgry { + background-position: right; + background-repeat: repeat-y; } -.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; +.bgly { + background-position: left; + background-repeat: repeat-y; } -.address{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - color : #000000; -} -.address a{ - color : #000000; +.bgbx { + background-position: bottom; + background-repeat: repeat-x; } -.phone{ - font-family : Arial, Helvetica, sans-serif; - font-size : 12px; - color : #000000; -} -.phone span.number{ - font-size : 17px; - color : #3D79AD; - font-weight : bold; +.textform { + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 11px; + color: #000000; } -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; +.textform a { + color: #2971C1; } -.submit a{ - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 11px; - color : #000000; - text-decoration : none; +.text { + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + color: #515151; } -.perpage{ - font-family : Arial, Helvetica, sans-serif; - font-size : 11px; - color : #676767; +.text h1 { + margin-bottom: 15px; + margin-top: 0px; + color: #000000; + font-size: 18px; + font-weight: normal; + line-height: 15px; } -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; +.text h2 { + margin-bottom: 15px; + margin-top: 0px; + color: #000000; + font-size: 16px; } -.cal{ - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 11px; - color : #515151; +.text h3 { + margin-bottom: 15px; + margin-top: 0px; + color: #000000; + font-size: 14px; } -.cal a{ - color : #515151; - text-decoration : none; + +.text h4 { + 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 { - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; - font-size : 10px; - text-decoration : none; - color : #6a6a6a; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 10px; + text-decoration: none; + color: #6a6a6a; } + .firstmessage a:hover { - color : #8a6a6a; + color: #8a6a6a; } \ No newline at end of file