idlehomescreen/data/vga_tch/view1_2001fdb9/xuikon/57/view.css
branchRCL_3
changeset 102 ba63c83f4716
parent 93 b01126ce0bec
equal deleted inserted replaced
93:b01126ce0bec 102:ba63c83f4716
     1 view 
     1 view {
     2 {
     2     display: block; 
       
     3     position: static;
       
     4     width: 100%;
       
     5     height: 100%;
     3     direction: rtl;
     6     direction: rtl;
     4     block-progression: tb;
     7     block-progression: tb;
     5     background-image: wallpaper;
     8     background-image: wallpaper;
     6     swipe: true;
     9     nav-index: appearance;
     7 
    10     _s60-focus-visibility: true;
     8     _s60-status-pane-layout: widescreen-flat-3softkeys;
    11     _s60-status-pane-layout: widescreen-flat-3softkeys;
     9 }
    12 
    10 
    13 }
    11 box#plugins_container
    14 
    12 {
    15 trigger.western{
    13     direction: rtl;
    16     display: none;
    14     block-progression: tb;
    17 }
    15 }
    18 
    16 
    19 
    17 plugin.miniplugins
    20 /** Softkeys **/
    18 {
    21 softkey.normal_mode_sk
    19     height: 115px; 
    22 {
    20     width: 176px;
    23     display: block;
    21 
    24 }
    22     margin-top: 9px;
    25 
    23     margin-right: 9px;
    26 softkey.normal_mode_sk:edit
    24  
    27 {
    25     _s60-longtap: true;
    28     display: none;
    26 
    29 }
    27     nav-index: appearance;
    30 
    28 }
    31 softkey.edit_mode_sk
    29 
    32 {
    30 plugin.plugins
    33     display: none;
    31 {
    34 }
    32     height: 115px; 
    35 
    33     width: 436px;
    36 softkey.edit_mode_sk:edit
    34 
    37 {
    35     margin-top: 9px;
    38     display: block;
    36     margin-right: 10px;
    39 }
    37  
    40 
    38     _s60-longtap: true;
    41 /** General **/
    39 
    42 
    40     nav-index: appearance;
    43 plugin.widget_full_width{
    41 }
    44     /* every plug-in decides its own height */
    42 
    45     height: adaptive;
    43 trigger#hs_popup_open_hold:edit
    46     background-color: "SKIN(268458534 9906)";
    44 {
    47     background-size: 100%;
    45     display: none;
    48     width: 100%;
    46 }
    49 /*    padding-left: 1.7u;
    47 
    50     padding-right: 1.7u;*/
    48 trigger#hs_popup_open_up
    51     margin-bottom: 0.55u;
    49 {
    52     nav-index: auto;
    50     display: none;
    53 }
    51 }
    54 
    52 
    55 plugin.widget_full_width:focus {
    53 trigger#hs_popup_open_up:edit
    56     focus-background:"SKIN(268458534 9896)";
    54 {
    57 }
    55     display: block;
    58 
    56 }
    59 plugin:edit {
    57 
    60     background-color:"SKIN(270501603 8582)";
    58 softkey#rsk
    61 }
    59 {
    62 
    60     _s60-longtap: true;
    63 text{
    61     _s60-aspect-ratio: preserve;
    64     text-align: center;
    62 }
    65     font-family: tahoma;
    63 
    66     font-size: 3.0u;
    64 softkey#msk_ltr
    67     /*color:"SKIN(268458534 13056 19)";*/
    65 {
    68     color: white;
    66     display: none;
    69 }
    67 }
    70 
    68 
    71 /************
    69 softkey#msk_rtl
    72 Page switcher
    70 {
    73 *************
    71     display: block;
    74 					
    72 }
    75 text#switchertext{
    73 
    76 	position: static;
       
    77 	text-align: right;
       
    78 	margin-left: 6.0u;
       
    79 }
       
    80 
       
    81 image#switcherimage{
       
    82 	position: absolute;
       
    83    	top: 1.4u;
       
    84     	left: 2.5u;
       
    85 	height: 3.5u;
       
    86 	width: 3.0u;
       
    87 	_s60-aspect-ratio: preserve;
       
    88 }
       
    89 */
       
    90 
       
    91 
       
    92 /****************** 
       
    93 container areas 
       
    94 ******************/
       
    95 box#mainbox{
       
    96     width: 100%;
       
    97     height: 100%;
       
    98 }
       
    99 
       
   100 box.profile_date
       
   101 {
       
   102     background-color: "SKIN(268458534 9916)";
       
   103     nav-index: appearance;
       
   104     height: auto;
       
   105 }
       
   106 
       
   107 box.profile_date:focus
       
   108 {
       
   109     background-color: "SKIN(268458534 5120 9)";
       
   110 }
       
   111 
       
   112 
       
   113 /********************************************* 
       
   114 Clock Profiles - portrait specific containers 
       
   115 **********************************************/
       
   116 
       
   117 box#clock_profiles_portrait{
       
   118     display: block;
       
   119     visibility: visible;
       
   120     direction: rtl;
       
   121     block-progression: rl;
       
   122     padding-left: 1.7u;
       
   123     padding-right: 1.7u;
       
   124     margin-bottom: 0.55u;
       
   125     height:13.86u;
       
   126     visualisationaware:true;
       
   127 }
       
   128 
       
   129 box#profiles_pages_portrait{
       
   130     block-progression: tb;
       
   131     direction: rtl;
       
   132     height: adaptive;
       
   133 }
       
   134 
       
   135 box#clock_container_portrait{
       
   136     display: block;
       
   137     visibility: visible;
       
   138     position: static;    
       
   139     nav-index: appearance;
       
   140     block-progression: tb;
       
   141     background-color: "SKIN(268458534 9906)";
       
   142 
       
   143     margin-left: 0.7u;
       
   144     visualisationaware:true;
       
   145     _s60-initial-focus: 1;
       
   146 }
       
   147 
       
   148 box#clock_container_portrait:focus{
       
   149     background-color: "SKIN(268458534 5120 9)";
       
   150 }
       
   151 
       
   152 clock#clock_portrait{
       
   153     display: block;
       
   154     visibility: visible;
       
   155     position: static;     
       
   156     width: auto;
       
   157     /*height: 70%;*/
       
   158     height: auto;
       
   159     direction: rtl;
       
   160     block-progression: tb;        
       
   161     background: none;
       
   162     nav-index: appearance;
       
   163     _s60-format: locale;
       
   164     _s60-ampm-font-size: 16px;
       
   165     _s60-digital-font-size: 56px;
       
   166     color: white;	
       
   167 }
       
   168 
       
   169 box#date_container_portrait
       
   170 {
       
   171     width: auto;
       
   172     direction: rtl;
       
   173     block-progression: rl;
       
   174     height: 4.05u;
       
   175     margin-bottom: 0.55u;
       
   176     padding-top: 3px;
       
   177     visualisationaware:true;
       
   178 }
       
   179 
       
   180 box#date_content_portrait
       
   181 {
       
   182     width: adaptive;
       
   183     height: adaptive;
       
   184 }
       
   185 
       
   186 text#datetext2_portrait
       
   187 {
       
   188     text-align: center;
       
   189     width: auto;
       
   190     height: auto;
       
   191     font-family: EAknLogicalFontPrimaryFont;
       
   192     font-size: 3u;
       
   193     color: white;
       
   194 }
       
   195 
       
   196 box#profile_softindicator_portrait
       
   197 {
       
   198     width: auto;
       
   199     direction: rtl;
       
   200     block-progression: tb;
       
   201     background-color: "SKIN(268458534 9906)";
       
   202     nav-index: appearance;
       
   203     height: 9.0u;
       
   204     visualisationaware:true;
       
   205 }
       
   206 
       
   207 box#NT_CUGMCN_portrait
       
   208 {
       
   209     text-align: center;
       
   210     width: adaptive;
       
   211     height: auto;
       
   212     block-progression: rl;
       
   213 }
       
   214 
       
   215 
       
   216 box#NT_SATVHZ_portrait
       
   217 {
       
   218     display: none;
       
   219     text-align: center;
       
   220     width: adaptive;
       
   221     height: auto;
       
   222     block-progression: rl;
       
   223 }
       
   224 
       
   225 title#title_vhz_portrait
       
   226 {
       
   227     display: none;
       
   228 }
       
   229 
       
   230 title#title_sat_portrait
       
   231 {
       
   232     display: none;
       
   233 }
       
   234 
       
   235 /********************************************* 
       
   236 Clock Profiles - landscape specific containers 
       
   237 **********************************************/
       
   238 
       
   239 box#clock_profiles_landscape{
       
   240     display: block;
       
   241     visibility: visible;
       
   242     direction: rtl;
       
   243     block-progression: tb;
       
   244     width: 30%;
       
   245     height: 100%;
       
   246     padding-left: 5px;
       
   247     padding-top: 5px;
       
   248     visualisationaware:true;
       
   249 }
       
   250 
       
   251 box#profiles_pages_landscape{
       
   252     block-progression: tb;
       
   253     direction: rtl;
       
   254     height: adaptive;
       
   255 }
       
   256 
       
   257 box#clock_container_landscape{
       
   258     
       
   259     display: block;
       
   260     visibility: visible;
       
   261     position: static;    
       
   262     nav-index: appearance;
       
   263     block-progression: tb;
       
   264     background-color: "SKIN(268458534 9906)";
       
   265     height: 10.74u;
       
   266     width: auto;
       
   267     margin-bottom: 0.55u;
       
   268     visualisationaware:true;
       
   269     _s60-initial-focus: 2;
       
   270 }
       
   271 
       
   272 box#clock_container_landscape:focus{
       
   273     background-color: "SKIN(268458534 5120 9)";
       
   274 }
       
   275 
       
   276 box#date_container_landscape
       
   277 {
       
   278     width: auto;
       
   279     direction: rtl;
       
   280     block-progression: rl;
       
   281     height: 6.7u;
       
   282     margin-bottom: 0.55u;
       
   283     visualisationaware:true;
       
   284 }
       
   285 
       
   286 box#profile_softindicator_landscape
       
   287 {
       
   288     width: auto;
       
   289     direction: rtl;
       
   290     block-progression: tb;
       
   291     background-color: "SKIN(268458534 9906)";
       
   292     nav-index: appearance;
       
   293     height: 6.7u;
       
   294     margin-bottom: 0.55u;
       
   295     visualisationaware:true;
       
   296 }
       
   297 
       
   298 clock#clock_landscape{
       
   299     display: block;
       
   300     visibility: visible;
       
   301     position: static;     
       
   302     width: 100%;
       
   303     height: auto;
       
   304     direction: rtl;
       
   305     block-progression: tb;        
       
   306     background: none;
       
   307     nav-index: appearance;
       
   308     _s60-format: locale;
       
   309     _s60-ampm-font-size: 16px;
       
   310     _s60-digital-font-size: 56px;
       
   311     color: white;	
       
   312 }
       
   313 
       
   314 clock:focus{
       
   315     background-color: "SKIN(268458534 5120 9)";
       
   316 }
       
   317 /* Date in the clock widget */
       
   318 text#datetext{
       
   319     nav-index: appearance;
       
   320     text-align: center;
       
   321     padding-top: 0.5u;
       
   322     padding-bottom: 0.5u;
       
   323     width: 100%;
       
   324     height: 24%;
       
   325     font-family: EAknLogicalFontPrimaryFont;
       
   326     font-size: 3u;
       
   327     color: white;
       
   328 }
       
   329 /* Date in the clock widget */
       
   330 text#datetext:focus{
       
   331     background-color: "SKIN(268458534 5120 9)";
       
   332 }
       
   333 
       
   334 /* Date in separate widget above profiles */
       
   335 
       
   336 box#date_content_landscape
       
   337 {
       
   338     width: inherit;
       
   339     height: inherit;
       
   340 }
       
   341 
       
   342 text#datetext2_landscape
       
   343 {
       
   344     text-align: center;
       
   345     width: auto;
       
   346     height: auto;
       
   347     font-family: EAknLogicalFontPrimaryFont;
       
   348     font-size: 3u;
       
   349     color: white;
       
   350 }
       
   351 
       
   352 box#profile_softindicator:focus
       
   353 {
       
   354     focus-background:"SKIN(268458534 5120 9)";
       
   355 }
       
   356 
       
   357 image#profileicon {
       
   358     display: block;
       
   359     visibility: hidden;
       
   360     width: 18px;
       
   361     height: 20px;
       
   362     position: static;
       
   363     margin-top: auto;
       
   364     z-index: 2;
       
   365 }
       
   366 
       
   367 image#SatIdleModeIcon
       
   368 {
       
   369     display: block;
       
   370     visibility: hidden;
       
   371     width: 18px;
       
   372     height: 20px;
       
   373     position: static;
       
   374     margin-top: auto;
       
   375 }
       
   376 
       
   377 text#profiletext
       
   378 {
       
   379     text-align: center;
       
   380     margin-left: 2px;
       
   381     margin-right: 2px;
       
   382     width: adaptive;
       
   383     height: adaptive;
       
   384     font-family: EAknLogicalFontPrimaryFont;
       
   385     font-size: 3u;
       
   386     color:"SKIN(268458534 13056 19)";
       
   387 }
       
   388 
       
   389 /* Profiles dialog */
       
   390 listquerydialog#profiledialog
       
   391 {
       
   392     /* Avkon dialog is not layout capable */
       
   393     display: none;    
       
   394 }
       
   395 
       
   396 /* Default system profiles */
       
   397 text.systemprofileitem
       
   398 {
       
   399     display: block;
       
   400 }
       
   401 
       
   402 /* Placeholders for profiles added by user */
       
   403 text.userprofileitem
       
   404 {
       
   405     display: none;
       
   406 }
       
   407 
       
   408 /******************
       
   409     SOFT INDICATOR WIDGET AREA 
       
   410 *******************/
       
   411 
       
   412 newsticker.SIText {
       
   413     text-align: center;
       
   414     display: block;
       
   415     visibility: visible;
       
   416     width: auto;
       
   417     margin-left: 2px;
       
   418     margin-right: 2px;
       
   419     font-family: EAknLogicalFontPrimaryFont;
       
   420     font-size: 3u;
       
   421     white-space-collapse: collapse;
       
   422     _s60-scroll-behaviour: alternate;
       
   423     /*_s60-scroll-behaviour: scroll;*/
       
   424     _s60-display-time: 2000;
       
   425     _s60-scroll-loop: false;
       
   426     _s60-start-delay: 0;
       
   427     _s60-restart-after-update: true;
       
   428     color: white;
       
   429     /*color:"SKIN(268458534 13056 19)";*/
       
   430 }
       
   431 
       
   432 box#NT_CUGMCN_landscape
       
   433 {
       
   434     text-align: center;
       
   435     margin-left: auto;
       
   436     margin-right: auto;
       
   437     width: adaptive;
       
   438     height: auto;
       
   439     block-progression: rl;
       
   440 }
       
   441 
       
   442 box#NT_SATVHZ_landscape
       
   443 {
       
   444     display: none;
       
   445     text-align: center;
       
   446     margin-left: auto;
       
   447     margin-right: auto;
       
   448     width: adaptive;
       
   449     height: auto;
       
   450     block-progression: rl;
       
   451 }
       
   452 
       
   453 title#title_vhz_landscape
       
   454 {
       
   455     display: none;
       
   456 }
       
   457 
       
   458 title#title_sat_landscape
       
   459 {
       
   460    display: none;
       
   461 }
       
   462 
       
   463 image#SatIdleModeIcon_portrait
       
   464 {
       
   465     display: none;
       
   466 }
       
   467 
       
   468 image#SatIdleModeIcon_landscape
       
   469 {
       
   470     display: none;
       
   471 }
       
   472 
       
   473 /************
       
   474 Page switcher
       
   475 *************
       
   476 box#switcher{
       
   477     display: block;
       
   478     visibility: visible;
       
   479     block-progression: rl;
       
   480     direction: ltr;
       
   481     height: 4.5u;
       
   482     background-color: "SKIN(268458534 9906)";
       
   483     background-size: 100%;		
       
   484     margin-top: 0.55u;
       
   485 }
       
   486 
       
   487 box#switcher:focus {
       
   488     background-color: "SKIN(268458534 5120 9)";
       
   489 }
       
   490 
       
   491 text#switchertext
       
   492 {
       
   493     text-align: center;
       
   494     margin-left: auto;
       
   495     margin-right: auto;
       
   496     width: adaptive;
       
   497     height: 3.5u;
       
   498     font-family: EAknLogicalFontPrimaryFont;
       
   499     font-size: 3u;
       
   500     color:"SKIN(268458534 13056 19)";
       
   501     color: white;
       
   502     padding-top: 0.5u;
       
   503     padding-bottom: 0.5u;
       
   504 }
       
   505 
       
   506 image#switcherimage
       
   507 {
       
   508     position: static;
       
   509     height: 3.5u;
       
   510     width: 3.5u;
       
   511     margin-top: 0.5u;
       
   512     margin-left: 2u;
       
   513 }
       
   514 */
       
   515 
       
   516 menuitem#webonlineitem
       
   517 {
       
   518    display: block;
       
   519 }
       
   520 
       
   521 menuitem#webonlineitem:edit
       
   522 {
       
   523    display: none;
       
   524 }
       
   525 
       
   526 menuitem#webofflineitem
       
   527 {
       
   528    display: block;
       
   529 }
       
   530 
       
   531 menuitem#webofflineitem:edit
       
   532 {
       
   533    display: none;
       
   534 }
       
   535 
       
   536 box#main_plugins{
       
   537     block-progression: tb;
       
   538     display: block;
       
   539     visibility: visible;
       
   540     padding-left: 1.7u;
       
   541     padding-right: 1.7u;
       
   542 }
       
   543