API tools faq
paste
Advertisement
syncode

Azul

syncode
Oct 4th, 2014
793
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. ┌─┐┬┬─┐┬ ┬┌┬┐┬┌┬┐┌─┐
  6. ├─┤│├┬┘│ │ │││ │ ├┤
  7. ┴ ┴┴┴└─└─┘─┴┘┴ ┴ └─┘
  8.  
  9. Azul : Network Theme by airudite.tumblr.com.
  10.  
  11. --------------------------------------------------------------------------
  12. DISREGARDING THE TERMS OF SERVICE WILL RESULT IN TERMINATION OF YOUR ACCOUNT: PLEASE FOLLOW THE RULES CAREFULLY AND BE RESPECTFUL.
  13. --------------------------------------------------------------------------
  14.  
  15. By using this page, you agree to the terms of use.
  16.  
  17. (This includes no redistributing, removing credit, or claiming this code as your own. If you violate any of the terms, you will be pushed and strongly disliked throughout many parallel universes. You will be reported and your theft will be known publically. Plus that's just plain disrespectful).
  18.  
  19. -->
  20. <head>
  21.  
  22. <meta name="color:Text" content="#666" />
  23. <meta name="color:BG" content="#fff" />
  24. <meta name="color:Content BG" content="#fff" />
  25. <meta name="color:Border" content="#ecebeb" />
  26. <meta name="color:Navigation" content="#aaa" />
  27. <meta name="color:Page Link" content="#fff" />
  28. <meta name="color:Page Link BG" content="#aaa" />
  29. <meta name="color:Blockquote" content="#eee" />
  30. <meta name="color:Accent" content="#eee" />
  31.  
  32. <meta name="select:title font" content="classy" title="classy">
  33. <meta name="select:title font" content="cursive" title="cursive">
  34. <meta name="select:title font" content="handwriting" title="handwriting">
  35. <meta name="select:title font" content="modern" title="modern">
  36.  
  37. <meta name="if:linkimage" content="1" />
  38.  
  39. <meta name="text:url" content="syncode" />
  40.  
  41. <title>{Title}</title>
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro ' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Playfair+Display:700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Maven+Pro' rel='stylesheet' type='text/css'>
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:20,tip_fade_speed:400,attribute:"title"});});})(jQuery);</script>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. #s-m-t-tooltip {
  58. display: block;
  59. max-width: 100px;
  60. margin: 15px;
  61. word-wrap: break-word;
  62. padding:2px 5px 2px 5px;
  63. z-index: 9999;
  64. background: #ffffff;
  65. text-transform: uppercase;
  66. font-family:calibri;
  67. font-size: 8px;
  68. color: #494848;
  69. border:1px solid #e2e2e2;
  70. text-align: center;
  71. letter-spacing:1px;
  72. }
  73.  
  74.  
  75. body {
  76. color:{color:text};
  77. background:{color:bg};
  78. font-family: 'Source Sans Pro', sans-serif;
  79. background-image: url('http://static.tumblr.com/anhogta/wGJna0b6d/sabaa.png');
  80. background-repeat:repeat;
  81. }
  82.  
  83. body, a, a:hover {
  84. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur),
  85. progress;}
  86.  
  87.  
  88. a {
  89. text-decoration:none;
  90. color:{color:navigation};
  91. }
  92.  
  93. ::selection {
  94. background:{color:accent};
  95. color:{color:text};}
  96.  
  97.  
  98. ::-webkit-scrollbar-thumb{
  99. background-color: {color:accent};
  100. border: 3px solid {color:content bg};
  101. height:auto;
  102. -moz-border-radius: 10px;
  103. border-radius: 10px;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. height:auto;
  108. width:9px;
  109. background-color: {color:border};
  110. border: 4px solid {color:content bg};
  111. }
  112.  
  113. #content {
  114. margin:auto;
  115. float:center;
  116. text-align:center;
  117. border:1px solid {color:border};
  118. width:600px;
  119. background:{color:content bg};
  120. padding:10px;
  121. margin-top:40px;
  122. }
  123.  
  124. #members{
  125. text-align:left;
  126. background:{color:content bg};
  127. max-height:590px;
  128. overflow:auto;
  129. }
  130.  
  131. #members img {
  132. width:100px;
  133. height:100px;
  134. padding:10px;
  135. border:1px solid {color:border};
  136. margin:10px;
  137. z-index:-1;
  138. }
  139.  
  140. #about{
  141. text-align:left;
  142. opacity:.95;
  143. background:{color:content bg};
  144. height:560px;
  145. overflow:auto;
  146. padding:10px;
  147. position:absolute;
  148. width:590px;
  149. }
  150.  
  151. #links{
  152. text-align:left;
  153. opacity:.95;
  154. background:{color:content bg};
  155. height:560px;
  156. overflow:auto;
  157. padding:10px;
  158. position:absolute;
  159. width:590px;
  160. }
  161.  
  162. #links a{
  163. padding:50px 10px 50px 10px;
  164. display:inline-block;
  165. width:240px;
  166. margin:10px;
  167. border:1px solid {color:border};
  168. text-align:center;
  169. color:{color:page link};
  170. background:{color:page link bg};
  171. text-transform:uppercase;
  172. letter-spacing:2px;
  173. {block:iflinkimage}background: url('https://31.media.tumblr.com/599615cd6ca2dbc281a594a0783db7fe/tumblr_nb7d4tm2jO1qi2z87o1_500.jpg');
  174. {/block:iflinkimage}
  175. -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
  176. }
  177.  
  178. #links a:hover {
  179. color:{color:text};
  180. }
  181.  
  182. #ask{
  183. text-align:left;
  184. opacity:.95;
  185. background:{color:content bg};
  186. height:560px;
  187. overflow:auto;
  188. padding:10px;
  189. position:absolute;
  190. width:590px;
  191. }
  192.  
  193.  
  194. .title {
  195. -webkit-text-fill-color: transparent;
  196. background: -webkit-linear-gradient(transparent, transparent), center url(https://31.media.tumblr.com/599615cd6ca2dbc281a594a0783db7fe/tumblr_nb7d4tm2jO1qi2z87o1_500.jpg);
  197. background: -o-linear-gradient(transparent, transparent);
  198. -webkit-background-clip: text;
  199. padding:10px;
  200. border-bottom:1px solid {color:border};
  201. margin:-10px -10px 10px;
  202. text-align:justify;
  203. width:600px;
  204. text-align:center;
  205. }
  206.  
  207. .mini a {
  208. padding:4px;
  209. }
  210.  
  211. .classy {
  212. font-family: 'Playfair Display', serif;
  213. font-weight:700;
  214. letter-spacing:2px;
  215. font-size:70px;
  216. text-transform:uppercase;
  217. }
  218.  
  219. .cursive {
  220. font-family: 'Great Vibes', cursive;
  221. font-size:80px;
  222. }
  223.  
  224. .handwriting {
  225. font-family: 'Amatic SC', cursive;
  226. font-size:80px;
  227. letter-spacing:1px;
  228. font-weight:700;
  229. }
  230.  
  231. .modern {
  232. font-family: 'Maven Pro', sans-serif;
  233. font-size:70px;
  234. }
  235.  
  236. #nav {
  237. position:absolute
  238. width:600px;
  239. padding:5px;
  240. background:{color:content bg};
  241. border-top:1px solid {color:border};
  242. z-index:99999;
  243. }
  244.  
  245. #nav a {
  246. padding:5px;
  247. display:inline-block;
  248. }
  249. q {
  250. background:{color:blockquote};
  251. padding:10px;
  252. }
  253. blockquote {
  254. padding:5px;
  255. border-left:3px solid {color:accent};
  256. font-size:12px;
  257. margin-top:10px;
  258. }
  259.  
  260. #air {
  261. font-family:calibri;
  262. border:1px solid #ddd;
  263. text-transform:uppercase;
  264. letter-spacing:1px;
  265. font-size:10px;
  266. position:fixed;
  267. right:10px;
  268. bottom:10px;
  269. color:#000;
  270. background:#fff;
  271. padding:5px 15px 5px 15px;
  272. width:70px;
  273. overflow:hidden;
  274. text-align:center;
  275. height:13px;
  276. -webkit-transition: all 0.3s linear;
  277. -moz-transition: all 0.3s linear;
  278. transition: all 0.3s linear;
  279. }
  280.  
  281. #air a {
  282. color:#000;
  283. line-height:10px;
  284. -webkit-animation:fadeInDown 3s;
  285. -moz-animation:fadeInDown 3s;
  286. -ms-animation:fadeInDown 3s;
  287. -moz-transition: all 0.4s ease-out;
  288. -o-transition: all 0.4s ease-out;
  289. -webkit-transition: all 0.4s ease-out;
  290. transition: all 0.4s ease-out;
  291.  
  292. }
  293.  
  294. .word {
  295. -webkit-transition: all 0.3s linear;
  296. -moz-transition: all 0.3s linear;
  297. transition: all 0.3s linear;
  298. }
  299.  
  300. #air a:hover .word{
  301. margin-top:-18px;
  302. -webkit-transition: all 0.3s linear;
  303. -moz-transition: all 0.3s linear;
  304. transition: all 0.3s linear;
  305. }
  306. </style></head>
  307. <script src="http://code.jquery.com/jquery-1.10.0.min.js">
  308. </script>
  309.  
  310. <script>
  311. $(document).ready(function(){
  312.  
  313.  
  314. $(".about").click(function(){
  315. $("#about").fadeToggle();
  316. $("#links, #ask").fadeOut();
  317. });
  318.  
  319. $(".links").click(function(){
  320. $("#links").fadeToggle();
  321. $("#about, #ask").fadeOut();
  322. });
  323.  
  324. $(".ask").click(function(){
  325. $("#ask").fadeToggle();
  326. $("#links, #about").fadeOut();
  327. });
  328.  
  329.  
  330. });
  331. </script>
  332.  
  333. <body>
  334.  
  335. <div id="air">
  336. <a href="http://airudite.tumblr.com">
  337. <div class="word">azul
  338. <br><br>
  339. by airudite
  340. </div>
  341. </a>
  342. </div>
  343.  
  344.  
  345. <div id="content">
  346. <div class="title">
  347. <div class="{select:title font}">
  348. {Title}
  349. </div>
  350. <div class="mini">
  351. <a class="about" href="#">about</a>
  352. <a class="links" href="#">links</a>
  353. <a class="ask" href="#">ask</a>
  354. </div>
  355. </div>
  356.  
  357. <!-- here is the about bit-->
  358. <div id="about" style="display:none">
  359. {description}
  360. </div>
  361.  
  362. <!--here is the links bit-->
  363. <div id="links" style="display:none">
  364.  
  365. <a href="/">link</a>
  366. <a href="/">link</a>
  367. <a href="/">link</a>
  368. <a href="/">link</a>
  369. <a href="/">link</a>
  370. <a href="/">link</a>
  371. <a href="/">link</a>
  372. <a href="/">link</a>
  373. <a href="/">link</a>
  374. <a href="/">link</a>
  375. <a href="/">link</a>
  376. <a href="/">link</a>
  377. <a href="/">link</a>
  378. <a href="/">link</a>
  379. <a href="/">link</a>
  380. <a href="/">link</a>
  381.  
  382. </div>
  383. <!-- end links bit -->
  384.  
  385. <!-- here is the ask bit-->
  386. <div id="ask" style="display:none">
  387.  
  388. <q>How do I join this network?</q>
  389.  
  390. <blockquote>Just ask in the askbox below!</blockquote>
  391.  
  392. <q>I'm tired of lorem ipsum; any advice?</q>
  393.  
  394. <blockquote>Cupcake ipsum dolor sit amet. Sugar plum cotton candy tiramisu dessert jelly. Caramels tart pastry. Tart macaroon lollipop soufflé. Wafer liquorice macaroon brownie lemon drops macaroon jelly beans powder jelly beans. Unerdwear.com unerdwear.com donut applicake cookie.
  395. Macaroon wafer sweet tart muffin pudding. Topping sugar plum bear claw sweet sweet. Macaroon danish dessert sugar plum wafer tootsie roll chupa chups tootsie roll danish. Pastry cheesecake donut tiramisu bonbon. Dessert oat cake ice cream pastry candy canes. Sweet tootsie roll bonbon sweet. Cookie cupcake jujubes chocolate bar jelly halvah. Caramels chupa chups gummi bears marshmallow caramels brownie. Jelly icing chocolate cake chocolate cake jelly beans chocolate cake. Soufflé tart marshmallow biscuit jelly sugar plum topping cookie chocolate cake.</blockquote>
  396.  
  397. <q>VERY IMPORTANT: ALL QUESTIONS MUST BE 1 LINE MAX.</q>
  398.  
  399. <blockquote>I see, that's interesting. Why is that?</blockquote>
  400. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  401.  
  402. </div>
  403. <!--end ask bit-->
  404.  
  405. <div id="members">
  406.  
  407. <a href="blog url here" title="blog title here">
  408. <img src="https://40.media.tumblr.com/0a408fc401b411340d7e477413a0ad66/tumblr_n8p8nzUw6c1txu4ayo5_400.jpg">
  409. </a>
  410.  
  411. <a href="blog url here" title="blog title here">
  412. <img src="https://38.media.tumblr.com/9580c08cfaf18a3d199b6639d2bc136e/tumblr_n9pdojwdbL1tfsyhvo2_400.png">
  413. </a>
  414.  
  415. <a href="blog url here" title="blog title here">
  416. <img src="https://33.media.tumblr.com/d1b40fa632f9302162acaa0af4825815/tumblr_nb35025Q2k1tkdo2uo1_250.jpg">
  417. </a>
  418.  
  419. <a href="blog url here" title="blog title here">
  420. <img src="https://33.media.tumblr.com/249caff0c1454c2589a6586480817608/tumblr_n9pdojwdbL1tfsyhvo4_400.png">
  421. </a>
  422.  
  423. <a href="blog url here" title="blog title here">
  424. <img src="https://31.media.tumblr.com/d81ceeb5b981889ec5d097c49acee089/tumblr_inline_nb8fgjtSae1s45o0q.png">
  425. </a>
  426.  
  427. <a href="blog url here" title="blog title here">
  428. <img src="https://31.media.tumblr.com/969a584dbd5b9a94c58fb88adb009621/tumblr_inline_nago24N3qV1rzyz7r.png">
  429. </a>
  430.  
  431. <a href="blog url here" title="blog title here">
  432. <img src="https://33.media.tumblr.com/9c007cd5dc03faa04326ccefdf92d817/tumblr_nae3hwJZxm1tahiwso8_250.jpg">
  433. </a>
  434.  
  435. <a href="blog url here" title="blog title here">
  436. <img src="https://31.media.tumblr.com/2dbc77fce93d4d08c0b3b46ec64e6c6b/tumblr_inline_na7ua2LkSG1suuwzf.png">
  437. </a>
  438.  
  439. <a href="blog url here" title="blog title here">
  440. <img src="https://36.media.tumblr.com/58ef53c00c57d2c26622ecf1be61e3b3/tumblr_n85ga0RWV01txu4ayo5_400.jpg">
  441. </a>
  442.  
  443. <a href="blog url here" title="blog title here">
  444. <img src="https://40.media.tumblr.com/302423a1491248a24a3df23514391aec/tumblr_n85ga0RWV01txu4ayo3_400.jpg">
  445. </a>
  446.  
  447. <a href="blog url here" title="blog title here">
  448. <img src="https://33.media.tumblr.com/27bb3ee905f1692a0ae7480550afb6ed/tumblr_n781zuAhWn1ssikgso3_250.png">
  449. </a>
  450.  
  451. <a href="blog url here" title="blog title here">
  452. <img src="https://41.media.tumblr.com/ee7ce467bd233988eccc9befbdbd9c18/tumblr_n2e6n0IvW51seqf5vo1_500.jpg">
  453. </a>
  454.  
  455. <a href="blog url here" title="blog title here">
  456. <img src="https://40.media.tumblr.com/0a408fc401b411340d7e477413a0ad66/tumblr_n8p8nzUw6c1txu4ayo5_400.jpg">
  457. </a>
  458.  
  459. <a href="blog url here" title="blog title here">
  460. <img src="https://38.media.tumblr.com/9580c08cfaf18a3d199b6639d2bc136e/tumblr_n9pdojwdbL1tfsyhvo2_400.png">
  461. </a>
  462.  
  463. <a href="blog url here" title="blog title here">
  464. <img src="https://33.media.tumblr.com/d1b40fa632f9302162acaa0af4825815/tumblr_nb35025Q2k1tkdo2uo1_250.jpg">
  465. </a>
  466.  
  467. <a href="blog url here" title="blog title here">
  468. <img src="https://33.media.tumblr.com/249caff0c1454c2589a6586480817608/tumblr_n9pdojwdbL1tfsyhvo4_400.png">
  469. </a>
  470.  
  471. <a href="blog url here" title="blog title here">
  472. <img src="https://31.media.tumblr.com/d81ceeb5b981889ec5d097c49acee089/tumblr_inline_nb8fgjtSae1s45o0q.png">
  473. </a>
  474.  
  475. <a href="blog url here" title="blog title here">
  476. <img src="https://31.media.tumblr.com/969a584dbd5b9a94c58fb88adb009621/tumblr_inline_nago24N3qV1rzyz7r.png">
  477. </a>
  478.  
  479. <a href="blog url here" title="blog title here">
  480. <img src="https://33.media.tumblr.com/9c007cd5dc03faa04326ccefdf92d817/tumblr_nae3hwJZxm1tahiwso8_250.jpg">
  481. </a>
  482.  
  483. <a href="blog url here" title="blog title here">
  484. <img src="https://31.media.tumblr.com/2dbc77fce93d4d08c0b3b46ec64e6c6b/tumblr_inline_na7ua2LkSG1suuwzf.png">
  485. </a>
  486.  
  487. <a href="blog url here" title="blog title here">
  488. <img src="https://36.media.tumblr.com/58ef53c00c57d2c26622ecf1be61e3b3/tumblr_n85ga0RWV01txu4ayo5_400.jpg">
  489. </a>
  490.  
  491. <a href="blog url here" title="blog title here">
  492. <img src="https://40.media.tumblr.com/302423a1491248a24a3df23514391aec/tumblr_n85ga0RWV01txu4ayo3_400.jpg">
  493. </a>
  494.  
  495. <a href="blog url here" title="blog title here">
  496. <img src="https://33.media.tumblr.com/27bb3ee905f1692a0ae7480550afb6ed/tumblr_n781zuAhWn1ssikgso3_250.png">
  497. </a>
  498.  
  499. <a href="blog url here" title="blog title here">
  500. <img src="https://41.media.tumblr.com/ee7ce467bd233988eccc9befbdbd9c18/tumblr_n2e6n0IvW51seqf5vo1_500.jpg">
  501. </a>
  502. </div>
  503.  
  504. <div id="nav">
  505.  
  506. <!-- here are the links don't mess w/ them -->
  507. <a href="/">refresh</a>
  508. <a href="/">admin</a>
  509. <a href="http://airudite.tumblr.com">theme</a>
  510. </div>
  511. </div>
  512.  
  513. </body>
  514. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!