API tools faq
paste
Advertisement
ClockworkTrickster

Hawkeye Tumblr Theme

ClockworkTrickster
Nov 7th, 2012
357
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4. ) ___ ______)
  5. (__/_____) /) /) /) (, / , /)
  6. / // ____ (/_ _ _ _____ (/_ / __ _ (/_ _ _/_ _ __
  7. / (/_(_)(__/(__(_(/ (_)/ (_/(__ ) / / (__(_(__/(__/_)_(___(/_/ (______) (_/
  8.  
  9. Version 1: Hawkeye/Clint
  10. Please keep the credit.-->
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Montserrat+Subrayada' rel='stylesheet' type='text/css'>
  15. <script type="text/javascript">
  16. <!--
  17. function handleThis(formElm)
  18. {
  19. window.location="/tagged/"+formElm.number.value+"";
  20. return false;
  21. }
  22. // -->
  23. </script>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <style type="text/css">
  28. /*BASIC*/
  29. body {
  30. background:#0b1820 url(' ') ;
  31. color: #9babbe;
  32. font-family: 'Anaheim', sans-serif;
  33. }
  34.  
  35. a:link {
  36. color:#a5929a;
  37. text-decoration:none;
  38. -webkit-transition-duration: 4s, 4s;
  39. }
  40. a:visited {
  41. color:#a5929a;
  42. text-decoration:none;
  43. }
  44. a:hover {
  45. color:#142b39;
  46. cursor:crosshair;
  47. text-decoration:none;
  48. -webkit-transition-duration: 2s, 2s;
  49.  
  50. }
  51. a:active {
  52. color:#a5929a;
  53. text-decoration:none;
  54. }
  55.  
  56. h1 {
  57. font-family: 'Montserrat Subrayada', sans-serif;
  58. font-size: 40px;
  59. text-shadow:2px 2px #4a2d39;
  60. }
  61.  
  62. /*POST BASICS*/
  63. .Carnival {
  64. width: 500px;
  65. padding: 15px;
  66. padding-bottom: 4px;
  67. margin-left: 400px;
  68. margin-bottom: 0px;
  69. border-right: 3px double #0b1820;
  70. border-left: 3px double #4a1f31;
  71. -webkit-border-radius-top-right: 2em;
  72. -webkit-border-radius-bottom-right: 2em;
  73. border-top-right-radius:2em;
  74. border-bottom-right-radius:2em;
  75. border-top-left-radius:2em;
  76. -webkit-border-top-left-radius:2em;
  77. -webkit-border-bottom-left-radius:2em;
  78. border-bottom-left-radius:2em;
  79. Background-color: #293a4c;
  80.  
  81. }
  82.  
  83. blockquote {
  84. font-size: 12px;
  85. padding: 4px;
  86. border-left: 5px double #4a1f31;
  87. margin: 10px;
  88. margin-left: 30px;
  89. }
  90.  
  91. /*POSTS*/
  92. .titles {
  93. font-family: 'Unica One', cursive;
  94. font-size: 35px;
  95. }
  96.  
  97. /*Head&Footers*/
  98. .tomato {
  99. width: 510px;
  100. padding: 0px;
  101. margin: 0px;
  102. padding-left: 20px;
  103. Margin-left: 400px;
  104. margin-bottom: 10px;
  105. font-family: 'Unica One', cursive;
  106. color:#a5929a;
  107. font-size:12px;
  108. }
  109.  
  110. .mate {
  111.  
  112. Margin-left: 850px;
  113. height: 7px;
  114. width: 100px;
  115.  
  116. }
  117.  
  118. .date
  119. {
  120. color:#a5929a;
  121. font-family: 'Unica One', cursive;
  122. font-size:12px;
  123.  
  124. }
  125. /*QUOTE*/
  126.  
  127. .lines
  128. {
  129. color:#8290a0;
  130. font-family: 'Unica One', cursive;
  131. text-align: center;
  132. font-size:30px;
  133.  
  134. }
  135. .source
  136. {
  137. color:#744659;
  138. font-style:italic;
  139. text-align: right;
  140. font-size:20px;
  141.  
  142. }
  143.  
  144. /*CHAT*/
  145. ul.chat {
  146. margin: 0;
  147. padding: 0;
  148. }
  149.  
  150. .chat li {
  151. list-style-type: none;
  152. margin-left: 0px;
  153. padding: 3px;
  154. }
  155.  
  156. .chat li.odd {
  157. margin-bottom: 1px;
  158. }
  159.  
  160. .chat li.even {
  161. background-color: #4a1f31;
  162. margin-bottom: 1px;
  163. -moz-border-radius: 5px;
  164. -webkit-border-radius: 5px;
  165. }
  166.  
  167. .label {
  168. font-weight: bold;
  169. }
  170.  
  171. .next {
  172. font-size:20px;
  173. text-align: center;
  174. }
  175.  
  176.  
  177. /*NAVAGATION*/
  178.  
  179. .Avengers {
  180. position:fixed;
  181. width: 300px;
  182. top: 90px;
  183. left: 30px;
  184. Background-color: ;
  185. }
  186. .pic {
  187. overflow: hidden;
  188. width: 300px;
  189. height: 200px;
  190. }
  191. .dev {
  192. font-size: 12px;
  193. }
  194.  
  195. .bars {
  196.  
  197. width: 150px;
  198. border-right: 3px double #0b1820;
  199. padding-bottom: 3px;
  200. border-left: 3px double #4a1f31;
  201. -webkit-border-radius-top-right: 2em;
  202. -webkit-border-radius-bottom-right: 2em;
  203. border-top-right-radius:2em;
  204. border-bottom-right-radius:2em;
  205. border-top-left-radius:2em;
  206. -webkit-border-top-left-radius:2em;
  207. -webkit-border-bottom-left-radius:2em;
  208. border-bottom-left-radius:2em;
  209. Background-color: #293a4c;
  210. }
  211.  
  212. .lazy {
  213. -moz-transform: scaleX(-1);
  214. -o-transform: scaleX(-1);
  215. -webkit-transform: scaleX(-1);
  216. transform: scaleX(-1);
  217. filter: FlipH;
  218. -ms-filter: "FlipH";
  219. }
  220.  
  221.  
  222. </style>
  223.  
  224. </head>
  225. <body>
  226.  
  227. <center><h1>{Title}</h1></center>
  228.  
  229.  
  230.  
  231. <div class="Avengers">
  232. <div class="pic"><img src="http://media.tumblr.com/tumblr_md328dTeNB1r7k9y5.gif" border="0" alt="Bow" ></div>
  233. <a href="/">HOME</a> <a href="/About">ABOUT</a> <a href="/ask">ASK</a> <a href="http://clockworktrickster.tumblr.com/" target="_blank"><img src="http://i46.tinypic.com/264rvv5.png" border="0" alt="Credit"></a>
  234.  
  235. <div class="dev">{Description}</div>
  236. <center>{block:PreviousPage}
  237. <a href="{PreviousPage}"><img class="lazy" src="http://i50.tinypic.com/2hyjewo.png" border="0" alt="Previous"></a> </a>
  238. {/block:PreviousPage}
  239. ({CurrentPage})
  240. {block:NextPage}
  241. <a href="{NextPage}"> <img src="http://i50.tinypic.com/2hyjewo.png" border="0" alt="Next"></a></a>
  242. {/block:NextPage}</center><br>
  243.  
  244. <center><div class="bars">
  245. SEARCH
  246. <form onsubmit="return handleThis(this)">
  247. <input type="text" name="number" />
  248. </div>
  249. </center>
  250. </div>
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258. {block:Posts}
  259.  
  260. <div class="mate"> {block:Date}<div class="date"> {DayOfMonth} {ShortDayOfWeek} {Year} </div> {/block:Date} </div>
  261. <div class="Carnival">
  262. {block:Text}
  263.  
  264. {block:Title}
  265. <div class="titles" ><a href="{Permalink}" class="titles">{Title}</a></div>
  266. {/block:Title}
  267.  
  268. {Body}
  269.  
  270. {/block:Text}
  271.  
  272. {block:Photo}
  273.  
  274. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  275.  
  276. {block:Caption}
  277. {Caption}
  278. {/block:Caption}
  279.  
  280. {/block:Photo}
  281.  
  282. {block:Photoset}
  283.  
  284. {Photoset-500}
  285.  
  286. {block:Caption}
  287. {Caption}
  288. {/block:Caption}
  289.  
  290. {/block:Photoset}
  291.  
  292. {block:Quote}
  293.  
  294. <div class="lines">"{Quote}"</div>
  295.  
  296. {block:Source}
  297. <div class="source"><img src="http://i47.tinypic.com/ldyf5.png" border="0" alt="Wheel">{Source}</div>
  298. {/block:Source}
  299.  
  300. {/block:Quote}
  301.  
  302. {block:Link}
  303.  
  304. <a href="{URL}" class="link" {Target}>{Name}</a>
  305.  
  306. {block:Description}
  307. {Description}
  308. {/block:Description}
  309.  
  310. {/block:Link}
  311.  
  312. {block:Chat}
  313.  
  314. <div class="post chat">
  315. {block:Title}
  316. <h3><a href="{Permalink}">{Title}</a></h3>
  317. {/block:Title}
  318.  
  319. <ul class="chat">
  320. {block:Lines}
  321. <li class="{Alt} user_{UserNumber}">
  322. {block:Label}
  323. <span class="label">{Label}</span>
  324. {/block:Label}
  325.  
  326. {Line}
  327. </li>
  328. {/block:Lines}
  329. </ul>
  330. </div>
  331.  
  332. {/block:Chat}
  333.  
  334.  
  335. {block:Video}
  336.  
  337. {Video-500}
  338.  
  339. {block:Caption}
  340. {Caption}
  341. {/block:Caption}
  342.  
  343. {/block:Video}
  344.  
  345. {block:Audio}
  346.  
  347. {AudioPlayerBlack}
  348.  
  349. {block:Caption}
  350. <div class="caption">{Caption}</div>
  351. {/block:Caption}
  352.  
  353. {/block:Audio}
  354. </div>
  355.  
  356. <div class="tomato">
  357. <div class="time">
  358.  
  359.  
  360. </div>
  361. <img src="http://i45.tinypic.com/evc3f9.png" border="0" alt="Bow" > {block:RebloggedFrom} Reblogged from <a href="{ReblogParentURL}"> {ReblogParentName}</a> {/block:RebloggedFrom}
  362.  
  363. {block:HasTags} {block:Tags} <a href="{TagURL}">. {Tag}</a> {/block:Tags} {/block:HasTags}
  364. <a href="{Permalink}#notes" class="reblogen"><img src="http://i47.tinypic.com/ldyf5.png" border="0" alt="Arrow">{block:NoteCount}{NoteCount}</a>{/block:NoteCount}</a>
  365. </div>
  366. {/block:Posts}
  367.  
  368.  
  369.  
  370. </body>
  371.  
  372. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!