istan

ul.hmenu{list-style:none;margin:0 0 2em;padding:0}ul.hmenu li{display:inline}ul.hmenu li a{text-decoration:none}#flash_notice,#flash_alert{padding:5px 8px;margin:10px 0}#flash_notice{background-color:#CFC;border:solid 1px #6C6}#flash_alert{background-color:#FCC;border:solid 1px #C66}a.button{text-decoration:none;border:1px solid #999;background:#eee;color:#555;width:auto;padding:5px 8px 5px 8px;-webkit-border-radius:6px}a.button:hover{background:#f9f9f9;color:#777;border-color:#bbb}

istan

- @template.tabs.each_with_index do |t, index|
  - if index > 0 
    .tab{:id => "tab_#{index}"}
  - else
    .tab.visible{:id => "tab_#{index}"}

    %h3= t['headers'][0]
    - t['inputs'].each do |b|
      %h4= b['prompt']
      = render 'make_input', :input => b 

istan

<form id="login_form">
	<div id="login_elements" style="display:none;">	
        <div id="error_flash" style="display: none;">
            Logging in...
		</div>
		<h3 id="log_in">
		Are you a bartender? Sign in!
		</h3>
        <div id="login_email" class="field">  
			<span>Email</span>