update file image names and css file to customize ProteinDomainComplexType Form radio buttons

Former-commit-id: 2e73de9ccff7b30526d2670c2dfb7618ddbc9e44

ippisite/ippidb/static/css/ippidb.css

@@ -756,7 +756,6 @@ body {
   display: inline-block;
   width: 180px;
   text-align: center;
-  border: 1px solid #8D8888;
   background-color: #FFFFFF;
   background-image: url('/static/images/PPITypes/Inhibited/Hetero2-merAB_Apo.png');
   background-position: center;
@@ -800,7 +799,6 @@ body {
   display: inline-block;
   width: 180px;
   text-align: center;
-  border: 1px solid #8D8888;
   background-color: #FFFFFF;
   background-image: url('/static/images/PPITypes/Inhibited/Homo2-merA2_Apo.png');
   background-position: center;
@@ -842,7 +840,6 @@ body {
   display: inline-block;
   width: 180px;
   text-align: center;
-  border: 1px solid #8D8888;
   background-color: #FFFFFF;
   background-image: url('/static/images/PPITypes/Inhibited/Customyourown_Apo.png');
   background-position: center;
@@ -898,7 +895,6 @@ body {
   display: inline-block;
   width: 180px;
   text-align: center;
-  border: 1px solid #8D8888;
   background-color: #FFFFFF;
   background-image: url('/static/images/PPITypes/Stabilized/Hetero2-merAB_Apo.png');
   background-position: center;
@@ -933,6 +929,301 @@ body {
     border-right: 1px solid #E3E9EB;
 }
 
+.imageBack_Stab_Homo2-merA2 input {
+    display:none;
+}
+
+.imageBack_Stab_Homo2-merA2 label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Homo2-merA2_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Homo2-merA2 input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo2-merA2_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo2-merA2 input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo2-merA2_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo-Like2-merA2 input {
+    display:none;
+}
+
+.imageBack_Stab_Homo-Like2-merA2 label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Homo-Like2-merA2_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Homo-Like2-merA2 input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo-Like2-merA2_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo-Like2-merA2 input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo-Like2-merA2_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo3-merA3 input {
+    display:none;
+}
+
+.imageBack_Stab_Homo3-merA3 label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Homo3-merA3_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Homo3-merA3 input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo3-merA3_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo3-merA3 input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo3-merA3_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo3-merA3inhibitedA2-dimer input {
+    display:none;
+}
+
+.imageBack_Stab_Homo3-merA3inhibitedA2-dimer label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Homo3-merA3inhibitedA2-dimer_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Homo3-merA3inhibitedA2-dimer input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo3-merA3inhibitedA2-dimer_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo3-merA3inhibitedA2-dimer input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo3-merA3inhibitedA2-dimer_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo4-merA4 input {
+    display:none;
+}
+
+.imageBack_Stab_Homo4-merA4 label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Homo4-merA4_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Homo4-merA4 input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo4-merA4_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Homo4-merA4 input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Homo4-merA4_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Ring-Like3-merA3 input {
+    display:none;
+}
+
+.imageBack_Stab_Ring-Like3-merA3 label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Ring-Like3-merA3_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Ring-Like3-merA3 input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Ring-Like3-merA3_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Ring-Like3-merA3 input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Ring-Like3-merA3_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Ring-Like5-merA5 input {
+    display:none;
+}
+
+.imageBack_Stab_Ring-Like5-merA5 label span{
+  display: inline-block;
+  width: 180px;
+  text-align: center;
+  background-color: #FFFFFF;
+  background-image: url('/static/images/PPITypes/Stabilized/Ring-Like5-merA5_Apo.png');
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 180px;
+  font-size: 12px;
+
+} 
+
+.imageBack_Stab_Ring-Like5-merA5 input:hover+label span{
+    cursor: pointer;
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Ring-Like5-merA5_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+.imageBack_Stab_Ring-Like5-merA5 input[type="radio"]:checked+label span{
+    background-color: #FFFFFF;
+    background-image: url('/static/images/PPITypes/Stabilized/Ring-Like5-merA5_Holo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #000000;
+    border-bottom: 1px solid #2D96FA;
+    border-top: 1px solid #E3E9EB;
+    border-left: 1px solid #E3E9EB;
+    border-right: 1px solid #E3E9EB;
+}
+
+
 .imageBack_Stab_Customyourown input {
     display:none;
 }
@@ -941,7 +1232,6 @@ body {
   display: inline-block;
   width: 180px;
   text-align: center;
-  border: 1px solid #8D8888;
   background-color: #FFFFFF;
   background-image: url('/static/images/PPITypes/Stabilized/Customyourown_Apo.png');
   background-position: center;