API tools faq
paste
Advertisement
grrande

Theme #1

grrande
Nov 16th, 2014
1,830
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9.  
  10.  
  11. <!---- THEME BY GRRANDE
  12. You can edit it as much as you want, but...
  13. DON`T REMOVE THE CREDITS, IT`S REALLY SMALL AND IT WON`T KILL YOU!
  14. I hope you enjoy! ----->
  15.  
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff">
  20. <meta name="color:Font" content="#b5b5b5">
  21. <meta name="color:SidebarLinks" content="#b5b5b5">
  22. <meta name="color:HoverSidebar" content="#d6d6d6">
  23. <meta name="color:Links" content="#e3e3e3">
  24. <meta name="image:Sidebar" content="" />
  25. <meta name="text:Link One Title" content=""/>
  26. <meta name="text:Link One URL" content=""/>
  27. <meta name="text:Link Two Title" content=""/>
  28. <meta name="text:Link Two URL" content=""/>
  29. <meta name="text:Link Three Title" content=""/>
  30. <meta name="text:Link Three URL" content=""/>
  31. <meta name="text:Link Four Title" content=""/>
  32. <meta name="text:Link Four URL" content=""/>
  33. <meta name="text:Link Five Title" content=""/>
  34. <meta name="text:Link Five URL" content=""/>
  35.  
  36.  
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("a[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:30,
  45. tip_fade_speed:300,
  46. attribute:"title"
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <style type="text/css">
  53.  
  54. a {
  55. color:{color:Links};
  56. text-decoration: none;
  57. }
  58.  
  59. a:hover {
  60. color: {color:font};
  61. -webkit-transition: color 0.5s ease-in;
  62. -moz-transition: color 0.5s ease-in;
  63. -ms-transition: color 0.5s ease-in;
  64. -o-transition: color 0.5s ease-in;
  65. transition: color 0.5s ease-in;
  66. }
  67.  
  68. #s-m-t-tooltip {
  69. max-width:300px;
  70. position:absolute;
  71. z-index:99999;
  72. margin-top:20px;
  73. text-transform:lowercase;
  74. padding:2px 4px 2px 4px;
  75. background-color:{color:font};
  76. font-family:helvetica;
  77. font-size:10px;
  78. color:#ffffff;
  79. }
  80.  
  81. #navigation {
  82. font-size: 11px;
  83. margin-top: 16px;
  84. margin-left: 25px;
  85. }
  86.  
  87. #navigation a {
  88. color:{color:SidebarLinks};
  89. padding-right: 5px;
  90. text-decoration:none;
  91. }
  92.  
  93. #navigation a:hover {
  94. color: {color:HoverSidebar};
  95. -webkit-transition: color 0.2s ease-in;
  96. -moz-transition: color 0.2s ease-in;
  97. -ms-transition: color 0.2s ease-in;
  98. -o-transition: color 0.2s ease-in;
  99. transition: color 0.2s ease-in;
  100. }
  101.  
  102. body {
  103. font-family: helvetica;
  104. font-size: 10px;
  105. color: {color:font};
  106. background-color:{color:Background};
  107. }
  108.  
  109. #sidebar {
  110. margin-top: 90px;
  111. margin-left: 170px;
  112. width: 130px;
  113. height: 130px;
  114. background-color: #f5f5f5;
  115. position: fixed;
  116. }
  117.  
  118. #sidebar a {
  119. color:{color:SidebarLinks};
  120. padding-right: 5px;
  121. text-decoration:none;
  122. }
  123.  
  124. #sidebar a:hover {
  125. color: {color:HoverSidebar};
  126. -webkit-transition: color 0.2s ease-in;
  127. -moz-transition: color 0.2s ease-in;
  128. -ms-transition: color 0.2s ease-in;
  129. -o-transition: color 0.2s ease-in;
  130. transition: color 0.2s ease-in;
  131. }
  132. #sidebar .image {
  133. width: 100px;
  134. height: 100px;
  135. margin-top:15px;
  136. margin-left:15px;
  137. background-color: #f5f5f5;
  138. }
  139.  
  140. #sidebar .description {
  141. font-family: helvetica;
  142. font-size: 10px;
  143. color:{color:font};
  144. margin-top: 25px;
  145. margin-left: 5px;
  146. width:100px;
  147. text-align: justify;
  148. border-left:1px dotted; {color:font};
  149. padding-left:10px;
  150. }
  151.  
  152. .border {
  153. margin-top:20px;
  154. border-top:1px solid;
  155. width:500px;
  156. border-color:#e5e5e5;
  157. }
  158.  
  159.  
  160. #content {
  161. width: 560px;
  162. background-color: none;
  163. margin: 60px 0 60px 460px;
  164. padding: 20px 0;
  165. color: {color:font};
  166. }
  167.  
  168. #content a {
  169. color:{color:Links};
  170. text-decoration: none;
  171. }
  172.  
  173. #content a:hover {
  174. color: {color:font};
  175. -webkit-transition: color 0.5s ease-in;
  176. -moz-transition: color 0.5s ease-in;
  177. -ms-transition: color 0.5s ease-in;
  178. -o-transition: color 0.5s ease-in;
  179. transition: color 0.5s ease-in;
  180. }
  181.  
  182. #content blockquote {
  183. border-left: solid 2px {color:font};
  184. margin: 0;
  185. padding-left: 10px;
  186. }
  187.  
  188. img {
  189. border: 0;
  190. max-width: 100%;
  191. }
  192.  
  193. #content #posts {
  194. background-color: white;
  195. width: 500px;
  196. margin: 0 auto 20px;
  197. padding:35px;
  198. }
  199.  
  200. #content #posts .title {
  201. font-size: 14px;
  202. letter-spacing:2px;
  203. text-transform: uppercase;
  204. text-align:center;
  205. }
  206.  
  207. #content #posts #permalink {
  208. font-size:9px;
  209. margin-top:10px;
  210. text-align:right;
  211. }
  212.  
  213. #content #posts #tags {
  214. font-size:9px;
  215. float:right;
  216. -webkit-transition:0.5s ease;
  217. opacity:0;
  218. }
  219.  
  220. #content #posts:hover #tags {
  221. filter: alpha(opacity = 100);
  222. opacity:100;
  223. -webkit-transition: all 0.5s ease-out;
  224. -moz-transition: all 0.5s ease-out;
  225. transition: all 0.5s ease-out;
  226. }
  227.  
  228.  
  229. #content #posts #tags .comma:last-child {
  230. display: none;
  231. }
  232.  
  233. #content #notecontainer {
  234. margin: 20px auto;
  235. width: 500px;
  236. font-size: 11px;
  237. }
  238.  
  239. #content #notecontainer ol.notes {
  240. list-style-type: none;
  241. margin: 0;
  242. padding: 0;
  243. }
  244.  
  245. #content #notecontainer img.avatar {
  246. margin-right: 10px;
  247. width: 16px;
  248. height: 16px;
  249. }
  250. .ask {
  251. height:auto;
  252. min-height:40px;
  253. }
  254.  
  255. .question {
  256. background-color:#f5f5f5;
  257. padding:10px 10px 10px 10px;
  258. font-size:10px;
  259. color:#fff;
  260. font-style:none;
  261. min-height:30px;
  262. margin-left:0px;
  263. margin-top:0px;
  264. color:{color:font};
  265. }
  266.  
  267. .asker {
  268. text-transform:none;
  269. font-weight:bold;
  270. font-size:11px;
  271. }
  272.  
  273. .answer {
  274. padding:10px 10px 5px 3px;
  275. font-size:10px;
  276. }
  277.  
  278. #submission {
  279. margin-top:-80px;
  280. }
  281.  
  282. .pagination {
  283. text-align:center;
  284. margin-top:35px;
  285. margin-right:10px;
  286. }
  287.  
  288. .pagination a {
  289. color:{color:hoversidebar};
  290. text-decoration:none;
  291. }
  292.  
  293. .pagination a:hover {
  294. color: {color:font};
  295. -webkit-transition: color 0.2s ease-in;
  296. -moz-transition: color 0.2s ease-in;
  297. -ms-transition: color 0.2s ease-in;
  298. -o-transition: color 0.2s ease-in;
  299. transition: color 0.2s ease-in;
  300. }
  301.  
  302. {CustomCSS}
  303.  
  304. </style>
  305.  
  306.  
  307. </head>
  308. <body>
  309.  
  310.  
  311. <div id="sidebar">
  312. <img class="image" src="{image:Sidebar}"/>
  313. <div class="description">{Description}</div>
  314. <div id="navigation">
  315. <a href="{text:Link One URL}" title="{text:Link One Title}">i.</a>
  316. <a href="{text:Link Two URL}" title="{text:Link Two Title}">ii.</a>
  317. <a href="{text:Link Three URL}" title="{text:Link Three Title}">iii.</a>
  318. <a href="{text:Link Four URL}" title="{text:Link Four Title}">iv.</a>
  319. <a href="{text:Link Five URL}" title="{text:Link Five Title}">v.</a></div>
  320.  
  321.  
  322. {block:Pagination}
  323. <div class="pagination">
  324. {block:PreviousPage}
  325. <a href="{PreviousPage}">back</a>
  326. {/block:PreviousPage}
  327. {block:NextPage}
  328. <a href="{NextPage}">forth</a>
  329. {/block:NextPage}
  330. </div>
  331. {/block:Pagination}
  332.  
  333. {block:HasPages}{block:Pages}<a href="{url}"><div class="links">{Label}</div></a>{/block:Pages}{/block:HasPages}
  334.  
  335.  
  336. </div>
  337.  
  338. <div id="content">
  339. <div class="autopagerize_page_element">
  340. {block:Posts}
  341. <div id="posts">
  342.  
  343. {block:Photo}
  344. {LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}
  345. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  346. {/block:Photo}
  347.  
  348. {block:Photoset}
  349. {Photoset-500}
  350. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  351. {/block:Photoset}
  352.  
  353. {block:Video}
  354. {Video-500}
  355. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  356. {/block:Video}
  357.  
  358. {block:Audio}
  359. {AudioPlayerBlack}
  360. <div class="text">- {PlayCountWithLabel}</div>
  361. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  362. {/block:Audio}
  363.  
  364. {block:Quote}
  365. <div class="title">"{Quote}"</div>
  366. {block:Source}<div class="text"><br>- {Source}</div>{/block:Source}
  367. {/block:Quote}
  368.  
  369. {block:Text}
  370. {block:Title}<div class="title">{Title}</div>{/block:Title}
  371. <div class="text">{Body}</div>
  372. {/block:Text}
  373.  
  374. {block:Answer}
  375. <div class="ask"><div class="question">
  376. <span class="asker"><b>{Asker}</b> said:</span><br>
  377. {Question}</div></div>
  378. <div class="answer">{Answer}</div>
  379. {/block:Answer}
  380.  
  381. {block:Chat}
  382. {block:Title}<div class="title">{Title}</div>{/block:Title}
  383. <div class="text">
  384. {block:Lines}
  385. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  386. {/block:Lines}
  387. </div>
  388. {/block:Chat}
  389.  
  390. {block:Link}
  391. <div class="title"><a href="{URL}">{Name}</a></div>
  392. {block:Description}
  393. <div class="text">{Description}</div>
  394. {/block:Description}
  395. {/block:Link}
  396.  
  397. {block:Submission}
  398. <div id="submission">
  399. {Submitter}:
  400. </div>
  401. {/block:Submission}
  402.  
  403. <div class="border">
  404. <div id="permalink">
  405. <a href="{Permalink}">
  406. {block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}
  407. {block:NoteCount} / {NoteCount}{/block:NoteCount}
  408. </a></div>
  409. </div>
  410.  
  411. {block:HasTags}<div id="tags">
  412. {block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma">,</span>{/block:Tags}.
  413. </div>
  414. {/block:HasTags}
  415.  
  416. </div>
  417.  
  418. {block:PostNotes}
  419. <div id="notecontainer">{PostNotes}</div>
  420. {/block:PostNotes}
  421.  
  422.  
  423. {/block:Posts}
  424.  
  425. <div style="position:fixed;bottom:3px; right:3px; font-size:10px; letter-spacing:1px; font-family:helvetica;"><a href="http://grrande.tumblr.com/" title="theme credit">GR</a>
  426. </div>
  427.  
  428. </div>
  429. </div>
  430.  
  431. </body>
  432. </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!