clipboard - not working #8

src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css

@@ -103,6 +103,66 @@ main {
     font-size: 18px;
 }
 
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy {
+    display: flex;
+    align-items: center;
+    width: 100%;
+}
+
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy input {
+    border: 0;
+    height: 40px;
+    width: 90%;
+    padding: 0 20px;
+
+    -webkit-border-top-left-radius: 3px;
+    border-top-left-radius: 3px;
+    -webkit-border-bottom-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy button {
+    border: 0;
+    width: 10%;
+    height: 40px;
+
+    cursor: pointer;
+
+    -webkit-border-top-right-radius: 3px;
+    border-top-right-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy button img {
+    width: 15px;
+    height: 15px;
+}
+
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window a {
+    background: #d8e3ea;
+    display: table;
+    text-decoration: none;
+    color: #126aa2;
+    padding: 10px 50px;
+    margin: 0 auto;
+
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
+#mine-wrapper .game-wrapper .game-overlay .game-overlay-window a:hover {
+    background: #a4afb6;
+    color: #ffffff;
+
+    -webkit-transition: all 250ms ease-in-out;
+    transition: all 250ms ease-in-out;
+}
+
 #mine-wrapper .game-wrapper .users {
     width: 180px;
     padding: 0 10px 0 0;
@@ -690,7 +750,7 @@ main {
 }
 
 /*#mine-wrapper .grid .field-wrapper.targeted > img.field-target {*/
-    /*display: block;*/
+/*display: block;*/
 /*}*/
 
 /** width = 4 x .field */