API tools faq
paste
harrystylesanon

Theme eleven

harrystylesanon
Nov 7th, 2012
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.81 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  5. <script type="text/javascript">
  6. WebFontConfig = {
  7. google: { families: [ 'Amatic+SC::latin' ] }
  8. };
  9. (function() {
  10. var wf = document.createElement('script');
  11. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  12. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  13. wf.type = 'text/javascript';
  14. wf.async = 'true';
  15. var s = document.getElementsByTagName('script')[0];
  16. s.parentNode.insertBefore(wf, s);
  17. })(); </script>
  18.  
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Overlock+SC|Poiret+One|Glass+Antiqua|Actor|Didact+Gothic|Ruluko' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Miniver|The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26. <meta name="color:text" content="#57554F" />
  27. <meta name="color:link" content="#3902af" />
  28. <meta name="color:background" content="#000" />
  29. <meta name="color:selection" content="#bbbb33" />
  30. <meta name="image:sidebar" content="" />
  31. <meta name="image:background" content="" />
  32. <meta name="text:title1" content "">
  33. <meta name="text:title2" content "">
  34. <meta name="text:Link 1 url" content="" />
  35. <meta name="text:Link 1 Title" content="Link 1" />
  36. <meta name="text:Link 2 url" content="" />
  37. <meta name="text:Link 2 Title" content="Link 2" />
  38.  
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. ::-webkit-scrollbar {width: 4px; height: 4px; background: #fff; }
  45.  
  46. ::-webkit-scrollbar-thumb { background-color: {color:link}; ;}
  47.  
  48. ::-moz-selection {color:#FFFFFF;background: {color:selection};}
  49.  
  50. ::selection {color: #FFFFFF;background: {color:selection};}
  51.  
  52.  
  53. @import url(http://fonts.googleapis.com/css?family=Amatic+SC);
  54.  
  55.  
  56. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  57.  
  58.  
  59. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  60.  
  61. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  62.  
  63. @font-face {font-family: "discoverbeauty";src: url('http://static.tumblr.com/nf5qb3y/3ptm2vwot/discoverbeauty.ttf') format("truetype");}
  64.  
  65. @font-face {font-family: "sweetly";src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');}
  66.  
  67. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  68.  
  69. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  70.  
  71.  
  72.  
  73. body{background:white; background-image: url('{image:background}'); margin:0px; color:{color:text}; font-family:ruluko; font-size:11px; line-height:100%;}
  74.  
  75. a{text-decoration:none; outline:none; -moz-outline-style:none; color:{color:link};}
  76.  
  77. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; }
  78.  
  79. a:hover{
  80. color:#f5e8e8;
  81. text-decoration: none;
  82. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  83. }
  84.  
  85.  
  86.  
  87. #blogtitle{
  88. opacity:0.7;
  89. width:250px;
  90. position: fixed;
  91. margin-top:-272px;
  92. color:{color:Title};
  93. font-family: 'Amatic SC', cursive;
  94. font-size: 30px;
  95. line-height:12px;
  96. letter-spacing:0px;
  97. background-color: transparent;
  98. text-transform: normal;
  99. text-align: center;
  100. transition: all 0.7s ease-out;
  101. -o-transition-transition: all 0.7s ease-out;
  102. -webkit-transition: all 0.7s ease-out;
  103. -moz-transition: all 0.7s ease-out;
  104. }
  105.  
  106. #sidebar:hover #blogtitle{
  107. opacity:0;
  108. margin-top:-240px;
  109. transition: all 0.7s ease-out;
  110. -o-transition-transition: all 0.7s ease-out;
  111. -webkit-transition: all 0.7s ease-out;
  112. -moz-transition: all 0.7s ease-out;
  113. }
  114.  
  115.  
  116. #blogtitle2{
  117. opacity:0;
  118. width:250px;
  119. position: fixed;
  120. margin-top:-270px;
  121. color:{color:Title};
  122. font-family: 'Amatic SC', cursive;
  123. font-size: 30px;
  124. line-height:12px;
  125. letter-spacing:0px;
  126. background-color: transparent;
  127. text-transform: normal;
  128. text-align: center;
  129. transition: all 0.7s ease-out;
  130. -o-transition-transition: all 0.7s ease-out;
  131. -webkit-transition: all 0.7s ease-out;
  132. -moz-transition: all 0.7s ease-out;
  133. }
  134.  
  135. #sidebar:hover #blogtitle2{
  136. opacity:1;
  137. margin-top:-280px;
  138. transition: all 0.7s ease-out;
  139. -o-transition-transition: all 0.7s ease-out;
  140. -webkit-transition: all 0.7s ease-out;
  141. -moz-transition: all 0.7s ease-out;
  142. }
  143.  
  144.  
  145.  
  146. div#center{
  147. margin:auto;
  148. position:relative;
  149. width:950px;
  150. overflow:auto;
  151. overflow-y:hidden;}
  152.  
  153. div#content{
  154. float:left;
  155. width:550px;
  156. padding:0px;
  157. padding-left:5px;
  158. padding-right:5px;
  159. padding-top:4px;
  160. margin-top:0px;
  161. margin-bottom:5px;
  162. margin-left:520px;
  163. background-color:#ffffff;
  164. text-align: justify;}
  165.  
  166.  
  167.  
  168. #sidebar img{
  169. width:250px;
  170. height:250px;
  171. transition: all 0.7s ease-out;
  172. -o-transition-transition: all 0.7s ease-out;
  173. -webkit-transition: all 0.7s ease-out;
  174. -moz-transition: all 0.7s ease-out;
  175. }
  176.  
  177. #sidebar{
  178. position:fixed !important;
  179. width:250px;
  180. height:auto;
  181. margin-top:150px;
  182. margin-left:150px;
  183. line-height:8px;
  184. text-align:center;
  185. padding: 5px;
  186. z-index:999;
  187. transition: all 0.7s ease-out;
  188. -o-transition-transition: all 0.7s ease-out;
  189. -webkit-transition: all 0.7s ease-out;
  190. -moz-transition: all 0.7s ease-out;
  191. {block:ifshowcolumns}
  192. margin-left:139px;
  193. {/block:ifshowcolumns}
  194. }
  195.  
  196.  
  197.  
  198. #descripz{
  199. position:fixed !important;
  200. opacity: 1;
  201. width: 250px;
  202. margin-top: 4px;
  203. margin-left: 0px;
  204. padding-bottom: 0px;
  205. font-size: 11px;
  206. text-align: center;
  207. padding: 3px;
  208. height: 25px;
  209.  
  210. }
  211.  
  212.  
  213.  
  214.  
  215.  
  216. #linkz{
  217. font-family:littlefont;
  218. font-size:7.5px;
  219. opacity:0;
  220. text-align:center;
  221. margin-top:-250px;
  222. transition: all 0.6s ease-out;
  223. -o-transition-transition: all 0.6s ease-out;
  224. -webkit-transition: all 0.6s ease-out;
  225. -moz-transition: all 0.6s ease-out;
  226. }
  227.  
  228. #sidebar:hover #linkz {
  229. font-family:littlefont;
  230. margin-top:-260px;
  231. opacity:2;
  232. transition: all 0.6s ease-out;
  233. -o-transition-transition: all 0.6s ease-out;
  234. -webkit-transition: all 0.6s ease-out;
  235. -moz-transition: all 0.6s ease-out;
  236. }
  237.  
  238.  
  239.  
  240.  
  241. .title{
  242. font-family:ruluko;
  243. font-size:17px;
  244. }
  245.  
  246.  
  247. .answer{
  248. color:#000000;
  249. padding-top:3px;
  250. font-weight:bold;
  251. font-style:none;}
  252.  
  253. .chat .line{background-color:#fcfcfc; margin:1px; padding-bottom:2px;}
  254. .chat .line.odd{background-color:#ffffff; margin:1px; padding-bottom:2px;}
  255.  
  256. blockquote{
  257. padding:0px 0px 0px 5px;
  258. border-left: 2px solid #333333;}
  259. .notes img{width:10px; position:relative; top:3px;}
  260.  
  261. .permal{
  262. margin-top: -10px;
  263. margin-left:1px;
  264. border:0px; text-align: center;
  265. text-transform:uppercase;}
  266.  
  267. .permal a{
  268. color: #000;
  269. font-family:littlefont;
  270. font-size:8px;
  271. line-height:7px;
  272. text-transform:lowercase;}
  273.  
  274. .entry .permal{
  275. opacity: 0.0;
  276. position:absolute;
  277. background-color:#ffffff;
  278. text-transform:lowercase;
  279. font-family:littlefont;
  280. font-size:8px;
  281. line-height:7px;
  282. font-weight:normal;
  283. color:#000000;
  284. margin:0px; padding-top:2px;
  285. text-align:center;
  286. border:0px; width:400px;}
  287.  
  288. .entry:hover .permal{
  289. overflow:visible; opacity: 0.8;
  290. -webkit-transition: opacity 1s linear;
  291. -webkit-transition: all 0.7s linear;
  292. -moz-transition: all 0.7s linear;
  293. transition: all 0.7s linear;
  294. border:0px;
  295. }
  296.  
  297. a.side, a.side:link, a.side:active, a.side:visited{
  298. -webkit-border-radius: 4px 4px 4px 4px;
  299. border-radius: 4px 4px 4px 4px;
  300. width:30px;
  301. font-family: didact gothic;
  302. font-size: 8px;
  303. line-height:15px;
  304. -moz-transition: 0.4s ease-out;
  305. -webkit-transition: 0.4s ease-out;
  306. letter-spacing:0px;
  307. text-align:center; padding-top:1px;
  308. margin:0px; text-transform:uppercase;
  309. color:{color:sidelink};
  310. display:inline-block;}
  311.  
  312. a.side:hover {
  313. -o-transition-transition: all 0.4s ease-out;
  314. -webkit-transition: all 0.4s ease-out;
  315. -moz-transition: all 0.4s ease-out;
  316. transition: all 0.4s ease-out;
  317. color:{color:sidelinkhover};}
  318.  
  319. a.next, a.next:link, a.next:active, a.next:visited {
  320. text-align:center;
  321. font-size:8px;
  322. line-height:7px;
  323. color:#42545c;
  324. font-family:didact gothic;
  325. letter-spacing:0px;
  326. font-weight:normal;
  327. text-transform:uppercase;
  328. -webkit-transition: all 0.3s ease-out;
  329. -moz-transition: all 0.3s ease-out;
  330. transition: all 0.3s ease-out;
  331. margin:0px;}
  332. a.next:hover {color:#b475ec;}
  333.  
  334. small{font-size:95%;}
  335.  
  336. a:link img {border:none;}
  337. a:visited img {border:none;}
  338. a:hover img {border:none;}
  339. a:img{border:none;}
  340. br{line-height:1px;}
  341.  
  342.  
  343.  
  344.  
  345. {CustomCSS}</style></head><body>
  346.  
  347. <body>
  348. <div id="sidebar">
  349. <div id="sidebartext">{text:sbartext}</div>
  350. <div id="sidebarimg">
  351. <img src="{image:sidebar}"></div>
  352. <div id="descripz">
  353. {block:Description}{Description}{/block:Description}</div>
  354. <div id="blogtitle">{text:title1}</div>
  355. <div id="blogtitle2">{text:title2}</div>
  356.  
  357. <div id="linkz">
  358. <a href="/">home</a> • <a href="/ask">ask</a> • <a href="{text:link1url}">{text:link1title}</a> • <a href="{text:link2url}">{text:link2title}</a> </div></center>
  359.  
  360.  
  361. </select>
  362. </div>
  363.  
  364.  
  365. </div>
  366.  
  367.  
  368. <div id="content">
  369. {block:Posts}
  370. <div id="entry">
  371.  
  372. {block:Text}
  373. <div class="entry">
  374. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  375. {block:Title}<span class="title">{Title}</span>{/block:Title}
  376. <span class="entrytext">{Body}</span>
  377. {/block:Text}
  378.  
  379. {block:Link}
  380. <div class="entry">
  381. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  382. <a href="{URL}" class="title">{Name}</a>
  383. {block:Description}{Description}{/block:Description}
  384. {block:Link}
  385.  
  386. {block:Photo}
  387. <div class="entry">
  388. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  389. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></a>{block:Caption}{Caption}{/block:Caption}
  390. {/block:PermalinkPage}{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-500}" width="400px"/></a>{block:Caption}{/block:Caption}</div>{/block:IndexPage}{/block:Photo}
  391.  
  392. {block:Photoset}
  393. <div class="entry">
  394. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>{/block:IndexPage}
  395. {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  396. {block:indexpage}
  397. {/block:indexpage}{/block:Photoset}
  398.  
  399. {block:Quote}
  400. <div class="entry">
  401. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  402. <span class="title">{Quote}</span><br>
  403. {block:Source} - {Source}<br>{/block:Source}
  404. {/block:Quote}
  405.  
  406. {block:Chat}
  407. <div class="entry">
  408. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  409. {block:Title}<span class="title">{Title}</span>{/block:Title}
  410. <ul class="chat">
  411. {block:Lines}
  412. <li class="user_{UserNumber}">
  413. {block:Label}
  414. <span class="label">{Label}</span>
  415. {/block:Label}
  416. {Line}</li>{/block:Lines}</ul>
  417. {/block:Chat}
  418.  
  419. {block:Audio}
  420. <div class="entry">
  421. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  422. <div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;">
  423. {block:ExternalAudio}{/block:ExternalAudio}</small></div></div><BR>
  424. {block:Caption}{Caption}{/block:Caption}
  425. {/block:Audio}
  426.  
  427. {block:Answer}
  428. <div class="entry">
  429. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} {/block:IndexPage} </div>
  430. <span></span><b>{Asker}:</b> {Question}&nbsp; {Answer}</div>
  431. {/block:Answer}
  432.  
  433. {block:Video}
  434. <div class="entry">
  435. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> | {TimeAgo} | <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  436. {Video-400}<BR>
  437. {block:Caption}{/block:Caption}
  438. {block:Video}
  439.  
  440. {block:PostNotes}
  441. <center>
  442. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  443. {block:PermalinkPage}{/block:PermalinkPage}{block:RebloggedFrom}
  444. <br>reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  445. <br>originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  446. </center></span>
  447. <br>
  448. <div id="postnotes">{PostNotes}</div><br>
  449.  
  450. {/block:PostNotes}
  451. </div>
  452. {/block:Posts}
  453. </div></div>
  454. </div></body></body>
  455. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  456. <div style="padding: 5px; position: fixed; bottom: 0px; font-size: 10px; left: 0px; text-transform:lowercase; background: transparent; color:{color:link};"><a href="http://officialharryanon.tumblr.com/"><small style="{color:link};">©</small></a></div>
  457. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!