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