Advertisement
l0verushh

All I Want

Jun 29th, 2016
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.51 KB | None | 0 0
  1.   <!-----THEME BY sratqueen ... DO NOT STEAL and DO NOT REMOVE CREDITS PLEASE ----->
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8.  
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11.  
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17. <meta name="text:Sidebar Text" content="" />
  18.  
  19.  
  20. <!--These are the colors for the theme -->
  21.  
  22.  
  23. <meta name="color:bold" content="#606060"/>
  24. <meta name="color:italic" content="#606060"/>
  25. <meta name="color:underline" content="#606060"/>
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#444444"/>
  28. <meta name="color:link" content="#606060"/>
  29. <meta name="color:hover" content="#A3A3A3"/>
  30. <meta name="color:border" content="#A3A3A3"/>
  31. <meta name="color:ask bubble" content="#BCBCBC"/>
  32. <meta name="color:scrollbar" content="#BCBCBC">
  33. <meta name="color:linktitlebg" content="#eeeeee"/>
  34. <meta name="color:linktitletext" content="#888888"/>
  35. <meta name="color:selection text" content="#888888"/>
  36. <meta name="color:selection bg" content="#eeeeee"/>
  37.  
  38. <!--These are the image that will be displayed on the theme -->
  39.  
  40. <meta name="image:sidebar img" content="http://data.whicdn.com/images/222144267/large.jpg"/>
  41. <meta name="image:background" content=""/>
  42. <meta name="image:to top" content=""/>
  43.  
  44. <!--These are your links that will go on the theme too -->
  45.  
  46. <meta name="text:Link 1 URL" content="" />
  47. <meta name="text:Link 1" content="" />
  48. <meta name="text:Link 2 URL" content="" />
  49. <meta name="text:Link 2" content="" />
  50. <meta name="text:Link 3 URL" content="" />
  51. <meta name="text:Link 3" content="" />
  52. <meta name="text:Link 4 URL" content="" />
  53. <meta name="text:Link 4" content="" />
  54. <meta name="text:Link 5 URL" content="http://sratqueen.tumblr.com" />
  55. <meta name="text:Link 5" content="theme" />
  56.  
  57. <!--This is for you hover titles (When you hover over a link) -->
  58.    
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  62. <script>
  63.     (function($){
  64.         $(document).ready(function(){
  65.             $("[title]").style_my_tooltips();
  66.         });
  67.     })(jQuery);
  68. </script>
  69.  
  70. <!--This is the theme making really begins, so put your theme making cap on and get started!-->
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. /* this is for the scrollbar */
  76.  
  77. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background:{color:background};
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  81. ::-webkit-scrollbar-track{background:{color:bg};
  82.  }
  83.  
  84. /* If you want a certain font, background color, your text color, font color,  etc. for the theme.  General stuff.*/
  85.  
  86. body {
  87. background:{color:background};
  88. background-image:url('{image:bg}');
  89. background-attachment:fixed;
  90. color:{color:text};
  91. font-family:cambria;
  92. font-weight:lighter;
  93. font-size:12px;
  94. text-align:justify;
  95. margin:0;
  96. line-height:16px;
  97. }
  98.  
  99. /* blockquote */
  100.  
  101. blockquote {
  102. padding:5px 0 5px 30px;
  103. border-left:1px solid {color:border};
  104. margin-left:30px;
  105. background:#fafafa;
  106. }
  107.  
  108. /* bold (b), italic (i,em), and underlined (u)  */
  109.  
  110. b,strong{
  111.     font-weight:900;
  112. color:{color:bold};
  113. }
  114.  
  115.  
  116. i,em{
  117.     font-style:italic;
  118. color:{color:italic};
  119. }
  120.  
  121.  
  122. u{
  123. color:{color:underline};
  124. }
  125.  
  126.  
  127. /* Links & hovers  */
  128.  
  129.  
  130. a {
  131. color:{color:link};
  132. text-decoration:none;
  133. }
  134.  
  135.  
  136. a:hover {
  137. color:{color:hover};
  138. }
  139.  
  140. /* Your sidebar, image, description and links  */
  141.  
  142.  
  143. #sidebar {
  144. padding:6px;
  145. text-align: left;
  146. position:fixed;
  147. margin-left:-300px;
  148. margin-top:120px;
  149. width:250px;
  150. }
  151.  
  152.  
  153. #sidebar img {
  154. width:240px;}
  155.  
  156.  
  157.  
  158.  
  159. #links {
  160. width:250px;
  161. text-transform:uppercase;
  162. word-spacing:3px;
  163. text-align:center;
  164. }
  165.  
  166.  
  167. #links a {
  168. font:12px calibri;
  169. font-weight:lighter;
  170. letter-spacing:2px;
  171. margin-top:5px;
  172. display:inline-block;
  173. margin-bottom:5px;
  174. text-align:justify;
  175. }
  176.  
  177.  
  178. #desc {
  179. width:250px;
  180. text-align:left;
  181. font-size:11px;
  182. }
  183.  
  184.  
  185. #theme {
  186. left:50%;
  187. margin-left:-250px;
  188. position:absolute;
  189. }
  190.  
  191.  
  192. /* Your post  */
  193.  
  194.  
  195. #entries {
  196. margin-top:75px;
  197. width:500px;
  198.  
  199. }
  200.  
  201.  
  202. #posts {
  203. background:#fff;
  204. width:500px;
  205. margin-left:50px;
  206. margin-bottom:75px;
  207. border:1px solid {color:border};
  208. box-shadow:rgba(0,0,0,0.1)2px 2px;
  209. padding:20px;
  210. }
  211.  
  212.  
  213. #posts img {
  214. max-width:500px;
  215. }
  216.  
  217.  
  218. /* Quote & Source  */
  219.  
  220. #quote{
  221. text-align:left;
  222. font-size:14px;
  223. line-height:18px;
  224. font:14px calibri;
  225. font-weight:lighter;
  226. }
  227.  
  228.  
  229. #source {
  230. margin-top:15px;
  231. text-align:right;
  232. }
  233.  
  234.  
  235. /* Audio  */
  236.  
  237.  
  238. .player {
  239. width:25px;
  240. height:25px;
  241. overflow:hidden;
  242. position:absolute;
  243. background:white;
  244. }
  245.  
  246.  
  247. .audioinfo {
  248. margin-left:50px;
  249. line-height:120%;
  250. }
  251.  
  252.    
  253. /* Speech Bubble for Question  */
  254.  
  255.  
  256. .asks {
  257. width:474px;
  258. background:{color:ask bubble};
  259. margin: 0;
  260. padding:10px;
  261. overflow: auto;
  262. text-align:justify;
  263. }
  264.  
  265.  
  266.  
  267.  
  268. /* Chats  */
  269.  
  270.  
  271. .chat ol {
  272. padding:0;
  273. list-style:none;
  274. }
  275.  
  276.  
  277. .line {
  278. list-style:none;
  279. padding:5px 0;
  280. }
  281.  
  282.  
  283. .label {
  284. text-decoration:bold;
  285. }
  286.  
  287.  
  288. /* Permalink & Info  */
  289.  
  290.  
  291. #info {
  292. width:474px;
  293. text-align:justify;
  294. line-height:15px;
  295. margin-top:10px;
  296. height:auto;
  297. background:#fafafa;
  298. padding:5px;
  299. }
  300.  
  301.  
  302. #perma {
  303. margin-top:10px;
  304. padding:5px;
  305. font-size:8px;
  306. color:{color:link};
  307. text-transform:uppercase;
  308. font-style:normal;
  309. letter-spacing:3px;
  310. text-align:center;
  311. }
  312.  
  313.  
  314. /* Notes */
  315.  
  316.  
  317. .note li {
  318. list-style-type:none;
  319. padding:3px;
  320. text-align:left;
  321. margin:0px;
  322. line-height:140%;
  323. }
  324.  
  325.  
  326. .notes img {
  327.     width:14px;
  328.     padding-right:5px;
  329. }
  330.  
  331.  
  332. /* For Hovering Over Links*/
  333.  
  334.  
  335. #s-m-t-tooltip {
  336. z-index: 9999;
  337. background: {color:LinkTitleBG};
  338. font-size: 10px;
  339. line-height: 11px;
  340. font-family: arial;
  341. letter-spacing: 1px;
  342. text-transform: normal;
  343. color: {color:LinkTitleText};
  344. max-width: 150px;
  345. word-wrap: break-word;
  346. padding: 2px 5px 2px 6px;
  347. display: block;
  348. margin: 24px 14px 7px 12px;
  349. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  350. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  351. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  352. }
  353.  
  354.  
  355. /* Selection Text & BG (instead of having that blue background when you highlight something) */
  356.  
  357.  
  358. ::selection {
  359. background:{color:selection bg};
  360. color:{color:selection text};
  361. }
  362.  
  363.  
  364. /* Scroll to Top button*/
  365.  
  366.    
  367. #scrollToTop:link, #scrollToTop:visited {
  368. display:none;
  369. position:fixed;
  370. bottom: 10px;
  371. right:10px;
  372. }
  373.  
  374. {CustomCSS}
  375.  
  376. </style>
  377.  
  378.   <!-----THEME BY sratqueen ... DO NOT STEAL and DO NOT REMOVE CREDITS PLEASE ----->
  379. <!-- This is for infinite scroll -->
  380.  
  381. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  382.  
  383. <!-- Your scroll to top button  -->
  384.  
  385.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  386.  <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  387.  <a href="javascript:;" id="scrollToTop"  title="top"><img src="{image:To Top}"></a></a>
  388.  
  389.  
  390. </head>
  391.  
  392. <!-- This is where you place you put your theme together and make it look all nice -->
  393.  
  394. <body>
  395.  
  396.  
  397. <div id="theme">
  398.  
  399. <div id="sidebar">
  400.  <img src="{image:Sidebar img}">
  401.  
  402. <div id="links">
  403.  
  404. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  405.  
  406. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  407.  
  408. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a>{/block:ifLink3}
  409.  
  410. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  411.  
  412. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  413. </div>
  414.  
  415. <div id="desc">{text:Sidebar Text}</div>
  416.  
  417.  
  418. </div>
  419.  
  420. <div id="entries">
  421.  
  422. <!-- for your infinite scroll to work -->
  423.  
  424. <div class="autopagerize_page_element">
  425.  
  426. <!--This is where you fix all your post (your quotes post, text post, photo post, audio post, etc. -->
  427.  
  428. {block:Posts}
  429.  
  430. <div id="posts">
  431.  
  432. {block:Quote}
  433. <div id="quote">โ€œ{Quote}โ€</div>
  434. {block:Source}<div id="source">โ€” {Source}</div>{/block:Source}
  435. {/block:Quote}
  436.  
  437.  
  438. {block:Text}
  439. {block:Title}
  440. <div id="title"><div style="font-size:17px; text-align:left;">{Title}</div></div>{/block:Title}
  441. {Body}
  442. {/block:Text}
  443.  
  444. {block:Link}
  445. <div id="title">
  446. <div style="font-size:17px; text-align:left;"><a href="{URL}">{Name} ยป</a></div></div>
  447. {block:Description}{Description}{/block:Description}
  448. {/block:Link}
  449.  
  450. {block:Chat}
  451. {block:Title}
  452. <h1>{Title}</h1>
  453. {/block:Title}
  454. <div class="chat">
  455. <ol>{block:Lines}
  456. <li class="line {Alt}">
  457. {block:Label}
  458. <span class="label">
  459. <b>{Label}</b></span>
  460. {/block:Label}{Line}</li>
  461. {/block:Lines}
  462. </ol></div>
  463. {/block:Chat}
  464.  
  465. {block:Photo}
  466. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  467. {LinkCloseTag}
  468. {/block:Photo}
  469.  
  470. {block:Photoset}
  471. <center>{Photoset-500}</center>
  472. {/block:Photoset}
  473.  
  474. {block:Video}
  475. {Video-500}
  476. {/block:Video}
  477.  
  478. {block:Audio}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> by {Artist}{/block:Artist}</div>
  479. {/block:Audio}
  480.  
  481.  
  482. {block:Answer}
  483. <div class="post"><br>
  484. <div class="asks"><img style="padding-right:5px;" src="{AskerPortraitURL-40}" align="left"  /> {Asker} asked: {Question}</div><br>
  485. <div style="margin-left:20px;">{Answer}</div>
  486. </div>
  487. {/block:Answer}
  488.  
  489. {block:IndexPage}
  490. <div id="perma">
  491. <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png">
  492. <a href="{Permalink}">Posted {block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}</a> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"></div>
  493. {block:IndexPage}
  494.  
  495. {block:PermalinkPage}
  496. {block:Date}
  497. <div id="info">
  498. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  499. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year} |
  500. {block:NoteCount}
  501. <b>Notes:</b> {NoteCount} |
  502. {/block:NoteCount}
  503. {block:RebloggedFrom}
  504. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  505. {/block:RebloggedFrom}
  506. {block:ContentSource}
  507. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a> |
  508. {/block:ContentSource}
  509. {block:HasTags}
  510. <b>Tagged:</b>
  511. {block:Tags}
  512. <a href="{TagURL}">#{Tag}</a>
  513. {/block:Tags}
  514. {/block:HasTags}
  515. </div>
  516. {/block:Date}
  517. {/block:PermalinkPage}
  518.  
  519. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  520.  
  521. </div>
  522.  
  523. {/block:Posts}
  524.  
  525. </div>
  526.    <!-----THEME BY sratqueen ... DO NOT STEAL and DO NOT REMOVE CREDITS PLEASE ----->
  527. </div>
  528.  
  529. </div>
  530.  
  531. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement