Mercurial > defr > drupal > popups
annotate skins/blue/blue.css @ 4:09e998f65556
Provides a mechanism for a form to explicitely opt out of being ajaxForm-ed
| author | Franck Deroche <franck@defr.org> |
|---|---|
| date | Fri, 31 Dec 2010 14:03:41 +0100 |
| parents | 76f9b43738f2 |
| children |
| rev | line source |
|---|---|
| franck@0 | 1 /* |
| franck@0 | 2 Blue Popup Skin |
| franck@0 | 3 Author: Tj Holowaychuk |
| franck@0 | 4 Link: http://vision-media.ca |
| franck@0 | 5 */ |
| franck@0 | 6 #popups-overlay { |
| franck@0 | 7 background: #fff; |
| franck@0 | 8 opacity:.80; |
| franck@0 | 9 } |
| franck@0 | 10 .popups-box { |
| franck@0 | 11 padding: 25px; |
| franck@0 | 12 width: 510px; |
| franck@0 | 13 border: none; |
| franck@0 | 14 background: transparent url(images/tile-v.png) 0 0 repeat-y; |
| franck@0 | 15 overflow: visible; |
| franck@0 | 16 } |
| franck@0 | 17 .popups-title { |
| franck@0 | 18 position: absolute; |
| franck@0 | 19 top: -65px; |
| franck@0 | 20 left: -11px; |
| franck@0 | 21 margin: 0; |
| franck@0 | 22 padding: 0; |
| franck@0 | 23 height: 65px; |
| franck@0 | 24 width: 570px; |
| franck@0 | 25 line-height: 75px; |
| franck@0 | 26 background: transparent url(images/sprites.png) 0 0 no-repeat; |
| franck@0 | 27 } |
| franck@0 | 28 .popups-title .title { |
| franck@0 | 29 text-indent: 25px; |
| franck@0 | 30 text-shadow: #fff 1px 1px 1px; |
| franck@0 | 31 color: #437acf; |
| franck@0 | 32 } |
| franck@0 | 33 .popups-title .popups-close a { |
| franck@0 | 34 position: absolute; |
| franck@0 | 35 top: 4px; |
| franck@0 | 36 right: -7px; |
| franck@0 | 37 display: block; |
| franck@0 | 38 width: 16px; |
| franck@0 | 39 height: 16px; |
| franck@0 | 40 text-indent: -9999999px; |
| franck@0 | 41 outline: none; |
| franck@0 | 42 cursor: pointer; |
| franck@0 | 43 background: transparent url(images/sprites.png) -577px -18px no-repeat; |
| franck@0 | 44 } |
| franck@0 | 45 .popups-title .popups-close a:hover { |
| franck@0 | 46 background-position: -577px -52px; |
| franck@0 | 47 } |
| franck@0 | 48 .popups-title .popups-close a:active { |
| franck@0 | 49 background-position: -577px -35px; |
| franck@0 | 50 } |
| franck@0 | 51 .popups-body { |
| franck@0 | 52 padding: 0 25px; |
| franck@0 | 53 height: 250px; |
| franck@0 | 54 overflow-y: auto; |
| franck@0 | 55 overflow-x: hidden; |
| franck@0 | 56 } |
| franck@0 | 57 .popups-footer { |
| franck@0 | 58 position: absolute; |
| franck@0 | 59 bottom: -90px; |
| franck@0 | 60 left: -11px; |
| franck@0 | 61 width: 570px; |
| franck@0 | 62 height: 90px; |
| franck@0 | 63 background: transparent url(images/sprites.png) 0 -110px no-repeat; |
| franck@0 | 64 } |
| franck@0 | 65 |
| franck@0 | 66 |