API tools faq
paste
BakedBeanFart

theme 02: connected

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