From: Jan Schneider Date: Tue, 16 Mar 2010 23:07:45 +0000 (+0100) Subject: Namespace calendar popup CSS rules. X-Git-Url: https://git.internetallee.de/?a=commitdiff_plain;h=8f7b65e5fc300e6e60ca493a863ca5010ee11f85;p=horde.git Namespace calendar popup CSS rules. --- diff --git a/horde/js/calendar.js b/horde/js/calendar.js index c3f093f1a..da21fcef7 100644 --- a/horde/js/calendar.js +++ b/horde/js/calendar.js @@ -70,7 +70,7 @@ var Horde_Calendar = var cell, i, i_max, p, row, startOfView, vp, count = 1, - div = $('horde-calendar'), + div = $('hordeCalendar'), tbody = div.down('TBODY'), // Requires init above @@ -133,13 +133,13 @@ var Horde_Calendar = if (today_year == this.year && today_month == this.month && today_day == i) { - cell.writeAttribute({ className: 'today' }); + cell.writeAttribute({ className: 'hordeCalendarToday' }); } if (open_year == this.year && open_month == this.month && open_day == i) { - cell.addClassName('current'); + cell.addClassName('hordeCalendarCurrent'); } row.insert(cell.insert(new Element('A', { href: '#' }).insert(i).observe('click', this.dayOnClick.bindAsEventListener(this)))); @@ -178,9 +178,9 @@ var Horde_Calendar = // IE 6 only. if (Prototype.Browser.IE && !window.XMLHttpRequest) { - iframe = $('iframe_tt'); + iframe = $('hordeCalendarIframe'); if (!iframe) { - iframe = new Element('IFRAME', { name: 'iframe_tt', id: 'iframe_tt', src: 'javascript:false;', scrolling: 'no', frameborder: 0 }).hide(); + iframe = new Element('IFRAME', { name: 'hordeCalendarIframe', id: 'hordeCalendarIframe', src: 'javascript:false;', scrolling: 'no', frameborder: 0 }).hide(); document.body.appendChild(iframe); } iframe.clonePosition(div).setStyle({ @@ -203,9 +203,9 @@ var Horde_Calendar = hideCal: function() { - var iefix = $('ieframe_tt'); + var iefix = $('hordeCalendarIframe'); - $('horde-calendar').hide(); + $('hordeCalendar').hide(); if (iefix) { iefix.hide(); @@ -234,7 +234,7 @@ var Horde_Calendar = { var i, link, row, thead = new Element('THEAD'), - table = new Element('TABLE', { className: 'calendarPopup', cellSpacing: 0 }).insert(thead).insert(new Element('TBODY')); + table = new Element('TABLE', { className: 'hordeCalendarPopup', cellSpacing: 0 }).insert(thead).insert(new Element('TBODY')); // Title bar. link = new Element('A', { href: '#' }).insert('x'); @@ -276,7 +276,7 @@ var Horde_Calendar = } thead.insert(row); - $(document.body).insert({ bottom: new Element('DIV', { id: 'horde-calendar' }).setStyle({ position: 'absolute' }).hide().insert(table) }); + $(document.body).insert({ bottom: new Element('DIV', { id: 'hordeCalendar' }).setStyle({ position: 'absolute' }).hide().insert(table) }); } }; diff --git a/horde/templates/javascript/open_calendar.js b/horde/templates/javascript/open_calendar.js index 7e620d81f..d8fef1bad 100644 --- a/horde/templates/javascript/open_calendar.js +++ b/horde/templates/javascript/open_calendar.js @@ -178,7 +178,7 @@ var Horde_Calendar = { var tbody = document.createElement('TBODY'); table.appendChild(thead); table.appendChild(tbody); - table.className = 'calendarPopup'; + table.className = 'hordeCalendarPopup'; table.cellSpacing = 0; // Title bar. @@ -330,15 +330,15 @@ var Horde_Calendar = { if (today_year == year && today_month == month && today_day == i) { - cell.className = 'today'; + cell.className = 'hordeCalendarToday'; } if (open_year == year && open_month == month && open_day == i) { if (cell.className.length) { - cell.className += ' current'; + cell.className += ' hordeCalendarCurrent'; } else { - cell.className = 'current'; + cell.className = 'hordeCalendarCurrent'; } } diff --git a/horde/themes/rtl.css b/horde/themes/rtl.css index 62acd89de..3c81591b4 100644 --- a/horde/themes/rtl.css +++ b/horde/themes/rtl.css @@ -123,7 +123,7 @@ option { } /* Calendar Popup. */ -.calendarPopup tbody { +.hordeCalendarPopup tbody { text-align: left; } diff --git a/horde/themes/screen.css b/horde/themes/screen.css index 1cbf72ffd..b18bd2e17 100644 --- a/horde/themes/screen.css +++ b/horde/themes/screen.css @@ -691,33 +691,33 @@ ul.sound-list { } /* Calendar Popup. */ -table.calendarPopup { +.hordeCalendarPopup { border: 1px solid #ccc; background: #fff; width: 12em; } -.calendarPopup thead { +.hordeCalendarPopup thead { font-weight: bold; } -.calendarPopup th { +.hordeCalendarPopup th { border-bottom: 1px solid #ccc; } -.calendarPopup tbody { +.hordeCalendarPopup tbody { text-align: right; } -.calendarPopup a { +.hordeCalendarPopup a { color: #000; display: block; padding: 2px; } -.calendarPopup tbody a:hover { +.hordeCalendarPopup tbody a:hover { background: #ffc; } -.calendarPopup .current { +.hordeCalendarPopup .hordeCalendarCurrent { font-weight: bold; background: #eef; } -.calendarPopup .today { +.hordeCalendarPopup .hordeCalendarToday { font-weight: bold; } diff --git a/kronolith/templates/javascript/goto.js b/kronolith/templates/javascript/goto.js index 1229bb171..ea4626ca5 100644 --- a/kronolith/templates/javascript/goto.js +++ b/kronolith/templates/javascript/goto.js @@ -88,7 +88,7 @@ function openKGoto(d, event) var tbody = document.createElement('TBODY'); table.appendChild(thead); table.appendChild(tbody); - table.className = 'calendarPopup'; + table.className = 'hordeCalendarPopup'; table.cellSpacing = 0; // Title. @@ -254,7 +254,7 @@ function openKGoto(d, event) if (thisYear == year && today.getMonth() == month && today.getDate() == i) { - cell.className = 'today'; + cell.className = 'hordeCalendarToday'; } link = document.createElement('A'); link.href = ''; diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css index d0db1b01a..a58300da6 100644 --- a/kronolith/themes/screen.css +++ b/kronolith/themes/screen.css @@ -1419,7 +1419,7 @@ li.panel-tags { color: #000; } -#color-picker, #horde-calendar { +#color-picker, #hordeCalendar { z-index: 103; }