SHARE
TWEET

Untitled

Rofihimam Nov 6th, 2019 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.     background-color: #80bfff;
  3. }
  4. table{
  5.     background: linear-gradient(to left, #660066 20%, #ff0066 100%);
  6. }
  7. td{
  8.     font-family: 'Bree Serif', serif;
  9.     font-size: 18px;
  10.     border-style: inset;
  11.     border-width: 2px;
  12.     border-radius: 10px;
  13. }
  14. td.tambah, td.reset{
  15.     font-size: 18px;
  16.     height: 50px;
  17. }
  18. th{
  19.     font-family: 'Bree Serif', serif;
  20.     font-size: 18px;
  21.     border-style: outset;
  22.     border-width: 2px;
  23.     border-radius: 10px;
  24. }
  25. h1{
  26.     font-family: 'Bree Serif', serif;
  27.     text-align: center;
  28.     font-size: 40px;   
  29. }
  30. p{
  31.     font-family: 'Bree Serif', serif;
  32.     font-size: 18px;
  33. }
  34. a{
  35.     text-decoration: none;
  36.     color: white;
  37. }
  38. div.edit{
  39.     background-color: green;
  40.     border-radius: 50px;
  41.     width: 50px;
  42.     text-align: center;
  43.     transition-duration: 0.5s;
  44. }
  45. div.hapus{
  46.     background-color: red;
  47.     border-radius: 50px;
  48.     width: 60px;
  49.     text-align: center;
  50.     transition-duration: 0.5s;
  51. }
  52. div.tambah{
  53.     background-color: blue;
  54.     border-radius: 50px;
  55.     width: 150px;
  56.     text-align: center;
  57.     transition-duration: 0.5s;
  58. }
  59. div.edit:hover{
  60.     background-color: green;
  61.     border-radius: 50px;
  62.     width: 50px;
  63.     text-align: center;
  64.     box-shadow: 1px 5px 2px lightgreen;
  65. }
  66. div.hapus:hover{
  67.     background-color: red;
  68.     border-radius: 50px;
  69.     width: 60px;
  70.     text-align: center;
  71.     box-shadow: 1px 5px 2px pink;
  72. }
  73. div.tambah:hover{
  74.     background-color: blue;
  75.     border-radius: 50px;
  76.     width: 150px;
  77.     text-align: center;
  78.     box-shadow: 1px 5px 2px lightblue;
  79. }
  80. button{
  81.     font-family: 'Bree Serif', serif;
  82.     font-size: 18px;
  83.     color: white;
  84. }
  85. button.cari{
  86.     border: orange;
  87.     background-color: orange;
  88.     border-radius: 50px;
  89.     width: 70px;
  90.     transition-duration: 0.5s;
  91. }
  92. button.cari:hover{
  93.     border: orange;
  94.     background-color: orange;
  95.     border-radius: 50px;
  96.     width: 70px;
  97.     box-shadow: 1px 5px 2px lightyellow;
  98. }
  99. button.reset{
  100.     border: grey;
  101.     background-color: grey;
  102.     border-radius: 50px;
  103.     width: 70px;
  104.     text-align: center;
  105.     transition-duration: 0.5s;
  106. }
  107. button.reset:hover{
  108.     border: grey;
  109.     background-color: grey;
  110.     border-radius: 50px;
  111.     width: 70px;
  112.     text-align: center;
  113.     box-shadow: 1px 5px 2px lightgrey;
  114. }
  115. select{
  116.     background: linear-gradient(to right, #660066 20%, #ff0066 100%);
  117.     font-family: 'Bree Serif', serif;
  118.     border-radius: 50px;
  119.     font-size: 18px;
  120. }
  121. input{
  122.     background: linear-gradient(to right, #660066 20%, #ff0066 100%);
  123.     font-family: 'Bree Serif', serif;
  124.     border-radius: 50px;
  125.     font-size: 18px;
  126.     text-align: center;
  127.     width: 250px;
  128. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top