API tools faq
paste
foomthemes

THEME 9: Megapix

foomthemes
Sep 12th, 2013
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12.  
  13. <!--
  14.  
  15. ▒█▀▀▀ ▒█▀▀▀█ ▒█▀▀▀█ ▒█▀▄▀█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█
  16. ▒█▀▀▀ ▒█░░▒█ ▒█░░▒█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄
  17. ▒█░░░ ▒█▄▄▄█ ▒█▄▄▄█ ▒█░░▒█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█
  18.  
  19. © THEME 9: MEGAPIX BY FOOMTHEMES.TUMBLR.COM
  20. PLEASE DO NOT TAKE CREDIT FOR THIS THEME AS IT GAVE ME A LOT OF TROUBLE
  21. YOU MAY EDIT THIS THEME AS MUCH AS YOU PLEASE BUT DO NOT CALL IT YOUR OWN
  22. FEEL FREE TO RECOMMEND IT TO YOUR FRIENDS UNLESS YOU DON'T HAVE FRIENDS THEN I'M SORRY
  23. WE COULD BE FRIENDS HIT ME UP BRO http://lucifa.co.vu
  24.  
  25. -->
  26.  
  27.  
  28. <meta name="image:Background" content="">
  29. <meta name="image:Header" content="">
  30. <meta name="image:Sidebar" content="">
  31. <meta name="image:Cursor" content="">
  32. <meta name="image:Favicon" content="">
  33. <meta name="color:Text" content="#333333">
  34. <meta name="color:Links" content="#444444">
  35. <meta name="color:Links Hover" content="#aaaaaa">
  36. <meta name="color:Background" content="#ffeeff">
  37. <meta name="color:Posts Bg" content="#ffffff">
  38. <meta name="color:Blockquotes" content="#cccccc">
  39. <meta name="color:Tags and Info BG" content="#fffaff">
  40. <meta name="color:Tags and Info" content="#888877">
  41. <meta name="color:Tags and Info Hover" content="#000000">
  42. <meta name="text:Blog Title" content="">
  43. <meta name="text:Font Size" content="13">
  44.  
  45. <meta name="color:Scrollbar" content="#888888">
  46. <meta name="text:Scrollbar Width" content="8">
  47.  
  48. <meta name="if:Use Mini Cursor" content="0">
  49. <meta name="if:Use Normal Scrollbar" content="0">
  50.  
  51. <meta name="font:Body" content="Arial"/>
  52.  
  53. <meta name="select:Background Style" content="" title="Normal"/>
  54. <meta name="select:Background Style" content="background-attachment: fixed; background-repeat:no-repeat;" title="Fixed, Non-repeating"/>
  55. <meta name="select:Background Style" content="background-attachment: fixed; background-size:100% 100%;" title="Fixed and Covered"/>
  56. <meta name="select:Background Style" content="background-attachment: fixed;" title="Fixed"/>
  57. <meta name="select:Background Style" content="background-repeat: no-repeat;" title="Non-repeating"/>
  58. <meta name="select:Background Style" content="background-size: 100% 100%;" title="Covered"/>
  59.  
  60.  
  61. <meta name="if:Roman Numerals" content="0"/>
  62. <meta name="if:2 columns" content="0"/>
  63. <meta name="if:Shadow" content="1"/>
  64. <meta name="if:Sidebar Image Shadow" content="1"/>
  65. <meta name="if:Pixel Font" content="1"/>
  66. <meta name="if:Infinite Scrolling" content="0"/>
  67.  
  68.  
  69. <meta name="color:Sidebar Bg" content="#ffffff"/>
  70. <meta name="color:Sidebar Text" content="#000000"/>
  71. <meta name="color:Border" content="#ffaaff">
  72. <meta name="color:Sidelinks Bg" content="#FFEEEF"/>
  73. <meta name="text:Link1" content=""/>
  74. <meta name="text:Link1Text" content=""/>
  75. <meta name="text:Link2" content=""/>
  76. <meta name="text:Link2Text" content=""/>
  77. <meta name="text:Link3" content=""/>
  78. <meta name="text:Link3Text" content=""/>
  79. <meta name="text:Link4" content=""/>
  80. <meta name="text:Link4Text" content=""/>
  81. <meta name="color:Sidelinks" content="#FF00FF"/>
  82. <meta name="select:Link1 Icon" content="m" title="Person Icon"/>
  83. <meta name="select:Link1 Icon" content="c" title="Pencil Icon"/>
  84. <meta name="select:Link1 Icon" content="e" title="Tags Icon"/>
  85. <meta name="select:Link1 Icon" content="f" title="Tag Icon"/>
  86. <meta name="select:Link1 Icon" content="g" title="Books Icon"/>
  87. <meta name="select:Link1 Icon" content="i" title="Clock Icon"/>
  88. <meta name="select:Link1 Icon" content="j" title="Heart Icon"/>
  89. <meta name="select:Link1 Icon" content="k" title="Star Icon"/>
  90. <meta name="select:Link1 Icon" content="l" title="Bar Code Icon"/>
  91. <meta name="select:Link1 Icon" content="n" title="People Icon"/>
  92. <meta name="select:Link1 Icon" content="o" title="Notepad Icon"/>
  93. <meta name="select:Link1 Icon" content="p" title="Undo/back Icon"/>
  94. <meta name="select:Link1 Icon" content="q" title="Facebook Icon"/>
  95. <meta name="select:Link1 Icon" content="r" title="Twitter Icon"/>
  96. <meta name="select:Link1 Icon" content="s" title="Tumblr Icon"/>
  97.  
  98. <meta name="select:Link2 Icon" content="e" title="Tags Icon"/>
  99. <meta name="select:Link2 Icon" content="c" title="Pencil Icon"/>
  100. <meta name="select:Link2 Icon" content="f" title="Tag Icon"/>
  101. <meta name="select:Link2 Icon" content="g" title="Books Icon"/>
  102. <meta name="select:Link2 Icon" content="i" title="Clock Icon"/>
  103. <meta name="select:Link2 Icon" content="j" title="Heart Icon"/>
  104. <meta name="select:Link2 Icon" content="k" title="Star Icon"/>
  105. <meta name="select:Link2 Icon" content="l" title="Bar Code Icon"/>
  106. <meta name="select:Link2 Icon" content="m" title="Person Icon"/>
  107. <meta name="select:Link2 Icon" content="n" title="People Icon"/>
  108. <meta name="select:Link2 Icon" content="o" title="Notepad Icon"/>
  109. <meta name="select:Link2 Icon" content="p" title="Undo/back Icon"/>
  110. <meta name="select:Link2 Icon" content="q" title="Facebook Icon"/>
  111. <meta name="select:Link2 Icon" content="r" title="Twitter Icon"/>
  112. <meta name="select:Link2 Icon" content="s" title="Tumblr Icon"/>
  113.  
  114. <meta name="select:Link3 Icon" content="k" title="Star Icon"/>
  115. <meta name="select:Link3 Icon" content="c" title="Pencil Icon"/>
  116. <meta name="select:Link3 Icon" content="e" title="Tags Icon"/>
  117. <meta name="select:Link3 Icon" content="f" title="Tag Icon"/>
  118. <meta name="select:Link3 Icon" content="g" title="Books Icon"/>
  119. <meta name="select:Link3 Icon" content="i" title="Clock Icon"/>
  120. <meta name="select:Link3 Icon" content="j" title="Heart Icon"/>
  121. <meta name="select:Link3 Icon" content="l" title="Bar Code Icon"/>
  122. <meta name="select:Link3 Icon" content="m" title="Person Icon"/>
  123. <meta name="select:Link3 Icon" content="n" title="People Icon"/>
  124. <meta name="select:Link3 Icon" content="o" title="Notepad Icon"/>
  125. <meta name="select:Link3 Icon" content="p" title="Undo/back Icon"/>
  126. <meta name="select:Link3 Icon" content="q" title="Facebook Icon"/>
  127. <meta name="select:Link3 Icon" content="r" title="Twitter Icon"/>
  128.  
  129. <meta name="select:Link4 Icon" content="j" title="Heart Icon"/>
  130. <meta name="select:Link4 Icon" content="k" title="Star Icon"/>
  131. <meta name="select:Link4 Icon" content="c" title="Pencil Icon"/>
  132. <meta name="select:Link4 Icon" content="e" title="Tags Icon"/>
  133. <meta name="select:Link4 Icon" content="f" title="Tag Icon"/>
  134. <meta name="select:Link4 Icon" content="g" title="Books Icon"/>
  135. <meta name="select:Link4 Icon" content="i" title="Clock Icon"/>
  136. <meta name="select:Link4 Icon" content="l" title="Bar Code Icon"/>
  137. <meta name="select:Link4 Icon" content="m" title="Person Icon"/>
  138. <meta name="select:Link4 Icon" content="n" title="People Icon"/>
  139. <meta name="select:Link4 Icon" content="o" title="Notepad Icon"/>
  140. <meta name="select:Link4 Icon" content="p" title="Undo/back Icon"/>
  141. <meta name="select:Link4 Icon" content="q" title="Facebook Icon"/>
  142. <meta name="select:Link4 Icon" content="r" title="Twitter Icon"/>
  143. <meta name="select:Link4 Icon" content="s" title="Tumblr Icon"/>
  144.  
  145.  
  146. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  147.  
  148. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  149.  
  150. <script>
  151.  
  152. (function($){
  153. $(document).ready(function(){
  154. $("a[title]").style_my_tooltips({
  155. tip_follows_cursor:true,
  156. tip_delay_time:90,
  157. tip_fade_speed:600,
  158. attribute:"title"
  159. });
  160. });
  161. })(jQuery);
  162. </script>
  163. <script>
  164. $(document).mouseover(function(){
  165. $(document).mousemove(function(e){
  166. $("#cursor").css({left:e.pageX, top:e.pageY});
  167. });
  168. });
  169. </script>
  170. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  171.  
  172. {block:IndexPage}
  173. <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script>
  174.  
  175. {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScrolling}
  176.  
  177.  
  178. <script type="text/javascript">
  179. $(window).load(function () {
  180. $('#posts').masonry(),
  181. $('.masonryWrap').infinitescroll({
  182. navSelector : "#pagination",
  183. nextSelector : "#pagination a#next",
  184. itemSelector : ".post",
  185. bufferPx : 10000,
  186. extraScrollPx: 11000,
  187. loadingImg : "",
  188. loadingText : "",
  189. },
  190. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  191. );
  192. });
  193. </script>
  194. {/block:IndexPage}
  195.  
  196. <style>
  197.  
  198. #cursor{
  199. position:absolute;
  200. margin:3px;
  201. -webkit-transition: all 10ms ease;
  202. -moz-transition: all 10ms ease;
  203. -ms-transition: all 10ms ease;
  204. -o-transition: all 10ms ease;
  205. transition: all 10ms ease;
  206. max-width:25px;
  207. z-index:9000000000000;
  208. }
  209.  
  210. @font-face {
  211. font-family: 'General Store';
  212. src: local('General Store'),
  213. url('http://static.tumblr.com/iwxqvyr/6IGmryz2p/general_store.ttf') format('truetype');
  214. font-weight: normal;
  215. font-style: normal;
  216. }
  217.  
  218. #s-m-t-tooltip {
  219. display:none;
  220. text-align:center;
  221. position:absolute;
  222. -webkit-transition: all 0ms ease;
  223. -moz-transition: all 0ms ease;
  224. -ms-transition: all 0ms ease;
  225. -o-transition: all 0ms ease;
  226. transition: all 0ms ease;
  227. z-index:500000000000000;
  228. padding: 4px;
  229. background: #fff;
  230. margin-left: 8px;
  231. margin-top:5px;
  232. border: 1px solid #333;
  233. font-size: 11px;
  234. font-family: "Pathway Gothic One";
  235. letter-spacing: 1px;
  236. text-transform: uppercase;
  237. }
  238.  
  239.  
  240. {block:ifNotUseNormalScrollbar}
  241. ::-webkit-scrollbar {width: {text:Scrollbar width}px; height:{text:Scrollbar width}px; background:#ffffff}
  242.  
  243. ::-webkit-scrollbar-corner {background:#ffffff}
  244.  
  245. ::-webkit-scrollbar-button:vertical {height:4px; width: 7px; display: block; background:{color:Scrollbar}}
  246.  
  247. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:Scrollbar}}
  248.  
  249. ::-webkit-scrollbar-thumb:vertical {background:{color:Scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  250.  
  251. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid }
  252.  
  253. ::-webkit-scrollbar-thumb {background: {color:Scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  254.  
  255. ::-webkit-scrollbar-thumb:hover {background: {color:Scrollbar}; {block:ifUseMiniCursor}cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'), auto{/block:ifUseMiniCursor}}
  256.  
  257. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}{/block:ifNotUseNormalScrollbar}
  258.  
  259. {block:ifUseMiniCursor}
  260. html{ cursor:url('http://static.tumblr.com/7svvack/kl0mp1gfn/my_mouse.png'), auto }
  261.  
  262. a, a:hover { cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),auto}{/block:ifUseMiniCursor}
  263.  
  264. body {
  265. background: {color:background} url({image:Background});
  266. font-family: {block:ifPixelFont}"VT323",{/block:ifPixelFont} {font:Body};
  267. font-size: {text:font size}px;
  268. color: {color:Text};
  269. {select:Background Style}
  270. }
  271.  
  272. a {
  273. color: {color:Links};
  274. text-decoration: none;
  275. }
  276. a:hover {
  277. color: {color:Links Hover};
  278. text-decoration: none;
  279. }
  280.  
  281. * {
  282. -webkit-transition: all 500ms ease;
  283. -moz-transition: all 500ms ease;
  284. -ms-transition: all 500ms ease;
  285. -o-transition: all 500ms ease;
  286. transition: all 500ms ease;
  287. margin: 0px;
  288. }
  289.  
  290. #posts {
  291. width: 570px;
  292. padding-left:225px;
  293. text-align: right;
  294. margin-top: 5px;
  295. }
  296.  
  297. .post, .crap {
  298. margin-bottom: 15px;
  299. text-align: left;
  300. background: {color:Posts Bg};
  301. margin: 5px;
  302. {block:IndexPage}
  303. {block:ifNot2columns}
  304. width: 500px;
  305. {/block:ifNot2columns}
  306. {block:if2columns}
  307. width: 250px;
  308. {/block:if2columns}
  309. {/block:IndexPage}
  310. {block:PermalinkPage}
  311. width: 500px;
  312. {/block:PermalinkPage}
  313. padding: 10px;
  314. border: 1px dashed {color:Border};
  315. -webkit-border-radius: 10px;
  316. border-radius: 10px;
  317. {block:IfShadow}
  318. -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);
  319. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);
  320. {/block:IfShadow}
  321. }
  322.  
  323. .post img {
  324. max-width: 100%;
  325. }
  326.  
  327. .audio_player iframe {
  328. width: 100%;
  329. height: 60px;
  330. }
  331.  
  332. .chat .line {
  333. padding: 5px;
  334. border: 1px solid rgba(0,0,0,.1);
  335. border-top: 0px;
  336. }
  337. .chat .line:first-child {
  338. border-top: 1px solid rgba(0,0,0,.1);
  339. }
  340.  
  341. .chat .line.even {
  342. background: rgba(0,0,0,.01);
  343. }
  344.  
  345. .label {
  346. font-weight: bold;
  347. }
  348.  
  349. .reblogg {
  350. font-size: 9px;
  351. font-family: "Strait";
  352. margin: -10px;
  353. margin-top: 10px;
  354. letter-spacing: 1px;
  355. text-align: center;
  356. padding: 5px;
  357. -webkit-border-radius: 0 0 10px 10px;
  358. border-radius: 0 0 10px 10px;
  359. color: {color:Tags and info};
  360. background: {color:Tags and info Bg};
  361. opacity: 1;
  362. }
  363.  
  364. .reblogg a {
  365. color: {color:Tags and info};
  366. }
  367.  
  368. .reblogg a:hover {
  369. color: {color:Tags and info hover};
  370. }
  371.  
  372. .reblogg:hover {
  373. opacity: .9;
  374. }
  375.  
  376. .ralsir{
  377. float: right;
  378. }
  379.  
  380. .title {
  381. font-size: 130%;
  382. }
  383.  
  384. blockquote {
  385. margin-left:5px;
  386. border-left: 3px solid {color:Blockquotes};
  387. padding-left:5px;
  388. }
  389.  
  390. .tags {
  391. text-align: left;
  392. clear: both;
  393. }
  394. .va {
  395. width: 1px;
  396. height: 100%;
  397. display: inline-block;
  398. vertical-align: middle;
  399. }
  400.  
  401.  
  402. .sym {
  403. font-family: "General Store";
  404. margin-right: 5px;
  405. display: inline-block;
  406. }
  407.  
  408. .unos {
  409. float: left;
  410. text-transform: uppercase;
  411. }
  412.  
  413. .like_button {position:relative; display:inline-block;
  414. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important; }
  415. #oh {}
  416. .like_button iframe {position:absolute; top:0; left:0; width:100%;
  417. height: 15px;
  418. opacity: 0;
  419. margin-top: -3px;
  420. z-index: 5;
  421.  
  422. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;}
  423. .like_button::before {content:'j'; font-family:'general store'!important; text-transform:lowercase!important; position:relative; font-size:8px; z-index:3;
  424. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer !important;}
  425. .like_button:hover:before, .like_button.liked:before {color:#ff0000;
  426. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;
  427. }
  428.  
  429. .rebloggit:hover {
  430. color: green;
  431. }
  432.  
  433. .minjs {
  434. height: 0px;
  435. clear: both;
  436. width: 100%;
  437. }
  438.  
  439.  
  440. .asker img{
  441. height: 55px;
  442. float:left;
  443. margin: 5px;
  444. border: 1px {color:Posts Bg} solid;
  445. }
  446.  
  447. .arrow_box {
  448. background: {color:Tags and info bg};
  449. padding: 5px;
  450. color: {color:Tags and info};
  451.  
  452. }
  453.  
  454. .askername {
  455. font-size: 12px;
  456. font-family: pathway gothic one;
  457. letter-spacing: 1px;
  458. text-transform: uppercase;
  459. padding-top: 9px;
  460. }
  461.  
  462. .answer {
  463. clear:both;
  464. }
  465.  
  466. #sidebar {
  467. position: fixed;
  468. height: 100%;
  469. width: 202px;
  470. left: 50%;
  471. right: 50%;
  472. margin-left: -390px;
  473. }
  474.  
  475. .oh {
  476. vertical-align: middle;
  477. display: inline-block;
  478. width: 200px;
  479. }
  480.  
  481.  
  482. #desc{
  483. background: {color:Sidebar Bg};
  484. padding: 10px;
  485. border: 1px dashed {color:Border};
  486. -webkit-border-radius: 10px;
  487. position: relative;
  488. border-radius: 10px;
  489. {block:IfShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);
  490. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);{/block:IfShadow}
  491. }
  492.  
  493. #dooweeeedoooo {
  494. display: block;
  495. width: 90%;
  496. margin: auto;
  497. {block:ifSidebarImageShadow}-webkit-filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, .05));{/block:ifSidebarImageShadow}
  498. }
  499.  
  500.  
  501.  
  502. #links {
  503. -webkit-border-radius: 5px 5px 0 0;
  504. border-radius: 7px 7px 0 0;
  505. background: {color:Sidelinks bg};
  506. overflow: hidden;
  507. margin: -5px;
  508. display: block;
  509. text-align: center;
  510. margin-bottom: 2px;
  511. height: 25px;
  512. }
  513.  
  514.  
  515.  
  516. #links a {
  517. width: 11px;
  518. height: 11px;
  519. padding: 6px;
  520. color: {color:Sidelinks};
  521. background: {color:Sidelinks bg};
  522. display: inline-block;
  523. }
  524.  
  525.  
  526.  
  527. #holder #linkery {
  528. display: inline-block;
  529. margin: 0;
  530. font: inherit;
  531. outline:none;
  532. -webkit-appearance:none;
  533. border: solid {color:Border} 1px;
  534. width: 140px;
  535. z-index: 13;
  536. position: absolute;
  537. margin-left: 15px;
  538. margin-top: 5px;
  539. {block:IfShadow}-webkit-box-shadow: 11px 6px 0px -5px rgba(0, 0, 0, .05), 12px 12px 0px -6px rgba(0, 0, 0, .05);
  540. box-shadow: 11px 6px 0px -5px rgba(0, 0, 0, .05), 12px 12px 0px -6px rgba(0, 0, 0, .05);{/block:IfShadow}
  541. }
  542.  
  543. @media screen and (-webkit-min-device-pixel-ratio:0) {
  544. #holder #linkery t {
  545. padding-right:30px;
  546. }
  547. }
  548.  
  549.  
  550.  
  551. #holder:after {
  552. pointer-events: none;
  553. content: "▼";
  554. text-shadow: 1px 0px 0px {color:Border}, -1px 0px 0px {color:Border}, 1px 1px 0px {color:Border}, 1px -1px 0px {color:Border}, -1px 1px 0px {color:Border}, 0px 1px 0px {color:Border}, 0px -1px 0px {color:Border}, -1px -1px 0px {color:Border};
  555. position:absolute;
  556. margin-top: 6px;
  557. padding: 3px;
  558. color: rgba(255,255,255,.8);
  559. opacity: .6;
  560. margin-left: 135px;
  561. font-size: 80%;
  562. z-index: 14;
  563. }
  564.  
  565. #pagination {
  566. text-align: center;
  567. margin-top: 30px;
  568. {block:ifInfiniteScrolling}
  569. display: none;
  570. {/block:ifInfiniteScrolling}
  571. }
  572.  
  573. #pagination a {
  574. padding: 3px;
  575. background: {color:Sidebar Bg};
  576. border: 1px solid {color:Border};
  577. font-family: "strait";
  578. display: inline-block;
  579. color: {color:Sidebar Text};
  580. height: 10px;
  581. font-size: 9px;
  582. {block:IfShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);
  583. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);{/block:IfShadow}
  584. width: 10px;
  585.  
  586. }
  587.  
  588. #pagination span, #pagination a:hover {
  589. padding: 3px;
  590. background: {color:Sidebar Bg};
  591. border: 1px solid {color:Border};
  592. font-family: strait;
  593. display: inline-block;
  594. color: {color:Sidebar Text};
  595. height: 10px;
  596. font-size: 9px;
  597. width: 10px;
  598. {block:IfShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);
  599. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .05);{/block:IfShadow}
  600. -webkit-filter: contrast(.8);
  601. }
  602.  
  603. ol,ul {
  604. padding: 0;
  605. list-style: inside;
  606. }
  607.  
  608.  
  609. ol.notes {
  610. padding: 0px;
  611. list-style-type: none;=
  612. }
  613.  
  614. ol.notes li.note {
  615. padding: 5px;
  616. background: rgba(125,125,125,0.05);
  617. border: 1px solid rgba(125,125,125,0.1);
  618. margin: 10px;
  619. }
  620.  
  621. ol.notes li.note:nth-child(odd) {
  622. margin-right: 30px;
  623. }
  624.  
  625. ol.notes li.note img.avatar {
  626. vertical-align: -4px;
  627. width: 16px;
  628. height: 16px;
  629. }
  630.  
  631. ol.notes li.note span.action {
  632. }
  633.  
  634. ol.notes li.note .answer_content {
  635. font-weight: normal;
  636. }
  637.  
  638. ol.notes li.note blockquote {
  639. display: inline-block;
  640. margin: 3px;
  641. }
  642.  
  643. #title {
  644. width: 540px;
  645. font-family: "Unica One";
  646. font-size: 30px;
  647. padding-left: 193px;
  648. margin-top: 5px;
  649. margin-bottom: 10px;
  650. text-align: left;
  651. }
  652.  
  653. #title .crap {
  654. width: 500px;
  655. {block:Indexpage}
  656. {block:if2Columns}
  657. width: 535px;
  658. {block:if2Columns}
  659. {block:Indexpage}
  660. }
  661.  
  662. #title .crap.ugh {
  663. padding-top: 2px;
  664. padding-bottom: 2px;
  665. }
  666.  
  667. #title .crap img {
  668. -webkit-border-radius: 5px;
  669. border-radius: 5px;
  670. display: block;
  671. width: 100%;
  672. }
  673.  
  674. .crap.ugh.after {
  675. width: 420px !important;
  676. margin: auto;
  677. position: relative;
  678. left: 10px;
  679. font-size: smaller;
  680. margin-top: -6px;
  681. -webkit-border-radius:0 0 10px 10px;
  682. border-radius: 0 0 10px 10px;
  683. }
  684.  
  685.  
  686. {CustomCss}
  687.  
  688. </style>
  689.  
  690. <link href='http://fonts.googleapis.com/css?family=Passero+One|Squada+One|Pathway+Gothic+One|Strait|Iceberg|Special+Elite|Unica+One' rel='stylesheet' type='text/css'>
  691. <meta name="if:White Credit" content="0"> <link href='http://fonts.googleapis.com/css?family=Squada+One' rel='stylesheet' type='text/css'>{block:ifNotWhiteCredit}<link type="text/css" rel="stylesheet" href="http://static.tumblr.com/iwxqvyr/EkKmrd769/blackcredit.css">{/block:ifNotWhiteCredit} {block:ifWhiteCredit}<link type="text/css" rel="stylesheet" href="http://static.tumblr.com/iwxqvyr/Y8amrd9tl/whitecredit.css">{/block:ifWhiteCredit}
  692. </head>
  693. <body>
  694.  
  695. <a href="http://foomthemes.tumblr.com"><div id="credit"> <nobr><div id="foom">FOOM</div>THEMES</nobr> </div></a>
  696.  
  697. <img id="cursor" src="{image:Cursor}" />
  698.  
  699. <div id="sidebar">
  700. <div class="va"></div><div class="oh">
  701. {block:ifSidebarImage}<img src="{image:Sidebar}" id="dooweeeedoooo"/>{/block:ifSidebarImage}
  702. <div id="desc">
  703. {block:ifNotRomanNumerals}
  704. <div id="links" class="sym">
  705. <a href="/" title="home">a</a><a href="/ask" title="ask">b</a>
  706. <a href="/archive" title="archive">h</a>
  707. {block:ifLink1}<a href="{text:Link1}" {block:ifLink1Text}title="{text:Link1text}"{/block:ifLink1Text}>{select:Link1 icon}</a>{/block:ifLink1}
  708. {block:ifLink2}<a href="{text:Link2}" {block:ifLink2Text}title="{text:Link2text}"{/block:ifLink2Text}>{select:Link2 icon}</a>{/block:ifLink2}
  709. {block:ifLink3}<a href="{text:Link3}" {block:ifLink3Text}title="{text:Link3text}"{/block:ifLink3Text}>{select:Link3 icon}</a>{/block:ifLink3}
  710. {block:ifLink4}<a href="{text:Link4}" {block:ifLink4Text}title="{text:Link4text}"{/block:ifLink4Text}>{select:Link4 icon}</a>{/block:ifLink4}
  711. </div>
  712. {/block:ifNotRomanNumerals}
  713. {block:ifRomanNumerals}
  714. <div id="links" class="rom">
  715. <a href="/" title="home">I</a><a href="/ask" title="ask">II</a><a href="/archive" title="archive">III</a>{block:ifLink1}<a href="{text:Link1}" {block:ifLink1Text}title="{text:Link1text}"{/block:ifLink1Text}>IV</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link2}" {block:ifLink2Text}title="{text:Link2text}"{/block:ifLink2Text}>V</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link3}" {block:ifLink3Text}title="{text:Link3text}"{/block:ifLink3Text}>VI</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link4}" {block:ifLink4Text}title="{text:Link4text}"{/block:ifLink4Text}>VII</a>{/block:ifLink4}
  716. </div>
  717. {/block:ifRomanNumerals}
  718. {Description}
  719. {block:HasPages}<div id="holder"><select id="linkery" onchange="location.href=this.options[this.selectedIndex].value;">
  720. <option>LINKS</option>
  721. {block:Pages}
  722. <option value="{URL}">{label}</option>
  723. {/block:Pages}
  724. </select>
  725. </div>{/block:HasPages}
  726. </div>
  727. {block:Pagination}
  728. <div id="pagination">
  729. {block:PreviousPage}<a href="{PreviousPage}" title="Previous Page">←</a>{/block:PreviousPage}
  730.  
  731. {block:JumpPagination length="5"}
  732. {block:CurrentPage}
  733. <span>{PageNumber}</span>
  734. {/block:CurrentPage}
  735. {block:JumpPage}
  736. <a href="{URL}">{PageNumber}</a>
  737. {/block:JumpPage}
  738. {/block:JumpPagination}
  739.  
  740. {block:NextPage}
  741. <a href="{NextPage}" title="Next Page" id="next">→</a>{/block:NextPage}
  742. </div>
  743. {/block:Pagination}
  744. </div><div class="va"></div>
  745. </div>
  746.  
  747. <center>
  748. <div id="title">
  749. {block:ifHeaderImage}<div class="crap img">
  750. <img src="{image:Header}">
  751. </div>{/block:ifHeaderImage}
  752. <div class="crap ugh {block:ifHeaderImage}after{/block:ifHeaderImage}">
  753. <center>{block:ifBlogTitle}{text:Blog Title}{/block:ifBlogTitle}{block:ifNotBlogTitle}{Title}{/block:ifNotBlogTitle}</center>
  754. </div>
  755. </div>
  756. <div id="posts">
  757. {block:Posts}
  758. <div class="post">
  759. {block:Answer}
  760. <div class="asker"><img src="{AskerPortraitURL-128}"/></div>
  761. <div class="askername"><nobr>{Asker}</nobr></div>
  762. <div class="arrow_box"><strong>{Question}</strong></div>
  763. <div class="answer">
  764. {Answer}
  765. </div>
  766. {/block:Answer}
  767.  
  768. {block:Text}
  769. {block:Title}
  770. <div class="title">{Title}</div>
  771. {/block:Title}
  772.  
  773. <div class="caption">{Body}</div>
  774. {/block:Text}
  775. {block:Photo}
  776. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  777.  
  778. {block:Caption}
  779. <div class="caption">{Caption}</div>
  780. {/block:Caption}
  781. {/block:Photo}
  782.  
  783. {block:Panorama}
  784. {LinkOpenTag}
  785. <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></center>
  786. {LinkCloseTag}
  787.  
  788. {block:Caption}
  789. <div class="caption">{Caption}</div>
  790. {/block:Caption}
  791. {/block:Panorama}
  792.  
  793. {block:Photoset}
  794. <center>{block:IndexPage}{block:ifNot2columns}{Photoset-500}{/block:ifNot2columns}
  795. {block:if2columns}{Photoset-250}{/block:if2columns}
  796.  
  797. {/block:IndexPage}
  798. {block:PermalinkPage}
  799. {Photoset-500}
  800. {/block:PermalinkPage}</center>
  801.  
  802. {block:Caption}
  803. <div class="caption">{Caption}</div>
  804. {/block:Caption}
  805. {/block:Photoset}
  806. {block:Quote}
  807. <center><div class="title">"{Quote}"</div>
  808.  
  809. {block:Source}
  810. <div class="source">{Source}</div>
  811. {/block:Source}</center>
  812. {/block:Quote}
  813.  
  814. {block:Link}
  815. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  816.  
  817. {block:Description}
  818. <div class="caption">{Description}</div>
  819. {/block:Description}
  820. {/block:Link}
  821.  
  822. {block:Chat}
  823. {block:Title}
  824. <div class="title">{Title}</div>
  825. {/block:Title}
  826. <div class="chat">
  827. {block:Lines}
  828. <div class="{Alt} user_{UserNumber} line">
  829. {block:Label}
  830. <span class="label">{Label}</span>
  831. {/block:Label}
  832. {Line}
  833. </div>
  834. {/block:Lines}
  835. </div>
  836. {/block:Chat}
  837.  
  838. {block:Video}
  839. {block:IndexPage}{block:ifNot2columns}{Video-500}{/block:ifNot2columns}
  840. {block:if2columns}{Video-250}{/block:if2columns}
  841.  
  842. {/block:IndexPage}
  843. {block:PermalinkPage}
  844. {Photoset-500}
  845. {/block:PermalinkPage}
  846.  
  847. {block:Caption}
  848. <div class="caption">{Caption}</div>
  849. {/block:Caption}
  850. {/block:Video}
  851.  
  852. {block:Audio}
  853. {AudioPlayerWhite}
  854.  
  855. {block:Caption}
  856. <div class="caption">{Caption}</div>
  857. {/block:Caption}
  858. {/block:Audio}
  859.  
  860. {block:Date}<div class="reblogg">
  861.  
  862. <div class="ralsir"><a href="{ReblogURL}" class="sym rebloggit" title="Reblog">d</a>
  863. <div style="margin-top:-10px; margin-left:30px;" id="oh"><a title="like this post">{LikeButton color="grey" size="10"}</a></div></div>
  864. <div class="unos">
  865. <a href="{permalink}">{12Hour}:{minutes}{AMPM} | {monthNumber}/{DayOfMonth}/{shortyear}</a>
  866. |
  867. <a href="{Permalink}" >{NoteCountWithLabel}</a>
  868. {block:RebloggedFrom}|
  869. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  870. {/block:RebloggedFrom}
  871. {block:ContentSource}|
  872. <a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>
  873. {/block:ContentSource}
  874. </div>
  875. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" style="text-transform:none;">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  876. <div class="minjs"></div>
  877. </div></div>
  878. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}{/block:Date}
  879.  
  880. {/block:Posts}
  881. </div></center>
  882. </body>
  883. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!