Congegni
/
sintonia
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove the slow metadata from the DAY VIEW. Added more prominent CURRENT DAY label.

This commit is contained in:
paul 2006-11-28 17:42:18 +00:00
parent 5c47d960ae
commit b07fe34988
2 changed files with 75 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

138
campcaster/src/modules/htmlUI/var/html/styles_livesupport.css
View File

@ -2,7 +2,7 @@ a {
text-decoration: none; text-decoration: none;
} }
body { body {
font-size: 12px; font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif; font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
@ -10,11 +10,11 @@ body {
margin: 0px; margin: 0px;
} }
img { img {
border: none; border: none;
} }
form { form {
font-size: 12px; font-size: 12px;
margin: 15px 0 15px 0; margin: 15px 0 15px 0;
} }
@ -41,12 +41,12 @@ form {
font-size: 0; font-size: 0;
} }
.container { .container {
font-size: 12px; font-size: 12px;
width: 100%; width: 100%;
} }
.button { .button {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #666; color: #666;
@ -56,7 +56,7 @@ form {
width: 100px; width: 100px;
} }
.button_wide { .button_wide {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #666; color: #666;
@ -65,7 +65,7 @@ form {
cursor: pointer; cursor: pointer;
width: 170px; width: 170px;
} }
.button_large { .button_large {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #666; color: #666;
@ -75,7 +75,7 @@ form {
width: 150px; width: 150px;
} }
.button_small { .button_small {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #666; color: #666;
@ -84,7 +84,7 @@ form {
width: 34px; width: 34px;
} }
input, select { input, select {
font-family: Arial, Verdana, Helvetica, sans-serif; font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
border-top: 1px solid #C7CCCC; border-top: 1px solid #C7CCCC;
@ -93,16 +93,16 @@ input, select {
border-right: 1px solid #A4A9A9; border-right: 1px solid #A4A9A9;
} }
.checkbox { .checkbox {
border: none; border: none;
} }
.input { .input {
font-size: 12px; font-size: 12px;
height: 16px; height: 16px;
} }
.input[class] { .input[class] {
font-size: 12px; font-size: 12px;
height: 15px; height: 15px;
} }
@ -110,7 +110,7 @@ input, select {
/* #################################### NAVIGATION ############################### */ /* #################################### NAVIGATION ############################### */
.container_nav { .container_nav {
font-size : 12px; font-size : 12px;
height: 26px; height: 26px;
clear: both; clear: both;
@ -118,12 +118,12 @@ input, select {
margin-bottom: 38px; margin-bottom: 38px;
} }
.container_nav[class] { .container_nav[class] {
padding-left: 10px; padding-left: 10px;
margin-bottom: 50px; margin-bottom: 50px;
} }
#nav, #nav ul { #nav, #nav ul {
float: left; float: left;
width: auto; width: auto;
list-style: none; list-style: none;
@ -133,19 +133,19 @@ input, select {
display: block; display: block;
} }
#nav a { #nav a {
display: block; display: block;
color: #FFFFFF; color: #FFFFFF;
text-decoration: none; text-decoration: none;
padding-right: 40px; padding-right: 40px;
} }
#nav li { #nav li {
float: left; float: left;
padding: 0; padding: 0;
} }
#nav li ul { #nav li ul {
display: block; display: block;
position: absolute; position: absolute;
left: -999px; left: -999px;
@ -155,7 +155,7 @@ input, select {
z-index: 1; z-index: 1;
} }
#nav li ul li { #nav li ul li {
clear: both; clear: both;
margin: 0; margin: 0;
} }
@ -171,16 +171,16 @@ input, select {
border-right: 1px solid #B57228; border-right: 1px solid #B57228;
} }
#nav a:hover { #nav a:hover {
color: #FFFFFF; color: #FFFFFF;
font-weight: bold; font-weight: bold;
} }
#nav li li a:hover { #nav li li a:hover {
background: #EE9232; background: #EE9232;
} }
#nav li:hover ul , #nav li:hover ul, #nav li.sfhover ul , #nav li.sfhover ul { #nav li:hover ul , #nav li:hover ul, #nav li.sfhover ul , #nav li.sfhover ul {
left: -999em; left: -999em;
} }
@ -209,14 +209,14 @@ input, select {
margin-bottom: 12px; margin-bottom: 12px;
} }
.contenttabnav A { .contenttabnav A {
font-size: 12px; font-size: 12px;
/*display: block;*/ /*display: block;*/
color: #5286ba; color: #5286ba;
text-decoration: none; text-decoration: none;
} }
.contenttabnav a:hover { .contenttabnav a:hover {
font-size: 12px; font-size: 12px;
color: #000; color: #000;
text-decoration: underline; text-decoration: underline;
@ -322,27 +322,33 @@ input, select {
margin-bottom: 21px; margin-bottom: 21px;
} }
.container_elements h1 { .container_elements h1 {
font-size: 18px; font-size: 18px;
margin: 0 0 4px 0; margin: 0 0 4px 0;
color: #666; color: #666;
} }
.head { .container_elements h3 {
font-size: 14px;
margin: 0 0 4px 0;
color: #666;
}
.head {
font-size: 12px; font-size: 12px;
background-color: #5286ba; background-color: #5286ba;
font-weight: bold; font-weight: bold;
color: #FFF; color: #FFF;
} }
.head .left { .head .left {
font-size: 12px; font-size: 12px;
padding: 5px 0 3px 10px; padding: 5px 0 3px 10px;
float: left; float: left;
width: 330px; width: 330px;
} }
.head .right { .head .right {
font-size: 12px; font-size: 12px;
padding: 5px 10px 3px 0; padding: 5px 10px 3px 0;
float: left; float: left;
@ -350,19 +356,19 @@ input, select {
width: 224px; width: 224px;
} }
.container_table { .container_table {
font-size: 12px; font-size: 12px;
/*height: 275px;*/ /*height: 275px;*/
overflow: auto; overflow: auto;
} }
table { table {
font-size: 12px; font-size: 12px;
border-collapse: collapse; border-collapse: collapse;
} }
table td { table td {
font-size: 12px; font-size: 12px;
padding: 0 6px 0 12px; padding: 0 6px 0 12px;
border-right: 1px solid #333; border-right: 1px solid #333;
@ -370,7 +376,7 @@ table td {
vertical-align: top; vertical-align: top;
} }
table tr.blue_head td { table tr.blue_head td {
font-size: 12px; font-size: 12px;
background-color: #8baed1; background-color: #8baed1;
color: #FFF; color: #FFF;
@ -378,29 +384,29 @@ table tr.blue_head td {
} }
A#blue_head { A#blue_head {
font-size: 12px; font-size: 12px;
color:#fff; color:#fff;
} }
table tr.blue1 td { table tr.blue1 td {
font-size: 12px; font-size: 12px;
color: #000; color: #000;
background-color: #d5e2ee; background-color: #d5e2ee;
} }
table tr.blue2 td { table tr.blue2 td {
font-size: 12px; font-size: 12px;
color: #000; color: #000;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
table tr.red td { table tr.red td {
font-size: 12px; font-size: 12px;
background-color: #FBAAAA; background-color: #FBAAAA;
} }
.footer { .footer {
font-size: 12px; font-size: 12px;
padding: 4px 5px 5px 0; padding: 4px 5px 5px 0;
background-color: #8baed1; background-color: #8baed1;
@ -408,7 +414,7 @@ table tr.red td {
margin-bottom: 8px; margin-bottom: 8px;
} }
.container_button { .container_button {
font-size: 12px; font-size: 12px;
margin-top: 4px; margin-top: 4px;
} }
@ -417,32 +423,32 @@ table tr.red td {
margin-bottom: 4px; margin-bottom: 4px;
} }
.comment { .comment {
float: left; float: left;
font-size: 10px; font-size: 10px;
margin: 5px 0 0 10px; margin: 5px 0 0 10px;
} }
.select_width_comment { .select_width_comment {
font-size: 12px; font-size: 12px;
float:left; float:left;
margin-left: 3px; margin-left: 3px;
} }
.select_width_comment[class] { .select_width_comment[class] {
font-size: 12px; font-size: 12px;
margin-left: 0; margin-left: 0;
} }
.tablebottom { .tablebottom {
font-size: 12px; font-size: 12px;
float: left; float: left;
margin-left: 0px; margin-left: 0px;
background-color: #8baed1; background-color: #8baed1;
} }
.counter { .counter {
font-size: 12px; font-size: 12px;
float: left; float: left;
margin-left: 7px; margin-left: 7px;
@ -450,7 +456,7 @@ table tr.red td {
background-color: #8baed1; background-color: #8baed1;
} }
.counter[class] { .counter[class] {
font-size: 12px; font-size: 12px;
margin-left: 15px; margin-left: 15px;
} }
@ -474,17 +480,17 @@ table tr.red td {
font-size: 10px; font-size: 10px;
} }
.container_button_upload { .container_button_upload {
font-size: 12px; font-size: 12px;
margin: 20px 0 0 204px; margin: 20px 0 0 204px;
} }
.container_button_upload[class] { .container_button_upload[class] {
font-size: 12px; font-size: 12px;
margin-left: 200px; margin-left: 200px;
} }
label { label {
font-size: 12px; font-size: 12px;
display: block; display: block;
float: left; float: left;
@ -580,7 +586,7 @@ table.calender_overview_table td.not_this_month {
margin-top: 5px; margin-top: 5px;
} }
table.scheduler_day td{ table.scheduler_day td{
font-size: 12px; font-size: 12px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding-top: 2px; padding-top: 2px;
@ -710,7 +716,7 @@ table.scheduler_week td.day_full {
background-color: #E7ECEF; background-color: #E7ECEF;
} }
table.scheduler_week td.day_locked { table.scheduler_week td.day_locked {
font-size: 12px; font-size: 12px;
border: none; border: none;
border-bottom: 1px solid #7392A6; border-bottom: 1px solid #7392A6;
@ -723,7 +729,7 @@ table.scheduler_week td h2 {
margin: 0; margin: 0;
} }
table.scheduler_week td p { table.scheduler_week td p {
font-size: 11px; font-size: 11px;
margin: 0; margin: 0;
} }
@ -785,7 +791,7 @@ table.scheduler_month .scala .scala_in {
height: 140px; height: 140px;
#border-bottom: 1px solid #ccc; #border-bottom: 1px solid #ccc;
} }
table.masterpalette td{ table.masterpalette td{
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
border-right: 0; border-right: 0;
@ -798,11 +804,11 @@ table.masterpalette td{
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
#time { #time {
padding-top: 5px; padding-top: 5px;
background: #EBF1F8; background: #EBF1F8;
padding-bottom: 10px; padding-bottom: 10px;
padding-left: 10px; padding-left: 10px;
@ -818,13 +824,13 @@ table.masterpalette td{
border-top: 1px solid #999; border-top: 1px solid #999;
border-left: 1px solid #999; border-left: 1px solid #999;
} }
#time h1{ #time h1{
font-size: 18pt; font-size: 18pt;
line-height: 10pt; line-height: 10pt;
font-weight: bold; font-weight: bold;
} }
#nowplaying { #nowplaying {
padding-top: 5px; padding-top: 5px;
background: #EBF1F8; background: #EBF1F8;
@ -841,8 +847,8 @@ table.masterpalette td{
border-left: 1px solid #999; border-left: 1px solid #999;
color: #999; color: #999;
} }
#nowplaying_indicator { #nowplaying_indicator {
padding-top: 5px; padding-top: 5px;
background: #EBF1F8; background: #EBF1F8;
@ -857,8 +863,8 @@ table.masterpalette td{
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-top: 1px solid #999; border-top: 1px solid #999;
border-left: 1px solid #999; border-left: 1px solid #999;
} }
#onair { #onair {
margin-top: 30px; margin-top: 30px;
text-transform: uppercase; text-transform: uppercase;
@ -867,8 +873,8 @@ table.masterpalette td{
vertical-align: middle; vertical-align: middle;
color: #A2C6D6; color: #A2C6D6;
white-space: nowrap; white-space: nowrap;
} }
#offair { #offair {
margin-top: 30px; margin-top: 30px;
text-transform: uppercase; text-transform: uppercase;
@ -886,7 +892,7 @@ table.masterpalette td{
padding-left: 80px; padding-left: 80px;
padding-right: 5px; padding-right: 5px;
} }
/* *************** NOW/NEXT CLIP ****************** */ /* *************** NOW/NEXT CLIP ****************** */
.whatplaying .title { .whatplaying .title {
@ -894,7 +900,7 @@ table.masterpalette td{
font-size: 15px; font-size: 15px;
} }
.whatplaying .scala { .whatplaying .scala {
width: 250px; width: 250px;
height: 8px; height: 8px;
margin-top: 5px; margin-top: 5px;
@ -905,13 +911,13 @@ table.masterpalette td{
border-right: 1px solid #6F6F6F; border-right: 1px solid #6F6F6F;
} }
.whatplaying .scala .scala_in { .whatplaying .scala .scala_in {
background: #DADADA url("css_img/bg_scala_in.png") repeat-x top left; background: #DADADA url("css_img/bg_scala_in.png") repeat-x top left;
font-size:1px; font-size:1px;
height: 8px; height: 8px;
} }
.whatplaying .time { .whatplaying .time {
width: 250px; width: 250px;
font-size: 11px; font-size: 11px;
} }

6
campcaster/src/modules/htmlUI/var/templates/scheduler/day.tpl
View File

@ -7,7 +7,7 @@
<div class="container_elements"> <div class="container_elements">
<h1>##Daily View##</h1> <h1>##Daily View##</h1>
<div class="clearer">&nbsp;</div> <div class="clearer">&nbsp;</div>
<p>##{$SCHEDULER->curr.monthname}## {$SCHEDULER->curr.day}, {$SCHEDULER->curr.year}</p> <p><h3>##{$SCHEDULER->curr.monthname}## {$SCHEDULER->curr.day}, {$SCHEDULER->curr.year}</h3></p>
<form name="SCHEDULER"> <form name="SCHEDULER">
<table class="scheduler_day" style="width: 606px;"> <table class="scheduler_day" style="width: 606px;">
@ -30,7 +30,7 @@
{foreach from=$_entrys[$_hour].end item="i"} {foreach from=$_entrys[$_hour].end item="i"}
{if $i.startsyesterday} {if $i.startsyesterday}
<div {include file="scheduler/removeitem.tpl"}> <div {include file="scheduler/removeitem.tpl"}>
<img src="img/playlist.png" border="0" {include file="sub/alttext.tpl"}> <img src="img/playlist.png" border="0" {* include file="sub/alttext.tpl"*}>
&nbsp; &nbsp;
<b>{$i.title}</b> <b>{$i.title}</b>
##yesterday## {$i.start} - {$i.end} ##yesterday## {$i.start} - {$i.end}
@ -44,7 +44,7 @@
{if $_entrys[$_hour].start} {if $_entrys[$_hour].start}
{foreach from=$_entrys[$_hour].start item="i"} {foreach from=$_entrys[$_hour].start item="i"}
<div {include file="scheduler/removeitem.tpl"}> <div {include file="scheduler/removeitem.tpl"}>
<img src="img/playlist.png" border="0" {include file="sub/alttext.tpl"}> <img src="img/playlist.png" border="0" {*include file="sub/alttext.tpl"*}>
&nbsp; &nbsp;
<b>{$i.title}</b> <b>{$i.title}</b>