annotate modules/dnd_test/dnd_test.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 45c6c48c2a88
children
rev   line source
eads@4 1 /* This is bad stuff! */
eads@2 2 .body-field-wrapper {
eads@2 3 float: left;
eads@2 4 width: 100%;
eads@2 5 }
eads@4 6 .dnd-library-wrapper {
eads@2 7 float: left;
eads@10 8 width: 250px;
eads@10 9 margin-right: 10px;
eads@4 10 margin-top: 1em;
eads@2 11 }
eads@4 12 .dnd-library-wrapper .header {
eads@4 13 padding: 1px 4px;
eads@2 14 }
eads@4 15 .dnd-library-wrapper .header h3 {
eads@4 16 font-size: 12px;
eads@4 17 font-weight: bold;
eads@4 18 }
eads@4 19 .dnd-library-wrapper .footer {
eads@4 20 float: left;
eads@4 21 width: 100%;
eads@4 22 border-top: 1px solid #aaa;
eads@4 23 background-color: #ccc;
eads@4 24 }
eads@4 25 .dnd-library-wrapper .pager {
eads@4 26 font-weight: bold;
eads@4 27 padding: 0 5px;
eads@2 28 }
eads@2 29 #edit-body-wrapper {
eads@2 30 float: left;
eads@10 31 width: 600px;
eads@10 32 }
eads@10 33 .dnd-library-wrapper .library {
eads@10 34 border: 1px solid #aaa;
eads@10 35 float: left;
eads@2 36 }
eads@4 37 .dnd-library-wrapper .editor-item {
eads@4 38 float: left;
eads@10 39 width: 250px;
eads@10 40 border-bottom: 2px solid #fff;
eads@10 41 background-color: #ddd;
eads@4 42 }
eads@4 43 .dnd-library-wrapper .editor-item > div {
eads@10 44 padding: 3px;
eads@4 45 }
eads@4 46 .dnd-library-wrapper div.image {
eads@4 47 float: left;
eads@10 48 width: 32px;
eads@10 49 padding-left: 4px;
eads@4 50 line-height: 1;
eads@4 51 }
eads@4 52 .dnd-library-wrapper div.meta {
eads@4 53 float: left;
eads@10 54 width: 149px;
eads@10 55 line-height: 1.2;
eads@4 56 }
eads@4 57 .dnd-library-wrapper .title {
eads@4 58 font-weight: bold;
eads@10 59 font-size: 12px;
eads@4 60 }
eads@4 61 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
eads@10 62 font-size: 10px;
eads@10 63 float: left;
eads@10 64 margin-top: .5em;
eads@10 65 }
eads@10 66 .dnd-library-wrapper .author {
eads@10 67 margin-right: 1em;
eads@4 68 }
eads@4 69 .dnd-library-wrapper .editor-item .sizes {
eads@4 70 float: left;
eads@10 71 width: 50px;
eads@10 72 margin-top: 14px;
eads@10 73 line-height: 1;
eads@4 74 }
eads@4 75 .dnd-library-wrapper .editor-item .sizes ul {
eads@4 76 list-style-type: none;
eads@4 77 margin: 0;
eads@4 78 }
eads@4 79 .dnd-library-wrapper .editor-item .sizes ul li {
eads@4 80 background: none;
eads@4 81 list-style-type: none;
eads@10 82 display: inline;
eads@4 83 padding: 0;
eads@10 84 margin: 0 0 0 2px;
eads@4 85 }
eads@4 86 .dnd-library-wrapper .editor-item .sizes a {
eads@4 87 float: left;
eads@4 88 display: block;
eads@4 89 font-size: 9px;
eads@4 90 line-height: 9px;
eads@4 91 margin-bottom: 2px;
eads@4 92 width: 19px;
eads@4 93 text-align: center;
eads@4 94 }
eads@4 95 .dnd-library-wrapper .editor-item .sizes a:link,
eads@4 96 .dnd-library-wrapper .editor-item .sizes a:visited,
eads@4 97 .dnd-library-wrapper .editor-item .sizes a:active {
eads@4 98 border: 1px solid #888;
eads@4 99 color: #fff;
eads@4 100 cursor: move;
eads@4 101 text-align: center;
eads@4 102 }
eads@4 103 .dnd-library-wrapper .editor-item .sizes a:hover,
eads@4 104 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
eads@4 105 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
eads@4 106 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
eads@4 107 border: 1px solid #555;
eads@4 108 color: #fff;
eads@4 109 text-decoration: none;
eads@4 110 }
eads@4 111 .dnd-library-wrapper .editor-item .sizes a:hover span,
eads@4 112 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
eads@4 113 background-color: #555;
eads@4 114 }
eads@4 115
eads@4 116 .dnd-library-wrapper .editor-item .sizes a span {
eads@4 117 display: block;
eads@4 118 background-color: #888;
eads@4 119 }
eads@4 120 .dnd-library-wrapper .editor-item .sizes a.size-S span {
eads@4 121 margin: 3px;
eads@4 122 padding: 2px 0;
eads@4 123 }
eads@4 124 .dnd-library-wrapper .editor-item .sizes a.size-M span {
eads@4 125 margin: 2px;
eads@4 126 padding: 3px 0;
eads@4 127 }
eads@4 128 .dnd-library-wrapper .editor-item .sizes a.size-L span {
eads@4 129 margin: 1px;
eads@4 130 padding: 4px 0;
eads@4 131 }
eads@4 132 .dnd-library-wrapper .editor-item.dnd-child-inserted {
eads@12 133 background-color: #ccc;
eads@4 134 }
eads@21 135 .dnd-editor-preview h2.title {
eads@21 136 font-size: 1em;
eads@21 137 font-weight: bold;
eads@21 138 margin-bottom: 0.5em;
eads@21 139 }
eads@21 140 .dnd-editor-preview .media-preview {
eads@21 141 float: left;
eads@21 142 width: 125px;
eads@21 143 }
eads@21 144
eads@21 145 .dnd-editor-preview .media-meta {
eads@21 146 float: left;
eads@21 147 width: 225px;
eads@21 148 margin-right: 20px;
eads@21 149 }
eads@21 150
eads@21 151 .dnd-editor-preview .attribution {
eads@21 152 font-size: .875em;
eads@21 153 margin-bottom: .5em;
eads@21 154 }