Panzer_Themes

Blogroll Theme 2

Jul 1st, 2012
2,669
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.80 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3.  
  4. <!----
  5. Theme by PanzerThemes.tumblr.com
  6.  
  7. LEAVE CREDIT INTACT
  8. All my themes are legally copyrighted.
  9. Want to know what happens if you steal my coding?
  10. ..Didn't think so.
  11. ----->
  12.  
  13. <title>{name}'s Blogroll</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <style type="text/css">
  18.  
  19. @font-face { font-family: "silk"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  20.  
  21. @font-face { font-family: "love"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  22.  
  23. body {
  24. font-family: silk;
  25. background-image: url('http://24.media.tumblr.com/tumblr_ltedemoqL81r3vazto1_500.png');
  26. background-repeat: repeat;
  27. background-attachment: fixed;
  28.  
  29. scrollbar-face-color: #fff;
  30. scrollbar-highlight-color: #fff;
  31. scrollbar-shadow-color: #fff;
  32. scrollbar-3dlight-color: #fff;
  33. scrollbar-arrow-color: #fff;
  34. scrollbar-track-color: #fff;
  35. scrollbar-darkshadow-color: #fff;
  36. }
  37.  
  38.  
  39. ::-webkit-scrollbar-thumb:vertical {
  40. background:#fff;
  41. height:100px; }
  42.  
  43. ::-webkit-scrollbar {
  44. height:10px;
  45. width:8px;
  46. background:#000; }
  47.  
  48. #header {
  49. position:absolute;
  50. width: 800px;
  51. margin-top: 484px;
  52. margin-left:240px;
  53. height: 20px;
  54. line-height: 20px;
  55. font-size: 10px;
  56. z-index:2;}
  57.  
  58. #header a {
  59. display:inline-block;
  60. margin: 2px 2px;
  61. width:80px;
  62. padding: 3px;
  63. background-color:#000;
  64. color:#fff;
  65. text-align: center;
  66. text-decoration:none;
  67. text-transform:lowercase;
  68. -webkit-transition: all 0.7s ease;
  69. -moz-transition: all 0.7s ease;
  70. -o-transition: all 0.7s ease;}
  71.  
  72. #header a:hover {color: #bebebe;}
  73.  
  74. #content {
  75. position:absolute;
  76. border-bottom: #a6a6a6 2px solid;
  77. background-color: #fff;
  78. width: 800px;
  79. padding: 6px;
  80. margin-top: 30px;
  81. margin-left:240px;
  82. height:400px;
  83. overflow:auto;}
  84.  
  85. #content img {
  86. padding: 6px;
  87. width: 60px;
  88. opacity: 0.5;
  89. margin: 8px;
  90. border: 1px solid #000;
  91. background-color: #ffffff; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  92.  
  93. #content img:hover {
  94. border: 1px solid #fff;
  95. background-color: #000; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;
  96. opacity: 0.9;
  97. filter:alpha(opacity=70);}
  98.  
  99. </style>
  100. </head>
  101. <body>
  102.  
  103. <center><span style="font-family: love; font-size: 60pt; color: #000">
  104. My Blogroll</span>
  105. <p>
  106. <center><div id="content">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' /></a>{/block:Followed}{/block:Following}</div></center>
  107. <p><p>
  108.  
  109. <div id="header"><center>
  110. <a href="/">go back</a>
  111. <a href="http://jagpanzer.tumblr.com" target="blank">credit</a>
  112. </div>
Advertisement
Add Comment
Please, Sign In to add comment