API tools faq
paste
Advertisement
csloani

08 | CIRRO

csloani
Sep 13th, 2014
3,489
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!---------------- // T H E M E C I R R O ---------------------
  5.  
  6. http://iliyon.tumblr.com/
  7.  
  8. Do not remove or alter credit in any way. Do not take any parts
  9. of this code and claim as your own. Do not use as base.
  10.  
  11. --------------------------------------------------------------->
  12.  
  13. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  14. <link href='http://fonts.googleapis.com/css?family={select:Font}:{select:Font Weight},{select:Font Weight}italic,700,700italic' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,700,300italic,700italic' rel='stylesheet' type='text/css'>
  16. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <title>{Title}</title>
  19.  
  20. <meta name="image:Icon 1" content="" />
  21. <meta name="image:Icon 2" content="" />
  22. <meta name="image:Icon 3" content="" />
  23. <meta name="image:Icon 4" content="" />
  24. <meta name="image:Icon 5" content="" />
  25.  
  26. <meta name="color:Text" content="#444444" />
  27. <meta name="color:Link" content="#cccccc" />
  28. <meta name="color:Link Hover" content="#444444" />
  29. <meta name="color:Background" content="#ffffff" />
  30. <meta name="color:Blog Title" content="#444444" />
  31. <meta name="color:Header Link" content="#cccccc" />
  32. <meta name="color:Header Link Hover" content="#444444" />
  33. <meta name="color:Blockquote" content="#eeeeee" />
  34. <meta name="color:Caption" content="#eeeeee" />
  35. <meta name="color:Post Border 1" content="#444444" />
  36. <meta name="color:Post Border 2" content="#ffffff" />
  37. <meta name="color:Chat Border 1" content="#444444" />
  38. <meta name="color:Chat Border 2" content="#cccccc" />
  39. <meta name="color:Scrollbar 1" content="#444444" />
  40. <meta name="color:Scrollbar 2" content="#ffffff" />
  41. <meta name="color:Description BG" content="#444444" />
  42. <meta name="color:Description Text" content="#ffffff" />
  43.  
  44. <meta name="select:Title Spacing" title="Tight" content="0" />
  45. <meta name="select:Title Spacing" title="Default" content="2" />
  46. <meta name="select:Title Spacing" title="Medium" content="7" />
  47. <meta name="select:Title Spacing" title="Wide" content="10" />
  48. <meta name="select:Title Spacing" title="Wider" content="14" />
  49.  
  50. <meta name="select:Font" title="Lato" content="Lato" /><meta name="select:Font" title="Open Sans" content="Open Sans" /><meta name="select:Font" title="Oxygen" content="Oxygen" /><meta name="select:Font" title="Roboto" content="Roboto" /><meta name="select:Font" title="Roboto Condensed" content="Roboto Condensed" /><meta name="select:Font" title="Source Sans Pro" content="Source Sans Pro" />
  51.  
  52. <meta name="select:Font Weight" title="Default" content="400" />
  53. <meta name="select:Font Weight" title="Lighter" content="300" />
  54.  
  55. <meta name="if:Smaller Post" content="0" />
  56. <meta name="if:Timestamp 1" content="1" />
  57. <meta name="if:Timestamp 2" content="0" />
  58. <meta name="if:Custom Tumblr Controls" content="1" />
  59. <meta name="if:Show Tags" content="1" />
  60. <meta name="if:Show Caption" content="1" />
  61. <meta name="if:Loading Animation" content="1" />
  62. <meta name="if:Show Ask" content="1" />
  63. <meta name="if:Show Description" content="1" />
  64. <meta name="if:Show Archive" content="1" />
  65. <meta name="if:Round Header Image" content="0" />
  66.  
  67. <meta name="text:Icon Opacity" content="50" />
  68. <meta name="text:Next" content="next" />
  69. <meta name="text:Previous" content="previous" />
  70. <meta name="text:Link 1 URL" content="/" />
  71. <meta name="text:Link 1" content="link 1" />
  72. <meta name="text:Link 2 URL" content="/" />
  73. <meta name="text:Link 2" content="link 2" />
  74. <meta name="text:Link 3 URL" content="/" />
  75. <meta name="text:Link 3" content="link 3" />
  76. <meta name="text:Link 4 URL" content="/" />
  77. <meta name="text:Link 4" content="link 4" />
  78. <meta name="text:Link 5 URL" content="/" />
  79. <meta name="text:Link 5" content="link 5" />
  80. <meta name="text:Link 6 URL" content="/" />
  81. <meta name="text:Link 6" content="link 6" />
  82. <meta name="text:Link 7 URL" content="/" />
  83. <meta name="text:Link 7" content="link 7" />
  84. <meta name="text:Ask Link" content="message" />
  85. <meta name="text:Description Link" content="about" />
  86. <meta name="text:Archive Link" content="archive" />
  87. <meta name="text:Description Opacity" content="70" />
  88.  
  89.  
  90. <style type="text/css">
  91. body{
  92. font-family:{select:Font};
  93. font-weight:{select:Font Weight};
  94. font-size:10px;
  95. letter-spacing:1px;
  96. color:{color:Text};
  97. background:{color:Background};
  98. margin:0px;
  99. }
  100. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; {block:ifCustomTumblrControls}{block:IndexPage}display:none;{/block:IndexPage} {block:PermalinkPage}display:block;{/block:PermalinkPage}{/block:ifCustomTumblrControls} {block:ifNotCustomTumblrControls}display:block;{/block:ifNotCustomTumblrControls}}
  101. #s-m-t-tooltip{
  102. z-index: 9999;
  103. text-transform:uppercase;
  104. margin:10px; margin-left:45; margin-top:15px;
  105. color:{color:Background};
  106. padding:2px 6px;
  107. font-size:8px;
  108. letter-spacing:1px;
  109. background:rgba({RGBColor:Text},0.7);
  110. }
  111. ::-webkit-scrollbar-thumb {
  112. background: -webkit-linear-gradient({color:Scrollbar 1}, {color:Scrollbar 2});
  113. background: -o-linear-gradient({color:Scrollbar 1}, {color:Scrollbar 2});
  114. background: -moz-linear-gradient({color:Scrollbar 1}, {color:Scrollbar 2});
  115. background: linear-gradient({color:Scrollbar 1}, {color:Scrollbar 2});
  116. border-left:4px {color:Background} solid;
  117. border-right:4px {color:Background} solid;
  118. }
  119. ::-webkit-scrollbar { height:9px; width:9px;}
  120. ::-webkit-scrollbar-track { background-color:{color:Background}; }
  121. a, #tagch a:hover{
  122. -webkit-transition:0.4s;
  123. -moz-transition:0.4s;
  124. -ms-transition:0.4s;
  125. -o-transition:0.4s;
  126. transition:0.4s;
  127. color:{color:Link};
  128. text-decoration:none;
  129. }
  130. a:hover, #tagch a{
  131. color:{color:Link Hover};
  132. -webkit-transition:0.4s;
  133. -moz-transition:0.4s;
  134. -ms-transition:0.4s;
  135. -o-transition:0.4s;
  136. transition:0.4s;
  137. }
  138. .name{
  139. background:{color:Background};
  140. width:100%;
  141. height:100%;
  142. line-height:100%;
  143. text-align:center;
  144. position:absolute;
  145. font-size:20px;
  146. {block:ifNotLoadingAnimation}
  147. display:none;
  148. {/block:ifNotLoadingAnimation}
  149. {block:PermalinkPage}
  150. display:none;
  151. {/block:PermalinkPage}
  152. }
  153. .loader{
  154. top: 50%;
  155. transform: translateY(-50%);
  156. -webkit-transform:translateY(-50%);
  157. -ms-transform:translateY(-50%);
  158. -moz-transform:translateY(-50%);
  159. position:relative;
  160. }
  161. .navmin{
  162. position:fixed;
  163. font-size:15px;
  164. top:12px;
  165. right:15px;
  166. text-align:right;
  167. display:none;
  168. }
  169. .navmin a{
  170. margin:0px 5px;
  171. color:#444;
  172. padding-bottom:0px;
  173. border-bottom:2px #fff solid;
  174. }
  175. .navmin a:hover{
  176. padding-bottom:3px;
  177. border-bottom:2px #444 solid;
  178. }
  179. .holder{
  180. position:absolute;
  181. top:130px;
  182. width:600px;
  183. left:0px;
  184. right:0px;
  185. margin:auto;
  186. display:none;
  187. {block:PermalinkPage}
  188. display:block;
  189. {/block:PermalinkPage}
  190. }
  191. .bloghead{
  192. color:{color:Blog Title};
  193. font-size:35px;
  194. font-weight:700;
  195. text-transform:uppercase;
  196. letter-spacing:{select:Title Spacing}px;
  197. text-align:center;
  198. margin-bottom:100px;
  199. position:relative;
  200. }
  201. .dropper{
  202. position:relative;
  203. top:-50px;
  204. opacity:0;
  205. -webkit-animation:drop 0.3s;
  206. -ms-animation:drop 0.3s;
  207. -moz-animation:drop 0.3s;
  208. animation:drop 0.3s;
  209. -webkit-animation-delay:0.6s;
  210. -moz-animation-delay:0.6s;
  211. -ms-animation-delay:0.6s;
  212. animation-delay:0.6s;
  213. -webkit-animation-fill-mode:forwards;
  214. -moz-animation-fill-mode:forwards;
  215. -ms-animation-fill-mode:forwards;
  216. animation-fill-mode:forwards;
  217. }
  218. .dropper2{
  219. position:relative;
  220. top:-50px;
  221. opacity:0;
  222. -webkit-animation:drop 0.3s;
  223. -ms-animation:drop 0.3s;
  224. -moz-animation:drop 0.3s;
  225. animation:drop 0.3s;
  226. -webkit-animation-delay:0.5s;
  227. -moz-animation-delay:0.5s;
  228. -ms-animation-delay:0.5s;
  229. animation-delay:0.5s;
  230. -webkit-animation-fill-mode:forwards;
  231. -moz-animation-fill-mode:forwards;
  232. -ms-animation-fill-mode:forwards;
  233. animation-fill-mode:forwards;
  234. }
  235. .dropper3{
  236. opacity:0;
  237. position:relative;
  238. -webkit-animation:drop2 0.7s;
  239. -ms-animation:drop2 0.7s;
  240. -moz-animation:drop2 0.7s;
  241. animation:drop2 0.7s;
  242. -webkit-animation-delay:0.4s;
  243. -moz-animation-delay:0.4s;
  244. -ms-animation-delay:0.4s;
  245. animation-delay:0.4s;
  246. -webkit-animation-fill-mode:forwards;
  247. -moz-animation-fill-mode:forwards;
  248. -ms-animation-fill-mode:forwards;
  249. animation-fill-mode:forwards;
  250. }
  251. .bloghead img{
  252. -webkit-transition:0.6s;
  253. -moz-transition:0.6s;
  254. -ms-transition:0.6s;
  255. -o-transition:0.6s;
  256. transition:0.6s;
  257. opacity:0.{text:Icon Opacity};
  258. display:block;
  259. margin:auto;
  260. padding:30px 0px 30px 0px;
  261. cursor:pointer;
  262. width:70px;
  263. {block:ifRoundHeaderImage}border-radius:100%;{/block:ifRoundHeaderImage}
  264. }
  265. .bloghead img:hover{
  266. opacity:1;
  267. -webkit-transition:0.6s;
  268. -moz-transition:0.6s;
  269. -ms-transition:0.6s;
  270. -o-transition:0.6s;
  271. transition:0.6s;
  272. }
  273. .entry{
  274. {block:IndexPage}
  275. width:350px;
  276. {block:ifSmallerPost}
  277. width:250px;
  278. {/block:ifSmallerPost}
  279. {/block:IndexPage}
  280. {block:PermalinkPage}
  281. width:500px;
  282. {/block:PermalinkPage}
  283. position:relative;
  284. margin:auto;
  285. margin-bottom:150px;
  286. padding:50px;
  287. {block:ifSmallerPost}
  288. padding:35px;
  289. {/block:ifSmallerPost}
  290. line-height:20px;
  291. text-align:justify;
  292. }
  293. .entry img{
  294. {block:IndexPage}
  295. width:350px;
  296. {block:ifSmallerPost}
  297. width:250px;
  298. {/block:ifSmallerPost}
  299. {/block:IndexPage}
  300. {block:PermalinkPage}
  301. width:500px;
  302. {/block:PermalinkPage}
  303. }
  304. .hl1{
  305. position:absolute;
  306. width:200px;
  307. top:0px;
  308. left:-20px;
  309. height:1px;
  310. background: -webkit-linear-gradient(left, {color:Post Border 1} , {color:Post Border 2});
  311. background: -o-linear-gradient(right, {color:Post Border 1} , {color:Post Border 2});
  312. background: -moz-linear-gradient(right, {color:Post Border 1} , {color:Post Border 2});
  313. background: linear-gradient(to right, {color:Post Border 1} , {color:Post Border 2});
  314. }
  315. .vl1{
  316. position:absolute;
  317. top:-20px;
  318. left:0px;
  319. height:100px;
  320. width:1px;
  321. background: -webkit-linear-gradient({color:Post Border 1} , {color:Post Border 2});
  322. background: -o-linear-gradient({color:Post Border 1} , {color:Post Border 2});
  323. background: -moz-linear-gradient({color:Post Border 1} , {color:Post Border 2});
  324. background: linear-gradient({color:Post Border 1} , {color:Post Border 2});
  325. }
  326. .hl2{
  327. position:absolute;
  328. width:200px;
  329. bottom:0px;
  330. right:-20px;
  331. height:1px;
  332. background: -webkit-linear-gradient(right, {color:Post Border 1} , {color:Post Border 2});
  333. background: -o-linear-gradient(left, {color:Post Border 1} , {color:Post Border 2});
  334. background: -moz-linear-gradient(left, {color:Post Border 1} , {color:Post Border 2});
  335. background: linear-gradient(to left, {color:Post Border 1} , {color:Post Border 2});
  336. }
  337. .vl2{
  338. position:absolute;
  339. bottom:-20px;
  340. right:0px;
  341. height:100px;
  342. width:1px;
  343. background: -webkit-linear-gradient(top, {color:Post Border 1} , {color:Post Border 2});
  344. background: -o-linear-gradient(bottom, {color:Post Border 1} , {color:Post Border 2});
  345. background: -moz-linear-gradient(bottom, {color:Post Border 1} , {color:Post Border 2});
  346. background: linear-gradient(to top, {color:Post Border 1} , {color:Post Border 2});
  347. }
  348. .zemlya{
  349. display:none;
  350. position:relative;
  351. width:100%;
  352. height:200px;
  353. width:400px;
  354. margin:auto;
  355. margin-bottom:100px;
  356. }
  357. .zemlya a{color:{color:Header Link};}
  358. .zemlya a:hover{color:{color:Header Link Hover};}
  359. .abt{
  360. position:fixed;
  361. left:0px; right:0px;
  362. top: 50%;
  363. transform: translateY(-50%);
  364. -webkit-transform:translateY(-50%);
  365. -ms-transform:translateY(-50%);
  366. -moz-transform:translateY(-50%);
  367. padding:30px;
  368. margin:auto;
  369. width:450px;
  370. max-height:50%;
  371. color:{color:Description Text};
  372. text-align:justify;
  373. display:none;
  374. z-index:999;
  375. line-height:20px;
  376. background:rgba({RGBcolor:Description BG},.{text:Description Opacity});
  377. }
  378. .abt a{
  379. text-transform:uppercase;
  380. font-size:9px;
  381. letter-spacing:2px;
  382. margin:0px 5px;
  383. }
  384. .eks{
  385. position:absolute;
  386. top:0px;
  387. right:0px;
  388. font-weight:100;
  389. font-family:lato;
  390. font-size:20px;
  391. padding:5px 7px;
  392. cursor:pointer;
  393. }
  394. .so{
  395. position:absolute;
  396. font-size:14px;
  397. letter-spacing:3px;
  398. font-weight:300;
  399. text-transform:uppercase;
  400. }
  401. #a{left:40%; right:4%; top:66%; margin:auto; text-align:center;}
  402. #b{left:0px; right:0px;margin:auto; top:0%; text-align:center;}
  403. #c{left:0%;right:50%;margin:auto;text-align:center;top:33%;}
  404. #d{left:50%; right:0%; margin:auto; top:25%; text-align:center;}
  405. #e{left:0px; right:0px; top:40%; margin:auto; text-align:center; font-size:20px; font-weight:700;}
  406. #f{bottom:12%; right:40%; left:5%;text-align:center;margin:auto;}
  407. #g{bottom:-2%; right:20%; left:30%;text-align:center;margin:auto;font-size:10px;}
  408. #h{bottom:35%; left:20%; font-size:7px;}
  409. #i{top:17%; left:20%; right:30%;text-align:center;margin:auto; font-size:7px; letter-spacing:2px;}
  410. #j{bottom:45%; right:20%; font-size:7px;}
  411. #close{left:0px; right:0px; bottom:-50px; margin:auto; text-align:center; font-size:8px; font-weight:700;}
  412.  
  413. /* post styles */
  414.  
  415. #title{
  416. font-size:20px;
  417. letter-spacing:2px;
  418. font-weight:700;
  419. margin-bottom:30px;
  420. text-align:center;
  421. text-transform:uppercase;
  422. }
  423. blockquote{
  424. margin:10px 0px 10px 10px ;
  425. padding-left:10px;
  426. border-left:1px {color:Blockquote} solid;
  427. }
  428. #photo{
  429. position:relative;
  430. overflow:hidden;
  431. }
  432. #que{
  433. margin-bottom:20px;
  434. color:{color:Link};
  435. }
  436. #asker{
  437. color:{color:Text};
  438. font-size:17px;
  439. text-align:left;
  440. margin-bottom:5px;
  441. letter-spacing:0px;
  442. position:relative;
  443. top:-13px;
  444. }
  445. #asker img{
  446. width:30px;
  447. border-radius:40px;
  448. padding:5px;
  449. border:1px {color:Post Border 1} solid;
  450. position:relative;
  451. top:15px;
  452. margin-right:10px;
  453. -webkit-transform:rotate(-360deg);
  454. -moz-transform:rotate(-360deg);
  455. -ms-transform:rotate(-360deg);
  456. -o-transform:rotate(-360deg);
  457. transform:rotate(-360deg);
  458. -webkit-transition:0.6s;
  459. -moz-transition:0.6s;
  460. -ms-transition:0.6s;
  461. -o-transition:0.6s;
  462. transition:0.6s;
  463. }
  464. #que:hover #asker img{
  465. -webkit-transform:rotate(0deg);
  466. -ms-transform:rotate(0deg);
  467. -moz-transform:rotate(0deg);
  468. -o-transform:rotate(0deg);
  469. transform:rotate(0deg);
  470. -webkit-transition:0.6s;
  471. -moz-transition:0.6s;
  472. -ms-transition:0.6s;
  473. -o-transition:0.6s;
  474. transition:0.6s;
  475. }
  476. #que #askborder{
  477. height:1px;
  478. position:relative;
  479. top:-15px;
  480. width:0px;
  481. -webkit-transition:0.6s;
  482. -moz-transition:0.6s;
  483. -ms-transition:0.6s;
  484. -o-transition:0.6s;
  485. transition:0.6s;
  486. margin-left:37px;
  487. background: -webkit-linear-gradient(left, {color:Post Border 1} , {color:Post Border 2});
  488. background: -o-linear-gradient(right, {color:Post Border 1} , {color:Post Border 2});
  489. background: -moz-linear-gradient(right, {color:Post Border 1} , {color:Post Border 2});
  490. background: linear-gradient(to right, {color:Post Border 1} , {color:Post Border 2});
  491. }
  492. #que:hover #askborder{
  493. width:50%;
  494. -webkit-transition:0.6s;
  495. -moz-transition:0.6s;
  496. -ms-transition:0.6s;
  497. -o-transition:0.6s;
  498. transition:0.6s;
  499. -webkit-transition-delay:0.6s;
  500. -moz-transition-delay:0.6s;
  501. -ms-transition-delay:0.6s;
  502. -o-transition-delay:0.6s;
  503. transition-delay:0.6s;
  504. }
  505. #asker a{color:{color:Text}; font-weight:700;}
  506. #asker a:hover{color:{color:Link};}
  507. #ans{
  508. margin-left:15px;
  509. }
  510. #linke{
  511. font-weight:100;
  512. font-size:16px;
  513. text-align:center;
  514. letter-spacing:2px;
  515. margin-bottom:20px;
  516. }
  517. #linke a{
  518. font-weight:700;
  519. text-transform:uppercase;
  520. }
  521. #linke:before{
  522. content:'「';
  523. position:relative;
  524. top:-5px;
  525. font-size:12px;
  526. }
  527. #linke:after{
  528. content:'」';
  529. position:relative;
  530. bottom:-3px;
  531. font-size:12px;
  532. }
  533. #audiopl{
  534. width:25px;
  535. height:25px;
  536. border-radius:40px;
  537. border:1px #aaa solid;
  538. position:relative;
  539. margin:auto;
  540. overflow:hidden;
  541. }
  542. #pl{
  543. width:24px;
  544. height:27px;
  545. overflow:hidden;
  546. position:absolute;
  547. left:0px; right:3px;
  548. top:-1px;
  549. margin:auto;
  550. -webkit-transform:scale(0.7,0.7);
  551. -moz-transform:scale(0.7,0.7);
  552. -ms-transform:scale(0.7,0.7);
  553. transform:scale(0.7,0.7);
  554. }
  555. #audiodata{
  556. margin-top:20px;
  557. text-align:center;
  558. }
  559. #caption{
  560. max-width:100%;
  561. padding:15px;
  562. border:1px {color:Caption} solid;
  563. margin-top:20px;
  564. font-size:10px;
  565. line-height:14px;
  566. {block:ifShowCaption}display:block;{/block:ifShowCaption}
  567. {block:ifNotShowCaption}display:none;{/block:ifNotShowCaption}
  568. }
  569. #quot{
  570. font-size:18px;
  571. letter-spacing:0px;
  572. text-align:left;
  573. margin-bottom:20px;
  574. line-height:20px;
  575. }
  576. #quotsrc{
  577. font-style:italic;
  578. font-size:9px;
  579. line-height:11px;
  580. text-align:right;
  581. }
  582. #chatlabel{
  583. font-size:8px;
  584. text-transform:uppercase;
  585. font-weight:700;
  586. }
  587. #chat li{
  588. list-style-type:none;
  589. border-left:1px {color:Chat Border 2} solid;
  590. padding-left:5px;
  591. margin:10px 0px;
  592. }
  593. #chat li:nth-child(odd){
  594. border-left:1px {color:Chat Border 1} solid;
  595. }
  596. #tag{
  597. margin-top:40px;
  598. {block:ifSmallerPost}
  599. margin-top:20px;
  600. {/block:ifSmallerPost}
  601. text-align:center;
  602. font-weight:300;
  603. text-transform:none;
  604. padding-left:5px;
  605. line-height:13px;
  606. font-size:9px;
  607. }
  608. #tagch{
  609. font-weight:700;
  610. font-size:8px;
  611. text-transform:uppercase;
  612. }
  613. .paging{
  614. text-align:center;
  615. margin-bottom:100px;
  616. font-weight:700;
  617. text-transform:uppercase;
  618. font-size:8px;
  619. line-height:20px;
  620. }
  621. .paging a{color:{color:Text};border-bottom:1px solid transparent; padding:2px;}
  622. .paging a:hover{border-bottom:1px solid {color:Link};}
  623. .permanots{
  624. width:400px;
  625. margin:auto;
  626. }
  627. .permanots li{
  628. list-style-type:none;
  629. margin-left:-50px;
  630. min-height:30px;
  631. line-height:40px;
  632. text-transform:uppercase;
  633. font-size:8px;
  634. border-bottom:1px {color:Blockquote} solid;
  635. }
  636. .permanots img{
  637. display:none;
  638. }
  639. .permanots a{font-weight:700;}
  640. @-webkit-keyframes drop{
  641. 0%{top:-200px; opacity:1;}
  642. 50%{top:-50px; opacity:1;}
  643. 70%{top:0px; opacity:1;}
  644. 85%{top:-20px; opacity:1;}
  645. 100%{top:0px; opacity:1;}
  646. }
  647. @-ms-keyframes drop{
  648. 0%{top:-200px; opacity:1;}
  649. 50%{top:-50px; opacity:1;}
  650. 70%{top:0px; opacity:1;}
  651. 85%{top:-20px; opacity:1;}
  652. 100%{top:0px; opacity:1;}
  653. }
  654. @-o-keyframes drop{
  655. 0%{top:-200px; opacity:1;}
  656. 50%{top:-50px; opacity:1;}
  657. 70%{top:0px; opacity:1;}
  658. 85%{top:-20px; opacity:1;}
  659. 100%{top:0px; opacity:1;}
  660. }
  661. @-moz-keyframes drop{
  662. 0%{top:-200px; opacity:1;}
  663. 50%{top:-50px; opacity:1;}
  664. 70%{top:0px; opacity:1;}
  665. 85%{top:-20px; opacity:1;}
  666. 100%{top:0px; opacity:1;}
  667. }
  668. @-keyframes drop{
  669. 0%{top:-200px; opacity:1;}
  670. 50%{top:-50px; opacity:1;}
  671. 70%{top:0px; opacity:1;}
  672. 85%{top:-20px; opacity:1;}
  673. 100%{top:0px; opacity:1;}
  674. }
  675. @-webkit-keyframes drop2{
  676. 0%{top:500px; opacity:0;}
  677. 70%{top:-100px; opacity:0;}
  678. 80%{top:0px; opacity:0;}
  679. 90%{top:-50px; opacity:1;}
  680. 100%{top:0px; opacity:1;}
  681. }
  682. @-moz-keyframes drop2{
  683. 0%{top:500px; opacity:0;}
  684. 70%{top:-100px; opacity:0;}
  685. 80%{top:0px; opacity:0;}
  686. 90%{top:-50px; opacity:1;}
  687. 100%{top:0px; opacity:1;}
  688. }
  689. @-ms-keyframes drop2{
  690. 0%{top:500px; opacity:0;}
  691. 70%{top:-100px; opacity:0;}
  692. 80%{top:0px; opacity:0;}
  693. 90%{top:-50px; opacity:1;}
  694. 100%{top:0px; opacity:1;}
  695. }
  696. @-o-keyframes drop2{
  697. 0%{top:500px; opacity:0;}
  698. 70%{top:-100px; opacity:0;}
  699. 80%{top:0px; opacity:0;}
  700. 90%{top:-50px; opacity:1;}
  701. 100%{top:0px; opacity:1;}
  702. }
  703. @keyframes drop2{
  704. 0%{top:500px; opacity:0;}
  705. 70%{top:-100px; opacity:0;}
  706. 80%{top:0px; opacity:0;}
  707. 90%{top:-50px; opacity:1;}
  708. 100%{top:0px; opacity:1;}
  709. }
  710. .cr{
  711. font-family:arial;
  712. letter-spacing:2px;
  713. font-size:8px;
  714. padding:3px;
  715. width:10px;
  716. line-height:10px;
  717. height:10px;
  718. border:1px #ccc solid;
  719. position:fixed;
  720. left:20px;bottom:15px;
  721. overflow:hidden;
  722. background:#fbfbfb;
  723. -webkit-transition:0.4s;
  724. -moz-transition:0.4s;
  725. -ms-transition:0.4s;
  726. -o-transition:0.4s;
  727. transition:0.4s;
  728. text-transform:uppercase;
  729. font-weight:400;
  730. color:#444;
  731. }
  732. .cr:hover{
  733. width:55px;
  734. -webkit-transition:0.4s;
  735. -moz-transition:0.4s;
  736. -ms-transition:0.4s;
  737. -o-transition:0.4s;
  738. transition:0.4s;
  739. }
  740. .cr:before{
  741. content:'\d7';
  742. font-size:14px;
  743. font-weight:100;
  744. margin:0px 3px 0px 1px;
  745. vertical-align:middle;
  746. position:relative;
  747. top:px;
  748. }
  749. </style>
  750. </head>
  751. <body>
  752. <a href="http://iliyon.tumblr.com/"><div class=cr>iliyon</div></a>
  753. {block:ifCustomTumblrControls}
  754. {block:IndexPage}
  755. <div class=navmin>
  756. <a href="http://www.tumblr.com/dashboard" title="dashboard"><span class="fa fa-home"></span></a>
  757. <a href="http://www.tumblr.com/send/{Name}/" title="mail"><span class="fa fa-envelope-square"></span></a>
  758. <a href="http://www.tumblr.com/follow/{name}/" title="follow"><span class="fa fa-plus-circle"></span></a>
  759. </div>
  760. {/block:IndexPage}
  761. {/block:ifCustomTumblrControls}
  762.  
  763. {block:ifLoadingAnimation}
  764. <div class=name>
  765. <div class=loader>
  766. <div class="fa fa-spinner fa-spin"></div>
  767. </div>
  768. </div>
  769. {/block:ifLoadingAnimation}
  770.  
  771. <div class=holder>
  772. <div class=bloghead>
  773. <a href="/"><div class=dropper style="color:{color:Blog Title};">{title}</div></a>
  774. <div class=dropper2><img src="http://ima.gs/transparent/none/none/%20-70x70.png" class="yehet" id="imge"></div>
  775. <div class=dropper3><div style="font-size:9px; letter-spacing:2px; cursor:pointer;" class=yehet>explore</div></div>
  776. </div>
  777. <div class=zemlya>
  778. <div class=so id=a>
  779. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  780. </div>
  781. <div class=so id=b>
  782. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  783. </div>
  784. <div class=so id=c>
  785. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  786. </div>
  787. <div class=so id=d>
  788. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  789. </div>
  790. <div class=so id=e>
  791. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  792. </div>
  793. <div class=so id=f>
  794. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  795. </div>
  796. <div class=so id=g> {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}</div>
  797. {block:ifShowArchive}<div class=so id=h><a href="/archive">{text:Archive Link}</a></div>{/block:ifShowArchive}
  798. <div class=so id=i>{block:ifShowAsk}<a href="javascript:;" class="flageli" rel="msg">{text:Ask Link}</a>{block:ifShowAsk}</div>
  799. <div class=so id=j>{block:ifShowDescription}<a href="javascript:;" class="flageli" rel="abt">{text:Description Link}</a>{/block:ifShowDescription}</div>
  800. <div class=so id=close><a href="javascript:;" class=yehet>close</a></div>
  801. </div>
  802.  
  803. <div class=abt id="msg">
  804. <div class=eks>&times;</div>
  805. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="450"></iframe>
  806. </div>
  807.  
  808. <div class=abt id="abt">
  809. <div class=eks>&times;</div>
  810. {Description}
  811. </div>
  812.  
  813. <div class = "autopagerize_page_element" >
  814. {block:Posts}
  815. <div class=entry>
  816. <div class=hl1></div>
  817. <div class=vl1></div>
  818. <div class=hl2></div>
  819. <div class=vl2></div>
  820. {block:Text}
  821. {block:Title}<div id=title>{Title}</div>{/block:Title}
  822. {Body}
  823. {/block:Text}
  824.  
  825. {block:Photo}
  826. <div id=photo><img src="{PhotoURL-500}"></div>
  827. {block:Caption}<div id=caption>{Caption}</div>{/block:Caption}
  828. {/block:Photo}
  829.  
  830. {block:Photoset}
  831. <div id=photo>
  832. {Photoset}
  833. {block:Caption}<div id=caption>{Caption}</div>{/block:Caption}
  834. </div>
  835. {/block:Photoset}
  836.  
  837. {block:Audio}
  838. {block:AudioPlayer}
  839. <div id=audiopl><div id=pl>{AudioPlayerWhite}</div></div>
  840. {/block:AudioPlayer}
  841. <div id=audiodata>
  842. {block:TrackName}
  843. <span style="font-size:14px; font-weight:700;">
  844. {TrackName}</span><br>
  845. {/block:TrackName}
  846. {block:Artist}{Artist}<br>{/block:Artist}
  847. {block:Album}{Album}<p></p>{/block:Album}
  848. {block:PlayCount}{PlayCountwithLabel}{/block:PlayCount}
  849. </div>
  850. {block:Caption}<div id=caption>{Caption}</div>{/block:Caption}
  851. {/block:Audio}
  852.  
  853. {block:Link}
  854. <div id=linke>
  855. <a href={URL}>{Name}</a>
  856. </div>
  857. {block:Description}{Description}{/block:Description}
  858. {/block:Link}
  859.  
  860. {block:Quote}
  861. <div id=quot>{Quote}</div>
  862. {block:Source}<div id=quotsrc>{Source}</div>{/block:Source}
  863. {/block:Quote}
  864.  
  865. {block:Answer}
  866. <div id=que>
  867. <div id=asker>
  868. <img src="{AskerPortraitURL-40}">{Asker}</a> asked,</div>
  869. <div id=askborder></div>
  870. <div style="margin-left:15px;">{Question}</div>
  871. </div>
  872. <div id=ans>
  873. {Answer}
  874. </div>
  875. {/block:Answer}
  876.  
  877. {block:Video}
  878. {block:IndexPage}
  879. <div id=linke><a href="{Permalink}">watch &#8674;</a></div>
  880. {/block:IndexPage}
  881. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  882. {block:Caption}<div id=caption>{Caption}</div>{/block:Caption}
  883. {/block:Video}
  884.  
  885. {block:Chat}
  886. {block:Title}<div id=title>{Title}</div>{/block:Title}
  887. <div id=chat>
  888. {block:Lines}<li>
  889. <span id=chatlabel>{block:Label}{Label}{/block:Label}</span> {Line}
  890. </li>
  891. {/block:Lines}
  892. </div>
  893. {/block:Chat}
  894.  
  895.  
  896. {block:Date}
  897. <div id=tag>
  898. {block:IndexPage}
  899. <div id=tagch style="margin-bottom:2px;">
  900. {block:ifTimestamp1}
  901. <a href="{Permalink}" title="{TimeAgo} {block:NoteCount}with {NoteCountwithLabel}{/block:NoteCount}">
  902. {Month} {dayofMonthWithZero} {Year}
  903. </a>
  904. {/block:ifTimestamp1}
  905. {block:ifTimestamp2}
  906. <a href="{Permalink}">{shortmonth} {dayofmonthwithzero} {year}</a>&nbsp;&nbsp;{block:NoteCount}+{Notecount}{/block:NoteCount}
  907. {/block:ifTimestamp2}
  908. </div>
  909. {block:IndexPage}
  910.  
  911. {block:PermalinkPage}
  912. <div id=tagch>
  913. posted {Month} {dayofMonthWithZero} {Year} at {24hourwithzero}:{minutes}
  914. {block:NoteCount}<br> with {NoteCountwithLabel} {/block:NoteCount} </div>
  915. {block:RebloggedFrom}
  916. via <a href="{ReblogParentURL}">{ReblogParentName}</a> & by
  917. <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  918. {/block:RebloggedFrom}
  919. {/block:PermalinkPage}
  920. {block:ifShowTags}
  921. {block:HasTags}
  922. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  923. {/block:HasTags}
  924. {/block:ifShowTags}
  925. </div>
  926. {/block:Date}
  927.  
  928. </div>
  929.  
  930.  
  931. <div class=permanots>
  932. {block:PostNotes}
  933. {PostNotes}
  934. {/block:PostNotes}
  935. </div>
  936.  
  937. {/block:Posts}
  938. </div>
  939.  
  940. <div class=paging>
  941. {block:Pagination}
  942. {block:PreviousPage}
  943. <a href="{PreviousPage}">{text:Previous}</a> &middot;
  944. {/block:PreviousPage}
  945. viewing page {CurrentPage} of {TotalPages}
  946. {block:NextPage}
  947. &middot; <a href="{NextPage}">{text:Next}</a>
  948. {/block:NextPage}
  949. <br>&middot;<br>
  950. {/block:Pagination}
  951. <div style="font-size:7px;"><a href="javascript:;" onclick="scrollToTop();return false">back to top</a></div>
  952. </div>
  953. </div>
  954.  
  955.  
  956.  
  957.  
  958. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  959. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  960. <script>
  961. $("[title]").style_my_tooltips({
  962. tip_follows_cursor:true,
  963. tip_delay_time:300,
  964. tip_fade_speed:300,
  965. attribute:"title"
  966. });
  967. </script>
  968.  
  969. <script type="text/javascript">
  970. {block:IndexPage}
  971. $(document).ready(function() {
  972. window.setTimeout("fadeMyDiv();", 1900);
  973. });
  974. {block:IndexPage}
  975. $(document).ready(function() {
  976. $(".yehet").click(function(){
  977. $(".bloghead").delay(200).slideToggle(400);
  978. $(".zemlya").slideToggle(400);
  979. });
  980. $(".flageli").click(function(){
  981. var ID = $(this).attr('rel');
  982. $("#" + ID).fadeIn(200);
  983. });
  984. $(".eks").click(function(){
  985. $(".abt").fadeOut(200);
  986. });
  987. });
  988.  
  989.  
  990. var timeOut;
  991. function scrollToTop() {
  992. if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
  993. window.scrollBy(0,-50);
  994. timeOut=setTimeout('scrollToTop()',10);
  995. }
  996. else clearTimeout(timeOut);
  997. }
  998. function fadeMyDiv() {
  999. {block:ifLoadingAnimation}$(".name").fadeOut(400);{/block:ifLoadingAnimation}
  1000. $(".holder"){block:ifLoadingAnimation}.delay(1000){/block:ifLoadingAnimation}.fadeIn(500);
  1001. $(".cr"){block:ifLoadingAnimation}.delay(1000){/block:ifLoadingAnimation}.fadeIn(500);
  1002. {block:IndexPage}
  1003. $(".navmin"){block:ifLoadingAnimation}.delay(1000){/block:ifLoadingAnimation}.fadeIn(500);
  1004. {/block:IndexPage}
  1005. }
  1006. </script>
  1007.  
  1008.  
  1009. <script type="text/javascript">
  1010. window.onload = oho;
  1011.  
  1012. var rat = new Array("{image:Icon 1}", "{image:Icon 2}", "{image:Icon 3}", "{image:Icon 4}", "{image:Icon 5}");
  1013.  
  1014. function oho() {
  1015. randomNum = Math.floor((Math.random() * rat.length));
  1016. document.getElementById("imge").src = rat[randomNum];
  1017. }
  1018. </script>
  1019. </body>
  1020. </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!