github-migration/engine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/javascripts/admin/account.js
View File

@ -1,5 +1,5 @@
$(document).ready(function() { $(document).ready(function() {
$.subscribe('form.saved.success', function(event, data) { $.subscribe('form.saved.success', function(event, data) {
$('#global-actions-bar a:first').html($('#my_account_name').val()); $('#global-actions-bar a:first').html($('#my_account_name').val());
}, []); }, []);
}); });

170
public/javascripts/admin/application.js
View File

@ -4,117 +4,117 @@ var CodeMirrorEditors = [];
/* ___ growl ___ */ /* ___ growl ___ */
$.growl.settings.noticeTemplate = '' + $.growl.settings.noticeTemplate = '' +
'<div class="notice %title%">' + '<div class="notice %title%">' +
' <p>%message%</p>' + ' <p>%message%</p>' +
'</div>'; '</div>';
$.growl.settings.dockCss = { $.growl.settings.dockCss = {
position: 'fixed', position: 'fixed',
bottom: '20px', bottom: '20px',
left: '0px', left: '0px',
width: '100%', width: '100%',
zIndex: 50000 zIndex: 50000
}; };
/* ___ codemirror ___ */ /* ___ codemirror ___ */
var addCodeMirrorEditor = function(type, el, parser) { var addCodeMirrorEditor = function(type, el, parser) {
if (type == 'liquid') type = 'xml'; if (type == 'liquid') type = 'xml';
var parserfile = "parse" + type + ".js"; var parserfile = "parse" + type + ".js";
if (parser != undefined) parserfile = parser; if (parser != undefined) parserfile = parser;
var editor = CodeMirror.fromTextArea(el.attr('id'), { var editor = CodeMirror.fromTextArea(el.attr('id'), {
height: "400px", height: "400px",
parserfile: parserfile, parserfile: parserfile,
stylesheet: [ stylesheet: [
"/stylesheets/admin/plugins/codemirror/csscolors.css", "/stylesheets/admin/plugins/codemirror/csscolors.css",
"/stylesheets/admin/plugins/codemirror/xmlcolors.css", "/stylesheets/admin/plugins/codemirror/xmlcolors.css",
"/stylesheets/admin/plugins/codemirror/javascriptcolors.css", "/stylesheets/admin/plugins/codemirror/javascriptcolors.css",
"/stylesheets/admin/plugins/codemirror/liquidcolors.css"], "/stylesheets/admin/plugins/codemirror/liquidcolors.css"],
path: "/javascripts/admin/plugins/codemirror/", path: "/javascripts/admin/plugins/codemirror/",
continuousScanning: 500, continuousScanning: 500,
reindentOnLoad: true, reindentOnLoad: true,
initCallback: function(editor) { initCallback: function(editor) {
jQuery(editor.frame.contentDocument).keypress(function(event) { jQuery(editor.frame.contentDocument).keypress(function(event) {
jQuery(document).trigger(event); jQuery(document).trigger(event);
}); });
} }
}); });
CodeMirrorEditors.push({ 'el': el, 'editor': editor }); CodeMirrorEditors.push({ 'el': el, 'editor': editor });
} }
/* ___ tinyMCE ___ */ /* ___ tinyMCE ___ */
var TinyMceDefaultSettings = { var TinyMceDefaultSettings = {
script_url : '/javascripts/admin/plugins/tiny_mce/tiny_mce.js', script_url : '/javascripts/admin/plugins/tiny_mce/tiny_mce.js',
theme : 'advanced', theme : 'advanced',
skin : 'locomotive', 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_buttons1 : 'code,|,bold,italic,|,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,blockquote,|,link,unlink,|,formatselect,fontselect,fontsizeselect',
theme_advanced_buttons2 : '', theme_advanced_buttons2 : '',
theme_advanced_buttons3 : '' theme_advanced_buttons3 : ''
}; };
/* ___ global ___ */ /* ___ global ___ */
$(document).ready(function() { $(document).ready(function() {
I18nLocale = $('meta[name=locale]').attr('content'); I18nLocale = $('meta[name=locale]').attr('content');
// sub menu links // sub menu links
$('#submenu ul li.links').hover(function() { $('#submenu ul li.links').hover(function() {
$(this).addClass('hover'); $(this).addClass('hover');
$(this).find('.popup').show(); $(this).find('.popup').show();
}, function() { }, function() {
$(this).removeClass('hover'); $(this).removeClass('hover');
$(this).find('.popup').hide(); $(this).find('.popup').hide();
}); });
if ((css = $('#submenu > ul').attr('class')) != '') if ((css = $('#submenu > ul').attr('class')) != '')
$('#submenu > ul > li.' + css).addClass('on'); $('#submenu > ul > li.' + css).addClass('on');
// form // form
$('.formtastic li input, .formtastic li textarea, .formtastic li code').focus(function() { $('.formtastic li input, .formtastic li textarea, .formtastic li code').focus(function() {
$('.formtastic li.error:not(.code) p.inline-errors').fadeOut(200); $('.formtastic li.error:not(.code) p.inline-errors').fadeOut(200);
if ($(this).parent().hasClass('error')) { if ($(this).parent().hasClass('error')) {
$(this).nextAll('p.inline-errors').show(); $(this).nextAll('p.inline-errors').show();
} }
}); });
$('.formtastic li.error input').eq(0).focus(); $('.formtastic li.error input').eq(0).focus();
// save form in AJAX // save form in AJAX
$('form.save-with-shortcut').saveWithShortcut(); $('form.save-with-shortcut').saveWithShortcut();
// editable title (page, ...etc) // editable title (page, ...etc)
$('#content h2 a.editable').each(function() { $('#content h2 a.editable').each(function() {
var target = $('#' + $(this).attr('rel')), var target = $('#' + $(this).attr('rel')),
hint = $(this).attr('title'); hint = $(this).attr('title');
target.parent().hide(); target.parent().hide();
$(this).click(function(event) { $(this).click(function(event) {
var newValue = prompt(hint, $(this).html()); var newValue = prompt(hint, $(this).html());
if (newValue && newValue != '') { if (newValue && newValue != '') {
$(this).html(newValue); $(this).html(newValue);
target.val(newValue); target.val(newValue);
} }
event.preventDefault(); event.preventDefault();
}); });
}); });
// foldable // foldable
$('.formtastic fieldset.foldable legend span').append('<em>&nbsp;</em>'); $('.formtastic fieldset.foldable legend span').append('<em>&nbsp;</em>');
$('.formtastic fieldset.foldable.folded ol').hide(); $('.formtastic fieldset.foldable.folded ol').hide();
$('.formtastic fieldset.foldable legend').click(function() { $('.formtastic fieldset.foldable legend').click(function() {
var parent = $(this).parent(), content = $(this).next(); var parent = $(this).parent(), content = $(this).next();
if (parent.hasClass('folded')) { if (parent.hasClass('folded')) {
parent.removeClass('folded'); parent.removeClass('folded');
content.slideDown('fast', function() { }); content.slideDown('fast', function() { });
} else } else
content.slideUp('fast', function() { parent.addClass('folded'); }); content.slideUp('fast', function() { parent.addClass('folded'); });
}); });
// nifty checkboxes // nifty checkboxes
$('.formtastic li.toggle input[type=checkbox]').checkToggle(); $('.formtastic li.toggle input[type=checkbox]').checkToggle();
// nifty code editor // nifty code editor
$('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); }); $('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); });
}); });

76
public/javascripts/admin/asset_collections.js
View File

