CSS   109

smoke.css

Guest on 7th September 2021 10:14:06 AM

  1. .smoke-base {
  2.   position: fixed;
  3.   top: 0;
  4.   left: 0;
  5.   bottom: 0;
  6.   right: 0;
  7.   visibility: hidden;
  8.   opacity: 0;
  9. }
  10.  
  11. .smoke-base.smoke-visible {
  12.   opacity: 1;
  13.   visibility: visible;
  14. }
  15.  
  16. .smokebg {
  17.   position: fixed;
  18.   top: 0;
  19.   left: 0;
  20.   bottom: 0;
  21.   right: 0;
  22. }
  23.  
  24. .smoke-base .dialog {
  25.   position: absolute;
  26. }
  27.  
  28. .dialog-prompt {
  29.   margin-top: 15px;
  30.   text-align: center;
  31. }
  32.  
  33. .dialog-buttons {
  34.   margin: 20px 0 5px 0
  35. }
  36.  
  37. .smoke {
  38.   font-family: Menlo, 'Andale Mono', monospace;
  39.   text-align: center;
  40.   font-size: 22px;
  41.   line-height: 150%;
  42. }
  43.  
  44. .dialog-buttons button {
  45.   display: inline-block;
  46.   vertical-align: baseline;
  47.   cursor: pointer;
  48.   font-family: Menlo, 'Andale Mono', monospace;
  49.   font-style: normal;
  50.   text-decoration: none;
  51.   border: 0;
  52.   outline: 0;
  53.   margin: 0 5px;
  54.   -webkit-background-clip: padding-box;
  55.   font-size: 13px;
  56.   line-height: 13px;
  57.   font-weight: normal;
  58.   padding: 9px 12px;
  59. }
  60.  
  61. .dialog-prompt input {
  62.   margin: 0;
  63.   border: 0;
  64.   font-family: sans-serif;
  65.   outline: none;
  66.   font-family: Menlo, 'Andale Mono', monospace;
  67.   border: 1px solid #aaa;
  68.   width: 75%;
  69.   display: inline-block;
  70.   background-color: transparent;
  71.   font-size: 16px;
  72.   padding: 8px;
  73. }
  74.  
  75. .smoke-base {
  76.   background: rgba(0,0,0,.3);
  77.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#900000000);
  78. }
  79.  
  80. .smoke-base .dialog {
  81.   top: 25%;
  82.   width: 40%;
  83.   left: 50%;
  84.   margin-left: -20%;
  85. }
  86.  
  87. .smoke-base .dialog-inner {
  88.   padding: 15px;
  89.  
  90.   color:#202020;
  91. }
  92.  
  93. .smoke {
  94.   background-color: rgba(255,255,255,1);
  95.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff);
  96.         box-shadow: 0 2px 8px #666;
  97. }
  98.  
  99.  
  100. .dialog-buttons button {
  101.   background-color: rgba(0,0,0,.85);
  102.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#222222,endColorstr=#222222);
  103.   border-radius: 0;
  104.   color: #fff;
  105. }
  106.  
  107. button.cancel {
  108.   background-color: rgba(0,0,0,.40);
  109.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444,endColorstr=#444444);
  110. }
  111.  
  112. .queue{
  113.         display:none;
  114. }

Raw Paste


Login or Register to edit or fork this paste. It's free.