Revision: 37962
Updated Code
at December 24, 2010 09:33 by RuslanSavenok
Updated Code
/* Twinkie input`s */
#offerTable .Qinput input { display: inline-block; height: 30px; line-height: 25px; font-size: 14px; background: #ffff99 url({fileURL}images/big-empty.png) 100% 50% no-repeat; border: 2px solid #C0C0C0; padding: 0px 30px 0px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#offerTable .Qinput select { display: inline-block; font-size: 14px; background: #ffff99; border: 2px solid #C0C0C0; padding: 5px 2px 5px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#offerTable .Qinput input,
#offerTable .Qinput select{
margin: 2px 0;
width: 259px;
}
#offerTable .Qinput option {background: #ffff99;}
#offerTable .Qinput select {
width: 297px;
}
#offerTable .Qinput div select {
width: 93px;
}
function setTwinkieInputsWidth() {
var table = document.getElementById('offerTable');
var input = table.getElementsByTagName('input');
var select = table.getElementsByTagName('select');
for(var i=0; i<select.length; i++ ) {
if(select[i].parentNode.nodeName == 'DIV') {
select[i].style.width = (input[0].offsetWidth-18) / 3;
} else {
select[i].style.width = input[0].offsetWidth;
}
}
}
if(!document.doctype) {setTwinkieInputsWidth()};
Revision: 37961
Updated Code
at December 24, 2010 09:05 by RuslanSavenok
Updated Code
/* Twinkie input`s */
#offerTable .Qinput input { display: inline-block; height: 30px; line-height: 25px; font-size: 14px; background: #ffff99 url({fileURL}images/big-empty.png) 100% 50% no-repeat; border: 2px solid #C0C0C0; padding: 0px 30px 0px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#offerTable .Qinput select { display: inline-block; font-size: 14px; background: #ffff99; border: 2px solid #C0C0C0; padding: 5px 2px 5px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#offerTable .Qinput input,
#offerTable .Qinput select{
margin: 2px 0;
width: 259px;
}
#offerTable .Qinput option {background: #ffff99;}
#offerTable .Qinput select {
width: 297px;
}
#offerTable .Qinput div select {
width: 93px;
}
function setTwinkieInputsWidth() {
var table = document.getElementById('offerTable');
var input = table.getElementsByTagName('input');
var select = table.getElementsByTagName('select');
for(var i=0; i<select.length; i++ ) {
if(select[i].parentNode.nodeName == 'DIV') {
select[i].style.width = (input[0].offsetWidth-18) / 3;
} else {
select[i].style.width = input[0].offsetWidth;
}
}
}
if(!document.body.parentNode.getAttribute("xmlns")) {setTwinkieInputsWidth()};
Revision: 37960
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at December 21, 2010 10:05 by RuslanSavenok
Initial Code
#offerTable .Qinput input { display: inline-block; height: 30px; line-height: 25px; font-size: 14px; background: #ffff99 url({fileURL}images/big-empty.png) 100% 50% no-repeat; border: 2px solid #C0C0C0; padding: 0px 30px 0px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#offerTable .Qinput select { display: inline-block; font-size: 14px; background: #ffff99; border: 2px solid #C0C0C0; padding: 5px 2px 5px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#offerTable .Qinput input,
#offerTable .Qinput select{
margin: 2px 0;
box-sizing:content-box ;
-moz-box-sizing:content-box ;
-webkit-box-sizing:content-box ;
}
#offerTable .Qinput option {background: #ffff99;}
#offerTable .Qinput input {
width: 228px;
width: expression("255px");
}
#offerTable .Qinput select {
width: 259px;
width: expression("255px");
}
#offerTable .Qinput div select {
width: 75px;
width: expression("79px");
}
Initial URL
Initial Description
Initial Title
Rounded corners Style with Arrow (TWINKIE)
Initial Tags
Initial Language
CSS