Might as well clean up spaces on js and css too.
This commit is contained in:
Jacques Crocker
parent
a09329c030
commit
29f2b58731
|
|
@ -1,5 +1,5 @@
|
|||
$(document).ready(function() {
|
||||
$.subscribe('form.saved.success', function(event, data) {
|
||||
$('#global-actions-bar a:first').html($('#my_account_name').val());
|
||||
}, []);
|
||||
});
|
||||
$.subscribe('form.saved.success', function(event, data) {
|
||||
$('#global-actions-bar a:first').html($('#my_account_name').val());
|
||||
}, []);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,117 +4,117 @@ var CodeMirrorEditors = [];
|
|||
/* ___ growl ___ */
|
||||
|
||||
$.growl.settings.noticeTemplate = '' +
|
||||
'<div class="notice %title%">' +
|
||||
' <p>%message%</p>' +
|
||||
'</div>';
|
||||
|
||||
'<div class="notice %title%">' +
|
||||
' <p>%message%</p>' +
|
||||
'</div>';
|
||||
|
||||
$.growl.settings.dockCss = {
|
||||
position: 'fixed',
|
||||
bottom: '20px',
|
||||
left: '0px',
|
||||
width: '100%',
|
||||
zIndex: 50000
|
||||
position: 'fixed',
|
||||
bottom: '20px',
|
||||
left: '0px',
|
||||
width: '100%',
|
||||
zIndex: 50000
|
||||
};
|
||||
|
||||
/* ___ codemirror ___ */
|
||||
|
||||
var addCodeMirrorEditor = function(type, el, parser) {
|
||||
if (type == 'liquid') type = 'xml';
|
||||
var parserfile = "parse" + type + ".js";
|
||||
if (parser != undefined) parserfile = parser;
|
||||
|
||||
var editor = CodeMirror.fromTextArea(el.attr('id'), {
|
||||
height: "400px",
|
||||
parserfile: parserfile,
|
||||
stylesheet: [
|
||||
"/stylesheets/admin/plugins/codemirror/csscolors.css",
|
||||
"/stylesheets/admin/plugins/codemirror/xmlcolors.css",
|
||||
"/stylesheets/admin/plugins/codemirror/javascriptcolors.css",
|
||||
"/stylesheets/admin/plugins/codemirror/liquidcolors.css"],
|
||||
path: "/javascripts/admin/plugins/codemirror/",
|
||||
continuousScanning: 500,
|
||||
reindentOnLoad: true,
|
||||
initCallback: function(editor) {
|
||||
jQuery(editor.frame.contentDocument).keypress(function(event) {
|
||||
jQuery(document).trigger(event);
|
||||
});
|
||||
}
|
||||
});
|
||||
CodeMirrorEditors.push({ 'el': el, 'editor': editor });
|
||||
if (type == 'liquid') type = 'xml';
|
||||
var parserfile = "parse" + type + ".js";
|
||||
if (parser != undefined) parserfile = parser;
|
||||
|
||||
var editor = CodeMirror.fromTextArea(el.attr('id'), {
|
||||
height: "400px",
|
||||
parserfile: parserfile,
|
||||
stylesheet: [
|
||||
"/stylesheets/admin/plugins/codemirror/csscolors.css",
|
||||
"/stylesheets/admin/plugins/codemirror/xmlcolors.css",
|
||||
"/stylesheets/admin/plugins/codemirror/javascriptcolors.css",
|
||||
"/stylesheets/admin/plugins/codemirror/liquidcolors.css"],
|
||||
path: "/javascripts/admin/plugins/codemirror/",
|
||||
continuousScanning: 500,
|
||||
reindentOnLoad: true,
|
||||
initCallback: function(editor) {
|
||||
jQuery(editor.frame.contentDocument).keypress(function(event) {
|
||||
jQuery(document).trigger(event);
|
||||
});
|
||||
}
|
||||
});
|
||||
CodeMirrorEditors.push({ 'el': el, 'editor': editor });
|
||||
}
|
||||
|
||||
/* ___ tinyMCE ___ */
|
||||
|
||||
var TinyMceDefaultSettings = {
|
||||
script_url : '/javascripts/admin/plugins/tiny_mce/tiny_mce.js',
|
||||
theme : 'advanced',
|
||||
skin : 'locomotive',
|
||||
theme_advanced_buttons1 : 'code,|,bold,italic,|,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,blockquote,|,link,unlink,|,formatselect,fontselect,fontsizeselect',
|
||||
theme_advanced_buttons2 : '',
|
||||
theme_advanced_buttons3 : ''
|
||||
script_url : '/javascripts/admin/plugins/tiny_mce/tiny_mce.js',
|
||||
theme : 'advanced',
|
||||
skin : 'locomotive',
|
||||
theme_advanced_buttons1 : 'code,|,bold,italic,|,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,blockquote,|,link,unlink,|,formatselect,fontselect,fontsizeselect',
|
||||
theme_advanced_buttons2 : '',
|
||||
theme_advanced_buttons3 : ''
|
||||
};
|
||||
|
||||
/* ___ global ___ */
|
||||
|
||||
$(document).ready(function() {
|
||||
I18nLocale = $('meta[name=locale]').attr('content');
|
||||
|
||||
// sub menu links
|
||||
$('#submenu ul li.links').hover(function() {
|
||||
$(this).addClass('hover');
|
||||
$(this).find('.popup').show();
|
||||
}, function() {
|
||||
$(this).removeClass('hover');
|
||||
$(this).find('.popup').hide();
|
||||
});
|
||||
|
||||
if ((css = $('#submenu > ul').attr('class')) != '')
|
||||
$('#submenu > ul > li.' + css).addClass('on');
|
||||
|
||||
// form
|
||||
$('.formtastic li input, .formtastic li textarea, .formtastic li code').focus(function() {
|
||||
$('.formtastic li.error:not(.code) p.inline-errors').fadeOut(200);
|
||||
if ($(this).parent().hasClass('error')) {
|
||||
$(this).nextAll('p.inline-errors').show();
|
||||
}
|
||||
});
|
||||
$('.formtastic li.error input').eq(0).focus();
|
||||
|
||||
// save form in AJAX
|
||||
$('form.save-with-shortcut').saveWithShortcut();
|
||||
|
||||
// editable title (page, ...etc)
|
||||
$('#content h2 a.editable').each(function() {
|
||||
var target = $('#' + $(this).attr('rel')),
|
||||
hint = $(this).attr('title');
|
||||
|
||||
target.parent().hide();
|
||||
|
||||
$(this).click(function(event) {
|
||||
var newValue = prompt(hint, $(this).html());
|
||||
if (newValue && newValue != '') {
|
||||
$(this).html(newValue);
|
||||
target.val(newValue);
|
||||
}
|
||||
event.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
// foldable
|
||||
$('.formtastic fieldset.foldable legend span').append('<em> </em>');
|
||||
$('.formtastic fieldset.foldable.folded ol').hide();
|
||||
$('.formtastic fieldset.foldable legend').click(function() {
|
||||
var parent = $(this).parent(), content = $(this).next();
|
||||
if (parent.hasClass('folded')) {
|
||||
parent.removeClass('folded');
|
||||
content.slideDown('fast', function() { });
|
||||
} else
|
||||
content.slideUp('fast', function() { parent.addClass('folded'); });
|
||||
});
|
||||
|
||||
// nifty checkboxes
|
||||
$('.formtastic li.toggle input[type=checkbox]').checkToggle();
|
||||
|
||||
// nifty code editor
|
||||
$('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); });
|
||||
});
|
||||
I18nLocale = $('meta[name=locale]').attr('content');
|
||||
|
||||
// sub menu links
|
||||
$('#submenu ul li.links').hover(function() {
|
||||
$(this).addClass('hover');
|
||||
$(this).find('.popup').show();
|
||||
}, function() {
|
||||
$(this).removeClass('hover');
|
||||
$(this).find('.popup').hide();
|
||||
});
|
||||
|
||||
if ((css = $('#submenu > ul').attr('class')) != '')
|
||||
$('#submenu > ul > li.' + css).addClass('on');
|
||||
|
||||
// form
|
||||
$('.formtastic li input, .formtastic li textarea, .formtastic li code').focus(function() {
|
||||
$('.formtastic li.error:not(.code) p.inline-errors').fadeOut(200);
|
||||
if ($(this).parent().hasClass('error')) {
|
||||
$(this).nextAll('p.inline-errors').show();
|
||||
}
|
||||
});
|
||||
$('.formtastic li.error input').eq(0).focus();
|
||||
|
||||
// save form in AJAX
|
||||
$('form.save-with-shortcut').saveWithShortcut();
|
||||
|
||||
// editable title (page, ...etc)
|
||||
$('#content h2 a.editable').each(function() {
|
||||
var target = $('#' + $(this).attr('rel')),
|
||||
hint = $(this).attr('title');
|
||||
|
||||
target.parent().hide();
|
||||
|
||||
$(this).click(function(event) {
|
||||
var newValue = prompt(hint, $(this).html());
|
||||
if (newValue && newValue != '') {
|
||||
$(this).html(newValue);
|
||||
target.val(newValue);
|
||||
}
|
||||
event.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
// foldable
|
||||
$('.formtastic fieldset.foldable legend span').append('<em> </em>');
|
||||
$('.formtastic fieldset.foldable.folded ol').hide();
|
||||
$('.formtastic fieldset.foldable legend').click(function() {
|
||||
var parent = $(this).parent(), content = $(this).next();
|
||||
if (parent.hasClass('folded')) {
|
||||
parent.removeClass('folded');
|
||||
content.slideDown('fast', function() { });
|
||||
} else
|
||||
content.slideUp('fast', function() { parent.addClass('folded'); });
|
||||
});
|
||||
|
||||
// nifty checkboxes
|
||||
$('.formtastic li.toggle input[type=checkbox]').checkToggle();
|
||||
|
||||
// nifty code editor
|
||||
$('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); });
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,51 +1,51 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
// automatic slug from collection name
|
||||
$('#asset_collection_name').keypress(function() {
|
||||
var input = $(this);
|
||||
var slug = $('#asset_collection_slug');
|
||||
|
||||
if (!slug.hasClass('filled')) {
|
||||
setTimeout(function() {
|
||||
slug.val(input.val().replace(/\s/g, '_').toLowerCase());
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
$('#asset_collection_slug').keypress(function() { $(this).addClass('filled'); });
|
||||
|
||||
// sortable assets
|
||||
|
||||
var updateAssetsOrder = function() {
|
||||
var list = $('ul.assets.sortable');
|
||||
var ids = jQuery.map(list.sortable('toArray'), function(e) {
|
||||
return e.match(/asset-(\w+)/)[1];
|
||||
}).join(',');
|
||||
$('#asset_collection_assets_order').val(ids || '');
|
||||
}
|
||||
|
||||
$('ul.assets.sortable').sortable({
|
||||
items: 'li.asset',
|
||||
stop: function(event, ui) { updateAssetsOrder(); }
|
||||
});
|
||||
|
||||
$('ul.assets.sortable li div.actions a.remove').click(function(e) {
|
||||
if (confirm($(this).attr('data-confirm'))) {
|
||||
$(this).parents('li').remove();
|
||||
|
||||
updateAssetsOrder();
|
||||
|
||||
if ($('ul.assets li.asset').size() == 0) $('p.no-items').show();
|
||||
|
||||
$('ul.assets li.last').removeClass('last');
|
||||
var i = parseInt($('ul.assets li.asset').size() / 6);
|
||||
while (i > 0) {
|
||||
$('ul.assets li.asset:eq(' + (i * 6 - 1) + ')').addClass('last');
|
||||
i--;
|
||||
}
|
||||
}
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
});
|
||||
// automatic slug from collection name
|
||||
$('#asset_collection_name').keypress(function() {
|
||||
var input = $(this);
|
||||
var slug = $('#asset_collection_slug');
|
||||
|
||||
if (!slug.hasClass('filled')) {
|
||||
setTimeout(function() {
|
||||
slug.val(input.val().replace(/\s/g, '_').toLowerCase());
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
$('#asset_collection_slug').keypress(function() { $(this).addClass('filled'); });
|
||||
|
||||
// sortable assets
|
||||
|
||||
var updateAssetsOrder = function() {
|
||||
var list = $('ul.assets.sortable');
|
||||
var ids = jQuery.map(list.sortable('toArray'), function(e) {
|
||||
return e.match(/asset-(\w+)/)[1];
|
||||
}).join(',');
|
||||
$('#asset_collection_assets_order').val(ids || '');
|
||||
}
|
||||
|
||||
$('ul.assets.sortable').sortable({
|
||||
items: 'li.asset',
|
||||
stop: function(event, ui) { updateAssetsOrder(); }
|
||||
});
|
||||
|
||||
$('ul.assets.sortable li div.actions a.remove').click(function(e) {
|
||||
if (confirm($(this).attr('data-confirm'))) {
|
||||
$(this).parents('li').remove();
|
||||
|
||||
updateAssetsOrder();
|
||||
|
||||
if ($('ul.assets li.asset').size() == 0) $('p.no-items').show();
|
||||
|
||||
$('ul.assets li.last').removeClass('last');
|
||||
var i = parseInt($('ul.assets li.asset').size() / 6);
|
||||
while (i > 0) {
|
||||
$('ul.assets li.asset:eq(' + (i * 6 - 1) + ')').addClass('last');
|
||||
i--;
|
||||
}
|
||||
}
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
$('textarea.html').tinymce(TinyMceDefaultSettings);
|
||||
|
||||
});
|
||||
|
||||
$('textarea.html').tinymce(TinyMceDefaultSettings);
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
// automatic slug from name
|
||||
$('#content_type_name').keypress(function() {
|
||||
var input = $(this);
|
||||
var slug = $('#content_type_slug');
|
||||
|
||||
if (!slug.hasClass('filled')) {
|
||||
setTimeout(function() {
|
||||
slug.val(makeSlug(input.val()));
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
$('#content_type_slug').keypress(function() { $(this).addClass('filled'); });
|
||||
});
|
||||
|
||||
// automatic slug from name
|
||||
$('#content_type_name').keypress(function() {
|
||||
var input = $(this);
|
||||
var slug = $('#content_type_slug');
|
||||
|
||||
if (!slug.hasClass('filled')) {
|
||||
setTimeout(function() {
|
||||
slug.val(makeSlug(input.val()));
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
$('#content_type_slug').keypress(function() { $(this).addClass('filled'); });
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,22 +1,22 @@
|
|||
$(document).ready(function() {
|
||||
var updateContentsOrder = function() {
|
||||
var lists = $('ul#contents-list.sortable');
|
||||
var ids = jQuery.map(lists, function(list) {
|
||||
return(jQuery.map($(list).sortable('toArray'), function(el) {
|
||||
return el.match(/content-(\w+)/)[1];
|
||||
}).join(','));
|
||||
}).join(',');
|
||||
$('#order').val(ids || '');
|
||||
}
|
||||
var updateContentsOrder = function() {
|
||||
var lists = $('ul#contents-list.sortable');
|
||||
var ids = jQuery.map(lists, function(list) {
|
||||
return(jQuery.map($(list).sortable('toArray'), function(el) {
|
||||
return el.match(/content-(\w+)/)[1];
|
||||
}).join(','));
|
||||
}).join(',');
|
||||
$('#order').val(ids || '');
|
||||
}
|
||||
|
||||
$('ul#contents-list.sortable').sortable({
|
||||
handle: 'em',
|
||||
items: 'li.content',
|
||||
stop: function(event, ui) { updateContentsOrder(); }
|
||||
});
|
||||
|
||||
$('textarea.html').tinymce(TinyMceDefaultSettings);
|
||||
|
||||
$.datepicker.setDefaults($.datepicker.regional[I18nLocale]);
|
||||
$('input[type=text].date').datepicker($.datepicker.regional[I18nLocale]);
|
||||
});
|
||||
$('ul#contents-list.sortable').sortable({
|
||||
handle: 'em',
|
||||
items: 'li.content',
|
||||
stop: function(event, ui) { updateContentsOrder(); }
|
||||
});
|
||||
|
||||
$('textarea.html').tinymce(TinyMceDefaultSettings);
|
||||
|
||||
$.datepicker.setDefaults($.datepicker.regional[I18nLocale]);
|
||||
$('input[type=text].date').datepicker($.datepicker.regional[I18nLocale]);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,155 +1,155 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
$('fieldset.fields').parents('form').submit(function() {
|
||||
$('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled');
|
||||
});
|
||||
|
||||
var defaultValue = $('fieldset.fields li.template input[type=text]').val();
|
||||
var selectOnChange = function(select) {
|
||||
select.hide();
|
||||
select.prev()
|
||||
.show()
|
||||
.html(select[0].options[select[0].options.selectedIndex].text);
|
||||
}
|
||||
|
||||
var refreshPosition = function() {
|
||||
jQuery.each($('fieldset.fields li.added input.position'), function(index) {
|
||||
$(this).val(index);
|
||||
});
|
||||
}
|
||||
|
||||
/* __ fields ___ */
|
||||
$('fieldset.fields li.added select').each(function() {
|
||||
var select = $(this)
|
||||
.hover(function() {
|
||||
clearTimeout(select.attr('timer'));
|
||||
}, function() {
|
||||
select.attr('timer', setTimeout(function() {
|
||||
select.hide();
|
||||
select.prev().show();
|
||||
}, 1000));
|
||||
})
|
||||
.change(function() { selectOnChange(select); });
|
||||
$('fieldset.fields').parents('form').submit(function() {
|
||||
$('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled');
|
||||
});
|
||||
|
||||
select.prev().click(function() {
|
||||
$(this).hide();
|
||||
select.show();
|
||||
});
|
||||
});
|
||||
var defaultValue = $('fieldset.fields li.template input[type=text]').val();
|
||||
var selectOnChange = function(select) {
|
||||
select.hide();
|
||||
select.prev()
|
||||
.show()
|
||||
.html(select[0].options[select[0].options.selectedIndex].text);
|
||||
}
|
||||
|
||||
$('fieldset.fields li.template input[type=text]').focus(function() {
|
||||
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
|
||||
$(this).val('').removeClass('void');
|
||||
});
|
||||
var refreshPosition = function() {
|
||||
jQuery.each($('fieldset.fields li.added input.position'), function(index) {
|
||||
$(this).val(index);
|
||||
});
|
||||
}
|
||||
|
||||
$('fieldset.fields li.template button').click(function() {
|
||||
var lastRow = $(this).parents('li.template');
|
||||
|
||||
var label = lastRow.find('input.label').val().trim();
|
||||
if (label == '' || label == defaultValue) return false;
|
||||
|
||||
var newRow = lastRow.clone(true).removeClass('template').addClass('added new').insertBefore(lastRow);
|
||||
/* __ fields ___ */
|
||||
$('fieldset.fields li.added select').each(function() {
|
||||
var select = $(this)
|
||||
.hover(function() {
|
||||
clearTimeout(select.attr('timer'));
|
||||
}, function() {
|
||||
select.attr('timer', setTimeout(function() {
|
||||
select.hide();
|
||||
select.prev().show();
|
||||
}, 1000));
|
||||
})
|
||||
.change(function() { selectOnChange(select); });
|
||||
|
||||
var dateFragment = '[' + new Date().getTime() + ']';
|
||||
newRow.find('input, select').each(function(index) {
|
||||
$(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
|
||||
});
|
||||
select.prev().click(function() {
|
||||
$(this).hide();
|
||||
select.show();
|
||||
});
|
||||
});
|
||||
|
||||
var select = newRow.find('select')
|
||||
.val(lastRow.find('select').val())
|
||||
.change(function() { selectOnChange(select); })
|
||||
.hover(function() {
|
||||
clearTimeout(select.attr('timer'));
|
||||
}, function() {
|
||||
select.attr('timer', setTimeout(function() {
|
||||
select.hide();
|
||||
select.prev().show();
|
||||
}, 1000));
|
||||
});
|
||||
select.prev()
|
||||
.html(select[0].options[select[0].options.selectedIndex].text)
|
||||
.click(function() {
|
||||
$(this).hide();
|
||||
select.show();
|
||||
});
|
||||
$('fieldset.fields li.template input[type=text]').focus(function() {
|
||||
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
|
||||
$(this).val('').removeClass('void');
|
||||
});
|
||||
|
||||
// then "reset" the form
|
||||
lastRow.find('input.label').val(defaultValue).addClass('void');
|
||||
$('fieldset.fields li.template button').click(function() {
|
||||
var lastRow = $(this).parents('li.template');
|
||||
|
||||
// warn the sortable widget about the new row
|
||||
$("fieldset.fields ol").sortable('refresh');
|
||||
|
||||
refreshPosition();
|
||||
});
|
||||
var label = lastRow.find('input.label').val().trim();
|
||||
if (label == '' || label == defaultValue) return false;
|
||||
|
||||
$('fieldset.fields li a.remove').click(function(e) {
|
||||
if (confirm($(this).attr('data-confirm'))) {
|
||||
var parent = $(this).parents('li');
|
||||
|
||||
if (parent.hasClass('new'))
|
||||
parent.remove();
|
||||
else {
|
||||
var field = parent.find('input.position')
|
||||
field.attr('name', field.attr('name').replace('[position]', '[_destroy]'));
|
||||
|
||||
parent.hide().removeClass('added')
|
||||
}
|
||||
|
||||
refreshPosition();
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
var newRow = lastRow.clone(true).removeClass('template').addClass('added new').insertBefore(lastRow);
|
||||
|
||||
// sortable list
|
||||
$("fieldset.fields ol").sortable({
|
||||
handle: 'span.handle',
|
||||
items: 'li:not(.template)',
|
||||
axis: 'y',
|
||||
update: refreshPosition
|
||||
});
|
||||
|
||||
// edit in depth custom field
|
||||
$('fieldset.fields li.item span.actions a.edit').click(function() {
|
||||
var link = $(this);
|
||||
$.fancybox({
|
||||
titleShow: false,
|
||||
content: $(link.attr('href')).parent().html(),
|
||||
onComplete: function() {
|
||||
$('#fancybox-wrap form').submit(function(e) {
|
||||
$.fancybox.close();
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
var parent = link.parent();
|
||||
|
||||
if (parent.prevAll('select').val() == 'Text') {
|
||||
var formatting = parent.prevAll('.text-formatting').val();
|
||||
$('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting);
|
||||
$('#fancybox-wrap #custom_fields_field_text_formatting_input').show();
|
||||
} else {
|
||||
$('#fancybox-wrap #custom_fields_field_text_formatting_input').hide();
|
||||
}
|
||||
|
||||
var alias = parent.prevAll('.alias').val().trim();
|
||||
if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val());
|
||||
$('#fancybox-wrap #custom_fields_field__alias').val(alias);
|
||||
|
||||
var hint = parent.prevAll('.hint').val();
|
||||
$('#fancybox-wrap #custom_fields_field_hint').val(hint);
|
||||
},
|
||||
onCleanup: function() {
|
||||
var parent = link.parent();
|
||||
|
||||
var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim();
|
||||
if (alias != '') parent.prevAll('.alias').val(alias);
|
||||
var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim();
|
||||
if (hint != '') parent.prevAll('.hint').val(hint);
|
||||
var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val();
|
||||
parent.prevAll('.text-formatting').val(formatting);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
var dateFragment = '[' + new Date().getTime() + ']';
|
||||
newRow.find('input, select').each(function(index) {
|
||||
$(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
|
||||
});
|
||||
|
||||
var select = newRow.find('select')
|
||||
.val(lastRow.find('select').val())
|
||||
.change(function() { selectOnChange(select); })
|
||||
.hover(function() {
|
||||
clearTimeout(select.attr('timer'));
|
||||
}, function() {
|
||||
select.attr('timer', setTimeout(function() {
|
||||
select.hide();
|
||||
select.prev().show();
|
||||
}, 1000));
|
||||
});
|
||||
select.prev()
|
||||
.html(select[0].options[select[0].options.selectedIndex].text)
|
||||
.click(function() {
|
||||
$(this).hide();
|
||||
select.show();
|
||||
});
|
||||
|
||||
// then "reset" the form
|
||||
lastRow.find('input.label').val(defaultValue).addClass('void');
|
||||
|
||||
// warn the sortable widget about the new row
|
||||
$("fieldset.fields ol").sortable('refresh');
|
||||
|
||||
refreshPosition();
|
||||
});
|
||||
|
||||
$('fieldset.fields li a.remove').click(function(e) {
|
||||
if (confirm($(this).attr('data-confirm'))) {
|
||||
var parent = $(this).parents('li');
|
||||
|
||||
if (parent.hasClass('new'))
|
||||
parent.remove();
|
||||
else {
|
||||
var field = parent.find('input.position')
|
||||
field.attr('name', field.attr('name').replace('[position]', '[_destroy]'));
|
||||
|
||||
parent.hide().removeClass('added')
|
||||
}
|
||||
|
||||
refreshPosition();
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
// sortable list
|
||||
$("fieldset.fields ol").sortable({
|
||||
handle: 'span.handle',
|
||||
items: 'li:not(.template)',
|
||||
axis: 'y',
|
||||
update: refreshPosition
|
||||
});
|
||||
|
||||
// edit in depth custom field
|
||||
$('fieldset.fields li.item span.actions a.edit').click(function() {
|
||||
var link = $(this);
|
||||
$.fancybox({
|
||||
titleShow: false,
|
||||
content: $(link.attr('href')).parent().html(),
|
||||
onComplete: function() {
|
||||
$('#fancybox-wrap form').submit(function(e) {
|
||||
$.fancybox.close();
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
var parent = link.parent();
|
||||
|
||||
if (parent.prevAll('select').val() == 'Text') {
|
||||
var formatting = parent.prevAll('.text-formatting').val();
|
||||
$('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting);
|
||||
$('#fancybox-wrap #custom_fields_field_text_formatting_input').show();
|
||||
} else {
|
||||
$('#fancybox-wrap #custom_fields_field_text_formatting_input').hide();
|
||||
}
|
||||
|
||||
var alias = parent.prevAll('.alias').val().trim();
|
||||
if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val());
|
||||
$('#fancybox-wrap #custom_fields_field__alias').val(alias);
|
||||
|
||||
var hint = parent.prevAll('.hint').val();
|
||||
$('#fancybox-wrap #custom_fields_field_hint').val(hint);
|
||||
},
|
||||
onCleanup: function() {
|
||||
var parent = link.parent();
|
||||
|
||||
var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim();
|
||||
if (alias != '') parent.prevAll('.alias').val(alias);
|
||||
var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim();
|
||||
if (hint != '') parent.prevAll('.hint').val(hint);
|
||||
var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val();
|
||||
parent.prevAll('.text-formatting').val(formatting);
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,4 +4,4 @@ $(document).ready(function() {
|
|||
return "{{ theme_images." + link.attr('data-slug') + " }}";
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -85,4 +85,4 @@ $(document).ready(function() {
|
|||
|
||||
$('#page_layout_id').change(loadPartsFromLayout);
|
||||
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,80 +1,80 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
// open / close folder
|
||||
$('#pages-list ul.folder img.toggler').click(function(e) {
|
||||
var toggler = $(this);
|
||||
var children = toggler.parent().find('> ul.folder');
|
||||
if (children.is(':visible')) {
|
||||
children.slideUp('fast', function() {
|
||||
toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
|
||||
$.cookie(children.attr('id'), 'none');
|
||||
});
|
||||
} else {
|
||||
children.slideDown('fast', function() {
|
||||
toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
|
||||
$.cookie(children.attr('id'), 'block');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// sortable folder items
|
||||
$('#pages-list ul.folder').sortable({
|
||||
'handle': 'em',
|
||||
'axis': 'y',
|
||||
'update': function(event, ui) {
|
||||
var params = $(this).sortable('serialize', { 'key': 'children[]' });
|
||||
params += '&_method=put';
|
||||
|
||||
$.post($(this).attr('data_url'), params, function(data) {
|
||||
$.growl('success', data.notice);
|
||||
}, 'json');
|
||||
}
|
||||
});
|
||||
|
||||
// templatized feature
|
||||
|
||||
$.subscribe('toggle.page_templatized.checked', function(event, data) {
|
||||
$('#page_slug_input').hide();
|
||||
$('#page_content_type_id_input').show();
|
||||
}, []);
|
||||
|
||||
$.subscribe('toggle.page_templatized.unchecked', function(event, data) {
|
||||
$('#page_slug_input').show();
|
||||
$('#page_slug').val(makeSlug($('#page_title').val())).addClass('touched');
|
||||
$('#page_content_type_id_input').hide();
|
||||
}, []);
|
||||
|
||||
// automatic slug from page title
|
||||
$('#page_title').keypress(function() {
|
||||
var input = $(this);
|
||||
var slug = $('#page_slug');
|
||||
|
||||
if (!slug.hasClass('filled')) {
|
||||
setTimeout(function() {
|
||||
slug.val(makeSlug(input.val())).addClass('touched');
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
$('#page_slug').keypress(function() {
|
||||
$(this).addClass('filled').addClass('touched');
|
||||
});
|
||||
|
||||
var lookForSlugAndUrl = function() {
|
||||
params = 'parent_id=' + $('#page_parent_id').val() + "&slug=" + $('#page_slug').val();
|
||||
$.get($('#page_slug').attr('data_url'), params, function(data) {
|
||||
$('#page_slug_input .inline-hints').html(data.url).effect('highlight');
|
||||
}, 'json');
|
||||
};
|
||||
|
||||
$('#page_parent_id').change(lookForSlugAndUrl);
|
||||
|
||||
setInterval(function() {
|
||||
var slug = $('#page_slug');
|
||||
if (slug.hasClass('touched')) {
|
||||
slug.removeClass('touched');
|
||||
lookForSlugAndUrl();
|
||||
}
|
||||
}, 2000);
|
||||
|
||||
});
|
||||
|
||||
// open / close folder
|
||||
$('#pages-list ul.folder img.toggler').click(function(e) {
|
||||
var toggler = $(this);
|
||||
var children = toggler.parent().find('> ul.folder');
|
||||
if (children.is(':visible')) {
|
||||
children.slideUp('fast', function() {
|
||||
toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
|
||||
$.cookie(children.attr('id'), 'none');
|
||||
});
|
||||
} else {
|
||||
children.slideDown('fast', function() {
|
||||
toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
|
||||
$.cookie(children.attr('id'), 'block');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// sortable folder items
|
||||
$('#pages-list ul.folder').sortable({
|
||||
'handle': 'em',
|
||||
'axis': 'y',
|
||||
'update': function(event, ui) {
|
||||
var params = $(this).sortable('serialize', { 'key': 'children[]' });
|
||||
params += '&_method=put';
|
||||
|
||||
$.post($(this).attr('data_url'), params, function(data) {
|
||||
$.growl('success', data.notice);
|
||||
}, 'json');
|
||||
}
|
||||
});
|
||||
|
||||
// templatized feature
|
||||
|
||||
$.subscribe('toggle.page_templatized.checked', function(event, data) {
|
||||
$('#page_slug_input').hide();
|
||||
$('#page_content_type_id_input').show();
|
||||
}, []);
|
||||
|
||||
$.subscribe('toggle.page_templatized.unchecked', function(event, data) {
|
||||
$('#page_slug_input').show();
|
||||
$('#page_slug').val(makeSlug($('#page_title').val())).addClass('touched');
|
||||
$('#page_content_type_id_input').hide();
|
||||
}, []);
|
||||
|
||||
// automatic slug from page title
|
||||
$('#page_title').keypress(function() {
|
||||
var input = $(this);
|
||||
var slug = $('#page_slug');
|
||||
|
||||
if (!slug.hasClass('filled')) {
|
||||
setTimeout(function() {
|
||||
slug.val(makeSlug(input.val())).addClass('touched');
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
$('#page_slug').keypress(function() {
|
||||
$(this).addClass('filled').addClass('touched');
|
||||
});
|
||||
|
||||
var lookForSlugAndUrl = function() {
|
||||
params = 'parent_id=' + $('#page_parent_id').val() + "&slug=" + $('#page_slug').val();
|
||||
$.get($('#page_slug').attr('data_url'), params, function(data) {
|
||||
$('#page_slug_input .inline-hints').html(data.url).effect('highlight');
|
||||
}, 'json');
|
||||
};
|
||||
|
||||
$('#page_parent_id').change(lookForSlugAndUrl);
|
||||
|
||||
setInterval(function() {
|
||||
var slug = $('#page_slug');
|
||||
if (slug.hasClass('touched')) {
|
||||
slug.removeClass('touched');
|
||||
lookForSlugAndUrl();
|
||||
}
|
||||
}, 2000);
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,39 +1,39 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
var defaultValue = $('fieldset.editable-list li.template input[type=text]').val();
|
||||
|
||||
/* __ fields ___ */
|
||||
$('fieldset.editable-list li.template input[type=text]').focus(function() {
|
||||
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
|
||||
$(this).val('').removeClass('void');
|
||||
});
|
||||
|
||||
$('fieldset.editable-list li.template button').click(function() {
|
||||
var lastRow = $(this).parents('li.template');
|
||||
|
||||
var currentValue = lastRow.find('input.label').val();
|
||||
if (currentValue == defaultValue || currentValue == '') return;
|
||||
|
||||
var newRow = lastRow.clone(true).removeClass('template').addClass('added').insertBefore(lastRow);
|
||||
|
||||
// should copy the value of the select box
|
||||
var input = newRow.find('input.label')
|
||||
.attr('name', 'site[domains][]');
|
||||
if (lastRow.find('input.label').val() == '') input.val("undefined");
|
||||
|
||||
// then reset the form
|
||||
lastRow.find('input').val(defaultValue).addClass('void');
|
||||
lastRow.find('select').val('input');
|
||||
});
|
||||
var defaultValue = $('fieldset.editable-list li.template input[type=text]').val();
|
||||
|
||||
$('fieldset.editable-list li a.remove').click(function(e) {
|
||||
if (confirm($(this).attr('data-confirm')))
|
||||
$(this).parents('li').remove();
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$.subscribe('form.saved.success', function(event, data) {
|
||||
$('#header h1 a').html($('#current_site_name').val());
|
||||
}, []);
|
||||
});
|
||||
/* __ fields ___ */
|
||||
$('fieldset.editable-list li.template input[type=text]').focus(function() {
|
||||
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
|
||||
$(this).val('').removeClass('void');
|
||||
});
|
||||
|
||||
$('fieldset.editable-list li.template button').click(function() {
|
||||
var lastRow = $(this).parents('li.template');
|
||||
|
||||
var currentValue = lastRow.find('input.label').val();
|
||||
if (currentValue == defaultValue || currentValue == '') return;
|
||||
|
||||
var newRow = lastRow.clone(true).removeClass('template').addClass('added').insertBefore(lastRow);
|
||||
|
||||
// should copy the value of the select box
|
||||
var input = newRow.find('input.label')
|
||||
.attr('name', 'site[domains][]');
|
||||
if (lastRow.find('input.label').val() == '') input.val("undefined");
|
||||
|
||||
// then reset the form
|
||||
lastRow.find('input').val(defaultValue).addClass('void');
|
||||
lastRow.find('select').val('input');
|
||||
});
|
||||
|
||||
$('fieldset.editable-list li a.remove').click(function(e) {
|
||||
if (confirm($(this).attr('data-confirm')))
|
||||
$(this).parents('li').remove();
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$.subscribe('form.saved.success', function(event, data) {
|
||||
$('#header h1 a').html($('#current_site_name').val());
|
||||
}, []);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -19,4 +19,4 @@ $(document).ready(function() {
|
|||
return "{{ theme_images." + link.attr('data-slug') + " }}";
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -40,4 +40,4 @@ $(document).ready(function() {
|
|||
return link.attr('data-shortcut-url');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
function makeSlug(val, sep) { // code largely inspired by http://www.thewebsitetailor.com/jquery-slug-plugin/
|
||||
if (typeof val == 'undefined') return('');
|
||||
if (typeof sep == 'undefined') sep = '_';
|
||||
var alphaNumRegexp = new RegExp('[^a-zA-Z0-9\\' + sep + ']', 'g');
|
||||
var avoidDuplicateRegexp = new RegExp('[\\' + sep + ']{2,}', 'g');
|
||||
val = val.replace(/\s/g, sep);
|
||||
val = val.replace(alphaNumRegexp, '');
|
||||
val = val.replace(avoidDuplicateRegexp, sep);
|
||||
return val.toLowerCase();
|
||||
if (typeof val == 'undefined') return('');
|
||||
if (typeof sep == 'undefined') sep = '_';
|
||||
var alphaNumRegexp = new RegExp('[^a-zA-Z0-9\\' + sep + ']', 'g');
|
||||
var avoidDuplicateRegexp = new RegExp('[\\' + sep + ']{2,}', 'g');
|
||||
val = val.replace(/\s/g, sep);
|
||||
val = val.replace(alphaNumRegexp, '');
|
||||
val = val.replace(avoidDuplicateRegexp, sep);
|
||||
return val.toLowerCase();
|
||||
}
|
||||
|
||||
String.prototype.trim = function() {
|
||||
return this.replace(/^\s+/g, '').replace(/\s+$/g, '');
|
||||
}
|
||||
return this.replace(/^\s+/g, '').replace(/\s+$/g, '');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,44 +5,44 @@
|
|||
.box-wrapper { display: none; }
|
||||
|
||||
#fancybox-inner h2 {
|
||||
border-bottom:1px dotted #BBBBBD;
|
||||
color:#1E1F26;
|
||||
font-size:1.1em;
|
||||
font-weight:bold;
|
||||
padding-bottom:10px;
|
||||
border-bottom:1px dotted #BBBBBD;
|
||||
color:#1E1F26;
|
||||
font-size:1.1em;
|
||||
font-weight:bold;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic legend span {
|
||||
background-image: url("/images/admin/form/header-popup.png");
|
||||
width: 453px;
|
||||
background-image: url("/images/admin/form/header-popup.png");
|
||||
width: 453px;
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic ol {
|
||||
background-image: url("/images/admin/form/footer-popup.png");
|
||||
background-image: url("/images/admin/form/footer-popup.png");
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic fieldset ol li label {
|
||||
width: 20%;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic fieldset ol li p.inline-hints {
|
||||
margin-left: 30%;
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic .editable-list ol {
|
||||
width: 433px;
|
||||
width: 433px;
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic .editable-list li {
|
||||
width: 413px;
|
||||
width: 413px;
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic .editable-list li {
|
||||
background-image: url("/images/admin/form/item-popup.png");
|
||||
background-image: url("/images/admin/form/item-popup.png");
|
||||
}
|
||||
|
||||
#fancybox-inner form.formtastic .editable-list li.template {
|
||||
background-image: url("/images/admin/form/big_item-popup.png");
|
||||
#fancybox-inner form.formtastic .editable-list li.template {
|
||||
background-image: url("/images/admin/form/big_item-popup.png");
|
||||
}
|
||||
|
||||
#fancybox-inner p { color:#8B8D9A; font-size:0.8em; }
|
||||
|
|
@ -60,39 +60,39 @@ div.asset-picker ul li.new-asset { display: none; }
|
|||
/* ___ custom fields ___ */
|
||||
|
||||
#edit-custom-field {
|
||||
width: 473px;
|
||||
width: 473px;
|
||||
}
|
||||
|
||||
#edit-custom-field-category {
|
||||
width: 493px;
|
||||
width: 493px;
|
||||
}
|
||||
|
||||
#edit-custom-field-category .inner {
|
||||
padding: 10px 10px 61px 10px;
|
||||
padding: 10px 10px 61px 10px;
|
||||
}
|
||||
|
||||
/* ___ form action ___ */
|
||||
|
||||
#fancybox-inner .popup-actions {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
height: 61px;
|
||||
width: 100%;
|
||||
background: #8b8d9a;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
height: 61px;
|
||||
width: 100%;
|
||||
background: #8b8d9a;
|
||||
}
|
||||
|
||||
#fancybox-inner .popup-actions p {
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*#fancybox-inner .actions a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}*/
|
||||
|
||||
|
|
|
|||
|
|
@ -1,62 +1,62 @@
|
|||
.button {
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/buttons/dark-gray-left.png) no-repeat 0 0;
|
||||
padding: 0px 0px 0px 2px;
|
||||
font-size: 0.9em;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
height: 31px;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/buttons/dark-gray-left.png) no-repeat 0 0;
|
||||
padding: 0px 0px 0px 2px;
|
||||
font-size: 0.9em;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
height: 31px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.button span {
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/buttons/dark-gray-right.png) no-repeat right top;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 3px 9px 9px 4px;
|
||||
line-height: 21px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/buttons/dark-gray-right.png) no-repeat right top;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 3px 9px 9px 4px;
|
||||
line-height: 21px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
.button { padding-left: 5px; }
|
||||
.button span { top: 0px; }
|
||||
.button { padding-left: 5px; }
|
||||
.button span { top: 0px; }
|
||||
}
|
||||
|
||||
.button.light {
|
||||
background-image: url(/images/admin/buttons/light-gray-left.png);
|
||||
color: #787a89;
|
||||
background-image: url(/images/admin/buttons/light-gray-left.png);
|
||||
color: #787a89;
|
||||
}
|
||||
|
||||
.button.light span {
|
||||
background-image: url(/images/admin/buttons/light-gray-right.png);
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
background-image: url(/images/admin/buttons/light-gray-right.png);
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
}
|
||||
|
||||
.button.small {
|
||||
background: #ebedf4;
|
||||
outline: none;
|
||||
-moz-border-radius : 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
color: #787a89;
|
||||
height: 20px;
|
||||
font-size: 0.7em;
|
||||
padding: 0px 12px 0px 12px;
|
||||
color: #8B8D9A !important;
|
||||
text-decoration: none;
|
||||
color: #8B8D9A;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
background: #ebedf4;
|
||||
outline: none;
|
||||
-moz-border-radius : 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
color: #787a89;
|
||||
height: 20px;
|
||||
font-size: 0.7em;
|
||||
padding: 0px 12px 0px 12px;
|
||||
color: #8B8D9A !important;
|
||||
text-decoration: none;
|
||||
color: #8B8D9A;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
}
|
||||
|
||||
.button.small.add {
|
||||
}
|
||||
|
||||
.button.remove {
|
||||
color: #ff092c !important;
|
||||
font-size: 1.1em;
|
||||
color: #ff092c !important;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.button.remove:hover { text-decoration: underline; }
|
||||
.button.remove:hover { text-decoration: underline; }
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ html[xmlns] form.formtastic fieldset ol li { display: block; }
|
|||
form.formtastic fieldset ol li.required { }
|
||||
form.formtastic fieldset ol li.optional { }
|
||||
form.formtastic fieldset ol li.error { }
|
||||
|
||||
|
||||
|
||||
/* LABELS
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
|
@ -132,6 +132,6 @@ form.formtastic fieldset ol li.date fieldset ol li label,
|
|||
form.formtastic fieldset ol li.time fieldset ol li label,
|
||||
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }
|
||||
|
||||
form.formtastic fieldset ol li.date fieldset ol li label input,
|
||||
form.formtastic fieldset ol li.time fieldset ol li label input,
|
||||
form.formtastic fieldset ol li.date fieldset ol li label input,
|
||||
form.formtastic fieldset ol li.time fieldset ol li label input,
|
||||
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0; }
|
||||
|
|
|
|||
|
|
@ -10,29 +10,29 @@ form.formtastic fieldset ol li p.inline-hints { color:#333; }
|
|||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
form.formtastic legend {
|
||||
margin: 0;
|
||||
float: left;
|
||||
white-space: normal;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
float: left;
|
||||
white-space: normal;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
form.formtastic legend span {
|
||||
display: block;
|
||||
width: 900px;
|
||||
height: 26px;
|
||||
background: transparent url(/images/admin/form/header.png) no-repeat 0 0px;
|
||||
color: #1e1f26;
|
||||
font-size: 0.7em;
|
||||
padding: 4px 0 0 20px;
|
||||
width: 900px;
|
||||
height: 26px;
|
||||
background: transparent url(/images/admin/form/header.png) no-repeat 0 0px;
|
||||
color: #1e1f26;
|
||||
font-size: 0.7em;
|
||||
padding: 4px 0 0 20px;
|
||||
}
|
||||
|
||||
form.formtastic legend span small {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 20px;
|
||||
color: #787a89;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 20px;
|
||||
color: #787a89;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* ___ enabling fold/unfold ___ */
|
||||
|
|
@ -40,53 +40,53 @@ form.formtastic legend span small {
|
|||
form.formtastic fieldset.foldable legend span { cursor: pointer; }
|
||||
|
||||
form.formtastic fieldset.foldable legend span em {
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: 6px;
|
||||
position: relative;
|
||||
top: 8px;
|
||||
left: 10px;
|
||||
background: transparent url(/images/admin/form/folded-arrow-on.png) no-repeat 0 0px;
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: 6px;
|
||||
position: relative;
|
||||
top: 8px;
|
||||
left: 10px;
|
||||
background: transparent url(/images/admin/form/folded-arrow-on.png) no-repeat 0 0px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.foldable.folded legend span { background-image: url(/images/admin/form/folded.png); }
|
||||
form.formtastic fieldset.foldable.folded legend span em {
|
||||
width: 6px;
|
||||
height: 9px;
|
||||
top: 6px;
|
||||
background-image: url(/images/admin/form/folded-arrow-off.png);
|
||||
width: 6px;
|
||||
height: 9px;
|
||||
top: 6px;
|
||||
background-image: url(/images/admin/form/folded-arrow-off.png);
|
||||
}
|
||||
|
||||
form.formtastic fieldset.foldable ol {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.foldable.folded ol { display: none; }
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
form.formtastic fieldset.foldable legend span em { top: 0px; }
|
||||
form.formtastic fieldset.foldable.folded legend span em { top: 0px; }
|
||||
form.formtastic fieldset.foldable legend span em { top: 0px; }
|
||||
form.formtastic fieldset.foldable.folded legend span em { top: 0px; }
|
||||
}
|
||||
|
||||
/* ___ inputs ___ */
|
||||
|
||||
form.formtastic fieldset.inputs { min-height: 30px; width: 100%; margin-bottom: 20px; }
|
||||
|
||||
form.formtastic fieldset.inputs ol {
|
||||
clear: both;
|
||||
margin: 30px 0 0 0;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 5px;
|
||||
background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
|
||||
border-top: 1px solid #ccced7;
|
||||
form.formtastic fieldset.inputs ol {
|
||||
clear: both;
|
||||
margin: 30px 0 0 0;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 5px;
|
||||
background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
|
||||
border-top: 1px solid #ccced7;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
form.formtastic fieldset.inputs ol {
|
||||
margin-top: 30px;
|
||||
}
|
||||
form.formtastic fieldset.inputs ol {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li { width: 100%; position: relative; margin-bottom: 1.3em; }
|
||||
|
|
@ -98,22 +98,22 @@ form.formtastic fieldset ol li.password input,
|
|||
form.formtastic fieldset ol li.numeric input,
|
||||
form.formtastic fieldset ol li.text textarea,
|
||||
form.formtastic fieldset ol li code textarea,
|
||||
form.formtastic fieldset ol li input[type=password] {
|
||||
padding: 4px;
|
||||
font-size: 0.9em;
|
||||
width: 45%;
|
||||
color: #787a89;
|
||||
background: white url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 1px solid #a6a8b8;
|
||||
form.formtastic fieldset ol li input[type=password] {
|
||||
padding: 4px;
|
||||
font-size: 0.9em;
|
||||
width: 45%;
|
||||
color: #787a89;
|
||||
background: white url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 1px solid #a6a8b8;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li p.inline-hints { margin-left: 20%; }
|
||||
form.formtastic fieldset ol li p.inline-hints { margin-left: 20%; }
|
||||
form.formtastic fieldset ol li p.inline-hints a { color: #1f82bc; }
|
||||
|
||||
form.formtastic fieldset ol li code { display: block; border: 1px solid #a6a8b8; margin: 10px 20px 0 20px; }
|
||||
form.formtastic fieldset ol li code.nude textarea {
|
||||
width: 870px;
|
||||
border: 0px;
|
||||
width: 870px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/*form.formtastic fieldset ol li code.html iframe { width: 46% !important; }*/
|
||||
|
|
@ -125,25 +125,25 @@ form.formtastic fieldset ol li.error textarea,
|
|||
form.formtastic fieldset ol li.error code iframe { border: 2px solid #ec3f48 !important; }
|
||||
form.formtastic fieldset ol li.error code { border: none; }
|
||||
form.formtastic fieldset ol li p.inline-errors {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 630px;
|
||||
width: 250px;
|
||||
margin: 0px;
|
||||
padding: 6px 5px 8px 25px;
|
||||
background: #ec3f48 url(/images/admin/form/error-arrow.png) no-repeat 0 0;
|
||||
color: #fff !important;
|
||||
font-size: 0.7em !important;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 630px;
|
||||
width: 250px;
|
||||
margin: 0px;
|
||||
padding: 6px 5px 8px 25px;
|
||||
background: #ec3f48 url(/images/admin/form/error-arrow.png) no-repeat 0 0;
|
||||
color: #fff !important;
|
||||
font-size: 0.7em !important;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.code p.inline-errors {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 4px 16px 0 0;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
background-image: none;
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 4px 16px 0 0;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol .more { text-align: right; width: auto; margin: 10px 20px 0 0; line-height: 0.6em; }
|
||||
|
|
@ -155,24 +155,24 @@ form.formtastic fieldset ol .more a:hover { text-decoration: underline; }
|
|||
/*form.formtastic fieldset.buttons { padding-left: 28%; padding-bottom: 20px; }*/
|
||||
|
||||
form.formtastic div.actions {
|
||||
position: relative;
|
||||
top: 27px;
|
||||
left: -15px;
|
||||
width: 950px;
|
||||
background: #8b8d9a;
|
||||
position: relative;
|
||||
top: 27px;
|
||||
left: -15px;
|
||||
width: 950px;
|
||||
background: #8b8d9a;
|
||||
}
|
||||
|
||||
form.formtastic div.actions p {
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
form.formtastic div.actions a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
form.formtastic div.actions p a:hover { text-decoration: underline; }
|
||||
|
|
@ -183,60 +183,60 @@ form.formtastic div.actions .last p { text-align: right; }
|
|||
/* ___ pages ___ */
|
||||
|
||||
form.formtastic fieldset ol li.path em {
|
||||
font-size: 0.8em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.path input {
|
||||
background: transparent;
|
||||
padding: 4px 4px 2px 4px;
|
||||
border: none;
|
||||
color: #787a89;
|
||||
border-bottom: 1px solid #b5b7c4;
|
||||
width: 30%;
|
||||
background: transparent;
|
||||
padding: 4px 4px 2px 4px;
|
||||
border: none;
|
||||
color: #787a89;
|
||||
border-bottom: 1px solid #b5b7c4;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.path.error input {
|
||||
border: none !important;
|
||||
border-bottom: 2px solid #ff092c !important;
|
||||
border: none !important;
|
||||
border-bottom: 2px solid #ff092c !important;
|
||||
}
|
||||
|
||||
/* ___ sites ___ */
|
||||
|
||||
form.formtastic fieldset ol li.item {
|
||||
position: relative;
|
||||
background: transparent url(/images/admin/form/item.png) no-repeat 0 0;
|
||||
height: 25px;
|
||||
width: 861px;
|
||||
margin: 0px 0px 10px 20px;
|
||||
padding: 3px 10px;
|
||||
position: relative;
|
||||
background: transparent url(/images/admin/form/item.png) no-repeat 0 0;
|
||||
height: 25px;
|
||||
width: 861px;
|
||||
margin: 0px 0px 10px 20px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.item strong {
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
color: #17171d;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
color: #17171d;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.item strong a {
|
||||
color: #17171d;
|
||||
text-decoration: none;
|
||||
color: #17171d;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.item strong a:hover { text-decoration: underline; }
|
||||
|
||||
form.formtastic fieldset ol li.item em {
|
||||
margin-left: 10px;
|
||||
font-size: 0.7em;
|
||||
color: #757575;
|
||||
margin-left: 10px;
|
||||
font-size: 0.7em;
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
form.formtastic fieldset ol li.item span.actions {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
width: 50px;
|
||||
height: 16px;
|
||||
text-align:right;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
width: 50px;
|
||||
height: 16px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
/* ___ editable-list (content type fields and validations) ___ */
|
||||
|
|
@ -246,151 +246,151 @@ form.formtastic fieldset.editable-list ol { padding-left: 20px; padding-right: 2
|
|||
form.formtastic fieldset.editable-list ol li { margin-left: 0px !important; }
|
||||
|
||||
form.formtastic fieldset.editable-list ol li span.handle {
|
||||
cursor: move;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
cursor: move;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added span.actions a.remove {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added span.actions button {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added select {
|
||||
display: none;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
display: none;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added em {
|
||||
color: #8b8d9a;
|
||||
font-size: 0.9em;
|
||||
font-style: italic;
|
||||
margin-left: 3px;
|
||||
color: #8b8d9a;
|
||||
font-size: 0.9em;
|
||||
font-style: italic;
|
||||
margin-left: 3px;
|
||||
}
|
||||
form.formtastic fieldset.editable-list ol li.added em { border: 1px solid transparent; padding: 2px 5px; }
|
||||
form.formtastic fieldset.editable-list ol li.added em:hover {
|
||||
background: #fffbe5;
|
||||
border: 1px dotted #efe4a5;
|
||||
cursor: pointer;
|
||||
color: #17171D;
|
||||
font-weight: bold;
|
||||
background: #fffbe5;
|
||||
border: 1px dotted #efe4a5;
|
||||
cursor: pointer;
|
||||
color: #17171D;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added input {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
padding: 1px 5px 2px 5px;
|
||||
color: #17171D;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
padding: 1px 5px 2px 5px;
|
||||
color: #17171D;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added input:hover {
|
||||
background: #fffbe5;
|
||||
border: 1px dotted #efe4a5;
|
||||
cursor: pointer;
|
||||
background: #fffbe5;
|
||||
border: 1px dotted #efe4a5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added input:focus {
|
||||
font-size: 0.9em;
|
||||
font-weight: normal;
|
||||
color: #787a89;
|
||||
background: white url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 1px solid #a6a8b8;
|
||||
font-size: 0.9em;
|
||||
font-weight: normal;
|
||||
color: #787a89;
|
||||
background: white url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 1px solid #a6a8b8;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.added .inline-errors {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 2px 3px;
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 2px 3px;
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template {
|
||||
height: 42px;
|
||||
background-image: url(/images/admin/form/big_item.png);
|
||||
padding-top: 10px;
|
||||
height: 42px;
|
||||
background-image: url(/images/admin/form/big_item.png);
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template input {
|
||||
display: inline;
|
||||
margin-left: 10px;
|
||||
padding: 4px;
|
||||
font-size: 0.9em;
|
||||
width: 180px;
|
||||
color: #787a89;
|
||||
background: white url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 1px solid #a6a8b8;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
display: inline;
|
||||
margin-left: 10px;
|
||||
padding: 4px;
|
||||
font-size: 0.9em;
|
||||
width: 180px;
|
||||
color: #787a89;
|
||||
background: white url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 1px solid #a6a8b8;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template select {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template span.handle {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template span.actions {
|
||||
width: auto;
|
||||
top: 10px;
|
||||
width: auto;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template span.actions a.edit {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template span.actions a.remove {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template span.actions button {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.editable-list ol li.template span.actions button span {
|
||||
font-size: 0.8em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/* ___ editable-list (content type validations) ___ */
|
||||
|
||||
form.formtastic fieldset.validations ol li.added em.key {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 1px 5px 2px 5px;
|
||||
color: #17171D;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
margin-left: 5px;
|
||||
width: 180px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 1px 5px 2px 5px;
|
||||
color: #17171D;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
margin-left: 5px;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* ___ content instance ___ */
|
||||
|
||||
form.content_instance fieldset ol li.text textarea {
|
||||
width: 75%;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
form.content_instance fieldset ol li.file p {
|
||||
margin: 5px 0 0 20%;
|
||||
margin: 5px 0 0 20%;
|
||||
}
|
||||
|
||||
form.content_instance fieldset ol li.file p a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
form.content_instance fieldset ol li.file p a:hover { text-decoration: underline; }
|
||||
|
|
@ -398,45 +398,45 @@ form.content_instance fieldset ol li.file p a:hover { text-decoration: underline
|
|||
/* ___ my account ___ */
|
||||
|
||||
form.formtastic fieldset.language li.full span {
|
||||
margin: 0 20px;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
margin: 0 20px;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.language li.full span img {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
form.formtastic fieldset.language li.full span img {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.language li.full span input {
|
||||
margin-left: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/* ___ membership ___ */
|
||||
|
||||
form.formtastic fieldset.email li.full input {
|
||||
margin-left: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* ___ assets ___ */
|
||||
|
||||
.selector {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.selector span.alt {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 20px;
|
||||
color: #787a89;
|
||||
font-size: 0.7em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 20px;
|
||||
color: #787a89;
|
||||
font-size: 0.7em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
form.formtastic fieldset.file li.full input {
|
||||
margin-left: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.file li.full p.inline-errors { display: block !important; }
|
||||
|
|
@ -447,17 +447,17 @@ form.formtastic fieldset.preview { position: relative; }
|
|||
form.formtastic fieldset.preview li { text-align: center; position: static; }
|
||||
|
||||
form.formtastic fieldset.preview li .image {
|
||||
width: 870px;
|
||||
margin: 10px 20px 0px 20px;
|
||||
border: 4px solid white;
|
||||
background: transparent url(/images/admin/list/empty.png) repeat 0 0;
|
||||
overflow: hidden;
|
||||
width: 870px;
|
||||
margin: 10px 20px 0px 20px;
|
||||
border: 4px solid white;
|
||||
background: transparent url(/images/admin/list/empty.png) repeat 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.preview li .inside {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
form.formtastic fieldset.preview li img { }
|
||||
|
|
@ -466,25 +466,25 @@ form.formtastic fieldset.preview li img { }
|
|||
/* ___ main error message ___ */
|
||||
|
||||
div.form-errors p {
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.formError {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
display: inline;
|
||||
background: #CE2525 url(/images/admin/left_arrow_red.png) no-repeat 0px center;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding: 3px 10px 3px 20px;
|
||||
margin-left: 10px;
|
||||
div.formError {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
display: inline;
|
||||
background: #CE2525 url(/images/admin/left_arrow_red.png) no-repeat 0px center;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding: 3px 10px 3px 20px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
div.fieldWithErrors { display: inline; }
|
||||
|
|
|
|||
|
|
@ -1,139 +1,139 @@
|
|||
body {
|
||||
background: #000 url(/images/admin/background/body.png) repeat 0 0;
|
||||
/* font-family: Arial,Helvetica,sans-serif;*/
|
||||
font-size: 1em;
|
||||
body {
|
||||
background: #000 url(/images/admin/background/body.png) repeat 0 0;
|
||||
/* font-family: Arial,Helvetica,sans-serif;*/
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 966px;
|
||||
width: 966px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background: transparent url(/images/admin/background/light.png) repeat-x 0 0;
|
||||
background: transparent url(/images/admin/background/light.png) repeat-x 0 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: relative;
|
||||
padding-top: 20px;
|
||||
position: relative;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#header h1 a {
|
||||
font-size: 0.5em;
|
||||
color: #f0f0f0;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
text-decoration: none;
|
||||
margin-left: 8px;
|
||||
font-size: 0.5em;
|
||||
color: #f0f0f0;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
text-decoration: none;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
#search-bar {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0px;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#global-actions-bar {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
right: 8px;
|
||||
color: #8b8d9a;
|
||||
font-size: 0.7em;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
right: 8px;
|
||||
color: #8b8d9a;
|
||||
font-size: 0.7em;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
#global-actions-bar a {
|
||||
color: #1F82BC;
|
||||
text-decoration: none;
|
||||
color: #1F82BC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#global-actions-bar a:hover { text-decoration: underline; }
|
||||
|
||||
#global-actions-bar span {
|
||||
font-size: 0.9em;
|
||||
color: #999;
|
||||
margin: 0 1px;
|
||||
/* text-shadow: 1px 1px 1px #000;*/
|
||||
font-size: 0.9em;
|
||||
color: #999;
|
||||
margin: 0 1px;
|
||||
/* text-shadow: 1px 1px 1px #000;*/
|
||||
}
|
||||
|
||||
#content {
|
||||
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
|
||||
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
|
||||
}
|
||||
|
||||
#content div.inner {
|
||||
margin: 0px 8px;
|
||||
padding: 10px 15px 20px 15px;
|
||||
background: white;
|
||||
min-height: 150px;
|
||||
position: relative;
|
||||
margin: 0px 8px;
|
||||
padding: 10px 15px 20px 15px;
|
||||
background: white;
|
||||
min-height: 150px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#content div.inner h2 {
|
||||
padding-bottom: 10px;
|
||||
font-size: 1.3em;
|
||||
font-weight: bold;
|
||||
color: #1e1f26;
|
||||
border-bottom: 1px dotted #bbbbbd;
|
||||
padding-bottom: 10px;
|
||||
font-size: 1.3em;
|
||||
font-weight: bold;
|
||||
color: #1e1f26;
|
||||
border-bottom: 1px dotted #bbbbbd;
|
||||
}
|
||||
|
||||
#content div.inner h2 a.editable {
|
||||
padding: 2px 25px 2px 6px;
|
||||
text-decoration: none;
|
||||
color: #1e1f26;
|
||||
outline: none;
|
||||
#content div.inner h2 a.editable {
|
||||
padding: 2px 25px 2px 6px;
|
||||
text-decoration: none;
|
||||
color: #1e1f26;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#content div.inner h2 a.editable:hover {
|
||||
background: #fffbe5 url(/images/admin/form/pen.png) no-repeat right 5px;
|
||||
border-bottom: 1px dotted #efe4a5;
|
||||
background: #fffbe5 url(/images/admin/form/pen.png) no-repeat right 5px;
|
||||
border-bottom: 1px dotted #efe4a5;
|
||||
}
|
||||
|
||||
#content div.inner h3 {
|
||||
background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
color: #1e1f26;
|
||||
padding: 7px 0 10px 20px;
|
||||
background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
color: #1e1f26;
|
||||
padding: 7px 0 10px 20px;
|
||||
}
|
||||
|
||||
#content div.inner p {
|
||||
color: #8b8d9a;
|
||||
font-size: 0.8em;
|
||||
color: #8b8d9a;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#content #local-actions-bar {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 15px;
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
#content #local-actions-bar a {
|
||||
position: relative;
|
||||
padding: 2px 10px 3px 31px;
|
||||
color: #8b8d9a;
|
||||
text-decoration: none;
|
||||
font-size: 0.7em;
|
||||
margin-left: 10px;
|
||||
background-color: #ebedf4;
|
||||
outline: none;
|
||||
-moz-border-radius : 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
position: relative;
|
||||
padding: 2px 10px 3px 31px;
|
||||
color: #8b8d9a;
|
||||
text-decoration: none;
|
||||
font-size: 0.7em;
|
||||
margin-left: 10px;
|
||||
background-color: #ebedf4;
|
||||
outline: none;
|
||||
-moz-border-radius : 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
}
|
||||
|
||||
#content #local-actions-bar a em {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 5px;
|
||||
left: 10px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background: transparent url(/images/admin/icons/actions.png) no-repeat 0 0;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 5px;
|
||||
left: 10px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background: transparent url(/images/admin/icons/actions.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
#content #local-actions-bar a em { top: 4px; }
|
||||
#content #local-actions-bar a em { top: 4px; }
|
||||
}
|
||||
|
||||
#content #local-actions-bar a.show em { background-position: 0 0; }
|
||||
|
|
@ -146,23 +146,23 @@ body {
|
|||
/* ___ footer ___ */
|
||||
|
||||
#footer {
|
||||
padding-top: 10px;
|
||||
background: transparent url(/images/admin/background/footer.png) no-repeat 0 0;
|
||||
padding-top: 10px;
|
||||
background: transparent url(/images/admin/background/footer.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
padding: 15px 8px 0 0;
|
||||
font-size: 0.8em;
|
||||
color: #E6E6E6;
|
||||
padding: 15px 8px 0 0;
|
||||
font-size: 0.8em;
|
||||
color: #E6E6E6;
|
||||
}
|
||||
|
||||
#footer p a {
|
||||
color: #1F82BC;
|
||||
text-decoration: none;
|
||||
color: #1F82BC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#footer p a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ___ Alignements ___ */
|
||||
|
|
|
|||
|
|
@ -1,141 +1,141 @@
|
|||
body { background: #000 url(/images/admin/background/body.png) repeat 0 0; }
|
||||
body { background: #000 url(/images/admin/background/body.png) repeat 0 0; }
|
||||
|
||||
#wrapper {
|
||||
background: transparent url(/images/admin/login/wrapper_bg.png) repeat-x 0 0;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#light {
|
||||
background: transparent url(/images/admin/login/light_bg.png) no-repeat center 0;
|
||||
min-height: 400px;
|
||||
padding-top: 100px;
|
||||
#wrapper {
|
||||
background: transparent url(/images/admin/login/wrapper_bg.png) repeat-x 0 0;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background: transparent url(/images/admin/login/top_panel_bg.png) no-repeat center 0;
|
||||
width: 356px;
|
||||
height: 344px;
|
||||
padding: 9px 0px 0 0px;
|
||||
#light {
|
||||
background: transparent url(/images/admin/login/light_bg.png) no-repeat center 0;
|
||||
min-height: 400px;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background: transparent url(/images/admin/login/top_panel_bg.png) no-repeat center 0;
|
||||
width: 356px;
|
||||
height: 344px;
|
||||
padding: 9px 0px 0 0px;
|
||||
}
|
||||
|
||||
#panel h1 {
|
||||
height: 41px;
|
||||
margin: 0px;
|
||||
padding: 20px 0px 0 0;
|
||||
font-size: 1.8em;
|
||||
color: white;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
height: 41px;
|
||||
margin: 0px;
|
||||
padding: 20px 0px 0 0;
|
||||
font-size: 1.8em;
|
||||
color: white;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
#panel .inner {
|
||||
background: transparent url(/images/admin/login/content_panel_bg.png) repeat-y center 0;
|
||||
padding: 5px 0px 20px 0px;
|
||||
background: transparent url(/images/admin/login/content_panel_bg.png) repeat-y center 0;
|
||||
padding: 5px 0px 20px 0px;
|
||||
}
|
||||
|
||||
#panel fieldset {
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#panel fieldset ol {
|
||||
width: 260px;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
margin: 0px auto 0 auto;
|
||||
width: 260px;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
margin: 0px auto 0 auto;
|
||||
}
|
||||
|
||||
#panel fieldset ol li {
|
||||
margin-top: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#panel fieldset ol li label {
|
||||
display: block;
|
||||
font-size: 1.2em;
|
||||
color: #222;
|
||||
display: block;
|
||||
font-size: 1.2em;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
#panel fieldset ol li input {
|
||||
background: white url(/images/admin/login/input_bg.png) no-repeat 0 0;
|
||||
width: 246px;
|
||||
padding: 7px;
|
||||
border: 0px;
|
||||
font-size: 1.2em;
|
||||
color: #222;
|
||||
background: white url(/images/admin/login/input_bg.png) no-repeat 0 0;
|
||||
width: 246px;
|
||||
padding: 7px;
|
||||
border: 0px;
|
||||
font-size: 1.2em;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
#panel fieldset ol li p.inline-errors {
|
||||
padding: 3px 5px;
|
||||
margin: 5px 0px;
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
padding: 3px 5px;
|
||||
margin: 5px 0px;
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
}
|
||||
|
||||
#panel p.link {
|
||||
margin: 15px 0 0 49px;
|
||||
margin: 15px 0 0 49px;
|
||||
}
|
||||
|
||||
#panel p.link a {
|
||||
color: #1f82bc;
|
||||
text-decoration: none;
|
||||
color: #1f82bc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#panel p.link a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#panel div.footer {
|
||||
background: transparent url(/images/admin/login/bottom_panel_bg.png) no-repeat center 0;
|
||||
text-align: right;
|
||||
margin: 0px 0px 0 0px;
|
||||
padding: 22px 0;
|
||||
background: transparent url(/images/admin/login/bottom_panel_bg.png) no-repeat center 0;
|
||||
text-align: right;
|
||||
margin: 0px 0px 0 0px;
|
||||
padding: 22px 0;
|
||||
}
|
||||
|
||||
#panel div.footer .button {
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/login/buttons/left_bg.png) no-repeat 0 0;
|
||||
margin: 0 38px 0 0;
|
||||
padding: 0px 0px 0px 2px;
|
||||
font-size: 1.1em;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
height: 31px;
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/login/buttons/left_bg.png) no-repeat 0 0;
|
||||
margin: 0 38px 0 0;
|
||||
padding: 0px 0px 0px 2px;
|
||||
font-size: 1.1em;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
#panel div.footer .button span {
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/login/buttons/right_bg.png) no-repeat right top;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 3px 9px 9px 4px;
|
||||
line-height: 21px;
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/login/buttons/right_bg.png) no-repeat right top;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 3px 9px 9px 4px;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
#panel div.footer .button { padding-left: 5px; }
|
||||
#panel div.footer .button span { top: 0px; padding-right: 10px; }
|
||||
#panel div.footer .button { padding-left: 5px; }
|
||||
#panel div.footer .button span { top: 0px; padding-right: 10px; }
|
||||
}
|
||||
|
||||
/* ___ Messages ___ */
|
||||
|
||||
div.application-message {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
padding: 8px;
|
||||
margin: 10px 20px 0 20px;
|
||||
text-align: justify;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
padding: 8px;
|
||||
margin: 10px 20px 0 20px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
div#flash-alert {
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
div#flash-alert {
|
||||
background: #FFE5E5;
|
||||
color: #CE2525;
|
||||
}
|
||||
|
||||
div#flash-notice {
|
||||
background: #c7ff99;
|
||||
color: #58852b;
|
||||
background: #c7ff99;
|
||||
color: #58852b;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,40 +1,40 @@
|
|||
/* ___ menu ___ */
|
||||
|
||||
ul#menu {
|
||||
list-style: none;
|
||||
margin: 20px 0 0 0px;
|
||||
padding: 0px;
|
||||
background: transparent url(/images/admin/menu/gray-border.png) no-repeat 0 bottom;
|
||||
height: 41px;
|
||||
list-style: none;
|
||||
margin: 20px 0 0 0px;
|
||||
padding: 0px;
|
||||
background: transparent url(/images/admin/menu/gray-border.png) no-repeat 0 bottom;
|
||||
height: 41px;
|
||||
}
|
||||
|
||||
body.assets ul#menu { background-image: url(/images/admin/menu/green-border.png); }
|
||||
body.settings ul#menu { background-image: url(/images/admin/menu/blue-border.png); }
|
||||
|
||||
ul#menu li {
|
||||
float: left;
|
||||
height: 40px;
|
||||
float: left;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
ul#menu li a {
|
||||
display: inline-block;
|
||||
padding: 13px 55px 7px 5px;
|
||||
margin-left: 15px;
|
||||
text-decoration: none;
|
||||
color: #787a89;
|
||||
text-shadow: 1px 1px 1px #c5cfd1;
|
||||
font-size: 0.8em;
|
||||
outline: none;
|
||||
height: 19px;
|
||||
display: inline-block;
|
||||
padding: 13px 55px 7px 5px;
|
||||
margin-left: 15px;
|
||||
text-decoration: none;
|
||||
color: #787a89;
|
||||
text-shadow: 1px 1px 1px #c5cfd1;
|
||||
font-size: 0.8em;
|
||||
outline: none;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
ul#menu li a em {
|
||||
display: inline-block;
|
||||
width: 15px;
|
||||
height: 12px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
margin-right: 4px;
|
||||
ul#menu li a em {
|
||||
display: inline-block;
|
||||
width: 15px;
|
||||
height: 12px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -75,84 +75,84 @@ ul#menu li.clear { float: none; height: 1px; }
|
|||
/* ___ submenu ___ */
|
||||
|
||||
#submenu {
|
||||
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#submenu div.action {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 22px;
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 22px;
|
||||
}
|
||||
|
||||
#submenu div.action a {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 20px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 0.7em;
|
||||
padding-left: 26px;
|
||||
background: transparent url(../../images/admin/buttons/add-left.png) no-repeat 0 0;
|
||||
outline: none;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 20px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 0.7em;
|
||||
padding-left: 26px;
|
||||
background: transparent url(../../images/admin/buttons/add-left.png) no-repeat 0 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#submenu div.action a:hover span { text-decoration: underline; }
|
||||
|
||||
#submenu div.action a span {
|
||||
display: inline-block;
|
||||
height: 13px;
|
||||
background: transparent url(../../images/admin/buttons/add-right.png) no-repeat right 0;
|
||||
padding: 1px 12px 10px 0px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
display: inline-block;
|
||||
height: 13px;
|
||||
background: transparent url(../../images/admin/buttons/add-right.png) no-repeat right 0;
|
||||
padding: 1px 12px 10px 0px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
#submenu > ul {
|
||||
width: 950px;
|
||||
height: 46px;
|
||||
list-style: none;
|
||||
margin: 0px 8px 0 8px;
|
||||
padding: 14px 0 0 0px;
|
||||
clear: both;
|
||||
width: 950px;
|
||||
height: 46px;
|
||||
list-style: none;
|
||||
margin: 0px 8px 0 8px;
|
||||
padding: 14px 0 0 0px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#submenu > ul > li {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: 8px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: 8px;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
#submenu > ul > li > a {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 31px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
padding-left: 15px;
|
||||
background: transparent url(../../images/admin/buttons/emboss-left.png) no-repeat 0 0;
|
||||
outline: none;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 31px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
padding-left: 15px;
|
||||
background: transparent url(../../images/admin/buttons/emboss-left.png) no-repeat 0 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#submenu > ul > li > a span {
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
background: transparent url(../../images/admin/buttons/emboss-right.png) no-repeat right 0;
|
||||
padding: 4px 28px 10px 0px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
background: transparent url(../../images/admin/buttons/emboss-right.png) no-repeat right 0;
|
||||
padding: 4px 28px 10px 0px;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
#submenu > ul > li.links a span em {
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/menu/arrow.png) no-repeat 0 0;
|
||||
width: 16px;
|
||||
height: 9px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
display: inline-block;
|
||||
background: transparent url(/images/admin/menu/arrow.png) no-repeat 0 0;
|
||||
width: 16px;
|
||||
height: 9px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
#submenu > ul > li.on a { background-position: 0 -31px; }
|
||||
|
|
@ -180,62 +180,62 @@ body.settings #submenu > ul { background: transparent url(/images/admin/menu/blu
|
|||
|
||||
/* ___ popup ___ */
|
||||
|
||||
#submenu .popup {
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
margin-left: -4px;
|
||||
width: 305px;
|
||||
background: transparent url(/images/admin/menu/popup-footer.png) no-repeat 0 bottom;
|
||||
padding-bottom: 25px;
|
||||
#submenu .popup {
|
||||
z-index: 998;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
margin-left: -4px;
|
||||
width: 305px;
|
||||
background: transparent url(/images/admin/menu/popup-footer.png) no-repeat 0 bottom;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
#submenu .popup a { color: #1f82bc; text-decoration: none; }
|
||||
#submenu .popup a:hover { text-decoration: underline; }
|
||||
|
||||
#submenu .popup .header {
|
||||
background: transparent url(/images/admin/menu/popup-header.png) no-repeat 0 0;
|
||||
width: 100%;
|
||||
background: transparent url(/images/admin/menu/popup-header.png) no-repeat 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#submenu .popup .header p { margin: 0px 15px; padding: 10px 0 0 0px; }
|
||||
#submenu .popup .header p a {
|
||||
font-size: 0.8em;
|
||||
background: transparent url(/images/admin/menu/icons/add.png) no-repeat left 4px;
|
||||
padding-left: 12px;
|
||||
font-size: 0.8em;
|
||||
background: transparent url(/images/admin/menu/icons/add.png) no-repeat left 4px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
#submenu .popup .inner {
|
||||
background: transparent url(/images/admin/menu/popup-body.png) repeat-y 0 0;
|
||||
padding: 6px 15px 0px 15px;
|
||||
background: transparent url(/images/admin/menu/popup-body.png) repeat-y 0 0;
|
||||
padding: 6px 15px 0px 15px;
|
||||
}
|
||||
|
||||
#submenu .popup .inner h2 {
|
||||
font-size: 0.7em;
|
||||
font-weight: bold;
|
||||
color: #1e1f26;
|
||||
border-top: 1px dotted #bbbbbd;
|
||||
padding-top: 6px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 0.7em;
|
||||
font-weight: bold;
|
||||
color: #1e1f26;
|
||||
border-top: 1px dotted #bbbbbd;
|
||||
padding-top: 6px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#submenu .popup .inner ul {
|
||||
list-style-image: url(/images/admin/menu/icons/bullet.png);
|
||||
margin: 0px 0px 0 15px;
|
||||
list-style-image: url(/images/admin/menu/icons/bullet.png);
|
||||
margin: 0px 0px 0 15px;
|
||||
}
|
||||
|
||||
#submenu .popup .inner ul li {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#submenu .popup .inner ul li a {
|
||||
font-size: 0.7em;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
#submenu .popup .inner ul li span {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 15px;
|
||||
color: #8b8d9a;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 15px;
|
||||
color: #8b8d9a;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,67 +1,67 @@
|
|||
#page-parts .wrapper {
|
||||
background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
|
||||
width: 880px;
|
||||
padding: 20px 20px;
|
||||
border-top: 1px solid #ccced7;
|
||||
background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
|
||||
width: 880px;
|
||||
padding: 20px 20px;
|
||||
border-top: 1px solid #ccced7;
|
||||
}
|
||||
|
||||
#page-parts {
|
||||
background: transparent url(/images/admin/form/header.png) no-repeat 0 0;
|
||||
#page-parts {
|
||||
background: transparent url(/images/admin/form/header.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
#page-parts .control {
|
||||
height: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#page-parts .nav {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
z-index: 990;
|
||||
#page-parts .nav {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
z-index: 990;
|
||||
}
|
||||
|
||||
#page-parts .nav a {
|
||||
float: left;
|
||||
display: block;
|
||||
height: 30px;
|
||||
padding: 0px 0px 0 11px;
|
||||
color: #8b8d9a;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
float: left;
|
||||
display: block;
|
||||
height: 30px;
|
||||
padding: 0px 0px 0 11px;
|
||||
color: #8b8d9a;
|
||||
text-decoration: none;
|
||||
font-size: 0.8em;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#page-parts .nav a span {
|
||||
display: inline-block;
|
||||
height: 26px;
|
||||
padding: 4px 11px 0 0px;
|
||||
display: inline-block;
|
||||
height: 26px;
|
||||
padding: 4px 11px 0 0px;
|
||||
}
|
||||
|
||||
#page-parts .nav a:first-child { padding-left: 22px; }
|
||||
#page-parts .nav a:first-child span { padding-right: 13px; }
|
||||
|
||||
#page-parts .nav a.on {
|
||||
color: #1e1f26;
|
||||
font-weight: bold;
|
||||
background: transparent url(/images/admin/form/header-left-on.png) no-repeat 0 0;
|
||||
color: #1e1f26;
|
||||
font-weight: bold;
|
||||
background: transparent url(/images/admin/form/header-left-on.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
#page-parts .nav a.on span {
|
||||
background: transparent url(/images/admin/form/header-right-on.png) no-repeat right 0;
|
||||
background: transparent url(/images/admin/form/header-right-on.png) no-repeat right 0;
|
||||
}
|
||||
|
||||
#page-parts .nav a:first-child.on {
|
||||
background: transparent url(/images/admin/form/header-first-on.png) no-repeat 0 0;
|
||||
background: transparent url(/images/admin/form/header-first-on.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
#page-parts .wslide-wrap {
|
||||
border: 1px solid #a6a8b8;
|
||||
border: 1px solid #a6a8b8;
|
||||
}
|
||||
|
||||
#page-parts code { display: block; background: white; height: 400px; }
|
||||
#page-parts code textarea {
|
||||
width: 880px;
|
||||
height: 400px;
|
||||
background: transparent url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 0px;
|
||||
}
|
||||
#page-parts code textarea {
|
||||
width: 880px;
|
||||
height: 400px;
|
||||
background: transparent url(/images/admin/form/field.png) repeat-x 0 0;
|
||||
border: 0px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue