annotate css/mee.css @ 21:1370e3378a00

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