Reddo пре 5 година
родитељ
комит
7953ddeff2
6 измењених фајлова са 234 додато и 83 уклоњено
  1. 1 1
      sass/__imagesRelative.scss
  2. 1 3
      sass/fonts.scss
  3. 203 0
      stylesheets/fonts.css
  4. 11 29
      stylesheets/images.css
  5. 7 21
      stylesheets/screenLink.css
  6. 11 29
      stylesheets/screenRelative.css

+ 1 - 1
sass/__imagesRelative.scss

@@ -1,3 +1,3 @@
 .introLogo {
   background-image: url("../images/IntroLogo.svg");
-}
+}

+ 1 - 3
sass/fonts.scss

@@ -1,5 +1,3 @@
 // Fonts
 @import "fonts/_ssans";
-
-//TODO: Readd if status line gets back
-//@import "fonts/_cousine";
+@import "fonts/_cousine";

Разлика између датотеке није приказан због своје велике величине
+ 203 - 0
stylesheets/fonts.css


+ 11 - 29
stylesheets/images.css

@@ -2,45 +2,27 @@
  ** Calculate amount of steps from that
  ** Profit
  **/
-.anims-sprite, .anims-hairdoTest, .anims-pixelPrecisionTest, .anims-winner, .anims-orcNoShadow, .anims-orcStand, .anims-playerBody {
-  background-image: url('images/anims-s024dfdce19.png');
+.anims-sprite, .anims-orcStand, .anims-mainBody, .anims-pixel0 {
+  background-image: url('images/anims-sad0922e873.png');
   background-repeat: no-repeat;
 }
 
-.anims-hairdoTest {
+.anims-orcStand {
   background-position: 0 0;
   height: 200px;
-  width: 400px;
-}
-
-.anims-pixelPrecisionTest {
-  background-position: 0 -200px;
-  height: 327px;
-  width: 327px;
-}
-
-.anims-winner {
-  background-position: 0 -527px;
-  height: 200px;
-  width: 400px;
-}
-
-.anims-orcNoShadow {
-  background-position: 0 -727px;
-  height: 200px;
   width: 800px;
 }
 
-.anims-orcStand {
-  background-position: 0 -927px;
-  height: 200px;
-  width: 800px;
+.anims-mainBody {
+  background-position: 0 -200px;
+  height: 300px;
+  width: 1200px;
 }
 
-.anims-playerBody {
-  background-position: 0 -1127px;
-  height: 100px;
-  width: 100px;
+.anims-pixel0 {
+  background-position: 0 -500px;
+  height: 155px;
+  width: 262px;
 }
 
 .bg-Forest {

+ 7 - 21
stylesheets/screenLink.css

@@ -230,27 +230,6 @@ body {
   padding: 0.8rem;
 }
 
-#sceneAnimation {
-  display: none;
-  width: 200px;
-  height: 200px;
-  position: fixed;
-  bottom: 0px;
-  left: 50%;
-  margin-left: -100px;
-  z-index: 1;
-  pointer-events: none;
-}
-
-#mainPage.turn #sceneAnimation {
-  display: block;
-}
-
-.sceneAnimation {
-  display: block;
-  position: absolute;
-}
-
 #roomExitsHolder {
   background: linear-gradient(to top left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.09) 50%, rgba(0, 0, 0, 0.06) 100%);
   padding: 2ex;
@@ -310,6 +289,13 @@ body.modal #modalWindow {
   transition: filter .3s ease-in-out;
 }
 
+#sceneAnimation {
+  transition: opacity  .3s ease-in-out;
+}
+
+#mainPage.turn #sceneAnimation {
+  opacity: 1;
+}
 #mainPage.turn #leftWindow, #mainPage.turn #rightWindow, #mainPage.turn #currentRoomTab, #mainPage.turn #hyperlinksTab, #mainPage.turn #fakeparserTab, #mainPage.turn #statusLine {
   pointer-events: none;
   filter: blur(2px);

+ 11 - 29
stylesheets/screenRelative.css

@@ -932,45 +932,27 @@ p.turnStart::before, p.turnStart::after {
  ** Calculate amount of steps from that
  ** Profit
  **/
-.anims-sprite, .anims-hairdoTest, .anims-pixelPrecisionTest, .anims-winner, .anims-orcNoShadow, .anims-orcStand, .anims-playerBody {
-  background-image: url('images/anims-s024dfdce19.png');
+.anims-sprite, .anims-orcStand, .anims-mainBody, .anims-pixel0 {
+  background-image: url('images/anims-sad0922e873.png');
   background-repeat: no-repeat;
 }
 
-.anims-hairdoTest {
+.anims-orcStand {
   background-position: 0 0;
   height: 200px;
-  width: 400px;
-}
-
-.anims-pixelPrecisionTest {
-  background-position: 0 -200px;
-  height: 327px;
-  width: 327px;
-}
-
-.anims-winner {
-  background-position: 0 -527px;
-  height: 200px;
-  width: 400px;
-}
-
-.anims-orcNoShadow {
-  background-position: 0 -727px;
-  height: 200px;
   width: 800px;
 }
 
-.anims-orcStand {
-  background-position: 0 -927px;
-  height: 200px;
-  width: 800px;
+.anims-mainBody {
+  background-position: 0 -200px;
+  height: 300px;
+  width: 1200px;
 }
 
-.anims-playerBody {
-  background-position: 0 -1127px;
-  height: 100px;
-  width: 100px;
+.anims-pixel0 {
+  background-position: 0 -500px;
+  height: 155px;
+  width: 262px;
 }
 
 .bg-Forest {

Неке датотеке нису приказане због велике количине промена