mirror of
https://github.com/Mibew/design.git
synced 2025-10-31 18:41:05 +03:00
initial site
git-svn-id: https://webim.svn.sourceforge.net/svnroot/webim/trunk@189 c66351dc-e62f-0410-b875-e3a5c0b9693f
This commit is contained in:
Evgeny Gryaznov
parent
83f8acd2f0
commit
49a0588565
37
site/demo.html
Normal file
37
site/demo.html
Normal file
@ -0,0 +1,37 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Web Messenger</title>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
|
||||
<script type="text/javascript" src="niftycube.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.onload=function(){
|
||||
Nifty("ul#nav a","small transparent top");
|
||||
Nifty("div#side","");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<h1><strong>Web Messenger</strong> — open-source live support software</h1>
|
||||
<big>allows visitors of your site to chat with your operators</big>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul id="nav">
|
||||
<li id="home"><a href="index.html">home</a></li>
|
||||
<li id="who"><a href="features.html">features</a></li>
|
||||
<li id="prod" class="activelink"><a href="demo.html">demo</a></li>
|
||||
<li id="serv"><a href="download.html">download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="content">
|
||||
<h3>DEMO</h3>
|
||||
<p>Sorry, demo is not available yet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
43
site/download.html
Normal file
43
site/download.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Web Messenger</title>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
|
||||
<script type="text/javascript" src="niftycube.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.onload=function(){
|
||||
Nifty("ul#nav a","small transparent top");
|
||||
Nifty("div#downl","");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<h1><strong>Web Messenger</strong> — open-source live support software</h1>
|
||||
<big>allows visitors of your site to chat with your operators</big>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul id="nav">
|
||||
<li id="home"><a href="index.html">home</a></li>
|
||||
<li id="who"><a href="features.html">features</a></li>
|
||||
<li id="prod"><a href="demo.html">demo</a></li>
|
||||
<li id="serv" class="activelink"><a href="download.html">download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="content">
|
||||
<h3>Latest release</h3>
|
||||
|
||||
<div id="downl">
|
||||
<a href="http://prdownloads.sourceforge.net/webim/webim142.zip?download">
|
||||
1.4.2, October 6, 2008
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
96
site/features.html
Normal file
96
site/features.html
Normal file
@ -0,0 +1,96 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Web Messenger</title>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
|
||||
<script type="text/javascript" src="niftycube.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.onload=function(){
|
||||
Nifty("ul#nav a","small transparent top");
|
||||
Nifty("div#side","");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<h1><strong>Web Messenger</strong> — open-source live support software</h1>
|
||||
<big>allows visitors of your site to chat with your operators</big>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul id="nav">
|
||||
<li id="home"><a href="index.html">home</a></li>
|
||||
<li id="who" class="activelink"><a href="features.html">features</a></li>
|
||||
<li id="prod"><a href="demo.html">demo</a></li>
|
||||
<li id="serv"><a href="download.html">download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="content">
|
||||
<a name='price'/>
|
||||
<h3>Pricing</h3>
|
||||
<ul>
|
||||
<li>Open-source code, absolutely free
|
||||
<li>Eclipse Public License 1.0
|
||||
</ul>
|
||||
|
||||
<a name='main'/>
|
||||
<h3>Main features</h3>
|
||||
<ul>
|
||||
<li>Chat button for email signatures
|
||||
<li>Differing buttons on same website
|
||||
</ul>
|
||||
|
||||
<a name='chat'/>
|
||||
<h3>Chat window</h3>
|
||||
<ul>
|
||||
<li>Agent and visitor "Typing Indicator"
|
||||
<li>Agent photo
|
||||
<li>Chat transcript emails
|
||||
<li>Sound and Visual alerts
|
||||
<li>"Leave a message" when you are away
|
||||
<li>Customize chat with your Logo, Name etc.
|
||||
<li>Unicode support for multiple languages
|
||||
<li>Quickly convert text to hyperlinks in chat
|
||||
<li>Not blocked by pop-up blockers
|
||||
</ul>
|
||||
|
||||
<a name='operator'/>
|
||||
<h3>Operator abilites</h3>
|
||||
<ul>
|
||||
<li>Web-based Operator Console
|
||||
<li>Canned messages for speed and consistency
|
||||
<li>Chat conversation history with search
|
||||
<li>Linking to previous visits, instant access to previous chats
|
||||
<li>Reassign/Transfer chat ownership
|
||||
<li>Mark/Highlight nuisance visitors
|
||||
</ul>
|
||||
|
||||
<a name='next'/>
|
||||
<h3>Nearest future (not ready yet)</h3>
|
||||
<ul>
|
||||
<li>Operator to Operator IM (Discussion)
|
||||
<li>Push Web Pages
|
||||
<li>SSL Secured Chat
|
||||
<li>Pre-Chat Questionnaire
|
||||
<li>Multiple Departments
|
||||
<li>Define Initial Chat Window Size
|
||||
<li>Co-Browse to View Visitor's Location on Your Site
|
||||
<li>Dynamic Chat Icons
|
||||
</ul>
|
||||
</div>
|
||||
<div id="side">
|
||||
<p>Content:</p>
|
||||
<p>
|
||||
<a href="#price">pricing</a><br/>
|
||||
<a href="#main">main features</a><br/>
|
||||
<a href="#chat">chat window</a><br/>
|
||||
<a href="#operator">operator abilities</a><br/>
|
||||
<a href="#next">what is coming next</a><br/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
49
site/index.html
Normal file
49
site/index.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Web Messenger</title>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
|
||||
<script type="text/javascript" src="niftycube.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.onload=function(){
|
||||
Nifty("ul#nav a","small transparent top");
|
||||
Nifty("div#side","");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<h1><strong>Web Messenger</strong> — open-source live support software</h1>
|
||||
<big>allows visitors of your site to chat with your operators</big>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul id="nav">
|
||||
<li id="home" class="activelink"><a href="index.html">home</a></li>
|
||||
<li id="who"><a href="features.html">features</a></li>
|
||||
<li id="prod"><a href="demo.html">demo</a></li>
|
||||
<li id="serv"><a href="download.html">download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="content">
|
||||
<h3>What is Web Messenger?</h3>
|
||||
<p>"Web Messenger" - is unique software allowing visitors of your site to chat with your operators.</p>
|
||||
|
||||
<h3>Why should I use Web Messenger?</h3>
|
||||
<p>"Web Messenger" makes it easier to communicate with existing and potential clients. It will significantly increase conversion rates and online sales of your web site.</p>
|
||||
|
||||
<h3>How it works?</h3>
|
||||
<p>You should place the button of Web Messenger at your site. Your visitors click the button and chat with your operators who help them.</p>
|
||||
|
||||
<h3>License</h3>
|
||||
<p>This program and the accompanying materials are made available under the terms of the Eclipse Public License v1.0.</p>
|
||||
|
||||
<p>Project is hosted by SourceForge.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
35
site/niftyCorners.css
Normal file
35
site/niftyCorners.css
Normal file
@ -0,0 +1,35 @@
|
||||
/*Nifty Corners Cube CSS by Alessandro Fulciniti
|
||||
The following classes are added dinamically by javascript,
|
||||
and their use should be avoided in the markup */
|
||||
|
||||
b.niftycorners,b.niftyfill{display:block}
|
||||
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
|
||||
overflow:hidden;border-style:solid;border-width: 0 1px}
|
||||
/*normal*/
|
||||
b.r1{margin: 0 3px;border-width: 0 2px}
|
||||
b.r2{margin: 0 2px}
|
||||
b.r3{margin: 0 1px}
|
||||
b.r4{height: 2px}
|
||||
b.rb1{margin: 0 8px;border-width:0 2px}
|
||||
b.rb2{margin: 0 6px;border-width:0 2px}
|
||||
b.rb3{margin: 0 5px}
|
||||
b.rb4{margin: 0 4px}
|
||||
b.rb5{margin: 0 3px}
|
||||
b.rb6{margin: 0 2px}
|
||||
b.rb7{margin: 0 1px;height:2px}
|
||||
b.rb8{margin: 0;height:2px}
|
||||
b.rs1{margin: 0 1px}
|
||||
/*transparent inside*/
|
||||
b.t1{border-width: 0 5px}
|
||||
b.t2{border-width: 0 3px}
|
||||
b.t3{border-width: 0 2px}
|
||||
b.t4{height: 2px}
|
||||
b.tb1{border-width: 0 10px}
|
||||
b.tb2{border-width: 0 8px}
|
||||
b.tb3{border-width: 0 6px}
|
||||
b.tb4{border-width: 0 5px}
|
||||
b.tb5{border-width: 0 4px}
|
||||
b.tb6{border-width: 0 3px}
|
||||
b.tb7{border-width: 0 2px;height:2px}
|
||||
b.tb8{border-width: 0 1px;height:2px}
|
||||
b.ts1{border-width: 0 2px}
|
||||
298
site/niftycube.js
Normal file
298
site/niftycube.js
Normal file
@ -0,0 +1,298 @@
|
||||
/* Nifty Corners Cube - rounded corners with CSS and Javascript
|
||||
Copyright 2006 Alessandro Fulciniti (a.fulciniti@html.it)
|
||||
|
||||
This program is free software; you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation; either version 2 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program; if not, write to the Free Software
|
||||
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
*/
|
||||
|
||||
var niftyOk=(document.getElementById && document.createElement && Array.prototype.push);
|
||||
var niftyCss=false;
|
||||
|
||||
String.prototype.find=function(what){
|
||||
return(this.indexOf(what)>=0 ? true : false);
|
||||
}
|
||||
|
||||
var oldonload=window.onload;
|
||||
if(typeof(NiftyLoad)!='function') NiftyLoad=function(){};
|
||||
if(typeof(oldonload)=='function')
|
||||
window.onload=function(){oldonload();AddCss();NiftyLoad()};
|
||||
else window.onload=function(){AddCss();NiftyLoad()};
|
||||
|
||||
function AddCss(){
|
||||
niftyCss=true;
|
||||
var l=CreateEl("link");
|
||||
l.setAttribute("type","text/css");
|
||||
l.setAttribute("rel","stylesheet");
|
||||
l.setAttribute("href","niftyCorners.css");
|
||||
l.setAttribute("media","screen");
|
||||
document.getElementsByTagName("head")[0].appendChild(l);
|
||||
}
|
||||
|
||||
function Nifty(selector,options){
|
||||
if(niftyOk==false) return;
|
||||
if(niftyCss==false) AddCss();
|
||||
var i,v=selector.split(","),h=0;
|
||||
if(options==null) options="";
|
||||
if(options.find("fixed-height"))
|
||||
h=getElementsBySelector(v[0])[0].offsetHeight;
|
||||
for(i=0;i<v.length;i++)
|
||||
Rounded(v[i],options);
|
||||
if(options.find("height")) SameHeight(selector,h);
|
||||
}
|
||||
|
||||
function Rounded(selector,options){
|
||||
var i,top="",bottom="",v=new Array();
|
||||
if(options!=""){
|
||||
options=options.replace("left","tl bl");
|
||||
options=options.replace("right","tr br");
|
||||
options=options.replace("top","tr tl");
|
||||
options=options.replace("bottom","br bl");
|
||||
options=options.replace("transparent","alias");
|
||||
if(options.find("tl")){
|
||||
top="both";
|
||||
if(!options.find("tr")) top="left";
|
||||
}
|
||||
else if(options.find("tr")) top="right";
|
||||
if(options.find("bl")){
|
||||
bottom="both";
|
||||
if(!options.find("br")) bottom="left";
|
||||
}
|
||||
else if(options.find("br")) bottom="right";
|
||||
}
|
||||
if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}
|
||||
v=getElementsBySelector(selector);
|
||||
for(i=0;i<v.length;i++){
|
||||
FixIE(v[i]);
|
||||
if(top!="") AddTop(v[i],top,options);
|
||||
if(bottom!="") AddBottom(v[i],bottom,options);
|
||||
}
|
||||
}
|
||||
|
||||
function AddTop(el,side,options){
|
||||
var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
|
||||
d.style.marginLeft="-"+getPadding(el,"Left")+"px";
|
||||
d.style.marginRight="-"+getPadding(el,"Right")+"px";
|
||||
if(options.find("alias") || (color=getBk(el))=="transparent"){
|
||||
color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
|
||||
}
|
||||
else{
|
||||
bk=getParentBk(el); border=Mix(color,bk);
|
||||
}
|
||||
d.style.background=bk;
|
||||
d.className="niftycorners";
|
||||
p=getPadding(el,"Top");
|
||||
if(options.find("small")){
|
||||
d.style.marginBottom=(p-2)+"px";
|
||||
btype+="s"; lim=2;
|
||||
}
|
||||
else if(options.find("big")){
|
||||
d.style.marginBottom=(p-10)+"px";
|
||||
btype+="b"; lim=8;
|
||||
}
|
||||
else d.style.marginBottom=(p-5)+"px";
|
||||
for(i=1;i<=lim;i++)
|
||||
d.appendChild(CreateStrip(i,side,color,border,btype));
|
||||
el.style.paddingTop="0";
|
||||
el.insertBefore(d,el.firstChild);
|
||||
}
|
||||
|
||||
function AddBottom(el,side,options){
|
||||
var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
|
||||
d.style.marginLeft="-"+getPadding(el,"Left")+"px";
|
||||
d.style.marginRight="-"+getPadding(el,"Right")+"px";
|
||||
if(options.find("alias") || (color=getBk(el))=="transparent"){
|
||||
color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
|
||||
}
|
||||
else{
|
||||
bk=getParentBk(el); border=Mix(color,bk);
|
||||
}
|
||||
d.style.background=bk;
|
||||
d.className="niftycorners";
|
||||
p=getPadding(el,"Bottom");
|
||||
if(options.find("small")){
|
||||
d.style.marginTop=(p-2)+"px";
|
||||
btype+="s"; lim=2;
|
||||
}
|
||||
else if(options.find("big")){
|
||||
d.style.marginTop=(p-10)+"px";
|
||||
btype+="b"; lim=8;
|
||||
}
|
||||
else d.style.marginTop=(p-5)+"px";
|
||||
for(i=lim;i>0;i--)
|
||||
d.appendChild(CreateStrip(i,side,color,border,btype));
|
||||
el.style.paddingBottom=0;
|
||||
el.appendChild(d);
|
||||
}
|
||||
|
||||
function CreateStrip(index,side,color,border,btype){
|
||||
var x=CreateEl("b");
|
||||
x.className=btype+index;
|
||||
x.style.backgroundColor=color;
|
||||
x.style.borderColor=border;
|
||||
if(side=="left"){
|
||||
x.style.borderRightWidth="0";
|
||||
x.style.marginRight="0";
|
||||
}
|
||||
else if(side=="right"){
|
||||
x.style.borderLeftWidth="0";
|
||||
x.style.marginLeft="0";
|
||||
}
|
||||
return(x);
|
||||
}
|
||||
|
||||
function CreateEl(x){
|
||||
return(document.createElement(x));
|
||||
}
|
||||
|
||||
function FixIE(el){
|
||||
if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)
|
||||
el.style.display="inline-block";
|
||||
}
|
||||
|
||||
function SameHeight(selector,maxh){
|
||||
var i,v=selector.split(","),t,j,els=[],gap;
|
||||
for(i=0;i<v.length;i++){
|
||||
t=getElementsBySelector(v[i]);
|
||||
els=els.concat(t);
|
||||
}
|
||||
for(i=0;i<els.length;i++){
|
||||
if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;
|
||||
els[i].style.height="auto";
|
||||
}
|
||||
for(i=0;i<els.length;i++){
|
||||
gap=maxh-els[i].offsetHeight;
|
||||
if(gap>0){
|
||||
t=CreateEl("b");t.className="niftyfill";t.style.height=gap+"px";
|
||||
nc=els[i].lastChild;
|
||||
if(nc.className=="niftycorners")
|
||||
els[i].insertBefore(t,nc);
|
||||
else els[i].appendChild(t);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getElementsBySelector(selector){
|
||||
var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;
|
||||
if(selector.find("#")){ //id selector like "tag#id"
|
||||
if(selector.find(" ")){ //descendant selector like "tag#id tag"
|
||||
s=selector.split(" ");
|
||||
var fs=s[0].split("#");
|
||||
if(fs.length==1) return(objlist);
|
||||
f=document.getElementById(fs[1]);
|
||||
if(f){
|
||||
v=f.getElementsByTagName(s[1]);
|
||||
for(i=0;i<v.length;i++) objlist.push(v[i]);
|
||||
}
|
||||
return(objlist);
|
||||
}
|
||||
else{
|
||||
s=selector.split("#");
|
||||
tag=s[0];
|
||||
selid=s[1];
|
||||
if(selid!=""){
|
||||
f=document.getElementById(selid);
|
||||
if(f) objlist.push(f);
|
||||
return(objlist);
|
||||
}
|
||||
}
|
||||
}
|
||||
if(selector.find(".")){ //class selector like "tag.class"
|
||||
s=selector.split(".");
|
||||
tag=s[0];
|
||||
selclass=s[1];
|
||||
if(selclass.find(" ")){ //descendant selector like tag1.classname tag2
|
||||
s=selclass.split(" ");
|
||||
selclass=s[0];
|
||||
tag2=s[1];
|
||||
}
|
||||
}
|
||||
var v=document.getElementsByTagName(tag); // tag selector like "tag"
|
||||
if(selclass==""){
|
||||
for(i=0;i<v.length;i++) objlist.push(v[i]);
|
||||
return(objlist);
|
||||
}
|
||||
for(i=0;i<v.length;i++){
|
||||
c=v[i].className.split(" ");
|
||||
for(j=0;j<c.length;j++){
|
||||
if(c[j]==selclass){
|
||||
if(tag2=="") objlist.push(v[i]);
|
||||
else{
|
||||
v2=v[i].getElementsByTagName(tag2);
|
||||
for(k=0;k<v2.length;k++) objlist.push(v2[k]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return(objlist);
|
||||
}
|
||||
|
||||
function getParentBk(x){
|
||||
var el=x.parentNode,c;
|
||||
while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")
|
||||
el=el.parentNode;
|
||||
if(c=="transparent") c="#FFFFFF";
|
||||
return(c);
|
||||
}
|
||||
|
||||
function getBk(x){
|
||||
var c=getStyleProp(x,"backgroundColor");
|
||||
if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))
|
||||
return("transparent");
|
||||
if(c.find("rgb")) c=rgb2hex(c);
|
||||
return(c);
|
||||
}
|
||||
|
||||
function getPadding(x,side){
|
||||
var p=getStyleProp(x,"padding"+side);
|
||||
if(p==null || !p.find("px")) return(0);
|
||||
return(parseInt(p));
|
||||
}
|
||||
|
||||
function getStyleProp(x,prop){
|
||||
if(x.currentStyle)
|
||||
return(x.currentStyle[prop]);
|
||||
if(document.defaultView.getComputedStyle)
|
||||
return(document.defaultView.getComputedStyle(x,'')[prop]);
|
||||
return(null);
|
||||
}
|
||||
|
||||
function rgb2hex(value){
|
||||
var hex="",v,h,i;
|
||||
var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;
|
||||
var h=regexp.exec(value);
|
||||
for(i=1;i<4;i++){
|
||||
v=parseInt(h[i]).toString(16);
|
||||
if(v.length==1) hex+="0"+v;
|
||||
else hex+=v;
|
||||
}
|
||||
return("#"+hex);
|
||||
}
|
||||
|
||||
function Mix(c1,c2){
|
||||
var i,step1,step2,x,y,r=new Array(3);
|
||||
if(c1.length==4)step1=1;
|
||||
else step1=2;
|
||||
if(c2.length==4) step2=1;
|
||||
else step2=2;
|
||||
for(i=0;i<3;i++){
|
||||
x=parseInt(c1.substr(1+step1*i,step1),16);
|
||||
if(step1==1) x=16*x+x;
|
||||
y=parseInt(c2.substr(1+step2*i,step2),16);
|
||||
if(step2==1) y=16*y+y;
|
||||
r[i]=Math.floor((x*50+y*50)/100);
|
||||
r[i]=r[i].toString(16);
|
||||
if(r[i].length==1) r[i]="0"+r[i];
|
||||
}
|
||||
return("#"+r[0]+r[1]+r[2]);
|
||||
}
|
||||
31
site/styles.css
Normal file
31
site/styles.css
Normal file
@ -0,0 +1,31 @@
|
||||
html,body{margin:0;padding:0;color:#333633;}
|
||||
body{font: 85%/1.3 Verdana,Arial,sans-serif;text-align: center;background: #fff;padding-bottom:20px}
|
||||
p{margin-top:0}
|
||||
h1,h2,h3{font: normal normal 200% Arial,sans-serif;color:#133633;}
|
||||
h2{font-size:160%}
|
||||
h3{font-size:130%}
|
||||
a {color:#533633;}
|
||||
|
||||
div#header{width:95%;min-width:725px;min-height:120px;margin:0px 20px 0px;padding:10px 0 10px;text-align:left;background:#FFF;display:block;}
|
||||
div#header div#title,div#menu{width:700px;margin:0 0px;text-align:left}
|
||||
div#header div#title{padding: 20px 0px 30px 70px;color:#533633;background-image: url(webimlogo.gif);background-repeat: no-repeat;background-position: 0% 0%;overflow-x: hidden;overflow-y: hidden;}
|
||||
|
||||
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
|
||||
ul#nav{float:left;}
|
||||
ul#nav li{float:left;margin-left: 3px;text-align: center}
|
||||
ul#nav a{float:left;width: 125px;padding: 5px 0;background: #999999;text-decoration:none;color: #FFC}
|
||||
ul#nav a:hover{background: #d4b179;color:#FFF;}
|
||||
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #f3f1f3;color: #003}
|
||||
|
||||
div#container{width:95%;min-width:725px;clear:both;margin:0 20px 10px;padding:20px 0 10px;text-align:left;background:#FFF}
|
||||
div#content{float:left;display:inline;width:66%;margin:0 0 10px 10px}
|
||||
|
||||
div#side{float:left;display:inline;width:31%;background:#f3f1f3; margin:40px 10px 10px 0}
|
||||
div#side p{margin:5px 0 10px;padding: 0 10px}
|
||||
div#side div{margin: 0 0 10px;padding: 10px 0}
|
||||
|
||||
div#title h1 {color:#5b4547;font-weight: normal;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;}
|
||||
div#title big {color:#8b95a7;font-size: 1em;display: block;margin-top: 4px;margin-right: 0pt;margin-bottom: 0pt;margin-left: 30pt;}
|
||||
|
||||
div#downl{float:left;display:block;background:#f3f1f3; margin:0 10px 10px 0;padding:10px;}
|
||||
div#downl a{margin:5px 0 10px;padding: 0 10px;}
|
||||
BIN
site/webimlogo.gif
Normal file
BIN
site/webimlogo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in New Issue
Block a user