API tools faq
paste
Advertisement
realjunko

Soundless theme

realjunko
Apr 27th, 2014
1,681
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.26 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. SOUNDLESS THEME BY REALJUNKO
  3. don't remove credit thats not nice
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <meta name="image:Background" content=""/>
  10. <meta name="image:Side Img" content=""/>
  11. <meta name="color:Background" content="#FFFFFF"/>
  12. <meta name="color:cont bg" content="#FFFFFF"/>
  13. <meta name="color:Scrollbar" content="#FC0C84" />
  14. <meta name="color:border" content="#f5f5f5"/>
  15. <meta name="color:Title" content="#999999"/>
  16. <meta name="color:Blog Title" content="#999999"/>
  17. <meta name="color:Link" content="#555555"/>
  18. <meta name="color:Hover" content="#999999"/>
  19. <meta name="color:Text" content="#777777"/>
  20. <meta name="text:Link One URL" content=""/>
  21. <meta name="text:Link One Title" content="link"/>
  22. <meta name="text:Link two URL" content=""/>
  23. <meta name="text:Link two Title" content="link"/>
  24. <meta name="text:Link three URL" content=""/>
  25. <meta name="text:Link three Title" content="link"/>
  26. <meta name="text:Sideimg Left" content="-10"/>
  27. <meta name="text:Sideimg Bottom" content="2"/>
  28.  
  29. <title>{Title}</title>
  30. {block:Description}
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl647v8OI1qfamg6.gif">
  34.  
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40. /************EDIT BODY HERE************/
  41.  
  42. body{
  43. margin:0px;
  44. background-color: {color:Background};
  45. background-image:url({image:Background});
  46. background-attachment:fixed;
  47. background-size:cover;
  48. background-position:bottom-right;
  49. font-family: Calibri;
  50. font-size:8px;
  51. letter-spacing:1px;
  52. text-transform:uppercase;
  53. text-align:left;
  54. line-height:100%;
  55. overflow: hidden;
  56.  
  57. color: {color:Text};}
  58.  
  59.  
  60. a:link, a:active, a:visited{
  61. text-decoration: none;
  62. color: {color:Link};}
  63.  
  64. a:hover {
  65. color:{color:Link};
  66. text-decoration:none;}
  67.  
  68. /************EDIT TOOLTIP HERE************/
  69.  
  70.  
  71. #s-m-t-tooltip {
  72. padding: 3px;
  73. height:auto;
  74. display: none;
  75. font-family: consolas;
  76. font-size: 8px;
  77. text-transform:uppercase;
  78. text-align: center;
  79. letter-spacing:1px;
  80. margin-top:10px;
  81. margin-left: 15px;
  82. line-height: 8px;
  83. z-index: 999999999999;
  84. border-radius:3px;
  85. border: 1px solid #f5f5f5;
  86. background:#ffffff;
  87. color: #888;}
  88.  
  89. /************EDIT POST POSITION/WIDTH HERE************/
  90.  
  91. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  92.  
  93.  
  94. #entries{
  95.  
  96. width: 270px;
  97. padding: 30px;
  98. padding-bottom: 0px;
  99. height: 300px;
  100. margin-left: 290px;
  101. margin-top: 70px;
  102. overflow-y:scroll;
  103. overflow-x:hidden;
  104. background:{color:cont bg};
  105. border:1px solid {color:border};
  106. {block:PermalinkPage}
  107. width:270px;
  108. {/block:PermalinkPage}}
  109.  
  110. ::-webkit-scrollbar {
  111. height: 10px;
  112. width: 5px;
  113. background: white;
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb:vertical {
  117. background: {color:Scrollbar};
  118. }
  119. /************EDIT OVERALL POSTS HERE************/
  120.  
  121. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  122.  
  123. #post{
  124. text-align:left;
  125. margin:20px;
  126. background:#ffffff;
  127. max-width: 100%;
  128. display:block;
  129. overflow:hidden;
  130. width:250px;
  131. {block:PermalinkPage}
  132. width:500px;
  133. {/block:PermalinkPage}}
  134.  
  135. /*Do not delete #post img.*/
  136.  
  137. #post img{
  138. max-width:100%;}
  139.  
  140. /*Edit the permalinks all posts.*/
  141.  
  142. .permalink{
  143. border-top:1px solid #f5f5f5;
  144. text-align:right;}
  145. .permalink a{
  146. text-transform:uppercase;
  147. line-height:15px;}
  148.  
  149. /*Edit the titles on any text-based post.*/
  150.  
  151. .posttitle{
  152. font-size:10px;
  153. text-align:center;
  154. color:{color:Link};}
  155.  
  156. .posttitle a{
  157. color:{color:Link};}
  158.  
  159. /************EDIT QUOTE POSTS HERE************/
  160.  
  161. .quote{
  162. margin-right: 5px;}
  163.  
  164. .source{
  165. padding-top:5px;
  166. display:block;
  167. text-align:right;}
  168.  
  169.  
  170. /************EDIT ANSWER POSTS HERE************/
  171.  
  172. .ask{
  173. padding:4px;
  174. background:#f9f9f9;}
  175. .asker{
  176. color:{color:Link};}
  177. .answer{
  178. margin-top:10px;}
  179.  
  180. /************EDIT AUDIO POSTS HERE************/
  181.  
  182. .audio{
  183. {block:IndexPage}width:250px;{/block:IndexPage}
  184. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  185. .info{
  186. padding:2px 0px 1px 57px;}
  187. .i {
  188. text-transform:uppercase;
  189. letter-spacing:1px;
  190. font-size:8px;}
  191. .pl b,strong{
  192. text-transform:lowercase;
  193. font-size:9px;}
  194. .player{
  195. position:absolute;
  196. overflow:hidden;
  197. margin-top:0px;
  198. margin-left:15px;
  199. background:#ffffff;
  200. width:24px;
  201. height:23px;}
  202.  
  203. /************EDIT VIDEO POSTS HERE************/
  204. /***********DO NOT DELETE THIS CODE************/
  205.  
  206. .video-container {
  207. position:relative;
  208. padding-bottom:56.25%;
  209. padding-top: 30px;
  210. height:0;
  211. overflow:hidden;}
  212.  
  213. .video-container iframe,
  214. .video-container object,
  215. .video-container embed {
  216. position: absolute;
  217. top: 0;
  218. left: 0;
  219. width: 100%;
  220. height: 100%;}
  221.  
  222. /************EDIT CHAT POSTS HERE************/
  223.  
  224. .chat{
  225. line-height:12px;
  226. list-style:none;}
  227. .chat ul{
  228. list-style:none;
  229. padding:0px 5px;
  230. line-height:15px;}
  231. .label{
  232. color:{color:Link};}
  233.  
  234. /************EDIT SIDEBAR HERE************/
  235.  
  236.  
  237. #sidebar{
  238. background:#fff;
  239. border:1px {color:border} solid;
  240. margin-left:-180px;
  241. margin-top:-31px;
  242. width:140px;
  243. height:329px;
  244. position:fixed;
  245. text-align:center;}
  246.  
  247. #cutie{
  248. position:absolute;
  249. font-family:consolas;
  250. font-size:8px;
  251. text-align:right;
  252. text-transform:uppercase;
  253. padding-right:4px;
  254. background:#fff;
  255. margin-left:-180px;
  256. margin-top:-55px;
  257. border:1px solid {color:border};
  258. height:10px;
  259. width:475px;
  260. padding-bottom:3px;
  261. padding-top:3px;
  262. letter-spacing:-100px;
  263. }
  264.  
  265. #cutie img{
  266. opacity:0.3;
  267. }
  268.  
  269. .blogtitle{
  270. padding:5px;
  271. padding-bottom:0px;
  272. margin-top:10px;
  273. text-align:center;
  274. font-size:12px;}
  275.  
  276. .blogtitle a{
  277. color:{color:Blog Title};}
  278.  
  279. .description{
  280. padding:10px;
  281. margin-top:20px;
  282. }
  283.  
  284. .links{
  285. margin-left:-15px;
  286. padding:1px 11px 6px 11px;
  287. margin-top:5px;}
  288.  
  289. .links a{
  290. margin-left:15px;}
  291.  
  292. .links a:hover{
  293. color:{color:Hover};}
  294.  
  295. /************EDIT TEXT SETTINGS HERE************/
  296.  
  297. i, em{
  298. color:{color:Link};}
  299. b, strong{
  300. font-weight:normal;
  301. text-transform:uppercase;
  302. color:{color:Link};}
  303. ul,ol{
  304. margin:0px;
  305. margin-left:-5px;}
  306. p{
  307. padding:0px;
  308. margin:2px;}
  309. u{
  310. text-decoration:none;
  311. color:{color:Title};}
  312.  
  313. blockquote {
  314. margin:0px;
  315. padding:4px;
  316. background:#f7f7f7;}
  317.  
  318. /************DO NOT DELETE #SCROLL************/
  319.  
  320. #scroll{
  321. bottom:-20px;
  322. position: absolute;
  323. left: 50%;
  324. width:10px;
  325. height:5px;
  326. overflow:hidden;
  327. margin-bottom:80px;}
  328.  
  329. /************EDIT CREDIT HERE************/
  330.  
  331. #credit{
  332. position:fixed;
  333. right:10px;
  334. bottom:10px;
  335. text-transform:uppercase;
  336. font-family:Calibri;
  337. font-size:8px;}
  338.  
  339. #credit a{
  340. color:#aaaaaa;}
  341.  
  342. </style>
  343. </head>
  344.  
  345. <body>
  346.  
  347.  
  348. <center>
  349.  
  350. <div id="entries">
  351.  
  352. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  353.  
  354. <div id="sidebar">
  355. <div class="blogtitle"><a href="/">{Title}</a></div>
  356. <p><div class="description">{Description}</div></p>
  357. <div class="links">
  358. <p> <a href="/"><img src='https://31.media.tumblr.com/2015daae1d676432bfe8cc417be25d2b/tumblr_inline_n2aiggyMWT1r7v6wt.png'</a> home</a> </p>
  359. <p><a href="/ask"><img src='https://31.media.tumblr.com/5b80f6b287f935df5d5eae173919821e/tumblr_inline_n2aigwiUlj1r7v6wt.png'</a> inbox</a></p>
  360. <p><a href="{text:Link One URL}"> <img src='http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png'</a> {text:Link One Title}</a></p>
  361. <p><a href="{text:Link two URL}"> <img src='http://static.tumblr.com/3yblkz0/VCjn2c2my/tr.png'</a> {text:Link two Title}</a></p>
  362. <p><a href="{text:Link three URL}"> <img src='http://static.tumblr.com/3yblkz0/hnvn2c2pp/li.png'</a> {text:Link three Title}</a></p>
  363. <br>
  364. {block:Pagination} <div id="classic-pagination">
  365.  
  366. {block:PreviousPage} <a href="{PreviousPage}" id="prev-page"><←back</a {/block:PreviousPage}
  367. {block:NextPage} <a href="{NextPage}" id="next-page">next→</a>{/block:NextPage}
  368.  
  369. </div><!-- #classic-pagination -->{/block:Pagination}
  370. </div>
  371. </div>
  372.  
  373. <div id="cutie">
  374. <!---------------MUSIC CODE HERE--------------->
  375. <div style='margin-right:-80px;'>
  376.  
  377. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k007.kiwi6.com/hotlink/9346vioppg/Alki_David_-_Ocean_Lies_Fishtales_Movie_Soundtrack.mp3&t0=01&total=1" quality="high" wmode="transparent" width="150" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  378.  
  379. </div>
  380.  
  381. {block:Posts}
  382.  
  383. <!---------------DO NOT DELETE block:ContentSource--------------->
  384.  
  385. {block:ContentSource}
  386. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  387. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  388. {/block:SourceLogo}
  389. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  390. {/block:ContentSource}
  391.  
  392. <div id="post">
  393.  
  394. <!---------------EDIT TEXT POSTS HERE--------------->
  395.  
  396. {block:Text}
  397. <div class="text">
  398. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  399. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  400. </div>{/block:IndexPage}</div>
  401. {/block:Text}
  402.  
  403. <!---------------EDIT LINK POSTS HERE--------------->
  404.  
  405. {block:Link}
  406. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  407. {block:Description}{Description}{/block:Description}
  408. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  409. </div>{/block:IndexPage}
  410. {/block:Link}
  411.  
  412. <!---------------EDIT PHOTO POSTS HERE--------------->
  413.  
  414. {block:Photo}
  415. {block:IndexPage}
  416. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  417. </div>{block:PermalinkPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  418. {/block:Photo}
  419.  
  420. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  421.  
  422. {block:Photoset}
  423. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  424. </div>{/block:IndexPage}
  425. {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
  426. {/block:Photoset}
  427.  
  428. <!---------------EDIT QUOTE POSTS HERE--------------->
  429.  
  430. {block:Quote}
  431. {Quote}{block:Source}
  432. <div class="source">{Source}</div>{/block:Source}
  433. {block:IndexPage}
  434. <div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a>
  435. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  436. {/block:Quote}
  437.  
  438. <!---------------EDIT ANSWER POSTS HERE--------------->
  439.  
  440. {block:Answer}
  441. <div class="ask"><span class="asker"><img src='https://31.media.tumblr.com/da6ec800b306286814b56c85c065973c/tumblr_inline_n2aigp3RjV1r7v6wt.png'</a> {Asker}:</span> {Question}</div>
  442. <div class="answer">{Answer}</div>
  443. {block:IndexPage}
  444. <div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a>
  445. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  446. {/block:Answer}
  447.  
  448. <!---------------EDIT CHAT POSTS HERE--------------->
  449.  
  450. {block:Chat}
  451. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  452. <div class="chat"><ul>{block:Lines}
  453. <li class="person{UserNumber}">{block:Label}
  454. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a></div>
  455. {/block:IndexPage}
  456. {/block:Chat}
  457.  
  458. <!---------------EDIT AUDIO POSTS HERE--------------->
  459.  
  460. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  461. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  462. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  463. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  464. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  465.  
  466. <!---------------EDIT VIDEO POSTS HERE--------------->
  467.  
  468. {block:Video}
  469. {block:IndexPage}<div class="video-container">{Video-250}</div>
  470. <div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  471. {block:PermalinkPage}{Video-250}{/block:PermalinkPage}
  472. {/block:Video}
  473.  
  474. <!---------------EDIT PERMALINK PAGE HERE--------------->
  475.  
  476. {block:PermalinkPage}
  477. {block:Caption}{Caption}{/block:Caption}
  478. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  479. <div class="permapage">
  480. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  481. </div>
  482. {/block:Posts}
  483. </div>
  484.  
  485. <!---------------DO NOT DELETE THIS--------------->
  486.  
  487. {block:IndexPage}
  488. {block:Pagination}
  489. <div id="pagination">
  490. {block:NextPage}
  491. <a id="nextPage" href="{NextPage}"></a>
  492. {/block:NextPage}
  493. {block:PreviousPage}
  494. <a href="{PreviousPage}"></a>
  495. {/block:PreviousPage}
  496. </div>
  497. {/block:Pagination}
  498. {/block:IndexPage}
  499. </center>
  500. <div style="position:fixed; bottom:{text:sideimg bottom}px; margin-left:{text:sideimg left}px; z-index:-10; "><img src='{image:side img}'></div>
  501. </body>
  502.  
  503. <!---------------EDIT CREDIT CONTENT HERE--------------->
  504.  
  505. <div id="credit"><a href="http://jolyene.tumblr.com/"><img title='theme made by jolyene' src='http://media.tumblr.com/tumblr_lst707ZChA1ql555e.gif'</a></div>
  506. </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!