@ -1,51 +1,51 @@
$(document).ready(function() { $(document).ready(function() {
// automatic slug from collection name // automatic slug from collection name
$('#asset_collection_name').keypress(function() { $('#asset_collection_name').keypress(function() {
var input = $(this); var input = $(this);
var slug = $('#asset_collection_slug'); var slug = $('#asset_collection_slug');
if (!slug.hasClass('filled')) { if (!slug.hasClass('filled')) {
setTimeout(function() { setTimeout(function() {
slug.val(input.val().replace(/\s/g, '_').toLowerCase()); slug.val(input.val().replace(/\s/g, '_').toLowerCase());
}, 50); }, 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 updateAssetsOrder = function() {
var list = $('ul.assets.sortable'); var list = $('ul.assets.sortable');
var ids = jQuery.map(list.sortable('toArray'), function(e) { var ids = jQuery.map(list.sortable('toArray'), function(e) {
return e.match(/asset-(\w+)/)[1]; return e.match(/asset-(\w+)/)[1];
}).join(','); }).join(',');
$('#asset_collection_assets_order').val(ids || ''); $('#asset_collection_assets_order').val(ids || '');
} }
$('ul.assets.sortable').sortable({ $('ul.assets.sortable').sortable({
items: 'li.asset', items: 'li.asset',
stop: function(event, ui) { updateAssetsOrder(); } stop: function(event, ui) { updateAssetsOrder(); }
}); });
$('ul.assets.sortable li div.actions a.remove').click(function(e) { $('ul.assets.sortable li div.actions a.remove').click(function(e) {
if (confirm($(this).attr('data-confirm'))) { if (confirm($(this).attr('data-confirm'))) {
$(this).parents('li').remove(); $(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'); $('ul.assets li.last').removeClass('last');
var i = parseInt($('ul.assets li.asset').size() / 6); var i = parseInt($('ul.assets li.asset').size() / 6);
while (i > 0) { while (i > 0) {
$('ul.assets li.asset:eq(' + (i * 6 - 1) + ')').addClass('last'); $('ul.assets li.asset:eq(' + (i * 6 - 1) + ')').addClass('last');
i--; i--;
} }
} }
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}); });
}); });

2
public/javascripts/admin/assets.js
View File

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

22
public/javascripts/admin/content_types.js
View File

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

34
public/javascripts/admin/contents.js
View File

@ -1,22 +1,22 @@
$(document).ready(function() { $(document).ready(function() {
var updateContentsOrder = function() { var updateContentsOrder = function() {
var lists = $('ul#contents-list.sortable'); var lists = $('ul#contents-list.sortable');
var ids = jQuery.map(lists, function(list) { var ids = jQuery.map(lists, function(list) {
return(jQuery.map($(list).sortable('toArray'), function(el) { return(jQuery.map($(list).sortable('toArray'), function(el) {
return el.match(/content-(\w+)/)[1]; return el.match(/content-(\w+)/)[1];
}).join(',')); }).join(','));
}).join(','); }).join(',');
$('#order').val(ids || ''); $('#order').val(ids || '');
} }
$('ul#contents-list.sortable').sortable({ $('ul#contents-list.sortable').sortable({
handle: 'em', handle: 'em',
items: 'li.content', items: 'li.content',
stop: function(event, ui) { updateContentsOrder(); } stop: function(event, ui) { updateContentsOrder(); }
}); });
$('textarea.html').tinymce(TinyMceDefaultSettings); $('textarea.html').tinymce(TinyMceDefaultSettings);
$.datepicker.setDefaults($.datepicker.regional[I18nLocale]); $.datepicker.setDefaults($.datepicker.regional[I18nLocale]);
$('input[type=text].date').datepicker($.datepicker.regional[I18nLocale]); $('input[type=text].date').datepicker($.datepicker.regional[I18nLocale]);
}); });

254
public/javascripts/admin/custom_fields.js
View File

@ -1,155 +1,155 @@
$(document).ready(function() { $(document).ready(function() {
$('fieldset.fields').parents('form').submit(function() { $('fieldset.fields').parents('form').submit(function() {
$('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled'); $('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled');
}); });
var defaultValue = $('fieldset.fields li.template input[type=text]').val(); var defaultValue = $('fieldset.fields li.template input[type=text]').val();
var selectOnChange = function(select) { var selectOnChange = function(select) {
select.hide(); select.hide();
select.prev() select.prev()
.show() .show()
.html(select[0].options[select[0].options.selectedIndex].text); .html(select[0].options[select[0].options.selectedIndex].text);
} }
var refreshPosition = function() { var refreshPosition = function() {
jQuery.each($('fieldset.fields li.added input.position'), function(index) { jQuery.each($('fieldset.fields li.added input.position'), function(index) {
$(this).val(index); $(this).val(index);
}); });
} }
/* __ fields ___ */ /* __ fields ___ */
$('fieldset.fields li.added select').each(function() { $('fieldset.fields li.added select').each(function() {
var select = $(this) var select = $(this)
.hover(function() { .hover(function() {
clearTimeout(select.attr('timer')); clearTimeout(select.attr('timer'));
}, function() { }, function() {
select.attr('timer', setTimeout(function() { select.attr('timer', setTimeout(function() {
select.hide(); select.hide();
select.prev().show(); select.prev().show();
}, 1000)); }, 1000));
}) })
.change(function() { selectOnChange(select); }); .change(function() { selectOnChange(select); });
select.prev().click(function() { select.prev().click(function() {
$(this).hide(); $(this).hide();
select.show(); select.show();
}); });
}); });
$('fieldset.fields li.template input[type=text]').focus(function() { $('fieldset.fields li.template input[type=text]').focus(function() {
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template')) if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
$(this).val('').removeClass('void'); $(this).val('').removeClass('void');
}); });
$('fieldset.fields li.template button').click(function() { $('fieldset.fields li.template button').click(function() {
var lastRow = $(this).parents('li.template'); var lastRow = $(this).parents('li.template');
var label = lastRow.find('input.label').val().trim(); var label = lastRow.find('input.label').val().trim();
if (label == '' || label == defaultValue) return false; 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() + ']'; var dateFragment = '[' + new Date().getTime() + ']';
newRow.find('input, select').each(function(index) { newRow.find('input, select').each(function(index) {
$(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment)); $(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
}); });
var select = newRow.find('select') var select = newRow.find('select')
.val(lastRow.find('select').val()) .val(lastRow.find('select').val())
.change(function() { selectOnChange(select); }) .change(function() { selectOnChange(select); })
.hover(function() { .hover(function() {
clearTimeout(select.attr('timer')); clearTimeout(select.attr('timer'));
}, function() { }, function() {
select.attr('timer', setTimeout(function() { select.attr('timer', setTimeout(function() {
select.hide(); select.hide();
select.prev().show(); select.prev().show();
}, 1000)); }, 1000));
}); });
select.prev() select.prev()
.html(select[0].options[select[0].options.selectedIndex].text) .html(select[0].options[select[0].options.selectedIndex].text)
.click(function() { .click(function() {
$(this).hide(); $(this).hide();
select.show(); select.show();
}); });
// then "reset" the form // then "reset" the form
lastRow.find('input.label').val(defaultValue).addClass('void'); lastRow.find('input.label').val(defaultValue).addClass('void');
// warn the sortable widget about the new row // warn the sortable widget about the new row
$("fieldset.fields ol").sortable('refresh'); $("fieldset.fields ol").sortable('refresh');
refreshPosition(); refreshPosition();
}); });
$('fieldset.fields li a.remove').click(function(e) { $('fieldset.fields li a.remove').click(function(e) {
if (confirm($(this).attr('data-confirm'))) { if (confirm($(this).attr('data-confirm'))) {
var parent = $(this).parents('li'); var parent = $(this).parents('li');
if (parent.hasClass('new')) if (parent.hasClass('new'))
parent.remove(); parent.remove();
else { else {
var field = parent.find('input.position') var field = parent.find('input.position')
field.attr('name', field.attr('name').replace('[position]', '[_destroy]')); field.attr('name', field.attr('name').replace('[position]', '[_destroy]'));
parent.hide().removeClass('added') parent.hide().removeClass('added')
} }
refreshPosition(); refreshPosition();
} }
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}); });
// sortable list // sortable list
$("fieldset.fields ol").sortable({ $("fieldset.fields ol").sortable({
handle: 'span.handle', handle: 'span.handle',
items: 'li:not(.template)', items: 'li:not(.template)',
axis: 'y', axis: 'y',
update: refreshPosition update: refreshPosition
}); });
// edit in depth custom field // edit in depth custom field
$('fieldset.fields li.item span.actions a.edit').click(function() { $('fieldset.fields li.item span.actions a.edit').click(function() {
var link = $(this); var link = $(this);
$.fancybox({ $.fancybox({
titleShow: false, titleShow: false,
content: $(link.attr('href')).parent().html(), content: $(link.attr('href')).parent().html(),
onComplete: function() { onComplete: function() {
$('#fancybox-wrap form').submit(function(e) { $('#fancybox-wrap form').submit(function(e) {
$.fancybox.close(); $.fancybox.close();
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}); });
var parent = link.parent(); var parent = link.parent();
if (parent.prevAll('select').val() == 'Text') { if (parent.prevAll('select').val() == 'Text') {
var formatting = parent.prevAll('.text-formatting').val(); var formatting = parent.prevAll('.text-formatting').val();
$('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting); $('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting);
$('#fancybox-wrap #custom_fields_field_text_formatting_input').show(); $('#fancybox-wrap #custom_fields_field_text_formatting_input').show();
} else { } else {
$('#fancybox-wrap #custom_fields_field_text_formatting_input').hide(); $('#fancybox-wrap #custom_fields_field_text_formatting_input').hide();
} }
var alias = parent.prevAll('.alias').val().trim(); var alias = parent.prevAll('.alias').val().trim();
if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val()); if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val());
$('#fancybox-wrap #custom_fields_field__alias').val(alias); $('#fancybox-wrap #custom_fields_field__alias').val(alias);
var hint = parent.prevAll('.hint').val(); var hint = parent.prevAll('.hint').val();
$('#fancybox-wrap #custom_fields_field_hint').val(hint); $('#fancybox-wrap #custom_fields_field_hint').val(hint);
}, },
onCleanup: function() { onCleanup: function() {
var parent = link.parent(); var parent = link.parent();
var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim(); var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim();
if (alias != '') parent.prevAll('.alias').val(alias); if (alias != '') parent.prevAll('.alias').val(alias);
var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim(); var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim();
if (hint != '') parent.prevAll('.hint').val(hint); if (hint != '') parent.prevAll('.hint').val(hint);
var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val(); var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val();
parent.prevAll('.text-formatting').val(formatting); parent.prevAll('.text-formatting').val(formatting);
} }
}) })
}); });
}); });

130
public/javascripts/admin/pages.js
View File

@ -1,80 +1,80 @@
$(document).ready(function() { $(document).ready(function() {
// open / close folder // open / close folder
$('#pages-list ul.folder img.toggler').click(function(e) { $('#pages-list ul.folder img.toggler').click(function(e) {
var toggler = $(this); var toggler = $(this);
var children = toggler.parent().find('> ul.folder'); var children = toggler.parent().find('> ul.folder');
if (children.is(':visible')) { if (children.is(':visible')) {
children.slideUp('fast', function() { children.slideUp('fast', function() {
toggler.attr('src', toggler.attr('src').replace('open', 'closed')); toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
$.cookie(children.attr('id'), 'none'); $.cookie(children.attr('id'), 'none');
}); });
} else { } else {
children.slideDown('fast', function() { children.slideDown('fast', function() {
toggler.attr('src', toggler.attr('src').replace('closed', 'open')); toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
$.cookie(children.attr('id'), 'block'); $.cookie(children.attr('id'), 'block');
}); });
} }
}); });
// sortable folder items // sortable folder items
$('#pages-list ul.folder').sortable({ $('#pages-list ul.folder').sortable({
'handle': 'em', 'handle': 'em',
'axis': 'y', 'axis': 'y',
'update': function(event, ui) { 'update': function(event, ui) {
var params = $(this).sortable('serialize', { 'key': 'children[]' }); var params = $(this).sortable('serialize', { 'key': 'children[]' });
params += '&_method=put'; params += '&_method=put';
$.post($(this).attr('data_url'), params, function(data) { $.post($(this).attr('data_url'), params, function(data) {
$.growl('success', data.notice); $.growl('success', data.notice);
}, 'json'); }, 'json');
} }
}); });
// templatized feature // templatized feature
$.subscribe('toggle.page_templatized.checked', function(event, data) { $.subscribe('toggle.page_templatized.checked', function(event, data) {
$('#page_slug_input').hide(); $('#page_slug_input').hide();
$('#page_content_type_id_input').show(); $('#page_content_type_id_input').show();
}, []); }, []);
$.subscribe('toggle.page_templatized.unchecked', function(event, data) { $.subscribe('toggle.page_templatized.unchecked', function(event, data) {
$('#page_slug_input').show(); $('#page_slug_input').show();
$('#page_slug').val(makeSlug($('#page_title').val())).addClass('touched'); $('#page_slug').val(makeSlug($('#page_title').val())).addClass('touched');
$('#page_content_type_id_input').hide(); $('#page_content_type_id_input').hide();
}, []); }, []);
// automatic slug from page title // automatic slug from page title
$('#page_title').keypress(function() { $('#page_title').keypress(function() {
var input = $(this); var input = $(this);
var slug = $('#page_slug'); var slug = $('#page_slug');
if (!slug.hasClass('filled')) { if (!slug.hasClass('filled')) {
setTimeout(function() { setTimeout(function() {
slug.val(makeSlug(input.val())).addClass('touched'); slug.val(makeSlug(input.val())).addClass('touched');
}, 50); }, 50);
} }
}); });
$('#page_slug').keypress(function() { $('#page_slug').keypress(function() {
$(this).addClass('filled').addClass('touched'); $(this).addClass('filled').addClass('touched');
}); });
var lookForSlugAndUrl = function() { var lookForSlugAndUrl = function() {
params = 'parent_id=' + $('#page_parent_id').val() + "&slug=" + $('#page_slug').val(); params = 'parent_id=' + $('#page_parent_id').val() + "&slug=" + $('#page_slug').val();
$.get($('#page_slug').attr('data_url'), params, function(data) { $.get($('#page_slug').attr('data_url'), params, function(data) {
$('#page_slug_input .inline-hints').html(data.url).effect('highlight'); $('#page_slug_input .inline-hints').html(data.url).effect('highlight');
}, 'json'); }, 'json');
}; };
$('#page_parent_id').change(lookForSlugAndUrl); $('#page_parent_id').change(lookForSlugAndUrl);
setInterval(function() { setInterval(function() {
var slug = $('#page_slug'); var slug = $('#page_slug');
if (slug.hasClass('touched')) { if (slug.hasClass('touched')) {
slug.removeClass('touched'); slug.removeClass('touched');
lookForSlugAndUrl(); lookForSlugAndUrl();
} }
}, 2000); }, 2000);
}); });

56
public/javascripts/admin/site.js
View File

@ -1,39 +1,39 @@
$(document).ready(function() { $(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 ___ */ /* __ fields ___ */
$('fieldset.editable-list li.template input[type=text]').focus(function() { $('fieldset.editable-list li.template input[type=text]').focus(function() {
if ($(this).hasClass('void') && $(this).parents('li').hasClass('template')) if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
$(this).val('').removeClass('void'); $(this).val('').removeClass('void');
}); });
$('fieldset.editable-list li.template button').click(function() { $('fieldset.editable-list li.template button').click(function() {
var lastRow = $(this).parents('li.template'); var lastRow = $(this).parents('li.template');
var currentValue = lastRow.find('input.label').val(); var currentValue = lastRow.find('input.label').val();
if (currentValue == defaultValue || currentValue == '') return; 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 // should copy the value of the select box
var input = newRow.find('input.label') var input = newRow.find('input.label')
.attr('name', 'site[domains][]'); .attr('name', 'site[domains][]');
if (lastRow.find('input.label').val() == '') input.val("undefined"); if (lastRow.find('input.label').val() == '') input.val("undefined");
// then reset the form // then reset the form
lastRow.find('input').val(defaultValue).addClass('void'); lastRow.find('input').val(defaultValue).addClass('void');
lastRow.find('select').val('input'); lastRow.find('select').val('input');
}); });
$('fieldset.editable-list li a.remove').click(function(e) { $('fieldset.editable-list li a.remove').click(function(e) {
if (confirm($(this).attr('data-confirm'))) if (confirm($(this).attr('data-confirm')))
$(this).parents('li').remove(); $(this).parents('li').remove();
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}); });
$.subscribe('form.saved.success', function(event, data) { $.subscribe('form.saved.success', function(event, data) {
$('#header h1 a').html($('#current_site_name').val()); $('#header h1 a').html($('#current_site_name').val());
}, []); }, []);
}); });

18
public/javascripts/admin/utils.js
View File

@ -1,14 +1,14 @@
function makeSlug(val, sep) { // code largely inspired by http://www.thewebsitetailor.com/jquery-slug-plugin/ function makeSlug(val, sep) { // code largely inspired by http://www.thewebsitetailor.com/jquery-slug-plugin/
if (typeof val == 'undefined') return(''); if (typeof val == 'undefined') return('');
if (typeof sep == 'undefined') sep = '_'; if (typeof sep == 'undefined') sep = '_';
var alphaNumRegexp = new RegExp('[^a-zA-Z0-9\\' + sep + ']', 'g'); var alphaNumRegexp = new RegExp('[^a-zA-Z0-9\\' + sep + ']', 'g');
var avoidDuplicateRegexp = new RegExp('[\\' + sep + ']{2,}', 'g'); var avoidDuplicateRegexp = new RegExp('[\\' + sep + ']{2,}', 'g');
val = val.replace(/\s/g, sep); val = val.replace(/\s/g, sep);
val = val.replace(alphaNumRegexp, ''); val = val.replace(alphaNumRegexp, '');
val = val.replace(avoidDuplicateRegexp, sep); val = val.replace(avoidDuplicateRegexp, sep);
return val.toLowerCase(); return val.toLowerCase();
} }
String.prototype.trim = function() { String.prototype.trim = function() {
return this.replace(/^\s+/g, '').replace(/\s+$/g, ''); return this.replace(/^\s+/g, '').replace(/\s+$/g, '');
} }

62
public/stylesheets/admin/box.css
View File

@ -5,44 +5,44 @@
.box-wrapper { display: none; } .box-wrapper { display: none; }
#fancybox-inner h2 { #fancybox-inner h2 {
border-bottom:1px dotted #BBBBBD; border-bottom:1px dotted #BBBBBD;
color:#1E1F26; color:#1E1F26;
font-size:1.1em; font-size:1.1em;
font-weight:bold; font-weight:bold;
padding-bottom:10px; padding-bottom:10px;
} }
#fancybox-inner form.formtastic legend span { #fancybox-inner form.formtastic legend span {
background-image: url("/images/admin/form/header-popup.png"); background-image: url("/images/admin/form/header-popup.png");
width: 453px; width: 453px;
} }
#fancybox-inner form.formtastic ol { #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 { #fancybox-inner form.formtastic fieldset ol li label {
width: 20%; width: 20%;
} }
#fancybox-inner form.formtastic fieldset ol li p.inline-hints { #fancybox-inner form.formtastic fieldset ol li p.inline-hints {
margin-left: 30%; margin-left: 30%;
} }
#fancybox-inner form.formtastic .editable-list ol { #fancybox-inner form.formtastic .editable-list ol {
width: 433px; width: 433px;
} }
#fancybox-inner form.formtastic .editable-list li { #fancybox-inner form.formtastic .editable-list li {
width: 413px; width: 413px;
} }
#fancybox-inner form.formtastic .editable-list li { #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 { #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; } #fancybox-inner p { color:#8B8D9A; font-size:0.8em; }
@ -60,39 +60,39 @@ div.asset-picker ul li.new-asset { display: none; }
/* ___ custom fields ___ */ /* ___ custom fields ___ */
#edit-custom-field { #edit-custom-field {
width: 473px; width: 473px;
} }
#edit-custom-field-category { #edit-custom-field-category {
width: 493px; width: 493px;
} }
#edit-custom-field-category .inner { #edit-custom-field-category .inner {
padding: 10px 10px 61px 10px; padding: 10px 10px 61px 10px;
} }
/* ___ form action ___ */ /* ___ form action ___ */
#fancybox-inner .popup-actions { #fancybox-inner .popup-actions {
position: absolute; position: absolute;
left: 0px; left: 0px;
bottom: 0px; bottom: 0px;
height: 61px; height: 61px;
width: 100%; width: 100%;
background: #8b8d9a; background: #8b8d9a;
} }
#fancybox-inner .popup-actions p { #fancybox-inner .popup-actions p {
padding: 15px; padding: 15px;
margin: 0px; margin: 0px;
text-align: right; text-align: right;
} }
/*#fancybox-inner .actions a { /*#fancybox-inner .actions a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
font-size: 0.8em; font-size: 0.8em;
position: relative; position: relative;
top: 4px; top: 4px;
}*/ }*/

