BLK MED » dope ass accessories for dope ass men and women
  
  
  
  
  
  
  
  
  
  
  
  {{ head_content }}
  
  
  
  
  
  
  
  
  
    html,
    body {
    margin: 0;
    padding: 0;
    height: 100%;

    background: url(http://i57.tinypic.com/24ln8lg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    
   
    a:link {
    color:#ffffff;
    }  
    
    a:visited {
    color:#ffffff;
    } 
    
    a:hover {
    color: gray;
    }  
    
    a:active {
    color:#ffffff;
    }  
    
    a.scratch:link, a.scratch:visited, a.scratch:active  {
    color: #ffffff;
    }  

    a.scratch:hover {
    color: #ffffff;
    background-color:#cc3366;
    }
    
    
    
    
    #topbar {
    height: 77px;
    width: 100%;
    
    position: fixed;
    top: 0px; 
    
    background-image: url('http://i62.tinypic.com/30wtmrd.png');
    background-color: #000000;
    border-bottom: 3px solid #6633cc;

    font-family: 'Source Code Pro,';
    font-size: 12px; 
    color: #ffffff;
    
    letter-spacing: 3px; 
    text-transform: uppercase; 
    }
  
    
    
    
    
    #nav, #nav ul {
    float: left
    }

    #nav li {
    float: left;
    margin-right: 25px;
    border: 0;
    position: relative;
    }

    #nav ul {
    position: absolute;
    top: 20px;
    display: none;
    }

    #nav ul li {
    float: none;
    margin: 0;
    padding: 3px;
    line-height: 15px;
    }

    #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
    display: inline;
    padding: 5px; 
    }
    
    #nav li:hover ul {
    display: block;
    }
  
    .navdrop {
    margin-top: 27px; 
    
    padding-left: 10px; 
    padding-top: 10px; 
    padding-right: 10px; 
    
    border-top: 3px solid #6633cc; 
    border-bottom: 3px solid #6633cc; 
    border-left: 3px solid #6633cc; 
    border-right: 3px solid #6633cc; 

    background-color: #FFFFFF; 
    
    text-align: left;
    }
    
    
    
    
    
    
    #menu, #menu ul {
    float: right; 
    }

    #menu li {
    float: left;
    margin-right: 15px;
    border: 0;
    position: relative;
    }

    #menu a:link, #nav a:visited, #nav a:hover, #nav a:active {
    display: inline;
    padding: 5px; 
    letter-spacing: 3px; 
    text-transform: uppercase; 
    }
    

    
    
    #wrapper {
    min-height: 100%;
    position: relative;
    }
    
    #content {
    position: absolute;
    
    top: 50px;
    left: 0;
    right: 0;
    
    margin-bottom: 100px; 
    width: 93%;
    max-width: 1500px;
    min-width: 980px;
    
    background: #ffffff;
    
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px; 
    
    margin-left: auto;
    margin-right: auto;
    
    text-align: justify;
    }
    

    
    #inputsearch {
    font-family: Arial;
    font-size: 12px; 
    text-transform: uppercase;  
    color: #cc3366; 
    
    background-color: transparent;
    
    border-top: 0px;
    border-bottom: 3px solid #ffffff;
    border-right: 0px;
    border-left: 0px;
    
    width: 350px; 

    padding: 5px; 
    text-transform: uppercase; 
    letter-spacing: 2px;
    }
    
    
    
    #bottombar {
    height: 42px;
    width: 100%;
    
    position: fixed;
    bottom: 0px; 
    
    background-image: url('http://i62.tinypic.com/30wtmrd.png');
    background-color: #000000;
    border-top: 3px solid #6633cc;
    }
    
    
    
    
    .black_overlay {
    display: none;
    
    position: absolute;
    z-index:1001;   
    top: 0%;
    left: 0%;
 
    width: 100%;
    height: 100%;
    
    background-color: #000000;
    
    -moz-opacity: 0.9;
    opacity:.90;
    filter: alpha(opacity=90);
    }
 
    .white_content {
    display: none;
    
    position: fixed;
    z-index:1002;
    bottom: 42px;
    left: 55px;
    
    width: 300px;
    height: 75px;
    
    padding: 15px;
    border-right: 3px solid #6633cc;
    border-left: 3px solid #6633cc;
    border-top: 3px solid #6633cc;
    background-color: #000000;
    background-image: url('http://oi62.tinypic.com/30wtmrd.jpg');

    overflow: auto;
    }
  
  
  
  
  
  



  
  
  
  
  


  

    

    
    <div>
     
    
      <div style="text-align:center;">
       
        <img src="http://i61.tinypic.com/15ugi9.png" style="width:80%;">
        

      
      
      </div>

      
    </div>  
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <div>
     
      
        
                
            <a href="http://www.shopblkmed.com/"><img src="http://i58.tinypic.com/2z7kd4k.png"></a>
          
          
            


 
      <ul>
        <li><a href="http://www.shopblkmed.com/category/new" class="scratch">New Arrivals</a></li>
        <li>
