API tools faq
paste
Advertisement
bittersveet

fuck me

bittersveet
Jun 16th, 2015
217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.38 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:Sidebar Image Border" content="#505050"/>
  25. <meta name="color:Description Background" content="#EEEEEE"/>
  26. <meta name="color:Description Border" content="#505050"/>
  27. <meta name="color:Links Background" content="#EEEEEE"/>
  28. <meta name="color:Links Border" content="#505050"/>
  29.  
  30. <meta name="color:Ask Background" content="#DDDDDD"/>
  31. <meta name="color:Ask Border" content="#a41212"/>
  32. <meta name="color:Ask Icon Border" content="#a41212"/>
  33.  
  34.  
  35. <meta name="color:Blockquote Background" content="#DDDDDD"/>
  36. <meta name="color:Blockquote Border" content="#000000"/>
  37.  
  38.  
  39. <meta name="color:Audio Background" content="#DDDDDD"/>
  40. <meta name="color:Audio Border" content="#a41212"/>
  41.  
  42.  
  43. <meta name="color:Post Title Text" content="#000000"/>
  44. <meta name="color:Asker Text" content="#000000"/>
  45. <meta name="color:First Letter Text" content="#a41212"/>
  46. <meta name="color:Title" content="#EEEEEE"/>
  47. <meta name="color:Title Hover" content="#000000"/>
  48. <meta name="color:Title Shadow" content="#a41212"/>
  49.  
  50.  
  51. <meta name="color:Title Border" content="#505050"/>
  52.  
  53.  
  54. <meta name="color:Description Text" content="#000000"/>
  55. <meta name="color:Text" content="#000000"/>
  56. <meta name="color:Bold" content="#a41212"/>
  57. <meta name="color:Italic" content="#a41212"/>
  58. <meta name="color:Strike" content="#a41212"/>
  59.  
  60. <meta name="color:Links" content="#a41212"/>
  61. <meta name="color:Links Hover" content="#000000"/>
  62.  
  63. <meta name="color:Perma Links" content="#000000"/>
  64. <meta name="color:Perma Links Hover" content="#a41212"/>
  65.  
  66. <meta name="color:Asker Link" content="#000000"/>
  67. <meta name="color:Asker Link Hover" content="#a41212"/>
  68.  
  69. <meta name="color:Chat1 Background" content="#e9e9e9"/>
  70. <meta name="color:Chat2 Background" content="#DDDDDD"/>
  71. <meta name="color:Chat Text" content="#000000"/>
  72.  
  73. <meta name="color:Scrollbar Background" content="#a41212"/>
  74. <meta name="color:Scrollbar Thumb border" content="#a41212"/>
  75.  
  76. <meta name="color:Selection Background" content="#EEEEEE"/>
  77. <meta name="color:Selection Text" content="#a41212"/>
  78.  
  79.  
  80.  
  81. <meta name="text:Sidebar Title" content="Sidebar Title">
  82.  
  83.  
  84. <meta name="text:Link 1 URL" content="/">
  85. <meta name="text:Link 1" content="HOME">
  86. <meta name="text:Link 1 Hover" content="Refresh">
  87. <meta name="text:Link 2 URL" content="/ask">
  88. <meta name="text:Link 2" content="ASK">
  89. <meta name="text:Link 2 Hover" content="Message">
  90. <meta name="text:Link 3 URL" content="/submit">
  91. <meta name="text:Link 3" content="SUBMIT">
  92. <meta name="text:Link 3 Hover" content="Gifts?">
  93. <meta name="text:Link 4 URL" content="/">
  94. <meta name="text:Link 4" content="Link 4">
  95. <meta name="text:Link 4 Hover" content="Link">
  96. <meta name="text:Link 5 URL" content="/">
  97. <meta name="text:Link 5" content="Link 5">
  98. <meta name="text:Link 5 Hover" content="Link">
  99. <meta name="text:Link 6 URL" content="/">
  100. <meta name="text:Link 6" content="Link 6">
  101. <meta name="text:Link 6 Hover" content="Link">
  102.  
  103.  
  104. <meta name="text:Hover 1" content="✖">
  105. <meta name="text:Hover 1 Hover" content="Hover">
  106. <meta name="text:Hover 2" content="✖">
  107. <meta name="text:Hover 2 Hover" content="Hover">
  108. <meta name="text:Hover 3" content="✖">
  109. <meta name="text:Hover 3 Hover" content="Hover">
  110. <meta name="text:Hover 4" content="✖">
  111. <meta name="text:Hover 4 Hover" content="Hover">
  112. <meta name="text:Hover 5" content="✖">
  113. <meta name="text:Hover 5 Hover" content="Hover">
  114. <meta name="text:Hover 6" content="✖">
  115. <meta name="text:Hover 6 Hover" content="Hover">
  116.  
  117.  
  118. <meta name="text:Background Position" content="Bottom Right">
  119. <meta name="text:Background Attachment" content="Fixed">
  120.  
  121.  
  122. <meta name="if:Monochrome" content="1">
  123. <meta name="if:Sidebarmono" content="0">
  124. <meta name="if:Show Captions" content="1">
  125.  
  126. <meta name="if:250" content="1">
  127. <meta name="if:400" content="0">
  128.  
  129.  
  130. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  131. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Julius+Sans+One|Qwigley|Dancing+Script' rel='stylesheet' type='text/css'>
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  139. <script type="text/javascript">
  140. $(document).ready(function () {
  141. $("#clk").toggle(function() {
  142. $("#upd").show();
  143. }, function() {
  144. $("#upd").hide();
  145. });
  146. });
  147. </script>
  148.  
  149.  
  150.  
  151.  
  152. <style type="text/css">
  153.  
  154. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  155.  
  156. @font-face { font-family:"the only exception"; src: url('https://dl.dropboxusercontent.com/s/sscilc1215lrv5n/theonlyexception.ttf'); format(“truetype”);}
  157.  
  158. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format(“truetype”);}
  159.  
  160. @font-face{ font-family:"zombiecat"; src:url('https://dl.dropboxusercontent.com/s/no289cdimss961s/zombiecat.ttf');}
  161.  
  162. @font-face{ font-family:"talldark"; src:url('https://dl.dropboxusercontent.com/s/tf324r461gnf97q/talldark.ttf');}
  163.  
  164. @font-face{ font-family:"angelique"; src: url('https://dl.dropboxusercontent.com/s/15hvjlabq5s44ul/angelique%20ma%20douce%20colombe.ttf?dl=1'); format(“truetype”);}
  165.  
  166. @font-face {font-family: "qwigley";src: url('https://dl.dropboxusercontent.com/s/ezrajt6s4w6ry4m/qwigley-regular.ttf?dl=1'); format("truetype");}
  167.  
  168. @font-face { font-family: "cityscape"; src: url('https://dl.dropboxusercontent.com/s/7rm9ans0hueys4x/cityscape%20font.ttf?dl=1'); format(“truetype”);}
  169.  
  170.  
  171. /* Button Controls */
  172.  
  173. iframe#tumblr_controls {
  174. top: 0% !important;
  175. right:0% !important;
  176. opacity:0.3;
  177. position: fixed !important;
  178. filter:alpha(opacity=30);
  179. -webkit-transition: all 0.7s ease;
  180. -moz-transition: all 0.7s ease;
  181. -o-transition: all 0.7s ease;
  182. }
  183. iframe#tumblr_controls:hover{
  184. top: 0% !important;
  185. right:0% !important;
  186. opacity:0.8;
  187. position: fixed !important;
  188. filter:alpha(opacity=80);
  189. -webkit-transition: all 0.7s ease;
  190. -moz-transition: all 0.7s ease;
  191. -o-transition: all 0.7s ease;
  192. }
  193.  
  194.  
  195.  
  196.  
  197.  
  198. /* Scrollbar and Selection */
  199.  
  200. ::selection {
  201. color:{color:Selection Text};
  202. background:{color:Selection Background};
  203. }
  204. ::-moz-selection {
  205. color:{color:Selection Text};
  206. background:{color:Selection Background};
  207. }
  208. ::-webkit-scrollbar {
  209. width: 5px;
  210. height:5px;
  211. }
  212. ::-webkit-scrollbar-track-piece {
  213. background-color:{color:Scrollbar Background};
  214. border-right:2px solid {color:Background Color};
  215. border-left:2px solid {color:Background Color};
  216. }
  217. ::-webkit-scrollbar-thumb {
  218. background-color:{color:Background Color};
  219. border:1px solid {color:Scrollbar Thumb Border};
  220. border-radius:100px;
  221. }
  222.  
  223. /* Body */
  224.  
  225. body {
  226. background-color: {color:Background Color};
  227. background-image: url({image:Background Image});
  228. background-attachment:fixed;
  229. background-repeat:no-repeat;
  230. background-size:contain;
  231. background-position:bottom right;
  232. color:{color:Text};
  233. }
  234.  
  235. a:link, a:visited, a:active {
  236. text-decoration: none;
  237. cursor: url('http://i.imgur.com/2qleX.jpg'), auto;
  238. color: {color:Links};
  239. -moz-transition:all ease-in-out 0.7s;
  240. -webkit-transition:all ease-in-out 0.7s;
  241. -o-transition:all ease-in-out 0.7s;
  242. transition:all ease-in-out 0.7s;
  243. }
  244. a:hover {
  245. color: {color:Links Hover};
  246. }
  247.  
  248. b, strong {
  249. color: {color:Bold};
  250. }
  251.  
  252. i, em {
  253. color: {color:Italic};
  254. }
  255.  
  256. s, strike {
  257. color: {color:Strike};
  258. }
  259.  
  260. ul,ol {
  261. padding:2px;
  262. margin-left:15px;
  263. }
  264.  
  265. ul {
  266. list-style-type:square;
  267. }
  268.  
  269. small, sub {
  270. font-family: calibri;
  271. font-size: 10px;
  272. letter-spacing:0px;
  273. line-height: 100%;
  274. margin-top: 10px !important;
  275. line-height: 90%;
  276. }
  277. code {
  278. font-family:calibri;
  279. font-size:9px;
  280. text-transform:uppercase;
  281. letter-spacing:0px;
  282. line-height:100%;
  283. }
  284.  
  285.  
  286. /* Pre and Blockquote */
  287.  
  288. pre {
  289. color:{color:Text};
  290. font-family:calibri;
  291. font-size:10px;
  292. text-transform:uppercase;
  293. text-align:center;
  294. letter-spacing:0px;
  295. line-height:100%;
  296. padding:3px;
  297. }
  298. blockquote {
  299. background-color: {color:Blockquote Background};
  300. color: {color:Text};
  301. margin-left:10px;
  302. width:90%;
  303. text-align:justify;
  304. border-left:solid 3px {color:Blockquote Border};
  305. padding:5px;
  306. padding-top:1px;
  307. padding-left: 7px;
  308. border-radius: 5px 5px 5px 5px;
  309. -moz-border-radius: 5px 5px;
  310. }
  311. blockquote img {
  312. {block:if250}max-width:210px !important;{/block:if250}
  313. {block:if400}max-width:330px !important;{/block:if400}
  314. opacity: .7;
  315. }
  316.  
  317.  
  318. /* Titles */
  319.  
  320. #posttitle {
  321. font-family: 'bebas_neue';
  322. color: {color:Post Title Text};
  323. font-size: 25px;
  324. padding: 5px;
  325. margin-top: 5px;
  326. line-height:18px;
  327. text-align: center;
  328. text-transform: lowercase;}
  329.  
  330.  
  331. #posttitle:first-letter {
  332. font-family: 'bebas_neue';
  333. color:{color:First Letter Text};
  334. text-transform: uppercase;
  335. font-size: 30px; }
  336.  
  337. #askname {
  338. font-family: qwigley;
  339. color: {color:Asker Text};
  340. font-size: 25px;
  341. padding: 5px;
  342. margin-top: -15px;
  343. line-height:10px;
  344. text-align: right;
  345. text-transform: auto;}
  346.  
  347.  
  348. #askname:first-letter {
  349. font-family: the only exception;
  350. color: {color:First Letter Text};
  351. text-transform: uppercase;
  352. font-size: 35px; }
  353.  
  354. #askname a{
  355. color:{color:Asker Link};
  356. }
  357. #askname a:hover{
  358. color:{color:Asker Link Hover};
  359. }
  360.  
  361. #pagetitle {
  362. font-family: calibri;
  363. color: {color:Text};
  364. font-size: 10px;
  365. padding: 5px;
  366. margin-top: 5px;
  367. line-height:10px;
  368. text-align: center;
  369. text-transform: uppercase;}
  370.  
  371.  
  372. #pagetitle:first-letter {
  373. font-family: calibri;
  374. color: {color:Text};
  375. text-transform: uppercase;
  376. font-size: 10px; }
  377.  
  378.  
  379.  
  380. #quote {
  381. font-family: 'qwigley';
  382. color: {color:Text};
  383. font-size: 25px;
  384. padding: 5px;
  385. margin-top: -10px;
  386. line-height:14px;
  387. text-align: center;
  388. text-transform: auto;}
  389.  
  390.  
  391. #quote:first-letter {
  392. font-family: 'qwigley';
  393. color: {color:Text};
  394. text-transform: uppercase;
  395. font-size: 26px; }
  396.  
  397.  
  398. #quotation {
  399. position:relative;
  400. font-size:50px;
  401. color: {color:First Letter Text};
  402. opacity:0.3;
  403. font-family: 'arial';
  404. margin-top: 15px; }
  405.  
  406.  
  407.  
  408. /* Post Wrapper */
  409.  
  410. .postwrapper {
  411. position: relative;
  412. width:20px;
  413. margin-left:470px;
  414. margin-top: 40px;
  415. height: 100%;
  416. height: auto !important;
  417. z-index:9999;
  418. }
  419.  
  420.  
  421.  
  422. /* Posts */
  423.  
  424. .posts {
  425. margin-bottom:20px;
  426. {block:if250}width:250px;{/block:if250}
  427. {block:if400}width:400px;{/block:if400}
  428. color: {color:Text};
  429. margin-left:170px;
  430. margin-top:20px;
  431. background-color: {color:Post Background};
  432. font-family: calibri;
  433. font-size: 10px;
  434. letter-spacing: 1;
  435. line-height: 100%;
  436. text-align: justify;
  437. word-wrap:break-word;
  438. padding: 10px;
  439. -moz-transition:all ease-in-out 0.7s;
  440. -webkit-transition:all ease-in-out 0.7s;
  441. -o-transition:all ease-in-out 0.7s;
  442. transition:all ease-in-out 0.7s;
  443. }
  444. .info {
  445. margin-top: -15px;
  446. {block:if250}width:265px;{/block:if250}
  447. {block:if400}width:415px;{/block:if400}
  448. margin-left:170px;
  449. background-color: {color:Info Background};
  450. color: {color:Text};
  451. font-family: arial;
  452. font-size: 8px;
  453. text-transform:uppercase;
  454. letter-spacing:0px;
  455. line-height:12px;
  456. text-align:justify;
  457. word-wrap:break-word;
  458. padding: 3px;
  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. .notes {
  465. {block:if250}width:250px;{/block:if250}
  466. {block:if400}width:400px;{/block:if400}
  467. height:200px;
  468. margin-left:170px;
  469. background-color: transparent;
  470. color: {color:Text};
  471. font-family:calibri;
  472. font-size:8px;
  473. letter-spacing:0px;
  474. line-height:100%;
  475. text-align:left;
  476. text-transform:uppercase;
  477. word-wrap:break-word;
  478. overflow:none;
  479. padding:10px;
  480. -moz-transition:all ease-in-out 0.7s;
  481. -webkit-transition:all ease-in-out 0.7s;
  482. -o-transition:all ease-in-out 0.7s;
  483. transition:all ease-in-out 0.7s;
  484. }
  485. .notes img {
  486. display:none;
  487. }
  488. .perma {
  489. {block:if250}width:260px;{/block:if250}
  490. {block:if400}width:410px;{/block:if400}
  491. margin-top: -17px;
  492. margin-left:170px;
  493. margin-bottom: 20px;
  494. font-family: calibri;
  495. font-size: 8px;
  496. text-align:center;
  497. color: #FFFFFF;
  498. text-transform: uppercase;
  499. letter-spacing: 1;
  500. word-spacing:1px;
  501. line-height: 15px;
  502. background-color: #000000;
  503. padding: 5px;
  504. height: 15px;
  505. -moz-transition:all ease-in-out 0.7s;
  506. -webkit-transition:all ease-in-out 0.7s;
  507. -o-transition:all ease-in-out 0.7s;
  508. transition:all ease-in-out 0.7s;
  509. }
  510. .perma a {
  511. color: #FFFFFF;
  512. -moz-transition:all ease-in-out 0.7s;
  513. -webkit-transition:all ease-in-out 0.7s;
  514. -o-transition:all ease-in-out 0.7s;
  515. transition:all ease-in-out 0.7s;
  516. }
  517.  
  518.  
  519. /* Tags */
  520.  
  521. #tags {
  522. font-family: arial;
  523. font-size: 9px;
  524. text-align:center;
  525. text-transform: uppercase;
  526. letter-spacing: 1;
  527. line-height: 100%;
  528. }
  529. #tags a, #permatags a {
  530. color: {color:Links};
  531. }
  532. #tags a:hover, #permatags a:hover {
  533. color: {color:Links Hover};
  534. }
  535.  
  536.  
  537. #permatags {
  538. {block:if250}width:270px;{/block:if250}
  539. {block:if400}width:420px;{/block:if400}
  540. margin-top: 0px;
  541. padding: 5px;
  542. margin-bottom: 10px;
  543. color: #0066ff;
  544. font-family: calibri;
  545. font-size: 9px;
  546. text-transform: uppercase;
  547. letter-spacing: 0px;
  548. word-spacing:-2px;
  549. line-height: 100%;
  550. text-align: center;
  551. }
  552.  
  553.  
  554.  
  555. /* Chat */
  556.  
  557. #odd {
  558. padding:2px;
  559. font-size: 10px;
  560. letter-spacing: 1px;
  561. font-family: calibri;
  562. color:{color:Chat Text};
  563. background-color: {color:Chat1 Background};
  564. }
  565. #even{
  566. padding:2px;
  567. font-size: 10px;
  568. letter-spacing: 1px;
  569. font-family: calibri;
  570. color:{color:Chat Text};
  571. background-color: {color:Chat2 Background};
  572. }
  573.  
  574.  
  575.  
  576. /* AUDIO */
  577. .album {
  578. background-repeat: no-repeat;
  579. background-position: center;
  580. position: absolute;
  581. width: 86px;
  582. height: 86px;
  583. background-size: 60px;
  584. overflow: hidden;
  585. background-color: {color:Background Color};
  586. -moz-transition:all ease-in-out 0.7s;
  587. -webkit-transition:all ease-in-out 0.7s;
  588. -o-transition:all ease-in-out 0.7s;
  589. transition:all ease-in-out 0.7s;
  590. }
  591.  
  592. .album img {
  593. width: 86px;
  594. height: 86px;
  595. overflow: hidden;
  596. -moz-transition:all ease-in-out 0.7s;
  597. -webkit-transition:all ease-in-out 0.7s;
  598. -o-transition:all ease-in-out 0.7s;
  599. transition:all ease-in-out 0.7s;
  600. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  601. {/block:ifMonochrome}
  602. {block:ifFade}opacity:.5;{/block:ifFade}
  603. }
  604.  
  605. .album img:hover {
  606. -moz-transition:all ease-in-out 0.7s;
  607. -webkit-transition:all ease-in-out 0.7s;
  608. -o-transition:all ease-in-out 0.7s;
  609. transition:all ease-in-out 0.7s;
  610. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  611. {/block:ifMonochrome}
  612. {block:ifFade}opacity:1;{/block:ifFade}
  613. }
  614.  
  615. .player {
  616. width: 10px;
  617. height: 11px;
  618. overflow: hidden;
  619. padding: 4px 21px 21px 4px;
  620. margin-top: 27px;
  621. margin-left: 26px;
  622. position: absolute;
  623. background-color: #fff;
  624. opacity: 0.5;
  625. z-index: 10;
  626. -webkit-transition: all 0.4s linear;
  627. -moz-transition: all 0.4s linear;
  628. -o-transition: all 0.4s linear;
  629. -moz-border-radius: 30px;
  630. -webkit-border-radius: 30px;
  631. border-radius: 30px;
  632. }
  633.  
  634. .album:hover .player {
  635. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  636. }
  637.  
  638. .track {
  639. margin-left: 90px;
  640. min-height: 80px;
  641. max-height: 100px;
  642. overflow: auto;
  643. font-family:arial;
  644. font-size: 8px;
  645. padding: 3px;
  646. color: {color:Track Text};
  647. text-transform: uppercase;
  648. letter-spacing: 1px;
  649. background: {color:Track Background};
  650. }
  651.  
  652.  
  653.  
  654. /* Images */
  655.  
  656. .posts img:hover, #photoset:hover {
  657. -moz-transition:all ease-in-out 0.7s;
  658. -webkit-transition:all ease-in-out 0.7s;
  659. -o-transition:all ease-in-out 0.7s;
  660. transition:all ease-in-out 0.7s;
  661. {block:ifmonochrome}
  662. -webkit-filter: grayscale(0%) !important;
  663. {/block:ifmonochrome}
  664. opacity: 1;
  665. }
  666. .posts img, #photoset {
  667. {block:if250}max-width:250px;{/block:if250}
  668. {block:if400}max-width:400px;{/block:if400}
  669. opacity: .8;
  670. {block:ifmonochrome}
  671. -webkit-filter: grayscale(100%);
  672. -moz-transition:all ease-in-out 0.7s;
  673. -webkit-transition:all ease-in-out 0.7s;
  674. -o-transition:all ease-in-out 0.7s;
  675. transition:all ease-in-out 0.7s;
  676. {/block:ifmonochrome}
  677. }
  678. .photopost img {
  679. {block:if250}max-width: 250px !important; {/block:if250}
  680. {block:if400}max-width: 400px !important; {/block:if400}
  681. opacity: .8;
  682. {block:ifmonochrome}
  683. -webkit-filter: grayscale(100%);
  684. -moz-transition:all ease-in-out 0.7s;
  685. -webkit-transition:all ease-in-out 0.7s;
  686. -o-transition:all ease-in-out 0.7s;
  687. transition:all ease-in-out 0.7s;
  688. {/block:ifmonochrome}}
  689.  
  690. /* Asks */
  691.  
  692. .question {
  693. min-height:20px;
  694. padding: 8px;
  695. color:{color:Text};
  696. background-color: {color:Ask Background};
  697. border: solid 1px {color:Ask Border};
  698. -webkit-border-radius: 0px;
  699. -moz-border-radius: 0px;
  700. }
  701.  
  702. .icon img {
  703. margin-right:-5px;
  704. border-radius:0px;
  705. opacity:1;
  706. border: solid 1px {color:Ask Icon Border};
  707. padding:0px;
  708. float:right;
  709. text-align:justify;
  710. margin-top:-5px;}
  711.  
  712. /* Sidebar Wrapper */
  713.  
  714.  
  715. .sidebarwrapper {
  716.  
  717. margin-left:265px;
  718.  
  719. margin-top:175px;
  720.  
  721. position:fixed;
  722.  
  723. width:150px;
  724.  
  725. height:auto;
  726.  
  727. padding:0px;
  728.  
  729. float:left;
  730.  
  731. background-color:transparent;
  732.  
  733. z-index:999999999;
  734. }
  735.  
  736.  
  737. /* Center Wrapper*/
  738.  
  739.  
  740. #wrapper{
  741.  
  742. width:510px;
  743.  
  744. height:auto;
  745.  
  746. margin-left:auto;
  747.  
  748. margin-right:auto;
  749.  
  750. margin-top:60px;
  751.  
  752. margin-bottom:60px;
  753.  
  754. padding:0;
  755.  
  756. border:0;
  757. position:fixed;
  758.  
  759. }
  760.  
  761.  
  762. /* Pagination */
  763.  
  764. #page {
  765.  
  766. width:150px;
  767.  
  768. margin-top:360px;
  769. margin-left:178px;
  770.  
  771. font-family:calibri;
  772.  
  773. font-size:8px;
  774.  
  775. letter-spacing:0px;
  776. word-spacing:5px;
  777.  
  778. text-align:center;
  779.  
  780. }
  781. #page a {
  782. color:{color:Links};
  783. }
  784. #page a:hover {
  785. color:{color:Links Hover};
  786. }
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795. /* hover */
  796.  
  797. #s-m-t-tooltip {
  798. position:absolute;
  799. z-index:9999;
  800. display:none;
  801. border-radius: 0px;
  802. max-width: 150px;
  803. margin-top: 20px;
  804. margin-left: 20px;
  805. font-family: calibri;
  806. font-size: 8px;
  807. color: #FFFFFF;
  808. text-transform: uppercase;
  809. letter-spacing: 1;
  810. line-height: 100%;
  811. background-color: #A9D0F5;
  812. border-top:2px solid #FFFFFF;
  813. border-right:2px solid #FFFFFF;
  814. border-radius:25px 15px 25px 25px;
  815. z-index:99999;
  816. padding: 5px; }
  817.  
  818.  
  819.  
  820. /* Sidebar */
  821.  
  822.  
  823. #sidebar {
  824. margin-left:-155px;
  825. margin-top:-200px;
  826. margin-bottom:5px;
  827. position:fixed;
  828. background-color:transparent;
  829. padding:0px;
  830. width:145px;
  831. height:500px;
  832. font-family:"calibri";
  833. color:{color:Text};
  834. text-align:justify;
  835. font-size:9px;
  836. letter-spacing:2px;
  837. line-height:9px;
  838. margin-bottom:5px;
  839. -moz-border-radius: 0px 0px 0px 0px;
  840. -webkit-border-radius: 10px 10px 10px 10px;
  841. border-radius: 0px 0px 0px 0px;
  842. }
  843.  
  844.  
  845. #sidebar img {
  846. max-width:189px;
  847. max-height:650px;
  848. border-radius: 0px 0px 0px 0px;
  849. {block:ifsidebarmono}
  850. -webkit-filter: grayscale(100%);
  851. -moz-filter: grayscale(100%);
  852. -o-filter: grayscale(100%);
  853. transition:all ease-in-out 0.7s;
  854. {/block:ifsidebarmono}
  855. }
  856.  
  857. #sidebar:hover {
  858. {block:ifsidebarmono}
  859. -webkit-filter: grayscale(0%);
  860. -moz-filter: grayscale(0%);
  861. -o-filter: grayscale(0%);
  862. transition:all ease-in-out 0.7s;
  863. {/block:ifsidebarmono}
  864.  
  865. }
  866.  
  867.  
  868.  
  869. .hovers {
  870. margin-top:133px;
  871. margin-left:60px;
  872. background-color:{color:Links Background};
  873. position:fixed;
  874. font-family:calibri;
  875. font-size:11px;
  876. color:{color:Text};
  877. text-transform:auto;
  878. text-align:center;
  879. width:220px;
  880. height:19px;
  881. padding:3px;
  882. line-height:13px;
  883. -moz-transition:all ease-in-out 0.7s;
  884. -webkit-transition:all ease-in-out 0.7s;
  885. -o-transition:all ease-in-out 0.7s;
  886. transition:all ease-in-out 0.7s;
  887. }
  888.  
  889. .hovers a{
  890. color:{color:Links};
  891. -moz-transition:all ease-in-out 0.7s;
  892. -webkit-transition:all ease-in-out 0.7s;
  893. -o-transition:all ease-in-out 0.7s;
  894. transition:all ease-in-out 0.7s;
  895. }
  896.  
  897. .hovers a:hover{
  898. color:{color:Links Hover};
  899. -moz-transition:all ease-in-out 0.7s;
  900. -webkit-transition:all ease-in-out 0.7s;
  901. -o-transition:all ease-in-out 0.7s;
  902. transition:all ease-in-out 0.7s;
  903. }
  904.  
  905. #desc {
  906. margin-top:40px;
  907. margin-left:60px;
  908. position:fixed;
  909. background-color:{color:Description Background};
  910. width:120px;
  911. height:80px;
  912. overflow:auto;
  913. padding:2px;
  914. padding-top:4px;
  915. font-family:calibri;
  916. font-size:11px;
  917. text-transform:uppercase;
  918. text-align:justify;
  919. line-height:9px;
  920. border-radius:15px 1px 1px 1px;
  921. color:{color:Description Text};
  922.  
  923. }
  924.  
  925. #desc::-webkit-scrollbar {
  926. width: 3px;
  927. height:5px;
  928. }
  929. #desc::-webkit-scrollbar-track-piece {
  930. background-color:{color:Scrollbar Background};
  931. border-right:2px solid {color:Background Color};
  932. border-left:2px solid {color:Background Color};
  933. }
  934. #desc::-webkit-scrollbar-thumb {
  935. background-color:{color:Background Color};
  936. border:1px solid {color:Scrollbar Thumb Border};
  937. border-radius:100px;}
  938.  
  939. #desc2 {
  940. margin-top:40px;
  941. margin-left:190px;
  942. position:fixed;
  943. background-color:{color:Description Background};
  944. width:90px;
  945. height:80px;
  946. overflow:auto;
  947. padding:2px;
  948. padding-top:4px;
  949. font-family:calibri;
  950. font-size:11px;
  951. text-transform:uppercase;
  952. text-align:center;
  953. line-height:9px;
  954. border-radius:1px 15px 1px 1px;
  955. color:{color:Description Text};
  956.  
  957. }
  958.  
  959. #desc2::-webkit-scrollbar {
  960. width: 3px;
  961. height:5px;
  962. }
  963. #desc2::-webkit-scrollbar-track-piece {
  964. background-color:{color:Scrollbar Background};
  965. border-right:2px solid {color:Background Color};
  966. border-left:2px solid {color:Background Color};
  967. }
  968. #desc2::-webkit-scrollbar-thumb {
  969. background-color:{color:Background Color};
  970. border:1px solid {color:Scrollbar Thumb Border};
  971. border-radius:100px;
  972. }
  973.  
  974. .title {
  975. margin-left:42px;
  976. margin-top:20px;
  977. position:fixed;
  978. background-color:transparent;
  979. padding:0px;
  980. width:260px;
  981. height:15px;
  982. font-family:cityscape;
  983. color:{color:Text};
  984. text-align:center;
  985. font-size:30px;
  986. letter-spacing:0px;
  987. line-height:0px;
  988. -moz-border-radius: 0px 0px 0px 0px;
  989. -webkit-border-radius: 10px 10px 10px 10px;
  990. border-radius: 300px 300px 0px 0px;}
  991.  
  992. .title a {
  993. color:{color:Title};
  994. text-shadow: 2px 2px 4px #000000;
  995. }
  996. .title a:hover {
  997. color:{color:Title Hover};
  998. text-shadow:-1px 0px 2px {color:Title Shadow}, 0px 1px 0px {color:Title Shadow}, 1px 0px 0px {color:Title Shadow}, -1px 0px 0px {color:Title Shadow};
  999. }
  1000.  
  1001.  
  1002. .links {
  1003. margin-top:167px;
  1004. margin-left:60px;
  1005. background-color:{color:Links Background};
  1006. position:fixed;
  1007. font-family:bebas_neue;
  1008. font-size:15px;
  1009. color:{color:Text};
  1010. text-transform:auto;
  1011. text-align:center;
  1012. width:220px;
  1013. height:19px;
  1014. padding:3px;
  1015. line-height:13px;
  1016. -moz-transition:all ease-in-out 0.7s;
  1017. -webkit-transition:all ease-in-out 0.7s;
  1018. -o-transition:all ease-in-out 0.7s;
  1019. transition:all ease-in-out 0.7s;
  1020. border-radius:1px 1px 15px 15px;
  1021. }
  1022. .links a{
  1023. color:{color:Links};
  1024. -moz-transition:all ease-in-out 0.7s;
  1025. -webkit-transition:all ease-in-out 0.7s;
  1026. -o-transition:all ease-in-out 0.7s;
  1027. transition:all ease-in-out 0.7s;
  1028. }
  1029.  
  1030. .links a:hover{
  1031. color:{color:Links Hover};
  1032. -moz-transition:all ease-in-out 0.7s;
  1033. -webkit-transition:all ease-in-out 0.7s;
  1034. -o-transition:all ease-in-out 0.7s;
  1035. transition:all ease-in-out 0.7s;
  1036. }
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042. .photo{
  1043.  
  1044. 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+ */
  1045.  
  1046. filter: gray; /* IE6-9 */
  1047.  
  1048. -webkit-filter: grayscale(1);
  1049.  
  1050. -webkit-transition: all 0.5s ease-in-out;
  1051.  
  1052. -moz-transition: all 0.5s ease-in-out;
  1053.  
  1054. -o-transition: all 0.5s ease-in-out;
  1055.  
  1056. -ms-transition: all 0.5s ease-in-out;
  1057.  
  1058. transition: all 0.5s ease-in-out;
  1059.  
  1060. }
  1061.  
  1062. .photo:hover{
  1063.  
  1064. filter: none;
  1065.  
  1066. -webkit-filter: grayscale(0);
  1067.  
  1068. -webkit-transition: all 0.7s ease-in-out;
  1069.  
  1070. -moz-transition: all 0.7s ease-in-out;
  1071.  
  1072. -o-transition: all 0.7s ease-in-out;
  1073.  
  1074. }
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080. </style>
  1081.  
  1082.  
  1083. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1084. <script>
  1085. (function($){
  1086. $(document).ready(function(){
  1087. $("[title]").style_my_tooltips();
  1088. });
  1089. })(jQuery);
  1090. </script>
  1091.  
  1092.  
  1093.  
  1094.  
  1095. </head>
  1096.  
  1097. <body>
  1098.  
  1099.  
  1100.  
  1101. <div id="wrapper">
  1102. <div class="sidebarwrapper">
  1103. <div id="sidebar">
  1104.  
  1105. <img src="{image:Sidebar Image}" width="213" height="732"/></div>
  1106.  
  1107. <div id="desc">{Description}</div>
  1108. <div id="desc2">❝ it is wrong for him to love you but you cannot let him go
  1109. <br><br>he may <b>still</b> be your salvation.</div>
  1110.  
  1111. <div class="links">
  1112. <a title="{text:Link 1 Hover}" href="{text:Link 1 URL}">{text:Link 1}</a> • <a title="{text:Link 2 Hover}" href="{text:Link 2 URL}">{text:Link 2}</a> • <a title="{text:Link 3 Hover}" href="{text:Link 3 URL}">{text:Link 3}</a> • <a title="{text:Link 4 Hover}" href="{text:Link 4 URL}">{text:Link 4}</a> • <a title="{text:Link 5 Hover}" href="{text:Link 5 URL}">{text:Link 5}</a> • <a title="{text:Link 6 Hover}" href="{text:Link 6 URL}">{text:Link 6}</a></div>
  1113.  
  1114. <div class="hovers">
  1115. <!----- Remove this if you are placing a viewers counter here -----><a title="Your counter goes here.">0</a><!----- End of viewer counter ----->• <a title="{text:Hover 1 Hover}">{text:Hover 1}</a> • <a title="{text:Hover 2 Hover}">{text:Hover 2}</a> • <a title="{text:Hover 3 Hover}">{text:Hover 3}</a> • <a title="{text:Hover 4 Hover}">{text:Hover 4}</a> • <a title="{text:Hover 5 Hover}">{text:Hover 5}</a> • <a title="{text:Hover 6 Hover}">{text:Hover 6}</a></div>
  1116.  
  1117.  
  1118. <div class="title"><a href="/">{text:Sidebar Title}</a></div>
  1119.  
  1120.  
  1121. </div></div></div>
  1122. <!----- End of customize here ----->
  1123. </div>
  1124.  
  1125.  
  1126.  
  1127. {block:Pagination}<div id="page">
  1128.  
  1129. {block:PreviousPage}
  1130.  
  1131. <a title="Back" href="{PreviousPage}">back.</a>
  1132.  
  1133. {/block:PreviousPage}
  1134.  
  1135.  
  1136.  
  1137. {block:NextPage}
  1138.  
  1139. <a id="next" title="Next" href="{NextPage}">next.</a>
  1140.  
  1141. {/block:NextPage}
  1142.  
  1143. </div>{/block:Pagination}
  1144.  
  1145.  
  1146. </div>
  1147.  
  1148.  
  1149. <div class="postwrapper">
  1150.  
  1151. <div class="autopagerize_page_element">
  1152.  
  1153.  
  1154.  
  1155. {block:Posts}
  1156. <div class="posts">
  1157.  
  1158. {block:ContentSource}
  1159. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1160. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1161. {/block:SourceLogo}
  1162. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1163.  
  1164. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1165. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1166. {/block:ReblogParentLogo}
  1167. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1168. {/block:ContentSource}
  1169.  
  1170.  
  1171.  
  1172.  
  1173. {block:Photo}{LinkOpenTag}
  1174. <div class="photopost">
  1175. <img src="{PhotoURL-400}">
  1176. </div>
  1177. {LinkCloseTag}
  1178. {block:Caption}
  1179. {Caption}
  1180. {/block:Caption}
  1181. {/block:photo}
  1182.  
  1183.  
  1184. {block:if250}
  1185. {block:Photoset}
  1186. <div id="photoset">
  1187. {Photoset-250}
  1188. </div>
  1189. {block:ifShowCaptions}
  1190. {block:Caption}
  1191. {Caption}
  1192. {/block:Caption}
  1193. {/block:ifShowCaptions}
  1194. {/block:Photoset}
  1195. {/block:if250}
  1196.  
  1197. {block:if400}
  1198. {block:Photoset}
  1199. <div id="photoset">
  1200. {Photoset-400}
  1201. </div>
  1202. {block:Caption}
  1203. {Caption}
  1204. {/block:Caption}
  1205. {/block:Photoset}
  1206. {/block:if400}
  1207.  
  1208. {block:if250}
  1209. {block:Video}
  1210. {Video-250}
  1211. {block:Caption}
  1212. {Caption}
  1213. {/block:Caption}
  1214. {/block:Video}
  1215. {/block:if250}
  1216.  
  1217.  
  1218. {block:if400}
  1219. {block:Video}
  1220. {Video-400}
  1221. {block:Caption}
  1222. {Caption}
  1223. {/block:Caption}
  1224. {/block:Video}
  1225. {/block:if400}
  1226.  
  1227.  
  1228.  
  1229.  
  1230. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1231.  
  1232. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1233.  
  1234. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1235. {Album}{/block:Album}</div>
  1236.  
  1237. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1238.  
  1239. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1240. {/block:Audio}
  1241.  
  1242.  
  1243. {block:Quote}
  1244. <div id="quotation">❝</div>
  1245. <div id="quote">{Quote}</div>
  1246. {block:Source}
  1247. <div id="tags" style="text-align:center !important;">—{Source}</div>
  1248. {/block:Source}
  1249. {/block:Quote}
  1250.  
  1251.  
  1252.  
  1253.  
  1254.  
  1255.  
  1256. {block:Text}
  1257. {block:Title}
  1258. <div id="posttitle">{Title}</div>
  1259. {/block:Title}
  1260. {Body}
  1261. {/block:Text}
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. {block:Answer}
  1268. <div class="icon"><a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a></div>
  1269. <div class="question">{question}</div>
  1270. <div id="askname" style="font-size: 25px; float:center; margin-bottom: -8px; margin-right: 0px;">{asker}-</div><br>
  1271. {answer}
  1272. {/block:Answer}
  1273.  
  1274.  
  1275.  
  1276.  
  1277.  
  1278. {block:Chat}
  1279. {block:Title}
  1280. <div id="posttitle">{Title}</div><br />
  1281. {/block:Title}
  1282. {block:Lines}<div id="{Alt}">
  1283. {block:Label}
  1284. <font color="{color:First Letter Text}">{Label}{/block:Label}</font> {Line}</br></div>
  1285. {/block:Lines}
  1286. {/block:Lines}
  1287. {/block:Chat}
  1288.  
  1289.  
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295. {block:Link}
  1296. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1297. {block:Description}
  1298. {Description}
  1299. {/block:Description}
  1300. {/block:Link}
  1301.  
  1302. </div>
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308. {block:IndexPage}
  1309. <div class="perma">
  1310. <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:9px;"><a title="{block:Tags} #{Tag}{/block:Tags}">tgs</a></span>{/block:HasTags}{block:RebloggedFrom} • <a href="{ReblogRootURL}" title="{ReblogRootName}">Src</a>{/block:RebloggedFrom} • <a title="Reblog" href="{ReblogURL}" >Rblg</a>
  1311.  
  1312.  
  1313.  
  1314. </div></div>
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320. {/block:IndexPage}
  1321.  
  1322. {Block:PermaLinkPage}
  1323. <div class="info">
  1324. <div id="pagetitle">Posted: {Month} {DayofMonth}, {Year}. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>)
  1325. {/block:RebloggedFrom} {block:HasTags} • <span style="font-size:10px;"><a title="{block:Tags} #{Tag}{/block:Tags}">★</a></span>{/block:HasTags} </div>
  1326. </div>
  1327.  
  1328. {block:PostNotes}<div class="notes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1329.  
  1330. {/block:PermalinkPage}
  1331. {/block:Posts}
  1332. </div>
  1333. </div>
  1334. </div> </div>
  1335. <div style="position:fixed; bottom:5px; left:5px; font-size:13px; font-family:calibri; "><a href="http://galaxias-themes.tumblr.com" title="Galaxias-Themes, tweaked by mun heavily??">☪</a></div>
  1336.  
  1337. </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!