74
public/stylesheets/admin/buttons.css
View File

@ -1,62 +1,62 @@
.button { .button {
display: inline-block; display: inline-block;
background: transparent url(/images/admin/buttons/dark-gray-left.png) no-repeat 0 0; background: transparent url(/images/admin/buttons/dark-gray-left.png) no-repeat 0 0;
padding: 0px 0px 0px 2px; padding: 0px 0px 0px 2px;
font-size: 0.9em; font-size: 0.9em;
color: white; color: white;
cursor: pointer; cursor: pointer;
border: none; border: none;
height: 31px; height: 31px;
outline: none; outline: none;
} }
.button span { .button span {
display: inline-block; display: inline-block;
background: transparent url(/images/admin/buttons/dark-gray-right.png) no-repeat right top; background: transparent url(/images/admin/buttons/dark-gray-right.png) no-repeat right top;
position: relative; position: relative;
top: -1px; top: -1px;
padding: 3px 9px 9px 4px; padding: 3px 9px 9px 4px;
line-height: 21px; line-height: 21px;
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
outline: none; outline: none;
} }
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
.button { padding-left: 5px; } .button { padding-left: 5px; }
.button span { top: 0px; } .button span { top: 0px; }
} }
.button.light { .button.light {
background-image: url(/images/admin/buttons/light-gray-left.png); background-image: url(/images/admin/buttons/light-gray-left.png);
color: #787a89; color: #787a89;
} }
.button.light span { .button.light span {
background-image: url(/images/admin/buttons/light-gray-right.png); background-image: url(/images/admin/buttons/light-gray-right.png);
text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff;
} }
.button.small { .button.small {
background: #ebedf4; background: #ebedf4;
outline: none; outline: none;
-moz-border-radius : 10px; -moz-border-radius : 10px;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
color: #787a89; color: #787a89;
height: 20px; height: 20px;
font-size: 0.7em; font-size: 0.7em;
padding: 0px 12px 0px 12px; padding: 0px 12px 0px 12px;
color: #8B8D9A !important; color: #8B8D9A !important;
text-decoration: none; text-decoration: none;
color: #8B8D9A; color: #8B8D9A;
text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff;
} }
.button.small.add { .button.small.add {
} }
.button.remove { .button.remove {
color: #ff092c !important; color: #ff092c !important;
font-size: 1.1em; font-size: 1.1em;
} }
.button.remove:hover { text-decoration: underline; } .button.remove:hover { text-decoration: underline; }

