API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 15th, 2014
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <html>
  5.  
  6. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  7.  
  8. <title>Your blog</title>
  9. <meta name="description" content="" />
  10. <link rel="shortcut icon" href="http://3.firepic.org/3/images/2014-06/15/wcrpwpkwd6km.jpg">
  11. <link rel="alternate" type="application/rss+xml" href="http://vanne-statprev.tumblr.com/rss">
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700' rel='stylesheet' type='text/css'>
  14.  
  15. <meta name="color:Caption BG" content=""/>
  16.  
  17. <meta name="color:Permalink Links" content=""/>
  18. <meta name="color:Permalink Links Hover" content=""/>
  19. <meta name="color:Permalink BG" content=""/>
  20.  
  21. <meta name="color:Pagination Links" content=""/>
  22. <meta name="color:Pagination Links BG" content=""/>
  23. <meta name="color:Pagination Links BG Hover" content=""/>
  24.  
  25. <meta name="if:Grid Theme" content="">
  26. <meta name="if:Entries Border" content="1">
  27. <meta name="if:Show Entries Icons" content="1">
  28. <meta name="if:Infinite Scroll" content="">
  29. <meta name="if:Black Music Player Icon" content="">
  30. <meta name="if:Show Captions" content="1">
  31. <meta name="if:Show Tags" content="1">
  32. <meta name="if:Image Fade" content="">
  33. <meta name="if:Black And White Images" content="">
  34. <meta name="if:Back To Top" content="1"/>
  35. <meta name="if:Cute Cursor" content=""/>
  36. <meta name="if:Crosshair Cursor" content=""/>
  37.  
  38. <meta name="text:Sidebar Title" content="cake party">
  39. <meta name="text:Music Player" content="">
  40. <meta name="text:Facebook URL" content="urlexample1">
  41. <meta name="text:Twitter Username" content="username_example1">
  42. <meta name="text:Link 1" content="link 1">
  43. <meta name="text:Link 1 URL" content="">
  44. <meta name="text:Link 2" content="link 2">
  45. <meta name="text:Link 2 URL" content="">
  46. <meta name="text:Link 3" content="link 3">
  47. <meta name="text:Link 3 URL" content="">
  48. <meta name="text:Link 4" content="link 4">
  49. <meta name="text:Link 4 URL" content="">
  50. <meta name="text:Link 5" content="link 5">
  51. <meta name="text:Link 5 URL" content="">
  52. <meta name="text:Link 6" content="link 6">
  53. <meta name="text:Link 6 URL" content="">
  54. <meta name="text:Your Blog URL" content="here goes your URL">
  55. <meta name="text:PopUp Ask Title" content="ask me anything">
  56. <meta name="text:PopUp Ask Text" content="Hey there! If you want to know me more, write something to me right here!">
  57.  
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60. <script>
  61. $(document).ready(function() {
  62. //
  63. $('a.poplight[href^=#]').click(function() {
  64. var popID = $(this).attr('rel'); //Get Popup Name
  65. var popURL = $(this).attr('href'); //Get Popup href to define size
  66. var query= popURL.split('?');
  67. var dim= query[1].split('&');
  68. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  69. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/n9vj50j/yB2n2spxk/imagefromstorage-14.png" style="float: right; width: 10px;"></a>');
  70. var popMargTop = ($('#' + popID).height() + 80) / 2;
  71. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  72. //Apply Margin to Popup
  73. $('#' + popID).css({
  74. 'margin-top' : -popMargTop,
  75. 'margin-left' : -popMargLeft
  76. });
  77. $('body').append('<div id="fade"></div>');
  78. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  79. return false;
  80. });
  81. $('a.close, #fade').live('click', function() {
  82. $('#fade , .popup_block').fadeOut(function() {
  83. $('#fade, a.close').remove(); //fade them both out
  84. });
  85. return false;
  86. });
  87. });
  88. </script>
  89.  
  90. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  91.  
  92. <style>
  93. div#qTip {
  94. margin-top: 3px;
  95. padding: 4px 8px 4px 8px;
  96. z-index: 99999;
  97. display: none;
  98. text-align: center;
  99. font-family: consolas;
  100. position: absolute;
  101. font-style: italic;
  102. font-size: 9px;
  103. border-radius: 6px;
  104. background: #fed6ae;
  105. color: #ffffff;
  106. letter-spacing: 1px;
  107. }
  108. </style>
  109.  
  110. <style type="text/css">
  111.  
  112. @import url(http://weloveiconfonts.com/api/?family=entypo);
  113.  
  114. /* entypo */
  115. [class*="entypo-"]:before {
  116. font-family: 'entypo', sans-serif;
  117. }
  118.  
  119. @font-face { font-family: "pix"; src: url('http://static.tumblr.com/2icx37z/P4Smyobs1/04b_03__.ttf');}
  120.  
  121. iframe#tumblr_controls {
  122. right: 3px !important;
  123. position: fixed !important;
  124. opacity: 0.2;
  125. white-space: nowrap;
  126. -webkit-filter: invert(100%);
  127. -moz-filter: invert(100%);
  128. -o-filter: invert(100%);
  129. -ms-filter: invert(100%);
  130. filter: invert(100%);
  131. -webkit-transition: opacity 0.7s linear;
  132. -webkit-transition: all 0.5s ease-in-out;
  133. -moz-transition: all 0.5s ease-in-out;
  134. -o-transition: all 0.5s ease-in-out;
  135. transition: all 0.5s ease-in-out;}
  136. iframe#tumblr_controls:hover {
  137. opacity: 0.7;}
  138.  
  139. body {
  140. background: url('http://25.media.tumblr.com/d3d5276af106e14618b0db283bb7fac3/tumblr_movcawwYsM1ru3nbdo9_250.png');
  141. background-attachment: fixed;
  142. font-family: consolas;
  143. font-size: 11px;}
  144.  
  145.  
  146. p img[src*=".jpg"] {
  147. background: url('') repeat scroll 0% 0% transparent;
  148. border-radius: 5px; max-width: 500px; padding: 3px; box-shadow: 0px 0px 4px 1px #; }
  149.  
  150.  
  151. ::-webkit-scrollbar-thumb:vertical {
  152. background: #ffe2a8;
  153. border-radius: 5px;
  154. height: auto;}
  155.  
  156. ::-webkit-scrollbar-thumb:horizontal {
  157. background: #ffe2a8;
  158. border-radius: 5px;
  159. height: auto;}
  160.  
  161. ::-webkit-scrollbar {
  162. height: 7px;
  163. width: 7px;
  164. background: #ffffff;}
  165.  
  166. ::selection {
  167. color: #ffffff;
  168. background: #d1e5c4;}
  169.  
  170. blockquote {
  171. margin-left: 0px;
  172. margin-right: 0px;
  173. padding-left: 5px;
  174. font-style: italic;
  175. color: #b9dde3;
  176. border-left: 3px solid #b7d9b4;}
  177.  
  178. a {
  179. text-decoration: none;
  180. color: #9fc69e;}
  181.  
  182. a:hover {
  183. color: #ebaf7d;
  184. text-decoration: none;}
  185.  
  186. b, strong {
  187. color: #f69389;
  188. font-weight: 700;}
  189.  
  190. i, em {
  191. color: #a0d3d7;
  192. font-weight: 400italic;}
  193.  
  194.  
  195.  
  196. /* - - - - - - - - - - CORNER - - - - - - - - - - */
  197. #corner {
  198. position: fixed;
  199. left: -250px;
  200. top: -250px;
  201. width: 450px;
  202. height: 450px;
  203. background: url('http://31.media.tumblr.com/60258e73e78ddd833e85bd49fac2a5a8/tumblr_mt67noIbPl1ru3nbdo4_r1_100.png');
  204. border-bottom: 15px solid #fad89f;
  205. -webkit-transform: rotate(-45deg);
  206. -moz-transform: rotate(-45deg);
  207. -o-transform: rotate(-45deg);}
  208.  
  209. #top {
  210. position: fixed;
  211. z-index: 9999999;
  212. top: 70px;
  213. left: -30px;
  214. width: 300px;
  215. height: 50px;
  216. line-height: 50px;
  217. color: #e9b77f;
  218. font-family: pix;
  219. text-transform: uppercase;
  220. font-weight: 700;
  221. text-align: center;
  222. font-size: 15px;
  223. -webkit-transform: rotate(-45deg);
  224. -moz-transform: rotate(-45deg);
  225. -o-transform: rotate(-45deg);}
  226.  
  227.  
  228.  
  229. /* - - - - - - - - - - SIDEBAR, LINKS, ETC - - - - - - - - - - */
  230. #main {
  231. position: fixed;
  232. top: 150px;
  233. left: -10px;
  234. z-index: 9999999;
  235. text-align: center;
  236. -webkit-transform: rotate(-45deg);
  237. -moz-transform: rotate(-45deg);
  238. -o-transform: rotate(-45deg);
  239. }
  240.  
  241. #main a {
  242. z-index: 99999;
  243. margin: 0px 20px 0px 20px;
  244. position: relative;
  245. display: inline-block;
  246. text-align: center;
  247. font-size: 15px;
  248. letter-spacing: 1px;
  249. padding: 17px 4px 3px 4px;
  250. width: 42px;
  251. height: 30px;
  252. border-radius: 8px;
  253. background: #c6e2c5;
  254. color: #ffffff;
  255. -webkit-transition: all 0.5s ease-in-out;
  256. -moz-transition: all 0.5s ease-in-out;
  257. -o-transition: all 0.5s ease-in-out;
  258. -ms-transition: all 0.5s ease-in-out;
  259. transition: all 0.5s ease-in-out;
  260. }
  261.  
  262. #main a:hover {border-radius: 14px;}
  263.  
  264. #main img {
  265. margin-top: -17px;
  266. margin-left: -4px;
  267. width: 50px;}
  268.  
  269. .iconu {
  270. float: left;
  271. margin-top: -3px;
  272. margin-left: 0px;
  273. font-size: 13px;
  274. overflow: hidden;
  275. height: 22px;
  276. width: 44px;
  277. line-height: 27px;
  278. text-align: center;
  279. -webkit-transform: rotate(45deg);
  280. -moz-transform: rotate(45deg);
  281. -o-transform: rotate(45deg);}
  282.  
  283. .iconti {
  284. height: 16px;
  285. width: 42px;
  286. font-size: 9px;
  287. font-family: pix;
  288. text-align: center;
  289. margin-left: 44px;
  290. margin-top: -27px;
  291. padding: 6px 0px 4px 0px;
  292. line-height: 30px;
  293. -webkit-transition: all 0.5s ease-in-out;
  294. -moz-transition: all 0.5s ease-in-out;
  295. -o-transition: all 0.5s ease-in-out;
  296. -ms-transition: all 0.5s ease-in-out;
  297. transition: all 0.5s ease-in-out;}
  298.  
  299. .iconvi {
  300. height: 16px;
  301. width: 42px;
  302. font-size: 13px;
  303. text-transform: uppercase;
  304. text-align: center;
  305. margin-left: 0px;
  306. margin-top: -4px;
  307. padding: 0px 0px 4px 0px;
  308. line-height: 30px;
  309. -webkit-transition: all 0.5s ease-in-out;
  310. -moz-transition: all 0.5s ease-in-out;
  311. -o-transition: all 0.5s ease-in-out;
  312. -ms-transition: all 0.5s ease-in-out;
  313. transition: all 0.5s ease-in-out;}
  314.  
  315. .iconu:hover .iconti {
  316. margin-left: 0px;}
  317.  
  318. .iconu:hover .iconvi {
  319. margin-left: -40px;}
  320.  
  321. #sidebar {
  322. position: fixed;
  323. overflow: hidden;
  324. left: 30px;
  325. top: 325px;
  326. border-radius: 8px;
  327. background: #b4ddda;}
  328.  
  329. #sidebar img {
  330. border-radius: 8px;
  331. padding: 10px;
  332. width: 177px;}
  333.  
  334. #description {
  335. top: 535px;
  336. left: 30px;
  337. width: 180px;
  338. height: 80px;
  339. font-family: pix;
  340. padding: 10px;
  341. font-size: 8px;
  342. text-align: center;
  343. position: fixed;
  344. overflow: auto;
  345. border-radius: 8px;
  346. background: #f3e5c4;
  347. color: #a0664b;
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. -o-transition: all 0.5s ease-in-out;
  351. -ms-transition: all 0.5s ease-in-out;
  352. transition: all 0.5s ease-in-out;}
  353.  
  354. #descriptiont {
  355. position: fixed;
  356. left: 228px;
  357. top: 565px;
  358. font-size: 35px;
  359. color: #f3e5c4;}
  360.  
  361. #favicon {
  362. position: fixed;
  363. left: 260px;
  364. top: 535px;
  365. border-radius: 10px;
  366. background: #fbc9b0;}
  367.  
  368. #favicon img {
  369. border-radius: 10px;
  370. padding: 10px;
  371. width: 80px;}
  372.  
  373. #custom {
  374. position: fixed;
  375. top: 325px;
  376. left: 260px;
  377. z-index: 99999;
  378. text-align: center;
  379. width: 92px;}
  380.  
  381. #custom a {
  382. z-index: 99999;
  383. margin-bottom: 6px;
  384. position: relative;
  385. display: block;
  386. text-align: center;
  387. text-transform: uppercase;
  388. letter-spacing: 1px;
  389. font-size: 9px;
  390. font-family: pix;
  391. width: 100px;
  392. border-radius: 4px;
  393. padding: 5px 0px 5px 0px;
  394. background: #d2dbb6;
  395. color: #ffffff;
  396. -webkit-transition: all .7s ease;
  397. -moz-transition: all .7s ease;
  398. -o-transition: all .7s ease;
  399. transition: all .7s ease;}
  400.  
  401. #custom a:hover {
  402. background: #fae9b3;
  403. color: #efb08c;}
  404.  
  405. #musicc {
  406. top: 570px;
  407. left: 360px;
  408. position: fixed;
  409. display: block;
  410. overflow: hidden;
  411. text-align: center;
  412. font-size: 12px;
  413. letter-spacing: 1px;
  414. opacity: .7;
  415. padding: 2px;
  416. width: 25px;
  417. height: 25px;
  418. border-top-right-radius: 4px;
  419. border-bottom-right-radius: 4px;
  420. background: #a8d5db;
  421. -webkit-transition: all 0.5s ease-in-out;
  422. -moz-transition: all 0.5s ease-in-out;
  423. -o-transition: all 0.5s ease-in-out;
  424. -ms-transition: all 0.5s ease-in-out;
  425. transition: all 0.5s ease-in-out;
  426. }
  427.  
  428. #musicc:hover {
  429. opacity: 1;
  430. width: 50px;
  431. }
  432.  
  433. #musicc img{width: 15px;}
  434.  
  435. .iconn {
  436. margin-top: -25px;
  437. font-size: 13px;
  438. padding: 4px;
  439. color: #ffffff;
  440. -webkit-transition: all 0.5s ease-in-out;
  441. -moz-transition: all 0.5s ease-in-out;
  442. -o-transition: all 0.5s ease-in-out;
  443. -ms-transition: all 0.5s ease-in-out;
  444. transition: all 0.5s ease-in-out;
  445. }
  446.  
  447. .playerr {
  448. margin-left: -50px;
  449. margin-top: 5px;
  450. width: 26px;
  451. opacity: 0;
  452. padding: 1px 9px 10px 9px;
  453. overflow: hidden;
  454. -webkit-transition: all 0.5s ease-in-out;
  455. -moz-transition: all 0.5s ease-in-out;
  456. -o-transition: all 0.5s ease-in-out;
  457. -ms-transition: all 0.5s ease-in-out;
  458. transition: all 0.5s ease-in-out;
  459. }
  460.  
  461. #musicc:hover .iconn {margin-left: 24px;}
  462. #musicc:hover .playerr {margin-left: -28px; opacity: 1;}
  463.  
  464. #pagination {
  465. z-index: 9999999;
  466. position: fixed;
  467. padding: 2px;
  468. top: 650px;
  469. left: 30px;
  470. width: 195px;
  471. text-align: center;
  472. }
  473.  
  474. #pagination a {
  475. display: inline;
  476. font-size: 8px;
  477. padding: 4px;
  478. margin: 0px 2px 0px 2px;
  479. text-transform: uppercase;
  480. text-align: center;
  481. letter-spacing: 1px;
  482. font-family: pix;
  483. border-radius: 4px;
  484. color: #ffffff;
  485. background: #b5e2de;
  486. -webkit-transition: all .7s ease;
  487. -moz-transition: all .7s ease;
  488. -o-transition: all .7s ease;
  489. transition: all .7s ease;
  490. }
  491.  
  492. #pagination a:hover {
  493. background: #eec9a1;
  494. }
  495.  
  496. span.selectedpage {
  497. color: #ffffff;
  498. background: #f7e49c;
  499. font-size: 9px;
  500. margin: 0px 2px 0px 2px;
  501. padding: 3px 4px 4px 4px;
  502. border-radius: 4px;
  503. text-transform: uppercase;
  504. text-align: center;
  505. letter-spacing: 1px;
  506. font-family: pix;
  507. }
  508.  
  509.  
  510.  
  511. /* - - - - - - - - - - POSTS - - - - - - - - - - */
  512. .post {
  513. background: none repeat scroll 0% 0% #FFF; border: 2px solid #D2E9E3; padding: 5px;
  514. width: 505px; position: relative; left: 500px; margin-bottom: 40px; border-radius: 5px;}
  515.  
  516.  
  517. #all {
  518. position:relative;
  519. top:0px;
  520. margin:0 auto;
  521. padding:5px;
  522. width: 700px;}
  523.  
  524. #container {
  525. margin-top: 30px;
  526. margin-bottom: 30px;
  527. margin-left: 450px;
  528. width: 400px;
  529. }
  530.  
  531. .entry {
  532. float:left;
  533. position: relative;
  534. padding: 10px 10px 7px 10px;
  535. text-align: left;
  536. color: #575757;
  537. background: #ffffff;
  538. border-radius: 7px;
  539. width: 400px;
  540. margin-bottom: 25px;
  541. -webkit-transition: all 0.5s ease-in-out;
  542. -moz-transition: all 0.5s ease-in-out;
  543. -o-transition: all 0.5s ease-in-out;
  544. -ms-transition: all 0.5s ease-in-out;
  545. transition: all 0.5s ease-in-out;
  546. border: 2px solid #d2e9e3;}
  547.  
  548. .entry img {
  549. max-width: 100%;
  550. border-radius: 3px;
  551. }
  552.  
  553. #entrytitle {
  554. text-align: center;
  555. font-size: 14px;
  556. line-height: 22px;
  557. font-family: pix;
  558. color: #aed4b6;}
  559.  
  560.  
  561.  
  562. /* - - - - - - - - - - ASK - - - - - - - - - - */
  563. #ask {
  564. margin-left: 60px;
  565. background: #ecfbec;
  566. padding: 5px 7px 5px 7px;
  567. min-height: 36px;
  568. font-family: pix;
  569. font-size: 10px;
  570. border-radius: 6px;
  571. }
  572.  
  573. #answer {
  574. padding: 10px 5px 0px 5px;
  575. }
  576.  
  577. #portrait img {
  578. float: left;
  579. border-radius: 6px;
  580. border: 3px solid #f4d2bf;
  581. margin: 0px 7px 5px 0px;
  582. }
  583.  
  584.  
  585.  
  586. /* - - - - - - - - - - QUOTE - - - - - - - - - - */
  587. #quote {
  588. background: #fff7ed;
  589. padding: 8px;
  590. text-align: center;
  591. font-family: pix;
  592. font-size: 12px;
  593. border-radius: 6px;
  594. letter-spacing: 1px;
  595. }
  596.  
  597. #quotesource {
  598. padding: 3px;
  599. text-align: right;
  600. font-family: pix;
  601. font-size: 8px;
  602. letter-spacing: 1px;
  603. color: #a0d3d7;
  604. }
  605.  
  606.  
  607.  
  608. /* - - - - - - - - - - POSTS ICONS - - - - - - - - - - */
  609. #envelope {
  610. position: absolute;
  611. right: -5px;
  612. top: -10px;
  613. font-size: 35px;
  614. color: #badedf;
  615. -webkit-transform: rotate(10deg);
  616. -moz-transform: rotate(10deg);
  617. -o-transform: rotate(10deg);}
  618.  
  619. #asktriangle {
  620. position: absolute;
  621. left: 60px;
  622. top: 20px;
  623. font-size: 25px;
  624. color: #ecfbec;
  625. -webkit-transform: rotate(-5deg);
  626. -moz-transform: rotate(-5deg);
  627. -o-transform: rotate(-5deg);}
  628.  
  629. #feather {
  630. position: absolute;
  631. right: -5px;
  632. top: -10px;
  633. font-size: 35px;
  634. color: #c9e4cf;}
  635.  
  636. #paperclip {
  637. position: absolute;
  638. right: -5px;
  639. top: -10px;
  640. font-size: 35px;
  641. color: #f8d7b9;
  642. -webkit-transform: rotate(-5deg);
  643. -moz-transform: rotate(-5deg);
  644. -o-transform: rotate(-5deg);}
  645.  
  646. #bookmark {
  647. position: absolute;
  648. left: 10px;
  649. top: -10px;
  650. font-size: 35px;
  651. color: #f4c4bf;}
  652.  
  653.  
  654.  
  655. /* - - - - - - - - - - PERMALINK AND REBLOG - - - - - - - - - - */
  656. #permalink {
  657. position: relative;
  658. margin: 10px 0px 0px 0px;
  659. width: 388px;
  660. border-radius: 6px;
  661. height: 15px;
  662. line-height: 15px;
  663. padding: 6px;
  664. font-family: pix;
  665. font-size: 8px;
  666. background: #ffedc5;
  667. border-top: 1px dotted #d2e9e3;
  668. -webkit-transition: all 0.5s ease-in-out;
  669. -moz-transition: all 0.5s ease-in-out;
  670. -o-transition: all 0.5s ease-in-out;
  671. -ms-transition: all 0.5s ease-in-out;
  672. transition: all 0.5s ease-in-out;
  673. }
  674.  
  675. #permalink a {
  676. color: #f79f73;
  677. }
  678.  
  679. #permalink a:hover {
  680. color: #f78484;
  681. }
  682.  
  683.  
  684.  
  685. /* - - - - - - - - - - TAGS - - - - - - - - - - */
  686. #tags {
  687. left: 0px;
  688. margin-top: 0px;
  689. opacity: 0;
  690. width: 400px;
  691. padding: 0px;
  692. font-size: 9px;
  693. font-family: pix;
  694. text-align: center;
  695. position: absolute;
  696. -webkit-transition: all 0.5s ease-in-out;
  697. -moz-transition: all 0.5s ease-in-out;
  698. -o-transition: all 0.5s ease-in-out;
  699. -ms-transition: all 0.5s ease-in-out;
  700. transition: all 0.5s ease-in-out;
  701. }
  702.  
  703. .entry:hover #tags {
  704. opacity: 1;
  705. margin-top: 13px;
  706. }
  707.  
  708.  
  709.  
  710. /* - - - - - - - - - - CAPTIONS - - - - - - - - - - */
  711. #caption {
  712. position:relative;
  713. margin-top: 10px;
  714. border-radius: 4px;
  715. width: 390px;
  716. padding: 5px;
  717. font-family: pix;
  718. font-size: 9px;
  719. background: #f3f3f3;
  720. }
  721.  
  722.  
  723.  
  724.  
  725. /* - - - - - - - - - - BACK TO TOP - - - - - - - - - - */
  726. .top {
  727. position: fixed;
  728. z-index: 999;
  729. }
  730.  
  731. .top a {
  732. font-size: 9px;
  733. text-align: center;
  734. font-family: pix;
  735. text-transform: uppercase;
  736. letter-spacing: 1px;
  737. padding: 6px;
  738. border-radius: 4px;
  739. background: #d2dbb6;
  740. color: #ffffff;
  741. -webkit-transition:all .5s ease;
  742. -moz-transition:all .5s ease;
  743. transition:all .5s ease;
  744. -o-transition:all .5s ease;
  745. }
  746.  
  747. .top a:hover {
  748. background: #fae9b3;
  749. color: #efb08c;
  750. }
  751.  
  752. #scrollToTop:link, #scrollToTop:visited {
  753. z-index: 9999;
  754. display: none;
  755. position: fixed;
  756. bottom: 15px;
  757. right: 15px;
  758. }
  759.  
  760.  
  761.  
  762. /* - - - - - - - - - - POP UP - - - - - - - - - - */
  763. #fade {
  764. display: none;
  765. background: #fff;
  766. position: fixed; left: 0; top: 0;
  767. width: 100%; height: 100%;
  768. opacity: .70;
  769. z-index: 999999999;
  770. }
  771.  
  772. .popup_block {
  773. display: none;
  774. background: #fff;
  775. color: #545454;
  776. padding: 20px;
  777. float: left;
  778. font-size: 12px;
  779. line-height:15px;
  780. position: fixed;
  781. border-radius: 8px;
  782. top: 50%; left: 50%;
  783. z-index: 9999999999999999999999999999999999999999999999;
  784. border: 2px solid #d2e9e3;
  785. }
  786.  
  787. *html #fade {
  788. position: absolute;
  789. }
  790.  
  791. *html .popup_block {
  792. position: absolute;
  793. }
  794.  
  795.  
  796.  
  797. /* - - - - - - - - - - PANCAKE - - - - - - - - - - */
  798. #pancake {
  799. z-index: 99999999999999999999;
  800. position: fixed;
  801. bottom: 10px;
  802. left: 0px;
  803. -webkit-transition: all 0.5s ease-in-out;
  804. -moz-transition: all 0.5s ease-in-out;
  805. -o-transition: all 0.5s ease-in-out;
  806. -ms-transition: all 0.5s ease-in-out;
  807. transition: all 0.5s ease-in-out;
  808. }
  809.  
  810. #pancake a {
  811. display: inline-block;
  812. text-align: center;
  813. font-size: 9px;
  814. font-family: pix;
  815. letter-spacing: 1px;
  816. padding: 2px 4px 4px 4px;
  817. width: 14px;
  818. height: 14px;
  819. line-height: 16px;
  820. border-top-right-radius: 8px;
  821. border-bottom-right-radius: 8px;
  822. overflow: hidden;
  823. background: #c6e2c5;
  824. color: #ffffff;
  825. -webkit-transition: all 0.5s ease-in-out;
  826. -moz-transition: all 0.5s ease-in-out;
  827. -o-transition: all 0.5s ease-in-out;
  828. -ms-transition: all 0.5s ease-in-out;
  829. transition: all 0.5s ease-in-out;
  830. }
  831.  
  832. #pancake a:hover {
  833. width: 120px;
  834. }
  835.  
  836. </style>
  837.  
  838.  
  839. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  840. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  841.  
  842. <div class="top">
  843. <a href="javascript:;" id="scrollToTop">top ^</a>
  844. </div>
  845.  
  846. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=c3c46376deb5e5c809f523efdbeb821f"></script>
  847. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  848.  
  849. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><meta property="fb:app_id" content="48119224995" /><meta property="og:site_name" content="" /><meta property="og:title" content="" /><meta property="og:url" content="http://vanne-statprev.tumblr.com/19cakeparty" /><meta property="og:determiner" content="a" /><meta property="og:description" content="" /><meta property="og:type" content="tumblr-feed:entry" /><meta property="og:image" content="http://37.media.tumblr.com/avatar_5077a60eaedc_512.png" /><meta property="al:ios:url" content="tumblr://x-callback-url/blog?blogName=vanne-statprev&amp;postID=" /><meta property="al:ios:app_name" content="Tumblr" /><meta property="al:ios:app_store_id" content="305343404" /><meta property="al:android:url" content="tumblr://x-callback-url/blog?blogName=vanne-statprev&amp;postID=" /><meta property="al:android:app_name" content="Tumblr" /><meta property="al:android:package" content="com.tumblr" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  850.  
  851.  
  852. <!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:card" content="summary" /><meta name="twitter:description" content="" /><meta name="twitter:url" content="" /><meta name="twitter:site" content="tumblr" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=vanne-statprev&amp;postID=&amp;referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=vanne-statprev&amp;postID=&amp;referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=vanne-statprev&amp;postID=&amp;referrer=twitter-cards" />
  853.  
  854. </head>
  855.  
  856.  
  857. <body>
  858.  
  859. <!--- POP UP --->
  860. <div id="01" class="popup_block">
  861. <div id="entrytitle">ask me anything</div>
  862.  
  863. This is just an example, please do not ask anything here because I won't answer, if you have questions please visit my faq and ask page <a href="http://juliaosipova.viewy.ru/">here</a>.
  864.  
  865. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/girl0nfire.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>
  866.  
  867. </div>
  868. <!--- / POP UP --->
  869.  
  870. <div id="corner"></div>
  871.  
  872. <div id="main">
  873. <a href="/">
  874. <div class="iconu">
  875. <div class="iconvi"><span class="entypo-home"></span></div>
  876. <div class="iconti">home</div>
  877. </div>
  878. </a>
  879.  
  880. <a href="#?w=500" rel="01" class="poplight">
  881. <div class="iconu">
  882. <div class="iconvi"><span class="entypo-mail"></span></div>
  883. <div class="iconti">ask</div>
  884. </div>
  885. </a>
  886.  
  887. <a href="/archive">
  888. <div class="iconu">
  889. <div class="iconvi"><span class="entypo-calendar"></span></div>
  890. <div class="iconti">archive</div>
  891. </div>
  892. </a>
  893.  
  894. <a href="http://juliaosipova.viewy.ru/">
  895. <div class="iconu">
  896. <div class="iconvi"><span class="entypo-heart"></span></div>
  897. <div class="iconti">editor</div>
  898. </div>
  899. </a>
  900. </div>
  901.  
  902. <div id="top">cake party</div>
  903.  
  904. <div id="description">Here goes your description, you can write as much as you want because the square has scroll so no worries ^^.
  905. <p><i>Credits:</i>
  906. <br>• Sidebar Image: <a href="http://www.flickr.com/photos/41772031@N08">JoyHey</a>
  907. <br>• Corner and Background Patterns: <a href="http://cocorini.com">cocorini</a>
  908. </div>
  909.  
  910. <div id="descriptiont"><span class="entypo-play"></span></div>
  911.  
  912. <div id="favicon">
  913. <div id="favicon img"><img src="http://37.media.tumblr.com/avatar_5077a60eaedc_128.png"></div>
  914. </div>
  915.  
  916. <div id="sidebar">
  917. <div id="sidebar img"><img src="http://farm6.staticflickr.com/5308/5569828596_0b529f5a40_q.jpg"></div>
  918. </div>
  919.  
  920. <div id="musicc">
  921. <div class="playerr">
  922. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k007.kiwi6.com/hotlink/jjizsivuir/02_All_That_Matters.mp3&t0=All That Matters&f1=http://k007.kiwi6.com/hotlink/dzcvkmda3i/08_Roller_Coaster.mp3&t1=Roller Coaster&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  923. </div>
  924. <div class="iconn">
  925. <span class="entypo-note-beamed"></span>
  926. </div>
  927. </div>
  928.  
  929.  
  930. <div id="custom">
  931. <a href="/">Facebook</a>
  932. <a href="/">Twitter</a>
  933. <a href="/">link 1</a>
  934. <a href="/">link 2</a>
  935. <a href="/">link 3</a>
  936. <a href="/">link 4</a>
  937. <a href="/">link 5</a>
  938. <a href="/">link 6</a>
  939. </div>
  940.  
  941.  
  942.  
  943.  
  944. </body>
  945.  
  946. </html>
  947.  
  948.  
  949.  
  950.  
  951.  
  952.  
  953. {block:startposts} <!-- Блок: начало записи(ей) -->
  954. <div id="right">
  955. {/block:startposts}
  956.  
  957. {block:text} <!-- Блок: текстовая запись -->
  958. <div class="post">
  959. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  960. <div>
  961. {%text%}
  962. </div>
  963. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  964. </div>
  965. {/block:text}
  966.  
  967. {block:photo} <!-- Блок: фотография -->
  968. <div class="post">
  969. <div>
  970. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  971. </div>
  972. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  973. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  974. </div>
  975. {/block:photo}
  976.  
  977. {block:link} <!-- Блок: ссылка -->
  978. <div class="post">
  979. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  980. {block:caption}<div>{%caption%}</div>{/block:caption}
  981. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  982. </div>
  983. {/block:link}
  984.  
  985. {block:quote} <!-- Блок: цитата -->
  986. <div class="post">
  987. <h3>{%quote%}</h3> <!-- Цитата -->
  988. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  989. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  990. </div>
  991. {/block:quote}
  992.  
  993. {block:audio} <!-- Блок: аудио -->
  994. <div class="post">
  995. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  996. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  997. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  998. </div>
  999. {/block:audio}
  1000.  
  1001. {block:video} <!-- Блок: видео -->
  1002. <div class="post">
  1003. <div>{%videoplayer%}</div>
  1004. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  1005. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1006. </div>
  1007. {/block:video}
  1008.  
  1009. {block:dialog} <!-- Блок: диалог -->
  1010. <div class="post">
  1011. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  1012. <div>{%dialog%}</div>
  1013. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1014. </div>
  1015. {/block:dialog}
  1016.  
  1017. {block:endposts} <!-- Блок: конец записи(ей) -->
  1018. </div>
  1019. {/block:endposts}
  1020.  
  1021. {block:startfooter} <!-- Блок: начало футера -->
  1022. <div id="footer">
  1023. {/block:startfooter}
  1024.  
  1025. {block:pages} <!-- Блок: постраничная навигация -->
  1026. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  1027.  
  1028. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  1029.  
  1030. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  1031. {/block:pages}
  1032.  
  1033. {block:endfooter} <!-- Блок: конец футера -->
  1034. </div>
  1035. <div class="clear"></div>
  1036. {/block:endfooter}
  1037.  
  1038. </body>
  1039. </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!