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 }
  72
  73 ul.facelist-selections li.facelist-selection-item.selected {
  74         background-color: #5670a6;
  75         color: #fff;
  76 }
  77
  78 ul.facelist-selections li.facelist-original {
  79         margin-left: 0;
  80 }
  81
  82 ul.facelist-selections li.facelist-original input {
  83         border: none;
  84         outline: none;
  85         font-size: 13px;
  86         width: 120px;
  87         height: 18px;
  88         padding-top: 3px;
  89 }
  90
  91 ul.facelist-list {
  92         position: absolute;
  93         list-style-type: none;
  94         margin: 2px 0 0 0;
  95         padding: 0;
  96         font-size: 14px;
  97         color: #000;
  98         font-family: "Lucida Grande", arial, sans-serif;
  99         background-color: #fff;
 100         z-index: 2;
 101         border: solid #ccd5e4 1px;
 102 }
 103
 104 li.facelist-result-item, li.facelist-message {
 105         margin: 0 0 0 0;
 106         padding: 5px 12px;
 107         background-color: transparent;
 108         border: 1px solid #fff;
 109         border-bottom: 1px solid #ddd;
 110         cursor: pointer;
 111 }
 112
 113 li:first-child.facelist-result-item {
 114         margin: 0;
 115 }
 116
 117 li.facelist-message {
 118         margin: 0;
 119         cursor: default;
 120 }
 121
 122 li.facelist-result-item.active {
 123         background-color: #3b5998;
 124         border-color: #3342e8;
 125         color: #fff;
 126 }
 127
 128 li.facelist-result-item em {
 129         font-style: normal;
 130         background: #dbe1ec;
 131         padding: 0 2px;
 132 }
 133
 134 li.facelist-result-item.active em {
 135         background: #5670a6;
 136         color: #fff;
 137 }
 138
 139 /* Firefox 3.0 Hacks */
 140 ul.facelist-list,  x:-moz-any-link, x:default {
 141         border: 1px solid #888;
 142 }
 143 BODY:first-of-type ul.facelist-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
 144         border: none;
 145 }
 146
 147 /* Webkit Hacks  */
 148 @media screen and (-webkit-min-device-pixel-ratio:0) {
 149         ul.facelist-selections {
 150                 border-top-width: 2px;
 151         }
 152         ul.facelist-selections li.facelist-selection-item {
 153                 padding-top: 3px;
 154                 padding-bottom: 3px;
 155         }
 156         ul.facelist-selections li.facelist-selection-item a.facelist-close {
 157                 margin-top: -1px;
 158         }
 159         ul.facelist-selections li.facelist-original input {
 160                 height: 19px;
 161         }
 162 }
 163
 164 /* Opera Hacks  */
 165 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
 166         ul.facelist-list {
 167                 border: 1px solid #888;
 168         }
 169         ul.facelist-selections li.facelist-selection-item a.facelist-close {
 170                 margin-left: 4px;
 171                 margin-top: 0;
 172         }
 173 }
 174
 175 /* IE Hacks  */
 176 ul.facelist-list {
 177         border: 1px solid #888\9;
 178 }
 179 ul.facelist-selections li.facelist-selection-item a.facelist-close {
 180         margin-left: 4px\9;
 181         margin-top: 0\9;
 182 }