API tools faq
paste
Advertisement
themesbykirstie

Theme 5: Wonderwall by Luxury-Perfectionist

themesbykirstie
Aug 19th, 2013
471
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.77 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME MADE BY LUXURY-PERFECTIONIST
  3. PLEASE DO NOT REMOVE THE CREDITS
  4.  
  5. If you steal part of this coding you will be reported and blocked!
  6.  
  7. THIS IS NOT COOL THIS SERRIOUSLY TOOK ME FOREVER TO TO MAKE THIS THEME & EDIT!
  8.  
  9. DONT TAKE MY SHIT PLEASE
  10.  
  11. DON'T BE A SNEAKY BITCH :*
  12.  
  13. I LOVE YOUUUUU!
  14. --->
  15.  
  16.  
  17. <!--DO NOT DELETE THIS CODING-->
  18.  
  19.  
  20. <html lang="en"><head>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  23.  
  24. <!-- FAVICON -->
  25. <title>{Title}</title><link rel="icon" href="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif"/>
  26.  
  27. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  28.  
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  30. <head>
  31. <meta name="text:Stats 1" content="INSERT STAT " />
  32. <meta name="text:Stats 2" content="INSERT STAT " />
  33. <meta name="font:body" content="helvetica"/>
  34. <meta name="color:text" content="#333333"/>
  35. <meta name="color:link" content="#E8B0B0"/>
  36. <meta name="color:sidebar link" content="#666"/>
  37. <meta name="color:sidebar link hover" content="#000"/>
  38. <meta name="color:hover" content="#000"/>
  39. <meta name="color:background color" content="#fffff"/>
  40. <meta name="image:background image" content=""/
  41. <meta name="color:quote" content="#666"/>
  42. <meta name="text:Link 1 URL" content="" />
  43. <meta name="text:Link 2 URL" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 1 Title" content="Link 1" />
  46. <meta name="text:Link 2 Title" content="Link 2" />
  47. <meta name="text:Link 3 Title" content="Link 3" />
  48. <meta name="text:blogtitle" content="wonderwall"/>
  49. <meta name="text:titlebar" content="Don't underestimate the allure of darkness. Even the purest hearts are drawn to it."/>
  50. <meta name="image:sidebar" content=""/>
  51.  
  52.  
  53.  
  54.  
  55.  
  56. <!-- DO NOT DELETE OR CHANGE ANYTHING UNLESS YOU KNOW WHAT YOU'RE DOING! AND YOU'RE GOOD AT HTML STUFF! IF NOT, PLEASE ASK ME FOR HELP. THANK YOU -->
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
  62. ::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }
  63.  
  64. #tumblr_controls{
  65. position:fixed !important;
  66. -webkit-filter: invert(100%);
  67. }
  68.  
  69. iframe#tumblr_controls {right:3px !important; position: fixed
  70. !important;-webkit-transition: opacity 0.7s linear;opacity:
  71. 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s
  72. ease-out;transition: all 0.8s ease-out;
  73. }
  74.  
  75. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s
  76. linear;opacity: 1;-webkit-transition: all 0.4s
  77. ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s
  78. ease-out;}
  79.  
  80. body{
  81. background-color: {color:background color};
  82. background-position: bottom left;
  83. background-image: url('{image:background image}');
  84. background-repeat: repeat;
  85. background-attachment: fixed;
  86. }
  87.  
  88. body, div, textarea, submit, input{
  89. font-family: {font:body};
  90. color: {color:text};
  91. font-size: 10px;
  92. line-height: 12px;
  93. margin: 0px;}
  94.  
  95. a:link, a:active, a:visited{
  96. color: {color:link};
  97. text-decoration: none;
  98. transition: all 0.6s ease-out;
  99. -o-transition-transition: all 0.6s ease-out;
  100. -webkit-transition: all 0.6s ease-out;
  101. -moz-transition: all 0.6s ease-out;
  102. }
  103.  
  104. a:hover{
  105. color: {color:Hover};
  106. text-decoration: none;
  107. transition: all 0.6s ease-out;
  108. -o-transition-transition: all 0.6s ease-out;
  109. -webkit-transition: all 0.6s ease-out;
  110. -moz-transition: all 0.6s ease-out;
  111. }
  112.  
  113. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff'); }
  114. @font-face { font-family:"champagne"; src:url('http://static.tumblr.com/xekbux7/zVim6yitc/champagne___limousines.ttf');}
  115. @font-face { font-family: "neou"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  116. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  117. @font-face { font-family: "arsenale"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  118. @font-face{font-family: "web"; src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');}
  119.  
  120.  
  121.  
  122. red {
  123. font-family: champagne;
  124. color: #999;
  125. font-size: 24px;
  126. line-height: 24px;
  127. border-bottom: #666 0px dotted;
  128. text-transform: uppercase;
  129. margin-top: -5px;
  130. margin-bottom: 13px;
  131. width: 400px;
  132. background-color: ;
  133. letter-spacing: 1px;
  134. }
  135.  
  136. blue {
  137. font-family: champagne;
  138. color: #666;
  139. font-size: 24px;
  140. line-height: 24px;
  141. letter-spacing: 1px;
  142. width: 400px;
  143. text-transform: uppercase;
  144. }
  145.  
  146. .brenden{padding-top:0px;
  147. padding-bottom:2px;}
  148.  
  149. .brooke {
  150. padding: 15px 7px 3px 10px;
  151. margin-bottom: 0px;
  152. background-color: #f4f4f4;
  153. background-image: url('');
  154. background-position: bottom left;
  155. border: 1px #ccc solid;
  156. }
  157.  
  158. .brooke img{
  159. width:30px;
  160. float:left;
  161. margin-right:8px;
  162. border-radius: 5px;
  163. -moz-box-shadow: 0px 0px 2px #ccc;
  164. -webkit-box-shadow: 0px 0px 2px #ccc;
  165. box-shadow: 0px 0px 2px #ccc;
  166. }
  167.  
  168. .hello {
  169. padding-top: 7px;
  170. font-family: helvetica;
  171. font-size: 10px;}
  172.  
  173. mandy{
  174. font-family: helvetica;
  175. font-size: 10px;
  176. padding-top:7px;}
  177.  
  178. lavender, p {
  179. font: normal 10px helvetica;
  180. text-transform: none;
  181. color: #333333;
  182. letter-spacing: 0px; }
  183.  
  184. aiden{
  185. font-family: raleway;
  186. font-size: 18px;
  187. line-height: 14px;
  188. letter-spacing: 0px;
  189. text-transform: none;
  190. color: {color:link};
  191. }
  192.  
  193. bronze{
  194. font-family: raleway;
  195. font-size: 18px;
  196. opacity: 0.9;
  197. padding: 5px}
  198.  
  199.  
  200.  
  201. #jomo{font-family:raleway;
  202. font-size: 55px;
  203. color: {color:header};
  204. position: fixed;
  205. text-transform: none;
  206. margin-top: -35px;
  207. margin-left: -25px;
  208. text-align:center;
  209. width: 300px;
  210. text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
  211. transition: all 0.6s ease-out;
  212. -o-transition-transition: all 0.6s ease-out;
  213. -webkit-transition: all 0.6s ease-out;
  214. -moz-transition: all 0.6s ease-out;
  215. }
  216.  
  217.  
  218. h3{
  219. font-family: lala;
  220. font-size: 25px;
  221. line-height: 12px;
  222. font-weight: normal;
  223. line-height:15px;
  224. letter-spacing: 1px;
  225. font-style: normal;
  226. text-align: left;
  227. padding: 0px;
  228. margin:0px;
  229.  
  230. }
  231.  
  232. #quote{
  233. position:fixed !important;
  234. width:100%;
  235. opacity:1;
  236. height:auto;
  237. margin-top: -50px;
  238. text-align: center;
  239. margin-left: 0px;
  240. background-color:#f9f9f9;
  241. font-family: calibri;
  242. font-size:15px;
  243. color:#333;
  244. padding:10px;
  245. border-bottom: 3px double #ddd;
  246. border-top:0px solid {color:background};
  247. letter-spacing:1px;
  248. text-shadow: 1px 0px 1px #ddd;
  249. text-transform:uppercase;
  250. line-height:9px;
  251. transition: all 0.9s ease-out;
  252. -o-transition-transition: all 0.9s ease-out;
  253. -webkit-transition: all 0.9s ease-out;
  254. -moz-transition: all 0.9s ease-out;
  255. z-index:9;
  256. }
  257. #sidebar {
  258. width: 270px;
  259. position: fixed;
  260. top: 150px;
  261. left:100px;
  262. height: 310px;
  263. padding-bottom: 10px;
  264. border:2px solid #ddd;
  265. background-color: #fff;
  266.  
  267.  
  268.  
  269. -webkit-transition: all 0.6s ease-in-out;
  270. -moz-transition: all 0.6s ease-in-out;
  271. -o-transition: all 0.6s ease-in-out;
  272. -ms-transition: all 0.6s ease-in-out;
  273. transition: all 0.6s ease-in-out;
  274. }
  275.  
  276.  
  277. #yi {
  278. font-family: consolas;
  279. font-size: 10px;
  280. text-transform: uppercase;
  281. display: block;
  282. margin: 180px 0 0 40px;
  283. width: 100px;
  284. position: fixed;
  285. float: down;
  286. letter-spacing: 2px;
  287. padding: 2px 4px;
  288.  
  289. border-radius: 30px;
  290.  
  291. -webkit-transition: all 0.6s ease-in-out;
  292. -moz-transition: all 0.6s ease-in-out;
  293. -o-transition: all 0.6s ease-in-out;
  294. -ms-transition: all 0.6s ease-in-out;
  295. transition: all 0.6s ease-in-out;
  296.  
  297. color: #ffffff;
  298. background-color: {color:sidebar link};
  299. }
  300.  
  301. #yi:hover {
  302. letter-spacing: 3px;
  303. margin-left: 10px;
  304. font-style: italic;
  305. -webkit-transition: all 0.6s ease-in-out;
  306. -moz-transition: all 0.6s ease-in-out;
  307. -o-transition: all 0.6s ease-in-out;
  308. -ms-transition: all 0.6s ease-in-out;
  309. transition: all 0.6s ease-in-out;
  310.  
  311. color: #fff;
  312. background-color: {color:sidebar link hover};
  313. }
  314.  
  315. #er {
  316. font-family: consolas;
  317. font-size: 10px;
  318. text-transform: uppercase;
  319. display: block;
  320. margin: 200px 0 0 40px;
  321. width: 100px;
  322. position: fixed;
  323. float: down;
  324. letter-spacing: 2px;
  325. padding: 2px 4px;
  326.  
  327. border-radius: 30px;
  328.  
  329. -webkit-transition: all 0.6s ease-in-out;
  330. -moz-transition: all 0.6s ease-in-out;
  331. -o-transition: all 0.6s ease-in-out;
  332. -ms-transition: all 0.6s ease-in-out;
  333. transition: all 0.6s ease-in-out;
  334.  
  335. color: #ffffff;
  336. background-color: {color:sidebar link};
  337. }
  338.  
  339. #er:hover {
  340. letter-spacing: 3px;
  341. margin-left: 10px;
  342. font-style: italic;
  343. -webkit-transition: all 0.6s ease-in-out;
  344. -moz-transition: all 0.6s ease-in-out;
  345. -o-transition: all 0.6s ease-in-out;
  346. -ms-transition: all 0.6s ease-in-out;
  347. transition: all 0.6s ease-in-out;
  348.  
  349. color: #fff;
  350. background-color: {color:sidebar link hover};
  351. }
  352.  
  353. #san {
  354. font-family: consolas;
  355. font-size: 10px;
  356. text-transform: uppercase;
  357. display: block;
  358. margin: 220px 0 0 40px;
  359. width: 100px;
  360. position: fixed;
  361. float: down;
  362. letter-spacing: 2px;
  363. padding: 2px 4px;
  364.  
  365. border-radius: 30px;
  366.  
  367. -webkit-transition: all 0.6s ease-in-out;
  368. -moz-transition: all 0.6s ease-in-out;
  369. -o-transition: all 0.6s ease-in-out;
  370. -ms-transition: all 0.6s ease-in-out;
  371. transition: all 0.6s ease-in-out;
  372.  
  373. color: #ffffff;
  374. background-color: {color:sidebar link};
  375. }
  376.  
  377. #san:hover {
  378. letter-spacing: 3px;
  379. margin-left: 10px;
  380. font-style: italic;
  381. -webkit-transition: all 0.6s ease-in-out;
  382. -moz-transition: all 0.6s ease-in-out;
  383. -o-transition: all 0.6s ease-in-out;
  384. -ms-transition: all 0.6s ease-in-out;
  385. transition: all 0.6s ease-in-out;
  386.  
  387. color: #fff;
  388. background-color: {color:sidebar link hover};
  389. }
  390.  
  391. #si {
  392. font-family: consolas;
  393. font-size: 10px;
  394. text-transform: uppercase;
  395. display: block;
  396. margin: 240px 0 0 40px;
  397. width: 100px;
  398. position: fixed;
  399. float: down;
  400. letter-spacing: 2px;
  401. padding: 2px 4px;
  402.  
  403. border-radius: 30px;
  404.  
  405. -webkit-transition: all 0.6s ease-in-out;
  406. -moz-transition: all 0.6s ease-in-out;
  407. -o-transition: all 0.6s ease-in-out;
  408. -ms-transition: all 0.6s ease-in-out;
  409. transition: all 0.6s ease-in-out;
  410.  
  411. color: #ffffff;
  412. background-color: {color:sidebar link};
  413. }
  414.  
  415. #si:hover {
  416. letter-spacing: 3px;
  417. margin-left: 10px;
  418. font-style: italic;
  419. -webkit-transition: all 0.6s ease-in-out;
  420. -moz-transition: all 0.6s ease-in-out;
  421. -o-transition: all 0.6s ease-in-out;
  422. -ms-transition: all 0.6s ease-in-out;
  423. transition: all 0.6s ease-in-out;
  424.  
  425. color: #fff;
  426. background-color: {color:sidebar link};
  427. }
  428.  
  429. #wu {
  430. font-family: consolas;
  431. font-size: 10px;
  432. text-transform: uppercase;
  433. display: block;
  434. margin: 260px 0 0 40px;
  435. width: 100px;
  436. position: fixed;
  437. float: down;
  438. letter-spacing: 2px;
  439. padding: 2px 4px;
  440.  
  441. border-radius: 30px;
  442.  
  443. -webkit-transition: all 0.6s ease-in-out;
  444. -moz-transition: all 0.6s ease-in-out;
  445. -o-transition: all 0.6s ease-in-out;
  446. -ms-transition: all 0.6s ease-in-out;
  447. transition: all 0.6s ease-in-out;
  448.  
  449. color: #ffffff;
  450. background-color: {color:sidebar link};
  451. }
  452.  
  453. #wu:hover {
  454. letter-spacing: 3px;
  455. margin-left: 10px;
  456. font-style: italic;
  457. -webkit-transition: all 0.6s ease-in-out;
  458. -moz-transition: all 0.6s ease-in-out;
  459. -o-transition: all 0.6s ease-in-out;
  460. -ms-transition: all 0.6s ease-in-out;
  461. transition: all 0.6s ease-in-out;
  462.  
  463. color: #fff;
  464. background-color: {color:sidebar link hover};
  465. }
  466.  
  467. #liu {
  468. font-family: consolas;
  469. font-size: 10px;
  470. text-transform: uppercase;
  471. display: block;
  472. margin: 280px 0 0 40px;
  473. width: 100px;
  474. position: fixed;
  475. float: down;
  476. letter-spacing: 2px;
  477. padding: 2px 4px;
  478.  
  479. border-radius: 30px;
  480.  
  481. -webkit-transition: all 0.6s ease-in-out;
  482. -moz-transition: all 0.6s ease-in-out;
  483. -o-transition: all 0.6s ease-in-out;
  484. -ms-transition: all 0.6s ease-in-out;
  485. transition: all 0.6s ease-in-out;
  486.  
  487. color: #ffffff;
  488. background-color: {color:sidebar link};
  489. }
  490.  
  491. #liu:hover {
  492. letter-spacing: 3px;
  493. margin-left: 10px;
  494. font-style: italic;
  495. -webkit-transition: all 0.6s ease-in-out;
  496. -moz-transition: all 0.6s ease-in-out;
  497. -o-transition: all 0.6s ease-in-out;
  498. -ms-transition: all 0.6s ease-in-out;
  499. transition: all 0.6s ease-in-out;
  500.  
  501. color: #fff;
  502. background-color: {color:sidebar link hover};
  503. }
  504.  
  505. #sidebar .image {
  506. width: 250px;
  507. margin: 10px 10px 0 10px;
  508. height:300px;
  509.  
  510.  
  511. -webkit-transition: all 0.6s ease-in-out;
  512. -moz-transition: all 0.6s ease-in-out;
  513. -o-transition: all 0.6s ease-in-out;
  514. -ms-transition: all 0.6s ease-in-out;
  515. transition: all 0.6s ease-in-out;
  516. }
  517.  
  518. #sidebar:hover {
  519.  
  520. -webkit-transition: all 0.6s ease-in-out;
  521. -moz-transition: all 0.6s ease-in-out;
  522. -o-transition: all 0.6s ease-in-out;
  523. -ms-transition: all 0.6s ease-in-out;
  524. transition: all 0.6s ease-in-out;
  525. }
  526.  
  527. #sidebar:hover .image {
  528. opacity: 0.0;
  529. margin-left: 10px;
  530.  
  531.  
  532. -webkit-transition: all 0.6s ease-in-out;
  533. -moz-transition: all 0.6s ease-in-out;
  534. -o-transition: all 0.6s ease-in-out;
  535. -ms-transition: all 0.6s ease-in-out;
  536. transition: all 0.6s ease-in-out;
  537. }
  538.  
  539. #sidebar:hover .description {
  540. opacity: 1.0;
  541. }
  542.  
  543. #sidebar .description {
  544. font-size: 13px;
  545. font-family: ;
  546. text-align: center;
  547. position: fixed;
  548. margin-left: 10px;
  549. padding: 10px;
  550. margin-top:70px;
  551. opacity: 0.0;
  552. width: 230px;
  553.  
  554. -webkit-transition: all 0.6s ease-in-out;
  555. -moz-transition: all 0.6s ease-in-out;
  556. -o-transition: all 0.6s ease-in-out;
  557. -ms-transition: all 0.6s ease-in-out;
  558. transition: all 0.6s ease-in-out;
  559. color: #8a8e91;
  560. }
  561.  
  562. #sidebar .description a {
  563. color: #5e65be;
  564. text-decoration: none;
  565. }
  566.  
  567. #sidebar .description a:hover {
  568. color: #76d1e6;
  569. text-decoration: none;
  570. }
  571.  
  572.  
  573.  
  574.  
  575. div#qTip {
  576. padding:5px;
  577. display:none;
  578. text-align:center;
  579. position: absolute;
  580. font-size:13px;
  581. line-height:10px;
  582. font-family:'Constantia';
  583. z-index:99999;
  584. color:#666;
  585. background:#fff;
  586. border:3px solid #ddd;
  587. box-shadow: 1px 1px 3px {color:Navigation Hover Shadow};
  588. }
  589.  
  590. .ref
  591. {letter-spacing:1px;
  592. height: 20px;
  593. width: 50px;
  594. padding: 5px 3px 0px 5px;
  595. float: left;
  596. font-family:helvetica;
  597. font-size: 11px}
  598.  
  599. .ask
  600. {letter-spacing:1px;
  601. height: 20px;
  602. width: 50px;
  603. padding: 5px 3px 0px 5px;
  604. float: left;
  605. font-family:helvetica;
  606. font-size: 11px}
  607.  
  608. .lix
  609. {letter-spacing:1px;
  610. height: 20px;
  611. width: 50px;
  612. padding: 5px 3px 0px 5px;
  613. float: left;
  614. font-family:helvetica;
  615. font-size: 11px}
  616.  
  617. .thm
  618. {letter-spacing:1px;
  619. height: 20px;
  620. width: 50px;
  621. padding: 5px 3px 0px 5px;
  622. float: left;
  623. font-family:helvetica;
  624. font-size: 11px}
  625.  
  626. }
  627.  
  628. blockquote {
  629. margin: 2px 2px 2px 5px;
  630. color: #000000;
  631. background-color: ;
  632. font-family:helvetica;
  633. text-decoration: none;
  634. font-size: 10px;
  635. line-height: 10px;
  636. padding: 3px;
  637. padding-left: 10px;
  638. border-width:0px 0px 0px 3px;
  639. border-style:solid;
  640. border-color:{color: highlight};
  641. }
  642.  
  643. #middle{
  644. margin-left: 410px;
  645. margin-top: 50px;
  646. width: 800px;
  647. padding: 0px;
  648. height: auto;
  649. background-color: ;}
  650.  
  651. .entry {
  652. float: left;
  653. display: block;
  654. margin: 6px;
  655. {block:indexpage}
  656. width: 235px;
  657. {/block:indexpage}
  658. {block:PermalinkPage}
  659. width: 500px;
  660. height: auto;
  661. {/block:PermalinkPage}
  662. line-height:8px;
  663. background-color:#fff;
  664. padding:8px;
  665. margin-right:6px;
  666. border: 1px solid #ddd;
  667. overflow:hidden;
  668. margin-bottom:6px;
  669. overflow:hidden;
  670. transition: all 0.9s ease-out;
  671. -o-transition-transition: all 0.9s ease-out;
  672. -webkit-transition: all 0.9s ease-out;
  673. -moz-transition: all 0.9s ease-out;
  674. }
  675.  
  676. .permalink{
  677. width:232px;
  678. height: 35px;
  679. border-top: 1px #ddd solid;
  680. border-bottom: 1px #ddd solid;
  681. font-family:calibri;
  682. text-transform:uppercase;
  683. position: absolute;
  684. font-size: 12px;
  685. line-height: 15px;
  686. text-align: center;
  687. overflow:hidden;
  688. opacity: 0.0;
  689. border-left: 2px solid #ddd;
  690. border-right: 2px solid #ddd;
  691. background-color:#fff;
  692. letter-spacing:0px;
  693. bottom:10px;
  694. margin-left: 0px;
  695. -webkit-transition: opacity 0.4s ease-out; opacity: 0.0;
  696. -webkit-transition: all 0.4s ease-out;
  697. -moz-transition: all 0.4s ease-out;
  698. transition: all 0.4s ease-out;
  699. }
  700.  
  701. .entry:hover .permalink {
  702. overflow:visible;
  703. bottom:30px;
  704. opacity:1;
  705. -webkit-transition: all 0.7s linear;
  706. -moz-transition: all 0.7s linear;
  707. transition: all 0.7s linear;
  708. }
  709.  
  710. .permalink a:hover{
  711. text-decoration: line-through;}
  712.  
  713. .kirstie {
  714. display: block;
  715. padding: 1px 1px 1px 1px;
  716. font-family: silkscreen;
  717. font-size: 8px;
  718. color: #666;
  719. text-align: center;
  720. text-decoration: none;
  721. background-color: #f7f7f7;
  722. width: 100%;
  723. height: 18px;
  724. line-height: 18px;
  725. opacity: 0.9;
  726. }
  727. .candice{
  728. opacity: .8;
  729. padding: 7px;
  730. }
  731.  
  732. .holly{
  733. opacity: .8;
  734. padding-left: 7px;
  735. padding-right: 7px;
  736. padding-top: 7px;
  737. padding-bottom: 0px;
  738. }
  739.  
  740. .joseph{
  741. border-bottom: #999 0px solid;
  742. padding-bottom: 3px;
  743. margin-bottom: 0px;}
  744.  
  745. .paul{
  746. opacity: .8;}
  747.  
  748. .michael{
  749. text-align: center;
  750. margin-top:0px;
  751. padding-top: 1px;
  752. padding-left: 5px;
  753. padding-bottom: 1px;
  754. padding-right: 5px;
  755. margin-bottom: 0px;
  756. background-color: ;
  757. border-left: #999 0px solid;
  758. }
  759. .kirstie a:hover{
  760. text-decoration: line-through;
  761. cursor: crosshair}
  762.  
  763. .notes img {
  764. display: none;
  765. }
  766. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset{
  767. margin: 0 auto;
  768. }
  769.  
  770. ol.notes{
  771. font-family: helvetica;
  772. font-size: 10px;
  773. padding: 0 10px;
  774. margin: 20px;
  775. }
  776.  
  777. .notes{font-family: helvetica;
  778. font-size: 10px;}
  779.  
  780. ul, ol {font-family: helvetica;
  781. font-size: 10px;
  782. line-height: 12px;}
  783.  
  784. input[type=button]{
  785. font-size: 9px;}
  786.  
  787.  
  788. #perf{
  789. position:fixed !important;
  790. right:3px;
  791. top:26px;
  792. font-family: arial;
  793. font-size: 10px;
  794. line-height:12px;
  795. vertical-align: middle;
  796. overflow: hidden;
  797. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  798. background-repeat:repeat;
  799. border:1px solid rgba(0,0,0,0.1);
  800. padding:3px;
  801. -webkit-border-radius:2px;
  802. moz-border-radius:2px;
  803. -o-border-radius:2px;
  804. border-radius:2px;
  805. z-index: 100; opacity: .8;}
  806.  
  807. #perf a{
  808. color: #fff;}
  809.  
  810. div#titlebar{
  811. position: fixed !important;
  812. margin-top: -49px;
  813. margin-left: 120px;
  814. width: auto;
  815. font-family: lala;
  816. font-size: 34px;
  817. line-height:10px;
  818. background-color: transparent;
  819. text-transform: normal;
  820.  
  821. }
  822.  
  823. {CustomCSS}
  824.  
  825.  
  826. </style>
  827. </head>
  828. <body>
  829.  
  830. <div id="quote"> {text:titlebar} </div>
  831.  
  832. <div id="cage"><div id="center"><div id="sidebar">
  833. <div id="titlebar">
  834. <h3 style="font-size: 37pt; line-height: 25px; letter-spacing: -1px; z-index: 1; text-align: center; margin-top: 10px; margin-left: -105px;">{text:blogtitle}</h3></div></div>
  835.  
  836.  
  837. <a href="/"><div id="yi">Home</div></a>
  838. <a href="/ask"><div id="er">Inbox</div></a>
  839. <a href="{text:link 1 URL}"><div id="san">{text:Link 1 Title}</div></a>
  840. <a href="{text:link 2 URL}"><div id="si">{text:Link 2 Title}</div></a>
  841. <a href="{text:link 3 URL}"><div id="wu">{text:Link 3 Title}</div></a>
  842. <!--PLEASE DO NOT REMOVE THE CREDITS!
  843. THIS IS NOT COOL THIS SERIOUSLY TOOK ME FOREVER TO MAKE THIS THEME & EDIT!
  844. DONT TAKE MY SHIT
  845. THANK YOUUUU! <3
  846. !-->
  847. <a href="http://luxury-perfectionist.tumblr.com/"><div id="liu">Credit</div></a>
  848.  
  849. <div id="sidebar">
  850.  
  851. <div class="description">{description}
  852. <br><br>
  853. <center> {text:Stats 1}&nbsp;•&nbsp;{text:Stats 2} </center>
  854. </div>
  855.  
  856. <img class="image" src="{image:sidebar}" />
  857.  
  858.  
  859.  
  860.  
  861.  
  862. </div></div></div></div>
  863.  
  864.  
  865.  
  866. <div id="perf">
  867. <a href="http://luxury-perfectionist.tumblr.com/" target="_blank">Theme Credit</a>
  868. </div>
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876. <div id="middle">
  877. {block:Posts}
  878.  
  879. <div class="entry">
  880. {block:IndexPage}
  881. {/block:IndexPage}
  882.  
  883. {block:Text}
  884. <div class="candice"><center>{block:Title}<div class="joseph"><red><a href="{Permalink}">{Title}</a></red></div>{/block:Title}</center><div class="hello">{Body}</div></div><div class="kirstie"><a href="{permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank"> Steal this </a> • {timeago} </a></span></div>
  885. {/block:Text}
  886.  
  887. {block:Photo}
  888. {block:IndexPage}<div class="permalink">
  889. <a href="{Permalink}">{timeago}<br>
  890. <a href="{permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank"> Steal this </a> </div>{LinkOpenTag}<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=235px/></a>{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px/></center>{LinkCloseTag}{/block:permalinkpage}
  891. {/block:Photo}
  892.  
  893. {block:Photoset}{block:IndexPage}<div class="permalink"><a href="{permalink}">{timeago}</a><br>
  894. <a href="{permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank"> reblog</a></div>{Photoset-250}{/block:IndexPage}{block:permalinkpage}{Photoset-250}{/block:permalinkpage}
  895. {/block:Photoset}
  896.  
  897. {block:Quote}<lavender>
  898. "{Quote}"</lavender><br>{block:Source}<lavender>{Source}{/block:Source}</lavender><div class="iris"><a href="{permalink}">{timeago}</a> | <a href="{permalink}">{NoteCountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Quote}
  899.  
  900. {block:Link}<div class="holly"><div class="jenny"><center><blue><a href="{URL}" {Target}>{Name}</a></blue></div><div class="brenden">{block:Description}{Description}{/block:Description}</div></center></div><div class="iris"><a href="{permalink}">{timeago}</a> | <a href="{permalink}">{NoteCountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></div>
  901. {/block:Link}
  902.  
  903. {block:Chat}{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}
  904. {/block:Chat}
  905.  
  906. {block:Video}{Video-500}{/block:Video}
  907.  
  908. {block:Answer}
  909. <div class="paul"><div class="brooke"> <aiden>{Asker} said:</aiden> <lavender>{Question}</lavender></div><div class="michael"><mandy>{Answer}</mandy></div></div>
  910. {block:IndexPage}<a href="{Permalink}">
  911. </a>
  912. {/block:IndexPage}
  913. {block:PermalinkPage}
  914. <div class="candice">
  915. {LinkCloseTag}
  916. {/block:PermalinkPage}
  917. {/block:Answer}
  918.  
  919. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}
  920. {/block:Audio}
  921.  
  922. <div class="notes">{block:PermalinkPage}<br><center><bronze>
  923. {block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} + {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} + Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</bronze></center>{block:PostNotes}<a name=”notes”>{PostNotes}</a>{/block:PostNotes}
  924. {/block:PermalinkPage}</div>
  925.  
  926. </div>
  927. <br><br>
  928.  
  929. {/block:Posts}
  930.  
  931.  
  932. </div>
  933. </div>
  934.  
  935. {block:IndexPage}{block:NextPage}
  936. <div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  937. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  938. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  939. <script type="text/javascript">
  940. $(window).load(function(){
  941. var $wall = $('#middle');
  942. $wall.imagesLoaded(function(){
  943. $wall.masonry({
  944. itemSelector: '.entry',
  945. isAnimated : false
  946. });
  947. });
  948.  
  949. $wall.infinitescroll({
  950. navSelector : '#page-nav',
  951. nextSelector : '#page-nav a',
  952. itemSelector : '.entry',
  953. bufferPx : 2000,
  954. debug : false,
  955. errorCallback: function() {
  956. $('#infscr-loading').fadeOut('normal');
  957. }},
  958. function( newElements ) {
  959. var $newElems = $( newElements );
  960. $newElems.hide();
  961. $newElems.imagesLoaded(function(){
  962. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  963. });
  964. }); $('#content').show(500);
  965. });
  966. </script>
  967. {/block:IndexPage}
  968.  
  969. <BODY onselectstart="return false;" ondragstart="return false;">
  970. <body onkeydown="return false">
  971. <script language=JavaScript>
  972.  
  973. <!--
  974. //Disable right mouse click Script
  975. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  976. //For full source code, visit http://www.dynamicdrive.com
  977.  
  978. var message="";
  979.  
  980. ///////////////////////////////////
  981. function clickIE4(){
  982. if (event.button==2){
  983. alert(message);
  984. return false;
  985. }
  986. }
  987.  
  988. function clickNS4(e){
  989. if (document.layers||document.getElementById&&!document.all){
  990. if (e.which==2|e.which==3){
  991. alert(message);
  992. return false;
  993. }
  994. }
  995. }
  996.  
  997. if (document.layers){
  998. document.captureEvents(Event.MOUSEDOWN);
  999. document.onmousedown=clickNS4;
  1000. }
  1001. else if (document.all&&!document.getElementById){
  1002. document.onmousedown=clickIE4;
  1003. }
  1004.  
  1005. document.oncontextmenu=new Function("return false")
  1006.  
  1007. // -->
  1008. </script>
  1009.  
  1010. </body>
  1011. </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!