LeeRJohnson

body {
	font-family: Helvetica, Verdana
}
p {
	padding: 7px 10px;
}
#demo { 
	border: 1px solid #999;
}

LeeRJohnson

<div class="row"><!-- not really need - row should exist higher in the doc -->
  <div class="six columns centered"><!-- six is the width (half) but could be one through tweleve - centered centers it -->
    <div class="flex-video widescreen"><!-- widescreen is for the 560 315 ratio -->
      <iframe width="560" height="315" src="http://www.youtube.com/embed/N966cATFWjI" frameborder="0" allowfullscreen=""></iframe>
    </div>
  </div>
</div>

LeeRJohnson

<form data-abide>
  <div class="name-field">
    <label>Your name <small>required</small></label>
    <input type="number" required pattern="[a-zA-Z]+">
    <small class="error">Name is required and must be a string.</small>
  </div>
  <div class="email-field">
    <label>Email <small>required</small></label>
    <input type="text" required pattern="email">
    <small class="error">An email address is required.</small>

LeeRJohnson

javascript:(function(){document.querySelectorAll(".history-item-content").forEach(function(a){a="https://www.endomondo.com/rest/v1"+a.getAttribute("href")+"/export?format=GPX";window.open(a);});})();

LeeRJohnson

document.querySelectorAll(".quick-edit").forEach(function(e){e.click();});

document.querySelectorAll(".edit-col select.workout-type").forEach(function(e){e.selectedIndex=0;});

document.querySelectorAll(".edit-col button[type=submit]").forEach(function(e){e.click();});