Advertisement
deviousgleerpthemes

quinntana: damn i wish i was your lover

Aug 20th, 2015
309
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.65 KB | None | 0 0
  1. <!-- You can change the favicon here!! -->
  2.  
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <!-- "Damn, I wish I was your lover" by deviousgleerpgs
  10. The theme was made using a basecode from shayofrps
  11. but this is mostly all my coding. So please don't steal. -->
  12.  
  13.  
  14. <!-- IMAGES!! -->
  15. <meta name="image:background" content="/"/>
  16. <meta name="image:side background" content="/"/>
  17. <meta name="image:sidebar" content="/"/>
  18. <meta name="image:sidebar2" content="/"/>
  19. <meta name="image:icon1" content="/"/>
  20. <meta name="image:icon2" conent="/"/>
  21. <meta name="image:icon3" conent="/"/>
  22.  
  23.  
  24. <!-- COLORS!! -->
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:sidebar" content="#ffffff"/>
  27. <meta name="color:posts" content="#ffffff"/>
  28. <meta name="color:blog title" content="#ffffff"/>
  29. <meta name="color:title bar" content="#ffffff"/>
  30. <meta name="color:text" content="#C0C0C0"/>
  31. <meta name="color:desc text" content="#000000"/>
  32. <meta name="color:pre text" content="#ffffff"/>
  33. <meta name="color:pre color" content="#000000"/>
  34. <meta name="color:border" content="#ffffff" />
  35. <meta name="color:links" content="#C0C0C0"/>
  36. <meta name="color:links hover" content="#696969"/>
  37. <meta name="color:drop shadow" content="#000000"/>
  38.  
  39. <!-- TEXT!! -->
  40. <meta name="text:Link 1 URL" content="/">
  41. <meta name="text:Link 2 URL" content="/">
  42. <meta name="text:Link 3 URL" content="/">
  43. <meta name="text:Link 4 URL" content="/">
  44. <meta name="text:Link 5 URL" content="/">
  45. <meta name="text:Link 1 name" content="/">
  46. <meta name="text:Link 2 name" content="/">
  47. <meta name="text:Link 3 name" content="/">
  48. <meta name="text:Link 4 name" content="/">
  49. <meta name="text:Link 5 name" content="/">
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64.  
  65. body {
  66. background-image: url('{image:background}');
  67. background-color: {color:background};
  68. background-attachment:fixed;
  69. font-family: arial;
  70. font-size: 11.5px;
  71. color:#666666;
  72. margin:0;
  73. text-align:justify;
  74. }
  75.  
  76.  
  77.  
  78. a {
  79. color:{color:links};
  80. font-size:11px;
  81. text-decoration:underline;
  82. -webkit-transition: all 0.5s ease;
  83. -moz-transition: all 0.5s ease;
  84. -o-transition: all 0.5s ease;
  85. }
  86.  
  87. a:hover {
  88. -webkit-transition: all 0.5s ease;
  89. -moz-transition: all 0.5s ease;
  90. -o-transition: all 0.5s ease;
  91. color:#F6F6F6;
  92. text-decoration:none;
  93. }
  94.  
  95.  
  96. b{
  97. font-style:bold;
  98. }
  99.  
  100.  
  101. #title {color:{color:blog title};
  102. margin-top:-3px;
  103. margin-left:0px;
  104. padding:5px;
  105. letter-spacing:8px;
  106. font-weight:italic;
  107. font-family: 'Bangers', cursive;
  108. font-size:15px;
  109. text-align:center;
  110. text-transform:uppercase;
  111. background-color: {color:title bar};
  112. text-shadow: 1px 1px 0px {color:drop shadow};
  113. width:390px;
  114. height:32.5px;
  115.  
  116. }
  117.  
  118.  
  119. blockquote {
  120. font-size:9px;
  121. max-width:545px;
  122. border-left:1px solid{color:blockquote border};
  123. text-align:left;
  124. padding:1px;
  125. font-weight:none;
  126. letter-spacing:0px;
  127. margin-left:5px;
  128. margin-right:5px;
  129. padding-left:5px;
  130. color:{color:text};
  131. }
  132. pre {
  133. font-family:georgia;
  134. font-size:13px;
  135. text-transform:lowercase;
  136. padding-left:8px;
  137. padding-right:8px;
  138. padding-top:5px;
  139. padding-bottom:5px;
  140. text-align:right;
  141. color:{color:pre text};
  142. background-color:{color:pre color};
  143. word-wrap:break-word;
  144. }
  145.  
  146.  
  147. img {
  148. max-width:500px;
  149. opacity:0.6;
  150. -webkit-transition: all 0.5s ease;
  151. -moz-transition: all 0.5s ease;
  152. -o-transition: all 0.5s ease
  153. }
  154.  
  155. img:hover {
  156. opacity:1;
  157. -webkit-transition: all 0.5s ease;
  158. -moz-transition: all 0.5s ease;
  159. -o-transition: all 0.5s ease;
  160. }
  161.  
  162.  
  163.  
  164. h1 {
  165. font-size:18px;
  166. text-align:center;
  167. color:#666666;
  168. text-transform:uppercase;
  169. }
  170.  
  171.  
  172. /* SIDEBAR */
  173.  
  174.  
  175.  
  176.  
  177. #description {
  178. position:fixed;
  179. padding-left: 9px; padding-right: 9px;
  180. padding-top: 3px; padding-bottom: 3px;
  181. line-height:130%;
  182. background: {color:posts};
  183. opacity:.7;
  184. color: {color:desc text};
  185. overflow:auto;
  186. font-size: 11.5px;
  187. font-family: sans-serif;
  188. font-weight: bold;
  189. margin-top: 5px;
  190. margin-left: -1px;
  191. height: 180px;
  192. width: 482px;
  193. border: 1px solid {color:border};
  194. position: fixed;
  195. }
  196.  
  197.  
  198. #sidebar{
  199. padding: -10px;
  200. z-index:-9999;
  201. text-align:center;
  202. background:url('{image:side background}');
  203. position:fixed;
  204. margin-top:-17px;
  205. font-size:10px;
  206. margin-left:7px;
  207. width:500px;
  208. height:443px;
  209. color:black;
  210. font-family: 'Abel', sans-serif;
  211. color:#ffffff;
  212. border: 1px solid {color:border};
  213. }
  214.  
  215. #sidebar img{
  216.  
  217. width: 400px;
  218. height:200px;
  219. opacity:1;
  220. border: 1px solid {color:border}
  221. margin-top: 5px;
  222. margin-left: -101px;
  223.  
  224. }
  225.  
  226. #sidebar img2{
  227.  
  228. width: 400px;
  229. height:200px;
  230. opacity:1;
  231. border: 1px solid {color:border}
  232. margin-top: 5px;
  233.  
  234. }
  235.  
  236.  
  237. #icon1 {
  238. position:fixed;
  239. opacity:1;
  240. background-image:url('{image:icon1}');
  241. width:100px;
  242. height:100px;
  243. top:30px;
  244. margin-top:70px;
  245. margin-left:1130px;
  246. border:solid 1px {color:border};
  247. z-index:9999999;
  248.  
  249.  
  250.  
  251. }
  252.  
  253.  
  254. #icon2 {
  255. position:fixed;
  256. opacity:1;
  257. background-image:url('{image:icon2}');
  258. width:100px;
  259. height:100px;
  260. top:225px;
  261. margin-top:70px;
  262. margin-left:1130px;
  263. border:solid 1px {color:border};
  264. z-index:9999999;
  265.  
  266. }
  267.  
  268. #icon3 {
  269. position:fixed;
  270. opacity:1;
  271. background-image:url('{image:icon3}');
  272. width:100px;
  273. height:100px;
  274. top:420px;
  275. margin-top:70px;
  276. margin-left:1130px;
  277. border:solid 1px {color:border};
  278. z-index:9999999;
  279. }
  280.  
  281.  
  282. #links a {
  283. width:200px;
  284. text-align:right;
  285. background:#ffffff;
  286. position:fixed;
  287. top:230px;
  288. margin-left:-210px;
  289. font:8px courier;
  290. letter-spacing:1px;
  291. text-transform:uppercase;
  292. color:{color:links};
  293. }
  294.  
  295.  
  296.  
  297. .links {
  298. padding:10px;
  299. width:75px;
  300. height:95px;
  301. position:fixed;
  302. margin-top:-21px;
  303. margin-left:401px;
  304. color:{color:links};
  305.  
  306. }
  307.  
  308. .links a{
  309. width:75px;
  310. margin-bottom:6px;
  311. height:31px;
  312. text-align:center;
  313. padding:8px;
  314. letter-spacing:3px;
  315. color:{color:links};
  316. font-family: 'Righteous', cursive;
  317. font-size:15px;
  318. text-transform:uppercase;
  319. display:block;
  320. z-index:999999;
  321. text-shadow: 1px 1px 0px #000000;
  322. border: solid 1px {color:border};
  323. background-color:{color:posts};
  324. }
  325.  
  326.  
  327.  
  328. #musicplayer {
  329. color:#666666;
  330. border-top:1px solid #666666;
  331. padding:5px;
  332. padding-top:2px;
  333. }
  334.  
  335.  
  336. #entries {
  337. width:500px;
  338. margin-left:570px;
  339. margin-top:30px;
  340. }
  341.  
  342.  
  343. #posts {
  344. width:500px;
  345. background-color:{color:posts};
  346. padding:15px;
  347. border: 1px solid {color:border};
  348. margin-top:20px;
  349. }
  350.  
  351.  
  352.  
  353.  
  354. #pagination {
  355. font-size:14px;
  356. margin-top:10px;
  357. margin-bottom:20px;
  358. font-family: 'Righteous', cursive;
  359. letter-spacing:1px;
  360. font-weight:bold;
  361. width:530px;
  362. text-align:center;
  363. }
  364.  
  365. #pagination a {
  366. padding:4px 8px;
  367. font-weight:bold;
  368. color:{color:posts};
  369. font-family: 'Righteous', cursive;
  370. font-size:14px;
  371. text-decoration:none;
  372. }
  373.  
  374. .current {
  375. padding:4px 8px;
  376. font-weight:bold;
  377. color:#ffffff;
  378. font-family: 'Righteous', cursive;
  379. font-size:14px;
  380. text-decoration:none;
  381. }
  382.  
  383. .quote {
  384. font-size:22px;
  385. padding-bottom:10px;
  386. }
  387.  
  388. .quotesource {
  389. padding-bottom:10px;
  390. font-size:11px;
  391. color:{color:text};
  392. }
  393.  
  394. .audio {
  395. width:500px;
  396. }
  397.  
  398. .audio-album {
  399. z-index:9;
  400. opacity:1;
  401. width:50px;
  402. }
  403.  
  404. .audio-info {
  405.  
  406. background-color:#ffffff;
  407. -webkit-transition: all 0.5s ease;
  408. -moz-transition: all 0.5s ease;
  409. -o-transition: all 0.5s ease;
  410. }
  411.  
  412. .audio-info:hover {
  413. -webkit-transition: all 0.5s ease;
  414. -moz-transition: all 0.5s ease;
  415. -o-transition: all 0.5s ease;
  416. opacity:0.9;
  417. }
  418.  
  419. .audio-player {
  420. position:relative;
  421. overflow:hidden;
  422. max-width:30px;
  423. max-height:30px;
  424. border:0px solid gray;
  425. border-radius:100%;
  426. position:absolute;
  427. margin-top:-40px;
  428. margin-left:360px;
  429. }
  430.  
  431. #question {
  432. padding-bottom:10px;
  433. border-bottom:1px solid #666666;
  434. }
  435.  
  436. #info {
  437. width:520px;
  438. text-align:left;
  439. font-family:arial;
  440. font-size:9px;
  441. padding:7px;
  442. line-height:10px;
  443. background-color:{color:posts};
  444. margin-top:5px;
  445. margin-left:-15px;
  446. font-size:11px;
  447. margin-bottom:-15px;
  448. font-style:none;
  449. padding:5px;
  450. line-height:10px;
  451. border-top: solid 1px {color:border};
  452. transition-duration: 1.0s;
  453. -moz-transition-duration: 1.0s;
  454. -webkit-transition-duration: 1.0s;
  455. -o-transition-duration: 1.0s;
  456.  
  457. }
  458.  
  459. #info hover{
  460. color:{color:links hover};
  461. transition-duration: 1.0s;
  462. -moz-transition-duration: 1.0s;
  463. -webkit-transition-duration: 1.0s;
  464. -o-transition-duration: 1.0s;
  465.  
  466.  
  467. }
  468.  
  469. #info a {
  470. text-align:center;
  471. font-family:arial;
  472. color:{color:links};
  473.  
  474. }
  475.  
  476. #credit {
  477. text-align:center;
  478. position:fixed;
  479. bottom:10px;
  480. right:10px;
  481. width:15px;
  482. height:15px;
  483. padding:3px;
  484. -webkit-transition: all 0.5s ease;
  485. -moz-transition: all 0.5s ease;
  486. -o-transition: all 0.5s ease;
  487. }
  488.  
  489. #credit:hover {
  490. background:transparent;
  491. transform: rotate(360deg);
  492. -ms-transform: rotate(360deg);
  493. -webkit-transform: rotate(360deg);
  494. -o-transform: rotate(360deg);
  495. -moz-transform: rotate(30deg);
  496. -webkit-transition: all 0.5s ease;
  497. -moz-transition: all 0.5s ease;
  498. -o-transition: all 0.5s ease;
  499. }
  500. #credit a {
  501. text-decoration:none;
  502. font-size:25px;
  503. color:#ffffff;
  504.  
  505. -webkit-transition: all 0.5s ease;
  506. -moz-transition: all 0.5s ease;
  507. -o-transition: all 0.5s ease;
  508. }
  509.  
  510. #credit a:hover {
  511. color:#F6F6F6;
  512. transform: rotate(360deg);
  513. -ms-transform: rotate(360deg);
  514. -webkit-transform: rotate(360deg);
  515. -o-transform: rotate(360deg);
  516. -moz-transform: rotate(30deg);
  517. -webkit-transition: all 0.5s ease;
  518. -moz-transition: all 0.5s ease;
  519. -o-transition: all 0.5s ease;
  520. }
  521.  
  522.  
  523. </style></head><body>
  524.  
  525. </div>
  526.  
  527.  
  528.  
  529. <div id="sidebar"><img src="{image:sidebar}"><div id="title">{title}</div>
  530.  
  531. <div id="sidebar img2"><img src="{image:sidebar2}"><div id="description">{description}</div></div>
  532.  
  533. </div>
  534.  
  535. <div id="icon1"><img src="{image:icon1}"></div>
  536. <div id="icon2"><img src="{image:icon2}"></div>
  537. <div id="icon3"><img src="{image:icon3}"></div>
  538.  
  539.  
  540.  
  541. <div class="links">
  542. <a href="/">index</a>
  543. <a href="/ask">ask</a>
  544. <a href="/submit">submit</a>
  545. <a href="{text:link 1 url}">{text:link 1 name}</a>
  546. <a href="{text:link 2 url}">{text:link 2 name}</a>
  547. <a href="{text:link 3 url}">{text:link 3 name}</a>
  548. <a href="{text:link 4 url}">{text:link 4 name}</a>
  549. <a href="{text:link 5 url}">{text:link 5 name}</a>
  550. </div>
  551. </div>
  552.  
  553.  
  554.  
  555.  
  556. <!--- OPTIONAL: <div id="musicplayer"></div> -->
  557. </div>
  558.  
  559.  
  560.  
  561. <div id="entries">
  562. {block:Posts}<div id="posts">
  563.  
  564.  
  565. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  566.  
  567.  
  568. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="width:500px;">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  569.  
  570.  
  571. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  572.  
  573.  
  574. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  575.  
  576.  
  577. {block:Quote}<div class="quote">❝ {Quote} ❞</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
  578.  
  579.  
  580. {block:Audio}
  581. <div class="audio">
  582. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:80px;">{/block:AlbumArt}
  583.  
  584.  
  585. <div class="audio-info">
  586. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  587. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  588. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  589. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  590. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div></div>
  591. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  592. {/block:Audio}
  593.  
  594.  
  595. {block:Video}<div style="max-width:500px;">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  596.  
  597.  
  598. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  599.  
  600.  
  601. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:bold;">— {Asker}: </span>{Question}</div><left> <font face="{font:text}">{Answer}</font>{/block:Answer}
  602.  
  603.  
  604. <div id="info"><center>posted <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a></center>
  605.  
  606. <center>{block:RebloggedFrom}from <a href="{ReblogParentURL}">{ReblogParentName}</a> // {/block:RebloggedFrom}
  607.  
  608. {block:ContentSource} <br><a href="{SourceURL}">©<a href="{SourceURL}">{SourceLink}</a> // {/block:ContentSource}
  609.  
  610. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogParentURL}" target="_blank">reblog</a></center>
  611.  
  612. {block:HasTags}<div id="tags">
  613. {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  614. {/block:HasTags}
  615. </div></div>
  616.  
  617. {/block:Posts}
  618.  
  619. <div id="pagination">
  620.  
  621.  
  622. {block:Pagination}
  623. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  624. {block:JumpPagination length="5"}
  625. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  626. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  627. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  628. {/block:Pagination}
  629.  
  630. </div>
  631. </div>
  632.  
  633.  
  634. <div id="credit"><a href="http://deviousgleerpgs.tumblr.com/">➳</a> </div></center>
  635.  
  636.  
  637. <!--DON'T DELETE THIS CODE IF YOU DON'T WANT TO SEE THE SOURCE UNDER THE IMAGE/TEXT-->
  638. {block:ContentSource}
  639. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  640. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  641. {/block:SourceLogo}
  642. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  643. {/block:ContentSource}
  644.  
  645.  
  646. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement