Changeset 29740 for other-projects/nz-flag-design/trunk/main-form/css/styles.css

Timestamp:

2015-02-13T16:09:07+13:00 (9 years ago)

Author:

davidb

Message:

Development of the page for selecting flag w x h (canvas), and the page for controlling the palette colour.

File:

• other-projects/nz-flag-design/trunk/main-form/css/styles.css (modified) (4 diffs)

other-projects/nz-flag-design/trunk/main-form/css/styles.css

@@ -951 +951 @@
 }
 
-/*Jojo's changes*/
+/* Jojo's changes */
+
+/* CSS for the choose-canvas page */
 .centredDiv {
     margin: 0 auto;   
@@ -967 +969 @@
 
 #ratio23 { width: 300px }
-#ratio12 { width: 400px }
+#ratio12 { width: 400px; border-color: white }
 #ratio35 { width: 333.3px }
 #ratio1019 { width: 380px }
@@ -980 +982 @@
 }
 
-.flagHover:hover
-{
+
+/* Ideally the different flags shown will be dynamic in the future, and flagHover will no longer be necessary */
+.flagHover:hover {
     position: relative;
 }
 
-.flagHover:hover:after
-{
+.flagHover:hover:after {
     content: url(ratio23.png);
     display: block;
@@ -993 +995 @@
     top: 10px;
 }
+
+/* CSS for choose-palette page */
+.paletteCircle {
+    position: absolute;   
+}
+
+#palette {
+    padding: 0 0 0 50px; 
+    position: relative;
+}
+
+/* The orange palette image */
+#paletteImage {
+    position: relative;
+    top: 0; 
+    left: 0
+}
+
+/* Positions of the palette circles on the palette */
+#paletteCircleBackground { top: 75px; left: 150px }
+#paletteCircle1 { top: 35px; left: 295px }
+#paletteCircle2 { top: 50px; left: 450px }
+#paletteCircle3 { top: 105px; left: 585px; display: none }
+#paletteCircle4 { top: 210px; left: 700px; display: none }
+#paletteCircle5 { top: 330px; left: 625px; display: none }
+#paletteCircle6 { top: 355px; left: 480px; display: none }
+#paletteCircle7 { top: 345px; left: 335px; display: none }
+
+#pickerDiv {
+    float:right; 
+    position: relative;
+    padding: 0 50px 0 0;
+}