444
public/stylesheets/admin/formtastic_changes.css
View File

@ -10,29 +10,29 @@ form.formtastic fieldset ol li p.inline-hints { color:#333; }
--------------------------------------------------------------------------------------------------*/ --------------------------------------------------------------------------------------------------*/
form.formtastic legend { form.formtastic legend {
margin: 0; margin: 0;
float: left; float: left;
white-space: normal; white-space: normal;
position: relative; position: relative;
} }
form.formtastic legend span { form.formtastic legend span {
display: block; display: block;
width: 900px; width: 900px;
height: 26px; height: 26px;
background: transparent url(/images/admin/form/header.png) no-repeat 0 0px; background: transparent url(/images/admin/form/header.png) no-repeat 0 0px;
color: #1e1f26; color: #1e1f26;
font-size: 0.7em; font-size: 0.7em;
padding: 4px 0 0 20px; padding: 4px 0 0 20px;
} }
form.formtastic legend span small { form.formtastic legend span small {
position: absolute; position: absolute;
top: 7px; top: 7px;
right: 20px; right: 20px;
color: #787a89; color: #787a89;
font-size: 0.8em; font-size: 0.8em;
font-weight: normal; font-weight: normal;
} }
/* ___ enabling fold/unfold ___ */ /* ___ 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 { cursor: pointer; }
form.formtastic fieldset.foldable legend span em { form.formtastic fieldset.foldable legend span em {
display: inline-block; display: inline-block;
width: 9px; width: 9px;
height: 6px; height: 6px;
position: relative; position: relative;
top: 8px; top: 8px;
left: 10px; left: 10px;
background: transparent url(/images/admin/form/folded-arrow-on.png) no-repeat 0 0px; 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 { background-image: url(/images/admin/form/folded.png); }
form.formtastic fieldset.foldable.folded legend span em { form.formtastic fieldset.foldable.folded legend span em {
width: 6px; width: 6px;
height: 9px; height: 9px;
top: 6px; top: 6px;
background-image: url(/images/admin/form/folded-arrow-off.png); background-image: url(/images/admin/form/folded-arrow-off.png);
} }
form.formtastic fieldset.foldable ol { form.formtastic fieldset.foldable ol {
clear: both; clear: both;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
form.formtastic fieldset.foldable.folded ol { display: none; } form.formtastic fieldset.foldable.folded ol { display: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
form.formtastic fieldset.foldable legend span em { top: 0px; } form.formtastic fieldset.foldable legend span em { top: 0px; }
form.formtastic fieldset.foldable.folded legend span em { top: 0px; } form.formtastic fieldset.foldable.folded legend span em { top: 0px; }
} }
/* ___ inputs ___ */ /* ___ 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 { min-height: 30px; width: 100%; margin-bottom: 20px; }
form.formtastic fieldset.inputs ol { form.formtastic fieldset.inputs ol {
clear: both; clear: both;
margin: 30px 0 0 0; margin: 30px 0 0 0;
padding-top: 15px; padding-top: 15px;
padding-bottom: 5px; padding-bottom: 5px;
background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom; background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
border-top: 1px solid #ccced7; border-top: 1px solid #ccced7;
} }
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
form.formtastic fieldset.inputs ol { form.formtastic fieldset.inputs ol {
margin-top: 30px; margin-top: 30px;
} }
} }
form.formtastic fieldset ol li { width: 100%; position: relative; margin-bottom: 1.3em; } 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.text textarea,
form.formtastic fieldset ol li code textarea, form.formtastic fieldset ol li code textarea,
form.formtastic fieldset ol li input[type=password] { form.formtastic fieldset ol li input[type=password] {
padding: 4px; padding: 4px;
font-size: 0.9em; font-size: 0.9em;
width: 45%; width: 45%;
color: #787a89; color: #787a89;
background: white url(/images/admin/form/field.png) repeat-x 0 0; background: white url(/images/admin/form/field.png) repeat-x 0 0;
border: 1px solid #a6a8b8; 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 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 { display: block; border: 1px solid #a6a8b8; margin: 10px 20px 0 20px; }
form.formtastic fieldset ol li code.nude textarea { form.formtastic fieldset ol li code.nude textarea {
width: 870px; width: 870px;
border: 0px; border: 0px;
} }
/*form.formtastic fieldset ol li code.html iframe { width: 46% !important; }*/ /*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 iframe { border: 2px solid #ec3f48 !important; }
form.formtastic fieldset ol li.error code { border: none; } form.formtastic fieldset ol li.error code { border: none; }
form.formtastic fieldset ol li p.inline-errors { form.formtastic fieldset ol li p.inline-errors {
display: none; display: none;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 630px; left: 630px;
width: 250px; width: 250px;
margin: 0px; margin: 0px;
padding: 6px 5px 8px 25px; padding: 6px 5px 8px 25px;
background: #ec3f48 url(/images/admin/form/error-arrow.png) no-repeat 0 0; background: #ec3f48 url(/images/admin/form/error-arrow.png) no-repeat 0 0;
color: #fff !important; color: #fff !important;
font-size: 0.7em !important; font-size: 0.7em !important;
} }
form.formtastic fieldset ol li.code p.inline-errors { form.formtastic fieldset ol li.code p.inline-errors {
display: block; display: block;
float: right; float: right;
margin: 4px 16px 0 0; margin: 4px 16px 0 0;
position: relative; position: relative;
left: 0px; left: 0px;
background-image: none; background-image: none;
} }
form.formtastic fieldset ol .more { text-align: right; width: auto; margin: 10px 20px 0 0; line-height: 0.6em; } 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 fieldset.buttons { padding-left: 28%; padding-bottom: 20px; }*/
form.formtastic div.actions { form.formtastic div.actions {
position: relative; position: relative;
top: 27px; top: 27px;
left: -15px; left: -15px;
width: 950px; width: 950px;
background: #8b8d9a; background: #8b8d9a;
} }
form.formtastic div.actions p { form.formtastic div.actions p {
padding: 15px; padding: 15px;
margin: 0px; margin: 0px;
} }
form.formtastic div.actions a { form.formtastic div.actions a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
font-size: 0.8em; font-size: 0.8em;
position: relative; position: relative;
top: 4px; top: 4px;
} }
form.formtastic div.actions p a:hover { text-decoration: underline; } form.formtastic div.actions p a:hover { text-decoration: underline; }
@ -183,60 +183,60 @@ form.formtastic div.actions .last p { text-align: right; }
/* ___ pages ___ */ /* ___ pages ___ */
form.formtastic fieldset ol li.path em { form.formtastic fieldset ol li.path em {
font-size: 0.8em; font-size: 0.8em;
} }
form.formtastic fieldset ol li.path input { form.formtastic fieldset ol li.path input {
background: transparent; background: transparent;
padding: 4px 4px 2px 4px; padding: 4px 4px 2px 4px;
border: none; border: none;
color: #787a89; color: #787a89;
border-bottom: 1px solid #b5b7c4; border-bottom: 1px solid #b5b7c4;
width: 30%; width: 30%;
} }
form.formtastic fieldset ol li.path.error input { form.formtastic fieldset ol li.path.error input {
border: none !important; border: none !important;
border-bottom: 2px solid #ff092c !important; border-bottom: 2px solid #ff092c !important;
} }
/* ___ sites ___ */ /* ___ sites ___ */
form.formtastic fieldset ol li.item { form.formtastic fieldset ol li.item {
position: relative; position: relative;
background: transparent url(/images/admin/form/item.png) no-repeat 0 0; background: transparent url(/images/admin/form/item.png) no-repeat 0 0;
height: 25px; height: 25px;
width: 861px; width: 861px;
margin: 0px 0px 10px 20px; margin: 0px 0px 10px 20px;
padding: 3px 10px; padding: 3px 10px;
} }
form.formtastic fieldset ol li.item strong { form.formtastic fieldset ol li.item strong {
font-size: 0.9em; font-size: 0.9em;
font-weight: bold; font-weight: bold;
color: #17171d; color: #17171d;
} }
form.formtastic fieldset ol li.item strong a { form.formtastic fieldset ol li.item strong a {
color: #17171d; color: #17171d;
text-decoration: none; text-decoration: none;
} }
form.formtastic fieldset ol li.item strong a:hover { text-decoration: underline; } form.formtastic fieldset ol li.item strong a:hover { text-decoration: underline; }
form.formtastic fieldset ol li.item em { form.formtastic fieldset ol li.item em {
margin-left: 10px; margin-left: 10px;
font-size: 0.7em; font-size: 0.7em;
color: #757575; color: #757575;
} }
form.formtastic fieldset ol li.item span.actions { form.formtastic fieldset ol li.item span.actions {
position: absolute; position: absolute;
top: 5px; top: 5px;
right: 10px; right: 10px;
width: 50px; width: 50px;
height: 16px; height: 16px;
text-align:right; text-align:right;
} }
/* ___ editable-list (content type fields and validations) ___ */ /* ___ 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 { margin-left: 0px !important; }
form.formtastic fieldset.editable-list ol li span.handle { form.formtastic fieldset.editable-list ol li span.handle {
cursor: move; cursor: move;
position: relative; position: relative;
top: 1px; top: 1px;
} }
form.formtastic fieldset.editable-list ol li.added span.actions a.remove { 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 { form.formtastic fieldset.editable-list ol li.added span.actions button {
display: none; display: none;
} }
form.formtastic fieldset.editable-list ol li.added select { form.formtastic fieldset.editable-list ol li.added select {
display: none; display: none;
position: relative; position: relative;
top: -1px; top: -1px;
} }
form.formtastic fieldset.editable-list ol li.added em { form.formtastic fieldset.editable-list ol li.added em {
color: #8b8d9a; color: #8b8d9a;
font-size: 0.9em; font-size: 0.9em;
font-style: italic; font-style: italic;
margin-left: 3px; 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 { border: 1px solid transparent; padding: 2px 5px; }
form.formtastic fieldset.editable-list ol li.added em:hover { form.formtastic fieldset.editable-list ol li.added em:hover {
background: #fffbe5; background: #fffbe5;
border: 1px dotted #efe4a5; border: 1px dotted #efe4a5;
cursor: pointer; cursor: pointer;
color: #17171D; color: #17171D;
font-weight: bold; font-weight: bold;
} }
form.formtastic fieldset.editable-list ol li.added input { form.formtastic fieldset.editable-list ol li.added input {
position: relative; position: relative;
top: -1px; top: -1px;
background: transparent; background: transparent;
border: 1px solid transparent; border: 1px solid transparent;
padding: 1px 5px 2px 5px; padding: 1px 5px 2px 5px;
color: #17171D; color: #17171D;
font-size: 0.9em; font-size: 0.9em;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
} }
form.formtastic fieldset.editable-list ol li.added input:hover { form.formtastic fieldset.editable-list ol li.added input:hover {
background: #fffbe5; background: #fffbe5;
border: 1px dotted #efe4a5; border: 1px dotted #efe4a5;
cursor: pointer; cursor: pointer;
} }
form.formtastic fieldset.editable-list ol li.added input:focus { form.formtastic fieldset.editable-list ol li.added input:focus {
font-size: 0.9em; font-size: 0.9em;
font-weight: normal; font-weight: normal;
color: #787a89; color: #787a89;
background: white url(/images/admin/form/field.png) repeat-x 0 0; background: white url(/images/admin/form/field.png) repeat-x 0 0;
border: 1px solid #a6a8b8; border: 1px solid #a6a8b8;
} }
form.formtastic fieldset.editable-list ol li.added .inline-errors { form.formtastic fieldset.editable-list ol li.added .inline-errors {
position: relative; position: relative;
top: -1px; top: -1px;
padding: 2px 3px; padding: 2px 3px;
background: #FFE5E5; background: #FFE5E5;
color: #CE2525; color: #CE2525;
font-size: 0.8em; font-size: 0.8em;
} }
form.formtastic fieldset.editable-list ol li.template { form.formtastic fieldset.editable-list ol li.template {
height: 42px; height: 42px;
background-image: url(/images/admin/form/big_item.png); background-image: url(/images/admin/form/big_item.png);
padding-top: 10px; padding-top: 10px;
} }
form.formtastic fieldset.editable-list ol li.template input { form.formtastic fieldset.editable-list ol li.template input {
display: inline; display: inline;
margin-left: 10px; margin-left: 10px;
padding: 4px; padding: 4px;
font-size: 0.9em; font-size: 0.9em;
width: 180px; width: 180px;
color: #787a89; color: #787a89;
background: white url(/images/admin/form/field.png) repeat-x 0 0; background: white url(/images/admin/form/field.png) repeat-x 0 0;
border: 1px solid #a6a8b8; border: 1px solid #a6a8b8;
position: relative; position: relative;
top: 1px; top: 1px;
} }
form.formtastic fieldset.editable-list ol li.template select { form.formtastic fieldset.editable-list ol li.template select {
display: inline; display: inline;
} }
form.formtastic fieldset.editable-list ol li.template span.handle { form.formtastic fieldset.editable-list ol li.template span.handle {
display: none; display: none;
} }
form.formtastic fieldset.editable-list ol li.template span.actions { form.formtastic fieldset.editable-list ol li.template span.actions {
width: auto; width: auto;
top: 10px; top: 10px;
} }
form.formtastic fieldset.editable-list ol li.template span.actions a.edit { 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 { 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 { 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 { 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) ___ */ /* ___ editable-list (content type validations) ___ */
form.formtastic fieldset.validations ol li.added em.key { form.formtastic fieldset.validations ol li.added em.key {
display: inline-block; display: inline-block;
position: relative; position: relative;
top: -1px; top: -1px;
padding: 1px 5px 2px 5px; padding: 1px 5px 2px 5px;
color: #17171D; color: #17171D;
font-size: 0.9em; font-size: 0.9em;
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
margin-left: 5px; margin-left: 5px;
width: 180px; width: 180px;
} }
/* ___ content instance ___ */ /* ___ content instance ___ */
form.content_instance fieldset ol li.text textarea { form.content_instance fieldset ol li.text textarea {
width: 75%; width: 75%;
} }
form.content_instance fieldset ol li.file p { 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 { form.content_instance fieldset ol li.file p a {
text-decoration: none; text-decoration: none;
color: #333; color: #333;
} }
form.content_instance fieldset ol li.file p a:hover { text-decoration: underline; } 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 ___ */ /* ___ my account ___ */
form.formtastic fieldset.language li.full span { form.formtastic fieldset.language li.full span {
margin: 0 20px; margin: 0 20px;
font-size: 0.8em; font-size: 0.8em;
font-weight: bold; font-weight: bold;
} }
form.formtastic fieldset.language li.full span img { form.formtastic fieldset.language li.full span img {
position: relative; position: relative;
top: 6px; top: 6px;
} }
form.formtastic fieldset.language li.full span input { form.formtastic fieldset.language li.full span input {
margin-left: 5px; margin-left: 5px;
} }
/* ___ membership ___ */ /* ___ membership ___ */
form.formtastic fieldset.email li.full input { form.formtastic fieldset.email li.full input {
margin-left: 20px; margin-left: 20px;
} }
/* ___ assets ___ */ /* ___ assets ___ */
.selector { .selector {
position: relative; position: relative;
} }
.selector span.alt { .selector span.alt {
position: absolute; position: absolute;
top: 7px; top: 7px;
right: 20px; right: 20px;
color: #787a89; color: #787a89;
font-size: 0.7em; font-size: 0.7em;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
form.formtastic fieldset.file li.full input { 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; } 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 { text-align: center; position: static; }
form.formtastic fieldset.preview li .image { form.formtastic fieldset.preview li .image {
width: 870px; width: 870px;
margin: 10px 20px 0px 20px; margin: 10px 20px 0px 20px;
border: 4px solid white; border: 4px solid white;
background: transparent url(/images/admin/list/empty.png) repeat 0 0; background: transparent url(/images/admin/list/empty.png) repeat 0 0;
overflow: hidden; overflow: hidden;
} }
form.formtastic fieldset.preview li .inside { form.formtastic fieldset.preview li .inside {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
form.formtastic fieldset.preview li img { } form.formtastic fieldset.preview li img { }
@ -466,25 +466,25 @@ form.formtastic fieldset.preview li img { }
/* ___ main error message ___ */ /* ___ main error message ___ */
div.form-errors p { div.form-errors p {
background: #FFE5E5; background: #FFE5E5;
color: #CE2525; color: #CE2525;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
padding: 10px; padding: 10px;
margin: 0px; margin: 0px;
text-align: center; text-align: center;
} }
div.formError { div.formError {
position: relative; position: relative;
top: -2px; top: -2px;
display: inline; display: inline;
background: #CE2525 url(/images/admin/left_arrow_red.png) no-repeat 0px center; background: #CE2525 url(/images/admin/left_arrow_red.png) no-repeat 0px center;
color: white; color: white;
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
padding: 3px 10px 3px 20px; padding: 3px 10px 3px 20px;
margin-left: 10px; margin-left: 10px;
} }
div.fieldWithErrors { display: inline; } div.fieldWithErrors { display: inline; }

162
public/stylesheets/admin/layout.css
View File

@ -1,139 +1,139 @@
body { body {
background: #000 url(/images/admin/background/body.png) repeat 0 0; background: #000 url(/images/admin/background/body.png) repeat 0 0;
/* font-family: Arial,Helvetica,sans-serif;*/ /* font-family: Arial,Helvetica,sans-serif;*/
font-size: 1em; font-size: 1em;
} }
.container { .container {
width: 966px; width: 966px;
} }
#wrapper { #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 { #header {
position: relative; position: relative;
padding-top: 20px; padding-top: 20px;
} }
#header h1 { #header h1 {
margin-bottom: 0px; margin-bottom: 0px;
} }
#header h1 a { #header h1 a {
font-size: 0.5em; font-size: 0.5em;
color: #f0f0f0; color: #f0f0f0;
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
text-decoration: none; text-decoration: none;
margin-left: 8px; margin-left: 8px;
} }
#search-bar { #search-bar {
position: absolute; position: absolute;
top: 15px; top: 15px;
right: 0px; right: 0px;
} }
#global-actions-bar { #global-actions-bar {
position: absolute; position: absolute;
top: 70px; top: 70px;
right: 8px; right: 8px;
color: #8b8d9a; color: #8b8d9a;
font-size: 0.7em; font-size: 0.7em;
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
} }
#global-actions-bar a { #global-actions-bar a {
color: #1F82BC; color: #1F82BC;
text-decoration: none; text-decoration: none;
} }
#global-actions-bar a:hover { text-decoration: underline; } #global-actions-bar a:hover { text-decoration: underline; }
#global-actions-bar span { #global-actions-bar span {
font-size: 0.9em; font-size: 0.9em;
color: #999; color: #999;
margin: 0 1px; margin: 0 1px;
/* text-shadow: 1px 1px 1px #000;*/ /* text-shadow: 1px 1px 1px #000;*/
} }
#content { #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 { #content div.inner {
margin: 0px 8px; margin: 0px 8px;
padding: 10px 15px 20px 15px; padding: 10px 15px 20px 15px;
background: white; background: white;
min-height: 150px; min-height: 150px;
position: relative; position: relative;
} }
#content div.inner h2 { #content div.inner h2 {
padding-bottom: 10px; padding-bottom: 10px;
font-size: 1.3em; font-size: 1.3em;
font-weight: bold; font-weight: bold;
color: #1e1f26; color: #1e1f26;
border-bottom: 1px dotted #bbbbbd; border-bottom: 1px dotted #bbbbbd;
} }
#content div.inner h2 a.editable { #content div.inner h2 a.editable {
padding: 2px 25px 2px 6px; padding: 2px 25px 2px 6px;
text-decoration: none; text-decoration: none;
color: #1e1f26; color: #1e1f26;
outline: none; outline: none;
} }
#content div.inner h2 a.editable:hover { #content div.inner h2 a.editable:hover {
background: #fffbe5 url(/images/admin/form/pen.png) no-repeat right 5px; background: #fffbe5 url(/images/admin/form/pen.png) no-repeat right 5px;
border-bottom: 1px dotted #efe4a5; border-bottom: 1px dotted #efe4a5;
} }
#content div.inner h3 { #content div.inner h3 {
background: transparent url(/images/admin/list/item.png) no-repeat 0 0; background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
font-size: 0.9em; font-size: 0.9em;
font-weight: bold; font-weight: bold;
color: #1e1f26; color: #1e1f26;
padding: 7px 0 10px 20px; padding: 7px 0 10px 20px;
} }
#content div.inner p { #content div.inner p {
color: #8b8d9a; color: #8b8d9a;
font-size: 0.8em; font-size: 0.8em;
} }
#content #local-actions-bar { #content #local-actions-bar {
position: absolute; position: absolute;
top: 13px; top: 13px;
right: 15px; right: 15px;
} }
#content #local-actions-bar a { #content #local-actions-bar a {
position: relative; position: relative;
padding: 2px 10px 3px 31px; padding: 2px 10px 3px 31px;
color: #8b8d9a; color: #8b8d9a;
text-decoration: none; text-decoration: none;
font-size: 0.7em; font-size: 0.7em;
margin-left: 10px; margin-left: 10px;
background-color: #ebedf4; background-color: #ebedf4;
outline: none; outline: none;
-moz-border-radius : 10px; -moz-border-radius : 10px;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
#content #local-actions-bar a em { #content #local-actions-bar a em {
position: absolute; position: absolute;
display: block; display: block;
top: 5px; top: 5px;
left: 10px; left: 10px;
height: 16px; height: 16px;
width: 16px; width: 16px;
background: transparent url(/images/admin/icons/actions.png) no-repeat 0 0; background: transparent url(/images/admin/icons/actions.png) no-repeat 0 0;
} }
@media screen and (-webkit-min-device-pixel-ratio: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; } #content #local-actions-bar a.show em { background-position: 0 0; }
@ -146,23 +146,23 @@ body {
/* ___ footer ___ */ /* ___ footer ___ */
#footer { #footer {
padding-top: 10px; padding-top: 10px;
background: transparent url(/images/admin/background/footer.png) no-repeat 0 0; background: transparent url(/images/admin/background/footer.png) no-repeat 0 0;
} }
#footer p { #footer p {
padding: 15px 8px 0 0; padding: 15px 8px 0 0;
font-size: 0.8em; font-size: 0.8em;
color: #E6E6E6; color: #E6E6E6;
} }
#footer p a { #footer p a {
color: #1F82BC; color: #1F82BC;
text-decoration: none; text-decoration: none;
} }
#footer p a:hover { #footer p a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* ___ Alignements ___ */ /* ___ Alignements ___ */

