eads@4: /* This is bad stuff! */
eads@2: .body-field-wrapper {
eads@2:   float: left;
eads@2:   width: 100%;
eads@2: }
eads@4: .dnd-library-wrapper {
eads@2:   float: left;
eads@10:   width: 250px;
eads@10:   margin-right: 10px;
eads@4:   margin-top: 1em;
eads@2: }
eads@4: .dnd-library-wrapper .header {
eads@4:   padding: 1px 4px;
eads@2: }
eads@4: .dnd-library-wrapper .header h3 {
eads@4:   font-size: 12px;
eads@4:   font-weight: bold;
eads@4: }
eads@4: .dnd-library-wrapper .footer {
eads@4:   float: left;
eads@4:   width: 100%;
eads@4:   border-top: 1px solid #aaa;
eads@4:   background-color: #ccc;
eads@4: }
eads@4: .dnd-library-wrapper .pager {
eads@4:   font-weight: bold;
eads@4:   padding: 0 5px;
eads@2: }
eads@2: #edit-body-wrapper {
eads@2:   float: left;
eads@10:   width: 600px;
eads@10: }
eads@10: .dnd-library-wrapper .library {
eads@10:   border: 1px solid #aaa;
eads@10:   float: left;
eads@2: }
eads@4: .dnd-library-wrapper .editor-item {
eads@4:   float: left;
eads@10:   width: 250px;
eads@10:   border-bottom: 2px solid #fff;
eads@10:   background-color: #ddd;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item > div {
eads@10:   padding: 3px;
eads@4: }
eads@4: .dnd-library-wrapper div.image {
eads@4:   float: left;
eads@10:   width: 32px;
eads@10:   padding-left: 4px;
eads@4:   line-height: 1;
eads@4: }
eads@4: .dnd-library-wrapper div.meta {
eads@4:   float: left;
eads@10:   width: 149px;
eads@10:   line-height: 1.2;
eads@4: }
eads@4: .dnd-library-wrapper .title {
eads@4:   font-weight: bold;
eads@10:   font-size: 12px;
eads@4: }
eads@4: .dnd-library-wrapper .date, .dnd-library-wrapper .author {
eads@10:   font-size: 10px;
eads@10:   float: left;
eads@10:   margin-top: .5em;
eads@10: }
eads@10: .dnd-library-wrapper .author {
eads@10:   margin-right: 1em;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes {
eads@4:   float: left;
eads@10:   width: 50px;
eads@10:   margin-top: 14px;
eads@10:   line-height: 1;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes ul {
eads@4:   list-style-type: none;
eads@4:   margin: 0;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes ul li {
eads@4:   background: none;
eads@4:   list-style-type: none;
eads@10:   display: inline;
eads@4:   padding: 0;
eads@10:   margin: 0 0 0 2px;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a {
eads@4:   float: left;
eads@4:   display: block;
eads@4:   font-size: 9px;
eads@4:   line-height: 9px;
eads@4:   margin-bottom: 2px;
eads@4:   width: 19px;
eads@4:   text-align: center;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a:link,
eads@4: .dnd-library-wrapper .editor-item .sizes a:visited,
eads@4: .dnd-library-wrapper .editor-item .sizes a:active {
eads@4:   border: 1px solid #888;
eads@4:   color: #fff;
eads@4:   cursor: move;
eads@4:   text-align: center;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a:hover,
eads@4: .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
eads@4: .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
eads@4: .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
eads@4:   border: 1px solid #555;
eads@4:   color: #fff;
eads@4:   text-decoration: none;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a:hover span,
eads@4: .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
eads@4:   background-color: #555;
eads@4: }
eads@4: 
eads@4: .dnd-library-wrapper .editor-item .sizes a span {
eads@4:   display: block;
eads@4:   background-color: #888;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a.size-S span {
eads@4:   margin: 3px;
eads@4:   padding: 2px 0;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a.size-M span {
eads@4:   margin: 2px;
eads@4:   padding: 3px 0;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item .sizes a.size-L span {
eads@4:   margin: 1px;
eads@4:   padding: 4px 0;
eads@4: }
eads@4: .dnd-library-wrapper .editor-item.dnd-child-inserted {
eads@12:   background-color: #ccc;
eads@4: }
eads@21: .dnd-editor-preview h2.title {
eads@21:   font-size: 1em;
eads@21:   font-weight: bold;
eads@21:   margin-bottom: 0.5em;
eads@21: }
eads@21: .dnd-editor-preview .media-preview { 
eads@21:   float: left;
eads@21:   width: 125px;
eads@21: }
eads@21: 
eads@21: .dnd-editor-preview .media-meta {
eads@21:   float: left;
eads@21:   width: 225px;
eads@21:   margin-right: 20px;
eads@21: }
eads@21: 
eads@21: .dnd-editor-preview .attribution {
eads@21:   font-size: .875em;
eads@21:   margin-bottom: .5em;
eads@21: }