ソースを参照

Merge pull request #138 from Julusian/gulp-css

Generate /src/css/bootstrap-dialog.css for legacy reasons
Dante 10 年 前
コミット
cb788e20ab
2 ファイル変更116 行追加0 行削除
  1. 1 0
      gulpfile.js
  2. 115 0
      src/css/bootstrap-dialog.css

+ 1 - 0
gulpfile.js

@@ -20,6 +20,7 @@ gulp.task("less", function() {
       paths: [path.join(__dirname, "less", "includes")]
       paths: [path.join(__dirname, "less", "includes")]
     }))
     }))
     .pipe(gulp.dest("dist/css"))
     .pipe(gulp.dest("dist/css"))
+    .pipe(gulp.dest("src/css"))
     .pipe(gulp.dest("examples/assets/bootstrap-dialog/css"))
     .pipe(gulp.dest("examples/assets/bootstrap-dialog/css"))
     .pipe(rename("bootstrap-dialog.min.css"))
     .pipe(rename("bootstrap-dialog.min.css"))
     .pipe(minifyCSS())
     .pipe(minifyCSS())

+ 115 - 0
src/css/bootstrap-dialog.css

@@ -0,0 +1,115 @@
+.bootstrap-dialog {
+  /* dialog types */
+  /**
+     * Icon animation
+     * Copied from font-awesome: http://fontawesome.io/
+     **/
+  /** End of icon animation **/
+}
+.bootstrap-dialog .modal-header {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.bootstrap-dialog .bootstrap-dialog-title {
+  color: #fff;
+  display: inline-block;
+  font-size: 16px;
+}
+.bootstrap-dialog .bootstrap-dialog-message {
+  font-size: 14px;
+}
+.bootstrap-dialog .bootstrap-dialog-button-icon {
+  margin-right: 3px;
+}
+.bootstrap-dialog .bootstrap-dialog-close-button {
+  font-size: 20px;
+  float: right;
+  filter: alpha(opacity=90);
+  -moz-opacity: 0.9;
+  -khtml-opacity: 0.9;
+  opacity: 0.9;
+}
+.bootstrap-dialog .bootstrap-dialog-close-button:hover {
+  cursor: pointer;
+  filter: alpha(opacity=100);
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  opacity: 1;
+}
+.bootstrap-dialog.type-default .modal-header {
+  background-color: #fff;
+}
+.bootstrap-dialog.type-default .bootstrap-dialog-title {
+  color: #333;
+}
+.bootstrap-dialog.type-info .modal-header {
+  background-color: #5bc0de;
+}
+.bootstrap-dialog.type-primary .modal-header {
+  background-color: #428bca;
+}
+.bootstrap-dialog.type-success .modal-header {
+  background-color: #5cb85c;
+}
+.bootstrap-dialog.type-warning .modal-header {
+  background-color: #f0ad4e;
+}
+.bootstrap-dialog.type-danger .modal-header {
+  background-color: #d9534f;
+}
+.bootstrap-dialog.size-large .bootstrap-dialog-title {
+  font-size: 24px;
+}
+.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
+  font-size: 30px;
+}
+.bootstrap-dialog.size-large .bootstrap-dialog-message {
+  font-size: 18px;
+}
+.bootstrap-dialog .icon-spin {
+  display: inline-block;
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -ms-transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}