Mercurial > defr > drupal > scald > mee

annotate css/mee.css @ 8:c3b22723b82f

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