Mercurial > defr > drupal > scald > dnd
annotate js/bt/DEMO/demofiles/demo.css @ 19:d83073a08b25
Added beautytips, and advanced library behavior to the library prototype.
| author | David Eads <eads@chicagotech.org> |
|---|---|
| date | Fri, 06 Mar 2009 14:26:06 -0600 |
| 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 } |