Merge pull request #11 from OmgImAlexis/fix-confirmbox-css

add temp CSS for confirm boxes

gui/slick/css/dark.css

@@ -1117,3 +1117,92 @@ bootstrap panel
     background-color: #3D3D3D !important;
     color: #FFFFFF !important;
 }
+
+
+/* =======================================================================
+new #confirmBox
+@TODO THIS NEEDS TO BE FIXED!
+========================================================================== */
+.modal-dialog {
+    width: 460px;
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    margin: -130px 0 0 -230px;
+    border: 1px solid #111;
+    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.175);
+    border-radius: 0px;
+}
+
+.modal-content {
+    border-radius: 0px;
+}
+
+.modal-header {
+    border-bottom: none;
+    border-radius: 0px;
+}
+
+.modal-body, .modal-content{
+    background: #222;
+}
+
+.modal-footer {
+    border-top: none;
+}
+
+.confirmation-modal {
+    background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) repeat-x rgba(0,0,0,0.5);
+    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))) repeat-x rgba(0,0,0,0.5);
+}
+
+.modal-footer {
+    text-align: center;
+}
+
+.modal-header .close {
+    display: none
+}
+
+.modal-footer button {
+    margin-right: 15px;
+    padding: 2px 15px;
+    text-decoration: none;
+    display: inline-block;
+    color: #fff;
+    text-align:center;
+    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
+    background-clip: padding-box;
+    border: 1px solid #111;
+    border-radius: 3px;
+    cursor: pointer;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
+    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
+    background-image: -o-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
+    background-image: linear-gradient(to bottom, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25));
+    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.1),inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.15);
+    box-shadow: inset 0 1px rgba(255,255,255,0.1),inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.15);
+}
+
+.modal-footer button:last-child {
+    margin-right:0;
+}
+
+.modal-footer button.confirm {
+    background-color: #3F7636;
+}
+
+.modal-footer button.confirm:hover {
+    background-color: #48873E;
+}
+
+.modal-footer button.cancel {
+    background-color: #8D2D2B;
+}
+
+.modal-footer button.cancel:hover {
+    background-color: #A13331;
+}