mirror of
https://github.com/pfsense/pfsense.git
synced 2025-10-26 11:38:35 +00:00
Add nifty corner code to pfSense
This commit is contained in:
parent
15ab21e206
commit
07e0a90cd1
21
usr/local/www/niftycssCode.css
Executable file
21
usr/local/www/niftycssCode.css
Executable file
@ -0,0 +1,21 @@
|
||||
.rtop,.artop{display:block}
|
||||
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
|
||||
.artop *{border-style: solid;border-width:0 1px}
|
||||
.r1,.rl1,.re1,.rel1{margin-left:5px}
|
||||
.r1,.rr1,.re1,.rer1{margin-right:5px}
|
||||
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
|
||||
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
|
||||
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
|
||||
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
|
||||
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
|
||||
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
|
||||
.rx1,.rxl1{border-left-width:5px}
|
||||
.rx1,.rxr1{border-right-width:5px}
|
||||
.rx2,.rxl2{border-left-width:3px}
|
||||
.rx2,.rxr2{border-right-width:3px}
|
||||
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
|
||||
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
|
||||
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
|
||||
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
|
||||
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
|
||||
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
|
||||
1
usr/local/www/niftycssprintCode.css
Executable file
1
usr/local/www/niftycssprintCode.css
Executable file
@ -0,0 +1 @@
|
||||
.rtop,.rbottom,.artop,.arbottom{display: none}
|
||||
174
usr/local/www/niftyjsCode.js
Executable file
174
usr/local/www/niftyjsCode.js
Executable file
@ -0,0 +1,174 @@
|
||||
function NiftyCheck(){
|
||||
if(!document.getElementById || !document.createElement)
|
||||
return(false);
|
||||
isXHTML=/html\:/.test(document.getElementsByTagName('body')[0].nodeName);
|
||||
if(Array.prototype.push==null){Array.prototype.push=function(){
|
||||
this[this.length]=arguments[0]; return(this.length);}}
|
||||
return(true);
|
||||
}
|
||||
|
||||
function Rounded(selector,wich,bk,color,opt){
|
||||
var i,prefixt,prefixb,cn="r",ecolor="",edges=false,eclass="",b=false,t=false;
|
||||
|
||||
if(color=="transparent"){
|
||||
cn=cn+"x";
|
||||
ecolor=bk;
|
||||
bk="transparent";
|
||||
}
|
||||
else if(opt && opt.indexOf("border")>=0){
|
||||
var optar=opt.split(" ");
|
||||
for(i=0;i<optar.length;i++)
|
||||
if(optar[i].indexOf("#")>=0) ecolor=optar[i];
|
||||
if(ecolor=="") ecolor="#666";
|
||||
cn+="e";
|
||||
edges=true;
|
||||
}
|
||||
else if(opt && opt.indexOf("smooth")>=0){
|
||||
cn+="a";
|
||||
ecolor=Mix(bk,color);
|
||||
}
|
||||
if(opt && opt.indexOf("small")>=0) cn+="s";
|
||||
prefixt=cn;
|
||||
prefixb=cn;
|
||||
if(wich.indexOf("all")>=0){t=true;b=true}
|
||||
else if(wich.indexOf("top")>=0) t="true";
|
||||
else if(wich.indexOf("tl")>=0){
|
||||
t="true";
|
||||
if(wich.indexOf("tr")<0) prefixt+="l";
|
||||
}
|
||||
else if(wich.indexOf("tr")>=0){
|
||||
t="true";
|
||||
prefixt+="r";
|
||||
}
|
||||
if(wich.indexOf("bottom")>=0) b=true;
|
||||
else if(wich.indexOf("bl")>=0){
|
||||
b="true";
|
||||
if(wich.indexOf("br")<0) prefixb+="l";
|
||||
}
|
||||
else if(wich.indexOf("br")>=0){
|
||||
b="true";
|
||||
prefixb+="r";
|
||||
}
|
||||
var v=getElementsBySelector(selector);
|
||||
var l=v.length;
|
||||
for(i=0;i<l;i++){
|
||||
if(edges) AddBorder(v[i],ecolor);
|
||||
if(t) AddTop(v[i],bk,color,ecolor,prefixt);
|
||||
if(b) AddBottom(v[i],bk,color,ecolor,prefixb);
|
||||
}
|
||||
}
|
||||
|
||||
function AddBorder(el,bc){
|
||||
var i;
|
||||
if(!el.passed){
|
||||
if(el.childNodes.length==1 && el.childNodes[0].nodeType==3){
|
||||
var t=el.firstChild.nodeValue;
|
||||
el.removeChild(el.lastChild);
|
||||
var d=CreateEl("span");
|
||||
d.style.display="block";
|
||||
d.appendChild(document.createTextNode(t));
|
||||
el.appendChild(d);
|
||||
}
|
||||
for(i=0;i<el.childNodes.length;i++){
|
||||
if(el.childNodes[i].nodeType==1){
|
||||
el.childNodes[i].style.borderLeft="1px solid "+bc;
|
||||
el.childNodes[i].style.borderRight="1px solid "+bc;
|
||||
}
|
||||
}
|
||||
}
|
||||
el.passed=true;
|
||||
}
|
||||
|
||||
function AddTop(el,bk,color,bc,cn){
|
||||
var i,lim=4,d=CreateEl("b");
|
||||
|
||||
if(cn.indexOf("s")>=0) lim=2;
|
||||
if(bc) d.className="artop";
|
||||
else d.className="rtop";
|
||||
d.style.backgroundColor=bk;
|
||||
for(i=1;i<=lim;i++){
|
||||
var x=CreateEl("b");
|
||||
x.className=cn + i;
|
||||
x.style.backgroundColor=color;
|
||||
if(bc) x.style.borderColor=bc;
|
||||
d.appendChild(x);
|
||||
}
|
||||
el.style.paddingTop=0;
|
||||
el.insertBefore(d,el.firstChild);
|
||||
}
|
||||
|
||||
function AddBottom(el,bk,color,bc,cn){
|
||||
var i,lim=4,d=CreateEl("b");
|
||||
|
||||
if(cn.indexOf("s")>=0) lim=2;
|
||||
if(bc) d.className="artop";
|
||||
else d.className="rtop";
|
||||
d.style.backgroundColor=bk;
|
||||
for(i=lim;i>0;i--){
|
||||
var x=CreateEl("b");
|
||||
x.className=cn + i;
|
||||
x.style.backgroundColor=color;
|
||||
if(bc) x.style.borderColor=bc;
|
||||
d.appendChild(x);
|
||||
}
|
||||
el.style.paddingBottom=0;
|
||||
el.appendChild(d);
|
||||
}
|
||||
|
||||
function CreateEl(x){
|
||||
if(isXHTML) return(document.createElementNS('http://www.w3.org/1999/xhtml',x));
|
||||
else return(document.createElement(x));
|
||||
}
|
||||
|
||||
function getElementsBySelector(selector){
|
||||
var i,selid="",selclass="",tag=selector,f,s=[],objlist=[];
|
||||
|
||||
if(selector.indexOf(" ")>0){ //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) return(f.getElementsByTagName(s[1]));
|
||||
return(objlist);
|
||||
}
|
||||
if(selector.indexOf("#")>0){ //id selector like "tag#id"
|
||||
s=selector.split("#");
|
||||
tag=s[0];
|
||||
selid=s[1];
|
||||
}
|
||||
if(selid!=""){
|
||||
f=document.getElementById(selid);
|
||||
if(f) objlist.push(f);
|
||||
return(objlist);
|
||||
}
|
||||
if(selector.indexOf(".")>0){ //class selector like "tag.class"
|
||||
s=selector.split(".");
|
||||
tag=s[0];
|
||||
selclass=s[1];
|
||||
}
|
||||
var v=document.getElementsByTagName(tag); // tag selector like "tag"
|
||||
if(selclass=="")
|
||||
return(v);
|
||||
for(i=0;i<v.length;i++){
|
||||
if(v[i].className.indexOf(selclass)>=0){
|
||||
objlist.push(v[i]);
|
||||
}
|
||||
}
|
||||
return(objlist);
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
return("#"+r[0].toString(16)+r[1].toString(16)+r[2].toString(16));
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user