146
public/stylesheets/admin/login.css
View File

@ -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 { #wrapper {
background: transparent url(/images/admin/login/wrapper_bg.png) repeat-x 0 0; background: transparent url(/images/admin/login/wrapper_bg.png) repeat-x 0 0;
min-height: 400px; min-height: 400px;
} }
#light { #light {
background: transparent url(/images/admin/login/light_bg.png) no-repeat center 0; background: transparent url(/images/admin/login/light_bg.png) no-repeat center 0;
min-height: 400px; min-height: 400px;
padding-top: 100px; padding-top: 100px;
} }
#panel { #panel {
background: transparent url(/images/admin/login/top_panel_bg.png) no-repeat center 0; background: transparent url(/images/admin/login/top_panel_bg.png) no-repeat center 0;
width: 356px; width: 356px;
height: 344px; height: 344px;
padding: 9px 0px 0 0px; padding: 9px 0px 0 0px;
} }
#panel h1 { #panel h1 {
height: 41px; height: 41px;
margin: 0px; margin: 0px;
padding: 20px 0px 0 0; padding: 20px 0px 0 0;
font-size: 1.8em; font-size: 1.8em;
color: white; color: white;
text-align: center; text-align: center;
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
} }
#panel .inner { #panel .inner {
background: transparent url(/images/admin/login/content_panel_bg.png) repeat-y center 0; background: transparent url(/images/admin/login/content_panel_bg.png) repeat-y center 0;
padding: 5px 0px 20px 0px; padding: 5px 0px 20px 0px;
} }
#panel fieldset { #panel fieldset {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
#panel fieldset ol { #panel fieldset ol {
width: 260px; width: 260px;
list-style: none; list-style: none;
padding: 0px; padding: 0px;
margin: 0px auto 0 auto; margin: 0px auto 0 auto;
} }
#panel fieldset ol li { #panel fieldset ol li {
margin-top: 20px; margin-top: 20px;
} }
#panel fieldset ol li label { #panel fieldset ol li label {
display: block; display: block;
font-size: 1.2em; font-size: 1.2em;
color: #222; color: #222;
} }
#panel fieldset ol li input { #panel fieldset ol li input {
background: white url(/images/admin/login/input_bg.png) no-repeat 0 0; background: white url(/images/admin/login/input_bg.png) no-repeat 0 0;
width: 246px; width: 246px;
padding: 7px; padding: 7px;
border: 0px; border: 0px;
font-size: 1.2em; font-size: 1.2em;
color: #222; color: #222;
} }
#panel fieldset ol li p.inline-errors { #panel fieldset ol li p.inline-errors {
padding: 3px 5px; padding: 3px 5px;
margin: 5px 0px; margin: 5px 0px;
background: #FFE5E5; background: #FFE5E5;
color: #CE2525; color: #CE2525;
} }
#panel p.link { #panel p.link {
margin: 15px 0 0 49px; margin: 15px 0 0 49px;
} }
#panel p.link a { #panel p.link a {
color: #1f82bc; color: #1f82bc;
text-decoration: none; text-decoration: none;
} }
#panel p.link a:hover { #panel p.link a:hover {
text-decoration: underline; text-decoration: underline;
} }
#panel div.footer { #panel div.footer {
background: transparent url(/images/admin/login/bottom_panel_bg.png) no-repeat center 0; background: transparent url(/images/admin/login/bottom_panel_bg.png) no-repeat center 0;
text-align: right; text-align: right;
margin: 0px 0px 0 0px; margin: 0px 0px 0 0px;
padding: 22px 0; padding: 22px 0;
} }
#panel div.footer .button { #panel div.footer .button {
display: inline-block; display: inline-block;
background: transparent url(/images/admin/login/buttons/left_bg.png) no-repeat 0 0; background: transparent url(/images/admin/login/buttons/left_bg.png) no-repeat 0 0;
margin: 0 38px 0 0; margin: 0 38px 0 0;
padding: 0px 0px 0px 2px; padding: 0px 0px 0px 2px;
font-size: 1.1em; font-size: 1.1em;
color: white; color: white;
cursor: pointer; cursor: pointer;
border: none; border: none;
height: 31px; height: 31px;
} }
#panel div.footer .button span { #panel div.footer .button span {
display: inline-block; display: inline-block;
background: transparent url(/images/admin/login/buttons/right_bg.png) no-repeat right top; background: transparent url(/images/admin/login/buttons/right_bg.png) no-repeat right top;
position: relative; position: relative;
top: -1px; top: -1px;
padding: 3px 9px 9px 4px; padding: 3px 9px 9px 4px;
line-height: 21px; line-height: 21px;
} }
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
#panel div.footer .button { padding-left: 5px; } #panel div.footer .button { padding-left: 5px; }
#panel div.footer .button span { top: 0px; padding-right: 10px; } #panel div.footer .button span { top: 0px; padding-right: 10px; }
} }
/* ___ Messages ___ */ /* ___ Messages ___ */
div.application-message { div.application-message {
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; font-weight: bold;
padding: 8px; padding: 8px;
margin: 10px 20px 0 20px; margin: 10px 20px 0 20px;
text-align: justify; text-align: justify;
} }
div#flash-alert { div#flash-alert {
background: #FFE5E5; background: #FFE5E5;
color: #CE2525; color: #CE2525;
} }
div#flash-notice { div#flash-notice {
background: #c7ff99; background: #c7ff99;
color: #58852b; color: #58852b;
} }

