annotate css/mee.css @ 17:464f6a6e0e7f

Change the height of the editor. Make the editor bigger, trying to make it match the library height. That should make it more straigthforward to move an item from the library to the editor.
author Franck Deroche <franck@defr.org>
date Fri, 16 Oct 2009 12:06:16 +0000
parents 50a57b1517cb
children 1370e3378a00
rev   line source
eads@1 1 .mee-wrap-editor-library {
eads@1 2 float: left;
eads@1 3 width: 100%;
eads@1 4 }
franck@14 5 .mee-wrap-editor-library .form-item, table.mee-ressource-manager, .mee-filter-form, .dnd-fields-wrapper {
eads@1 6 width: 73%;
eads@1 7 }
franck@14 8 .mee-filter-form .form-item, .mee-wrap-editor-library .dnd-fields-wrapper {
franck@11 9 width: 100%;
franck@11 10 }
franck@11 11 .mee-filter-form .form-item .tips li {
franck@11 12 white-space: normal;
franck@11 13 }
franck@8 14 #scald-dnd-library-form .form-item {
franck@8 15 float: none;
franck@8 16 width: auto;
franck@8 17 }
franck@8 18 #scald-dnd-library-form .form-checkboxes {
franck@8 19 margin-top: 0;
franck@8 20 }
franck@8 21 #scald-dnd-library-form .form-checkboxes .form-item {
franck@8 22 display: inline;
franck@8 23 white-space: normal;
franck@8 24 }
franck@14 25 .dnd-library-wrapper {
eads@1 26 float: right;
eads@1 27 width: 25%;
eads@1 28 }
eads@1 29 .dnd-library-wrapper .header {
eads@1 30 padding: 3px 4px;
eads@1 31 background-color: #ccc;
eads@1 32 border-top: 1px solid #aaa;
eads@1 33 border-left: 1px solid #aaa;
eads@1 34 border-right: 1px solid #aaa;
eads@1 35 }
eads@1 36 .dnd-library-wrapper .view-filters,
eads@1 37 .dnd-library-wrapper .view-filters input,
eads@1 38 .dnd-library-wrapper .view-filters select
eads@1 39 .dnd-library-wrapper .view-filters textarea {
eads@1 40 font-size: .875em;
eads@1 41 }
franck@12 42 .dnd-library-wrapper .header h3, .mee-ressource-manager caption {
eads@1 43 font-size: 12px;
eads@1 44 font-weight: bold;
eads@1 45 }
franck@8 46 .dnd-library-wrapper .header form {
franck@8 47 font-size: 10px;
franck@8 48 }
eads@1 49 .dnd-library-wrapper .footer {
eads@1 50 border-left: 1px solid #aaa;
eads@1 51 border-right: 1px solid #aaa;
eads@1 52 border-bottom: 1px solid #aaa;
eads@1 53 background-color: #ccc;
eads@1 54 }
eads@1 55 .dnd-library-wrapper .pager {
eads@1 56 font-weight: bold;
eads@1 57 padding: 0 5px;
eads@1 58 }
eads@1 59 .dnd-library-wrapper .library {
eads@1 60 border: 1px solid #aaa;
eads@1 61 float: left;
eads@1 62 }
eads@1 63 .dnd-library-wrapper .editor-item {
franck@10 64 border: 1px solid #aaa;
franck@10 65 border-bottom: 0;
franck@10 66 background-color: #eee;
franck@7 67 clear: left;
eads@1 68 }
eads@1 69 .dnd-library-wrapper .editor-item > div {
eads@1 70 padding: 3px;
eads@1 71 }
eads@1 72 .dnd-library-wrapper div.image {
eads@1 73 float: left;
franck@7 74 width: 48px;
eads@1 75 padding-left: 4px;
eads@1 76 line-height: 1;
eads@1 77 }
eads@1 78 .dnd-library-wrapper .title {
eads@1 79 font-weight: bold;
eads@1 80 font-size: 12px;
eads@1 81 }
eads@1 82 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
eads@1 83 font-size: 10px;
eads@1 84 }
franck@7 85
eads@1 86 .dnd-library-wrapper .author {
eads@1 87 margin-right: 1em;
eads@1 88 }
eads@1 89 .dnd-library-wrapper .editor-item .sizes {
eads@1 90 float: left;
eads@1 91 width: 50px;
eads@1 92 margin-top: 14px;
eads@1 93 line-height: 1;
eads@1 94 }
eads@1 95 .dnd-library-wrapper .editor-item .sizes ul {
eads@1 96 list-style-type: none;
eads@1 97 margin: 0;
eads@1 98 }
eads@1 99 .dnd-library-wrapper .editor-item .sizes ul li {
eads@1 100 background: none;
eads@1 101 list-style-type: none;
eads@1 102 display: inline;
eads@1 103 padding: 0;
eads@1 104 margin: 0 0 0 2px;
eads@1 105 }
eads@1 106 .dnd-library-wrapper .editor-item .sizes a {
eads@1 107 float: left;
eads@1 108 display: block;
eads@1 109 font-size: 9px;
eads@1 110 line-height: 9px;
eads@1 111 margin-bottom: 2px;
eads@1 112 width: 19px;
eads@1 113 text-align: center;
eads@1 114 }
eads@1 115 .dnd-library-wrapper .editor-item .sizes a:link,
eads@1 116 .dnd-library-wrapper .editor-item .sizes a:visited,
eads@1 117 .dnd-library-wrapper .editor-item .sizes a:active {
eads@1 118 border: 1px solid #888;
eads@1 119 color: #fff;
eads@1 120 cursor: move;
eads@1 121 text-align: center;
eads@1 122 }
eads@1 123 .dnd-library-wrapper .editor-item .sizes a:hover,
eads@1 124 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
eads@1 125 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
eads@1 126 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
eads@1 127 border: 1px solid #555;
eads@1 128 color: #fff;
eads@1 129 text-decoration: none;
eads@1 130 }
eads@1 131 .dnd-library-wrapper .editor-item .sizes a:hover span,
eads@1 132 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
eads@1 133 background-color: #555;
eads@1 134 }
eads@1 135
eads@1 136 .dnd-library-wrapper .editor-item .sizes a span {
eads@1 137 display: block;
eads@1 138 background-color: #888;
eads@1 139 }
eads@1 140 .dnd-library-wrapper .editor-item .sizes a.size-S span {
eads@1 141 margin: 3px;
eads@1 142 padding: 2px 0;
eads@1 143 }
eads@1 144 .dnd-library-wrapper .editor-item .sizes a.size-M span {
eads@1 145 margin: 2px;
eads@1 146 padding: 3px 0;
eads@1 147 }
eads@1 148 .dnd-library-wrapper .editor-item .sizes a.size-L span {
eads@1 149 margin: 1px;
eads@1 150 padding: 4px 0;
eads@1 151 }
eads@1 152 .dnd-library-wrapper .editor-item.dnd-child-inserted {
eads@1 153 background-color: #ccc;
eads@1 154 }
eads@1 155 .dnd-editor-preview h2.title {
eads@1 156 font-size: 1em;
eads@1 157 font-weight: bold;
eads@1 158 margin-bottom: 0.5em;
eads@1 159 }
eads@1 160 .dnd-editor-preview .media-preview {
eads@1 161 float: left;
eads@1 162 width: 125px;
eads@1 163 }
eads@1 164 .dnd-editor-preview .media-meta {
eads@1 165 float: left;
eads@1 166 width: 225px;
eads@1 167 margin-right: 20px;
eads@1 168 }
eads@1 169 .dnd-editor-preview .attribution {
eads@1 170 font-size: .875em;
eads@1 171 margin-bottom: .5em;
eads@1 172 }
franck@14 173 .sdl-preview-item dt {
franck@14 174 font-weight: bold;
franck@14 175 }
franck@14 176 .sdl-preview-item dd {
franck@14 177 margin-left: 1em;
franck@14 178 }
franck@14 179 .sdl-preview-item div.image {
franck@14 180 float: left;
franck@14 181 }
eads@1 182 /* Fix for Garland */
eads@1 183 #center .dnd-library-wrapper form {
eads@1 184 margin: 0;
eads@1 185 }
franck@17 186
franck@17 187 /**
franck@17 188 * Make the default textarea bigger
franck@17 189 */
franck@17 190 .dnd-fields-wrapper .mceLayout, .dnd-fields-wrapper .mceLayout iframe {
franck@17 191 height: 60em !important;
franck@17 192 }
franck@17 193
franck@17 194 /**
franck@17 195 * And hide the resizer
franck@17 196 */
franck@17 197 .dnd-fields-wrapper .mceEditor .mceLayout .mceLast .mceResize {display: none;}