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