[WebProfilerBundle] implemented new web profiler layout

src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/base.css

@@ -0,0 +1,144 @@
+
+html,
+body
+{
+	width:100%;
+	min-height:100%;
+	_height:100%;
+	margin:0;
+	padding:0;
+}
+body
+{
+	font: 1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;;
+	text-align:left;
+	background-color:#efefef;
+}
+body
+{
+	/* Pour faire des hovers autre que sur des a */
+	/*behavior: url(/htc/csshover.htc);*/
+	/* Ca fonctionne avec ie6 et ce n'est pas accessible */
+}
+p
+{
+  font-size:14px;
+  line-height:20px;
+  color:#868686;
+  padding-bottom:20px
+}
+
+strong
+{
+  color:#313131;
+}
+
+a
+{
+	color:#6c6159;
+}
+a img
+{
+	border:none;
+}
+a:hover
+{
+	text-decoration:underline;
+}
+
+/**
+	*	Fixe le problème de padding
+	*	et de border sur les boutons
+	*	dans firefox
+	*/
+button::-moz-focus-inner
+{
+  padding: 0;
+  border: none;
+}
+/**
+	*	Fixe le problème de padding
+	*	proportionel au contenu des boutons
+	*	dans Internet explorer
+	*/
+button
+{
+  overflow: visible;
+  width: auto;
+}
+/*
+  Corrige le bug d'affichage de bordure et de
+  décalage du contenu sous IE en mode XP
+*/
+button
+{
+  background-color: transparent;
+}
+
+table,
+th,
+td,
+tr
+{
+	border-collapse:collapse;
+	border:1px solid #d0dbb3;
+}
+table
+{
+	width:100%;
+	margin:10px 0 60px;
+}
+table th
+{
+	font-weight:bold;
+	background-color:#f1f7e2;
+}
+table th,
+table td
+{
+	font-size:12px;
+	padding:8px 10px;
+}
+fieldset
+{
+	border:none;
+}
+.clear
+{
+	clear:both;
+	height:0px;
+	font-size:0;
+	line-height:0;
+}
+strong
+{
+	font-weight:bold;
+}
+em
+{
+	font-style:italic;
+}
+/* ------- DEBUT - Clear ------- */
+
+.clear_fix:after
+{
+	content:"\0020";
+	display:block;
+	height:0;
+	clear:both;
+	visibility:hidden;
+}
+.clear_fix
+{
+	display:inline-block;
+}
+/* \*/ * html .clear_fix
+{
+	height:1%;
+}
+.clear_fix
+{
+	display:block;
+}
+
+/* ------- FIN - Clear ------- */

src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/button.css

@@ -0,0 +1,128 @@
+/*
+  Corrige le bug d'affichage de bordure et de
+  décalage du contenu sous IE en mode XP
+*/
+button
+{
+  background-color: transparent;
+}
+
+/**
+* début des styles commun à tous les boutons
+*/
+.shadow_extensible_button,
+.extensible_button,
+.non_extensible_button
+{
+	-webkit-appearance: button-bevel;
+	float: left;
+	text-align: left;
+	display: block;
+	padding: 0;
+	margin: 0;
+	border: 0px solid #000000;
+	text-decoration: none;
+	cursor: pointer;
+	background-color: transparent;
+	white-space: nowrap;
+}
+.shadow_extensible_button:hover,
+.extensible_button:hover,
+.non_extensible_button:hover
+{
+	text-decoration: none;
+}
+
+button span
+{
+  position: relative;
+}
+
+button span span,
+button span span span
+{
+  position: static;
+}
+
+/**
+* fin des styles commun à tous les boutons
+*/
+
+/**
+* début des styles pour le bouton non extensible 01
+*/
+.non_extensible_button_01,
+.non_extensible_button_02
+{
+	display: inline-block;
+	text-align: center;
+	vertical-align: middle;
+	border: 0;
+	background: none;
+}
+
+.non_extensible_button_01 span
+{
+	text-decoration: none;
+	display: block;
+	height: 28px;
+	float: left;
+	padding: 0 0 0 8px;
+	background: transparent url("/bundles/webprofiler/images/profiler/border_l.png") no-repeat top left;
+}
+
+.non_extensible_button_01 span span
+{
+	padding: 0 8px 0 0;
+	background: transparent url("/bundles/webprofiler/images/profiler/border_r.png") right top no-repeat;
+}
+
+.non_extensible_button_01 span span span
+{
+	padding: 0px 7px;
+	font: bold 11px Arial, Helvetica, sans-serif;
+	color: #6b6b6b;
+	line-height: 28px;    /* Alignement vertical du texte */
+	background: transparent url("/bundles/webprofiler/images/profiler/btn_bg.png") repeat-x top left;
+}
+/*
+* fin des styles pour le bouton non extensible 01
+**/
+
+
+/**
+* début des styles pour le bouton non extensible 02
+*/
+
+.non_extensible_button_02
+{
+  float:none;
+}
+
+.non_extensible_button_02 span
+{
+	display: block;
+	height: 38px;
+	float: left;
+	padding: 0 0 0 8px;
+  background: transparent url("/bundles/webprofiler/images/profiler/border_l.png") left top no-repeat;
+}
+
+.non_extensible_button_02 span span
+{
+	padding: 0 8px 0 0;
+	background: transparent url("/bundles/webprofiler/images/profiler/border_r.png") right top no-repeat;
+}
+
+.non_extensible_button_02 span span span
+{
+	padding: 0px 16px;
+	font: bold 12px/38px Arial, Helvetica, sans-serif;
+  text-shadow:1px 1px 1px #415a08;
+  text-decoration:none;
+	color: #FFFFFF;
+	background: transparent url("/bundles/webprofiler/images/profiler/btn_bg.png") repeat-x top left;
+}
+/*
+* fin des styles pour le bouton non extensible 02
+**/