API tools faq
paste
Advertisement
dohdoro

cream

dohdoro
May 24th, 2014
6,033
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.02 KB | None | 0 0
raw download clone embed print report
  1. <!-- ___________________¶¶¶¶¶¶
  2. _________________¶¶¶¶¶___¶¶
  3. ________________¶¶¶¶¶¶¶___¶
  4. _______________¶¶¶¶¶¶¶¶¶¶¶¶¶
  5. ___________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  6. ________¶¶¶¶¶___¶¶¶¶¶¶¶¶¶¶¶____¶¶¶¶¶
  7. _____¶¶¶¶_________¶¶¶¶¶¶¶__________¶¶¶
  8. ____¶¶¶______¶____________________¶__¶¶¶
  9. ___¶¶________¶¶__¶¶_____¶¶__¶¶¶________¶¶
  10. __¶¶_______________¶¶__¶¶_____¶¶¶_______¶¶
  11. _¶¶______________________________________¶
  12. ¶¶________________________________________¶
  13. ¶¶________________________________________¶
  14. _¶¶¶____________________________________¶¶
  15. ___¶¶¶¶¶____________________________¶¶¶¶¶
  16. ____¶¶_¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_¶
  17. _____¶____¶_____¶____¶¶____¶_____¶¶___¶¶
  18. _____¶____¶¶____¶____¶¶____¶_____¶____¶
  19. _____¶¶____¶____¶¶___¶¶___¶¶____¶¶___¶¶
  20. ______¶____¶¶___¶¶___¶¶___¶¶____¶____¶
  21. ______¶¶____¶___¶¶___¶¶___¶¶___¶¶___¶¶
  22. _______¶____¶¶___¶___¶¶___¶____¶¶___¶
  23. _______¶¶___¶¶___¶___¶¶___¶____¶___¶¶
  24. ________¶____¶¶__¶¶__¶¶__¶¶___¶¶___¶
  25. ________¶¶____¶___¶__¶¶__¶___¶¶__¶¶
  26. _________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ --->
  27.  
  28.  
  29. <!-- CREAM THEME BY DOHDORO ----//*********
  30.  
  31. ***DO NOT REMOVE THE CREDIT PLEASE.
  32. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  33. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  34. ***DO NOT USE AS BASE --->
  35.  
  36.  
  37. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  38. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  39.  
  40. <head>
  41.  
  42. <title>{Title}</title>
  43.  
  44. {block:IfInfiniteScroll}
  45. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  46. {/block:IfInfiniteScroll}
  47.  
  48. <link rel="shortcut icon" href="{favicon}" />
  49.  
  50.  
  51. <meta name="text:Search Label" content="/tagged" />
  52. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  53.  
  54. <meta name="color:Background" content="#ffffff"/>
  55. <meta name="color:Text" content="#888"/>
  56. <meta name="color:Bold" content="#000000"/>
  57. <meta name="color:Italic" content="#000000"/>
  58. <meta name="color:Underline" content="#888888"/>
  59. <meta name="color:links" content="#888888"/>
  60. <meta name="color:links hover" content="#000000"/>
  61. <meta name="color:h1 bg" content="#FFB6C1"/>
  62. <meta name="color:h1" content="#ffffff"/>
  63. <meta name="color:h1 border" content="#eeeeee"/>
  64. <meta name="color:top bar bg" content="#f0f0f0"/>
  65. <meta name="color:top bar links" content="#888888"/>
  66. <meta name="color:sidebar bg" content="#f0f0f0"/>
  67. <meta name="color:sidebar border" content="#eeeeee"/>
  68. <meta name="color:description" content="#888888"/>
  69. <meta name="color:title" content="#444444"/>
  70. <meta name="color:title border" content="#ffffff"/>
  71. <meta name="color:navigation bg" content="#f0f0f0"/>
  72. <meta name="color:custom links" content="#888888"/>
  73. <meta name="color:custom links hover bg" content="#FFB6C1"/>
  74. <meta name="color:custom links hover text" content="#ffffff"/>
  75. <meta name="color:posts bg" content="#ffffff"/>
  76. <meta name="color:posts text" content="#888888"/>
  77. <meta name="color:posts border" content="#eeeeee"/>
  78. <meta name="color:post info" content="#afafaf"/>
  79. <meta name="color:tag bg" content="#ffffff"/>
  80. <meta name="color:tag text" content="#afafaf"/>
  81. <meta name="color:tag border" content="#eeeeee"/>
  82. <meta name="color:caption bg" content="#f0f0f0"/>
  83. <meta name="color:caption text" content="#888888"/>
  84. <meta name="color:caption border" content="#FFB6C1"/>
  85. <meta name="color:ask bg" content="#f0f0f0"/>
  86. <meta name="color:ask text" content="#888888"/>
  87. <meta name="color:asker bg" content="#f0f0f0"/>
  88. <meta name="color:asker border" content="#eeeeee"/>
  89. <meta name="color:answer bg" content="#FFB6C1"/>
  90. <meta name="color:answer text" content="#ffffff"/>
  91. <meta name="color:permalink bg" content="#ffffff"/>
  92. <meta name="color:permalink" content="#888888"/>
  93. <meta name="color:permalink border" content="#eeeeee"/>
  94. <meta name="color:permalink date" content="#FFB6C1"/>
  95. <meta name="color:pagination bg" content="#ffffff"/>
  96. <meta name="color:pagination" content="#888888"/>
  97. <meta name="color:pagination border" content="#eeeeee"/>
  98. <meta name="color:pagination bold" content="#000000"/>
  99. <meta name="color:scrollbar bg" content="#ffffff"/>
  100. <meta name="color:scrollbar" content="#eeeeee"/>
  101.  
  102.  
  103. <meta name="image:sidebar img" content="http://static.tumblr.com/b795836519d8b1059896d78ba0859571/bj5zkci/W7En5jbx1/tumblr_static_cf39a47vqy0o48k8s0480w0wo.png"/>
  104. <meta name="image:Background" content=""/>
  105. <meta name="image:pixel" content="http://static.tumblr.com/396d51f2c2513a735bf64028784b81cc/bj5zkci/Fnvn5janb/tumblr_static_e3tcr9ng10gg8gw4gwooskoos.png"/>
  106.  
  107.  
  108. <meta name="if:Show Captions" content="0"/>
  109. <meta name="if:Infinite Scroll" content"0"/>
  110. <meta name="if:500px" content""/>
  111. <meta name="if:250px" content""/>
  112. <meta name="if:400px" content"1"/>
  113.  
  114. <meta name="text:Link 1 URL" content="/"/>
  115. <meta name="text:Link 1" content="link one"/>
  116. <meta name="text:Link 2 URL" content="/"/>
  117. <meta name="text:Link 2" content="link two"/>
  118. <meta name="text:Link 3 URL" content="/"/>
  119. <meta name="text:Link 3" content="link three"/>
  120. <meta name="text:Link 4 URL" content="/"/>
  121. <meta name="text:Link 4" content="link Four"/>
  122. <meta name="text:Link 5 URL" content="/"/>
  123. <meta name="text:Link 5" content="link Five"/>
  124. <meta name="text:Link 6 URL" content="/"/>
  125. <meta name="text:Link 6" content="link Six"/>
  126.  
  127.  
  128.  
  129. <style type="text/css">
  130.  
  131. /* Scroll bar */
  132.  
  133.  
  134. ::-webkit-scrollbar {
  135. width: 8px;
  136. height:3px;
  137. background:{color:scrollbar bg};
  138.  
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:vertical {
  142. height: 20px;
  143. background-color:{color:scrollbar};
  144.  
  145. }
  146.  
  147. /* Tumblr controls */
  148.  
  149. #tumblr_controls {position: fixed !important;}
  150. #tumblr_controls {-webkit-filter: invert(100%);}
  151. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  152. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  153.  
  154. /* Body */
  155.  
  156. body {
  157. font-family:calibri;
  158. font-size:10px;
  159. letter-spacing:1px;
  160. color:{color:Text};
  161. background:{color:Background};
  162. background-image:url('{image:Background}');
  163. background-repeat:repeat;
  164. background-attachment:fixed;
  165. word-wrap:break-word;
  166.  
  167. }
  168.  
  169. a {
  170. color:{color:Links};
  171. text-decoration:none;
  172.  
  173. }
  174.  
  175. a:hover {
  176. color:{color:Links Hover};
  177.  
  178. }
  179.  
  180. b, strong {
  181. color:{color:Bold};
  182.  
  183. }
  184.  
  185. i, em {
  186. color:{color:Italic};
  187.  
  188. }
  189.  
  190. u {
  191. color:{color:Underline};
  192.  
  193. }
  194.  
  195. h1 {
  196. font-family:arial;
  197. font-size:15px;
  198. text-transform:uppercase;
  199. text-align:center;
  200. background:{color:h1 bg};
  201. color:{color:h1};
  202. padding:15px;
  203. border:5px solid #fff;
  204. outline:1px solid {color:h1 border};
  205.  
  206. }
  207.  
  208. h1 a {
  209. color:{color:Links};
  210. text-decoration:none;
  211.  
  212. }
  213.  
  214. /* Top Bar */
  215.  
  216. #topbar {
  217. position:fixed;
  218. z-index:999;
  219. width:300%;
  220. background:{color:top bar bg};
  221. top:0px;
  222. left:-100px;
  223. height:20px;
  224.  
  225. }
  226.  
  227. #topnavie {
  228. position:fixed;
  229. top:10px;
  230. margin-left:-20px;
  231. z-index:99999;
  232.  
  233. }
  234.  
  235. #topnavie a {
  236. color:{color:top bar links};
  237. display:inline-block;
  238. background:{color:top bar bg};
  239. margin:4px;
  240. margin-left:10px;
  241. text-transform:uppercase;
  242. padding:6px;
  243. font-size:9px;
  244. letter-spacing:2px;
  245. font-family:calibri;
  246. border-radius:5px;
  247. -webkit-transition: opacity 0.4s linear;
  248. -webkit-transition: all 0.4s ease-in-out;
  249. -moz-transition: all 0.4s ease-in-out;
  250. -o-transition: all 0.4s ease-in-out;
  251.  
  252. }
  253.  
  254. #topnavie img {
  255. position:absolute;
  256. background:{color:top bar bg};
  257. padding:10px;
  258. border-radius:20px;
  259. margin-top:-10px;
  260. margin-left:-105px;
  261. -webkit-transition: opacity 0.4s linear;
  262. -webkit-transition: all 0.4s ease-in-out;
  263. -moz-transition: all 0.4s ease-in-out;
  264. -o-transition: all 0.4s ease-in-out;
  265.  
  266. }
  267.  
  268. #topnavie img:hover {
  269. padding-top:30px;
  270. -webkit-transition: opacity 0.4s linear;
  271. -webkit-transition: all 0.4s ease-in-out;
  272. -moz-transition: all 0.4s ease-in-out;
  273. -o-transition: all 0.4s ease-in-out;
  274.  
  275. }
  276.  
  277. #topnavie a:hover {
  278. letter-spacing:10px;
  279.  
  280. }
  281.  
  282. /* Side bar */
  283.  
  284. #location {
  285. position:fixed;
  286. margin-top:200px;
  287. margin-left:-180px;
  288.  
  289. }
  290.  
  291. #words {
  292. position:relative;
  293. font-family:calibri;
  294. font-size:10px;
  295. color:{color:description};
  296. width:150px;
  297. margin-top:130px;
  298. margin-left:100px;
  299. text-align:center;
  300. background:{color:sidebar bg};
  301. padding:15px;
  302. border:5px solid #fff;
  303. outline:1px solid {color:sidebar border};
  304.  
  305. }
  306.  
  307. #words a {
  308. color:{color:Links};
  309.  
  310. }
  311.  
  312. .picture {
  313. position:absolute;
  314. margin-left:110px;
  315. margin-top:-100px;
  316.  
  317. }
  318.  
  319. .picture img {
  320. height:226px;
  321.  
  322. }
  323.  
  324. .sfm input {
  325. background-color: #fff;
  326. font-size: 8px;
  327. border: 0px;
  328. text-transform: uppercase;
  329. margin-top: 0px;
  330. margin-left:5px;
  331. border:1px solid #eee;
  332. color: #888;
  333. letter-spacing: 1px;
  334. padding: 4px 8px;
  335. font-family: calibri, helvetica, arial;
  336.  
  337. }
  338.  
  339. #sb {
  340. height: 10px;
  341. vertical-align: top;
  342.  
  343. }
  344.  
  345. .title {
  346. font-family:helvetica sans serif;
  347. text-transform:uppercase;
  348. padding:10px;
  349. width:160px;
  350. margin-left:-15px;
  351. line-height:30px;
  352. font-size:40px;
  353. text-align:center;
  354. border-bottom:1px solid {color:title border};
  355. border-top:1px solid {color:title border};
  356. letter-spacing:-3px;
  357. color:{color:title};
  358.  
  359. }
  360.  
  361. #extralinks {
  362. position:absolute;
  363. margin-top:-190px;
  364. margin-left:40px;
  365. background:{color:navigation bg};
  366. padding:13px;
  367. border:4px solid #fff;
  368. outline:1px solid {color:sidebar border};
  369. text-transform:lowercase;
  370. font-family:calibri;
  371. text-align:right;
  372. opacity:0;
  373. -webkit-transition: opacity 0.4s linear;
  374. -webkit-transition: all 0.4s ease-in-out;
  375. -moz-transition: all 0.4s ease-in-out;
  376. -o-transition: all 0.4s ease-in-out;
  377.  
  378. }
  379.  
  380. #extralinks a {
  381. color:{color:custom links};
  382. display:block;
  383. -webkit-transition: opacity 0.4s linear;
  384. -webkit-transition: all 0.4s ease-in-out;
  385. -moz-transition: all 0.4s ease-in-out;
  386. -o-transition: all 0.4s ease-in-out;
  387.  
  388. }
  389.  
  390. #extralinks a:hover {
  391. background:{color:custom links hover bg};
  392. font-style:italic;
  393. color:{color:custom links hover text};
  394. -webkit-transition: opacity 0.4s linear;
  395. -webkit-transition: all 0.4s ease-in-out;
  396. -moz-transition: all 0.4s ease-in-out;
  397. -o-transition: all 0.4s ease-in-out;
  398.  
  399. }
  400.  
  401. .connect {
  402. position:absolute;
  403. margin-top:20px;
  404. margin-left:64px;
  405. width:60px;
  406. height:1px;
  407. background:{color:sidebar border};
  408.  
  409. }
  410.  
  411. #location:hover #extralinks {
  412. margin-left:-41px;
  413. opacity:1;
  414. -webkit-transition: all .7s ease-in-out;
  415. -moz-transition: all .7s ease-in-out;
  416. -o-transition: all .7s ease-in-out;
  417. -ms-transition: all .7s ease-in-out;
  418. transition: all .7s ease-in-out;
  419.  
  420. }
  421.  
  422. /* Post */
  423.  
  424. #wapwap {
  425. margin-left:300px;
  426. margin-top:0px;
  427. padding:20px;
  428. width:500px;
  429. {block:if250px}width:500px; {/block:if250px}
  430. {block:if400px}width:480px;{/block:if400px}
  431. {block:if500px}width:600px;{/block:if500px}
  432.  
  433. }
  434.  
  435. #entry {
  436. margin:80px;
  437. margin-top:60px;
  438. margin-bottom:110px;
  439. border:1px solid {color:posts border};
  440. padding:30px;
  441. width:250px;
  442. margin-left:200px;
  443. background:{color:posts bg};
  444. color:{color:posts text};
  445. font-family:helvetica;
  446. font-size:10px;
  447. {block:if250px}
  448. width:250px;
  449. margin-left:200px;
  450. {/block:if250px}
  451. {block:if400px}
  452. width:400px;
  453. margin-left:190px;
  454. {/block:if400px}
  455. {block:if500px}
  456. width:500px;
  457. margin-left:190px;
  458. {/block:if500px}
  459. {block:PermalinkPage}
  460. margin-left:150px;
  461. margin-top:50px;
  462. width:500px;
  463. padding-bottom:50px;
  464. {/block:PermalinkPage}
  465.  
  466. }
  467.  
  468. #entry a {
  469. color:{color:posts link};
  470.  
  471. }
  472.  
  473. #entry img{
  474. max-width:100%;
  475.  
  476. }
  477.  
  478. #caption {
  479. margin-top:5px;
  480. color:{color:caption text};
  481. background:{color:caption bg};
  482. padding:5px;
  483. word-wrap:break-word;
  484. border-left:5px solid {color:caption border};
  485. font-size:11px;
  486. font-family:calibri;
  487.  
  488. }
  489.  
  490. /* Post Info */
  491.  
  492. #postinfos {
  493. position:absolute;
  494. text-align:center;
  495. text-transform:uppercase;
  496. margin-top:-31px;
  497. padding:10px;
  498. margin-left:300px;
  499. color:{color:post info};
  500. font-size:8px;
  501. font-family:calibri;
  502. {block:if250px}margin-left:290px;{/block:if250px}
  503. {block:if400px}margin-left:440px;{/block:if400px}
  504. {block:if500px}margin-left:530px;{/block:if500px}
  505. -webkit-transition: opacity 0.4s linear;
  506. -webkit-transition: all 0.4s ease-in-out;
  507. -moz-transition: all 0.4s ease-in-out;
  508. -o-transition: all 0.4s ease-in-out;
  509.  
  510. }
  511.  
  512. #postinfos a {
  513. display:block;
  514. text-align:left;
  515. text-transform:uppercase;
  516. color:{color:post info};
  517.  
  518. }
  519.  
  520. #postinfos a:hover {
  521. font-style:italic;
  522. -webkit-transition: opacity 0.4s linear;
  523. -webkit-transition: all 0.4s ease-in-out;
  524. -moz-transition: all 0.4s ease-in-out;
  525. -o-transition: all 0.4s ease-in-out;
  526.  
  527. }
  528.  
  529. .bignum a {
  530. font-size:25px;
  531. font-family:impact;
  532.  
  533. }
  534.  
  535. #entry:hover .tagg {
  536. opacity:1;
  537. -webkit-transition: all .7s ease-in-out;
  538. -moz-transition: all .7s ease-in-out;
  539. -o-transition: all .7s ease-in-out;
  540. -ms-transition: all .7s ease-in-out;
  541. transition: all .7s ease-in-out;
  542.  
  543. }
  544.  
  545. .tagg {
  546. position:absolute;
  547. width:300px;
  548. margin-left:-30px;
  549. word-wrap:break-word;
  550. margin-top:40px;
  551. padding:5px;
  552. background:{color:tag bg};
  553. border:1px solid {color:tag border};
  554. {block:if250px}width:300px;{/block:if250px}
  555. {block:if400px}width:450px;{/block:if400px}
  556. {block:if500px}width:550px;{/block:if500px}
  557. opacity:0;
  558. -webkit-transition: opacity 0.4s linear;
  559. -webkit-transition: all 0.4s ease-in-out;
  560. -moz-transition: all 0.4s ease-in-out;
  561. -o-transition: all 0.4s ease-in-out;
  562.  
  563. }
  564.  
  565. .tagg a {
  566. color:{color:tag text};
  567. -webkit-transition: opacity 0.4s linear;
  568. -webkit-transition: all 0.4s ease-in-out;
  569. -moz-transition: all 0.4s ease-in-out;
  570. -o-transition: all 0.4s ease-in-out;
  571.  
  572. }
  573.  
  574. .tagg a:hover {
  575. letter-spacing:4px;
  576. -webkit-transition: opacity 0.4s linear;
  577. -webkit-transition: all 0.4s ease-in-out;
  578. -moz-transition: all 0.4s ease-in-out;
  579. -o-transition: all 0.4s ease-in-out;
  580.  
  581. }
  582.  
  583. /* Asks */
  584.  
  585. #question {
  586. background:{color:ask bg};
  587. color:{color:ask text};
  588. padding:15px;
  589. text-transform:uppercase;
  590. font-family:calibri;
  591. font-size:10px;
  592. letter-spacing:1px;
  593. width:210;
  594. line-height:10px;
  595. text-align:left;
  596. margin:10px;
  597. {block:if250px}width:210px;{/block:if250px}
  598. {block:if400px}width:360px;{/block:if400px}
  599. {block:if500px}width:460px;{/block:if500px}
  600.  
  601. }
  602.  
  603. #question a {
  604. color:{color:Links};
  605.  
  606. }
  607.  
  608. #blogger {
  609. background:{color:asker bg};
  610. color:{color:asker text};
  611. padding:4px;
  612. display:inline-block;
  613. border:3px solid #fff;
  614. outline:1px solid {color:asker border};
  615. margin-left:10px;
  616.  
  617. }
  618.  
  619. #blogger a {
  620. color:{color:asker text};
  621.  
  622. }
  623.  
  624. #answers {
  625. Color:{color:answer text};
  626. background:{color:answer bg};
  627. text-align:left;
  628. padding:10px;
  629. font-size:10px;
  630. font-family:calibri;
  631. margin-left:10px;
  632.  
  633. }
  634.  
  635. #answers a {
  636. color:{color:Links};
  637.  
  638. }
  639.  
  640. /* Permalink */
  641.  
  642. #permalink {
  643. position:absolute;
  644. margin-top:60px;
  645. width:520px;
  646. margin-left:-31px;
  647. border:1px solid {color:permalink border};
  648. padding:20px;
  649. color:{color:permalink};
  650. background:{color:permalink background};
  651. font-family:calibri;
  652. text-transform:uppercase;
  653. white-space:normal;
  654. word-wrap:break-word;
  655. text-align:left;
  656.  
  657. }
  658.  
  659. #permalink a {
  660. display:inline-block;
  661. color:{color:permalink};
  662.  
  663. }
  664.  
  665. .date {
  666. font-family:arial narrow bold;
  667. font-size:25px;
  668. color:{color:permalink date};
  669. letter-spacing:-1px;
  670. border-bottom:1px solid {color:permalink border};
  671.  
  672. }
  673.  
  674. #notecounts {
  675. position:absolute;
  676. float:center;
  677. margin-top:200px;
  678. width:520px;
  679. margin-left:-31px;
  680. border:1px solid {color:permalink border};
  681. font-family:calibri;
  682. font-size:9px;
  683. text-align:left;
  684. background:{color:permalink bg};
  685. color:{color:permalink};
  686. text-transform:uppercase;
  687. padding:20px;
  688.  
  689. }
  690.  
  691. #notecounts a {
  692. color:{color:permalink};
  693.  
  694. }
  695.  
  696. #notecounts img {
  697. display:inline-block;
  698. border:5px solid {color:permalink border};
  699. border-radius:100%;
  700.  
  701. }
  702.  
  703. ol.notes {
  704. list-style-type:none;
  705.  
  706. }
  707.  
  708. /* Music */
  709.  
  710. #audio {
  711. width:100%;
  712. margin-left:0px;
  713.  
  714. }
  715.  
  716. .tumblr_audio_player {
  717. height: 40px;
  718. {block:if250px}width:230px;{/block:if250px}
  719. {block:if400px}width:380px;{/block:if400px}
  720. {block:if500px}width:480px;{/block:if500px}
  721.  
  722. }
  723.  
  724. #mus {
  725. background:{color:posts bg};
  726. color:{color:posts text};
  727. border-top:1px solid {color:posts border};
  728. padding:10px;
  729. margin-top:10px;
  730. font-family:calibri;
  731. font-size:10px;
  732. line-height:10px;
  733. letter-spacing:1px;
  734.  
  735. }
  736.  
  737. #quotes {
  738. margin-top:10px;
  739. font-family:arial;
  740. font-size:17px;
  741. text-align:center;
  742. letter-spacing:-1px;
  743. text-transform:uppercase;
  744.  
  745. }
  746.  
  747. /* Pagination */
  748.  
  749. #pagi {
  750. position:fixed;
  751. margin-top:0px;
  752. margin-left:99px;
  753. width:180px;
  754. padding:5px;
  755. background:{color:pagination bg};
  756. text-align:center;
  757. color:{color:pagination};
  758. border:1px solid #eee;
  759.  
  760. }
  761.  
  762. .jump_page {
  763. display:inline-block;
  764. padding: 4px 8px;
  765. color:{color:pagination};
  766. font-family:calibri;
  767. font-size:10px;
  768. text-decoration:none;
  769.  
  770.  
  771. }
  772.  
  773. .current_page, .jump_page:hover {
  774. padding: 4px 8px;
  775. color:{color:pagination bold};
  776. font-family:century gothic;
  777. font-size:10px;
  778. text-decoration:none;
  779.  
  780. }
  781.  
  782. /* Hover text */
  783.  
  784. #s-m-t-tooltip {
  785. z-index:999999;
  786. max-width:300px;
  787. margin-top:25px;
  788. margin-left:15px;
  789. border-radius:10px;
  790. padding:5px;
  791. background-color:#f0f0f0;
  792. border:1px solid #eee;
  793. color:#888;
  794. border-radius:10px;
  795. font-family:consolas;
  796. font-size:10px;
  797. letter-spacing:1px;
  798. text-transform:uppercase;
  799. line-height:13px;
  800.  
  801. }
  802.  
  803. /* theme credit */
  804.  
  805. #thmcredit {
  806. position:fixed;
  807. z-index:99999;
  808. bottom:5px;
  809. right:10px;
  810. background:#fff;
  811. font-size:10px;
  812. text-transform:lowercase;
  813. padding:5px;
  814. border-radius:30%;
  815. color:#000000;
  816. font-family:calibri;
  817.  
  818. }
  819.  
  820. #thmcredit img {
  821. display:block;
  822. margin-left:5px;
  823. padding:3px;
  824.  
  825. }
  826.  
  827. </style>
  828.  
  829. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  830. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  831.  
  832.  
  833.  
  834. </head>
  835. <body>
  836.  
  837. <!-- Top bar -->
  838.  
  839. <div id="topbar"></div>
  840. <div id="wapwap">
  841. <div id="topnavie">
  842. <img src="{image:pixel}">
  843. <a href="/">HOME</a>
  844. <a href="/ask">ASK</a>
  845. <a href="/archive">archive</a>
  846.  
  847. </div>
  848.  
  849. <!-- Sidebar -->
  850.  
  851. <div id="location">
  852. <div class="picture">
  853. <img src="{image:sidebar img}">
  854.  
  855. </div>
  856. <div id="words">
  857. <div class="searchy">
  858. <form action="/search" method="get" class="sfm">
  859. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  860. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  861. </form><br>
  862. </div>
  863.  
  864. <div class="title">
  865. {title}
  866. </div><br>
  867. {description}
  868. </div>
  869.  
  870. <div id="extralinks">
  871. <div class="connect"></div>
  872. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  873. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  874. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  875. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  876. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  877. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  878. </div>
  879.  
  880. <!-- Pagination -->
  881.  
  882. {block:IfNotInfiniteScroll}
  883. <div id="pagi">
  884. {block:Pagination}
  885. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><img src="http://static.tumblr.com/3yblkz0/iSpn2c2gc/4.png"></a>{/block:PreviousPage}
  886. {block:JumpPagination length="3"}
  887. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  888. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
  889. {/block:JumpPage}{/block:JumpPagination}
  890. {block:NextPage}<a href="{NextPage}" class="jump_page"><img src="http://static.tumblr.com/3yblkz0/r0dn2c2fj/2.png"></a>{/block:NextPage}
  891. {/block:Pagination}
  892. </div> {/block:IfNotInfiniteScroll}
  893.  
  894. </div>
  895.  
  896. <div class ="autopagerize_page_element">
  897.  
  898. <!-- Posts -->
  899.  
  900. {block:posts}
  901. <div id="entry">
  902. {block:ContentSource}
  903. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  904. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  905. {/block:SourceLogo}
  906. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  907. {/block:ContentSource}
  908.  
  909.  
  910. <!-- Post info -->
  911.  
  912. {block:IndexPage}
  913. <div id="postinfos">
  914.  
  915. {block:date}{DayOfWeek}{/block:date}
  916. <a href="{ReblogURL}">reblog</a>
  917.  
  918.  
  919. {block:NoteCount}
  920. <div class="bignum">
  921. <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a></div>
  922. {/block:NoteCount}
  923.  
  924. <a href="{Permalink}" title="permalink"><img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"></a>
  925.  
  926. </div>
  927.  
  928. {/block:IndexPage}
  929.  
  930.  
  931. <!-- the body -->
  932.  
  933. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  934.  
  935. {block:photo}
  936. {block:IndexPage}
  937. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  938. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  939. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  940. {block:ifShowCaptions}
  941. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  942. {/block:ifShowCaptions}{/block:IndexPage}
  943.  
  944. {block:PermalinkPage}
  945. <img src="{PhotoURL-500}"/>
  946. {block:Caption}
  947. <div id="caption">{Caption}</div>
  948. {/block:Caption}
  949. {/block:PermalinkPage}
  950. {/block:photo}
  951.  
  952.  
  953. {block:Photoset}
  954. {block:IndexPage}
  955. {block:if250px}{Photoset-250}{/block:if250px}
  956. {block:if400px}{Photoset-400}{/block:if400px}
  957. {block:if500px}{Photoset-500}{/block:if500px}
  958. {block:ifShowCaptions}
  959. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  960. {/block:ifShowCaptions}
  961. {/block:IndexPage}
  962.  
  963. {block:PermalinkPage}
  964. {Photoset-500}
  965. {block:Caption}
  966. <div id="caption">{Caption}</div>
  967. {/block:Caption}
  968. {/block:PermalinkPage}
  969. {/block:Photoset}
  970.  
  971. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  972.  
  973. {block:Link}
  974. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  975. {block:Description}{Description}{/block:Description} {/block:Link}
  976.  
  977. {block:Video}
  978. {block:if250px}{Video-250}{/block:if250px}
  979. {block:if400px}{Video-400}{/block:if400px}
  980. {block:if500px}{Video-500}{/block:if500px}
  981. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  982.  
  983.  
  984. <!-- chat -->
  985.  
  986. {block:Chat}
  987. {block:Title}{Title}<br />{/block:Title}
  988. {block:Lines}
  989. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  990. {/block:Lines}
  991. {/block:Chat}
  992.  
  993. <!-- Music -->
  994.  
  995. {block:Audio}
  996. <div id="audio">{AudioPlayerWhite}</div>
  997. <div id="mus">{block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  998. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  999. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div>
  1000. {block:ifShowCaptions}
  1001. {block:caption}<div id="caption">{caption}</div>{/block:caption}{/block:ifShowCaptions}
  1002. {/block:Audio}
  1003.  
  1004. <!-- Asks -->
  1005.  
  1006. {block:Answer}
  1007. <div id="blogger">{Asker}</div>
  1008. <div id="question">{Question}</div>
  1009. <div id="answers">{Answer}</div>
  1010. {/block:Answer}
  1011.  
  1012. {block:IndexPage}
  1013. {block:HasTags}
  1014. <div class="tagg">
  1015. <b>TAGS: </b>
  1016. {block:Tags}
  1017. <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag}</a>
  1018. {/block:Tags}
  1019. </div>
  1020. {/block:HasTags}
  1021. {/block:IndexPage}
  1022.  
  1023. <!-- Perma -->
  1024.  
  1025. {block:PermalinkPage}
  1026. <div id="permalink">
  1027.  
  1028. <div class="date">{block:Date}
  1029. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  1030. {/block:Date}</div> <BR>
  1031.  
  1032. {block:NoteCount}
  1033. <a href="{Permalink}" title="{NoteCount}">{NoteCount}<b> notes</b></a>{/block:NoteCount} /
  1034. <a href="{ReblogURL}" title="reblog">reblog</a><BR>
  1035. {block:RebloggedFrom}
  1036. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1037. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1038. {/block:RebloggedFrom}<br>
  1039. {block:HasTags}
  1040. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}#{Tag}{/block:Tags}</a><br>
  1041. {/block:HasTags}
  1042. </div>
  1043.  
  1044. {/block:PermalinkPage}
  1045.  
  1046. {block:PostNotes}
  1047. <div id="notecounts">{PostNotes}</div>
  1048. {/block:PostNotes}
  1049.  
  1050. </div>
  1051. {/block:posts}
  1052.  
  1053. </div>
  1054. </body>
  1055.  
  1056. <!-- DO NOT REMOVE -->
  1057.  
  1058. <div id="thmcredit">
  1059. <a href="http://dohdoro.tumblr.com" title="THEME BY DOHDORO"><img src="http://static.tumblr.com/bj5zkci/88sn63cad/005_37.png">dthm.</a></div>
  1060.  
  1061. </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!