API tools faq
paste
Advertisement
irwie

[ retired ] arabella

irwie
May 1st, 2015
12,856
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5.  
  6. <!-- THEME 03. ARABELLA by REGERI -->
  7.  
  8. <meta name="image:sidebar background" content="" />
  9.  
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="color:sidebar background" content="#000000" />
  12. <meta name="color:text" content="#444444" />
  13. <meta name="color:links" content="#666666" />
  14. <meta name="color:links hover" content="#aaaaaa" />
  15. <meta name="color:blockquote" content="#dddddd" />
  16. <meta name="color:post accent" content="#f8f8f8" />
  17. <meta name="color:selected text" content="#000000" />
  18. <meta name="color:selected text highlight" content="#ffffff" />
  19. <meta name="color:scrollbar" content="#555555" />
  20. <meta name="color:tooltip background" content="#333333" />
  21. <meta name="color:tooltip text" content="#ffffff" />
  22.  
  23. <meta name="color:info background" content="#333333" />
  24. <meta name="color:info text" content="#eaeaea" />
  25. <meta name="color:info links" content="#ddddd" />
  26. <meta name="color:info links hover" content="#eeeeee" />
  27.  
  28. <meta name="color:post borders" content="#333333" />
  29.  
  30. <meta name="select:font" content="PT Sans" title="pt sans" />
  31. <meta name="select:font" content="Open Sans" title="open sans" />
  32. <meta name="select:font" content="Lato" title="lato" />
  33. <meta name="select:home icon" content="ion-home" title="house a" />
  34. <meta name="select:home icon" content="ion-android-home" title="house b" />
  35. <meta name="select:home icon" content="ion-ios-home" title="house c" />
  36. <meta name="select:home icon" content="ion-android-refresh" title="refresh" />
  37. <meta name="select:ask icon" content="ion-email" title="envelope" />
  38. <meta name="select:ask icon" content="ion-ios-chatbubble" title="chat bubble a" />
  39. <meta name="select:ask icon" content="ion-chatbubble-working" title="chat bubble b" />
  40. <meta name="select:ask icon" content="ion-chatbubbles" title="chat bubbles" />
  41. <meta name="select:ask icon" content="ion-chatboxes" title="chat boxes" />
  42. <meta name="select:archive icon" content="ion-ios-calendar-outline" title="calendar" />
  43. <meta name="select:archive icon" content="ion-folder" title="folder" />
  44. <meta name="select:archive icon" content="ion-archive" title="tray" />
  45. <meta name="select:archive icon" content="ion-ios-clock" title="clock a" />
  46. <meta name="select:archive icon" content="ion-android-time" title="clock b" />
  47. <meta name="select:links icon" content="ion-link" title="link" />
  48. <meta name="select:links icon" content="ion-navicon-round" title="bars" />
  49. <meta name="select:links icon" content="ion-grid" title="grid" />
  50.  
  51. <meta name="text:post width" content="350" />
  52. <meta name="text:link one" content="one" />
  53. <meta name="text:link one url" content="" />
  54. <meta name="text:link two" content="two" />
  55. <meta name="text:link two url" content="" />
  56. <meta name="text:link three" content="three" />
  57. <meta name="text:link three url" content="" />
  58. <meta name="text:link four" content="four" />
  59. <meta name="text:link four url" content="" />
  60. <meta name="text:link five" content="five" />
  61. <meta name="text:link five url" content="" />
  62. <meta name="text:link six" content="six" />
  63. <meta name="text:link six url" content="" />
  64. <meta name="text:link seven" content="seven" />
  65. <meta name="text:link seven url" content="" />
  66. <meta name="text:link eight" content="eight" />
  67. <meta name="text:link eight url" content="" />
  68.  
  69. <meta name="if:starfield" content="1" />
  70. <meta name="if:show link titles" content="1" />
  71. <meta name="if:infinite scroll" content="0" />
  72. <meta name="if:grid" content="0" />
  73. <meta name="if:small title" content="0" />
  74. <meta name="if:big text" content="0" />
  75. <meta name="if:description on hover" content="1" />
  76. <meta name="if:tags on hover" content="1" />
  77. <meta name="if:hide tags" content="0" />
  78. <meta name="if:hide captions" content="0" />
  79. <meta name="if:monochrome" content="0" />
  80. <meta name="if:faded photos" content="0" />
  81. <meta name="if:invert sidebar" content="0" />
  82. <meta name="if:show links 5 and 6" content="1" />
  83. <meta name="if:show links 7 and 8" content="1" />
  84.  
  85. <title>{Title}</title>
  86. <link rel="shortcut icon" href="{Favicon}" />
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89.  
  90. <!-- fonts -->
  91.  
  92. <link href='https://fonts.googleapis.com/css?family={select:font}:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  93. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
  94.  
  95. <style type="text/css">
  96.  
  97. body {
  98. font-family:{select:font}, helvetica, sans-serif;
  99. {block:ifnotbigtext}font-size:65%;{/block:ifnotbigtext}
  100. {block:ifbigtext}font-size:77%;{/block:ifbigtext}
  101. line-height:140%;
  102. color:{color:text};
  103. word-wrap:break-word;
  104. background-color:{color:background};
  105. }
  106.  
  107. small, big {
  108. font-size:100%;
  109. }
  110.  
  111. h1 {
  112. text-align:center;
  113. text-transform:uppercase;
  114. font-size:120%;
  115. letter-spacing:1px;
  116. }
  117.  
  118. img {
  119. border:0;
  120. max-width:100%;
  121. }
  122.  
  123. ul, ol {
  124. margin-left:-10px;
  125. }
  126.  
  127. a {
  128. cursor:help;
  129. text-decoration:none;
  130. color:{color:links};
  131. }
  132.  
  133. a:hover {
  134. color:{color:links hover};
  135. }
  136.  
  137. #vignette {
  138. display:none!important;
  139. }
  140.  
  141. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  142. box-shadow:none!important;
  143. }
  144.  
  145. /* tooltips */
  146.  
  147. .ui-tooltip {
  148. position:absolute;
  149. background-color:{color:tooltip background};
  150. color:{color:tooltip text};
  151. max-width:300px;
  152. z-index:999999;
  153. }
  154.  
  155. .ui-tooltip-content {
  156. font-size:85%;
  157. text-transform:uppercase;
  158. letter-spacing:1px;
  159. padding:4px 8px;
  160. }
  161.  
  162. /*select*/
  163.  
  164. ::selection {
  165. color:{color:selected text};
  166. background:{color:selected text highlight};
  167. }
  168.  
  169. ::-moz-selection {
  170. color:{color:selected text};
  171. background:{color:selected text highlight};
  172. }
  173.  
  174. /* scrollbar */
  175.  
  176. ::-webkit-scrollbar-thumb {
  177. border:3px solid transparent;
  178. background-clip:padding-box;
  179. background-color:{color:scrollbar};
  180. height:6px;
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184. width:7px;
  185. height:18px;
  186. }
  187.  
  188. /* sidebar */
  189.  
  190. aside {
  191. width:220px;
  192. text-align:center;
  193. color:{block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  194. position:absolute;
  195. top:290px;
  196. padding:30px;
  197. }
  198.  
  199. #title {
  200. {block:ifnotsmalltitle}font-size:190%;{/block:ifnotsmalltitle}
  201. {block:ifsmalltitle}font-size:145%;{/block:ifsmalltitle}
  202. text-transform:uppercase;
  203. letter-spacing:2px;
  204. border:2px solid {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar} {block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  205. padding:10px;
  206. line-height:100%;
  207. color:{block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  208. -webkit-box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  209. -moz-box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  210. box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  211. -webkit-transition:all 0.6s ease;
  212. -moz-transition:all 0.6s ease;
  213. -o-transition:all 0.6s ease;
  214. transition:all 0.6s ease;
  215. }
  216.  
  217. #title:hover {
  218. letter-spacing:4px;
  219. color:{block:ifnotinvertsidebar}#000{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#fff{/block:ifinvertsidebar};
  220. -webkit-box-shadow:inset 220px 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  221. -moz-box-shadow:inset 220px 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  222. box-shadow:inset 220px 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  223. -webkit-transition:all 0.6s ease;
  224. -moz-transition:all 0.6s ease;
  225. -o-transition:all 0.6s ease;
  226. transition:all 0.6s ease;
  227. }
  228.  
  229. #desc {
  230. padding:0 8px;
  231. text-align:justify;
  232. margin-top:7px;
  233. {block:ifdescriptiononhover}display:none;{/block:ifdescriptiononhover}
  234. }
  235.  
  236. ul#icons {
  237. list-style-type:none;
  238. margin:10px -5px 0 0;
  239. padding:0;
  240. font-size:190%;
  241. }
  242.  
  243. ul#icons a {
  244. color:{block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  245. -webkit-transition:all 0.5s ease 0.1s;
  246. -moz-transition:all 0.5s ease 0.1s;
  247. -o-transition:all 0.5s ease 0.1s;
  248. transition:all 0.5s ease 0.1s;
  249. }
  250.  
  251. .icon {
  252. display:inline-block;
  253. height:35px;
  254. width:41px;
  255. }
  256.  
  257. ul#icons li {
  258. display:inline-block;
  259. margin-right:6px;
  260. border:2px solid {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  261. height:35px;
  262. width:41px;
  263. line-height:35px;
  264. -webkit-box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  265. -moz-box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  266. box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  267. -webkit-transition:all 0.5s ease 0.1s;
  268. -moz-transition:all 0.5s ease 0.1s;
  269. -o-transition:all 0.5s ease 0.1s;
  270. transition:all 0.5s ease 0.1s;
  271. }
  272.  
  273. ul#icons li:hover {
  274. -webkit-box-shadow:inset 0 36px 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  275. -moz-box-shadow:inset 0 36px 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  276. box-shadow:inset 0 36px 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  277. -webkit-transition:all 0.5s ease;
  278. -moz-transition:all 0.5s ease;
  279. -o-transition:all 0.5s ease;
  280. transition:all 0.5s ease;
  281. }
  282.  
  283. ul#icons li:hover a {
  284. color:{block:ifnotinvertsidebar}#000{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#fff{/block:ifinvertsidebar};
  285. -webkit-transition:all 0.5s ease;
  286. -moz-transition:all 0.5s ease;
  287. -o-transition:all 0.5s ease;
  288. transition:all 0.5s ease;
  289. }
  290.  
  291. {block:ifshowlinktitles}.link {
  292. font-size:55%;
  293. text-transform:uppercase;
  294. letter-spacing:1px;
  295. display:block;
  296. width:215px;
  297. position:absolute;
  298. left:30px;
  299. margin-top:14px;
  300. border:2px solid {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  301. opacity:0;
  302. visibility:hidden;
  303. transition:all 0.5s ease 0.1s;
  304. }
  305.  
  306. ul#icons .icon:hover + .link {
  307. color:{block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  308. opacity:1;
  309. visibility:visible;
  310. -webkit-box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  311. -moz-box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  312. box-shadow:inset 0 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  313. -webkit-transition:all 0.5s ease;
  314. -moz-transition:all 0.5s ease;
  315. -o-transition:all 0.5s ease;
  316. transition:all 0.5s ease;
  317. }
  318.  
  319. .link:hover {
  320. color:{block:ifnotinvertsidebar}#000{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#fff{/block:ifinvertsidebar};
  321. visibility:visible;
  322. opacity:1;
  323. letter-spacing:4px;
  324. -webkit-box-shadow:inset 215px 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  325. -moz-box-shadow:inset 215px 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  326. box-shadow:inset 215px 0 0 0 {block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  327. -webkit-transition:all 0.5s ease;
  328. -moz-transition:all 0.5s ease;
  329. -o-transition:all 0.5s ease;
  330. transition:all 0.5s ease;
  331. }{/block:ifshowlinktitles}
  332.  
  333. /* popup */
  334.  
  335. #over {
  336. height:100%;
  337. width:100%;
  338. background-color:{color:background};
  339. position:fixed;
  340. top:0;
  341. left:0;
  342. z-index:10;
  343. display:none;
  344. }
  345.  
  346. #overc {
  347. position:relative;
  348. top:50%;
  349. -webkit-transform:translateY(-50%);
  350. -moz-transform:translateY(-50%);
  351. -ms-transform:translateY(-50%);
  352. transform:translateY(-50%);
  353. }
  354.  
  355. .ion-close-round {
  356. font-size:120%;
  357. color:{color:info links};
  358. }
  359.  
  360. #close:hover .ion-close-round {
  361. color:{color:info links hover};
  362. }
  363.  
  364. #close {
  365. text-align:center;
  366. width:237px;
  367. margin:0 auto;
  368. cursor:help;
  369. padding:7px 0;
  370. background-color:{color:info background};
  371. }
  372.  
  373. ul#nav {
  374. width:240px;
  375. margin:7px auto 0;
  376. padding:0;
  377. list-style-type:none;
  378. }
  379.  
  380. ul#nav li {
  381. width:108px;
  382. padding:5px;
  383. margin-bottom:2px;
  384. text-align:center;
  385. display:inline-block;
  386. text-transform:uppercase;
  387. font-size:85%;
  388. letter-spacing:1px;
  389. color:{color:text};
  390. background-color:{color:post accent};
  391. }
  392.  
  393. ul#nav li:hover {
  394. background-color:{color:background};
  395. }
  396.  
  397. #overc form {
  398. width:240px;
  399. margin:5px auto 0;
  400. text-align:center;
  401. }
  402.  
  403. #st {
  404. width:175px;
  405. background-color:{color:info background};
  406. color:{color:info links};
  407. text-transform:uppercase;
  408. border:0;
  409. font-size:85%;
  410. letter-spacing:1px;
  411. padding:8px 10px;
  412. }
  413.  
  414. #sb {
  415. width:40px;
  416. background-color:{color:info background};
  417. color:{color:info links};
  418. text-transform:uppercase;
  419. border:0;
  420. font-size:85%;
  421. letter-spacing:1px;
  422. padding:8px 0;
  423. }
  424.  
  425. #st:focus, #sb:focus {
  426. outline:0;
  427. }
  428.  
  429. /* posts */
  430.  
  431. #container {
  432. max-width:100%;
  433. }
  434.  
  435. #starlight {
  436. width:280px;
  437. height:100%;
  438. left:0;
  439. top:0;
  440. position:fixed;
  441. background-color:{color:sidebar background};
  442. background-image:url({image:sidebar background});
  443. }
  444.  
  445. #postcon {
  446. position:relative;
  447. {block:ifnotgrid}width:{text:post width}px;{/block:ifnotgrid}
  448. {block:ifgrid}max-width:calc({text:post width}px * 2 + 80px);{/block:ifgrid}
  449. left:360px;
  450. top:50px;
  451. }
  452.  
  453. .posts {
  454. margin-bottom:80px;
  455. {block:ifgrid}width:{text:post width}px;{/block:ifgrid}
  456. }
  457.  
  458. .body {
  459. text-align:justify;
  460. }
  461.  
  462. blockquote {
  463. border-left:1px solid {color:blockquote};
  464. margin:5px 5px 5px 15px;
  465. padding-left:10px;
  466. }
  467.  
  468. blockquote blockquote {
  469. margin-left:10px;
  470. }
  471.  
  472. .photo, .vid, iframe {
  473. width:{text:post width}px!important;
  474. {block:ifmonochrome}
  475. -webkit-filter:grayscale(100%);
  476. filter:grayscale(100%);
  477. {/block:ifmonochrome}
  478. {block:iffadedphotos}
  479. opacity:0.85;
  480. -webkit-transition:all 0.6s ease;
  481. -moz-transition:all 0.6s ease;
  482. -o-transition:all 0.6s ease;
  483. transition:all 0.6s ease;
  484. {/block:iffadedphotos}
  485. }
  486.  
  487. {block:iffadedphotos}
  488. .photo:hover, .vid:hover, .iframe:hover {
  489. opacity:1;
  490. -webkit-transition:all 0.6s ease;
  491. -moz-transition:all 0.6s ease;
  492. -o-transition:all 0.6s ease;
  493. transition:all 0.6s ease;
  494. }
  495. {/block:iffadedphotos}
  496.  
  497. .vid, iframe {
  498. max-width:100%;
  499. }
  500.  
  501. /* quote */
  502.  
  503. .quote {
  504. background-color:{color:post accent};
  505. padding:10px 15px;
  506. font-size:115%;
  507. line-height:145%;
  508. text-align:center;
  509. }
  510.  
  511. .source {
  512. text-align:right;
  513. text-transform:uppercase;
  514. margin:7px 0;
  515. }
  516.  
  517. /* link */
  518.  
  519. .linkp {
  520. border:1px solid {color:post borders};
  521. text-align:center;
  522. padding:6px;
  523. text-transform:uppercase;
  524. font-size:110%;
  525. letter-spacing:1px;
  526. color:{color:post borders};
  527. -webkit-box-shadow:inset 0 0 0 0 {color:post borders};
  528. -moz-box-shadow:inset 0 0 0 0 {color:post borders};
  529. box-shadow:inset 0 0 0 0 {color:post borderss};
  530. -wekbkit-transition:all 0.6s ease;
  531. -moz-transition:all 0.6s ease;
  532. -o-transition:all 0.6s ease;
  533. transition:all 0.6s ease;
  534. }
  535.  
  536. .linkp:hover {
  537. letter-spacing:3px;
  538. color:#fff;
  539. -webkit-box-shadow:inset {text:post width}px 0 0 0 {color:post borders};
  540. -moz-box-shadow:inset {text:post width}px 0 0 0 {color:post borders};
  541. box-shadow:inset {text:post width}px 0 0 0 {color:post borders};
  542. -wekbkit-transition:all 0.6s ease;
  543. -moz-transition:all 0.6s ease;
  544. -o-transition:all 0.6s ease;
  545. transition:all 0.6s ease;
  546. }
  547.  
  548. /* chat */
  549.  
  550. ul.chat {
  551. list-style-type:none;
  552. margin:0;
  553. padding:0;
  554. }
  555.  
  556. ul.chat li {
  557. padding:5px 13px;
  558. }
  559.  
  560. ul.chat li span {
  561. font-weight:bold;
  562. text-transform:uppercase;
  563. }
  564.  
  565. .odd {
  566. background-color:{color:post accent};
  567. }
  568.  
  569. /* ask */
  570.  
  571. .ask {
  572. border:1px solid {color:post borders};
  573. padding:10px 15px;
  574. }
  575.  
  576. .ask span {
  577. text-transform:uppercase;
  578. font-weight:bold;
  579. }
  580.  
  581. .ask a {
  582. color:{color:text};
  583. text-decoration:underline;
  584. }
  585.  
  586. .answer p:first-child {
  587. margin-top:7px;
  588. }
  589.  
  590. /* info */
  591.  
  592. .info {
  593. padding:10px 15px;
  594. margin-top:3px;
  595. background-color:{color:info background};
  596. color:{color:info text};
  597. }
  598.  
  599. .info a {
  600. color:{color:info links};
  601. }
  602.  
  603. .info a:hover {
  604. color:{color:info links hover};
  605. }
  606.  
  607. .ion-information-circled {
  608. margin-right:4px;
  609. color:{color:info links};
  610. }
  611.  
  612. .date {
  613. text-transform:uppercase;
  614. font-weight:bold;
  615. }
  616.  
  617. .re {
  618. float:right;
  619. text-transform:uppercase;
  620. }
  621.  
  622. .tags {
  623. margin-top:2px;
  624. {block:iftagsonhover}{block:IndexPage}display:none;{/block:IndexPage}{/block:iftagsonhover}
  625. {block:ifhidetags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifhidetags}
  626. }
  627.  
  628. /* pagination */
  629.  
  630. #pagination {
  631. margin-top:60px;
  632. text-transform:uppercase;
  633. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  634. }
  635.  
  636. #pagination a {
  637. color:{block:ifnotinvertsidebar}#fff{/block:ifnotinvertsidebar}{block:ifinvertsidebar}#000{/block:ifinvertsidebar};
  638. }
  639.  
  640. {block:ifinfinitescroll}#infscr-loading {
  641. display:none!important;
  642. }{/block:ifinfinitescroll}
  643.  
  644. /* notes */
  645.  
  646. ol.notes {
  647. padding:0px;
  648. margin-top:-50px;
  649. margin-bottom:80px;
  650. margin-left:0;
  651. list-style-type:none;
  652. width:{text:post width}px;
  653. }
  654.  
  655. ol.notes li.note {
  656. padding:10px 15px;
  657. }
  658.  
  659. ol.notes li.note img.avatar {
  660. vertical-align:-5px;
  661. margin-right:10px;
  662. width:16px;
  663. height:16px;
  664. }
  665.  
  666. ol.notes li.note blockquote {
  667. border-color:{color:blockquote};
  668. padding:4px 10px;
  669. margin:10px 0px 0px 25px;
  670. }
  671.  
  672. a.more_notes_link, .notes_loading {
  673. font-size:85%;
  674. text-transform:uppercase;
  675. letter-spacing:1px;
  676. }
  677.  
  678. #c {
  679. position:fixed;
  680. right:5px;
  681. bottom:5px;
  682. font-size:110%;
  683. }
  684.  
  685. {CustomCSS}
  686. </style>
  687. </head>
  688. <body>
  689. <a id="c" href="http://regeri.tumblr.com">R</a>
  690. <div id="over"><div id="overc">
  691. <div id="close"><i class="ion-close-round"></i></div>
  692. <ul id="nav">
  693. <a href="{text:link one url}"><li>{text:link one}</li></a>
  694. <a href="{text:link two url}"><li>{text:link two}</li></a>
  695. <a href="{text:link three url}"><li>{text:link three}</li></a>
  696. <a href="{text:link four url}"><li>{text:link four}</li></a>
  697. {block:ifshowlinks5and6}<a href="{text:link five url}"><li>{text:link five}</li></a>
  698. <a href="{text:link six url}"><li>{text:link six}</li></a>{/block:ifshowlinks5and6}
  699. {block:ifshowlinks7and8}<a href="{text:link seven url}"><li>{text:link seven}</li></a>
  700. <a href="{text:link eight url}"><li>{text:link eight}</li></a>{/block:ifshowlinks7and8}
  701. </ul>
  702. <form action="/search" method="get">
  703. <input type="text" id="st" name="q" placeholder="search" value="{SearchQuery}"/>
  704. <input type="submit" id="sb" value="go"/>
  705. </form>
  706. </div></div>
  707. <div id="starlight">
  708. <aside>
  709. <a href="/"><div id="title">{Title}</div></a>
  710. <div id="desc">{Description}</div>
  711. <ul id="icons">
  712. <li><a href="/"><i class="{select:home icon} icon"></i>
  713. {block:ifshowlinktitles}<span class="link">index</span>{/block:ifshowlinktitles}
  714. </a></li>
  715. <li><a href="/ask"><i class="{select:ask icon} icon"></i>
  716. {block:ifshowlinktitles}<span class="link">message</span>{/block:ifshowlinktitles}
  717. </a></li>
  718. <li><a href="/archive"><i class="{select:archive icon} icon"></i>
  719. {block:ifshowlinktitles}<span class="link">archive</span>{/block:ifshowlinktitles}
  720. </a> </li>
  721. <li><a href="#" id="navt"><i class="{select:links icon} icon"></i>
  722. {block:ifshowlinktitles}<span class="link">navigation</span>{/block:ifshowlinktitles}
  723. </a></li>
  724. </ul>
  725. {block:Pagination}
  726. <div id="pagination">
  727. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}/ <a href="{NextPage}" id="next">next</a>{/block:NextPage}
  728. </div>
  729. {/block:Pagination}
  730. </aside>
  731. </div>
  732. <div id="postcon">
  733. {block:Posts}
  734. <div class="posts">
  735. {block:Text}
  736. {block:Title}<h1>{Title}</h1>{/block:Title}
  737. {block:Body}<div class="body">{Body}</div>{/block:Body}
  738. {/block:Text}
  739. {block:Photo}
  740. {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="photo" />{LinkCloseTag}
  741. {block:ifnothidecaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
  742. {block:ifhidecaptions}{block:Caption}{block:PermalinkPage}<div class="body">{Caption}</div>{/block:PermalinkPage}{/block:Caption}{/block:ifhidecaptions}
  743. {/block:Photo}
  744. {block:Photoset}
  745. <div class="photo">{Photoset}</div>
  746. {block:ifnothidecaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
  747. {block:ifhidecaptions}{block:Caption}{block:PermalinkPage}<div class="body">{Caption}</div>{/block:PermalinkPage}{/block:Caption}{/block:ifhidecaptions}
  748. {/block:Photoset}
  749. {block:Quote}
  750. <div class="quote">{Quote}</div>
  751. {block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
  752. {/block:Quote}
  753. {block:Link}
  754. <a href="{URL}" target="{Target}"><div class="linkp">{Name}</div></a>
  755. {block:ifnothidecaptions}{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:ifnothidecaptions}
  756. {block:ifhidecaptions}{block:Description}{block:PermalinkPage}<div class="body">{Description}</div>{/block:PermalinkPage}{/block:Description}{/block:ifhidecaptions}
  757. {/block:Link}
  758. {block:Chat}
  759. {block:Title}<h1>{Title}</h1>{/block:Title}
  760. <ul class="chat">{block:Lines}<li class="{Alt}">{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  761. {/block:Chat}
  762. {block:Audio}
  763. {AudioEmbed}
  764. {block:ifnothidecaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
  765. {block:ifhidecaptions}{block:Caption}{block:PermalinkPage}<div class="body">{Caption}</div>{/block:PermalinkPage}{/block:Caption}{/block:ifhidecaptions}
  766. {/block:Audio}
  767. {block:Video}
  768. <div class="vid">{Video-500}</div>
  769. {block:ifnothidecaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
  770. {block:ifhidecaptions}{block:Caption}{block:PermalinkPage}<div class="body">{Caption}</div>{/block:PermalinkPage}{/block:Caption}{/block:ifhidecaptions}
  771. {/block:Video}
  772. {block:Answer}
  773. <div class="ask"><span>{Asker} sent:</span> {Question}</div>
  774. <div class="body answer">{Answer}</div>
  775. {/block:Answer}
  776. {block:Date}<div class="info">
  777. <i class="ion-information-circled"></i> <span class="date"><a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero} {ShortMonth}</a></span> {block:NoteCount}/ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <span class="re">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a> /{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank">reblog</a></span>
  778. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  779. </div>{/block:Date}
  780. </div>
  781. {/block:Posts}
  782. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  783. {block:ContentSource}
  784. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  785. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  786. {/block:ContentSource}
  787. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  788. </div>
  789. </body>
  790.  
  791. <!-- jquery -->
  792.  
  793. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  794. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
  795. {block:ifstarfield}<script src="http://static.tumblr.com/eekqh2v/movnlxfj3/jquery-starfield.js"></script>{/block:ifstarfield}
  796. {block:ifinfinitescroll}<script src="http://static.tumblr.com/eekqh2v/WIgnnbpz1/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  797. {block:ifgrid}{block:IndexPage}<script src="http://static.tumblr.com/eekqh2v/2Pvnnp20h/masonry.pkgd.min.js"></script>
  798. <script src="http://static.tumblr.com/eekqh2v/UaHnnp3n1/imagesloaded.pkgd.min.js"></script>{/block:IndexPage}{/block:ifgrid}
  799. <script type="text/javascript">
  800. $(function(){
  801. $(document).tooltip({
  802. track:true,
  803. hide:{duration:200}
  804. });
  805. });
  806. {block:ifinfinitescroll}{block:ifgrid}$(window).load(function(){
  807. var $container = $("#postcon");
  808. $container.imagesLoaded(function(){
  809. $container.masonry({
  810. itemSelector:".posts",
  811. columnWidth:{text:post width},
  812. gutter:80
  813. });
  814. });
  815. $container.infinitescroll({
  816. navSelector:"#pagination",
  817. nextSelector:"#next",
  818. itemSelector:".posts",
  819. loading:{
  820. finishedMsg:'',
  821. img:''
  822. }
  823. },
  824. function(newElements){
  825. var $newElems = $(newElements).css({opacity:0});
  826. $newElems.imagesLoaded(function(){
  827. $newElems.animate({opacity:1});
  828. $container.masonry("appended", $newElems, true);
  829. });
  830. }
  831. );
  832. });{/block:ifgrid}{/block:ifinfinitescroll}
  833. {block:ifnotinfinitescroll}{block:ifgrid}{block:IndexPage}
  834. $(window).load(function(){
  835. var $container = $("#postcon");
  836. $container.imagesLoaded(function(){
  837. $container.masonry({
  838. itemSelector:".posts",
  839. columnWidth:{text:post width},
  840. gutter:80
  841. });
  842. });
  843. });
  844. {/block:IndexPage}{/block:ifgrid}{/block:ifnotinfinitescroll}
  845. {block:ifnothidetags}{block:iftagsonhover}{block:IndexPage}$(document).on("mouseover", ".posts", function(){
  846. $(this).find(".tags").stop().slideDown({duration:250, easing:"linear"});
  847. }).on("mouseout", ".posts", function(){
  848. $(this).find(".tags").stop(true).slideUp({duration:280, easing:"linear"});
  849. });{/block:IndexPage}{/block:iftagsonhover}{/block:ifnothidetags}
  850. $(document).ready(function(){
  851. {block:ifstarfield}$('#starlight').starfield({
  852. starDensity:1.0,
  853. mouseScale:1.0,
  854. seedMovement:true
  855. });{/block:ifstarfield}
  856. {block:ifdescriptiononhover}$("#starlight").hover(function(){
  857. $("#desc").stop(true).slideToggle();
  858. });{/block:ifdescriptiononhover}
  859. {block:ifnotgrid}{block:ifinfinitescroll}$("#postcon").infinitescroll({
  860. navSelector:"#pagination",
  861. nextSelector:"#next",
  862. itemSelector:".posts",
  863. loading: {
  864. finishedMsg:"",
  865. img:""
  866. }
  867. });{/block:ifinfinitescroll}{/block:ifnotgrid}
  868. $("#navt").click(function(){
  869. $("#over").fadeIn();
  870. return false;
  871. });
  872. $("#close").click(function(){
  873. $("#over").fadeOut();
  874. });
  875. });
  876. </script>
  877. </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!