Reisenfag

CSS posts counter

Jun 27th, 2018 (edited)
176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.86 KB | None | 0 0
  1. .replypage .reflink {
  2.         counter-increment:postcount;
  3. }
  4. .replypage form>div[id^="thread"] .reflink:after {
  5.         content:"#"counter(postcount)!important;
  6.         margin-left:3px;
  7. }
  8. .replypage{
  9.         counter-reset:postcount deletedpostcount picturecount deletedpicturecount;
  10. }
  11. .replypage .de-post-removed {
  12.         counter-increment:deletedpostcount;
  13. }
  14. .replypage .thumb, .replypage .nothumb a {
  15.         counter-increment:picturecount;
  16. }
  17. .replypage .de-post-removed > a .thumb, .replypage .nothumb{
  18.         counter-increment: deletedpicturecount;
  19. }
  20. .replypage form[de-form] > hr:after{
  21.         content:counter(postcount)" ("counter(deletedpostcount)") / "counter(picturecount)" ("counter(deletedpicturecount)")"!important;
  22. }
  23. .replypage form > hr:after{
  24.         content:counter(postcount)" / "counter(picturecount)" ("counter(deletedpicturecount)")";
  25. }
  26. .replypage form > hr:hover:before {
  27.         content:"Постов / Изображений (Ссылок|Удалено)";
  28. }
  29. .replypage form[de-form] > hr:hover:before {
  30.         content:"Постов (Удалено) / Изображений (Ссылок|Удалено)"!important;
  31. }
  32. .replypage form > hr:after{
  33.         display:inline-block;
  34.         float:left;
  35.         vertical-align:top;
  36.         margin-top: 12px;
  37.         position:absolute;
  38.         left:10px;
  39.         pointer-events:all;
  40. }
  41. .replypage form > hr:hover:before, .replypage form[de-form] > hr:hover:before {
  42.         display:block;
  43.         position:relative;
  44.         background-color:#000;
  45.         font-size:11px;
  46.         line-height:13px;
  47.         padding:3px 6px;
  48.         word-wrap:break-word;
  49.         white-space:pre-line;
  50.         color:#fff;
  51.         text-align:center;
  52.         bottom:12px;
  53.         left:3px;
  54.         float:left;
  55.         font-family:helvetica;
  56. }
  57. .replypage form > hr {
  58.         pointer-events:none;
  59. }
Add Comment
Please, Sign In to add comment