Bring in styling queues from original Gavcoin (#2936)

* Bring in styling queues from original

* NewTranch background colour update

js/src/dapps/gavcoin/Accounts/accounts.css

@@ -22,7 +22,7 @@
 
 .account {
   margin: 0.5em !important;
-  background: rgb(50, 100, 150) !important;
+  background: #430 !important;
   display: inline-block !important;
 }
 

js/src/dapps/gavcoin/Actions/ActionBuyIn/actionBuyIn.js

@@ -73,6 +73,7 @@ export default class ActionBuyIn extends Component {
     if (complete) {
       return (
         <FlatButton
+          className={ styles.dlgbtn }
           label='Done'
           primary
           onTouchTap={ this.props.onClose } />
@@ -84,10 +85,12 @@ export default class ActionBuyIn extends Component {
 
     return ([
       <FlatButton
+        className={ styles.dlgbtn }
         label='Cancel'
         primary
         onTouchTap={ this.props.onClose } />,
       <FlatButton
+        className={ styles.dlgbtn }
         label='Buy'
         primary
         disabled={ hasError || sending }

js/src/dapps/gavcoin/Actions/ActionRefund/actionRefund.js

@@ -72,6 +72,7 @@ export default class ActionRefund extends Component {
     if (this.state.complete) {
       return (
         <FlatButton
+          className={ styles.dlgbtn }
           label='Done'
           primary
           onTouchTap={ this.props.onClose } />
@@ -82,10 +83,12 @@ export default class ActionRefund extends Component {
 
     return ([
       <FlatButton
+        className={ styles.dlgbtn }
         label='Cancel'
         primary
         onTouchTap={ this.props.onClose } />,
       <FlatButton
+        className={ styles.dlgbtn }
         label='Refund'
         primary
         disabled={ hasError || this.state.sending }

js/src/dapps/gavcoin/Actions/ActionTransfer/actionTransfer.js

@@ -75,6 +75,7 @@ export default class ActionTransfer extends Component {
     if (complete) {
       return (
         <FlatButton
+          className={ styles.dlgbtn }
           label='Done'
           primary
           onTouchTap={ this.props.onClose } />
@@ -85,10 +86,12 @@ export default class ActionTransfer extends Component {
 
     return ([
       <FlatButton
+        className={ styles.dlgbtn }
         label='Cancel'
         primary
         onTouchTap={ this.props.onClose } />,
       <FlatButton
+        className={ styles.dlgbtn }
         label='Transfer'
         primary
         disabled={ hasError || sending }

js/src/dapps/gavcoin/Actions/actions.css

@@ -16,7 +16,7 @@
 */
 .actions {
   text-align: center;
-  padding: 2em 2em 0 2em;
+  padding: 2em 0 0 0;
   width: 100%;
 }
 
@@ -25,20 +25,31 @@
 }
 
 .button button {
-  background-color: rgba(50, 100, 150, 1) !important;
+  background-color: #430 !important;
   height: 56px !important;
   padding: 0 10px !important;
 }
 
 .button button[disabled] {
-  background-color: rgba(50, 50, 50, 0.25) !important;
+  opacity: 0.25;
+}
+
+.dlgbtn {
+}
+
+.dlgbtn span {
+  color: #430 !important;
+}
+
+.dlgbtn[disabled] {
+  opacity: 0.25;
 }
 
 .dialog {
 }
 
 .dialog h3 {
-  color: rgba(50, 100, 150, 1) !important;
+  color: #430 !important;
   text-transform: uppercase;
 }
 

js/src/dapps/gavcoin/Application/application.css

@@ -0,0 +1,21 @@
+/* Copyright 2015, 2016 Ethcore (UK) Ltd.
+/* This file is part of Parity.
+/*
+/* Parity is free software: you can redistribute it and/or modify
+/* it under the terms of the GNU General Public License as published by
+/* the Free Software Foundation, either version 3 of the License, or
+/* (at your option) any later version.
+/*
+/* Parity is distributed in the hope that it will be useful,
+/* but WITHOUT ANY WARRANTY; without even the implied warranty of
+/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+/* GNU General Public License for more details.
+/*
+/* You should have received a copy of the GNU General Public License
+/* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+.body {
+  background-size: cover;
+  background-repeat: no-repeat;
+}

js/src/dapps/gavcoin/Application/application.js

@@ -32,6 +32,13 @@ import Events from '../Events';
 import Loading from '../Loading';
 import Status from '../Status';
 
+import styles from './application.css';
+import bgimage from '../../../../assets/images/dapps/gavcoin-bg.jpg';
+
+const bgstyle = {
+  backgroundImage: `url(${bgimage})`
+};
+
 const DIVISOR = 10 ** 6;
 
 export default class Application extends Component {
@@ -70,7 +77,7 @@ export default class Application extends Component {
     }
 
     return (
-      <div>
+      <div className={ styles.body } style={ bgstyle }>
         { this.renderModals() }
         <Status
           address={ address }

js/src/dapps/gavcoin/Events/events.css

@@ -90,5 +90,5 @@
 }
 
 .newtranch {
-  background: rgba(50, 250, 50, 0.1);
+  background: rgba(255, 175, 0, 0.125); /*rgba(68, 51, 0, 0.15);*/
 }

js/src/dapps/gavcoin/Status/status.css

@@ -15,8 +15,8 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 .status {
-  background: rgba(25, 75, 125, 1);
+  background: rgba(255, 175, 0, 0.25);
-  color: rgba(255, 255, 255, 1);
+  color: #430;
   padding: 4em 0 2em 0;
   display: flex;
   flex-wrap: wrap;
@@ -38,14 +38,16 @@
 
 .byline {
   font-size: 1.25em;
-  color: rgba(255, 255, 255, 0.7);
+  color: #430;
+  opacity: 0.75;
 }
 
 .heading {
   text-transform: uppercase;
   letter-spacing: 0.25em;
   font-size: 1.5em;
-  color: rgba(255, 255, 255, 0.7);
+  color: #430;
+  opacity: 0.75;
 }
 
 .hero {