anaodia7

Amorzinho CSS

Apr 11th, 2022 (edited)
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.94 KB | None | 0 0
  1. body {
  2. background: #FEE;
  3. }
  4. div.boardlist:not(.bottom) {
  5. background-color: #FFC4C4!important;
  6. border-bottom: 1px solid #F88!important;
  7. color: #707;
  8. text-align: center;
  9. padding: 4px 96px;
  10. opacity: 0.92;
  11. }
  12. a[title="Options"] {
  13. position: absolute;
  14. right: 12px;
  15. }
  16. h1 {
  17. font-family: tahoma;
  18. letter-spacing: -1px;
  19. font-size: 24pt;
  20. color: #B33
  21. }
  22. header div.subtitle {
  23. font-size: 10pt;
  24. }
  25. div.banner {
  26. background-color: #FFC4C4;
  27. color: #B33;
  28. font-size: 12pt;
  29. }
  30. div.banner a {
  31. color: #707;
  32. }
  33. div.banner a:hover {
  34. color: #FFF;
  35. }
  36. table * {
  37. margin: 0px;
  38. }
  39. form table tr th {
  40. background-color: #F88;
  41. color: #FFF;
  42. }
  43. form table tr td, form table tr td a {
  44. color: #707;
  45. }
  46. form table tr td > input:nth-child(2) {
  47. position: relative;
  48. top: -2px;  
  49. }
  50. hr {
  51. border-color: #F88 !important;
  52. }
  53. a:link, p.intro, a.email, span.name {
  54. text-decoration: inherit;
  55. }
  56. p.intro span.subject {
  57. color: #000;
  58. font-weight: bold;
  59. }
  60. p.intro, p.intro span.name {
  61. color: #707;
  62. }
  63. p.intro a.email span.name {
  64. color: #707;
  65. text-decoration: underline;
  66. -moz-text-decoration-color: #707;
  67. text-decoration-color: #707;
  68. }
  69. div.post.op p.intro a.email:hover span.name {
  70. color: #B33;
  71. text-decoration: underline;
  72. -moz-text-decoration-color: #B33;
  73. text-decoration-color: #B33;
  74. }
  75. p.intro a.email:hover span.name {
  76. color: #FFF;
  77. text-decoration: underline;
  78. -moz-text-decoration-color: #FFF;
  79. text-decoration-color: #FFF;
  80. }
  81.  
  82. #options_div, #alert_div, div.pages, div.ban{
  83.   background: #FFC4C4;
  84.   border: #fc7e7e 1px solid;
  85. }
  86.  
  87. #options_tablist {
  88.   border-right: #fc7e7e 1px solid;
  89. }
  90.  
  91. div.ban h2 {
  92.     background: #fc7e7e;
  93.     color: #FFF;
  94.     font-size: 12pt;
  95. }
  96.  
  97. a.quick-reply-btn{
  98.   visibility: hidden !important;
  99. visibility: collapse !important;
  100. }
  101.  
  102. textarea#body{
  103.    width: 317px;
  104.    height: 92px;
  105. }
  106.  
  107. .theme-catalog div.grid-size-small:hover{
  108.   background: #FFC4C4;
  109.   border: #fc7e7e 2px solid;
  110. }
  111.  
  112. div.post.reply {
  113. background: #FFC4C4;
  114. border-color: #F88;
  115. }
  116. div.post.reply.highlighted {
  117. background: #F88;
  118. border-color: #CC5D5D;
  119. }
  120.  
  121. div.pages {
  122. color: #707;
  123. background-color: #FFC4C4;
  124. }
  125. p.unimportant {
  126. color: #707;
  127. }
  128. /*bullshit CSS fuckery:*/
  129.  
  130. #reply_7570, #reply_7667, #reply_17255 {
  131. animation: ayylmao 20s infinite;
  132. -webkit-animation: ayyylmao 20s infinite;
  133. }
  134. #reply_7570:after, #reply_7667:after, #reply_17255:after {
  135. color: #FF0;
  136. content:"AYY LMAO"
  137. }
  138. #reply_12909 {
  139. animation: figureeight 4s linear infinite;
  140. -webkit-animation: cfigureeight 4s linear infinite;
  141. }
  142. [class*='mentioned-19989']:after, #reply_19989 [onclick^='cite'][class='post_no']:after, div.body [onclick*='19989']:after, [id*='post-hover-19989'] [onclick^='cite'][class='post_no']:after {
  143. content:"9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999"!important;
  144. }
  145. [class*='mentioned-20000']:after, #op_20000 [onclick^='cite'][class='post_no']:after, div.body [onclick*='20000']:after {
  146. content:" (╯°□°)╯︵ ┻━"!important;
  147. }
  148. #reply_20002 {
  149. animation: spin 2s linear infinite;
  150. -webkit-animation: spin 2s linear infinite;
  151. }
  152.  
  153. @keyframes ayylmao {
  154. 0% {
  155. transform: translateY(500px);
  156. }
  157. 50% {
  158. transform: translateY(-500px);
  159. }
  160. 100% {
  161. transform: translateY(500px);
  162. }
  163. }
  164. -webkit-@keyframes ayyylmao {
  165. 0% {
  166. -webkit-transform: translateY(500px);
  167. }
  168. 50% {
  169. -webkit-transform: translateY(-500px);
  170. }
  171. 100% {
  172. -webkit-transform: translateY(500px);
  173. }
  174. }
  175. @keyframes spin {
  176. 0% {
  177. transform: rotate(0deg);
  178. background-color: #F0F;
  179. color: #00F
  180. }
  181. 33% {
  182. transform: rotate(120deg);
  183. background-color: #0FF;
  184. color: #F00
  185. }
  186. 66% {
  187. transform: rotate(240deg);
  188. background-color: #FF0;
  189. color: #0F0
  190. }
  191. 100% {
  192. transform: rotate(360deg);
  193. background-color: #F0F;
  194. color: #00F
  195. }
  196. }
  197. @keyframes figureeight {
  198. 0% {
  199. transform: translate3d(0px,0px,0px);
  200. }
  201. 12.5% {
  202. transform: translate3d(200px,-200px,0px);
  203. }
  204. 37.5% {
  205. transform: translate3d(600px,200px,0px);
  206. }
  207. 50% {
  208. transform: translate3d(800px,0px,0px);
  209. }
  210. 62.5% {
  211. transform: translate3d(600px,-200px,0px);
  212. }
  213. 87.5% {
  214. transform: translate3d(200px,200px,0px);
  215. }
  216. }
  217. @-webkit-keyframes cfigureeight {
  218. 0% {
  219. -webkit-transform: translate3d(0px,0px,0px);
  220. }
  221. 12.5% {
  222. -webkit-transform: translate3d(200px,-200px,0px);
  223. }
  224. 37.5% {
  225. -webkit-transform: translate3d(600px,200px,0px);
  226. }
  227. 50% {
  228. -webkit-transform: translate3d(800px,0px,0px);
  229. }
  230. 62.5% {
  231. -webkit-transform: translate3d(600px,-200px,0px);
  232. }
  233. 87.5% {
  234. -webkit-transform: translate3d(200px,200px,0px);
  235. }
  236. }
  237. -webkit-@keyframes cspin {
  238. 0% {
  239. -webkit-transform: rotate(0deg);
  240. -webkit-background-color: #F0F;
  241. -webkit-color: #00F
  242. }
  243. 33% {
  244. -webkit-transform: rotate(120deg);
  245. -webkit-background-color: #0FF;
  246. -webkit-color: #F00
  247. }
  248. 66% {
  249. -webkit-transform: rotate(240deg);
  250. -webkit-background-color: #FF0;
  251. -webkit-color: #0F0
  252. }
  253. 100% {
  254. -webkit-transform: rotate(360deg);
  255. -webkit-background-color: #F0F;
  256. -webkit-color: #00F
  257. }
  258. }
Add Comment
Please, Sign In to add comment