gcyrillus

/* GCyrillus Power html book CSS 3- copy but do not sale nor forget my name - it will turn obsolete once , you know.
works fine only with ff13 at the moment */
  html,body {
    height:100%;
    width:100%;
	margin:0;
	padding:0;
  }
  body {
    display:-moz-box;

gcyrillus

/* GCyrillus Power html book CSS 3- copy but do not sale nor forget my name - it will turn obsolete once , you know.
works fine only with ff13 at the moment */
  html,body {
    height:100%;
    width:100%;
	margin:0;
	padding:0;
  }
  body {
    display:-moz-box;

gcyrillus

body {
	background-color: #383532;
}
.my-content {
    position: relative;
	width: 600px;
	height:420px;
	overflow: hidden;
	margin: 2em auto;
	white-space:nowrap;

gcyrillus

body {
	background-color: #383532;
}
.my-content {
    position: relative;
	width: 600px;
	height:420px;
	overflow: hidden;
	margin: 2em auto;
	white-space:nowrap;

gcyrillus

body {
	background-color: #383532;
	background-image:linear-gradient(-90deg,#383532,#fff);
	
}
.my-content {
    position: relative;
	width: 600px;
	height:420px;
	overflow: hidden;

gcyrillus

/* gcyrillus pour le fun du sdz */
html, body , .table {height:100%;width:100%;margin:0;padding:0;}
.table {display:table;}
.cell {display:table-cell;}
.table {border-spacing:20px;}
.cell{
border:solid #E6E6E6 5px;
border-radius:1em;
background:#E6E6E6;
box-shadow:inset 0 0 0px 10px white;

gcyrillus

/* Gcyrillus CSS transition , is there any difference if drived by js ?.. 
nop , why should pixels and time be something else  */
#accordion1 {height:240px;
width:840px;
list-style-type:none;border:solid hsla(70, 67%, 53%, 0.75) 2px;
padding:0;
margin:1em auto;
overflow:hidden;
position:relative;
}

gcyrillus

/* gcyrillus Use target , clear and float to move arrow in front of targetted elements */
div {min-height:3em;}
.target  {width:80%;border:solid;}
.target, ul {display:table;margin:auto;border-spacing:5px;}
li {display:table-cell;text-align:center;background:#eee;padding:3px;border:solid;}
#fleche {
margin:0 0 0 3px;
clear:left;
width:1em;
line-height:8em;

gcyrillus

/* Gcyrillus , static digicode, no psd */
a {
display:inline-block;
height:70px;
width:70px;
margin:20px;
text-align:center;
border:1px solid rgba(0,0,0,0.72);
border-radius:70px;
background:#454545;

gcyrillus

/* Gcyrillus ,  digicode, no psd 
https://dabblet.com/gist/2956762
*/
a {
display:inline-block;
vertical-align:top;
height:70px;
width:70px;
margin:20px;
text-align:center;