Mercurial > defr > drupal > scald > dnd
diff dnd_test/dnd_test.css @ 4:c2eb995212bf
TONS of fixes in this commit.
author | David Eads <eads@chicagotech.org> |
---|---|
date | Thu, 19 Feb 2009 12:33:19 -0600 |
parents | 5a44c430b7ac |
children | 5d2ae5b8eae2 |
line wrap: on
line diff
--- a/dnd_test/dnd_test.css Tue Feb 17 15:46:36 2009 -0600 +++ b/dnd_test/dnd_test.css Thu Feb 19 12:33:19 2009 -0600 @@ -1,25 +1,122 @@ +/* This is bad stuff! */ .body-field-wrapper { float: left; width: 100%; } - -#edit-body-dnd-library { +.dnd-library-wrapper { float: left; - width: 15%; - text-align: center; + width: 220px; + margin-right: 20px; + margin-top: 1em; + border: 1px solid #aaa; } -#edit-body-dnd-library img { - display: block; - margin: 2px auto; +.dnd-library-wrapper .header { + padding: 1px 4px; + background-color: #ccc; } -#edit-body-dnd-library .library a { - color: #000; - display: block; - padding: 4px; - margin-bottom: 6px; - text-decoration: none; +.dnd-library-wrapper .header h3 { + font-size: 12px; + font-weight: bold; +} +.dnd-library-wrapper .footer { + float: left; + width: 100%; + border-top: 1px solid #aaa; + background-color: #ccc; +} +.dnd-library-wrapper .pager { + font-weight: bold; + padding: 0 5px; } #edit-body-wrapper { float: left; - width: 85%; + width: 700px; } +.dnd-library-wrapper .editor-item { + float: left; + width: 220px; + border-top: 1px solid #aaa; + margin-bottom: 1px; +} +.dnd-library-wrapper .editor-item > div { + padding: 5px 4px; +} +.dnd-library-wrapper div.image { + float: left; + width: 64px; + padding-left: 6px; + line-height: 1; +} +.dnd-library-wrapper div.meta { + float: left; + width: 110px; +} +.dnd-library-wrapper .title { + font-weight: bold; +} +.dnd-library-wrapper .date, .dnd-library-wrapper .author { + font-size: .75em; +} +.dnd-library-wrapper .editor-item .sizes { + float: left; + width: 18px; +} +.dnd-library-wrapper .editor-item .sizes ul { + list-style-type: none; + margin: 0; +} +.dnd-library-wrapper .editor-item .sizes ul li { + background: none; + list-style-type: none; + padding: 0; + margin: 0; +} +.dnd-library-wrapper .editor-item .sizes a { + float: left; + display: block; + font-size: 9px; + line-height: 9px; + margin-bottom: 2px; + width: 19px; + text-align: center; +} +.dnd-library-wrapper .editor-item .sizes a:link, +.dnd-library-wrapper .editor-item .sizes a:visited, +.dnd-library-wrapper .editor-item .sizes a:active { + border: 1px solid #888; + color: #fff; + cursor: move; + text-align: center; +} +.dnd-library-wrapper .editor-item .sizes a:hover, +.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:link, +.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:visited, +.dnd-library-wrapper .editor-item .sizes a.dnd-inserted:active { + border: 1px solid #555; + color: #fff; + text-decoration: none; +} +.dnd-library-wrapper .editor-item .sizes a:hover span, +.dnd-library-wrapper .editor-item .sizes a.dnd-inserted span { + background-color: #555; +} + +.dnd-library-wrapper .editor-item .sizes a span { + display: block; + background-color: #888; +} +.dnd-library-wrapper .editor-item .sizes a.size-S span { + margin: 3px; + padding: 2px 0; +} +.dnd-library-wrapper .editor-item .sizes a.size-M span { + margin: 2px; + padding: 3px 0; +} +.dnd-library-wrapper .editor-item .sizes a.size-L span { + margin: 1px; + padding: 4px 0; +} +.dnd-library-wrapper .editor-item.dnd-child-inserted { + background-color: #ffd; +}