Changeset 29579 for other-projects

Timestamp:

2014-12-11T09:53:30+13:00 (9 years ago)

Author:

bmt11

Message:

Final touches on CSS slider for weather effects. Need to still implement sunny weather change.

Location:

other-projects/nz-flag-design/trunk

Files:

• . (modified) (1 prop)
• main-form/iterative-design.html (modified) (1 diff)
• render-3d/CSS/button.css (modified) (1 diff)
• render-3d/flag.html (modified) (1 diff)

other-projects/nz-flag-design/trunk/main-form/iterative-design.html

@@ -55 +55 @@
           <div id="render-3d-div">
             <iframe src="../render-3d/flag.html" 
-                style="width: 100%; height: 100%;"
+                style="width: 100%; height: 100%; overflow: hidden;"
                 id="render-3d-iframe" ></iframe>
           </div>

other-projects/nz-flag-design/trunk/render-3d/CSS/button.css

@@ -4 +4 @@
     -webkit-border-radius:42px;
     border-radius:100%;
-    border:4px solid #057fd0;
+    border:1vh solid #057fd0;
     display: block;
     cursor:pointer;
     color:#ffffff;
-    padding:50px;
+    padding:calc(88vh/6);
     float: right;
-    margin: 10% 15% 10% 10%;
+    margin: 1vh;
+    margin-right: 5%;
+    background-size: cover;
 }
 .myButton:hover {

other-projects/nz-flag-design/trunk/render-3d/flag.html

@@ -44 +44 @@
                 background-image: url("./images/arrow.png");
                 background-position: center;
-                background-size: 5vw 10vh;
+                background-size: cover;
+                background-repeat: no-repeat;
                 margin: auto;
                 right: 1vw;
                 width: 5vw;
-                height: 10vh;
+                height: 5vw;
                 position: relative;
                 border-radius: 100%;