API tools faq
paste
xohannahbeth

Nothing Like Us Theme 1

xohannahbeth
May 29th, 2013
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.05 KB | None | 0 0
raw download clone embed print report
  1. <!-Nothing Like Us by gracefulstate. basecode by realitypayne
  2.  
  3. KEEP THE CREDIT OR PUT IT IN YOUR FAQ!
  4. -!>
  5.  
  6. <head>
  7.  
  8.  
  9. </script>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  12. <meta name="color:Background" content="#f2f3f5"/>
  13. <meta name="color:Title" content="#292929"/>
  14. <meta name="color:bold" content="#5a1597"/>
  15. <meta name="color:Text" content="#363636"/>
  16. <meta name="color:Link" content="#b6b3b5"/>
  17. <meta name="color:scrollbar" content="#727272"/>
  18. <meta name="color:Sidebar Title" content="#dddddd"/>
  19. <meta name="color:Hover" content="#fff"/>
  20. <meta name="color:link bg" content="#eeeeee"/>
  21. <meta name="color:link border" content="#fff"/>
  22. <meta name="color:titlebar shadow" content="#fff"/>
  23. <meta name="color:desc background" content="#f3f5f0"/>
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:sidebar background" content=""/>
  27. <meta name="image:Sidebar" content=""/>
  28.  
  29. <meta name="text:Sidebar Title"content="Nothing Like Us"/>
  30. <meta name="text:Link One Title" content="link 1" />
  31. <meta name="text:Link One" content="" />
  32. <meta name="text:Link Two Title" content="link 2"/>
  33. <meta name="text:Link Two" content="" />
  34. <meta name="text:Link Three Title" content="link3"/>
  35. <meta name="text:Link Three" content="" />
  36. <meta name="text:Link four Title" content="link 4"/>
  37. <meta name="text:Link four" content="" />
  38. <meta name="text:Link five Title" content="link 5"/>
  39. <meta name="text:Link five" content="" />
  40. <meta name="text:Link Six Title" content="link 6"/>
  41. <meta name="text:Link six" content="" />
  42. <meta name="text:sidetitle" content="Nothing Like You & Me" />
  43.  
  44. </script>
  45. <style type="text/css">
  46.  
  47.  
  48. iframe#tumblr_controls {right:2px !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;}
  49.  
  50. 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;}
  51.  
  52. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  53. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  54.  
  55.  
  56. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  57.  
  58. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  59.  
  60. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  61.  
  62. @font-face {
  63. font-family: "dawning";
  64. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  65. }
  66.  
  67. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  68.  
  69. ::selection {
  70. background: #ebbbaa;
  71. color: #ffffff;
  72. }
  73.  
  74.  
  75. ::-moz-selection {
  76. background: #ebbbaa;
  77. color: #ffffff;
  78. }
  79.  
  80.  
  81. body{
  82. margin:5px;
  83. background-color: {color:Background};
  84. background-image:url({image:Background});
  85. background-attachment: fixed;
  86. background-repeat: repeat;
  87. font-size: 10px;
  88. font-family: consolas;
  89. line-height:10px;
  90. color:{color:Text};
  91. text-align:left;
  92. cursor:url(http://i.imgur.com/2qleX.jpg), progress;
  93. }
  94.  
  95. a:link, a:active, a:visited{
  96. color: {color:Link};
  97. text-decoration: none;
  98. -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;
  99. }
  100.  
  101. a:hover{
  102. color:{color:Hover};
  103. text-decoration: none;
  104. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  105. text-shadow:0px 0px 2px {color:text shadow};
  106. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  107. }
  108.  
  109. b, strong {
  110. color: {color:bold};
  111. font-weight: none;
  112. }
  113.  
  114. i,em {
  115. font-family: 'learningcurve';
  116. font-size: 20px;
  117. text-decoration: none;
  118. line-height: 10px;
  119. }
  120.  
  121. #cunt{width:250px; height:auto;}
  122. {block:PermalinkPage}
  123. width:410px;
  124. {/block:PermalinkPage}
  125. }
  126.  
  127. #center{
  128. padding-top:3px;
  129. padding-bottom:3px;
  130. position:fixed !important;
  131. width:250px;
  132. height:207px;
  133. background-color:#fff;
  134. {block:PermalinkPage}
  135. width:410px;
  136. height:207px;
  137. {/block:PermalinkPage}
  138. }
  139.  
  140. #posts{
  141. float:center;
  142. {block:indexpage}
  143. width:900px;
  144. {/block:indexpage}
  145. {block:permalinkpage}
  146. width:800px;
  147. {/block:permalinkpage}
  148. margin-left: 375px;
  149. margin-top: 25px;
  150. }
  151.  
  152.  
  153. #sidebar {
  154. opacity: 1.0;
  155. position:fixed !important;
  156. width: 310px;
  157. font-family: ronda;
  158. height: 100%;
  159. background-image:url({image:sidebar background});
  160. margin-left:20px;
  161. margin-top: -30px;
  162. padding:10px;
  163. padding-bottom: 65px;
  164. border-left: 10px double #bbb;
  165. border-right: 10px double #bbb;
  166. z-index: 99999;
  167. }
  168.  
  169.  
  170.  
  171. div#desc{
  172. position:fixed !important;
  173. opacity: 1;
  174. width: 264px;
  175. height: 30px;
  176. margin-top: 5px;
  177. padding: 5px;
  178. margin-left: 10px;
  179. font-size: 8px;
  180. background-color:white;
  181. font-family: arma;
  182. overflow: auto;
  183. text-align: justify;
  184. border: 4px double #aaa;
  185. z-index: 99999;
  186. }
  187.  
  188. #sidebar:hover #desc{
  189. opacity: 1;
  190. transition: all 0.9s ease-out;
  191. -o-transition-transition: all 0.9s ease-out;
  192. -webkit-transition: all 0.9s ease-out;
  193. -moz-transition: all 0.9s ease-out;
  194. }
  195.  
  196. background{
  197. background-color:{color:desc background};
  198. margin:0px;
  199. padding:0px;
  200. }
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208. .side3{
  209. position:fixed;
  210. margin-left:445px;
  211. top: 0px;
  212. background:;
  213. background:white;
  214. height:100%;
  215. box-shadow: 0px 0px 8px #635555;
  216. opacity: 0;
  217. width:460px;
  218. {block:permalinkpage}
  219. width: 460px;
  220. {/block:permalinkpage}
  221. border-bottom:2px solid #fff;
  222. border-left: 2px solid #fff;
  223. border-right: 2px solid #fff;
  224. }
  225.  
  226.  
  227. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  228.  
  229. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  230.  
  231. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  232.  
  233.  
  234.  
  235. @font-face {
  236. font-family: "Call Me";
  237. src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype");
  238. }
  239.  
  240.  
  241.  
  242. p.custom_font {
  243. font-family: Call Me;
  244. }
  245.  
  246.  
  247.  
  248. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  249.  
  250. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  251.  
  252. @font-face { font-family: "simply"; src: url('http://static.tumblr.com/jdjsstr/jAKm8lv4d/djb_jacked_up_kinda_luv_1_.ttf'); }
  253.  
  254. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  255.  
  256. @font-face {font-family: "selfish"; src:url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf")}
  257.  
  258. @font-face { font-family: "Abbeyline"; src: url('http://static.tumblr.com/pwgdr2n/RGcm3j4ne/abbeyline.ttf'); }
  259.  
  260. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  261.  
  262. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  263.  
  264. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  265.  
  266. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  267.  
  268. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  269.  
  270. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  271.  
  272. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  273.  
  274. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  275.  
  276. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  277.  
  278.  
  279. faqq {
  280. font-family: signerica;
  281. width: 350px;
  282. font-size:30px;
  283. line-height: 30px;
  284. color:{color:Title};
  285. text-align: center;
  286. font-weight: normal;
  287. text-transform: normal;
  288. text-shadow: 2px 0px 7px #ddd;
  289. border-bottom: 0px solid #ddd;
  290. }
  291.  
  292.  
  293. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  294.  
  295. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  296.  
  297.  
  298.  
  299. div#titlebar{
  300. opacity: 1.0;
  301. position: fixed !important;
  302. margin-left:-20px;
  303. margin-top: -284px;
  304. padding:5px;
  305. color:{color:Sidebar Title};
  306. width: 340px;
  307. text-shadow: 2px 2px 2px {color:titlebar shadow};
  308. background: transparent;
  309. font-family:lainie;
  310. font-size: 40px;
  311. line-height:25px;
  312. letter-spacing:0px;
  313. font-weight: bold;
  314. text-transform: none;
  315. text-align: center;
  316. opacity:.7;
  317. border-bottom: 10px double #aaa;
  318. -webkit-transform: rotate(0deg);
  319. }
  320.  
  321.  
  322. div#sidetitle{
  323. opacity: 1.0;
  324. position: fixed !important;
  325. margin-left:327px;
  326. margin-top: -300px;
  327. padding:5px;
  328. color:{color:Sidebar Title shadow};
  329. width: 600px;
  330. text-shadow: 2px 2px 2px {color:Sidebar Title};
  331. background: transparent;
  332. font-family:bby;
  333. font-size: 20px;
  334. line-height:25px;
  335. letter-spacing:0px;
  336. font-weight: bold;
  337. text-transform: none;
  338. text-align: left;
  339. opacity:.7;
  340. -webkit-transform: rotate(0deg);
  341. }
  342.  
  343.  
  344.  
  345.  
  346.  
  347. #link1 a{
  348. opacity: 1;
  349. color: {color:text};
  350. position: fixed;
  351. background: {color:link bg};
  352. display: inline-block;
  353. text-transform: normal;
  354. font-family: arma;
  355. font-size:8px;
  356. text-align: center;
  357. line-height: 20px;
  358. height: 20px;
  359. width: 70px;
  360. transition: all 0.6s ease-out;
  361. -o-transition-transition: all 0.6s ease-out;
  362. -webkit-transition: all 0.6s ease-out;
  363. -moz-transition: all 0.6s ease-out;
  364. margin: -230px 0px 0px 235px;
  365. border:4px double {color:link border};
  366. }
  367. #sidebar:hover #link1 a{
  368. opacity: 1;
  369. transition: all 0.6s ease-out;
  370. -o-transition-transition: all 0.6s ease-out;
  371. -webkit-transition: all 0.6s ease-out;
  372. -moz-transition: all 0.6s ease-out;
  373. }
  374.  
  375. #link2 a{
  376. opacity: 1;
  377. color: {color:text};
  378. position: fixed;
  379. background: {color:link bg};
  380. display: inline-block;
  381. text-transform: normal;
  382. font-family: arma;
  383. font-size:8px;
  384. text-align: center;
  385. line-height: 20px;
  386. height: 20px;
  387. width: 70px;
  388. transition: all 0.6s ease-out;
  389. -o-transition-transition: all 0.6s ease-out;
  390. -webkit-transition: all 0.6s ease-out;
  391. -moz-transition: all 0.6s ease-out;
  392. margin: -190px 0px 0px 235px;
  393. border:4px double {color:link border};
  394. }
  395.  
  396. #link3 a{
  397. opacity: 1;
  398. color: {color:text};
  399. position: fixed;
  400. background: {color:link bg};
  401. display: inline-block;
  402. text-transform: normal;
  403. font-family: arma;
  404. font-size:8px;
  405. text-align: center;
  406. line-height: 20px;
  407. height: 20px;
  408. width: 70px;
  409. transition: all 0.6s ease-out;
  410. -o-transition-transition: all 0.6s ease-out;
  411. -webkit-transition: all 0.6s ease-out;
  412. -moz-transition: all 0.6s ease-out;
  413. margin: -150px 0px 0px 235px;
  414. border:4px double {color:link border};
  415. }
  416.  
  417. #link4 a{
  418. opacity:1;
  419. color:{color:text};
  420. position: fixed;
  421. background: {color:link bg};
  422. display: inline-block;
  423. text-transform: normal;
  424. font-family: arma;
  425. font-size:8px;
  426. text-align: center;
  427. line-height: 20px;
  428. height: 20px;
  429. width: 70px;
  430. transition: all 0.6s ease-out;
  431. -o-transition-transition: all 0.6s ease-out;
  432. -webkit-transition: all 0.6s ease-out;
  433. -moz-transition: all 0.6s ease-out;
  434. margin: -110px 0px 0px 235px;
  435. border:4px double {color:link border};
  436. }
  437.  
  438.  
  439. #link5 a{
  440. opacity:1;
  441. color:{color:text};
  442. position: fixed;
  443. background: {color:link bg};
  444. display: inline-block;
  445. text-transform: normal;
  446. font-family: arma;
  447. font-size:8px;
  448. text-align: center;
  449. line-height: 20px;
  450. height: 20px;
  451. width: 70px;
  452. transition: all 0.6s ease-out;
  453. -o-transition-transition: all 0.6s ease-out;
  454. -webkit-transition: all 0.6s ease-out;
  455. -moz-transition: all 0.6s ease-out;
  456. margin: -70px 0px 0px 235px;
  457. border:4px double {color:link border};
  458. }
  459.  
  460. #link6 a{
  461. opacity:1;
  462. color:{color:text};
  463. position: fixed;
  464. background: {color:link bg};
  465. display: inline-block;
  466. text-transform: normal;
  467. font-family: arma;
  468. font-size:8px;
  469. text-align: center;
  470. line-height: 20px;
  471. height: 20px;
  472. width: 70px;
  473. transition: all 0.6s ease-out;
  474. -o-transition-transition: all 0.6s ease-out;
  475. -webkit-transition: all 0.6s ease-out;
  476. -moz-transition: all 0.6s ease-out;
  477. margin: -30px 0px 0px 235px;
  478. border:4px double {color:link border};
  479. }
  480.  
  481.  
  482.  
  483. @font-face{
  484. font-family: 'pixel';
  485. font-style: normal;
  486. font-weight: normal;
  487. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  488.  
  489. @font-face { font-family: "bby"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  490.  
  491. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  492.  
  493. #entry .perma a{
  494. color:;}
  495.  
  496. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  497.  
  498. @font-face {font-family: "neou";src: url('http://static.tumblr.com/jdjsstr/tmCm6t649/neou-thin_1_.otf');}
  499.  
  500.  
  501. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  502.  
  503.  
  504. @font-face { font-family: "simplyglamorous"; src: url('http://static.tumblr.com/q54tzar/nANm2jtk1/simply_glamorous_2_.ttf'); }
  505.  
  506.  
  507.  
  508.  
  509.  
  510. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  511.  
  512. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  513.  
  514. askk {
  515. font-family: learningcurve;
  516. color: {color:Title};
  517. font-size:30px;
  518. font-weight: normal;
  519. z-index:1;
  520. }
  521.  
  522. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  523. #postnotes{
  524. text-align: left;
  525. }
  526.  
  527. #postnotes blockquote{
  528. border: 0px;
  529. }
  530.  
  531. #entry{
  532. opacity:0.9;
  533. font-family: arma;
  534. font-size: 8px;
  535. line height: 11px;
  536. text-align:left;
  537. z-index:9999;
  538. float:left;
  539. width: 240px;
  540. height: auto;
  541. {block:PermalinkPage}
  542. width: 435px;
  543. height: auto;
  544. {/block:PermalinkPage}
  545. line-height:8px;
  546. padding:5px;
  547. margin-right:7px;
  548. overflow:hidden;
  549. margin-bottom:7px;
  550. background:white;
  551. border: 6px double #bbb;
  552. -webkit-filter:grayscale(0%);
  553. transition: all 0.9s ease-out;
  554. -o-transition-transition: all 0.9s ease-out;
  555. -webkit-transition: all 0.9s ease-out;
  556. -moz-transition: all 0.9s ease-out;
  557. }
  558.  
  559. .entry:hover{
  560. opacity: 1;
  561. transition: all 1.0s ease-out;
  562. -o-transition-transition: all 1.0s ease-out;
  563. -webkit-transition: all 1.0s ease-out;
  564. -moz-transition: all 1.0s ease-out;
  565. }
  566.  
  567. .perma img{
  568. background:transparent;
  569. padding:3px;
  570. border:0px double #ddd;
  571. border-radius:50px;
  572. }
  573.  
  574. .perma2 img{
  575. background:transparent;
  576. padding:3px;
  577. border:0px double #ddd;
  578. border-radius:50px;
  579. }
  580.  
  581. #entry .perma{
  582.  
  583. width:auto;
  584. height: auto;
  585. font-family: pixie;
  586. text-transform:uppercase;
  587. position: absolute;
  588. font-size: 10px;
  589. line-height: 15px;
  590. text-align: center;
  591. overflow:hidden;
  592. opacity: 8px;
  593. letter-spacing:30px;
  594. margin-top:20px;
  595. margin-left: 45px;
  596. padding-bottom:1px;
  597. top:28%;
  598. left:40px;
  599. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  600. -webkit-transition: all 0.5s linear;
  601. -moz-transition: all 0.5s linear;
  602. transition: all 0.5s linear;
  603. }
  604.  
  605. #entry:hover .perma{
  606.  
  607. margin-top: 20px;
  608. margin-left: 45px;
  609. overflow:visible;
  610. -webkit-transition: all 0.5s linear; opacity: 1;
  611. -webkit-transition: all 0.5s linear;
  612. -moz-transition: all 0.5s linear;
  613. transition: all 0.5s linear;
  614. }
  615.  
  616. #entry .perma2{
  617. width:auto;
  618. height: auto;
  619. font-family: pixie;
  620. text-transform:uppercase;
  621. position: absolute;
  622. font-size: 10px;
  623. line-height: 15px;
  624. text-align: center;
  625. overflow:hidden;
  626. opacity: 8px;
  627. letter-spacing:10px;
  628. margin-top:20px;
  629. margin-right: 45px;
  630. padding-bottom:1px;
  631. top:28%;
  632. right:40px;
  633. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  634. -webkit-transition: all 0.5s linear;
  635. -moz-transition: all 0.5s linear;
  636. transition: all 0.5s linear;
  637. }
  638.  
  639. #entry:hover .perma2{
  640. margin-top: 20px;
  641. margin-right: 45px;
  642. overflow:visible;
  643. -webkit-transition: all 0.5s linear; opacity: 1;
  644. -webkit-transition: all 0.5s linear;
  645. -moz-transition: all 0.5s linear;
  646. transition: all 0.5s linear;
  647. }
  648.  
  649.  
  650. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  651.  
  652. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  653.  
  654. askk {
  655. font-family: learningcurve;
  656. color: {color:Title};
  657. font-size:30px;
  658. font-weight: normal;
  659. z-index:1;
  660. }
  661.  
  662. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  663. #postnotes{
  664. text-align: left;
  665. }
  666.  
  667. #postnotes blockquote{
  668. border: 0px;
  669. }
  670.  
  671. #entry{
  672. opacity:0.9;
  673. font-family: arma;
  674. font-size: 8px;
  675. line height: 11px;
  676. text-align:left;
  677. z-index:9999;
  678. float:left;
  679. width: 232px;
  680. height: auto;
  681. {block:PermalinkPage}
  682. width: 435px;
  683. height: auto;
  684. {/block:PermalinkPage}
  685. line-height:8px;
  686. padding:5px;
  687. margin-right:4px;
  688. overflow:hidden;
  689. margin-bottom:4px;
  690. background:white;
  691. border: 6px double #bbb;
  692. -webkit-filter:grayscale(0%);
  693. transition: all 0.9s ease-out;
  694. -o-transition-transition: all 0.9s ease-out;
  695. -webkit-transition: all 0.9s ease-out;
  696. -moz-transition: all 0.9s ease-out;
  697. }
  698.  
  699. .entry:hover{
  700. opacity: 1;
  701. transition: all 1.0s ease-out;
  702. -o-transition-transition: all 1.0s ease-out;
  703. -webkit-transition: all 1.0s ease-out;
  704. -moz-transition: all 1.0s ease-out;
  705. }
  706. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  707.  
  708.  
  709.  
  710. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  711.  
  712. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  713.  
  714. .blogtitle{
  715. font-family: beauty;
  716. font-size: 18px;
  717. line-height: 18px;
  718. color: {color:Link};
  719. font-weight: normal;
  720. }
  721.  
  722. #permapage{
  723. font-family: tinytots;
  724. font-size: 8px;
  725. line-height: 8px;
  726. text-align: center;
  727. padding-bottom:10px;
  728. z-index:9999;}
  729.  
  730. .title{
  731. font-family: caviardreams;
  732. font-size: 20px;
  733. line-height: 15px;
  734. color: {color:Title};
  735. text-transform: normal;
  736. padding: 2px 0px 0px 0px;
  737. }
  738.  
  739. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  740.  
  741. blockquote{
  742. padding:0px 0px 2px 3px;
  743. margin:0px 0px 2px 1px;
  744. }
  745. ul, ol, li{
  746. list-style:none;
  747. margin:0px;
  748. padding:0px;
  749. }
  750.  
  751. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  752. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  753. }
  754.  
  755. a.links {
  756. font-family: ruluko;
  757. font-size: 8px;
  758. line-height: 8px;
  759. text-transform: normal;
  760. letter-spacing:0px;
  761. display:block;
  762. padding: 0px;
  763. margin-bottom: 0px;
  764. }
  765.  
  766. a.links:hover {
  767. font-style: underline;
  768. text-decoration: none;
  769. letter-spacing:10px;
  770. }
  771.  
  772. {CustomCSS}
  773.  
  774. iframe#tumblr_controls { position: fixed! important;
  775. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;
  776. }
  777.  
  778. .foot{ bottom:0px; right: 6px; font-size: 9px; z-index:99999; position:fixed; font-family: georgia; font-color: #ffffff; padding:0px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  779. .foot:hover{bottom: 25px;
  780. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  781. .foot .yolo {opacity:0; bottom:5px; right:7px; font-family: consolas; font-size: 10px; line-height: 9px; x-index: 1000; position:fixed; text-align: right; padding:0px;
  782. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  783. .foot:hover .yolo{opacity:0.9;
  784. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  785.  
  786.  
  787. </style>
  788. <title>{title}</title>
  789. <link rel="shortcut icon" href="http://media.tumblr.com/70998c022ff4c8666bcd1ccc41cbb3b9/tumblr_inline_mnju8k8h2U1qz4rgp.png">
  790. <meta name="viewport" content="width=820" />
  791. </head>
  792. <body>
  793. <div id="center">
  794. <div id="content">
  795.  
  796. </div>
  797.  
  798.  
  799. <div id="sidebar">
  800. <a href="/"><img src="{image:sidebar}" style="width: 210px; height: 210px; margin-top:60px; background: white; border: 5px double #bbb; padding: 5px;"></a>
  801.  
  802. <div id="link1"><a href="{text:Link One}">{text:Link One Title}</a> </div>
  803. <div id="link2"><a href="{text:Link Two}">{text:Link Two Title}</a></div>
  804. <div id="link3"><a href="{text:Link Three}">{text:Link Three Title}</a></div>
  805. <div id="link4"><a href="{text:Link Four}">{text:Link Four Title}</a></div>
  806. <div id="link5"><a href="{text:Link Five}">{text:Link Five Title}</a></div>
  807. <div id="link6"><a href="{text:Link Six}">{text:Link Six Title}</a></div>
  808.  
  809.  
  810. <div id="desc">
  811. <background>{Description}</background>
  812. </div>
  813.  
  814.  
  815. <div id="titlebar">
  816. {text:Sidebar Title}
  817. </div>
  818.  
  819. <div id="sidetitle">
  820. {text:sidetitle}
  821. </div>
  822.  
  823.  
  824.  
  825.  
  826.  
  827. </div>
  828. </div>
  829.  
  830.  
  831.  
  832. <div id="posts">
  833. {block:posts}
  834. <div id="entry">
  835. {block:Text}
  836. {block:Title}<span class="title">{Title}</span>{/block:Title}
  837. <span class="entrytext">{Body}</span>
  838. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  839. {/block:Text}
  840.  
  841. {block:Link}
  842. <a href="{URL}" class="title">{Name}</a>
  843. {block:Description}{Description}{/block:Description}
  844. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  845. {block:Link}
  846.  
  847. {block:Photo}{block:IndexPage}
  848. <div class="perma">
  849. <a href="{reblogurl}" target="_blank"><img src="http://i48.tinypic.com/kc0ux.png"</a></a></div>
  850. <div class="perma2"><a id="notes{PostID}" href="{Permalink}"><img src="http://i49.tinypic.com/236z2x.png"</a></a></div>
  851. {/block:IndexPage}
  852. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=232px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=435px/>{LinkCloseTag}{/block:PermalinkPage}
  853. {/block:Photo}
  854.  
  855. {block:Photoset}
  856. {block:IndexPage}
  857. <center>
  858. {Photoset-250}</center>
  859. {/block:IndexPage}
  860. {block:PermalinkPage}
  861. <center>
  862. {Photoset-500}</center>
  863. {/block:PermalinkPage}
  864. {/block:Photoset}
  865.  
  866. {block:Quote}
  867. <span class="entrytext">{Quote}</span>
  868. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  869. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  870. {/block:Quote}
  871.  
  872. {block:Chat}
  873. {block:Title}<span class="title">{Title}</span>{/block:Title}
  874. <ul class="chat">
  875. {block:Lines}
  876. <li class="user_{UserNumber}">
  877. {block:Label}
  878. <span class="label">{Label}</span>
  879. {/block:Label}
  880.  
  881. {Line}
  882. </li>
  883. {/block:Lines}
  884. </ul>
  885. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>
  886. <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  887. {/block:Chat}
  888.  
  889.  
  890. {block:Audio}
  891. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  892. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  893. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  894. {/block:Audio}
  895.  
  896. {block:Video}<center>
  897. <div class="video">{Video-400}</div></center>
  898. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  899. {block:Video}
  900.  
  901. {block:Answer}
  902. <br>
  903. <div style="border-radius:5px; border: 1px solid #E6DFDF; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  904. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  905. <askk>{Asker}</askk>: {Question}<br></div>
  906. <div style="font-family: arma; font-size: 8px;">
  907. {Answer}
  908. </div>
  909. {/block:Answer}
  910.  
  911. {block:PostNotes}<div align="middle">{caption}</div>
  912. <center>
  913.  
  914. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  915.  
  916. {block:HasTags}
  917. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  918. {block:RebloggedFrom}
  919. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  920. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  921.  
  922. {/block:RebloggedFrom}
  923. </center></span>
  924. <br>
  925. <div id="postnotes">{PostNotes}</div><br>
  926.  
  927. <center>{block:ContentSource}
  928. <br><a href="{SourceURL}">
  929. {lang:Source}:
  930. {block:SourceLogo}
  931. <img src="{BlackLogoURL}" width="{LogoWidth}"
  932. height="{LogoHeight}" alt="{SourceTitle}" />
  933. {/block:SourceLogo}
  934. {block:NoSourceLogo}
  935. {SourceLink}
  936. {/block:NoSourceLogo}
  937. </a>
  938. {/block:ContentSource}</center>
  939.  
  940. {/block:PostNotes}
  941. </div>
  942. {/block:Posts}
  943. </div></div>
  944.  
  945. {block:indexpage}
  946. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  947. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  948. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  949. <script type="text/javascript">
  950. $(window).load(function(){
  951. var $wall = $('#posts');
  952. $wall.imagesLoaded(function(){
  953. $wall.masonry({
  954. itemSelector: '#entry, #entry_photo',
  955. isAnimated : false
  956. });
  957. });
  958.  
  959. $wall.infinitescroll({
  960. navSelector : '#page-nav',
  961. nextSelector : '#page-nav a',
  962. itemSelector : '#entry, #entry_photo',
  963. bufferPx : 2000,
  964. debug : false,
  965. errorCallback: function() {
  966. $('#infscr-loading').fadeOut('normal');
  967. }},
  968. function( newElements ) {
  969. var $newElems = $( newElements );
  970. $newElems.hide();
  971. $newElems.imagesLoaded(function(){
  972. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  973. });
  974. }); $('#content').show(500);
  975. });
  976. </script>
  977. {/block:indexpage}
  978.  
  979. </div>
  980. </body>
  981. <div class="foot"><a href="http://gracefulstate.tumblr.com/"><img src="http://media.tumblr.com/e619157342efda73d152a72c8bc7d3da/tumblr_inline_mnjm7oi1f61qz4rgp.png"></a><br> <div class="yolo"></a>Theme by <a href="http://gracefulstate.tumblr.com" target="_blank">gracefulstate</a> <br> Originally by <a href="http://chastee.tumblr.com/"> chastee</a>
  982. </div>
  983. </html>
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!