206
public/stylesheets/admin/menu.css
View File

@ -1,40 +1,40 @@
/* ___ menu ___ */ /* ___ menu ___ */
ul#menu { ul#menu {
list-style: none; list-style: none;
margin: 20px 0 0 0px; margin: 20px 0 0 0px;
padding: 0px; padding: 0px;
background: transparent url(/images/admin/menu/gray-border.png) no-repeat 0 bottom; background: transparent url(/images/admin/menu/gray-border.png) no-repeat 0 bottom;
height: 41px; height: 41px;
} }
body.assets ul#menu { background-image: url(/images/admin/menu/green-border.png); } 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); } body.settings ul#menu { background-image: url(/images/admin/menu/blue-border.png); }
ul#menu li { ul#menu li {
float: left; float: left;
height: 40px; height: 40px;
} }
ul#menu li a { ul#menu li a {
display: inline-block; display: inline-block;
padding: 13px 55px 7px 5px; padding: 13px 55px 7px 5px;
margin-left: 15px; margin-left: 15px;
text-decoration: none; text-decoration: none;
color: #787a89; color: #787a89;
text-shadow: 1px 1px 1px #c5cfd1; text-shadow: 1px 1px 1px #c5cfd1;
font-size: 0.8em; font-size: 0.8em;
outline: none; outline: none;
height: 19px; height: 19px;
} }
ul#menu li a em { ul#menu li a em {
display: inline-block; display: inline-block;
width: 15px; width: 15px;
height: 12px; height: 12px;
position: relative; position: relative;
top: 2px; top: 2px;
margin-right: 4px; margin-right: 4px;
} }
@ -75,84 +75,84 @@ ul#menu li.clear { float: none; height: 1px; }
/* ___ submenu ___ */ /* ___ submenu ___ */
#submenu { #submenu {
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0; background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
height: 60px; height: 60px;
position: relative; position: relative;
} }
#submenu div.action { #submenu div.action {
position: absolute; position: absolute;
top: 18px; top: 18px;
right: 22px; right: 22px;
} }
#submenu div.action a { #submenu div.action a {
display: block; display: block;
float: left; float: left;
height: 20px; height: 20px;
color: white; color: white;
text-decoration: none; text-decoration: none;
font-size: 0.7em; font-size: 0.7em;
padding-left: 26px; padding-left: 26px;
background: transparent url(../../images/admin/buttons/add-left.png) no-repeat 0 0; background: transparent url(../../images/admin/buttons/add-left.png) no-repeat 0 0;
outline: none; outline: none;
} }
#submenu div.action a:hover span { text-decoration: underline; } #submenu div.action a:hover span { text-decoration: underline; }
#submenu div.action a span { #submenu div.action a span {
display: inline-block; display: inline-block;
height: 13px; height: 13px;
background: transparent url(../../images/admin/buttons/add-right.png) no-repeat right 0; background: transparent url(../../images/admin/buttons/add-right.png) no-repeat right 0;
padding: 1px 12px 10px 0px; padding: 1px 12px 10px 0px;
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
} }
#submenu > ul { #submenu > ul {
width: 950px; width: 950px;
height: 46px; height: 46px;
list-style: none; list-style: none;
margin: 0px 8px 0 8px; margin: 0px 8px 0 8px;
padding: 14px 0 0 0px; padding: 14px 0 0 0px;
clear: both; clear: both;
} }
#submenu > ul > li { #submenu > ul > li {
display: block; display: block;
float: left; float: left;
margin-left: 8px; margin-left: 8px;
position: relative; position: relative;
z-index: 999; z-index: 999;
} }
#submenu > ul > li > a { #submenu > ul > li > a {
display: block; display: block;
float: left; float: left;
height: 31px; height: 31px;
color: white; color: white;
text-decoration: none; text-decoration: none;
font-size: 0.8em; font-size: 0.8em;
padding-left: 15px; padding-left: 15px;
background: transparent url(../../images/admin/buttons/emboss-left.png) no-repeat 0 0; background: transparent url(../../images/admin/buttons/emboss-left.png) no-repeat 0 0;
outline: none; outline: none;
} }
#submenu > ul > li > a span { #submenu > ul > li > a span {
display: inline-block; display: inline-block;
height: 17px; height: 17px;
background: transparent url(../../images/admin/buttons/emboss-right.png) no-repeat right 0; background: transparent url(../../images/admin/buttons/emboss-right.png) no-repeat right 0;
padding: 4px 28px 10px 0px; padding: 4px 28px 10px 0px;
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
} }
#submenu > ul > li.links a span em { #submenu > ul > li.links a span em {
display: inline-block; display: inline-block;
background: transparent url(/images/admin/menu/arrow.png) no-repeat 0 0; background: transparent url(/images/admin/menu/arrow.png) no-repeat 0 0;
width: 16px; width: 16px;
height: 9px; height: 9px;
position: relative; position: relative;
top: 2px; top: 2px;
left: 4px; left: 4px;
} }
#submenu > ul > li.on a { background-position: 0 -31px; } #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 ___ */ /* ___ popup ___ */
#submenu .popup { #submenu .popup {
z-index: 998; z-index: 998;
position: absolute; position: absolute;
top: 27px; top: 27px;
margin-left: -4px; margin-left: -4px;
width: 305px; width: 305px;
background: transparent url(/images/admin/menu/popup-footer.png) no-repeat 0 bottom; background: transparent url(/images/admin/menu/popup-footer.png) no-repeat 0 bottom;
padding-bottom: 25px; padding-bottom: 25px;
} }
#submenu .popup a { color: #1f82bc; text-decoration: none; } #submenu .popup a { color: #1f82bc; text-decoration: none; }
#submenu .popup a:hover { text-decoration: underline; } #submenu .popup a:hover { text-decoration: underline; }
#submenu .popup .header { #submenu .popup .header {
background: transparent url(/images/admin/menu/popup-header.png) no-repeat 0 0; background: transparent url(/images/admin/menu/popup-header.png) no-repeat 0 0;
width: 100%; width: 100%;
} }
#submenu .popup .header p { margin: 0px 15px; padding: 10px 0 0 0px; } #submenu .popup .header p { margin: 0px 15px; padding: 10px 0 0 0px; }
#submenu .popup .header p a { #submenu .popup .header p a {
font-size: 0.8em; font-size: 0.8em;
background: transparent url(/images/admin/menu/icons/add.png) no-repeat left 4px; background: transparent url(/images/admin/menu/icons/add.png) no-repeat left 4px;
padding-left: 12px; padding-left: 12px;
} }
#submenu .popup .inner { #submenu .popup .inner {
background: transparent url(/images/admin/menu/popup-body.png) repeat-y 0 0; background: transparent url(/images/admin/menu/popup-body.png) repeat-y 0 0;
padding: 6px 15px 0px 15px; padding: 6px 15px 0px 15px;
} }
#submenu .popup .inner h2 { #submenu .popup .inner h2 {
font-size: 0.7em; font-size: 0.7em;
font-weight: bold; font-weight: bold;
color: #1e1f26; color: #1e1f26;
border-top: 1px dotted #bbbbbd; border-top: 1px dotted #bbbbbd;
padding-top: 6px; padding-top: 6px;
margin-bottom: 0px; margin-bottom: 0px;
} }
#submenu .popup .inner ul { #submenu .popup .inner ul {
list-style-image: url(/images/admin/menu/icons/bullet.png); list-style-image: url(/images/admin/menu/icons/bullet.png);
margin: 0px 0px 0 15px; margin: 0px 0px 0 15px;
} }
#submenu .popup .inner ul li { #submenu .popup .inner ul li {
position: relative; position: relative;
} }
#submenu .popup .inner ul li a { #submenu .popup .inner ul li a {
font-size: 0.7em; font-size: 0.7em;
} }
#submenu .popup .inner ul li span { #submenu .popup .inner ul li span {
position: absolute; position: absolute;
top: 6px; top: 6px;
right: 15px; right: 15px;
color: #8b8d9a; color: #8b8d9a;
font-size: 0.7em; font-size: 0.7em;
} }

