diff --git a/src/styles/_project.sass b/src/styles/_project.sass index 007d9ee9..956acd18 100644 --- a/src/styles/_project.sass +++ b/src/styles/_project.sass @@ -1011,26 +1011,23 @@ section.node-preview height: 100% .video-dummy - min-height: 320px - display: flex - width: 100% - align-items: center - justify-content: center - color: white - background: - repeat: no-repeat - size: cover - position: center - height: 100% + position: absolute + top: 0 + bottom: 0 + left: 0 + right: 0 &-content - background-color: rgba(black, .8) - padding: 15px - border-radius: 3px - position: relative - z-index: 2 - display: flex + +position-center-translate align-items: center + background-color: rgba(darken($color-primary, 25%), .8) + color: $color-text-light + display: flex + height: 100% + justify-content: center + padding: 15px + width: 100% + z-index: 2 &-icon font-size: 4em @@ -1039,10 +1036,13 @@ section.node-preview font-size: 1.6em span display: block + + hr + border-color: rgba(white, .5) a display: inline-block color: white - font-size: .8em + font-size: .7em em font-style: normal diff --git a/src/templates/nodes/custom/asset/video/view_embed.pug b/src/templates/nodes/custom/asset/video/view_embed.pug index 9b91c246..0a71c7ba 100644 --- a/src/templates/nodes/custom/asset/video/view_embed.pug +++ b/src/templates/nodes/custom/asset/video/view_embed.pug @@ -22,10 +22,13 @@ .video-dummy.sorry( style="{% if node.picture %}background-image: url({{ node.picture.thumbnail('l', api=api) }});{% endif %}") .video-dummy-content - i.pi-lock.video-dummy-content-icon .video-dummy-content-text - span Only available to Blender Cloud subscribers. - a(href="{{ url_for('cloud.join') }}") Support Blender and get awesome stuff. Subscribe now! + span Available to Blender Cloud subscribers + span + small Support Blender and get awesome stuff! + hr + a.subscribe(href="{{ url_for('cloud.join') }}") Subscribe + a(href="{{ url_for('users.login') }}") Already a subscriber? Log in | {% endif %} @@ -75,13 +78,6 @@ script(type="text/javascript"). var content_type = $("li.node-details-meta-list-item.type").text(); $("li.node-details-meta-list-item.type").text(content_type.substring(content_type.indexOf("/") + 1)); - {% if not node.video_sources %} - $('.sorry').click(function() { - $.get('/403', function(data) { - $('#node-overlay').html(data).addClass('active'); - }) - }); - {% endif %} }); include ../../_scripts