Ignbaltasevicius

CSS code: win95

May 27th, 2020
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.77 KB | None | 0 0
  1. @keyframes example {
  2. 7% {opacity: 0.1;}
  3. 80% {opacity: 1.0;}
  4. 100% {opacity: .1;}
  5. }
  6. body{
  7. cursor:help;background: url(https://www.htmlcsscolor.com/preview/gallery/13625F.png);
  8. }
  9.  
  10.  
  11. .blurbs, #top, #box, .box, #header, #hSub, button {
  12. background-color: white;
  13. color: black;
  14. padding-right: 2px;
  15. padding-left: 3px;
  16. padding-top: 3px;
  17. padding-bottom: 2px;
  18. blox-shadow: 1px 0 #000,0 1px #000,1px 1px #000,inset 1px 1px #fff,0 0 150px 1px rgba(255,0,255,.5);
  19. box-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000, inset 1px 1px #fff;
  20. background-color: silver;
  21. border-right: 1px solid gray;
  22. border-bottom: 1px solid gray;
  23. color: #000;
  24. }
  25.  
  26. .rightHead, .boxHead {
  27. background: linear-gradient(135deg,#000178 0,#1180D1 100%);
  28. color: #fff;
  29. font-weight: none;
  30. }
  31.  
  32.  
  33. @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  34. @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  35. @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  36.  
  37.  
  38.  
  39. @keyframes shake {
  40. 10%, 90% {
  41. transform: translate3d(-1px, 0, 0);
  42. }
  43.  
  44. 20%, 80% {
  45. transform: translate3d(6px, 0, 0);
  46. }
  47.  
  48. 30%, 50%, 70% {
  49. transform: translate3d(-6px, 0, 0);
  50. }
  51.  
  52. 40%, 60% {
  53. transform: translate3d(6px, 0, 0);
  54. }
  55. }
  56.  
  57. .fwiendFace {
  58. background: url(https://66.media.tumblr.com/1e526ee434f94d0e0faa94eb250aaf8b/tumblr_o1rzpey14q1v1b8nao4_250.gif) no-repeat;
  59. height: 130px;
  60. background-size: 64px;
  61. background-position: center;
  62. }
  63.  
  64. .fwiendFace img {
  65. opacity: 0.1;
  66. }
  67.  
  68.  
  69. .url.box a {
  70. display: none;
  71. }
  72.  
  73. .url.box {
  74. animation: bootAndClippy 3s steps(1) none;
  75. animation-fill-mode: forwards;
  76. }
  77.  
  78. @keyframes bootAndClippy {
  79. from {
  80. background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d1ebab8b-2b0b-4d87-a313-481d83d85afa/d8vvnwm-961aa00d-a7de-4e2f-9c0f-4fc195455663.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QxZWJhYjhiLTJiMGItNGQ4Ny1hMzEzLTQ4MWQ4M2Q4NWFmYVwvZDh2dm53bS05NjFhYTAwZC1hN2RlLTRlMmYtOWMwZi00ZmMxOTU0NTU2NjMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.c11TQgmL9M3yIjWOyORGPBBSkJWTU59ParTbSDtRXYI) #000;
  81. background-position: center;
  82. background-size: contain;
  83. background-repeat: no-repeat;
  84. position: fixed;
  85. right: 0;
  86. bottom: 0px;
  87. top: 0;
  88. left: 0;
  89. color: #ffffff00;
  90. border: none;
  91. box-shadow: none;
  92. filter: drop-shadow(8px 9px 15px #00000044);
  93. z-index: 1000;
  94. }
  95.  
  96. to {
  97. background: url(http://vignette1.wikia.nocookie.net/joke-battles/images/c/cb/Clippy.png/revision/latest?cb=20151209031540) no-repeat;
  98. background-size: 140px;
  99. position: fixed;
  100. right: 0;
  101. bottom: 0px;
  102. color: #ffffff00;
  103. height: 131px;
  104. width: 150px;
  105. z-index: 100;
  106. animation: shake 2s infinite;
  107. border: none;
  108. box-shadow: none;
  109. filter: drop-shadow(8px 9px 15px #00000044);
  110. z-index: 1000;
  111. }
  112. }
  113.  
  114. #hSub {
  115. background: url(https://i.imgur.com/pUn7pAu.png) #D4D1CC !important;
  116. border-bottom: 1px solid #ccc !important;
  117. padding-bottom: 8px !important;
  118. }
  119.  
  120. #hSub a {
  121. color: #000;
  122. }
  123.  
  124.  
  125. .tableRight {
  126. word-break: break-word !important;
  127. }
  128. .logo > b > span {
  129. font-size: 0px;
  130. color: rgba(0, 0, 0, 0);
  131. }
  132.  
  133. .logo > b::after {
  134. font-size: 15px;
  135. color: white;
  136. content: ".";
  137. }
  138. #top > a[href$="?id=1"] > div > b {
  139. font-size: 0px;
  140. color: rgba(89, 31, 133, 0);
  141. }
  142.  
  143. #top > a[href$="?id=1"] > div > b:after {
  144. font-size: 15px;
  145. color: black;
  146. content: ".Exe";
  147. }
  148. #top > a[href$="?id=1"] > div > b {
  149. font-size: 0px;
  150. color: rgba(89, 31, 133, 0);
  151. }
  152.  
  153. #top > a[href$="?id=5"] > div > b:after {
  154. font-size: 15px;
  155. color: black;
  156. content: "Her";
  157. }
Add Comment
Please, Sign In to add comment