IEEE board table

dabblet.css

/**
 * IEEE board table	
 */
 
 #board-members td{
 	padding: .5em;
 	text-align: center;
 }
 
 #board-members * {
 	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
 }
 
 .contact p {
 	text-align: left;
 } 
 .board-pic img {
 	border: 8px solid #ddd;
 	opacity: 0.8;
 }
 
 .board-pic img:hover{
 	opacity: 1;
 }
 
 .position {
 	text-transform: uppercase;
 	font-family: "Segoe WP", Arial, sans-serif;
 }

dabblet.html

<table id="board-members">
	<tbody>
	<tr>
		<td class="board-pic"><img alt="Alexander Talavari" src="http://ieeesb.teipir.gr/images/Board/alex.png"/></td>
		<td class="position">Chair</td>
		<td>Alexander Talavari</td>
		<td class="contact">
			<p><strong>Email: </strong>alex.talavari@ieee.org</p>
			<p><strong>Skype: </strong>Alex.Talavari</p>
		</td>
	</tr>
	<tr>
		<td class="board-pic"><img alt="Charalampos Patrikakis" src="http://ieeesb.teipir.gr/images/Board/babis.png"/></td>
		<td class="position">Councelor</td>
		<td>Charalampos Patrikakis</td>
		<td class="contact">
			<p><strong>Email: </strong>bpatr@ieee.org</p>
		</td>
	</tr>
	<tr>
		<td class="board-pic"><img alt="Athanasios" src="http://ieeesb.teipir.gr/images/Board/delikaris.png"/></td>
		<td class="position">Vice Chair</td>
		<td>Athanasios Delikaris</td>
		<td class="contact">
			<p><strong>Email: </strong></p>
		</td>
	</tr>
	<tr>
		<td class="board-pic"><img alt="Nikolaos Kapodistrias" src="http://ieeesb.teipir.gr/images/Board/kapodistrias.jpg"/></td>
		<td class="position">Treasurer</td>
		<td>Nikolaos Kapodistrias</td>
		<td class="contact">
			<p><strong>Email: </strong>kapodistrias@ieee.org</p>
		</td>
	</tr>
	<tr>
		<td class="board-pic"><img alt="Apostolos Smyrnakis" src="http://ieeesb.teipir.gr/images/Board/smyrnakis.jpg"/></td>
		<td class="position">Secretary</td>
		<td>Apostolos Smyrnakis</td>
		<td class="contact">
			<p><strong>Email: </strong>apostolos.pcs@gmail.com</p>
		</td>
	</tr>
	<tr>
		<td class="board-pic"><img alt="Dimitris Tsironis" src="http://ieeesb.teipir.gr/images/Board/tsironis.png"/></td>
		<td class="position">Executive<br /> Member</td>
		<td>Dimitris Tsironis</td>
		<td class="contact">
			<p><strong>Email: </strong>tsironis@ieee.org</p>
			<p><strong>Skype: </strong>tsironakos</p>
		</td>
	</tr>

	</tbody>
</table> 	

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"css"}