Update images file and wizard forms

ippisite/ippidb/forms.py

@@ -19,6 +19,46 @@ class ProteinForm(ModelForm):
 		model = Protein
 		exclude = ['recommended_name_long', 'short_name']
 
+
+ARCHI_TYPE = (
+    ('inhibited', 'Inhibited'),
+    ('stabilized', 'Stabilized'),
+    )
+
+INHIBITED_CHOICES = (
+	('Hetero2merAB','Hetero 2-mer AB'),
+	('Homo2merA2','Homo 2-mer A2'),
+	('custom', 'Custom your own'),
+	)
+
+STABILIZED_CHOICES = (
+	('Hetero2merAB','Hetero 2-mer AB'),
+	('Homo2merA2','Homo 2-mer A2'),
+	('HomoLike2mer','Homo-Like 2-mer A2'),
+	('Homo3merA3','Homo 3-mer A3'),
+	('Homo3merA2','Homo 3-mer A3 inhibited A2-dimer'),
+	('Homo4merA4','Homo 4-mer A4'),
+	('RingHomo3mer','Ring-Like 3-mer A3'),
+	('RingHomo5mer','Ring-Like 5-mer A5'),
+	('custom', 'Custom your own'),
+	)
+
+class ProteinDomainComplexTypeForm(forms.Form):
+    archi = forms.CharField(
+    	label="PPI Architecture Type",
+        widget=forms.Select(
+        choices=ARCHI_TYPE)
+    )
+    inhibited = forms.MultipleChoiceField(
+        widget=forms.CheckboxSelectMultiple,
+        choices=INHIBITED_CHOICES,
+        )
+
+    stabilized = forms.MultipleChoiceField(
+        widget=forms.CheckboxSelectMultiple,
+        choices=STABILIZED_CHOICES,
+    )
+
 class ProteinDomainComplexForm(ModelForm):
 	class Meta:
 		model = ProteinDomainComplex

ippisite/ippidb/static/css/ippidb.css

@@ -439,8 +439,8 @@ text-align: center;
 /* -- Page Header -- */
 
 .adv-page__header{
-    margin-left: -50px;
-    margin-right: -50px;
+margin-left: -50px;
+margin-right: -50px;
 box-shadow: 0px 0px 0px 1500px rgba(0, 0, 0, 0.1) inset;
 min-height: 260px;
 line-height: 260px;
@@ -604,7 +604,7 @@ display:block;
 }
 
 form {
-    width : 400px;
+    width : 80%;
 }
 
 button, input, select, textarea {
@@ -625,17 +625,32 @@ button, input, select, textarea {
     background-color: #2d96fa;
     border: none;
     color: #fff;
-    width: inherit;
 }
 
-.step {
-    width: 20%;
+#step {
+    width: 80%;
+}
+
+#step ul{
+    text-align: center;
+}
+
+#step li {
+    display: inline;
+}
+
+#step button {
+    width: 156px;
     background-color: rgb(0, 0, 0);
     color: rgb(255, 255, 255);
-    padding-left: 15px;
     font-family: "PlayfairDisplayReg";
-    font-size: 24px;
-    display: block;
+    font-size: 22px;
+    display: inline-block;
+}
+
+#step  button.no_active {
+    background-color: #E3E9EB;
+    color:#8D8888;
 }
 
 .step_desc {