tsironis

/**
 * Previewer test
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 2in;
transition-duration: 6s;

tsironis

/**
 * Testing this new CSS universe!
 */

h1 {
	font-family: 'Georgia', serif;
	font-weight: normal;
}

h3 {

tsironis

/**
  * Demo for basic CSS3 styling & transitions for image elements
  */

.prof-pic {
	border: 10px solid #444444;
	border-radius: 14px;
	margin: 0.5em;
	opacity: 0.7;
	-moz-transition: all 0.5s;

tsironis

/**
  * Blog stuff starting demo!
  */

html, #pageNav, #siteName {
	padding: 0;
	margin: 0;
}

body {

tsironis

/**
 * Dropdown notification box with multiple borders
 */
 
 * {padding: 0; margin: 0;}
 
 #dropdown {
 	margin-top: -3em;
 	background: url("http://tsironis.isnap.gr/images/grain.png");
 	border-bottom:3px solid #444444;

tsironis

/**
 * Drawing shapes with pure CSS3 code
 */
 
body {
	background: url('http://tsironis.isnap.gr/images/stripes-1.png');
}

#title {
	text-align: center;

tsironis

/**
 * Calculator, hand-coded only with HTML and CSS3.
 */
body {background: #eee;}

h1 {text-align: center; font-family: 'Consolas', monospace; font-weight: normal; font-size: 3em;}
 
#calc {
	width: 250px;
	padding: 25px;

tsironis

/**
 * Calculator, hand-coded only with HTML and CSS3.
 */
body {background: #eee;}

::selection { background: transparent; }

h1 {text-align: center; font-family: 'Consolas', monospace; font-weight: normal; font-size: 3em;}
 
#calc {

tsironis

/**
 * IEEE board table	
 */
 
 #board-members td{
 	padding: 0 1em;
 	text-align: center;
 }
 
 #board-members * {

tsironis

/**
 * IEEE board table	
 */
 
 #board-members td{
 	padding: .5em;
 	text-align: center;
 }
 
 #board-members * {