API tools faq
paste
befuddlement

befuddlement second theme

befuddlement
Nov 19th, 2012
2,031
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- obligatory theft warning:if you steal this theme i will send a llama to eat you. please don’t remove the credit. second theme by hannah at befuddlement.tumblr.com --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:entries" content="#fdfdfd"/>
  14. <meta name="color:side" content="#fdfdfd"/>
  15. <meta name="color:text" content="#b5b5b5"/>
  16. <meta name="color:link" content="#c29198"/>
  17. <meta name="color:link hover" content="#e0e0e0"/>
  18. <meta name="color:sidelinks" content="#ffffff"/>
  19. <meta name="color:sidelinkshov" content="#302b2b"/>
  20. <meta name="color:border" content="#f2f2f2"/>
  21. <meta name="color:bold" content="#b37f87"/>
  22.  
  23. <meta name="image:side" content=""/>
  24. <meta name="image:background" content=""/>
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="link 1" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 Title" content="link 2" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="link 3" />
  32. <meta name="text:Title sub" content="sub title"/>
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  35.  
  36. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  37. <style>
  38. div#qTip {
  39. padding: 4px;
  40. border-right-width: 2px;
  41. border-bottom-width: 2px;
  42. display: none;
  43. font: 8px calibri;
  44. text-align: left;
  45. position: absolute;
  46. z-index: 1000;
  47. background: #ffffff;
  48. color:{color:link};
  49. border: 1px solid #f2f2f2;
  50. border-radius: 1px;
  51. text-transform:uppercase;
  52. letter-spacing: 1px;
  53. }
  54. </style>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. /*--- S C R O L L B A R ---*/
  60.  
  61.  
  62.  
  63. ::-webkit-scrollbar {width: 10px; height:auto; background-color:{color:background};}
  64. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link};}
  65. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:background};}
  66. ::-webkit-scrollbar-thumb {background-color: {color:link};}
  67.  
  68. ::-webkit-scrollbar-corner {padding:2px;background-color:{color:background};}
  69. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background-color:{color:link};}
  70. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 5px; display: block; background-color:{color:link};}
  71.  
  72.  
  73.  
  74.  
  75.  
  76. /*--- B A S E ---*/
  77.  
  78. body {
  79. background-color:{color:background};
  80. background-image:url('{image:Background}');
  81. background-attachment:fixed;
  82. background-repeat:repeat;
  83. margin:0px;
  84. color:{color:text};
  85. font-family: calibri, georgia;
  86. font-size:10px;
  87. line-height:110%;
  88. font-style: none;
  89. }
  90.  
  91. a:link, a:visited, a:active {
  92. color: {color:link};
  93. text-decoration: none;
  94. font-weight: normal;
  95. }
  96.  
  97. a:hover {
  98. color: {color:link hover};
  99. text-decoration: none;
  100. font-weight: normal;
  101. -webkit-transition: opacity 0.7s linear;
  102. opacity: 0.7s;
  103. -webkit-transition: all 0.6s ease-out;
  104. -moz-transition: all 0.6s ease-out;
  105. transition: all 0.6s ease-out;
  106. }
  107.  
  108. b {
  109. color:{color:bold};
  110. }
  111.  
  112. h1 {
  113. font-family:cambria,georgia;
  114. font-size:11px;
  115. letter-spacing:2px;
  116. line-height:170%;
  117. text-transform:uppercase;
  118. font-style:normal;
  119. font-weight:normal;
  120. border:1px solid {color:border};
  121. background-color:{color:background};
  122. }
  123.  
  124. h2 {
  125. font-family:georgia;
  126. font-size:11px;
  127. letter-spacing:1px;
  128. font-style:italic;
  129. font-weight:normal;
  130. }
  131.  
  132. blockquote {
  133. padding:5px 10px 5px 9px;
  134. margin-left:0px;
  135. width:480px;
  136. overflow:hidden;
  137. background-color:{color:entries};
  138. border-left: 1px solid #dadada;
  139. }
  140.  
  141.  
  142. /*--- S I D E ---*/
  143.  
  144.  
  145.  
  146. #sidebar {
  147. width:210px;
  148. height:1000%;
  149. position:fixed;
  150. margin-left:645px;
  151. margin-top:0px;
  152. padding-top:0px;
  153. border: 1px solid {color:border};
  154. background-color:{color:side};
  155. -webkit-box-shadow: 0px 6px 6px -5px #cecece;
  156. -moz-box-shadow: 0px 6px 6px -5px #cecece;
  157. box-shadow: 0px 6px 6px -5px #cecece;
  158. }
  159.  
  160. #side {
  161. margin-left:28px;
  162. }
  163.  
  164.  
  165. #title2 {
  166. font-family: georgia;
  167. letter-spacing:2px;
  168. text-transform:lowercase;
  169. font-style:italic;
  170. text-align:center;
  171. font-size:12px;
  172. margin-left:25px;
  173. padding-top:75px;
  174. width:160px;
  175. z-index:100;
  176. }
  177.  
  178. #titlesub {
  179. font-family: calibri;
  180. letter-spacing:1px;
  181. text-transform:uppercase;
  182. text-align:center;
  183. font-size:8px;
  184. line-height:14px;
  185. margin-left:25px;
  186. padding:2px;
  187. width:160px;
  188. z-index:100;
  189. }
  190.  
  191.  
  192. #sidebarimage {
  193. width: 160px;
  194. }
  195.  
  196. #sidebarimage img {
  197. width:160px;
  198. padding:5px 15px 0px 15px;
  199. margin-bottom:-26px;
  200. margin-left:10px;
  201. -webkit-transition: all 0.9s ease-in-out;
  202. -moz-transition: all 0.9s ease-in-out;
  203. -transition: all 0.9s ease-in-out;
  204. }
  205.  
  206.  
  207. /*--- D E S C R I P T I O N ---*/
  208.  
  209. .desc {
  210. width:159px;
  211. text-align:center;
  212. font-family: georgia;
  213. overflow:hidden;
  214. font-size:9px;
  215. font-style:italic;
  216. letter-spacing:0px;
  217. margin-top:3px;
  218. margin-left:15px;
  219. margin-bottom:5px;
  220. padding:8px 10px 7px 10px;
  221. }
  222.  
  223. /*--- N A V I G A T I O N ---*/
  224.  
  225.  
  226. #sidelink a {
  227. width:44px;
  228. margin:1px 1px 3px 1px;
  229. border: 1px solid {color:border};
  230. display:inline-block;
  231. background-color:{color:sidelinks};
  232. font-size:8px;
  233. font-family: calibri, georgia;
  234. color:{color:link};
  235. letter-spacing: 2px;
  236. text-align:center;
  237. text-transform: uppercase;
  238. padding:3px 1px 2px 1px;
  239. }
  240.  
  241. #sidelink a:hover {
  242. background-color:{color:sidelinkshov};
  243. border: 1px solid {color:sidelinkshov};
  244. color:{color:link hover};
  245. -webkit-transition: opacity 0.7s linear;
  246. opacity: 0.7s;
  247. -webkit-transition: all 0.6s ease-out;
  248. -moz-transition: all 0.6s ease-out;
  249. transition: all 0.6s ease-out;}
  250.  
  251. #sidelinkm a{
  252. opacity:0;
  253. width:44px;
  254. margin:4px 1px 8px 1px;
  255. display:inline-block;
  256. border: 1px solid {color:border};
  257. background-color:{color:sidelinks};
  258. font-size:8px;
  259. font-family: calibri, georgia;
  260. color:{color:link};
  261. letter-spacing: 2px;
  262. text-align:center;
  263. text-transform: uppercase;
  264. padding:3px 1px 2px 1px;
  265. -webkit-transition: opacity 0.7s linear;
  266. opacity: 0.7s;
  267. -webkit-transition: all 0.6s ease-out;
  268. -moz-transition: all 0.6s ease-out;
  269. transition: all 0.6s ease-out;}
  270.  
  271. #sidelinkm a:hover {
  272. opacity:1;
  273. background-color:{color:sidelinkshov};
  274. border: 1px solid {color:sidelinkshov};
  275. color:{color:link hover};
  276. -webkit-transition: opacity 0.7s linear;
  277. opacity: 0.7s;
  278. -webkit-transition: all 0.6s ease-out;
  279. -moz-transition: all 0.6s ease-out;
  280. transition: all 0.6s ease-out;}
  281.  
  282. #sidebar:hover #sidelinkm a{
  283. opacity:1;
  284. -webkit-transition: opacity 0.7s linear;
  285. opacity: 0.7s;
  286. -webkit-transition: all 0.6s ease-out;
  287. -moz-transition: all 0.6s ease-out;
  288. transition: all 0.6s ease-out;
  289. }
  290.  
  291.  
  292.  
  293. /*--- P A G I N A T I O N ---*/
  294.  
  295. #pagination {
  296. width:160px;
  297. font-family:georgia;
  298. text-align:center;
  299. font-size:8px;
  300. margin-left:25px;
  301. padding-top:5px;
  302. margin-bottom:5px;
  303. text-transform: lowercase;
  304. }
  305.  
  306. .pagination a {
  307. padding: 2px 4px 2px 4px;
  308. color:{color:link};
  309. font-style:italic;
  310. border:1px solid {color:border};
  311. background-color:{color:sidelinks};
  312. }
  313.  
  314. .pagination a:visited {
  315. color:{color:link};
  316. text-decoration:none;
  317. }
  318.  
  319. .pagination a:hover {
  320. color:{color:link hover};
  321. border:1px solid {color:sidelinkshov};
  322. background-color:{color:sidelinkshov};
  323. }
  324.  
  325. /*--- E N T R I E S ---*/
  326.  
  327. #entries {
  328. margin-top:0px;
  329. width:522px;
  330. top:5px;
  331. text-align:left;
  332. margin-left:55px;
  333. padding-right:50px;
  334. padding-top:50px;
  335. border-right:1px solid color:{color:border};
  336. }
  337.  
  338. #post {
  339. margin-bottom:55px;
  340. width:500px;
  341. padding-top:15px;
  342. padding-left:15px;
  343. padding-right:15px;
  344. padding-bottom:0px;
  345. background-color: {color:entries};
  346. border:1px solid {color:border};
  347. -webkit-box-shadow: 0px 6px 6px -5px #cecece;
  348. -moz-box-shadow: 0px 6px 6px -5px #cecece;
  349. box-shadow: 0px 6px 6px -5px #cecece;
  350.  
  351. }
  352.  
  353. /*--- I N F O ---*/
  354.  
  355. #info {
  356. opacity:1;
  357. text-transform:uppercase;
  358. font-family:calibri;
  359. letter-spacing:1px;
  360. line-height:4px;
  361. font-size: 8px;
  362. width:498px;
  363. margin-left:0px;
  364. margin-top:10px;
  365. border-top:2px solid {color:border};
  366. text-align:left;
  367. padding-bottom:3px;
  368. padding-right:1px;
  369. padding-left:1px;
  370. color:{color:text};
  371. }
  372.  
  373. #info a {
  374. opacity:0;
  375. -webkit-transition: opacity 0.7s linear;
  376. opacity: 0.7s;
  377. -webkit-transition: all 0.6s ease-out;
  378. -moz-transition: all 0.6s ease-out;
  379. transition: all 0.6s ease-out;
  380. }
  381.  
  382. #info a:link {
  383. color:{color:link};
  384.  
  385. }
  386.  
  387. #info a:hover {
  388. color:{color:link hover};
  389. -webkit-transition: opacity 0.7s linear;
  390. opacity: 0.7s;
  391. -webkit-transition: all 0.6s ease-out;
  392. -moz-transition: all 0.6s ease-out;
  393. transition: all 0.6s ease-out;
  394. }
  395.  
  396. #post:hover #info a {opacity:1;
  397. -webkit-transition: opacity 0.7s linear;
  398. opacity: 0.7s;
  399. -webkit-transition: all 0.6s ease-out;
  400. -moz-transition: all 0.6s ease-out;
  401. transition: all 0.6s ease-out}
  402.  
  403. /*--- T A G S ---*/
  404.  
  405. #tags {
  406. width:490px;
  407. margin-top:-5px;
  408. text-transform:uppercase;
  409. text-align:center;
  410. font-size:8px;
  411. letter-spacing:1px;
  412. line-height:11px;
  413. padding:3px 0px 12px 0px;
  414. background-color: {color:entries};
  415. border-top:
  416. }
  417.  
  418. #tags a {
  419. padding:2px 0px;
  420. }
  421.  
  422. #tags a:hover {
  423. color:{color:link hover};
  424. -webkit-transition: opacity 0.7s linear;
  425. opacity: 0.7s;
  426. -webkit-transition: all 0.6s ease-out;
  427. -moz-transition: all 0.6s ease-out;
  428. transition: all 0.6s ease-out;
  429. }
  430.  
  431. /*--- C R E D I T ---*/
  432.  
  433. .credit {
  434. padding:6px;
  435. color:{color:links};
  436. border:3px double #f2f2f2;
  437. background-color: {color:side};
  438. -webkit-transition: opacity 0.7s linear;
  439. opacity: 0.7s;
  440. -webkit-transition: all 0.6s ease-out;
  441. -moz-transition: all 0.6s ease-out;
  442. transition: all 0.6s ease-out;
  443. }
  444.  
  445. /*--- O T H E R ---*/
  446.  
  447. #ask {
  448. float:left;
  449. margin-right:5px;
  450. }
  451.  
  452. .qsource {
  453. text-align:right;
  454. }
  455.  
  456. {CustomCSS}</style>
  457.  
  458.  
  459. </head><body>
  460.  
  461. <div id="sidebar">
  462. <div id="title2">{Title}</div>
  463. <div id="titlesub">{text:Title sub}</div>
  464. <div id="sidebarimage">
  465. <img src="{image:side}" /></div>
  466. <div id="side">
  467. <div id="sidelinkm">
  468. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  469. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  470. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  471. </div>
  472. <div id="sidelink">
  473. <a href="/">home</a>
  474. <a href="/ask">ask</a>
  475. <a href="/archive">past</a></div>
  476. </div>
  477.  
  478.  
  479. <div class="desc">
  480. {Description}</div>
  481.  
  482.  
  483.  
  484. <div id="pagination">
  485. {block:Pagination}<div class="pagination">
  486. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  487. {block:JumpPagination length="5"}{block:CurrentPage}
  488. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  489. {/block:CurrentPage}
  490. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  491. {/block:JumpPagination}
  492. {block:NextPage}<a href="{NextPage}">→</a> {/block:NextPage}
  493. </div>{/block:Pagination}
  494. </div>
  495.  
  496.  
  497.  
  498. </div>
  499.  
  500.  
  501.  
  502. </div>
  503.  
  504. <div id="entries">{block:Posts}<div id="post">
  505. {block:ContentSource}
  506. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  507. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  508. {/block:SourceLogo}
  509. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  510. {/block:ContentSource}
  511.  
  512. {block:Text}<h1><center>{block:Title}{Title}{/block:Title}</center></h1>{Body}{/block:Text}
  513.  
  514. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  515.  
  516. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  517.  
  518. {block:Quote}<h2>"{Quote}"</h2>
  519. {block:Source}<div class="qsource"> —{Source}</div>{/block:Source}{/block:Quote}
  520.  
  521. {block:Link}<h1><center><a href="{URL}" {Target}>{Name} →</a></center></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  522.  
  523. {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}<div style="line-height:14.5px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  524.  
  525. {block:Audio}<div style="border:1px solid {color:border}; background-color:#ffffff;">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  526.  
  527. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  528.  
  529. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-0}"></div><h2>{Asker} asked: {Question}</h2>{Answer}{/block:Answer}
  530.  
  531.  
  532. <div id="info"><table><tr><td width="250px" style="font-size:8px;">{block:Date}<a href="{Permalink}">{ShortMonth} {DayofMonth}</a> {/block:Date} {block:NoteCount} &nbsp; <a href="{Permalink}">({NoteCount})</a>{/block:NoteCount} </td><td width="250px" style="font-size:8px; text-align: right;"> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> &nbsp; <a href="{ReblogRootURL}" title="{ReblogRootName}">(source)</a> <br>{/block:RebloggedFrom}</td></tr></table></div>
  533. <div id="tags">{block:HasTags}{block:Tags}&nbsp;#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  534.  
  535. </div>
  536.  
  537.  
  538.  
  539. </div>
  540.  
  541. {block:PostNotes}{PostNotes}{/block:PostNotes}
  542. {/block:Posts}
  543.  
  544. <div style="text-align:right; position:fixed; bottom:10px; right:15px;"><div class="credit"><a href="http://befuddlement.tumblr.com/">TH</a></div></div>
  545.  
  546. </div>
  547.  
  548. </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!