API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 5th, 2015
227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.86 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.  
  3. <!-----------------------------------------------------------------------
  4.  
  5. THEME BY SAARAA @ STEYEROGERS.TUMBLR.COM
  6.  
  7. Please observe common theme sharing etiquette:
  8. http://themesbysaaraa.tumblr.com/terms
  9. Thank you.
  10.  
  11. ------------------------------------------------------------------------>
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23.  
  24.  
  25. <meta name="color:upd1" content="#ff8f9d"/>
  26. <meta name="color:upd2" content="#ffd3b8"/>
  27. <meta name="color:upd3" content="#e9ece1"/>
  28. <meta name="color:upd4" content="#cce8d1"/>
  29. <meta name="color:upd5" content="#ffffff"/>
  30.  
  31.  
  32. <meta name="if:White Controls" content="1" />
  33. <meta name="if:Sidebar Image Change" content="1" />
  34. <meta name="if:More Sidebar Links" content="1" />
  35. <meta name="if:Sidebar Font Small " content="1" />
  36. <meta name="if:400px Posts" content="1" />
  37. <meta name="if:Captions on Index" content="0" />
  38. <meta name="if:Reblog Link on Index" content="1" />
  39. <meta name="if:Like Button on Index" content="1" />
  40.  
  41. <meta name="image:Background" content="" />
  42. <meta name="image:Sidebar 1" content="" />
  43. <meta name="image:Sidebar 2" content="" />
  44. <meta name="image:Sidebar 3" content="" />
  45.  
  46. <meta name="color:Before Load" content="#e5e5e5" />
  47. <meta name="color:Accent 1" content="#c7e4ff" />
  48. <meta name="color:Accent 2" content="#e3ccff" />
  49. <meta name="color:Accent 3" content="#ffc8d1" />
  50.  
  51. <meta name="color:Background" content="#f4f4f4" />
  52. <meta name="color:Post Background" content="#ffffff" />
  53.  
  54. <meta name="color:Links" content="#bbbbbb" />
  55. <meta name="color:Text" content="#ababab" />
  56. <meta name="color:Bold" content="#9c9c9c" />
  57.  
  58. <meta name="select:Sidebar Links" content="sl-alt" title="ask links tags">
  59. <meta name="select:Sidebar Links" content="sl-hal" title="home ask links">
  60.  
  61. <meta name="select:Tags On Index" content="tags-h" title="Show on Hover">
  62. <meta name="select:Tags On Index" content="tags-a" title="Always Show">
  63. <meta name="select:Tags On Index" content="tags-n" title="Don't Show">
  64.  
  65. <meta name="text:Link 1 Name" content="link one" />
  66. <meta name="text:Link 1 URL" content="/" />
  67. <meta name="text:Link 2 Name" content="link two" />
  68. <meta name="text:Link 2 URL" content="/" />
  69. <meta name="text:Link 3 Name" content="" />
  70. <meta name="text:Link 3 URL" content="/" />
  71. <meta name="text:Link 4 Name" content="" />
  72. <meta name="text:Link 4 URL" content="/" />
  73. <meta name="text:Link 5 Name" content="" />
  74. <meta name="text:Link 5 URL" content="/" />
  75. <meta name="text:Link 6 Name" content="" />
  76. <meta name="text:Link 6 URL" content="/" />
  77.  
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:50,
  89. tip_fade_speed:300
  90. }
  91. );
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96. <script>
  97. $(document).ready(function(){
  98.  
  99. $('.fa-link').click(function(){
  100. $('.morelinks').slideToggle(300);
  101. });
  102.  
  103. });
  104. </script>
  105.  
  106. <script type="text/javascript">
  107. function attributeSet(elem, attrb, setting)
  108. {var elemAttrb = elem.getAttributeNode(attrb);
  109. if (elemAttrb){elemAttrb.value=setting;}
  110. else {elem.setAttribute(attrb, setting);}
  111. }
  112. function randomClass()
  113. {var classes = ["a1","a2","a3"]
  114. var index = Math.floor(Math.random() * classes.length);
  115. attributeSet(document.getElementById('myBody'),'class',classes[index]);}
  116. </script>
  117.  
  118. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  119.  
  120. </head>
  121.  
  122.  
  123. <style type="text/css">
  124.  
  125.  
  126. body {padding:0px; height:100%; background-color:{color:Background};
  127. color:{color:Text}; background-image:url('{image:Background}');
  128. background-attachment:fixed; font-family:Trebuchet MS, sans-serif;
  129. font-size:11px; line-height:1.3; margin:0px;}
  130.  
  131. html {overflow-y:scroll;}
  132.  
  133. ::-webkit-scrollbar {height:9px; width:9px; background:{color:Background};}
  134.  
  135. ::-webkit-scrollbar-thumb:vertical {height:auto; width:3px;
  136. border:3px solid {color:Background};}
  137.  
  138. ::-webkit-scrollbar-thumb:hotizontal {width:auto; height:3px;
  139. background:{color:Background}; border:3px solid {color:Background};}
  140.  
  141. ::selection {background:{color:Before Load}; color:#fff;}
  142. .a1 ::selection {background:{color:Accent 1};}
  143. .a2 ::selection {background:{color:Accent 2};}
  144. .a3 ::selection {background:{color:Accent 3};}
  145. ::-webkit-selection {background:{color:Before Load}; color:#fff;}
  146. .a1 ::-webkit-selection {background:{color:Accent 1};}
  147. .a2 ::-webkit-selection {background:{color:Accent 2};}
  148. .a3 ::-webkit-selection {background:{color:Accent 3};}
  149. ::-moz-selection {background:{color:Before Load}; color:#fff;}
  150. .a1 ::-moz-selection {background:{color:Accent 1};}
  151. .a2 ::-moz-selection {background:{color:Accent 2};}
  152. .a3 ::-moz-selection {background:{color:Accent 3};}
  153. ::-o-selection {background:{color:Before Load}; color:#fff;}
  154. .a1 ::-o-selection {background:{color:Accent 1};}
  155. .a2 ::-o-selection {background:{color:Accent 2};}
  156. .a3 ::-o-selection {background:{color:Accent 3};}
  157.  
  158. a:link, a:active, a:visited {text-decoration:none; color:{color:Links};}
  159.  
  160. i, em, .em {color:{color:Links}; padding-right:1px;}
  161.  
  162. b, strong, .strong {color:{color:Bold};}
  163.  
  164. small {font-size:10px;}
  165.  
  166. big {font-size:12px;}
  167.  
  168. sup, sub {font-size:10px;}
  169.  
  170. pre {font-variant:small-caps; text-transform:lowercase; white-space:pre-wrap;
  171. white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
  172. word-wrap:break-word;}
  173.  
  174. blockquote {border-left:2px solid #d4d4d4;
  175. margin-left:10px; padding-left:10px;}
  176.  
  177. iframe#tumblr_controls {right:3px!important; position:fixed!important;
  178. opacity:0.5; {block:IfWhiteControls}filter:invert(1); -o-filter:invert(1);
  179. -webkit-filter:invert(1); -moz-filter:invert(1); -ms-filter:invert(1);
  180. {/block:IfWhiteControls}}
  181. iframe#tumblr_controls:hover {opacity:1;}
  182.  
  183. #s-m-t-tooltip {margin-top:20px; margin-left:16px; padding:6px;
  184. display:inline-block; text-align:center; position:absolute; font-size:8px;
  185. font-family:Trebuchet MS; text-transform:uppercase; z-index:9999999999;
  186. letter-spacing:1px; background:#fff; font-weight:bold;}
  187.  
  188. .container {position:absolute; top:0px; left:0; right:0; margin:auto;}
  189.  
  190. .sidebar {width:100px; position:fixed; top:140px;}
  191.  
  192. .s-image {width:100px; pointer-events:none; padding:10px;
  193. background:{color:Post Background};
  194. -webkit-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  195. -moz-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  196. box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);}
  197.  
  198. .s-image img {width:100px;}
  199.  
  200. {block:ifNotSidebarImageChange}
  201. .s-image img.accent1 {display:block!important;}
  202. .s-image img.accent2 {display:none!important;}
  203. .s-image img.accent3 {display:none!important;}
  204. {/block:ifNotSidebarImageChange}
  205. {block:ifSidebarImageChange}
  206. .s-image img {display:none;}
  207. {/block:ifSidebarImageChange}
  208.  
  209. .stuff {margin-top:1px; width:102px; padding:0px 9px;
  210. background:{color:Post Background};
  211. -webkit-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  212. -moz-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  213. box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);}
  214.  
  215. .links {width:92px; padding:11px 5px 7px 5px; text-align:center;}
  216.  
  217. .links a, .links .fa-link {display:inline-block; margin:0px 4px;}
  218.  
  219. .links.sl-hal .fa-home, .links.sl-alt .fa-tag {display:inline-block;}
  220.  
  221. .links.sl-alt .fa-home, .links.sl-hal .fa-tag {display:none;}
  222.  
  223. .links .fa-link {cursor:pointer;}
  224.  
  225. .morelinks {width:92px!important; padding:0px 5px 7px 5px; text-align:center;
  226. display:none; position:relative;}
  227.  
  228. .morelinks a {width:90px; display:inline-block; margin-top:3px;
  229. padding:1px 0px; font:8px calibri;
  230. text-transform:uppercase; letter-spacing:1px;}
  231.  
  232. .morelinks a:hover {color:#fff!important;}
  233.  
  234. .morelinks .border {margin-bottom:4px;}
  235.  
  236. .desc {width:92px; line-height:11px; text-align:justify; letter-spacing:1px;
  237. padding:6px 5px 12px 5px; text-transform:uppercase;}
  238.  
  239. .pagination {width:92px; padding:7px 5px 12px 5px; text-align:center;
  240. text-transform:uppercase; letter-spacing:1px;}
  241.  
  242. .pagination a, .pagination span {padding:1px 2px 1px 4px;
  243. text-align:center; border-radius:50%; display:inline-block;
  244. margin-right:-3px;}
  245.  
  246. .pagination span {background:{color:Accent 1}; color:#fff;}
  247.  
  248. .border {width:102px; height:1px;
  249. background:-webkit-linear-gradient(left, #fff, #e5e5e5, #fff);
  250. background:-o-linear-gradient(right, #fff, #e5e5e5, #fff);
  251. background:-moz-linear-gradient(right, #fff, #e5e5e5, #fff);
  252. background:linear-gradient(to right, #fff, #e5e5e5, #fff);}
  253.  
  254. .entries {position:absolute; margin-top:60px;}
  255.  
  256. .post-cont {display:block;}
  257.  
  258. .post {padding:15px; background:{color:Post Background};
  259. -webkit-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  260. -moz-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  261. box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);}
  262.  
  263. .t-l {display:block; color:{color:Bold}; padding:0px 10px; text-align:center;
  264. font:bold italic 16px georgia, Trebuchet MS;}
  265.  
  266. .t-l.chat {margin-bottom:10px;}
  267.  
  268. .t-l a {color:{color:Bold};}
  269.  
  270. .caption {word-wrap:break-word!important; margin-top:10px;}
  271.  
  272. .caption .text {margin-top:0px;}
  273.  
  274. .caption img {max-width:100%;}
  275.  
  276. a.link {color:#fff; height:58px; padding:0px 5px; vertical-align:middle;
  277. display:table-cell; text-align:center;}
  278.  
  279. a.link .name {font:bold italic 13px georgia, Trebuchet MS; display:block;}
  280.  
  281. a.link .url {letter-spacing:1px; font-size:9px; opacity:0.6; display:block;
  282. margin-top:3px; text-transform:lowercase;}
  283.  
  284. a.link:hover {background:#fff!important;}
  285.  
  286. a.link:hover .url {opacity:0.8;}
  287.  
  288. .thumbnail {width:60px; height:60px; position:absolute; margin-left:340px;
  289. margin-top:-60px; background:#f0f0f0;}
  290.  
  291. .question {padding:10px; color:#fff; position:relative;}
  292.  
  293. .question:after {top:100%; left:50%; border: solid transparent; content:'';
  294. height:0; width:0; position:absolute; pointer-events:none:
  295. border-color:rgba(136, 183, 213, 0); border-width:6px; margin-left:-6px;}
  296.  
  297. .asker {text-transform:lowercase; font-weight:bold;
  298. margin-top:8px; text-align:center; font-style:italic;
  299. color:{color:Links};}
  300.  
  301. .quote {font:bold italic 16px georgia, Trebuchet MS; display:block;
  302. margin-top:-10px;
  303. {block:IndexPage}margin:-10px 0px;{block:IndexPage}}
  304.  
  305. .line {display:block; margin-top:5px;}
  306. .line:first-of-type {margin-top:0px}
  307. .line:nth-of-type(odd) {color:{color:Text};}
  308. .line:nth-of-type(even) {color:{color:Links};}
  309.  
  310. .info {margin-top:1px; padding:13px 15px; background:{color:Post Background};
  311. font-size:9px; text-transform:uppercase; letter-spacing:1px;
  312. -webkit-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  313. -moz-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  314. box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);}
  315.  
  316. .info span {font-family:arial;}
  317.  
  318. .right {position:absolute; width:200px; margin-top:-10px; text-align:right;}
  319.  
  320. .custom-like-button {position:relative; display:inline-block; width:10px;
  321. height:8px; cursor:pointer; margin-left:3px;}
  322.  
  323. .like_button {position:absolute; top:0; left:0; right:0; bottom:0; width:100%;
  324. height:100; opacity:0; z-index:10;}
  325.  
  326. .our_button {position:absolute; top:0; left:0; right:0; bottom:0; width:100%;
  327. height:100; z-index:1; text-align:center; font-size:10px;
  328. color:{color:Links}; font:9px Arial;}
  329.  
  330. .like_button:hover + .our_button, .like_button.liked + .our_button {
  331. color:red;}
  332.  
  333. .tags {opacity:1; overflow-y:hidden; margin-top:2px; text-transform:none}
  334.  
  335. {block:IndexPage}
  336. .tags.tags-a {opacity:0.7; overflow-y:hidden; margin-top:2px;}
  337. .tags.tags-h, .tags.tags-n {height:0px; margin-top:0px;}
  338. .info:hover .tags.tags-h {height:10px; margin-top:2px;}
  339. {/block:IndexPage}
  340.  
  341. .post-notes {height:200px; overflow-y:scroll; margin-top:1px;
  342. border:15px solid {color:Post Background}; border-right-width:12px;
  343. background:{color:Post Background};
  344. -webkit-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  345. -moz-box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);
  346. box-shadow: 1px 1px 4px 0px rgba(210,187,187,0.4);}
  347.  
  348. ol.notes {list-style:none; margin:0; padding:0; text-transform:lowercase;
  349. font-size:9px; letter-spacing:1px;}
  350. ol.notes li.note {padding:6px 0px 5px 3px;}
  351. ol.notes li.note:first-of-type {margin-top:3px;}
  352. ol.notes li.note:last-of-type {margin-bottom:3px;}
  353. ol.notes li.note img.avatar {display:none;}
  354.  
  355. /** PLEASE DO NOT ALTER OR REMOVE **/
  356. .credit {position:fixed; bottom:8px; right:5px; font-size:10px; z-index:9999;}
  357. .credit a {background:{color:Post Background}; padding:2px 4px;
  358. font-weight:bold; width:7px; overflow:hidden; display:block;}
  359. .credit a:hover {color:#fff!important;width:64px;}
  360. /** THANK YOU **/
  361.  
  362. ::-webkit-scrollbar-thumb:vertical, .morelinks a:hover, .question, .credit a:hover, a.link, .pagination span {
  363. background:{color:Before Load};}
  364. #s-m-t-tooltip, .sidebar .fa, a:hover, .morelinks a, .quote:hover, .credit a, .t-l a:hover {
  365. color:{color:Before Load};}
  366. #s-m-t-tooltip, .morelinks a, .credit a, a.link {
  367. border:1px solid {color:Before Load};}
  368. .question:after {border-top-color:{color:Before Load};}
  369.  
  370. .a1::-webkit-scrollbar-thumb:vertical, .a1 .morelinks a:hover, .a1 .question, .a1 .credit a:hover, .a1 a.link, .a1 .pagination span {
  371. background:{color:Accent 1};}
  372. .a1 #s-m-t-tooltip, .a1 .sidebar .fa, .a1 a:hover, .a1 .morelinks a, .a1 .quote:hover, .a1 .credit a, .a1 .t-l a:hover {
  373. color:{color:Accent 1};}
  374. .a1 img.accent1 {display:block;}
  375. .a1 #s-m-t-tooltip, .a1 .morelinks a, .a1 .credit a, .a1 a.link {
  376. border:1px solid {color:Accent 1};}
  377. .a1 .question:after {border-top-color:{color:Accent 1};}
  378.  
  379. .a2::-webkit-scrollbar-thumb:vertical, .a2 .morelinks a:hover, .a2 .question, .a2 .credit a:hover, .a2 a.link, .a2 .pagination span {
  380. background:{color:Accent 2};}
  381. .a2 #s-m-t-tooltip, .a2 .sidebar .fa, .a2 a:hover, .a2 .morelinks a, .a2 .quote:hover, .a2 .credit a, .a2 .t-l a:hover {
  382. color:{color:Accent 2};}
  383. .a2 img.accent2 {display:block;}
  384. .a2 #s-m-t-tooltip, .a2 .morelinks a, .a2 .credit a, .a2 a.link {
  385. border:1px solid {color:Accent 2};}
  386. .a2 .question:after {border-top-color:{color:Accent 2};}
  387.  
  388. .a3::-webkit-scrollbar-thumb:vertical, .a3 .morelinks a:hover, .a3 .question, .a3 .credit a:hover, .a3 a.link, .a3 .pagination span {
  389. background:{color:Accent 3};}
  390. .a3 #s-m-t-tooltip, .a3 .sidebar .fa, .a3 a:hover, .a3 .morelinks a, .a3 .quote:hover, .a3 .credit a, .a3 .t-l a:hover {
  391. color:{color:Accent 3};}
  392. .a3 img.accent3 {display:block;}
  393. .a3 #s-m-t-tooltip, .a3 .morelinks a, .a3 .credit a, .a3 a.link {
  394. border:1px solid {color:Accent 3};}
  395. .a3 .question:after {border-top-color:{color:Accent 3};}
  396.  
  397. a, a:hover, .entries *, .entries *:hover {transition:all 0.4s ease-in-out;
  398. -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;
  399. -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out;}
  400.  
  401. {block:IfNot400pxPosts}
  402. ul {margin-left:-4px;} ol {margin-left:-4px;}
  403. blockquote {margin-left:16px;} .container {width:780px;}
  404. .entries {width:530px; margin-left:250px;} .post-cont {width:530px;}
  405. .post {width:500px;}
  406. .t-l {width:480px;} .caption {width:500px;} a.link {width:490px;}
  407. .question {width:480px;} .asker {width:500px;} .info {width:500px;}
  408. .right {margin-left:300px;} .post-notes {width:503px;}
  409. ol.notes li.note {width:491px;}
  410. .t-l, .quote {font-size:18px;}
  411. .post-cont {margin:10px 0px 50px 0px;}
  412. {/block:IfNot400pxPosts}
  413.  
  414. {block:If400pxPosts}
  415. ul {margin-left:-10px;} ol {margin-left:-10px;}
  416. blockquote {margin-left:10px;} .container {width:650px;}
  417. .entries {width:430px; margin-left:220px;} .post-cont {width:430px;}
  418. .post {width:400px;} .t-l {width:380px;} .caption {width:400px;}
  419. a.link {width:390px;} .question {width:380px;} .asker {width:400px;}
  420. .info {width:400px;} .right {margin-left:200px;}
  421. .post-notes {width:403px;} ol.notes li.note {width:391px;}
  422. .post-cont {margin:10px 0px 40px 0px;}
  423. {/block:If400pxPosts}
  424.  
  425. {block:ifSidebarFontSmall}
  426. .desc, .pagination {font-size:7px;}
  427. {/block:ifSidebarFontSmall}
  428. {block:ifNotSidebarFontSmall}
  429. .desc, .pagination {font-size:8px;}
  430. {/block:ifnotSidebarFontSmall}
  431.  
  432. #update {
  433. width:100px;
  434. position:fixed;
  435. margin-left:10px;
  436. margin-top:20px;
  437. z-index:9999999999999;
  438. }
  439.  
  440. /*--- FIRST BOX ---*/
  441.  
  442. .ln1 {
  443. height:1px;
  444. width:15px;
  445. text-align:center;
  446. overflow:hidden;
  447. letter-spacing:1px;
  448. font-size:8px;
  449. z-index:999999999999999999999; /*--don't touch this---*/
  450. background:{color:upd1};
  451. color:transparent;
  452. padding-top:10px;
  453. margin-bottom:5px;
  454. -webkit-transition: all 0.5s ease-in-out;
  455. -moz-transition: all 0.5s ease-in-out;
  456. -o-transition: all 0.5s ease-in-out;
  457. }
  458.  
  459. .ln1:hover {
  460. background:white;
  461. width:100px; /*---change the width of the box when you hover ---*/
  462. height:100px; /*---change the height of the box when you hover ---*/
  463. color:gray;
  464. -webkit-transition:all 0.4s ease-in-out;
  465. -moz-transition:all 0.4s ease-in-out;
  466. -o-transition:all 0.4s ease-in-out;
  467. -ms-transition: all 0.4s ease-in-out;
  468. transition:all 0.5s ease-in-out}
  469.  
  470. /*---the other boxes are identical to the first one, you just have to change the background-color if you want the rectangles to have different colors ---*/
  471.  
  472. /*--- SECOND BOX ---*/
  473.  
  474. .ln2 {
  475. height:1px;
  476. width:15px;
  477. text-align:center;
  478. overflow:hidden;
  479. letter-spacing:1px;
  480. font-size:8px;
  481. z-index:999999999999999999999;
  482. background:{color:upd2};
  483. color:transparent;
  484. padding-top:10px;
  485. margin-bottom:5px;
  486. -webkit-transition: all 0.5s ease-in-out;
  487. -moz-transition: all 0.5s ease-in-out;
  488. -o-transition: all 0.5s ease-in-out;
  489. }
  490.  
  491. .ln2:hover {
  492. background:white;
  493. width:100px;
  494. height:270px;
  495. color:gray;
  496. -webkit-transition:all 0.4s ease-in-out;
  497. -moz-transition:all 0.4s ease-in-out;
  498. -o-transition:all 0.4s ease-in-out;
  499. -ms-transition: all 0.4s ease-in-out;
  500. transition:all 0.5s ease-in-out}
  501.  
  502.  
  503. /*--- THIRD BOX ---*/
  504.  
  505. .ln3 {height:1px;
  506. width:15px;
  507. text-align:center;
  508. overflow:hidden;
  509. letter-spacing:1px;
  510. font-size:8px;
  511. z-index:999999999999999999999;
  512. background:{color:upd3};
  513. color:transparent;
  514. padding-top:10px;
  515. margin-bottom:5px;
  516. -webkit-transition: all 0.5s ease-in-out;
  517. -moz-transition: all 0.5s ease-in-out;
  518. -o-transition: all 0.5s ease-in-out;
  519. }
  520.  
  521. .ln3:hover {
  522. background:white;
  523. width:100px;
  524. height:270px;
  525. color:gray;
  526. -webkit-transition:all 0.4s ease-in-out;
  527. -moz-transition:all 0.4s ease-in-out;
  528. -o-transition:all 0.4s ease-in-out;
  529. -ms-transition: all 0.4s ease-in-out;
  530. transition:all 0.5s ease-in-out}
  531.  
  532.  
  533. /*--- FORTH BOX ---*/
  534.  
  535. .ln4 {height:1px;
  536. width:15px;
  537. text-align:center;
  538. overflow:hidden;
  539. letter-spacing:1px;
  540. font-size:8px;
  541. z-index:999999999999999999999;
  542. background:{color:upd4};
  543. color:transparent;
  544. padding-top:10px;
  545. margin-bottom:5px;
  546. -webkit-transition: all 0.5s ease-in-out;
  547. -moz-transition: all 0.5s ease-in-out;
  548. -o-transition: all 0.5s ease-in-out;
  549. }
  550.  
  551. .ln4:hover {
  552. background:white;
  553. width:100px;
  554. height:270px;
  555. color:gray;
  556. -webkit-transition:all 0.4s ease-in-out;
  557. -moz-transition:all 0.4s ease-in-out;
  558. -o-transition:all 0.4s ease-in-out;
  559. -ms-transition: all 0.4s ease-in-out;
  560. transition:all 0.5s ease-in-out}
  561.  
  562. /*--- FIFTH BOX ---*/
  563.  
  564. .ln5 {height:1px;
  565. width:15px;
  566. text-align:center;
  567. overflow:hidden;
  568. letter-spacing:1px;
  569. font-size:8px;
  570. z-index:999999999999999999999;
  571. background:{color:upd5};
  572. color:transparent;
  573. padding-top:10px;
  574. -webkit-transition: all 0.5s ease-in-out;
  575. -moz-transition: all 0.5s ease-in-out;
  576. -o-transition: all 0.5s ease-in-out;
  577. transition:all 0.5s ease-in-out;
  578. }
  579.  
  580. .ln5:hover {
  581. background:white;
  582. width:100px;
  583. height:270px;
  584. color:gray;
  585. -webkit-transition:all 0.4s ease-in-out;
  586. -moz-transition:all 0.4s ease-in-out;
  587. -o-transition:all 0.4s ease-in-out;
  588. -ms-transition: all 0.4s ease-in-out;
  589. transition:all 0.5s ease-in-out}
  590.  
  591. }
  592.  
  593. {CustomCSS}
  594.  
  595. </style>
  596.  
  597. <body id="myBody" onLoad="randomClass();">
  598.  
  599. <div id="update">
  600.  
  601. <div class="ln1">
  602. text here</div>
  603.  
  604. <div class="ln2">
  605. text here</div>
  606.  
  607. <div class="ln3">
  608. text here</div>
  609.  
  610. <div class="ln4">
  611. text here</div>
  612.  
  613. <div class="ln5">
  614. text here</div>
  615.  
  616. </div>
  617.  
  618. <div class="container">
  619.  
  620. <div class="sidebar">
  621.  
  622. <a href="/"><div class="s-image">
  623. <img class="accent1" src="{image:Sidebar 1}" />
  624. <img class="accent2" src="{image:Sidebar 2}" />
  625. <img class="accent3" src="{image:Sidebar 3}" />
  626. </div></a>
  627.  
  628. <div class="stuff">
  629. <div class="links {select:Sidebar Links}">
  630. <a href="/ask" title="ask"><i class="fa fa-question"></i></a>
  631. {block:IfMoreSidebarLinks}
  632. <i class="fa fa-link" title="links"></i>
  633. {/block:IfMoreSidebarLinks}
  634. {block:IfNotMoreSidebarLinks}
  635. <a href="/links" title="links"><i class="fa fa-link"></i></a>
  636. {/block:IfNotMoreSidebarLinks}
  637. <a href="/tags" title="tags"><i class="fa fa-tag"></i></a>
  638. </div>
  639. {block:IfMoreSidebarLinks}<div class="morelinks">
  640. <div class="border"></div>
  641. {block:ifLink1Name}
  642. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  643. {/block:ifLink1Name}{block:ifLink2Name}
  644. <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
  645. {/block:ifLink2Name}{block:ifLink3Name}
  646. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  647. {/block:ifLink3Name}{block:ifLink4Name}
  648. <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>
  649. {/block:ifLink4Name}{block:ifLink5Name}
  650. <a href="{text:Link 5 URL}">{text:Link 5 Name}</a>
  651. {/block:ifLink5Name}{block:ifLink6Name}
  652. <a href="{text:Link 6 URL}">{text:Link 6 Name}</a>
  653. {/block:ifLink6Name}
  654. </div>{/block:IfMoreSidebarLinks}
  655. <div class="border"></div>
  656. <div class="desc">{Description}</div>
  657. {block:Pagination}<div class="border" style="margin-top:-6px;"></div>
  658. <div class="pagination">
  659. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  660. {block:JumpPagination length="5"}
  661. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  662. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  663. {/block:JumpPagination}
  664. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  665. </div>{/block:Pagination}
  666. </div>
  667.  
  668. </div>
  669.  
  670.  
  671. <div class="entries">
  672.  
  673. {block:Posts}<div class="post-cont">
  674.  
  675. <div class="post">
  676.  
  677. {block:Text}
  678. {block:Title}<div class="t-l">
  679. <a href="{Permalink}" target="_blank">{Title}</a>
  680. </div>{/block:Title}
  681. <div class="caption text" {block:Title}style="margin-top:10px;"{/block:Title}>{Body}</div>
  682. {/block:Text}
  683.  
  684. {block:Photo}
  685. {block:IfNot400pxPosts}
  686. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  687. {/block:IfNot400pxPosts}{block:If400pxPosts}
  688. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
  689. {/block:If400pxPosts}
  690. {block:ifCaptionsonIndex}
  691. <div class="caption">{Caption}</div>
  692. {/block:ifCaptionsonIndex}
  693. {block:ifNotCaptionsonIndex}{block:PermalinkPage}{block:Caption}
  694. <div class="caption">{Caption}</div>
  695. {/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptionsonIndex}
  696. {/block:Photo}
  697.  
  698. {block:Photoset}
  699. {block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
  700. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  701. {block:ifCaptionsonIndex}
  702. <div class="caption">{Caption}</div>
  703. {/block:ifCaptionsonIndex}
  704. {block:ifNotCaptionsonIndex}{block:PermalinkPage}{block:Caption}
  705. <div class="caption">{Caption}</div>
  706. {/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptionsonIndex}
  707. {/block:Photoset}
  708.  
  709. {block:Quote}
  710. <div class="quote">{Quote}</div>
  711. {block:ifCaptionsonIndex}{block:Source}
  712. <div class="caption" style="margin-bottom:-10px;">- {Source}</div>
  713. {/block:Source}{/block:ifCaptionsonIndex}
  714. {block:ifNotCaptionsonIndex}{block:PermalinkPage}{block:Source}
  715. <div class="caption" style="margin-bottom:-10px;">- {Source}</div>
  716. {/block:Source}{/block:PermalinkPage}{/block:ifNotCaptionsonIndex}
  717. {/block:Quote}
  718.  
  719. {block:Link}
  720. <a class="link" href="{URL}" target="_blank" {block:Thumbnail}
  721. {block:IfNot400pxPosts}style="width:424px;"{/block:IfNot400pxPosts}
  722. {block:If400pxPosts}style="width:324px;"{/block:If400pxPosts}
  723. {/block:Thumbnail}>
  724. <span class="name">{Name} &raquo;</span>
  725. <span class="url">{URL}</span>
  726. </a>
  727. {block:Thumbnail}<div class="thumbnail">
  728. <img src="{Thumbnail}" />
  729. </div>{/block:Thumbnail}
  730. {block:ifCaptionsonIndex}
  731. <div class="caption">{Caption}</div>
  732. {/block:ifCaptionsonIndex}
  733. {block:ifNotCaptionsonIndex}{block:PermalinkPage}{block:Caption}
  734. <div class="caption">{Caption}</div>
  735. {/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptionsonIndex}
  736. {/block:Link}
  737.  
  738. {block:Chat}
  739. {block:Title}<div class="t-l chat">
  740. <a href="{Permalink}" target="_blank">{Title}</a>
  741. </div>{/block:Title}
  742. {block:Lines}<div class="line"}>
  743. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  744. </div>{/block:Lines}
  745. {/block:Chat}
  746.  
  747. {block:Audio}
  748. {block:IfNot400pxPosts}{AudioEmbed-500}{/block:IfNot400pxPosts}
  749. {block:If400pxPosts}{AudioEmbed-400}{/block:If400pxPosts}
  750. {block:ifCaptionsonIndex}
  751. <div class="caption">{Caption}</div>
  752. {/block:ifCaptionsonIndex}
  753. {block:ifNotCaptionsonIndex}{block:PermalinkPage}{block:Caption}
  754. <div class="caption">{Caption}</div>
  755. {/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptionsonIndex}
  756. {/block:Audio}
  757.  
  758.  
  759. {block:Video}
  760. {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
  761. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  762. {block:ifCaptionsonIndex}
  763. <div class="caption">{Caption}</div>
  764. {/block:ifCaptionsonIndex}
  765. {block:ifNotCaptionsonIndex}{block:PermalinkPage}{block:Caption}
  766. <div class="caption">{Caption}</div>
  767. {/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptionsonIndex}
  768. {/block:Video}
  769.  
  770. {block:Answer}
  771. <div class="question">{Question}</div>
  772. <div class="asker">{Asker}</div>
  773. <div class="caption">{Replies}</div>
  774. {/block:Answer}
  775.  
  776. </div><!--- POST --->
  777.  
  778. {block:Date}<div class="info">
  779. <a href="{Permalink}" title="{TimeAgo}">
  780. {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  781. </a>
  782. {block:NoteCount}&thinsp;&#8729;&thinsp;
  783. <a href="{Permalink}" title="notes">{NoteCount}</a>
  784. {/block:NoteCount}
  785. {block:RebloggedFrom}&emsp;&#8729;&emsp;
  786. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">
  787. via</a>{block:ContentSource}&thinsp;&#8729;&thinsp;
  788. <a href="{SourceURL}" title="{ReblogRootName}" target="_blank">
  789. src</a>
  790. {/block:ContentSource}{/block:RebloggedFrom}
  791. {block:IndexPage}<div class="right">
  792. {block:ifReblogLinkonIndex}
  793. <a href="{ReblogURL}" target="_blank">reblog</a>
  794. {/block:ifReblogLinkonIndex}
  795. {block:ifLikeButtononIndex}<div class="custom-like-button">
  796. <!-- {LikeButton} -->
  797. <div class="like_button"></div>
  798. <span class="our_button">&hearts;</span>
  799. </div>{/block:ifLikeButtononIndex}
  800. </div>{/block:IndexPage}
  801.  
  802. {block:HasTags}<div class="tags {select:Tags On Index}">
  803. {block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp;{/block:Tags}
  804. </div>{/block:HasTags}
  805.  
  806. </div>{/block:Date}
  807.  
  808.  
  809.  
  810. {block:PostNotes}<div class="post-notes">{PostNotes}</div>{/block:PostNotes}
  811.  
  812. </div><!-- POST-CONT -->{/block:Posts}
  813.  
  814. </div><!--- ENTRIES --->
  815.  
  816.  
  817. </div>
  818.  
  819. <!--- PLEASE DO NOT ALTER OR REMOVE --->
  820. <div class="credit"><a href="http://steyerogers.tumblr.com">&copy;&nbsp;steyerogers</a></div>
  821. <!--- THANK YOU --->
  822.  
  823. </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!