API tools faq
paste
Advertisement
briqhter

theme 10 by Sabina

briqhter
Jun 1st, 2014
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.25 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 10 by Sabina (briqhter/cutiephil)
  3. please do not remove the credit
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:90,
  19. tip_fade_speed:600,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/j67pgdq/a0gmqh0bn/hover.js"></script>
  28.  
  29. <script type="text/javascript">
  30. <!--
  31.  
  32. // Disable Right Click Script
  33.  
  34. function IE(e)
  35. {
  36. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  37. {
  38. return false;
  39. }
  40. }
  41. function NS(e)
  42. {
  43. if (document.layers || (document.getElementById && !document.all))
  44. {
  45. if (e.which == "2" || e.which == "3")
  46. {
  47. return false;
  48. }
  49. }
  50. }
  51. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  52.  
  53. //-->
  54. </script>
  55.  
  56. <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58.  
  59. <!--DEFAULT VARIABLES-->
  60. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  61. <meta name="color:background" content="#fff"/>
  62. <meta name="color:link" content="#575757"/>
  63. <meta name="color:text" content="#8c8c8c"/>
  64. <meta name="color:title" content="#575757"/>
  65. <meta name="color:hover" content="#8c8c8c"/>
  66. <meta name="color:borders" content="#dddddd"/>
  67. <meta name="color:scrollbar" content="#e7d1b8"/>
  68. <meta name="color:blogtitle" content="#dfc3b7"/>
  69. <meta name="image:sidebar1" content="http://static.tumblr.com/bgzjy3u/HFnn6hhr7/165px_x_233px.png"/>
  70. <meta name="image:sidebar2" content="http://static.tumblr.com/bgzjy3u/WqHn6hht8/165px_x_233px_pink.png"/>
  71. <meta name="image:background" content="1"/>
  72. <meta name="text:blogtitle" content="title"/>
  73.  
  74. <meta name="text:link 1" content="/"/>
  75. <meta name="text:link 2" content="/"/>
  76. <meta name="text:link 3" content="/"/>
  77. <meta name="text:link 4" content="/"/>
  78. <meta name="text:link 5" content="/"/>
  79. <meta name="text:link 6" content="http://briqhter.tumblr.com"/>
  80. <meta name="text:link 1 title" content="home"/>
  81. <meta name="text:link 2 title" content="message"/>
  82. <meta name="text:link 3 title" content="navigation"/>
  83. <meta name="text:link 4 title" content="other"/>
  84. <meta name="text:link 5 title" content="other"/>
  85. <meta name="text:link 6 title" content="theme credit"/>
  86.  
  87. <meta name="color:hover msg" content="#d7c0a1"/>
  88. <meta name="color:permalink" content="#f7eee2"/>
  89. <meta name="color:permalink link" content="#dfc2b7"/>
  90. <meta name="color:text permalink" content="#dfc2b7"/>
  91. <meta name="color:entry border" content="#fbf5f1"/>
  92. <meta name="color:sidebar border 1" content="#f4e4d7"/>
  93. <meta name="color:sidebar border 2" content="#efdecc"/>
  94. <meta name="color:sidebar border 3" content="#fbf6f1"/>
  95. <meta name="color:link one" content="#f4ded7"/>
  96. <meta name="color:link two" content="#f4ded7"/>
  97. <meta name="color:link three" content="#f4ded7"/>
  98. <meta name="color:link four" content="#f4ded7"/>
  99. <meta name="color:link five" content="#f4ded7"/>
  100. <meta name="color:link six" content="#f4ded7"/>
  101. <meta name="color:stat one" content="#f4ded7"/>
  102. <meta name="color:stat two" content="#f4ded7"/>
  103. <meta name="color:extras title" content="#f0e3df"/>
  104. <meta name="color:description" content="#efdbcc"/>
  105. <meta name="color:topbar" content="#fbf1f1"/>
  106. <meta name="color:topbar border" content="#f4e4d7"/>
  107.  
  108. <meta name="text:stat one" content="statistic one"/>
  109. <meta name="text:stat two" content="statistic two"/>
  110. <meta name="text:description title" content="+Your name ;"/>
  111. <meta name="text:quote" content="quote"/>
  112.  
  113. <meta name="image:extras" content="http://media.tumblr.com/00de7fa6e6f902c5db6acbb4ca7afce2/tumblr_inline_mz9alcKJZ41s1hslp.gif"/>
  114.  
  115. <meta name="if:topbar" content="1">
  116. <meta name="if:faded posts" content="1">
  117. <meta name="if:grayscale image" content="1">
  118. <meta name="if:entry border" content="1">
  119. <meta name="if:centered title" content="1">
  120.  
  121. <style type="text/css">
  122.  
  123.  
  124. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  125.  
  126. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  127.  
  128. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  129.  
  130. #s-m-t-tooltip {
  131. max-width:300px;
  132. padding:2px;
  133. padding-left:5px;
  134. padding-right:5px;
  135. margin:0px 0px 0px 30px;
  136. background: white;
  137. border:1px solid {color:hover msg};
  138. color: {color:hover msg};
  139. font-size:10px;
  140. letter-spacing:0px;
  141. z-index:999999999999999999999999999999999999;
  142. }
  143.  
  144. p {
  145. margin:0px;
  146. margin-top:0px;
  147. }
  148.  
  149.  
  150. body {
  151. padding: 0px;
  152. margin: 0px;
  153. color:{color:text};
  154. font-family: calibri;
  155. line-height:12px;
  156. font-size:11px;
  157. background-color: {color:Background};
  158. background-image:url({image:Background});
  159. background-attachment: fixed;
  160. background-repeat: repeat;
  161. }
  162.  
  163.  
  164. a:link, a:active, a:visited{
  165. text-decoration: none;
  166. -webkit-transition: color 0.3s ease-out;
  167. -moz-transition: color 0.3s ease-out;
  168. transition: color 0.3s ease-out;
  169. color:{color:link};
  170. }
  171.  
  172. a:hover {
  173. text-decoration: none;
  174. color: {color:Hover};
  175. }
  176.  
  177. #ask{
  178. margin-left:0px;
  179. padding: 5px;
  180. min-height:30px;
  181. background: #fafafa;
  182. line-height:14px;
  183. text-align: left;
  184. line-height: 12px;
  185. }
  186.  
  187. #ask img{
  188. opacity:1;
  189. width:30px;
  190. outline:1px solid #fff;
  191. outline-offset:-2px;
  192. padding:0px;
  193. border:0px;
  194. float: left;
  195. }
  196.  
  197. #ask a{
  198. font-size:18px;
  199. font-family: belle;
  200. color:{color:permalink link};
  201. }
  202.  
  203. #ans{
  204. margin-top: 5px;
  205. height:auto;
  206. padding: 5px;
  207. margin-bottom:-5px;
  208. line-height: 12px;
  209. text-align:center;
  210. }
  211.  
  212. ::-webkit-scrollbar {width: 4px; height: 4px; background: white; }
  213. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1ex; }
  214.  
  215. /*FONTS*/
  216.  
  217. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/s/jthjnqvyr82e8cj/La%20Belle%20Aurore.ttf'); }
  218.  
  219. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  220. .entry {
  221. float:left;
  222. display: block;
  223. margin:12px;
  224. overflow:hidden;
  225. border: 1px solid {color:borders};
  226. width:218px;
  227. padding:15px;
  228. {block:PermalinkPage}
  229. width:495px;
  230. line-height:10px;
  231. {/block:PermalinkPage}
  232. background:white;
  233. background-image:URL();
  234. -webkit-transition: all 1s ease;
  235. -moz-transition: all 1s ease;
  236. -o-transition: all 1s ease;
  237. transition: all 1s ease;
  238. }
  239.  
  240. .entry img{
  241. opacity:1;
  242. background:{color:entry border};
  243. width:216px;
  244. {block:IfEntryBorder}
  245. width:200px;
  246. padding:8px;
  247. {/block:IfEntryBorder}
  248. {block:IfFadedPosts}opacity:0.75;{/block:IfFadedPosts}
  249. {block:PermalinkPage}
  250. width:480px;
  251. {/block:PermalinkPage}
  252. -webkit-transition: all 1s ease;
  253. -moz-transition: all 1s ease;
  254. -o-transition: all 1s ease;
  255. transition: all 1s ease;
  256. }
  257.  
  258. .entry:hover img{
  259. opacity:1;
  260. }
  261.  
  262. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  263. .entry .perma{
  264. z-index:5;
  265. position: absolute;
  266. overflow:hidden;
  267. opacity: 0;
  268. margin-left:9px;
  269. margin-top:13px;
  270. {block:IfEntryBorder}
  271. margin-left:14px;
  272. margin-top:18px;
  273. {/block:IfEntryBorder}
  274. width:20px;
  275. height:20px;
  276. padding:5px;
  277. background:{color:permalink};
  278. text-align:center;
  279. -webkit-transition: all 1s ease;
  280. -moz-transition: all 1s ease;
  281. -o-transition: all 1s ease;
  282. transition: all 1s ease;
  283. }
  284.  
  285. .entry:hover .perma{
  286. opacity:1;
  287. margin-left:14px;
  288. {block:IfEntryBorder}
  289. margin-left:19px;
  290. {/block:IfEntryBorder}
  291. }
  292.  
  293. .entry .perma2{
  294. z-index:5;
  295. position: absolute;
  296. overflow:hidden;
  297. opacity: 0;
  298. margin-left:42px;
  299. margin-top:13px;
  300. {block:IfEntryBorder}
  301. margin-left:47px;
  302. margin-top:18px;
  303. {/block:IfEntryBorder}
  304. width:20px;
  305. height:20px;
  306. padding:5px;
  307. background:{color:permalink};
  308. -webkit-transition: all 1s ease;
  309. -moz-transition: all 1s ease;
  310. -o-transition: all 1s ease;
  311. transition: all 1s ease;
  312. }
  313.  
  314. .entry:hover .perma2{
  315. opacity:1;
  316. margin-left:47px;
  317. {block:IfEntryBorder}
  318. margin-left:52px;
  319. {/block:IfEntryBorder}
  320. }
  321.  
  322. .entry .perma3{
  323. z-index:4;
  324. position: absolute;
  325. overflow:hidden;
  326. opacity: 0;
  327. margin-left:23px;
  328. margin-top:8px;
  329. width:125px;
  330. {block:IfEntryBorder}
  331. margin-left:28px;
  332. margin-top:13px;
  333. width:115px;
  334. {/block:IfEntryBorder}
  335. min-height:30px;
  336. padding:5px;
  337. padding-left:70px;
  338. background:white;
  339. font-family:consolas;
  340. font-size: 10px;
  341. line-height: 10px;
  342. text-align:right;
  343. -webkit-transition: all 1s ease;
  344. -moz-transition: all 1s ease;
  345. -o-transition: all 1s ease;
  346. transition: all 1s ease;
  347. }
  348.  
  349. .perma3 a{
  350. color:{color:permalink link};
  351. }
  352.  
  353. .entry:hover .perma3{
  354. opacity:1;
  355. margin-left:9px;
  356. {block:IfEntryBorder}
  357. margin-left:14px;
  358. {/block:IfEntryBorder}
  359. }
  360.  
  361. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  362. #posts{
  363. z-index:99;
  364. position:relative;
  365. overflow-y: hidden;
  366. top:0px;
  367. margin-bottom:20px;
  368. margin-left:600px;
  369. right:auto;
  370. margin-right:auto;
  371. width:550px;
  372. height:1000000000000000000000000%;
  373. background:white;
  374. padding-left:20px;
  375. padding-right:20px;
  376. padding-top:10px;
  377. {block:IfTopbar}padding-top:40px;{/block:IfTopbar}
  378. border-left:1px solid #eee;
  379. border-right:1px solid #eee;
  380. -webkit-animation:fadeInDown 2s;
  381. -moz-animation:fadeInDown 2s;
  382. -ms-animation:fadeInDown 2s;
  383. }
  384.  
  385. /*CUSTOMIZE SIDEBAR HERE*/
  386. #sidebar{
  387. position:fixed !important;
  388. margin-top:190px;
  389. margin-left:100px;
  390. }
  391.  
  392. #sb{
  393. z-index:4;
  394. position:fixed;
  395. margin-top:0px;
  396. margin-left:0px;
  397. width:349px;
  398. height:252px;
  399. background-color:white;
  400. padding:20px;
  401. border: 1px solid {color:sidebar border 1};
  402. box-shadow: 5px -5px 0 {color:sidebar border 1};
  403. -webkit-transition: all 1s ease;
  404. -moz-transition: all 1s ease;
  405. -o-transition: all 1s ease;
  406. transition: all 1s ease;
  407. }
  408.  
  409. #sb2{
  410. position:fixed;
  411. width:346px;
  412. height:249px;
  413. border: 1px dashed {color:sidebar border 2};
  414. border-radius:5px;
  415. background:white;
  416. }
  417.  
  418. #sb3{
  419. position:fixed;
  420. overflow:hidden;
  421. margin-top:0px;
  422. margin-left:0px;
  423. width:330px;
  424. height:233px;
  425. padding:0px;
  426. border: 8px solid {color:sidebar border 3};
  427. border-radius:0px;
  428. background:white;
  429. }
  430.  
  431. #img{
  432. z-index:5;
  433. position:fixed;
  434. margin-top:0px;
  435. margin-left:0px;
  436. -webkit-transition: all 1s ease;
  437. -moz-transition: all 1s ease;
  438. -o-transition: all 1s ease;
  439. transition: all 1s ease;
  440. }
  441.  
  442. #img img{
  443. opacity:1;
  444. width:165px;
  445. height:233px;
  446. padding:0px;
  447. }
  448.  
  449. #sidebar:hover #img{
  450. opacity:0;
  451. margin-left:-158px;
  452. }
  453.  
  454. #img2{
  455. z-index:5;
  456. position:fixed;
  457. margin-left:165px;
  458. {block:IfGrayscaleImage}-webkit-filter: grayscale(100%);{/block:IfGrayscaleImage}
  459. -webkit-transition: all 1s ease;
  460. -moz-transition: all 1s ease;
  461. -o-transition: all 1s ease;
  462. transition: all 1s ease;
  463. }
  464.  
  465. #img2 img{
  466. opacity:1;
  467. width:165px;
  468. height:233px;
  469. padding:0px;
  470. -webkit-transition: all 1s ease;
  471. -moz-transition: all 1s ease;
  472. -o-transition: all 1s ease;
  473. transition: all 1s ease;
  474. }
  475.  
  476. #sidebar:hover #img2{
  477. margin-left:0px;
  478. -webkit-filter: grayscale(0%);
  479. }
  480.  
  481. #bt{
  482. z-index:10;
  483. position:fixed;
  484. opacity:1;
  485. margin-top:230px;
  486. margin-left:40px;
  487. width:310px;
  488. height:auto;
  489. font-size:50px;
  490. font-family:belle;
  491. color:white;
  492. text-align:right;
  493. {block:IfCenteredTitle}
  494. margin-left:25px;
  495. width:340px;
  496. text-align:center;
  497. {/block:IfCenteredTitle}
  498. line-height:40px;
  499. text-shadow:
  500. -1px -1px 0 {color:blogtitle},
  501. 1px -1px 0 {color:blogtitle},
  502. -1px 1px 0 {color:blogtitle},
  503. 1px 1px 0 {color:blogtitle};
  504. -webkit-transition: all 1s ease;
  505. -moz-transition: all 1s ease;
  506. -o-transition: all 1s ease;
  507. transition: all 1s ease;
  508. }
  509.  
  510. #sidebar:hover #bt{
  511. opacity:0;
  512. margin-top:250px;
  513. }
  514.  
  515. #navi{
  516. z-index:4;
  517. position:fixed;
  518. opacity:0;
  519. margin-top:10px;
  520. margin-left:181px;
  521. -webkit-transition: all 1s ease;
  522. -moz-transition: all 1s ease;
  523. -o-transition: all 1s ease;
  524. transition: all 1s ease;
  525. }
  526.  
  527. #sidebar:hover #navi{
  528. opacity:1;
  529. }
  530.  
  531. #l1{
  532. z-index:1;
  533. position:fixed;
  534. opacity:1;
  535. margin-top:3px;
  536. margin-left:3px;
  537. width:18px;
  538. height:18px;
  539. background-color:white;
  540. padding:2px;
  541. border-radius:5px;
  542. -webkit-transition: all 1s ease;
  543. -moz-transition: all 1s ease;
  544. -o-transition: all 1s ease;
  545. transition: all 1s ease;
  546. }
  547.  
  548. #n1{
  549. z-index:1;
  550. position:fixed;
  551. opacity:1;
  552. margin-top:0px;
  553. margin-left:-4px;
  554. width:40px;
  555. height:16px;
  556. background-color:white;
  557. border:1px solid {color:link one};
  558. border-radius:5px;
  559. font-family:calibri;
  560. font-size:11px;
  561. line-height:16px;
  562. -webkit-transition: all 0.8s ease;
  563. -moz-transition: all 0.8s ease;
  564. -o-transition: all 0.8s ease;
  565. transition: all 0.8s ease;
  566. }
  567.  
  568. #n1:hover{
  569. background:{color:link one};
  570. color:white;
  571. }
  572.  
  573. #n2{
  574. z-index:1;
  575. position:fixed;
  576. opacity:1;
  577. margin-top:0px;
  578. margin-left:46px;
  579. width:40px;
  580. height:16px;
  581. background-color:white;
  582. border:1px solid {color:link two};
  583. border-radius:5px;
  584. font-family:calibri;
  585. font-size:11px;
  586. line-height:16px;
  587. -webkit-transition: all 0.8s ease;
  588. -moz-transition: all 0.8s ease;
  589. -o-transition: all 0.8s ease;
  590. transition: all 0.8s ease;
  591. }
  592.  
  593. #n2:hover{
  594. background:{color:link one};
  595. color:white;
  596. }
  597.  
  598. #n3{
  599. z-index:1;
  600. position:fixed;
  601. opacity:1;
  602. margin-top:0px;
  603. margin-left:96px;
  604. width:40px;
  605. height:16px;
  606. background-color:white;
  607. border:1px solid {color:link three};
  608. border-radius:5px;
  609. font-family:calibri;
  610. font-size:11px;
  611. line-height:16px;
  612. -webkit-transition: all 0.8s ease;
  613. -moz-transition: all 0.8s ease;
  614. -o-transition: all 0.8s ease;
  615. transition: all 0.8s ease;
  616. }
  617.  
  618. #n3:hover{
  619. background:{color:link one};
  620. color:white;
  621. }
  622.  
  623. #n4{
  624. z-index:1;
  625. position:fixed;
  626. opacity:1;
  627. margin-top:25px;
  628. margin-left:-4px;
  629. width:40px;
  630. height:16px;
  631. background-color:white;
  632. border:1px solid {color:link four};
  633. border-radius:5px;
  634. font-family:calibri;
  635. font-size:11px;
  636. line-height:16px;
  637. -webkit-transition: all 0.8s ease;
  638. -moz-transition: all 0.8s ease;
  639. -o-transition: all 0.8s ease;
  640. transition: all 0.8s ease;
  641. }
  642.  
  643. #n4:hover{
  644. background:{color:link one};
  645. color:white;
  646. }
  647.  
  648. #n5{
  649. z-index:1;
  650. position:fixed;
  651. opacity:1;
  652. margin-top:25px;
  653. margin-left:46px;
  654. width:40px;
  655. height:16px;
  656. background-color:white;
  657. border:1px solid {color:link five};
  658. border-radius:5px;
  659. font-family:calibri;
  660. font-size:11px;
  661. line-height:16px;
  662. -webkit-transition: all 0.8s ease;
  663. -moz-transition: all 0.8s ease;
  664. -o-transition: all 0.8s ease;
  665. transition: all 0.8s ease;
  666. }
  667.  
  668. #n5:hover{
  669. background:{color:link one};
  670. color:white;
  671. }
  672.  
  673. #n6{
  674. z-index:1;
  675. position:fixed;
  676. opacity:1;
  677. margin-top:25px;
  678. margin-left:96px;
  679. width:40px;
  680. height:16px;
  681. background-color:white;
  682. border:1px solid {color:link six};
  683. border-radius:5px;
  684. font-family:calibri;
  685. font-size:11px;
  686. line-height:16px;
  687. -webkit-transition: all 0.8s ease;
  688. -moz-transition: all 0.8s ease;
  689. -o-transition: all 0.8s ease;
  690. transition: all 0.8s ease;
  691. }
  692.  
  693. #n6:hover{
  694. background:{color:link one};
  695. color:white;
  696. }
  697.  
  698. #extras{
  699. z-index:6;
  700. position:fixed;
  701. opacity:0;
  702. margin-top:65px;
  703. margin-left:330px;
  704. width:165px;
  705. height:60px;
  706. background:{color:sidebar border 3};
  707. -webkit-transition: all 1s ease;
  708. -moz-transition: all 1s ease;
  709. -o-transition: all 1s ease;
  710. transition: all 1s ease;
  711. }
  712.  
  713. #sidebar:hover #extras{
  714. opacity:1;
  715. margin-left:165px;
  716. }
  717.  
  718. .etitle{
  719. margin-bottom:5px;
  720. padding-top:5px;
  721. padding-bottom:2px;
  722. font-family:belle;
  723. font-size:16px;
  724. background:{color:extras title};
  725. text-align:center;
  726. }
  727.  
  728. #e1{
  729. z-index:1;
  730. position:fixed;
  731. opacity:0;
  732. margin-left:-660px;
  733. margin-top:-116px;
  734. width:154px;
  735. height:223px;
  736. background-color:white;
  737. padding:5px;
  738. border-right:1px solid {color:extras title};
  739. font-family:calibri;
  740. font-size:11px;
  741. line-height:12px;
  742. text-align:left;
  743. -webkit-transition: all 1s ease;
  744. -moz-transition: all 1s ease;
  745. -o-transition: all 1s ease;
  746. transition: all 1s ease;
  747. }
  748.  
  749. #etc1:hover #e1{
  750. opacity:1;
  751. margin-left:-285px;
  752. }
  753.  
  754. #stat1{
  755. z-index:1;
  756. position:fixed;
  757. opacity:1;
  758. margin-top:10px;
  759. margin-left:5px;
  760. width:110px;
  761. height:16px;
  762. background-color:white;
  763. border:1px solid {color:stat one};
  764. border-radius:5px;
  765. font-family:calibri;
  766. font-size:11px;
  767. line-height:16px;
  768. -webkit-transition: all 1s ease;
  769. -moz-transition: all 1s ease;
  770. -o-transition: all 1s ease;
  771. transition: all 1s ease;
  772. }
  773.  
  774. #stat2{
  775. z-index:1;
  776. position:fixed;
  777. opacity:1;
  778. margin-top:30px;
  779. margin-left:5px;
  780. width:110px;
  781. height:16px;
  782. background-color:white;
  783. border:1px solid {color:stat two};
  784. border-radius:5px;
  785. font-family:calibri;
  786. font-size:11px;
  787. line-height:16px;
  788. -webkit-transition: all 1s ease;
  789. -moz-transition: all 1s ease;
  790. -o-transition: all 1s ease;
  791. transition: all 1s ease;
  792. }
  793.  
  794. #etc1{
  795. z-index:1;
  796. position:fixed;
  797. opacity:1;
  798. margin-top:10px;
  799. margin-left:120px;
  800. width:38px;
  801. height:38px;
  802. -webkit-transition: all 1s ease;
  803. -moz-transition: all 1s ease;
  804. -o-transition: all 1s ease;
  805. transition: all 1s ease;
  806. }
  807.  
  808. #desctitle{
  809. z-index:4;
  810. position:fixed;
  811. opacity:0;
  812. margin-top:137px;
  813. margin-left:163px;
  814. width:158px;
  815. font-family:belle;
  816. font-size:20px;
  817. line-height:20px;
  818. text-align:right;
  819. -webkit-transition: all 1s ease;
  820. -moz-transition: all 1s ease;
  821. -o-transition: all 1s ease;
  822. transition: all 1s ease;
  823. }
  824.  
  825. #sidebar:hover #desctitle{
  826. opacity:1;
  827. }
  828.  
  829. #desc{
  830. z-index:4;
  831. position:fixed;
  832. overflow:scroll;
  833. opacity:0;
  834. margin-top:155px;
  835. margin-left:172px;
  836. width:143px;
  837. height:65px;
  838. padding:2px;
  839. padding-right:5px;
  840. background-color:white;
  841. border: 1px double {color:description};
  842. font-family:consolas;
  843. font-size:10px;
  844. line-height:11px;
  845. -webkit-transition: all 1s ease;
  846. -moz-transition: all 1s ease;
  847. -o-transition: all 1s ease;
  848. transition: all 1s ease;
  849. }
  850.  
  851. #sidebar:hover #desc{
  852. opacity:1;
  853. margin-left:172px;
  854. }
  855.  
  856. #topbar{
  857. position:fixed !important;
  858. z-index:100;
  859. margin-left:578px;
  860. margin-right:0px;
  861. top:15px;
  862. height:12px;
  863. width:620px;
  864. background:{color:topbar};
  865. border:1px solid {color:topbar border};
  866. padding:5px;
  867. font-family:consolas;
  868. font-size:11px;
  869. line-height:12px;
  870. text-align:center;
  871. }
  872.  
  873. #tb1{
  874. position:fixed !important;
  875. z-index:80;
  876. margin-left:581px;
  877. top:9px;
  878. height:12px;
  879. width:20px;
  880. padding:5px;
  881. background:{color:topbar border};
  882. border:1px solid {color:topbar border};
  883. transform:rotate(-20deg);
  884. -ms-transform:rotate(-20deg);
  885. -webkit-transform:rotate(-20deg);
  886. }
  887.  
  888. #tb2{
  889. position:fixed !important;
  890. z-index:80;
  891. margin-left:1175px;
  892. top:9px;
  893. height:12px;
  894. width:20px;
  895. padding:5px;
  896. background:{color:topbar border};
  897. border:1px solid {color:topbar border};
  898. transform:rotate(20deg);
  899. -ms-transform:rotate(20deg);
  900. -webkit-transform:rotate(20deg);
  901. }
  902.  
  903. #credit {
  904. z-index: 4783;
  905. position:fixed;
  906. bottom:10px;
  907. right:-50px;
  908. background:white;
  909. border: 1px solid {color:borders};
  910. padding: 5px;
  911. font-family: calibri;
  912. font-size: 11px;
  913. line-height: 11px;
  914. word-spacing:8px;
  915. transition: all 0.5s ease-out;
  916. -o-transition-transition: all 0.5s ease-out;
  917. -webkit-transition: all 0.5s ease-out;
  918. -moz-transition: all 0.5s ease-out;
  919. }
  920.  
  921. #credit:hover{
  922. opacity: 2;
  923. right:0px;
  924. }
  925.  
  926. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  927. .title{
  928. font-size:14px;
  929. font-family:consolas;
  930. line-height:16px;
  931. color:{color:Title};
  932. text-transform:uppercase;
  933. }
  934.  
  935.  
  936. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  937. .permalink{
  938. margin-left:-7px;
  939. margin-right:-7px;
  940. margin-bottom:-7px;
  941. margin-top:10px;
  942. height:auto;
  943. padding:3px;
  944. background:white;
  945. border:1px double {color:text permalink};
  946. font-size:10px;
  947. font-family:consolas;
  948. line-height:10px;
  949. color:white;
  950. text-align:right;
  951. display: block;
  952. -webkit-transition: all 1s ease;
  953. -moz-transition: all 1s ease;
  954. -o-transition: all 1s ease;
  955. transition: all 1s ease;
  956. }
  957.  
  958. .permalink a{
  959. color:{color:text permalink};
  960. -webkit-transition: all 1s ease;
  961. -moz-transition: all 1s ease;
  962. -o-transition: all 1s ease;
  963. transition: all 1s ease;
  964. }
  965.  
  966. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  967. #infscr-loading{
  968. bottom: -70px;
  969. position: absolute;
  970. left: 50%;
  971. margin-left:-8px;
  972. width:16px;
  973. height:11px;
  974. overflow:hidden;
  975. margin-bottom: 50px;
  976. }
  977.  
  978. #postnotes{
  979. text-align: justify;}
  980.  
  981. #postnotes blockquote{
  982. border: 0px;}
  983.  
  984. blockquote{
  985. padding:0px 0px 2px 5px;
  986. margin:0px 0px 2px 10px;
  987. border-left: 1px dotted #555555;
  988. }
  989.  
  990. blockquote p, ul{
  991. margin:0px;
  992. padding:0px;
  993. }
  994.  
  995. a img{border: 0px;}
  996.  
  997.  
  998. ul, ol, li{list-style:&middot; margin-left:10px; padding:0px;}
  999.  
  1000. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1001. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1002.  
  1003. .notes img{width:10px; position:relative; top:3px;}
  1004. <--ses-->
  1005. small{font-size: 90%;}
  1006.  
  1007. @-webkit-keyframes fadeInDown {
  1008. 0% {
  1009. opacity: 0;
  1010. -webkit-transform: translateY(-20px);
  1011. }
  1012.  
  1013. 100% {
  1014. opacity: 1;
  1015. -webkit-transform: translateY(0);
  1016. }
  1017. }
  1018.  
  1019. @-moz-keyframes fadeInDown {
  1020. 0% {
  1021. opacity: 0;
  1022. -moz-transform: translateY(-20px);
  1023. }
  1024.  
  1025. 100% {
  1026. opacity: 1;
  1027. -moz-transform: translateY(0);
  1028. }
  1029. }
  1030.  
  1031. @-ms-keyframes fadeInDown {
  1032. 0% {
  1033. opacity: 0;
  1034. -ms-transform: translateY(-20px);
  1035. }
  1036.  
  1037. 100% {
  1038. opacity: 1;
  1039. -ms-transform: translateY(0);
  1040. }
  1041. }
  1042.  
  1043. @-o-keyframes fadeInDown {
  1044. 0% {
  1045. opacity: 0;
  1046. -ms-transform: translateY(-20px);
  1047. }
  1048.  
  1049. 100% {
  1050. opacity: 1;
  1051. -ms-transform: translateY(0);
  1052. }
  1053. }
  1054.  
  1055. @keyframes fadeInDown {
  1056. 0% {
  1057. opacity: 0;
  1058. transform: translateY(-20px);
  1059. }
  1060.  
  1061. 100% {
  1062. opacity: 1;
  1063. transform: translateY(0);
  1064. }
  1065. }
  1066.  
  1067. .fadeInDown {
  1068. -webkit-animation-name: fadeInDown;
  1069. -moz-animation-name: fadeInDown;
  1070. -ms-animation-name: fadeInDown;
  1071. -o-animation-name: fadeInDown;
  1072. animation-name: fadeInDown;
  1073. }
  1074.  
  1075. {CustomCSS}
  1076.  
  1077. </style>
  1078.  
  1079. {block:IndexPage}
  1080. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1081. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1082.  
  1083. <script type="text/javascript">
  1084. $(window).load(function(){
  1085. var $wall = $('#posts');
  1086. $wall.imagesLoaded(function(){
  1087. $wall.masonry({
  1088. itemSelector: '.entry, .entry_photo',
  1089. isAnimated : false
  1090. });
  1091. });
  1092.  
  1093. $wall.infinitescroll({
  1094. navSelector : '#pagination',
  1095. nextSelector : '#pagination a',
  1096. itemSelector : '.entry, .entry_photo',
  1097. bufferPx : 2000,
  1098. debug : false,
  1099. errorCallback: function() {
  1100. $('#infscr-loading').fadeOut('normal');
  1101. }},
  1102. function( newElements ) {
  1103. var $newElems = $( newElements );
  1104. $newElems.hide();
  1105. $newElems.imagesLoaded(function(){
  1106. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1107. });
  1108. }); $('#posts').show(500);
  1109. });
  1110. </script>
  1111.  
  1112.  
  1113. {/block:IndexPage}
  1114.  
  1115.  
  1116. <title>{title}</title>
  1117.  
  1118. <link rel="shortcut icon" href="{Favicon}" />
  1119. <meta name="viewport" content="width=820" />
  1120. </head>
  1121.  
  1122. <body>
  1123. <BODY onselectstart="return false;" ondragstart="return false;">
  1124. <div class="wrapper">
  1125. <div class="header">
  1126. </div>
  1127.  
  1128. <div id="cage">
  1129. {block:IfTopbar}<div id="tb1"></div><div id="tb2"></div>
  1130. <div id="topbar">{text:quote}</div>{/block:IfTopbar}
  1131. <div id="credit">© <a href="http://briqhter.tumblr.com">briqhter</a></div>
  1132.  
  1133.  
  1134. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1135. <div id="sidebar">
  1136. <center>
  1137. <div id="sb"><div id="sb2"><div id="sb3">
  1138. <div id="img"><img src="{image:sidebar1}" height="100%"; width="100%";></div>
  1139. <div id="img2"><img src="{image:sidebar2}" height="100%"; width="100%";>
  1140. </div>
  1141. <div id="navi">
  1142. <a href="{text:link 1}" title="{text:link 1 title}"><div id="n1">01.</div></a>
  1143. <a href="{text:link 2}" title="{text:link 2 title}"><div id="n2">02.</div></a>
  1144. <a href="{text:link 3}" title="{text:link 3 title}"><div id="n3">03.</div></a>
  1145. <a href="{text:link 4}" title="{text:link 4 title}"><div id="n4">04.</div></a>
  1146. <a href="{text:link 5}" title="{text:link 5 title}"><div id="n5">05.</div></a>
  1147. <a href="{text:link 6}" title="{text:link 6 title}"><div id="n6">06.</div></a>
  1148. </div>
  1149. <div id="extras">
  1150. <div id="stat1">{text:stat one}</div>
  1151. <div id="stat2">{text:stat two}</div>
  1152. <div id="etc1"><a href="/" title="extras"><img src="{image:extras}" height="100%"; width="auto";></a>
  1153. <div id="e1">
  1154.  
  1155. <div class="etitle">updates</div>
  1156. - hello this is an update</br>
  1157. - hello this is an update</br>
  1158. - hello this is an update</br>
  1159. - hello this is an update</br>
  1160. - hello this is an update</br>
  1161. - hello this is an update</br></br>
  1162.  
  1163. <div class="etitle">networks</div>
  1164. - hello these are your networks</br>
  1165. - hello these are your networks</br>
  1166. - hello these are your networks</br>
  1167. - hello these are your networks</br>
  1168. - hello these are your networks</br>
  1169. - hello these are your networks</br>
  1170.  
  1171. </div>
  1172. </div>
  1173. </div>
  1174. <div id="desctitle">{text:description title}</div>
  1175. <div id="desc">{description}</div>
  1176. </div></div></div>
  1177. <div id="bt">{text:blogtitle}</div>
  1178. </center>
  1179. </div>
  1180. <!------------------------------------->
  1181.  
  1182.  
  1183. <div class="left">
  1184. <div id="posts">
  1185. {block:Posts}
  1186. <div class="entry">
  1187.  
  1188. {block:Text}{block:Title}
  1189. <span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  1190. {block:IndexPage}
  1191. <span class="permalink">
  1192. <a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1193. {/block:IndexPage}
  1194. {/block:Text}
  1195.  
  1196. {block:Link}
  1197. <a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  1198. {block:IndexPage}
  1199. <span class="permalink">
  1200. <a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1201. {/block:IndexPage}
  1202. {block:Link}
  1203.  
  1204. {block:Answer}
  1205. <div id="ask">
  1206. <img src="{AskerPortraitURL-30}" align="left">
  1207. &nbsp;{Asker}: {Question}</div>
  1208. <div id="ans">{Answer}</div>
  1209. {block:IndexPage}
  1210. <span class="permalink">
  1211. <a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1212. {/block:IndexPage}
  1213. {/block:Answer}
  1214.  
  1215. {block:Photo}
  1216. {block:IndexPage}
  1217. <center>
  1218. <div class="perma">{ReblogButton color="white" size="18"}</div>
  1219. <div class="perma2">{LikeButton color="white" size="18"}</div>
  1220. <div class="perma3">Posted <a href="{permalink}" title="permalink">{timeago}</a> with <a href="{permalink}" title="permalink">{notecountwithlabel}</a></br>via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a></div>
  1221. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1222. {/block:IndexPage}
  1223. {block:PermalinkPage}
  1224. {LinkOpenTag}<div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1225. {LinkCloseTag}
  1226. {/block:PermalinkPage}
  1227. {/block:Photo}
  1228.  
  1229. {block:Photoset}
  1230. {block:IndexPage}
  1231. <center>
  1232. <div class="perma">{ReblogButton color="white" size="18"}</div>
  1233. <div class="perma2">{LikeButton color="white" size="18"}</div>
  1234. <div class="perma3"><a href="{permalink}" title="permalink">{timeago}</br>{notecountwithlabel}</a></br>via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a></div>
  1235. {Photoset}</center>
  1236. {/block:IndexPage}
  1237. {block:PermalinkPage}
  1238. <center>
  1239. {Photoset-500}</center>
  1240. {/block:PermalinkPage}
  1241. {/block:Photoset}
  1242.  
  1243. {block:Quote}
  1244. <span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}
  1245. {block:IndexPage}
  1246. <span class="permalink">
  1247. <a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1248. {/block:IndexPage}
  1249. {/block:Quote}
  1250.  
  1251. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1252. <ul class="chat">
  1253. {block:Lines}
  1254. <li class="user_{UserNumber}">
  1255. {block:Label}
  1256. <span class="label">{Label}</span>
  1257. {/block:Label}
  1258.  
  1259. {Line}
  1260. </li>
  1261. {/block:Lines}
  1262. {block:IndexPage}
  1263. <span class="permalink">
  1264. <a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1265. {/block:IndexPage}
  1266. {/block:Chat}
  1267.  
  1268. {block:Audio}
  1269. <div style="width:200px; height:30px;">{AudioPlayerBlack}</div>
  1270. {block:IndexPage}
  1271. <span class="permalink"><a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1272. {/block:IndexPage}{/block:Audio}
  1273.  
  1274. {block:Video}
  1275. {block:IndexPage}
  1276. <center>
  1277. <a href="{permalink}" title="permalink"><div class="perma">
  1278. {DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}
  1279. </div></a>
  1280. {Video-250}</center>
  1281. {/block:IndexPage}{block:PermalinkPage}
  1282. <center>{Video-400}</center>
  1283. {/block:PermalinkPage}{block:Video}
  1284.  
  1285.  
  1286. {block:PostNotes}<div align="middle">{caption}</div>
  1287. <center>
  1288.  
  1289. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1290.  
  1291. {block:HasTags}
  1292. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
  1293. {block:RebloggedFrom}
  1294. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1295. Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1296.  
  1297. {/block:RebloggedFrom}
  1298. </center></span>
  1299. <br>
  1300. <div id="postnotes">{PostNotes}</div><br>
  1301.  
  1302. <center>{block:ContentSource}
  1303. <br><a href="{SourceURL}">
  1304. {lang:Source}:
  1305. {block:SourceLogo}
  1306. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1307. height="{LogoHeight}" alt="{SourceTitle}" />
  1308. {/block:SourceLogo}
  1309. {block:NoSourceLogo}
  1310. {SourceLink}
  1311. {/block:NoSourceLogo}
  1312. </a>
  1313. {/block:ContentSource}</center>
  1314.  
  1315. {/block:PostNotes}
  1316. </div>
  1317. {/block:Posts}
  1318. </div></div>
  1319.  
  1320. {block:IndexPage}
  1321. {block:Pagination}
  1322. <div id="pagination">
  1323. {block:NextPage}
  1324. <a id="nextPage" href="{NextPage}"></a>
  1325. {/block:NextPage}
  1326. {block:PreviousPage}
  1327. <a href="{PreviousPage}"></a>
  1328. {/block:PreviousPage}
  1329. </div>
  1330. {/block:Pagination}
  1331. {/block:IndexPage}
  1332. </body>
  1333.  
  1334. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!