API tools faq
paste
bigjettardis

BJTheme 07

bigjettardis
Mar 30th, 2013
3,256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- theme 07 by Archana (grizzlysbear) --->
  9. <!---- web fonts ---->
  10. <link href='http://fonts.googleapis.com/css?family=Lobster|Alex+Brush|Source+Code+Pro|Loved+by+the+King' rel='stylesheet' type='text/css'>
  11. <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  12. <!---- metas ---->
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Posts" content="#ffffff"/>
  15. <meta name="color:Sidebar" content="#000000"/>
  16. <meta name="color:Post Background" content="#e2d5e6"/>
  17. <meta name="color:Text" content="#838282"/>
  18. <meta name="color:Link" content="#51505c"/>
  19. <meta name="color:Link Hover" content="#7c3a88"/>
  20. <meta name="color:Border" content="#bda4aa">
  21. <meta name="color:Scrollbar" content="#f7c7db"/>
  22. <meta name="color:Selection" content="#000000"/>
  23. <meta name="color:Sidebar Link 1" content="#a27e86">
  24. <meta name="color:Sidebar Link 2" content="#44283e">
  25. <meta name="color:Sidebar Text" content="#ffffff">
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="image:Sidebar Background" content=""/>
  28. <meta name="text:Link1 Title" content="link 1"/>
  29. <meta name="text:Link1 Url" content=""/>
  30. <meta name="text:Link2 Title" content="link 2"/>
  31. <meta name="text:Link2 Url" content=""/>
  32. <meta name="text:Link3 Title" content="link 3"/>
  33. <meta name="text:Link3 Url" content=""/>
  34. <meta name="text:Link4 Title" content="link 4"/>
  35. <meta name="text:Link4 Url" content=""/>
  36. <meta name="text:Link5 Title" content="link 5"/>
  37. <meta name="text:Link5 Url" content=""/>
  38. <meta name="text:Link6 Title" content="link 6"/>
  39. <meta name="text:Link6 Url" content=""/>
  40. <meta name="text:Link7 Title" content="link 7"/>
  41. <meta name="text:Link7 Url" content=""/>
  42. <meta name="text:Link8 Title" content="link 8"/>
  43. <meta name="text:Link8 Url" content=""/>
  44. <meta name="if:Post Background" content="1" />
  45. <meta name="if:Cursive Title" content="1" />
  46. <style type="text/css">
  47. ::selection {
  48. background:{color:Selection};
  49. color: #ffffff;
  50. }
  51.  
  52. ::-moz-selection {
  53. background: {color:Selection};
  54. color: #ffffff;
  55. }
  56.  
  57. ::-webkit-selection {
  58. background: {color:Selection};
  59. color: #ffffff;
  60. }
  61. ::-webkit-scrollbar {
  62. width: 7px;
  63. background-color: transparent;
  64. }
  65.  
  66. ::-webkit-scrollbar-track-piece {
  67. background-color: transparent;
  68. -webkit-border-radius:10px;
  69. }
  70.  
  71. ::-webkit-scrollbar-button:start:decrement,
  72. ::-webkit-scrollbar-button:end:increment {
  73. height: 0px;
  74. display: block;
  75. background: transparent;
  76. }
  77.  
  78. ::-webkit-scrollbar-thumb{
  79. background-color: {color:Scrollbar};
  80. -webkit-border-radius:0px;
  81. border:none;
  82. }
  83. body {
  84. line-height: 1;
  85. background:{color:background};
  86. margin:0px;
  87. color:{color:text};
  88. font-family:Calibri;
  89. font-size: 11px;
  90. line-height:100%;
  91. }
  92.  
  93. a, a:active, a:visited{
  94. padding: 1.5px;
  95. text-decoration: none;
  96. color: {color:Link};
  97. font-style: normal;
  98. opacity:0.95;
  99. filter:alpha(opacity=60);
  100. -webkit-transition: all .5s ease-in-out;
  101. -moz-transition: all .5s ease-in-out;
  102. -o-transition: all .5s ease-in-out;
  103. -ms-transition: all .5s ease-in-out;
  104. }
  105.  
  106. a:hover{
  107. padding: 1.5px;
  108. color:{color:Posts};
  109. color: {color:Link Hover};
  110. opacity:1.0;
  111. filter:alpha(opacity=100);
  112. -webkit-transition: all .5s ease-in-out;
  113. -moz-transition: all .5s ease-in-out;
  114. -o-transition: all .5s ease-in-out;
  115. -ms-transition: all .5s ease-in-out;
  116. }
  117.  
  118. h1 {
  119. font-size:25px;
  120. font-style: none;
  121. text-align: center;
  122. {block:ifCursiveTitle}
  123. font-family: 'Loved by the King', cursive;
  124. {/block:ifCursiveTitle}
  125. letter-spacing: 2;
  126. }
  127.  
  128. #sidebar{
  129. background-color: {color:Sidebar};
  130. width: 400px;
  131. height: 100%;
  132. top: 0px;
  133. left: 0px;
  134. position: fixed;
  135. background-image: url('{image:Sidebar Background}');
  136. background-size: auto 100%;
  137. }
  138.  
  139. #picture{
  140. position:fixed;
  141. top: 150px;
  142. left: 100px;}
  143.  
  144. .transition
  145. {-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  146.  
  147. #topbox{
  148. width: 200px;
  149. height: 100px;
  150. overflow: hidden;
  151. }
  152.  
  153. #top{
  154. width: 200px;
  155. height: 100px;
  156. overflow: hidden;
  157. }
  158. #bottom{
  159. margin-top:-5px;
  160. width: 200px;
  161. height: 100px;
  162. overflow: hidden;
  163. }
  164.  
  165. #desc{
  166. float:left;
  167. width:160px;
  168. height:50px;
  169. opacity:1;
  170. padding:20px;
  171. color: {color:Sidebar Text};
  172. font-size: 12px;
  173. }
  174.  
  175. #sidebar:hover #topbox{
  176. height: 200px;
  177. margin-top: -25px;
  178. }
  179.  
  180. #sidebar:hover #bottom{
  181. margin-top:-10px;
  182. }
  183. #desc a{background-color: {color:background};} #desc{line-height: 1.5; text-align: center;
  184. overflow-x:hidden; overflow-y:scroll;}
  185.  
  186. #title{
  187. width: 400px;
  188. left: 0px;
  189. height: 50px;
  190. z-index: 10;
  191. top: 500px;
  192. position: fixed;
  193. border-top: 5px solid {color:Sidebar Link 1};
  194. border-bottom: 5px solid {color:Sidebar Link 1};
  195. background-color: transparent;
  196. }
  197.  
  198. #sidebarlinks{
  199. width: 400px;
  200. left: 0px;
  201. height: 50px;
  202. z-index: 20;
  203. top: 500px;
  204. position: fixed;
  205. opacity: 0;
  206. }
  207.  
  208. #sidebarlinks .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8{
  209. text-align: center;
  210. text-transform: uppercase;
  211. margin: 5px;
  212. width: 50px;
  213. padding: 5px;
  214. position: fixed;
  215. background-color: {color:Sidebar Link 1};
  216. border-left: 15px solid {color:Sidebar Link 1};
  217. border-right: 15px solid {color:Sidebar Link 1};
  218. -webkit-transition: all .5s ease-in-out;
  219. -moz-transition: all .5s ease-in-out;
  220. -o-transition: all .5s ease-in-out;
  221. -ms-transition: all .5s ease-in-out;
  222. }
  223.  
  224. #sidebarlinks a{
  225. color: {color:Sidebar Text};
  226. }
  227.  
  228. #sidebarlinks .l1:hover, .l2:hover, .l3:hover, .l4:hover, .l5:hover, .l6:hover, .l7:hover, .l8:hover{
  229. border-left: 15px solid {color:Sidebar Link 2};
  230. border-right: 15px solid {color:Sidebar Link 2};
  231. background-color: transparent;
  232. }
  233.  
  234. .l1{ left: 0px;}
  235. .l2{ left: 100px;}
  236. .l3{ left: 200px;}
  237. .l4{ left: 300px;}
  238. .l5{ left: 0px; top: 530px;}
  239. .l6{ left: 100px; top: 530px;}
  240. .l7{ left: 200px; top: 530px;}
  241. .l8{ left: 300px; top: 530px;}
  242. #sidebar:hover #sidebarlinks{opacity:1;}
  243.  
  244. #sidebar:hover #title{opacity:0;}
  245.  
  246. #pagination {
  247. text-align:center;
  248. width: 200px;
  249. left: 100px;
  250. height: 50px;
  251. z-index: 20;
  252. top: 575px;
  253. position: fixed;
  254. opacity: 1;
  255. }
  256. .jump_page {
  257. padding: 4px 8px;
  258. border: 2px solid {color:Sidebar Link 2};
  259. background-color: {color:Background};
  260. color: {color:Sidebar Link 1};
  261. font-family:century gothic;
  262. font-size:11px;
  263. text-decoration:none;
  264. }
  265.  
  266. .current_page, .jump_page:hover {
  267. padding: 4px 8px;
  268. border: 2px solid {color:Sidebar Link 1};
  269. background-color: {color:Sidebar Link 2};
  270. color: {color:Background};
  271. font-family:century gothic;
  272. font-size:11px;
  273. text-decoration:none;
  274. }
  275.  
  276. /* Post Style */
  277.  
  278. #entries {
  279. line-height: 1;
  280. padding:35px;
  281. width: 525px;
  282. margin-left:600px;
  283. margin-top: 0px;
  284. }
  285.  
  286. #post {
  287. width:500px;
  288. padding:20px;
  289. font-size: 11px;
  290. background-color: {color:Background};
  291. z-index: 1;
  292. -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
  293. box-shadow: 0 1px 3px rgba(0,0,0,0.2);;
  294. }
  295.  
  296. #post a:hover{
  297. color: {color:Background};
  298. background-color: {color:Link Hover};
  299. }
  300.  
  301. #info {
  302. width:500px;
  303. text-align:center;
  304. margin-left: 0px;
  305. margin-top: 20px;
  306. }
  307.  
  308. .sourcevia{
  309. padding: 3px;
  310. color: {color:Background};
  311. text-transform: uppercase;
  312. width: 160px;
  313. background-color: {color:Border};
  314. paddind: 5px;
  315. margin-left: 340px;
  316. margin-top: -16px;
  317. box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  318. -webkit-transition: all .5s ease-in-out;
  319. -moz-transition: all .5s ease-in-out;
  320. -o-transition: all .5s ease-in-out;
  321. -ms-transition: all .5s ease-in-out;
  322. }
  323.  
  324. .postdate{
  325. padding: 3px;
  326. text-transform: uppercase;
  327. width: 160px;
  328. background-color: {color:Border};
  329. color: {color:Background};
  330. paddind: 5px;
  331. float: left;
  332. box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  333. -webkit-transition: all .5s ease-in-out;
  334. -moz-transition: all .5s ease-in-out;
  335. -o-transition: all .5s ease-in-out;
  336. -ms-transition: all .5s ease-in-out;
  337. }
  338. .postdate:hover{
  339. background-color: {color:Link Hover};
  340. -webkit-transition: all .5s ease-in-out;
  341. -moz-transition: all .5s ease-in-out;
  342. -o-transition: all .5s ease-in-out;
  343. -ms-transition: all .5s ease-in-out;
  344. }
  345. .datepost:hover{
  346. background-color: {color:Link Hover};
  347. -webkit-transition: all .5s ease-in-out;
  348. -moz-transition: all .5s ease-in-out;
  349. -o-transition: all .5s ease-in-out;
  350. -ms-transition: all .5s ease-in-out;
  351. }
  352. .sourcevia:hover{
  353. background-color: {color:Link Hover};
  354. -webkit-transition: all .5s ease-in-out;
  355. -moz-transition: all .5s ease-in-out;
  356. -o-transition: all .5s ease-in-out;
  357. -ms-transition: all .5s ease-in-out;
  358. }
  359. .postdate a, .datepost a, .sourcevia a{
  360. color: {color:Background};}
  361. .datepost{
  362. padding: 3px;
  363. text-transform: uppercase;
  364. width: 160px;
  365. background-color: {color:Border};
  366. color: {color:Background};
  367. paddind: 5px;
  368. margin-left: 170px;
  369. box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  370. -webkit-transition: all .5s ease-in-out;
  371. -moz-transition: all .5s ease-in-out;
  372. -o-transition: all .5s ease-in-out;
  373. -ms-transition: all .5s ease-in-out;
  374. }
  375. .quote{
  376. line-height: 1;
  377. font-size: 20px;
  378. font-style: normal;
  379. font-family: 'Lobster';
  380. }
  381. ul.chat {
  382. margin: 0 0 0 0;
  383. padding: 0 0 0 0;
  384. }
  385. .chat li {
  386. list-style-type: none;
  387. margin-left: 0px;
  388. padding: 3px;
  389. }
  390. .chat li.odd {
  391. background-color: transparent;
  392. border-left: 5px solid {color:Sidebar Link 1};
  393. margin-bottom: 3px;
  394. }
  395. .chat li.even {
  396. background-color: transparent;
  397. border-left: 5px solid {color:Sidebar Link 2};
  398. margin-bottom: 3px;
  399. }
  400.  
  401. .mbutton {width: 20px;
  402. height: 30px;
  403. overflow: hidden;
  404. position: relative;
  405. z-index: 1000;
  406. margin: 15px 24px 13px 16px;}
  407.  
  408. .mbox {background-color: #000;
  409. position: absolute;
  410. z-index: 1000;
  411. margin-top: 50px;
  412. margin-left: 45px;
  413. -webkit-border-radius: 100px;
  414. -moz-border-radius: 100px;
  415. border-radius: 100px;
  416. opacity: 0.5;}
  417.  
  418. .cover img{ width: 150px; height: 150px;}
  419.  
  420. .minfo{
  421. font-size: 12px;
  422. margin-left: 225px;
  423. text-align: left;
  424. margin-top: -115px;
  425. padding-bottom: 50px;
  426. }
  427.  
  428. #asker {
  429. float:left;
  430. margin-right:5px;
  431. border: 3px solid {color:Border};
  432. }
  433. .quest a{
  434. letter-spacing: 2px;
  435. font-size: 14px;
  436. font-family:'Lobster'
  437. }
  438. .quest{
  439. width: 500px;
  440. border-bottom: 2px dotted {color:Border};
  441. }
  442.  
  443. #linkboxcredit a{
  444. padding: 10px;
  445. line-height: 1;
  446. background-color: transparent;
  447. z-index: 500;
  448. background-size: 40px 40px;
  449. position: fixed;
  450. width: 50px;
  451. height: auto;
  452. bottom: 0px;
  453. right: 20px;
  454. text-align: center;
  455. font-size: 12px;
  456. background-repeat:no-repeat;
  457. opacity:0.5;
  458. filter:alpha(opacity=60);
  459. -webkit-transition: all 1s ease-in-out;
  460. -moz-transition: all 1s ease-in-out;
  461. -o-transition: all 1s ease-in-out;
  462. -ms-transition: all 1s ease-in-out;
  463. }
  464.  
  465. #linkboxcredit a:hover{
  466. opacity:1;
  467. filter:alpha(opacity=60);
  468. -webkit-transition: all .7s ease-in-out;
  469. -moz-transition: all .7s ease-in-out;
  470. -o-transition: all .7s ease-in-out;
  471. -ms-transition: all .7s ease-in-out;
  472. }
  473.  
  474. iframe#tumblr_controls {
  475.  
  476. top: 0% !important;
  477.  
  478. right:0% !important;
  479.  
  480. position: fixed !important;
  481.  
  482. }
  483. </style>
  484. </head>
  485. <body>
  486. <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
  487. <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  488.  
  489. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a></div>
  490.  
  491. {/block:ContentSource}</div>
  492.  
  493. <div id="linkboxcredit"><a href="http://grizzlysbear.tumblr.com/">©grizzlysbear</a> </div>
  494.  
  495.  
  496. <div id="sidebar">
  497. <div id="picture" class="transition">
  498.  
  499. <div id="topbox" class="transition">
  500.  
  501. <div id="top" class="transition">
  502. <img height="200px" width="200px" src="{image:Sidebar}">
  503. </div>
  504.  
  505. <div id="desc" class="transition">{Description}</div>
  506.  
  507. </div>
  508. <div id="bottom" class="transition">
  509. <img height="200px" width="200px" style="margin-top:-100px;" src="{image:Sidebar}">
  510. </div>
  511. </div>
  512.  
  513. <div id="title" class="transition"><h1>{Title}</h1></div>
  514. <div id="sidebarlinks" class="transition">
  515. <div class="l1"> <a href="{text:Link1 Url}">{text:Link1 Title}</a></div>
  516. <div class="l2"> <a href="{text:Link2 Url}">{text:Link2 Title}</a></div>
  517. <div class="l3"> <a href="{text:Link3 Url}">{text:Link3 Title}</a></div>
  518. <div class="l4"> <a href="{text:Link4 Url}">{text:Link4 Title}</a></div>
  519. <div class="l5"> <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
  520. <div class="l6"> <a href="{text:Link6 Url}">{text:Link6 Title}</a></div>
  521. <div class="l7"> <a href="{text:Link7 Url}">{text:Link7 Title}</a></div>
  522. <div class="l8"> <a href="{text:Link8 Url}">{text:Link8 Title}</a></div>
  523. </div>
  524.  
  525. <div id="pagination">
  526. {block:Pagination}
  527. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  528. {block:JumpPagination length="3"}
  529. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  530. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  531. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  532. {/block:Pagination}
  533. </div>
  534.  
  535. </div>
  536.  
  537.  
  538. <div id="entries">{block:Posts}<div id="post">
  539.  
  540. {block:Text}<h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>{Body}{/block:Text}
  541.  
  542. {block:Photo} <div class="post"> <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Photo}
  543.  
  544. {block:Photoset} <div class="post"> <center>{Photoset-500}</center> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Photoset}
  545.  
  546. {block:Quote} <div class="post"> <div class="quote">"{Quote}"</div></br> {block:Source} <div class="source">{Source}</div> {/block:Source} </div> {/block:Quote}
  547.  
  548. {block:Link} <div class="post"> <center><h1><a href="{URL}" class="link" {Target}>{Name}</a></h1></center> {block:Description} <div class="description">{Description}</div> {/block:Description} </div>
  549. {/block:Link}
  550.  
  551. {block:Chat} <div class="post"> {block:Title} <h1><a href="{Permalink}">{Title}</a></h1> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </div> {/block:Chat}
  552.  
  553. {block:Video} <div class="post"> <center>{Video-500}</center> {block:Caption} <div class="caption"> Caption}</div> {/block:Caption} </div> {/block:Video}
  554.  
  555. {block:Audio}
  556. <div class="mbox"><div class="mbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  557. {block:AlbumArt}
  558. <div class="cover">
  559. <img src="{AlbumArtURL}">
  560. </div>
  561. {/block:AlbumArt}
  562. <div class="minfo">
  563. <br>{block:Artist}Artist: <b>{Artist}</b>{/block:Artist}</br>
  564. <br>{block:TrackName}Track: <b>{TrackName}</b>{/block:TrackName}</br>
  565. <br>{block:Album}Album: <b>{Album} </b>{/block:Album}</br>
  566. </div>
  567. {/block:Audio}
  568.  
  569. {block:Answer}<div class="quest"><div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}</div><br>{Answer}{/block:Answer}
  570.  
  571. <div id="info">
  572. <div class="postdate">
  573. {block:Date}posted {TimeAgo}{/block:Date}</div><div class="datepost"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}
  574. </div>
  575. <div class="sourcevia">
  576. <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a> - <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> {/block:RebloggedFrom}</div> <br>{block:HasTags}{block:Tags}#<a href="{TagURL}" class="tag"> {Tag}</a>{/block:Tags}{/block:HasTags}</br></div>
  577. <br></br>
  578. </div><br></br><br></br><br></br><br></br>
  579. {block:PostNotes}{PostNotes}{/block:PostNotes}
  580. {/block:Posts}</div>
  581.  
  582. </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!