API tools faq
paste
foomthemes

THEME 15: PHYSICS YOU MORON

foomthemes
Oct 24th, 2013
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.41 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 15: PHYSICS YOU MORON 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.  
  29. <meta name="image:Background" 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:Background" content="#303030">
  36. <meta name="color:Border" content="#000000">
  37. <meta name="color:Border Text" content="#ffffff">
  38. <meta name="color:Content Bg" content="#f7f7f7">
  39. <meta name="color:Posts Bg" content="#ffffff">
  40. <meta name="color:Page Links" content="#ffffff">
  41. <meta name="color:Blog title" content="#ffffff">
  42. <meta name="color:Blockquotes" content="#cccccc">
  43. <meta name="color:Tags and Info BG" content="#ffffff">
  44. <meta name="color:Tags and Info" content="#aaaaaa">
  45. <meta name="color:Tags and Info Hover" content="#000000">
  46. <meta name="text:Blog Title" content="">
  47. <meta name="text:Font Size" content="15">
  48.  
  49. <meta name="color:Scrollbar" content="#000000">
  50. <meta name="text:Scrollbar Width" content="8">
  51.  
  52. <meta name="if:Use Mini Cursor" content="0">
  53. <meta name="if:Transparent Posts" content="0">
  54. <meta name="if:Border" content="0">
  55. <meta name="if:Use Normal Scrollbar" content="0">
  56.  
  57. <meta name="font:Body" content="Arial"/>
  58.  
  59.  
  60. <meta name="select:Background Style" content="" title="Normal"/>
  61. <meta name="select:Background Style" content="background-attachment: fixed; background-repeat:no-repeat;" title="Fixed, Non-repeating"/>
  62. <meta name="select:Background Style" content="background-attachment: fixed; background-size:100% 100%;" title="Fixed and 100%"/>
  63. <meta name="select:Background Style" content="background-attachment: fixed; background-size:cover;" title="Fixed and Covered"/>
  64. <meta name="select:Background Style" content="background-attachment: fixed;" title="Fixed"/>
  65. <meta name="select:Background Style" content="background-repeat: no-repeat;" title="Non-repeating"/>
  66. <meta name="select:Background Style" content="background-size: 100% 100%;" title="100%"/>
  67. <meta name="select:Background Style" content="background-size: cover;" title="Covered"/>
  68.  
  69.  
  70.  
  71. <meta name="color:Sidebar Bg" content="#aaaaaa"/>
  72. <meta name="color:Sidebar Text" content="#ffffff"/>
  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.  
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84.  
  85. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88.  
  89. (function($){
  90. $(document).ready(function(){
  91. $("*[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:90,
  94. tip_fade_speed:600,
  95. attribute:"title"
  96. });
  97. });
  98. })(jQuery);
  99. </script>
  100. <script>
  101. $(document).mouseover(function(){
  102. $(document).mousemove(function(e){
  103. $("#cursor").css({left:e.pageX, top:e.pageY});
  104. });
  105. });
  106. </script>
  107. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  108. <style>
  109.  
  110. #cursor{
  111. position:absolute;
  112. margin:3px;
  113. -webkit-transition: all 10ms ease;
  114. -moz-transition: all 10ms ease;
  115. -ms-transition: all 10ms ease;
  116. -o-transition: all 10ms ease;
  117. transition: all 10ms ease;
  118. max-width:25px;
  119. z-index:9000000000000;
  120. }
  121.  
  122. @font-face {
  123. font-family: 'General Store';
  124. src: local('General Store'),
  125. url('http://static.tumblr.com/iwxqvyr/6IGmryz2p/general_store.ttf') format('truetype');
  126. font-weight: normal;
  127. font-style: normal;
  128. }
  129.  
  130. #s-m-t-tooltip {
  131. display:none;
  132. text-align:center;
  133. position:absolute;
  134. -webkit-transition: all 0ms ease;
  135. -moz-transition: all 0ms ease;
  136. -ms-transition: all 0ms ease;
  137. -o-transition: all 0ms ease;
  138. transition: all 0ms ease;
  139. z-index:500000000000000 !important;
  140. padding: 4px;
  141. background: {color:Posts Bg};
  142. margin-left: 16px;
  143. {block:IfCursorImage}
  144. margin-left: 36px;
  145. {/block:IfCursorImage}
  146. margin-top:5px;
  147. color: {color:Links Hover};
  148. border: 3px inset rgba(0,0,0,0.01);
  149. font-size: 11px;
  150. font-family: "Pathway Gothic One";
  151. letter-spacing: 2px;
  152. text-transform: uppercase;
  153. -webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, .5);
  154. box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, .5);
  155. }
  156.  
  157.  
  158. {block:ifNotUseNormalScrollbar}
  159. ::-webkit-scrollbar {width: {text:Scrollbar width}px; height:{text:Scrollbar width}px; background:#ffffff}
  160.  
  161. ::-webkit-scrollbar-corner {background:#ffffff}
  162.  
  163. ::-webkit-scrollbar-button:vertical {height:4px; width: 7px; display: block; background:{color:Scrollbar}}
  164.  
  165. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:Scrollbar}}
  166.  
  167. ::-webkit-scrollbar-thumb:vertical {background:{color:Scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  168.  
  169. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid }
  170.  
  171. ::-webkit-scrollbar-thumb {background: {color:Scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  172.  
  173. ::-webkit-scrollbar-thumb:hover {background: {color:Scrollbar}; {block:ifUseMiniCursor}cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'), auto{/block:ifUseMiniCursor}}
  174.  
  175. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}{/block:ifNotUseNormalScrollbar}
  176.  
  177. {block:ifUseMiniCursor}
  178. html{ cursor:url('http://static.tumblr.com/7svvack/kl0mp1gfn/my_mouse.png'), auto }
  179.  
  180. a, a:hover { cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),auto}{/block:ifUseMiniCursor}
  181.  
  182. body {
  183. background: {color:background} url({image:Background});
  184. font-family: {block:ifPixelFont}"VT323",{/block:ifPixelFont} {font:Body};
  185. font-size: {text:font size}px;
  186. color: {color:Text};
  187. {select:Background Style}
  188. }
  189.  
  190. a {
  191. color: {color:Links};
  192. text-decoration: none;
  193. }
  194. a:hover {
  195. color: {color:Links Hover};
  196. text-decoration: none;
  197. }
  198.  
  199. * {
  200. -webkit-transition: all 500ms ease;
  201. -moz-transition: all 500ms ease;
  202. -ms-transition: all 500ms ease;
  203. -o-transition: all 500ms ease;
  204. transition: all 500ms ease;
  205. margin: 0px;
  206. }
  207.  
  208. #posts {
  209. width: 520px;
  210. padding: 20px;
  211. padding-top: 90px;
  212. background: {color:Content bg};
  213. position: relative;
  214. border-left: {color:Border} 5px solid;
  215. border-right: {color:Border} 5px solid;
  216. }
  217.  
  218. #contentbg {
  219. width: 520px;
  220. padding: 20px;
  221. background: {color:Content bg};
  222. border-left: {color:Border} 5px solid;
  223. border-right: {color:Border} 5px solid;
  224. position: fixed;
  225. height: 100%;
  226. left: 50%;
  227. z-index: -1;
  228. margin-left: -285px;
  229. }
  230.  
  231. .post {
  232. width: 500px;
  233. text-align: left;
  234. border: 5px solid rgba(0,0,0,.01);
  235. {block:ifNotTransparentPosts}background: {color:Posts Bg};{/block:ifNotTransparentPosts}
  236. padding: 5px;
  237. margin-bottom: 20px;
  238. -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  239. box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  240. }
  241.  
  242. .post img {
  243. max-width: 100%;
  244. }
  245.  
  246. .audio_player iframe {
  247. width: 100%;
  248. height: 60px;
  249. }
  250.  
  251. .chat .line {
  252. padding: 5px;
  253. border: 1px solid rgba(0,0,0,.1);
  254. border-top: 0px;
  255. }
  256. .chat .line:first-child {
  257. border-top: 1px solid rgba(0,0,0,.1);
  258. }
  259.  
  260. .chat .line.even {
  261. background: rgba(0,0,0,.01);
  262. }
  263.  
  264. .label {
  265. font-weight: bold;
  266. }
  267.  
  268.  
  269. .reblogg {
  270. font-size: 9px;
  271. font-family: "Strait";
  272. margin: -5px;
  273. margin-top: 5px;
  274. letter-spacing: 1px;
  275. text-align: center;
  276. padding: 5px;
  277. color: {color:Tags and info};
  278. background: {color:Tags and info Bg};
  279. opacity: 1;
  280. }
  281.  
  282. .reblogg a {
  283. color: {color:Tags and info};
  284. }
  285.  
  286. .reblogg a:hover {
  287. color: {color:Tags and info hover};
  288. }
  289.  
  290. .reblogg:hover {
  291. opacity: .9;
  292. }
  293.  
  294. .ralsir{
  295. float: right;
  296. }
  297.  
  298. .title {
  299. font-size: 16px;
  300. text-shadow: 0px 0px 3px {color:Text};
  301. letter-spacing: 2px;
  302. text-align: center;
  303. }
  304.  
  305. blockquote {
  306. margin-left:5px;
  307. border-left: 3px solid {color:Blockquotes};
  308. padding-left:5px;
  309. }
  310.  
  311. .tags {
  312. text-align: left;
  313. clear: both;
  314. }
  315. .va {
  316. width: 1px;
  317. height: 100%;
  318. display: inline-block;
  319. vertical-align: middle;
  320. }
  321.  
  322.  
  323. .sym {
  324. font-family: "General Store";
  325. margin-right: 5px;
  326. display: inline-block;
  327. }
  328.  
  329. .unos {
  330. float: left;
  331. text-transform: uppercase;
  332. }
  333.  
  334. .like_button {position:relative; display:inline-block;
  335. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important; }
  336. #oh {}
  337. .like_button iframe {position:absolute; top:0; left:0; width:100%;
  338. height: 15px;
  339. opacity: 0;
  340. margin-top: -3px;
  341. z-index: 5;
  342.  
  343. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;}
  344. .like_button::before {content:'♥'; text-transform:lowercase!important; position:relative; font-size:12px; z-index:3;
  345. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer !important;}
  346. .like_button:hover:before, .like_button.liked:before {color:#ff0000;
  347. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;
  348. }
  349.  
  350. .reblogbutton:hover {
  351. fill: green;
  352. }
  353.  
  354. .reblogbutton {
  355. fill: {color:Tags and info};
  356. }
  357.  
  358. .minjs {
  359. height: 0px;
  360. clear: both;
  361. width: 100%;
  362. }
  363.  
  364.  
  365. .asker img{
  366. height: 55px;
  367. float:left;
  368. margin: 5px;
  369. border: 1px {color:Posts Bg} solid;
  370. }
  371.  
  372. .arrow_box {
  373. background: {color:Tags and info bg};
  374. padding: 5px;
  375. color: {color:Tags and info};
  376. }
  377.  
  378. .askername {
  379. font-size: 12px;
  380. font-family: pathway gothic one;
  381. letter-spacing: 1px;
  382. text-transform: uppercase;
  383. padding-top: 9px;
  384. }
  385.  
  386. .answer {
  387. clear:both;
  388. }
  389.  
  390. #yo { border-radius: 100px; height:54px; width: 54px; background: url("{PortraitURL-128}") center center; background-size: cover; top: 5px; left: 5px; position: absolute; } #haha { width: 64px; height: 64px; position: relative; background: #fff; -webkit-border-radius: 100px; border-radius: 100px; border: 2px solid {color:border}; margin: -2px;} #linksys { position: absolute; margin: 30px; z-index:100; } #yoio { -webkit-border-radius: 100px 0px 0px 0px; border-radius: 100px 0px 0px 0px; height:32px; width: 32px; background: {color:Border}; position: absolute; top: 0; left:0; opacity: 0.7; } #yia { -webkit-border-radius: 0px 100px 0px 0px; border-radius: 0px 100px 0px 0px; height: 32px; width: 32px; background: {color:Border}; position: absolute; top: 0; right:0; opacity: 0.5; } #yi { -webkit-border-radius: 0px 0px 100px 0px; border-radius: 0px 0px 100px 0px; height: 32px; width: 32px; background: {color:Border}; position: absolute; bottom: 0; right:0; opacity: 0.7; } #yio { -webkit-border-radius: 0px 0px 0px 100px; border-radius: 0px 0px 0px 100px; height: 32px; width: 32px; background: {color:Border}; position: absolute; bottom: 0; left:0; opacity: 0.9; }
  391.  
  392. .container{ position:relative; width: 64px; z-index:1; } .wrap, .circle{ -webkit-transition: -webkit-transform 500ms linear; -webkit-transform-style: preserve-3d; -moz-transition: -moz-transform 500ms linear; -moz-transform-style: preserve-3d; width:113px; height:113px; margin: auto; position:absolute; } .circle{ position:absolute; margin: auto; border:3px solid {color:Border}; border-radius: 230px; } .circle.c2{ border:2px solid {color:Border}; width: 79px; height: 79px; } .c2 { margin: 20px; } .wrap-electron{ border:0px solid #fff; position:absolute; width:100%; height:100%; -webkit-animation: electron 3s linear infinite; -moz-animation: electron 3s linear infinite; } .electron{ width:8px; height:8px; background:{color:Border}; left:50%; margin-left:-8px; border:none; top:-7px; -webkit-transform-origin:50% 50%; } .c2 .wrap-electron{ -webkit-animation: electron 2s linear infinite; -moz-animation: electron 2s linear infinite; margin: 14px; } .c2 .electron{ top:-6px; margin: 14px; } .wrap{ border:0px solid #aaaaaa; } .vertical{ -webkit-animation: vertical 8s linear infinite; -moz-animation: vertical 8s linear infinite; } .horizontal{ -webkit-animation: horizontalRevert 6s linear infinite; -moz-animation: horizontalRevert 6s linear infinite; } .vertical.c2{ -webkit-animation: vertical 4s linear infinite; -moz-animation: vertical 4s linear infinite; } .horizontal.c2{ -webkit-animation: horizontalRevert 3s linear infinite; -moz-animation: horizontalRevert 3s linear infinite; }
  393.  
  394. @-webkit-keyframes electron { from { -webkit-transform: rotateZ(0deg); } to { -webkit-transform: rotateZ(360deg); } } @-webkit-keyframes horizontal { from { -webkit-transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); } } @-webkit-keyframes horizontalRevert { from { -webkit-transform: rotateY(360deg); } to { -webkit-transform: rotateY(0deg); } } @-webkit-keyframes vertical { from { -webkit-transform: rotateX(0deg); } to { -webkit-transform: rotateX(360deg); } } @-webkit-keyframes verticalRevert { from { -webkit-transform: rotateX(360deg); } to { -webkit-transform: rotateX(0deg); } } @-webkit-keyframes lateral { from { -webkit-transform: rotateZ(0deg); } to { -webkit-transform: rotateZ(360deg); } } @-webkit-keyframes lateralRevert { from { -webkit-transform: rotateZ(360deg); } to { -webkit-transform: rotateZ(0deg); } } @-moz-keyframes electron { from { -moz-transform: rotateZ(0deg); } to { -moz-transform: rotateZ(360deg); } } @-moz-keyframes horizontal { from { -moz-transform: rotateY(0deg); } to { -moz-transform: rotateY(360deg); } } @-moz-keyframes horizontalRevert { from { -moz-transform: rotateY(360deg); } to { -moz-transform: rotateY(0deg); } } @-moz-keyframes vertical { from { -moz-transform: rotateX(0deg); } to { -moz-transform: rotateX(360deg); } } @-moz-keyframes verticalRevert { from { -moz-transform: rotateX(360deg); } to { -moz-transform: rotateX(0deg); } } @-moz-keyframes lateral { from { -moz-transform: rotateZ(0deg); } to { -moz-transform: rotateZ(360deg); } } @-moz-keyframes lateralRevert { from { -moz-transform: rotateZ(360deg); } to { -moz-transform: rotateZ(0deg); } }
  395.  
  396. #atoms {
  397. left: 50%;
  398. margin-left: -343px;
  399. position: fixed;
  400. top:2px;
  401. z-index: 101;
  402. }
  403.  
  404. #descs {
  405. position:fixed;
  406. top: 0;
  407. left: 50%;
  408. width: 520px;
  409. z-index: 100;
  410. margin-left: -280px;
  411. height: 20px;
  412. padding: 18px 20px;
  413. font-size: 0;
  414. border-bottom: 5px solid {color:Border};
  415. background: {color:Border};
  416. text-align: center;
  417. }
  418.  
  419. #descs a {
  420. display: inline-block;
  421. font-size: 15px;
  422. font-family: strait;
  423. padding:2px 30px;
  424. position: relative;
  425. z-index: 10;
  426. color: {color:Border Text};
  427. }
  428.  
  429. #descbg {
  430. background: {color:Border Text};
  431. opacity: .2;
  432. position: absolute;
  433. z-index: 5;
  434. width: 100%;
  435. height: 100%;
  436. top: 0;
  437. left: 0;
  438. bottom: 0;
  439. }
  440.  
  441. #desc {
  442. border: 5px solid rgba(0,0,0,0.01);
  443. padding: 5px;
  444. background: #fff;
  445. position: fixed;
  446. top: 25px;
  447. left: 50%;
  448. margin-left: 310px;
  449. width: 115px;
  450. right: 50%;
  451. text-align: justify;
  452. outline: 5px solid {color:border};
  453. }
  454.  
  455.  
  456. #myimg {
  457. display: block;
  458. margin: -10px;
  459. margin-bottom: 5px;
  460. border-bottom: 5px {color:Border} solid;
  461. width: 135px;
  462. }
  463.  
  464. #links {
  465. margin-top: 125px;
  466. }
  467.  
  468. #links svg{
  469. width: 10px;
  470. height: 10px;
  471. padding: 9px;
  472. fill: {color:Border Text};
  473. }
  474.  
  475. #links a {
  476. width: 29px;
  477. height: 29px;
  478. margin: 10px;
  479. background: {color:Border};
  480. border-radius: 20px;
  481. -webkit-border-radius: 20px;
  482. border: 1px solid transparent;
  483. display: block;
  484. margin-left: 45px;
  485. }
  486.  
  487. #links a:hover {
  488. -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1);
  489. box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1);
  490. }
  491.  
  492. #search {
  493. position: absolute;
  494. top: 35px;
  495. margin-left: -8px;
  496. width: 140px;
  497. padding: 5px;
  498. z-index: 10;
  499. background: {color:Posts Bg};
  500. color: {color:Text};
  501. border: 1px solid rgba(0,0,0,0.2);
  502. display: none;
  503. z-index:10;
  504. -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
  505. box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
  506. }
  507.  
  508.  
  509.  
  510. #search input {
  511. padding: 3px;
  512. font-size: 10px;
  513. margin: 0;
  514. outline: 0;
  515. border: 1px solid rgba(0,0,0,0.1);
  516. }
  517.  
  518. #seaarch {
  519. position:relative;
  520. overflow:visible;
  521. }
  522.  
  523. #x {
  524. padding: 5px;
  525. font-size: 7px;
  526. border: 1px solid rgba(0,0,0,0.2);
  527. position:absolute;
  528. margin-left: -24px;
  529. margin-top: 1px;
  530. background: #fff;
  531. width: 7px;
  532. font-family: "Arial"
  533. color: #ccc;
  534. border-radius: 0;
  535. -webkit-border-radius: 0;
  536. }
  537.  
  538. .arrow {
  539. position: relative;
  540. height: 100%;
  541. width: 100%;
  542. padding: 0;
  543. }
  544. .arrow:after, .arrow:before {
  545. bottom: 26px;
  546. border: solid transparent;
  547. content: " ";
  548. height: 0;
  549. width: 0;
  550. position: absolute;
  551. pointer-events: none;
  552. }
  553.  
  554. .arrow:after {
  555. border-color: rgba(255, 255, 255, 0);
  556. border-bottom-color: #ffffff;
  557. border-width: 7px;
  558. left: 50%;
  559. margin-left: -60px;
  560. }
  561. .arrow:before {
  562. border-color: rgba(204, 204, 204, 0);
  563. border-bottom-color: #aaaaaa;
  564. border-width: 8px;
  565. left: 50%;
  566. margin-left: -61px;
  567. }
  568.  
  569. #linkerings a {
  570. display: block;
  571. padding: 3px;
  572. margin: 5px;
  573. text-align: left;
  574. border-left: 5px solid {color:Border};
  575. color: {color:Page Links};
  576. font-family: "Strait";
  577. }
  578.  
  579. #linkerings {
  580. position: absolute;
  581. margin-left: 125px;
  582. }
  583.  
  584. #linkerings a:hover {
  585. border-left: 10px solid {color:Border};
  586. }
  587.  
  588. a#next {
  589. position: fixed;
  590. bottom: 0;
  591. margin: 20px;
  592. left: 50%;
  593. margin-left: 305px;
  594. padding: 5px;
  595. background: {color:Border};
  596. z-index: 100;
  597. width: 15px;
  598. color: {color:Border Text};
  599. height: 15px;
  600. text-align: center;
  601. border: 1px solid {color:Border};
  602. -webkit-box-shadow: 0px 0px 10px 0px {color:Border};
  603. box-shadow: 0px 0px 10px 0px {color:Border};
  604.  
  605. }
  606.  
  607. a#prev {
  608. position: fixed;
  609. bottom: 0;
  610. margin: 20px;
  611. left: 50%;
  612. margin-left: -330px;
  613. padding: 5px;
  614. background: {color:Border};
  615. z-index: 100;
  616. width: 15px;
  617. color: {color:Border Text};
  618. height: 15px;
  619. text-align: center;
  620. -webkit-box-shadow: 0px 0px 10px 0px {color:Border};
  621. box-shadow: 0px 0px 10px 0px {color:Border};
  622. border: 1px solid {color:Border};
  623. }
  624.  
  625. a#next:hover, a#prev:hover {
  626. border-color: {color:Border Text};
  627. }
  628.  
  629. #credit {
  630. padding: 2px;
  631. font-family: "Nova Mono";
  632. font-size: 11px;
  633. display: inline-block;
  634. color: #fff;
  635. text-shadow:
  636. -1px -1px 0 rgba(0,0,0,1),
  637. 1px -1px 0 rgba(0,0,0,1),
  638. -1px 1px 0 rgba(0,0,0,1),
  639. 1px 1px 0 rgba(0,0,0,1),
  640. -1px 0px 0 rgba(0,0,0,1),
  641. -0px -1px 0 rgba(0,0,0,1),
  642. 1px -0px 0 rgba(0,0,0,1),
  643. 0px 1px 0 rgba(0,0,0,1);
  644. height: 14px;
  645. width: 60px;
  646. overflow: hidden;
  647. z-index: 10000000000000000000000000;
  648. position: fixed;
  649. bottom: 0;
  650. margin: 30px;
  651. right: 0;
  652. }
  653.  
  654. #credit #inner {
  655. animation:credit 3s infinite;
  656. -webkit-animation:credit 5s infinite;
  657. position: relative;
  658. -webkit-transition: all 0ms ease;
  659. -moz-transition: all 0ms ease;
  660. -ms-transition: all 0ms ease;
  661. -o-transition: all 0ms ease;
  662. transition: all 0ms ease;
  663. }
  664.  
  665. @keyframes credit {
  666. 0% {top: 0; left: 0;}
  667. 19% {top: 0; left: 0; font-size: 11px;}
  668. 20% {top: -10px; left: -15px; font-size: 40px;}
  669. 21% {top: 0; left: 0; font-size: 11px;}
  670. 49% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  671. 50% {top: -50px; left: 5px; font-size: 20px; opacity: .6;}
  672. 51% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  673. 79% {top: 0; left: 0; font-size: 11px;}
  674. 80% {top: -30px; left: -35px; font-size: 30px;}
  675. 81% {top: 0; left: 0; font-size: 11px;}
  676. 100% {top: 0; left: 0;}
  677. }
  678.  
  679. @-webkit-keyframes credit /* Webkit Browsers */ {
  680. 0% {top: 0; left: 0;}
  681. 19% {top: 0; left: 0; font-size: 11px;}
  682. 20% {top: -10px; left: -15px; font-size: 40px;}
  683. 21% {top: 0; left: 0; font-size: 11px;}
  684. 49% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  685. 50% {top: -50px; left: 5px; font-size: 20px; opacity: .6;}
  686. 51% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  687. 79% {top: 0; left: 0; font-size: 11px;}
  688. 80% {top: -30px; left: -35px; font-size: 30px;}
  689. 81% {top: 0; left: 0; font-size: 11px;}
  690. 100% {top: 0; left: 0;}
  691. }
  692. </style>
  693.  
  694. <link href='http://fonts.googleapis.com/css?family=Passero+One|Squada+One|Pathway+Gothic+One|Strait|Iceberg|Special+Elite|Nosifer|Bigelow+Rules|Creepster|Butcherman|Nova+Mono|Nova+Slim|Eater|Henny+Penny|VT323|Freckle+Face' rel='stylesheet' type='text/css'>
  695.  
  696. <script>
  697. $(document).ready(function(){
  698. $("span").click(function(){
  699. $("#search").fadeIn();
  700. });
  701.  
  702. $("#x").click(function(){
  703. $("#search").hide();
  704. });
  705. });
  706. </script>
  707.  
  708. </head>
  709. <body>
  710. <a href="http://foomthemes.tumblr.com"><div id="credit"> <nobr><div id="inner">FOOMTHEMES</nobr></div></div></a>
  711.  
  712. {block:ifCursorImage}<img id="cursor" src="{image:Cursor}" />{/block:ifCursorImage}
  713.  
  714. {block:PreviousPage}
  715. <a href="{PreviousPage}" id="prev">←</a>
  716. {/block:PreviousPage}
  717.  
  718. {block:NextPage}
  719. <a href="{NextPage}" id="next">→</a>
  720. {/block:NextPage}
  721.  
  722. <div id="desc">{block:HasPages}<div id="linkerings">{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}</div>{/block:HasPages}<img src="{image:Sidebar}" id="myimg">{Description}</div>
  723. <div id="atoms">
  724. <div id="linksys">
  725. <div id="haha">
  726. <div id="yoio"></div>
  727. <div id="yi"></div>
  728. <div id="yio"></div>
  729. <div id="yia"></div>
  730. <div id="yo"></div>
  731. </div>
  732. </div>
  733.  
  734. <div class="container">
  735. <div class="wrap">
  736. <div class="circle horizontal c1">
  737. <div class="wrap-electron">
  738. <div class="circle electron"></div>
  739. </div>
  740. </div>
  741. <div class="circle vertical c1">
  742. <div class="wrap-electron">
  743. <div class="circle electron"></div>
  744. </div>
  745. </div>
  746. </div>
  747. <div class="wrap r">
  748. <div class="circle horizontal c2">
  749. <div class="wrap-electron">
  750. <div class="circle electron"></div>
  751. </div>
  752. </div>
  753. <div class="circle vertical c2">
  754. <div class="wrap-electron">
  755. <div class="circle electron"></div>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. <div id="links">
  761. <a href="/" title="home">
  762. <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 75 75" preserveAspectRatio="xMidYMid meet">
  763. <g transform="translate(0,75) scale(0.1,-0.1)" stroke="none">
  764. <path d="M172 567 c-110 -110 -172 -180 -172 -193 0 -26 18 -44 45 -44 12 0 26 5 33 12 9 9 12 -23 12 -145 0 -195 1 -197 115 -197 l75 0 0 115 0 115 90 0 90 0 0 -115 0 -115 75 0 c114 0 115 2 115 197 0 122 3 154 12 145 28 -28 78 -7 78 33 0 13 -61 81 -173 193 -131 131 -178 172 -197 172 -19 0 -66 -41 -198 -173z"/>
  765. </g>
  766. </svg>
  767. </a>
  768.  
  769. <a href="/ask" title="ask">
  770. <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 75 75" preserveAspectRatio="xMidYMid meet">
  771. <g transform="translate(0,75) scale(0.1,-0.1)" stroke="none">
  772. <path d="M208 488 l162 -163 162 163 163 162 -325 0 -325 0 163 -162z"/>
  773. <path d="M0 375 c0 -135 3 -245 8 -245 4 0 62 55 130 123 l122 122 -123 123 c-67 67 -126 122 -130 122 -4 0 -7 -110 -7 -245z"/>
  774. <path d="M602 497 l-122 -122 123 -123 c67 -67 126 -122 130 -122 4 0 7 110 7 245 0 135 -3 245 -8 245 -4 0 -62 -55 -130 -123z"/>
  775. <path d="M167 222 c-64 -64 -117 -121 -117 -125 0 -4 144 -7 320 -7 176 0 320 3 320 8 0 4 -54 61 -120 127 l-120 119 -33 -32 c-41 -40 -56 -40 -92 -2 -16 17 -31 30 -35 30 -3 0 -58 -53 -123 -118z"/>
  776. </g>
  777. </svg>
  778. </a>
  779.  
  780. {block:SubmissionsEnabled}
  781. <a href="/submit" title="submit">
  782. <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 300 300" preserveAspectRatio="xMidYMid meet">
  783. <g transform="translate(0,300) scale(0.1,-0.1)" stroke="none">
  784. <path d="M2464 2959 c-17 -5 -37 -16 -44 -24 -7 -8 -18 -15 -25 -15 -7 0 -46 -31 -87 -69 l-73 -70 255 -255 c200 -201 260 -256 280 -256 25 0 110 74 110 95 0 5 8 18 18 29 35 39 62 121 62 186 0 116 -83 249 -210 335 -71 48 -71 48 -163 50 -51 2 -106 -1 -123 -6z"/>
  785. <path d="M1147 1692 c-709 -710 -907 -913 -907 -932 -1 -14 -9 -43 -20 -65 -11 -22 -20 -49 -20 -60 0 -11 -9 -38 -20 -60 -11 -22 -19 -50 -20 -63 0 -13 -7 -36 -15 -51 -8 -16 -19 -46 -24 -67 -11 -44 -35 -116 -63 -186 -10 -26 -18 -58 -18 -72 0 -14 -9 -35 -20 -46 -11 -11 -20 -29 -20 -40 0 -18 5 -19 48 -13 26 3 66 14 89 24 23 11 52 19 65 19 13 1 41 9 63 20 22 11 48 19 58 20 11 0 33 7 50 15 18 8 55 21 82 29 28 8 77 22 110 31 33 9 65 20 70 25 6 4 26 11 45 15 19 4 51 14 70 23 49 21 1820 1790 1820 1817 0 13 -91 111 -252 272 -139 139 -255 253 -258 253 -3 0 -413 -408 -913 -908z m-640 -1157 c131 -141 142 -174 58 -175 -16 0 -43 -7 -58 -15 -15 -8 -45 -17 -65 -21 -20 -4 -61 -15 -90 -26 -71 -26 -86 -20 -77 33 4 23 16 60 26 83 10 23 19 50 19 61 0 11 9 38 20 60 11 22 19 52 20 66 1 68 37 51 147 -66z"/>
  786. </g>
  787. </svg>
  788. </a>
  789. {/block:SubmissionsEnabled}
  790.  
  791. <a href="/archive" title="archive">
  792. <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 300 300" preserveAspectRatio="xMidYMid meet">
  793. <g transform="translate(0,300) scale(0.1,-0.1)" stroke="none">
  794. <path d="M126 2954 c-3 -9 -6 -665 -6 -1459 0 -1075 3 -1451 12 -1470 l11 -25 1362 0 1361 0 12 33 c9 25 12 378 12 1474 0 1240 -2 1442 -14 1452 -22 18 -334 11 -345 -8 -5 -7 -7 -39 -4 -70 8 -89 4 -91 -187 -91 -191 0 -195 2 -187 91 3 31 1 63 -4 70 -7 12 -113 14 -629 17 -422 2 -627 -1 -640 -8 -17 -9 -20 -21 -20 -81 0 -65 -1 -70 -26 -79 -38 -15 -294 -12 -324 3 -23 12 -25 17 -22 75 3 39 -1 68 -8 77 -19 23 -345 22 -354 -1z m2579 -723 c7 -13 7 -2009 0 -2022 -10 -15 -2378 -12 -2393 3 -17 17 -17 1999 0 2016 15 15 2383 18 2393 3z"/>
  795. <path d="M1049 1866 c-13 -14 -12 -363 2 -372 6 -3 88 -6 182 -6 128 1 172 4 178 14 11 17 11 339 0 356 -10 16 -346 23 -362 8z"/>
  796. <path d="M1609 1866 c-13 -14 -12 -363 2 -372 14 -8 338 -8 347 1 9 9 9 361 0 370 -10 11 -338 11 -349 1z"/>
  797. <path d="M2167 1868 c-13 -8 -18 -361 -5 -373 9 -9 347 -9 356 0 9 9 9 361 0 370 -9 9 -337 12 -351 3z"/>
  798. <path d="M655 1312 c-82 -1 -153 -6 -157 -10 -4 -4 -8 -83 -8 -176 -1 -131 1 -171 12 -177 7 -5 84 -9 170 -9 129 0 159 3 172 16 13 13 16 43 16 172 0 86 -4 162 -8 168 -11 17 -36 19 -197 16z"/>
  799. <path d="M1049 1306 c-15 -16 -12 -342 4 -358 20 -20 344 -9 357 12 12 18 13 320 1 338 -10 16 -346 23 -362 8z"/>
  800. <path d="M1609 1306 c-11 -12 -12 -336 0 -354 6 -11 45 -14 172 -13 143 1 166 4 177 19 10 13 12 57 10 179 -2 89 -6 164 -10 168 -10 11 -338 11 -349 1z"/>
  801. <path d="M2167 1308 c-16 -10 -22 -319 -7 -347 10 -20 19 -21 180 -21 161 0 170 1 180 21 12 22 10 332 -2 344 -9 9 -337 12 -351 3z"/>
  802. <path d="M494 749 c-4 -7 -6 -88 -6 -182 1 -125 5 -173 14 -179 18 -11 320 -10 338 2 21 13 32 337 12 357 -18 17 -347 19 -358 2z"/>
  803. <path d="M1047 753 c-4 -3 -7 -84 -7 -179 0 -129 3 -176 13 -186 10 -10 50 -12 179 -8 92 3 170 9 175 13 4 5 10 83 13 175 4 129 2 169 -8 179 -10 10 -57 13 -186 13 -95 0 -176 -3 -179 -7z"/>
  804. <path d="M1607 753 c-10 -9 -8 -346 2 -361 6 -11 45 -14 172 -13 140 1 166 4 177 18 8 12 12 66 12 184 0 143 -2 168 -16 173 -21 8 -339 8 -347 -1z"/>
  805. </g>
  806. </svg>
  807. </a>
  808.  
  809. <a id="seaarch" href="javascript:void(0);">
  810. <span title="search">
  811. <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 128 128" preserveAspectRatio="xMidYMid meet">
  812. <g transform="translate(0,128) scale(0.1,-0.1)" stroke="none">
  813. <path d="M340 1261 c-88 -28 -140 -60 -201 -120 -144 -144 -181 -371 -90 -549 76 -150 259 -262 425 -262 63 0 166 26 216 55 25 14 28 11 226 -186 235 -234 233 -233 315 -150 83 82 83 80 -149 315 l-199 201 25 60 c50 122 41 279 -25 409 -54 106 -186 208 -304 235 -67 16 -178 12 -239 -8z m278 -126 c75 -33 142 -102 180 -183 23 -49 27 -70 27 -152 0 -84 -3 -102 -28 -151 -30 -62 -103 -136 -164 -167 -100 -51 -227 -48 -334 9 -69 37 -118 89 -157 169 -23 47 -27 67 -27 145 0 76 4 99 26 146 88 187 293 266 477 184z"/>
  814. </g>
  815. </svg>
  816. </span>
  817.  
  818. <div id="search">
  819. <div class="arrow">
  820. <div id="x" title="close">X</div>
  821. <form action="/search" method="get">
  822. <input type="text" name="q" value="" placeholder="Search."/>
  823. <input type="submit" value="GO"/>
  824. </form>
  825. </div>
  826. </div>
  827.  
  828. </a>
  829.  
  830. </div>
  831. </div>
  832. <div id="descs"><div id="descbg"></div><a href="/">{block:ifBlogTitle}{text:Blog Title}{/block:ifBlogTitle}{block:ifNotBlogTitle}{Title}{/block:ifNotBlogTitle}</a></div>
  833. <div id="contentbg"></div>
  834. <center>
  835. <div id="posts">
  836. {block:NoSearchResults}
  837. <div class="post">
  838. <div class="title">Haha sorry dude.</div>
  839. That tag just doesn't exist.
  840. </div>
  841. {/block:NoSearchResults}
  842.  
  843. {block:Posts}
  844. <div class="post">
  845. {block:Answer}
  846. <div class="asker"><img src="{AskerPortraitURL-128}"/></div>
  847. <div class="askername"><nobr>{Asker}</nobr></div>
  848. <div class="arrow_box"><strong>{Question}</strong></div>
  849. <div class="answer">
  850. {Answer}
  851. </div>
  852. {/block:Answer}
  853.  
  854. {block:Text}
  855. {block:Title}
  856. <div class="title">{Title}</div>
  857.  
  858. {/block:Title}
  859.  
  860. <div class="caption">{Body}</div>
  861. {/block:Text}
  862. {block:Photo}
  863. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  864.  
  865. {block:Caption}
  866. <div class="caption">{Caption}</div>
  867. {/block:Caption}
  868. {/block:Photo}
  869.  
  870. {block:Panorama}
  871. {LinkOpenTag}
  872. <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></center>
  873. {LinkCloseTag}
  874.  
  875. {block:Caption}
  876. <div class="caption">{Caption}</div>
  877. {/block:Caption}
  878. {/block:Panorama}
  879.  
  880. {block:Photoset}
  881. <center>{Photoset-500}</center>
  882.  
  883. {block:Caption}
  884. <div class="caption">{Caption}</div>
  885. {/block:Caption}
  886. {/block:Photoset}
  887. {block:Quote}
  888. <center><div class="title">"{Quote}"</div>
  889.  
  890. {block:Source}
  891.  
  892. <div class="source">{Source}</div>
  893. {/block:Source}</center>
  894. {/block:Quote}
  895.  
  896. {block:Link}
  897. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  898.  
  899. {block:Description}
  900.  
  901. <div class="caption">{Description}</div>
  902. {/block:Description}
  903. {/block:Link}
  904.  
  905. {block:Chat}
  906. {block:Title}
  907. <div class="title">{Title}</div>
  908.  
  909. {/block:Title}
  910. <div class="chat">
  911. {block:Lines}
  912. <div class="{Alt} user_{UserNumber} line">
  913. {block:Label}
  914. <span class="label">{Label}</span>
  915. {/block:Label}
  916. {Line}
  917. </div>
  918. {/block:Lines}
  919. </div>
  920. {/block:Chat}
  921.  
  922. {block:Video}
  923. {Video-500}
  924. {block:Caption}
  925. <div class="caption">{Caption}</div>
  926. {/block:Caption}
  927. {/block:Video}
  928.  
  929. {block:Audio}
  930. {AudioPlayerWhite}
  931.  
  932. {block:Caption}
  933. <div class="caption">{Caption}</div>
  934. {/block:Caption}
  935. {/block:Audio}
  936.  
  937. {block:Date}<div class="reblogg">
  938.  
  939. <div class="ralsir"><a href="{ReblogURL}" class="sym rebloggit" title="Reblog"><svg width="9px" height="9px" viewBox="0 0 537 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reblogbutton"><path d="M 98.893,177.139c0.00-7.462, 4.826-12.275, 12.288-12.275L 405.12,164.864 l0.00,83.469 l 118.72-120.947L 405.12,8.678l0.00,81.51 L 49.382,90.189 c-15.206,0.00-27.648,12.429-27.648,27.648l0.00,171.814 l 77.146-71.603L 98.88,177.139 z M 438.874,332.646c0.00,7.45-4.826,12.275-12.275,12.275L 123.75,344.922 l0.00-83.469 l-116.506,120.922l 116.506,120.947l0.00-81.498 l 356.864,0.00 c 15.206,0.00, 27.648-12.454, 27.648-27.648L 508.262,220.134 l-69.402,71.59L 438.861,332.646 z"></path></svg></a>
  940. <div style="margin-top:-13px; margin-left:30px;" id="oh"><a title="like this post">{LikeButton color="grey" size="10"}</a></div></div>
  941. <div class="unos">
  942. <a href="{permalink}">{12Hour}:{minutes}{AMPM} | {monthNumber}/{DayOfMonth}/{shortyear}</a>
  943. |
  944. <a href="{Permalink}" >{NoteCountWithLabel}</a>
  945. {block:RebloggedFrom}|
  946. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  947. {/block:RebloggedFrom}
  948. {block:ContentSource}|
  949. <a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>
  950. {/block:ContentSource}
  951. </div>
  952. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" style="text-transform:none;">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  953. <div class="minjs"></div>
  954. </div></div>
  955. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}{/block:Date}
  956.  
  957. {/block:Posts}
  958. </div></center>
  959. </body>
  960. </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!