Facebook
From Wet Ibis, 7 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 260
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. <meta charset="UTF-8">
  6. <title>...</title>
  7. <style>
  8.  
  9. a {
  10. display:block;
  11. text-decoration: none;
  12. width:80px;
  13. padding:10px;
  14.  
  15.  
  16.  
  17. }
  18. #b {
  19. width: 80px;
  20. background: rgb(150,250,50);
  21. border-radius: 15px 15px 0px 0px;
  22. transition: width 2s;
  23. }      
  24. #d {
  25. background: rgb(150,250,50);
  26.  
  27. }
  28. #c , #e{
  29. background: rgb(250,150,50);
  30. }
  31. #f {
  32. background: rgb(50,250,150);
  33. }
  34. #g{
  35. background: rgb(150,250,50);
  36. border-radius: 0px 0px 15px 15px;
  37. }
  38.  
  39.  
  40.  
  41.  
  42. #b:hover , #d:hover{
  43. background: rgb(50,250,150);
  44. color: rgb(255,255,255);
  45. padding-right: 70px;
  46. border-radius: 9px;
  47. width: 200px;
  48.  
  49. }
  50. #c:hover , #e:hover{
  51. background: rgb(0,255,17);
  52. color: rgb(255,255,255);
  53. padding-right: 70px;
  54. border-radius: 9px;
  55. }
  56. #f:hover , #g:hover{
  57. background: rgb(26,0,255);
  58. color: rgb(255,255,255);
  59. padding-right: 70px;
  60. border-radius: 9px;
  61. }
  62. #g:hover{
  63. background: rgb(255,255,0);
  64. color: rgb(255,255,255);
  65. padding-right: 70px;
  66. border-radius: 9px;
  67.  
  68. </style>
  69.  
  70. </head>
  71. <body>
  72. <a id="b" href="dok1.html">Dokument 1</a>
  73. <a id="c" href="dok2.html">Dokument 2</a>
  74. <a id="d" href="dok3.html">Dokument 3</a>
  75. <a id="e" href="dok4.html">Dokument 4</a>
  76. <a id="f" href="dok5.html">Dokument 5</a>
  77. <a id="g" href="dok6.html">Dokument 6</a>
  78.  
  79. </body>
  80. </html>