API tools faq
paste
thevoguetardis

theme 17 - fresh

thevoguetardis
Jan 16th, 2015
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme 17 by isabella -- rosetyilers
  4. -->
  5.  
  6. <!DOCTYPE html>
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12.  
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--These are the colors for the theme -->
  21.  
  22. <meta name="color:accent" content="#ccdd66"/>
  23. <meta name="color:background" content="#f9f9f9"/>
  24. <meta name="color:text" content="#aaaaaa"/>
  25. <meta name="color:link" content="#ccdd66"/>
  26. <meta name="color:hover" content="#ebf1c2"/>
  27. <meta name="color:border" content="#3bb5bb"/>
  28. <meta name="color:ask bubble" content="#f3f3f3"/>
  29. <meta name="color:scrollbar" content="#ecf2c1">
  30. <meta name="color:linktitlebg" content="#eeeeee"/>
  31. <meta name="color:linktitletext" content="#888888"/>
  32. <meta name="color:selection text" content="#888888"/>
  33. <meta name="color:selection bg" content="#eeeeee"/>
  34.  
  35. <!--These are the image that will be displayed on the theme -->
  36.  
  37. <meta name="image:bg" content=""/>
  38. <meta name="image:to top" content=""/>
  39.  
  40. <!--These are your links that will go on the theme too -->
  41. <meta name="text:title" content="" />
  42. <meta name="text:Link 1 URL" content="" />
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 2" content="" />
  45. <meta name="text:Link 2 URL" content="" />
  46. <meta name="text:Link 3 URL" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 4 URL" content="" />
  49. <meta name="text:Link 4" content="" />
  50.  
  51.  
  52.  
  53. <!--This is for you hover titles (When you hover over a link) -->
  54.  
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips();
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. /* this is for the scrollbar */
  71.  
  72. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background:{color:background};
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  76. ::-webkit-scrollbar-track{background:{color:bg};
  77. }
  78.  
  79.  
  80. body {
  81. background:{color:background};
  82. background-image:url('{image:bg}');
  83. background-attachment:fixed;
  84. color:{color:text};
  85. font-family:arial;
  86. font-size:10px;
  87. text-align:justify;
  88. margin:0;
  89. line-height:16px;
  90. }
  91.  
  92. /* blockquote */
  93.  
  94. blockquote {
  95. padding:5px 0 5px 30px;
  96. border-left:1px solid {color:border};
  97. margin-left:30px;
  98. background:#fafafa;
  99. }
  100.  
  101. /* bold (b), italic (i,em), and underlined (u) */
  102.  
  103. b,strong{
  104. color:{color:accent};
  105. }
  106.  
  107.  
  108. i,em{
  109. color:{color:accent};
  110. }
  111.  
  112.  
  113. u{
  114. color:{color:accent};
  115. }
  116.  
  117.  
  118. /* Links & hovers */
  119.  
  120.  
  121.  
  122. a {
  123. color:{color:link};
  124. text-decoration:none;
  125. -moz-transition-duration:.6s;
  126. -webkit-transition-duration:.6s;
  127. -o-transition-duration:.6s;
  128. }
  129.  
  130.  
  131. a:hover {
  132. color:{color:hover};
  133. /* transition of the image when you hover on it */
  134. -moz-transition-duration:.6s;
  135. -webkit-transition-duration:.6s;
  136. -o-transition-duration:.6s;
  137. }
  138.  
  139. /* Your sidebar, image, description and links */
  140.  
  141.  
  142. #sidebar {
  143. padding:6px;
  144. text-align:right;
  145. position:fixed;
  146. height:100%;
  147. background:white;
  148. margin-left:-190px;
  149. top:0px;
  150. border-right: solid #eee 1px;
  151. border-left: solid #eee 1px;
  152. width:125px;
  153. }
  154.  
  155. .sidebartitle {
  156. width:100px;
  157. text-align:center;
  158. position:fixed;
  159. font-style:italic;
  160. font-family:helvetica;
  161. line-height:120%;
  162. padding:7px;
  163.  
  164. background:#f9f9f9;
  165. letter-spacing:2px;
  166. margin-left:5px;
  167. border:1px solid #eee;
  168.  
  169. font-size:13px;
  170. margin-top:65px;
  171. color:{color:accent};
  172. z-index:9999999999999999999999;
  173. }
  174.  
  175. .sidebartitle:hover {
  176.  
  177.  
  178. -moz-transition-duration:1s;
  179. -webkit-transition-duration:1s;
  180. -o-transition-duration:1s;
  181. }
  182.  
  183.  
  184. #sideimg img {
  185. width:100px;
  186. margin-top:30px;
  187. padding:8px;
  188. opacity:1;
  189. margin-left:-20px;
  190. -moz-transition-duration:1s;
  191. -webkit-transition-duration:1s;
  192. -o-transition-duration:1s;
  193. }
  194.  
  195.  
  196. #sideimg img:hover {
  197. opacity:.9;
  198. /* transition of the image when you hover on it */
  199. -moz-transition-duration:1s;
  200. -webkit-transition-duration:1s;
  201. -o-transition-duration:1s;
  202. }
  203.  
  204.  
  205. #links {
  206. width:100px;
  207. text-transform:lowercase;
  208. word-spacing:3px;
  209. font-size:9px;
  210. text-align:justify;
  211.  
  212. margin-top:100px;
  213. border-bottom:transparent 1px solid ;
  214. margin-left:10px;
  215. }
  216.  
  217.  
  218. #links a {
  219.  
  220. margin-top:5px;
  221. display:inline-block;
  222. margin-bottom:5px;
  223. border-bottom:transparent 1px solid ;
  224. }
  225.  
  226.  
  227. #desc {
  228. width:108px;
  229. margin-left:10px;
  230. text-align:justify;
  231. font-size:9px;
  232. }
  233.  
  234.  
  235.  
  236. #theme {
  237. left:50%;
  238. margin-left:-250px;
  239. position:absolute;
  240. }
  241.  
  242.  
  243. /* Your post */
  244.  
  245.  
  246. #entries {
  247. margin-top:50px;
  248. width:400px;
  249.  
  250. }
  251.  
  252.  
  253.  
  254.  
  255. #posts {
  256. width:400px;
  257. background:white;
  258. border:1px solid #eee;
  259. margin-left:50px;
  260. margin-bottom:75px;
  261. padding:40px;
  262. opacity:.8;
  263. -moz-transition-duration:.6s;
  264. -webkit-transition-duration:.6s;
  265. -o-transition-duration:.6s;
  266. }
  267.  
  268. #posts:hover {
  269. -moz-transition-duration:.6s;
  270. -webkit-transition-duration:.6s;
  271. -o-transition-duration:.6s;
  272. opacity:1;
  273. }
  274.  
  275. #posts img {
  276. max-width:400px;
  277.  
  278. }
  279.  
  280.  
  281.  
  282.  
  283. /* Quote & Source */
  284.  
  285. #quote{
  286. text-align:left;
  287. font-size:14px;
  288. background:#f9f9f9;
  289. padding:5px;
  290. border:1px solid #eee;
  291. line-height:18px;
  292. font-weight:bold;
  293. font-style:italic;
  294. }
  295.  
  296.  
  297. #source {
  298. margin-top:15px;
  299. text-align:right;
  300. }
  301.  
  302.  
  303. /* Audio */
  304.  
  305.  
  306. .player {
  307. width:25px;
  308. height:25px;
  309. overflow:hidden;
  310. position:absolute;
  311. background:white;
  312. }
  313.  
  314.  
  315. .audioinfo {
  316. margin-left:50px;
  317. line-height:120%;
  318. }
  319.  
  320.  
  321. /* Speech for Question */
  322.  
  323.  
  324. .bubble {
  325. width:310px;
  326. position: relative;
  327. background:#f9f9f9;
  328. left:60px;
  329. border:1px solid #eee;
  330. margin: 0;
  331. padding:10px;
  332. text-align:center;
  333. }
  334.  
  335.  
  336.  
  337.  
  338. /* Chats */
  339.  
  340.  
  341. .chat ol {
  342. padding:0;
  343. list-style:none;
  344. }
  345.  
  346.  
  347. .line {
  348. list-style:none;
  349. padding:5px 0;
  350. }
  351.  
  352.  
  353. .label {
  354. text-decoration:bold;
  355. }
  356.  
  357.  
  358. /* Permalink & Info */
  359.  
  360.  
  361. #info {
  362. padding:10px;
  363. width:474px;
  364. text-align:justify;
  365. line-height:15px;
  366. margin-top:10px;
  367. height:auto;
  368. padding:10px;
  369. }
  370.  
  371.  
  372. #perma {
  373. margin-top:10px;
  374. padding:5px;
  375. font-size:9px;
  376. color:{color:link};
  377. text-transform:normal;
  378. font-style:normal;
  379. letter-spacing:2px;
  380. text-align:center;
  381. }
  382.  
  383.  
  384. /* Notes */
  385.  
  386.  
  387. .note li {
  388. list-style-type:none;
  389. padding:10px 25px 10px 25px;
  390. text-align:left;
  391. margin:0px;
  392. border-bottom:1px solid {color:border};
  393. line-height:140%;
  394. -moz-transition-duration:0.5s;
  395. -webkit-transition-duration:0.5s;
  396. -o-transition-duration:0.5s;
  397. }
  398.  
  399.  
  400. .notes img {
  401. display:none!important;
  402. }
  403.  
  404.  
  405. /* For Hovering Over Links*/
  406.  
  407.  
  408. #s-m-t-tooltip {
  409. z-index: 9999;
  410. background: {color:LinkTitleBG};
  411. font-size: 10px;
  412. line-height: 11px;
  413. font-family: helvetica;
  414. letter-spacing: 1px;
  415. text-transform: lowercase;
  416. color: {color:LinkTitleText};
  417. max-width: 150px;
  418. word-wrap: break-word;
  419. padding: 2px 5px 2px 6px;
  420. display: block;
  421. margin: 24px 14px 7px 12px;
  422. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  423. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  424. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  425. }
  426.  
  427.  
  428. /* Selection Text & BG (instead of having that blue background when you highlight something) */
  429.  
  430.  
  431. ::selection {
  432. background:{color:selection bg};
  433. color:{color:selection text};
  434. }
  435.  
  436.  
  437. /* Scroll to Top button*/
  438.  
  439.  
  440. #scrollToTop:link, #scrollToTop:visited {
  441. display:none;
  442. position:fixed;
  443. height:auto;
  444. width:20px;
  445. bottom: 10px;
  446. right:10px;
  447. }
  448.  
  449. {CustomCSS}
  450.  
  451. </style>
  452.  
  453.  
  454. <!-- Your scroll to top button -->
  455.  
  456. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  457. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  458. <a href="javascript:;" id="scrollToTop" title="top"><img src="{image:To Top}"></a></a>
  459.  
  460.  
  461. </head>
  462.  
  463. <!-- This is where you place you put your theme together and make it look all nice -->
  464.  
  465. <body>
  466.  
  467.  
  468. <div id="theme">
  469.  
  470. <div id="sidebar">
  471.  
  472. <div id="sideimg"><img src="{image:sb img}"></div>
  473.  
  474. <div class="sidebartitle"><a title="{text:title}" href="/">{text:title}</a></div>
  475.  
  476. <div id="links">
  477.  
  478. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  479.  
  480. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  481.  
  482. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a>{/block:ifLink3}
  483.  
  484. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  485.  
  486.  
  487. </div>
  488.  
  489. <div id="desc">{Description} <p></p><br><center>
  490. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big>←</big></a>{/block:PreviousPage}{/block:Pagination}
  491.  
  492. {block:Pagination}{block:NextPage}<a href="{NextPage}"><big>→</big></a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center>
  493. </div>
  494.  
  495.  
  496. </div>
  497.  
  498. <div id="entries">
  499.  
  500. </div>
  501.  
  502.  
  503.  
  504.  
  505. {block:Posts}
  506.  
  507. <div id="posts">
  508.  
  509. {block:Quote}
  510. <div id="quote">❝ {Quote} ❞</div>
  511. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  512. {/block:Quote}
  513.  
  514.  
  515. {block:Text}
  516. {block:Title}
  517. <div id="title"><div style="font-size:17px; text-align:left;">{Title}</div></div>{/block:Title}
  518. {Body}
  519. {/block:Text}
  520.  
  521. {block:Link}
  522. <div id="title">
  523. <div style="font-size:17px; text-align:left;"><a href="{URL}">{Name} </a></div></div>
  524. {block:Description}{Description}{/block:Description}
  525. {/block:Link}
  526.  
  527. {block:Chat}
  528. {block:Title}
  529. <h1>{Title}</h1>
  530. {/block:Title}
  531. <div class="chat">
  532. <ol>{block:Lines}
  533. <li class="line {Alt}">
  534. {block:Label}
  535. <span class="label">
  536. <b>{Label}</b></span>
  537. {/block:Label}{Line}</li>
  538. {/block:Lines}
  539. </ol></div>
  540. {/block:Chat}
  541.  
  542. {block:Photo}
  543. {LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  544. {LinkCloseTag}
  545. {/block:Photo}
  546.  
  547. {block:Photoset}
  548. <center>{Photoset-400}</center>
  549. {/block:Photoset}
  550.  
  551. {block:Video}
  552. {Video-400}
  553. {/block:Video}
  554.  
  555. {block:Audio}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> by {Artist}{/block:Artist}</div>
  556. {/block:Audio}
  557.  
  558.  
  559. {block:Answer}
  560. <div class="post"><br>
  561. <div class="askerportrait"><img style="border-radius:50px; margin-left:-5px;margin-top:-5px; padding:3px; border:1px solid #eee;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} asked: {Question}</div><br>
  562. <div style="text-align:center;">{Answer}</div>
  563. </div>
  564. {/block:Answer}
  565.  
  566. {block:IndexPage}
  567. <div id="perma">
  568.  
  569. <a href="{Permalink}">Posted {block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}</a> </div>
  570. {block:IndexPage}
  571.  
  572. {block:PermalinkPage}
  573. {block:Date}
  574. <div id="info">
  575. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  576. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  577. {block:NoteCount}
  578. <b>Notes:</b> {NoteCount}<br>
  579. {/block:NoteCount}
  580. {block:RebloggedFrom}
  581. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  582. {/block:RebloggedFrom}
  583. {block:ContentSource}
  584. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  585. {/block:ContentSource}
  586. {block:HasTags}
  587. <b>Tagged:</b>
  588. {block:Tags}
  589. <a href="{TagURL}">⋆{Tag} </a>
  590. {/block:Tags}
  591. {/block:HasTags}
  592. </div>
  593. {/block:Date}
  594. {/block:PermalinkPage}
  595.  
  596. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  597.  
  598. </div>
  599.  
  600. {/block:Posts}
  601.  
  602. <!-- Congratsss!!! This is the end of the theme, if you didn't change the theme at all, please keep the credit...and if you did..you know what to do already so I really don't need to tell you anymore...:PPP -->
  603. <div style="position:fixed;bottom:7px; right:3px; font-size:11px; letter-spacing:2px; font-family:helvetica;"><a href="http://rosetyilers.tumblr.com/" title="bella's themes">BT</a>
  604. </div>
  605.  
  606. </div>
  607.  
  608. </div>
  609.  
  610. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!