API tools faq
paste
foomthemes

THEME 2: Bow Ties Are Cool

foomthemes
Sep 1st, 2013
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.62 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 2: BOW TIES ARE COOL 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="">
  30. <meta name="image:Cursor" content="">
  31. <meta name="image:Favicon" content="">
  32. <meta name="color:Text" content="#333333">
  33. <meta name="color:Links" content="#444444">
  34. <meta name="color:Links Hover" content="#aaaaaa">
  35. <meta name="color:Background" content="#eeeeff">
  36. <meta name="color:Posts Bg" content="#ddddee">
  37. <meta name="color:Blockquotes" content="#cccccc">
  38. <meta name="color:Description Text" content="#ffffff">
  39. <meta name="color:Description Bg" content="#333333">
  40. <meta name="color:Tags and Info BG" content="#ddddee">
  41. <meta name="color:Tags and Info" content="#888877">
  42. <meta name="color:Tags and Info Hover" content="#000000">
  43. <meta name="text:Blog Title" content="">
  44. <meta name="text:Font Size" content="13">
  45.  
  46. <meta name="color:Scrollbar" content="#888888">
  47. <meta name="text:Scrollbar Width" content="8">
  48.  
  49. <meta name="if:Transparent Posts" content="0">
  50. <meta name="if:Use Mini Cursor" content="0">
  51. <meta name="if:Use Normal Scrollbar" content="0">
  52.  
  53. <meta name="font:Body" content="Arial"/>
  54.  
  55. <meta name="select:Background Style" content="" title="Normal"/>
  56. <meta name="select:Background Style" content="background-attachment: fixed; background-repeat:no-repeat;" title="Fixed, Non-repeating"/>
  57. <meta name="select:Background Style" content="background-attachment: fixed; background-size:100% 100%;" title="Fixed and Covered"/>
  58. <meta name="select:Background Style" content="background-attachment: fixed;" title="Fixed"/>
  59. <meta name="select:Background Style" content="background-repeat: no-repeat;" title="Non-repeating"/>
  60. <meta name="select:Background Style" content="background-size: 100% 100%;" title="Covered"/>
  61.  
  62.  
  63.  
  64. <meta name="if:Bottom Sidebar" content="1"/>
  65. <meta name="if:Rounded Top on Sidebar" content="1"/>
  66. <meta name="if:Roman Numerals" content="0"/>
  67. <meta name="if:Tardis Icon" content="1"/>
  68. <meta name="if:Clock Icon" content="1"/>
  69. <meta name="image:Background" content=""/>
  70. <meta name="image:Sidebar1" content=""/>
  71. <meta name="image:Sidebar2" content=""/>
  72. <meta name="image:Sidebar3" content=""/>
  73.  
  74.  
  75. <meta name="color:Sidebar Bg" content="#ddddee"/>
  76. <meta name="color:Sidebar Text" content="#000000"/>
  77. <meta name="color:Sidelinks Hover" content="#0096ff"/>
  78. <meta name="color:Link BG on Hover" content="#3c0e8b;"/>
  79. <meta name="text:Link1" content=""/>
  80. <meta name="text:Link1Text" content=""/>
  81. <meta name="text:Link2" content=""/>
  82. <meta name="text:Link2Text" content=""/>
  83. <meta name="text:Link3" content=""/>
  84. <meta name="text:Link3Text" content=""/>
  85. <meta name="text:Link4" content=""/>
  86. <meta name="text:Link4Text" content=""/>
  87.  
  88.  
  89. <meta name="color:Sidelinks" content="#3c0e8b"/>
  90. <meta name="color:bow tie" content="#ff0000"/>
  91. <meta name="select:Link1 Icon" content="<small>b</small>" title="Submit Icon"/>
  92. <meta name="select:Link1 Icon" content="<small>c</small>" title="Heart Icon"/>
  93. <meta name="select:Link1 Icon" content="<small>d</small>" title="Star Icon"/>
  94. <meta name="select:Link1 Icon" content="e" title="People Icon"/>
  95. <meta name="select:Link1 Icon" content="<small>f</small>" title="Person Icon"/>
  96. <meta name="select:Link1 Icon" content="<small>i</small>" title="Warning Icon"/>
  97. <meta name="select:Link1 Icon" content="<small>k</small>" title="Facebook Icon"/>
  98. <meta name="select:Link1 Icon" content="<small>l</small>" title="Twitter Icon"/>
  99. <meta name="select:Link1 Icon" content="<small>m</small>" title="Tumblr Icon"/>
  100. <meta name="select:Link1 Icon" content="<small>o</small>" title="Tag Icon"/>
  101. <meta name="select:Link1 Icon" content="<small>p</small>" title="Multiple Tags"/>
  102.  
  103. <meta name="select:Link2 Icon" content="<small>c</small>" title="Heart Icon"/>
  104. <meta name="select:Link2 Icon" content="<small>b</small>" title="Submit Icon"/>
  105. <meta name="select:Link2 Icon" content="<small>d</small>" title="Star Icon"/>
  106. <meta name="select:Link2 Icon" content="e" title="People Icon"/>
  107. <meta name="select:Link2 Icon" content="<small>f</small>" title="Person Icon"/>
  108. <meta name="select:Link2 Icon" content="<small>i</small>" title="Warning Icon"/>
  109. <meta name="select:Link2 Icon" content="<small>k</small>" title="Facebook Icon"/>
  110. <meta name="select:Link2 Icon" content="<small>l</small>" title="Twitter Icon"/>
  111. <meta name="select:Link2 Icon" content="<small>m</small>" title="Tumblr Icon"/>
  112. <meta name="select:Link2 Icon" content="<small>o</small>" title="Tag Icon"/>
  113. <meta name="select:Link2 Icon" content="<small>p</small>" title="Multiple Tags"/>
  114.  
  115. <meta name="select:Link3 Icon" content="<small>d</small>" title="Star Icon"/>
  116. <meta name="select:Link3 Icon" content="<small>b</small>" title="Submit Icon"/>
  117. <meta name="select:Link3 Icon" content="<small>c</small>" title="Heart Icon"/>
  118. <meta name="select:Link3 Icon" content="e" title="People Icon"/>
  119. <meta name="select:Link3 Icon" content="<small>f</small>" title="Person Icon"/>
  120. <meta name="select:Link3 Icon" content="<small>i</small>" title="Warning Icon"/>
  121. <meta name="select:Link3 Icon" content="<small>k</small>" title="Facebook Icon"/>
  122. <meta name="select:Link3 Icon" content="<small>l</small>" title="Twitter Icon"/>
  123. <meta name="select:Link3 Icon" content="<small>m</small>" title="Tumblr Icon"/>
  124. <meta name="select:Link3 Icon" content="<small>o</small>" title="Tag Icon"/>
  125. <meta name="select:Link3 Icon" content="<small>p</small>" title="Multiple Tags"/>
  126.  
  127. <meta name="select:Link4 Icon" content="<small>f</small>" title="Person Icon"/>
  128. <meta name="select:Link4 Icon" content="<small>b</small>" title="Submit Icon"/>
  129. <meta name="select:Link4 Icon" content="<small>c</small>" title="Heart Icon"/>
  130. <meta name="select:Link4 Icon" content="<small>d</small>" title="Star Icon"/>
  131. <meta name="select:Link4 Icon" content="e" title="People Icon"/>
  132.  
  133. <meta name="select:Link4 Icon" content="<small>i</small>" title="Warning Icon"/>
  134. <meta name="select:Link4 Icon" content="<small>k</small>" title="Facebook Icon"/>
  135. <meta name="select:Link4 Icon" content="<small>l</small>" title="Twitter Icon"/>
  136. <meta name="select:Link4 Icon" content="<small>m</small>" title="Tumblr Icon"/>
  137. <meta name="select:Link4 Icon" content="<small>o</small>" title="Tag Icon"/>
  138. <meta name="select:Link4 Icon" content="<small>p</small>" title="Multiple Tags"/>
  139.  
  140. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  141.  
  142. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  143.  
  144. <script>
  145.  
  146. (function($){
  147. $(document).ready(function(){
  148. $("a[title]").style_my_tooltips({
  149. tip_follows_cursor:true,
  150. tip_delay_time:90,
  151. tip_fade_speed:600,
  152. attribute:"title"
  153. });
  154. });
  155. })(jQuery);
  156. </script>
  157. <script>
  158. $(document).mouseover(function(){
  159. $(document).mousemove(function(e){
  160. $("#cursor").css({left:e.pageX, top:e.pageY});
  161. });
  162. });
  163. </script>
  164. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  165. <style>
  166.  
  167. #cursor{
  168. position:absolute;
  169. margin:3px;
  170. -webkit-transition: all 10ms ease;
  171. -moz-transition: all 10ms ease;
  172. -ms-transition: all 10ms ease;
  173. -o-transition: all 10ms ease;
  174. transition: all 10ms ease;
  175. max-width:25px;
  176. z-index:9000000000000;
  177. }
  178.  
  179. @font-face {
  180. font-family: 'General Store';
  181. src: local('General Store'),
  182. url('http://static.tumblr.com/iwxqvyr/6IGmryz2p/general_store.ttf') format('truetype'), url('http://static.tumblr.com/iwxqvyr/Vrkmstyvj/general_store.woff') format('woff');
  183. font-weight: normal;
  184. font-style: normal;
  185. }
  186.  
  187. #s-m-t-tooltip {
  188. display:none;
  189. text-align:center;
  190. position:absolute;
  191. -webkit-transition: all 0ms ease;
  192. -moz-transition: all 0ms ease;
  193. -ms-transition: all 0ms ease;
  194. -o-transition: all 0ms ease;
  195. transition: all 0ms ease;
  196. z-index:500000000000000;
  197. padding: 4px;
  198. background: #fff;
  199. margin-left: 8px;
  200. margin-top:5px;
  201. border: 1px solid #333;
  202. font-size: 11px;
  203. font-family: "Pathway Gothic One";
  204. letter-spacing: 1px;
  205. text-transform: uppercase;
  206. }
  207.  
  208.  
  209. {block:ifNotUseNormalScrollbar}
  210. ::-webkit-scrollbar {width: {text:Scrollbar width}px; height:{text:Scrollbar width}px; background:#ffffff}
  211.  
  212. ::-webkit-scrollbar-corner {background:#ffffff}
  213.  
  214. ::-webkit-scrollbar-button:vertical {height:4px; width: 7px; display: block; background:{color:Scrollbar}}
  215.  
  216. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:Scrollbar}}
  217.  
  218. ::-webkit-scrollbar-thumb:vertical {background:{color:Scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  219.  
  220. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid }
  221.  
  222. ::-webkit-scrollbar-thumb {background: {color:Scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  223.  
  224. ::-webkit-scrollbar-thumb:hover {background: {color:Scrollbar}; {block:ifUseMiniCursor}cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'), auto{/block:ifUseMiniCursor}}
  225.  
  226. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}{/block:ifNotUseNormalScrollbar}
  227.  
  228. {block:ifUseMiniCursor}
  229. html{ cursor:url('http://static.tumblr.com/7svvack/kl0mp1gfn/my_mouse.png'), auto }
  230.  
  231. a, a:hover { cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),auto}{/block:ifUseMiniCursor}
  232.  
  233. body {
  234. background: {color:background} url({image:Background});
  235. font-family: {font:Body};
  236. font-size: {text:font size}px;
  237. color: {color:Text};
  238. {select:Background Style}
  239. }
  240.  
  241. a {
  242. color: {color:Links};
  243. text-decoration: none;
  244. }
  245. a:hover {
  246. color: {color:Links Hover};
  247. text-decoration: none;
  248. }
  249.  
  250. * {
  251. -webkit-transition: all 500ms ease;
  252. -moz-transition: all 500ms ease;
  253. -ms-transition: all 500ms ease;
  254. -o-transition: all 500ms ease;
  255. transition: all 500ms ease;
  256. margin: 0px;
  257. }
  258.  
  259. #posts {
  260. width: 520px;
  261. padding-left:225px;
  262. margin-top: 5px;
  263. }
  264.  
  265. .post {
  266. width: 500px;
  267. margin: 5px;
  268. text-align: left;
  269. {block:ifNotTransparentPosts}background: {color:Posts Bg};{/block:ifNotTransparentPosts}
  270. padding: 5px;
  271. }
  272.  
  273. .post img {
  274. max-width: 100%;
  275. }
  276.  
  277. .audio_player iframe {
  278. width: 100%;
  279. height: 60px;
  280. }
  281.  
  282. .chat .line {
  283. padding: 5px;
  284. border: 1px solid rgba(0,0,0,.1);
  285. border-top: 0px;
  286. }
  287. .chat .line:first-child {
  288. border-top: 1px solid rgba(0,0,0,.1);
  289. }
  290.  
  291. .chat .line.even {
  292. background: rgba(0,0,0,.01);
  293. }
  294.  
  295. .label {
  296. font-weight: bold;
  297. }
  298.  
  299.  
  300. .reblogg {
  301. font-size: 9px;
  302. font-family: "Strait";
  303. margin: -5px;
  304. margin-top: 5px;
  305. letter-spacing: 1px;
  306. text-align: center;
  307. padding: 5px;
  308. color: {color:Tags and info};
  309. background: {color:Tags and info Bg};
  310. opacity: 1;
  311. }
  312.  
  313. .reblogg a {
  314. color: {color:Tags and info};
  315. }
  316.  
  317. .reblogg a:hover {
  318. color: {color:Tags and info hover};
  319. }
  320.  
  321. .reblogg:hover {
  322. opacity: .9;
  323. }
  324.  
  325. .ralsir{
  326. float: right;
  327. }
  328.  
  329. .title {
  330. font-size: 130%;
  331. }
  332.  
  333. blockquote {
  334. margin-left:5px;
  335. border-left: 3px solid {color:Blockquotes};
  336. padding-left:5px;
  337. }
  338.  
  339. .tags {
  340. text-align: left;
  341. clear: both;
  342. }
  343. .va {
  344. width: 1px;
  345. height: 100%;
  346. display: inline-block;
  347. vertical-align: middle;
  348. }
  349.  
  350.  
  351. .sym {
  352. font-family: "General Store";
  353. margin-right: 5px;
  354. display: inline-block;
  355. }
  356.  
  357. .unos {
  358. float: left;
  359. text-transform: uppercase;
  360. }
  361.  
  362. .like_button {position:relative; display:inline-block;
  363. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important; }
  364. #oh {}
  365. .like_button iframe {position:absolute; top:0; left:0; width:100%;
  366. height: 15px;
  367. opacity: 0;
  368. margin-top: -3px;
  369. z-index: 5;
  370.  
  371. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;}
  372. .like_button::before {content:'j'; font-family:'general store'!important; text-transform:lowercase!important; position:relative; font-size:8px; z-index:3;
  373. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer !important;}
  374. .like_button:hover:before, .like_button.liked:before {color:#ff0000;
  375. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;
  376. }
  377.  
  378. .rebloggit:hover {
  379. color: green;
  380. }
  381.  
  382. .minjs {
  383. height: 0px;
  384. clear: both;
  385. width: 100%;
  386. }
  387.  
  388.  
  389. .asker img{
  390. height: 55px;
  391. float:left;
  392. margin: 5px;
  393. border: 1px {color:Posts Bg} solid;
  394. }
  395.  
  396. .arrow_box {
  397. background: {color:Tags and info bg};
  398. padding: 5px;
  399. color: {color:Tags and info};
  400.  
  401. }
  402.  
  403. .askername {
  404. font-size: 12px;
  405. font-family: pathway gothic one;
  406. letter-spacing: 1px;
  407. text-transform: uppercase;
  408. padding-top: 9px;
  409. }
  410.  
  411. .answer {
  412. clear:both;
  413. }
  414.  
  415.  
  416.  
  417. @font-face {
  418. font-family: 'icomoon';
  419. src: local('Icomoon'), url('http://static.tumblr.com/iwxqvyr/x8nmrf4zb/icomoon.eot');
  420. src: url('http://static.tumblr.com/iwxqvyr/x8nmrf4zb/icomoon.eot?#iefix') format('embedded-opentype'),
  421. url('http://static.tumblr.com/iwxqvyr/Sgnmrf3lz/icomoon.woff') format('woff'),
  422. url('http://static.tumblr.com/iwxqvyr/q2jmrf3mv/icomoon.ttf') format('truetype'),
  423. url('https://hostr.co/file/1qFg1MTg8zvu/icomoon.svg#icomoon') format('svg');
  424. font-weight: normal;
  425. font-style: normal;
  426. }
  427.  
  428. .icomoon {
  429. font-family: "Icomoon" !important;
  430. }
  431.  
  432. .ico a {
  433. font-family: "Icomoon";
  434. font-size: 20px;
  435. display:inline-block;
  436. vertical-align: middle;
  437. padding: 0px;
  438. }
  439.  
  440. .ico a small {
  441. font-size: 16px;
  442. position:relative;
  443. top: -2px;
  444. }
  445.  
  446. a#tardis {
  447. font-size: 40px !important;
  448. display:inline-block;
  449. vertical-align: middle;
  450. margin-right: -6px;
  451. }
  452.  
  453. /*START SIDEBAR*/
  454. #sidebar {
  455. width: 334px;
  456. position: fixed;
  457. left: 50%;
  458. right: 50%;
  459. margin-left: -500px;
  460. height: 100%;
  461. z-index: 100;
  462. }
  463.  
  464. .va {
  465. width: 1px;
  466. height: 100%;
  467. display: inline-block;
  468. vertical-align: middle;
  469. }
  470. #sbar {
  471. width: 305px;
  472. background: {color:Sidebar Bg};
  473. text-align: center;
  474. {block:ifBottomSidebar}
  475. position: fixed;
  476. bottom: 0px;
  477. {/block:ifBottomSidebar}
  478. padding: 5px;
  479. color: {color:Sidebar Text};
  480. display: inline-block;
  481. vertical-align: middle;
  482. {block:ifRoundedTopOnSidebar}
  483. padding-top: 50px;
  484. border-radius: 250px 250px 0px 0px;
  485. {/block:ifRoundedTopOnSidebar}
  486. }
  487.  
  488. #sbar #stuff {
  489. position:relative;
  490. z-index: 3;
  491. }
  492.  
  493. #blogt {
  494. margin-bottom: -20px;
  495. font-family: "Iceberg", Helvetica;
  496. font-size: 30px;
  497. position: relative;
  498. width: 250px;
  499. margin-left: 25px;
  500. z-index: 304;
  501. color: {color:Sidebar Text};
  502. }
  503.  
  504. #description {
  505. font-family: "Special Elite";
  506. font-size: smaller;
  507. }
  508.  
  509. #sbar:hover #linkholder {
  510. opacity: .9;
  511. }
  512. /*START LINKS*/
  513. #linkholder {
  514. opacity: 0.7;
  515. {block:IfRomanNumerals}
  516. margin-top: -20px;
  517. {/block:IfRomanNumerals}
  518. {block:IfNotRomanNumerals}
  519. margin-top: -34px;
  520. {/block:IfNotRomanNumerals}
  521. position: relative;
  522. font-family: "Share Tech", Helvetica;
  523. font-size: 15px;
  524. z-index: 340;
  525. color: {color:Sidebar Text};
  526. }
  527.  
  528.  
  529. #linkholder a{
  530. color: {color:Sidelinks};
  531.  
  532. display:inline-block;
  533. vertical-align: middle;
  534. }
  535. #linkholder a:hover{
  536. color: {color:Sidelinks Hover};
  537. background: none;
  538. }
  539. #morelink a {
  540. padding: 5px;
  541. }
  542.  
  543.  
  544.  
  545. /*START LITTLER LINKS*/
  546. #little a {
  547. color: {color:Sidelinks};
  548. font-family: "Share Tech", Helvetica;
  549. font-size: 15px;
  550. padding: 5px;
  551. display:inline-block;
  552. position: relative;
  553. }
  554.  
  555. #little a:hover {
  556. color: {color:Sidelinks Hover};
  557. top: -3px;
  558. background: none;
  559. }
  560. .current_page {
  561. opacity: .7;
  562. color: {color:Sidelinks};
  563. font-family: "Share Tech", Helvetica;
  564. font-size: 15px;
  565. padding: 5px;
  566. display:inline-block;
  567. }
  568. /*END LITTLER LINKS*/
  569.  
  570. /*END LINKS*/
  571.  
  572. /*START BOWTIE*/
  573. #bowtie {width:500px;
  574. position: relative;
  575. z-index: 300;
  576. margin-left: -100px;}
  577. #bowi {
  578. width: 0px;
  579. height: 35px;
  580. border-right: 0px solid {color:Sidebar Bg};
  581. border-left: 175px solid transparent;
  582. border-top: 57.5px solid {color:Sidebar Bg};
  583. border-bottom: 57.5px solid {color:Sidebar Bg};
  584. position: absolute;
  585. margin-left:25px;
  586. }
  587.  
  588. #imag1 {
  589. height: 149px;
  590. width: 175px;
  591. display:inline-block;
  592. -webkit-border-radius: 25px;
  593. border-radius: 25px;
  594. background: url("{image:Sidebar1}") {color:Bow Tie};
  595. background-size: auto 100%;
  596. }
  597.  
  598. #imag2 {
  599. height: 149px;
  600. width: 175px;
  601. -webkit-border-radius: 25px;
  602. border-radius: 25px;
  603. display:inline-block;
  604. background: url("{image:Sidebar3}") {color:Bow Tie};
  605. background-size: auto 100%;
  606. }
  607.  
  608. #bowe {
  609. width: 0px;
  610. height: 35px;
  611. border-left: 0px solid {color:Sidebar Bg};
  612. border-right: 175px solid transparent;
  613. border-top: 57.5px solid {color:Sidebar Bg};
  614. border-bottom: 57.5px solid {color:Sidebar Bg};
  615. position: absolute;
  616. margin-left:-25px;
  617. }
  618.  
  619. #boa {
  620. display: inline-block;
  621. }
  622.  
  623. #boo {
  624. display: inline-block;
  625. }
  626.  
  627. #circle {
  628. position: absolute;
  629. width: 75px;
  630. height: 75px;
  631. -webkit-border-radius: 100px 100px 100px 100px;
  632. border-radius: 100px 100px 100px 100px;
  633. z-index:5;
  634. margin-left: -45px;
  635. background: {color:Bow tie};
  636. margin-top: 35px;
  637. border: 5px {color:Sidebar Bg} solid;
  638. }
  639.  
  640. /*END BOWTIE*/
  641. /*END SIDEBAR*/
  642. ol,ul {
  643. padding: 0;
  644. list-style: inside;
  645. }
  646.  
  647.  
  648. ol.notes {
  649. padding: 0px;
  650. list-style-type: none;=
  651. }
  652.  
  653. ol.notes li.note {
  654. padding: 5px;
  655. background: rgba(125,125,125,0.05);
  656. border: 1px solid rgba(125,125,125,0.1);
  657. margin: 10px;
  658. }
  659.  
  660. ol.notes li.note:nth-child(odd) {
  661. margin-right: 30px;
  662. }
  663.  
  664. ol.notes li.note img.avatar {
  665. vertical-align: -4px;
  666. width: 16px;
  667. height: 16px;
  668. }
  669.  
  670. ol.notes li.note span.action {
  671. }
  672.  
  673. ol.notes li.note .answer_content {
  674. font-weight: normal;
  675. }
  676.  
  677. ol.notes li.note blockquote {
  678. display: inline-block;
  679. margin: 3px;
  680. }
  681.  
  682. {CustomCss}
  683. </style>
  684.  
  685.  
  686. <link href='http://fonts.googleapis.com/css?family=Passero+One|Squada+One|Pathway+Gothic+One|Share+Tech|Strait|Iceberg|Special+Elite' rel='stylesheet' type='text/css'>
  687. <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}
  688. </head>
  689. <body>
  690.  
  691. <a href="http://foomthemes.tumblr.com"><div id="credit"> <nobr><div id="foom">FOOM</div>THEMES</nobr> </div></a>
  692.  
  693. <img id="cursor" src="{image:Cursor}" />
  694.  
  695.  
  696. <div id="sidebar">
  697. <div class="va"></div>
  698. <div id="sbar">
  699.  
  700. <a href="/">
  701. <div id="blogt">{block:ifBlogTitle}{text:Blog Title}{/block:ifBlogTitle}{block:ifNotBlogTitle}{Title}{/block:ifNotBlogTitle}</div>
  702. <div id="bowtie"><div id="boo"><div id="bowi"></div>
  703. <div id="imag1"></div>
  704. <img src="{image:Sidebar2}" id="circle" class="imag">
  705. <div id="boa">
  706. <div id="bowe"></div>
  707. <div id="imag2"></div>
  708. </div></div>
  709. </div>
  710. </a>
  711. <div id="linkholder">
  712. {block:IfRomanNumerals}
  713. <a href="/" title="Home">I.</a>
  714. <a href="/ask" title="Ask">II.</a>
  715. <a href="/ask" title="Archive">III.</a>
  716. {block:ifLink1Text}<a {block:ifLink1}href="{text:Link1}"{/block:ifLink1} title="{text:Link1Text}">IV.</a>{/block:ifLink1Text}
  717. {block:ifLink2Text}<a {block:ifLink2}href="{text:Link2}"{/block:ifLink2} title="{text:Link2Text}">V.</a>{/block:ifLink2Text}
  718. {block:ifLink3Text}<a {block:ifLink3}href="{text:Link3}"{/block:ifLink3} title="{text:Link3Text}">VI.</a>{/block:ifLink3Text}
  719. {block:ifLink4Text}<a {block:ifLink4}href="{text:Link4}"{/block:ifLink4} title="{text:Link4Text}">VII.</a>{/block:ifLink4Text}
  720. {/block:IfRomanNumerals}
  721.  
  722. {block:ifNotRomanNumerals}
  723. <div class="ico icomoon">
  724. <a href="/" title="Home" {block:ifTardisIcon}id="tardis"{/block:ifTardisIcon}>{block:ifTardisIcon}a{/block:ifTardisIcon}{block:ifNotTardisIcon}g{/block:ifNotTardisIcon}</a>
  725. <a href="/ask" title="Ask">h</a>
  726. <a href="/archive" title="Archive">{block:ifNotClockIcon}<small>j</small>{/block:ifNotClockIcon}{block:ifClockIcon}<small>n</small>{/block:ifClockIcon}</a>
  727. {block:ifLink1Text}<a {block:ifLink1}href="{text:Link1}"{/block:ifLink1} title="{text:Link1Text}">{select:Link1 Icon}</a>{/block:ifLink1Text}
  728. {block:ifLink2Text}<a {block:ifLink2}href="{text:Link2}"{/block:ifLink2} title="{text:Link2Text}">{select:Link2 Icon}</a>{/block:ifLink2Text}
  729. {block:ifLink3Text}<a {block:ifLink3}href="{text:Link3}"{/block:ifLink3} title="{text:Link3Text}">{select:Link3 Icon}</a>{/block:ifLink3Text}
  730. {block:ifLink4Text}<a {block:ifLink4}href="{text:Link4}"{/block:ifLink4} title="{text:Link4Text}">{select:Link4 Icon}</a>{/block:ifLink4Text}
  731. </div>
  732. {/block:IfNotRomanNumerals}
  733.  
  734. {block:HasPages}<div id="morelink">{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}</div>{/block:HasPages}
  735. </div>
  736. <div id="stuff">
  737.  
  738. {block:IfNotRomanNumerals}
  739. {block:ifNotTardisIcon}<br>{/block:ifNotTardisIcon}
  740. {/block:IfNotRomanNumerals}
  741.  
  742. {block:IfRomanNumerals}
  743. <br>
  744. {/block:IfRomanNumerals}
  745. {block:Description}
  746. <div id="description">{Description}</div>
  747. {/block:Description}
  748. </div>
  749.  
  750. <div id="little">
  751. {block:Pagination}<br>
  752. {block:PreviousPage}
  753. <a href="{PreviousPage}">&#171;</a>
  754. {/block:PreviousPage}
  755.  
  756. {block:JumpPagination length="5"}
  757. {block:CurrentPage}
  758. <span class="current_page">{PageNumber}</span>
  759. {/block:CurrentPage}
  760.  
  761. {block:JumpPage}
  762. <a class="jump_page" href="{URL}">{PageNumber}</a>
  763. {/block:JumpPage}
  764. {/block:JumpPagination}
  765.  
  766. {block:NextPage}
  767. <a href="{NextPage}">&#187;</a>
  768. {/block:NextPage}
  769. {/block:Pagination}
  770. </div>
  771. </div>
  772. <div class="va"></div>
  773. </div>
  774.  
  775. <center>
  776. <div id="posts">
  777. {block:Posts}
  778. <div class="post">
  779. {block:Answer}
  780. <div class="asker"><img src="{AskerPortraitURL-128}"/></div>
  781. <div class="askername"><nobr>{Asker}</nobr></div>
  782. <div class="arrow_box"><strong>{Question}</strong></div>
  783. <div class="answer">
  784. {Answer}
  785. </div>
  786. {/block:Answer}
  787.  
  788. {block:Text}
  789. {block:Title}
  790. <div class="title">{Title}</div>
  791. {/block:Title}
  792.  
  793. <div class="caption">{Body}</div>
  794. {/block:Text}
  795. {block:Photo}
  796. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  797.  
  798. {block:Caption}
  799. <div class="caption">{Caption}</div>
  800. {/block:Caption}
  801. {/block:Photo}
  802.  
  803. {block:Panorama}
  804. {LinkOpenTag}
  805. <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></center>
  806. {LinkCloseTag}
  807.  
  808. {block:Caption}
  809. <div class="caption">{Caption}</div>
  810. {/block:Caption}
  811. {/block:Panorama}
  812.  
  813. {block:Photoset}
  814. <center>{Photoset-500}</center>
  815.  
  816. {block:Caption}
  817. <div class="caption">{Caption}</div>
  818. {/block:Caption}
  819. {/block:Photoset}
  820. {block:Quote}
  821. <center><div class="title">"{Quote}"</div>
  822.  
  823. {block:Source}
  824. <div class="source">{Source}</div>
  825. {/block:Source}</center>
  826. {/block:Quote}
  827.  
  828. {block:Link}
  829. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  830.  
  831. {block:Description}
  832. <div class="caption">{Description}</div>
  833. {/block:Description}
  834. {/block:Link}
  835.  
  836. {block:Chat}
  837. {block:Title}
  838. <div class="title">{Title}</div>
  839. {/block:Title}
  840. <div class="chat">
  841. {block:Lines}
  842. <div class="{Alt} user_{UserNumber} line">
  843. {block:Label}
  844. <span class="label">{Label}</span>
  845. {/block:Label}
  846. {Line}
  847. </div>
  848. {/block:Lines}
  849. </div>
  850. {/block:Chat}
  851.  
  852. {block:Video}
  853. {Video-500}
  854.  
  855. {block:Caption}
  856. <div class="caption">{Caption}</div>
  857. {/block:Caption}
  858. {/block:Video}
  859.  
  860. {block:Audio}
  861. {AudioPlayerWhite}
  862.  
  863. {block:Caption}
  864. <div class="caption">{Caption}</div>
  865. {/block:Caption}
  866. {/block:Audio}
  867.  
  868. {block:Date}<div class="reblogg">
  869.  
  870. <div class="ralsir"><a href="{ReblogURL}" class="sym rebloggit" title="Reblog">d</a>
  871. <div style="margin-top:-10px; margin-left:30px;" id="oh"><a title="like this post">{LikeButton color="grey" size="10"}</a></div></div> <div class="unos">
  872. <a href="{permalink}">{12Hour}:{minutes}{AMPM} | {monthNumber}/{DayOfMonth}/{shortyear}</a>
  873. |
  874. <a href="{Permalink}" >{NoteCountWithLabel}</a>
  875. {block:RebloggedFrom}|
  876. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  877. {/block:RebloggedFrom}
  878. {block:ContentSource}|
  879. <a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>
  880. {/block:ContentSource}
  881. </div>
  882. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" style="text-transform:none;">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  883. <div class="minjs"></div>
  884. </div></div>
  885. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}{/block:Date}
  886.  
  887. {/block:Posts}
  888. </div></center>
  889. </body>
  890. </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!