API tools faq
paste
Advertisement
ramisaaaaa

VICTORIA'S THEME

ramisaaaaa
Jun 10th, 2012
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5.  
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|Short+Stack|Loved+by+the+King|Coming+Soon|Raleway:100|Handlee|Indie+Flower' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <meta name="color:background" content="#aaa"/>
  12. <meta name="color:text" content="#130C11"/>
  13. <meta name="color:title" content="#130C11"/>
  14. <meta name="color:hover" content="#130C11"/>
  15. <meta name="color:link" content="#000000"/>
  16. <meta name="color:shadow" content="#dadada"/>
  17. <meta name="image:sidebar" content="1"/>
  18. <meta name="image:background" content="1"/>
  19. <meta name="if:show photo" content="0"/>
  20. <meta name="color:boxshadow" content="#ffffff"/>
  21.  
  22.  
  23.  
  24. <style type="text/css">
  25.  
  26.  
  27. .popup_block{
  28. display: none;
  29. background: #fff;
  30. background-image: url();
  31. padding: 3px;
  32. font-family: That one thing;
  33. float: center;
  34. font-size: 10px;
  35. position: fixed;
  36. top: 30%; left: 50%;
  37. z-index: 2;
  38. border: 2px solid #dadada;
  39. -moz-box-shadow: 0 0 20px #aaa;
  40. -webkit-box-shadow: 0 0 20px #aaa;
  41. }
  42. img.btn_close {
  43. float: right;
  44. margin: -5px -5px 0 0;
  45. }
  46. *html .popup_block {
  47. position: absolute;
  48. }
  49.  
  50.  
  51. #biter
  52.  
  53. #bite a {display:block}
  54.  
  55. #bite .death {margin-top:85px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.6s ease-out;}
  56.  
  57. #bite:hover .death {margin-top:-130px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  58.  
  59.  
  60. {block:iffadedimages}img{
  61.  
  62. -webkit-transition: opacity 0.8s linear;
  63.  
  64. opacity: 0.60;
  65.  
  66. }
  67. img:hover{
  68.  
  69. -webkit-transition: opacity 0.8s linear;
  70.  
  71. opacity: 1;
  72.  
  73. }{/block:iffadedimages}
  74.  
  75.  
  76. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  77.  
  78.  
  79.  
  80.  
  81. #tumblr_controls{
  82. position:fixed !important;
  83. }
  84.  
  85. .wrapper{
  86. margin: 0px auto;
  87. width: 802px;
  88. }
  89.  
  90. .header{
  91. float: left;
  92. width: 100%;
  93. }
  94.  
  95. .left{
  96. float: left;
  97. margin-right: 20px;
  98. width: 802px;
  99. }
  100.  
  101. .right{
  102. float: right;
  103. width: 200px;
  104. background-color: {color:Background};
  105. }
  106.  
  107. body {
  108. margin:0px;
  109. text-decoration: none;
  110. background-color: {color:background};
  111. background-image:url({image:Background});
  112. background-attachment: fixed;
  113. background-repeat: repeat;
  114. color: {color:Text};
  115. font-family: helvetica;
  116. font-size: 10px;
  117. line-height: 13px;
  118. }
  119.  
  120. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  121.  
  122. @font-face { font-family: "Arsenale White"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  123.  
  124. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  125.  
  126. div#content{
  127. padding: 4px;
  128. }
  129.  
  130. a:link, a:active, a:visited{
  131. color: {color:link};
  132. text-decoration: none;
  133. -webkit-transition: color 0.2s ease-out;
  134. -moz-transition: color 0.2s ease-out;
  135. }
  136.  
  137. a:hover{
  138. color:{color:Hover};
  139. text-decoration: underline;
  140. -webkit-transition: color 0.2s ease-out;
  141. -moz-transition: color 0.2s ease-out;
  142. text-shadow: {color:shadow} 5px 2px 2px;
  143. }
  144.  
  145. .entry {
  146. float:left;
  147. padding: 2px;
  148. padding-bottom: 0px;
  149. margin: 0px;
  150. margin-right: 0px;
  151. margin-bottom: 0px;
  152. {block:IndexPage}
  153. width: 250px;
  154. {/block:IndexPage}
  155. {block:PermalinkPage}
  156. width:300px;
  157. {/block:PermalinkPage}
  158. background-color: #fff;
  159. opacity: 1.0;
  160. font-color: #000000;
  161. }
  162.  
  163. .permalink{
  164. display: block;
  165. line-height: 13px;
  166. text-transform: none;
  167. font-family: littlefont;
  168. font-size: 8px;
  169. text-align:center;
  170. margin-top: 1px;
  171. background-color: #696969;
  172. opacity: 0.8;
  173. text-transform: uppercase;
  174. font-color: #000000;
  175. }
  176.  
  177. .entry .perma{
  178. overflow: hidden;
  179. overflow-y:hidden;
  180. z-index:1000;
  181. opacity: 0;
  182. background-color: white;
  183. position: absolute;
  184. text-align:center;
  185. color: #fff;
  186. font-size:8px;
  187. font-family: pixel;
  188. text-transform:uppercase;
  189. height: 0px;
  190. width: 240px;
  191. padding: 5px 10px 5px 0px;
  192. -webkit-transition: all 0.2s ease;
  193. -moz-transition: all 0.2s ease;
  194. -o-transition: all 0.2s ease;
  195. font-color: #000000;
  196. background-color: #000000;
  197. }
  198.  
  199. .entry:hover .perma{
  200. background-color: #000000;
  201. height: 10px;
  202. margin-top:0px;
  203. overflow:visible;
  204. -webkit-transition: all 0.2s linear; opacity: 0.8;
  205. -webkit-transition: all 0.2s linear;
  206. -moz-transition: all 0.2s linear;
  207. transition: all 0.2s linear;
  208. }
  209.  
  210. @font-face{
  211. font-family: 'pixel';font-style: normal;font-weight: normal;src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  212.  
  213. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  214.  
  215.  
  216. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  217.  
  218. div#sidebar{
  219. position:fixed !important;
  220. width: 260px;
  221. height:auto;
  222. margin-left: 550px;
  223. padding: 2px;
  224. line-height:11px;
  225. letter-spacing:0px;
  226. margin-bottom: 6px;
  227. background-color: transparent;
  228. }
  229.  
  230.  
  231.  
  232. #posts {
  233. width:530px;
  234. margin-left:230px;
  235. background-color: {color:background};
  236. background-image:url({image:Background});
  237. {block:PermalinkPage}
  238. margin-left:230px;
  239. {/block:PermalinkPage}
  240. }
  241.  
  242. #infscr-loading{
  243. bottom: -70px;
  244. position: absolute;
  245. left: 50%;
  246. margin-left:-8px;
  247. width:16px;
  248. height:11px;
  249. overflow:hidden;
  250. margin-bottom: 50px;
  251. }
  252.  
  253. .title{
  254. font-family: arsenale white;
  255. font-size: 28px;
  256. line-height:14px;
  257. color: {color:Title};
  258. font-weight: normal;
  259. }
  260.  
  261. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  262.  
  263.  
  264. #blogtitle{
  265. position:fixed !important;
  266. font-size: 30px;
  267. padding: 2px;
  268. font-family: cedarville cursive;
  269. line-height:9px;
  270. letter-spacing:0px;
  271. padding-bottom: 0px;
  272. background:transparent;
  273. margin-left: -485px;
  274. margin-top: 20px;
  275. text-shadow:0px 0px 0px rgba(0,0,0,0.2);
  276. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
  277.  
  278. #blogtitle:hover{
  279.  
  280. text-shadow:14px 15px 10px rgba(0,0,0,0.1), 9px -16px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),8px -5px 0px rgba(0,0,0,0.2),3px -8px 0px rgba(0,0,0,0.15);
  281. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
  282.  
  283.  
  284. .firstletter {
  285. color: #828282;
  286. font-family:meow;
  287. font-size:20px;
  288. line-height: 20px;
  289. width:160px;
  290. text-align: right;
  291. }
  292.  
  293. .firstletter:first-letter {
  294. color: {color: first letter of title};
  295. font-size:35px;
  296. }
  297.  
  298. div#sidequote{
  299. position:fixed !important;
  300. width: auto;
  301. height: auto;
  302. margin-top: 460px;
  303. margin-left: 0px;
  304. font-family: littlefont;
  305. text-transform: uppercase;
  306. font-size: 8px;
  307. letter-spacing: 10px;
  308. line-height: 40px;
  309. text-align: center;
  310. font-color: #fff;
  311. }
  312.  
  313. div#sidequote2{
  314. position:fixed !important;
  315. width: auto;
  316. height: auto;
  317. margin-top: 480px;
  318. margin-left: -50px;
  319. background-color: transparent;
  320. font-family: dawning;
  321. font-size: 45px;
  322. line-height: 40px;
  323. text-align: center;
  324. text-shadow: 1px 1px 1px {color:blog title shadow}
  325. font-color: #fff;
  326. }
  327.  
  328. #sidebarimage{margin-left: -500px; margin-top: 24px; width: 170px; float: center; background-color: {color:sidebar}; padding: 0px; height: auto;}
  329.  
  330. .sidebarimg {height: 103px; text-align: left; margin: 5px; padding: 3px; background-color: {color:background}; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;border-top-left-radius:5px;
  331. border-top-right-radius:5px;}
  332.  
  333. .sidebarimg img{width: 152px; height: auto; display: block; overflow: auto; margin-bottom: 3px;}
  334.  
  335. #mpic {position: fixed; float: left; margin-top: 260px; margin-left: 384px;}.mpic img{border: 6px solid {color:sidebar}; height: 69px;}
  336. .mpic img:hover {border: 6px solid {color:picborder hover}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;width: 151px;border-top-left-radius:5px;
  337. border-top-right-radius:5px;}
  338.  
  339. #ssidebarimage{margin-left: 252px; margin-top: 260px; width: 153px; float: left; background-color: {color:post}; padding: 5px; height: 71px;}
  340. .sdbarimg {padding: 3px; background-color: {color:description}; border: 1px dashed #dadada; {color:border}; width:px; height: auto;border-top-left-radius:5px;
  341. border-top-right-radius:5px;}
  342.  
  343. .sdbarimg img{max-width: 156px; height: auto; display: inline; margin-right: 3px; border-top-left-radius:5px;
  344. border-top-right-radius:5px;}
  345.  
  346. @font-face {
  347. font-family: "dawning";
  348. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  349. }
  350.  
  351. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  352.  
  353. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  354.  
  355. blockquote{
  356. padding:0px 0px 2px 5px;
  357. margin:0px 0px 2px 10px;
  358. border-left: 1px dotted #555555;
  359. }
  360.  
  361.  
  362. {CustomCSS}
  363.  
  364. </style>
  365.  
  366. {block:IndexPage}
  367. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  368. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  369.  
  370. <script type="text/javascript">
  371. $(window).load(function () {
  372. var $content = $('#posts');
  373. $content.masonry({itemSelector: '.entry'}),
  374. $content.infinitescroll({
  375. navSelector : 'div#pagination',
  376. nextSelector : 'div#pagination a#nextPage',
  377. itemSelector : '.entry',
  378. loading: {
  379. finishedMsg: '',
  380. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  381. },
  382. bufferPx : 600,
  383. extraScrollPx: 700,
  384. debug : false,
  385. },
  386. // call masonry as a callback.
  387. function( newElements ) {
  388. var $newElems = $( newElements );
  389. $newElems.hide();
  390. // ensure that images load before adding to masonry layout
  391. $newElems.imagesLoaded(function(){
  392. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  393.  
  394.  
  395. });
  396. });
  397. });
  398. </script>
  399.  
  400. {/block:IndexPage}
  401.  
  402. <title>{title}</title>
  403.  
  404. <link rel="shortcut icon" href="{Favicon}">
  405. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  406. <meta name="viewport" content="width=820" />
  407.  
  408. </head>
  409. <body>
  410. <div class="wrapper">
  411. <div class="header">
  412. </span>
  413. </div>
  414.  
  415.  
  416. <div id="sidebar">
  417.  
  418. <div id="sidebarimage">
  419. <div class="sidebarimg">
  420. <img src="{image:sidebar}"/></div>
  421.  
  422. <center>{description}</center>
  423.  
  424. <center><a href="http://icy-me0ws.tumblr.com/">theme by icy-me0ws</a></center>
  425.  
  426.  
  427.  
  428. <center><img src="http://i910.photobucket.com/albums/ac310/strawberrylena/Misc/fimdepostmsxx2.gif" border="0"></a></center>
  429.  
  430. </div>
  431. </div>
  432.  
  433. <div id="content">
  434. <div class="left">
  435.  
  436. <div id="posts">
  437.  
  438. {block:Posts}
  439. <div class="entry">
  440.  
  441. {block:IndexPage}
  442. {/block:IndexPage}
  443.  
  444. {block:Text}
  445. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  446. <div class="permadbdbgd">
  447. <span class="permavffv"><a href="{permalink}">
  448. <span class="permaffvfv"><a href="{permalink}">{timeago} // {NoteCountWithLabel}</a></div>
  449. {/block:Text}
  450.  
  451. {block:Answer}
  452. <br>
  453. <div style="margin: 3px; border-radius:3px; min-height:35px; padding: 2px; background-color: #fff; -moz-box-shadow: 0 0 10px #FFDDFB;
  454. -webkit-box-shadow: 0 0 10px #FFDDFB;
  455. box-shadow: 0 0 8px #FFDDFB; ">
  456. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  457. {Asker}: {Question}<br></div>{Answer}
  458. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  459. {/block:Answer}
  460.  
  461.  
  462. {block:Link}
  463. <a href="{URL}" class="title">{Name}</a>
  464. {block:Description}{Description}{/block:Description}
  465. <div class="permadf">
  466. <span class="permavfvfvd"><a href="{permalink}">
  467. <span class="permalinkvdcdc"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  468. </a></a></span></div>
  469. {block:Link}
  470.  
  471. {block:Photo}
  472.  
  473.  
  474. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  475.  
  476.  
  477. <div class="pervsdhudhdsdodssdl">
  478. <div class="perdsdcdkjkfskdj">
  479. <center><a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i491.photobucket.com/albums/rr273/dirrtypink_photos/0-0.gif" border="0"></a><center>
  480. </div>
  481. </div>
  482.  
  483.  
  484.  
  485. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  486. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a>{LinkCloseTag}{/block:PermalinkPage}
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. {block:IndexPage}
  491. <center>
  492. {Photoset-240}</center>
  493. {/block:IndexPage}
  494. {block:PermalinkPage}
  495. <center>
  496. {Photoset-240}</center>
  497. <div class="perma">
  498. <span class="permalink"><a href="{permalink}">
  499. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  500. </a></a></span></div>
  501. {/block:PermalinkPage}
  502. {/block:Photoset}
  503.  
  504.  
  505. {block:Quote}
  506. {Quote}</span>
  507. {block:Source}<strong>{Source}</strong>{/block:Source}
  508. <div class="permafvvffvfd">
  509. <span class="permalinkvfv"><a href="{permalink}">
  510. <span class="permalinkvfvfvvf"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  511. </a></a></span></div>
  512. {/block:Quote}
  513.  
  514. {block:Chat}
  515. {block:Title}<span class="title">{Title}</span>{/block:Title}
  516. <ul class="chat">
  517. {block:Lines}
  518. <li class="user_{UserNumber}">
  519. {block:Label}
  520. <span class="label">{Label}</span>
  521. {/block:Label}
  522.  
  523. {Line}
  524. </li>
  525. {/block:Lines}
  526. </ul><div class="permavvfdx">
  527. <span class="permalinkfvvff"><a href="{permalink}">
  528. <span class="permalinkfvff"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  529. </a></a></span></div>
  530.  
  531. {/block:Chat}
  532.  
  533. {block:Audio}
  534. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  535. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  536. <div class="perma vvvc">
  537. <span class="permalink"><a href="{permalink}">
  538. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  539. </a></a></span></div>
  540. {/block:Audio}
  541.  
  542. {block:Video}
  543. {block:IndexPage}
  544. <center>
  545. {Video-250}</center>
  546. {/block:IndexPage}
  547. {block:PermalinkPage}
  548. <center>
  549. {Video-250}</center>
  550. {/block:PermalinkPage}
  551. <div class="perma vvvc">
  552. <span class="permalink"><a href="{permalink}">
  553. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  554. </a></a></span></div>
  555. {block:Video}
  556.  
  557. {block:PermalinkPage}
  558. <center>
  559. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  560. {/block:PermalinkPage}
  561.  
  562.  
  563. {block:PostNotes}{PostNotes}
  564. {/block:PostNotes}
  565. </div>
  566.  
  567.  
  568. {/block:Posts}
  569. </div>
  570. </div>
  571. {block:IndexPage}
  572. {block:Pagination}
  573. <div id="pagination">
  574. {block:NextPage}
  575. <a id="nextPage" href="{NextPage}"></a>
  576. {/block:NextPage}
  577. {block:PreviousPage}
  578. <a href="{PreviousPage}"></a>
  579. {/block:PreviousPage}
  580. </div>
  581. {/block:Pagination}
  582. {/block:IndexPage}
  583. </div>
  584. </body>
  585.  
  586. <div id="02" class="popup_block">
  587.  
  588. <Center><font size="5" color="#aaa"><p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/icy-me0ws.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  589. </center></div>
  590. </div></div></div></div></div></div></div></div></div></div>
  591.  
  592. </html>
  593.  
  594. <div style="position:fixed; top:5px; left:2px;">
  595. <a href="http://icy-me0ws.tumblr.com/">credit</a>
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!