diff -r 000000000000 -r 09774dfdd46b internetradio2.0/activeidlethemes/themes/ActiveIdle/activeidle.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/internetradio2.0/activeidlethemes/themes/ActiveIdle/activeidle.css Mon Apr 19 14:01:53 2010 +0300 @@ -0,0 +1,1041 @@ +* { + nav-index: none; +} + +/* Hide arabic triggers. Only class="western" are shown */ +trigger.arabic { + display: none; +} +view { /* main_idle_act2_pane */ + display: block; + position: static; + width: 100%; + height: 100%; + direction: ltr; + block-progression: lr; + background-image: wallpaper; +} + +menuitem#SK2{ + _s60-longtap: true; +} +/************************************** + NAVI BAR +***************************************/ + +box#pluginIconArea { /* popup_ai2_link_window */ + display: block; + visibility: visible; + position: absolute; + width: 7.25u; + height: 28.75u; + left: 1.0u; + top: 1.5u; + padding-left: 0.85u; + padding-right: 0.65u; + padding-top: 1.00u; + padding-bottom: 1.00u; + + block-progression: tb; + background-color:"SKIN(268458534 8448)"; + z-index: 1; +} + + +image.pluginAreaIcon { /* grid_ai2_link_window_g1 */ + display: block; + visibility: visible; + position: static; + width: 5.75u; + /*height: 20%;*/ /* with NewsTicker */ + height: 5.75u; + margin-left: 0.75u; + margin-right: 0.75u; + block-progression: tb; + z-index: 1; +} + +image.pluginAreaIcon:focus { + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5136)"; +} + +image#shortcutPluginIcon { + nav-index: 1; +/* Block with flag '__NEWSTICKER' skipped. */ +} +image#organizerPluginIcon { + nav-index: 2; +} +image#musicPlayerPluginIcon { + nav-index: 3; +} +image#radioPluginIcon { + nav-index: 4; +} +image#personalizationPluginIcon { + nav-index: 5; +/* Block with flag '__NEWSTICKER' skipped. */ +} + + +/************************************** + SAT AREA +***************************************/ + +box#SATPluginContainer { + display: block; + visibility: visible; + position: absolute; + left: 9.75u; + top: 1.0u; + width: auto; + height: 4.0u; + background-image: auto; +} + +text.satText { + display: block; + visibility: visible; + position: static; + width: auto; + height: 4.0u; + left: auto; + margin-right: 1.0u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; /* TODO: check */ + text-align: right; + /*color: auto;*/ + color: "SKIN(268458534 13056 19)"; +} + +image.satIcon { + display: block; + visibility: visible; + position: static; + top: 0.25u; + left: auto; + margin-right: 1.0u; + width: 3.5u; + height: 3.5u; +} + + +/************************************** + PLUGIN AREA +***************************************/ + +box#pluginContainerArea { /* popup_ai2_data_window */ + display: block; + visibility: visible; + position: absolute; + width: auto; + height: auto; + left: 10.0u; + top: 1.5u; + margin-right: 1.0u; + margin-bottom: 1.5u; + /*padding-left: + padding-right:*/ + block-progression: tb; + z-index: 0; +} + + +/********* + GENERAL +**********/ + +box.pluginContainer { /* popup_ai2_data_window */ + display: none; + visibility: visible; + position: static; + width: 100%; + height: 100%; + block-progression: tb; + background-color:"SKIN(268458534 8448)"; + z-index: 1; +} + +/* There seems to be a bug in the animation system that doesn't start +the animation correctly. This is to go around it. */ + +box#shortcutPluginAnimationFixButton { + display: none; + visibility: hidden; + width: 0%; + height: 0%; +} + +button.fakeButton { + display: none; + visibility: hidden; + width: 0%; + height: 0%; +} + +text.titleText{ /* heading_ai2_ gene_pane */ + display: block; + visibility: visible; + position: static; + block-progression: lr; + width: auto; + height: 14.4%; + padding-left: 1.2u; + padding-right: 1.1u; + margin-left: 0.7u; + margin-right: 0.9u; + padding-bottom: 0.5u; + border-bottom-width: thin; + border-bottom-style: dotted; + border-bottom-color: auto; + nav-index: auto; + font-family: EAknLogicalFontPrimaryFont; + font-size: 4.0u; + color: "SKIN(268458534 13056 19)"; +} + +text.titleText:focus{ + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; + color: "SKIN(268458534 13056 9)"; +} + +text.genericButtonText { /* ai2_gene_pane_t1 */ + display: block; + visibility: visible; + position: static; + width: auto; + height: auto; + padding-left: 1.0u; + padding-right: 1.0u; + margin-left: 0.7u; + margin-right: 0.9u; + padding-bottom: 0.6u; + padding-top: -0.3u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + color: "SKIN(268458534 13056 19)"; + nav-index: auto; + border-top-width: thin; + border-top-style: dotted; + border-top-color: auto; +} + +text.genericButtonText:focus{ + /*color: EAknsCIQsnTextColorsCG10;*/ + color: "SKIN(268458534 13056 9)"; + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; +} + + +/************************ + SHORTCUT PLUGIN AREA +*************************/ + +image#shortcutPluginIcon { _s60-initial-focus: 1; } + + +/************************ + CALENDAR PLUGIN AREA +*************************/ +box#organizerPluginContainer { /* popup_ai2_data_window */ + display: none; + visibility: visible; + position: static; + width: 100%; + height: 100%; + block-progression: tb; + background-color:"SKIN(268458534 8448)"; + z-index: 1; +} +/* Organiser items are buttons because they contain 1-2 textelements + and an image element */ +button.organizerButton { /* ai2_gene_pane */ + display: none; + visibility: visible; + position: static; + width: auto; + height: 13.5%; + margin-left: 0.75u; + margin-right: 0.75u; + nav-index: auto; + border-top-width: 0.5%; + border-top-style: dotted; + border-top-color: auto; +} + +button.organizerButtonLastPosition { /* ai2_gene_pane */ + display: block; + visibility: visible; + position: static; + width: auto; + height: 12.5%; + margin-left: 0.75u; + margin-right: 0.75u; + margin-bottom: 0.65u; + nav-index: auto; + border-top-width: 0.5%; + border-top-style: dotted; + border-top-color: auto; +} + +button.organizerButton:focus { + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; + +} + +button.organizerButtonLastPosition:focus { + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; +} + +button#eventButton4 { display: none; nav-index: none; } +button#eventButton5 { display: none; nav-index: none; } +button#eventButton6 { display: none; nav-index: none; } + +image.eventIcon { /* ai2_gene_pane_g2 */ + display: block; + visibility: visible; + position: absolute; + top: 0.75u; + left: 1.25u; + width: 4.0u; + height: 4.0u; +} + +text.eventText1 { /* ai2_gene_pane_t1 */ + display: block; + visibility: visible; + position: absolute; + width: auto; + height: 4.0u; + left: 6.25u; + right: 1.0u; + /*top: 0.75u;*/ + top: 6%; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + color: "SKIN(268458534 13056 19)"; +} + + +text.eventText2 { /* ai2_gene_pane_t1 */ + display: block; + visibility: visible; + position: absolute; + width: auto; + height: 4.0u; + /*top: 4.5u; */ + top: auto; + bottom: 8%; + left: 6.25u; + right: 1.0u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + color: "SKIN(268458534 13056 19)"; +} + + +/********************* + PLAYER PLUGIN AREA +**********************/ + +box#volumeIndicator { /* ai2_mp_volume_pane */ + display: none; + visibility: visible; + position: absolute; + block-progression: lr; + top: 15.5%; + width: auto; + height: 14%; + margin-left: 0.75u; + margin-right: 0.75u; + border-top-width: 0.5%; + border-top-style: dotted; + border-top-color: auto; + nav-index: auto; + +} + + +box#volumeIndicator:focus { + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; + +} + + + +image#musicPlayerVolumeDownIcon { + display: none; + visibility: visible; + position: absolute; + left: 1.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; + +} + +image#musicPlayerVolumeDownIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 1.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} + +image#musicPlayerSpeakerIcon { + display: block; + visibility: visible; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +image#musicPlayerSpeakerIconHighlight { + display: block; + visibility: hidden; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +image#musicPlayerSpeakerMutedIcon { + display: none; + visibility: visible; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +image#musicPlayerSpeakerMutedIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +/* +image#musicPlayerVolumeIcon { + display: block; + visibility: visible; + position: absolute; + left: 9.5u; + width: 20.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} +*/ + +volumecontrol#musicPlayerVolumeIcon { + display: block; + visibility: visible; + position: absolute; + left: 9.5u; + 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; + left: 30.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} + +image#musicPlayerVolumeUpIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 30.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} + +/*image#musicPlayerInactiveVolumeUpIcon { + display: none; + visibility: visible; + position: absolute; + left: 30.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; + z-index: 11; +} + +image#musicPlayerInactiveVolumeUpIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 30.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; + z-index: 10; +}*/ + + +/* Replaces volume control and playback info when player is inactive */ +box#playerInActive { + display: block; + visibility: visible; + position: static; + width: auto; + height: auto; + margin-left: 0.75u; + margin-right: 0.75u; + border-top-width: 0.5%; + border-top-style: dotted; + border-top-color: auto; + nav-index: auto; +} + + +text#musicPlayerInActive { + display: block; + visibility: visible; + position: static; + text-align: center; + margin-top: auto; + margin-bottom: 45.0%; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + /*color: auto; */ + color: "SKIN(268458534 13056 19)"; +} + + +box#infoArea { + display: none; + visibility: visible; + position: absolute; + width: auto; + height: auto; + top: 29.5%; + margin-left: 1.1u; + margin-right: 1.1u; + border-top-width: 0.4%; + border-top-style: dotted; + border-top-color: auto; +} + +/* A box around the artist and track name */ +/* the idea here is to display max 6 rows (max-line-amount). */ +/* The track has higher display-prio so it will be displayed first. */ +/* The track will get all the lines (max 6) it needs in order to display its name */ +/* Whats left of the 6 lines from track name will be used for artist */ +box#trackAndArtist{ + display: block; + visibility: visible; + position: absolute; + width: auto; + /* For landscape orientation. This way we get the */ + /* last line out of sight */ + height: 100%; + margin-bottom: 10.5u; +} + +box#artistLine { + display: block; + visibility: visible; + position: static; + height: adaptive; + _s60-display-priority: 11; +} + + +box#trackLine { + display: block; + visibility: visible; + position: static; + height: adaptive; + _s60-display-priority: 10; + +} + + +box#durationLine { + display: block; + visibility: visible; + position: static; + height: 4.0u; + margin-top: auto; + margin-bottom: 2.0u; +} + + +image.playerStatusIcon { + display: block; + visibility: visible; + position: absolute; + width: 3.5u; + height: 3.5u; + left: 1.3u; + /*right: auto;*/ + top: 1.0u; +} + +text#time{ + display: block; + visibility: visible; + position: absolute; + width: auto; + height: 4.0u; + left: 7.5u; + right: 1.00u; + top: 0.25u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + /*color: auto;*/ + color: "SKIN(268458534 13056 19)"; + margin-left: 1.0u; + margin-right: 1.0u; + margin-top: 0.25u; +} + +text.playerTextLine { + display: block; + visibility: visible; + position: static; + width: auto; + height: adaptive; + + margin-left: 1.0u; + margin-right: 2.75u; + margin-top: 0.25u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + /*color: auto; */ + color: "SKIN(268458534 13056 19)"; + text-overflow-mode: wrap; + max-line-amount: 6; +} + + +/********************* + VISUAL/INTERNET RADIO PLUGIN AREA +**********************/ + +button.radioTitleButton { /* heading_ai2_ gene_pane */ + display: block; + visibility: visible; + position: static; + block-progression: lr; + width: auto; + height: 14.4%; + padding-left: 1.2u; + padding-right: 1.1u; + margin-left: 0.7u; + margin-right: 0.9u; + padding-bottom: 0.5u; + border-bottom-width: thin; + border-bottom-style: dotted; + border-bottom-color: auto; + nav-index: auto; +} + +button.radioTitleButton:focus { + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; +} + +text.radioTitleText { /* heading_ai2_gene_pane_t1 */ + display: block; + visibility: visible; + position: static; + width: auto; + height: auto; + font-family: EAknLogicalFontPrimaryFont; + font-size: 4.0u; + color: "SKIN(268458534 13056 19)"; +} + +/* Invisible icon that is used to switch correct layout */ +image.invisibleRadioTitleIcon { + display: none; + visibility: visible; + position: absolute; + left: 0.25u; + top: 0.25u; + width: 4.0u; + height: 4.0u; +} + +box#radioVolumeIndicator { + display: none; + visibility: visible; + position: absolute; + block-progression: lr; + top: 15.5%; + width: auto; + height: 14%; + margin-left: 0.75u; + margin-right: 0.75u; + border-top-width: 0.5%; + border-top-style: dotted; + border-top-color: auto; + nav-index: auto; + +} + + +box#radioVolumeIndicator:focus { + background-image: "SKIN(268458534 24576)"; + background-color: "SKIN(268458534 5120 9)"; + +} + + + +image#radioVolumeDownIcon { + display: none; + visibility: visible; + position: absolute; + left: 1.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; + +} + +image#radioVolumeDownIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 1.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} + +image#radioSpeakerIcon { + display: block; + visibility: visible; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +image#radioSpeakerIconHighlight { + display: block; + visibility: hidden; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +image#radioSpeakerMutedIcon { + display: none; + visibility: visible; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + +image#radioSpeakerMutedIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 4.5u; + width: 4u; + height: 4u; + margin-top: auto; + margin-bottom: auto; + +} + + +volumecontrol#radioVolumeIcon { + display: block; + visibility: visible; + position: absolute; + left: 9.5u; + 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; + left: 30.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} + +image#radioVolumeUpIconHighlight { + display: none; + visibility: hidden; + position: absolute; + left: 30.5u; + width: 1.0u; + height: 4.0u; + margin-top: auto; + margin-bottom: auto; +} + + + +/* Replaces volume control and playback info when radio is inactive */ +box#radioInactive { + display: block; + visibility: visible; + position: static; + width: auto; + height: auto; + margin-left: 0.75u; + margin-right: 0.75u; + border-top-width: 0.5%; + border-top-style: dotted; + border-top-color: auto; + nav-index: auto; +} + + +text#radioInactiveText { + display: block; + visibility: visible; + position: static; + text-align: center; + margin-top: auto; + margin-bottom: 45.0%; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + color: "SKIN(268458534 13056 19)"; +} + + +box#visualRadioInfoArea { + display: none; + visibility: visible; + position: absolute; + width: auto; + height: auto; + top: 29.5%; + margin-left: 1.1u; + margin-right: 1.1u; + border-top-width: 0.4%; + border-top-style: dotted; + border-top-color: auto; +} + + +box#visualRadioNameLine { + display: block; + visibility: visible; + position: static; + height: 4.5u; + margin-top: 0.25u; + block-progression: lr; +} + + +box#visualRadioLocationLine { + display: block; + visibility: visible; + position: static; + height: 4.5u; + margin-top: 0.25u; +} + + +box#visualRadioFrequencyLine { + display: block; + visibility: visible; + position: static; + height: 4.5u; + margin-top: 0.25u; + margin-bottom: auto; +} + + +text#visualRadioNumberTextLine { + width: 4.0u; + height: 4.0u; + left: 2.75u; + top: 0.25u; + font-weight: bold; + text-align: right; +} + + +text#visualRadioNameTextLine { + font-weight: bold; +} + + +text.visualRadioTextLine { + display: block; + visibility: visible; + position: absolute; + width: auto; + height: 4.0u; + left: 9.0u; + right: 1.75u; + top: 0.25u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + color: "SKIN(268458534 13056 19)"; + text-overflow-mode: wrap; + max-line-amount: 1; +} + + +box#inetRadioInfoArea { + display: none; + visibility: visible; + position: absolute; + width: auto; + height: auto; + top: 29.5%; + margin-left: 1.1u; + margin-right: 1.1u; + border-top-width: 0.4%; + border-top-style: dotted; + border-top-color: auto; +} + + +box#inetRadioPresetLine { + display: block; + visibility: visible; + position: static; + height: 4.5u; + margin-top: 2.0u; +} + + +box#inetRadioArtistLine { + display: block; + visibility: visible; + position: static; + height: 4.5u; +} + + +box#inetRadioTrackLine { + display: block; + visibility: visible; + position: static; + height: 4.5u; +} + + +text.inetRadioTextLine { + display: block; + visibility: visible; + position: absolute; + width: auto; + height: 4.0u; + left: 2.75u; + right: 1.75u; + top: 0.25u; + font-family: EAknLogicalFontSecondaryFont; + font-size: 3.5u; + color: "SKIN(268458534 13056 19)"; + text-overflow-mode: wrap; + max-line-amount: 1; +} + + +text#inetRadioPresetTextLine { + font-weight: bold; +} + + +/**************************** + PERSONALIZATION PLUGIN AREA +*****************************/ + +/* Defined in "General" definitions */ + + +/********************************* + WRAPPER BOX FOR SAT & NEWSTICKER +**********************************/ + +box#SATAndNewstickerBox { + display: block; + position: absolute; + width: 100%; + height: 100%; + z-index: 0; +} + +/* Block with flag '__NEWSTICKER' skipped. */