diff --git a/css/global.css b/css/global.css index 3f9c1228603ea6fc915bdcabeee0003d2941a6c5..c61ef08cf4d23349bd827dac49bdc5b9439a701f 100644 --- a/css/global.css +++ b/css/global.css @@ -1447,6 +1447,24 @@ input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } +#plup-list li { + width: 180px; + height: 265px; + position: relative; } + #plup-list li .plup-thumb-wrapper { + width: 180px; + height: 180px; } + #plup-list li input.form-text { + top: 0; + margin: 10px 5px 0 5px; + height: 28px !important; + width: 170px !important; + font-size: 14px; } + #plup-list li .plup-remove-item { + position: absolute; + top: 5px; + right: 5px; } + /** * Project: Omega NodeMaker * Company: ThemeGeeks @@ -2453,9 +2471,7 @@ dl.node-type-list { box-shadow: none; } .node-form .image-widget { - position: relative; - width: 100%; - max-width: 100%; } + position: relative; } .node-form .image-widget .image-widget-data { width: 100%; display: block; @@ -2795,6 +2811,122 @@ dl.node-type-list { width: 100%; } .node-form .vertical-tabs .vertical-tabs-panes .vertical-tabs-pane > legend { display: none; } +.node-form #edit-field-nm-attach-gallery .form-radios { + max-height: 200px; + overflow-y: auto; } +.node-form .filefield-sources-list { + font-size: 12px; } +.node-form .tabledrag-toggle-weight-wrapper { + position: relative; + font-size: 12px; + float: right; + top: -24px; } +.node-form .field-type-image .description { + margin-top: 5px; + margin-bottom: 0; } +.node-form .field-type-image .form-item { + position: relative; } +.node-form .field-type-image .image-preview { + position: absolute; + top: 0; + left: 0px; + width: 48px; + height: 48px; + border: 1px solid #CCC; } +.node-form .field-type-image .image-details { + display: block; } + .node-form .field-type-image .image-details.with-image { + display: none; } +.node-form .field-type-image .image-widget { + padding-left: 55px; } + .node-form .field-type-image .image-widget.has-no-image { + padding-left: 0; } +.node-form .field-type-image .image-widget-data { + position: relative; + width: auto; } + .node-form .field-type-image .image-widget-data .image-data, + .node-form .field-type-image .image-widget-data .file-size, + .node-form .field-type-image .image-widget-data .file-name, + .node-form .field-type-image .image-widget-data .file-dimensions, + .node-form .field-type-image .image-widget-data .file { + font-size: 11px; } + .node-form .field-type-image .image-widget-data .image-data a, + .node-form .field-type-image .image-widget-data .file-size a, + .node-form .field-type-image .image-widget-data .file-name a, + .node-form .field-type-image .image-widget-data .file-dimensions a, + .node-form .field-type-image .image-widget-data .file a { + font-weight: bold; } + .node-form .field-type-image .image-widget-data .image-data { + margin-bottom: 5px; + padding: 10px; + height: 28px; + line-height: 28px; + border: 1px solid #CCC; + background: #FFF; } + .node-form .field-type-image .image-widget-data .image-data .more-details { + float: right; } + .node-form .field-type-image .image-widget-data .form-type-textfield { + margin: 0px 0px 5px 0px; + padding: 5px; + box-shadow: none; + border: 0; + padding: 0; + background: none; } + .node-form .field-type-image .image-widget-data .form-type-textfield input.form-text { + margin-bottom: 0; } + .node-form .field-type-image .image-widget-data .form-type-textfield .description { + margin-top: 2px; } + .node-form .field-type-image .image-widget-data .form-type-textfield label { + display: none; } +.node-form .field-type-image .file-icon { + display: none; } +.node-form .field-type-image .draggable .image-preview { + position: absolute; + top: 0; + left: 25px; + width: 48px; + height: 48px; + border: 1px solid #CCC; } +.node-form table.tabledrag-processed { + border-width: 0; } +.node-form table .draggable { + position: relative; + padding: 0; + border-width: 0; + border: none; } + .node-form table .draggable.row-changed { + background-color: #FCF8E3; } + .node-form table .draggable.row-changed .image-data { + border-color: #FBEED5; } + .node-form table .draggable .table-cell-wrapper { + position: relative; + z-index: 1; } + .node-form table .draggable td { + border: none; } + .node-form table .draggable .tabledrag-hide { + width: 60px !important; + vertical-align: top; } + .node-form table .draggable .tabledrag-hide .form-item { + margin: 0; + padding: 5px; + box-shadow: none; + border: 0; + padding: 0; + background: none; } + .node-form table .draggable .tabledrag-hide .form-item select { + width: 100%; + margin: 0; } + .node-form table .draggable .image-widget { + padding-left: 80px; } + .node-form table .draggable .image-widget.has-no-image { + padding-left: 0; } +.node-form table a.tabledrag-handle { + z-index: 499; + position: relative; + float: left; + margin-left: -10px; } +.node-form table .tabledrag-changed { + display: none; } body.page-node-edit #region-content, body.page-node-revisions #region-content { diff --git a/includes/omega_nodemaker.theme.inc b/includes/omega_nodemaker.theme.inc index efef0f66a1217bb266c6b945b1382d3189402a24..f1d41718a5c9791425945bf33d6ec39e525517a6 100644 --- a/includes/omega_nodemaker.theme.inc +++ b/includes/omega_nodemaker.theme.inc @@ -197,6 +197,67 @@ function omega_nodemaker_pager($variables) { } } +function omega_nodemaker_image_widget($variables) { + $element = $variables['element']; + //dsm($element); + + if (isset($element['remove_button'])) { + $element['remove_button']['#attributes'] = array( + 'class' => array('file-remove-button'), + ); + } + if (isset($element['alt'])) { + $element['alt']['#attributes']['placeholder'] = $element['alt']['#title']; + } + + if (isset($element['title'])) { + $element['title']['#attributes']['placeholder'] = $element['title']['#title']; + } + + + + $extra = isset($element['filename']) ? ' has-image' : ' has-no-image'; + + $output = ''; + $output .= '