$(function() {
$.mask.definitions[‘~’] = “[+-]”;
$(“#roll”).mask(“999999”,{completed:function(){alert(“completed!”);}});
$(“#phone”).mask(“(999) 999-9999”);
$(“#phoneExt”).mask(“(999) 999-9999? x99999”);
$(“#iphone”).mask(“+33 999 999 999”);
$(“#tin”).mask(“99-9999999”);
$(“#ssn”).mask(“999-99-9999”);
$(“#product”).mask(“a*-999-a999″, { placeholder: ” ” });
$(“#eyescript”).mask(“~9.99 ~9.99 999”);
$(“#po”).mask(“PO: aaa-999-***”);
$(“#pct”).mask(“99%”);
$(“input”).blur(function() {
$(“#info”).html(“Unmasked value: ” + $(this).mask());
}).dblclick(function() {
$(this).unmask();
});
});
body {
background:#036;
font:100% Helvetica, Arial, sans-serif;
padding-top:10px;
background-color:#fff;
/*#CDF0C1;#b3b3b3*/
margin:0;padding:0;
}
h1 { color:#fff; }
#container {
margin: 0 auto;
width: 400px;
border: 1px solid #000;
padding: 10px;
border-radius: 5px;
background-color: #cdf0c1;
margin-top:50px;
}
#search_box {
background:-moz-linear-gradient(top, #ffd73a, #ffa500);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffd73a), to(#ffa500));
border:1px solid #d28703;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:inset 0 1px #ffff90, inset 0 -2px 5px #ffd05d, 0 0 0 4px rgba(255,255,255,0.65);
-webkit-box-shadow:inset 0 1px #ffff90, inset 0 -2px 5px #ffd05d, 0 0 0 4px rgba(255,255,255,0.65);
padding:9px;
width:378px;
}
#search_box .wrapper {
background:#fff;
border:1px solid #d28703;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #ff0;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #ff0;
height:50px;
padding-left:10px;
position:relative;
}
#search_box input,
#search_box input:focus { border:none; color:#333; outline:none; font:bold 24px Helvetica, Arial, sans-serif; margin:12px 0; width:90%; }
#search_box button {
/*background:-moz-linear-gradient(top, #453e26, #000);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#453e26), to(#000));*/
background:#060;
border:1px solid #000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow:inset 0 -2px 3px #193544, inset 0 1px #907817, 0 1px 1px rgba(0,0,0,4);
-webkit-box-shadow:inset 0 -2px 3px #193544, inset 0 1px #907817, 0 1px 1px rgba(0,0,0,.4);
cursor:pointer;
height:45px;
position:absolute;
right:2px;
top:2px;
width:85px;
text-align:center;
color:#FFF;
padding:3px;
font-size:18px;
}
h1 { margin-bottom:0; }
.read_article { color:#fff; display:block; font-size:12px; margin-bottom:30px; }
/*.printbtn{
background:-moz-linear-gradient(top, #ffd73a, #ffa500);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffd73a), to(#ffa500));
position:fixed;
top:50px;
right:50px;
font-size:17px;
color:#000;
font-family:”Lucida Sans Unicode”, “Lucida Grande”, sans-serif;
padding:8px;
cursor:pointer;
width:150px;
height:50px;
}*/
.error{
background-color:#F00;
color:#FFF;
padding:5px;
text-align:center;
font-size:16px;
}
#search_box {
display:none;
}
.printbtn{
display:none;
}
.error{
display:none;
}
.cssguycomments {background:#eee;border:#ddd;padding:8px;margin-bottom:40px;}
.cssguycomments p {font:normal 14px/18px verdana;}
table {border-collapse:collapse;}
thead th {
font:bold 13px/18px georgia;
text-align:left;
background:#006600;
color:#333;
padding:8px 16px 8px 8px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
thead th.null {
background:#FC3;
text-align: center;
color:#000;
border-bottom:1px solid #f3f0e4;
border-right:1px solid #fff;
font-size: 18px;
}
tbody th {
font:bold 12px/16px Georgia, “Times New Roman”, Times, serif;
text-align:left;
background:#EFF480;
color:#000;
padding:8px;
border-bottom:1px solid #f3f0e4;
border-right:1px solid #fff;
}
tbody td {
font:bold 12px/16px Georgia, “Times New Roman”, Times, serif;
color:#333;
padding:8px;
border-right:1px solid #f3f0e4;
border-bottom:1px solid #f3f0e4;
background:#F3F59E;
}
tbody td.on {background:#f3f0e4;}
thead th.on {background:#f3f0e4;}
tbody th.on {background:#f3f0e4;}
.printbtn {
background: -moz-linear-gradient(top, #ffd73a, #ffa500);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd73a), to(#ffa500));
/* position: fixed; */
/* top: 50px; */
/* right: 50px; */
font-size: 17px;
color: #000;
font-family: “Lucida Sans Unicode”, “Lucida Grande”, sans-serif;
padding: 8px;
cursor: pointer;
width: 150px;
height: 50px;
display: block;
margin: 20px auto 0 auto;
}
@media print{
.printbtn{display:none;}
}
table#rockartists tr td,table#rockartists tr th{font-family: sans-serif;
font-size: 14px;border: 1px solid #5a5a5a;}
@media only screen and (max-width: 1000px) {
body{ padding:0;}
.full_body_content{padding:10px;box-sizing:border-box;}
#container{
min-width:100%;
width:100%;
box-sizing: border-box;
margin-top:0;
}
#rockartists{width:100%!important;}
#search_box {width:calc(100% – 20px);}
.mbbs_banner_style{width:100%!important;max-width:400px;}
#roll::placeholder{font-size:15px;}
}
/*
For functions getElementsByClassName, addClassName, and removeClassName
Copyright Robert Nyman, http://www.robertnyman.com
Free to use if this text is included
*/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != ‘function’) {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
function getElementsByClassName(className, tag, elm){
var testClass = new RegExp(“(^|\s)” + className + “(\s|$)”);
var tag = tag || “*”;
var elm = elm || document;
var elements = (tag == “*” && elm.all)? elm.all : elm.getElementsByTagName(tag);
var returnElements = [];
var current;
var length = elements.length;
for(var i=0; i 0)? ” ” : “”) + className;
}
return elm.className;
}
function removeClassName(elm, className){
var classToRemove = new RegExp((“(^|\s)” + className + “(\s|$)”), “i”);
elm.className = elm.className.replace(classToRemove, “”).replace(/^s+|s+$/g, “”);
return elm.className;
}
function makeTheTableHeadsHighlight() {
// get all the td’s in the heart of the table…
var table = document.getElementById(‘rockartists’);
var tbody = table.getElementsByTagName(‘tbody’);
var tbodytds = table.getElementsByTagName(‘td’);
// and loop through them…
for (var i=0; i<tbodytds.length; i++) {
// take note of their default class name
tbodytds[i].oldClassName = tbodytds[i].className;
// when someone moves their mouse over one of those cells…
tbodytds[i].onmouseover = function() {
// attach 'on' to the pointed cell
addClassName(this,'on');
// attach 'on' to the th in the thead with the same class name
var topheading = getElementsByClassName(this.oldClassName,'th',table);
addClassName(topheading[0],'on');
// attach 'on' to the far left th in the same row as this cell
var row = this.parentNode;
var rowheading = row.getElementsByTagName('th')[0];
addClassName(rowheading,'on');
}
// ok, now when someone moves their mouse away, undo everything we just did.
tbodytds[i].onmouseout = function() {
// remove 'on' from this cell
removeClassName(this,'on');
// remove 'on' from the th in the thead
var topheading = getElementsByClassName(this.oldClassName,'th',table);
removeClassName(topheading[0],'on');
// remove 'on' to the far left th in the same row as this cell
var row = this.parentNode;
var rowheading = row.getElementsByTagName('th')[0];
removeClassName(rowheading,'on');
}
}
}
addLoadEvent(makeTheTableHeadsHighlight);
