Advertisement
billiejean

all about that bass #1

Jul 16th, 2014
286
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.29 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!-------------------------
  8.  
  9. THEME ALL ABOUT THAT BASS #1 MADE BY PAMS (C) ALLFORPS/STUPIDIES
  10. DON'T REMOVE CREDIT
  11.  
  12. --------------------------->
  13.  
  14. <head>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}" />
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  18. <title>{Title}</title>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21.  
  22. <!-- DEFAULTS -->
  23.  
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#979797"/>
  26. <meta name="color:link" content="#bebebe"/>
  27. <meta name="color:link hover" content="#eee"/>
  28. <meta name="color:description" content="#bebebe"/>
  29. <meta name="color:entry" content="#fff"/>
  30. <meta name="color:askbox" content="#eee"/>
  31. <meta name="color:scroll" content="#eee"/>
  32. <meta name="color:pagination" content="#000"/>
  33.  
  34.  
  35.  
  36. <meta name="if:Infinite Scroll" content="1"/>
  37. <meta name="if:Show Tags" content="1"/>
  38.  
  39. <meta name="image:background" content="/"/>
  40. <meta name="image:sidebar" content="http://static.tumblr.com/565aee0c679eadc09b8a5ce848e260d4/8lgndo2/Nv3n8tx2j/tumblr_static_dmq7sx2ltq80ggkcoco48wk08.gif"/><br><br>
  41.  
  42.  
  43. <meta name="text:Link1" content="" />
  44. <meta name="text:Link1 Title" content="" />
  45. <meta name="text:Link2" content="" />
  46. <meta name="text:Link2 Title" content="" />
  47. <meta name="text:Link3" content="" />
  48. <meta name="text:Link3 Title" content="" />
  49. <meta name="text:Link4" content="" />
  50. <meta name="text:Link4 Title" content="" />
  51. <meta name="text:Link5" content="" />
  52. <meta name="text:Link5 Title" content="" />
  53.  
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Rationale' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
  59. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  60.  
  61. {block:IfRolagemInfinita}
  62. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  63. {/block:IfRolagemInfinita}
  64.  
  65. </head>
  66.  
  67. <style type="text/css">
  68.  
  69. {block:IfRolagemInfinita}
  70. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  71. {/block:IfRolagemInfinita}
  72.  
  73. div#qTip {
  74. padding: 3px;
  75. border: 4px double #eee;
  76. display: none;
  77. background: #fff;
  78. color: #aaa;
  79. font: 12px 'Rationale', sans-serif;
  80. text-transform:uppercase;
  81. text-align: left;
  82. position: absolute;
  83. z-index: 1000;
  84. }
  85.  
  86. body {
  87. color:{color:text};
  88. background-color:{color:background};
  89. background-image: url('{image:background}');
  90. background-repeat: repeat;
  91. background-attachment:fixed;
  92. font-family:arial;
  93. font-size:11px;
  94. line-height:100%;
  95. text-align:left}
  96.  
  97. a:link, a:visited, a:active {
  98. color: {color:link};
  99. text-decoration: none;
  100. }
  101.  
  102. a:hover {
  103. color:{color:link hover};
  104. -webkit-transition: all 0.5s linear;
  105. -moz-transition: all 0.5s linear;
  106. transition: all 0.5s linear;
  107. }
  108.  
  109. small{font-size:auto}
  110. big{font-size:auto}
  111. p{margin-top:6px; margin-bottom:6px}
  112.  
  113. blockquote {
  114. padding:0px;
  115. padding-left:6px;
  116. margin:8px;
  117. border-left:2px solid {color:text};
  118. }
  119.  
  120. s {
  121. color: {color:link};
  122. }
  123. i {
  124. color: {color:link};
  125. }
  126. b, strong {
  127. color: {color:link};
  128. }
  129. u, span {
  130. color: {color:description};
  131. text-decoration: none;
  132. border-bottom: 1px dotted {color:description};
  133. }
  134.  
  135. #container {
  136. background-color:transparent;
  137. width: 780px;
  138. text-align: center;
  139. margin: 0 auto 5px auto
  140. }
  141.  
  142. #entries {
  143. position:relative;
  144. float:center;
  145. width:400px;
  146. top:0px;
  147. text-align:justify;
  148. left:500px;
  149. padding:20px;
  150. }
  151.  
  152. #post {
  153. margin-bottom:0px;
  154. width:500px;
  155. padding:0px;
  156. background-color: transparent;
  157. }
  158.  
  159. .linkp{
  160. font-family:'trebuchet ms';
  161. font-size:14px;
  162. line-height:15px;
  163. letter-spacing:0px;
  164. margin:0px;
  165. padding:0px;
  166. text-align:center;
  167.  
  168. }
  169.  
  170. ::-webkit-scrollbar-thumb:vertical {
  171. background-color: {color:scroll};
  172. height:100px;
  173. }
  174. ::-webkit-scrollbar-thumb:horizontal {
  175. background-color: {color:scroll};
  176. height:10px !important;
  177. }
  178. ::-webkit-scrollbar {
  179. height:7px;
  180. width:7px;
  181. background-color: transparent;
  182. }
  183.  
  184. h3 { color:{color:pagination}; font-size:33px; line-height:25px;margin:0px; padding:0px; margin-bottom:-0px; text-align:center; letter-spacing: 1px; font-family: 'Georgia'; cursor: hand;}
  185.  
  186.  
  187.  
  188. .opacity {
  189. opacity:0.8;
  190. -webkit-transition: all 0.5s linear;
  191. -webkit-transition: all 0.4s linear;
  192. -moz-transition: all 0.4s linear;
  193. transition: all 0.4s linear;
  194. }
  195.  
  196.  
  197. .opacity:hover {
  198. opacity:1;
  199. -webkit-transition: all 0.5s linear;
  200. -webkit-transition: all 0.4s linear;
  201. -moz-transition: all 0.4s linear;
  202. transition: all 0.4s linear;
  203. }
  204.  
  205.  
  206.  
  207. #postquote:first-letter{
  208. font-family: 'French Script MT';
  209. font-size: 22px;
  210. }
  211.  
  212. #postquote {
  213. font-family: tahoma;
  214. font-size: 11px;
  215. line-height: 13px;
  216. padding: 5px;}
  217.  
  218. #left {
  219. position:fixed;
  220. width: 245px;
  221. height: 140px;
  222. top: 150px;
  223. left: 150px;
  224. padding: 5px;
  225. text-align: justify;
  226. -webkit-transition: all 1s linear;
  227. -webkit-transition: all 1s linear;
  228. -moz-transition: all 1s linear;
  229. transition: all 1s linear;
  230. }
  231.  
  232.  
  233. h4 {font-family:cambria;font-style:italic;font-size:15px;text-transform:lowercase;letter-spacing:3px;color:{color:title};
  234. }
  235.  
  236. .description {
  237. font-family: calibri;
  238. font-size:11px;
  239. line-height: 11px;
  240. position: fixed;
  241. z-index: 2;
  242. width: 245px;
  243. text-align:center;
  244. }
  245.  
  246.  
  247.  
  248. #info {
  249. text-transform:lowercase;
  250. font-style:none;
  251. font-size: 10px;
  252. width:auto;
  253. color:{color:link};
  254. text-align:center;
  255. padding-top:3px;
  256. }
  257.  
  258.  
  259. #info a:link {
  260. color:{color:link};
  261. }
  262. #info a:hover {
  263. color:{color:link hover};
  264. }
  265.  
  266. .ask {
  267. align:right;
  268. background: {color:askbox};
  269. margin:-45px 10px 10px 65px;
  270. padding:10px;
  271. position: relative;
  272. -moz-border-radius:5px;
  273. -webkit-border-radius:5px;
  274. border-radius:10px;
  275. }
  276. .ask p {
  277. margin:10px 0px;
  278. }
  279. .ask span {
  280. display:block;
  281. position:absolute;
  282. width:1px;
  283. height:1px;
  284. font-size: 0;
  285. line-height: 1px;
  286. left:-10px;
  287. top:10px;
  288. border-top:7px solid transparent;
  289. border-bottom:7px solid transparent;
  290. border-right:10px solid {color:askbox};
  291. }
  292.  
  293. .askborder {
  294. float: left;
  295. margin: 1px 2px 0 0;
  296. padding: 2px;
  297. background: {color:askbox};
  298. }
  299.  
  300. .user_1 .label {
  301. color:{color:link};
  302. font-weight:bold
  303. }
  304. .user_2 .label {
  305. color:{color:text}
  306. ; font-weight:bold
  307. }
  308. .user_3 .label {
  309. color:{color:link};
  310. font-weight:bold
  311. }
  312. .user_4 .label {
  313. color:{color:text};
  314. font-weight:bold
  315. }
  316.  
  317. ul.chat, .chat ol, .chat li {
  318. list-style:none;
  319. margin:0px;
  320. padding:0px
  321. }
  322.  
  323. .tag {
  324. font-family: calibri;
  325. font-size: 8px;
  326. }
  327.  
  328.  
  329. img {max-width: 500px;}
  330.  
  331. #themecredit {
  332. z-index:9999;
  333. right:15px;
  334. bottom:20px;
  335. position:fixed;
  336. font-size:11px;
  337. line-height:150%;
  338. text-align:center;
  339. }
  340.  
  341.  
  342. .audio{padding: 10px; background: #eee; display: block; height: 70px;}
  343. .cover {position:absolute;}
  344. .cover img {width: 50px; height: 50px; float:left;}
  345. .audioplayer {width: 20px; margin-left: 5px; margin-top: 3px; overflow:hidden;}
  346. .audioinfo {margin-left: 55px; margin-top: -2px;}
  347. .i{display:block; margin-bottom: 3px;}
  348. .i b, strong{font-family: calibri; font-size: 10px; color: #ccc; text-shadow: 1px 1px 0px #fff;border-bottom: 1px dashed #fff;}
  349. .play{opacity:0.30; padding: 5px; overflow:hidden; position:absolute; background:#fff; line-height: 50px; text-align: center; width: 40px; height: 40px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  350. .play:hover {opacity:0.70; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  351.  
  352.  
  353.  
  354. #links {width: 245px; border-top:2px solid #eee; border-bottom:2px solid #eee; padding: 100px; background-color:transparent; font:12px 'calibri', serif; color:{color:link} letter-spacing: 1px; font-style:italic; text-align:center; padding:0px; text-transform:lowercase;}
  355.  
  356. #links2 {width: 245px; border-top:2px solid #eee; solid #eee; padding: 100px; background-color:transparent; font:12px 'calibri', serif; color:{color:link} letter-spacing: 1px; font-style:italic; text-align:center; padding:0px; text-transform:lowercase;}
  357.  
  358.  
  359. </style>
  360.  
  361. <body>
  362.  
  363.  
  364. <div id="container">
  365. <div id="left"><div class="sidebarimage"><img src={image:sidebar} width="250px" height="140px" class="side"></div><br>
  366. <div class="description">❝{Description}<p>
  367. <div id="links2" align="left"><p>
  368. <a href="/">refresh</a>
  369. <a href="/ask">askbox</a>
  370. <a href="/archive">archive</a><br>
  371. <div id="links" align="left"><p>
  372. <a href="{text:Link1}">{text:Link1 Title}</a><br>
  373. <a href="{text:Link2}">{text:Link2 Title}</a><br>
  374. <a href="{text:Link3}">{text:Link3 Title}</a><br>
  375. <a href="{text:Link4}">{text:Link4 Title}</a><br>
  376. <a href="{text:Link5}">{text:Link5 Title}</a><br>
  377. </div>
  378. <br>
  379.  
  380. <div id="themecredit"><a href="http://stupidies.tumblr.com/">pams</a></div>
  381.  
  382. <h3>{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  383. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</h3>
  384.  
  385. </div></div>
  386.  
  387. </div> </div></div> </div></div></div>
  388.  
  389. <div id="entries">{block:Posts}
  390. {block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
  391. <div id="post">
  392. <div class="boxx1">
  393.  
  394.  
  395. {block:ContentSource}<a href="{SourceURL}" target="_blank"></a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  396.  
  397. {block:Text}{block:Title}<h4><h4><center>{PostURL}{Title}</center></h4></h4>{/block:Title}{Body}{/block:Text}
  398.  
  399. {block:Photo}
  400. {block:IndexPage} {/block:IndexPage}
  401. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  402. <center><img src="{PhotoURL-500}" class="opacity"><title="{PhotoAlt}" /></center>
  403. {block:IndexPage}</a>{/block:IndexPage}
  404. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  405. {block:Caption}{Caption}{/block:Caption}
  406. {/block:Photo}
  407.  
  408. {block:Photoset}<div class="opacity">{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  409.  
  410. {block:Quote}<div style="text-align:left;"><div id="postquote">{Quote}</div>{block:Source}<b><p><center>— {Source}{/block:Source}</b><p></center>{/block:Quote}
  411.  
  412. {block:Link}<div class="linkp"><a href="{URL}" {Target}>{Name}</a></div></b>{block:Description}{Description}{/block:Description}{/block:Link}
  413.  
  414. {block:Chat}{block:Title}<b><center>{Title}</b></center><p>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><p>{/block:Chat}
  415.  
  416. {block:audio}
  417. <div class="audio">
  418. {block:albumart}
  419. <div class="cover"><img src="{albumarturl}"></div>
  420. {/block:albumart}
  421. <div class="play">
  422. <div class="audioplayer">
  423. {audioplayerwhite}
  424. </div>
  425. </div>
  426. <div class="audioinfo">
  427. {block:trackname}<div class="i"><b>Title: </b>{trackname}</div>{/block:trackname}
  428. {block:artist}<div class="i"><b>Artist: </b>{artist}</div>{/block:artist}
  429. {block:playcount}<div class="i"><b>Plays: </b>{playcount}</div>{/block:playcount}
  430. </div>
  431. </div>
  432. {/block:Audio}
  433.  
  434.  
  435. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  436.  
  437. {block:Answer}<img src="{AskerPortraitURL-48}" class="fdash" align="center" class="askborder"><div class="ask"><span></span>{Asker} said:<br><center>{Question}</center></div>{Answer}{/block:Answer}
  438.  
  439. <div id="info"><div id="info1">
  440. <center>{block:Date}<a href="{Permalink}"> {TimeAgo} ♡ </a>{/block:Date}
  441. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel} ♡ </a>{/block:NoteCount}
  442. {block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via ♡ </a>{/block:RebloggedFrom}
  443. {block:ContentSource}<a href="{SourceURL}">source ♡ </a>{/block:ContentSource}
  444. {block:IndexPage}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details">reblog ♡ </a>{/block:IndexPage}</center></div></div>
  445.  
  446. {block:IfShowTags}
  447. {block:HasTags}{block:Tags}<font color="{color:text}">#<a href="{TagURL}">{Tag}</font></a> {/block:Tags}{/block:HasTags}
  448. {block:IfShowTags}<br><br></br><br>
  449.  
  450. </div>
  451.  
  452. {block:PostNotes}{PostNotes}{/block:PostNotes}
  453. </div>
  454. {/block:Posts}
  455.  
  456. {block:IfInfiniteScroll}</div>{block:IfInfiniteScroll}</div>
  457.  
  458.  
  459. </div></div></div></div></div></div></div></div></div></div>
  460.  
  461. </body>
  462. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement