Advertisement
deviousgleerpthemes

danittany: my star

Jul 30th, 2015
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.33 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#a8a8a8"/>
  17. <meta name="color:links" content="#007dc7"/>
  18. <meta name="color:hover" content="#ffffff"/>
  19. <meta name="color:blockquote" content="#007dc7"/>
  20. <meta name="color:sidebar border" content="#007dc7"/>
  21. <meta name="color:description text" content="#000000"/>
  22. <meta name="color:description background" content="#f6f6f6"/>
  23. <meta name="color:sidebar links text" content="#ffffff"/>
  24. <meta name="color:sidebar background" content="#000000"/>
  25. <meta name="color:blog title background" content="#ffffff"/>
  26. <meta name="color:blog title" content="#000000"/>
  27. <meta name="color:subtitle" content="#ffffff"/>
  28. <meta name="color:drop shadow" content="#000000"/>
  29. <meta name="color:post background" content="#ffffff"/>
  30. <meta name="color:links background" content="#ffffff"/>
  31. <meta name="color:info background" content="#000000"/>
  32. <meta name="color:info text" content="ffffff"/>
  33. <meta name="color:pagination text" content="#ffffff"/>
  34. <meta name="color:asker background" content="#cccccc"/>
  35. <meta name="color:asker text" content="#f8f8f8"/>
  36. <meta name="color:asker" content="#f8f8f8"/>
  37. <meta name="color:scrollbar" content="#000000"/>
  38. <meta name="color:scrollbarBg" content="#ffffff"/>
  39. <meta name="text:subtitle" content="subtitle" />
  40. <meta name="image:background" content=""/>
  41. <meta name="image:side background" content=""/>
  42. <meta name="image:post background" content=""/>
  43. <meta name="image:corner" content=""/>
  44. <meta name="image:sidebar" content=""/>
  45.  
  46. <meta name="text:Link 1 URL" content="/">
  47. <meta name="text:Link 2 URL" content="/">
  48. <meta name="text:Link 3 URL" content="/">
  49. <meta name="text:Link 4 URL" content="/">
  50. <meta name="text:Link 5 URL" content="/">
  51. <meta name="text:Link 1 name" content="/">
  52. <meta name="text:Link 2 name" content="/">
  53. <meta name="text:Link 3 name" content="/">
  54. <meta name="text:Link 4 name" content="/">
  55. <meta name="text:Link 5 name" content="/">
  56.  
  57. <meta name="text:squad 1 URL" content="/">
  58. <meta name="text:squad 2 URL" content="/">
  59. <meta name="text:squad 3 URL" content="/">
  60. <meta name="text:squad 4 URL" content="/">
  61.  
  62. <meta name="image:squad1" content="">
  63. <meta name="image:squad2" content="">
  64. <meta name="image:squad3" content="">
  65. <meta name="image:squad4" content="">
  66.  
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. height:auto;
  78. background-color:{color:Scrollbar};
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. height:9px;
  83. width:4px;
  84. background-color:{color:ScrollbarBg};
  85. }
  86.  
  87.  
  88. body {
  89. background:{color:background};
  90. margin:0px;
  91. color:{color:text};
  92. font-family: 'Roboto', sans-serif;
  93. line-height:150%;
  94. font-size:9px;
  95. text-align:justify;
  96. background-image:url('{image:background}');
  97. }
  98.  
  99.  
  100. a {
  101. color: {color:links};
  102. text-decoration: none;
  103.  
  104. }
  105.  
  106. a:hover {
  107. color:{color:hover};
  108. transition:all 0.5s ease-in-out;
  109. -o-transition:all 0.5s ease-in-out;
  110. -moz-transition:all 0.5s ease-in-out;
  111. -webkit-transition:all 0.5s ease-in-out;
  112.  
  113. }
  114.  
  115.  
  116. #title{color:{color:blog title};
  117. padding:5px;
  118. letter-spacing:1px;
  119. margin-bottom:10px;
  120. font-weight:bold;
  121. font-family:'Covered By Your Grace', cursive;
  122. font-size:45px;
  123. text-align:center;
  124. text-transform:uppercase;
  125. background-color:{color:blog title background};
  126. text-shadow: 3px 1px 0px {color:drop shadow}; }
  127.  
  128. #subtitle {position:fixed;
  129. margin-top:145px;
  130. margin-left:3px;
  131. text-align:center;
  132. color:{color:subtitle};
  133. font-family:'Covered By Your Grace', cursive;
  134. font-size:35px;
  135. width:380px;
  136. font-style:italic;
  137. font-weight:bold;
  138. letter-spacing:-2px;
  139. line-height:75%;
  140. text-align: center;
  141. text-transform:uppercase;
  142. margin-bottom:-4px;
  143. margin-right:5px;
  144. text-shadow: 3px 1px 0px {color:drop shadow};}
  145.  
  146. img {
  147. border:none;
  148. }
  149.  
  150.  
  151.  
  152. small{font-size:9px;}
  153.  
  154. h1 {
  155. font-size:15px;
  156. color:{color:text};
  157. text-transform:uppercase;
  158. font-family:'helvetica';
  159. background-color:{color:background};
  160. padding:10px;
  161. font-style:bold, italic;
  162. text-align:center;
  163. }
  164.  
  165. blockquote {
  166. border-left:1px solid {color:text};
  167. padding-left:5px;
  168. margin-left:10px;
  169. margin-:10px;
  170. }
  171.  
  172.  
  173. /*ENTRIES*/
  174.  
  175.  
  176. #entries {
  177. position: absolute;
  178. height:590px;
  179. width:640px;
  180. margin-left:400px;
  181. margin-top:25px;
  182.  
  183. }
  184.  
  185. #post {
  186. width: 500px;
  187. margin-left:80px;
  188. height: auto;
  189. background-color: {color:post background};
  190. background-image:url('{image:post background}');
  191. padding: 20px;
  192. margin-bottom:30px;
  193. color: {color:text};
  194. text-align:justify;
  195. }
  196.  
  197.  
  198. /*SIDEBAR*/
  199.  
  200. #description {
  201. padding:10px;
  202. margin:10px;
  203. margin-top:-365px;
  204. background:rgba(255,255,255,.7);
  205. color:{color:Description Text};
  206. font-family: calibiri;
  207. font-size:13px;
  208. width: 350px;
  209. height:345px;
  210. border-radius:5px;
  211. overflow:auto;
  212. opacity:0;
  213. -webkit-transition:all 1s ease-in-out;
  214. -moz-transition:all 1s ease-in-out;
  215. -o-transition:all 1s ease-in-out;
  216. -ms-transition:all 1s ease-in-out;
  217. transition:all 1s ease-in-out;
  218. }
  219.  
  220. #sidebar{
  221. padding: -10px;
  222. z-index:-9999;
  223. text-align:center;
  224. position:fixed;
  225. margin-top:25px;
  226. background:{color:Sidebar background};
  227. background-image:url('{image:side background}');
  228. font-size:10px;
  229. margin-left:40px;
  230. width:400px;
  231. height:900px;
  232. color:black;
  233. font-family:cambria;
  234. color:{color:background};
  235. }
  236.  
  237. #sidebar:hover #description {
  238. opacity:.9;
  239. }
  240.  
  241. #sidebar img {border:none;
  242. max-width:380px;
  243.  
  244. }
  245.  
  246.  
  247.  
  248. /*POST INFO*/
  249.  
  250. #info {
  251. width:530px;
  252. text-align:left;
  253. font-family: 'Roboto', sans-serif;
  254. text-transform:uppercase;
  255. margin-left:-20px;
  256. font-size:9px;
  257. margin-top:7px;
  258. margin-bottom:-30px;
  259. font-style:none;
  260. padding:5px;
  261. line-height:10px;
  262. background-color:{color:Info Background};
  263. color:{color:Info Text};
  264. }
  265.  
  266. #info a {
  267. text-align:center;
  268. font-family: 'Roboto', sans-serif;
  269. color:{color:Info Text};
  270. }
  271.  
  272.  
  273.  
  274. /*SIDELINKS*/
  275. .links {
  276. padding:5px;
  277. padding-bottom:6px;
  278. line-height:150%;
  279. z-index:10000000000000000;
  280. text-align:center;
  281. font-size:8px;
  282. letter-spacing:4px;
  283. opacity:1;
  284. position:fixed;
  285. font-family: 'Roboto', sans-serif;
  286. position:absolute;
  287. text-transform:uppercase;
  288. text-align:center;
  289.  
  290. }
  291.  
  292. .links a{
  293. z-index:10000000000000000;
  294. margin-left:10px;
  295. padding:10px;
  296. display:inline-block;
  297. }
  298.  
  299. .links a:hover{
  300. color:{color:post background};
  301. -moz-transition-duration:.2s;
  302. -webkit-transition-duration:.2s;
  303. -o-transition-duration:.2s;
  304. background-color:{color:info background};
  305. }
  306.  
  307.  
  308. #links{
  309. padding:10px;
  310. margin-top:10px;
  311. text-align:center;
  312. z-index:9999;
  313. font-size:10px;
  314. margin-left: 5px;
  315. width:370px;
  316. }
  317.  
  318. #links a{
  319. background:{color:Links Background};
  320. padding:4px;
  321. font-size:10px;
  322. text-transform:uppercase;
  323. margin-top:5px;
  324. font-family: 'Roboto', sans-serif;
  325. color:{color:Links Text};
  326. width:70px;
  327. display:inline-block;
  328. border: dotted 3px;
  329. }
  330.  
  331. #links a:hover{background-color:{color:info background};
  332. color:{color:hover};
  333. }
  334.  
  335. /*TAGS*/
  336. #tags {
  337. color: #fff;
  338. margin-top:0px;
  339. font-size:9px;
  340. letter-spacing:0px;
  341. font-style:;
  342. text-transform:lowercase;
  343. margin-top:-3px;
  344. }
  345.  
  346. #tags a {
  347. color: {color:links}
  348. margin-right:8px;
  349. }
  350.  
  351. #tags a:hover {color: {color:hover}}
  352.  
  353.  
  354. ol.notes {
  355. padding:0px;
  356. margin:25px 0px 0px -10px;
  357. list-style-type:none;
  358. }
  359.  
  360. ol.notes li.note {
  361. padding:10px;
  362. }
  363.  
  364. ol.notes li.note img.avatar {
  365. vertical-align:-4px;
  366. margin-right:10px;
  367. width:16px;
  368. height:16px;
  369. }
  370.  
  371. ol.notes li.note span.action {
  372. font-weight:none;
  373. }
  374.  
  375. ol.notes li.note .answer_content {
  376. font-weight:normal;
  377. }
  378.  
  379. ol.notes li.note blockquote {
  380. padding:4px 10px;
  381. margin:10px 0px 0px 25px;
  382. }
  383.  
  384. ol.notes li.note blockquote a {
  385. text-decoration:none;
  386. }
  387.  
  388. .quote {
  389. text-transform:uppercase;
  390. font-size:12px;
  391. font-weight:bold;
  392. text-align:center;
  393. }
  394.  
  395. .quotesource {
  396. text-align:center;
  397. margin-top:10px;
  398. }
  399.  
  400. .chat {
  401. line-height:20px;
  402. list-style:none;
  403. }
  404.  
  405. .line.odd {
  406. background:#fafafa;
  407. margin-bottom:2px;
  408. padding:5px;
  409. list-style:none;
  410. font-size:10px;
  411. }
  412.  
  413. .line.even {
  414. background:#ffffff;
  415. margin-bottom:2px;
  416. padding:5px;
  417. list-style:none;
  418. font-size:10px;
  419. }
  420.  
  421. .label {
  422. padding-right:1px;
  423. text-transform:uppercase;
  424. font-weight:bold;
  425. color:{color:links};
  426. }
  427.  
  428. .question {
  429. background:{color:post background};
  430. padding:10px;
  431. border: 1px solid {color:borders};
  432. text-align: center;
  433. }
  434.  
  435. .asker {
  436. font-size: 15px;
  437. color: #fff;
  438. text-transform:uppercase;
  439. }
  440.  
  441. .answer {
  442. padding:10px;
  443. margin-top:-15px;
  444. }
  445.  
  446. .playerbutton {
  447. position:relative;
  448. width:30px;
  449. height:35px;
  450. overflow:hidden;
  451. }
  452.  
  453. .playerbuttonhug {
  454. position: absolute;
  455. top:-7px;
  456. left:2px;
  457. }
  458.  
  459. .tumblr_audio_player {
  460. height:50px;
  461. width:500px;
  462. }
  463.  
  464. .playerbuttonbg {
  465. position:absolute;
  466. width:35px;
  467. height:35px;
  468. background-color:#e4e4e4;
  469. padding:10px;
  470. }
  471.  
  472. .trackdetails {
  473. width:auto;
  474. display:inline-block;
  475. margin-left:70px;
  476. font-size:10px;
  477. letter-spacing:1px;
  478. text-transform:uppercase;
  479. padding:5px;
  480. line-height:15px;
  481. }
  482.  
  483. .audiowrapper {
  484. position:relative;
  485. display:inline-block;
  486. }
  487.  
  488. /*PAGINATION*/
  489. #pagination{margin-top:10px;
  490. text-align:center;
  491. position:relative;
  492. }
  493.  
  494. #pagination a{color:{color:Links Background};
  495. background-color:transparent;
  496. }
  497.  
  498. /*CREDIT*/
  499.  
  500. #cred {
  501. position:fixed;
  502. font-family:'courier';
  503. text-transform:uppercase;
  504. font-size:28px;
  505. right:9px;
  506. bottom:9px;
  507. padding:4px;
  508. background-color:{color: background};
  509. letter-spacing:1px;
  510. }
  511.  
  512.  
  513.  
  514. {CustomCSS}</style></head><body>
  515.  
  516. </div>
  517. <div id="sidebar"><div id="title">{title}</div><img src="{image:sidebar}"><div id="description">{description}</div>
  518. <div id="subtitle">{text:subtitle}</div>
  519.  
  520. <div id="links">
  521. <a href="/">START</a>
  522. <a href="/ask">MSG</a>
  523. <a href="/submit">SEND</a>
  524. <a href="{text:link 1 url}">{text:link 1 name}</a>
  525. <a href="{text:link 2 url}">{text:link 2 name}</a>
  526. <a href="{text:link 3 url}">{text:link 3 name}</a>
  527. <a href="{text:link 4 url}">{text:link 4 name}</a>
  528. <a href="{text:link 5 url}">{text:link 5 name}</a>
  529. <br><br>
  530. <a href="{text:squad 1 url}"><img src="{image:squad1}"</a>
  531. <a href="{text:squad 2 url}"><img src="{image:squad2}"</a>
  532. <a href="{text:squad 3 url}"><img src="{image:squad3}"</a>
  533. <a href="{text:squad 4 url}"><img src="{image:squad4}"</a>
  534.  
  535.  
  536.  
  537.  
  538. <div id="pagination">{block:Pagination}
  539. {block:PreviousPage}
  540. <a href="{PreviousPage}">BACK </a>
  541. {/block:PreviousPage}
  542.  
  543. {block:NextPage}
  544. <a href="{NextPage}">NEXT</a>
  545. {/block:NextPage}
  546. {/block:Pagination}</div>
  547. </div></div>
  548.  
  549.  
  550. <div id="entries">
  551. {block:Posts}
  552. <div id="post">
  553.  
  554. {block:Text}
  555. {block:Title}<h1>{Title}</h1>{/block:Title}
  556. {Body}{/block:Text}
  557.  
  558. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  559. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  560.  
  561. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  562. {/block:Caption}{/block:Photoset}
  563.  
  564. {block:Quote}<h2>"{Quote}"</h2>
  565. {block:Source}<div class="qsource"> —{Source}</div>
  566. {/block:Source}{/block:Quote}
  567.  
  568. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  569.  
  570. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  571.  
  572. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  573. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  574. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  575. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  576. {/block:Audio}
  577.  
  578. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  579.  
  580. {block:Answer}<div id="ask">{Question} — <i><b>{Asker}</b></i></div>{Answer}{/block:Answer}
  581.  
  582. <div id="info">
  583. <div id="permalink">
  584. <a href="{Permalink}">{Month} {MonthNumber} {Year} </a> / {NoteCount}</div>
  585.  
  586. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  587. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  588. </div></div>
  589.  
  590. {/block:Posts}{/block:Posts}</div></div></div>
  591.  
  592.  
  593. </div>
  594.  
  595. </ul>
  596. </div></div>
  597.  
  598.  
  599.  
  600. <!-----------------CORNER IMAGE------------------->
  601. <img src="{image:corner}" style="bottom:-70px; left:850px;position:fixed; z-index:-9999999999999; max-width:500px; ">
  602.  
  603. <div id="cred">
  604. <a href="http://deviousgleerpgs.tumblr.com/">➳</a>
  605. </div>
  606.  
  607.  
  608. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement