BLK MED
{{ head_content }}
/*
Original: CodeLifter.com (support@codelifter.com)
Web Site: http://www.codelifter.com
*/
// set the following variables
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://i41.tinypic.com/f0dnpu.png'
Pic[1] = 'http://i840.photobucket.com/albums/zz326/BLKMED/Slideshow/beadit_zpsa9e1e92c.png'
// do not edit anything below this line
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
body {
font-family: arial;
font-size:10px;
background-color: #ffffff;
margin: 0;
padding: 0;
color: #000;
text-align: justify;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #999;
text-decoration: none;
}
.topblackline {
background-color: #000000;
position: fixed;
top: 0px;
left: 0;
right: 0;
height: 5px;
text-align: center;
padding: 2px;
}
.topblackline > div {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.header {
background: rgba(255,255,255, 0.98);
position: fixed;
top: 0px;
left: 0;
right: 0;
height: 175px;
text-align: center;
}
.header > div {
display: inline-block;
text-align: left;
}
.navigationbar {
background-color: #FFFFFF;
position: fixed;
top: 90px;
left: 0;
right: 0;
height: 60px;
text-align: center;
}
.navigationbar > div {
display: inline-block;
text-align: left;
}
.adbar {
background-color: #FFFFFF;
text-align: center;
}
.adbar > div {
display: inline-block;
text-align: left;
}
.footer {
bottom: 0px;
left: 0;
right: 0;
width: 100%;
text-align:center;
height: 100%;
position: relative;
margin-top: 50px;
}
.footer > div {
display: inline-block;
text-align: left;
}
.pagetopbar {
background-color: #373737;
position: fixed;
top: 10px;
left: 0;
right: 0;
height: 20px;
text-align: center;
padding: 2px;
}
.pagetopbar > div {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.blacklinefooter {
background-color: #000000;
width: 100%;
height: 20px;
margin: 0;
padding: 10;
bottom: 0px;
position: fixed;
}
.bottomdivider {
background-color: #0fsdfs;
width: 965px;
height: 1px;
margin-left: auto;
margin-right:auto;
padding: 0;
}
div#content {
margin-top: 140px;
padding-bottom: 10px;
padding-top: 10px;
margin-left: auto;
margin-right:auto;
text-align: justify;
}
#mc_embed_signup{
background:#fff;
clear:left;
font:14px Helvetica,Arial,sans-serif;
width:425px;
}
#menu, #menu ul
{
list-style: none;
border-bottom: 0;
padding: 0;
margin: 0;
float: right;
}
#menu li
{
float: left;
margin-right: 3px;
border: 0;
position: relative;
}
#menu ul
{
position: absolute;
top: 20px;
left: -1px;
padding-left: 10px;
padding-top: 8px;
display: none;
border-top: 2px solid #f0fd5b;
background-color: #FFFFFF;
text-align: left;
}
#menu ul li
{
float: none;
margin: 0;
padding: 3px;
line-height: 15px;
}
#menu a:link, #menu a:visited
{
display: block;
font-family: Raleway;
font-size: 11px;
text-decoration: none;
color: #000000;
padding-bottom: 5px;
padding-right: 17px;
letter-spacing: 2px;
font-weight: 300;
}
#menu a:hover
{
display: block;
font-family: Raleway;
text-decoration: none;
color: #f0fd5b;
padding-bottom: 5px;
padding-right: 17px;
letter-spacing: 2px;
font-weight: bold;
}
#menu ul:link, #menu ul:visited
{
display: block;
font-family: Raleway;
font-size: 11px;
text-decoration: none;
color: #FFFFFF;
padding-bottom: 5px;
padding-right: 17px;
}
#menu li:hover
{
border: 0;
font-family: Raleway;
text-transform: uppercase;
}
#menu li:hover ul
{
display: block;
}
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;}
#toTopHover {
background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {
outline:none;}
(function() {
var form = document.getElementById("mad_mimi_signup_form"),
submit = document.getElementById("webform_submit_button"),
email = /.+@.+\..+/;
form.onsubmit = function(event) {
var isValid = validate();
if(!isValid) {
for(var i = 0; i < form.elements.length; ++i) {
var input = form.elements[i];
if(input.className.indexOf("required") >= 0) {
input.onchange = validate;
}
}
return false;
}
if(form.getAttribute("target") != "_blank") {
form.className = "mimi_submitting";
submit.value = submit.getAttribute("data-submitting-text");
submit.disabled = true;
submit.className = "disabled";
}
setTimeout(function() {
for(var i = 0; i < form.getElementsByTagName("input").length; ++i) {
var input = form.getElementsByTagName("input")[i];
if(input.getAttribute("type") == "text") {
input.value = "";
}
if(input.id == "signup_email") {
input.placeholder = "you@example.com";
} else {
input.placeholder = "";
}
}
}, 3000);
};
function validate() {
var isValid = true;
for(var i = 0; i < form.elements.length; ++i) {
var input = form.elements[i],
allDivs = input.parentNode.getElementsByTagName("div");
if(input.className.indexOf("required") >= 0) {
if(input.id == "signup_email") {
if(!email.test(input.value)) {
emailErrorMessage(input, allDivs);
isValid = false;
} else {
removeErrorMessage(input, allDivs);
}
} else {
if((input.type == "checkbox" && !input.checked) || input.value == "" || input.value == "-1") {
fieldErrorMessage(input, allDivs);
isValid = false;
} else {
removeErrorMessage(input, allDivs);
}
}
}
}
form.className = isValid ? "" : "mimi_invalid";
submit.value = isValid ? submit.getAttribute("data-default-text") : submit.getAttribute("data-invalid-text");
submit.disabled = !isValid;
submit.className = isValid ? "submit" : "disabled";
return isValid;
}
function emailErrorMessage(input, allDivs) {
if(input.getAttribute("data-webform-type") == "iframe") {
input.className = "required invalid";
input.placeholder = input.getAttribute("data-required-message") || "This field is required";
} else {
allDivs[0].innerHTML = input.getAttribute("data-invalid-message") || "This field is invalid";
}
}
function fieldErrorMessage(input, allDivs) {
if(input.getAttribute("data-webform-type") == "iframe") {
input.className = "required invalid";
input.placeholder = input.getAttribute("data-required-message") || "This field is required";
} else {
for(var i = 0; i < allDivs.length; ++i) {
var element = allDivs[i];
if(element.className.indexOf("mimi_field_feedback") >= 0) {
return element.innerHTML = input.getAttribute("data-required-message") || "This field is required";
}
}
}
}
function removeErrorMessage(input, allDivs) {
if(input.getAttribute("data-webform-type") == "iframe") {
input.className = "required";
}
for(var i = 0; i < allDivs.length; ++i) {
var element = allDivs[i];
if(element.className.indexOf("mimi_field_feedback") >= 0) {
return element.innerHTML = "";
}
}
}
})();
.drabbleBoxContainer {
width: 350px;
height: 235px;
padding: 0px;
//padding-top: 0px;
background: #fff url('') top center no-repeat;
}
.drabbleBoxH {
padding-top: 20px;
height: 60px
background-color: #fff;
}
/* GENERAL TRACKER STYLING */
.contentPanel {
hover: 1.0;
left: 0;
right: 0;
bottom: 0;
background: #fff url('') center no-repeat;
background-size: contain;
width: 350px;
height: 225px;
padding: 0px;
//border: 0px;
//overflow: auto;
text-align: justify;
}
.contentPanel:hover .drabbleContentA {
opacity: 0.9;
width: 350px;
height: 225px;
padding: 0px;
}
.drabbleContentA {
opacity: 0.0;
margin-top: 0px;
width: 350px;
height: 225px;
padding: 0px;
-webkit-transition-duration: 0.3s;
text-align: justify;
overflow: auto;
background-color: #FFFFFF;
}
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
shopping cart: {{ cart.item_count }} | {{ cart.total | money_with_sign }}
