annotate modules/dnd_test/dnd_test.css @ 47:cbfe386cb51b

Add a function to refresh opened libraries. The source URL of each libraries is now tracked, which allows for auto refreshing the libraries based on various events. The obvious use case is to refresh the library when an atom has been added to Scald, for example via a Popups dialog.
author Franck Deroche <defr@ows.fr>
date Mon, 15 Feb 2010 14:08:04 +0000
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 }