API tools faq
paste
foomthemes

THEME 10: Pendragon Crest

foomthemes
Sep 13th, 2013
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.03 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 10: PENDRAGON CREST 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:Sidebar" content="http://static.tumblr.com/iwxqvyr/3DTmqdtqh/sbar.png">
  30. <meta name="image:Cursor" content="">
  31. <meta name="image:Favicon" content="">
  32. <meta name="image:Crest On Banners" 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="#ffffcc">
  37. <meta name="color:Posts Bg" content="#ffffff">
  38. <meta name="color:Blockquotes" content="#cccccc">
  39. <meta name="color:Description Text" content="#ffffff">
  40. <meta name="color:Description Bg" content="#333333">
  41. <meta name="color:Tags and Info BG" content="#ffffff">
  42. <meta name="color:Tags and Info" content="#888877">
  43. <meta name="color:Tags and Info Hover" content="#000000">
  44. <meta name="color:Blog Title" content="#111111">
  45. <meta name="color:Subtitle" content="#000000">
  46. <meta name="color:Top Bg" content="#fdec8a">
  47. <meta name="image:Top Bg" content="">
  48. <meta name="text:Blog Title" content="">
  49. <meta name="text:Font Size" content="13">
  50.  
  51. <meta name="color:Scrollbar" content="#888888">
  52. <meta name="text:Scrollbar Width" content="8">
  53.  
  54. <meta name="if:Use Mini Cursor" content="0">
  55. <meta name="if:Hover Action" content="0">
  56. <meta name="if:Use Normal Scrollbar" content="0">
  57.  
  58. <meta name="font:Body" content="Arial"/>
  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 Covered"/>
  63. <meta name="select:Background Style" content="background-attachment: fixed;" title="Fixed"/>
  64. <meta name="select:Background Style" content="background-repeat: no-repeat;" title="Non-repeating"/>
  65. <meta name="select:Background Style" content="background-size: 100% 100%;" title="Covered"/>
  66.  
  67. <meta name="text:Link 1" content=""/>
  68. <meta name="text:Link 1 Text" content=""/>
  69. <meta name="text:Link 2" content=""/>
  70. <meta name="text:Link 2 Text" content=""/>
  71. <meta name="text:Link 3" content=""/>
  72. <meta name="text:Link 3 Text" content=""/>
  73. <meta name="text:Link 4" content=""/>
  74. <meta name="text:Link 4 Text" content=""/>
  75. <meta name="text:Link 5" content=""/>
  76. <meta name="text:Link 5 Text" content=""/>
  77. <meta name="text:Link 6" content=""/>
  78. <meta name="text:Link 6 Text" content=""/>
  79. <meta name="text:Link 7" content=""/>
  80. <meta name="text:Link 7 Text" content=""/>
  81. <meta name="text:Link 8" content=""/>
  82. <meta name="text:Link 8 Text" content=""/>
  83. <meta name="text:Link 9" content=""/>
  84. <meta name="text:Link 9 Text" content=""/>
  85. <meta name="text:Link 10" content=""/>
  86. <meta name="text:Link 10 Text" content=""/>
  87.  
  88.  
  89. <meta name="text:Subtitle" content="">
  90. <meta name="color:Links" content="#333333">
  91. <meta name="color:Pop Up Links" content="#333333">
  92. <meta name="color:Pop Up Links BG" content="#fdc864">
  93. <meta name="color:Pop Up Bg" content="#ffffff">
  94. <meta name="color:Pop Up Fade Bg" content="#ffffff">
  95. <meta name="color:Pop Up Border" content="#ffcc00">
  96. <meta name="color:Pop Up Title" content="#000000">
  97. <meta name="color:Links Hover" content="#666666">
  98. <meta name="color:Sidebar Links" content="#330000">
  99. <meta name="color:Sidebar Links Bg" content="#ffdd00">
  100. <meta name="color:Shield and Banners" content="#ff0000">
  101. <meta name="color:Shield and Banners Border" content="#ffcc00">
  102. <meta name="color:Description Bg" content="#ffffff">
  103. <meta name="color:Description Text" content="#000000">
  104. <meta name="text:Links Page If Any" content="">
  105. <meta name="if:Yellow Crests on Banners" content="1">
  106. <meta name="if:Black Crests on Banners" content="0">
  107. <meta name="if:White Crests on Banners" content="0">
  108.  
  109. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  110.  
  111. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  112.  
  113. <script>
  114.  
  115. (function($){
  116. $(document).ready(function(){
  117. $("a[title]").style_my_tooltips({
  118. tip_follows_cursor:true,
  119. tip_delay_time:90,
  120. tip_fade_speed:600,
  121. attribute:"title"
  122. });
  123. });
  124. })(jQuery);
  125. </script>
  126. <script>
  127. $(document).mouseover(function(){
  128. $(document).mousemove(function(e){
  129. $("#cursor").css({left:e.pageX, top:e.pageY});
  130. });
  131. });
  132. </script>
  133. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  134. <style>
  135.  
  136. #cursor{
  137. position:absolute;
  138. margin:3px;
  139. -webkit-transition: all 10ms ease;
  140. -moz-transition: all 10ms ease;
  141. -ms-transition: all 10ms ease;
  142. -o-transition: all 10ms ease;
  143. transition: all 10ms ease;
  144. max-width:25px;
  145. z-index:9000000000000;
  146. }
  147.  
  148. @font-face {
  149. font-family: 'General Store';
  150. src: local('General Store'),
  151. url('http://static.tumblr.com/iwxqvyr/6IGmryz2p/general_store.ttf') format('truetype');
  152. font-weight: normal;
  153. font-style: normal;
  154. }
  155.  
  156. #s-m-t-tooltip {
  157. display:none;
  158. text-align:center;
  159. position:absolute;
  160. -webkit-transition: all 0ms ease;
  161. -moz-transition: all 0ms ease;
  162. -ms-transition: all 0ms ease;
  163. -o-transition: all 0ms ease;
  164. transition: all 0ms ease;
  165. z-index:500000000000000;
  166. padding: 4px;
  167. background: #fff;
  168. margin-left: 8px;
  169. margin-top:5px;
  170. border: 1px solid #333;
  171. font-size: 11px;
  172. font-family: "Pathway Gothic One";
  173. letter-spacing: 1px;
  174. text-transform: uppercase;
  175. }
  176.  
  177.  
  178. {block:ifNotUseNormalScrollbar}
  179. ::-webkit-scrollbar {width: {text:Scrollbar width}px; height:{text:Scrollbar width}px; background:#ffffff}
  180.  
  181. ::-webkit-scrollbar-corner {background:#ffffff}
  182.  
  183. ::-webkit-scrollbar-button:vertical {height:4px; width: 7px; display: block; background:{color:Scrollbar}}
  184.  
  185. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:Scrollbar}}
  186.  
  187. ::-webkit-scrollbar-thumb:vertical {background:{color:Scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  188.  
  189. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid }
  190.  
  191. ::-webkit-scrollbar-thumb {background: {color:Scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  192.  
  193. ::-webkit-scrollbar-thumb:hover {background: {color:Scrollbar}; {block:ifUseMiniCursor}cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'), auto{/block:ifUseMiniCursor}}
  194.  
  195. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}{/block:ifNotUseNormalScrollbar}
  196.  
  197. {block:ifUseMiniCursor}
  198. html{ cursor:url('http://static.tumblr.com/7svvack/kl0mp1gfn/my_mouse.png'), auto }
  199.  
  200. a, a:hover { cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),auto}{/block:ifUseMiniCursor}
  201.  
  202. body {
  203. background: {color:background} url({image:Background});
  204. font-family: {font:Body};
  205. font-size: {text:font size}px;
  206. color: {color:Text};
  207. {select:Background Style}
  208. }
  209.  
  210. a {
  211. color: {color:Links};
  212. text-decoration: none;
  213. }
  214. a:hover {
  215. color: {color:Links Hover};
  216. text-decoration: none;
  217. }
  218.  
  219. * {
  220. -webkit-transition: all 500ms ease;
  221. -moz-transition: all 500ms ease;
  222. -ms-transition: all 500ms ease;
  223. -o-transition: all 500ms ease;
  224. transition: all 500ms ease;
  225. margin: 0px;
  226.  
  227. }
  228.  
  229. #posts {
  230. width: 520px;
  231. padding-left:290px;
  232. margin-top: 5px;
  233. }
  234.  
  235. .post {
  236. width: 500px;
  237. margin: 5px;
  238. text-align: left;
  239. background: {color:Posts Bg};
  240. padding: 5px;
  241. }
  242.  
  243. .post img {
  244. max-width: 100%;
  245. }
  246.  
  247. .audio_player iframe {
  248. width: 100%;
  249. height: 60px;
  250. }
  251.  
  252. .chat .line {
  253. padding: 5px;
  254. border: 1px solid rgba(0,0,0,.1);
  255. border-top: 0px;
  256. }
  257. .chat .line:first-child {
  258. border-top: 1px solid rgba(0,0,0,.1);
  259. }
  260.  
  261. .chat .line.even {
  262. background: rgba(0,0,0,.01);
  263. }
  264.  
  265. .label {
  266. font-weight: bold;
  267. }
  268.  
  269.  
  270. .reblogg {
  271. font-size: 9px;
  272. font-family: "Strait";
  273. margin: -5px;
  274. margin-top: 5px;
  275. letter-spacing: 1px;
  276. text-align: center;
  277. padding: 5px;
  278. color: {color:Tags and info};
  279. background: {color:Tags and info Bg};
  280. opacity: 1;
  281. }
  282.  
  283. .reblogg a {
  284. color: {color:Tags and info};
  285. }
  286.  
  287. .reblogg a:hover {
  288. color: {color:Tags and info hover};
  289. }
  290.  
  291. .reblogg:hover {
  292. opacity: .9;
  293. }
  294.  
  295. .ralsir{
  296. float: right;
  297. }
  298.  
  299. .title {
  300. font-size: 130%;
  301. font-family: "Nixie One";
  302. font-weight: bold;
  303. }
  304. .title:first-letter {
  305. font-size: 130%;
  306. font-family: "UnifrakturMaguntia";
  307. font-weight: bold;
  308. }
  309.  
  310. blockquote {
  311. margin-left:5px;
  312. border-left: 3px solid {color:Blockquotes};
  313. padding-left:5px;
  314. }
  315.  
  316. .tags {
  317. text-align: left;
  318. clear: both;
  319. }
  320. .va {
  321. width: 1px;
  322. height: 100%;
  323. display: inline-block;
  324. vertical-align: middle;
  325. }
  326.  
  327.  
  328. .sym {
  329. font-family: "General Store";
  330. margin-right: 5px;
  331. display: inline-block;
  332. }
  333.  
  334. .unos {
  335. float: left;
  336. text-transform: uppercase;
  337. }
  338.  
  339. .like_button {position:relative; display:inline-block;
  340. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important; }
  341. #oh {}
  342. .like_button iframe {position:absolute; top:0; left:0; width:100%;
  343. height: 15px;
  344. opacity: 0;
  345. margin-top: -3px;
  346. z-index: 5;
  347.  
  348. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;}
  349. .like_button::before {content:'j'; font-family:'general store'!important; text-transform:lowercase!important; position:relative; font-size:8px; z-index:3;
  350. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer !important;}
  351. .like_button:hover:before, .like_button.liked:before {color:#ff0000;
  352. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;
  353. }
  354.  
  355. .rebloggit:hover {
  356. color: green;
  357. }
  358.  
  359. .minjs {
  360. height: 0px;
  361. clear: both;
  362. width: 100%;
  363. }
  364.  
  365.  
  366. .asker img{
  367. height: 55px;
  368. float:left;
  369. margin: 5px;
  370. border: 1px {color:Posts Bg} solid;
  371. }
  372.  
  373. .arrow_box {
  374. background: {color:Tags and info bg};
  375. padding: 5px;
  376. color: {color:Tags and info};
  377.  
  378. }
  379.  
  380. .askername {
  381. font-size: 12px;
  382. font-family: pathway gothic one;
  383. letter-spacing: 1px;
  384. text-transform: uppercase;
  385. padding-top: 9px;
  386. }
  387.  
  388. .answer {
  389. clear:both;
  390. }
  391.  
  392.  
  393. /*SHIELD*/
  394. #she { padding:5px;text-align: center; width:225px; height: 270px; border-radius:5px 5px 200px 200px / 40px 40px 400px 400px; font-size: 12px; line-height: 12px; vertical-align:middle; overflow: hidden !important; position: relative; z-index: 7; border:5px solid {color:Shield And Banners Border}; }
  395. #plswork { position: relative; }
  396. #shi { padding:5px; text-align: center; width:225px; height: 270px; border-radius:5px 5px 200px 200px / 40px 40px 400px 400px; font-size: 12px; line-height: 15px; vertical-align:middle; overflow: hidden !important; position: relative; opacity: 0; margin-bottom: -290px; z-index: 8; border:5px solid {color:Shield And Banners Border}; font-family: 'Arial', cursive; background:{color:Description Bg}; color:{color:Description text}; }
  397. * { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
  398. #agent { width: 1px; height: 0px; border-style: solid; border-width: 25px 37px 0 37px; border-color: {color:Shield And Banners Border} transparent transparent transparent; position: absolute; margin-left: 85px; margin-top: -11px; z-index:5; }
  399. .l { float:left; clear: left; height: 12px; }
  400. .r { float:right; clear: right; height: 12px; }
  401. #desc { display: inline-block; vertical-align:middle; width: 203px; word-wrap: break-word; max-height: 160px;}
  402. .bar { display: inline-block; width: 1px; vertical-align:middle; height: 190px;}
  403. #agentsofshield:hover #shi { opacity: 1; }
  404. #gahh { width: 240px; margin-top: -5px; margin-left: -8px; background-color: {color:Shield and Banners}; height: 280px; border-radius:0px 0px 200px 200px / 0px 0px 400px 400px; background-image: url("{image:Sidebar}"); background-size: 100%; }
  405. #agentsofshield { position:fixed; left: 50%; right: 50%; margin-left: -420px; top: 50px; width:250px; padding-left: 50px; padding-bottom: 50px; padding-top: 30px; z-index: 300;}
  406. #title { padding: 5px; text-align: center; font-family: "Eagle Lake"; font-size: 20px; line-height: 20px; font-size: 150%; vertical-align: middle; color:{color:Blog Title}; position: absolute; bottom: 335px; width: 235px; }
  407. #subtitle { padding: 5px; padding-top: 0px;text-align: center; font-family: "Ceviche One";color:{color:Subtitle}; font-size: 20px; line-height: 20px; }
  408. #links a span { position:relative; z-index: 9;}
  409. #links a { position: absolute; height: 20px; background: {color:Sidebar Links Bg}; color: {color:Sidebar Links}; line-height: 20px; padding: 5px; text-align: left; width: 100px; font-family: 'Nixie One', cursive; font-weight: bold; }
  410. #links #a { bottom:165px; left: 106px; opacity: 0; }
  411. #links #b { bottom: 130px; left: 106px; opacity: 0; }
  412. #links #c { bottom: 95px; left: 106px; opacity: 0; }
  413. #links #d { bottom: 60px; left: 106px; opacity: 0; }
  414. #links #e, #links #f { bottom: 35px; left: 106px; opacity: 0; font-size: 10px; height: 10px; width: 20px; line-height: 10px; z-index: 9;}
  415. #links #g { bottom: 60px; left: 240px; font-size: 10px; height: 10px; line-height: 10px; overflow:hidden; width:8px; z-index: 9; font-weight: bold; color:{color:Sidebar Links}; }
  416. #agentsofshield{block:ifHoverAction}:hover{/block:ifHoverAction} #links #a { left: -10px; opacity: 01; }
  417. #agentsofshield{block:ifHoverAction}:hover{/block:ifHoverAction} #links #b { left: 5px; opacity: 01; }
  418. #agentsofshield{block:ifHoverAction}:hover{/block:ifHoverAction} #links #c { left: 20px; opacity: 01; }
  419. #agentsofshield{block:ifHoverAction}:hover{/block:ifHoverAction} #links #d { left: 35px; opacity: 01; }
  420. #agentsofshield{block:ifHoverAction}:hover{/block:ifHoverAction} #links #e { left: 55px; opacity: 01; }
  421. #agentsofshield{block:ifHoverAction}:hover{/block:ifHoverAction} #links #f { left: 90px; opacity: 01; }
  422. #links a:hover{ margin-left: -10px; }
  423. #links #e:hover{ margin-left: -5px; }
  424. #links #f:hover{ margin-left: 5px; }
  425. #links #g:hover{ margin: 0px; cursor: pointer; width: 85px;}
  426. #hide { opacity:0; font-weight:300;} #links #g:hover #hide { opacity:1; }
  427. #links a:first-letter { font-family: "UnifrakturMaguntia"; font-size: 200%; vertical-align: middle; }
  428. /*SHEILD*/
  429.  
  430. #bartender {
  431. width: 100%;
  432. position: fixed;
  433. z-index: -1;
  434. top: 0;
  435. height: 170px;
  436. background: {color:Top Bg} url("{image:Top Bg}");
  437. }
  438.  
  439. #bar {
  440. top: 170px;
  441. position: fixed;
  442. padding: 15px 0;
  443. {block:ifNotOverHeader}z-index: -1;{/block:ifNotOverHeader}
  444. {block:ifOverHeader}z-index: 1;{/block:ifOverHeader}
  445. height: 20px;
  446. width: 100%;
  447. background: {color:Shield And Banners Border};
  448. }
  449.  
  450. /*Pop UP*/
  451. #more { display: none; width: 483px;z-index:1200000; background: {color:Pop Up Bg}; border: 4px solid {color:Pop Up Border}; padding: 5px; position:fixed;top: 300px; left:50%; right:50%; margin-left:-250px; webkit-box-shadow: 0px 0px 60px 0px {color:Pop Up Fade Bg}; box-shadow: 0px 0px 60px 0px {color:Pop Up Fade Bg}; } .linky { display: inline-block; word-wrap:break-word; padding: 5px; margin: 2.5px; border: 1px solid rgba(0,0,0,.1); background: {color:Pop Up Links Bg}; color: {color:Pop Up Links}; text-align: center; width: 100px; font-size: 12px; font-family: "Arial"; } #close { float: right; width: 10px; height: 10px; line-height: 10px; padding: 5px; text-align: center; font-size: 10px; font-family: "Arial"; cursor: pointer; } #seeeeeep { position:fixed; width: 100%; height: 100%; top:0;left:0; background: {color:Pop Up Fade Bg}; opacity: .7;z-index:100000;display:none;} #crusay { -moz-column-count: 4; -moz-column-gap: 0px; -webkit-column-count: 4; -webkit-column-gap: 0px; column-count: 4; column-gap: 0px; }
  452. /*Pop UP*/
  453.  
  454. /*BANNER THINGS*/
  455. .lo { width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 0; border-color: #ffdd00 transparent transparent transparent; margin-top: -1px; } .la { width: 0px; height: 0px; border-style: solid; border-width: 15px 15px 0 0; position:absolute; margin-left: 4px; border-color: {color:Shield and Banners} transparent transparent transparent; margin-top: -1px; } .ra { width: 0px; height: 0px; border-style: solid; border-width: 0 25px 25px 0; border-color: transparent #ffdd00 transparent transparent; margin-left: -5px; margin-top: -1px; } .ro { width: 0px; height: 0px; position:absolute; margin-left: 1px; border-style: solid; border-width: 0 15px 15px 0; margin-top: -1px; border-color: transparent {color:Shield and Banners} transparent transparent; } .left { display:inline-block; width: 20px; overflow: hidden; } .right { display:inline-block; width: 20px; overflow: hidden; } .banner { width: 44px; position:fixed; top: 0; left: 50%; right: 50%; } #rigght.banner { margin-left: -430px; } #lefft.banner { margin-left: 440px; } .toppart { border: 4px solid #ffdd00; border-top:0px; margin-bottom: -4px; background:{color:Shield and Banners}; } .hi { width: 30px; padding: 3px; }
  456. /*BANNER THINGS*/
  457.  
  458. #thatsood {
  459. position: fixed;
  460. left: 50%;
  461. margin-left: 405px;
  462. font-family: "Pathway Gothic One";
  463. font-size: 15px;
  464. letter-spacing: 2px;
  465. width: 120px;
  466. top: 225px;
  467. }
  468.  
  469. #thatsood a {
  470. background: {color:Posts bg};
  471. padding: 5px;
  472. opacity: .7;
  473. border: 1px solid rgba(0,0,0,.1);
  474. margin: 5px;
  475. display: block;
  476. text-align: center;
  477. }
  478.  
  479. .quote.title {
  480. padding: 15px;
  481. background: rgba(125,125,125,0.1);
  482. margin: 20px;
  483. margin-bottom: 3px;
  484. }
  485.  
  486. ol,ul {
  487. padding: 0;
  488. list-style: inside;
  489. }
  490.  
  491.  
  492. ol.notes {
  493. padding: 0px;
  494. list-style-type: none;=
  495. }
  496.  
  497. ol.notes li.note {
  498. padding: 5px;
  499. background: rgba(125,125,125,0.05);
  500. border: 1px solid rgba(125,125,125,0.1);
  501. margin: 10px;
  502. }
  503.  
  504. ol.notes li.note:nth-child(odd) {
  505. margin-right: 30px;
  506. }
  507.  
  508. ol.notes li.note img.avatar {
  509. vertical-align: -4px;
  510. width: 16px;
  511. height: 16px;
  512. }
  513.  
  514. ol.notes li.note span.action {
  515. }
  516.  
  517. ol.notes li.note .answer_content {
  518. font-weight: normal;
  519. }
  520.  
  521. ol.notes li.note blockquote {
  522. display: inline-block;
  523. margin: 3px;
  524. }
  525.  
  526. {CustomCss}
  527. </style>
  528. <link href='http://fonts.googleapis.com/css?family=Passero+One|Squada+One|Pathway+Gothic+One|Strait|Iceberg|Special+Elite|Nixie+One|UnifrakturMaguntia|Eagle+Lake|Ceviche+One' rel='stylesheet' type='text/css'>
  529. <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}
  530. </head>
  531. <body>
  532. <a href="http://foomthemes.tumblr.com"><div id="credit"> <nobr><div id="foom">FOOM</div>THEMES</nobr> </div></a>
  533.  
  534. <img id="cursor" src="{image:Cursor}" />
  535.  
  536. <div id="bartender"><div id="bar"></div></div>
  537.  
  538. <div id="thatsood">
  539. {block:IfLink1Text}<a {block:ifLink1}href="{text:Link 1}"{/block:ifLink1}>{text:Link 1 Text}</a>{/block:IfLink1Text}
  540. {block:IfLink2Text}<a {block:ifLink2}href="{text:Link 2}"{/block:ifLink2}>{text:Link 2 Text}</a>{/block:IfLink2Text}
  541. {block:IfLink3Text}<a {block:ifLink3}href="{text:Link 3}"{/block:ifLink3}>{text:Link 3 Text}</a>{/block:IfLink3Text}
  542. {block:IfLink4Text}<a {block:ifLink4}href="{text:Link 4}"{/block:ifLink4}>{text:Link 4 Text}</a>{/block:IfLink4Text}
  543. {block:IfLink5Text}<a {block:ifLink5}href="{text:Link 5}"{/block:ifLink5}>{text:Link 5 Text}</a>{/block:IfLink5Text}
  544. {block:IfLink6Text}<a {block:ifLink6}href="{text:Link 6}"{/block:ifLink6}>{text:Link 6 Text}</a>{/block:IfLink6Text}
  545. {block:IfLink7Text}<a {block:ifLink7}href="{text:Link 7}"{/block:ifLink7}>{text:Link 7 Text}</a>{/block:IfLink7Text}
  546. {block:IfLink8Text}<a {block:ifLink8}href="{text:Link 8}"{/block:ifLink8}>{text:Link 8 Text}</a>{/block:IfLink8Text}
  547. {block:IfLink9Text}<a {block:ifLink9}href="{text:Link 9}"{/block:ifLink9}>{text:Link 9 Text}</a>{/block:IfLink9Text}
  548. {block:IfLink10Text}<a {block:ifLink10}href="{text:Link 10}"{/block:ifLink10}>{text:Link 10 Text}</a>{/block:IfLink10Text}
  549. </div>
  550.  
  551. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  552. {block:IfNotLinksPageIfAny}<script type="text/javascript">
  553. $(document).ready(function () {
  554.  
  555. $("#g").click(function(){
  556. $("#more").show();
  557. $("#seeeeeep").show();
  558. });
  559.  
  560. $("#close").click(function(){
  561. $("#more").hide();
  562. $("#seeeeeep").hide();
  563. });
  564.  
  565. $("#seeeeeep").click(function(){
  566. $("#more").hide();
  567. $("#seeeeeep").hide();
  568. });
  569.  
  570. });
  571. </script>{/block:IfNotLinksPageIfAny}
  572.  
  573. <div id="agentsofshield">
  574. <div id="title">{block:ifNotBlogTitle}{Title}{/block:ifNotBlogTitle}{block:ifBlogTitle}{text:Blog Title}{/block:ifBlogTitle}
  575. {block:ifSubTitle}<div id="subtitle">{text:Subtitle}</div>{/block:ifSubTitle}</div>
  576. <div id="shi"><div class="l" style="width: 9px;"></div><div class="r" style="width: 9px;"></div>
  577. <div class="bar"></div><div id="desc"><span id="heree">
  578. <div class="l" style="margin-top: 121px;"></div>
  579. <div class="r" style=""></div>
  580. <div class="l" style="width: 5px;"></div>
  581. <div class="r" style="width: 5px;"></div>
  582. <div class="l" style="width: 10px;"></div>
  583. <div class="r" style="width: 10px;"></div>
  584. <div class="l" style="width: 15px;"></div>
  585. <div class="r" style="width: 15px;"></div>
  586. <div class="l" style="width: 20px;"></div>
  587. <div class="r" style="width: 20px;"></div>
  588. <div class="l" style="width: 25px;"></div>
  589. <div class="r" style="width: 25px;"></div>
  590. <div class="l" style="width: 30px;"></div>
  591. <div class="r" style="width: 30px;"></div>
  592. <div class="l" style="width: 36px;"></div>
  593. <div class="r" style="width: 36px;"></div>
  594. <div class="l" style="width: 45px;"></div>
  595. <div class="r" style="width: 45px;"></div>
  596. <div class="l" style="width: 55px;"></div>
  597. <div class="r" style="width: 55px;"></div>
  598. <div class="l" style="width: 55px;"></div>
  599. <div class="r" style="width: 55px;"></div>
  600. </span>{Description}</div><div class="bar"></div></div>
  601. <div id="she"><div id="gahh"></div></div>
  602. <div id="agent"></div>
  603. <div id="links">
  604. <a href="/" id="a"><span>home</span></a>
  605. <a href="/ask" id="b"><span>ask</span></a>
  606. <a href="/archive" id="c"><span>archive</span></a>
  607. {block:SubmissionsEnabled}<a href="/submit" id="d"><span>submit</span></a>{/block:SubmissionsEnabled}
  608. {block:Pagination}
  609. {block:PreviousPage}<a href="{PreviousPage}" id="e">←</a>{/block:PreviousPage}
  610. {block:NextPage}<a href="{NextPage}" id="f">→</a>{/block:NextPage}
  611. {/block:Pagination}
  612. {block:HasPages}{block:IfNotLinksPageIfAny}<a id="g"><nobr>+<span id="hide"><nobr>&nbsp;MORE LINKS</nobr></span></nobr></a>{/block:IfNotLinksPageIfAny}{/block:HasPages}
  613.  
  614. {block:IfLinksPageIfAny}<a id="g" href="{text:Links Page If Any}"><nobr>+<span id="hide"><nobr>&nbsp;MORE LINKS</nobr></span></nobr></a>{/block:IfLinksPageIfAny}
  615.  
  616. </div>
  617. </div>
  618. </div>
  619. {block:HasPages}<div id="seeeeeep"></div>
  620. <div id="more">
  621. <center><a id="close">X</a><div class="title">Links</div></center>
  622. <div id="crusay">{block:Pages}<a class="linky" href="{URL}">{Label}</a>{/block:Pages}
  623. </div></div>{/block:HasPages}
  624. <div id="rigght" class="banner">
  625. <div class="toppart">
  626. {block:ifYellowCrestsOnBanners}
  627. <img src="http://static.tumblr.com/iwxqvyr/raJmqdtco/yellow.png" class="hi">
  628. {/block:ifYellowCrestsOnBanners}
  629.  
  630. {block:ifWhiteCrestsOnBanners}
  631. <img src="http://static.tumblr.com/iwxqvyr/vDpmqfiis/white.png" class="hi">
  632. {/block:ifWhiteCrestsOnBanners}
  633.  
  634. {block:ifBlackCrestsOnBanners}
  635. <img src="http://static.tumblr.com/iwxqvyr/C3vmqfij6/black.png" class="hi">
  636. {/block:ifBlackCrestsOnBanners}
  637.  
  638. {block:ifCrestOnBannersImage}
  639. <img src="{image:Crest on Banners}" class="hi">
  640. {/block:ifCrestOnBannersImage}
  641.  
  642. </div>
  643. <div class="left"><div class="la"></div><div class="lo"></div></div>
  644. <div class="right"><div class="ro"></div><div class="ra"></div></div>
  645. </div>
  646.  
  647. <div id="lefft" class="banner">
  648. <div class="toppart">
  649.  
  650. {block:ifYellowCrestsOnBanners}
  651. <img src="http://static.tumblr.com/iwxqvyr/raJmqdtco/yellow.png" class="hi">
  652. {/block:ifYellowCrestsOnBanners}
  653.  
  654. {block:ifWhiteCrestsOnBanners}
  655. <img src="http://static.tumblr.com/iwxqvyr/vDpmqfiis/white.png" class="hi">
  656. {/block:ifWhiteCrestsOnBanners}
  657.  
  658. {block:ifBlackCrestsOnBanners}
  659. <img src="http://static.tumblr.com/iwxqvyr/C3vmqfij6/black.png" class="hi">
  660. {/block:ifBlackCrestsOnBanners}
  661.  
  662. {block:ifCrestOnBannersImage}
  663. <img src="{image:Crest on Banners}" class="hi">
  664. {/block:ifCrestOnBannersImage}
  665.  
  666.  
  667. </div>
  668. <div class="left"><div class="la"></div><div class="lo"></div></div>
  669. <div class="right"><div class="ro"></div><div class="ra"></div></div>
  670. </div>
  671.  
  672. <center>
  673. <div id="posts">
  674. {block:Posts}
  675. <div class="post">
  676. {block:Answer}
  677. <div class="asker"><img src="{AskerPortraitURL-128}"/></div>
  678. <div class="askername"><nobr>{Asker}</nobr></div>
  679. <div class="arrow_box"><strong>{Question}</strong></div>
  680. <div class="answer">
  681. {Answer}
  682. </div>
  683. {/block:Answer}
  684.  
  685. {block:Text}
  686. {block:Title}
  687. <div class="title">{Title}</div>
  688. {/block:Title}
  689.  
  690. <div class="caption">{Body}</div>
  691. {/block:Text}
  692. {block:Photo}
  693. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  694.  
  695. {block:Caption}
  696. <div class="caption">{Caption}</div>
  697. {/block:Caption}
  698. {/block:Photo}
  699.  
  700. {block:Panorama}
  701. {LinkOpenTag}
  702. <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></center>
  703. {LinkCloseTag}
  704.  
  705. {block:Caption}
  706. <div class="caption">{Caption}</div>
  707. {/block:Caption}
  708. {/block:Panorama}
  709.  
  710. {block:Photoset}
  711. <center>{Photoset-500}</center>
  712.  
  713. {block:Caption}
  714. <div class="caption">{Caption}</div>
  715. {/block:Caption}
  716. {/block:Photoset}
  717. {block:Quote}
  718. <center><div class="quote title">{Quote}</div>
  719.  
  720. {block:Source}
  721. <div class="source">{Source}</div>
  722. {/block:Source}</center>
  723. {/block:Quote}
  724.  
  725. {block:Link}
  726. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  727.  
  728. {block:Description}
  729. <div class="caption">{Description}</div>
  730. {/block:Description}
  731. {/block:Link}
  732.  
  733. {block:Chat}
  734. {block:Title}
  735. <div class="title">{Title}</div>
  736. {/block:Title}
  737. <div class="chat">
  738. {block:Lines}
  739. <div class="{Alt} user_{UserNumber} line">
  740. {block:Label}
  741. <span class="label">{Label}</span>
  742. {/block:Label}
  743. {Line}
  744. </div>
  745. {/block:Lines}
  746. </div>
  747. {/block:Chat}
  748.  
  749. {block:Video}
  750. {Video-500}
  751.  
  752. {block:Caption}
  753. <div class="caption">{Caption}</div>
  754. {/block:Caption}
  755. {/block:Video}
  756.  
  757. {block:Audio}
  758. {AudioPlayerWhite}
  759.  
  760. {block:Caption}
  761. <div class="caption">{Caption}</div>
  762. {/block:Caption}
  763. {/block:Audio}
  764.  
  765. {block:Date}<div class="reblogg">
  766.  
  767. <div class="ralsir"><a href="{ReblogURL}" class="sym rebloggit" title="Reblog">d</a>
  768. <div style="margin-top:-10px; margin-left:30px;" id="oh"><a title="like this post">{LikeButton color="grey" size="10"}</a></div></div>
  769. <div class="unos">
  770. <a href="{permalink}">{12Hour}:{minutes}{AMPM} | {monthNumber}/{DayOfMonth}/{shortyear}</a>
  771. |
  772. <a href="{Permalink}" >{NoteCountWithLabel}</a>
  773. {block:RebloggedFrom}|
  774. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  775. {/block:RebloggedFrom}
  776. {block:ContentSource}|
  777. <a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>
  778. {/block:ContentSource}
  779. </div>
  780. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" style="text-transform:none;">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  781. <div class="minjs"></div>
  782. </div></div>
  783. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}{/block:Date}
  784.  
  785. {/block:Posts}
  786. </div></center>
  787. </body>
  788. </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!