Advertisement
cat_inthe_cradle

Layout - Computer screen style

Jul 6th, 2019
231
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.48 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @font-face { font-family: "pixeloperator bold"; src: url('https://dl.dropbox.com/s/et80cjf7nsftqpo/PixelOperator-Bold.ttf'); }
  4.  
  5. @font-face { font-family: "silkscreen"; src: url('https://dl.dropbox.com/s/l0frac4d7bz3zx6/silkscreen.ttf'); }
  6.  
  7. @font-face { font-family: "quicksand regular"; src: url('https://dl.dropbox.com/s/usin5xvyupvikw0/Quicksand%20Regular.ttf'); }
  8.  
  9. @font-face { font-family: "consolas-alt"; src: url('https://dl.dropbox.com/s/xap6ylki7bf2vgw/consolas.ttf'); }
  10.  
  11.  
  12. /*--------------------TOOLTIPS--------------------*/
  13. #s-m-t-tooltip {
  14. padding: 4px 9px;
  15. margin: 20px;
  16. background-color:#fff; /* tooltip background color */
  17. border:1px solid #f3d7d7; /* tooltip border color */
  18. box-shadow:4px 4px #f6e3e3;
  19. font-family:silkscreen;
  20. font-size:9px;
  21. letter-spacing:-1px;
  22. color: #999;
  23. z-index:99999999999999999999999999998!important;
  24. max-width: calc(400px * 1.25);
  25. }
  26.  
  27. /*--------------------TUMBLR CONTROLS--------------------*/
  28. iframe#tumblr_controls, .iframe-controls--desktop, .tmblr-iframe--app-cta-button, iframe.tmblr-iframe {
  29. display:none;
  30. }
  31.  
  32. /*--------------------SCROLLBAR--------------------*/
  33. ::-webkit-scrollbar {
  34. width:13px;
  35. height:13px;
  36. background-color:#fefefe;
  37. }
  38.  
  39. ::-webkit-scrollbar-thumb {
  40. border-top:8px solid #fefefe;
  41. border-right:6px solid #fefefe;
  42. border-bottom:8px solid #fefefe;
  43. border-left:6px solid #fefefe;
  44. background-color:#ffb3b3;
  45. }
  46.  
  47. ::-webkit-scrollbar-track {
  48. border-top:8px solid #fefefe;
  49. border-right:6px solid #fefefe;
  50. border-bottom:8px solid #fefefe;
  51. border-left:6px solid #fefefe;
  52. background-color:#eee;
  53. }
  54.  
  55. /*--------------------TEXT HIGHLIGHT--------------------*/
  56. ::selection {
  57. background: #fff;
  58. color:#f8a096;
  59. }
  60.  
  61. ::-moz-selection {
  62. background: #fff;
  63. color:#f8a096;
  64. }
  65.  
  66. /*--------------------BASICS--------------------*/
  67. body {
  68. background:#fefefe url(//static.tumblr.com/d40eae727a79de74c5b3c4cb5c8e9fd5/2pnwama/mW8pmgswh/tumblr_static_2ddnvvrhh78k4ogc880kokg8c.png);
  69. background-attachment:fixed;
  70. background-repeat:repeat;
  71. color:#999;
  72. cursor:normal;
  73. font-family:Muli;
  74. line-height:1.6em;
  75. font-size:12px;
  76. text-align:left;
  77. overflow-x:hidden;
  78. }
  79.  
  80. blockquote {
  81. padding-left:10px;
  82. margin-left:5px;
  83. border-left:1px solid;
  84. border-color:#f3d7d7;
  85. margin:10px;
  86. }
  87.  
  88. b, strong {font-weight:bold;color: #666;}
  89.  
  90. .non a, a.non {
  91. padding-bottom:0px!important;
  92. border-bottom:0px solid transparent!important;
  93. }
  94.  
  95. .nonn a {
  96. border-bottom:0px solid transparent!important;
  97. }
  98.  
  99. i, em, .em {color: #f0bfb6;}
  100.  
  101. pre, code {
  102. white-space:pre-wrap;
  103. display:block;
  104. }
  105.  
  106. hr {
  107. width:70%;
  108. border-width:0px;
  109. height:1px;
  110. background-color:rgba(153,153,153,0.3);
  111. }
  112.  
  113. p.npf_quirky, p.npf_quote {font-size:calc(12px + 5px);line-height:1em;}
  114.  
  115. /*--------------------LINKS--------------------*/
  116. a {
  117. color:#f8a096;
  118. text-decoration:none;
  119. cursor:normal;
  120. text-decoration:none;
  121. -webkit-transition: all 0.4s ease-in-out;
  122. -moz-transition: all 0.4s ease-in-out;
  123. -o-transition: all 0.4s ease-in-out;
  124. }
  125.  
  126. a:hover {text-decoration:none;}
  127.  
  128. img {opacity:1;text-decoration:none;}
  129.  
  130. h1 {
  131. font-size:calc(12px + 1px);
  132. font-family:quicksand regular;
  133. text-transform: uppercase;
  134. letter-spacing: 2px;
  135. color:#999;
  136. text-align:center;
  137. }
  138.  
  139. h1:first-child {margin-top:0px}
  140.  
  141. .pp p:first-child {margin-top:0px;}
  142.  
  143. /*-----------------CONT-----------------*/
  144.  
  145. #container {
  146. position:absolute;
  147. margin:0 auto;
  148. margin-top:60px;
  149. margin-bottom:60px;
  150. top:0;left:0;right:0;
  151. width:calc(225px + 80px + 400px + (25px * 2) + ((400px + (25px * 2)) * 0.025) + 80px + 120px);
  152. }
  153.  
  154.  
  155. #nudge {
  156. margin-left:calc(225px + 80px);
  157. }
  158.  
  159. #c0rner {
  160. position:fixed;
  161. margin-left:calc((225px + 80px + 400px + (25px * 2) + ((400px + (25px * 2)) * 0.025)) + 80px);
  162. bottom:0;margin-bottom:60px;
  163. width:120px;
  164. height:auto;
  165. }
  166.  
  167. /*-----------------SIDEBAR-----------------*/
  168. #galaxy {
  169. position:fixed;
  170. margin-top:0px;
  171. margin-left:0px;
  172. /* total post width + gap between posts and sb */
  173. width:225px;
  174. }
  175.  
  176. .mushroom {display:flex;}
  177.  
  178. .mushroom > * {
  179. align-self:center;
  180. -webkit-align-self:center;
  181. }
  182.  
  183. .yeacon {
  184. width:100px;
  185. }
  186.  
  187. .yeaboi {
  188. display:block;
  189. margin:auto;
  190. max-width:100%;
  191. }
  192.  
  193. .salmon {
  194. display:flex;
  195. margin-left:20px;
  196. padding-bottom:10px;
  197. }
  198.  
  199. .salmon:last-of-type {padding-bottom:0px}
  200.  
  201. .kokoro {
  202. width:16px;
  203. height:16px;
  204. opacity:0;
  205. -webkit-transition: all 0.1s ease-in-out;
  206. -moz-transition: all 0.1s ease-in-out;
  207. -o-transition: all 0.1s ease-in-out;
  208. }
  209.  
  210. .salmon:first-child .kokoro {opacity:1}
  211.  
  212. .salmon:hover .kokoro {
  213. opacity:1;
  214. }
  215. .salmonwrap:hover .salmon:first-child .kokoro {opacity:0}
  216. .salmonwrap:hover .salmon:first-child:hover .kokoro {opacity:1}
  217.  
  218. .daydreamer .kokoro {opacity:1}
  219.  
  220. .raw {display:flex;}
  221.  
  222. .gt-fill {
  223. background:#ec5a5a;
  224. height:1px;
  225. }
  226.  
  227. .f2 {width:2px;}
  228. .f4 {width:4px;}
  229. .f5 {width:5px;}
  230. .f7 {width:7px;}
  231. .f8 {width:8px;}
  232. .f12 {width:12px;}
  233. .f16 {width:16px;height:6px;}
  234.  
  235. .gtwo {height:2px;}
  236.  
  237. .cue, .custard {
  238. margin-top:-2px;
  239. font-family:pixeloperator bold;
  240. text-transform:uppercase;
  241. color:#f8a096;
  242. }
  243.  
  244. .cue {
  245. margin-left:10px;
  246. font-size:19px;
  247. }
  248.  
  249. .custard {
  250. margin-left:10px;
  251. font-size:13px;
  252. letter-spacing:0.3px;
  253. }
  254.  
  255. .bigboyy {
  256. margin-top:20px;
  257. width:inherit;
  258. background-color:#fefefe;
  259. box-shadow:6px 6px #f6e3e3;
  260. }
  261.  
  262. .heyboy {
  263. border:1px solid #f3d7d7;
  264. padding:5px 5px 0px 5px;
  265. }
  266.  
  267. .winboy {
  268. border:1px solid #f3d7d7;
  269. padding:5px;
  270. overflow:auto;
  271. margin-bottom:5px;
  272. }
  273.  
  274. .change {margin-bottom:0px!important}
  275.  
  276. .titboy {
  277. float:left;
  278. margin-top:2.5px;
  279. width:calc(100% - 50px);
  280. font-family:silkscreen;
  281. font-size:9px;
  282. color:#ec5a5a;
  283. line-height:1em;
  284. max-height:1em;
  285. overflow:hidden;
  286. }
  287.  
  288. .velvet .titboy {
  289. width:auto;
  290. letter-spacing:-0.5px;
  291. color:#e8abab;
  292. }
  293.  
  294. .velvet .titboy:hover {color:#f8a096;}
  295.  
  296. .niceboy {
  297. float:right;
  298. display:flex;
  299. }
  300.  
  301. .smallbox {
  302. margin-right:3px;
  303. padding:3px;
  304. width:5px;
  305. height:5px;
  306. border:1px solid #f3d7d7;
  307. cursor:help;
  308. }
  309.  
  310. .smallbox:last-of-type {margin-right:0px}
  311.  
  312. .sm-min {
  313. margin-top:4px;
  314. width:5px;
  315. height:1px;
  316. background:#f3d7d7;
  317. }
  318.  
  319. .velvet .sm-min {background:#f3d7d7;}
  320.  
  321. .sm-max {
  322. margin-top:-1px;margin-left:-1px;
  323. width:5px;height:5px;
  324. border:1px solid #f3d7d7;
  325. }
  326.  
  327. .velvet .sm-max {border:1px solid #f3d7d7;}
  328.  
  329. .sm-x {
  330. margin-top:-7px;margin-left:-1.5px;
  331. height:0;
  332. font-size:9px;
  333. color:#f3d7d7;
  334. }
  335.  
  336. .velvet .sm-x {
  337. margin-top:-0.5px;
  338. margin-left:-1.3px;
  339. color:#f3d7d7;
  340. }
  341.  
  342. .desc {
  343. margin-bottom:5px;
  344. border:1px solid #f3d7d7;
  345. padding:13px 15px;
  346. font-family:silkscreen;
  347. font-size:9px;
  348. color:#888;
  349. line-height:1.9em;
  350. text-align:center;
  351. }
  352.  
  353. .desc b, .desc strong {color:#ffb3b3}
  354. .desc i, .desc em {color:#f0bfb6}
  355.  
  356. .desc a {
  357. color:#fb897e;
  358. padding-bottom:3px;
  359. border-bottom:1px solid rgba(251,137,126,0.4);
  360. }
  361.  
  362. .desc a:hover {
  363. color:;
  364. border-bottom:0.5px solid rgba(,0.4);
  365. }
  366.  
  367. .marshmallow {
  368. margin-top:20px;
  369. display:flex;
  370. }
  371.  
  372. .on-cont {
  373. width:22px;
  374. height:22px;
  375. background:#fefefe;
  376. border:1px solid #f3d7d7;
  377. box-shadow:6px 5px #f6e3e3;
  378. cursor:pointer;
  379. }
  380.  
  381. .tri-h {
  382. margin-left:6.5px;
  383. margin-top:4.5px;
  384. }
  385.  
  386. .b-tri {
  387. width:1px;
  388. height:1.3px;
  389. }
  390. .b1 {width:1px}
  391. .b3 {width:3px}
  392. .b5 {width:5px}
  393. .b7 {width:7px}
  394. .b8 {width:8px}
  395. .b9 {width:9px}
  396.  
  397. .ll-h {
  398. display:none;
  399. margin-top:6px;
  400. margin-left:7px;
  401. }
  402.  
  403. .ll-z {display:flex;}
  404.  
  405. .ll-a, .ll-b {
  406. width:3px;
  407. height:9px;
  408. }
  409.  
  410. .ll-b {margin-left:3px}
  411.  
  412. .b-tri, .ll-a, .ll-b {background:#eec9c9;}
  413.  
  414. .ensou {
  415. margin-left:12px;
  416. width:calc(100% - 39px - 12px);
  417. padding:calc((22px - 9px) / 2);
  418. background:#fefefe;
  419. border:1px solid #f3d7d7;
  420. box-shadow:6px 5px #f6e3e3;
  421. font-family:silkscreen;
  422. font-size:9px;
  423. color:#e8abab;
  424. line-height:1em;
  425. max-height:1em;
  426. overflow:hidden;
  427. }
  428.  
  429. .ennei {
  430. position:absolute;
  431. white-space:nowrap;
  432. }
  433.  
  434. .cloud {margin-top:20px;}
  435.  
  436. .ensei {
  437. display:flex;
  438. margin-bottom:calc(10px + 2px);
  439. }
  440.  
  441. .ensei:last-of-type {margin-bottom:0px}
  442.  
  443. .yi, .er {
  444. width:calc((100% / 2) - 23px);
  445. padding:3px 8px;
  446. background:#fefefe;
  447. border:1px solid #f3d7d7;
  448. font-family:silkscreen;
  449. font-size:9px;
  450. color:#e8abab;
  451. line-height:2em;
  452. text-align:center;
  453. cursor:pointer;
  454. -webkit-transition: all 0.1s ease-in-out;
  455. -moz-transition: all 0.1s ease-in-out;
  456. -o-transition: all 0.1s ease-in-out;
  457. }
  458.  
  459. .yi {box-shadow:5px 6px #f6e3e3;}
  460.  
  461. .er {
  462. margin-left:calc(5px + 5px);
  463. box-shadow:6px 6px #f6e3e3;
  464. }
  465.  
  466. .yi:hover, .er:hover {
  467. background:#fca097;
  468. border:1px solid #fca097;
  469. color:#fff;
  470. }
  471.  
  472. /*--------------------POSTS--------------------*/
  473. .velvet {
  474. padding:5px;
  475. border:1px solid #f3d7d7;
  476. font-family:silkscreen;
  477. font-size:9px;
  478. color:#ec5a5a;
  479. line-height:1em;
  480. overflow:auto;
  481. }
  482.  
  483. .pcontent {
  484. margin-top:0px;
  485. padding-top:25px;
  486. }
  487.  
  488. .posts {
  489. overflow:hidden;
  490. margin-bottom:45px;
  491. width:400px;
  492. min-width:210px;
  493. padding:25px;
  494. background-color:#fff;
  495. border:1px solid #f3d7d7;
  496. box-shadow:calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3;
  497. }
  498.  
  499. .posts:last-of-type {margin-bottom:0px;}
  500.  
  501. .posts a {
  502. color:#f8a096;
  503. padding-bottom:1px;
  504. border-bottom:0.5px solid rgba(248,160,150,0.4);
  505. }
  506.  
  507. .posts a:hover {
  508. color:#ec5a5a;
  509. border-bottom:0.5px solid rgba(236,90,90,0.4);
  510. }
  511.  
  512. .photos, .photos img {
  513. position:relative;
  514. overflow:hidden;
  515. width:400px;
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522. }
  523.  
  524. .posts:hover .photos {
  525. opacity:1;
  526. -webkit-filter:grayscale(0%);
  527. filter:grayscale(0%);
  528. }
  529.  
  530. .posts img {
  531.  
  532.  
  533.  
  534.  
  535.  
  536. }
  537.  
  538. .posts:hover img {
  539. opacity:1;
  540. -webkit-filter:grayscale(0%);
  541. filter:grayscale(0%);
  542. }
  543.  
  544. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  545.  
  546. .posts iframe {max-width:100%;}
  547.  
  548. /*--------------------PERMALINK--------------------*/
  549. .permawrap {
  550. margin-top:25px;
  551. margin-left:-25px;
  552. margin-bottom:-25px;
  553. width:calc(400px + (25px * 2));
  554. border-top:1px solid #f3d7d7;
  555. }
  556.  
  557. .poof{
  558. padding:10px;
  559. overflow:auto;
  560. }
  561.  
  562. .candy {
  563. margin-right:10px;
  564. font-family:consolas-alt;
  565. font-size:8px;
  566. letter-spacing:1px;
  567. color:#e8abab!important;
  568. text-transform:uppercase;
  569. font-weight:bold;
  570. }
  571.  
  572. .candy:last-of-type {margin-right:0px;}
  573.  
  574. .candy txt {
  575. font-family:silkscreen;
  576. font-size:9px;
  577. letter-spacing:-1px;
  578. font-weight:normal;
  579. }
  580.  
  581. .tagsin {
  582. margin-top:5px;
  583. margin-right:-3px;
  584. font-family:silkscreen;
  585. line-height:1.5em;
  586. letter-spacing:-1px;
  587. font-size:9px;
  588. text-align:right;
  589. }
  590.  
  591. .tagsin a {
  592. display:inline-block;
  593. margin:3px;
  594. color:#e8abab;
  595. }
  596.  
  597. .tagsin a:hover {color:#ec5a5a;}
  598.  
  599. .vinegar {float:right;}
  600.  
  601. /* -- Like + Reblog buttons (1/2) -- */
  602. /* -- mikedidthis from StackOverflow: https://stackoverflow.com/users/2312574/mikedidthis -- */
  603. /* -- and tutorial by shythemes: http://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
  604. /* -- and help from borntobewildcodes -- */
  605. .controls {
  606. margin-top:calc(-100% + 10px);
  607. }
  608.  
  609. .controls li {
  610. position:relative;
  611. display:inline-block;
  612. margin:0 2px;
  613. list-style-type:none;
  614. }
  615.  
  616. .controls li:first-child {margin-left:0px;}
  617. .controls li:last-child {margin-right:0px;}
  618.  
  619. /* both svg colors */
  620. .controls .lnr {
  621. font-size:11px;
  622. color:#e8abab;
  623. }
  624.  
  625. .controls .like .liked + .lnr {
  626. color:#ED1C24;
  627. font-weight:bold;
  628. }
  629.  
  630. .controls .like .like_button {
  631. position:absolute;
  632. width:11px;
  633. height:11px;
  634. margin-top:4px;
  635. }
  636.  
  637. .controls .like .like_button iframe {
  638. position:absolute;
  639. top:0;left:0;bottom:0;right:0;
  640. width:100%;height:100%;
  641. z-index:2;
  642. opacity:0.0000001;
  643. }
  644.  
  645.  
  646. /*--------------------POST NOTES--------------------*/
  647. ol.notes {
  648. margin-top:-2px;
  649. width:400px;
  650. padding:25px;
  651. background:#fff;
  652. border:1px solid #f3d7d7;
  653. list-style-type:none;
  654. box-shadow:calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3;
  655. }
  656.  
  657. .heyho {
  658. width:calc((400px + (25px * 2)) - (10px * 2));
  659. padding:10px;
  660. border:1px solid #f3d7d7;
  661. box-shadow:calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3;
  662. }
  663.  
  664. ol.notes li.note {
  665. padding:10px;
  666. }
  667.  
  668. ol.notes li.note img.avatar {
  669. vertical-align:-4px;
  670. margin-right:10px;
  671. width:16px;
  672. height:16px;
  673. }
  674.  
  675. ol.notes li.note span.action {
  676. font-weight:none;
  677. }
  678.  
  679. ol.notes li.note .answer_content {
  680. font-weight:normal;
  681. }
  682.  
  683. ol.notes li.note blockquote {
  684. padding:4px 10px;
  685. margin:10px 0px 0px 25px;
  686. }
  687.  
  688. ol.notes li.note blockquote a {
  689. text-decoration:none;
  690. }
  691.  
  692. /*---------------------------LIGHTBOXES---------------------------*/
  693. .vignette, #vignette {
  694. opacity:0;
  695. }
  696. .lightbox-image, #tumblr_lightbox img {
  697. z-index:99999999999999999999999999999 !important;
  698. box-shadow:none !important;
  699. border-radius:0px !important;
  700. max-width:none;
  701. padding:25px !important;
  702. background:#fff !important;
  703. border:1px solid #f3d7d7 !important;
  704. }
  705.  
  706. .tmblr-lightbox, #tumblr_lightbox {
  707. background-color:rgba(255,255,255,0.78) !important;
  708. z-index:99999999999999999999999999999 !important;
  709. }
  710.  
  711. /*---------------------------QUOTES---------------------------*/
  712. .daydreamer {
  713. display:block;
  714. margin:auto;
  715. width:16px;
  716. padding:10px;
  717. background:#fff;
  718. border:1px solid #f3d7d7;
  719. }
  720.  
  721. .glae {
  722. width:calc(((400px + (25px * 2)) - 38px) / 2);
  723. height:1px;
  724. background:#f3d7d7;
  725. }
  726.  
  727. .glae.g1 {
  728. float:left;
  729. margin-top:calc(-20px);
  730. margin-left:calc(-25px);
  731. }
  732.  
  733. .glae.g2 {
  734. float:right;
  735. margin-top:calc(-20px);
  736. margin-right:calc(-25px);
  737. }
  738.  
  739. .quote {
  740. margin-top:25px;
  741. font-family:domine;letter-spacing:0.5px;
  742. font-size:12px;
  743. font-style:italic;
  744. line-height:2em;
  745. text-align:center;
  746. }
  747.  
  748. .quotesource {
  749. text-align:center;
  750. margin-top:10px;
  751. }
  752.  
  753. /*---------------------------CHATS---------------------------*/
  754. .chat {
  755. line-height:2em;
  756. list-style:none;
  757. color:#999;
  758. border:1px solid #f3d7d7;
  759. }
  760.  
  761. .line.odd {
  762. padding:10px;
  763. list-style:none;
  764. }
  765.  
  766. .line.even {
  767. padding:10px;
  768. border-top:1px solid #f3d7d7;
  769. list-style:none;
  770. }
  771.  
  772. .label.odd, .label.even {
  773. padding-right:1px;
  774. text-transform:uppercase;
  775. font-weight:bold;
  776. }
  777.  
  778. p.npf_chat { font-family:Courier; font-size:12px; }
  779.  
  780. /*---------------------------ASKS---------------------------*/
  781. .q-wrap {
  782. padding:10px;
  783. border:1px solid #f3d7d7;
  784. min-height:64px;
  785. display:flex;
  786. }
  787.  
  788. .askimg {
  789. width:64px;height:64px;
  790. }
  791.  
  792. .question {
  793. margin-left:10px;
  794. color:#999;
  795. }
  796.  
  797. .asker, .asker b, .asker a {
  798. text-transform:uppercase;color:#999;
  799. }
  800.  
  801. .answer {
  802. margin:0px auto;
  803. text-transform:none;
  804. color:#999;
  805. }
  806.  
  807. /*---------------------------AUDIO---------------------------*/
  808. .playerbutton {
  809. position:absolute;
  810. margin-top:18.5px;
  811. margin-left:18.5px;
  812. width:27px;
  813. height:27px;
  814. overflow:hidden;
  815. border-radius:100%;
  816. }
  817.  
  818. .trackdetails {
  819. width:auto;
  820. display:inline-block;
  821. margin-left:70px;
  822. padding:5px;
  823. line-height:1.7;
  824. }
  825.  
  826. .trackdetails b {
  827. font-weight:normal;
  828. }
  829.  
  830. .audiowrapper {
  831. position:relative;
  832. display:inline;
  833. height:0px;
  834. }
  835.  
  836. /*---------------------------VIDEO---------------------------*/
  837. .tumblr_video_container {
  838. width:400px!important;
  839. min-width:210px!important;
  840. height:auto!important;
  841. max-height:540px!important;
  842. overflow:hidden!important;
  843.  
  844.  
  845.  
  846.  
  847.  
  848. }
  849.  
  850. .posts:hover .tumblr_video_container {
  851. opacity:1;
  852. -webkit-filter:grayscale(0%);
  853. filter:grayscale(0%);
  854. }
  855. /*------------------------BOT PAGI------------------------*/
  856. .botpagi {
  857. width:calc((400px + (25px * 2)) - (10px * 2));
  858. background:#fff;
  859. padding:10px;
  860. border:1px solid #f3d7d7;
  861. box-shadow:calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #f6e3e3;
  862. text-align:center;
  863. }
  864.  
  865. /* 'Current page' number */
  866. .botpagi span {
  867. font-size:9px;
  868. color:#999;
  869. padding:3px 5px;
  870. width:9px;
  871. display:inline-block;
  872. margin-left:5px;
  873. text-align:center;
  874. }
  875.  
  876. /* Other page numbers */
  877. .botpagi a {
  878. font-size:9px;
  879. font-family:silkscreen;
  880. font-size:9px;
  881. color:#999;
  882. padding:3px 5px;
  883. width:9px;
  884. display:inline-block;
  885. margin-left:2px;
  886. text-align:center;
  887. }
  888.  
  889. </style><script src="https://assets.tumblr.com/assets/scripts/tumblelog_post_message_queue.js?_v=a8fadfa499d8cb7c3f8eefdf0b1adfdd"></script><link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/calluna/stylesheet.css?v=3"><!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:site" content="tumblr" /><meta name="twitter:card" content="app" /><meta name="twitter:description" content="glenthpvs" /><meta name="twitter:title" content="glenthpvs" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=glenthpvs&amp;referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=glenthpvs&amp;referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=glenthpvs&amp;referrer=twitter-cards" /><link rel="canonical" href="https://glenthpvs.tumblr.com/determination" /></head>
  890.  
  891. <body>
  892.  
  893. <!---- main shit ---->
  894.  
  895. <div id="container">
  896.  
  897. <div id="galaxy">
  898.  
  899. <div class="mushroom">
  900.  
  901.  
  902. <div class="salmonwrap">
  903. <a class="salmon" href="/">
  904. <div class="kokoro">
  905. <div class="raw">
  906. <div class="gt-fill f2" style="margin-left:2px"></div>
  907. <div class="gt-fill f2" style="margin-left:8px"></div></div>
  908. <div class="raw">
  909. <div class="gt-fill f5" style="margin-left:1px"></div>
  910. <div class="gt-fill f5" style="margin-left:4px"></div></div>
  911. <div class="raw">
  912. <div class="gt-fill f7 gtwo"></div>
  913. <div class="gt-fill f7 gtwo" style="margin-left:2px"></div></div>
  914. <div class="gt-fill f16" style="top:4px;"></div>
  915. <div class="gt-fill f12 gtwo" style="margin-left:2px"></div>
  916. <div class="gt-fill f8 gtwo" style="margin-left:4px"></div>
  917. <div class="gt-fill f4 gtwo" style="margin-left:6px"></div>
  918. </div><!--kokoro-->
  919.  
  920. </a><!--salmon-->
  921.  
  922. <a class="salmon" href="/ask">
  923. <div class="kokoro">
  924.  
  925. </div><!--kokoro-->
  926.  
  927. </a><!--salmon-->
  928.  
  929. <a class="salmon" href="/archive">
  930. <div class="kokoro">
  931.  
  932. </div><!--kokoro-->
  933.  
  934. </a><!--salmon-->
  935. <!-- PLEASE DO NOT DELETE THE CREDIT! Thank you x -->
  936. <a class="salmon" href="">
  937. <div class="kokoro">
  938.  
  939. </div><!--kokoro-->
  940.  
  941. </a><!--salmon-->
  942. </div><!--salmonwrap-->
  943.  
  944. </div><!--mushroom-->
  945.  
  946. <div class="bigboyy">
  947. <div class="heyboy">
  948. <div class="winboy">
  949. <div class="titboy">C:\ welcome!</div>
  950. <div class="niceboy">
  951.  
  952. <div class="smallbox d-min">
  953. <div class="sm-min"></div></div>
  954.  
  955. <div class="smallbox d-max">
  956. <div class="sm-max"></div></div>
  957.  
  958. <div class="smallbox d-x">
  959. <div class="sm-x">โœ–</div></div>
  960. </div><!--niceboy-->
  961. </div><!--winboy-->
  962.  
  963. <div class="desc">The <b>serene</b> sound of a distant music box...<br>It fills you with <i>determination.</i></div>
  964. </div><!--heyboyy-->
  965. </div><!--bigboy-->
  966.  
  967. <div class="cloud">
  968.  
  969. <div class="ensei">
  970. <a class="yi" href="/">link one</a>
  971.  
  972. <a class="er" href="">link two</a>
  973.  
  974. </div>
  975.  
  976.  
  977. <div class="ensei">
  978. <a class="yi" href="">link three</a>
  979.  
  980. <a class="er" href="">link four</a>
  981.  
  982. </div>
  983.  
  984.  
  985. <div class="ensei">
  986. <a class="yi" href="">link five</a>
  987.  
  988. <a class="er" href="">link six</a>
  989.  
  990. </div>
  991. </div>
  992.  
  993. <div class="marshmallow">
  994. <div class="on-cont m-o">
  995. <div class="tri-h">
  996. <div class="b-tri"></div>
  997. <div class="b-tri b3"></div>
  998. <div class="b-tri b5"></div>
  999. <div class="b-tri b7"></div>
  1000. <div class="b-tri b9"></div>
  1001. <div class="b-tri b7"></div>
  1002. <div class="b-tri b5"></div>
  1003. <div class="b-tri b3"></div>
  1004. <div class="b-tri"></div>
  1005. </div><!--tri-h-->
  1006.  
  1007. <div class="ll-h"><div class="ll-z">
  1008. <div class="ll-a"></div>
  1009. <div class="ll-b"></div>
  1010. </div></div><!--ll-->
  1011. </div><!--on-cont-->
  1012.  
  1013. <div class="ensou">
  1014. <div class="ennei">Peaceful Sleep</div></div>
  1015.  
  1016. <audio id="melody" src="https://dl.dropbox.com/s/hw0dpiv3vg4f50a/Peaceful%20Sleep%20%28Music%20Box%29.mp3" type="audio"></audio>
  1017.  
  1018. </div><!--marshmallow-->
  1019. </div><!--galaxy-->
  1020.  
  1021. <div id="nudge">
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 650px; height: 550px; ; position: absolute; top: 114px; left: 241px; overflow: auto; text-align: left; border-radius: ; border-left: 10px solid #fff;"><span style="font-family: agency fb; font-size: 15; color: #fff;">
  1049.  
  1050. <div class="posts" id="182586708025">
  1051. <div class="velvet">
  1052.  
  1053. <a class="titboy non" href="https://glenthdetermination.tumblr.com/post/182586708025/get-the-code-here">
  1054.  
  1055. link &mdash; 1549398541
  1056.  
  1057.  
  1058. </a>
  1059.  
  1060. <div class="niceboy">
  1061.  
  1062. <div class="smallbox p-min">
  1063. <div class="sm-min"></div></div>
  1064.  
  1065. <div class="smallbox p-max">
  1066. <div class="sm-max"></div></div>
  1067.  
  1068. <div class="smallbox p-x">
  1069. <div class="sm-x">โœ–</div></div>
  1070. </div><!--niceboy-->
  1071. </div>
  1072.  
  1073. <div class="pcontent">
  1074.  
  1075.  
  1076. <h1><div class="non"><a href="https://t.umblr.com/redirect?z=https%3A%2F%2Fpastebin.com%2FNMPpT4nE&amp;t=NWU0ZWNiMTRiODkwNWFkOWE0NjVmZWU1Yjc5YTY2ZGVlZTA3OTA3MSw4MFlDUkY3Wg%3D%3D&amp;b=t%3A4ZM8de-YwdyNLY4zXTclNQ&amp;p=https%3A%2F%2Fglenthdetermination.tumblr.com%2Fpost%2F182586708025%2Fget-the-code-here&amp;m=1" >Get the code here ยป</a></div></h1>
  1077. <p><b>TERMS OF USE:</b><br />1) Do not remove the theme credit. <br />2) Do not repost/redistribute my themes. <br />3) Do not take parts of the code and use it as your own. <br />4) Do not use my themes as a base code. <br />5) Do not mix my themes together.<br /></p>
  1078.  
  1079. <div class="permawrap">
  1080. <div class="poof">
  1081.  
  1082. <div class="perma nonn">
  1083. <a class="candy" href="https://glenthdetermination.tumblr.com/post/182586708025/get-the-code-here">
  1084. <txt>Feb</txt> 05
  1085. </a>
  1086.  
  1087. <a class="candy" href="https://glenthdetermination.tumblr.com/post/182586708025/get-the-code-here">15:29</a>
  1088.  
  1089. <a class="candy" href="https://glenthdetermination.tumblr.com/post/182586708025/get-the-code-here">0<txt>N</txt></a>
  1090. </div><!--perma-->
  1091.  
  1092.  
  1093.  
  1094.  
  1095. <div class="vinegar non">
  1096.  
  1097. <!-- Like + Reblog buttons (2/2) -->
  1098.  
  1099. <div class="controls">
  1100.  
  1101. <li class="like"><a title="like this post?"><div class="like_button" data-post-id="182586708025" data-blog-name="glenthdetermination" id="like_button_182586708025"><iframe id="like_iframe_182586708025" src="https://assets.tumblr.com/assets/html/like_iframe.html?_v=66c22ab5319d742bca5762b8d18f9d06#name=glenthdetermination&amp;post_id=182586708025&amp;color=black&amp;rk=80YCRF7Z" scrolling="no" width="20" height="20" frameborder="0" class="like_toggle" allowTransparency="true" name="like_iframe_182586708025"></iframe></div>
  1102. <span class="lnr lnr-heart"></span>
  1103. </a></li>
  1104.  
  1105. <li><a href="https://www.tumblr.com/reblog/182586708025/80YCRF7Z" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a></li>
  1106.  
  1107. </div><!--controls-->
  1108. </div><!--vinegar-->
  1109.  
  1110.  
  1111.  
  1112. </div><!--poof-->
  1113. </div><!--permawrap-->
  1114.  
  1115.  
  1116.  
  1117.  
  1118. </span></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement