ginebra2/chrome/bedrockchrome/geolocation.snippet/geolocationDialog.css
changeset 16 3c88a81ff781
equal deleted inserted replaced
14:6aeb7a756187 16:3c88a81ff781
       
     1 /******* css for geolocation dialog *******/
       
     2 
       
     3 /*TBD: This should be cleaned up to use a set of common dialog classes */
       
     4 
       
     5 #GeolocationDialogId
       
     6 {
       
     7   /*dimensions*/
       
     8   width: 327px;
       
     9   background: -webkit-gradient(linear, left top, left bottom, from(#060808), to(#777779));
       
    10   /*font specification*/
       
    11   font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;
       
    12   border-radius: 9px;
       
    13   border: 2px solid #aaaaab;
       
    14 }
       
    15 
       
    16 div.geolocationTextLabel{
       
    17 	/*dimensions*/
       
    18   height: 22px;
       
    19   /*margins & paddings*/
       
    20   margin-top: 20px;
       
    21   margin-bottom: 10px;
       
    22   margin-left: 10px;
       
    23   padding-left: 40px;
       
    24   /*decorations*/
       
    25   color: #fff;
       
    26   background-image: url(/geolocation/icon_dialog_error.png);
       
    27   background-repeat: no-repeat;
       
    28   /*font specification*/
       
    29   font-size: 22px;}
       
    30 }
       
    31 
       
    32 #GeolocationDialogId div.top{
       
    33 	/*dimensions*/
       
    34   height: 20px;
       
    35 }
       
    36 
       
    37 #GeolocationDialogId div.body{
       
    38   /*margins & paddings*/
       
    39   padding-left: 8px;
       
    40   padding-right: 8px;
       
    41 }
       
    42 
       
    43 #GeolocationDialogId div.bottom{
       
    44   /*dimensions*/
       
    45   height: 10px; 
       
    46 }
       
    47 
       
    48 div.controls{
       
    49   /*dimensions*/
       
    50   height: 54px;
       
    51   width: 230px;
       
    52   /*margins & paddings*/
       
    53   margin: auto;
       
    54   padding-top: 10px;
       
    55 }
       
    56 
       
    57 div.geolocationAcceptButton{
       
    58 	/*dimensions*/
       
    59   width: 100px;
       
    60   height: 54px;
       
    61   /*margins & paddings*/
       
    62   margin-right: 10px;
       
    63   border: none;
       
    64   /*decorations*/
       
    65   background-image: url(/geolocation/dialog_buttons_tick.png);
       
    66   background-repeat: no-repeat;
       
    67   background-repeat: center center;
       
    68   float: left; 
       
    69 }
       
    70 
       
    71 div.geolocationAcceptButton:active{
       
    72 	/*decorations*/
       
    73   background-image: url(/geolocation/dialog_buttons_tick_pressed.png);
       
    74 }
       
    75 
       
    76 div.geolocationRejectButton{
       
    77 	/*dimensions*/
       
    78   width: 100px;
       
    79   height: 54px;
       
    80   /*margins & paddings*/
       
    81   margin-top: none;
       
    82   border: none;
       
    83   /*decorations*/
       
    84   background-image: url(/geolocation/dialog_buttons_cross.png);
       
    85   background-repeat: no-repeat;
       
    86   background-repeat: center center;
       
    87   float: left;
       
    88 }
       
    89 
       
    90 div.geolocationRejectButton:active{
       
    91 	/*decorations*/
       
    92   background-image: url(/geolocation/dialog_buttons_cross_pressed.png);
       
    93 }
       
    94 
       
    95 div.geolocationCheckboxTextLabel{
       
    96 	/*dimensions*/
       
    97 	height: 22px;
       
    98 	/*font specification*/
       
    99   font-size:22px;
       
   100   /*decorations*/
       
   101   color:#fff;
       
   102   /*margins & paddings*/
       
   103   margin-top: 10px
       
   104 }
       
   105 
       
   106 #geolocationCheckboxId{
       
   107 	/*dimensions*/
       
   108 	width: 25px;
       
   109   height: 25px;
       
   110 	/*margins & paddings*/
       
   111   border: none;
       
   112 }
       
   113 
       
   114 div.geolocationWarningLabel{
       
   115 	/*dimensions*/
       
   116 	height: 44px;
       
   117   /*font specification*/
       
   118   font-size: 22px;
       
   119   /*decorations*/
       
   120   color:#fff;
       
   121   /*margins & paddings*/
       
   122   margin-top: 10px
       
   123   margin-bottom: 20px;
       
   124   margin-left: 10px;
       
   125 }