Advertisement
briqhter

theme 10 by Sabina

Jun 1st, 2014
258
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.25 KB | None | 0 0
  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