static/css/Treemap.css

   1 #right-container {
   2   display: none;
   3 }
   4
   5 #center-container {
   6   width:800px;
   7 }
   8
   9 #infovis {
  10   width:800px;
  11 }
  12
  13 .node {
  14   color:#fff;
  15   font-size:9px;
  16   overflow:hidden;
  17   cursor:pointer;
  18 /*
  19   text-shadow:2px 2px 5px #000;
  20   -o-text-shadow:2px 2px 5px #000;
  21   -webkit-text-shadow:2px 2px 5px #000;
  22   -moz-text-shadow:2px 2px 5px #000;
  23 */
  24 }
  25
  26 /*TOOLTIPS*/
  27 .tip {
  28     color: #fff;
  29     width: 139px;
  30     background-color: black;
  31     opacity:0.9;
  32     filter:alpha(opacity=90);
  33     font-size:10px;
  34     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  35     padding:7px;
  36 }
  37
  38 .album {
  39     width:100px;
  40     margin:3px;
  41 }
  42
  43 #id-list {
  44         background-color:#EEEEEE;
  45         border:1px solid #CCCCCC;
  46         margin:10px 20px 0 20px;
  47         padding:5px;
  48         text-align:left;
  49         text-indent:2px;
  50 }
  51
  52 #id-list table {
  53   margin-top:2px;
  54 }
  55
  56 #back {
  57   margin:10px 40px;
  58 }
  59
  60 .button {
  61   display: inline-block;
  62   outline: none;
  63   cursor: pointer;
  64   text-align: center;
  65   text-decoration: none;
  66   font: 14px / 100% Arial, Helvetica, sans-serif;
  67   padding: 0.5em 1em 0.55em;
  68   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  69   -webkit-border-radius: 0.5em;
  70   -moz-border-radius: 0.5em;
  71   border-radius: 0.5em;
  72   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  73   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  74   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  75 }
  76
  77 .button:hover {
  78   text-decoration: none;
  79 }
  80
  81 .button:active {
  82   position: relative;
  83   top: 1px;
  84 }
  85
  86 /* white */
  87 .white {
  88   color: #606060;
  89   border: solid 1px #b7b7b7;
  90   background: #fff;
  91   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  92   background: -moz-linear-gradient(top,  #fff,  #ededed);
  93   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  94 }
  95
  96 .white:hover {
  97   background: #ededed;
  98   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  99   background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
 100   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
 101 }
 102
 103 .white:active {
 104   color: #999;
 105   background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
 106   background: -moz-linear-gradient(top,  #ededed,  #fff);
 107   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
 108 }
 109