chrome/skin/grid.css

   1 .grid #grid {
   2   border-color: #555;
   3   color: #e70;
   4 }
   5
   6 .grid ul {
   7   padding: 0;
   8   list-style: none;
   9 }
  10
  11 .grid li {
  12   float: left;
  13   display: block;
  14   height: 160px;
  15   margin-bottom: 5px;
  16 }
  17
  18 .grid li span {
  19   width: 125px;
  20   margin: 0 auto;
  21   display: block;
  22 }
  23
  24 .grid li span.title {
  25   width: 125px;
  26   overflow: hidden;
  27   font-size: 12px;
  28   padding-top: 4px;
  29   font-weight: bold;
  30   color: #777;
  31 }
  32
  33 .grid li span.thumb {
  34         overflow: hidden;
  35         max-height: 105px;
  36 }
  37
  38 .grid li img.preview {
  39   max-width: 125px;
  40   max-height: 125px;
  41 }
  42
  43 .grid li span.url {
  44   width: 125px;
  45   overflow: hidden;
  46   font-size: 11px;
  47   color: #08f;
  48   text-decoration: underline;
  49   padding-bottom: 2px;
  50   padding-top: 5px;
  51 }
  52
  53 .grid li div {
  54   margin: 5px;
  55   padding: 5px;
  56   -moz-border-radius: 10px;
  57   border: 1px solid #e8e8e8;
  58   background: #f8f8f8;
  59   width: 140px;
  60   cursor: pointer;
  61   color: #333;
  62 }
  63
  64 .grid li div:hover {
  65   border-color: #ddd;
  66   background: #fff;
  67   color: black;
  68 }
  69
  70 .grid li .delete {
  71   display: none;
  72   background: transparent url("close.png") top no-repeat;
  73   width: 14px !important;
  74   height: 14px !important;
  75   float: right;
  76   top: -10px;
  77   right: -10px;
  78   position: relative;
  79 }
  80
  81 .grid li:hover .delete {
  82   display: inline;
  83 }
  84
  85 .grid li .delete:hover {
  86   background: transparent url("close.png") bottom no-repeat;
  87 }
  88
  89 .grid li img.preview {
  90   margin-top: 5px;
  91   border: 1px solid #888;
  92 }
  93
  94 .grid li:hover img {
  95   border-color: black;
  96 }
  97
  98 .grid li:hover span.url {
  99   color: #f80;
 100 }