Took out CSS from JS and placed it in its own file.

This commit is contained in:
Sarven Capadisli 2009-11-18 17:59:44 +00:00
parent ef542afbe5
commit c1efb8aa7f
3 changed files with 56 additions and 52 deletions

View File

@ -118,6 +118,13 @@ class RealtimePlugin extends Plugin
return true; return true;
} }
function onEndShowStatusNetStyles($action)
{
$action->cssLink(common_path('plugins/Realtime/realtimeupdate.css'),
null, 'screen, projection, tv');
return true;
}
function onEndNoticeSave($notice) function onEndNoticeSave($notice)
{ {
$paths = array(); $paths = array();

View File

@ -0,0 +1,49 @@
#notices_primary {
position:relative;
}
#realtime_actions {
position: absolute;
top: -20px;
right: 0;
margin: 0 0 11px 0;
}
#realtime_actions li {
margin-left: 18px;
list-style-type: none;
float: left;
}
#realtime_actions button {
width: 16px;
height: 16px;
display: block;
border: none;
cursor: pointer;
text-indent: -9999px;
float: left;
}
#realtime_play {
background: url(icon_play.gif) no-repeat 47% 47%;
margin-left: 4px;
}
#realtime_pause {
background: url(icon_pause.gif) no-repeat 47% 47%;
}
#realtime_popup {
background: url(icon_external.gif) no-repeat 0 30%;
}
#queued_counter {
float:left;
line-height:1.2;
}
#showstream #notices_primary {
margin-top: 18px;
}

View File

@ -195,20 +195,6 @@ RealtimeUpdate = {
{ {
var NP = $('#notices_primary'); var NP = $('#notices_primary');
NP.prepend('<ul id="realtime_actions"><li id="realtime_playpause"></li><li id="realtime_timeline"></li></ul>'); NP.prepend('<ul id="realtime_actions"><li id="realtime_playpause"></li><li id="realtime_timeline"></li></ul>');
NP.css({'position':'relative'});
$('#realtime_actions').css({
'position':'absolute',
'top':'-20px',
'right':'0',
'margin':'0 0 11px 0'
});
$('#realtime_actions li').css({
'margin-left':'18px',
'list-style-type':'none',
'float':'left'
});
RealtimeUpdate._pluginPath = path; RealtimeUpdate._pluginPath = path;
@ -228,16 +214,6 @@ RealtimeUpdate = {
RT_PP.append('<button id="realtime_pause" class="pause" title="Pause">Pause</button>'); RT_PP.append('<button id="realtime_pause" class="pause" title="Pause">Pause</button>');
RT_P = $('#realtime_pause'); RT_P = $('#realtime_pause');
$('#realtime_pause').css({
'background':'url('+RealtimeUpdate._pluginPath+'icon_pause.gif) no-repeat 47% 47%',
'width':'16px',
'height':'16px',
'display':'block',
'border':'none',
'cursor':'pointer',
'text-indent':'-9999px',
'float':'left'
});
RT_P.bind('click', function() { RT_P.bind('click', function() {
RealtimeUpdate._paused = true; RealtimeUpdate._paused = true;
@ -252,23 +228,7 @@ RealtimeUpdate = {
RT_PP.empty(); RT_PP.empty();
RT_PP.append('<span id="queued_counter"></span> <button id="realtime_play" class="play" title="Play">Play</button>'); RT_PP.append('<span id="queued_counter"></span> <button id="realtime_play" class="play" title="Play">Play</button>');
$('#queued_counter').css({
'float':'left',
'line-height':'1.2'
});
RT_P = $('#realtime_play'); RT_P = $('#realtime_play');
RT_P.css({
'background':'url('+RealtimeUpdate._pluginPath+'icon_play.gif) no-repeat 47% 47%',
'width':'16px',
'height':'16px',
'display':'block',
'border':'none',
'cursor':'pointer',
'text-indent':'-9999px',
'float':'left',
'margin-left':'4px'
});
RT_P.bind('click', function() { RT_P.bind('click', function() {
RealtimeUpdate._paused = false; RealtimeUpdate._paused = false;
@ -307,18 +267,6 @@ RealtimeUpdate = {
NP.append('<button id="realtime_popup" title="Pop up in a window">Pop up</button>'); NP.append('<button id="realtime_popup" title="Pop up in a window">Pop up</button>');
var PP = $('#realtime_popup'); var PP = $('#realtime_popup');
PP.css({
'background':'transparent url('+ path + 'icon_external.gif) no-repeat 0 30%',
'width':'16px',
'height':'16px',
'display':'block',
'border':'none',
'cursor':'pointer',
'text-indent':'-9999px',
'float':'left'
});
$('#showstream #notices_primary').css({'margin-top':'18px'});
PP.bind('click', function() { PP.bind('click', function() {
window.open(url, window.open(url,
'', '',