diff options
| author | mrjive <mrjive@mrjive.it> | 2016-02-03 22:46:54 +0100 |
|---|---|---|
| committer | mrjive <mrjive@mrjive.it> | 2016-02-03 22:46:54 +0100 |
| commit | e527a52f6a123b695775a24fdeb64d0a5ab00df9 (patch) | |
| tree | 7f72feb65e8f8790d6d80f631d1e608bfed1dd48 /view/tpl/zcard.tpl | |
| parent | 337735094b944fd31ed96e36c869227a0d63e5d1 (diff) | |
| parent | a7ed50ecd4b4defbc1d5fdf0bb4fd7d65d08a0fd (diff) | |
| download | volse-hubzilla-e527a52f6a123b695775a24fdeb64d0a5ab00df9.tar.gz volse-hubzilla-e527a52f6a123b695775a24fdeb64d0a5ab00df9.tar.bz2 volse-hubzilla-e527a52f6a123b695775a24fdeb64d0a5ab00df9.zip | |
Merge pull request #21 from redmatrix/master
updating from original codebase
Diffstat (limited to 'view/tpl/zcard.tpl')
| -rw-r--r-- | view/tpl/zcard.tpl | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/view/tpl/zcard.tpl b/view/tpl/zcard.tpl new file mode 100644 index 000000000..b73b1011c --- /dev/null +++ b/view/tpl/zcard.tpl @@ -0,0 +1,135 @@ +<style> +{{if $size == 'hz_large'}} +.hz_card { +/* -moz-transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); + transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); */ + font-family: sans-serif, arial, freesans; +} +.hz_cover_photo { + max-width: 100%; +} +.hz_profile_photo { + position: relative; + top: -300px; + left: 30px; + background-color: white; + border: 1px solid #ddd; + border-radius: 5px; + -moz-border-radius: 5px; + padding: 10px; + width: 320px; + height: 320px; +} + +.hz_name { + position: relative; + top: -100px; + left: 400px; + color: #fff; + font-size: 48px; + text-rendering: optimizelegibility; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); +} +.hz_addr { + position: relative; + top: -110px; + left: 400px; + color: #fff; + font-size: 24px; + text-rendering: optimizelegibility; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); +} +{{elseif $size == 'hz_medium'}} +.hz_card { + -moz-transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); + transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); + font-family: sans-serif, arial, freesans; +} +.hz_cover_photo { + max-width: 100%; +} +.hz_profile_photo { + position: relative; + top: -300px; + left: 30px; + background-color: white; + border: 1px solid #ddd; + border-radius: 5px; + -moz-border-radius: 5px; + padding: 10px; + width: 320px; + height: 320px; +} + +.hz_name { + position: relative; + top: -100px; + left: 400px; + color: #fff; + font-size: 48px; + text-rendering: optimizelegibility; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); +} +.hz_addr { + position: relative; + top: -110px; + left: 400px; + color: #fff; + font-size: 24px; + text-rendering: optimizelegibility; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); +} + + +{{else}} +.hz_card { +/* -moz-transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); + transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); */ + font-family: sans-serif, arial, freesans; +} +.hz_cover_photo { + max-width: 100%; +} +.hz_profile_photo { + position: relative; + top: -75px; + left: 20px; + background-color: white; + border: 1px solid #ddd; +/* border-radius: 5px; + -moz-border-radius: 5px; */ + padding: 3px; + width: 80px; + height: 80px; +} + +.hz_name { + position: relative; + top: -40px; + left: 120px; + color: #fff; + font-size: 18px; + text-rendering: optimizelegibility; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); +} +.hz_addr { + position: relative; + top: -40px; + left: 120px; + color: #fff; + font-size: 10px; + text-rendering: optimizelegibility; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); +} +{{/if}} + +</style> + +<div class="hz_card {{$size}}"> + <div class="hz_cover_photo"><img src="{{$cover.href}}" alt="{{$zcard.chan.xchan_name}}" /> + <div class="hz_name">{{$zcard.chan.xchan_name}}</div> + <div class="hz_addr">{{$zcard.chan.channel_addr}}</div> + </div> + <div class="hz_profile_photo"><img style="width: {{$pphoto.width}}px; height: {{$pphoto.height}}px;" src="{{$pphoto.href}}" alt="{{$zcard.chan.xchan_name}}" /></div> +</div> + |