mirrors/not-gwent-online
1
0
Fork 0
mirror of https://github.com/exane/not-gwent-online synced 2025-10-05 23:29:15 +00:00
Code Releases Activity

relocate images + include sprite generator

Browse Source
This commit is contained in:
exane
2015-06-27 13:23:05 +02:00
parent 6b469da661
commit b9f9141caf
178 changed files with 131 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
client/scss/main.scss
View File

@@ -1,6 +1,7 @@
//@import "style";
@import "backbone.modal";
@import "backbone.modal.theme";
@import "cards";
$height: 600px;
$game-height: 800px;
@@ -116,8 +117,13 @@ $game-height: 800px;
margin: 3px;
height: 90px;
overflow: hidden;
img {
/*img {
height: 120px;
}*/
i {
display: block;
transform: scale(1);
}
/*.card-attr-power {
@@ -161,7 +167,10 @@ $game-height: 800px;
position: fixed;
//left:0;
z-index: 110;
height: 100px !important;
//height: 100px !important;
i {
display: block;
}
.preview-description {
width: 238px;
min-height: 200px;
@@ -176,65 +185,67 @@ $game-height: 800px;
}
i {
display: block;
float: left;
height: 40px;
width: 40px;
background: url("../../assets/ruby-grey.png");
&.ruby {
background: url("../../assets/ruby.png");
}
}
.field {
&.field-frost {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #2365ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#2365ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#2365ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#2365ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#2365ff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#2365ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2365ff',GradientType=0 ); /* IE6-9 */
}
&.field-fog {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #232f30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#232f30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#232f30 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#232f30 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#232f30 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#232f30 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#232f30',GradientType=0 ); /* IE6-9 */
}
&.field-rain {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #9b9b9b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#9b9b9b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
}
}
.playcard-banner {
position: fixed;
border: 1px solid red;
background: orangered;
width: 100%;
height: 250px;
left: 0;
text-align: center;
top: 200px;
z-index: 200;
.card {
position: relative;
left: 50%;
top: 30%;
.gwent-lives{
i {
display: block;
float: left;
height: 40px;
width: 40px;
background: url("../../assets/ruby-grey.png");
&.ruby {
background: url("../../assets/ruby.png");
}
}
.field {
&.field-frost {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #2365ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#2365ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#2365ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#2365ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#2365ff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#2365ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2365ff',GradientType=0 ); /* IE6-9 */
}
&.field-fog {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #232f30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#232f30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#232f30 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#232f30 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#232f30 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#232f30 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#232f30',GradientType=0 ); /* IE6-9 */
}
&.field-rain {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #9b9b9b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#9b9b9b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
}
}
.playcard-banner {
position: fixed;
border: 1px solid red;
background: orangered;
width: 100%;
height: 250px;
left: 0;
text-align: center;
top: 200px;
z-index: 200;
.card {
position: relative;
left: 50%;
top: 30%;
}
}
}

2
client/templates/cards.handlebars
View File

@@ -1,3 +1,3 @@
<div class="card{{#if _disabled}} disabled{{/if}}" data-key="{{_key}}" data-id="{{_id}}">
<img src="../assets/cards/{{_data.img}}.png">
<i class="card-sm-{{_data.faction}} card-sm-{{_data.faction}}-{{_data.img}}"></i>
</div>

2
client/templates/fieldCards.handlebars
View File

@@ -1,6 +1,6 @@
{{#each this}}
<div class="card{{#if _disabled}} disabled{{/if}}" data-key="{{_key}}" data-id="{{_id}}">
{{#if diff}}<span class="card-attr-power {{#if diffPos}}card-attr-positive{{/if}}">{{diff}}</span>{{/if}}
<img src="../assets/cards/{{_data.img}}.png">
<i class="card-sm-{{_data.faction}} card-sm-{{_data.faction}}-{{_data.img}}"></i>
</div>
{{/each}}

6
client/templates/modal.medic.handlebars
View File

@@ -2,10 +2,8 @@
<h3 class="bbm-modal__title">Choose one card from your discard</h3>
</div>
<div class="bbm-modal__section">
{{#each medicDiscard.cards}}
<div class="card" data-key="{{_key}}" data-id="{{_id}}">
<img src="../assets/cards/{{_data.img}}.png">
</div>
{{#each medicDiscard.cards as |val key|}}
{{>card val}}
{{/each}}
</div>
<div class="bbm-modal__bottombar">

6
client/templates/modal.redraw.handlebars
View File

@@ -2,10 +2,8 @@
<h3 class="bbm-modal__title">Choose up to 2 cards you wish to redraw!</h3>
</div>
<div class="bbm-modal__section">
{{#each handCards}}
<div class="card" data-key="{{_key}}" data-id="{{_id}}">
<img src="../assets/cards/{{_data.img}}.png">
</div>
{{#each handCards as |val key|}}
{{>card val}}
{{/each}}
</div>
<div class="bbm-modal__bottombar">

2
client/templates/preview.handlebars
View File

@@ -1,4 +1,4 @@
<img src="../assets/cards/{{card.img}}.png" height="450">
<i class="card-lg-{{card.faction}} card-lg-{{card.faction}}-{{card.img}}"></i>
<div class="preview-description">
<p>{{card.name}}</p>
{{#each abilities as |val key|}}