Tiles/template-page.css

   1 body, html {
   2   background: white;
   3   margin: 0;
   4   padding: 0;
   5   font-family: @FontFamily@, Segoe, Trebuchet MS, Lucida, Sans-Serif;
   6   text-align: left;
   7   line-height: 1.5em;
   8 }
   9
  10 a, a:visited {
  11   text-decoration: none;
  12   color: #2b5a8a;
  13 }
  14
  15 a:hover {
  16   text-decoration: underline;
  17 }
  18
  19 img {
  20   border: 0px;
  21 }
  22
  23 table {
  24   width: 100%;
  25   border-collapse: collapse;
  26   font-size: @FontSize@px;
  27 }
  28
  29 tr {
  30   border-bottom: 1px dotted #999999;
  31 }
  32
  33 tr:hover {
  34   background: #f5f5f5;
  35 }
  36
  37 tr:hover .icon {
  38   background-color: #ddddd0;
  39 }
  40
  41 td {
  42   padding: 6px;
  43 }
  44
  45 td.icon {
  46   background-color: #eeeee0;
  47   min-height: 80px;
  48   width: 1%;
  49   min-width: 80px;
  50   text-align: center;
  51   vertical-align: top;
  52   padding: 12px;
  53 }
  54
  55 .icon img {
  56   max-width: 60px;
  57   padding: 4px;
  58 }
  59
  60 .icon img[src$='.jpg'], img[src$='.jpeg'], img[src*='.thumbnails'] {
  61 //  max-width: 48px;
  62   border: 1px dotted #bbb;
  63 //  padding: 4px;
  64   background: #f9f9f9;
  65 }
  66
  67 td.content {
  68   padding-left: 12px;
  69   vertical-align: top;
  70 }
  71
  72 #hilight {
  73   background-color: #ffee66;
  74   color: #000000;
  75   padding-left: 2px;
  76   padding-right: 2px;
  77   margin-left: -2px;
  78   margin-right: -2px;
  79 }
  80
  81 .name {
  82   font-size: 1.3em;
  83   font-weight: bold;
  84   color: black;
  85 }
  86
  87 .date {
  88   font-size: 1em;
  89   color: black;
  90   margin-bottom: 0.6em;
  91   margin-top: 0.2em;
  92   margin-left: 16px;
  93 }
  94
  95 .snippet {
  96   font-size: 1em;
  97   color: gray;
  98   margin-left: 16px;
  99 }
 100
 101 .url {
 102   font-size: 1em;
 103   color: #008200;
 104   margin-left: 16px;
 105 }
 106
 107 ul {
 108   margin-left: 16px;
 109   padding: 0px;
 110   clear: both;
 111 }
 112
 113 .actions {
 114   font-size: 1em;
 115 }
 116
 117 .actions li {
 118   float: left;
 119   display: block;
 120   vertical-align: middle;
 121   padding: 0;
 122   padding-left: 20px;
 123   padding-right: 12px;
 124   background: url(@stock%16|stock_right@) no-repeat;
 125   min-height: 16px;
 126   -moz-opacity: 0.5;
 127 }
 128
 129 tr:hover .actions li {
 130   -moz-opacity: 1.0;
 131 }
 132
 133 #phone {
 134   background: url(@stock%16|stock_landline-phone@) no-repeat;
 135 }
 136
 137 #email {
 138   background: url(@stock%16|stock_mail@) no-repeat;
 139 }
 140
 141 #email-forward {
 142   background: url(@stock%16|stock_mail-forward@) no-repeat;
 143 }
 144
 145 #email-reply {
 146   background: url(@stock%16|stock_mail-reply@) no-repeat;
 147 }
 148
 149 #message {
 150   background: url(@stock%16|im-yahoo@) no-repeat;
 151 }
 152
 153 #reveal {
 154   background: url(@stock%16|stock_open@) no-repeat;
 155 }
 156
 157 td.footer {
 158   text-align: right;
 159   border-bottom: solid 1px white;
 160 }