annotate dnd_test/dnd_test.css @ 9:4626f7e31aa0

Switching to using modulus to make managing assets easy.
author David Eads <eads@chicagotech.org>
date Thu, 26 Feb 2009 22:12:29 -0600
parents c2eb995212bf
children 5d2ae5b8eae2
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@4 8 width: 220px;
eads@4 9 margin-right: 20px;
eads@4 10 margin-top: 1em;
eads@4 11 border: 1px solid #aaa;
eads@2 12 }
eads@4 13 .dnd-library-wrapper .header {
eads@4 14 padding: 1px 4px;
eads@4 15 background-color: #ccc;
eads@2 16 }
eads@4 17 .dnd-library-wrapper .header h3 {
eads@4 18 font-size: 12px;
eads@4 19 font-weight: bold;
eads@4 20 }
eads@4 21 .dnd-library-wrapper .footer {
eads@4 22 float: left;
eads@4 23 width: 100%;
eads@4 24 border-top: 1px solid #aaa;
eads@4 25 background-color: #ccc;
eads@4 26 }
eads@4 27 .dnd-library-wrapper .pager {
eads@4 28 font-weight: bold;
eads@4 29 padding: 0 5px;
eads@2 30 }
eads@2 31 #edit-body-wrapper {
eads@2 32 float: left;
eads@4 33 width: 700px;
eads@2 34 }
eads@4 35 .dnd-library-wrapper .editor-item {
eads@4 36 float: left;
eads@4 37 width: 220px;
eads@4 38 border-top: 1px solid #aaa;
eads@4 39 margin-bottom: 1px;
eads@4 40 }
eads@4 41 .dnd-library-wrapper .editor-item > div {
eads@4 42 padding: 5px 4px;
eads@4 43 }
eads@4 44 .dnd-library-wrapper div.image {
eads@4 45 float: left;
eads@4 46 width: 64px;
eads@4 47 padding-left: 6px;
eads@4 48 line-height: 1;
eads@4 49 }
eads@4 50 .dnd-library-wrapper div.meta {
eads@4 51 float: left;
eads@4 52 width: 110px;
eads@4 53 }
eads@4 54 .dnd-library-wrapper .title {
eads@4 55 font-weight: bold;
eads@4 56 }
eads@4 57 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
eads@4 58 font-size: .75em;
eads@4 59 }
eads@4 60 .dnd-library-wrapper .editor-item .sizes {
eads@4 61 float: left;
eads@4 62 width: 18px;
eads@4 63 }
eads@4 64 .dnd-library-wrapper .editor-item .sizes ul {
eads@4 65 list-style-type: none;
eads@4 66 margin: 0;
eads@4 67 }
eads@4 68 .dnd-library-wrapper .editor-item .sizes ul li {
eads@4 69 background: none;
eads@4 70 list-style-type: none;
eads@4 71 padding: 0;
eads@4 72 margin: 0;
eads@4 73 }
eads@4 74 .dnd-library-wrapper .editor-item .sizes a {
eads@4 75 float: left;
eads@4 76 display: block;
eads@4 77 font-size: 9px;
eads@4 78 line-height: 9px;
eads@4 79 margin-bottom: 2px;
eads@4 80 width: 19px;
eads@4 81 text-align: center;
eads@4 82 }
eads@4 83 .dnd-library-wrapper .editor-item .sizes a:link,
eads@4 84 .dnd-library-wrapper .editor-item .sizes a:visited,
eads@4 85 .dnd-library-wrapper .editor-item .sizes a:active {
eads@4 86 border: 1px solid #888;
eads@4 87 color: #fff;
eads@4 88 cursor: move;
eads@4 89 text-align: center;
eads@4 90 }
eads@4 91 .dnd-library-wrapper .editor-item .sizes a:hover,
eads@4 92 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
eads@4 93 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
eads@4 94 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
eads@4 95 border: 1px solid #555;
eads@4 96 color: #fff;
eads@4 97 text-decoration: none;
eads@4 98 }
eads@4 99 .dnd-library-wrapper .editor-item .sizes a:hover span,
eads@4 100 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
eads@4 101 background-color: #555;
eads@4 102 }
eads@4 103
eads@4 104 .dnd-library-wrapper .editor-item .sizes a span {
eads@4 105 display: block;
eads@4 106 background-color: #888;
eads@4 107 }
eads@4 108 .dnd-library-wrapper .editor-item .sizes a.size-S span {
eads@4 109 margin: 3px;
eads@4 110 padding: 2px 0;
eads@4 111 }
eads@4 112 .dnd-library-wrapper .editor-item .sizes a.size-M span {
eads@4 113 margin: 2px;
eads@4 114 padding: 3px 0;
eads@4 115 }
eads@4 116 .dnd-library-wrapper .editor-item .sizes a.size-L span {
eads@4 117 margin: 1px;
eads@4 118 padding: 4px 0;
eads@4 119 }
eads@4 120 .dnd-library-wrapper .editor-item.dnd-child-inserted {
eads@4 121 background-color: #ffd;
eads@4 122 }