API tools faq
paste
jcegers

BROTHERS

jcegers
Dec 20th, 2014
1,066
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--
  12.  
  13. jcegers' THEME #05: BROTHERS // Please don't remove the credit!
  14. if you have any questions, please feel free to ask.
  15.  
  16. -->
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#aaaaaa"/>
  21. <meta name="color:Link" content="#000000"/>
  22. <meta name="color:Hover" content="#000000"/>
  23. <meta name="color:Border" content="#eeeeee"/>
  24. <meta name="color:Ask BG" content="#f8f8f8"/>
  25.  
  26. <meta name="image:Sidebar Image" content=""/>
  27.  
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 2 URL" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 3 URL" content="" />
  33. <meta name="text:Link 3" content="" />
  34.  
  35.  
  36. <!-- jquery for tooltips-->
  37.  
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:30,
  48. tip_fade_speed:300,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <style type="text/css">
  56.  
  57. #s-m-t-tooltip{
  58. position:absolute;
  59. margin-top: 25px;
  60. font-size:9px;
  61. z-index:9999;
  62. padding:2px 3px;
  63. color:{color:Text};
  64. box-shadow:{color:Border} 2px 3px 7px;
  65. background:{color:Ask BG};}
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border};}
  68. ::-webkit-scrollbar-button:horizontal {display:none;}
  69. ::-webkit-scrollbar {background-color:#fcfcfc; width:5px;}
  70.  
  71. blockquote {
  72. padding:0px 5px;
  73. border-left:1px solid {color:border};
  74. margin-left:5px;}
  75.  
  76. body {
  77. background:{color:background};
  78. color:{color:text};
  79. font-family:'Lato';
  80. font-size:10px;
  81. text-align:justify;
  82. margin:0;}
  83.  
  84.  
  85. a {
  86. color:{color:link};
  87. text-decoration:none;
  88. -moz-transition-duration: 0.5s;
  89. -o-transition-duration: 0.5s;
  90. -webkit-transition-duration: 0.5s;
  91. transition-duration: 0.5s;}
  92.  
  93. a:hover {
  94. color:{color:hover};
  95. text-decoration:none;}
  96.  
  97. img{opacity:1;
  98. border:none;
  99. text-decoration:none}
  100.  
  101.  
  102. small {font-size:9px;}
  103. big {font-size:12px;}
  104.  
  105.  
  106. #title {
  107. font-size:12px;
  108. line-height:18px;
  109. font-weight:bold;
  110. margin-bottom:10px;
  111. text-transform:none;
  112. text-align:left;}
  113.  
  114.  
  115. #sidebar {
  116. text-align:left;
  117. position:fixed;
  118. padding:2px 3px 2px 5px;
  119. border:solid 0px #cfcfcf;
  120. margin-left:105px;
  121. margin-top:55px;
  122. width:240px;}
  123.  
  124. #sidebarim img {
  125. width:80px;
  126. box-shadow:{color:Border} 2px 3px 7px;
  127. margin:-55px -10px;
  128. border-radius:100px;
  129. }
  130.  
  131. #links {
  132. text-align:right;
  133. margin:0px 5px;
  134. border-bottom:1px solid {color:Border};
  135. text-transform:lowercase;}
  136.  
  137.  
  138. #links a {
  139. margin-right:5px;
  140. font-size:10px;
  141. display:inline-block;
  142. margin-bottom:5px;}
  143.  
  144. #description {
  145. width:160px;
  146. border:0px solid #cfcfcf;
  147. font-size:9px;
  148. padding:2px;
  149. line-height:12px;
  150. text-align:right;
  151. margin:0px 70px;}
  152.  
  153. #description b {
  154. font-size:10px;
  155. }
  156.  
  157.  
  158. #pagination {
  159. margin:50px 0;
  160. text-align:center;
  161. text-transform:lowercase;
  162. font-weight:bold;}
  163.  
  164. #pagination a {
  165. padding:0 15px;}
  166.  
  167.  
  168. #entries {
  169. margin-top:75px;
  170. margin-left:450px;
  171. width:500px;}
  172.  
  173.  
  174. #posts {
  175. width:500px;
  176. overflow:hidden;
  177. {block:IndexPage}
  178. margin-bottom:75px;
  179. {/block:IndexPage}
  180. {block:PermalinkPage}
  181. margin-bottom:50px;
  182. {/block:PermalinkPage}}
  183.  
  184. #posts img {
  185. max-width:500px;}
  186. .caption {width:100%;margin-top:2px;}
  187.  
  188.  
  189. #titlequote {
  190. text-align:center;
  191. font-size:12px;
  192. line-height:18px;
  193. font-weight:bold;}
  194.  
  195. #source {
  196. margin-top:4px;
  197. text-align:right;
  198. margin-left:15px;}
  199.  
  200. /*audio*/
  201.  
  202. .music {
  203. width:500px;
  204. padding-bottom:10px;
  205. }
  206.  
  207. .albumart {
  208. float:left;
  209. }
  210.  
  211. .albumart img {
  212. width:55px;
  213. border-radius:0px;
  214. box-shadow:{color:Border} 2px 3px 7px;
  215. margin:1px 10px -2px 0px;
  216. }
  217.  
  218. .playercontainer {
  219. text-align:left;
  220. padding:5px 5px -5px;
  221. }
  222.  
  223. .musicinfo {
  224. padding:10px;
  225. margin-top:9px;
  226. background:{color:Ask BG};
  227. color:{color:text};
  228. }
  229.  
  230. .question {
  231. font-size:10px;
  232. background:{color:Ask BG};
  233. padding:4px 7px 7px 7px;
  234. text-align:justify;
  235. }
  236.  
  237. .asker {
  238. font-weight:none;
  239. font-size:12px;
  240. margin-bottom:0px;
  241. }
  242. .answer {
  243. margin-top:2px;
  244. text-align:justify;
  245. font-size:10px;
  246. }
  247.  
  248. .chat ol {padding:0;list-style:none;}
  249. .line {padding:5px 0;}
  250. .label {font-weight:bold;}
  251.  
  252.  
  253. #permalink {
  254. margin-left:-5px;
  255. padding-bottom:4px;
  256. margin-top:15px;
  257. border-bottom:1px solid {color:border};
  258. text-align:left;}
  259.  
  260. #permalink a {margin-right:5px;}
  261.  
  262.  
  263. .tags {
  264. margin-top:2px;
  265. -moz-transition-duration: 0.6s;
  266. -o-transition-duration: 0.6s;
  267. -webkit-transition-duration: 0.6s;
  268. transition-duration: 0.6s;
  269. }
  270.  
  271. .tags a {
  272. margin-right:5px;
  273. font-size:9px;
  274. color:{color:link};
  275. }
  276.  
  277. .tags a:hover{
  278. color:{color:hover};
  279. }
  280.  
  281. .pagenotes {
  282. {block:IndexPage}
  283. display: none!important;
  284. {/block:IndexPage}
  285. width:400px;
  286. text-align:left;}
  287.  
  288. .pagenotes img {
  289. display:none!important;}
  290.  
  291. .pagenotes li {
  292. list-style-type:none;
  293. padding:1px 0px;
  294. text-align:left;
  295. margin:0 0 0 -40px;}
  296.  
  297. .credit {
  298. position:fixed;
  299. font-family:arial;
  300. font-size:9px;
  301. font-weight:normal;
  302. line-height:150%;
  303. letter-spacing:0px;
  304. right:10px;
  305. bottom:10px;
  306. text-align:center;}
  307.  
  308. .credit a {
  309. font-style:normal;
  310. padding:3px;
  311. color:{color:link};
  312. -moz-transition-duration:0.5s;
  313. -webkit-transition-duration:0.5s;
  314. -o-transition-duration:0.5s;}
  315.  
  316. .credit a:hover{
  317. color:{color:Hover};
  318. }
  319.  
  320.  
  321. {CustomCSS}
  322.  
  323.  
  324. </style>
  325.  
  326.  
  327. </head>
  328.  
  329. <body>
  330.  
  331. <div class="credit"><a href="http://jcegers.tumblr.com/">JCE</a></div>
  332.  
  333. <div id="sidebar">
  334. <div id="sidebarim"><a href="/" title="home"><img src="{image:Sidebar Image}"></a></div>
  335. <div id="links">
  336. <a href="/ask">ask</a>
  337. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  338. <a href="{text:Link 2 URL}" >{text:Link 2}</a>
  339. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  340. </div>
  341. <div id="description">{Description}</div>
  342. </div>
  343.  
  344.  
  345. <div id="entries">
  346.  
  347. {block:Posts}
  348. <div id="posts">
  349.  
  350.  
  351. {block:Quote}
  352.  
  353.  
  354. <div id="titlequote">“{Quote}”</div>
  355. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  356. {/block:Quote}
  357.  
  358.  
  359. {block:Text}
  360.  
  361. {block:Title}
  362. <div id="title">{Title}</div>{/block:Title}
  363. {Body}
  364. {/block:Text}
  365.  
  366. {block:Link}
  367. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  368. {/block:Link}
  369.  
  370. {block:Chat}
  371. {block:Title}
  372. <h1>{Title}</h1>
  373. {/block:Title}
  374. <div class="chat">
  375. <ol>{block:Lines}
  376. <li class="line {Alt}">
  377. {block:Label}
  378. <span class="label">
  379. {Label}</span>
  380. {/block:Label}{Line}</li>
  381. {/block:Lines}
  382. </ol></div>
  383. {/block:Chat}
  384.  
  385. {block:Photo}
  386. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  387. {/block:Photo}
  388.  
  389. {block:Photoset}
  390. {Photoset-500}
  391. {/block:Photoset}
  392.  
  393. {block:Video}
  394. {Video-500}
  395. {/block:Video}
  396.  
  397. {block:Audio}
  398. <div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  399. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  400. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  401. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  402. {/block:Audio}
  403.  
  404. {block:Answer}
  405. <div class="question">
  406. <div class="asker"><b>{Asker}</b> said: </div>
  407. {Question}</div>
  408. <div class="answer">{Answer}</div>
  409. {/block:Answer}
  410.  
  411. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  412.  
  413. {block:Date}
  414. <div id="permalink">
  415. <a href="{Permalink}" >
  416. <a href="{Permalink}" title="{timeago}">{Month} {DayOfMonthWithZero}</a>
  417.  
  418. {block:NoteCount}
  419. <a href="{Permalink}">{NoteCountWithLabel}</a>
  420. {/block:NoteCount}
  421.  
  422. <span style="float:right;">
  423. {block:RebloggedFrom}<a href="{ReblogParentURL}"title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}"title="{ReblogRootName}">source</a>
  424. {/block:RebloggedFrom}
  425. </span>
  426.  
  427. </div>
  428. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  429.  
  430. {/block:Date}
  431.  
  432.  
  433. </div>
  434.  
  435.  
  436. {block:PostNotes}
  437. <div class="pagenotes">
  438. {PostNotes}
  439. </div>
  440. {/block:PostNotes}
  441.  
  442.  
  443. {/block:Posts}
  444.  
  445. <div id="pagination">
  446. {block:Pagination}
  447. {block:PreviousPage}
  448. <a href="{PreviousPage}">back</a>
  449. {/block:PreviousPage}
  450.  
  451.  
  452. {block:NextPage}
  453. <a href="{NextPage}">next</a>
  454. {/block:NextPage}
  455. {/block:Pagination}
  456. </div>
  457.  
  458.  
  459. </div>
  460.  
  461.  
  462. {block:ContentSource}
  463. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  464. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  465. {/block:SourceLogo}
  466. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  467. {/block:ContentSource}
  468.  
  469. </body></html>
Advertisement
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!