update
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
@@ -0,0 +1,28 @@
|
||||
<krpano>
|
||||
|
||||
<!-- Version 1.17 Design -->
|
||||
|
||||
<skin_settings layout_width="100%"
|
||||
layout_maxwidth=""
|
||||
controlbar_width="100%"
|
||||
controlbar_height.normal="40"
|
||||
controlbar_height.mobile="38"
|
||||
controlbar_offset.normal="20"
|
||||
controlbar_offset.mobile="0"
|
||||
controlbar_offset_closed="-2"
|
||||
controlbar_overlap="0"
|
||||
design_skin_images="vtourskin.png"
|
||||
design_bgcolor="0x000000"
|
||||
design_bgalpha="0.5"
|
||||
design_bgborder="1,0 0xFFFFFF 1"
|
||||
design_bgroundedge.no-ios="0"
|
||||
design_bgroundedge.ios="1"
|
||||
design_bgshadow="0 0 20 0x000000 1.0"
|
||||
design_thumbborder_bgborder="4 0xFFFFFF 1.0"
|
||||
design_thumbborder_padding="2"
|
||||
design_thumbborder_bgroundedge="3"
|
||||
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
|
||||
design_text_shadow="1"
|
||||
/>
|
||||
|
||||
</krpano>
|
||||
@@ -0,0 +1,31 @@
|
||||
<krpano>
|
||||
|
||||
<!-- Version 1.17 Round Design -->
|
||||
|
||||
<skin_settings layout_width="100%"
|
||||
layout_maxwidth.normal="900"
|
||||
layout_maxwidth.mobile=""
|
||||
controlbar_width.normal="-44"
|
||||
controlbar_width.mobile="100%"
|
||||
controlbar_height.normal="38"
|
||||
controlbar_height.mobile="34"
|
||||
controlbar_offset.normal="22"
|
||||
controlbar_offset.mobile="0"
|
||||
controlbar_offset_closed="-40"
|
||||
controlbar_overlap.normal="7"
|
||||
controlbar_overlap.mobile="2"
|
||||
design_skin_images="vtourskin.png"
|
||||
design_bgcolor="0x000000"
|
||||
design_bgalpha="0.5"
|
||||
design_bgborder="0 0xFFFFFF 1.0"
|
||||
design_bgroundedge.normal="9"
|
||||
design_bgroundedge.mobile="1"
|
||||
design_bgshadow="0 0 9 0xFFFFFF 0.5"
|
||||
design_thumbborder_bgborder="4 0xFFFFFF 1.0"
|
||||
design_thumbborder_padding="2"
|
||||
design_thumbborder_bgroundedge="5"
|
||||
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
|
||||
design_text_shadow="1"
|
||||
/>
|
||||
|
||||
</krpano>
|
||||
@@ -0,0 +1,71 @@
|
||||
<krpano>
|
||||
|
||||
<!-- Flat Light Design -->
|
||||
|
||||
<!-- modify the <skin_settings> values -->
|
||||
<skin_settings layout_width="100%"
|
||||
layout_maxwidth="100%"
|
||||
controlbar_width="100%"
|
||||
controlbar_height="40"
|
||||
controlbar_offset.normal="0"
|
||||
controlbar_offset.mobile="0"
|
||||
controlbar_offset_closed="-40"
|
||||
controlbar_overlap.no-fractionalscaling="0"
|
||||
controlbar_overlap.fractionalscaling="0"
|
||||
design_skin_images="vtourskin.png"
|
||||
design_bgcolor="0x000000"
|
||||
design_bgalpha="1.0"
|
||||
design_bgborder="0"
|
||||
design_bgroundedge="0"
|
||||
design_bgshadow="0 4 10 0xFFFFFF 0.3"
|
||||
design_thumbborder_bgborder="3 0xB2B2B2 1.0"
|
||||
design_thumbborder_padding="2"
|
||||
design_thumbborder_bgroundedge="0"
|
||||
design_text_css="color:#FFFFFF; font-family:Arial;"
|
||||
design_text_shadow="0"
|
||||
/>
|
||||
|
||||
<!-- adjust the design of some skin elements -->
|
||||
<layer name="skin_layer">
|
||||
<layer name="skin_loadingtext" width="100%" css="calc:skin_settings.design_text_css + ' text-align:center; font-size:20px;'" padding="4 6" textshadow="calc:2.0" textshadowrange="1.0" textshadowangle="90" textshadowcolor="0x2D3E50" textshadowalpha="1.0" />
|
||||
<layer name="skin_control_bar" alpha="0.7" />
|
||||
</layer>
|
||||
|
||||
|
||||
<!-- use a fullscreen map -->
|
||||
<action name="skin_showmap">
|
||||
if(%1 == null, if(layer[skin_map].state == 'closed', set(show,true), set(show,false)); , set(show,%1); );
|
||||
mul(mh, layer[skin_scroll_layer].pixelheight, -1);
|
||||
if(show,
|
||||
tween(layer[skin_thumbs_container].alpha, 0.0, 0.25, default, set(layer[skin_thumbs_container].visible,false));
|
||||
set(layer[skin_map].visible, true);
|
||||
tween(layer[skin_map].alpha, 1.0, 0.25);
|
||||
set(layer[skin_map].state, 'opened');
|
||||
sub(hh,area.pixelheight,skin_settings.controlbar_offset);
|
||||
sub(hh,layer[skin_control_bar].height);
|
||||
sub(hh,0);
|
||||
add(mh,hh);
|
||||
sub(hh,skin_settings.controlbar_overlap);
|
||||
copy(layer[skin_map].height, hh);
|
||||
tween(layer[skin_scroll_layer].y, get(mh), 0.5, easeOutQuint);
|
||||
,
|
||||
if(layer[skin_map].state != 'closed',
|
||||
set(layer[skin_map].state, 'closed');
|
||||
add(mh, layer[skin_scroll_layer].y_offset);
|
||||
tween(layer[skin_map].alpha, 0.0, 0.5, easeOutQuint);
|
||||
tween(layer[skin_scroll_layer].y, get(mh), 0.5, easeOutQuint, set(layer[skin_map].visible,false) );
|
||||
);
|
||||
);
|
||||
</action>
|
||||
|
||||
|
||||
<!-- webvr button style (adjust to match skin style) -->
|
||||
<style name="webvr_button_style"
|
||||
border="false"
|
||||
roundedge="calc:1.0"
|
||||
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
|
||||
shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
|
||||
css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
|
||||
/>
|
||||
|
||||
</krpano>
|
||||
@@ -0,0 +1,42 @@
|
||||
<krpano>
|
||||
|
||||
<!-- Flat Light Design -->
|
||||
|
||||
<!-- modify the <skin_settings> values -->
|
||||
<skin_settings layout_width="100%"
|
||||
layout_maxwidth="814"
|
||||
controlbar_width="-24"
|
||||
controlbar_height="40"
|
||||
controlbar_offset.normal="20"
|
||||
controlbar_offset.mobile="20"
|
||||
controlbar_offset_closed="-40"
|
||||
controlbar_overlap.no-fractionalscaling="10"
|
||||
controlbar_overlap.fractionalscaling="0"
|
||||
design_skin_images="vtourskin_light.png"
|
||||
design_bgcolor="0x2D3E50"
|
||||
design_bgalpha="0.8"
|
||||
design_bgborder="0"
|
||||
design_bgroundedge="1"
|
||||
design_bgshadow="0 4 10 0x000000 0.3"
|
||||
design_thumbborder_bgborder="2 0xFFFFFF 0.8"
|
||||
design_thumbborder_padding="2"
|
||||
design_thumbborder_bgroundedge="0"
|
||||
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;"
|
||||
design_text_shadow="1"
|
||||
/>
|
||||
|
||||
<!-- adjust the design of some skin elements -->
|
||||
<layer name="skin_layer">
|
||||
<layer name="skin_loadingtext" width="100%" css="calc:skin_settings.design_text_css + ' text-align:center; font-size:20px;'" padding="4 6" textshadow="calc:2.0" textshadowrange="1.0" textshadowangle="90" textshadowcolor="0x2D3E50" textshadowalpha="1.0" />
|
||||
</layer>
|
||||
|
||||
<!-- webvr button style (adjust to match skin style) -->
|
||||
<style name="webvr_button_style"
|
||||
border="false"
|
||||
roundedge="calc:1.0"
|
||||
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
|
||||
shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
|
||||
css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
|
||||
/>
|
||||
|
||||
</krpano>
|
||||
@@ -0,0 +1,40 @@
|
||||
<krpano>
|
||||
|
||||
<!-- Glass Design -->
|
||||
|
||||
<!-- modify the <skin_settings> values -->
|
||||
<skin_settings thumbs_scrollindicator="true"
|
||||
layout_width="100%"
|
||||
layout_maxwidth="680"
|
||||
xcontrolbar_width="-44"
|
||||
controlbar_width="-20"
|
||||
controlbar_height="36"
|
||||
controlbar_offset.normal="40"
|
||||
controlbar_offset.mobile="12"
|
||||
controlbar_offset_closed="-40"
|
||||
controlbar_overlap="10"
|
||||
design_skin_images="vtourskin.png"
|
||||
design_bgcolor="0xFFFFFF"
|
||||
design_bgalpha="0.25"
|
||||
design_bgborder="2 0xFFFFFF 0.1"
|
||||
design_bgroundedge="13"
|
||||
design_bgshadow="0"
|
||||
design_thumbborder_bgborder="3 0xFFFFFF 1.0"
|
||||
design_thumbborder_padding="2"
|
||||
design_thumbborder_bgroundedge="5"
|
||||
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
|
||||
design_text_shadow="0"
|
||||
/>
|
||||
|
||||
<!-- webvr button style (adjust to match default skin style) -->
|
||||
<style name="webvr_button_style"
|
||||
border="true" borderwidth="2" bordercolor="0xFFFFFF" borderalpha="0.25"
|
||||
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
|
||||
shadow="0"
|
||||
css="calc:skin_settings.design_text_css + ' color:#FFFFFF; font-weight:normal; font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
|
||||
/>
|
||||
|
||||
<!-- contextmenu style (adjust to match skin style) -->
|
||||
<contextmenu customstyle="default|default|default|0x77AAAAAA|0xFFFFFF|0xBBBBBB|2|0x7FFFFFFF|13|0|0|0|0xFFFFFF|0|0|4|6|7|0xAAFFFFFF|none|3|0|0|0|3|0xAAFFFFFF|0xAAFFFFFF|0xFFFFFF|12|8" />
|
||||
|
||||
</krpano>
|
||||
@@ -0,0 +1,58 @@
|
||||
<krpano>
|
||||
|
||||
<!-- Ultra Light Design -->
|
||||
|
||||
<!-- modify the <skin_settings> values -->
|
||||
<skin_settings title="false"
|
||||
layout_width="100%"
|
||||
layout_maxwidth="814"
|
||||
controlbar_width="-24"
|
||||
controlbar_height="40"
|
||||
controlbar_offset.normal="30"
|
||||
controlbar_offset.mobile="20"
|
||||
controlbar_offset_closed="-40"
|
||||
controlbar_overlap="0"
|
||||
design_skin_images="vtourskin_light.png"
|
||||
design_bgcolor="0x2D3E50"
|
||||
design_bgalpha="0.0"
|
||||
design_bgborder="0,0,1,0 0xFFFFFF 1"
|
||||
design_bgroundedge="0"
|
||||
design_bgshadow="0"
|
||||
design_thumbborder_bgborder="1 0xFFFFFF 0.8"
|
||||
design_thumbborder_padding="0"
|
||||
design_thumbborder_bgroundedge="0"
|
||||
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;"
|
||||
design_text_shadow="0"
|
||||
/>
|
||||
|
||||
<!-- webvr button style (adjust to match skin style) -->
|
||||
<style name="webvr_button_style"
|
||||
border="false"
|
||||
roundedge="calc:1.0"
|
||||
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
|
||||
shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
|
||||
css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
|
||||
/>
|
||||
|
||||
<!-- adjust video controls to match skin style -->
|
||||
<layer name="skin_layer">
|
||||
<layer name="skin_scroll_window">
|
||||
<layer name="skin_scroll_layer">
|
||||
<layer name="skin_video_controls">
|
||||
<layer name="skin_video_seekbar_container">
|
||||
<layer name="skin_video_seekbar" height="1" y="4">
|
||||
<layer name="skin_video_loadbar" height="1" />
|
||||
<layer name="skin_video_seekpos" bgroundedge="2" width="6" height="6" />
|
||||
</layer>
|
||||
</layer>
|
||||
<layer name="skin_video_time" y="-4" />
|
||||
</layer>
|
||||
</layer>
|
||||
</layer>
|
||||
</layer>
|
||||
|
||||
|
||||
<!-- contextmenu style (adjust to match skin style) -->
|
||||
<contextmenu customstyle="default|default|default|0x7F000000|0xFFFFFF|0xBBBBBB|0|0x20FFFFFF|1|0|0|0|0xFFFFFF|0|0xFFFFFF|4|6|7|0xAAFFFFFF|none|3|0|0|0|3|0xFFFFFF|0xFFFFFF|0x000000|12|8" />
|
||||
|
||||
</krpano>
|
||||
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 7.1 KiB |