src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less

   1 @import "config.less";\r
   2 \r
   3 @unit_base_multimediaview : @unit_base * 0.5;\r
   4 \r
   5 .ui-multimediaview {\r
   6         background-color : @color_multimediaview_bg;\r
   7         overflow : hidden;\r
   8 }\r
   9 \r
  10 .ui-multimediaview-wrap {\r
  11         width : 100%;\r
  12         margin : 0;\r
  13         padding : 0;\r
  14         border : 0;\r
  15 }\r
  16 \r
  17 .ui-multimediaview-fullscreen {\r
  18         position : absolute !important;\r
  19         z-index : @z_base_header_footer + 100 !important;\r
  20 }\r
  21 \r
  22 .ui-multimediaview-control span {\r
  23         display : inline-block;\r
  24 }\r
  25 \r
  26 .ui-multimediaview-control {\r
  27         position : absolute;\r
  28         display : block;\r
  29         z-index : @z_base_header_footer + 101 !important;\r
  30         padding : 0;\r
  31         margin : 0;\r
  32         outline : 0;\r
  33         border : 0;\r
  34         height : 84 * @unit_base_multimediaview;\r
  35 }\r
  36 \r
  37 .ui-multimediaview-control span.ui-button {\r
  38         background-position : center center;\r
  39         background-size : 80%;\r
  40         background-repeat : no-repeat;\r
  41         width : 74 * @unit_base_multimediaview;\r
  42         height : 74 * @unit_base_multimediaview;\r
  43         margin : 4 * @unit_base_multimediaview;\r
  44 }\r
  45 \r
  46 .ui-multimediaview-control .ui-playpausebutton {\r
  47         float : left;\r
  48 }\r
  49 \r
  50 .ui-multimediaview-control .ui-timestamplabel {\r
  51         text-align : center;\r
  52         float : left;\r
  53 }\r
  54 \r
  55 .ui-multimediaview-control .ui-timestamplabel p {\r
  56         margin-top : -9.8 * @unit_base_multimediaview;\r
  57         margin-left : 4 * @unit_base_multimediaview;\r
  58         padding : 0;\r
  59         text-align : center;\r
  60         font-size : 22 * @unit_base_multimediaview;\r
  61         line-height : 28 * @unit_base_multimediaview;\r
  62         text-align : left;\r
  63 }\r
  64 \r
  65 .ui-multimediaview-control .ui-durationlabel {\r
  66         text-align : center;\r
  67         float : right;\r
  68 }\r
  69 \r
  70 .ui-multimediaview-control .ui-durationlabel p {\r
  71         margin-top : -9.8 * @unit_base_multimediaview;\r
  72         margin-right : 4 * @unit_base_multimediaview;\r
  73         padding : 0;\r
  74         text-align : center;\r
  75         font-size : 22 * @unit_base_multimediaview;\r
  76         line-height : 28 * @unit_base_multimediaview;\r
  77         text-align : right;\r
  78 }\r
  79 \r
  80 .ui-multimediaview-control .ui-seekbar {\r
  81         margin-top : 11.5 * @unit_base_multimediaview;\r
  82         padding-left : 4 * @unit_base_multimediaview;\r
  83         padding-right : 4 * @unit_base_multimediaview;\r
  84         height : 16 * @unit_base_multimediaview;\r
  85         float : left;\r
  86 }\r
  87 \r
  88 .ui-multimediaview-control .ui-seekbar .ui-duration {\r
  89         margin : 0;\r
  90         padding : 0;\r
  91         width : 100%;\r
  92         height : 16 * @unit_base_multimediaview;\r
  93         border-radius : 1.5em;\r
  94 }\r
  95 \r
  96 .ui-multimediaview-control .ui-seekbar .ui-currenttime {\r
  97         margin : 0;\r
  98         padding : 0;\r
  99         height : 16 * @unit_base_multimediaview;\r
 100         position : absolute;\r
 101         border-radius : 1.5em;\r
 102 }\r
 103 \r
 104 .ui-multimediaview-control .ui-volumecontrol {\r
 105         width : 220 * @unit_base_multimediaview;\r
 106         height : 100%;\r
 107         float : left;\r
 108 }\r
 109 \r
 110 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar {\r
 111         height : 100%;\r
 112         padding-top : 35 * @unit_base_multimediaview;\r
 113         padding-left : 40 * @unit_base_multimediaview;\r
 114         display : block;\r
 115 }\r
 116 \r
 117 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-guide {\r
 118         width : 160 * @unit_base_multimediaview;\r
 119         height : 16 * @unit_base_multimediaview;\r
 120         position : absolute;\r
 121         border-radius : 1.5em;\r
 122 }\r
 123 \r
 124 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-value {\r
 125         margin : 0;\r
 126         padding : 0;\r
 127         height : 16 * @unit_base_multimediaview;\r
 128         position : absolute;\r
 129         border-radius : 1.5em;\r
 130 }\r
 131 \r
 132 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-handler {\r
 133         margin : 0;\r
 134         padding : 0;\r
 135         width : 30 * @unit_base_multimediaview;\r
 136         height : 30 * @unit_base_multimediaview;\r
 137         position : absolute;\r
 138         border-style: solid;\r
 139         border-width: 1px;\r
 140         border-radius : 1.5em;\r
 141 }\r
 142 \r
 143 /* S\r
 144 -----------------------------------------------------------------------------------------------------------*/\r
 145 \r
 146 .ui-multimediaview-s {\r
 147         .ui-multimediaview-video {\r
 148                 background-color : @color_multimediaview_control_bg;\r
 149         }\r
 150 \r
 151         .ui-timestamplabel {\r
 152                 color : @color_multimediaview_timestamp_text;\r
 153         }\r
 154 \r
 155         .ui-durationlabel {\r
 156                 color : @color_multimediaview_duration_text;\r
 157         }\r
 158 \r
 159         span.ui-button {\r
 160                 background-color : @color_multimediaview_button_bg;\r
 161         }\r
 162 \r
 163         span.ui-play-icon {\r
 164                 background-image : url(./images/00_button_play.png);\r
 165         }\r
 166 \r
 167         span.ui-pause-icon {\r
 168                 background-image : url(./images/00_button_pause.png);\r
 169         }\r
 170 \r
 171         span.ui-volume-icon {\r
 172                 background-image : url(./images/controls/00_slider_button_volume_02.png);\r
 173         }\r
 174 \r
 175         span.ui-mute-icon {\r
 176                 background-image : url(./images/controls/00_slider_button_volume_01.png);\r
 177         }\r
 178 \r
 179         span.ui-fullscreen-on {\r
 180                 background-image : url(./images/00_button_fullscreen_on.png);\r
 181         }\r
 182 \r
 183         span.ui-fullscreen-off {\r
 184                 background-image : url(./images/00_button_fullscreen_off.png);\r
 185         }\r
 186 \r
 187         .ui-seekbar {\r
 188                 .ui-duration {\r
 189                         background-color : @color_multimediaview_bar_gray;\r
 190                 }\r
 191 \r
 192                 .ui-currenttime {\r
 193                         .LESSmultimediaview_bar_active_style();\r
 194                 }\r
 195         }\r
 196 \r
 197         .ui-volumebar {\r
 198                 .ui-guide {\r
 199                         background-color : @color_multimediaview_bar_gray;\r
 200                 }\r
 201 \r
 202                 .ui-value {\r
 203                         .LESSmultimediaview_bar_active_style();\r
 204                 }\r
 205 \r
 206                 .ui-handler {\r
 207                         .LESSmultimediaview_bar_handle_style();\r
 208                         border-color : @color_multimediaview_button_border;\r
 209                 }\r
 210         }\r
 211 }\r
 212 \r