API tools faq
paste
anonymous-themes

Hurricane Theme

anonymous-themes
Jul 26th, 2013
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.43 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--"HURRICANE" THEME #108
  3. theme made by Ireverent,do not take the credit off
  4. theme page: Themesbysofia.tumblr.com
  5. creator: Ireverent.tumblr.com
  6. **audio style credits goes to Wrongly**
  7.  
  8.  
  9. ~Anonymous Edited Theme~
  10. ~Anonymous Edited Theme~
  11. ~Anonymous Edited Theme~
  12. ~Anonymous Edited Theme~
  13. ~Anonymous Edited Theme~
  14. ~Anonymous Edited Theme~
  15. http://anonymousthemes.tumblr.com
  16. http://anonymousthemes.tumblr.com
  17. http://anonymousthemes.tumblr.com
  18. http://anonymousthemes.tumblr.com
  19. http://anonymousthemes.tumblr.com
  20.  
  21. !-->
  22.  
  23. <html lang="en">
  24. <head>
  25. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=ABeeZee' rel='stylesheet' type='text/css'>
  27. <meta name="color:Background" content="#f7f7f7"/>
  28. <meta name="color:Title" content="#aaa"/>
  29. <meta name="color:Text" content="#aaa"/>
  30. <meta name="color:Link" content="#aaa"/>
  31. <meta name="color:scrollbar" content="#ddd"/>
  32. <meta name="if:show caption" content="0" />
  33. <meta name="if:Crosshair Cursor" content="0"/>
  34. <meta name="if:post animation" content="0"/>
  35. <meta name="color:Hover" content="#ddd"/>
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar" content=""/>
  38. <meta name="if:faded posts" content="1"/>
  39. <meta name="color:Link Background" content="#afc0ac"/>
  40. <meta name="color:links hover" content="#ddd"/>
  41. <meta name="if:round posts" content="0"/>
  42. <meta name="color:links hover" content="#ddd"/>
  43. <meta name="text:link three" content="" />
  44. <meta name="text:link three title" content="" />
  45. <meta name="text:link four" content="" />
  46. <meta name="text:link four title" content="" />
  47. <meta name="text:link five" content="" />
  48. <meta name="text:link five title" content="" />
  49. <meta name="if:little font" content="0"/>
  50. <meta name="if:title font 1" content="0"/>
  51. <meta name="if:title font 2" content="1"/>
  52. <meta name="if:title font 3" content="0"/>
  53. <meta name="if:title font 4" content="1"/>
  54. <meta name="if:post shadows" content="0"/>
  55. <meta name="if:two column" content="0"/>
  56. <meta name="if:three column" content="1"/>
  57. <meta name="if:four column" content="0"/>
  58. <meta name="color:blogtitle" content="#aaa"/>
  59. <meta name="text:blogtitle size" content="30" />
  60. <meta name="color:permalinks border" content="#ddd"/>
  61. </script>
  62. </script>
  63. {block:ifCrosshairCursor}
  64. <style type="text/css">body { cursor: crosshair; } </style>
  65. {/block:ifCrosshairCursor}
  66. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  67. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  68. <style>
  69. div#qTip {
  70. padding: 4px;
  71. height:8px;
  72. display: none;
  73. text-align: center;
  74. font-size:8px;
  75. position: absolute;
  76. font-family:calibri;
  77. line-height:8px;
  78. border-radius:4px;
  79. z-index: 999999999999;
  80. border:2px solid #fff;
  81. background: {color:link};
  82. color:#fff;
  83. text-transform:uppercase;
  84. letter-spacing: 0px;
  85. }
  86. </style>
  87. <style type="text/css">
  88. .audioplayerr{
  89. position:absolute;
  90. border:1px solid {color:border};
  91. padding:2px;
  92. padding-top:5px;
  93. background: #fff;
  94. text-align:center;
  95. margin-left:24px;
  96. margin-top:5px;
  97. width:29px;
  98. height:27px;
  99. opacity:0.9;
  100. overflow:hidden;
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;
  104. -ms-transition: all 0.5s ease-in-out;
  105. transition: all 0.5s ease-in-out;}
  106.  
  107.  
  108. .albumartt{
  109. margin-left:0px;
  110. margin-bottom:20px;
  111. }
  112.  
  113. .albumartt img{
  114. background:#fff;
  115. width:60px;
  116. float:left;
  117. padding:10px;
  118. border:1px solid #f0f0f0;
  119. }
  120.  
  121. audioshit{
  122. border-bottom:1px solid #f2f2f2;
  123. font-style:normal;}
  124.  
  125. .infooo{
  126. position:relative;
  127. background:transparent;
  128. border:1px solid #eee;
  129. padding:8px;
  130. font-family:Consolas;
  131. font-size:8px;
  132. overflow-x:hidden;
  133. overflow-y:auto;
  134. letter-spacing:1px;
  135. font-style:italic;
  136. text-transform:uppercase;
  137. height:64px;
  138. margin-top:-20px;
  139. margin-bottom:20px;
  140. margin-left:85px;
  141. padding-left:5px;
  142. line-height:10px;}
  143.  
  144. #entry img{
  145. {block:indexpage}
  146. {block:ifonecolumn}
  147. max-width:360px;
  148. {/block:ifonecolumn}
  149. {block:iftwocolumn}
  150. max-width:210px;
  151. {/block:iftwocolumn}
  152. {block:ifthreecolumn}
  153. max-width:190px;
  154. {/block:ifthreecolumn}
  155. {block:iffourcolumn}
  156. max-width:180px;
  157. {/block:iffourcolumn}
  158. {/block:indexpage}
  159. }
  160. #entry img{
  161. opacity: .9;
  162. {block:ifroundposts}
  163. border-radius: 5px;
  164. {/block:ifroundposts}
  165. {block:iffadedposts}
  166. opacity:.7;
  167. -webkit-transition: all 0.7s ease-out;
  168. -moz-transition: all 0.7s ease-out;
  169. transition: all 0.7s ease-out;
  170. {/block:iffadedposts}
  171. }
  172. #entry img:hover{
  173. {block:iffadedposts}
  174. opacity: 1;
  175. -webkit-transition: all 0.7s ease-out;
  176. -moz-transition: all 0.7s ease-out;
  177. transition: all 0.7s ease-out;
  178. {block:iffadedposts}
  179. }
  180. #tumblr_controls{
  181. position:fixed !important;
  182. -webkit-filter: invert(100%)
  183. }
  184. iframe#tumblr_controls {
  185. {block:iffourcolumn}
  186. top:0% !important;
  187. left:0% !important;
  188. position: fixed !important;
  189. {/block:iffourcolumn}
  190. }
  191.  
  192. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  193.  
  194. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  195.  
  196. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  197.  
  198. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  199.  
  200. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  201. #eee; border-right: 1px solid #eee; }
  202.  
  203. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  204.  
  205. a:link, a:active, a:visited{
  206. color:{color:link};
  207. text-decoration: none;
  208. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  209. }
  210. a:hover {
  211. color:{color:hover};
  212. text-decoration: none;
  213. text-decoration: underline;
  214. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  215. }
  216. #akina{width:250px; height:auto;}
  217. {block:PermalinkPage}
  218. width:410px;
  219. {/block:PermalinkPage}
  220. }
  221. #center{
  222. padding-top:3px;
  223. padding-bottom:3px;
  224. position:fixed !important;
  225. width:250px;
  226. height:207px;
  227. background-color:white;
  228. {block:PermalinkPage}
  229. width:410px;
  230. height:207px;
  231. {/block:PermalinkPage}
  232. }
  233. body{
  234. margin:5px;
  235. background-color: {color:Background};
  236. background-image:url({image:Background});
  237. background-attachment: fixed;
  238. background-repeat: repeat;
  239. color:{color:Text};
  240. {block:ifCrosshairCursor}
  241. cursor:crosshair;
  242. {/block:ifCrosshairCursor}
  243. }
  244. #posts{
  245. float:center;
  246. {block:indexpage}
  247. {block:ifonecolumn}
  248. width:300px;
  249. {/block:ifonecolumn}
  250. {block:iftwocolumn}
  251. width:600px;
  252. {/block:iftwocolumn}
  253. {block:ifthreecolumn}
  254. width:800px;
  255. {/block:ifthreecolumn}
  256. {block:iffourcolumn}
  257. width:1000px;
  258. {/block:iffourcolumn}
  259. {/block:indexpage}
  260. {block:permalinkpage}
  261. margin-left:100px;
  262. {/block:permalinkpage}
  263. margin-left: 300px;
  264. margin-top:0px;
  265. {block:iffourcolumn}
  266. margin-left:330px;
  267. {/block:iffourcolumn}
  268. }
  269. div#desc{
  270. position:fixed !important;
  271. width: 200px;
  272. height: auto;
  273. padding:5px;
  274. padding-bottom: 5px;
  275. padding-top:5px;
  276. font color: #000;
  277. margin-top: 120px;
  278. margin-left: 60px;
  279. font-size: 10px;
  280. box-shadow: 0px 0px 5px #eee;
  281. background-color:white;
  282. background:white;
  283. letter-spacing:px;
  284. line-height:20px;
  285. text-align:center;
  286. padding:10px;
  287. color:#000;
  288. opacity:0;
  289. z-index:999;
  290. -webkit-transition: all 0.9s ease-in-out;
  291. -moz-transition: all 0.9s ease-in-out;
  292. -o-transition: all 0.9s ease-in-out;
  293. -ms-transition: all 0.9s ease-in-out;
  294. transition: all 0.9s ease-in-out;
  295. }
  296.  
  297. #sidebar:hover #desc{
  298. transition: all 1.0s ease-out;
  299. -o-transition-transition: all 1.0s ease-out;
  300. -webkit-transition: all 1.0s ease-out;
  301. -moz-transition: all 1.0s ease-out;
  302. }
  303.  
  304. #sidebar {
  305. opacity: 1.0;
  306. position:fixed !important;
  307. width: 170px;
  308. font-family:arial;
  309. font-size:10px;
  310. line-height: 12px;
  311. height: auto;
  312. background-color:white;
  313. margin-left:80px;
  314. letter-spacing:0px;
  315. margin-top: 130px;
  316. border-radius:0px;
  317. padding:10px;
  318. padding-bottom:10px;
  319. z-index: 99;
  320. border:1px solid #f7f7f7;
  321. {block:ifpostshadows}
  322. box-shadow: 0px 0px 9px #eee;
  323. {/block:ifpostshadows}
  324. {block:ifroundposts}
  325. border-radius: 5px;
  326. {/block:ifroundposts}
  327. {block:ifonecolumn}
  328. margin-left:160px;
  329. {/block:ifonecolumn}
  330. {block:ifpostanimation}
  331. -webkit-animation: flipInY 3s;
  332. -moz-animation: flipInY 3s;
  333. -ms-animation: flipInY: 3s;
  334. {/block:ifpostanimation}
  335. {block:iflittlefont}
  336. font-family:consolas;
  337. text-transform:uppercase;
  338. font-size:8px;
  339. line-height: 10px;
  340. letter-spacing:1px;
  341. {/block:iflittlefont}
  342. }
  343. #navi{
  344. border:1px solid #f7f7f7;
  345. width:190px;
  346. padding:5px;
  347. background:white;
  348. margin-top:374px;
  349. position:fixed;
  350. margin-left:65px;
  351. {block:ifroundposts}
  352. border-radius: 5px;
  353. {/block:ifroundposts}
  354. }
  355.  
  356. @font-face { font-family: "ED"; src: url('http://static.tumblr.com/qglwiwx/aEcmfsxk2/stefanie_dots.ttf'); }
  357.  
  358. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  359. @font-face {
  360. font-family: "harry";
  361. src: url('http://static.tumblr.com/q9ilpl7/pG3mfrcb6/lt_chickenhawk.ttf'); }
  362. @font-face {font-family: "Niall"; src:url("http://static.tumblr.com/q9ilpl7/dDjmfrc00/little_snorlax.ttf")}
  363. @font-face { font-family: "bby"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  364. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  365. @font-face { font-family: "peek"; src: url('http://static.tumblr.com/dau7rfv/Qibmfjqzo/bondoluopeek.ttf'); } }
  366. @font-face { font-family: "snow"; src: url('http://static.tumblr.com/qglwiwx/FHdmgh3ob/simplicity.ttf'); }
  367. @font-face {font-family: "sh"; src:url("http://static.tumblr.com/qglwiwx/Uewmgh37d/first_impressions.otf")}
  368. @font-face { font-family: "p"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  369. @font-face { font-family: "billy"; src: url('http://static.tumblr.com/qglwiwx/ml1mgh3bx/billy_jean.ttf'); }
  370. @font-face { font-family: "l"; src: url('http://static.tumblr.com/qglwiwx/VvPmgh2z8/pineapplesdhs_bold.ttf'); }
  371. @font-face { font-family: "cut"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  372. @font-face { font-family: "si"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  373. @font-face { font-family: "Sw"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  374.  
  375. @font-face {
  376. font-family:titulo;
  377. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');
  378. }
  379. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  380. @font-face{
  381. font-family:jane;
  382. src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  383. @font-face { font-family: "zayni"; src: url('http://static.tumblr.com/qglwiwx/robmpylt6/dj4trial.ttf'); }
  384. #blogtitle{
  385. position:fixed !important;
  386. {block:iftitlefont1}
  387. font-family:Courier New;
  388. {/block:iftitlefont1}
  389. {block:iftitlefont2}
  390. font-family:cut;
  391. {/block:iftitlefont2}
  392. {block:iftitlefont3}
  393. font-family:titulo;
  394. {/block:iftitlefont3}
  395. {block:iftitlefont4}
  396. font-family:zayni;
  397. {/block:iftitlefont4}
  398. font-size:{text:blogtitle size}px;
  399. margin-left:90px;
  400. {block:ifonecolumn}
  401. margin-left:98px;
  402. {/block:ifonecolumn}
  403. {block:iftwocolumn}
  404. margin-left:90px;
  405. {/block:iftwocolumn}
  406. {block:ifthreecolumn}
  407. margin-left:100px;
  408. {/block:ifthreecolumn}
  409. height:25px;
  410. text-align:center;
  411. z-index:9999;
  412. padding-top:88px;
  413. line-height:60px;
  414. float: left;
  415. color:{color:blogtitle};
  416. text-shadow:
  417. -2px 0 #fff,
  418. 0 2px #fff,
  419. 1px 0 #fff,
  420. 0 -2px #fff;
  421. }
  422. @font-face{
  423. font-family: "WebSymbolsRegular";
  424. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  425. }
  426. @font-face { font-family: "zayn"; src: url('http://static.tumblr.com/qglwiwx/H1vmfuwf4/chopinscript.otf'); }
  427. @font-face { font-family: "snow"; src: url('http://static.tumblr.com/qglwiwx/FHdmgh3ob/simplicity.ttf'); }
  428. @font-face {font-family: "sh"; src:url("http://static.tumblr.com/qglwiwx/Uewmgh37d/first_impressions.otf")}
  429. @font-face { font-family: "p"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  430. @font-face { font-family: "billy"; src: url('http://static.tumblr.com/qglwiwx/ml1mgh3bx/billy_jean.ttf'); }
  431. @font-face { font-family: "l"; src: url('http://static.tumblr.com/qglwiwx/VvPmgh2z8/pineapplesdhs_bold.ttf'); }
  432. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  433.  
  434.  
  435.  
  436. @font-face{
  437. font-family: "WebSymbolsRegular";
  438. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf'); }
  439.  
  440. askk {
  441. font-family:titulo;
  442. color: {color:Title};
  443. font-size:15px;
  444. z-index:1;
  445. }
  446. #credz{
  447. width:auto;
  448. position:fixed;
  449. bottom:75px;
  450. left:0px;
  451. -webkit-transition: all .7s ease;
  452. -moz-transition: all .7s ease;
  453. -o-transition: all .7s ease;
  454. transition: all .7s ease;
  455. }
  456. #credzz{
  457. font-size:12px;
  458. font-family:arial;
  459. line-height:16px;
  460. text-align:center;
  461. height:15px;
  462. margin-top:33px;
  463. width:5px;
  464. padding:5px;
  465. padding-right:10px;
  466. background:#ffffff;
  467. margin-left:0px;
  468. position:fixed;
  469. -webkit-transition: all .7s ease;
  470. -moz-transition: all .7s ease;
  471. -o-transition: all .7s ease;
  472. transition: all .7s ease;
  473. border:1px solid #eee;
  474. }
  475.  
  476. #credzzz{
  477. text-align:center;
  478. width:100px;
  479. font-size:10px;
  480. background:#ffffff;
  481. height:5px;
  482. padding-top:10px;
  483. padding-bottom:10px;
  484. font-family:calibri;
  485. text-transform:uppercase;
  486. margin-left:-100px;
  487. margin-top:33px;
  488. position:fixed;
  489. -webkit-transition: all .7s ease;
  490. -moz-transition: all .7s ease;
  491. -o-transition: all .7s ease;
  492. transition: all .7s ease;
  493. border:1px solid #eee;
  494. line-height:5px;
  495. }
  496.  
  497. #credz:hover #credzz{
  498. margin-left:100px;
  499. }
  500.  
  501. #credz:hover #credzzz{
  502. margin-left:0px;
  503. }
  504. #entry {
  505. margin:6px;
  506. {block:ifpostshadows}
  507. box-shadow: 0px 0px 5px #eee;
  508. {/block:ifpostshadows}
  509. {block:iftwocolumn}
  510. margin:10px;
  511. {/block:iftwocolumn}
  512. {block:ifonecolumn}
  513. margin:5px;
  514. margin-left:100px;
  515. width:300px;
  516. {/block:ifonecolumn}
  517. padding: 12px;
  518. border: 1px solid #f7f7f7;
  519. float:left;
  520. border-radius:0px;
  521. background-color:white;
  522. font-family:arial;
  523. font-size:10px;
  524. line-height: 12px;
  525. padding-bottom:10px;
  526. {block:ifonecolumn}
  527. width:300px;
  528. {/block:ifonecolumn}
  529. {block:iftwocolumn}
  530. width:210px;
  531. {/block:iftwocolumn}
  532. {block:ifthreecolumn}
  533. width:190px;
  534. {/block:ifthreecolumn}
  535. {block:iffourcolumn}
  536. width:180px;
  537. {/block:iffourcolumn}
  538. {block:ifroundposts}
  539. border-radius: 5px;
  540. {/block:ifroundposts}
  541. {block:iflittlefont}
  542. font-family:consolas;
  543. text-transform:uppercase;
  544. font-size:8px;
  545. letter-spacing:1px;
  546. {/block:iflittlefont}
  547. {block:ifpostanimation}
  548. -webkit-animation: flipInY 3s;
  549. -moz-animation: flipInY 3s;
  550. -ms-animation: flipInY: 3s;
  551. {/block:ifpostanimation}
  552. {block:PermalinkPage}
  553. width: 450px;
  554. height: auto;
  555. {/block:PermalinkPage}
  556. }
  557. .animated {
  558. -webkit-animation-fill-mode: both;
  559. -moz-animation-fill-mode: both;
  560. -ms-animation-fill-mode: both;
  561. -o-animation-fill-mode: both;
  562. animation-fill-mode: both;
  563. -webkit-animation-duration: 1s;
  564. -moz-animation-duration: 1s;
  565. -ms-animation-duration: 1s;
  566. -o-animation-duration: 1s;
  567. animation-duration: 1s;
  568. }
  569.  
  570. .animated.hinge {
  571. -webkit-animation-duration: 2s;
  572. -moz-animation-duration: 2s;
  573. -ms-animation-duration: 2s;
  574. -o-animation-duration: 2s;
  575. animation-duration: 2s;
  576. }
  577.  
  578. @-webkit-keyframes flipInY {
  579. 0% {
  580. -webkit-transform: perspective(400px) rotateY(90deg);
  581. opacity: 0;
  582. }
  583.  
  584. 40% {
  585. -webkit-transform: perspective(400px) rotateY(-10deg);
  586. }
  587.  
  588. 70% {
  589. -webkit-transform: perspective(400px) rotateY(10deg);
  590. }
  591.  
  592. 100% {
  593. -webkit-transform: perspective(400px) rotateY(0deg);
  594. opacity: 1;
  595. }
  596. }
  597. @-moz-keyframes flipInY {
  598. 0% {
  599. -moz-transform: perspective(400px) rotateY(90deg);
  600. opacity: 0;
  601. }
  602.  
  603. 40% {
  604. -moz-transform: perspective(400px) rotateY(-10deg);
  605. }
  606.  
  607. 70% {
  608. -moz-transform: perspective(400px) rotateY(10deg);
  609. }
  610.  
  611. 100% {
  612. -moz-transform: perspective(400px) rotateY(0deg);
  613. opacity: 1;
  614. }
  615. }
  616. @-o-keyframes flipInY {
  617. 0% {
  618. -o-transform: perspective(400px) rotateY(90deg);
  619. opacity: 0;
  620. }
  621.  
  622. 40% {
  623. -o-transform: perspective(400px) rotateY(-10deg);
  624. }
  625.  
  626. 70% {
  627. -o-transform: perspective(400px) rotateY(10deg);
  628. }
  629.  
  630. 100% {
  631. -o-transform: perspective(400px) rotateY(0deg);
  632. opacity: 1;
  633. }
  634. }
  635. @keyframes flipInY {
  636. 0% {
  637. transform: perspective(400px) rotateY(90deg);
  638. opacity: 0;
  639. }
  640.  
  641. 40% {
  642. transform: perspective(400px) rotateY(-10deg);
  643. }
  644.  
  645. 70% {
  646. transform: perspective(400px) rotateY(10deg);
  647. }
  648.  
  649. 100% {
  650. transform: perspective(400px) rotateY(0deg);
  651. opacity: 1;
  652. }
  653. }
  654.  
  655. .flipInY {
  656. -webkit-backface-visibility: visible !important;
  657. -webkit-animation-name: flipInY;
  658. -moz-backface-visibility: visible !important;
  659. -moz-animation-name: flipInY;
  660. -o-backface-visibility: visible !important;
  661. -o-animation-name: flipInY;
  662. backface-visibility: visible !important;
  663. animation-name: flipInY;
  664. }
  665. .title{
  666. font-family:Courier New;
  667. font-size: 16px;
  668. line-height: 14px;
  669. color: {color:Title};
  670. font-weight: normal;
  671. letter-spacing: 0px;
  672. text-transform: normal;
  673. padding: 2px 0px 0px 0px;
  674. }
  675. #entry .perma{
  676. width:40px;
  677. height:40px;
  678. font-family:consolas;
  679. position: absolute;
  680. font-size: 8px;
  681. line-height: 12px;
  682. text-align: center;
  683. z-index: 99999;
  684. text-transform:uppercase;
  685. overflow:hidden;
  686. background-color:white;
  687. letter-spacing:1px;
  688. -webkit-filter: blur(5px);
  689. top:20px;
  690. padding: 2px;
  691. border-radius: 0px;
  692. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  693. -webkit-transition: all 0.5s linear;
  694. -moz-transition: all 0.5s linear;
  695. transition: all 0.5s linear;
  696. }
  697. #entry:hover .perma{
  698. overflow:visible;
  699. opacity:.9;
  700. -webkit-filter: blur(0px);
  701. margin-left: 0px;
  702. left: 20px;
  703. top:20px;
  704. border:2px solid {color:permalinks border};
  705. border-radius: 100%;
  706. -webkit-transition: all 0.5s linear;
  707. -webkit-transition: all 0.5s linear;
  708. -moz-transition: all 0.5s linear;
  709. transition: all 0.5s linear;
  710.  
  711. }
  712. .quote {
  713. font-family: arial;
  714. font-size: 20px;
  715. color: {color:link};
  716. float: left;
  717. margin-right: 5px;
  718. }
  719. .permalinktext{
  720. display: block;
  721. font-family:consolas;
  722. font-size:8px;
  723. line-height:10px;
  724. letter-spacing:1px;
  725. text-transform:uppercase;
  726. border-top:1px solid #f7f7f7;
  727. opacity: 1;
  728. text-align: right;
  729. background-color:transparent;
  730. padding: 2px;
  731. margin: 4px;
  732. margin-top:5px;
  733. -webkit-transition: all .7s ease;
  734. -moz-transition: all .7s ease;
  735. transition: all .7s ease;
  736. -o-transition: all .7s ease;
  737.  
  738. }
  739. #links {
  740. position:fixed;
  741. font-family:WebSymbolsRegular;
  742. font-size:13px;
  743. line-height:28px;
  744. text-transform:uppercase;
  745. letter-spacing:1px;
  746. margin-top:172px;
  747. margin-left:52px;
  748. width:180px;
  749. text-align:center;;
  750. color:{color:Links}; }
  751.  
  752. #links a {
  753. color:white; }
  754.  
  755. #link1 {
  756. position:fixed;
  757. font-size:25px;
  758. width:41px;
  759. border-top-left-radius: 5px;
  760. margin-left:-12px;
  761. margin-top:-30px;
  762. height:38px;
  763. opacity:1;
  764. line-height:38px;
  765. background:{color:Link Background};
  766. transition: all 0.9s ease;
  767. -o-transition-transition: all 0.9s ease;
  768. -webkit-transition: all 0.9s ease;
  769. -moz-transition: all 0.9s ease; }
  770.  
  771. #link1:hover {
  772. opacity:1;
  773. transition: all 0.9s ease;
  774. -o-transition-transition: all 0.9s ease;
  775. -webkit-transition: all 0.9s ease;
  776. -moz-transition: all 0.9s ease; }
  777.  
  778. #link2 {
  779. position:fixed;
  780. width:41px;
  781. margin-left:-12px;
  782. margin-top:9px;
  783. font-size:25px;
  784. height:38px;
  785. opacity:1;
  786. line-height:38px;
  787. background:{color:Link Background};
  788. transition: all 0.9s ease;
  789. -o-transition-transition: all 0.9s ease;
  790. -webkit-transition: all 0.9s ease;
  791. -moz-transition: all 0.9s ease; }
  792.  
  793. #link2:hover {
  794. opacity:1;
  795. transition: all 0.9s ease;
  796. -o-transition-transition: all 0.9s ease;
  797. -webkit-transition: all 0.9s ease;
  798. -moz-transition: all 0.9s ease; }
  799.  
  800. #link3 {
  801. position:fixed;
  802. width:41px;
  803. font-size:25px;
  804. margin-left:-12px;
  805. margin-top:48px;
  806. height:38px;
  807. opacity:1;
  808. line-height:38px;
  809. background:{color:Link Background};
  810. transition: all 0.9s ease;
  811. -o-transition-transition: all 0.9s ease;
  812. -webkit-transition: all 0.9s ease;
  813. -moz-transition: all 0.9s ease; }
  814.  
  815. #link3:hover {
  816. opacity:1;
  817. transition: all 0.9s ease;
  818. -o-transition-transition: all 0.9s ease;
  819. -webkit-transition: all 0.9s ease;
  820. -moz-transition: all 0.9s ease; }
  821.  
  822. #link4 {
  823. position:fixed;
  824. width:41px;
  825. margin-left:-12px;
  826. font-size:25px;
  827. margin-top:87px;
  828. height:38px;
  829. opacity:1;
  830. line-height:38px;
  831. background:{color:Link Background};
  832. transition: all 0.9s ease;
  833. -o-transition-transition: all 0.9s ease;
  834. -webkit-transition: all 0.9s ease;
  835. -moz-transition: all 0.9s ease; }
  836.  
  837. #link4:hover {
  838. opacity:1;
  839. transition: all 0.9s ease;
  840. -o-transition-transition: all 0.9s ease;
  841. -webkit-transition: all 0.9s ease;
  842. -moz-transition: all 0.9s ease; }
  843.  
  844. #link5 {
  845. position:fixed;
  846. width:41px;
  847. margin-left:-12px;
  848. margin-top:126px;
  849. font-size:25px;
  850. height:38px;
  851. border-bottom-left-radius: 5px;
  852. opacity:1;
  853. line-height:38px;
  854. background:{color:Link Background};
  855. transition: all 0.9s ease;
  856. -o-transition-transition: all 0.9s ease;
  857. -webkit-transition: all 0.9s ease;
  858. -moz-transition: all 0.9s ease; }
  859.  
  860. #link5:hover {
  861. opacity:1;
  862. transition: all 0.9s ease;
  863. -o-transition-transition: all 0.9s ease;
  864. -webkit-transition: all 0.9s ease;
  865. -moz-transition: all 0.9s ease; }
  866. @font-face{
  867. font-family: "WebSymbolsRegular";
  868. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf'); }
  869.  
  870. .bubble {align:right;background-color:#f7f7f7; color: {color:Text}; margin:3px 0px 2px 5px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  871. .bubble p {margin:1px 0px;}
  872. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f7f7f7;}
  873. .askborder {float: left;margin: 1px 2px 0 0;padding: 2px; background: #f7f7f7;}
  874. @font-face{
  875. font-family: "WebSymbolsRegular";
  876. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  877. }
  878. </style>
  879. <title>{title}</title>
  880. <link rel="shortcut icon" href="{favicon}">
  881. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" />
  882.  
  883. </head>
  884. <body>
  885. <div id="credz"><div id="credzz">©</div>
  886. <div id="credzzz">
  887. <a href="http://ireverent.tumblr.com/">Ireverent</a><br><br>
  888. <a href="http://anonymousthemes.tumblr.com">Anonymous Themes</a>
  889. </div></div>
  890. <div id="center">
  891. <div id="content">
  892.  
  893. <div id="line"></div></div></div></div></div>
  894. </div>
  895. <div id="links">
  896. <div id="link1"><a href="/" title="home">⌂</a></div>
  897. <div id="link2"><a href="/ask" title="message">✉</a></div>
  898. <div id="link3"><a href="{text:link three}" title="{text:link three title}">⌨</a></div>
  899. <div id="link4"><a href="{text:link four}" title="{text:link four title}">☼</a></div>
  900. <div id="link5"><a href="{text:link five}" title="{text:link five title}">✎</a></div>
  901. </div>
  902. <div id="sidebar">
  903. <div class="links">
  904. <img src="{image:sidebar}"style="width:170px; height:px;border-radius:5;opacity:.7;"></a>
  905.  
  906. <div style="margin-top:3px;width:170px;margin-left:-3px;">
  907. <center>
  908. {Description}</div>
  909.  
  910.  
  911.  
  912.  
  913.  
  914. <div class="wrapper">
  915. <div style="position:fixed;right:0px;top:28px;">
  916. </span>
  917. </div>
  918. </center>
  919. </div>
  920. </div></div>
  921. <div id="blogtitle">{title}</div>
  922.  
  923.  
  924. <div id="posts">
  925. {block:Posts}
  926. <div id="entry">
  927.  
  928. {block:Text}
  929. {block:Title}<span class="title">{Title}</span>{/block:Title}
  930. <span class="entrytext">{Body}</span></a>
  931. {block:IndexPage}
  932. <div class="permalinktext">
  933. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  934. </div>
  935. {/block:IndexPage}
  936. {/block:Text}
  937.  
  938. {block:Link}
  939. <a href="{URL}" class="title">{Name}</a>
  940. {block:Description}{Description}{/block:Description}
  941. {block:IndexPage}
  942. <div class="permalinktext">
  943. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  944. </div>
  945. {/block:IndexPage}
  946. {block:Link}
  947.  
  948.  
  949. {block:Photo}{block:IndexPage}
  950. <div class="perma">
  951. <p>
  952. <a href="{permalink}">{notecount}</a><br><a href="{reblogurl}"target="_blank">reblog</a> </span></div>
  953. {/block:IndexPage}
  954. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" width=auto /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}
  955. {block:ifshowcaption}{caption}{/block:ifshowcaption}
  956. {/block:Photo}
  957.  
  958. {block:Photoset}
  959. <center>
  960. {block:IndexPage}
  961. <div class="perma">
  962. posted {timeago} on {DayOfWeek}<br>
  963. with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">share this post</a>
  964. </div>
  965. <div style="width: 200px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  966. {/block:IndexPage}
  967. </center>
  968. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  969. {/block:Photoset}
  970.  
  971. {block:Quote}
  972. <div class="quote">&#10077;</div>
  973. {Quote}
  974. {block:IndexPage}
  975. <div class="permalinktext">
  976. posted on {Month} {DayOfMonth},<a href="{permalink}">{notecountwithlabel}</a>
  977. </div>{/block:IndexPage}
  978. {/block:IndexPage}
  979. {/block:Quote}
  980.  
  981. {block:Chat}
  982. {block:Title}<span class="title">{Title}</span>{/block:Title}
  983. <ul class="chat">
  984. {block:Lines}
  985. <li class="user_{UserNumber}">
  986. {block:Label}
  987. <span class="label">{Label}</span>
  988. {/block:Label}
  989.  
  990. {Line}<br>
  991. {/block:Lines}
  992. {block:IndexPage}
  993. <div class="permalinktext">
  994. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  995. </div>{/block:IndexPage}
  996. {/block:Chat}
  997.  
  998.  
  999.  
  1000. {block:Audio}
  1001. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}</div><div class="audioplayerr">{AudioPlayer}</div> <div class="infooo"> {block:Artist} <b><audioshit>Artist:</audioshit></b><br> {Artist} {/block:Artist}<br><br>{block:TrackName} <b><audioshit>Track Name:</audioshit></b><br> "{TrackName}" {/block:TrackName}</br><br>{block:Album}<b><audioshit>Album Name:</audioshit></b><br> {Album} {/block:Album}</br><br><b><audioshit>Play Count:</audioshit></b><br> {block:PlayCount}{PlayCount} times{/block:PlayCount}</div>
  1002. {block:IndexPage}
  1003. <div class="permalinktext">
  1004. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  1005. </div>{/block:IndexPage}
  1006. {/block:IndexPage}
  1007. {/block:Audio}
  1008.  
  1009. {block:Video}
  1010. <center>
  1011. {block:IndexPage}
  1012. <div class="perma">
  1013. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a>
  1014. </div>
  1015. <div style="width: 200px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  1016. {/block:IndexPage}
  1017. </center>
  1018. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  1019. {block:Video}
  1020.  
  1021. {block:Answer}
  1022. <div class="bubble"><span></span><askk>{Asker}</askk>: {Question}&nbsp;</div>{Answer}
  1023. <div class="permalinktext"> This post has <a href="{permalink}">{NoteCountwithlabel}</a></div>
  1024. {/block:Answer}
  1025.  
  1026.  
  1027. {block:PermalinkPage}
  1028. <center>
  1029. {block:Caption}{Caption}{/block:Caption}
  1030. {block:RebloggedFrom}
  1031. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  1032. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  1033. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  1034. </center>
  1035. {/block:PermalinkPage}
  1036.  
  1037. {block:PostNotes}<div align="middle"></div>
  1038. <center></center></span><br>
  1039. <div id="postnotes">{PostNotes}</div><br>
  1040. <center>{block:ContentSource}
  1041. <br><a href="{SourceURL}">
  1042. {lang:Source}:
  1043. {block:SourceLogo}
  1044. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1045. height="{LogoHeight}" alt="{SourceTitle}" />
  1046. {/block:SourceLogo}
  1047. {block:NoSourceLogo}
  1048. {SourceLink}
  1049. {/block:NoSourceLogo}
  1050. </a>
  1051. {/block:ContentSource}</center>
  1052.  
  1053. {/block:PostNotes}
  1054. </div>
  1055. {/block:Posts}
  1056. </div></div>
  1057.  
  1058. {block:indexpage}
  1059. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1060. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1061. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1062. <script type="text/javascript">
  1063. $(window).load(function(){
  1064. var $wall = $('#posts');
  1065. $wall.imagesLoaded(function(){
  1066. $wall.masonry({
  1067. itemSelector: '#entry, #entry_photo',
  1068. isAnimated : false
  1069. });
  1070. });
  1071.  
  1072. $wall.infinitescroll({
  1073. navSelector : '#page-nav',
  1074. nextSelector : '#page-nav a',
  1075. itemSelector : '#entry, #entry_photo',
  1076. bufferPx : 2000,
  1077. debug : false,
  1078. errorCallback: function() {
  1079. $('#infscr-loading').fadeOut('normal');
  1080. }},
  1081. function( newElements ) {
  1082. var $newElems = $( newElements );
  1083. $newElems.hide();
  1084. $newElems.imagesLoaded(function(){
  1085. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1086. });
  1087. }); $('#content').show(500);
  1088. });
  1089. </script>
  1090. {/block:indexpage}
  1091.  
  1092. <script type="text/javascript">
  1093. <!--
  1094.  
  1095. // Disable Right Click Script
  1096.  
  1097. function IE(e)
  1098. {
  1099. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  1100. {
  1101. return false;
  1102. }
  1103. }
  1104. function NS(e)
  1105. {
  1106. if (document.layers || (document.getElementById && !document.all))
  1107. {
  1108. if (e.which == "2" || e.which == "3")
  1109. {
  1110. return false;
  1111. }
  1112. }
  1113. }
  1114. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  1115.  
  1116. //-->
  1117. </script>
  1118. </body>
  1119.  
  1120.  
  1121.  
  1122.  
  1123. </html>
  1124. </object>
  1125. </html>
  1126. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!