API tools faq
paste
Advertisement
ramisaaaaa

Untitled

ramisaaaaa
Jul 9th, 2012
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.34 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script|Unkempt|The+Girl+Next+Door|Allura|Sevillana|Seaweed+Script|Norican|Ruluko|Italianno' rel='stylesheet' type='text/css'>
  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="#fff"/>
  12. <meta name="color:text" content="#130C11"/>
  13. <meta name="color:hover" content="#130C11"/>
  14. <meta name="color:link" content="#000000"/>
  15. <meta name="color:shadow" content="#dadada"/>
  16. <meta name="image:background" content="1"/>
  17. <meta name="color:title" content="#dadada"/>
  18. <meta name="if:show photo" content="1"/>
  19. <meta name="image:Sidebar" content=""/>
  20. <meta name="if:faded images" content="0"/>
  21. <meta name="color:border" content="#aaa"/>
  22. <meta name="text:sidebar title" content="theme 1"/>
  23. <meta name="text: Custom Link One" content="ffff"/>
  24. <meta name="text: Custom Link One Title" content="omg"/>
  25. <meta name="text: Custom Link Two" content="ffff"/>
  26. <meta name="text: Custom Link Two Title" content="becky"/>
  27. <meta name="text: Custom Link Three" content="ffff"/>
  28. <meta name="text: Custom Link Three Title" content="look"/>
  29. <meta name="color:Link One" content="#dddddd"/>
  30. <meta name="color:Link Two" content="#dddddd"/>
  31. <meta name="color:Link Three" content="#dddddd"/>
  32.  
  33.  
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38. {block:iffadedimages}img{
  39.  
  40. -webkit-transition: opacity 0.4s linear;
  41.  
  42. opacity: 0.90;
  43.  
  44. }
  45. img:hover{
  46.  
  47. -webkit-transition: opacity 0.4s linear;
  48.  
  49. opacity: 1;
  50.  
  51. }{/block:iffadedimages}
  52.  
  53.  
  54.  
  55. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  56. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  57.  
  58.  
  59. 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;}
  60.  
  61. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  62.  
  63.  
  64. ::-webkit-scrollbar {width: 8px; height: 4px; opacity: 0.5; background: #fff;}
  65.  
  66. ::-webkit-scrollbar-thumb { background: {color:link one}; opacity: 0.5; -webkit-border-radius: 0ex;}
  67.  
  68.  
  69. #tumblr_controls{
  70. position:fixed !important;
  71. }
  72.  
  73. .wrapper{
  74. margin: 0px auto;
  75. width: 802px;
  76. }
  77.  
  78. .header{
  79. float: left;
  80. width: 100%;
  81. }
  82.  
  83. .left{
  84. float: left;
  85. margin-right: 20px;
  86. width: 802px;
  87. }
  88.  
  89. .right{
  90. float: right;
  91. width: 200px;
  92. background-color: {color:Background};
  93. }
  94.  
  95. body {
  96. margin:0px;
  97. text-decoration: none;
  98. background-color: #fff;
  99. background-image:url({image:Background});
  100. background-attachment: fixed;
  101. background-repeat: repeat;
  102. color: {color:Text};
  103. font-family: pixel;
  104. font-size: 8px;
  105. }
  106.  
  107. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  108.  
  109. div#content{
  110. padding: 4px;
  111. }
  112.  
  113. a:link, a:active, a:visited{
  114. color: {color:Link};
  115. text-decoration: none;
  116. -webkit-transition: color 0.2s ease-out;
  117. -moz-transition: color 0.2s ease-out;
  118. }
  119.  
  120. a:hover{
  121. color:{color:Hover};
  122. text-decoration: underline;
  123. -webkit-transition: color 0.2s ease-out;
  124. -moz-transition: color 0.2s ease-out;
  125. text-shadow: {color:shadow} 5px 2px 2px;
  126. }
  127.  
  128. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  129.  
  130. .entry {
  131. float:left;
  132. padding-top: 4px;
  133. padding-left: 4px;
  134. padding-right: 4px;
  135. padding-bottom: 2px;
  136. {block:IndexPage}
  137. width: 200px;
  138. {/block:IndexPage}
  139. {block:PermalinkPage}
  140. width:400px;
  141. {/block:PermalinkPage}
  142. background-color: #fff;
  143. }
  144.  
  145. .permalink{
  146. display: block;
  147. line-height: 13px;
  148. text-transform: none;
  149. font-family: helvetica;
  150. font-size: 8px;
  151. text-align:center;
  152. margin-top: 1px;
  153. background-color: transparent;
  154. opacity: 0.8;
  155. text-transform: uppercase;
  156. font-color: #000000;
  157. }
  158.  
  159. .entry .perma{
  160. position: absolute;
  161. font-family: pixel;
  162. line-height:10px;
  163. font-size: 8px;
  164. letter-spacing: 1px;
  165. text-align: center;
  166. overflow:hidden;
  167. opacity: 0.0;
  168. background: #000000;
  169. -webkit-transition: all 0.2s linear;
  170. -webkit-transition: all 0.2s linear;
  171. -moz-transition: all 0.2s linear;
  172. transition: all 0.2s linear;
  173. width: 200px;
  174. }
  175.  
  176.  
  177. .entry:hover .perma{
  178. overflow:visible;
  179. padding-top: 2px;
  180. background-color: #fff;
  181. -webkit-transition: all 0.4s linear; opacity: 0.8;
  182. -webkit-transition: all 0.4s linear;
  183. -moz-transition: all 0.4s linear;
  184. transition: all 0.4s linear;
  185. }
  186.  
  187.  
  188.  
  189. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  190.  
  191. div#description{
  192. margin-top:5px;
  193. margin-left: -3px;
  194. padding: 4px 3px 4px 2px;
  195. width: 123px;
  196. height: auto;
  197. background-color: #ffffff;
  198. position: fixed;
  199. text-align: left;
  200. font-size: 9px;
  201. border-left: 25px solid {color:border};
  202. }
  203.  
  204. div#Bottomquote{
  205. opacity:.9;
  206. padding: 1px;
  207. padding-bottom:1px;
  208. height:9px;
  209. float:center;
  210. background:{color:Bottom quote};
  211. position:fixed;
  212. margin-left:20px;
  213. margin-top: 380px;
  214. border: 1px solid #dddddd;
  215. width:160px;
  216. font-family: pixel;
  217. font-size: 8px;
  218. letter-spacing: 1px;
  219. text-align: center;
  220. -webkit-transform: rotateY(180deg);
  221. border-top-right-radius:0px;
  222. border-bottom-right-radius:10px;
  223. border-top-left-radius:0px;
  224. border-bottom-left-radius:10px;
  225. -webkit-transition: all 0.7s ease-in-out;
  226. -moz-transition: all 0.7s ease-in-out;
  227. -o-transition: all 0.7s ease-in-out;
  228. -ms-transition: all 0.7s ease-in-out;
  229. transition: all 0.7s ease-in-out;
  230. opacity: 0.5;
  231. }
  232. #Bottomquote:hover {
  233. opacity:.6;
  234. background:{color:Bottom quote hover};
  235. -webkit-transform: rotateY(0deg);
  236. -webkit-transition: all 0.7s ease-in-out;
  237. -moz-transition: all 0.7s ease-in-out;
  238. -o-transition: all 0.7s ease-in-out;
  239. -ms-transition: all 0.7s ease-in-out;
  240. transition: all 0.7s ease-in-out;
  241. }
  242.  
  243. #photosidebarquote{
  244. opacity:.9;
  245. padding: 1px;
  246. padding-top:1px;
  247. height:9px;
  248. float:center;
  249. background:{color:Top quote};
  250. position:fixed;
  251. margin-left:15px;
  252. margin-top: 104px;
  253. border: 1px solid #dddddd;
  254. width:163px;
  255. font-family: pixel;
  256. font-size: 8px;
  257. letter-spacing: 1px;
  258. text-align: center;
  259. position:fixed;
  260. -webkit-transform: rotateY(180deg);
  261. border-top-right-radius:10px;
  262. border-bottom-right-radius:0px;
  263. border-top-left-radius:10px;
  264. border-bottom-left-radius:0px;
  265. -webkit-transition: all 0.7s ease-in-out;
  266. -moz-transition: all 0.7s ease-in-out;
  267. -o-transition: all 0.7s ease-in-out;
  268. -ms-transition: all 0.7s ease-in-out;
  269. transition: all 0.7s ease-in-out;
  270. }
  271.  
  272.  
  273. #photosidebarquote:hover {
  274. opacity:.6;
  275. background:{color:Top quote hover};
  276. -webkit-transform: rotateY(0deg);
  277. -webkit-transition: all 0.7s ease-in-out;
  278. -moz-transition: all 0.7s ease-in-out;
  279. -o-transition: all 0.7s ease-in-out;
  280. -ms-transition: all 0.7s ease-in-out;
  281. transition: all 0.7s ease-in-out;
  282. }
  283.  
  284.  
  285.  
  286. div#descxx {
  287. position:fixed;
  288. overflow: auto;
  289. width:160px;
  290. height: 42px;
  291. background-color:white;
  292. padding:2px;
  293. margin-top: 334px;
  294. margin-left:15px;
  295. border: 1px solid #aaa !important;
  296. box-shadow: 0px 5px 20px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.35); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  297. }
  298.  
  299. div#sidebar {
  300. position:fixed !important;
  301. width: 150px;
  302. height: auto;
  303. background-color:transparent;
  304. margin-left: -100px;
  305. margin-top: 280px;
  306. padding:3px;
  307. }
  308.  
  309. #sidebarpic img {
  310. position:fixed;
  311. width: 93px;
  312. height: 72px;
  313. margin-top:-35px;
  314. margin-left:117px;
  315. background: transparent;
  316. -webkit-transition: all 1.0s ease-in-out;
  317. -moz-transition: all 1.0s ease-in-out;
  318. -o-transition: all 1.0s ease-in-out;
  319. -ms-transition: all 1.0s ease-in-out;
  320. transition: all 1.0s ease-in-out;
  321. border: 1px solid #ddd;
  322. }
  323.  
  324. div#desc{
  325. font-family: handy00;
  326. overflow: auto;
  327. position:fixed;
  328. font-family: pixel;
  329. width:159px;
  330. height:57px;
  331. background: white;
  332. padding:2px;
  333. margin-top: 40px;
  334. margin-left: 117px;
  335. border: 1px solid #ddd;
  336. }
  337.  
  338. div#musicplayer{
  339. padding: 1px;
  340. padding-bottom:2px;
  341. height:18px;
  342. float:left;
  343. line-height:10px;
  344. background: white;
  345. position:fixed;
  346. margin-left:116px;
  347. margin-top: 248px;
  348. border: 1px solid #ddd;
  349. width:65px;
  350. }
  351.  
  352. #link1 a{
  353. opacity: 0.5;
  354. color: white;
  355. position: fixed;
  356. background: {color:link one};
  357. display: inline-block;
  358. margin-top: 272px;
  359. margin-left: 116px;
  360. font-family: handy00;
  361. font-size: 8px;
  362. text-align: center;
  363. line-height: 14px;
  364. height: 16px;
  365. width: 68px;
  366. transition: all 0.5s ease-out;
  367. -o-transition-transition: all 0.5s ease-out;
  368. -webkit-transition: all 0.5s ease-out;
  369. -moz-transition: all 0.5s ease-out;
  370. }
  371.  
  372. #link1 a:hover {
  373. padding-top: 0px;
  374. opacity: 0.9;
  375. color:{color:Hover};
  376. transition: all 0.5s ease-out;
  377. -o-transition-transition: all 0.5s ease-out;
  378. -webkit-transition: all 0.5s ease-out;
  379. -moz-transition: all 0.5s ease-out;
  380. }
  381.  
  382. #link2 a{
  383. opacity: 0.5;
  384. color: white;
  385. position: fixed;
  386. background: {color:link two};
  387. display: inline-block;
  388. margin-top: 289px;
  389. margin-left: 116px;
  390. font-family: handy00;
  391. font-size: 8px;
  392. text-align: center;
  393. line-height: 14px;
  394. height: 16px;
  395. width: 68px;
  396. transition: all 0.5s ease-out;
  397. -o-transition-transition: all 0.5s ease-out;
  398. -webkit-transition: all 0.5s ease-out;
  399. -moz-transition: all 0.5s ease-out;
  400. }
  401.  
  402. #link2 a:hover {
  403. padding-top: 0px;
  404. opacity: 0.9;
  405. color:{color:Hover};
  406. transition: all 0.5s ease-out;
  407. -o-transition-transition: all 0.5s ease-out;
  408. -webkit-transition: all 0.5s ease-out;
  409. -moz-transition: all 0.5s ease-out;
  410. }
  411.  
  412. #link3 a{
  413. opacity: 0.5;
  414. color: white;
  415. position: fixed;
  416. background: {color:link three};
  417. display: inline-block;
  418. margin-top: 306px;
  419. margin-left: 116px;
  420. font-family: handy00;
  421. font-size: 8px;
  422. text-align: center;
  423. line-height: 14px;
  424. height: 16px;
  425. width: 68px;
  426. transition: all 0.5s ease-out;
  427. -o-transition-transition: all 0.5s ease-out;
  428. -webkit-transition: all 0.5s ease-out;
  429. -moz-transition: all 0.5s ease-out;
  430. }
  431.  
  432. #link3 a:hover {
  433. padding-top: 0px;
  434. opacity: 0.9;
  435. color:{color:Hover};
  436. transition: all 0.5s ease-out;
  437. -o-transition-transition: all 0.5s ease-out;
  438. -webkit-transition: all 0.5s ease-out;
  439. -moz-transition: all 0.5s ease-out;
  440. }
  441.  
  442.  
  443. div#links{
  444. position:fixed !important;
  445. width: 161px;
  446. height:10px;
  447. margin-top: 120px;
  448. margin-left: 15px;
  449. padding: 2px;
  450. line-height:11px;
  451. background-color:#FFFFFF;
  452. border: 1px solid #aaa !important;
  453. box-shadow: 0px 5px 20px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.35); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  454. }
  455.  
  456. #linkone a{
  457. opacity: 0.5;
  458. color: black;
  459. position: fixed;
  460. background: #f577a3;
  461. display: inline-block;
  462. font-family: pixel;
  463. text-transform: uppercase;
  464. font-size: 8px;
  465. text-align: center;
  466. line-height: 13px;
  467. height: 12px;
  468. width: 22px;
  469. transition: all 0.5s ease-out;
  470. -o-transition-transition: all 0.5s ease-out;
  471. -webkit-transition: all 0.5s ease-out;
  472. -moz-transition: all 0.5s ease-out;
  473. margin: -1px 0px 0px -1px;
  474. }
  475.  
  476. @font-face {font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  477.  
  478. #linkone a:hover {
  479. opacity: 0.9;
  480. background-color:#fff;
  481. transition: all 0.5s ease-out;
  482. -o-transition-transition: all 0.5s ease-out;
  483. -webkit-transition: all 0.5s ease-out;
  484. -moz-transition: all 0.5s ease-out;
  485. }
  486.  
  487. #linktwo a{
  488. opacity: 0.5;
  489. color: black;
  490. position: fixed;
  491. background: #db2263;
  492. display: inline-block;
  493. font-family: pixel;
  494. text-transform: uppercase;
  495. font-size: 8px;
  496. text-align: center;
  497. line-height: 13px;
  498. height: 12px;
  499. width: 24px;
  500. transition: all 0.5s ease-out;
  501. -o-transition-transition: all 0.5s ease-out;
  502. -webkit-transition: all 0.5s ease-out;
  503. -moz-transition: all 0.5s ease-out;
  504. margin: -1px 0px 0px 22px;
  505. }
  506.  
  507. #linktwo a:hover {
  508. opacity: 0.9;
  509. background-color:#fff;
  510. transition: all 0.5s ease-out;
  511. -o-transition-transition: all 0.5s ease-out;
  512. -webkit-transition: all 0.5s ease-out;
  513. -moz-transition: all 0.5s ease-out;
  514. }
  515.  
  516. #linkthree a{
  517. opacity: 0.5;
  518. color: black;
  519. position: fixed;
  520. background: #f577a3;
  521. display: inline-block;
  522. font-family: pixel;
  523. text-transform: uppercase;
  524. font-size: 8px;
  525. text-align: center;
  526. line-height: 13px;
  527. height: 12px;
  528. width: 33px;
  529. transition: all 0.5s ease-out;
  530. -o-transition-transition: all 0.5s ease-out;
  531. -webkit-transition: all 0.5s ease-out;
  532. -moz-transition: all 0.5s ease-out;
  533. margin: -1px 0px 0px 47px;
  534. }
  535.  
  536. #linkthree a:hover {
  537. opacity: 0.9;
  538. background-color:#fff;
  539. transition: all 0.5s ease-out;
  540. -o-transition-transition: all 0.5s ease-out;
  541. -webkit-transition: all 0.5s ease-out;
  542. -moz-transition: all 0.5s ease-out;
  543. }
  544.  
  545. #linkfour a{
  546. opacity: 0.5;
  547. color: black;
  548. position: fixed;
  549. background: #c52d62;
  550. display: inline-block;
  551. font-family: pixel;
  552. text-transform: uppercase;
  553. font-size: 8px;
  554. text-align: center;
  555. line-height: 13px;
  556. height: 12px;
  557. width: 29px;
  558. transition: all 0.5s ease-out;
  559. -o-transition-transition: all 0.5s ease-out;
  560. -webkit-transition: all 0.5s ease-out;
  561. -moz-transition: all 0.5s ease-out;
  562. margin: -1px 0px 0px 81px;
  563. }
  564.  
  565. #linkfour a:hover {
  566. opacity: 0.9;
  567. background-color:#fff;
  568. transition: all 0.5s ease-out;
  569. -o-transition-transition: all 0.5s ease-out;
  570. -webkit-transition: all 0.5s ease-out;
  571. -moz-transition: all 0.5s ease-out;
  572. }
  573.  
  574. #linkfive a{
  575. opacity: 0.5;
  576. color: black;
  577. position: fixed;
  578. background: #f59ebd;
  579. display: inline-block;
  580. font-family:pixel;
  581. text-transform: uppercase;
  582. font-size: 8px;
  583. text-align: center;
  584. line-height: 13px;
  585. height: 12px;
  586. width: 29px;
  587. transition: all 0.5s ease-out;
  588. -o-transition-transition: all 0.5s ease-out;
  589. -webkit-transition: all 0.5s ease-out;
  590. -moz-transition: all 0.5s ease-out;
  591. margin: -1px 0px 0px 111px;
  592. }
  593.  
  594. #linkfive a:hover {
  595. opacity: 0.9;
  596. background-color:#fff;
  597. transition: all 0.5s ease-out;
  598. -o-transition-transition: all 0.5s ease-out;
  599. -webkit-transition: all 0.5s ease-out;
  600. -moz-transition: all 0.5s ease-out;
  601. }
  602.  
  603. #linksix a{
  604. opacity: 0.5;
  605. color: black;
  606. position: fixed;
  607. background: #bd2f60;
  608. display: inline-block;
  609. font-family: pixel;
  610. text-transform: uppercase;
  611. font-size: 8px;
  612. text-align: center;
  613. line-height: 13px;
  614. height: 12px;
  615. width: 21px;
  616. transition: all 0.5s ease-out;
  617. -o-transition-transition: all 0.5s ease-out;
  618. -webkit-transition: all 0.5s ease-out;
  619. -moz-transition: all 0.5s ease-out;
  620. margin: -1px 0px 0px 141px;
  621. }
  622.  
  623. #linksix a:hover {
  624. opacity: 0.9;
  625. background-color:#e0acc5;
  626. transition: all 0.5s ease-out;
  627. -o-transition-transition: all 0.5s ease-out;
  628. -webkit-transition: all 0.5s ease-out;
  629. -moz-transition: all 0.5s ease-out;
  630. }
  631.  
  632.  
  633. div#blogtitle{
  634. position: fixed !important;
  635. margin-top: 230px;
  636. margin-left: 10px;
  637. width: 330px;
  638. font-family: black swan;
  639. font-size: 50px;
  640. line-height:10px;
  641. text-transform: normal;
  642. text-shadow:1px 1px 8px ##eed6b2;
  643. color: {color:title};
  644. }
  645.  
  646.  
  647. div#sidebanner{
  648. position:fixed !important;
  649. width: 700px;
  650. height: auto;
  651. margin-top:400px;
  652. margin-left: 545px;
  653. font-family: bebas neue;
  654. font-size: 58px;
  655. line-height: 40px;
  656. text-align: center;
  657. text-shadow:1px 1px 8px #917d88;
  658. color: {color:quote};
  659. }
  660.  
  661. div#sidebanner2{
  662. position:fixed !important;
  663. width: 300px;
  664. height: auto;
  665. margin-top:442px;
  666. margin-left:705px;
  667. font-family: pixel;
  668. text-transform: uppercase;
  669. font-size: 8px;
  670. line-height: 40px;
  671. letter-spacing: 4px;
  672. text-align: center;
  673. text-shadow:1px 1px 8px #947f83;
  674. color: {color:quote credit};
  675. }
  676.  
  677.  
  678.  
  679. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  680.  
  681.  
  682. #posts {
  683. width: 450px;
  684. margin-left:310px;
  685. background-color: #fff;
  686. background-image:url({image:Background});
  687. {block:PermalinkPage}
  688. margin-left:310px;
  689. {/block:PermalinkPage}
  690. float:left;
  691. }
  692.  
  693. #infscr-loading{
  694. bottom: -70px;
  695. position: absolute;
  696. left: 50%;
  697. margin-left:-8px;
  698. width:16px;
  699. height:11px;
  700. overflow:hidden;
  701. margin-bottom: 50px;
  702. }
  703.  
  704.  
  705. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  706.  
  707.  
  708. @font-face { font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf'); }
  709.  
  710.  
  711. .title{
  712. font-family: give you glory;
  713. font-size: 18px;
  714. line-height:14px;
  715. color: {color:Title};
  716. font-weight: normal;
  717. }
  718.  
  719.  
  720.  
  721.  
  722.  
  723. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  724.  
  725.  
  726. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  727.  
  728. #hov .hovdes {
  729. margin-left:-40px;
  730. filter: alpha(opacity = 0);
  731. opacity:0;
  732. -webkit-transition: all 0.5s ease-out;
  733. -moz-transition: all 0.5s ease-out;
  734. transition: all 0.5s ease-out;
  735. }
  736.  
  737.  
  738. #hov:hover .hovdes {
  739. margin-left:55px;
  740. -webkit-transition: all 0.8s ease-out;
  741. -moz-transition: all 0.8s ease-out;
  742. transition: all 0.8s ease-out;
  743. filter: alpha(opacity = 100);
  744. filter: alpha(opacity = 100);
  745. opacity:100;
  746. }
  747.  
  748. #sidebarpicture{
  749. margin-left: 786px;
  750. margin-top: 67px;
  751. width: 170px;
  752. float: left;
  753. background-color: {color:sidebar};
  754. padding: 5px;
  755. position: fixed;
  756. height: 306px;
  757. box-shadow: 0px 5px 20px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.35); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  758. }
  759.  
  760. @font-face { font-family: "arsenale white"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  761.  
  762.  
  763. .image {
  764. padding: 3px;
  765. background-color: {color:background};
  766. border: 1px solid #aaa;
  767. height: 298px;
  768. }
  769.  
  770.  
  771. .image img{
  772. max-width: 170px;
  773. height: auto;
  774. display: inline;
  775. margin-bottom: 1px;}
  776.  
  777. #ssidebarimage{margin-left: 786px; margin-top: 67px; width: 170px; float: left; background-color: {color:sidebar}; padding: 5px; position: fixed; height: 306px;}
  778. .sdbarimg {padding: 3px; background-color: {color:background}; border: 1px solid {color:border}; height: 298px;}
  779. .sdbarimg img{max-width: 170px; height: auto; display: inline; margin-bottom: 1px;}
  780.  
  781.  
  782.  
  783. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  784.  
  785. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  786.  
  787. blockquote{
  788. padding:0px 0px 2px 5px;
  789. margin:0px 0px 2px 10px;
  790. border-left: 1px dotted #555555;
  791. }
  792.  
  793.  
  794. {CustomCSS}
  795.  
  796. </style>
  797.  
  798. {block:IndexPage}
  799. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  800. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  801.  
  802. <script type="text/javascript">
  803. $(window).load(function () {
  804. var $content = $('#posts');
  805. $content.masonry({itemSelector: '.entry'}),
  806. $content.infinitescroll({
  807. navSelector : 'div#pagination',
  808. nextSelector : 'div#pagination a#nextPage',
  809. itemSelector : '.entry',
  810. loading: {
  811. finishedMsg: '',
  812. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  813. },
  814. bufferPx : 600,
  815. extraScrollPx: 700,
  816. debug : false,
  817. },
  818. // call masonry as a callback.
  819. function( newElements ) {
  820. var $newElems = $( newElements );
  821. $newElems.hide();
  822. // ensure that images load before adding to masonry layout
  823. $newElems.imagesLoaded(function(){
  824. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  825.  
  826.  
  827. });
  828. });
  829. });
  830. </script>
  831.  
  832. {/block:IndexPage}
  833.  
  834. <title>{title}</title>
  835.  
  836. <link rel="shortcut icon" href="{Favicon}">
  837. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  838. <meta name="viewport" content="width=820" />
  839.  
  840. </head>
  841. <body>
  842. <div class="wrapper">
  843. <div class="header">
  844. </span>
  845. </div>
  846.  
  847. <div id="center">
  848. <div id="cage">
  849. <div id="center">
  850. <div id="sidebar">
  851.  
  852.  
  853.  
  854. <div id="sidebarpic">
  855. <a href="/"><img src="{image:sidebar}"width=100px></a></div>
  856.  
  857. <div id="desc"><center>{Description}<br></center>
  858. </div></div>
  859.  
  860.  
  861. <div id="link1">
  862. <a href="{text: Custom Link One}">{text: Custom Link One Title}</a>
  863. <div id="link2">
  864. <a href="{text: Custom Link Two}">{text: Custom Link Two Title}</a>
  865. <div id="link3">
  866. <a href="{text: Custom Link Three}">{text: Custom Link Three Title}</a>
  867.  
  868.  
  869. <div style="width: 95px; height: auto;background-color: transparent;font-size: 8px; text-align:center;">{text:sidebar quote}</div>
  870. </div></div>
  871.  
  872. <div id="blogtitle">{title}</div>
  873.  
  874. <div id="musicplayer">
  875. <center>tell me something sweet to get me by</center></div>
  876.  
  877. </div>
  878.  
  879. </div>
  880.  
  881. </div>
  882.  
  883. </div>
  884.  
  885. </div>
  886.  
  887. </div>
  888.  
  889. </div>
  890.  
  891. </br>
  892.  
  893. </div>
  894.  
  895.  
  896.  
  897.  
  898. </div>
  899.  
  900.  
  901.  
  902. <div id="content">
  903. <div class="left">
  904.  
  905. <div id="posts">
  906.  
  907. {block:Posts}
  908. <div class="entry">
  909.  
  910. {block:IndexPage}
  911. {/block:IndexPage}
  912.  
  913. {block:Text}
  914. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  915. <div class="permalink">
  916. <span class="permalink"><a href="{permalink}">
  917. <span class="permalink"><a href="{permalink}"></a></div>
  918. {/block:Text}
  919.  
  920. {block:Link}
  921. <a href="{URL}" class="title">{Name}</a>
  922. {block:Description}{Description}{/block:Description}
  923. <div class="permalink">
  924. <span class="permalink"><a href="{permalink}">
  925. <span class="permalink"><a href="{permalink}">
  926. </a></a></span></div>
  927. {block:Link}
  928.  
  929. {block:Photo}
  930.  
  931. <div class="perma">
  932. <div class="permalink2">
  933.  
  934. <a href="">Posted {timeago}</a> |
  935. <a href="">{NoteCountwithlabel}</a> |
  936. <a href="{ReblogURL}" target="_blank">Reblog</a>
  937.  
  938.  
  939. </div>
  940. </div>
  941.  
  942. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}{/block:IndexPage}
  943. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  944. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}{/block:PermalinkPage}
  945. {/block:Photo}
  946.  
  947. {block:Photoset}
  948. {block:IndexPage}
  949. <center>
  950. {Photoset-200}</center>
  951. {/block:IndexPage}
  952. {block:PermalinkPage}
  953. <center>
  954. {Photoset-500}</center>
  955. <div class="permalink">
  956. <span class="permalink"><a href="{permalink}">
  957. <span class="permalink"><a href="{permalink}">
  958. </a></a></span></div>
  959. {/block:PermalinkPage}
  960. {/block:Photoset}
  961.  
  962. {block:Quote}
  963. {Quote}</span>
  964. {block:Source}<strong>{Source}</strong>{/block:Source}
  965. <div class="permalink">
  966. <span class="permalink"><a href="{permalink}">
  967. <span class="permalink"><a href="{permalink}">
  968. </a></a></span></div>
  969. {/block:Quote}
  970.  
  971. {block:Chat}
  972. {block:Title}<span class="title">{Title}</span>{/block:Title}
  973. <ul class="chat">
  974. {block:Lines}
  975. <li class="user_{UserNumber}">
  976. {block:Label}
  977. <span class="label">{Label}</span>
  978. {/block:Label}
  979.  
  980. {Line}
  981. </li>
  982. {/block:Lines}
  983. </ul><div class="permalink">
  984. <span class="permalink"><a href="{permalink}">
  985. <span class="permalink"><a href="{permalink}">
  986. </a></a></span></div>
  987.  
  988. {/block:Chat}
  989.  
  990. {block:Audio}
  991. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  992. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  993. <div class="permalink">
  994. <span class="permalink"><a href="{permalink}">
  995. <span class="permalink"><a href="{permalink}">
  996. </a></a></span></div>
  997. {/block:Audio}
  998.  
  999. {block:Answer}
  1000. <br>
  1001. <div style="margin: 3px; min-height:35px; padding: 2px; background-color: #dadada;">
  1002. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  1003. {Asker}: {Question}<br></div>{Answer}
  1004. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  1005. {/block:Answer}
  1006.  
  1007. {block:Video}
  1008. {block:IndexPage}
  1009. <center>
  1010. {Video-250}</center>
  1011. {/block:IndexPage}
  1012. {block:PermalinkPage}
  1013. <center>
  1014. {Video-500}</center>
  1015. {/block:PermalinkPage}
  1016. <div class="permalink">
  1017. <span class="permalink"><a href="{permalink}">
  1018. <span class="permalink"><a href="{permalink}">
  1019. </a></a></span></div>
  1020. {block:Video}
  1021.  
  1022. {block:PermalinkPage}
  1023. <center>
  1024. {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>
  1025. {/block:PermalinkPage}
  1026.  
  1027.  
  1028. {block:PostNotes}{PostNotes}
  1029. {/block:PostNotes}
  1030. </div>
  1031.  
  1032.  
  1033. {/block:Posts}
  1034. </div>
  1035. </div>
  1036. {block:IndexPage}
  1037. {block:Pagination}
  1038. <div id="pagination">
  1039. {block:NextPage}
  1040. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  1041. {/block:NextPage}
  1042. {block:PreviousPage}
  1043. <a href="{PreviousPage}">&larr;&nbsp;</a>
  1044. {/block:PreviousPage}
  1045. </div>
  1046. {/block:Pagination}
  1047. {/block:IndexPage}
  1048. </div>
  1049. </body>
  1050. </html>
  1051.  
  1052. <div style="position:fixed; bottom:2px; left:2px;">
  1053. <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!