TVD-PS

TAG LIST #2

Feb 21st, 2019
609
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.99 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. ------------------------
  9. @BARBIE THEMES | TUMBLR
  10. ------------------------
  11.  
  12.  
  13. Rules:
  14. +Please do not remove credit.
  15. +Do not remove the credit completely or make them invisible, you may replace it to a visible place.
  16. +not using this as your own base code.
  17.  
  18.  
  19.  
  20.  
  21.  
  22. ------------------------------------------------------------------------->
  23.  
  24.  
  25. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26.  
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29.  
  30.  
  31. <head>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. /*scrollbar*/
  49.  
  50. ::-webkit-scrollbar-thumb:vertical {
  51. border:3px solid #fff;
  52. height:12px;
  53. background-color:#838282;
  54.  
  55. }
  56. ::-webkit-scrollbar {
  57. background-color:#838282;
  58. height:7px;
  59. width:12px;
  60. border:5px solid #fff;
  61.  
  62. }
  63.  
  64.  
  65.  
  66. /*body*/
  67.  
  68.  
  69. body {
  70. font-style:none;
  71. background-color:#f6f6f6;
  72. font-family:calibri;
  73. color:{color:text};
  74. font-size:9px;
  75.  
  76. }
  77.  
  78. /*header*/
  79.  
  80. .header img {
  81. margin-bottom:0px;
  82. width:100px;
  83. height:100px;
  84. margin-left:373px;
  85. margin-top:-100px;
  86. border:4px solid #fff;
  87. border-radius:100px;
  88.  
  89. }
  90.  
  91. a {
  92. color:{color:link};
  93. text-decoration:none;
  94. -webkit-transition: all 0.5s ease-out;
  95. -moz-transition: all 0.5s ease-out;
  96. transition: all 0.5s ease-out;
  97.  
  98.  
  99. }
  100.  
  101. a:hover {
  102. color:{color:hover};
  103. text-decoration:none;
  104. -webkit-transition: all 0.8s ease-out;
  105. -moz-transition: all 0.8s ease-out;
  106. transition: all 0.8s ease-out;
  107.  
  108. }
  109.  
  110.  
  111.  
  112. h1 {
  113. font-size:10px;
  114. }
  115.  
  116. /*Cursor*/
  117.  
  118.  
  119. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com.http.s33.wbprx.com/cursors/random/tiny_cursor.png"), auto }
  120.  
  121.  
  122. #everything {
  123. margin-left:250px;
  124. margin-top:100px;
  125.  
  126. }
  127.  
  128.  
  129.  
  130. /*LINKS*/
  131.  
  132. #links {
  133. width:200px;
  134. height:15px;
  135. font-family:trebuchet ms;
  136. text-transform:uppercase;
  137. text-align:center;
  138. margin-top:20px;
  139. margin-left:320px;
  140. background-color:#ff4141;
  141. padding:10px;
  142. }
  143.  
  144. #links a {
  145. padding:10px;
  146. font-size:10px;
  147. color:#000;
  148. border-bottom:1px solid #fff;
  149. -webkit-transition: all 0.4s ease-in-out;
  150. -moz-transition: all 0.4s ease-in-out;
  151. -o-transition: all 0.4s ease-in-out;
  152. -ms-transition: all 0.4s ease-in-out;
  153. transition: all 0.4s ease-in-out;
  154.  
  155. }
  156.  
  157. #links a:hover {
  158. color:#fff;
  159. background-color:#000;
  160.  
  161. }
  162.  
  163.  
  164. /*GROUPS AND BOXES*/
  165.  
  166. #grouptitle {
  167. padding:20px;
  168. text-align:left;
  169. font-family:serif;
  170. color:#fff;
  171. background-color:#ff4141;
  172. font-size:20px;
  173. font-style: italic;
  174. text-transform: lowercase;
  175. font-weight: bold;
  176. width:220px;
  177. margin-left:20px;
  178. margin-top:70px;
  179. border-radius:10px;
  180. }
  181.  
  182.  
  183. #grouplinks {
  184. width:220px;
  185. margin-top:5px;
  186. padding:19px;
  187. margin-left:20px;
  188. border:1px solid #eaeaea;
  189. background-color:#fff;
  190. border-radius:10px;
  191.  
  192. }
  193.  
  194.  
  195. #grouplinks a {
  196. font-family:calibri;
  197. border-bottom:1px solid #eee;
  198. display:block;
  199. color:#000;
  200. font-size:10px;
  201. padding:4px;
  202. text-align:left;
  203. letter-spacing:0px;
  204. text-transform:uppercase;
  205. margin-bottom:5px;
  206. -webkit-transition: all 0.4s ease-in-out;
  207. -moz-transition: all 0.4s ease-in-out;
  208. -o-transition: all 0.4s ease-in-out;
  209. -ms-transition: all 0.4s ease-in-out;
  210. transition: all 0.4s ease-in-out;
  211.  
  212. }
  213.  
  214. #grouplinks a:hover {
  215. background:#000;
  216. color:#fff;
  217.  
  218. }
  219.  
  220.  
  221.  
  222. {CustomCSS}
  223.  
  224. </style></head>
  225.  
  226.  
  227. <body>
  228.  
  229. <div id="everything">
  230.  
  231.  
  232. <!-- READ:
  233.  
  234.  
  235. HEADER IMAGE, YOUR URL HERE 100 X 100PX {ICON}:
  236.  
  237.  
  238. -->
  239. <div class="header"><img src="http://i.imgur.com/rGeBZdg.png?1"></div>
  240.  
  241.  
  242. <div id="links">
  243. <a href="/">RETURN</a>
  244. <a href="/ask">MESSAGE</a>
  245. <a href="http://barbie-themes.tumblr.com/">CREDIT</a>
  246. </div>
  247.  
  248. <table id="all" border="0" cellpadding="0" cellspacing="0">
  249.  
  250.  
  251. <!-- BOX -->
  252. <td><div id="grouptitle"><big>title</div>
  253. <div id="grouplinks">
  254. <a href="/tagged/">link 1</a>
  255.  
  256. <a href="/tagged/">link 2</a>
  257.  
  258. <a href="/tagged/">link 3</a>
  259.  
  260. <a href="/tagged/">link 4</a>
  261.  
  262. <a href="/tagged/">link 5</a>
  263.  
  264. <a href="/tagged/">link 6</a>
  265.  
  266.  
  267. </div></td>
  268.  
  269. <!-- BOX -->
  270. <td><div id="grouptitle"><big>title</div>
  271. <div id="grouplinks">
  272. <a href="/tagged/">link 1</a>
  273.  
  274. <a href="/tagged/">link 2</a>
  275.  
  276. <a href="/tagged/">link 3</a>
  277.  
  278. <a href="/tagged/">link 4</a>
  279.  
  280. <a href="/tagged/">link 5</a>
  281.  
  282. <a href="/tagged/">link 6</a>
  283.  
  284.  
  285. </div></td>
  286.  
  287. <!-- BOX -->
  288. <td><div id="grouptitle"><big>title</div>
  289. <div id="grouplinks">
  290. <a href="/tagged/">link 1</a>
  291.  
  292. <a href="/tagged/">link 2</a>
  293.  
  294. <a href="/tagged/">link 3</a>
  295.  
  296. <a href="/tagged/">link 4</a>
  297.  
  298. <a href="/tagged/">link 5</a>
  299.  
  300. <a href="/tagged/">link 6</a>
  301.  
  302.  
  303. </div></td>
  304.  
  305. <tr>
  306.  
  307.  
  308.  
  309. </table>
  310.  
  311. </div>
  312. </body>
  313. </html>
Advertisement
Add Comment
Please, Sign In to add comment