API tools faq
paste
Advertisement
curlyrps

"simple", theme 10 by harryassists

curlyrps
Jun 8th, 2014
1,998
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.07 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut smallersb" href="{Favsmallersb}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!---
  12.  
  13. theme 10 "SIMPLE" by harryassists
  14. • do NOT redistribute
  15. • editing for personal use is totally welcome
  16. • come to me if you'd like to release an edited version
  17. • taking little snippets and putting them into your own coding is STILL stealing and i WILL ask you to take said snippet down
  18. • don't take images from the static preview
  19. • thank you for using this theme, have fun! :-)
  20.  
  21. --->
  22.  
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:Text" content="#a8a8a8"/>
  25. <meta name="color:postbg" content="#000000"/>
  26. <meta name="color:links" content=""/>
  27. <meta name="color:accent" content="#f2f2f2"/>
  28. <meta name="color:Scrollbar" content="#000000"/>
  29. <meta name="color:Post Links" content="#c0bfbf"/>
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:sb" content=""/>
  33. <meta name="image:header" content=""/>
  34.  
  35. <meta name="text:link 1 label" content="" />
  36. <meta name="text:link 1" content=""/>
  37. <meta name="text:link 2 label" content="" />
  38. <meta name="text:link 2" content=""/>
  39. <meta name="text:link 3 label" content="" />
  40. <meta name="text:link 3" content=""/>
  41. <meta name="text:link 4 label" content="" />
  42. <meta name="text:link 4" content=""/>
  43. <meta name="text:link 5 label" content="" />
  44. <meta name="text:link 5" content=""/>
  45. <meta name="text:link 6 label" content="" />
  46. <meta name="text:link 6" content=""/>
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar-thumb {
  51. height:9px;
  52. background-color:{color:scrollbar};
  53. border:1px solid {color:background};
  54. }
  55.  
  56. ::-webkit-scrollbar {
  57. margin-right:5px;
  58. width:7px;
  59. height:5px;
  60. border:3px solid {color:background};
  61. background-color:{color:scrollbar};
  62. }
  63.  
  64.  
  65. body {
  66. background-color:{color:background};
  67. margin:0px;
  68. color:{color:text};
  69. font-family:"arial";
  70. font-size:10px;
  71. line-height:100%;
  72. letter-spacing:0px;
  73. text-align:justify;
  74. background-image:url('{image:background}');
  75. background-attachment:fixed;
  76. }
  77.  
  78. small {
  79. font-size:10px;
  80. }
  81.  
  82. li {
  83. list-style-type:square;
  84. }
  85.  
  86. a {
  87. text-decoration:none;
  88. color:{color:Post Links};
  89. font-family:'courier';
  90. text-transform:uppercase;
  91. font-style:normal;
  92. }
  93.  
  94. sub {
  95. font-size:10px;
  96. }
  97.  
  98. sup {
  99. font-size:10px;
  100. }
  101.  
  102. img {
  103. max-width:100%;
  104. }
  105.  
  106. h5 {
  107. text-align:right;
  108. font-size:10px;
  109. font-weight:normal;
  110. }
  111.  
  112. blockquote {
  113. padding:10px;
  114. width:auto;
  115. background-color:{color:accent};
  116. color:{color:text};
  117. -webkit-transition: 0.4s all ease-in-out;
  118. -moz-transition: 0.4s all ease-in-out;
  119. o-transition: 0.4s all ease-in-out;
  120.  
  121. }
  122.  
  123. blockquote b{
  124. color:{color:postbg};
  125. }
  126.  
  127. blockquote strong {
  128. color:{color:postbg};
  129. }
  130.  
  131. small {
  132. font-size:10px;
  133. }
  134.  
  135. b {
  136. color:{color:accent};
  137. }
  138.  
  139. strong {
  140. color:{color:accent};
  141. }
  142.  
  143. blockquote a{
  144. color:{color:postbg};
  145. text-decoration:underline;
  146. }
  147.  
  148. pre {
  149. width:auto;
  150. word-wrap:break-word;
  151. text-transform:uppercase;
  152. text-align:center;
  153. background-color:{color:background};
  154. padding:3px;
  155. color:{color:postbg};
  156. }
  157.  
  158. code {
  159. text-transform:uppercase;
  160. font-style:normal;
  161. letter-spacing:2px;
  162. font-family:'courier';
  163. }
  164.  
  165. h1 {
  166. font-size:25px;
  167. font-style:italic;
  168. text-align:right;
  169. color:{color:text};
  170. font-weight:bold;
  171. text-transform:uppercase;
  172. }
  173.  
  174. h1 a{
  175. color:{color:post links};
  176. font-size:25px;
  177. font-style:italic;
  178. text-align:right;
  179. color:{color:text};
  180. font-weight:bold;
  181. text-transform:uppercase;
  182. font-family:'arial';
  183. }
  184.  
  185. h2 {
  186. font-size:25px;
  187. font-style:italic;
  188. text-align:left;
  189. color:{color:text};
  190. font-weight:bold;
  191. text-transform:uppercase;
  192. }
  193.  
  194. h2 a{
  195. color:{color:post links};
  196. font-size:25px;
  197. font-style:italic;
  198. text-align:right;
  199. color:{color:text};
  200. font-weight:bold;
  201. text-transform:uppercase;
  202. font-family:'arial';
  203. }
  204.  
  205. a:hover {
  206. color:{color:accent};
  207. }
  208.  
  209. #s-m-t-tooltip {
  210.  
  211. max-width:300px;
  212. background-color:{color:postbg};
  213. font-size:10px;
  214. font:"arial";
  215. color:{color:text};
  216. letter-spacing:1px;
  217. text-transform:lowercase;
  218. padding:5px;
  219. margin:20px 0px 0px 20px;
  220. z-index:9999999999999999999999;
  221. }
  222.  
  223. #more {
  224. width:auto;
  225. text-transform:lowercase;
  226. text-align:center;
  227. background-color:{color:accent};
  228. padding:3px;
  229. color:{color:text};
  230. }
  231.  
  232. #more a{
  233. color:{color:text};
  234. }
  235.  
  236. #entries {
  237. margin-top:30px;
  238. margin-left:540px;
  239. -webkit-transition: 0.8s all ease-in-out;
  240. -moz-transition: 0.8s all ease-in-out;
  241. o-transition: 0.8s all ease-in-out;
  242. }
  243.  
  244. #post {
  245. margin-bottom:20px;
  246. width:500px;
  247. padding-left:25px;
  248. padding-right:25px;
  249. padding-top:25px;
  250. background-color:{color:postbg};
  251. }
  252.  
  253. /*SIDEBAR*/
  254.  
  255. #sidebar {
  256. position:fixed;
  257. margin-top:203px;
  258. margin-left:20px;
  259. height:300px;
  260. width:480px;
  261. border:10px solid {color:postbg};
  262. background-color:{color:postbg};
  263. z-index:999999999;
  264. -webkit-transition: 0.8s all ease-in-out;
  265. -moz-transition: 0.8s all ease-in-out;
  266. o-transition: 0.8s all ease-in-out;
  267. }
  268.  
  269. #header {
  270. margin-top:30px;
  271. margin-left:20px;
  272. border:10px solid {color:postbg};
  273. position:fixed;
  274. width:480px;
  275. height:150px;
  276. }
  277.  
  278. #mainimage {
  279. position:fixed;
  280. margin-top:0px;
  281. margin-left:230px;
  282. }
  283.  
  284. #description {
  285. position:fixed;
  286. z-index:999999999;
  287. height:87px;
  288. width:196px;
  289. background-color:{color:accent};
  290. padding:15px;
  291. margin-top:26px;
  292. overflow:auto;
  293. }
  294.  
  295. #description a {
  296. color:{color:postbg};
  297. }
  298.  
  299. #description b {
  300. color:{color:postbg};
  301. }
  302.  
  303. .slinks {
  304. position:fixed;
  305. margin-top:147px;
  306. z-index:999999999999;
  307. }
  308.  
  309. .slinks a {
  310. display:block;
  311. width:214px;
  312. height:10px;
  313. text-align:right;
  314. margin-bottom:-26px;
  315. padding:6px;
  316. letter-spacing:3px;
  317. color:{color:postbg};
  318. background-color:{color:background};
  319. font-size:10px;
  320. text-transform:uppercase;
  321. -webkit-transition: 0.4s all ease-in-out;
  322. -moz-transition: 0.4s all ease-in-out;
  323. o-transition: 0.4s all ease-in-out;
  324. }
  325.  
  326. .slinks a:hover {
  327. -webkit-transition: 0.8s all ease-in-out;
  328. -moz-transition: 0.8s all ease-in-out;
  329. o-transition: 0.8s all ease-in-out;
  330. box-shadow:inset 230px 0px {color:accent};
  331. -webkit-box-shadow:inset 230px 0px {color:accent};
  332. }
  333.  
  334. #pagination {
  335. position:fixed;
  336. width:214px;
  337. height:10px;
  338. padding:6px;
  339. font-family:"arial";
  340. color:{color:postbg};
  341. background-color:{color:background};
  342. font-size:10px;
  343. text-transform:lowercase;
  344. text-align:center;
  345. z-index:99999999;
  346. }
  347.  
  348. #pagination a {
  349. color:{color:postbg};
  350. }
  351.  
  352. /*POST INFO*/
  353.  
  354. #info {
  355. font-style:normal;
  356. width:540px;
  357. text-align:right;
  358. font-family:'arial';
  359. margin-top:0px;
  360. margin-left:-25px;
  361. padding-top:3px;
  362. color:{color:background};
  363. font-size:8px;
  364. font-style:none;
  365. padding:5px;
  366. line-height:10px;
  367. text-transform:uppercase;
  368. z-index:99999;
  369. background-color:{color:accent};
  370. }
  371.  
  372. #info a {
  373. text-align:center;
  374. color:{color:background};
  375. }
  376.  
  377. #info a:hover {
  378. color:{color:postbg}
  379. }
  380.  
  381. #post:hover #tags {
  382. opacity:1;
  383. margin-top:2px;
  384. -webkit-transition: 0.4s all ease-in-out;
  385. -moz-transition: 0.4s all ease-in-out;
  386. o-transition: 0.4s all ease-in-out;
  387. }
  388.  
  389. #tags {
  390. text-align:left;
  391. width:531px;
  392. margin-top:-10px;
  393. margin-left:-1px;
  394. text-transform:uppercase;
  395. font-size:8px;
  396. padding-left:10px;
  397. font-size:10px;
  398. opacity:0;
  399. color:{color:background};
  400. font-style:normal;
  401. -webkit-transition: 0.4s all ease-in-out;
  402. -moz-transition: 0.4s all ease-in-out;
  403. o-transition: 0.4s all ease-in-out;
  404. }
  405.  
  406. #tags a {
  407. font-size:8px;
  408. text-align:center;
  409. text-decoration:none;
  410. display:inline-block;
  411. color:{color:background};
  412. }
  413.  
  414. #tags a:hover {
  415. color:{color:postbg};
  416. }
  417.  
  418. /*QUESTION*/
  419.  
  420. #ask {
  421. background-color:{color:background};
  422. padding-left:14px;
  423. padding-right:14px;
  424. padding-top:5px;
  425. padding-bottom:5px;
  426. font-family:"arial";
  427. font-size:10px;
  428. letter-spacing:0px;
  429. text-align:left;
  430. margin-top:0px;
  431. margin-left:0px;
  432. text-transform:lowercase;
  433. line-height:100%;
  434. color:{color:accent};
  435. }
  436.  
  437. #ask a{
  438. color:{color:text};
  439. }
  440.  
  441. #asker {
  442. color:{color:background};
  443. padding-bottom:5px;
  444. font-family:'arial';
  445. text-transform:lowercase;
  446. padding-left:5px;
  447. font-size:10px;
  448. letter-spacing:1px;
  449. text-align:right;
  450. padding-right:5px;
  451. width:490px;
  452. margin-top:0px;
  453. background-color:{color:accent};
  454. padding-top:6px;
  455. padding-bottom:6px;
  456. }
  457.  
  458. #asker a{
  459. color:{color:background};
  460. }
  461. /*CREDIT*/
  462.  
  463. #cred {
  464. position:fixed;
  465. font-size:10px;
  466. background-color:{color:accent};
  467. right:9px;
  468. bottom:9px;
  469. padding:5px;
  470. z-index:9999999999999999999999999;
  471. }
  472.  
  473. #cred a {
  474. color:{color:text};
  475. }
  476.  
  477. {CustomCSS}</style></head><body>
  478.  
  479. <!-- start of script tooltip -->
  480. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  481.  
  482. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  483.  
  484. <script>
  485.  
  486. (function($){
  487.  
  488. $(document).ready(function(){
  489.  
  490. $("a[title]").style_my_tooltips({
  491.  
  492. tip_follows_cursor:true,
  493.  
  494. tip_delay_time:10,
  495.  
  496. tip_fade_speed:60,
  497.  
  498. attribute:"title"
  499.  
  500. });
  501.  
  502. });
  503.  
  504. })(jQuery);
  505.  
  506. </script>
  507.  
  508. <div id="header"><img src="{image:header}"/></div>
  509.  
  510. <div id="sidebar">
  511. <div id="pagination">
  512. {block:Pagination}
  513. {block:PreviousPage}
  514. <a href="{PreviousPage}">BACK</a>
  515. {/block:PreviousPage}
  516. —
  517. {block:NextPage}
  518. <a href="{NextPage}">NEXT</a>
  519. {/block:NextPage}
  520. {/block:Pagination}
  521. </div>
  522. <div id="mainimage"><img src="{image:sb}"/></div>
  523. <div id="description">{Description}</div>
  524. <div class="slinks"><code>
  525. <a href="{text:link 1}">{text:link 1 label}</a><br><br><br>
  526. <a href="{text:link 2}">{text:link 2 label}</a><br><br><br>
  527. <a href="{text:link 3}">{text:link 3 label}</a><br><br><br>
  528. <a href="{text:link 4}">{text:link 4 label}</a><br><br><br>
  529. <a href="{text:link 5}">{text:link 5 label}</a><br><br><br>
  530. <a href="{text:link 6}">{text:link 6 label}</a><br><br><br>
  531. </code>
  532. </div>
  533. </div>
  534.  
  535. <div id="entries">
  536. {block:Posts}
  537. <div id="post">
  538.  
  539. {block:Text}
  540. {block:Title}<h1>{Title}</h1>{/block:Title}
  541. {Body}{/block:Text}
  542.  
  543. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  544. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  545.  
  546. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  547. {/block:Caption}{/block:Photoset}
  548.  
  549. {block:Quote}<h2>"{Quote}"</h2>
  550. {block:Source}<div class="qsource"> —{Source}</div>
  551. {/block:Source}{/block:Quote}
  552.  
  553. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  554.  
  555. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  556.  
  557. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  558. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  559. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  560. {/block:ExternalAudio}<b>Played:</b> {PlayCount}<br>
  561. {/block:Audio}
  562.  
  563. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  564.  
  565. {block:Answer}<div id="ask"><p>❝ {Question}❞</div><div id="asker"> — <code> {Asker}</code></div>{Answer}{/block:answer}
  566.  
  567. {block:More}<div id="more"><a href="{Permalink}"> READ MORE</a></div>{/block:More}
  568.  
  569. <p></p><p><code>
  570. <div id="info">
  571. <a href="{Permalink}">{TimeAgo}</a> ▴
  572. {block:RebloggedFrom} <a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom} ▴ {block:ContentSource} <a href="{SourceURL}"> source </a>{/block:ContentSource}
  573. ▴ {NoteCount}</a>
  574. {block:HasTags}<div id="tags"></code>
  575.  
  576. <code>{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  577. </div>{block:HasTags}</code>
  578. </div>
  579. </div>
  580. {/block:Posts}
  581. <code><br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</code>
  582. {/block:Posts}</div></div></div>
  583. <br><br><br><br>
  584.  
  585. <div id="cred">
  586. <a href="http://harryassists.tumblr.com/"><code>marley</code></a>
  587. </div>
  588. </div>
  589.  
  590.  
  591. </body></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!