diff options
| -rw-r--r-- | templates/program/styles.css | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/templates/program/styles.css b/templates/program/styles.css new file mode 100644 index 0000000..2df02fb --- /dev/null +++ b/templates/program/styles.css @@ -0,0 +1,86 @@ +{% for bf in broadcastformats %} +.bf-{{ bf.slug }} { background-color: {{ bf.color }}; } +{% endfor %} +dl.filterbox li { line-height:1em; } +.filterbox .abbrev { padding-left:20px; } +.show-abbrevs .abbrev { display: inline-block; width: 11px; height: 11px; margin-bottom: 2px; } +a.abbrev, .abbrev { background-repeat:no-repeat; background-position:left center; } +.abbrev span { display:none; } +{% for mf in musicfocus %} +.mf-{{ mf.abbrev }} { background-image:url({{ mf.button_url }}); } +.filterbox .mf-{{ mf.abbrev }}:hover { background-image:url({{ mf.button_hover_url }}); } +{% endfor %} +{% for si in showinformation %} +.si-{{ si.abbrev }} { background-image:url({{ si.button_url }}); } +.filterbox .si-{{ si.abbrev }}:hover { background-image:url({{ si.button_hover_url }}); } +{% endfor %} +{% for st in showtopic %} +.st-{{ st.abbrev }} { background-image:url({{ st.button_url }}); } +.filterbox .st-{{ st.abbrev }}:hover { background-image:url({{ st.button_hover_url }}); } +{% endfor %} +.show-detail-header .abbrev { display: inline-block; float: left; width: 17px; height: 17px; margin-bottom: 2px; margin-right: 2px; } +{% for mf in musicfocus %} +.show-detail-header .mf-{{ mf.abbrev }} { background-image:url({{ mf.big_button_url }}); } +{% endfor %} +{% for si in showinformation %} +.show-detail-header .si-{{ si.abbrev }} { background-image:url({{ si.big_button_url }}); } +{% endfor %} +{% for st in showtopic %} +.show-detail-header .st-{{ st.abbrev }} { background-image:url({{ st.big_button_url }}); } +{% endfor %} +.portletItem.bcformat { margin-bottom:5px; padding:3px; } +.show-start { font-size:1em; } +#timeslots h3, #shows h3 { margin-bottom:0.2em; margin-top:0; font-weight:normal; font-size:1em; } +#timeslots h4, #shows h4 { margin-bottom:0.5em; margin-top:0; line-height:1.2em; font-weight:normal; font-size:0.9em; } +#shows p, #timeslots p { margin:0; font-size:0.9em; } +p.show-description { font-style:italic; } +#shows .show, #timeslots .timeslot { padding:0.4em; min-height:30px; clear:both; border-bottom:1px solid white; } +.show-start, .show-abbrevs { float:left; } +.show-start { width:50px; } +.show-abbrevs { padding:2px 5px; text-align:center; width:50px; } +#timeslots .show-detail { margin-left:120px; } +#shows .show-detail { margin-left:60px; } +table.week-navigation td { text-align:center; padding:0 2em; } +table.week-navigation td.current, +table.week-navigation td:hover { background-color:black; color:white; font-weight:bold; } +table.week-navigation td:hover a, +table.week-navigation td:hover a:hover { color:white; } +table.week-navigation { margin:0 auto 0.55em auto; } +div.weekday { width:125px; float:left; line-height:1.2em; } +.weekday-starts { background-color:#858488; color:white; font-weight:bold; overflow:hidden; white-space:nowrap; font-size:10px; float:left; } +.weekday-starts-left { border-right:2px solid white; width:35px; } +.weekday-starts-right { border-left:2px solid white; width:34px; } +.weekday .timeslot { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } +.weekday .timeslot div { border-top:1px solid white; } +div.weekday { border-right:2px solid white; } +div.weekday-last { border-right:none; } +div.weekday, .weekday-starts { text-align:center; } +div.weekday h2 { margin:0; padding:5px 0; background-color:black; color:white; text-transform:uppercase; font-size:14px; line-height:16px; border-bottom:1px solid white; } +.show-detail-header { padding:10px; margin-bottom:20px; } +#column-main .show-detail-header h1, #column-main .show-detail-header h2 { text-shadow:none; } +.show-detail-header p { font-size:1.2em; } +.show-detail-header .show-details { display:inline-block; width:70%; } +.show-detail-header .show-categorization { display:inline-block; width:20%; } +.program-box .format { width:8px; font-size:8px; } +.program-box .start { width:32px; padding-right:3px; } +.program-box .show { padding-left:3px; } +#calendar .ui-datepicker-prev span, #calendar .ui-datepicker-next span { display:none; } +#calendar .ui-datepicker-prev { float:left; display:inline-block; width:20%; height:17px; cursor:pointer; background-position:80% center; background-repeat:no-repeat; background-image:url(img/arrow-left.png); } +#calendar .ui-datepicker-prev:hover { background-color:black; background-image:url(img/arrow-left-h.png); } +#calendar .ui-datepicker-next { float:right; display:inline-block; width:20%; height:17px; cursor:pointer; background-position:20% center; background-repeat:no-repeat; background-image:url(img/arrow-right.png); } +#calendar .ui-datepicker-next:hover { background-color:black; background-image:url(img/arrow-right-h.png); } +#calendar .ui-datepicker-title { height:17px; width:auto; font-weight:bold; text-align:center; } +table.ui-datepicker-calendar { width:100%; } +table.ui-datepicker-calendar td { width:14.3%; } +table.ui-datepicker-calendar td a.ui-state-default { text-align:center; display:inline-block; width:100%; } +table.ui-datepicker-calendar td a.ui-state-active { background-color:black; color:white; font-weight:bold; } +ul.nowplaying { margin-top:20px; } +ul.nowplaying li { display:list-item; margin-bottom:10px; } +.nowplaying .artist { font-weight:bold; } +.nowplaying .track {} +.nowplaying .meta {} +.host-list { -moz-column-count: 3; -moz-column-gap: 20px; } +#program-current-box td { padding-bottom:0.4em; } +#shows ul li { display:list-item; font-size:0.9em; } +ul.recommendations-list li { white-space:nowrap; display:list-item; } +ul.recommendations-list li a { display:inline-block; min-width:100px; } |