API tools faq
paste
Advertisement
cykekik

comm 3

cykekik
Jul 11th, 2018
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.65 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. <head><title>{Title}</title>
  4.  
  5. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8. <script>
  9. $(document).ready(function(){
  10. $(".convo").click(function(){
  11. $(".content").slideToggle('slow');
  12. });
  13. });
  14. </script>
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("[title]").style_my_tooltips({
  25. tip_follows_cursor:true,
  26. tip_delay_time:0,
  27. tip_fade_speed:0,
  28. attribute:"title"
  29. });
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34.  
  35. <!--things on this page was coded by me. the icons and graphics are mine. do not lift content from this blog. popup code is from str-wrs.-->
  36.  
  37.  
  38. <meta name="text:link 1 title" content="/"/>
  39. <meta name="text:link 1 url" content="/"/>
  40. <meta name="text:link 2 title" content="/"/>
  41. <meta name="text:link 2 url" content="/"/>
  42. <meta name="text:link 3 title" content="/"/>
  43. <meta name="text:link 3 url" content="/"/>
  44.  
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
  47. <link href="https://fonts.googleapis.com/css?family=Nunito:300,400,700" rel="stylesheet">
  48. <link href='https://fonts.googleapis.com/css?family=Lobster+Two:400italic' rel='stylesheet' type='text/css'>
  49. <link href="https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps" rel="stylesheet">
  50. <link href="https://fonts.googleapis.com/css?family=Advent+Pro:600" rel="stylesheet">
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/64890205/fonts/BEBASNEUE.OTF'); }
  56.  
  57.  
  58.  
  59. /*FONTS*/
  60.  
  61. small { font-size: 12px;}
  62. sub { font-size: 12px;}
  63. sup { font-size: 12px;}
  64. code{ font-size:107%;
  65. word-spacing:2px;
  66. text-align:justify;
  67. }
  68. pre {
  69. width:80%;
  70. word-wrap: break-word;
  71. white-space:pre-wrap;
  72. white-space:normal;
  73. white-space:pre;
  74.  
  75. }
  76.  
  77. h1 {
  78. font-family:'bebas neue';
  79. font-weight:normal;
  80. font-size:20px;
  81. text-align:center;
  82. font-style:normal;
  83. line-height:100%;
  84. letter-spacing:1px;
  85. text-transform:uppercase;
  86. color:#f0d64d;
  87. }
  88.  
  89.  
  90. h2 {
  91. font-size:28px;
  92. text-align:left;
  93. letter-spacing:1px;
  94. line-height:100%;
  95. color:#f0d64d;;
  96. font-weight:bold;
  97. padding:2px;
  98. font-family:bebas neue;
  99. -moz-transition-duration:0.8s ease-out;
  100. -webkit-transition-duration:0.8s ease-out;
  101. -o-transition-duration:0.8s ease-out;
  102. }
  103.  
  104.  
  105. u {
  106. color : #cebd63;
  107. font-size : 90%;
  108. font-weight : normal;
  109. border-bottom : 1px solid;
  110. }
  111.  
  112. b, strong {
  113. color : #f0d64d;
  114. font-weight : bold;
  115. font-size:116%;
  116. }
  117.  
  118. i, em {
  119. color : #edde90;
  120. font-size:105%;
  121. }
  122.  
  123. a {
  124. text-decoration:none;
  125. outline:none;
  126. -moz-outline-style:none;
  127. color:#d2a600;
  128. -moz-transition-duration:0.5s;
  129. -webkit-transition-duration:0.5s;
  130. -o-transition-duration:0.5s;
  131. }
  132.  
  133. a:hover {
  134. text-decoration:none;
  135. outline:none;
  136. border-bottom: 0px solid;
  137. -moz-outline-style:none;
  138. color:#f5d350;
  139. }
  140.  
  141. hr{
  142. width:50%;
  143. color:#cebd63;
  144. border-color:#cebd63;
  145. }
  146.  
  147. /*SCROLLBAR*/
  148.  
  149. ::-webkit-scrollbar-thumb{
  150. background-color: transparent;
  151. border: 1px solid transparent;
  152. height:auto;
  153. }
  154.  
  155. ::-webkit-scrollbar {
  156. height:auto;
  157. width:4px;
  158. background-color: transparent;
  159. }
  160.  
  161.  
  162. iframe#tumblr_controls {
  163. left:3px
  164. position: fixed
  165. linear;opacity: 0.5;
  166. -webkit-transition: all 0.55s ease-out;
  167. -moz-transition: all 0.55s ease-out;
  168. transition: all 0.55s ease-out;
  169.  
  170. }
  171.  
  172. iframe#tumblr_controls:hover{
  173. opacity: 1;
  174. -webkit-transition: all 0.58s ease-out;
  175. -moz-transition: all 0.58s ease-out;
  176. transition: all 0.58s ease-out;
  177.  
  178. }
  179.  
  180.  
  181. /*TOOLTIP (that hover thing)*/
  182. #s-m-t-tooltip {
  183. margin:-15px 12px 5px 9px;
  184. text-align:center;
  185. position:absolute;
  186. letter-spacing:1px;
  187. padding:8px;
  188. text-transform:lowercase;
  189. font-family:'calibri;
  190. font-size:14px;
  191. z-index:9999999999999999999999999;
  192. line-height:90%;
  193. color:#cebd63;
  194. border: 2px solid #dbb952;
  195. background-color: #000000;
  196. background-attachment:fixed;
  197. -webkit-transition:all 0.2s;
  198. -moz-transition:all 0.2s;
  199.  
  200. }
  201.  
  202. /*CONTENT DEFAULT STUFF*/
  203.  
  204. body {
  205. background:#000000;
  206. margin:0px;
  207. color:#cebd63;
  208. font-family:arial;
  209. font-size:12px;
  210. line-height:161%;
  211. background-image:url('http://static.tumblr.com/41efd82f30f96faa7e615032ec935380/9h0i0wj/FXupbock2/tumblr_static_3i3tfl102nuocwsoos80o4k48.png');
  212. background-repeat: no-repeat;
  213. background-attachment: absolute;
  214. background-position: top left;
  215. word-spacing:2px;
  216. text-align:justify;
  217.  
  218. }
  219.  
  220. blockquote {
  221. margin: 20px;
  222. max-width: 90%;
  223. padding: 0 8px;
  224. padding-bottom:5px;
  225. padding-top:5px;
  226. padding-left:10px;
  227. border-left:1px solid #cebd63;
  228. }
  229.  
  230. blockquote blockquote {
  231. padding-left:4px;
  232. border-left:1px solid;
  233. max-width:80%;
  234. margin:2px;
  235. padding: 0 8px;
  236. }
  237.  
  238. blockquote img, blockquote a img {
  239. max-width:200px;
  240. height:auto;
  241. }
  242.  
  243. /*POSTS*/
  244.  
  245. #post {
  246. width:450px;
  247. padding-bottom:100px;
  248. padding:45px;
  249. padding-top:30px;
  250. margin-bottom:125px;
  251. }
  252.  
  253. #post img{
  254. max-width:440px;
  255. height:auto;
  256. padding:10px;
  257. }
  258.  
  259. img {
  260. max-width:440px;
  261. height:auto;
  262. padding:2px;
  263. }
  264.  
  265. /*CONTAINER*/
  266.  
  267. #container {
  268. margin-left:460px;
  269. top:118px;
  270. width:540px;
  271. position: absolute;
  272. padding:25px;
  273. padding-bottom:20px;
  274. z-index:-10;
  275. height:1200px;
  276. overflow-x:hidden;
  277. overflow-y:auto;
  278. }
  279.  
  280.  
  281. /*POST INFO + TAGS*/
  282.  
  283. #notes{
  284. position:absolute;
  285. text-align:right;
  286. padding-top:10px;
  287. margin-top:70px;
  288. margin-left:150px;
  289. width:300px;
  290. font-size:10px;
  291. }
  292.  
  293. #notes a{
  294. font-family: times;
  295. text-transform:uppercase;
  296. font-weight:bold;
  297. }
  298.  
  299. #notes a:hover{
  300. color:#f5d350;
  301. -moz-transition-duration:0.7s;
  302. -webkit-transition-duration:0.7s;
  303. -o-transition-duration:0.7s;
  304. }
  305.  
  306. .tags {
  307. padding:25px;
  308. padding-top:10px;
  309. line-height:120%;
  310. opacity:1;
  311. margin-top:25px;
  312. margin-left:0px;
  313. font-size:11px;
  314. text-align:center;
  315. position:absolute;
  316. -moz-transition-duration:0.7s;
  317. -webkit-transition-duration:0.7s;
  318. -o-transition-duration:0.7s;
  319. background-attachment:fixed;
  320. height:auto;
  321. width:400px;
  322. border:1px solid #dbb952;
  323. }
  324.  
  325.  
  326.  
  327.  
  328. /*MISC POST STUFF*/
  329.  
  330.  
  331. ::selection {
  332. background: #fee255;
  333. color:#000000;
  334. }
  335.  
  336. /*ask*/
  337.  
  338. #asker{
  339. font-size:18px;
  340. padding:2px;
  341. letter-spacing:0px;
  342. line-height:100%;
  343. font-family: 'Nunito', sans-serif;
  344. color:#998200;
  345. text-transform:uppercase;
  346. }
  347.  
  348. #asker:first-letter{
  349. font-size:30px;
  350. font-family: 'Nunito', sans-serif;
  351. text-transform:uppercase;
  352. font-weight:bold;
  353. color:#FFD800;
  354. }
  355.  
  356. #asker a{
  357. font-style:normal;
  358. letter-spacing:0px;
  359. color:#998200;
  360. }
  361.  
  362.  
  363. #asker a:hover{
  364. font-style:normal;
  365. letter-spacing:0px;
  366. color:#FFD800;
  367. }
  368.  
  369. #question{
  370. text-align:left;
  371. background-attachment:fixed;
  372. word-wrap: break-word;
  373. padding:5px;
  374. width:90%;
  375. margin-left:8px;
  376. border:1px dashed #cebd63;
  377. }
  378.  
  379. #questiontxt{
  380. background-color:#4f450f;
  381. border:3px double #cebd63;
  382. padding:20px;
  383. }
  384.  
  385. #answer{
  386. padding-top:10px;
  387. padding-bottom:10px;
  388. }
  389.  
  390. #answer img{
  391. max-width:90%;
  392. max-height:90%;
  393. }
  394.  
  395.  
  396. /*quotes*/
  397.  
  398. #quote{
  399. text-align:center;
  400. font-size:16px;
  401. line-height:110%;
  402. z-index:999;
  403. width:90%;
  404. font-family:'lobster two';
  405. font-style:italic;
  406. letter-spacing:1px;
  407. }
  408.  
  409. #quote:first-letter{
  410. font-family:'lobster two';
  411. font-weight:bold;
  412. font-size:25px;
  413. }
  414.  
  415. #lquo{
  416. font-size: 95px;
  417. font-weight: bold;
  418. position: relative;
  419. line-height:120%;
  420. margin: 0px 0 -75px 20px;
  421. opacity: 0.1;
  422. }
  423.  
  424. #rquo{
  425. font-size: 95px;
  426. font-weight: bold;
  427. text-align: right;
  428. line-height:40%;
  429. position: relative;
  430. margin:0 30px 0 -10px;
  431. opacity: 0.19;
  432. z-index:-10;
  433. }
  434.  
  435. #source{
  436. text-align:right;
  437. font-size:10px;
  438. margin-right:20px;
  439. padding-bottom:13px;
  440. }
  441.  
  442. /*audio*/
  443.  
  444. #stash{
  445. text-align:left;
  446. width:100%;
  447. margin-left:0px;
  448. height:auto;
  449. margin-top:5px;
  450. padding-bottom:5px;
  451. }
  452.  
  453.  
  454. #thing1 {
  455. width:250px;
  456. height:220px;
  457. top:400px;
  458. left:220px;
  459. text-align:justify;
  460. font-size:12px;
  461. position:absolute;
  462. overflow-y:scroll;
  463. overflow-x:auto;
  464. border:2px solid #dbb952;
  465. background-color: #000000;
  466. padding:5px;
  467. padding-top:8px;
  468. -webkit-transition: all .7s ease-in-out;
  469. -moz-transition: all .7s ease-in-out;
  470. -o-transition: all .7s ease-in-out;
  471. transition: all .7s ease-in-out;
  472. }
  473.  
  474.  
  475.  
  476. #thingsub{
  477. text-transform:uppercase;
  478. font-weight:bold;
  479. font-size:15px;
  480. padding:10px;
  481. padding-bottom:15px;
  482. line-height:100%;
  483. text-align:center;
  484. background-color:#1d1806;
  485. color:#9f851f;
  486.  
  487. }
  488.  
  489. #nav{
  490. width:80px;
  491. font-size:18px;
  492. text-transform:uppercase;
  493. text-align:center;
  494. padding:5px;
  495. position:absolute;
  496. margin-left:990px;
  497. margin-top:420px;
  498. line-height:100%;
  499. z-index:10;
  500. }
  501.  
  502. #nav a{
  503. color:#d2a600;
  504. -webkit-transition: all .7s ease-in-out;
  505. -moz-transition: all .7s ease-in-out;
  506. -o-transition: all .7s ease-in-out;
  507. transition: all .7s ease-in-out;
  508. }
  509.  
  510. #nav a:hover{
  511. color:#f5d350;
  512.  
  513. }
  514.  
  515. #glink{
  516. margin:5px;
  517. padding:8px;
  518.  
  519. }
  520.  
  521.  
  522. #pag{
  523. font-size:12px;
  524. font-family:arial;
  525. position:absolute;
  526. height:30px;
  527. width:250px;
  528. top:365px;
  529. left:250px;
  530. text-align:center;
  531. font-size:12px;
  532. padding:5px;
  533. padding-top:8px;
  534. z-index:100;
  535.  
  536. }
  537.  
  538. .jump_page {
  539. margin-left:2%;
  540. padding: 4px 8px;
  541. border:2px solid #dbb952;
  542. background-color: #000000;
  543. text-decoration:none;
  544. }
  545.  
  546. .current_page, .jump_page:hover {
  547. padding: 4px 8px;
  548. margin-left:2%;
  549. border:2px solid #dbb952;
  550. background-color: #000000;
  551. color: #ffffff;
  552. text-decoration:none;
  553. }
  554.  
  555.  
  556. #c{
  557. bottom:10px;
  558. right:10px;
  559. position:fixed;
  560. font-size:12px;
  561. z-index:10;
  562. }
  563.  
  564.  
  565. {CustomCSS}</style></head><body>
  566.  
  567. <div id="nav">
  568.  
  569. <div id="glink"><a href="/" title="home.">αʹ</a></div>
  570. <div id="glink"><a href="/ask" title="inbox">βʹ</a></div>
  571. <div id="glink"><a href="{text:link 1 url}" title="{text:link 1 title}">γʹ</a></div>
  572. <div id="glink"><a href="{text:link 2 url}" title="{text:link 2 title}">δʹ</a></div>
  573. <div id="glink"><a href="{text:link 3 url}" title="{text:link 3 title}">εʹ</a></div>
  574.  
  575. </div>
  576. </div>
  577.  
  578. <div id="c"><a href="http://skywarriorcomm.tumblr.com" title="CODED BY CHRISSY.">©</a></div>
  579.  
  580.  
  581.  
  582.  
  583. <div id="pag">
  584. {block:Pagination}
  585. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  586. {block:JumpPagination length="5"}
  587. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  588. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  589. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  590. {/block:Pagination}
  591. </div>
  592.  
  593.  
  594.  
  595. </div><div id="container">
  596. {block:Posts}<div id="post">
  597.  
  598. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  599.  
  600. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  601.  
  602. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  603.  
  604. {block:Quote}<div id="lquo">❝</div><div id="quote">{Quote}</div><div id="rquo">❞</div>{/block:Quote} <div id="source">{block:Source} &mdash;{Source}{/block:Source}</div>
  605.  
  606. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  607.  
  608. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  609.  
  610. {block:Audio}{AudioPlayerWhite}<div id="stash"><b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br><b>ARTIST:</b>{block:Artist} {Artist}{/block:Artist}</div>{/block:Audio}
  611.  
  612.  
  613.  
  614. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  615.  
  616. {block:Answer}<div id="asker">{asker} inquired </div><div id="question"><div id="questiontxt">{question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  617.  
  618. <p>
  619.  
  620. <div id="notes"><b>DATE:</b> {block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}<br> NOTE COUNT: <a href="{Permalink}">{NoteCount}</a> <br> <a href="{ReblogURL}" target="_blank" class="details" title="reblog">REBLOG. </a>
  621. {block:RebloggedFrom} <a title="via: {ReblogParentName}" href="{ReblogParentURL}">VIA.</a> {/block:RebloggedFrom}{block:ContentSource} <a title=" source: {SourceTitle}" href="{SourceURL}">SRC.</a>{/block:ContentSource}{/block:Date} </div>
  622.  
  623. {block:HasTags}
  624. <div class="tags">
  625. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  626. {/block:HasTags}
  627.  
  628.  
  629.  
  630. <div class="postnote" style="position:absolute; margin-top:70px; padding-top:5px;">
  631. {block:PostNotes}{PostNotes}{/block:PostNotes}
  632. </div>
  633. </div>
  634.  
  635. {/block:Posts}</div>
  636.  
  637.  
  638.  
  639.  
  640. <div id="thing1">
  641.  
  642. <div id="thingsub">THIS IS A TITLE, WRITE SOMETHING COOL. ONE WORD IS NICE. A SHORT QUOTE IS NICE.</div> <!--KEEP THE <p> HERE --> <p>
  643.  
  644.  
  645.  
  646.  
  647. YOUR INFORMATION GOES HERE, anything you want people to immediately notice about your blog or anything important you can put here!
  648. <br> <!--<br> is line break-->
  649. <b>BOLD TEXT</b>, <i>ITALIC TEXT</i>, <u>UNDERLINED</u>.
  650.  
  651.  
  652.  
  653. </div>
  654.  
  655. </div>
  656. </div>
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667. </body>
  668.  
  669.  
  670. </div></div></div></div></div></div></div></div></div></div>
  671.  
  672. </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!