<a href="http://www.shopblkmed.com/products" class="scratch">Shop ↴</a>
          
          <ul>
            
            
              
                
      
                  
                  
            <li><a href="http://www.shopblkmed.com/category/hats">Hats</a></li>
            <li><a href="http://www.shopblkmed.com/category/eyewear">Sunglasses</a></li>
            <li><a href="http://www.shopblkmed.com/category/jewelry">Jewelry</a></li>
            <li> <a href="http://www.shopblkmed.com/category/tech">Tech</a>
</li>
            <li><a href="http://www.shopblkmed.com/category/apparel">Apparel</a></li>
            
                
             
            
 
          </ul>
        </li>
        
        <li><a href="http://www.shopblkmed.com/category/sale" class="scratch">Sale</a></li>
        <li><a href="http://www.shopblkmed.com/lookbook" class="scratch">Lookbook</a></li>
        <li><a href="http://blog.shopblkmed.com/" class="scratch">Blog</a></li>
        <li><a href="http://www.shopblkmed.com/cart" class="scratch">Cart: &#123;&#123; cart.item_count }}</a></li>
      </ul> 
      
      
      
 
          
            
            
            
            
              
      
          
        
       
      
      

      
          </div>  
    
    <div>
      
      
        
              
            
       

       <div style="margin:0;padding:0;display:inline;">
          
          
       </div>
       <div class="mimi_field required">


          
       </div>
       <div>
          

       </div>
    

