API tools faq
paste
Advertisement
arizounas

07. simple and clean.

arizounas
Oct 13th, 2014
367
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.83 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><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!--- CODES BY @CALLIEARGENT | #7
  10.  
  11. NAME: SIMPLE AND CLEAN.
  12.  
  13. hey there, this coding is not made
  14. for others to steal. use at your
  15. own free will, but don't redistribute
  16. as your own!
  17.  
  18. --->
  19.  
  20. <!--TOOL TIP-->
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25.  
  26. <script>
  27.  
  28. (function($){
  29.  
  30. $(document).ready(function(){
  31.  
  32. $("a[title]").style_my_tooltips({
  33.  
  34. tip_follows_cursor:true,
  35.  
  36. tip_delay_time:90,
  37.  
  38. tip_fade_speed:600,
  39.  
  40. attribute:"title"
  41.  
  42. });
  43.  
  44. });
  45.  
  46. })(jQuery);
  47.  
  48. </script>
  49.  
  50. <meta name="color:Sidebar" content="#ffffff"/>
  51. <meta name="color:Background" content="#ffffff"/>
  52. <meta name="color:Text" content="#b3b3b3"/>
  53. <meta name="color:Title" content="#b3b3b3"/>
  54. <meta name="color:Links" content="#adadad"/>
  55. <meta name="color:Border" content="#f8f8f8"/>
  56. <meta name="color:Bold" content="#e89e8c"/>
  57. <meta name="color:Post" content="#eaeaea"/>
  58.  
  59. <meta name="image:Sidebar" content=""/>
  60. <meta name="image:Header" content=""/>
  61. <meta name="image:Background" content=""/>
  62.  
  63. <meta name="text:Link 1" content="" />
  64. <meta name="text:Link 2" content="" />
  65. <meta name="text:Link 3" content="" />
  66. <meta name="text:Link 4" content="" />
  67. <meta name="text:Link 5" content="" />
  68.  
  69. <style type="text/css">
  70.  
  71. /*TOOLTIP*/
  72.  
  73. #s-m-t-tooltip {
  74. max-width:300px;
  75. opacity:1;
  76. padding:3px 4px 5px 4px;
  77. margin:-35px 0px -10px 30px;
  78. background-color:{color:border};
  79. border-top:2px solid {color:bold};
  80. font-family:arial;
  81. font-size:7px;
  82. letter-spacing:0px;
  83. text-transform:uppercase;
  84. color:{color:text};
  85. z-index:1000;
  86.  
  87. }
  88.  
  89. /*CURSOR*/
  90.  
  91. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  92.  
  93.  
  94. /* SCROLLBAR */
  95.  
  96. ::-webkit-scrollbar-thumb{
  97. background-color: {color:border};
  98. border: 2px solid {color:background};
  99. height:auto;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height:2px;
  104. width:9px;
  105. background-color: {color:border};
  106. border: 4px solid {color:background};
  107. }
  108.  
  109. /* ETC */
  110.  
  111. body {
  112. background:{color:background};
  113. margin:0px;
  114. color:{color:text};
  115. font-family:calibri;
  116. font-size:9px;
  117. letter-spacing:0px;
  118. text-align:justify;
  119. }
  120.  
  121. small, sub, sup {font-size:10px;}
  122.  
  123. pre {
  124. font-family:calibri;
  125. font-size:8px;
  126. text-transform:uppercase;
  127. letter-spacing:2px;
  128. text-align:left;
  129. padding:5px;
  130. background-color:{color:border};
  131. }
  132.  
  133. code {
  134. font-family:arial;
  135. font-size:7px;
  136. background-color:{color:border};
  137. width:auto;
  138. padding:3px;
  139. text-align:left;
  140. letter-spacing:1px;
  141. }
  142.  
  143. a {
  144. text-decoration:none;
  145. outline:none;
  146. -moz-outline-style:none;
  147. color:{color:text};
  148. }
  149.  
  150. b, strong {
  151. color:{color:bold};
  152. font-family:calibri;
  153. font-size:9px!important;
  154. text-transform:uppercase;
  155. letter-spacing:1px;
  156. }
  157.  
  158. a:hover {
  159. text-decoration:none;
  160. outline:none;
  161. -moz-outline-style:none;
  162. color:{color:hover};
  163. -moz-transition-duration:0.3s;
  164. -webkit-transition-duration:0.3s;
  165. -o-transition-duration:0.3s;
  166. cursor:url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  167. }
  168.  
  169.  
  170. blockquote {
  171. width:470px;
  172. margin-left:10px;
  173. padding-left:10px;
  174. border-left:2px solid {color:bold};
  175. }
  176.  
  177.  
  178. h1 {
  179. font-family:helvetica;
  180. font-size:18;
  181. font-style:bold;
  182. letter-spacing:2px;
  183. text-align:left;
  184. text-transform:lowercase;
  185. letter-spacing:-1px;
  186. }
  187.  
  188. h2 {
  189. font-family:helvetica;
  190. font-size:18;
  191. font-style:bold;
  192. letter-spacing:2px;
  193. text-align:center;
  194. text-transform:lowercase;
  195. letter-spacing:-1px;
  196. }
  197.  
  198.  
  199. h3 {
  200. font-size:7px!important;
  201. font-family:arial;
  202. text-transform:uppercase;
  203. font-weight:100;
  204. letter-spacing:3px;
  205. text-align:center;
  206. }
  207.  
  208. /*ENTRIES*/
  209.  
  210. #entries {
  211. padding:15px;
  212. width:515px;
  213. margin-left:515px;
  214. margin-top:-10px;
  215. font-size:10px;
  216. letter-spacing:0px;
  217. }
  218.  
  219. #post {
  220. margin:25px;
  221. margin-left:15px;
  222. margin-top:30px;
  223. width:500px;
  224. padding:5px;
  225. padding-bottom:20px;
  226. }
  227.  
  228. #post img {
  229. width:auto;
  230. }
  231.  
  232. #postnote {
  233. width:500px;
  234. text-align:left;
  235. border-bottom:1px solid {color:border};
  236. margin:50px;
  237. padding-bottom:10px;
  238. }
  239.  
  240. #postnote a {
  241. border-bottom:1px solid {color:border};
  242. }
  243.  
  244. /*SIDEBAR*/
  245.  
  246. #sidebar {
  247. position:fixed;
  248. margin-left:50px;
  249. }
  250.  
  251. #sidebarimage {
  252. position:fixed;
  253. width 100px;
  254. margin-left:125px;
  255. margin-top:270px;
  256. }
  257.  
  258. #sidebarimage img {
  259. margin-top:0px;
  260. border:15px solid {color:sidebar};
  261. outline:1px solid {color:border};
  262. }
  263.  
  264. #description {
  265. position:fixed;
  266. text-align:justify;
  267. font-family:calibri;
  268. line-height:140%;
  269. width:254px;
  270. padding:5px;
  271. margin-left:123px;
  272. margin-top:422px;
  273. font-size:10px;
  274. text-transform:none;
  275. color:{color:text};
  276. border-top:1px solid {color:border};
  277. }
  278.  
  279. #pagi {
  280. width:500px;
  281. font-family:helvetica;
  282. font-size:14px;
  283. font-weight:bold;
  284. letter-spacing:-1px;
  285. text-align:right;
  286. margin-left:25px;
  287. margin-top:25px;
  288. border-top:1px solid {color:border};
  289. position:absolute;
  290. }
  291.  
  292. #pagi a {
  293. display:inline-block;
  294. padding:10px;
  295. font-size: 14px;
  296. color:{color:bold};
  297. text-align:center;
  298. }
  299.  
  300. .pagi a:hover {
  301. padding:2px;
  302. color:{color:bold};
  303. -moz-transition-duration:0.3s;
  304. -webkit-transition-duration:0.3s;
  305. -o-transition-duration:0.3s;
  306. }
  307.  
  308. .links {
  309. margin-left:256px;
  310. margin-top:262px;
  311. width:200px;
  312. padding:4px;
  313. text-align:justify;
  314. text-transform:uppercase;
  315. }
  316.  
  317. .links a {
  318. width:44px;
  319. border-bottom:1px solid {color:border};
  320. display:inline-block;
  321. font-family:arial;
  322. padding:5px;
  323. margin:5px;
  324. font-size:7px;
  325. letter-spacing:1px;
  326. color:{color:title};
  327. }
  328.  
  329. .links a:hover {
  330. -moz-transition-duration:0.3s;
  331. -webkit-transition-duration:0.3s;
  332. -o-transition-duration:0.3s;
  333. opacity:.4;
  334. background-color:{color:sidebar};
  335. }
  336.  
  337. /*POST INFO*/
  338.  
  339. #info {
  340. width:500px;
  341. text-align:left;
  342. padding:4px;
  343. line-height:10px;
  344. border-top:1px solid {color:border};
  345. padding-top:5px;
  346. margin-top:10px;
  347. text-transform:uppercase;
  348. font-size:8px;
  349. }
  350.  
  351. #info a {
  352. text-align:center;
  353. color:{color:Post Links};
  354. }
  355.  
  356. #info a:hover {
  357. -moz-transition-duration:0.8s;
  358. -webkit-transition-duration:0.8s;
  359. -o-transition-duration:0.8s;
  360. opacity:.4;
  361. }
  362.  
  363. #notes {
  364. margin-top:-17px;
  365. text-align:right;
  366. width:500px;
  367. padding:4px;
  368. font-size:7px;
  369. font-family:arial;
  370. text-transform:uppercase;
  371. letter-spacing:2px;
  372. }
  373.  
  374. #notes a:hover {
  375. -moz-transition-duration:0.8s;
  376. -webkit-transition-duration:0.8s;
  377. -o-transition-duration:0.8s;
  378. opacity:.4;
  379. }
  380.  
  381. #tags {
  382. letter-spacing:1px;
  383. float:left;
  384. width:500px;
  385. text-align:left;
  386. margin-left:0px;
  387. margin-top:0px;
  388. font-size:10px;
  389. padding:4px;
  390. opacity:.0;
  391. transition-duration: 0.5s;
  392. -moz-transition-duration: 0.5s;
  393. -webkit-transition-duration: 0.5s;
  394. -o-transition-duration: 0.5s
  395. }
  396.  
  397. #tags a {
  398. text-align:center;
  399. font-family:calibri;
  400. text-transform:lowercase;
  401. font-style:italic;
  402. text-decoration:none;
  403. display:inline-block;
  404. }
  405.  
  406. #tags a:hover {
  407. -moz-transition-duration:0.8s;
  408. -webkit-transition-duration:0.8s;
  409. -o-transition-duration:0.8s;
  410. }
  411.  
  412. #post:hover #tags {
  413. opacity:1;
  414. -moz-transition:all 0.8s;
  415. -ms-transition:all 0.8s;
  416. -o-transition:all 0.8s;
  417. transition:all 0.8s;
  418. margin-right:15px;
  419. }
  420.  
  421. /* NOTES */
  422.  
  423. ol.notes li {
  424. list-style:none;
  425. border-bottom:1px solid {color:post};
  426. padding: 15px 0;
  427. }
  428.  
  429. ol.notes img {
  430. display:none;
  431. width:10px;
  432. height:10px;
  433. }
  434.  
  435. /*QUESTION*/
  436.  
  437. #question {
  438. color:{color:bold};
  439. width:500px;
  440. padding:10px;
  441. padding-top:10px;
  442. padding-bottom:10px;
  443. text-transform:lowercase;
  444. text-align:left;
  445. }
  446.  
  447. #q {
  448. width:490px;
  449. background-color:{color:border};
  450. font-family:arial;
  451. font-size:9px;
  452. margin-top:-30px;
  453. padding:10px;
  454. line-height:150%;
  455. }
  456.  
  457. /*DON'T TOUCH*/
  458.  
  459. iframe#tumblr_controls {
  460. white-space:nowrap; -webkit-filter: invert(100%);
  461. -moz-filter: invert(100%);
  462. -o-filter: invert(100%);
  463. -ms-filter: invert(100%);
  464. filter: invert(100%);
  465. opacity:.3;
  466. }
  467.  
  468.  
  469. {CustomCSS}</style></head><body>
  470.  
  471. <div id="sidebar">
  472.  
  473. <div id="sidebarimage">
  474. <img src="{image:sidebar}"/>
  475. </div>
  476.  
  477. <div id="description">
  478. {Description}</div>
  479.  
  480.  
  481. <div class="links">
  482. <a href="/">01.</a>
  483. <a href="/faq">02.</a> <br>
  484. <a href="{text:Link 1}">03.</a>
  485. <a href="{text:Link 2}">04.</a><br>
  486. <a href="{text:Link 3}">05.</a>
  487. <a href="{text:Link 4}">06.</a><br>
  488. <a href="{text:Link 5}">07.</a>
  489. <a href="http://callieargent.tumblr.com/">08.</a><br>
  490. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  491. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  492.  
  493. </div></ul></li></div>
  494.  
  495. </div>
  496.  
  497. <div id="entries">
  498. {block:Posts}
  499. <div id="post">
  500.  
  501. {block:Text}
  502. <div class="text">
  503. {block:Title}<h1>{Title}</a></h1>{/block:Title}
  504. {Body}
  505. </div>
  506. {/block:Text}
  507.  
  508. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  509. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  510.  
  511. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  512. {/block:Caption}{/block:Photoset}
  513.  
  514. {block:Quote}<h2>"{Quote}"</h2>
  515. {block:Source}<h3> {Source}</h3>
  516. {/block:Source}{/block:Quote}
  517.  
  518. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  519.  
  520. {block:Chat}
  521. {block:Title}{Title}{/block:Title}
  522.  
  523. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  524.  
  525. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-top:5px;margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  526. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  527. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  528. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  529. {/block:Audio}<br>
  530.  
  531.  
  532. {block:Answer}
  533.  
  534. <div id="question"><h1>{Asker} inquired: </h1></div>
  535.  
  536. <div id="q"> {Question}</div>
  537.  
  538. {Answer}
  539.  
  540. {/block:Answer}
  541.  
  542. <div id="info">
  543. <code><a href="{Permalink}">{MonthNumberWithZero} . {DayofMonth} . {ShortYear}</a></code>
  544. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  545. </div>
  546.  
  547. <div id="notes">
  548. {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  549. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  550. + {NoteCountWithLabel}</a> </div>
  551. {block:HasTags}
  552.  
  553. <div id="tags">
  554. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  555. </div>{block:HasTags}
  556. </div>
  557.  
  558. {/block:Posts}
  559. {block:PostNotes}<br>{PostNotes}{/block:PostNotes}
  560. {/block:Posts}
  561.  
  562.  
  563. </div></div></div>
  564. <br><br><br><br>
  565.  
  566. </div>
  567.  
  568. </body>
  569.  
  570. </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!