annotate css/mee.css @ 9:57e611f691eb

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