Mercurial > defr > drupal > scald > dnd
annotate js/bt/DEMO/demofiles/demo.css @ 35:abc9d39cfbe9
Switch the trigger from mouseover to click.
MouseOver is problematic if people want to interact with the content of the
popup, for example to click the play button of an swf player.
| author | Franck Deroche <franck@defr.org> |
|---|---|
| date | Fri, 18 Sep 2009 15:11:03 +0200 |
| parents | 0d557e6e73f7 |
| children |
| rev | line source |
|---|---|
| eads@18 | 1 @charset "UTF-8"; |
| eads@18 | 2 |
| eads@18 | 3 body { |
| eads@18 | 4 background: #FFF; |
| eads@18 | 5 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; |
| eads@18 | 6 } |
| eads@18 | 7 |
| eads@18 | 8 td { |
| eads@18 | 9 text-align: center; |
| eads@18 | 10 } |
| eads@18 | 11 |
| eads@18 | 12 div.example { |
| eads@18 | 13 margin-bottom: 20px; |
| eads@18 | 14 position: relative; |
| eads@18 | 15 } |
| eads@18 | 16 |
| eads@18 | 17 div.ie-fix { |
| eads@18 | 18 overflow: visible; |
| eads@18 | 19 height: 0; |
| eads@18 | 20 } |
| eads@18 | 21 |
| eads@18 | 22 .target { |
| eads@18 | 23 width: 80px; |
| eads@18 | 24 text-align: center; |
| eads@18 | 25 border: 2px solid #666666; |
| eads@18 | 26 padding: 5px; |
| eads@18 | 27 background-color: #00FFFF; |
| eads@18 | 28 height: 45px; |
| eads@18 | 29 display: block; |
| eads@18 | 30 float: left; |
| eads@18 | 31 } |
| eads@18 | 32 |
| eads@18 | 33 input.alt-target { |
| eads@18 | 34 width: 80px; |
| eads@18 | 35 } |
| eads@18 | 36 |
| eads@18 | 37 #page { |
| eads@18 | 38 width: 600px; |
| eads@18 | 39 margin-right: auto; |
| eads@18 | 40 margin-left: auto; |
| eads@18 | 41 background-color: #EEE; |
| eads@18 | 42 padding: 2em; |
| eads@18 | 43 margin-top: 0px; |
| eads@18 | 44 margin-bottom: 0px; |
| eads@18 | 45 } |
| eads@18 | 46 |
| eads@18 | 47 h3 { |
| eads@18 | 48 color: #666666; |
| eads@18 | 49 border-bottom-width: 2px; |
| eads@18 | 50 border-bottom-style: solid; |
| eads@18 | 51 border-bottom-color: #666666; |
| eads@18 | 52 font-size: 1.2em; |
| eads@18 | 53 margin: 0 0 .4em 0; |
| eads@18 | 54 } |
| eads@18 | 55 p { |
| eads@18 | 56 margin-top: 0px; |
| eads@18 | 57 margin-bottom: 1em; |
| eads@18 | 58 } |
| eads@18 | 59 |
| eads@18 | 60 .desc { |
| eads@18 | 61 margin-left: 100px; |
| eads@18 | 62 } |
| eads@18 | 63 |
| eads@18 | 64 .source { |
| eads@18 | 65 /*clear: both;*/ |
| eads@18 | 66 } |
| eads@18 | 67 |
| eads@18 | 68 .html-source, .js, .css-source { |
| eads@18 | 69 font-family: "Courier New", Courier, monospace; |
| eads@18 | 70 background-color: #FFF; |
| eads@18 | 71 /*clear: both;*/ |
| eads@18 | 72 } |
| eads@18 | 73 |
| eads@18 | 74 .html-source textarea, .js textarea, .css-source textarea { |
| eads@18 | 75 font-family: "Courier New", Courier, monospace; |
| eads@18 | 76 font-size: 11px; |
| eads@18 | 77 } |
| eads@18 | 78 |
| eads@18 | 79 .html-link a:focus, .js-link a:focus, .css-link a:focus { |
| eads@18 | 80 outline: none; |
| eads@18 | 81 -moz-outline: none; |
| eads@18 | 82 } |
| eads@18 | 83 |
| eads@18 | 84 /** Google maps demo **/ |
| eads@18 | 85 |
| eads@18 | 86 #example17 { |
| eads@18 | 87 cursor: pointer; |
| eads@18 | 88 } |
| eads@18 | 89 |
| eads@18 | 90 .gmap { |
| eads@18 | 91 font-family: Arial, sans-serif; |
| eads@18 | 92 font-size: 13px; |
| eads@18 | 93 position: relative; |
| eads@18 | 94 } |
| eads@18 | 95 |
| eads@18 | 96 .gmap-title { |
| eads@18 | 97 font-size: 16px; |
| eads@18 | 98 font-weight: bold; |
| eads@18 | 99 } |
| eads@18 | 100 |
| eads@18 | 101 .gmap-addr { |
| eads@18 | 102 padding-bottom: 15px; |
| eads@18 | 103 padding-top: 5px; |
| eads@18 | 104 } |
| eads@18 | 105 |
| eads@18 | 106 .gmap-close { |
| eads@18 | 107 position: absolute; |
| eads@18 | 108 top: 0; |
| eads@18 | 109 right: 0; |
| eads@18 | 110 border: none; |
| eads@18 | 111 } |