API tools faq
paste
Advertisement
helloiloveju

#2 Howl like wolves

helloiloveju
Nov 1st, 2012
4,487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!----
  4. H O W L L I K E W O L V E S
  5. theme #2 by
  6. helloiloveju.tumblr.com
  7. DO NOT REMOVE MY CREDIT!
  8. feel free to edit
  9. e n j o y !
  10. & don't remove this comment
  11. --->
  12.  
  13.  
  14. <head>
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#f5f3f0" />
  18. <meta name="color:ask color" content="#fdfff3" />
  19. <meta name="color:description color" content="#eeede9" />
  20. <meta name="color:source background" content="#f6f6f6" />
  21. <meta name="color:entry" content="#fcfcfc" />
  22. <meta name="color:text" content="#857c70" />
  23. <meta name="color:link" content="#b66a88" />
  24. <meta name="color:tags" content="#b66a88" />
  25. <meta name="color:link hover" content="#934b68" />
  26. <meta name="color:border" content="#f8f8f8" />
  27. <meta name="color:icon border" content="#ecddc0" />
  28. <meta name="color:Border Entry" content="#e0d2ca" />
  29. <meta name="color:bold" content="#934b68" />
  30. <meta name="color:italic" content="#b66a88" />
  31. <meta name="color:underlined" content="#666070" />
  32. <meta name="color:title" content="#d1bdb2" />
  33. <meta name="color:quote" content="#bdbcbb" />
  34. <meta name="color:navi links" content="#24c3e4" />
  35.  
  36. <meta name="if:icon" content="1" />
  37. <meta name="if:400px Post" content="0"/>
  38.  
  39.  
  40. <meta name="font:body" contentent="Georgia" />
  41. <meta name="font:sidebar" contentent="Georgia" />
  42.  
  43. <meta name="image:sidebar" content=""/>
  44. <meta name="image:background" content=""/>
  45.  
  46. <meta name="text:title" content="howllikewolves"/>
  47. <meta name="text:quote" content="fear the fever, lydia"/>
  48. <meta name="text:Link1" content="/" />
  49. <meta name="text:Link1 Title" content="home" />
  50. <meta name="text:Link2" content="/about" />
  51. <meta name="text:Link2 Title" content="about me" />
  52. <meta name="text:Link3" content="/tags" />
  53. <meta name="text:Link3 Title" content="tags" />
  54. <meta name="text:Link4" content="/ask" />
  55. <meta name="text:Link4 Title" content="ask" />
  56. <meta name="text:Link5" content="/submit" />
  57. <meta name="text:Link5 Title" content="submit" />
  58. <meta name="text:Body Font Size" content="10px" />
  59. <meta name="text:Font Size Pagination" content="8px" />
  60. <meta name="text:Font Size Sidebar" content="10px" />
  61.  
  62.  
  63.  
  64.  
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  66. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68. <link rel="shortcut icon" href="{Favicon}" />
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
  72.  
  73. {block:If250pxPost}
  74. <script src="http://static.tumblr.com/bkd4m5b/lDGmbadzs/jquerymasonry.js"></script>
  75. <script src="http://static.tumblr.com/bkd4m5b/YZZmbae0e/masonry.js"></script>
  76.  
  77. <script type="text/javascript">
  78. $(window).load(function () {
  79. $('#gpost').masonry({
  80. itemSelector : ".post",
  81. },
  82. function() { $('#gpost').masonry({ appendedContent: $(this) }); }
  83. );
  84. });
  85. </script>
  86. {/block:If250pxPost}
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91. body {color:{color:text};
  92. background-color:{color:background};
  93. background-image:url('{image:background}');
  94. background-attachment:fixed;
  95. font-family:{font:body};
  96. font-size:10px;
  97. line-height:100%;
  98. text-align:justify}
  99.  
  100.  
  101. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  102.  
  103. a:hover{color:{color:link hover};}
  104.  
  105. b, bold {
  106. font-weight: bold;
  107. color:{color:bold};
  108. }
  109.  
  110. i, italic {
  111. font-style: italic;
  112. color:{color:italic};
  113. }
  114.  
  115. u, underlined {
  116. font-style: none;
  117. border-bottom:1px solid {color:underlined};
  118. color:{color:underlined};
  119. }
  120.  
  121.  
  122. .title {
  123. position:fixed;
  124. top:90px;
  125. left:110px;
  126. font-size: 35px;
  127. font-style: italic;
  128. font-family: 'Damion';
  129. -webkit-transform: rotate(-2deg);
  130. -moz-transform: rotate(-2deg);
  131. color: {color:title};
  132. }
  133.  
  134. .quote {
  135. position:fixed;
  136. top:115px;
  137. left:110px;
  138. width:210px;
  139. font-size: 8px;
  140. text-transform: uppercase;
  141. font-family: georgia;
  142. letter-spacing:5px;
  143. -webkit-transform: rotate(-2deg);
  144. -moz-transform: rotate(-2deg);
  145. color: {color:quote};
  146. }
  147.  
  148.  
  149.  
  150. #posts{ overflow:hidden; background-color: {color:entry}; padding-top: 12px;padding-bottom: 0px;{block:IfNot400pxPost}padding-right:10px;padding-left:10px;{/block:IfNot400pxPost}
  151. {block:If400pxPost}padding-right:10px;padding-left:10px;{/block:If400pxPost}
  152. line-height: 13px; font-size:10px; font-family: Arial;}
  153.  
  154.  
  155. #entries {margin-left:390px; margin-top:0px; margin-bottom:20px;
  156. {block:IfNot400pxPost}width: 520px;{/block:IfNot400pxPost}
  157. {block:If400pxPost}width: 420px;{/block:If400pxPost}
  158. }
  159.  
  160.  
  161.  
  162.  
  163. #sidebar { width:200px;height: auto; float:left; left:115px; position:fixed; top: 170px; margin-top:0px; margin-left:1px; }
  164.  
  165. .sideimg img { width:195px; margin-top:-20px; display: block;opacity:1;
  166. -webkit-transition: all 2s ease-in-out;
  167. -moz-transition: all 2s ease-in-out;
  168. -o-transition: all 2s ease-in-out;
  169. transition: all 2s ease-in-out;}
  170.  
  171. .sideimg:hover {opacity:0.3; -webkit-transition: all 2s ease-in-out;
  172. -moz-transition: all 2s ease-in-out;
  173. -o-transition: all 2s ease-in-out;
  174. transition: all 2s ease-in-out;}
  175.  
  176. #stext {background-color:{color:description color}; margin-left:-0px; font-family:{font:sidebar}; font-size:{text:Font Size Sidebar};
  177. width: 176px; margin-top:-3px; text-align:justify; font-color:{color:text}; padding: 10px;border-top: 3px solid; border-color:{color:border}}
  178.  
  179. #icon { text-align: right; display:block; margin:0px -5px 5px 0px; padding:2px;}
  180.  
  181. #icon img {float:right; display: inline; height: 48px;margin-left:5px;margin-top:6px; border: 4px solid; border-color:{color:icon border};opacity:1;
  182. -webkit-transition: all 2s ease-in-out;
  183. -moz-transition: all 2s ease-in-out;
  184. -o-transition: all 2s ease-in-out;
  185. transition: all 2s ease-in-out;}
  186.  
  187. #icon:hover{opacity:0.3; -webkit-transition: all 2s ease-in-out;
  188. -moz-transition: all 2s ease-in-out;
  189. -o-transition: all 2s ease-in-out;
  190. transition: all 2s ease-in-out;}
  191.  
  192. #title {width:170px; margin-left:220px; margin-top:40px; position:fixed; font-family: georgia;
  193. font-size:12px;font-style: bold; text-transform:lowercase; text-align:center; letter-spacing:-1px; color:{color:bold}; line-height:110%; border-bottom: 2px solid; border-color:{color:border};}
  194.  
  195. #pag { font-family:arial; text-align:center; font-size:{text:Font Size Pagination}; padding-top:-8px; padding-bottom: 4px; background-color:{color:border}; width:176px;}
  196.  
  197.  
  198. #slinks {width:176px; margin-left:-0px; font: Georgia; color:{color:link}; background-color:{color:border}; text-align:center; margin-top:-5px ; padding:10px; border-radius: 0px 0px 15px 15px; font-style:italic;}
  199.  
  200.  
  201.  
  202. h1 { color:{color:bold};
  203. font-size:12px;
  204. line-height:12px;
  205. font-weight:normal;
  206. font-family:Arial;
  207. margin:0 0 0 -5px;
  208. padding:0;
  209. text-transform:uppercase;
  210. letter-spacing:2px;
  211. padding:3px;
  212. }
  213.  
  214. h2{ color:{color:bold};
  215. font-size:12px;
  216. line-height:12px;
  217. font-weight:normal;
  218. font-family:Arial;
  219. margin:0;
  220. padding:0px;
  221. text-transform:uppercase;
  222. letter-spacing:2px;
  223. padding:3px;}
  224.  
  225. h3{ color:{color:bold};
  226. font-size:3px;
  227. line-height:3px;
  228. font-weight:normal;
  229. font-family:Arial;
  230. margin:0 0 0 -20px;
  231. padding:0px;
  232. text-transform:uppercase;
  233. letter-spacing:2px;
  234. padding:3px;}
  235.  
  236.  
  237.  
  238. #tags {background-color:#Fff;
  239. font-family:trebuchet ms;
  240. font-size:8px;
  241. text-transform:lowercase;
  242. text-align:center;
  243. letter-spacing:1px;
  244. padding:2px;
  245. margin:1px 0px 0px 1px;
  246. color: {color:tags};}
  247.  
  248. #info {background-color:{color:source background}; color: {color:text};margin:0px 0px 0px 0px; font-family:{font:body}; font-size:10px; text-transform: uppercase; ; letter-spacing:0px; text-align:center; padding:2px;line-height: 9px; font-size:8px; font-family: trebuchet ms; border-top: 5px solid {color:Border Entry};}
  249.  
  250. #question {background-color: {color:ask color}; padding:10px;position: relative;}
  251.  
  252.  
  253. blockquote { border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px }
  254.  
  255. #quote {font-family: {font:body}; font-size: 15px; letter-spacing:-1px; line-height: 100%;
  256. margin-left: 10px; padding: 10px; border-left: 4px solid; border-color: {color:border};}
  257.  
  258. blockquote { padding-left:7px; margin:2px;border-left:5px solid {color:border};}
  259.  
  260. img a{border:none; width:100%}
  261. .audio{background-color:transparent; display:block;}
  262.  
  263. .user_1 .label {color:{color:bold}; font-weight:bold}
  264. .user_2 .label {color:{color:italic}; font-weight:bold}
  265. .user_3 .label {color:{color:bold}; font-weight:bold}
  266. .user_4 .label {color:{color:italic}; font-weight:bold}
  267. .user_5 .label {color:{color:bold}; font-weight:bold}
  268. .user_6 .label {color:{color:italic}; font-weight:bold}
  269.  
  270.  
  271. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  272.  
  273. #notes {font-weight:normal}
  274. #notes {font-weight:normal}
  275. #notes li {padding-bottom:0.5em}
  276. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:50%;}
  277.  
  278. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  279.  
  280. </style>
  281. <style type="text/css">{CustomCSS}</style>
  282. </head>
  283.  
  284. <body>
  285.  
  286.  
  287.  
  288. <div class="title"><a href="/">{text:title}</a></div>
  289. <div class="quote">{text:quote}</div>
  290. <div id="sbar">
  291.  
  292.  
  293. <div id="sidebar">
  294. <div class="sideimg"><img src="{image:sidebar}"></div><br>
  295.  
  296. <div id="stext">{block:Description}{block:ificon}<div id="icon"><img src="{PortraitURL-48}"></div>{/block:ificon}{Description}{/block:Description}</div>
  297.  
  298.  
  299. <div id="slinks">
  300. {block:ifLink1}<a style="color: {color:navi links}"href="{text:Link1}">{text:Link1 Title}</a> • {/block:ifLink1}
  301. {block:ifLink2}<a style="color: {color:navi links}"href="{text:Link2}">{text:Link2 Title}</a> • {/block:ifLink2}
  302. {block:ifLink3}<a style="color: {color:navi links}"href="{text:Link3}">{text:Link3 Title}</a> • {/block:ifLink3}
  303. {block:ifLink4}<a style="color: {color:navi links}"href="{text:Link4}">{text:Link4 Title}</a> • {/block:ifLink4}
  304. {block:ifLink5}<a style="color: {color:navi links}"href="{text:Link5}">{text:Link5 Title}</a> • {/block:ifLink5}
  305. <a style="color: {color:navi links}"href="http://helloiloveju.tumblr.com">©</a>
  306.  
  307. <br><br><br>
  308. <center><div id="pag"><small>{block:Pagination}
  309. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  310.  
  311. {block:JumpPagination length="5"}
  312.  
  313. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  314.  
  315. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  316.  
  317. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</small></div></div></center>
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. </div></div></div></div></div>
  325. <div id="entries">
  326. {block:Posts}
  327. <div id="posts">
  328.  
  329.  
  330.  
  331.  
  332. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  333. {block:Text}{Body}{/block:Text}
  334. {block:Quote}<h2>"{Quote}"— {Source}</h2>{/block:Quote}
  335.  
  336. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  337. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  338.  
  339. {block:Photo}<center>{LinkOpenTag}
  340. {block:If400pxPost}
  341. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  342. {/block:If400pxPost}
  343. {block:IfNot400pxPost}
  344. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  345. {/block:IfNot400pxPost}
  346.  
  347.  
  348. {LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  349.  
  350. {block:Photoset}<center> {block:If400pxPost}
  351. {Photoset-400}
  352. {/block:If400pxPost}
  353. {block:IfNot400pxPost}
  354. {Photoset-500}
  355. {/block:IfNot400pxPost}
  356.  
  357.  
  358. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  359.  
  360. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  361.  
  362. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  363.  
  364. {block:Answer} <div id="question"><center><big><b>{Asker} said:</b></big></center><br> <center><i>{Question}</i></center></div><br> <center>{Answer}</center>{/block:Answer}
  365.  
  366. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  367. </div>
  368.  
  369. <div id="info">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>
  370. {block:ContentSource}<a href="{SourceURL}"> ©</a>{block:ContentSource}{/block:RebloggedFrom}
  371. {block:Date} + posted <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} + <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div>
  372.  
  373. <div id="tags">{block:HasTags}tags:{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags} {/block:HasTags}</div><br><br>
  374. {/block:Posts}
  375. {block:PostNotes}{PostNotes}{/block:PostNotes}
  376.  
  377. </div>
  378.  
  379.  
  380. </body>
  381. </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!