Advertisement
ahmadbai

css for minishell

Aug 23rd, 2019
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.83 KB | None | 0 0
  1. html {
  2.                 font-family: Iceland;
  3.                 color :aqua;
  4.                 background-color: #000;
  5.             }
  6.            
  7.             textarea {
  8.                 border: 1px solid #fff;
  9.                 width: 90%;
  10.                 height: 400px;
  11.                 background:transparent;
  12.                 color: #fff;
  13.                
  14.                 padding-left: 5px;
  15.                 margin:10px auto;
  16.  
  17.             }
  18.             a {
  19.                 color: #ffffff;
  20.                 text-decoration: none;
  21.             }
  22.             a:hover {
  23.                 color: #B5AFAF;
  24.                 text-decoration: underline;
  25.             }
  26.  
  27.            
  28.             table,th,td {
  29.                 border-collapse: collapse;
  30.                 background-color: transparent;
  31.  
  32.             }
  33.             .tb .th{
  34.                 border-bottom: 1px solid #444;
  35.                 border-top: 1px solid #444;
  36.             }
  37.             .tb {
  38.                 border-radius: 20px;
  39.                 border-left: 1px solid #444;
  40.                 border-right: 1px solid #444;
  41.             }
  42.            
  43.             .td {
  44.                 border-bottom: 1px solid #444;
  45.             }
  46.             tr .th {
  47.                 background-color: #444;
  48.             }
  49.             .tr:hover {
  50.                 background-color: #444;
  51.             }
  52.             .tbhome {
  53.                 border: 1px solid #444;
  54.                 margin-bottom: 10px;
  55.                 padding: 10px;
  56.             }
  57.             .tbhome tr {
  58.                 padding: 10px;
  59.             }
  60.             .shadow {
  61.   position: relative;  
  62.   width: 99%;
  63.   height: 100%;
  64.   background: linear-gradient(0deg,#000,#262626);  
  65. }
  66. .shadow:before,
  67. .shadow:after {
  68.   content: '';
  69.   position: absolute;
  70.   top: -2px;
  71.   left: -2px;
  72.   background: linear-gradient(45deg,#fb0094, #0000ff, #00ff00, #ffff00, #ff0000,#fb0094, #0000ff, #00ff00, #ffff00, #ff0000);
  73.   background-size: 400%;
  74.   width: calc(100% + 4px);
  75.   height: calc(100% + 4px);
  76.   z-index: -1;
  77.   animation: animate 15s linear infinite;
  78. }
  79. .shadow:after {
  80.   filter: blur(20px)
  81. }
  82. @keyframes animate {
  83.   0% {
  84.     background-position: 0 0;
  85.   }
  86.   50% {
  87.     background-position: 300% 0;
  88.   }
  89.   100% {
  90.     background-position: 0 0;
  91.   }
  92. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement