API tools faq
paste
diannaelise

Theme 9

diannaelise
May 17th, 2015
15,892
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.38 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 9 by ADRIANIVASHKOVS.TUMBLR.COM-->
  2.  
  3.  
  4. <!------------
  5.  
  6. p l e a s e r e a d
  7.  
  8. by using my themes, you’ve agreed to the following conditions:
  9. don't steal my codes,
  10. don't use them as base,
  11. don't claim them as your own,
  12. leave all credit intact.
  13.  
  14. ------------>
  15.  
  16.  
  17. <html><head>
  18. <title>{Title}</title>
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link rel="shortcut icon" href="{Favicon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  23.  
  24.  
  25. <meta name="color:scrollbar" content="#D1CECE" />
  26. <meta name="color:scrollbar background" content="#FFFFFF" />
  27. <meta name="color:scrollbar hover" content="#BEBEBE" />
  28.  
  29. <meta name="color:text" content="#000000" />
  30. <meta name="color:link" content="#606060" />
  31. <meta name="color:hover" content="#6F7BB0" />
  32. <meta name="color:border" content="#E7E7E7" />
  33.  
  34. <meta name="color:highlight" content="#DCDCDC" />
  35. <meta name="color:highlight text" content="#000000" />
  36.  
  37. <meta name="color:background" content="#FFFFFF" />
  38. <meta name="color:container" content="#F5F5F5" />
  39. <meta name="color:entries" content="#FFFFFF" />
  40.  
  41. <meta name="color:tags" content="#F3F3F3" />
  42. <meta name="color:tags text" content="#8C8C8C" />
  43.  
  44. <meta name="color:title" content="#000000" />
  45. <meta name="color:navigation link" content="#000000" />
  46. <meta name="color:navigation" content="#FFFFFF" />
  47.  
  48. <meta name="color:sidebar" content="#FFFFFF" />
  49. <meta name="color:sidebar title background" content="#000000" />
  50. <meta name="color:sidebar title" content="#000000" />
  51. <meta name="color:sidebar link" content="#000000" />
  52. <meta name="color:sidebar link hover" content="#000000" />
  53. <meta name="color:star" content="#FFB700" />
  54. <meta name="color:icons background" content="#FCFCFC" />
  55. <meta name="color:icons" content="#000000" />
  56.  
  57. <meta name="color:audio" content="#FCFCFC" />
  58. <meta name="color:audio text" content="#000000" />
  59.  
  60. <meta name="color:italic" content="#000000" />
  61. <meta name="color:bold" content="#000000" />
  62.  
  63. <meta name="color:question" content="#F5F5F5" />
  64. <meta name="color:question text" content="#000000" />
  65.  
  66. <meta name="color:chat person 1" content="#EDEDED" />
  67. <meta name="color:chat person 2" content="#E7E7E7" />
  68. <meta name="color:chat text" content="#000000"/>
  69.  
  70. <meta name="if:Lazy Load" content="0" />
  71.  
  72. <meta name="image:header" content="http://static.tumblr.com/45aeb660cbbd3055aff726f342ddeab4/4oreovg/kmUnoghzg/tumblr_static_dnf4gr1ryqoko4ckss8808s8s.png" />
  73.  
  74. <meta name="text:font family body" content="calibri"/>
  75. <meta name="text:font family navigation" content="calibri"/>
  76.  
  77. <!----------------------STICKY NAVIGATION------------------------>
  78.  
  79. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  80.  
  81. <script>
  82. $(window).scroll(function(){
  83. var sticky = $(document).scrollTop();
  84.  
  85. if (sticky > 320) {
  86. $('#navigation').addClass('sticky');
  87. }
  88.  
  89. else {
  90. $('#navigation').removeClass('sticky');
  91. }
  92. });
  93. </script>
  94.  
  95. <!-------------------------LAZY LOAD--------------------------->
  96.  
  97. {block:ifLazyLoad}
  98. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  99. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  100. <script type="text/javascript" charset="utf-8">
  101. var $j = jQuery.noConflict();
  102. $j(function() {
  103. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  104. $j("img").lazyload({
  105. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  106. effect: "fadeIn",
  107. });
  108. });
  109. </script>
  110. {/block:ifLazyLoad}
  111.  
  112. <!-------------------------TOOLTIPS--------------------------->
  113.  
  114. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  115.  
  116. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  117.  
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("[title],a[title],img[title]").style_my_tooltips({
  122. tip_follows_cursor:"true",
  123. tip_delay_time:100,
  124. tip_fade_speed:100,
  125. attribute:"title"
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130.  
  131. <style type="text/css">
  132.  
  133. #s-m-t-tooltip {
  134. color:{color:text};
  135. background-color:{color:background};
  136. display:none;
  137. text-align:left;
  138. position:absolute;
  139. z-index:9999;
  140. font-size:8px;
  141. font-family:arial;
  142. text-transform:uppercase;
  143. padding:1px 5px 1px 3px;
  144. margin-top:27px;
  145. -webkit-transition:all 0.2s ease-out
  146. -moz-transition:all 0.2s ease-out;
  147. transition:all 0.2s ease-out;
  148. }
  149.  
  150. iframe#tumblr_controls {
  151. white-space:nowrap;
  152. -webkit-filter: invert(100%);
  153. -moz-filter: invert(100%);
  154. -o-filter: invert(100%);
  155. -ms-filter: invert(100%); filter: invert(100%);
  156. opacity:1;
  157. transition: .8s ease-in-out;
  158. -webkit-transition: .8s ease-in-out;
  159. -moz-transition: .8s ease-in-out;
  160. -o-transition: .8s ease-in-out;
  161. }
  162.  
  163. /*<!-------------------------SCROLLBAR--------------------------->*/
  164.  
  165. ::-webkit-scrollbar {
  166. width:6px;
  167. height:8px!important
  168. }
  169.  
  170. ::-webkit-scrollbar-track {
  171. background-color:{color:scrollbar background};
  172. }
  173.  
  174. ::-webkit-scrollbar-thumb {
  175. background-color:{color:scrollbar};
  176. }
  177.  
  178. ::-webkit-scrollbar-thumb:hover {
  179. background-color:{color:scrollbar hover};
  180. }
  181.  
  182. ::-webkit-scrollbar-thumb:horizontal {
  183. background-color:{color:scrollbar};
  184. height:7px!important
  185. }
  186.  
  187. ::selection {
  188. background: {color:highlight};
  189. }
  190.  
  191. ::-moz-selection {
  192. background: {color:highlight};
  193. }
  194.  
  195.  
  196. /*<!-------------------------ENTRIES TEXT----------------------->*/
  197.  
  198. h1 {
  199. color:{color:text};
  200. font-size:18px;
  201. margin-top:-3px;
  202. letter-spacing:1px;
  203. font-family:{text:font family body};
  204. margin-left:-3px;
  205. font-style:italic;
  206. text-transform:uppercase;
  207. background-color:{color:container};
  208. padding:12px;
  209. line-height:18px;
  210. -webkit-transition:opacity 0.8s linear;
  211. -webkit-transition:all 0.5s ease-out;
  212. -moz-transition:all 0.5s ease-out;
  213. transition:all 0.5s ease-out;
  214. }
  215.  
  216. h2 {
  217. font-size:15px;
  218. line-height:18px;
  219. width:490px;
  220. font-family:{text:font family body};
  221. text-transform:uppercase;
  222. text-align:left;
  223. margin-top:0px;
  224. color:{color:link};
  225. font-weight:normal;
  226. }
  227.  
  228. /*<!-------------------------QUOTE--------------------------->*/
  229.  
  230. h3 {
  231. font-size:14px;
  232. line-height:17px;
  233. letter-spacing:1px;
  234. font-family:{text:font family body};
  235. font-weight:bold;
  236. font-style:italic;
  237. text-transform:lowercase;
  238. text-align:justify;
  239. width:450px;
  240. margin-left:25px;
  241. margin-top:20px;
  242. margin-bottom:40px;
  243. }
  244.  
  245. /*<!-------------------------SIDEBAR--------------------------->*/
  246.  
  247. #sidebar {
  248. position:absolute;
  249. border:1px solid {color:border};
  250. margin-left:25px;
  251. width:277px;
  252. padding:0px 15px 15px 15px;
  253. background-color:{color:sidebar};
  254. letter-spacing:0px;
  255. margin-top:15px;
  256. }
  257.  
  258. /*<!--------------------------SIDEBAR PIC---------------------------->*/
  259.  
  260. #sidebarpic img {
  261. margin-left:-15px;
  262. width:308px;
  263. height:150px;
  264. }
  265.  
  266. /*<!-------------------------SIDEBAR TITLE--------------------------->*/
  267.  
  268. h4 {
  269. width:276px;
  270. margin-top:0px;
  271. margin-bottom:0px;
  272. letter-spacing:-1px;
  273. font-size:16px;
  274. font-family:arial;
  275. text-transform:lowercase;
  276. text-align:left;
  277. border-top:1px solid {color:border};
  278. border-bottom:1px solid {color:border};
  279. margin-left:-16px;
  280. font-weight:bold;
  281. padding:15px 4px 15px 29px;
  282. background-color:{color:container};
  283. color:{color:sidebar title};
  284. }
  285.  
  286. /*<!-------------------------SIDEBAR CONTENT--------------------------->*/
  287.  
  288. h5 {
  289. width:240px;
  290. line-height:15px;
  291. padding:20px;
  292. margin-top:5px;
  293. margin-bottom:5px;
  294. font-weight:normal;
  295. font-size:10px;
  296. margin-left:-5px;
  297. }
  298.  
  299. /*<!-------------------------SIDEBAR CONTENT--------------------------->*/
  300.  
  301. h6 {
  302. width:240px;
  303. line-height:15px;
  304. padding:13px 20px 13px 20px;
  305. margin-top:5px;
  306. margin-bottom:5px;
  307. letter-spacing:-1px;
  308. font-size:16px;
  309. font-family:arial;
  310. text-transform:lowercase;
  311. text-align:left;
  312. margin-left:-5px;
  313. color:{color:sidebar title};
  314. }
  315.  
  316. /*<!-------------------------SOCIAL MEDIA---------------------------->*/
  317.  
  318. #icons {
  319. text-align:center;
  320. }
  321.  
  322. #icons a {
  323. display:inline-block;
  324. background-color:{color:icons background};
  325. color:{color:icons};
  326. padding:12px;
  327. margin-left:2px;
  328. margin-right:2px;
  329. width:25px;
  330. border:1px solid {color:border};
  331. border-radius:10px;
  332. }
  333.  
  334. #icons a:hover {
  335. opacity:0.5;
  336. }
  337.  
  338. /*<!-------------------------SIDEBAR LINKS--------------------------->*/
  339.  
  340. #sidebarlink {
  341. margin-bottom:3px;
  342. margin-top:20px;
  343. margin-left:10px;
  344. padding-bottom:8px;
  345. width:250px;
  346. }
  347.  
  348. #sidebarlink a {
  349. font-weight:normal;
  350. font-size:10px;
  351. display:block;
  352. text-transform:uppercase;
  353. font-family:{text:font family body};
  354. width:250px;
  355. padding-bottom:10px;
  356. padding-top:10px;
  357. color:{color:sidebar link};
  358. border-bottom:1px solid {color:border};
  359. }
  360.  
  361. #sidebarlink a:hover {
  362. padding-left:10px;
  363. color:{color:sidebar link};
  364. }
  365.  
  366. /*<!-------------------------BASICS--------------------------->*/
  367.  
  368. b {
  369. color:{color:bold};
  370. }
  371.  
  372. i {
  373. color:{color:italic};
  374. font-weight:bold;
  375. }
  376.  
  377. body {
  378. color:{color:text};
  379. background-color:{color:background};
  380. font-style:normal;
  381. text-align:justify;
  382. font-family:{text:font family body};
  383. font-size:11px;
  384. text-decoration:none;
  385. line-height:110%;
  386. }
  387.  
  388. a {
  389. color: {color:link};
  390. cursor:help;
  391. text-decoration:none;
  392. -webkit-transition:opacity 0.8s linear;
  393. -webkit-transition:all 0.5s ease-out;
  394. -moz-transition:all 0.5s ease-out;
  395. transition:all 0.5s ease-out;
  396. }
  397.  
  398. a:hover {
  399. color:{color:hover};
  400. -webkit-transition:opacity 0.8s linear;
  401. -webkit-transition:all 0.5s ease-out;
  402. -moz-transition:all 0.5s ease-out;
  403. transition:all 0.5s ease-out;}
  404.  
  405. #container {
  406. width:912px;
  407. height:900%;
  408. margin:0 auto;
  409. padding-bottom:30px;
  410. z-index:-1000;
  411. background-color:{color:container};
  412. border:1px solid {color:border};
  413. }
  414.  
  415. #entries {
  416. text-align:justify;
  417. width:500px;
  418. z-index:99999;
  419. margin-left:355px;
  420. margin-top:20px;
  421. }
  422.  
  423. #entries p img, .entry blockquote img {
  424. max-width:100%;
  425. }
  426.  
  427. pre {
  428. white-space:pre-wrap;
  429. white-space:-moz-pre-wrap;
  430. white-space:-pre-wrap;
  431. white-space:-o-pre-wrap;
  432. word-wrap:break-word;
  433. }
  434.  
  435. #posts {
  436. width:500px;
  437. z-index:99999;
  438. color:{color:text};
  439. background:{color:entries};
  440. padding:15px;
  441. border:1px solid {color:border};
  442. }
  443.  
  444. /*<!------------------------PAGINATION-------------------------->*/
  445.  
  446. #pagination {
  447. font-size:14px;
  448. margin-top:10px;
  449. margin-bottom:20px;
  450. font-family:{text:font family body};
  451. letter-spacing:1px;
  452. font-weight:bold;
  453. width:530px;
  454. text-align:center;
  455. }
  456.  
  457. #pagination a {
  458. padding:4px 8px;
  459. font-weight:bold;
  460. color:{color:text};
  461. font-family:{text:font family body};
  462. font-size:14px;
  463. text-decoration:none;
  464. }
  465.  
  466. .current {
  467. padding:4px 8px;
  468. font-weight:bold;
  469. color:{color:text};
  470. font-family:{text:font family body};
  471. font-size:14px;
  472. text-decoration:none;
  473. }
  474.  
  475. /*<!-------------------------POSTINFO--------------------------->*/
  476.  
  477. #tags {
  478. padding:6px 15px 6px 15px;
  479. margin-top:10px;
  480. font-size:9px;
  481. margin-left:-15px;
  482. font-family:{text:font family body};
  483. width:500px;
  484. letter-spacing:1px;
  485. font-weight:bold;
  486. background-color:{color:tags};
  487. margin-bottom:0px;
  488. color:{color:tags text};
  489. text-transform:uppercase;
  490. }
  491.  
  492. #tags a {
  493. text-align:left;
  494. font-size:9px;
  495. font-weight:bold;
  496. font-family:{text:font family body};
  497. letter-spacing:1px;
  498. color:{color:tags text};
  499. text-transform:uppercase;
  500. }
  501.  
  502. #date {
  503. font-weight:bold;
  504. margin-top:10px;
  505. margin-bottom:0px;
  506. width:500px;
  507. font-size:9px;
  508. word-spacing:3px;
  509. text-transform:uppercase;
  510. color:{color:link};
  511. }
  512.  
  513. #date a {
  514. font-weight:bold;
  515. font-style:italic;
  516. font-size:9px;
  517. text-transform:uppercase;
  518. color:{color:link};
  519. }
  520.  
  521. /*<!-------------------------HEADER--------------------------->*/
  522.  
  523. #header img {
  524. margin-left:0px;
  525. margin-top:0px;
  526. z-index:9;
  527. border:1px solid {color:border};
  528. width:910px;
  529. height:400px;
  530. background-repeat:repeat-x;
  531. }
  532.  
  533. /*<!-----------------------NAVIGATION-------------------------->*/
  534.  
  535. #navigation.sticky {position:fixed; margin-top:-410px; z-index:10;}
  536.  
  537. #navigation {
  538. text-align:center;
  539. padding:20px;
  540. z-index:99999;
  541. width:872px;
  542. margin-left:-1px;
  543. margin-bottom:5px;
  544. border:1px solid {color:border};
  545. background-color:{color:navigation};
  546. margin-top:-4px;
  547. color:{color:navigation link};
  548. letter-spacing:1px;
  549. font-family:{text:font family navigation};
  550. text-align:center;
  551. text-transform:uppercase;
  552. font-size:8px;
  553. font-weight:bold;
  554. }
  555.  
  556. #navigation a {
  557. color:{color:navigation link};
  558. letter-spacing:1px;
  559. padding-left:2px;
  560. border-bottom:1px solid {color:border};
  561. padding-right:2px;
  562. margin-left:5px;
  563. margin-right:5px;
  564. padding-bottom:3px;
  565. font-family:{text:font family navigation};
  566. text-align:center;
  567. text-transform:uppercase;
  568. font-size:8px;
  569. font-weight:bold;
  570. }
  571.  
  572. #navigation a:hover {
  573. opacity:0.6;
  574. font-style:italic;
  575. }
  576.  
  577. /*<!-------------------------BLOCKQUOTE--------------------------->*/
  578.  
  579. blockquote {
  580. margin-left:0px;
  581. letter-spacing:1px;
  582. padding-left:10px;
  583. border-left:1px solid {color:text};
  584. {block:IfNotPosts400px}
  585. width:375px;
  586. {/block:IfNotPosts400px}
  587. {block:IfPosts400px}
  588. width:375px;
  589. {/block:IfPosts400px}
  590. }
  591.  
  592. blockquote blockquote {
  593. padding: 0 0 0 10px;
  594. margin: 0 0 0 0px;
  595. color:{color:text};
  596. }
  597.  
  598. blockquote, small {
  599. font-size:10px;
  600. letter-spacing:1px;
  601. }
  602.  
  603. blockquote img {
  604. max-width:300px;
  605. height:auto;
  606. }
  607.  
  608. /*<!-------------------------CHAT--------------------------->*/
  609.  
  610. .chat {
  611. list-style:none;
  612. margin-top:0px;
  613. margin-bottom:0px;
  614. font-size:10px;
  615. {block:IfNotPosts400px}
  616. width:500px;
  617. {/block:IfNotPosts400px}
  618. {block:IfPosts400px}
  619. width:400px;
  620. {/block:IfPosts400px}
  621. }
  622.  
  623. .chat ul {
  624. line-height:15px;
  625. list-style:none;
  626. padding:0px;
  627. line-height:17px;
  628. }
  629.  
  630. .person1, .person3, .person5, .person7, .person9, .person11, .person13{
  631. background-color:{color:chat person 1};
  632. padding:5px 10px 5px 10px;
  633. color:{color:chat text};
  634. border-bottom:2px solid {color:background};
  635. }
  636.  
  637. .person2, .person4, .person6, .person8, .person10, .person12, .person14{
  638. padding:5px 10px 5px 10px;
  639. background-color:{color:chat person 2};
  640. border-bottom:2px solid {color:background};
  641. color:{color:chat text};
  642. }
  643.  
  644. /*<!-------------------------CREDIT--------------------------->*/
  645.  
  646. #credit {
  647. right:35px;
  648. bottom:8px;
  649. padding:5px;
  650. background:{color:container};
  651. font-size:8px;
  652. position:fixed;
  653. font-family:{text:font family body};
  654. }
  655.  
  656. #credit a {
  657. color:{color:link};
  658. padding:5px;
  659. }
  660.  
  661. /*<!-------------------------ASK--------------------------->*/
  662.  
  663. #question {
  664. background-color:{color:question};
  665. color:{color:question text};
  666. padding:20px 20px 20px 60px;
  667. margin-top:0px;
  668. width:420px;
  669. margin-bottom:5px;
  670. line-height:20px;
  671. font-size:10px;
  672. font-weight:bold;
  673. font-family:{text:font family body};
  674. text-align:left;
  675. }
  676.  
  677. #question img {
  678. position:absolute;
  679. padding:4px;
  680. background-color:{color:background};
  681. margin-left:-45px;
  682. margin-top:-6px;
  683. float:left;
  684. }
  685.  
  686. #question a {
  687. color:{color:question text};
  688. font-weight:bold;
  689.  
  690. }
  691.  
  692. #answer a {
  693. text-decoration:underline;
  694. font-weight:bold;
  695. }
  696.  
  697. /*<!-------------------------AUDIO--------------------------->*/
  698.  
  699. .audioplayer {
  700. width:25px;
  701. height:25px;
  702. margin-top:13px;
  703. position:absolute;
  704. margin-left:10px;
  705. overflow:hidden;
  706. padding:3px;
  707. }
  708.  
  709. .info {
  710. width:440px;
  711. height:50px;
  712. margin-left:0px;
  713. display:block;
  714. line-height:20px;
  715. margin-top:0px;
  716. padding-top:10px;
  717. font-family:{text:font family body};
  718. font-size:12px;
  719. letter-spacing:0px;
  720. font-weight:400;
  721. letter-spacing:1px;
  722. padding-right:55px;
  723. text-align:right;
  724. margin-bottom:0px;
  725. color:{color:audio text};
  726. background-color:{color:audio};
  727. }
  728.  
  729. /*<!-------------------------NOTES--------------------------->*/
  730.  
  731. ol.notes {
  732. padding:0px;
  733. width:530px;
  734. margin-top:5px;
  735. list-style-type:none;
  736. background-color:{color:entries};
  737. border-bottom: 3px solid {color:border};
  738. }
  739.  
  740. ol.notes li.note {
  741. border-bottom:2px solid {color:container};
  742. padding:10px;
  743. }
  744.  
  745. ol.notes li.note img.avatar {
  746. vertical-align:-4px;
  747. margin-right:10px;
  748. width:16px;
  749. height:16px;
  750. }
  751.  
  752. ol.notes li.note blockquote {
  753. padding:4px 10px;
  754. margin:10px 0px 0px 25px;
  755. }
  756.  
  757. /*<!-------------------------AFFILIATES--------------------------->*/
  758.  
  759. #outer img {
  760. transition:0.3s ease-in-out;
  761. width:60px;
  762. height:50px;
  763. -webkit-transition:0.3s ease-in-out;
  764. -moz-transition:0.3s ease-in-out;
  765. -o-transition:0.3s ease-in-out;
  766. }
  767.  
  768. #affiliates img:hover {
  769. opacity:0.7;
  770. transition:0.7s ease-in-out;
  771. -webkit-transition:0.7s ease-in-out;
  772. -moz-transition:0.7s ease-in-out;
  773. -o-transition:0.7s ease-in-out;
  774. }
  775.  
  776. #affiliates {
  777. text-align:center;
  778. margin-top:0px;
  779. }
  780.  
  781. #outer {
  782. overflow:auto;
  783. width:267px;
  784. margin-left:-10px;
  785. padding:0px;
  786. height:105px;
  787. margin-top:0px;
  788. background:{color:sidebar};
  789. }
  790.  
  791. /*<!----------------------SEARCH BAR------------------------>*/
  792.  
  793. .search input {
  794. background-color:{color:container};
  795. color:{color:text};
  796. font-size:9px;
  797. border:0px;
  798. margin-left:10px;
  799. text-transform:uppercase;
  800. margin-top:18px;
  801. font-weight:bold;
  802. width:160px;
  803. padding:8px 9px;
  804. font-family:{text:font family body};
  805. }
  806.  
  807. #searchbar {
  808. margin-bottom:20px;
  809. }
  810.  
  811. /*<!------------------------CREDIT------------------------->*/
  812.  
  813. #credit {
  814. right:10px;
  815. bottom:7px;
  816. padding:5px;
  817. background:transparent;
  818. font-size:8px;
  819. position:fixed;
  820. font-weight:bold;
  821. font-family:{text:font family body};
  822. }
  823.  
  824. #credit a {
  825. color:{color:link};
  826. padding:5px;
  827. letter-spacing:1px;
  828. text-decoration:none;
  829. font-weight:bold;
  830. }
  831.  
  832. </style><style type="text/css">{CustomCSS}</style>
  833.  
  834. </head><body>
  835.  
  836.  
  837. <div style="margin-top:-10px;">
  838.  
  839. <div id="container">
  840.  
  841. <!------------------------HEADER---------------------------->
  842.  
  843. <div id="header">
  844. <img src="{image:header}">
  845. </div>
  846.  
  847. <!----------------------NAVIGATION-------------------------->
  848.  
  849. <div id="navigation">
  850. <a href="/">index</a>
  851. <a href="/ask">message</a>
  852. <a href="/archive">archive</a>
  853. <a href="URL">link 1</a>
  854. <a href="URL">link 2</a>
  855. <a href="URL">link 3</a>
  856. <a href="URL">link 4</a>
  857. <a href="URL">link 5</a>
  858. </div>
  859.  
  860. <!------------------------SIDEBAR--------------------------->
  861.  
  862. <div id="sidebar">
  863.  
  864.  
  865. <!-----TITLE------>
  866.  
  867. <h6>
  868. <i class="fa fa-star" style="
  869. color:{color:star};
  870. font-size:13px;"></i>
  871. {title}
  872. </h6>
  873.  
  874. <!--SIDEBAR PIC
  875.  
  876. DELETE THIS PART IF YOU DO NOT WANT A SIDEBAR PIC AND NOT ONLY THE URL OTHERWISE YOU WILL HAVE A WHITE BLANK SPACE !!!
  877.  
  878. -->
  879.  
  880. <div id="sidebarpic">
  881. <img src="http://i.imgur.com/C4sNqQZ.gif">
  882. </div>
  883.  
  884. <!--SEARCH BAR-->
  885.  
  886. <div id="searchbar">
  887. <form action="/search" method="get" class="search">
  888. <input type="text" name="q" value="{SearchQuery}"/>
  889. <input type="submit" value="Search" id="sb" style="width:60px;" />
  890. </form>
  891. </div>
  892.  
  893. <!----ABOUT---->
  894.  
  895. <h4>
  896. <i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> WELCOME</h4>
  897.  
  898. <h5>{description}</h5>
  899.  
  900. <!--SOCIAL MEDIA-->
  901.  
  902. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> SOCIAL MEDIA</h4>
  903.  
  904. <h5>
  905. <div id="icons">
  906.  
  907. <!---please read, just delete a whole line in case this person doesnt have a twitter/insta/facebook, you can also add any other site you want to, you can find more icons here
  908.  
  909. http://fortawesome.github.io/Font-Awesome/icons/
  910.  
  911. for example, this is the twitter icon
  912.  
  913. <i class="fa fa-twitter fa-2x"></i>
  914.  
  915.  
  916. "fa fa-twitter" is the icon and "fa-2x" describes the size of the icon, find more sizes here:
  917.  
  918. http://fortawesome.github.io/Font-Awesome/examples/
  919.  
  920. --->
  921.  
  922. <a href="URL"> <i class="fa fa-twitter fa-2x"></i> </a>
  923. <a href="URL"> <i class="fa fa-instagram fa-2x"></i> </a>
  924. <a href="URL"> <i class="fa fa-facebook fa-2x"></i> </a>
  925. <a href="URL"> <i class="fa fa-vine fa-2x"></i> </a>
  926. </div>
  927. </h5>
  928.  
  929. <!------LINKS------->
  930.  
  931. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> LINKS</h4>
  932.  
  933. <div id="sidebarlink">
  934. <a href="URL">link 1</a>
  935. <a href="URL">link 2</a>
  936. <a href="URL">link 3</a>
  937. <a href="URL">link 4</a>
  938. <a href="URL">link 5</a>
  939. </div>
  940.  
  941. <br>
  942. <br>
  943.  
  944. <!------PROJECTS------->
  945.  
  946. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> PROJECTS</h4>
  947.  
  948. <div style="margin-top:-10px;">
  949.  
  950. <h5>
  951.  
  952. <!--start of project 1-->
  953. <img src="http://i.imgur.com/NzD7rrd.png"
  954. style="width:308px;height:90px;margin-left:-30px;margin-top:-15px;">
  955. <br>
  956. <p>
  957. <br>
  958. <div style="border-left:1px solid {color:text};padding-left:10px;font-size:11px;word-spacing:2px;line-height:15px;">
  959. <big><b>Movie Title</b></big>
  960. <br>
  961. <b>Role:</b> Character<br>
  962. <b>Realese date:</b> April 2, 2015<br>
  963. <b>Status:</b> Status
  964. </div>
  965.  
  966. <br>
  967. <br>
  968. <!--end of project 1-->
  969.  
  970.  
  971. <!--start of project 2-->
  972. <img src="http://i.imgur.com/NzD7rrd.png"
  973. style="width:307px;height:90px;margin-left:-30px;margin-top:15px;">
  974. <br>
  975. <p>
  976. <br>
  977. <div style="border-left:1px solid {color:text};padding-left:10px;font-size:11px;word-spacing:2px;line-height:15px;">
  978. <big><b>Movie Title</b></big>
  979. <br>
  980. <b>Role:</b> Character<br>
  981. <b>Realese date:</b> April 2, 2015<br>
  982. <b>Status:</b> Status
  983. </div>
  984.  
  985. <br>
  986. <br>
  987. <!--end of project 2 -->
  988.  
  989.  
  990. <!--start of project 3-->
  991. <img src="http://i.imgur.com/NzD7rrd.png"
  992. style="width:307px;height:90px;margin-left:-30px;margin-top:15px;">
  993. <br>
  994. <p>
  995. <br>
  996. <div style="border-left:1px solid {color:text};padding-left:10px;font-size:11px;word-spacing:2px;line-height:15px;">
  997. <big><b>Movie Title</b></big>
  998. <br>
  999. <b>Role:</b> Character<br>
  1000. <b>Realese date:</b> April 2, 2015<br>
  1001. <b>Status:</b> Status
  1002. </div>
  1003. <!--end of project 3 -->
  1004.  
  1005. <br>
  1006.  
  1007. </h5>
  1008.  
  1009. </div>
  1010.  
  1011. <!----AFFILIATES----->
  1012.  
  1013. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> AFFILIATES</h4>
  1014.  
  1015. <h5>
  1016. <div id="outer">
  1017. <div id="Affiliates" style="text-align:center;margin-left:-15px;">
  1018.  
  1019. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1020. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1021. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1022. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1023. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1024. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1025. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1026. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1027. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1028. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1029. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1030. <a href="BLOG URL"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  1031.  
  1032. <br>
  1033.  
  1034. </div>
  1035.  
  1036. </h5>
  1037.  
  1038. <!---BLOG MEMBERS--->
  1039.  
  1040. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> TEAM</h4>
  1041.  
  1042. <h5>
  1043.  
  1044. {block:GroupMembers}
  1045. {block:GroupMember}
  1046. <img src="{GroupMemberPortraitURL-40}" style="-webkit-border-radius:10px;width:40px;">
  1047. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1048. <a href="{GroupMemberURL}"><b>{GroupMemberName}</b></a>
  1049. <br>{GroupMemberTitle}</div> <br><br>
  1050. {/block:GroupMember}
  1051. {/block:GroupMembers}</a>
  1052. <div style="margin-bottom:-23px;"></div>
  1053. </h5>
  1054.  
  1055. <!------SITE INFO------->
  1056.  
  1057. <h4> <i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> SITE INFO</h4>
  1058.  
  1059. <h5>
  1060.  
  1061. <b>About:</b> Sam Claflin
  1062.  
  1063. <br>
  1064.  
  1065. <b>Established:</b> April 2015.
  1066.  
  1067. <br> <br>
  1068.  
  1069. Images and information on this blog belong to their respectful owners. No copyright infringement is intended.
  1070.  
  1071. </h5>
  1072.  
  1073. </div>
  1074.  
  1075. <!------------------------ENTRIES--------------------------->
  1076.  
  1077. <div id="entries">
  1078.  
  1079. {block:Posts}
  1080.  
  1081. <div id="posts">
  1082.  
  1083. {block:Text}
  1084. {block:Title}
  1085. <h1>{Title}</h1>
  1086. {/block:Title}
  1087. {Body}
  1088. {/block:Text}
  1089.  
  1090. {block:Quote}
  1091. <h3>
  1092. <font style="font-family:times;font-size:15px;">&#8220; </font> {Quote} <font style="font-family:times;font-size:15px;">”</font> - {Source}</h3>
  1093. {/block:Quote}
  1094.  
  1095. {block:Link}
  1096. <a href="{URL}"><h1>{Name}</h1></a>{block:Description}
  1097. {Description}{/block:Description}
  1098. {/block:Link}
  1099.  
  1100. {block:Photo}<img src="{PhotoURL-500}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1101.  
  1102. {block:Photoset}
  1103. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  1104. {/block:Photoset}
  1105.  
  1106. {block:Video}
  1107. {Video-500}{block:Caption}{Caption}{/block:Caption}
  1108. {/block:Video}
  1109.  
  1110. {block:Chat}
  1111. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  1112. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1113. {/block:Chat}
  1114.  
  1115. {block:Answer}
  1116. <div id="question">
  1117. <img src="{AskerPortraitURL-24}">
  1118. <b>{asker}:</b>
  1119. {Question}
  1120. </div>
  1121. <div id="answer">
  1122. {answer}
  1123. </div>
  1124. {/block:Answer}
  1125.  
  1126. {block:Audio}
  1127. <div class="audio">
  1128. <div class="audioplayer">{AudioPlayerWhite}</div>
  1129. <div class="info">
  1130. {block:TrackName}
  1131. <font style="text-transform:lowercase;letter-spacing:1px;font-weight:bold;color:{color:bold};font-family:arial;font-size:10px;font-style:italic;">{TrackName}&nbsp;&nbsp;&nbsp;&nbsp;</font>{/block:TrackName}<br>
  1132. {block:Artist}<small>{Artist}</small>{/block:Artist}
  1133. </div>
  1134. {block:Caption}{Caption}{/block:Caption}
  1135. </div>
  1136. {/block:Audio}
  1137.  
  1138.  
  1139.  
  1140. <!------POSTINFO------->
  1141.  
  1142.  
  1143. <div id="tags">filed under:
  1144. {block:Tags}<a href="/tagged/{Tag}"> &nbsp;#{Tag}</a>{/block:Tags}
  1145. </div>
  1146.  
  1147. <div id="date">
  1148. {block:GroupMembers}posted by <a href="{PostAuthorURL}">{PostAuthorName}</a>{/block:GroupMembers}
  1149. {block:Date} on
  1150. <a href="{Permalink}" title="{Month} {DayOfMonthWithZero}, {Year}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} at {12Hour}:{Minutes}{CapitalAmPm}</a>
  1151. {block:NoteCount}<a href="{Permalink}"> with {notecountwithlabel} &nbsp; </a>{/block:Notecount}
  1152.  
  1153. <font style="float:right;">
  1154. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a><a href="{ReblogRootURL}" title="{ReblogRootName}">- source</a>{/block:RebloggedFrom}
  1155. </font>
  1156.  
  1157. {block:ContentSource}
  1158. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1159. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1160. {/block:SourceLogo}
  1161. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1162. {/block:ContentSource}
  1163. {/block:Date}
  1164.  
  1165. </div>
  1166.  
  1167. </div>
  1168.  
  1169.  
  1170.  
  1171. <br>
  1172. <br>
  1173.  
  1174.  
  1175. {block:PostNotes}
  1176. {PostNotes}
  1177. {/block:PostNotes}
  1178.  
  1179.  
  1180.  
  1181. {/block:Posts}
  1182.  
  1183.  
  1184. <!------PAGINATION------->
  1185.  
  1186. <br>
  1187. <br>
  1188.  
  1189.  
  1190. <br>
  1191. <br>
  1192.  
  1193.  
  1194. <div id="pagination">
  1195. {block:Pagination}
  1196. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  1197. {block:JumpPagination length="5"}
  1198. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1199. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1200. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  1201. {/block:Pagination}
  1202. </div>
  1203.  
  1204.  
  1205.  
  1206. <br>
  1207. <br>
  1208.  
  1209. <br>
  1210. <br>
  1211.  
  1212. <br>
  1213. <br>
  1214.  
  1215.  
  1216. <div id="credit">
  1217. <a href="http://adrianivashkovs.tumblr.com/">A I</a>
  1218. </div>
  1219.  
  1220. </div>
  1221. </div></div>
  1222. </div>
  1223.  
  1224.  
  1225. </body>
  1226. </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!