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

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