(function() &#123;
  var form = document.getElementById('mad_mimi_signup_form'),
      submit = document.getElementById('webform_submit_button'),
      validEmail = /.+@.+\..+/,
      isValid;
      
  form.onsubmit = function(event) &#123;
    validate();
    if(!isValid) &#123;
      revalidateOnChange();
      return false;
    }
  };
  
  function validate() &#123;
    isValid = true;
    emailValidation();
    fieldAndListValidation();
    updateFormAfterValidation();
  }

  function emailValidation() &#123;
    var email = document.getElementById('signup_email');
    if(!validEmail.test(email.value)) &#123;
      textFieldError(email);
      isValid = false;
    } else &#123;
      removeTextFieldError(email);
    }
  }

  function fieldAndListValidation() &#123;
    var fields = form.querySelectorAll('.mimi_field.required');
    for(var i = 0; i &lt; fields.length; ++i) &#123;
      var field = fields[i],
          type  = fieldType(field);
      if(type == 'checkboxes' || type == 'radio_buttons') &#123;
        checkboxAndRadioValidation(field);
      } else &#123;
        textAndDropdownValidation(field, type);
      }
    }
  }

  function fieldType(field) &#123;
    var type = field.querySelectorAll('.field_type');
    if(type.length &gt; 0) &#123;
      return type[0].getAttribute('data-field-type');
    } else if(field.className.indexOf('checkgroup') &gt;= 0) &#123;
      return 'checkboxes';
    } else &#123;
      return 'text_field';
    }
  }

  function checkboxAndRadioValidation(field) &#123;
    var inputs   = field.getElementsByTagName('input'),
        selected = false;
    for(var i = 0; i &lt; inputs.length; ++i) &#123;
      var input = inputs[i];
      if((input.type == 'checkbox' || input.type == 'radio') &amp;&amp; input.checked) selected = true;
    }
    if(selected) &#123;
      field.className = field.className.replace(/ invalid/g, '');
    } else &#123;
      if(field.className.indexOf('invalid') == -1) field.className += ' invalid';
      isValid = false;
    }
  }

  function textAndDropdownValidation(field, type) &#123;
    var inputs = field.getElementsByTagName('input');
    for(var i = 0; i &lt; inputs.length; ++i) &#123;
      var input = inputs[i];
      if(input.name.indexOf('signup') &gt;= 0) &#123;
        if(type == 'text_field') &#123;
          textValidation(input);
        } else &#123;
          dropdownValidation(field, input);
        }
      }
    }
    htmlEmbedDropdownValidation(field);
  }

  function textValidation(input) &#123;
    if(input.id == 'signup_email') return;
    var val = input.value;
    if(val == '') &#123;
      textFieldError(input);
      isValid = false;
      return;
    } else &#123;
      removeTextFieldError(input)
    }
  }

  function dropdownValidation(field, input) &#123;
    var val = input.value;
    if(val == '') &#123;
      if(field.className.indexOf('invalid') == -1) field.className += ' invalid';
      onSelectCallback(input);
      isValid = false;
      return;
    } else &#123;
      field.className = field.className.replace(/ invalid/g, '');
    }
  }

  function htmlEmbedDropdownValidation(field) &#123;
    var dropdowns = field.querySelectorAll('.mimi_html_dropdown');
    for(var i = 0; i &lt; dropdowns.length; ++i) &#123;
      var dropdown = dropdowns[i],
          val      = dropdown.value;
      if(val == '') &#123;
        if(field.className.indexOf('invalid') == -1) field.className += ' invalid';
        isValid = false;
        dropdown.onchange = validate;
        return;
      } else &#123;
        field.className = field.className.replace(/ invalid/g, '');
      }
    }
  }

  function textFieldError(input) &#123;
    input.className   = 'required invalid';
    input.placeholder = input.getAttribute('data-required-field');
  }

  function removeTextFieldError(input) &#123;
    input.className   = 'required';
    input.placeholder = '';
  }

  function onSelectCallback(input) &#123;
    if(typeof Widget != 'undefined' &amp;&amp; Widget.BasicDropdown != undefined) &#123;
      var dropdownEl = input.parentNode,
          instances  = Widget.BasicDropdown.instances;
      for(var i = 0; i &lt; instances.length; ++i) &#123;
        var instance = instances[i];
        if(instance.wrapperEl == dropdownEl) &#123;
          instance.onSelect = validate;
        }
      }
    }
  }

  function updateFormAfterValidation() &#123;
    form.className   = isValid ? '' : 'mimi_invalid';
    submit.value     = submitButtonText();
    submit.disabled  = !isValid;
    submit.className = isValid ? 'submit' : 'disabled';
  }

  function submitButtonText() &#123;
    var invalidFields = document.querySelectorAll('.invalid'),
        text;
    if(isValid || invalidFields == undefined) &#123;
      text = submit.getAttribute('data-default-text');
    } else &#123;
      if(invalidFields.length &gt; 1 || invalidFields[0].className.indexOf('checkgroup') == -1) &#123;
        text = submit.getAttribute('data-invalid-text');
      } else &#123;
        text = submit.getAttribute('data-choose-list');
      }
    }
    return text;
  }

  function revalidateOnChange() &#123;
    var fields = form.querySelectorAll(".mimi_field.required");
    for(var i = 0; i &lt; fields.length; ++i) &#123;
      var inputs = fields[i].getElementsByTagName('input');
      for(var j = 0; j &lt; inputs.length; ++j) &#123;
        inputs[j].onchange = validate;
      }
    }
  }
})();



          
          
          
          
            
            <ul>
              <li><a href="http://www.shopblkmed.com/about" class="scratch">About</a></li>
              <li><a href="http://www.shopblkmed.com/contact" class="scratch">Contact</a></li>
              <li><a href="http://www.shopblkmed.com/customercare" class="scratch">Customer Care</a></li>
              <li><a href="http://www.shopblkmed.com/collaborations" class="scratch">Collabs</a></li>
            </ul> 
 
            

          
             
            
            <a href="http://www.instagram.com/shopblkmed_" target="_blank"><img src="http://i62.tinypic.com/2uhuxxj.png" style="height:25px;padding-right:10px;"></a>
            <a href="http://www.twitter.com/shopblkmed" target="_blank"><img src="http://i58.tinypic.com/214z6u0.png" style="height:25px;padding-right:10px;"></a>
            <a href="http://www.blkmed.tumblr.com/" target="_blank"><img src="http://i60.tinypic.com/4udsuc.png" style="height:25px;padding-right:10px;"></a>
            <a href="https://svpply.com/shopblkmed.com" target="_blank"><img src="http://i57.tinypic.com/6e15c6.png" style="height:25px;"></a>
              
          
        
       
      
    </div>