gcyrillus

/* debug safari/chrome sur text-shadow tronquée si italic */
.title {
	
	font-family:'Bubbleboy';
	font-size:60px;
	color:#fff;
	text-align:center;
	text-shadow:0 5px 3px rgba(255,255,255,0.2), 0 1px 0 #000, 0 6px 0 #00212a, 0 7px 0 rgba(255,255,255,0.3);
}

gcyrillus

/* http://www.siteduzero.com/forum/sujet/css-blocs-imbriques-et-design-extensible */

html, body, #content1 {height:100%;width:100%;box-sizing:border-box;border:solid 1px ;border-radius:0.5em;box-shadow:0 0 5px, inset 0 0 5px;;}
html {background:white;
display:table;
padding:2%;
}
body {
background:green;
display:table-cell;

gcyrillus

/* 2 sub-level  click or tab me menu by GCyrillus (Griboval Cyrille)
update with onclick="" (trick for touch) TO BE TESTED !	
 original http://dabblet.com/gist/2906473 */
html {height:100%;margin:0;padding:0;background:#417C9B;
background-image:
	radial-gradient(5% 5%,#F7E704 5%, transparent 30% ),
	radial-gradient(50% 80%, hsla(204, 67%, 61%, 0.7),  #444),
	linear-gradient(-90deg,#000,#09a)
	;
background-repeat:no-repeat;

gcyrillus

/* inherit/currentcolor  http://forum.alsacreations.com/topic-4-66920-1-CSS-hover-changer-la-couleur-du-texte-au-survol-de-la-div.html */
div  {
	background-color: #ffffff;
	color: #000000;
	border:solid;width:600px;margin:1em auto;
}

div:hover{
	color: #cc04c2;
	background-color: #000000;

gcyrillus

/* reprise aspect diz topic SDZ  http://www.siteduzero.com/forum/sujet/insertion-css-d-un-design-decoupe */

html {height:100%;width:100%;display:table;background:#000}
body {display:table-cell;vertical-align:middle;}
div {background:#FF9942;width:620px;margin:auto;border:1px solid #902C00;padding:5px;
box-shadow:inset 0 0 0 1px #333, 0px 0px  70px rgba(255, 153, 66,0.55);
border-radius:1px;}
p {height: 1.6em;
line-height:1.6em;
text-align:center;

gcyrillus

/* beam ! */
html, body  {margin: 0; padding: 0;display:table ;border-spacing:0;height:100%;width:100%;
background:#333;}
body { display:table-cell;vertical-align:middle;transform-style:flat;preserve-3d;
perspective:1000px;}

#container {
width:800px;
height:640px;
border:solid ;

gcyrillus

/* fake flex-box justified, rotating scaled image */
nav {display:block;padding:100px 0 90px;text-align:center;background:linear-gradient(0deg,#3E78FD,turquoise,#3E78FD);}
ul {background:gray;
background:repeating-linear-gradient(185deg,transparent 0, transparent 4px, gray 4px, gray 6px)
,repeating-linear-gradient(70deg,transparent 0, transparent 4px, gray 4px, gray 6px),#999;
background-size:1% 20%;
border-top:solid;
border-bottom:solid;
box-shadow:0 0 30px 15px #3E78FD  ;
height:30px;

gcyrillus

/* zoom:hover */
p {border:solid;width:500px;margin:3em auto;box-shadow:0 0 5px;font-size:1.25em;}
p img {float:left;;vertical-align:bottom;transform:scale(1);zoom:1;transition:0.5s;}
p img:hover {transform:scale(1.5);transform-origin:center;transition:0.5s;}

/* dabblet defaut CSS */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

gcyrillus

/* @flex it: upsidedown layout , float is not dead muhahaha  */

/* HERE YOU MIGHT SEE <STYLE> TAG CONTENT.
 PUSHED ALL THIS WAY DOWN,
 IT COULD BE YOUR HEADER */

header , p{width:600px;border:solid;margin:17px auto;overflow:hidden;}
header,p,style,a {border-radius:5px;box-shadow:0 0 5px;}
ul {padding:0;margin:0;list-style-type:none;text-align:center;background:rgba(0,0,0,0.75);}
li {display:inline-block;margin:0 1em;vertical-align:top;}

gcyrillus

/* border border-radius sur tableau , prob forum */
#tab {
	display:block;
	overflow:hidden;
	margin: 10px auto;;
	border:solid 1px #D1D1D1;
	border-radius: 10px;
	background-color:#FEDD98;
}
.row