in-portal
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Tue, Feb 25, 11:32 AM

in-portal
View Options

	Index: branches/5.2.x/core/admin_templates/js/template_manager.js
	===================================================================
	--- branches/5.2.x/core/admin_templates/js/template_manager.js (revision 15330)
	+++ branches/5.2.x/core/admin_templates/js/template_manager.js (revision 15331)
	@@ -1,596 +1,596 @@
	function TemplateManager ( $settings ) {
	this.pageId = 0;
	this.editUrl = '';
	this.browseUrl = '';
	this.saveLayoutUrl = '';
	this.editingMode = 0; // from {1 - browse, 2 - content, 3 - design}

	this.pageInfo = {editors: [], revisions: {}}; // information about page in "Content Mode"

	this._blocks = {};
	this._blockOrder = Array ();
	this.inDrag = false; // don't process mouse over/out events while in drag mode

	$.extend(this, $settings);

	var $template_manager = this;

	$(document).ready(
	function() {
	$template_manager.searchBlocks();

	if (!$template_manager.editingMode) {
	return ;
	}

	// show special toolbar when in any of 3 browse modes
	var $head_frame = getFrame('head');
	var $extra_toolbar = $head_frame.$('div.front-extra-toolbar').clone(); // clone to keep original untouched

	$('a', $extra_toolbar).each(
	function() {
	// cut from end, because IE7 adds base_href to beginning of href
	var $editing_mode = $(this).attr('href');
	$editing_mode = $editing_mode.substr($editing_mode.length - 1, 1);

	$(this).attr('href', $template_manager.browseUrl.replace('#EDITING_MODE#', $editing_mode));

	if ($editing_mode == $template_manager.editingMode) {
	$(this).parents('td:first').addClass('button-active').prevAll('td:first').addClass('button-active');
	}
	}
	);

	$head_frame.$('#extra_toolbar').html( $extra_toolbar.html() );

	var $hover_effect = [];

	if ($template_manager.editingMode > 1) {
	// all modes except for "Browse Mode"
	// $hover_effect.push('div.cms-section-properties-btn:first');
	}

	if ($template_manager.editingMode == 2) {
	// Content Mode
	// $hover_effect.push('div.cms-edit-btn');
	// $hover_effect.push('div.admin-edit-btn');

	// make all spans with phrases clickable
	$template_manager.setupEditTranslationButtons(document);

	// hide "Revision History" div on every body click (bubbled), but not a "toolbar button", that opens it
	$('body').click(
	function ($e) {
	var $target = $($e.target),
	$id = $target.attr('id');

	- if ( $id && ($id == 'tool_history' \|\| $id == 'div_history') ) {
	+ if ( $id && ($id == 'div_history' \|\| $target.parent().attr('id') == 'div_history') ) {
	return ;
	}

	$('#cms-revision-dropdown:visible').hide();
	}
	);
	}

	if ($template_manager.editingMode == 3) {
	// Design Mode
	// $hover_effect.push('div.cms-save-layout-btn:first, div.cms-cancel-layout-btn:first');

	$template_manager.renumberMovableElements();

	$('div.movable-area').sortable(
	{
	placeholder: 'move-helper',
	handle: '.movable-header',
	items: 'div.movable-element',
	connectWith: ['div.movable-area'],
	tolerance: 'pointer',
	start: function(e, ui) {
	$template_manager.inDrag = true;
	ui.placeholder.height( ui.item.height() );
	},
	stop: function(e, ui) {
	$template_manager.inDrag = false;

	// mouseout doesn't happen while in drag, so compensate it here
	var $header = $('.movable-header', ui.item);
	$('div.block-edit-block-btn-container', $header).mouseout();
	},
	change: function(e, ui) {
	$('div.cms-layout-btn-container').show();
	}
	}
	);
	}

	// make requested elements fully visible on mouseover
	if ( $hover_effect.length ) {
	$($hover_effect.join(', '))
	.mouseover(
	function(e) {
	$(this).css('opacity', 1);
	}
	)
	.mouseout(
	function(e) {
	$(this).css('opacity', 0.5);
	}
	);
	}

	// related to content revision control toolbar
	$('#cms-toggle-revision-toolbar').click(
	function ($e) {
	var $me = $(this);

	if ( $me.hasClass('opened') ) {
	var $height = $('#cms-revision-toolbar').height();

	$('#cms-revision-toolbar-layer').animate({top: (-1) * $height}, 'fast');
	$('#cms-editing-notice, #cms-revision-dropdown').hide();
	setCookie('toolbar_hidden', 1);
	}
	else {
	$('#cms-revision-toolbar-layer').animate({top: 0}, 'fast');
	setCookie('toolbar_hidden', 0);
	}

	$me.toggleClass('opened');

	return false;
	}
	);

	$('#cms-close-toolbar').click(
	function () {
	var $height = $('#cms-revision-toolbar').height();

	$('#cms-toggle-revision-toolbar').removeClass('opened');
	$('#cms-revision-toolbar-layer').css('top', (-1) * $height);

	$('#cms-editing-notice, #cms-revision-dropdown').hide();
	setCookie('toolbar_hidden', 1);

	return false;
	}
	);

	$('#cms-close-editing-notice').click(
	function () {
	$('#cms-editing-notice').hide();

	return false;
	}
	);

	$('.toolbar-button', '#cms-revision-toolbar').click(
	function ($e) {
	var $button_name = $(this).attr('id').replace(/^(tool\|div)_/, '');

	$template_manager.revisionToolbarClick($button_name);
	}
	);

	setInterval(
	function () {
	$.getJSON(
	$('#kf_revisions_' + $template_manager.pageId).attr('action') + '&events[page-revision]=OnGetInfo',
	function ($data) {
	$template_manager.pageInfo = $data;
	$template_manager.processPageInfo();
	}
	);
	}, 20 * 1000 // 20 seconds
	);

	if ( !$.isEmptyObject($template_manager.pageInfo) ) {
	$template_manager.processPageInfo();
	}
	}
	);
	}

	TemplateManager.prototype.processPageInfo = function () {
	var $class_mapping = {
	1: 'cms-revision-published',
	2: 'cms-revision-pending',
	0: 'cms-revision-declined'
	};

	var $title = $('.revision-title', '#cms-current-revision-info');

	$title.html( this.pageInfo.current_revision.title );
	$('.draft-saved', '#cms-current-revision-info').html( this.pageInfo.current_revision.saved );

	for (var $status in $class_mapping) {
	$title.toggleClass( $class_mapping[$status], $status === this.pageInfo.current_revision.status );
	}

	if ( $('#cms-toggle-revision-toolbar').hasClass('opened') ) {
	var $notice = $('#cms-editing-notice');

	if ( this.pageInfo.editors.length ) {
	if ( $('span:first', $notice).attr('prev_editors') != this.pageInfo.editors.join(',') ) {
	// show notice, only when editors change occurs
	$('span:first', $notice).html(this.pageInfo.editors_warning).attr('prev_editors', this.pageInfo.editors.join(','));

	if ( $notice.is(':hidden') ) {
	$notice.fadeIn();
	}
	}
	}
	else if ( $notice.is(':visible') ) {
	$notice.fadeOut();
	}
	}

	var $revision_container = $('.top', '#cms-revision-dropdown'),
	$revision_mask = ' <div class="item">\
	<span class="{CLASS}"><a href="{LINK}">{TITLE}</a> ({STATUS_LABEL})</span>\
	<div class="cms-left">{DATETIME}</div>\
	<div class="cms-right">{AUTHOR}</div>\
	<div class="cms-clear"></div>\
	</div>';

	$revision_container.empty();

	if ( $.isArray(this.pageInfo.revisions) ) {
	// no revisions yet
	}
	else {
	for (var $revision in this.pageInfo.revisions) {
	var $html = $revision_mask,
	$revision_info = this.pageInfo.revisions[$revision];

	for (var $field in $revision_info) {
	$html = $html.replace( new RegExp('{' + $field.toUpperCase() + '}', 'g'), $revision_info[$field] );
	}

	$html = $html.replace(/{CLASS}/g, $class_mapping[$revision_info.status] );

	if ( $revision_info['draft'] ) {
	$html = $html.replace(/{LINK}/g, this.browseUrl.replace('#EDITING_MODE#', 2) );
	}
	else {
	$html = $html.replace(/{LINK}/g, this.browseUrl.replace('#EDITING_MODE#', 2) + '&revision=' + $revision.substr(1) );
	}

	$revision_container.append($html);
	}

	$('.item', '#cms-revision-dropdown .top').each(
	function () {
	var $row = $(this);

	$('a:first', $row).click(
	function ($e) {
	$e.stopPropagation();
	}
	);

	$row.click(
	function ($e) {
	window.location.href = $('a:first', this).attr('href');
	}
	);
	}
	);
	}
	}

	TemplateManager.prototype.revisionToolbarClick = function ($button_name) {
	// console.log('button ', $button_name, ' clicked');

	var $button_event_map = {
	'select': 'OnSave',
	'delete': 'OnDiscard',
	'approve': 'OnPublish',
	'decline': 'OnDecline'
	};

	if ( $button_event_map[$button_name] !== undefined ) {
	$form_name = 'kf_revisions_' + this.pageId;
	submit_event('page-revision', $button_event_map[$button_name]);

	return ;
	}

	switch ( $button_name ) {
	case 'preview':
	var $url = this.browseUrl.replace('#EDITING_MODE#', 0).replace(/&(admin\|editing_mode)=[\d]/g, '');
	window.open( $url + '&preview=1' );
	break;

	case 'history':
	$('#cms-revision-dropdown').toggle();
	break;
	}
	}

	TemplateManager.prototype.setupEditTranslationButtons = function ($container) {
	$("span[name='cms-translate-phrase']", $container).each(
	function() {
	var $me = $(this);
	var $parent_link = $me.parents('a:first');

	if ($parent_link.length == 0) {
	// span in not inside "a" tag

	$me.prepend('<div class="cms-edit-btn"><div class="cms-btn-text">Edit</div></div>');
	$('div.cms-edit-btn:first', $me).click(TemplateManager.prototype.translatePhrase);
	$me.dblclick(
	function ($e) {
	$('div.cms-edit-btn:first', this).click();
	return false;
	}
	);

	var $effect_element = $me;
	}
	else {
	// span is inside "a" tag
	var $clone = $me.clone();
	$clone.empty().attr('title', '');

	// in case if "a" tag is "display: block", then make "span" the same
	$clone.css('display', $parent_link.css('display'));

	$parent_link.html( $me.html() ).wrap($clone);
	$parent_link.before('<div class="cms-edit-btn" title="' + $me.attr('title') + '"><div class="cms-btn-text">Edit</div></div>');
	$parent_link.prev('div.cms-edit-btn:first').click(TemplateManager.prototype.translatePhrase);

	var $effect_element = $parent_link.parents("span[name='cms-translate-phrase']:first");
	}

	$effect_element
	.mouseover(
	function($e) {
	$('div.cms-edit-btn', this).css('display', 'inline');
	}
	)
	.mouseout(
	function($e) {
	$('div.cms-edit-btn', this).hide();
	}
	);
	}
	);
	}

	TemplateManager.prototype.translatePhrase = function ($e) {
	var $translate_url = $(this).parents("span[name='cms-translate-phrase']:first").attr('href');

	if ($translate_url.match(/javascript:(.*)/)) {
	eval(RegExp.$1);
	}
	else {
	window.location.href = $translate_url;
	}

	return false;
	}

	TemplateManager.prototype.renumberMovableElements = function () {
	var $area_index = 0;
	// 1. dynamically assign IDs to all movable elements
	$('div.movable-area').each(
	function() {
	var $element_index = 0;
	$('div.movable-element', this).each(
	function() {
	$(this).attr('id', 'target_order_a' + $area_index + 'e' + $element_index);
	$element_index++;
	}
	);

	$area_index++;
	}
	);
	}

	TemplateManager.prototype.saveLayout = function () {
	// prepare order string
	var $sort_order = [];
	$('div.movable-area').each(
	function($area_index) {
	var $order = $(this).sortable('serialize').replace(/target_order\[\]/g, 'target_order[' + $area_index + '][]');
	if ($order) {
	$sort_order.push($order);
	}
	}
	);
	$sort_order = $sort_order.join('&');

	// save order string
	var $me = this;

	var $settings = {
	url: this.saveLayoutUrl + '&' + $sort_order + '&width=200&height=70&modal=true',
	caption: 'Layout Saving Result',
	onDataReceived: function ($data) {
	var $message = '';

	if ($data == 'OK') {
	$message = 'New Layout Saved';
	$('div.cms-layout-btn-container').hide();
	$me.renumberMovableElements();
	}
	else {
	$message = 'Failed to Save New Layout';
	}

	$data = '<div style="text-align: center;">' + $message + '<br/><br/><input type="button" class="button" value="OK" onclick="TB.remove();"/></div>';

	return $data;
	}
	};

	TB.setWindowTitle( window.top.document.title.replace(main_title + ' :: ', '') );
	TB.show($settings);
	}

	TemplateManager.prototype.cancelLayout = function () {
	window.location.href = window.location.href;
	}

	TemplateManager.prototype.onBtnClick = function ($e, $element) {
	var $id = $element.id.replace(/_btn$/, '');
	var $block_info = this._blocks[$id];
	var $url = this.editUrl.replace('#BLOCK#', $block_info.block_name + ':' + $block_info.function_name).replace('#EVENT#', 'OnLoadBlock');

	direct_edit('theme-file', $url);

	$e.stopPropagation();
	}

	TemplateManager.prototype.onMouseOver = function ($e, $element) {
	if (this.inDrag) {
	return ;
	}

	$element = $($element);

	if ($element.hasClass('block-edit-design-btn-container')) {
	$($element).addClass('block-edit-design-btn-container-over');

	var $button_group = $('div.cms-edit-design-btn-container:first', $element);
	if ($button_group.length) {
	$button_group.show();
	}
	else {
	$('.cms-edit-design-btn:first', $element).show();
	}
	}
	else {
	$($element).addClass('block-edit-block-btn-container-over');
	$('.cms-edit-block-btn:first', $element).show();
	}

	$e.stopPropagation();
	}

	TemplateManager.prototype.onMouseOut = function ($e, $element) {
	if (this.inDrag) {
	return ;
	}

	$element = $($element);

	if ($element.hasClass('block-edit-design-btn-container')) {
	$($element).removeClass('block-edit-design-btn-container-over');

	var $button_group = $('div.cms-edit-design-btn-container:first', $element);
	if ($button_group.length) {
	$button_group.hide();
	}
	else {
	$('.cms-edit-design-btn:first', $element).hide();
	}
	}
	else {
	$($element).removeClass('block-edit-block-btn-container-over');
	$('.cms-edit-block-btn:first', $element).hide();
	}

	$e.stopPropagation();
	}

	TemplateManager.prototype.searchBlocks = function () {
	var $design_containers = $('div.block-edit-design-btn-container');
	var $block_containers = $('div.block-edit-block-btn-container');

	$design_containers.each(
	function() {
	var $block_container = $('div.block-edit-block-btn-container:first', this);

	if ($block_container.length) {
	$block_containers = $block_containers.not($block_container);

	// place "Edit Block" button near "Edit Design" button
	var $edit_design_btn = $('.cms-edit-design-btn:first', this);
	var $edit_block_btn = $('.cms-edit-block-btn:first', $block_container);

	$edit_design_btn
	.wrap('<div class="cms-edit-design-btn-container"></div>')
	.before( $edit_block_btn.clone() );

	$edit_block_btn.remove();

	// make "hint" from "Edit Block" button container main
	$(this).attr('title', $block_container.attr('title'));
	$block_container.attr('title', '');

	TemplateManager.prototype.registerBlock.call(aTemplateManager, $block_container.get(0), ['hover']);
	}

	TemplateManager.prototype.registerBlock.call(aTemplateManager, this, ['dblclick']);
	}
	);

	$block_containers.each(
	function() {
	TemplateManager.prototype.registerBlock.call(aTemplateManager, this);
	}
	);

	// $('div').each (
	// function () {
	// /*var $id = $(this).attr('id');
	//
	// if (!$id \|\| $id.match(/parser_block\[.\]._btn$/) \|\| !$id.match(/parser_block\[.*\]/)) {
	// // skip other divs
	// return true;
	// }*/
	//
	//
	// TemplateManager.prototype.registerBlock.call(aTemplateManager, this);
	// }
	// );
	}

	TemplateManager.prototype.registerBlock = function ($element, $skip_events) {
	var $params = $element.getAttribute('params').split(':');

	this._blocks[$element.id] = {
	block_name: $params[0],
	function_name: $params[1]
	};

	var $btn = document.getElementById($element.id + '_btn');

	$($btn).click(
	function(ev) {
	TemplateManager.prototype.onBtnClick.call(aTemplateManager, ev, this);
	}
	);

	if ($skip_events === undefined) {
	$skip_events = [];
	}

	if (!in_array('dblclick', $skip_events)) {
	$($element)
	.dblclick(
	function(ev) {
	TemplateManager.prototype.onBtnClick.call(aTemplateManager, ev, this);
	}
	)
	}

	if (!in_array('hover', $skip_events)) {
	$($element)
	.mouseover(
	function(ev) {
	TemplateManager.prototype.onMouseOver.call(aTemplateManager, ev, this);
	}
	)
	.mouseout(
	function(ev) {
	TemplateManager.prototype.onMouseOut.call(aTemplateManager, ev, this);
	}
	);
	}

	this._blockOrder.push($element.id);
	}
	\ No newline at end of file
	Index: branches/5.2.x/core/admin_templates/incs/cms.css
	===================================================================
	--- branches/5.2.x/core/admin_templates/incs/cms.css (revision 15330)
	+++ branches/5.2.x/core/admin_templates/incs/cms.css (revision 15331)
	@@ -1,390 +1,398 @@
	/* === Common styles for "Section Properties" and "Edit" buttons === */
	div.cms-btn-image {
	float: left;
	height: 15px;
	vertical-align: middle;
	}

	div.cms-btn-text {
	margin-left: 3px;
	float: left;
	white-space: nowrap;
	vertical-align: middle;
	}

	div.cms-btn-content {
	padding: 5px;
	}

	.cms-edit-btn {
	padding: 2px 5px;
	font-family: Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	color: black;
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

	.cms-section-properties-btn, .cms-edit-btn, .cms-edit-block-btn, .cms-edit-design-btn {
	width: auto;
	position: absolute;
	z-index: 99;
	}

	.cms-edit-btn, .cms-edit-block-btn, .cms-edit-design-btn {
	margin-top: -10px;
	}

	div.cms-edit-design-btn-container {
	position: absolute;
	margin-left: -10px;
	margin-top: -10px;
	display: none;
	}

	div.cms-edit-design-btn-container .cms-edit-block-btn, div.cms-edit-design-btn-container .cms-edit-design-btn {
	float: left;
	display: block;
	position: relative;
	margin: 0px;
	}

	div.cms-edit-design-btn-container .cms-edit-design-btn {
	margin-left: 4px;
	}

	/* === Styles for "Section Properties" button === */
	.cms-section-properties-btn {
	float: right;
	position: relative;
	border-color: #A1D0A1;
	background-color: #CCFF00;
	}

	div.cms-section-properties-btn-container {
	border: 1px dashed #A1D0A1;
	margin: 10px;
	}

	/* === Styles for "Edit" button === */
	.cms-btn-new {
	cursor: pointer;
	background: url(@templates_base@/img/top_frame/icons/content_mode.png) #CCFF00 3px center no-repeat;
	padding: 2px 2px 2px 17px;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #A1D0A1;
	opacity: 0.5;
	filter: alpha(opacity=50);

	color: black;
	font-family: Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	}

	.cms-btn-new:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

	div.cms-edit-btn-container {
	border: 1px dashed #FF6E00;
	}

	div.cms-edit-btn {
	border: 2px solid #FF6E00;
	}

	.cms-edit-btn {
	margin-left: -10px;
	border-color: #FF6E00;
	background-color: #FFCC00;
	}

	.cms-edit-block-btn {
	border-color: #FF6E00;
	background-color: #FFCC00;
	display: none;
	}

	.cms-edit-design-btn {
	border-color: #A1D0A1;
	background-color: #CCFF00;
	display: none;
	}

	.admin-edit-btn {
	border-color: #A1D0A1;
	background-color: #CCFF00;
	}

	/* === Styles for "Save" and "Cancel" buttons (for layout) === */
	div.cms-layout-btn-container {
	position: absolute;
	display: none;
	z-index: 99;
	}

	.cms-save-layout-btn, .cms-cancel-layout-btn {
	float: left;
	width: auto;
	}

	.cms-save-layout-btn {
	color: white;
	border-color: #1C960C;
	background-color: #24B30D;
	}

	.cms-cancel-layout-btn {
	color: white;
	border-color: #C81900;
	background-color: #DE2A00;
	}

	.cms-cancel-layout-btn {
	margin-left: 4px;
	}

	/* === Styles for Template Editor === */
	div.block-edit-block-btn-container, div.block-edit-design-btn-container {
	border: 1px dashed transparent;
	}

	div.block-edit-block-btn-container .cms-btn-new, div.block-edit-design-btn-container .cms-btn-new {
	opacity: 1;
	filter: alpha(opacity = 100);
	}

	div.block-edit-block-btn-container-over, div.block-edit-design-btn-container-over {
	border-color: #FF6E00;
	}

	/*div.block-edit-design-btn-container-over {
	border-color: #A1D0A1;
	}*/

	/* === Styles for element moving/sorting in theme === */
	div.movable-area {
	min-height: 200px;
	}

	.move-helper {
	border: 3px dashed #666;
	/width: auto !important;/
	}

	/* === Styles for phrase translation links === */
	span[name='cms-translate-phrase'] {
	text-decoration: none;
	border: 1px dashed transparent;
	padding: 3px;

	}

	span[name='cms-translate-phrase']:hover {
	border-color: #FF6E00;
	}

	span[name='cms-translate-phrase'] .cms-btn-text {
	font-size: 9px;
	}

	span[name='cms-translate-phrase'] .cms-edit-btn, span[name='cms-translate-phrase'] .admin-edit-btn {
	display: none;
	opacity: 1;
	filter: alpha(opacity=100);
	}


	/* === Misc Styles for "Content Revision Control" button === */
	.cms-clear { clear: both; }
	.cms-right { float: right; }
	.cms-left { float: left; }


	/* === Current Revision Information === */
	#cms-current-revision-info {
	color: #4b4b4b;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	float: left;
	padding: 0px 30px;
	}

	#cms-current-revision-info span {
	display: block;
	/color: #008c1b;/
	font-size: 16px;
	display: block;
	padding: 10px 0px 3px 0px;
	}

	#cms-current-revision-info span.cms-revision-published { color: #15b300; }
	#cms-current-revision-info span.cms-revision-pending { color: #ff9600; }
	#cms-current-revision-info span.cms-revision-declined { color: #f90000; }


	/* === Revision Editing Toolbar === */
	#cms-revision-toolbar {
	background-color: #F0F1EB;
	border-collapse: collapse;
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 0 1px 1px;
	font-size: 8pt;
	}

	#cms-revision-toolbar-layer {
	position: fixed;
	width: 630px;
	top: 0px;
	z-index: 100;
	}

	.toolbar-button, .toolbar-button-disabled, .toolbar-button-over {
	- color: #006F99;
	- float: left;
	- font-size: 8pt;
	- padding: 5px;
	- text-align: center;
	- vertical-align: middle;
	+ float: left;
	+ text-align: center;
	+ font-size: 8pt;
	+ padding: 5px;
	+ vertical-align: middle;
	+ color: #006F99;
	+}
	+
	+.toolbar-button-over {
	+ color: #000;
	+}
	+
	+.toolbar-button-disabled {
	+ color: #444;
	}

	a#cms-toggle-revision-toolbar {
	display: block;
	background: url(@templates_base@/img/top_frame/revision_control/button_vp_right.png) top right no-repeat;
	padding-right: 24px;
	float: right;
	margin-top: -1px;
	text-decoration: none;
	}

	a#cms-toggle-revision-toolbar span {
	display: block;
	background: url(@templates_base@/img/top_frame/revision_control/button_vp_left.png) top left no-repeat;
	line-height: 30px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 10px 0px 15px;
	}

	a#cms-toggle-revision-toolbar:hover span {
	color: #666666;
	}

	a#cms-toggle-revision-toolbar.opened {
	background: url(@templates_base@/img/top_frame/revision_control/button_vp_right2.png) top right no-repeat;
	}

	#cms-close-toolbar {
	float: right;
	display: block;
	width: 10px;
	height: 10px;
	background: url(@templates_base@/img/top_frame/revision_control/close_black.gif) top left;
	overflow: hidden;
	margin: 10px 10px 0 0;
	}


	/* === Revision Editing Notice === */
	#cms-editing-notice {
	width: 230px;
	- position: absolute;
	+ position: fixed;
	z-index: 101;
	margin-top: 50px;
	margin-left: 10px;

	display: none;
	}

	#cms-editing-notice .top {
	background: url(@templates_base@/img/top_frame/revision_control/message_background_red.png) left top no-repeat;
	padding: 30px 20px 10px 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

	#cms-editing-notice .bottom {
	background: url(@templates_base@/img/top_frame/revision_control/message_background_red.png) left bottom no-repeat;
	height: 6px;
	}

	#cms-close-editing-notice {
	float:right;
	display:block;
	width:10px;
	height:10px;
	background:url(@templates_base@/img/top_frame/revision_control/close_white.gif) top left;
	overflow:hidden;
	margin:-5px -10px 0 0;
	}


	/* === Revision Dropdown === */
	#cms-revision-dropdown {
	width: 240px;
	- position: absolute;
	+ position: fixed;
	margin-left: 260px;
	margin-top: 30px;
	z-index: 102;

	display: none;
	}

	#cms-revision-dropdown .top {
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	}

	#cms-revision-dropdown .item, #cms-revision-dropdown .item:hover {
	color: #666666;
	background: url(@templates_base@/img/top_frame/revision_control/history_item_background.gif) top left repeat-x #FFFFFF;
	padding: 10px 13px;
	border-top: 1px solid #e7e7e7;
	font-size: 11px;
	cursor: pointer;
	}

	#cms-revision-dropdown .item:hover {
	background: url(@templates_base@/img/top_frame/revision_control/history_item_background_hover.gif) top left repeat-x #F8F8F8;
	}

	#cms-revision-dropdown .item .red {
	color: #FF0000;
	padding-top: 6px;
	}

	#cms-revision-dropdown .bottom {
	background: url(@templates_base@/img/top_frame/revision_control/history_bottom.png) top left no-repeat;
	height: 6px;
	}

	.item .cms-revision-published, .item .cms-revision-pending, .item .cms-revision-declined {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 8px;
	}

	.item .cms-revision-published, .item .cms-revision-published a { color: #15b300 !important; }
	.item .cms-revision-published a:hover { color: #1ada00 !important; }

	.item .cms-revision-pending, .item .cms-revision-pending a { color: #ff9600 !important; }
	.item .cms-revision-pending a:hover { color: #ffba58 !important; }

	.item .cms-revision-declined, .item .cms-revision-declined a { color: #f90000 !important; }
	.item .cms-revision-declined a:hover { color: #ff6666 !important; }
	\ No newline at end of file

in-portalNo OneTemporaryActions

File Metadata

in-portalView Options

Event Timeline

in-portal
No OneTemporary
Actions

in-portal
View Options