Advertisement
cat_inthe_cradle

Nna Hal

May 20th, 2017
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.16 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. /* custom font 2/2 */
  4. @import 'https://fonts.googleapis.com/css?family=Cinzel|Montserrat:400,700';
  5.  
  6. /* ------------------------------ DECORATION ----------------------------- */
  7.  
  8. /* body */
  9. body {
  10. margin:0px; padding:0px;
  11. color:#555555;
  12. background:#0f0f0f url('http://assets.tumblr.com/images/x.gif?v=1') fixed;
  13. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  14. text-align:justify;}
  15.  
  16. /* ------------------------ CREDIT; DON'T REMOVE ------------------------- */
  17.  
  18. #credit {
  19. z-index:99999; position:fixed;
  20. bottom:10px; box-shadow:none;
  21.  
  22. right:20px;
  23. font-size:15px;
  24. color:#ffffff;
  25. -webkit-transition: all 0.3s linear;
  26. -moz-transition: all 0.3s linear;
  27. transition: all 0.3s linear;}
  28. #credit:hover {
  29. color:#ffffff;
  30. -ms-transform: rotate(35deg);
  31. -webkit-transform: rotate(35deg);
  32. transform: rotate(35deg);}
  33.  
  34. /* ------------------------------ MINOR STUFF ---------------------------- */
  35.  
  36. /* hover text */
  37. #s-m-t-tooltip {
  38. z-index: 99999; display: block;
  39. margin:5px 0px 0px 30px; max-width:150px;
  40. padding: 4px 5px 3px 6px;
  41. color: #f9f9f9;
  42. font: normal normal normal 10px/13px consolas;
  43. letter-spacing:1px; text-align:center;
  44. background: #0f0f0f;}
  45.  
  46. /* scrollbar */
  47. ::-webkit-scrollbar {
  48. height:14px; width:14px;
  49. background: #0f0f0f;}
  50. ::-webkit-scrollbar-thumb {
  51. background: -webkit-linear-gradient(#2b2b2b, #2e2155);
  52. background: -o-linear-gradient(#2b2b2b, #2e2155);
  53. background: -moz-linear-gradient(#2b2b2b, #2e2155);
  54. background: linear-gradient(#2b2b2b, #2e2155);
  55. border:4px solid #0f0f0f;
  56. border-radius:5px;}
  57.  
  58. /* drag n' click selection */
  59. ::selection {
  60. background: #686081;
  61. color: #f9f9f9;}
  62. ::-moz-selection {
  63. background: #686081;
  64. color: #f9f9f9;}
  65. a::selection {
  66. background: #686081;
  67. color: #9d9d9d;}
  68. a::-moz-selection {
  69. background: #686081;
  70. color: #9d9d9d;}
  71.  
  72. /* ----------------------------- FONT STUFF ------------------------------ */
  73.  
  74. /* links */
  75. a:link, a:active, a:visited{
  76. text-decoration:none;
  77. box-shadow:0px 1px 0px #3b2a6b;
  78. color:#ffffff;
  79. -webkit-transition: all 0.5s linear;
  80. -moz-transition: all 0.5s linear;
  81. transition: all 0.5s linear;}
  82. a:hover {
  83. color:#6d5aff;
  84. -webkit-transition: all 0.2s linear;
  85. -moz-transition: all 0.2s linear;
  86. transition: all 0.2s linear;}
  87.  
  88. a b, b a, strong a, a strong {
  89. font-weight:bold;
  90. color:#ffffff;}
  91.  
  92. /* main font decorations */
  93. b, strong{color:#606060; font-weight:bold;}
  94. i, em {color:#555555;}
  95. pre {color:#393939;
  96. font-size:10px;
  97. max-width:100%;
  98. font-family:consolas;
  99. background:#1a1a1a;
  100. padding:4px 7px;
  101. text-align:left;
  102. white-space: pre-wrap;
  103. white-space: -moz-pre-wrap;
  104. white-space: -pre-wrap;
  105. white-space: -o-pre-wrap;
  106. word-wrap: break-word;}
  107. code {
  108. color:#393939;
  109. font-size:10px;
  110. font-family:consolas;
  111. background:#1a1a1a;
  112. padding:0px 1px 0px 1px;}
  113. sup, sub, small {font-size:9px;}
  114.  
  115. /* text and link post titles */
  116. h1 {
  117. font: normal normal bold 18px/18px Cinzel;
  118.  
  119.  
  120. color:#cecece;
  121. text-align:center; text-transform:capitalize;
  122. letter-spacing:2px;
  123. text-shadow:0px 0px 3px #cecece;}
  124. /* quote and ask post titles */
  125. h2 {
  126.  
  127. font: normal normal normal 17px/17px Cinzel;
  128.  
  129.  
  130. color:#606060;
  131. text-align:center; text-transform:lowercase;
  132. letter-spacing:0.5px;
  133. text-shadow:0px 0px 0px #606060;}
  134.  
  135. h1 small, h2 small {
  136. font: normal normal normal 13px/13px Cinzel;
  137. color:#606060;
  138. text-align:center;
  139. text-transform:lowercase;
  140. letter-spacing:0.5px;}
  141.  
  142. /* -------------------------------- TOPBAR ------------------------------- */
  143.  
  144. /* page navigation */
  145. #pagination {
  146. z-index: 3; position:fixed;
  147. top:0px; left:50%;
  148.  
  149. margin-left:-51px;
  150. width:540px;
  151.  
  152.  
  153. padding:10px 1px;
  154. letter-spacing:1px; text-align:center;
  155. font: normal normal normal 10px/17px consolas;
  156. background:#0f0f0f url('http://assets.tumblr.com/images/x.gif?v=1') fixed;}
  157. .active {
  158. display:inline-block;
  159. min-width:18px;
  160. line-height:10px;
  161. padding:7px 2px 7px 2px;
  162. letter-spacing:1px;
  163. border-radius:2px;}
  164. #pagination a .active {
  165. background: #0f0f0f;
  166. border:1px solid #0f0f0f;
  167. -webkit-transition: all 0.3s linear;
  168. -moz-transition: all 0.3s linear;
  169. transition: all 0.3s linear;}
  170. #pagination a .active:hover {
  171. background:#121212;
  172. border:1px solid #151515;}
  173.  
  174. /* -------------------------------- SIDEBAR ------------------------------ */
  175.  
  176. /* sidebar as a whole */
  177. #side {
  178. position:fixed; z-index:3;
  179. top:50%; margin-top:-250px;
  180. left:50%; margin-left:-500px;
  181. width:250px; height:500px;}
  182.  
  183. /* quote above */
  184. #quote {
  185. position:fixed; opacity:0;
  186. top:50%; margin-top:-250px;
  187. left:50%; margin-left:-480px;
  188. width:180px; text-align:center;
  189. letter-spacing:1px;
  190. -webkit-transition: all 0.5s linear;
  191. -moz-transition: all 0.5s linear;
  192. transition: all 0.5s linear;}
  193. #side:hover #quote {opacity:1;}
  194.  
  195. /* gliding constellations 1/2 */
  196. #stars {
  197. position:fixed;
  198. z-index:-2;
  199. top:50%; margin-top:-100px;
  200. left:50%; margin-left:-490px;
  201. width:200px; height:200px;
  202. background: -webkit-radial-gradient(#1c1c1c 0%, transparent 66%);
  203. background: -o-radial-gradient(#1c1c1c 0%, transparent 66%);
  204. background: -moz-radial-gradient(#1c1c1c 0%, transparent 66%);
  205. background: radial-gradient(#1c1c1c 0%, transparent 66%);
  206. border-radius:50%;
  207. overflow:hidden;}
  208.  
  209. /* sidebar links */
  210. #sidelinks {position:relative; z-index:2;}
  211. #linkbundle {}
  212.  
  213. #sidelinks a {
  214. position:fixed;
  215. top:50%; left:50%;
  216. text-decoration:none;
  217. display:inline-block;
  218. border-radius:50%;
  219. background:#ffffff;
  220. -webkit-transition: all 0.2s linear;
  221. -moz-transition: all 0.2s linear;
  222. transition: all 0.2s linear;}
  223. #sidelinks a:hover {
  224. background:#ffffff;}
  225.  
  226. #linktitle {
  227. opacity:0;
  228. position:fixed; z-index:2;
  229. top:50%; margin-top:-5px;
  230. left:50%; margin-left:-450px;
  231. text-align:center; width:120px;
  232. color:#606060;
  233. font: normal normal bold 10px/17px consolas;
  234. letter-spacing:1px;
  235. -webkit-transition: all 0.5s linear;
  236. -moz-transition: all 0.5s linear;
  237. transition: all 0.5s linear;}
  238. #linkbundle:hover #linktitle {opacity:1;}
  239.  
  240. #link1 {
  241. width:10px; height:10px;
  242. margin-left:-480px; margin-top:-90px;
  243. box-shadow: 0px 0px 0px 1px transparent,
  244. 0px 0px 10px #808080;}
  245. #link1:hover {
  246. box-shadow: 0px 0px 0px 1px #ffffff,
  247. 0px 0px 10px #808080;}
  248.  
  249. #link2 {
  250. width:7px; height:7px;
  251. margin-left:-340px; margin-top:-120px;
  252. box-shadow: 0px 0px 0px 0px transparent,
  253. 0px 0px 7px #808080}
  254. #link6:hover {
  255. box-shadow: 0px 0px 0px 1px #ffffff,
  256. 0px 0px 8px #808080}
  257.  
  258. #link3 {
  259. width:7px; height:7px;
  260. margin-left:-300px; margin-top:-80px;
  261. box-shadow: 0px 0px 0px 1px transparent,
  262. 0px 0px 7px #808080}
  263. #link3:hover {
  264. box-shadow: 0px 0px 0px 1px #ffffff,
  265. 0px 0px 7px #808080}
  266.  
  267. #link4 {
  268. width:5px; height:5px;
  269. margin-left:-493px; margin-top:60px;
  270. box-shadow: 0px 0px 0px 0px transparent,
  271. 0px 0px 5px #808080}
  272. #link4:hover {
  273. width:5px; height:5px;
  274. box-shadow: 0px 0px 0px 1px #ffffff,
  275. 0px 0px 6px #808080}
  276.  
  277. #link5 {
  278. width:10px; height:10px;
  279. margin-left:-425px; margin-top:100px;
  280. box-shadow: 0px 0px 0px 0px transparent,
  281. 0px 0px 10px #808080}
  282. #link5:hover {
  283. box-shadow: 0px 0px 0px 1px #ffffff,
  284. 0px 0px 11px #808080}
  285.  
  286. #link6 {
  287. width:7px; height:7px;
  288. margin-left:-320px; margin-top:80px;
  289. box-shadow: 0px 0px 0px 0px transparent,
  290. 0px 0px 7px #808080}
  291. #link6:hover {
  292. box-shadow: 0px 0px 0px 1px #ffffff,
  293. 0px 0px 8px #808080}
  294.  
  295. /* description */
  296. #description {
  297. opacity:0;
  298. position:fixed; z-index:4;
  299. top:50%; margin-top:-75px;
  300. left:50%; margin-left:-465px;
  301. width:146px; height:146px;
  302. padding:2px;
  303.  
  304. text-align:center;
  305.  
  306.  
  307. font: normal normal normal 10px/13px consolas;
  308. border-radius:50%;
  309. color:#555555;
  310. background:#0c0c0c;
  311. overflow:hidden;
  312. -webkit-transition: all 0.5s linear;
  313. -moz-transition: all 0.5s linear;
  314. transition: all 0.5s linear;}
  315. #description:hover {opacity:1;}
  316.  
  317. #description a {color:#ffffff;}
  318. #description a:hover {color:#6d5aff;}
  319. #description b, #description strong, #description i, #description em {
  320. color:#555555;}
  321.  
  322. .leftdescspace {float:left; clear:left; height:13px;}
  323. .rightdescspace {float:right; clear:right; height:13px;}
  324.  
  325. /* ------------------------------- POSTS --------------------------------- */
  326. /* posts position */
  327. #entries {
  328. position:relative;
  329. left:50%;
  330. margin-top:0px;
  331. margin-bottom:30px;
  332. text-align:justify;
  333.  
  334.  
  335. margin-left:0px;
  336. width:520px;
  337.  
  338.  
  339.  
  340. }
  341.  
  342. /* posts themselves */
  343. BADs {
  344. display:inline-block;
  345. overflow:hidden;
  346.  
  347.  
  348. width:500px;
  349. margin: 80px 0px 0px -50px;
  350.  
  351.  
  352.  
  353.  
  354. text-align:justify;
  355. padding:20px;
  356. background: #121212 url('');
  357. box-shadow:0px 0px 0px 1px #151515 inset;
  358. border-radius:3px;}
  359.  
  360.  
  361.  
  362. /* ----------------------------- POST TYPES ------------------------------ */
  363.  
  364. /* text post */
  365. blockquote {
  366. padding:0px;
  367. padding-left:6px;
  368. margin:-3px 0 -1px 6px;
  369. border-left:1px solid #3b2a6b;}
  370. hr {display: block;
  371. margin: 20px 50px;
  372. border:1px solid transparent;
  373. border-top: 1px solid #3b2a6b;}
  374.  
  375. /* bullet lists */
  376. ol {margin-left:-8px;
  377. list-style-type:decimal;}
  378. ul {margin-left:-20px;
  379. list-style-type:none;}
  380. ul li::before {
  381. content:"";
  382. margin:0px 10px 2px 0px;
  383. display:inline-block;
  384. height:4px; width:4px;
  385. border-radius:50%;
  386. background:#3b2a6b;}
  387. li {margin-bottom:3px;}
  388.  
  389. /* text-images */
  390. BADs img {
  391. vertical-align:middle;
  392. max-width:100%;
  393. -webkit-transition-duration: 0.2s;
  394. -moz-transition-duration:0.2s;
  395. -o-transition-duration:0.2s;
  396. transition-duration:0.2s;}
  397. BADs:hover img {opacity:1;}
  398. img a{border:none; max-width:100%;}
  399. /* the credit below images that are from other people */
  400. .tmblr-full {margin:0;}
  401. .tmblr-attribution {
  402. opacity:.8;
  403. margin-top:0px;
  404. font-family:Calibri;
  405. font-size:8px; line-height:8px;
  406. text-transform:uppercase;
  407. letter-spacing:1px;}
  408. .tmblr-attribution::before {content: "└";}
  409. .tmblr-attribution::after {content: " >";}
  410.  
  411. /* link posts */
  412. .link-posts a {
  413. background: #ffffff;
  414. display:inline-block;
  415.  
  416.  
  417. width: 480px;
  418.  
  419.  
  420.  
  421.  
  422. border-radius:3px;
  423. padding:10px;
  424. color:#121212;}
  425. .link-posts a:hover {
  426. background: #6d5aff}
  427.  
  428. /* ask posts */
  429. .ask-posts img {
  430. vertical-align:middle;
  431. display:inline-block;
  432. margin-right:7px;
  433. border-radius:1px;
  434. max-width:64px;}
  435. .ask-posts .question {
  436. vertical-align:middle;
  437. display:inline-block;
  438. min-height:44px; padding:10px;
  439.  
  440.  
  441. width: 402px;
  442.  
  443.  
  444.  
  445.  
  446. background: #181818;
  447. border-radius:1px;}
  448. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  449. .ask-posts h2 a {word-break:break-all;}
  450. .ask-posts h2::first-letter {text-transform:uppercase;}
  451.  
  452. /* quote posts */
  453. .quote-posts {
  454. margin:0px 0px 5px 0px;
  455. padding:10px;
  456. text-align:center}
  457. .quote {
  458. vertical-align:middle;
  459.  
  460.  
  461. width:430px;
  462.  
  463.  
  464.  
  465.  
  466. display:inline-block;}
  467. .quote-posts .fa {
  468. width:20px;
  469. vertical-align:middle;
  470. display:inline-block;
  471. color:#3b2a6b}
  472.  
  473. /* chat posts */
  474. ul.chat, .chat ol, .chat li {
  475. list-style:none;
  476. margin:0px;
  477. padding:4px 0px 4px 2px;}
  478. ul.chat, .chat ol {margin:-2px 0px;}
  479. .chat li {
  480. border-bottom:1px solid #3b2a6b;}
  481. .chat li:first-of-type {
  482. border-top:1px solid #3b2a6b;}
  483. .chat li::before {
  484. content:""; display:none;}
  485. .person {
  486. color:#606060;
  487. font-weight:bold}
  488.  
  489. /* photo posts */
  490. BADs img, BADs .html_photoset, BADs #audio-pic {
  491. opacity:0.75;
  492.  
  493. -webkit-transition-duration: 0.5s;
  494. -moz-transition-duration:0.5s;
  495. -o-transition-duration:0.5s;
  496. transition-duration:0.5s;}
  497. BADs:hover img, BADs:hover .html_photoset, BADs:hover #audio-pic {
  498. opacity:1;
  499. -webkit-filter: grayscale(0%);
  500. -moz-filter: grayscale(0%);
  501. -ms-filter: grayscale(0%);
  502. -o-filter: grayscale(0%);
  503. filter: grayscale(0%);
  504. -webkit-transition-duration: 0.5s;
  505. -moz-transition-duration:0.5s;
  506. -o-transition-duration:0.5s;
  507. transition-duration:0.5s;}
  508.  
  509. /* photoset focused image background */
  510. .tmblr-lightbox {
  511. background-color:transparent !important;}
  512. .vignette {
  513. z-index:99998! important;
  514. opacity:.75 !important;
  515. background-color:#0f0f0f !important;
  516. background-image:none !important;}
  517. .tmblr-lightbox .lightbox-image {
  518. z-index:99999! important;
  519. border-radius:0px !important;
  520. background:#0f0f0f !important;
  521. box-shadow:0px 0px 0px 30px #0f0f0f !important;}
  522. .tmblr-lightbox .lightbox-caption {
  523. z-index:99999! important;
  524. font-family:consolas !important;
  525. font-size:10px !important;
  526. font-size: 15px !important;
  527. font-weight: bold !important;
  528. color: #cecece !important;
  529. text-shadow: 0 4px 30px #0f0f0f !important;}
  530.  
  531. /* video posts */
  532. .caption #youtube_iframe, .caption iframe {margin:5px 0px; max-width:100%;}
  533.  
  534. /* audio posts */
  535. #audio-pic {
  536. display:inline-block;
  537. vertical-align:middle;
  538. margin-right:2px;
  539. border-radius:3px;
  540. width:135px; height:135px;
  541. background: url('');
  542. background-size:cover;}
  543. #info-container {
  544. display:inline-block;
  545. vertical-align:middle;
  546. text-align:left;
  547. font-size:8px; line-height:15px;
  548.  
  549.  
  550. width:355px;
  551.  
  552.  
  553.  
  554.  
  555. text-transform:uppercase;
  556. letter-spacing:1px;}
  557. #info-container li {
  558. display:block;
  559. border-radius:3px;
  560. padding:4px 7px;
  561. margin:0px; margin-top:4px;
  562. background:#181818;}
  563. BADs .audio_player {
  564.  
  565.  
  566. width:355px;
  567.  
  568.  
  569.  
  570.  
  571. max-height:27px;
  572. margin:0px; border-radius:3px;
  573. background:#6d5aff;
  574.  
  575. -webkit-transition: all 0.2s linear;
  576. -moz-transition: all 0.2s linear;
  577. transition: all 0.2s linear;}
  578. BADs:hover .audio_player {
  579. }
  580. .tumblr_audio_player {
  581.  
  582.  
  583. width:355px;
  584.  
  585.  
  586.  
  587.  
  588. opacity:.66;}
  589.  
  590. /* --------------------------- POST-INFO STARS --------------------------- */
  591.  
  592. /* container */
  593. #postinfo {
  594. position:absolute;
  595. text-align:center;
  596. height:40px;
  597. margin:20px 0px 0px -20px;
  598.  
  599.  
  600. width:540px;
  601.  
  602.  
  603. }
  604.  
  605. /* stars */
  606. #postinfo a {
  607. position:absolute;
  608. left:50%;
  609. text-decoration:none;
  610. display:block;
  611. border-radius:50%;
  612. background:#ffffff;
  613. -webkit-transition: all 0.2s linear;
  614. -moz-transition: all 0.2s linear;
  615. transition: all 0.2s linear;}
  616. #postinfo a:hover {
  617. background:#ffffff;}
  618.  
  619. /* individual stars */
  620. #fact1 {
  621. margin-left:-105px; top:20px;
  622. width:4px; height:4px;
  623. box-shadow: 0px 0px 0px 1px transparent,
  624. 0px 0px 4px #808080;}
  625. #fact1:hover {
  626. box-shadow: 0px 0px 0px 1px #ffffff,
  627. 0px 0px 4px #808080;}
  628.  
  629. #fact2 {
  630. margin-left:-58px; top:14px;
  631. width:5px; height:5px;
  632. box-shadow: 0px 0px 0px 1px transparent,
  633. 0px 0px 5px #808080;}
  634. #fact2:hover {
  635. box-shadow: 0px 0px 0px 1px #ffffff,
  636. 0px 0px 5px #808080;}
  637.  
  638. #fact3 {
  639. margin-left:-30px; top:16px;
  640. width:7px; height:7px;
  641. box-shadow: 0px 0px 0px 1px transparent,
  642. 0px 0px 7px #808080;}
  643. #fact3:hover {
  644. box-shadow: 0px 0px 0px 1px #ffffff,
  645. 0px 0px 7px #808080;}
  646.  
  647. #fact4 {
  648. margin-left:11px; top:25px;
  649. width:4px; height:4px;
  650. box-shadow: 0px 0px 0px 1px transparent,
  651. 0px 0px 4px #808080;}
  652. #fact4:hover {
  653. box-shadow: 0px 0px 0px 1px #ffffff,
  654. 0px 0px 4px #808080;}
  655.  
  656. #fact5 {
  657. margin-left:74px; top:25px;
  658. width:4px; height:4px;
  659. box-shadow: 0px 0px 0px 1px transparent,
  660. 0px 0px 4px #808080;}
  661. #fact5:hover {
  662. box-shadow: 0px 0px 0px 1px #ffffff,
  663. 0px 0px 4px #808080;}
  664.  
  665. #fact6 {
  666. margin-left:99px; top:14px;
  667. width:6px; height:6px;
  668. box-shadow: 0px 0px 0px 1px transparent,
  669. 0px 0px 6px #808080;}
  670. #fact6:hover {
  671. box-shadow: 0px 0px 0px 1px #ffffff,
  672. 0px 0px 4px #808080;}
  673.  
  674. /* connectors */
  675. .connector {
  676. opacity:0;
  677. position:absolute;
  678. left:50%; z-index:-1;
  679. height:1px;
  680. background:#3b2a6b;
  681. box-shadow:-100px 0px 0px 0px #0f0f0f inset;
  682. -webkit-transition: all 0.2s linear;
  683. -moz-transition: all 0.2s linear;
  684. transition: all 0.2s linear;}
  685. BADs:hover .connector {
  686. opacity:1;
  687. box-shadow:0px 0px 0px 0px #0f0f0f inset;}
  688.  
  689. #connect1 {
  690. width:50px;
  691. margin-left:-104px; top:19px;
  692. -webkit-transform: rotate(-7deg);
  693. -moz-transform: rotate(-7deg);
  694. -ms-transform: rotate(-7deg);
  695. -o-transform: rotate(-7deg);
  696. transform: rotate(-7deg);
  697. -webkit-transition-delay: .4s;
  698. -moz-transition-delay: .4s;
  699. -ms-transition-delay: .4s;
  700. -o-transition-delay: .4s;
  701. transition-delay: .4s;}
  702. BADs:hover #connect1 {
  703. -webkit-transition-delay: 0s;
  704. -moz-transition-delay: 0s;
  705. -ms-transition-delay: 0s;
  706. -o-transition-delay: 0s;
  707. transition-delay: 0s;}
  708. #connect2 {
  709. width:70px;
  710. margin-left:-55px; top:21px;
  711. -webkit-transform: rotate(9deg);
  712. -moz-transform: rotate(9deg);
  713. -ms-transform: rotate(9deg);
  714. -o-transform: rotate(9deg);
  715. transform: rotate(9deg);
  716. -webkit-transition-delay: .2s;
  717. -moz-transition-delay: .2s;
  718. -ms-transition-delay: .2s;
  719. -o-transition-delay: .2s;
  720. transition-delay: .2s;}
  721. #connect3 {
  722. width:90px;
  723. margin-left:13px; top:21px;
  724. -webkit-transform: rotate(-6deg);
  725. -moz-transform: rotate(-6deg);
  726. -ms-transform: rotate(-6deg);
  727. -o-transform: rotate(-6deg);
  728. transform: rotate(-6deg);
  729. -webkit-transition-delay: 0s;
  730. -moz-transition-delay: 0s;
  731. -ms-transition-delay: 0s;
  732. -o-transition-delay: 0s;
  733. transition-delay: 0s;}
  734. BADs:hover #connect3 {
  735. -webkit-transition-delay: .4s;
  736. -moz-transition-delay: .4s;
  737. -ms-transition-delay: .4s;
  738. -o-transition-delay: .4s;
  739. transition-delay: .4s;}
  740.  
  741. /* --------------------------- POST-INFO TEXT --------------------------- */
  742. #postending {
  743. padding:10px;
  744.  
  745.  
  746. width:500px;
  747.  
  748.  
  749.  
  750.  
  751. margin:15px 0px -10px -10px;
  752. font: normal normal normal 10px/13px consolas;
  753. text-align:center; letter-spacing:1px;
  754. color: #ffffff;
  755. background: #1c1c1c;
  756. border-radius:1px;}
  757. #postending a {
  758. box-shadow:none;
  759. color:#6757bb;}
  760. #postending a:hover {
  761. color:#8c85ff;}
  762.  
  763. /* ---------------------------- PERMALINK -------------------------------- */
  764.  
  765. /* permalink position */
  766. #permalink {
  767. background:; /* if you want the post-notes to have a non-transparent bg */
  768. margin:0px 0px 0px -80px;
  769. width: 500px; padding: 20px;}
  770.  
  771. /* post notes container */
  772. .notes {
  773. width: 500px; max-height:600px;
  774. overflow: auto; text-align:center;
  775. line-height:0px; font-size:0px;
  776. color:transparent; letter-spacing:0px;}
  777. .notes a {
  778. font: normal normal normal 10px/17px consolas;
  779. color:#333333;
  780. box-shadow:none; letter-spacing:1px;}
  781. .notes a:hover {
  782. color:#463186;}
  783. .notes blockquote, .notes .answer_content {
  784. font: normal normal normal 10px/17px consolas;
  785. letter-spacing:1px;
  786. max-width:350px;
  787. margin:3px auto; border:none;
  788. color:#333333;
  789. background:#121212;}
  790. .notes blockquote {
  791. display:inline-block;
  792. padding:1px 10px 0px 10px;}
  793. .notes .answer_content {
  794. display:block;
  795. padding:2px 10px 1px 10px;}
  796. .notes img {display:none;}
  797. .notes li {margin-left:-10px;}
  798.  
  799. /* replaced regular sentences with fa symbols */
  800. .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
  801. font-weight:normal;
  802. vertical-align:middle;
  803. content:"";
  804. font-family:'FontAwesome';
  805. display:inline-block; margin:0px 5px;
  806. font-size:10px;
  807. color:#2b2b2b;}
  808. .notes .like span a::after {content:"\f004";}
  809. .notes .reblog .tumblelog::after {content: "\f079";}
  810. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  811. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  812. .notes .reply .action a::after {content: "\f063";}
  813.  
  814. /* permalink scrollbar */
  815. #permalink ::-webkit-scrollbar {
  816. height:5px; width:5px;
  817. background: transparent;}
  818. #permalink ::-webkit-scrollbar-thumb:vertical {
  819. background: #2b2b2b;
  820. border:none; border-radius: 1px;}
  821.  
  822. </style>
  823.  
  824.  
  825.  
  826.  
  827. <style type="text/css">
  828. .default-cursor {cursor:default;}
  829. .default-cursor a, .default-cursor a:hover {cursor:pointer;}
  830.  
  831. .crosshair-cursor {cursor:crosshair;}
  832. .crosshair-cursor a, .crosshair-cursor a:hover {cursor:crosshair;}
  833.  
  834. .custom-cursor {cursor: url(http://static.tumblr.com/u5vz4xb/UgAnxqjxd/delete_png2.png), auto;}
  835. .custom-cursor a, .custom-cursor a:hover{cursor:url(http://static.tumblr.com/u5vz4xb/mmnnxqlht/delete_png3.png), auto;}
  836. </style>
  837.  
  838.  
  839.  
  840.  
  841. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; border-radius: 1em 1em 1em 1em; position: absolute; top:160px; left: 171px; overflow: auto; text-align: left; border:px solid #acba9b;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/p3mc.png" alt="" width="" height=""/> </span></div>
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851. <div style="position:fixed; top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>
  852.  
  853.  
  854. </a>
  855.  
  856.  
  857.  
  858. <div id="stars"></div>
  859.  
  860. <div id="side">
  861. <div id="quote"><b><img src="http://i.picpar.com/z3mc.png" alt="" width="" height=""/> </b></div>
  862.  
  863. <div id="description">
  864.  
  865. <div class="leftdescspace" style="width:73px;"></div>
  866. <div class="rightdescspace" style="width:73px;"></div>
  867. <div class="leftdescspace" style="width:31px;"></div>
  868. <div class="rightdescspace" style="width:31px;"></div>
  869. <div class="leftdescspace" style="width:20px;"></div>
  870. <div class="rightdescspace" style="width:20px;"></div>
  871. <div class="leftdescspace" style="width:13px;"></div>
  872. <div class="rightdescspace" style="width:13px;"></div>
  873. <div class="leftdescspace" style="width:9px;"></div>
  874. <div class="rightdescspace" style="width:9px;"></div>
  875. <div class="leftdescspace" style="width:6px;"></div>
  876. <div class="rightdescspace" style="width:6px;"></div>
  877. <div class="leftdescspace" style="width:8px;"></div>
  878. <div class="rightdescspace" style="width:8px;"></div>
  879. <div class="leftdescspace" style="width:11px;"></div>
  880. <div class="rightdescspace" style="width:11px;"></div>
  881. <div class="leftdescspace" style="width:18px;"></div>
  882. <div class="rightdescspace" style="width:18px;"></div>
  883. <div class="leftdescspace" style="width:31px;"></div>
  884. <div class="rightdescspace" style="width:31px;"></div>
  885. <div class="leftdescspace" style="width:73px;"></div>
  886. <div class="rightdescspace" style="width:73px;"></div>
  887. <div class="leftdescspace" style="width:73px;"></div>
  888. <div class="rightdescspace" style="width:73px;"></div>
  889. <br>
  890.  
  891.  
  892. <b>Kanna Halloway.</b><br /><br />
  893.  
  894. <i>kahnn. female. <br />
  895. nna hal. gray jedi.<br />
  896. heterosexual. single.<br />
  897. kylo ren ♥ . silence.<br /><br /></i>
  898.  
  899. fc ; <b>mila kunis</b>
  900.  
  901.  
  902.  
  903. </p>
  904. </div>
  905.  
  906.  
  907. <div id="sidelinks">
  908. <div id="linkbundle">
  909. <a href="/" id="link1"></a>
  910. <div id="linktitle">Entrance</div>
  911. </div>
  912.  
  913. <div id="linkbundle">
  914. <a href="/ask" id="link2"></a>
  915. <div id="linktitle">Wonders</div>
  916. </div>
  917.  
  918. <div id="linkbundle">
  919. <a href="/archive" id="link3"></a>
  920. <div id="linktitle">Memories</div>
  921. </div>
  922.  
  923. <div id="linkbundle">
  924. <a href="/" id="link4"></a>
  925. <div id="linktitle">Link 1</div>
  926. </div>
  927.  
  928. <div id="linkbundle">
  929. <a href="/" id="link5"></a>
  930. <div id="linktitle">Link 2</div>
  931. </div>
  932.  
  933. <div id="linkbundle">
  934. <a href="/" id="link6"></a>
  935. <div id="linktitle">Link 3</div>
  936. </div>
  937.  
  938. </div>
  939.  
  940.  
  941.  
  942.  
  943.  
  944. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; border-radius: ; position: absolute; top:216px; left: -182px; overflow: auto; text-align: left; border:px solid #acba9b;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/y3mc.png" alt="" width="260" height=""/> </span></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement