annotate css/mee.css @ 7:b1e3bfc2f5e8

Simplify default layout, clean up the CSS.
author Franck Deroche <franck@defr.org>
date Tue, 02 Jun 2009 20:56:33 +0200
parents 814c6ce77297
children c3b22723b82f
rev   line source
eads@1 1 .mee-wrap-editor-library {
eads@1 2 float: left;
eads@1 3 width: 100%;
eads@1 4 }
eads@1 5 .mee-wrap-editor-library .form-item {
eads@1 6 float: left;
eads@1 7 width: 73%;
eads@1 8 }
eads@1 9 .mee-wrap-editor-library .dnd-library-wrapper {
eads@1 10 float: right;
eads@1 11 width: 25%;
eads@1 12 }
eads@1 13 .dnd-library-wrapper .header {
eads@1 14 padding: 3px 4px;
eads@1 15 background-color: #ccc;
eads@1 16 border-top: 1px solid #aaa;
eads@1 17 border-left: 1px solid #aaa;
eads@1 18 border-right: 1px solid #aaa;
eads@1 19 }
eads@1 20 .dnd-library-wrapper .view-filters,
eads@1 21 .dnd-library-wrapper .view-filters input,
eads@1 22 .dnd-library-wrapper .view-filters select
eads@1 23 .dnd-library-wrapper .view-filters textarea {
eads@1 24 font-size: .875em;
eads@1 25 }
eads@1 26 .dnd-library-wrapper .header h3 {
eads@1 27 font-size: 12px;
eads@1 28 font-weight: bold;
eads@1 29 }
eads@1 30 .dnd-library-wrapper .footer {
eads@1 31 border-left: 1px solid #aaa;
eads@1 32 border-right: 1px solid #aaa;
eads@1 33 border-bottom: 1px solid #aaa;
eads@1 34 background-color: #ccc;
eads@1 35 }
eads@1 36 .dnd-library-wrapper .pager {
eads@1 37 font-weight: bold;
eads@1 38 padding: 0 5px;
eads@1 39 }
eads@1 40 .dnd-library-wrapper .library {
eads@1 41 border: 1px solid #aaa;
eads@1 42 float: left;
eads@1 43 }
eads@1 44 .dnd-library-wrapper .editor-item {
eads@1 45 border-bottom: 2px solid #fff;
eads@1 46 background-color: #ddd;
franck@7 47 clear: left;
eads@1 48 }
eads@1 49 .dnd-library-wrapper .editor-item > div {
eads@1 50 padding: 3px;
eads@1 51 }
eads@1 52 .dnd-library-wrapper div.image {
eads@1 53 float: left;
franck@7 54 width: 48px;
eads@1 55 padding-left: 4px;
eads@1 56 line-height: 1;
eads@1 57 }
eads@1 58 .dnd-library-wrapper .title {
eads@1 59 font-weight: bold;
eads@1 60 font-size: 12px;
eads@1 61 }
eads@1 62 .dnd-library-wrapper .date, .dnd-library-wrapper .author {
eads@1 63 font-size: 10px;
eads@1 64 }
franck@7 65
eads@1 66 .dnd-library-wrapper .author {
eads@1 67 margin-right: 1em;
eads@1 68 }
eads@1 69 .dnd-library-wrapper .editor-item .sizes {
eads@1 70 float: left;
eads@1 71 width: 50px;
eads@1 72 margin-top: 14px;
eads@1 73 line-height: 1;
eads@1 74 }
eads@1 75 .dnd-library-wrapper .editor-item .sizes ul {
eads@1 76 list-style-type: none;
eads@1 77 margin: 0;
eads@1 78 }
eads@1 79 .dnd-library-wrapper .editor-item .sizes ul li {
eads@1 80 background: none;
eads@1 81 list-style-type: none;
eads@1 82 display: inline;
eads@1 83 padding: 0;
eads@1 84 margin: 0 0 0 2px;
eads@1 85 }
eads@1 86 .dnd-library-wrapper .editor-item .sizes a {
eads@1 87 float: left;
eads@1 88 display: block;
eads@1 89 font-size: 9px;
eads@1 90 line-height: 9px;
eads@1 91 margin-bottom: 2px;
eads@1 92 width: 19px;
eads@1 93 text-align: center;
eads@1 94 }
eads@1 95 .dnd-library-wrapper .editor-item .sizes a:link,
eads@1 96 .dnd-library-wrapper .editor-item .sizes a:visited,
eads@1 97 .dnd-library-wrapper .editor-item .sizes a:active {
eads@1 98 border: 1px solid #888;
eads@1 99 color: #fff;
eads@1 100 cursor: move;
eads@1 101 text-align: center;
eads@1 102 }
eads@1 103 .dnd-library-wrapper .editor-item .sizes a:hover,
eads@1 104 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link,
eads@1 105 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited,
eads@1 106 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active {
eads@1 107 border: 1px solid #555;
eads@1 108 color: #fff;
eads@1 109 text-decoration: none;
eads@1 110 }
eads@1 111 .dnd-library-wrapper .editor-item .sizes a:hover span,
eads@1 112 .dnd-library-wrapper .editor-item .sizes a.dnd-inserted span {
eads@1 113 background-color: #555;
eads@1 114 }
eads@1 115
eads@1 116 .dnd-library-wrapper .editor-item .sizes a span {
eads@1 117 display: block;
eads@1 118 background-color: #888;
eads@1 119 }
eads@1 120 .dnd-library-wrapper .editor-item .sizes a.size-S span {
eads@1 121 margin: 3px;
eads@1 122 padding: 2px 0;
eads@1 123 }
eads@1 124 .dnd-library-wrapper .editor-item .sizes a.size-M span {
eads@1 125 margin: 2px;
eads@1 126 padding: 3px 0;
eads@1 127 }
eads@1 128 .dnd-library-wrapper .editor-item .sizes a.size-L span {
eads@1 129 margin: 1px;
eads@1 130 padding: 4px 0;
eads@1 131 }
eads@1 132 .dnd-library-wrapper .editor-item.dnd-child-inserted {
eads@1 133 background-color: #ccc;
eads@1 134 }
eads@1 135 .dnd-editor-preview h2.title {
eads@1 136 font-size: 1em;
eads@1 137 font-weight: bold;
eads@1 138 margin-bottom: 0.5em;
eads@1 139 }
eads@1 140 .dnd-editor-preview .media-preview {
eads@1 141 float: left;
eads@1 142 width: 125px;
eads@1 143 }
eads@1 144 .dnd-editor-preview .media-meta {
eads@1 145 float: left;
eads@1 146 width: 225px;
eads@1 147 margin-right: 20px;
eads@1 148 }
eads@1 149 .dnd-editor-preview .attribution {
eads@1 150 font-size: .875em;
eads@1 151 margin-bottom: .5em;
eads@1 152 }
eads@1 153 /* Fix for Garland */
eads@1 154 #center .dnd-library-wrapper form {
eads@1 155 margin: 0;
eads@1 156 }