API tools faq
paste
animalites

1. Wings (v. 2)

animalites
Aug 6th, 2015
358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.87 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8.  
  9. theme by lucy (animalites.tumblr.com)
  10. please don't steal!!!!
  11.  
  12. --------------------------------------------->
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  17. <meta name="description" content="" />
  18. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  19.  
  20.  
  21. <meta name="color:Background" content="#FFFFFF">
  22. <meta name="color:textshadow" content="#9a9a9a">
  23. <meta name="color:Link" content="#8C8C8C">
  24. <meta name="color:Link Hover" content="#CECECE">
  25. <meta name="color:Text" content="#282828">
  26. <meta name="color:Title" content="#FFFFFF">
  27. <meta name="color:Scrollbar" content="#000000">
  28. <meta name="color:Blockquote" content="#F4F4F4">
  29. <meta name="color:Info Border" content="#F8F7F7">
  30. <meta name="color:Posts BG" content="#FFFFFF">
  31. <meta name="color:Black BG" content="#000000">
  32. <meta name="color:Image Border" content="#F0F0F0">
  33. <meta name="color:Questions Border" content="#F8F7F7">
  34. <meta name="color:Sidebar Border" content="#F4F4F4">
  35. <meta name="color:infocolor" content="#000">
  36. <meta name="text:to do" content="9px"/>
  37. <meta name="text:updates” content="9px"/>
  38. <meta name="text:description" content="9px"/>
  39. <meta name="text:Body Font Size" content="9px"/>
  40. <meta name="text:Body Font" content="Arial"/>
  41.  
  42. <meta name="image:Sidebar" content=""/>
  43. <meta name="image:Sidebar2" content=""/>
  44. <meta name="image:Sidebar3" content=""/>
  45. <meta name="image:Background" content="" />
  46. <meta name="text:Title" content="">
  47.  
  48. <meta name="if:Hover Tags" content="0"/>
  49. <meta name="if:Show Link1" content="0" />
  50. <meta name="if:Show Link2" content="0" />
  51. <meta name="if:Show Link3" content="0" />
  52.  
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900' rel='stylesheet' type='text/css'>
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("a[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:90,
  64. tip_fade_speed:600,
  65. attribute:"title"
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. body, a, a:hover{
  75. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  76.  
  77. iframe#tumblr_controls {
  78. right:3px !important;
  79. position: fixed !important;
  80. -webkit-transition: opacity 0.7s
  81. linear;opacity: 0.2;
  82. -webkit-transition: all 0.8s ease-out;
  83. -moz-transition: all 0.8s ease-out;
  84. transition: all 0.8s ease-out;}
  85.  
  86. iframe#tumblr_controls:hover{
  87. -webkit-transition: opacity 0.7s linear;
  88. opacity: 1;
  89. -webkit-transition: all 0.4s ease-out;
  90. -moz-transition: all 0.4s ease-out;
  91. transition: all 0.4s ease-out;}
  92.  
  93. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:2px}
  94. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  95. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  96.  
  97.  
  98. #s-m-t-tooltip {
  99. max-width:300px;
  100. margin-top:-20px;
  101. margin-left:-20px;
  102. font-size:8px;
  103. padding:2px;
  104. font-family:arial;
  105. letter-spacing:1px;
  106. text-align:center;
  107. text-transform:uppercase;
  108. background-color:{color:Black BG};
  109. color:{color:title};
  110. z-index:999999999999999999999999999999999999;
  111. }
  112.  
  113. h1 {
  114. font-weight:normal;
  115. font-size: {text:Body Font Size};
  116. font-family: {text:Body Font};
  117. text-align:center;
  118. font-style:italic;
  119. letter-spacing:0px;
  120. text-transform:none;
  121. color:{color:Text};
  122. }
  123.  
  124. h2 {
  125. margin-bottom:12px;
  126. padding-bottom:10px;
  127. font-weight:normal;
  128. font-family:arial;
  129. font-size:17px;
  130. letter-spacing:-1px;
  131. font-style:none;
  132. font-weight:bold;
  133. line-height:100%;
  134. text-transform:;
  135. color:{color:Text};
  136. margin: 0px;
  137. border-bottom: 1px solid {color:Info Border};
  138. }
  139.  
  140. pre {
  141. width:400px;
  142. text-align: center;
  143. word-wrap: break-word;
  144. color:{color:Text};
  145. }
  146.  
  147.  
  148. blockquote {
  149. border-left:1px solid {color:Blockquote};
  150. padding-left:13px;
  151. padding-top:1px;
  152. padding-bottom:1px;
  153. margin:10px;
  154. margin-top:10px;
  155. margin-bottom:10px;
  156. margin-left:20px;
  157. }
  158.  
  159. blockquote img {
  160. max-width:350px;
  161. }
  162.  
  163. body {
  164. color: {color:Text};
  165. background-color:{color:Background};
  166. background-image:url('{image:background}');
  167. background-attachment: fixed;
  168. background-repeat: repeat;
  169. word-spacing:1px;
  170. text-shadow: 1px 1px 1px {color:textshadow};
  171. }
  172.  
  173. a {
  174. color: {color:Link};
  175. text-decoration: none;
  176. -moz-transition-duration: 0.5s;
  177. -o-transition-duration: 0.5s;
  178. -webkit-transition-duration: 0.5s;
  179. transition-duration: 0.5s;
  180. }
  181.  
  182. a:hover {
  183. color: {color:Link Hover};
  184. text-decoration:underline;
  185. -moz-transition-duration: 0.5s;
  186. -o-transition-duration: 0.5s;
  187. -webkit-transition-duration: 0.5s;
  188. transition-duration: 0.5s;
  189. }
  190.  
  191.  
  192.  
  193. .title {
  194. color:{color:title};
  195. font-size:11px;
  196. font-weight:bold;
  197. display:block;
  198. margin-bottom:15px;
  199. text-align:center;
  200. margin-top:20px;
  201. margin-bottom:5px;
  202. font-family:arial,'sans serif';
  203. text-transform:uppercase;
  204. text-shadow: 1px 1px 1px {color:textshadow};
  205. padding-bottom:15px;
  206. border-bottom: 1px solid {color:Info Border};
  207. }
  208.  
  209.  
  210. .bottom {
  211. width:744px;
  212. padding:5px;
  213. margin-top:575px;
  214. margin-left:515px;
  215. font-family:arial;
  216. font-size:8px;
  217. position:fixed;
  218. letter-spacing:1px;
  219. font-style:none;
  220. font-weight:;
  221. line-height:87%;
  222. text-transform:uppercase;
  223. color:{color:text};
  224. background-color:{color:background};
  225. border-bottom:px solid {color:Sidebar Border};
  226. }
  227.  
  228. .bottom a {
  229. color:{color:text};
  230. }
  231.  
  232.  
  233. .sidebar {
  234. width:250px;
  235. height:500px;
  236. color:{color:Text};
  237. position: fixed;
  238. margin-top:70px;
  239. margin-left:78px;
  240. padding:0px;
  241. background-color:{color:Posts BG};
  242. border-top:1px solid {color:Sidebar Border};
  243. border-left:1px solid {color:Sidebar Border};
  244. border-bottom:1px solid {color:Sidebar Border};
  245. }
  246.  
  247. .sidebarimage {
  248. margin-top:12px;
  249. margin-bottom:10px;
  250. margin-left:11px;
  251. margin-right:-8px;
  252. width:100px;
  253. padding:5px;
  254. outline:1px solid {color:Sidebar Border};
  255. }
  256.  
  257. /*LINKS*/
  258.  
  259. .linkone {
  260. width:50px;
  261. line-height:15px;
  262. text-align:center;
  263. text-transform:lowercase;
  264. margin-bottom:-5px;
  265. margin-top:0px;
  266. margin-left:-145px;
  267. padding:3px;
  268. padding-left:7px;
  269. padding-right:7px;
  270. font-size:10px;
  271. font-family:arial, 'sans serif';
  272. background-color:#fbfbfb;
  273. -webkit-transition:all 0.3s ease-in-out;
  274. -moz-transition:all 0.3s ease-in-out;
  275. -o-transition:all 0.3s ease-in-out;
  276. -ms-transition:all 0.3s ease-in-out;
  277. transition:all 0.3s ease-in-out;
  278. box-shadow:1px 1px #ededed;
  279. }
  280.  
  281.  
  282. .linkone a {
  283. display:inline-block;
  284. width:50px;
  285. margin-left:3px;
  286. -webkit-transition:all 0.3s ease-in-out;
  287. -moz-transition:all 0.3s ease-in-out;
  288. -o-transition:all 0.3s ease-in-out;
  289. -ms-transition:all 0.3s ease-in-out;
  290. transition:all 0.3s ease-in-out;
  291. }
  292.  
  293. .linkone a:hover {
  294. margin-left:-20px;
  295. -webkit-transition:all 0.3s ease-in-out;
  296. -moz-transition:all 0.3s ease-in-out;
  297. -o-transition:all 0.3s ease-in-out;
  298. -ms-transition:all 0.3s ease-in-out;
  299. transition:all 0.3s ease-in-out;
  300. }
  301.  
  302. #linktitleone {
  303. color:#000000;
  304. margin-left:30px;
  305. margin-bottom:-18px;
  306. opacity:0;
  307. width:10px;
  308. padding:3px;
  309. padding-left:7px;
  310. padding-right:10px;
  311. text-align:center;
  312. line-height:15px;
  313. -webkit-transition:all 0.3s ease-in-out;
  314. -moz-transition:all 0.3s ease-in-out;
  315. -o-transition:all 0.3s ease-in-out;
  316. -ms-transition:all 0.3s ease-in-out;
  317. transition:all 0.3s ease-in-out;
  318. }
  319.  
  320. #linktitleone a {
  321. -webkit-transition:all 0.3s ease-in-out;
  322. -moz-transition:all 0.3s ease-in-out;
  323. -o-transition:all 0.3s ease-in-out;
  324. -ms-transition:all 0.3s ease-in-out;
  325. transition:all 0.3s ease-in-out;
  326. }
  327.  
  328. #linktitleone a:hover {
  329. color:#000000;
  330. }
  331.  
  332. .linkone a:hover #linktitleone{
  333. margin-left:20px;
  334. margin-bottom:-18px;
  335. opacity:1;
  336. text-align:right;
  337. -webkit-transition:all 0.3s ease-in-out;
  338. -moz-transition:all 0.3s ease-in-out;
  339. -o-transition:all 0.3s ease-in-out;
  340. -ms-transition:all 0.3s ease-in-out;
  341. transition:all 0.3s ease-in-out;
  342. }
  343.  
  344. .linktwo {
  345. margin-left:-5px;
  346. margin-top:-37px;
  347. width:50px;
  348. line-height:15px;
  349. text-align:center;
  350. text-transform:lowercase;
  351. padding:3px;
  352. padding-left:7px;
  353. font-family:arial,'sans serif';
  354. font-size:10px;
  355. padding-right:7px;
  356. background-color:#fbfbfb;
  357. -webkit-transition:all 0.3s ease-in-out;
  358. -moz-transition:all 0.3s ease-in-out;
  359. -o-transition:all 0.3s ease-in-out;
  360. -ms-transition:all 0.3s ease-in-out;
  361. transition:all 0.3s ease-in-out;
  362. box-shadow:1px 1px #ededed;
  363. }
  364.  
  365.  
  366. .linktwo a {
  367. display:inline-block;
  368. width:50px;
  369. margin-left:3px;
  370. -webkit-transition:all 0.3s ease-in-out;
  371. -moz-transition:all 0.3s ease-in-out;
  372. -o-transition:all 0.3s ease-in-out;
  373. -ms-transition:all 0.3s ease-in-out;
  374. transition:all 0.3s ease-in-out;
  375. }
  376.  
  377. .linktwo a:hover {
  378. margin-left:-15px;
  379. -webkit-transition:all 0.3s ease-in-out;
  380. -moz-transition:all 0.3s ease-in-out;
  381. -o-transition:all 0.3s ease-in-out;
  382. -ms-transition:all 0.3s ease-in-out;
  383. transition:all 0.3s ease-in-out;
  384. }
  385.  
  386. #linktitletwo {
  387. color:#000000;
  388. margin-left:30px;
  389. margin-bottom:-18px;
  390. opacity:0;
  391. width:10px;
  392. padding:3px;
  393. padding-left:7px;
  394. padding-right:7px;
  395. text-align:right;
  396. line-height:15px;
  397. -webkit-transition:all 0.3s ease-in-out;
  398. -moz-transition:all 0.3s ease-in-out;
  399. -o-transition:all 0.3s ease-in-out;
  400. -ms-transition:all 0.3s ease-in-out;
  401. transition:all 0.3s ease-in-out;
  402. }
  403.  
  404. #linktitletwo a {
  405. -webkit-transition:all 0.3s ease-in-out;
  406. -moz-transition:all 0.3s ease-in-out;
  407. -o-transition:all 0.3s ease-in-out;
  408. -ms-transition:all 0.3s ease-in-out;
  409. transition:all 0.3s ease-in-out;
  410. }
  411.  
  412. #linktitletwo a:hover {
  413. color:#000000;
  414. }
  415.  
  416. .linktwo a:hover #linktitletwo {
  417. margin-left:22px;
  418. margin-bottom:-18px;
  419. opacity:1;
  420. text-align:right;
  421. -webkit-transition:all 0.3s ease-in-out;
  422. -moz-transition:all 0.3s ease-in-out;
  423. -o-transition:all 0.3s ease-in-out;
  424. -ms-transition:all 0.3s ease-in-out;
  425. transition:all 0.3s ease-in-out;
  426. }
  427.  
  428. .linkthree {
  429. width:50px;
  430. line-height:15px;
  431. text-align:center;
  432. text-transform:lowercase;
  433. margin-top:-24px;
  434. margin-left:135px;
  435. padding:3px;
  436. padding-left:7px;
  437. font-family:arial,'sans serif';
  438. font-size:10px;
  439. padding-right:7px;
  440. background-color:#fbfbfb;
  441. -webkit-transition:all 0.3s ease-in-out;
  442. -moz-transition:all 0.3s ease-in-out;
  443. -o-transition:all 0.3s ease-in-out;
  444. -ms-transition:all 0.3s ease-in-out;
  445. transition:all 0.3s ease-in-out;
  446. box-shadow:1px 1px #ededed;
  447. }
  448.  
  449.  
  450. .linkthree a {
  451. display:inline-block;
  452. width:50px;
  453. margin-left:3px;
  454. -webkit-transition:all 0.3s ease-in-out;
  455. -moz-transition:all 0.3s ease-in-out;
  456. -o-transition:all 0.3s ease-in-out;
  457. -ms-transition:all 0.3s ease-in-out;
  458. transition:all 0.3s ease-in-out;
  459. }
  460.  
  461. .linkthree a:hover {
  462. margin-left:-18px;
  463. -webkit-transition:all 0.3s ease-in-out;
  464. -moz-transition:all 0.3s ease-in-out;
  465. -o-transition:all 0.3s ease-in-out;
  466. -ms-transition:all 0.3s ease-in-out;
  467. transition:all 0.3s ease-in-out;
  468. }
  469.  
  470. #linktitlethree {
  471. color:#000000;
  472. margin-left:30px;
  473. margin-bottom:-18px;
  474. opacity:0;
  475. width:10px;
  476. padding:3px;
  477. padding-left:7px;
  478. padding-right:7px;
  479. text-align:right;
  480. line-height:15px;
  481. -webkit-transition:all 0.3s ease-in-out;
  482. -moz-transition:all 0.3s ease-in-out;
  483. -o-transition:all 0.3s ease-in-out;
  484. -ms-transition:all 0.3s ease-in-out;
  485. transition:all 0.3s ease-in-out;
  486. }
  487.  
  488. #linktitlethree a {
  489. -webkit-transition:all 0.3s ease-in-out;
  490. -moz-transition:all 0.3s ease-in-out;
  491. -o-transition:all 0.3s ease-in-out;
  492. -ms-transition:all 0.3s ease-in-out;
  493. transition:all 0.3s ease-in-out;
  494. }
  495.  
  496. #linktitlethree a:hover {
  497. color:#000000;
  498. }
  499.  
  500. .linkthree a:hover #linktitlethree {
  501. margin-left:22px;
  502. margin-bottom:-18px;
  503. opacity:1;
  504. text-align:right;
  505. -webkit-transition:all 0.3s ease-in-out;
  506. -moz-transition:all 0.3s ease-in-out;
  507. -o-transition:all 0.3s ease-in-out;
  508. -ms-transition:all 0.3s ease-in-out;
  509. transition:all 0.3s ease-in-out;
  510. }
  511.  
  512. .linkfour {
  513. margin-top:-12px;
  514. margin-left:-145px;
  515. width:50px;
  516. line-height:15px;
  517. text-align:center;
  518. text-transform:lowercase;
  519. margin-bottom:5px;
  520. padding:3px;
  521. padding-left:7px;
  522. padding-right:7px;
  523. font-size:10px;
  524. font-family:arial,'sans serif';
  525. background-color:#fbfbfb;
  526. -webkit-transition:all 0.3s ease-in-out;
  527. -moz-transition:all 0.3s ease-in-out;
  528. -o-transition:all 0.3s ease-in-out;
  529. -ms-transition:all 0.3s ease-in-out;
  530. transition:all 0.3s ease-in-out;
  531. box-shadow:1px 1px #ededed;
  532. }
  533.  
  534.  
  535. .linkfour a {
  536. display:inline-block;
  537. width:50px;
  538. margin-left:3px;
  539. -webkit-transition:all 0.3s ease-in-out;
  540. -moz-transition:all 0.3s ease-in-out;
  541. -o-transition:all 0.3s ease-in-out;
  542. -ms-transition:all 0.3s ease-in-out;
  543. transition:all 0.3s ease-in-out;
  544. }
  545.  
  546. .linkfour a:hover {
  547. margin-left:-15px;
  548. -webkit-transition:all 0.3s ease-in-out;
  549. -moz-transition:all 0.3s ease-in-out;
  550. -o-transition:all 0.3s ease-in-out;
  551. -ms-transition:all 0.3s ease-in-out;
  552. transition:all 0.3s ease-in-out;
  553. }
  554.  
  555. #linktitlefour {
  556. color:#000000;
  557. margin-left:30px;
  558. margin-bottom:-18px;
  559. opacity:0;
  560. width:10px;
  561. padding:3px;
  562. padding-left:7px;
  563. padding-right:7px;
  564. -webkit-transition:all 0.3s ease-in-out;
  565. -moz-transition:all 0.3s ease-in-out;
  566. -o-transition:all 0.3s ease-in-out;
  567. -ms-transition:all 0.3s ease-in-out;
  568. transition:all 0.3s ease-in-out;
  569. }
  570.  
  571. #linktitlefour a {
  572. -webkit-transition:all 0.3s ease-in-out;
  573. -moz-transition:all 0.3s ease-in-out;
  574. -o-transition:all 0.3s ease-in-out;
  575. -ms-transition:all 0.3s ease-in-out;
  576. transition:all 0.3s ease-in-out;
  577. }
  578.  
  579. #linktitlefour a:hover {
  580. color:#000000;
  581. }
  582.  
  583. .linkfour a:hover #linktitlefour {
  584. margin-left:22px;
  585. margin-bottom:-18px;
  586. opacity:1;
  587. text-align:right;
  588. -webkit-transition:all 0.3s ease-in-out;
  589. -moz-transition:all 0.3s ease-in-out;
  590. -o-transition:all 0.3s ease-in-out;
  591. -ms-transition:all 0.3s ease-in-out;
  592. transition:all 0.3s ease-in-out;
  593. }
  594.  
  595. .linkfive {
  596. margin-top:-29px;
  597. margin-left:-5px;
  598. width:50px;
  599. line-height:15px;
  600. text-align:center;
  601. text-transform:lowercase;
  602. margin-bottom:5px;
  603. padding:3px;
  604. padding-left:7px;
  605. padding-right:7px;
  606. font-size:10px;
  607. font-family:arial,'sans serif';
  608. background-color:#fbfbfb;
  609. -webkit-transition:all 0.3s ease-in-out;
  610. -moz-transition:all 0.3s ease-in-out;
  611. -o-transition:all 0.3s ease-in-out;
  612. -ms-transition:all 0.3s ease-in-out;
  613. transition:all 0.3s ease-in-out;
  614. box-shadow:1px 1px #ededed;
  615. }
  616.  
  617.  
  618. .linkfive a {
  619. display:inline-block;
  620. width:50px;
  621. margin-left:3px;
  622. -webkit-transition:all 0.3s ease-in-out;
  623. -moz-transition:all 0.3s ease-in-out;
  624. -o-transition:all 0.3s ease-in-out;
  625. -ms-transition:all 0.3s ease-in-out;
  626. transition:all 0.3s ease-in-out;
  627. }
  628.  
  629. .linkfive a:hover {
  630. margin-left:-28px;
  631. -webkit-transition:all 0.3s ease-in-out;
  632. -moz-transition:all 0.3s ease-in-out;
  633. -o-transition:all 0.3s ease-in-out;
  634. -ms-transition:all 0.3s ease-in-out;
  635. transition:all 0.3s ease-in-out;
  636. }
  637.  
  638. #linktitlefive {
  639. color:#000000;
  640. margin-left:30px;
  641. margin-bottom:-18px;
  642. opacity:0;
  643. width:10px;
  644. padding:3px;
  645. padding-left:7px;
  646. padding-right:7px;
  647. -webkit-transition:all 0.3s ease-in-out;
  648. -moz-transition:all 0.3s ease-in-out;
  649. -o-transition:all 0.3s ease-in-out;
  650. -ms-transition:all 0.3s ease-in-out;
  651. transition:all 0.3s ease-in-out;
  652. }
  653.  
  654. #linktitlefive a {
  655. -webkit-transition:all 0.3s ease-in-out;
  656. -moz-transition:all 0.3s ease-in-out;
  657. -o-transition:all 0.3s ease-in-out;
  658. -ms-transition:all 0.3s ease-in-out;
  659. transition:all 0.3s ease-in-out;
  660. }
  661.  
  662. #linktitlefive a:hover {
  663. color:#000000;
  664. }
  665.  
  666. .linkfive a:hover #linktitlefive {
  667. margin-left:22px;
  668. margin-bottom:-18px;
  669. opacity:1;
  670. text-align:right;
  671. -webkit-transition:all 0.3s ease-in-out;
  672. -moz-transition:all 0.3s ease-in-out;
  673. -o-transition:all 0.3s ease-in-out;
  674. -ms-transition:all 0.3s ease-in-out;
  675. transition:all 0.3s ease-in-out;
  676. }
  677.  
  678.  
  679. .linksix {
  680. margin-top:-29px;
  681. margin-left:135px;
  682. width:50px;
  683. line-height:15px;
  684. text-align:center;
  685. text-transform:lowercase;
  686. margin-bottom:5px;
  687. padding:3px;
  688. padding-left:7px;
  689. padding-right:7px;
  690. font-size:10px;
  691. font-family:arial,'sans serif';
  692. background-color:#fbfbfb;
  693. -webkit-transition:all 0.3s ease-in-out;
  694. -moz-transition:all 0.3s ease-in-out;
  695. -o-transition:all 0.3s ease-in-out;
  696. -ms-transition:all 0.3s ease-in-out;
  697. transition:all 0.3s ease-in-out;
  698. box-shadow:1px 1px #ededed;
  699. }
  700.  
  701.  
  702. .linksix a {
  703. display:inline-block;
  704. width:50px;
  705. margin-left:3px;
  706. -webkit-transition:all 0.3s ease-in-out;
  707. -moz-transition:all 0.3s ease-in-out;
  708. -o-transition:all 0.3s ease-in-out;
  709. -ms-transition:all 0.3s ease-in-out;
  710. transition:all 0.3s ease-in-out;
  711. }
  712.  
  713. .linksix a:hover {
  714. margin-left:-17px;
  715. -webkit-transition:all 0.3s ease-in-out;
  716. -moz-transition:all 0.3s ease-in-out;
  717. -o-transition:all 0.3s ease-in-out;
  718. -ms-transition:all 0.3s ease-in-out;
  719. transition:all 0.3s ease-in-out;
  720. }
  721.  
  722. #linktitlesix {
  723. color:#000000;
  724. margin-left:30px;
  725. margin-bottom:-18px;
  726. opacity:0;
  727. width:10px;
  728. padding:3px;
  729. padding-left:7px;
  730. padding-right:7px;
  731. -webkit-transition:all 0.3s ease-in-out;
  732. -moz-transition:all 0.3s ease-in-out;
  733. -o-transition:all 0.3s ease-in-out;
  734. -ms-transition:all 0.3s ease-in-out;
  735. transition:all 0.3s ease-in-out;
  736. }
  737.  
  738. #linktitlesix a {
  739. -webkit-transition:all 0.3s ease-in-out;
  740. -moz-transition:all 0.3s ease-in-out;
  741. -o-transition:all 0.3s ease-in-out;
  742. -ms-transition:all 0.3s ease-in-out;
  743. transition:all 0.3s ease-in-out;
  744. }
  745.  
  746. #linktitlesix a:hover {
  747. color:#000000;
  748. }
  749.  
  750. .linksix a:hover #linktitlesix {
  751. margin-left:22px;
  752. margin-bottom:-18px;
  753. opacity:1;
  754. text-align:right;
  755. -webkit-transition:all 0.3s ease-in-out;
  756. -moz-transition:all 0.3s ease-in-out;
  757. -o-transition:all 0.3s ease-in-out;
  758. -ms-transition:all 0.3s ease-in-out;
  759. transition:all 0.3s ease-in-out;
  760. }
  761.  
  762.  
  763. .description {
  764. text-transform:;
  765. width:240px
  766. padding-top:5px;
  767. margin-top:-5px;
  768. margin-bottom:10px;
  769. padding:5px;
  770. font-size:9px;
  771. font-family:arial;
  772. color:{color:Text};
  773. letter-spacing:0px;
  774. }
  775.  
  776. .description a:hover {
  777. color:{color:Link Hover};
  778. }
  779.  
  780. .border {
  781. margin-left:10px;
  782. border-bottom: 1px solid {color:Sidebar Border};
  783. width:150px;
  784. padding-top:5px;
  785. }
  786.  
  787. .border2 {
  788. margin-top:-5px;
  789. margin-bottom:8px;
  790. margin-left:0px;
  791. border-bottom: 1px solid {color:Sidebar Border};
  792. width:150px;
  793. }
  794.  
  795.  
  796. .pagination {
  797. width:240px;
  798. padding:5px;
  799. margin-top:10px;
  800. margin-bottom:10px;
  801. margin-top:1px;
  802. font-family:arial;
  803. font-size:8px;
  804. letter-spacing:1px;
  805. font-weight:;
  806. text-transform:lowercase;
  807. }
  808.  
  809. .pagination a {
  810. padding:3px;
  811. color:{color:Text};
  812. }
  813.  
  814. .pagination a:hover {
  815. color:{color:Link Hover};
  816. }
  817.  
  818. .container {
  819. width:900px;
  820. margin: auto;
  821. margin-top:-8px;
  822. }
  823.  
  824.  
  825. .postscontainer {
  826. width:450px;
  827. height:500px;
  828. margin: auto;
  829. position:fixed;
  830. margin-top:71px;
  831. margin-bottom:50px;
  832. margin-left:330px;
  833. background-color:{color:Posts BG};
  834. outline:1px solid {color:Sidebar Border};
  835. border-right:1px solid {color:Sidebar Border};
  836. border-bottom:0px solid {color:Sidebar Border};
  837. overflow-y:scroll;
  838. overflow-x:hidden;
  839. }
  840.  
  841. .posts {
  842. width:400px;
  843. font-size: {text:Body Font Size};
  844. font-family: {text:Body Font};
  845. margin-bottom:10px;
  846. margin-left:0px;
  847. padding:20px;
  848. text-align:justify;
  849. }
  850.  
  851. .info {
  852. margin-top:15px;
  853. line-height:16px;
  854. font-size:9px;
  855. background-color:{color:infocolor};
  856. box-shadow: 1px 1px #ededed;
  857. padding:5px;
  858. }
  859.  
  860.  
  861. #info a {margin-right:10px;
  862. }
  863.  
  864.  
  865. .info a:hover {
  866. text-decoration:underline;
  867. color:{color:Link Hover};
  868. }
  869.  
  870. .info2 {
  871. text-align:left;
  872. margin-top:-6px;
  873. font-family:arial;
  874. text-transform:lowercase;
  875. letter-spacing:0px;
  876. font-size:9px;
  877. }
  878.  
  879. .info2 a {
  880. color:{color:Text};
  881. }
  882.  
  883. .info2 a:hover {
  884. text-decoration:underline;
  885. color:{color:Link Hover};
  886. }
  887.  
  888. .dashicons {
  889. margin-top:5px;
  890. margin-left:510px;
  891. padding-bottom:0px;
  892. line-height:0%;
  893. font-family:arial;
  894. text-transform:lowercase;
  895. letter-spacing:0px;
  896. font-size:11px;
  897. -webkit-transition:0.7s ease; position:absolute; opacity:0;
  898. list-style: none;
  899. }
  900.  
  901. .posts:hover .dashicons {
  902. margin-top:5px;filter: alpha(opacity = 100);
  903. opacity:100;-webkit-transition: all 0.5s ease-out;
  904. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  905. }
  906.  
  907. .posts:hover .tags {
  908. opacity:1.0;
  909. margin-top:0px;
  910. -webkit-transition: all 0.8s ease;
  911. -moz-transition: all 0.8s ease;
  912. transition: all 0.8s ease;
  913.  
  914. height:30px;
  915. }
  916.  
  917. .tags {
  918. width:400px;
  919. margin-top:-3px;
  920. height:5px;
  921. text-transform:none;
  922. opacity:0;
  923. text-align:center;
  924. -webkit-transition: all 0.8s ease;
  925. -moz-transition: all 0.8s ease;
  926. transition: all 0.8s ease;
  927. font-family:arial;
  928. letter-spacing:0px;
  929. font-weight:bold;
  930. font-size:9px;
  931. text-align:left;
  932. border-top:0px solid {color:infobg};
  933. }
  934.  
  935. .tags a {
  936. padding:5px;
  937. background-color:none;
  938. color:{color:Text};
  939. }
  940.  
  941. .tags a:hover {
  942. text-decoration:underline;
  943. color:{color:Link Hover};
  944. }
  945.  
  946. .postnote {
  947. width:400px;
  948. text-transform:lowercase;
  949. font-size: {text:Body Font Size};
  950. font-family: {text:Body Font};
  951. text-align:left;
  952. line-height:90%;
  953. margin-top:10px;
  954. }
  955.  
  956. .postnote li {
  957. list-style-type:none;
  958. padding:37px 0px 3px 0px;
  959. text-align:left;
  960. margin:0px;
  961. -moz-transition-duration:0.5s;
  962. -webkit-transition-duration:0.5s;
  963. -o-transition-duration:0.5s;
  964. }
  965.  
  966. .postnote img {
  967. width:20px;
  968. padding: 3px;
  969. margin:2px 7px -3px 6px;
  970. text-align:right;
  971. margin:2px 7px -3px 6px;
  972. border:1px solid {color:image Border};
  973. }
  974.  
  975. .music {
  976. width:400px;
  977. {block:ifShow500pxposts}
  978. width:500px;
  979. {/block:ifShow500pxposts}
  980. padding-bottom:10px;
  981. }
  982.  
  983. .albumart {
  984. float:left;
  985. width:50px;
  986. padding: 3px;
  987. margin:2px 7px -3px 6px;
  988. border:2px solid {color:Info Border};
  989. border-radius:100px;
  990. -webkit-border-radius:100px;
  991. -moz-border-radius:100px;
  992. }
  993.  
  994. .playercontainer {
  995. text-align:left;
  996. padding-top:15px;
  997. width:400px;
  998. {block:ifShow500pxposts}
  999. width:350px;
  1000. {/block:ifShow500pxposts}
  1001. }
  1002.  
  1003. .musicinfo {
  1004. padding:10px;
  1005. margin-top:20px;
  1006. font-size: {text:Body Font Size};
  1007. font-family: {text:Body Font};
  1008. color:{color:Text};
  1009. }
  1010.  
  1011. .quote {
  1012. font-size: {text:Body Font Size};
  1013. font-family: {text:Body Font};
  1014. letter-spacing:0px;
  1015. line-height:90%;
  1016. text-align:center;
  1017. }
  1018.  
  1019. .source {
  1020. font-family:calibri;
  1021. font-size:10px;
  1022. font-style:normal;
  1023. text-align:center;
  1024. line-height:17px;
  1025. }
  1026.  
  1027.  
  1028. .label {
  1029. font-size: {text:Body Font Size};
  1030. font-family: {text:Body Font};
  1031. font-weight:bold;
  1032. color:{color:Text};
  1033. }
  1034.  
  1035. .line.odd {
  1036. padding:4px;
  1037. margin-bottom:2px;
  1038. }
  1039.  
  1040. .line.even {
  1041. padding:4px;
  1042. margin-bottom:2px;
  1043. }
  1044.  
  1045. .ask {
  1046. width:400px;
  1047. font-size: {text:Body Font Size};
  1048. font-family: {text:Body Font};
  1049. background-color:{color:infocolor};
  1050. text-align:left;
  1051. font-weight:;
  1052. padding-top:4px;
  1053. padding-left:7px;
  1054. padding-bottom:8px;
  1055. border-bottom: 1px solid {color:Questions Border};
  1056. }
  1057.  
  1058. .ask a {
  1059. color:{color:Text};
  1060. }
  1061.  
  1062. .question {
  1063. width:400px;
  1064. letter-spacing:0px;
  1065. margin-top:3px;
  1066. padding-left:7px;
  1067. padding-bottom:8px;
  1068. text-align:justify;
  1069. color:{color:Text};
  1070. font-size: {text:Body Font Size};
  1071. font-family: {text:Body Font};
  1072. }
  1073.  
  1074. .answer {
  1075. width:400px;
  1076. letter-spacing:0px;
  1077. text-align:justify;
  1078. padding-top:10px;
  1079. margin-top:10px;
  1080. margin-bottom:1px;
  1081. font-size: {text:Body Font Size};
  1082. font-family: {text:Body Font};
  1083. color:{color:Text};
  1084. }
  1085.  
  1086. .askimg {
  1087. padding: 3px;
  1088. margin:2px 7px -3px 6px;
  1089. }
  1090.  
  1091.  
  1092.  
  1093. .styles {
  1094. position:fixed;
  1095. width:150px;
  1096. height:10px;
  1097. padding-bottom:10px;
  1098. font-size:8px;
  1099. margin-left:39px;
  1100. margin-top:0px;
  1101. z-index:99999;
  1102. }
  1103.  
  1104. .stylestitle {
  1105. width:118px;
  1106. line-height:200%;
  1107. font-weight:300;
  1108. margin-top:5px;
  1109. margin-left:15px;
  1110. padding-top:5px;
  1111. padding-bottom:5px;
  1112. font-family:Arial;
  1113. text-align:center;
  1114. font-size:9px;
  1115. letter-spacing:2px;
  1116. text-transform:uppercase;
  1117. color:#000;
  1118. z-index:9999999;
  1119. }
  1120.  
  1121. .horan {
  1122.  
  1123. position:fixed;
  1124. width:118px;
  1125. height:0px;
  1126. margin-top:-10px;
  1127. margin-left:30px;
  1128. text-align:justify;
  1129. word-break:normal;
  1130. font-family:arial;
  1131. background:transparent;
  1132. overflow:hidden;
  1133. -webkit-transition: all .6s ease-in-out;
  1134. -moz-transition: all .6s ease-in-out;
  1135. -o-transition: all .6s ease-in-out;
  1136. z-index:99999;
  1137. }
  1138.  
  1139. .styles:hover .horan {
  1140. /* if tab is too short increase height*/
  1141. height:800px;
  1142. -webkit-transition: all .6s ease-in-out;
  1143. -moz-transition: all .6s ease-in-out;
  1144. -o-transition: all .6s ease-in-out;
  1145. }
  1146.  
  1147. .stylestitle:hover .horan {
  1148. /* if tab is too short increase height*/
  1149. height:800px;
  1150. -webkit-transition: all .6s ease-in-out;
  1151. -moz-transition: all .6s ease-in-out;
  1152. -o-transition: all .6s ease-in-out;
  1153. }
  1154.  
  1155. /*chat/ask posts */
  1156. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  1157. .asked p {
  1158. text-align: left;
  1159. margin: 0 0px 10px 0px;
  1160. padding: 0;
  1161. color: #666666;
  1162. font-family: 'Inconsolata', Inconsolata;
  1163. font-size: 12px;
  1164. line-height: 0px;
  1165. }
  1166. .footerright .viasrc {
  1167. float: left;
  1168. }
  1169. .asked a {
  1170. margin:0;padding:0;
  1171. }
  1172. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  1173. .convo {
  1174. overflow: hidden;
  1175. list-style-type: none;
  1176. padding: 0;
  1177. margin: 0;
  1178. }
  1179.  
  1180.  
  1181. #updates {
  1182. line-height:100%;
  1183. display:block;
  1184. height:10px;
  1185. width:10px;
  1186. padding:0px 5px 5px 5px;
  1187. z-index:0;
  1188. top:10px;
  1189. left:10px;
  1190. color:#000;
  1191. position:fixed;
  1192. background:transparent;
  1193. overflow:hidden;
  1194. text-align:justify;
  1195. -moz-transition-duration:0.6s;
  1196. -webkit-transition-duration:0.6s;
  1197. -o-transition-duration:0.6s;
  1198. }
  1199.  
  1200. #updates:hover {
  1201. height:220px;
  1202. width:90px;
  1203. -moz-transition-duration:0.5s;
  1204. -webkit-transition-duration:0.5s;
  1205. -o-transition-duration:0.5s;
  1206. }
  1207.  
  1208. #updates2 {
  1209. line-height:17px;
  1210. text-shadow:1px 1px {color:textshadow};
  1211. color:#000;
  1212. font-weight:bold;
  1213. font-family:arial;
  1214. text-transform:uppercase;
  1215. font-size:8px;
  1216. }
  1217.  
  1218. #updates3 {
  1219. font-size:10px;
  1220. padding-top:5px;
  1221. border-radius:3px;
  1222. font-family:arial;
  1223. width:90px;
  1224. line-height:10px;
  1225. -moz-transition-duration:0.5s;
  1226. -webkit-transition-duration:0.5s;
  1227. -o-transition-duration:0.5s;
  1228. }
  1229.  
  1230.  
  1231. </style>
  1232. </head>
  1233.  
  1234.  
  1235. <body>
  1236.  
  1237. <div id="updates">
  1238. <span id="updates2"><big>✗✗</big></span>
  1239. <div id="updates3"><br>
  1240. <p>{text:updates}</p>
  1241. </div>
  1242. </div>
  1243.  
  1244. <div class="container">
  1245. <div class="bottom">
  1246. {block:Pagination}
  1247. {block:PreviousPage}
  1248. <a href="{PreviousPage}"> ‹ </a>
  1249. {/block:PreviousPage}
  1250. {block:JumpPagination length="6"}
  1251. {block:CurrentPage}
  1252. <span class="current_page">{PageNumber}</span>
  1253. {/block:CurrentPage}
  1254. {block:JumpPage}
  1255. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1256. {/block:JumpPage}
  1257. {/block:JumpPagination}
  1258. {block:NextPage}
  1259. <a href="{NextPage}"> › </a>
  1260. {/block:NextPage}
  1261. {/block:Pagination}
  1262. </div>
  1263. <div class="sidebar">
  1264. <div class="title">
  1265. <a href="/">
  1266. {text:Title}
  1267. </a></div>
  1268. <img src="{image:sidebar}" class="sidebarimage">
  1269. <img src="{image:sidebar2}" class="sidebarimage">
  1270. <center>
  1271. <div class="description">
  1272. {text:description}
  1273. </div>
  1274. <div class="border2"></div>
  1275. <div class="linkone">
  1276. <a href="/"><div id="linktitleone">home.</div> i. &nbsp;</a></div><br>
  1277. <div class="linktwo">
  1278. <a href="/ask"><div id="linktitletwo">ask.</div> ii. &nbsp;</a></div>
  1279. <div class="linkthree">
  1280. <a href="/rules"><div id="linktitlethree">rules.</div> iii. &nbsp;</a></div><br>
  1281. <div class="linkfour">
  1282. <a href="/navi"><div id="linktitlefour">navi.</div> iv. &nbsp;</a></div>
  1283. <div class="linkfive">
  1284. <a href="/muses"><div id="linktitlefive">muses.</div> v. &nbsp;</a></div>
  1285. <div class="linksix">
  1286. <a href="/tagged/plots"><div id="linktitlesix">plots.</div> vi. &nbsp;</a></div>
  1287. <div class="border"></div>
  1288. <div class="styles">
  1289.  
  1290. <div class="stylestitle"><!--Update tab title-->&nbsp;&nbsp;to do<!-- --></div>
  1291.  
  1292. <div class="horan"></br>
  1293.  
  1294. <!--Content 1-->
  1295. {text:to do}
  1296. </div>
  1297. </div>
  1298. </div>
  1299.  
  1300. <div class="postscontainer">
  1301.  
  1302. {block:Posts}
  1303. <div class="posts">
  1304.  
  1305.  
  1306. {block:Text}
  1307. {block:Title}<h2>{Title}</h2>{/block:Title}
  1308. {Body}
  1309. {/block:Text}
  1310.  
  1311. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  1312.  
  1313. {/block:Quote}
  1314.  
  1315. {block:Link}
  1316. <h2><a href="{URL}">{Name}</a></h2>
  1317. {block:Description}{Description}{/block:Description}
  1318. {/block:Link}
  1319.  
  1320. {block:Chat}
  1321. {block:Title}
  1322. <h2>{Title}</h2>{/block:Title}<br>
  1323. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1324. {Line}</li>{/block:Lines}</ul>
  1325. {/block:Chat}
  1326.  
  1327. {block:Answer}<div class="ask"><span style="font-weight:bold;">{Asker}:</span><span style="text-transform:none;"> {Question}</span></div><div class="answer">{Answer}</div>{/block:answer}
  1328.  
  1329. {block:Photo}
  1330. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  1331. {/block:Photo}
  1332.  
  1333. {block:Photoset}{Photoset-400}
  1334. {block:Caption}{Caption}{/block:Caption}
  1335. {/block:Photoset}
  1336.  
  1337. {block:Audio}<div class="music">{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}
  1338. <div class="playercontainer">{AudioPlayerWhite}</div>
  1339. <div class="musicinfo">{block:TrackName} {TrackName} {/block:TrackName} {block:Artist}by {Artist} {/block:Artist}</div>
  1340. {block:Caption}{Caption}{/block:Caption}<br></div>{/block:Audio}
  1341.  
  1342. {block:Video}{Video-400}
  1343. {block:Caption}{Caption}{/block:Caption}
  1344. {/block:Video}
  1345.  
  1346. <div class="info">{block:Date}{block:NoteCount}({NoteCount}) · {/block:NoteCount}<a title="{timeago}" href="{Permalink}"><u>{shortmonth} {dayofmonth} {12HourWithZero}:{Minutes} {CapitalAmPm}</u> </a> {block:PermalinkPage} {block:RebloggedFrom}— <a href="{ReblogParentURL}">via</a>{block:ContentSource} <span style="color:{color:linkinfo}"><a href="{SourceURL}"></a><a href="{ReblogRootURL}"><span style="color:{color:linkinfo}">©</a></span>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}{/block:Date}
  1347.  
  1348.  
  1349. {block:HasTags}
  1350. <div class="tags">
  1351. {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}
  1352. </div>
  1353. {/block:HasTags}
  1354. </div>
  1355. <div class="postnote">
  1356. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1357.  
  1358. </div>
  1359. {/block:Posts}
  1360.  
  1361.  
  1362. </div>
  1363. </div>
  1364. </div>
  1365. </body>
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!