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