Advertisement
bastillebella

Bad Blood (500px)

May 22nd, 2014
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.68 KB | None | 0 0
  1.  
  2.  
  3. <!--Farahmir base code-->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!--Default Variables-->
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#aaaaaa"/>
  19. <meta name="color:Link" content="#000000"/>
  20.  
  21. <meta name="image:Sidebar Image" content=""/>
  22.  
  23. <meta name="text:Link 1 URL" content="" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 3 URL" content="" />
  28. <meta name="text:Link 3" content="" />
  29. <meta name="text:Link 4 URL" content="" />
  30. <meta name="text:Link 4" content="" />
  31.  
  32.  
  33. <!-- jquery for tooltips-->
  34.  
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37.  
  38. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39.  
  40. <script>
  41.  
  42. (function($){
  43.  
  44. $(document).ready(function(){
  45.  
  46. $("a[title]").style_my_tooltips({
  47.  
  48. tip_follows_cursor:true,
  49.  
  50. tip_delay_time:30,
  51.  
  52. tip_fade_speed:300,
  53.  
  54. attribute:"title"
  55.  
  56. });
  57.  
  58. });
  59.  
  60. })(jQuery);
  61.  
  62. </script>
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. <!--CSS customization here. -->
  70.  
  71. <style type="text/css">
  72.  
  73. #s-m-t-tooltip{
  74. position:absolute;
  75. margin-top: 15px;
  76. z-index:9999;
  77. background:{color:background};
  78. }
  79.  
  80.  
  81.  
  82. /*basics*/
  83. blockquote {padding:5px 0 5px 30px;
  84. border-left:1px solid {color:text};
  85. margin-left:30px;
  86. }
  87.  
  88. body {
  89. background:{color:background};
  90. color:{color:text};
  91. font-family:arial;
  92. font-size:11px;
  93. text-align:justify;
  94. margin:0;
  95. line-height:16px;}
  96.  
  97.  
  98. a {
  99. color:{color:link};
  100. text-decoration:none;
  101. }
  102.  
  103. a:hover {
  104. text-decoration:underline;}
  105.  
  106. img{opacity:1;
  107. border:none;
  108. text-decoration:none}
  109.  
  110.  
  111. small {
  112. font-size:9px;}
  113.  
  114. big {
  115. font-size:12px;}
  116.  
  117.  
  118. #title {font-size:12px;
  119. line-height:18px;
  120. font-weight:bold;
  121. margin-bottom:10px;
  122. text-transform:uppercase;
  123. text-align:left;
  124. font-family:century gothic;
  125. }
  126.  
  127.  
  128. /*sidebar*/
  129.  
  130. #sidebar {text-align:left;
  131. width: 500px;
  132. height: 230px;
  133. background-color: #fff;
  134. position: fixed;
  135. z-index: 10;
  136. margin-left:0px;
  137. margin-top:-50px;
  138. }
  139.  
  140.  
  141. #sidebarim {margin-bottom:20px}
  142.  
  143. #sidebarim img {
  144. width:75px;
  145. height:75px;
  146. margin-top:100px;
  147. margin-bottom:10px;
  148. padding:3px;
  149. margin-left:0px;
  150. border-radius: 80px;
  151. }
  152.  
  153. #blogt {
  154. font-size:20px;
  155. font-weight:lighter;
  156. font-family:century gothic;
  157. letter-spacing:2px;
  158. margin-top:-100px;
  159. margin-left:100px;
  160. text-align:left;
  161. text-decoration:none;
  162. color:{color:blog title};
  163. }
  164.  
  165. #links {
  166. width:500px;
  167. line-height:10px;
  168. text-transform:uppercase;
  169. position:justify;
  170. font-size:10px;
  171. font-family:century gothic;
  172. color:{color:link};
  173. }
  174.  
  175.  
  176. #links a {
  177. margin-right:10px;
  178. margin-left:27px;
  179. display:inline-block;
  180. margin-bottom:5px;
  181. }
  182.  
  183. #description {
  184. margin:20px 0;
  185. margin-top:10px;
  186. margin-left:100px;
  187. width:300px;
  188.  
  189. }
  190.  
  191.  
  192. /*pagination*/
  193. .jump_page {
  194. padding: 4px 8px;
  195. border: 2px solid #fff;
  196. background-color: #fff;
  197. color:#585858;
  198. font-family:century gothic;
  199. font-size:11px;
  200. text-decoration:none;
  201. }
  202.  
  203. .current_page, .jump_page:hover {
  204. padding: 4px 8px;
  205. border: 2px solid #fff;
  206. background-color: #fff;
  207. color: #2a2c2c;
  208. font-family:century gothic;
  209. font-size:11px;
  210. text-decoration:none;
  211. }
  212.  
  213. /*container*/
  214. #con {
  215. left:50%;
  216. margin-left:-250px;
  217. position:absolute;
  218. }
  219.  
  220.  
  221.  
  222. /*posts*/
  223.  
  224. #entries {
  225. margin-top:225px;
  226. width:500px;
  227. }
  228.  
  229.  
  230.  
  231. #posts {
  232. width:500px;
  233. {block:IndexPage}
  234. margin-bottom:75px;
  235. {/block:IndexPage}
  236. {block:PermalinkPage}
  237. margin-bottom:50px;
  238. {/block:PermalinkPage}
  239.  
  240. }
  241. #posts img {
  242. max-width:500px;
  243. }
  244.  
  245. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  246. .caption {width:100%;
  247. margin-top:10px;
  248.  
  249. }
  250.  
  251. /*creds*/
  252.  
  253. #creds {
  254. position:fixed;
  255. bottom: 3px;
  256. right:3px;
  257. font-size: 8px;
  258. letter-spacing:1px;
  259. font-family:century gothic;
  260. font-weight:lighter;
  261. padding:5px;
  262. -webkit-transition: all .5s ease-in-out;
  263. -moz-transition: all .5s ease-in-out;
  264. -o-transition: all .5s ease-in-out;
  265. }
  266.  
  267. #creds a {
  268. color:#2a2c2c;
  269. }
  270.  
  271. #creds a:hover {
  272. text-decoration:underline;
  273. opacity:0.3;
  274. -webkit-transition: all .5s ease-in-out;
  275. -moz-transition: all .5s ease-in-out;
  276. -o-transition: all .5s ease-in-out;
  277. }
  278.  
  279.  
  280. /*quote*/
  281.  
  282. #titlequote{text-align:left;
  283. font-size:14px;
  284. line-height:18px;
  285. font-weight:bold;
  286. font-family:century gothic;
  287. }
  288. #source {
  289. margin-top:15px;
  290. margin-left:15px;}
  291.  
  292. /*audio*/
  293.  
  294. .player {
  295. width:25px;
  296. height:25px;
  297. overflow:hidden;
  298. position:absolute;
  299. background:white;}
  300.  
  301. .audioinfo {
  302. margin-left:50px;
  303. }
  304.  
  305.  
  306. /*asks*/
  307. .q {margin-bottom:10px;
  308. }
  309. .as {
  310. font-weight:bold;}
  311.  
  312. .a {
  313. margin-top:10px;
  314. }
  315.  
  316.  
  317. /*chat*/
  318.  
  319. .chat ol {
  320. padding:0;
  321. list-style:none;
  322. }
  323. .line {padding:5px 0;}
  324.  
  325. .label {font-weight:bold;
  326. }
  327.  
  328.  
  329.  
  330.  
  331.  
  332. /*permalink and notes*/
  333.  
  334. #permalink {
  335. margin-top:15px;
  336. font-size:9px;
  337. text-transform:uppercase;
  338. }
  339. #permalink a {margin-right:10px;
  340. }
  341.  
  342.  
  343. .tags {
  344. word-break:break-all;
  345. font-size:9px;
  346. }
  347.  
  348. .pagenotes {
  349. {block:IndexPage}
  350. display: none!important;
  351. {/block:IndexPage}
  352. width:500px;
  353. text-align:left;
  354.  
  355. }
  356. .pagenotes img {
  357. display:none!important;}
  358. .pagenotes li {
  359. list-style-type:none;
  360. padding:5px 0px;
  361. text-align:left;
  362. margin:0 0 0 -40px;
  363. }
  364.  
  365.  
  366.  
  367.  
  368. {CustomCSS}
  369.  
  370.  
  371. </style>
  372.  
  373.  
  374.  
  375. </head>
  376.  
  377. <body>
  378.  
  379. <div id="con">
  380.  
  381. <div id="sidebar">
  382. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  383. <div id="blogt">{Title}</div>
  384. <div id="description">{Description}</div>
  385. <div id="links">
  386. <a href="/">home</a>
  387. <a href="/ask">ask</a>
  388. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  389. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  390. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  391. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}
  392. </div>
  393.  
  394.  
  395.  
  396.  
  397. </div>
  398.  
  399.  
  400.  
  401.  
  402. <div id="entries">
  403.  
  404. {block:Posts}
  405. <div id="posts">
  406.  
  407.  
  408. {block:Quote}
  409.  
  410.  
  411. <div id="titlequote">“{Quote}”</div>
  412. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  413. {/block:Quote}
  414.  
  415.  
  416.  
  417. {block:Text}
  418.  
  419. {block:Title}
  420. <div id="title">{Title}</div>{/block:Title}
  421. {Body}
  422. {/block:Text}
  423.  
  424. {block:Link}
  425. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  426. {/block:Link}
  427.  
  428. {block:Chat}
  429. {block:Title}
  430. <h1>{Title}</h1>
  431. {/block:Title}
  432. <div class="chat">
  433. <ol>{block:Lines}
  434. <li class="line {Alt}">
  435. {block:Label}
  436. <span class="label">
  437. {Label}</span>
  438. {/block:Label}{Line}</li>
  439. {/block:Lines}
  440. </ol></div>
  441. {/block:Chat}
  442.  
  443. {block:Photo}
  444. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  445. {/block:Photo}
  446.  
  447. {block:Photoset}
  448. {Photoset-500}
  449. {/block:Photoset}
  450.  
  451. {block:Video}
  452. {Video-500}
  453. {/block:Video}
  454.  
  455. {block:Audio}
  456. <div class="player">{AudioPlayerWhite}</div>
  457. <div class="audioinfo">
  458. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  459. </div>
  460. {/block:Audio}
  461.  
  462. {block:Answer}
  463. <div class="q">
  464. <div class="as">{Asker} said: </div>
  465. {Question}</div>
  466. <div class="a">{Answer}</div>
  467. {/block:Answer}
  468.  
  469. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  470.  
  471. {block:Date}
  472. <div id="permalink">
  473. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  474. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  475. </div>
  476. {/block:Date}
  477.  
  478.  
  479.  
  480. </div>
  481.  
  482.  
  483. {block:PostNotes}
  484. <div class="pagenotes">
  485. {PostNotes}
  486. </div>
  487. {/block:PostNotes}
  488.  
  489.  
  490. {/block:Posts}
  491.  
  492. {block:Pagination}
  493. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">previous</a>{/block:PreviousPage}
  494. {block:JumpPagination length="5"}
  495. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  496. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  497. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}
  498. {/block:Pagination}
  499.  
  500.  
  501.  
  502. </div>
  503.  
  504. </div>
  505.  
  506. <div id="creds"><a href="http://ruebellions.tumblr.com/">Δ</a></div>
  507.  
  508.  
  509.  
  510. {block:ContentSource}
  511. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  512. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  513. {/block:SourceLogo}
  514. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  515. {/block:ContentSource}
  516.  
  517. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement