Skip to content

Instantly share code, notes, and snippets.

@kovshenin
Created July 2, 2013 20:13
Show Gist options
  • Save kovshenin/5912707 to your computer and use it in GitHub Desktop.
Save kovshenin/5912707 to your computer and use it in GitHub Desktop.
#tix {
width: 99%;
}
.tix_tickets_table {
width: 100%;
border-spacing: 0;
border-collapse: separate;
}
.tix_tickets_table tbody tr,
.tix-ticket-form tbody tr,
.tix-receipt-form tbody tr {
background: #f9f9f9;
}
.tix_tickets_table tbody tr:nth-child(odd),
.tix-ticket-form tbody tr:nth-child(odd),
.tix-receipt-form tbody tr:nth-child(odd) {
background: #f0f0f0;
}
.tix_tickets_table th,
.tix-ticket-form th,
.tix-receipt-form th {
border-bottom: solid 1px #ccc;
}
.tix-column-description { padding: 20px; text-align: left; }
.tix-column-price { padding-left: 20px; text-align: right; }
.tix-column-remaining { padding-left: 20px; text-align: right; }
.tix-column-per-ticket { padding-left: 20px; text-align: right; }
.tix-column-quantity { padding-left: 20px; text-align: right; padding-right: 20px; }
#tix input[type="submit"] {
display: block;
background: url('http://digitaloctober.ru/system/static_images/design_2012/banners/new_fill_form.png');
text-align: center;
color: #fff;
width: 180px;
height: 33px;
margin: 10px 0;
font: 12px/28px "CirceBold", sans-serif;
text-transform: uppercase;
text-decoration: none;
border: none;
}
#tix input[type="submit"]:hover {
background-position: 0 -33px;
}
.tix-clear {
float: left;
clear: both;
height: 1px;
line-height: 1px;
}
<div id="tix" class="tix-js">
<form action="http://2013.russia.wordcamp.org/tickets/?tix_action=attendee_info#tix" method="POST">
<table class="tix_tickets_table">
<thead>
<tr>
<th class="tix-column-description">Описание</th>
<th class="tix-column-price">Цена</th>
<th class="tix-column-quantity">Количество</th>
</tr>
</thead>
<tbody>
<tr class="tix-ticket-5541">
<td class="tix-column-description">
<strong class="tix-ticket-title">Участие в WordCamp Russia 2013</strong>
</td>
<td class="tix-column-price" style="vertical-align: middle;">
$&nbsp;20.00
</td>
<td class="tix-column-quantity" style="vertical-align: middle;">
<select name="tix_tickets_selected[5541]">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
</tr>
<tr class="tix-ticket-5544">
<td class="tix-column-description">
<strong class="tix-ticket-title">Микроспонсорство + участие в WordCamp Russia 2013</strong>
</td>
<td class="tix-column-price" style="vertical-align: middle;">
$&nbsp;70.00
</td>
<td class="tix-column-quantity" style="vertical-align: middle;">
<select name="tix_tickets_selected[5544]">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
</tr>
</tbody>
</table>
<p>
<input type="submit" value="Зарегистрироваться &rarr;" style="float: right; cursor: pointer;">
<br class="tix-clear" />
</p>
</form>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment