wolnelektury/static/css/facelist_2-0.css

   1 .facelist-selections a {
   2         color: white;
   3         text-decoration: none;
   4 }
   5 .facelist-selections a:hover {
   6         color: black;
   7         text-decoration: none;
   8 }
   9 ul.facelist-selections {
  10         list-style-type: none;
  11         border-top: 1px solid #888;
  12         border-bottom: 1px solid #b6b6b6;
  13         border-left: 1px solid #aaa;
  14         border-right: 1px solid #aaa;
  15         padding: 4px 0 4px 4px;
  16         overflow: auto;
  17         background-color: #fff;
  18         box-shadow:inset 0 1px 2px #888;
  19         -webkit-box-shadow:inset 0 1px 2px #888;
  20         -moz-box-shadow:inset 0 1px 2px #888;
  21         width: 900px;
  22 }
  23
  24 ul.facelist-selections.loading {
  25         background-color: #eee;
  26 }
  27
  28 ul.facelist-selections li {
  29         float: left;
  30         margin: 1px 4px 1px 0;
  31         padding-top: 20px;
  32         margin-left: 10px;
  33 }
  34
  35 ul.facelist-selections li.facelist-selection-item {
  36         color:white;
  37         position: relative;
  38         background-color: #fbc11d;
  39         -moz-border-radius: 3px;
  40         -webkit-border-radius: 3px;
  41         border-radius: 3px;
  42         -webkit-transition: background-color .2s ease-in;
  43         cursor: pointer;
  44         padding:2px 5px 2px 5px;
  45         font-size: 13px;
  46         font-family: "Lucida Grande", arial, sans-serif;
  47 }
  48
  49 ul.facelist-selections li.facelist-selection-item:last-child {
  50         margin-left: 30px;
  51 }
  52
  53 ul.facelist-selections li.facelist-selection-item a.facelist-close {
  54         float: right;
  55         margin: 1px 0 0 7px;
  56         padding: 0 2px;
  57         cursor: pointer;
  58         color: #black;
  59         font-family: "Helvetica", helvetica, arial, sans-serif;
  60         font-size: 14px;
  61         font-weight: bold;
  62         -webkit-transition: color .1s ease-in;
  63 }
  64
  65 ul.facelist-selections li.facelist-selection-item.blur a.facelist-close {
  66         color: #999;
  67 }
  68
  69 ul.facelist-selections li:hover.facelist-selection-item {
  70         background-color: #d8dfea;
  71         border: solid 1px #ccd5e4;
  72 }
  73
  74 ul.facelist-selections li.facelist-selection-item.selected {
  75         border-color: #3b5998;
  76         background-color: #5670a6;
  77         color: #fff;
  78 }
  79
  80 ul.facelist-selections li.facelist-original {
  81         margin-left: 0;
  82 }
  83
  84 ul.facelist-selections li.facelist-original input {
  85         border: none;
  86         outline: none;
  87         font-size: 13px;
  88         width: 120px;
  89         height: 18px;
  90         padding-top: 3px;
  91 }
  92
  93 ul.facelist-list {
  94         position: absolute;
  95         list-style-type: none;
  96         margin: 2px 0 0 0;
  97         padding: 0;
  98         font-size: 14px;
  99         color: #000;
 100         font-family: "Lucida Grande", arial, sans-serif;
 101         background-color: #fff;
 102         z-index: 2;
 103         border: solid #ccd5e4 1px;
 104 }
 105
 106 li.facelist-result-item, li.facelist-message {
 107         margin: 0 0 0 0;
 108         padding: 5px 12px;
 109         background-color: transparent;
 110         border: 1px solid #fff;
 111         border-bottom: 1px solid #ddd;
 112         cursor: pointer;
 113 }
 114
 115 li:first-child.facelist-result-item {
 116         margin: 0;
 117 }
 118
 119 li.facelist-message {
 120         margin: 0;
 121         cursor: default;
 122 }
 123
 124 li.facelist-result-item.active {
 125         background-color: #3b5998;
 126         border-color: #3342e8;
 127         color: #fff;
 128 }
 129
 130 li.facelist-result-item em {
 131         font-style: normal;
 132         background: #dbe1ec;
 133         padding: 0 2px;
 134 }
 135
 136 li.facelist-result-item.active em {
 137         background: #5670a6;
 138         color: #fff;
 139 }
 140
 141 /* Firefox 3.0 Hacks */
 142 ul.facelist-list,  x:-moz-any-link, x:default {
 143         border: 1px solid #888;
 144 }
 145 BODY:first-of-type ul.facelist-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
 146         border: none;
 147 }
 148
 149 /* Webkit Hacks  */
 150 @media screen and (-webkit-min-device-pixel-ratio:0) {
 151         ul.facelist-selections {
 152                 border-top-width: 2px;
 153         }
 154         ul.facelist-selections li.facelist-selection-item {
 155                 padding-top: 3px;
 156                 padding-bottom: 3px;
 157         }
 158         ul.facelist-selections li.facelist-selection-item a.facelist-close {
 159                 margin-top: -1px;
 160         }
 161         ul.facelist-selections li.facelist-original input {
 162                 height: 19px;
 163         }
 164 }
 165
 166 /* Opera Hacks  */
 167 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
 168         ul.facelist-list {
 169                 border: 1px solid #888;
 170         }
 171         ul.facelist-selections li.facelist-selection-item a.facelist-close {
 172                 margin-left: 4px;
 173                 margin-top: 0;
 174         }
 175 }
 176
 177 /* IE Hacks  */
 178 ul.facelist-list {
 179         border: 1px solid #888\9;
 180 }
 181 ul.facelist-selections li.facelist-selection-item a.facelist-close {
 182         margin-left: 4px\9;
 183         margin-top: 0\9;
 184 }