API tools faq
paste
Advertisement
foundcas

Theme 20: φιλία

foundcas
Jul 10th, 2015
1,045
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. THEME 20 BY FOUNDCAS/CAPECODING
  8. - If you have any questions or experience troubles send a message to http://capecoding.tumblr.com/ask
  9. - Do not remove the credit
  10. - Do not use this as a base code
  11.  
  12. -->
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <meta name="color:Background" content="#fff">
  21. <meta name="color:Text" content="#fff">
  22. <meta name="color:Link" content="#fff">
  23. <meta name="color:Sidebar Background" content="#fff">
  24. <meta name="color:Scrollbar" content="#fff">
  25. <meta name="color:Selection" content="#000">
  26. <meta name="color:Selection Background" content="#fff">
  27.  
  28. <meta name="image:Sidebar" content="http://40.media.tumblr.com/bd049c7f6d8866a889ff3dc9dc191a7d/tumblr_nammtbuMTw1rqdh9fo3_250.png">
  29.  
  30. <meta name="if:Show Stop Bullying Logo" content="1">
  31. <meta name="if:Link1" content="1">
  32. <meta name="if:Link2" content="1">
  33. <meta name="if:Link3" content="1">
  34. <meta name="if:Link4" content="1">
  35.  
  36. <meta name="text:URL" content="your url here">
  37. <meta name="text:URL 1" content="url 1">
  38. <meta name="text:Link 1" content="link 1">
  39. <meta name="text:URL 2" content="url 2">
  40. <meta name="text:Link 2" content="link 2">
  41. <meta name="text:URL 3" content="url 3">
  42. <meta name="text:Link 3" content="link 3">
  43. <meta name="text:URL 4" content="url 4">
  44. <meta name="text:Link 4" content="link 4">
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47.  
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49.  
  50. <script>
  51.  
  52. (function($){
  53.  
  54. $(document).ready(function(){
  55.  
  56. $("a[title]").style_my_tooltips({
  57.  
  58. tip_follows_cursor:true,
  59.  
  60. tip_delay_time:30,
  61.  
  62. tip_fade_speed:300,
  63.  
  64. attribute:"title"
  65.  
  66. });
  67.  
  68. });
  69.  
  70. })(jQuery);
  71.  
  72. </script>
  73.  
  74. <style type="text/css">
  75. #s-m-t-tooltip{
  76. max-width:300px;
  77. margin:-20px;
  78. padding:2px 8px;
  79. background:{color:Background};
  80. color:{color:Text};
  81. z-index:999999;
  82. font-size:9px;
  83. text-transform:uppercase;
  84. }
  85.  
  86. ::selection{
  87. background:{color:Selection Background};
  88. color:{color:Selection};
  89. }
  90.  
  91. ::-webkit-scrollbar{
  92. background:transparent;
  93. width:6px;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb{
  97. background:{color:Scrollbar};
  98. width:6px;
  99. height:auto;
  100. }
  101.  
  102. blockquote{
  103. border:2px solid {color:Text};
  104. padding:5px;
  105. }
  106.  
  107. pre, code {
  108. padding:10px;
  109. box-sizing:border-box;
  110. -moz-box-sizing:border-box;
  111. webkit-box-sizing:border-box;
  112. display:block;
  113. white-space: pre-wrap;
  114. white-space: -moz-pre-wrap;
  115. white-space: -pre-wrap;
  116. white-space: -o-pre-wrap;
  117. word-wrap: break-word;
  118. width:100%; overflow-x:auto;
  119. background:#ccc;
  120. }
  121.  
  122. a{
  123. color:{color:Link};
  124. text-decoration:none;
  125. -moz-transition:.25s ease-in-out;
  126. -webkit-transition:.25s ease-in-out;
  127. -o-transition:.25s ease-in-out;
  128. }
  129.  
  130. a:hover{
  131. background:yellow;
  132. -moz-transition:.25s ease-in-out;
  133. -webkit-transition:.25s ease-in-out;
  134. -o-transition:.25s ease-in-out;
  135. }
  136.  
  137. body{
  138. background:{color:Background};
  139. color:{color:Text};
  140. font-family:consolas;
  141. font-size:11px;
  142. word-break:break-word;
  143. }
  144.  
  145. .sidebar{
  146. position:fixed;
  147. text-align:center;
  148. width:40%;
  149. height:100%;
  150. top:0px;
  151. right:0px;
  152. z-index:9;
  153. }
  154.  
  155. .title{
  156. margin-top:150px;
  157. padding:25px;
  158. font-weight:bold;
  159. font-size:50px;
  160. }
  161.  
  162. .nav{
  163. margin-bottom:25px;
  164. }
  165.  
  166. .desc{
  167. margin-left:auto;
  168. margin-right:auto;
  169. width:200px;
  170. max-height:200px;
  171. overflow-y:auto;
  172. }
  173.  
  174. .bg{
  175. position:fixed;
  176. background:url('{image:Sidebar}');
  177. top:0px;
  178. right:0px;
  179. width:40%;
  180. height:100%;
  181. opacity:.5;
  182. }
  183.  
  184. .entries{
  185. margin-top:50px;
  186. margin-bottom:50px;
  187. left:-205px;
  188. margin-left:12.5%;
  189. }
  190.  
  191. .post{
  192. border:20px solid {color:Text};
  193. width:400px;
  194. margin-top:50px;
  195. padding:15px;
  196. }
  197.  
  198. .quote{
  199. font-weight:bold;
  200. padding:20px;
  201. }
  202.  
  203. .quo{
  204. font-size:30px;
  205. font-weight:bold;
  206. padding:10px;
  207. }
  208.  
  209. .chat li{
  210. margin-left:-25px;
  211. }
  212.  
  213. .label{
  214. font-style:italic;
  215. }
  216.  
  217. .ask{
  218. float:right;
  219. width:330px;
  220. border-left:1px solid {color:Text};
  221. }
  222.  
  223. .portrait{
  224. padding:5px;
  225. border:1px solid {color:Text};
  226. }
  227.  
  228. .question{
  229. padding:5px;
  230. border-bottom:1px solid {color:Text};
  231. }
  232.  
  233. .answer{
  234. padding:5px;
  235. }
  236.  
  237. .info{
  238. clear:both;
  239. margin-top:15px;
  240. }
  241.  
  242. .noted li{
  243. list-style-type:none;
  244. padding:4px;
  245. }
  246.  
  247. .noted img.avatar{
  248. vertical-align:middle;
  249. height:30px;
  250. width:30px;
  251. border:1px solid {color:Text};
  252. padding:4px;
  253. margin-right:4px;
  254. }
  255.  
  256. .credit a{
  257. font-size:11.5px;
  258. text-transform:uppercase;
  259. margin-left:23%;
  260. padding:1.5px;
  261. bottom:5px;
  262. z-index:9;
  263. -moz-transition:.8s ease-in-out;
  264. -webkit-transition:.8s ease-in-out;
  265. -o-transition:.8s ease-in-out;
  266. }
  267.  
  268. {CustomCSS}
  269. </style>
  270. </head>
  271. <body>
  272.  
  273. <div class="bg"></div>
  274. <div class="sidebar">
  275. <div class="title">{Title}</div>
  276. <div class="nav">
  277. <a href="/">index</a>
  278. {block:ifLink1}<a href="{text:URL 1}">{text:Link 1}</a>{/block:ifLink1}
  279.  
  280. {block:ifLink2}<a href="{text:URL 2}">{text:Link 2}</a>{/block:ifLink2}
  281.  
  282. {block:ifLink3}<a href="{text:URL 3}">{text:Link 3}</a>{/block:ifLink3}
  283.  
  284. {block:ifLink4}<a href="{text:URL 4}">{text:Link 4}</a>{/block:ifLink4}
  285. <a href="/archive">archive</a>
  286.  
  287. <div id="pagi">
  288. {block:Pagination}
  289. {block:PreviousPage}
  290. <a href="{PreviousPage}">prev</a>
  291. {/block:PreviousPage}
  292.  
  293. {block:JumpPagination length="5"}
  294. {block:CurrentPage}<a href="{URL}">{PageNumber}</a>{/block:CurrentPage}
  295. {block:JumpPage}<a class="jump2" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  296. {/block:JumpPagination}
  297.  
  298. {block:NextPage}
  299. <a href="{NextPage}">next</a>
  300. {/block:NextPage}
  301. {/block:Pagination}
  302. </div>
  303.  
  304. </div>
  305. <div class="desc">{Description}</div>
  306. </div>
  307.  
  308.  
  309. <div class="entries">
  310. {block:Posts}
  311. <div class="post">
  312.  
  313. {block:Text}
  314. {block:Title}{Title}{/block:Title}
  315. {Body}
  316. {/block:Text}
  317.  
  318. {block:Link}
  319. <a href="{URL}">{Name}</a>
  320. {block:Description}{Description}{/block:Description}
  321. {/block:Link}
  322.  
  323. {block:Quote}
  324. <div class="quote">
  325. <span class="quo">&#147;</span>{Quote}<span class="quo">&#148;</span>
  326. </div>
  327. {block:Source}<i>- {Source}</i>{/block:Source}
  328. {/block:Quote}
  329.  
  330. {block:Chat}
  331. <h3>{block:Title}{Title}{/block:Title}</h3>
  332. <ul class="chat">
  333. {block:Lines}
  334. <li class="{Alt} user_{UserNumber}">
  335. {block:Label}<span class="label">{Label}</span>{/block:Label}
  336. {Line}</li>
  337. {/block:Lines}</ul>
  338. {/block:Chat}
  339.  
  340. {block:Photo}
  341. {LinkOpenTag}
  342. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  343. {LinkCloseTag}
  344. {block:Caption}{Caption}{/block:Caption}
  345. {/block:Photo}
  346.  
  347. {block:Video}
  348. {block:PostTitle}{PostTitle}{/block:PostTitle}
  349. {Video-400}
  350. {block:Caption}{Caption}{/block:Caption}
  351. {/block:Video}
  352.  
  353.  
  354.  
  355. {block:Audio}
  356. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  357. {block:AlbumArt}
  358. <img class="cover" src="{AlbumArtURL}" width="150px" style="150px">
  359. {/block:AlbumArt}
  360.  
  361. {block:Caption}{Caption}{/block:Caption}
  362. {/block:Audio}
  363.  
  364.  
  365.  
  366. {block:Answer}
  367. <img class="portrait" src="{AskerPortraitURL-48}">
  368. <div class="ask">
  369. <div class="question">{Asker} asked: {Question}</div>
  370. <div class="answer">{Answer}</div>
  371. </div>
  372. {/block:Answer}
  373.  
  374. <div class="info">
  375. {block:Date}<a href="{Permalink}">{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear} A.D</a>{/block:Date} /
  376. {block:NoteCount}{NoteCount} /{/block:NoteCount}
  377. <a href="{ReblogURL}">reblog</a>
  378. <span style="float:right">
  379. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  380. {block:ContentSource}.<a title="{ReblogRootName}" href="{ReblogRootURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  381. </span>
  382. {block:HasTags}
  383. <div class="tags">{block:Tags}<a href="{TagURL}">({Tag}) </a>{/block:Tags}</div>
  384. {/block:HasTags}
  385. </div>
  386.  
  387. {block:PostNotes}<div class="noted">{PostNotes}</div>{/block:PostNotes}
  388.  
  389. </div>
  390. {/block:Posts}
  391.  
  392. {block:ContentSource}
  393. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  394. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  395. {/block:SourceLogo}
  396. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  397. {/block:ContentSource}
  398.  
  399. </div>
  400.  
  401.  
  402. {block:IfShowStopBullyingLogo}
  403. <div style="bottom:15px; left:15px; width:auto; height:auto; position:fixed; display:block; z-index:9999999; background-color:transparent"><a href="http://stop-bullies.tumblr.com"><img src=" http://i43.tinypic.com/2w585e1.png" width="90"></a></div>
  404. {/block:IfShowStopBullyingLogo}
  405.  
  406. <div class="credit"><a title="credit" href="http://foundcas.tumblr.com">theme by foundcas/capecoding</a></div>
  407.  
  408. </body>
  409. </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!