62
public/stylesheets/admin/page_parts.css
View File

@ -1,67 +1,67 @@
#page-parts .wrapper { #page-parts .wrapper {
background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom; background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
width: 880px; width: 880px;
padding: 20px 20px; padding: 20px 20px;
border-top: 1px solid #ccced7; border-top: 1px solid #ccced7;
} }
#page-parts { #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 { #page-parts .control {
height: 30px; height: 30px;
} }
#page-parts .nav { #page-parts .nav {
position: relative; position: relative;
top: 1px; top: 1px;
z-index: 990; z-index: 990;
} }
#page-parts .nav a { #page-parts .nav a {
float: left; float: left;
display: block; display: block;
height: 30px; height: 30px;
padding: 0px 0px 0 11px; padding: 0px 0px 0 11px;
color: #8b8d9a; color: #8b8d9a;
text-decoration: none; text-decoration: none;
font-size: 0.8em; font-size: 0.8em;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
} }
#page-parts .nav a span { #page-parts .nav a span {
display: inline-block; display: inline-block;
height: 26px; height: 26px;
padding: 4px 11px 0 0px; padding: 4px 11px 0 0px;
} }
#page-parts .nav a:first-child { padding-left: 22px; } #page-parts .nav a:first-child { padding-left: 22px; }
#page-parts .nav a:first-child span { padding-right: 13px; } #page-parts .nav a:first-child span { padding-right: 13px; }
#page-parts .nav a.on { #page-parts .nav a.on {
color: #1e1f26; color: #1e1f26;
font-weight: bold; font-weight: bold;
background: transparent url(/images/admin/form/header-left-on.png) no-repeat 0 0; background: transparent url(/images/admin/form/header-left-on.png) no-repeat 0 0;
} }
#page-parts .nav a.on span { #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 { #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 { #page-parts .wslide-wrap {
border: 1px solid #a6a8b8; border: 1px solid #a6a8b8;
} }
#page-parts code { display: block; background: white; height: 400px; } #page-parts code { display: block; background: white; height: 400px; }
#page-parts code textarea { #page-parts code textarea {
width: 880px; width: 880px;
height: 400px; height: 400px;
background: transparent url(/images/admin/form/field.png) repeat-x 0 0; background: transparent url(/images/admin/form/field.png) repeat-x 0 0;
border: 0px; border: 0px;
} }