diff -r 608f67c22514 -r 896e9dbc5f19 internetradio2.0/activeidlethemes/themes/ClassicIdle/classicidle.css --- a/internetradio2.0/activeidlethemes/themes/ClassicIdle/classicidle.css Tue Jul 06 14:07:20 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,563 +0,0 @@ - -/* What's this? */ -* { - nav-index: none; -} - -/******* - VIEW -********/ - -view { - display: block; - position: static; - width: 100%; - height: 100%; - direction: ltr; - block-progression: tb; - background-image: wallpaper; -} - -menuitem#Shortcut_SK2{ - _s60-longtap: true; -} -/************************************** - GENERAL DEFINITIONS FOR PLUGIN BOXES -***************************************/ - -box.pluginContainerBox { /* main_idle_act_pane */ - position: static; - border-top-width: 0.25u; - border-top-style: dotted; /* linestyle of the box */ - border-top-color: black; - width: auto; - nav-index: none; -} -/* everything else but the NT is inside this box */ -box#mainBox{ - position: static; - width: auto; -/* Block with flag '__NEWSTICKER' skipped. */ - height: 100%; - nav-index: none; -} - -/* settings for the pluginContainerBox during focus */ -box.pluginContainerBox:focus { - /*background-color: "SKIN(268458534 8448)"; *//* see S60_3_1_Reference_Icons_1.3.doc */ - background-color: "SKIN(268458534 5120 9)"; - } - - -/************************ - SHORTCUT PLUGIN AREA -*************************/ - -/* box where the actual plugin information is shown */ -box#shortcutPluginContainer { /* ai_links_pane*/ - margin-top: 0.5u; - height: 7.5u; - padding-left: 2u; - padding-right: 2u; - padding-top: /*0.7%;*/ 0.5u; - - block-progression: lr; -} - - -button.shortcutButton { /* cell_ai_link_pane */ - width: auto; - height: 7u; - nav-index: auto; -} - - -button.shortcutButton:focus { - background-image: "SKIN(268458534 24576)"; - background-color: "SKIN(268458534 5136)"; -} - -/* What's this ? */ -button#shortcutButton1 { - _s60-initial-focus: 100; -} - - -image.shortcutIcon { - width: 7u; - height: 7u; - margin-left: auto; - margin-right: auto; - _s60-aspect-ratio: preserve; -} - - -/* - Border-style ja -width täytyy olla määriteltynä vaikka käytetään skinistä tulevaa LAF:ia (bg-image:auto;). - Skini koostuu kahdesta osasta ja border-width määrittää myös skiniborderin. -*/ -tooltip.shortcutTooltip { /* popup_ai_links_title_window */ - width: 10.0u; /* any fixed lenghts works here if the owerflow is set to both tooltip and text inside it */ -/*height: 4.9u;*/ - height: 5.5u; - border-style: solid; - border-width: 5px; - _s60-start-delay: 1000000; - _s60-display-time: 1000000; - background-color:"SKIN(268458534 8480)"; /* TODO: check */ - overflow: visible; -} - - -text.shortcutTooltipText { /* popup_ai_links_title_window_t1 */ - position: static; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; - width: 100%; - height: 85%; - text-align: center; - /*color: auto;*/ - color: "SKIN(268458534 13056 19)"; - overflow: visible; - padding-right: 1u; - padding-left: 1u; - /*padding-top: 1u;*/ - padding-bottom: 1u; -} - - -/********************* - PLAYER PLUGIN AREA -**********************/ - -box#playerPlugin:focus { - background-image: "SKIN(268458534 24576)"; - background-color: "SKIN(268458534 5120 9)"; -} -box#playerPlugin{ - height:5u; - display: none; - nav-index: none; - block-progression: lr; -} - -image#playerStatusIcon { - display: block; - visibility: visible; - position: static; - top: 0.3u; - margin-left: 1.25u; - margin-top: 0.75u; - width: 3.5u; - height: 3.5u; -} - -text#playerTitleText { - display: none; - visibility: visible; - position: static; - width: auto; - height: 4u; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; - margin-left: 0.5u; - /*color: auto;*/ - color: "SKIN(268458534 13056 19)"; -} - -text#playerDurationText { - display: block; - visibility: visible; - position: static; - width: 11u; - margin-right: 0.75u; - text-align:right; - height: 4.0u; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; - /*color: auto;*/ - color: "SKIN(268458534 13056 19)"; -} - -/********************* - PLAYER VOLUME CONTROLL -**********************/ -box#mpVolume { - display: none; - width: 40u; - height: 6u; - position: absolute; - z-index: 2; - left: 5u; - top: 4.0u; - background-color:"SKIN(268458534 8480)"; -} - -image#musicPlayerVolumeDownIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: 2.0u; - width: 1.0u; - height: 4.0u; -} - -image#musicPlayerInactiveVolumeDownIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: 2.0u; - width: 1.0u; - height: 4.0u; -} - -image#musicPlayerSpeakerIcon { - display: block; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: 5.u; - width: 4.0u; - height: 4.0u; -} - -image#musicPlayerSpeakerMutedIcon { - display: block; - visibility: visible; - position: absolute; - top: 1.00u; - left: 5.u; - width: 4.0u; - height: 4.0u; -} - -/* -image#musicPlayerVolumeIcon { - display: block; - visibility: visible; - position: absolute; - left: 10u; - width: 20u; - height: 4u; - margin-top: auto; - margin-bottom: auto; -} - -*/ - -volumecontrol#musicPlayerVolumeIcon { - display: block; - visibility: visible; - position: absolute; - left: 10.0u; - width: 20.0u; - height: 4.0u; - margin-top: auto; - margin-bottom: auto; - focusable: true; - direction: ltr; - block-progression: lr; -} - - -slider { - focusable: false; - value: 5; - minrange: 0; - maxrange: 10; - z-index: 0; - -} - -image#musicPlayerVolumeUpIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: auto; - right: 2.0u; - width: 1.0u; - height: 4.0u; -} - -image#musicPlayerInactiveVolumeUpIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: auto; - right: 2.0u; - width: 1.0u; - height: 4.0u; -} - - -/********************* - VISUAL/INTERNET RADIO PLUGIN AREA -**********************/ - -box#radioPlugin:focus { - background-image: "SKIN(268458534 24576)"; - background-color: "SKIN(268458534 5120 9)"; -} -box#radioPlugin{ - height:5u; - display: none; - nav-index: none; - block-progression: lr; -} - -image#radioStatusIcon { - display: block; - visibility: visible; - position: static; - top: 0.3u; - margin-left: 1.25u; - margin-top: 0.75u; - width: 3.5u; - height: 3.5u; -} - -text#radioTitleText { - display: none; - visibility: visible; - position: static; - width: auto; - height: 4u; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; - margin-left: 0.5u; - color: "SKIN(268458534 13056 19)"; -} - - - -/********************* - VISUAL/INTERNETRADIO VOLUME CONTROL -**********************/ -box#radioVolume { - display: none; - width: 40u; - height: 6u; - position: absolute; - z-index: 2; - left: 5u; - top: 4.0u; - background-color:"SKIN(268458534 8480)"; -} - -image#radioVolumeDownIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: 2.0u; - width: 1.0u; - height: 4.0u; -} - -image#radioInactiveVolumeDownIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: 2.0u; - width: 1.0u; - height: 4.0u; -} - -image#radioSpeakerIcon { - display: block; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: 5.u; - width: 4.0u; - height: 4.0u; -} - -image#radioSpeakerMutedIcon { - display: block; - visibility: visible; - position: absolute; - top: 1.00u; - left: 5.u; - width: 4.0u; - height: 4.0u; -} - -volumecontrol#radioVolumeIcon { - display: block; - visibility: visible; - position: absolute; - left: 10.0u; - width: 20.0u; - height: 4.0u; - margin-top: auto; - margin-bottom: auto; - focusable: true; - direction: ltr; - block-progression: lr; -} - - -slider#radioSlider { - focusable: false; - value: 5; - minrange: 0; - maxrange: 10; - z-index: 0; -} - -image#radioVolumeUpIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: auto; - right: 2.0u; - width: 1.0u; - height: 4.0u; -} - -image#radioInactiveVolumeUpIcon { - display: none; - visibility: visible; - position: absolute; - margin-top: auto; - margin-bottom: auto; - left: auto; - right: 2.0u; - width: 1.0u; - height: 4.0u; -} - - -/****************** - SAT PLUGIN AREA -*******************/ - -box#SATPluginContainer { - display: none; /*block;*/ - nav-index: none; /* SAT is not focusable */ - height: 5u; - position: static; - /*block-progression: lr;*/ - direction: rtl; - block-progression: rl; -} - - -image.satIcon { - display: block; - visibility: visible; - position: static; - margin-top: 0.25u; - margin-left: 0.7u; - width: 4.0u; - height: 4.0u; -} - -text.satText { - display: block; - visibility: visible; - position: static; - width: auto; - top: 0.25u; - margin-top: 0.25u; - margin-right: 1.0u; - margin-left: 0.55u; - height: 4.25u; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; /* TODO: check */ - /*color: auto;*/ - color: "SKIN(268458534 13056 19)"; -} - - - -/************************ - CALENDAR PLUGIN AREA -*************************/ - -box#calendarPluginContainer:focus { - background-image: "SKIN(268458534 24576)"; - background-color: "SKIN(268458534 5120 9)"; -} -box#calendarPluginContainer { - display: block; - height: adaptive; - padding-bottom: 1u; -} - - -button.calendarEntryBox { - display: none; - visibility: visible; - height: auto; -} - - -image.calendarEntryIcon { /* ai_gene_pane_1_g1 */ - display: block; - visibility: visible; - position: absolute; - top: 0.5u; - left: 0.7u; - width: 4u; - height: 4u; -} - -text.calendarEntryText1 { /* ai_gene_pane_1_t1 */ - display: block; - visibility: visible; - position: absolute; - width: auto; - top: 0.0u; - left: 5.75u; - right: 0.9u; - height: 4.25u; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; - color: "SKIN(268458534 13056 19)"; -} - - -text.calendarEntryText2 { /* ai_gene_pane_2_t1 */ - display: block; - visibility: visible; - position: absolute; - width: auto; - top: 4.25u; - left: 5.75u; - right: 0.9u; - height: 4.25u; - font-family: EAknLogicalFontSecondaryFont; - font-size: 3.5u; - color: "SKIN(268458534 13056 19)"; -} - - -/* priorities for calendar buttons, the lower we go, the less priority the button has --> if it does not fit on the screen it will be dropped*/ -/* please note that the priority ID must be unique for each element defined --> do not use it via class element */ -button#calendarEntryBox1{ _s60-display-priority: 21; } -button#calendarEntryBox2{ _s60-display-priority: 22; } -button#calendarEntryBox3{ _s60-display-priority: 23; } -button#calendarEntryBox4{ _s60-display-priority: 24; } -button#calendarEntryBox5{ _s60-display-priority: 25; } -button#calendarEntryBox6{ _s60-display-priority: 26; } -button#calendarEntryBox7{ _s60-display-priority: 27; } -button#calendarEntryBox8{ _s60-display-priority: 28; } - -/* Block with flag '__NEWSTICKER' skipped. */