1 @CHARSET "ISO-8859-1";

     2 

     3 #b1 {

     4 	height: 50px;

     5 	width: 50px;

     6 	background: black;

     7 }

     8 

     9 #b2 {

    10 	height: 50px;

    11 	width: 50px;

    12 	background: blue;

    13 	margin-top: 10px;

    14 }

    15 

    16 /* -- General style -- */

    17 

    18 body {

    19 	position: absolute;

    20 	margin: auto;

    21 	width: 960px;

    22 	font: 14px Helvetica Neue;

    23 	text-rendering: optimizeLegibility;

    24 	margin: 30px 20px;

    25 	overflow-y: scroll;

    26 	z-index: 1;

    27 }

    28 

    29 h1 {

    30   font-size: 36px;

    31   position: relative;

    32   left : 690px;

    33   font-weight: 300;

    34   margin-bottom: .3em;

    35 }

    36 

    37 

    38 /* -- Streamgraph Style -- */

    39 

    40 #streamgraph {

    41   font: 10px sans-serif;

    42   margin: 10px 0;

    43 }

    44 

    45 #streamgraphTimeline {

    46   font: 10px sans-serif;

    47   margin: 10px 0;

    48 }

    49 

    50 svg path {

    51 	position: relative;

    52 }

    53 

    54 /* -- Treemap style -- */

    55 

    56 #treemap {

    57   margin: 30px 0;

    58 }

    59 

    60 #first {

    61 	position: absolute;

    62 	width: 

    63 }

    64 

    65 .cell {

    66     border: 1px solid white;

    67     font: 15px/17px sans-serif;

    68     overflow: hidden;

    69     position: absolute;

    70     text-indent: 0px;

    71 }

    72 .cell.selected {

    73     border-color: black;

    74     z-index: 5;

    75 }

    76 .details {

    77     background: none repeat scroll 0 0 white;

    78     border: 1px solid black;

    79     border-radius: 7px 0 0 0;

    80     display: none;

    81     margin: 10px 0px 0px 10px;

    82     padding: 10px;

    83     position: absolute;

    84     width: 200px;

    85     z-index: 10;

    86 }

    87 .details .size {

    88     font-weight: bold;

    89 }

    90 .details .name {

    91     font-weight: bold;

    92     margin-left: 10px;

    93 }

    94 

    95 .title {

    96 	font-weight: bold;

    97 	z-index: 2;

    98 	position: absolute;

    99 	background-color: white;

   100 	text-align: center;

   101 	top: 0px;

   102 	left: 0px;

   103 	margin: 0px;

   104 	opacity: 0.4;

   105 };

   106 

   107 .img {

   108 	position: relative;

   109 }

   110 

   111 /* -- Style for the selectors -- */

   112 

   113 div.selecteur {

   114 	width: 5px;

   115 	height: 50px;

   116 	z-index: 2;

   117 	position: absolute;

   118 	background-color: #FFFFFF;

   119 	opacity: 0.5;

   120 	border-style: solid;

   121 	border-color: #000000;

   122 	border-width: 2px 0px;

   123 }

   124 

   125 div.selecteur.gauche {

   126 	border-left-width: 2px;

   127 	left: 0px;

   128 }

   129 

   130 div.selecteur.droite {

   131 	border-right-width: 2px;

   132 	left: 900px;

   133 }

   134 

   135 div.selection {

   136 	background: black;

   137 	height: 3px;

   138 	z-index: 2;

   139 	position: absolute;

   140 	opacity: 1;

   141 }

   142 

   143 div.cache {

   144 	background-color:#000000;

   145 	opacity:0.3;

   146 	height: 52px;

   147 	z-index: 2;

   148 	position: absolute;