Mercurial > defr > drupal > popups
comparison skins/facebook/facebook.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 #popups-overlay { | |
| 2 background-color:transparent; | |
| 3 } | |
| 4 #popups-loading { | |
| 5 width:248px; | |
| 6 position:absolute; | |
| 7 display:none; | |
| 8 opacity:1; | |
| 9 -moz-border-radius: 8px; | |
| 10 -webkit-border-radius: 8px; | |
| 11 z-index:99; | |
| 12 } | |
| 13 #popups-loading span.popups-loading-message { | |
| 14 background:#FFF url(loading-large.gif) no-repeat 8px center; | |
| 15 display:block; | |
| 16 color:#444444; | |
| 17 font-family:Arial; | |
| 18 font-size:22px; | |
| 19 font-weight:bold; | |
| 20 height:36px; | |
| 21 line-height:36px; | |
| 22 padding:0 40px; | |
| 23 } | |
| 24 #popups-loading table, | |
| 25 .popups-box table { | |
| 26 margin:0px; | |
| 27 } | |
| 28 #popups-loading tbody, | |
| 29 .popups-box tbody { | |
| 30 border:none; | |
| 31 } | |
| 32 .popups-box tr { | |
| 33 background-color:transparent; | |
| 34 } | |
| 35 td.popups-border { | |
| 36 background: url(popups-border.png); | |
| 37 background-color:transparent; | |
| 38 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); | |
| 39 } | |
| 40 td.popups-tl, | |
| 41 td.popups-tr, | |
| 42 td.popups-bl, | |
| 43 td.popups-br { | |
| 44 background-repeat: no-repeat; | |
| 45 height:10px; | |
| 46 padding:0px; | |
| 47 } | |
| 48 td.popups-tl { background-position: 0px 0px; } | |
| 49 td.popups-t, | |
| 50 td.popups-b { | |
| 51 background-position: 0px -40px; | |
| 52 background-repeat: repeat-x; | |
| 53 height:10px; | |
| 54 } | |
| 55 td.popups-tr { background-position: 0px -10px; } | |
| 56 td.popups-cl, | |
| 57 td.popups-cr { | |
| 58 background-position: -10px 0; | |
| 59 background-repeat: repeat-y; | |
| 60 width:10px; | |
| 61 } | |
| 62 td.popups-cl, | |
| 63 td.popups-cr, | |
| 64 td.popups-c { padding:0; } | |
| 65 td.popups-bl { background-position: 0px -20px; } | |
| 66 td.popups-br { background-position: 0px -30px; } | |
| 67 | |
| 68 .popups-box, | |
| 69 #popups-loading { | |
| 70 border: 0px solid #454545; | |
| 71 opacity:1; | |
| 72 overflow:hidden; | |
| 73 padding:0; | |
| 74 background-color:transparent; | |
| 75 } | |
| 76 .popups-container { | |
| 77 overflow:auto; | |
| 78 max-height:100%; | |
| 79 background-color:#fff; | |
| 80 } | |
| 81 .popups-title { | |
| 82 -moz-border-radius-topleft: 0px; | |
| 83 -webkit-border-radius-topleft: 0px; | |
| 84 margin-bottom:0px; | |
| 85 background-color:#6D84B4; | |
| 86 border:1px solid #3B5998; | |
| 87 padding:4px 10px 5px; | |
| 88 color:white; | |
| 89 font-size:14px; | |
| 90 font-weight:bold; | |
| 91 } | |
| 92 .popups-body { | |
| 93 background-color:#fff; | |
| 94 padding:8px; | |
| 95 } | |
| 96 .popups-box .popups-buttons, | |
| 97 .popups-box .popups-footer { | |
| 98 background-color:#fff; | |
| 99 } | |
| 100 .popups-title .popups-close a { | |
| 101 color: #fff; | |
| 102 } |
