API tools faq
paste
Advertisement
bittersveet

hhhhhhhh

bittersveet
May 6th, 2016
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.64 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------ Theme by galaxias-themes.tumblr.com and anzelic.tumblr.com, do no steal, do not copy, do not even peek within the source code. I will know. Thank you. ------------------------>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <style type="text/css"> body {cursor: url("http://i.imgur.com/2qleX.jpg"), auto;}</style>
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14.  
  15. <meta name="image:Background Image" content="">
  16. <meta name="image:Sidebar Image" content="http://i57.tinypic.com/oup1uc.png">
  17.  
  18. <meta name="color:Background Color" content="#FFFFFF"/>
  19. <meta name="color:Post Background" content="#EEEEEE"/>
  20. <meta name="color:Perma Background" content="#EEEEEE"/>
  21. <meta name="color:Info Background" content="#EEEEEE"/>
  22.  
  23. <meta name="color:Sidebar Image Background" content="#EEEEEE"/>
  24. <meta name="color:Description Background" content="#EEEEEE"/>
  25. <meta name="color:Links Background" content="#EEEEEE"/>
  26.  
  27. <meta name="color:Ask Background" content="#DDDDDD"/>
  28. <meta name="color:Ask Border" content="#a41212"/>
  29. <meta name="color:Ask Icon Border" content="#a41212"/>
  30.  
  31.  
  32. <meta name="color:Blockquote Background" content="#DDDDDD"/>
  33. <meta name="color:Blockquote Border" content="#000000"/>
  34.  
  35.  
  36. <meta name="color:Audio Background" content="#DDDDDD"/>
  37. <meta name="color:Audio Border" content="#a41212"/>
  38.  
  39.  
  40. <meta name="color:Post Title Text" content="#000000"/>
  41. <meta name="color:Asker Text" content="#000000"/>
  42. <meta name="color:Title" content="#EEEEEE"/>
  43.  
  44.  
  45. <meta name="if:Infinite Scroll" content="0">
  46.  
  47.  
  48. <meta name="color:Title Border" content="#505050"/>
  49.  
  50.  
  51. <meta name="color:Description Text" content="#000000"/>
  52. <meta name="color:Text" content="#000000"/>
  53. <meta name="color:Bold" content="#a41212"/>
  54. <meta name="color:Italic" content="#a41212"/>
  55. <meta name="color:Strike" content="#a41212"/>
  56.  
  57. <meta name="color:Links" content="#a41212"/>
  58. <meta name="color:Links Hover" content="#000000"/>
  59.  
  60. <meta name="color:Perma Links" content="#000000"/>
  61. <meta name="color:Perma Links Hover" content="#a41212"/>
  62.  
  63. <meta name="color:Asker Link" content="#000000"/>
  64. <meta name="color:Asker Link Hover" content="#a41212"/>
  65.  
  66. <meta name="color:Chat1 Background" content="#e9e9e9"/>
  67. <meta name="color:Chat2 Background" content="#DDDDDD"/>
  68. <meta name="color:Chat Text" content="#000000"/>
  69.  
  70. <meta name="color:Scrollbar Background" content="#a41212"/>
  71. <meta name="color:Scrollbar Thumb border" content="#a41212"/>
  72.  
  73. <meta name="color:Selection Background" content="#EEEEEE"/>
  74. <meta name="color:Selection Text" content="#a41212"/>
  75.  
  76.  
  77.  
  78. <meta name="text:Sidebar Title" content="Sidebar Title">
  79.  
  80.  
  81. <meta name="text:Link 1 URL" content="/">
  82. <meta name="text:Link 1" content="HOME">
  83. <meta name="text:Link 2 URL" content="/ask">
  84. <meta name="text:Link 2" content="ASK">
  85. <meta name="text:Link 3 URL" content="/submit">
  86. <meta name="text:Link 3" content="SUBMIT">
  87. <meta name="text:Link 4 URL" content="/">
  88. <meta name="text:Link 4" content="Link 4">
  89. <meta name="text:Link 5 URL" content="/">
  90. <meta name="text:Link 5" content="Link 5">
  91.  
  92.  
  93.  
  94.  
  95. <meta name="text:Background Position" content="Bottom Right">
  96. <meta name="text:Background Attachment" content="Fixed">
  97.  
  98.  
  99. <meta name="if:Monochrome" content="1">
  100. <meta name="if:Sidebarmono" content="0">
  101. <meta name="if:Show Captions" content="1">
  102.  
  103. <meta name="if:250" content="1">
  104. <meta name="if:400" content="0">
  105.  
  106.  
  107. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  108. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Julius+Sans+One|Qwigley|Dancing+Script' rel='stylesheet' type='text/css'>
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  116. <script type="text/javascript">
  117. $(document).ready(function () {
  118. $("#clk").toggle(function() {
  119. $("#upd").show();
  120. }, function() {
  121. $("#upd").hide();
  122. });
  123. });
  124. </script>
  125.  
  126.  
  127.  
  128.  
  129. <style type="text/css">
  130.  
  131.  
  132. /* Button Controls */
  133.  
  134. iframe#tumblr_controls {
  135. top: 0% !important;
  136. right:0% !important;
  137. opacity:0.3;
  138. position: fixed !important;
  139. filter:alpha(opacity=30);
  140. -webkit-transition: all 0.7s ease;
  141. -moz-transition: all 0.7s ease;
  142. -o-transition: all 0.7s ease;
  143. }
  144. iframe#tumblr_controls:hover{
  145. top: 0% !important;
  146. right:0% !important;
  147. opacity:0.8;
  148. position: fixed !important;
  149. filter:alpha(opacity=80);
  150. -webkit-transition: all 0.7s ease;
  151. -moz-transition: all 0.7s ease;
  152. -o-transition: all 0.7s ease;
  153. }
  154.  
  155.  
  156.  
  157.  
  158.  
  159. /* Scrollbar and Selection */
  160.  
  161. ::selection {
  162. color:{color:Selection Text};
  163. background:{color:Selection Background};
  164. }
  165. ::-moz-selection {
  166. color:{color:Selection Text};
  167. background:{color:Selection Background};
  168. }
  169. ::-webkit-scrollbar {
  170. width: 5px;
  171. height:5px;
  172. }
  173. ::-webkit-scrollbar-track-piece {
  174. background-color:{color:Scrollbar Background};
  175. border-right:2px solid {color:Background Color};
  176. border-left:2px solid {color:Background Color};
  177. }
  178. ::-webkit-scrollbar-thumb {
  179. background-color:{color:Background Color};
  180. border:1px solid {color:Scrollbar Thumb Border};
  181. border-radius:100px;
  182. }
  183.  
  184. /* Body */
  185.  
  186. body {
  187. background-color: {color:Background Color};
  188. background-image: url({image:Background Image});
  189. background-attachment:fixed;
  190. background-repeat:no-repeat;
  191. background-size:contain;
  192. background-position:bottom right;
  193. color:{color:Text};
  194. font-family:arial;
  195. }
  196.  
  197. a:link, a:visited, a:active {
  198. text-decoration: none;
  199. cursor: url('http://i.imgur.com/2qleX.jpg'), auto;
  200. color: {color:Links};
  201. -moz-transition:all ease-in-out 0.7s;
  202. -webkit-transition:all ease-in-out 0.7s;
  203. -o-transition:all ease-in-out 0.7s;
  204. transition:all ease-in-out 0.7s;
  205. }
  206. a:hover {
  207. color: {color:Links Hover};
  208. }
  209.  
  210. b, strong {
  211. color: {color:Bold};
  212. }
  213.  
  214. i, em {
  215. color: {color:Italic};
  216. }
  217.  
  218. s, strike {
  219. color: {color:Strike};
  220. }
  221.  
  222. ul,ol {
  223. padding:2px;
  224. margin-left:15px;
  225. }
  226.  
  227. ul {
  228. list-style-type:square;
  229. }
  230.  
  231. small, sub {
  232. font-family: arial;
  233. font-size: 10px;
  234. letter-spacing:0px;
  235. line-height: 100%;
  236. margin-top: 10px !important;
  237. line-height: 90%;
  238. }
  239. code {
  240. font-family:arial;
  241. font-size:10px;
  242. text-transform:uppercase;
  243. letter-spacing:0px;
  244. line-height:100%;
  245. }
  246.  
  247.  
  248. /* Pre and Blockquote */
  249.  
  250. pre {
  251. color:{color:Text};
  252. font-family:calibri;
  253. font-size:10px;
  254. text-transform:uppercase;
  255. text-align:center;
  256. letter-spacing:0px;
  257. line-height:100%;
  258. padding:3px;
  259. }
  260. blockquote {
  261. background-color: {color:Blockquote Background};
  262. color: {color:Text};
  263. margin-left:10px;
  264. width:90%;
  265. text-align:justify;
  266. border-left:solid 1px {color:Blockquote Border};
  267. padding:5px;
  268. padding-top:1px;
  269. padding-left: 7px;
  270. -moz-border-radius: 5px 5px;
  271. }
  272. blockquote img {
  273. {block:if250}max-width:210px !important;{/block:if250}
  274. {block:if400}max-width:330px !important;{/block:if400}
  275. opacity: .7;
  276. }
  277.  
  278.  
  279. /* Titles */
  280.  
  281. #posttitle {
  282. font-family: arial;
  283. color: #848484;
  284. font-size: 17px;
  285. padding: 5px;
  286. margin-top: 5px;
  287. line-height:18px;
  288. font-style:italic;
  289. font-weight:bold;
  290. text-align: justify;
  291. text-transform: none;}
  292.  
  293.  
  294.  
  295. #askname {
  296. font-family: arial;
  297. color: {color:Asker Text};
  298. font-size: 13px;
  299. padding: 3px;
  300. margin-top: -7px;
  301. line-height:10px;
  302. text-align: right;
  303. text-transform: uppercase;}
  304.  
  305.  
  306.  
  307.  
  308. #askname a{
  309. color:{color:Asker Link};
  310. }
  311. #askname a:hover{
  312. color:{color:Asker Link Hover};
  313. }
  314.  
  315. #pagetitle {
  316. font-family: arial;
  317. color: {color:Text};
  318. font-size: 8px;
  319. padding: 5px;
  320. margin-top: 5px;
  321. line-height:10px;
  322. text-align: center;
  323. text-transform: uppercase;}
  324.  
  325.  
  326.  
  327. #quote {
  328. font-family: 'trebuchet ms';
  329. color: #444444;
  330. font-size: 11px;
  331. padding: 5px;
  332. font-style:italic;
  333. margin-top: -10px;
  334. line-height:10px;
  335. text-align: justify;
  336. text-transform: auto;}
  337.  
  338. #source {
  339. font-family:calibri;
  340. font-size:10px;
  341. text-transform:uppercase;
  342. }
  343.  
  344.  
  345.  
  346. #quotation {
  347. position:relative;
  348. font-size:50px;
  349. color: #9F9F9F;
  350. opacity:0.3;
  351. font-family: 'arial';
  352. margin-top: 15px; }
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359. /* Post Wrapper */
  360.  
  361. .postwrapper {
  362. position: relative;
  363. width:20px;
  364. margin-left:470px;
  365. margin-top: 40px;
  366. height: 100%;
  367. height: auto !important;
  368. z-index:9999;
  369. }
  370.  
  371.  
  372.  
  373. /* Posts */
  374.  
  375. .posts {
  376. margin-bottom:20px;
  377. {block:if250}width:250px;{/block:if250}
  378. {block:if400}width:400px;{/block:if400}
  379. color: {color:Text};
  380. margin-left:25px;
  381. margin-top:20px;
  382. background-color: {color:Post Background};
  383. font-family: arial;
  384. font-size: 10px;
  385. letter-spacing: 1;
  386. line-height: 100%;
  387. text-align: justify;
  388. margin-left:140px;
  389. word-wrap:break-word;
  390. padding: 10px;
  391. -moz-transition:all ease-in-out 0.7s;
  392. -webkit-transition:all ease-in-out 0.7s;
  393. -o-transition:all ease-in-out 0.7s;
  394. transition:all ease-in-out 0.7s;
  395. }
  396. .info {
  397. margin-top: -15px;
  398. {block:if250}width:265px;{/block:if250}
  399. {block:if400}width:415px;{/block:if400}
  400. margin-left:25px;
  401. background-color: {color:Info Background};
  402. color: {color:Text};
  403. font-family: calibri;
  404. font-size: 10px;
  405. text-transform:uppercase;
  406. letter-spacing:0px;
  407. line-height:12px;
  408. text-align:justify;
  409. margin-left:140px;
  410. word-wrap:break-word;
  411. padding: 3px;
  412. -moz-transition:all ease-in-out 0.7s;
  413. -webkit-transition:all ease-in-out 0.7s;
  414. -o-transition:all ease-in-out 0.7s;
  415. transition:all ease-in-out 0.7s;
  416. }
  417. .notes {
  418. {block:if250}width:250px;{/block:if250}
  419. {block:if400}width:400px;{/block:if400}
  420. height:200px;
  421. background-color: transparent;
  422. color: {color:Text};
  423. font-family:calibri;
  424. font-size:10px;
  425. letter-spacing:0px;
  426. line-height:100%;
  427. text-align:left;
  428. text-transform:uppercase;
  429. word-wrap:break-word;
  430. overflow:none;
  431. padding:10px;
  432. margin-left:76px;
  433. -moz-transition:all ease-in-out 0.7s;
  434. -webkit-transition:all ease-in-out 0.7s;
  435. -o-transition:all ease-in-out 0.7s;
  436. transition:all ease-in-out 0.7s;
  437. }
  438. .notes img {
  439. display:none;
  440. }
  441. .perma {
  442. {block:if250}width:260px;{/block:if250}
  443. {block:if400}width:410px;{/block:if400}
  444. margin-top: -17px;
  445. margin-left:25px;
  446. margin-bottom: 20px;
  447. font-family: arial;
  448. font-size: 10px;
  449. text-align:right;
  450. color: {color:Text};
  451. text-transform: uppercase;
  452. letter-spacing: 1;
  453. word-spacing:1px;
  454. line-height: 15px;
  455. margin-left:140px;
  456. background-color: #1C1C1C;
  457. padding: 5px;
  458. height: 15px;
  459. -moz-transition:all ease-in-out 0.7s;
  460. -webkit-transition:all ease-in-out 0.7s;
  461. -o-transition:all ease-in-out 0.7s;
  462. transition:all ease-in-out 0.7s;
  463. }
  464. .perma a {
  465. color: #FFFFFF;
  466. -moz-transition:all ease-in-out 0.7s;
  467. -webkit-transition:all ease-in-out 0.7s;
  468. -o-transition:all ease-in-out 0.7s;
  469. transition:all ease-in-out 0.7s;}
  470.  
  471.  
  472.  
  473. /* Tags */
  474.  
  475. #tags {
  476. font-family: calibri;
  477. font-size: 10px;
  478. text-align:center;
  479. text-transform: uppercase;
  480. letter-spacing: 1;
  481. line-height: 100%;
  482. }
  483. #tags a, #permatags a {
  484. color: {color:Links};
  485. }
  486. #tags a:hover, #permatags a:hover {
  487. color: {color:Links Hover};
  488. }
  489.  
  490.  
  491. #permatags {
  492. {block:if250}width:270px;{/block:if250}
  493. {block:if400}width:420px;{/block:if400}
  494. margin-top: 0px;
  495. padding: 5px;
  496. margin-bottom: 10px;
  497. color: #0066ff;
  498. font-family: arial;
  499. font-size: 8px;
  500. text-transform: uppercase;
  501. letter-spacing: 0px;
  502. word-spacing:-2px;
  503. line-height: 100%;
  504. text-align: center;
  505. }
  506.  
  507.  
  508.  
  509. /* Chat */
  510.  
  511. #odd {
  512. padding:2px;
  513. font-size: 10px;
  514. letter-spacing: 1px;
  515. font-family: arial;
  516. color:{color:Chat Text};
  517. background-color: {color:Chat1 Background};
  518. }
  519. #even{
  520. padding:2px;
  521. font-size: 10px;
  522. letter-spacing: 1px;
  523. font-family: arial;
  524. color:{color:Chat Text};
  525. background-color: {color:Chat2 Background};
  526. }
  527.  
  528.  
  529.  
  530. /* AUDIO */
  531. .album {
  532. background-repeat: no-repeat;
  533. background-position: center;
  534. position: absolute;
  535. width: 86px;
  536. height: 86px;
  537. background-size: 60px;
  538. overflow: hidden;
  539. background-color: {color:Background Color};
  540. -moz-transition:all ease-in-out 0.7s;
  541. -webkit-transition:all ease-in-out 0.7s;
  542. -o-transition:all ease-in-out 0.7s;
  543. transition:all ease-in-out 0.7s;
  544. }
  545.  
  546. .album img {
  547. width: 86px;
  548. height: 86px;
  549. overflow: hidden;
  550. -moz-transition:all ease-in-out 0.7s;
  551. -webkit-transition:all ease-in-out 0.7s;
  552. -o-transition:all ease-in-out 0.7s;
  553. transition:all ease-in-out 0.7s;
  554. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  555. {/block:ifMonochrome}
  556. {block:ifFade}opacity:.5;{/block:ifFade}
  557. }
  558.  
  559. .album img:hover {
  560. -moz-transition:all ease-in-out 0.7s;
  561. -webkit-transition:all ease-in-out 0.7s;
  562. -o-transition:all ease-in-out 0.7s;
  563. transition:all ease-in-out 0.7s;
  564. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  565. {/block:ifMonochrome}
  566. {block:ifFade}opacity:1;{/block:ifFade}
  567. }
  568.  
  569. .player {
  570. width: 10px;
  571. height: 11px;
  572. overflow: hidden;
  573. padding: 4px 21px 21px 4px;
  574. margin-top: 27px;
  575. margin-left: 26px;
  576. position: absolute;
  577. background-color: #fff;
  578. opacity: 0.5;
  579. z-index: 10;
  580. -webkit-transition: all 0.4s linear;
  581. -moz-transition: all 0.4s linear;
  582. -o-transition: all 0.4s linear;
  583. -moz-border-radius: 30px;
  584. -webkit-border-radius: 30px;
  585. border-radius: 30px;
  586. }
  587.  
  588. .album:hover .player {
  589. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  590. }
  591.  
  592. .track {
  593. margin-left: 90px;
  594. min-height: 80px;
  595. max-height: 100px;
  596. overflow: auto;
  597. font-family:calibri;
  598. font-size: 10px;
  599. padding: 3px;
  600. color: {color:Track Text};
  601. text-transform: uppercase;
  602. letter-spacing: 1px;
  603. background: {color:Track Background};
  604. }
  605.  
  606.  
  607.  
  608. /* Images */
  609.  
  610. .posts img:hover, #photoset:hover {
  611. -moz-transition:all ease-in-out 0.7s;
  612. -webkit-transition:all ease-in-out 0.7s;
  613. -o-transition:all ease-in-out 0.7s;
  614. transition:all ease-in-out 0.7s;
  615. {block:ifmonochrome}
  616. -webkit-filter: grayscale(0%) !important;
  617. {/block:ifmonochrome}
  618. opacity: 1;
  619. }
  620. .posts img, #photoset {
  621. {block:if250}max-width:250px;{/block:if250}
  622. {block:if400}max-width:400px;{/block:if400}
  623. opacity: .8;
  624. {block:ifmonochrome}
  625. -webkit-filter: grayscale(100%);
  626. -moz-transition:all ease-in-out 0.7s;
  627. -webkit-transition:all ease-in-out 0.7s;
  628. -o-transition:all ease-in-out 0.7s;
  629. transition:all ease-in-out 0.7s;
  630. {/block:ifmonochrome}
  631. }
  632. .photopost img {
  633. {block:if250}max-width: 250px !important; {/block:if250}
  634. {block:if400}max-width: 400px !important; {/block:if400}
  635. opacity: .8;
  636. {block:ifmonochrome}
  637. -webkit-filter: grayscale(100%);
  638. -moz-transition:all ease-in-out 0.7s;
  639. -webkit-transition:all ease-in-out 0.7s;
  640. -o-transition:all ease-in-out 0.7s;
  641. transition:all ease-in-out 0.7s;
  642. {/block:ifmonochrome}}
  643.  
  644. /* Asks */
  645.  
  646. .question {
  647. min-height:20px;
  648. padding: 8px;
  649. color:#1C1C1C;
  650. font-family:calibri;
  651. font-size:11px;
  652. font-style:italic;
  653. background-color: #FAFAFA;
  654. -webkit-border-radius: 0px;
  655. -moz-border-radius: 0px;
  656. }
  657.  
  658. .icon img {
  659. margin-right:-5px;
  660. border-radius:0px;
  661. opacity:1;
  662. padding:0px;
  663. float:right;
  664. border-radius:50px;
  665. text-align:justify;
  666. margin-top:-5px;}
  667.  
  668. /* Sidebar Wrapper */
  669.  
  670.  
  671. .sidebarwrapper {
  672.  
  673. margin-left:265px;
  674.  
  675. margin-top:175px;
  676.  
  677. position:fixed;
  678.  
  679. width:150px;
  680.  
  681. height:auto;
  682.  
  683. padding:0px;
  684.  
  685. float:left;
  686.  
  687. background-color:transparent;
  688.  
  689. z-index:999999999;
  690. }
  691.  
  692.  
  693. /* Center Wrapper*/
  694.  
  695.  
  696. #wrapper{
  697.  
  698. width:510px;
  699.  
  700. height:auto;
  701.  
  702. margin-left:auto;
  703.  
  704. margin-right:auto;
  705.  
  706. margin-top:60px;
  707.  
  708. margin-bottom:60px;
  709.  
  710. padding:0;
  711.  
  712. border:0;
  713. position:fixed;
  714.  
  715. }
  716.  
  717.  
  718.  
  719. /* hover */
  720.  
  721. #s-m-t-tooltip {
  722. position:absolute;
  723. z-index:9999;
  724. display:none;
  725. border-radius: 0px;
  726. max-width: 200px;
  727. margin-top: 20px;
  728. margin-left: 20px;
  729. font-family: calibri;
  730. font-size: 10px;
  731. color: #FFFFFF;
  732. text-transform: uppercase;
  733. letter-spacing: 1;
  734. line-height: 100%;
  735. border-radius:4px;
  736. background-color: #1C1C1C;
  737. z-index:99999;
  738. padding: 5px; }
  739.  
  740.  
  741.  
  742. /* Sidebar */
  743.  
  744.  
  745. #sidebar {
  746. margin-left:-136px;
  747. margin-top:20px;
  748. margin-bottom:5px;
  749. position:fixed;
  750. padding:0px;
  751. width:275px;
  752. height:125px;
  753. font-family:"MS Gothic";
  754. color:{color:Text};
  755. text-align:justify;
  756. font-size:9px;
  757. letter-spacing:2px;
  758. line-height:9px;
  759. margin-bottom:5px;
  760. -moz-border-radius: 0px 0px 0px 0px;
  761. -webkit-border-radius: 10px 10px 10px 10px;
  762. border-radius: 0px 0px 0px 0px;
  763. }
  764.  
  765.  
  766. #sidebar img {
  767. max-width:100px;
  768. max-height:100px;
  769. border-radius: 0px 0px 0px 0px;
  770. {block:ifsidebarmono}
  771. -webkit-filter: grayscale(100%);
  772. -moz-filter: grayscale(100%);
  773. -o-filter: grayscale(100%);
  774. transition:all ease-in-out 0.7s;
  775. {/block:ifsidebarmono}
  776. border-top-left-radius: 50px;
  777. border-top-right-radius: 50px;
  778. border-bottom-right-radius: 50px;
  779. border-bottom-left-radius: 50px;
  780. }
  781.  
  782. #sidebar:hover {
  783. {block:ifsidebarmono}
  784. -webkit-filter: grayscale(0%);
  785. -moz-filter: grayscale(0%);
  786. -o-filter: grayscale(0%);
  787. transition:all ease-in-out 0.7s;
  788. {/block:ifsidebarmono}
  789.  
  790. }
  791.  
  792. #hovers {
  793. position:fixed;
  794. margin-top: 118px;
  795. margin-left: -120px;}
  796.  
  797. #hovers a {
  798.  
  799. display: inline-block;
  800. width: 70px;
  801. height: 5px;
  802. background: #1C1C1C;
  803. -webkit-transition: all 0.7s ease-in-out;
  804. -moz-transition: all 0.7s ease-in-out;
  805. -o-transition: all 0.7s ease-in-out;
  806. -ms-transition: all 0.7s ease-in-out;
  807. transition: all 0.7s ease-in-out; }
  808.  
  809. #desc {
  810. position:fixed;
  811. margin-top:50px;
  812. margin-left:-17px;
  813. position:fixed;
  814. background-color:transparent;
  815. width:180px;
  816. height:auto;
  817. overflow:auto;
  818. padding:2px;
  819. padding-top:4px;
  820. font-family:arial;
  821. font-size:10px;
  822. text-transform:none;
  823. text-align:justify;
  824. line-height:9px;
  825. color:{color:Description Text};
  826.  
  827. }
  828.  
  829. #desc::-webkit-scrollbar {
  830. width: 3px;
  831. height:5px;
  832. }
  833. #desc::-webkit-scrollbar-track-piece {
  834. background-color:{color:Scrollbar Background};
  835. border-right:2px solid {color:Background Color};
  836. border-left:2px solid {color:Background Color};
  837. }
  838. #desc::-webkit-scrollbar-thumb {
  839. background-color:{color:Background Color};
  840. border:1px solid {color:Scrollbar Thumb Border};
  841. border-radius:100px;
  842. }
  843.  
  844. .title {
  845. margin-left:-57px;
  846. margin-top:38px;
  847. position:fixed;
  848. background-color:transparent;
  849. padding:0px;
  850. width:260px;
  851. height:15px;
  852. font-family:georgia;
  853. color:#1C1C1C;
  854. text-align:center;
  855. font-size:14px;
  856. letter-spacing:0px;
  857. line-height:0px;
  858. font-weight:bold;
  859. text-transform:uppercase;
  860. -moz-border-radius: 0px 0px 0px 0px;
  861. -webkit-border-radius: 10px 10px 10px 10px;
  862. border-radius: 300px 300px 0px 0px;}
  863.  
  864. .title a {
  865. color:#1C1C1C;
  866. }
  867.  
  868.  
  869.  
  870. .links {
  871. margin-top:95px;
  872. margin-left:-18px;
  873. background-color:transparent;
  874. position:fixed;
  875. font-family:arial;
  876. font-size:12px;
  877. color:#424242;
  878. text-transform:lowercase;
  879. text-align:left;
  880. width:267px;
  881. height:10px;
  882. padding:3px;
  883. line-height:13px;
  884. font-style:italic;
  885. -moz-transition:all ease-in-out 0.7s;
  886. -webkit-transition:all ease-in-out 0.7s;
  887. -o-transition:all ease-in-out 0.7s;
  888. transition:all ease-in-out 0.7s;
  889. }
  890. .links a{
  891. color:#424242;
  892. -moz-transition:all ease-in-out 0.7s;
  893. -webkit-transition:all ease-in-out 0.7s;
  894. -o-transition:all ease-in-out 0.7s;
  895. transition:all ease-in-out 0.7s;
  896. }
  897.  
  898.  
  899.  
  900.  
  901.  
  902.  
  903. .photo{
  904.  
  905. filter: url(“data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale”); /* Firefox 3.5+ */
  906.  
  907. filter: gray; /* IE6-9 */
  908.  
  909. -webkit-filter: grayscale(1);
  910.  
  911. -webkit-transition: all 0.5s ease-in-out;
  912.  
  913. -moz-transition: all 0.5s ease-in-out;
  914.  
  915. -o-transition: all 0.5s ease-in-out;
  916.  
  917. -ms-transition: all 0.5s ease-in-out;
  918.  
  919. transition: all 0.5s ease-in-out;
  920.  
  921. }
  922.  
  923. .photo:hover{
  924.  
  925. filter: none;
  926.  
  927. -webkit-filter: grayscale(0);
  928.  
  929. -webkit-transition: all 0.7s ease-in-out;
  930.  
  931. -moz-transition: all 0.7s ease-in-out;
  932.  
  933. -o-transition: all 0.7s ease-in-out;
  934.  
  935. }
  936.  
  937.  
  938.  
  939. </style>
  940.  
  941. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  942.  
  943. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  944.  
  945.  
  946.  
  947. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  948.  
  949. <script>
  950. (function($){
  951. $(document).ready(function(){
  952. $("[title]").style_my_tooltips();
  953. });
  954. })(jQuery);
  955. </script>
  956.  
  957.  
  958.  
  959.  
  960. </head>
  961.  
  962. <body>
  963.  
  964.  
  965.  
  966. <div id="wrapper">
  967. <div class="sidebarwrapper">
  968. <div id="sidebar">
  969.  
  970. <img src="{image:Sidebar Image}" width="200" height="233"/></div>
  971.  
  972. <div id="desc">{Description}</div>
  973.  
  974. <div class="links">
  975. <a href="{text:Link 1 URL}">{text:Link 1}</a> /
  976. <a href="{text:Link 2 URL}">{text:Link 2}</a> /
  977. <a href="{text:Link 3 URL}">{text:Link 3}</a> /
  978. <a href="{text:Link 4 URL}">{text:Link 4}</a> /
  979. <a href="{text:Link 5 URL}">{text:Link 5}</a></div>
  980.  
  981.  
  982. <div id="hovers">
  983. <a class="hovers" title="< disclaimer > not the real byun baekhyun, not affiliated with exo/sme. this is a general oc muse, do not approach him as baekhyun from exo, thank you. he likes being called both baekhyun and beau."></a>
  984. <a class="hovers" title="< style > i am literate and i prefer para, but i don't mind script and doing shorter threads (it'd be great, yep). i also don't do one-liners, i will try writing more than just only one line and lastly, i do not use (nor have) icons, but the other party is welcome to use them if they wish so! i am selective with who i follow or keep on following."></a>
  985. <a class="hovers" title="< warnings > this account is /not/ supposed to be triggering or have sexual content, but subtle things may appear and be tagged accordingly. the mun and muse are of age but i'd much rather keep this blog clean and nice."></a>
  986. <a class="hovers" title="< more > open for any type of plots (as long as they fit baekhyun and your muse), i wish to interact with anyone and everyone. sometimes i may be slow (kinda busy with exams) and other times i may reply quickly to things. memes are welcomed and a nice way to start a friendship. aim is carmes_i, both for ooc (plotting) and interactions (since i am there more often)."></a>
  987. </div>
  988.  
  989. <div class="title"><a href="/">i weep my blood,</a></div>
  990.  
  991.  
  992. </div>
  993.  
  994. </div>
  995.  
  996.  
  997. <div class="postwrapper">
  998.  
  999. <div class="autopagerize_page_element">
  1000.  
  1001.  
  1002.  
  1003. {block:Posts}
  1004. <div class="posts">
  1005.  
  1006.  
  1007. {block:ContentSource}
  1008. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1009. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1010. {/block:SourceLogo}
  1011. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1012.  
  1013. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1014. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1015. {/block:ReblogParentLogo}
  1016. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1017. {/block:ContentSource}
  1018.  
  1019.  
  1020.  
  1021.  
  1022. {block:Photo}{LinkOpenTag}
  1023. <div class="photopost">
  1024. <img src="{PhotoURL-400}">
  1025. </div>
  1026. {LinkCloseTag}
  1027. {block:Caption}
  1028. {Caption}
  1029. {/block:Caption}
  1030. {/block:photo}
  1031.  
  1032.  
  1033. {block:if250}
  1034. {block:Photoset}
  1035. <div id="photoset">
  1036. {Photoset-250}
  1037. </div>
  1038. {block:ifShowCaptions}
  1039. {block:Caption}
  1040. {Caption}
  1041. {/block:Caption}
  1042. {/block:ifShowCaptions}
  1043. {/block:Photoset}
  1044. {/block:if250}
  1045.  
  1046. {block:if400}
  1047. {block:Photoset}
  1048. <div id="photoset">
  1049. {Photoset-400}
  1050. </div>
  1051. {block:Caption}
  1052. {Caption}
  1053. {/block:Caption}
  1054. {/block:Photoset}
  1055. {/block:if400}
  1056.  
  1057. {block:if250}
  1058. {block:Video}
  1059. {Video-250}
  1060. {block:Caption}
  1061. {Caption}
  1062. {/block:Caption}
  1063. {/block:Video}
  1064. {/block:if250}
  1065.  
  1066.  
  1067. {block:if400}
  1068. {block:Video}
  1069. {Video-400}
  1070. {block:Caption}
  1071. {Caption}
  1072. {/block:Caption}
  1073. {/block:Video}
  1074. {/block:if400}
  1075.  
  1076.  
  1077.  
  1078.  
  1079. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1080.  
  1081. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1082.  
  1083. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1084. {Album}{/block:Album}</div>
  1085.  
  1086. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1087.  
  1088. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1089. {/block:Audio}
  1090.  
  1091.  
  1092. {block:Quote}
  1093. <div id="quotation">❝</div>
  1094. <div id="quote">{Quote}</div>
  1095. {block:Source}
  1096. <div id="tags" style="text-align:center !important;">—{Source}</div>
  1097. {/block:Source}
  1098. {/block:Quote}
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105. {block:Text}
  1106. {block:Title}
  1107. <div id="posttitle">{Title}</div>
  1108. {/block:Title}
  1109. {Body}
  1110. {/block:Text}
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116. {block:Answer}
  1117. <div class="icon"><a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a></div>
  1118. <div class="question">{question}</div>
  1119. <div id="askname" style="font-size: 16px; float:center; margin-bottom: -8px; margin-right: 3px; font-style:italic; font-weight:bold;">{asker}:</div><br>
  1120. {answer}
  1121. {/block:Answer}
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127. {block:Chat}
  1128. {block:Title}
  1129. <div id="posttitle">{Title}</div><br />
  1130. {/block:Title}
  1131. {block:Lines}<div id="{Alt}">
  1132. {block:Label}
  1133. <font color="{color:First Letter Text}">{Label}{/block:Label}</font> {Line}</br></div>
  1134. {/block:Lines}
  1135. {/block:Lines}
  1136. {/block:Chat}
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144. {block:Link}
  1145. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1146. {block:Description}
  1147. {Description}
  1148. {/block:Description}
  1149. {/block:Link}
  1150.  
  1151. </div>
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157. {block:IndexPage}
  1158. <div class="perma">
  1159. <div style="float:center;"><a href="{Permalink}" title="{TimeAgo} with {NoteCount} notes">Stats</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:HasTags} <span style="font-size:10px;"><a title="{block:Tags} #{Tag}{/block:Tags}">tags</a></span>{/block:HasTags}{block:RebloggedFrom} <a href="{ReblogRootURL}" title="{ReblogRootName}">Src</a>{/block:RebloggedFrom} <a title="Reblog" href="{ReblogURL}" >reblog</a>
  1160.  
  1161.  
  1162.  
  1163. </div></div>
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169. {/block:IndexPage}
  1170.  
  1171. {Block:PermaLinkPage}
  1172. <div class="info">
  1173. <div id="pagetitle">Posted: {Month} {DayofMonth}, {Year}. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>)
  1174. {/block:RebloggedFrom} {block:HasTags} <span style="font-size:10px;"><a title="{block:Tags} #{Tag}{/block:Tags}">tags</a></span>{/block:HasTags} </div>
  1175. </div>
  1176.  
  1177. {block:PostNotes}<div class="notes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1178.  
  1179. {/block:PermalinkPage}
  1180. {/block:Posts}
  1181. </div>
  1182. </div>
  1183. </div> </div>
  1184. <div style="position:fixed; bottom:5px; left:5px; font-size:10px; font-family:calibri; "><a href="http://galaxias-themes.tumblr.com" title="tweaked by mun.">credit.</a></div>
  1185.  
  1186. </body> </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!