view 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
line wrap: on
line source
/* This is bad stuff! */
.body-field-wrapper {
  float: left;
  width: 100%;
}
.dnd-library-wrapper {
  float: left;
  width: 250px;
  margin-right: 10px;
  margin-top: 1em;
}
.dnd-library-wrapper .header {
  padding: 1px 4px;
}
.dnd-library-wrapper .header h3 {
  font-size: 12px;
  font-weight: bold;
}
.dnd-library-wrapper .footer {
  float: left;
  width: 100%;
  border-top: 1px solid #aaa;
  background-color: #ccc;
}
.dnd-library-wrapper .pager {
  font-weight: bold;
  padding: 0 5px;
}
#edit-body-wrapper {
  float: left;
  width: 600px;
}
.dnd-library-wrapper .library {
  border: 1px solid #aaa;
  float: left;
}
.dnd-library-wrapper .editor-item {
  float: left;
  width: 250px;
  border-bottom: 2px solid #fff;
  background-color: #ddd;
}
.dnd-library-wrapper .editor-item > div {
  padding: 3px;
}
.dnd-library-wrapper div.image {
  float: left;
  width: 32px;
  padding-left: 4px;
  line-height: 1;
}
.dnd-library-wrapper div.meta {
  float: left;
  width: 149px;
  line-height: 1.2;
}
.dnd-library-wrapper .title {
  font-weight: bold;
  font-size: 12px;
}
.dnd-library-wrapper .date, .dnd-library-wrapper .author {
  font-size: 10px;
  float: left;
  margin-top: .5em;
}
.dnd-library-wrapper .author {
  margin-right: 1em;
}
.dnd-library-wrapper .editor-item .sizes {
  float: left;
  width: 50px;
  margin-top: 14px;
  line-height: 1;
}
.dnd-library-wrapper .editor-item .sizes ul {
  list-style-type: none;
  margin: 0;
}
.dnd-library-wrapper .editor-item .sizes ul li {
  background: none;
  list-style-type: none;
  display: inline;
  padding: 0;
  margin: 0 0 0 2px;
}
.dnd-library-wrapper .editor-item .sizes a {
  float: left;
  display: block;
  font-size: 9px;
  line-height: 9px;
  margin-bottom: 2px;
  width: 19px;
  text-align: center;
}
.dnd-library-wrapper .editor-item .sizes a:link,
.dnd-library-wrapper .editor-item .sizes a:visited,
.dnd-library-wrapper .editor-item .sizes a:active {
  border: 1px solid #888;
  color: #fff;
  cursor: move;
  text-align: center;
}
.dnd-library-wrapper .editor-item .sizes a:hover,
.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
  border: 1px solid #555;
  color: #fff;
  text-decoration: none;
}
.dnd-library-wrapper .editor-item .sizes a:hover span,
.dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
  background-color: #555;
}

.dnd-library-wrapper .editor-item .sizes a span {
  display: block;
  background-color: #888;
}
.dnd-library-wrapper .editor-item .sizes a.size-S span {
  margin: 3px;
  padding: 2px 0;
}
.dnd-library-wrapper .editor-item .sizes a.size-M span {
  margin: 2px;
  padding: 3px 0;
}
.dnd-library-wrapper .editor-item .sizes a.size-L span {
  margin: 1px;
  padding: 4px 0;
}
.dnd-library-wrapper .editor-item.dnd-child-inserted {
  background-color: #ccc;
}
.dnd-editor-preview h2.title {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.dnd-editor-preview .media-preview { 
  float: left;
  width: 125px;
}

.dnd-editor-preview .media-meta {
  float: left;
  width: 225px;
  margin-right: 20px;
}

.dnd-editor-preview .attribution {
  font-size: .875em;
  margin-bottom: .5em;
}