Might as well clean up spaces on js and css too.

This commit is contained in:
Jacques Crocker 2010-07-23 13:20:09 -07:00
parent a09329c030
commit 29f2b58731
22 changed files with 1066 additions and 1066 deletions

View File

@ -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());
}, []);
});

View File

@ -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;
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 });
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');
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();
});
// 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');
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();
// 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();
// 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');
// editable title (page, ...etc)
$('#content h2 a.editable').each(function() {
var target = $('#' + $(this).attr('rel')),
hint = $(this).attr('title');
target.parent().hide();
target.parent().hide();
$(this).click(function(event) {
var newValue = prompt(hint, $(this).html());
if (newValue && newValue != '') {
$(this).html(newValue);
target.val(newValue);
}
event.preventDefault();
});
});
$(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>&nbsp;</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'); });
});
// foldable
$('.formtastic fieldset.foldable legend span').append('<em>&nbsp;</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 checkboxes
$('.formtastic li.toggle input[type=checkbox]').checkToggle();
// nifty code editor
$('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); });
// nifty code editor
$('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); });
});

View File

@ -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');
// 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);
}
});
if (!slug.hasClass('filled')) {
setTimeout(function() {
slug.val(input.val().replace(/\s/g, '_').toLowerCase());
}, 50);
}
});
$('#asset_collection_slug').keypress(function() { $(this).addClass('filled'); });
$('#asset_collection_slug').keypress(function() { $(this).addClass('filled'); });
// sortable assets
// 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 || '');
}
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').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();
$('ul.assets.sortable li div.actions a.remove').click(function(e) {
if (confirm($(this).attr('data-confirm'))) {
$(this).parents('li').remove();
updateAssetsOrder();
updateAssetsOrder();
if ($('ul.assets li.asset').size() == 0) $('p.no-items').show();
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();
});
$('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();
});
});

View File

@ -1,5 +1,5 @@
$(document).ready(function() {
$('textarea.html').tinymce(TinyMceDefaultSettings);
$('textarea.html').tinymce(TinyMceDefaultSettings);
});

View File

@ -1,16 +1,16 @@
$(document).ready(function() {
// automatic slug from name
$('#content_type_name').keypress(function() {
var input = $(this);
var slug = $('#content_type_slug');
// 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);
}
});
if (!slug.hasClass('filled')) {
setTimeout(function() {
slug.val(makeSlug(input.val()));
}, 50);
}
});
$('#content_type_slug').keypress(function() { $(this).addClass('filled'); });
$('#content_type_slug').keypress(function() { $(this).addClass('filled'); });
});

View File

@ -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(); }
});
$('ul#contents-list.sortable').sortable({
handle: 'em',
items: 'li.content',
stop: function(event, ui) { updateContentsOrder(); }
});
$('textarea.html').tinymce(TinyMceDefaultSettings);
$('textarea.html').tinymce(TinyMceDefaultSettings);
$.datepicker.setDefaults($.datepicker.regional[I18nLocale]);
$('input[type=text].date').datepicker($.datepicker.regional[I18nLocale]);
$.datepicker.setDefaults($.datepicker.regional[I18nLocale]);
$('input[type=text].date').datepicker($.datepicker.regional[I18nLocale]);
});

View File

@ -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');
});
$('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 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);
});
}
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); });
/* __ 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); });
select.prev().click(function() {
$(this).hide();
select.show();
});
});
select.prev().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');
});
$('fieldset.fields li.template input[type=text]').focus(function() {
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
$(this).val('').removeClass('void');
});
$('fieldset.fields li.template button').click(function() {
var lastRow = $(this).parents('li.template');
$('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 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);
var newRow = lastRow.clone(true).removeClass('template').addClass('added new').insertBefore(lastRow);
var dateFragment = '[' + new Date().getTime() + ']';
newRow.find('input, select').each(function(index) {
$(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
});
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();
});
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');
// 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');
// warn the sortable widget about the new row
$("fieldset.fields ol").sortable('refresh');
refreshPosition();
});
refreshPosition();
});
$('fieldset.fields li a.remove').click(function(e) {
if (confirm($(this).attr('data-confirm'))) {
var parent = $(this).parents('li');
$('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]'));
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')
}
parent.hide().removeClass('added')
}
refreshPosition();
}
refreshPosition();
}
e.preventDefault();
e.stopPropagation();
});
e.preventDefault();
e.stopPropagation();
});
// sortable list
$("fieldset.fields ol").sortable({
handle: 'span.handle',
items: 'li:not(.template)',
axis: 'y',
update: refreshPosition
});
// 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();
});
// 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();
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();
}
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 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 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 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);
}
})
});
});

View File

@ -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');
});
}
});
// 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';
// 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');
}
});
$.post($(this).attr('data_url'), params, function(data) {
$.growl('success', data.notice);
}, 'json');
}
});
// templatized feature
// templatized feature
$.subscribe('toggle.page_templatized.checked', function(event, data) {
$('#page_slug_input').hide();
$('#page_content_type_id_input').show();
}, []);
$.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();
}, []);
$.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');
// 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);
}
});
if (!slug.hasClass('filled')) {
setTimeout(function() {
slug.val(makeSlug(input.val())).addClass('touched');
}, 50);
}
});
$('#page_slug').keypress(function() {
$(this).addClass('filled').addClass('touched');
});
$('#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');
};
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);
$('#page_parent_id').change(lookForSlugAndUrl);
setInterval(function() {
var slug = $('#page_slug');
if (slug.hasClass('touched')) {
slug.removeClass('touched');
lookForSlugAndUrl();
}
}, 2000);
setInterval(function() {
var slug = $('#page_slug');
if (slug.hasClass('touched')) {
slug.removeClass('touched');
lookForSlugAndUrl();
}
}, 2000);
});

View File

@ -1,39 +1,39 @@
$(document).ready(function() {
var defaultValue = $('fieldset.editable-list li.template input[type=text]').val();
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');
});
/* __ 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');
$('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 currentValue = lastRow.find('input.label').val();
if (currentValue == defaultValue || currentValue == '') return;
var newRow = lastRow.clone(true).removeClass('template').addClass('added').insertBefore(lastRow);
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");
// 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');
});
// 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();
});
$('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());
}, []);
$.subscribe('form.saved.success', function(event, data) {
$('#header h1 a').html($('#current_site_name').val());
}, []);
});

View File

@ -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, '');
}

View File

@ -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");
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;
}*/

View File

@ -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; }

View File

@ -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,34 +40,34 @@ 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 ___ */
@ -75,18 +75,18 @@ form.formtastic fieldset.foldable.folded ol { display: none; }
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;
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; }
@ -99,21 +99,21 @@ 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;
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;
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;
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; }

View File

@ -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;
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;
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 ___ */

View File

@ -1,141 +1,141 @@
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;
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;
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;
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;
background: #FFE5E5;
color: #CE2525;
}
div#flash-notice {
background: #c7ff99;
color: #58852b;
background: #c7ff99;
color: #58852b;
}

View File

@ -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;
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; }
@ -181,61 +181,61 @@ 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;
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;
}

View File

@ -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;
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;
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;
width: 880px;
height: 400px;
background: transparent url(/images/admin/form/field.png) repeat-x 0 0;
border: 0px;
}