API tools faq
paste
Advertisement
b0rn-to-be-wild

Page: REDIRECT (bright)

b0rn-to-be-wild
Mar 3rd, 2018
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5. ©borntobewildcodes.tumblr.com | REDIRECT PAGE (bright)
  6.  
  7. + Do not redistribute this page or remove the credits.
  8. + Edit as long as you keep the credits intact.
  9. + Contact me if you have any questions or concerns.
  10. + If you want a custom theme you can commission me.
  11. + Thanks for using this page, I hope that you enjoy it.
  12.  
  13. Other credits:
  14.  
  15. - Google fonts
  16. - Saturn icons
  17. - Jquery
  18.  
  19. ---->
  20.  
  21. <html>
  22. <head>
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  29. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  30.  
  31. <style type="text/css">
  32.  
  33. /* ---------------------------- GENERAL ----------------------------- */
  34.  
  35. /* -------- BASICS ------- */
  36.  
  37. body {
  38. margin: 0;
  39. padding: 0;
  40. width: 100%;
  41. height: 100%;
  42. font-family: Helvetica;
  43. font-size: 12px;
  44. line-height: 17px;
  45. color: #777777;
  46. /* Background */
  47. background-color: #000;
  48. background-image: URL('https://68.media.tumblr.com/9b284953ac682a4789e5a0b3f115e64b/tumblr_owfsk7AUTt1uo5urho9_400.png');
  49. background-attachment: fixed;
  50. background-repeat: repeat;
  51. }
  52.  
  53. /* Webkit scrollbar */
  54.  
  55. ::-webkit-scrollbar {
  56. width: 8px;
  57. height: 0px;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {
  61. height: 0px;
  62. background-color: #222222;
  63. border:3px solid #ffffff;
  64. }
  65.  
  66. ::-webkit-scrollbar-button:start:decrement,
  67. ::-webkit-scrollbar-button:end:increment {
  68. height: 0px;
  69. display: block;
  70. background-color: #ffffff;
  71. }
  72.  
  73. ::-webkit-scrollbar-track-piece {
  74. background-color: #ffffff;
  75. }
  76.  
  77. /* Tumblr controls */
  78.  
  79. iframe.tmblr-iframe {
  80. top:0px!important;
  81. right:33px!important;
  82. opacity:0.8;
  83. transform:scale(0.6);
  84. transform-origin:100% 0;
  85. -webkit-transform:scale(0.8);
  86. -webkit-transform-origin:100% 0;
  87. -moz-transform:scale(0.8);
  88. -moz-transform-origin:100% 0;
  89. -ms-transform:scale(0.8);
  90. -ms-transform-origin:100% 0;
  91. -o-transform:scale(0.8);
  92. -o-transform-origin:100% 0;
  93. -webkit-filter:invert(1);
  94. -moz-filter:invert(1);
  95. -ms-filter:invert(1);
  96. -o-filter:invert(1);
  97. filter:invert(1);
  98. z-index:100000!important;
  99. }
  100.  
  101. iframe.tmblr-iframe:hover {
  102. opacity:1!important;
  103. }
  104.  
  105. /* Tooltips */
  106.  
  107. .ui-tooltip {
  108. position:absolute;
  109. z-index:9999;
  110. padding-top:10px;
  111. }
  112.  
  113. .ui-tooltip-content {
  114. background:#ffffff;
  115. padding:0 4px;
  116. font-style:italic;
  117. color:#222222;
  118. text-transform:lowercase;
  119. border:1px solid #eeeeee;
  120. }
  121.  
  122. img {
  123. opacity:1;
  124. border:0;
  125. text-decoration:none;
  126. max-width:100%;
  127. height:auto;
  128. display:block;
  129. }
  130.  
  131. pre {
  132. padding:0;
  133. margin:0;
  134. line-height:inherit!important;
  135. background:transparent;
  136. font-family:inherit!Important;
  137. font-size:inherit!important;
  138. white-space:pre-wrap;
  139. white-space:-moz-pre-wrap;
  140. white-space:-pre-wrap;
  141. white-space:-o-pre-wrap;
  142. word-wrap:break-word;
  143. }
  144.  
  145. /* Fix */
  146.  
  147. iframe, img, embed, object, video {
  148. max-width: 100%;
  149. border: none;
  150. }
  151.  
  152. input, textarea, select, a { outline: none; }
  153.  
  154. /* Headings */
  155.  
  156. h1, h2, h3, h4 {
  157. margin:1.5em;
  158. font-size:1.5em;
  159. padding:0;
  160. font-weight:bold;
  161. }
  162.  
  163. /* Paragraph */
  164.  
  165. p { margin:5px 0px;}
  166.  
  167. p:first-of-type { margin-top:0;}
  168.  
  169. p:last-of-type { margin-bottom:0;}
  170.  
  171. small, big, sub, pre {
  172. font-size:1em!important;
  173. line-height:1.4em!important;
  174. vertical-align:baseline!important;
  175. }
  176.  
  177. /* Bold and italic */
  178.  
  179. b, strong, b a, strong a {
  180. font-weight:bold!important;
  181. color:#333333;
  182. }
  183.  
  184. i, em {
  185. color: #555555;
  186. }
  187.  
  188. /* Links */
  189.  
  190. a {
  191. color:#333333;
  192. text-decoration:none;
  193. -webkit-transition: all 0.4s ease-in-out;
  194. -moz-transition: all 0.4s ease-in-out;
  195. -ms-transition: all 0.4s ease-in-out;
  196. -o-transition: all 0.4s ease-in-out;
  197. transition: all 0.4s ease-in-out;
  198. }
  199.  
  200. a, a img {cursor:pointer;}
  201.  
  202. a:hover {
  203. color:#D88552!important;
  204. text-decoration:none;
  205. }
  206.  
  207. ul, ol, li {
  208. margin: 5px 10px;
  209. padding: 0px;
  210. }
  211.  
  212. /* Line break */
  213.  
  214. hr {
  215. border:none;
  216. box-shadow:0px;
  217. margin-top:0px;
  218. margin-bottom:15px;
  219. margin-left:0px;
  220. width:40px;
  221. padding:0px;
  222. border-top:1px solid #D88552;
  223. }
  224.  
  225. /*------------ CONTAINER ------------*/
  226.  
  227. #container {
  228. position:fixed;
  229. top:50%;
  230. left:50%;
  231. width:500px;
  232. height:250px;
  233. z-index:100;
  234. overflow:hidden;
  235. -webkit-transform:translateX(-50%) translateY(-50%);
  236. -moz-transform:translateX(-50%) translateY(-50%);
  237. -ms-transform:translateX(-50%) translateY(-50%);
  238. -o-transform:translateX(-50%) translateY(-50%);
  239. transform:translateX(-50%) translateY(-50%);
  240. /* Container background */
  241. background:rgba(255,255,255,0.8);
  242. border-radius:2px;
  243. -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
  244. -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
  245. box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
  246. }
  247.  
  248. /* Avatar */
  249.  
  250. #avatar {
  251. position:absolute;
  252. bottom:10px;
  253. margin-left:10px;
  254. width:90px;
  255. height:90px;
  256. border-radius:100%;
  257. -webkit-transition: all 0.5s ease;
  258. -moz-transition: all 0.5s ease;
  259. -ms-transition: all 0.5s ease;
  260. -o-transition: all 0.5s ease;
  261. transition: all 0.5s ease;
  262. }
  263.  
  264. #avatar img{
  265. margin:0;
  266. width:100%;
  267. height:100%;
  268. border-radius:100%;
  269. }
  270.  
  271. /* Avatar on hover */
  272.  
  273. #avatar:hover {
  274. -webkit-transform: rotate(360deg);
  275. -moz-transform: rotate(360deg);
  276. -ms-transform: rotate(360deg);
  277. -o-transform: rotate(360deg);
  278. transform: rotate(360deg);
  279. }
  280.  
  281. /*-- PANEL --*/
  282.  
  283. .panel{
  284. position:absolute;
  285. top:60px;
  286. left:50px;
  287. width:250px;
  288. height:130px;
  289. font-size:15px;
  290. /* has moved to text */
  291. color:#765127;
  292. font-family:'Brutal Type', sans-serif;
  293. text-align:center;
  294. letter-spacing:3px;
  295. z-index:100;
  296. }
  297.  
  298. /* Urls */
  299.  
  300. #url1 {
  301. margin:10px 0;
  302. width:250px;
  303. height:30px;
  304. font-size:25px;
  305. line-height:30px;
  306. color:#333333;
  307. background: transparent;
  308. font-family:'Brutal Type', sans-serif;
  309. text-align:left;
  310. }
  311.  
  312. #url2 {
  313. margin:10px 0;
  314. width:250px;
  315. height:30px;
  316. font-size:25px;
  317. line-height:30px;
  318. color:#333333;
  319. background: transparent;
  320. font-family:'Brutal Type', sans-serif;
  321. text-align:right;
  322. }
  323.  
  324. #url2 a{
  325. color:#333333;
  326. }
  327.  
  328. /*-- SIDEBAR --*/
  329.  
  330. #sidebar {
  331. position:absolute;
  332. top:0px;
  333. left:350px;
  334. width:100px;
  335. height:250px;
  336. /* Sidebar background */
  337. background-color:#333333;
  338. background-image: URL('https://78.media.tumblr.com/5057fa7a8387adf7e6d2a97ba143e04e/tumblr_ozd0g59MI21w4d880o1_500.jpg');
  339. background-repeat:no-repeat;
  340. background-size:cover;
  341. z-index:100;
  342. -webkit-transition: all 0.5s ease;
  343. -moz-transition: all 0.5s ease;
  344. -ms-transition: all 0.5s ease;
  345. -o-transition: all 0.5s ease;
  346. transition: all 0.5s ease;
  347. }
  348.  
  349. /* Social icons */
  350.  
  351. #icons {
  352. margin-left:100px;
  353. width:50px;
  354. height:250px;
  355. text-align:center;
  356. overflow:hidden;
  357. /* Social icons background */
  358. background:rgba(255,255,255,0.8);
  359. }
  360.  
  361. #icons span {
  362. display:inline-block;
  363. height:20px;
  364. margin:10px 0px;
  365. margin-left:-2px;
  366. margin-right:-1px;
  367. padding:5px 10px;
  368. /* Social icons style */
  369. color:#765127;
  370. font-size:15px;
  371. line-height:25px;
  372. text-align:center;
  373. -webkit-transition: all 0.4s ease-in-out;
  374. -moz-transition: all 0.4s ease-in-out;
  375. -ms-transition: all 0.4s ease-in-out;
  376. -o-transition: all 0.4s ease-in-out;
  377. transition: all 0.4s ease-in-out;
  378. }
  379.  
  380. /* Main icons style on hover */
  381.  
  382. #icons span:hover {
  383. color:#333333;
  384. }
  385.  
  386. /*-- CREDIT --*/
  387.  
  388. #credit {
  389. position:fixed;
  390. top: 10px;
  391. right: 10px;
  392. width:25px;
  393. height:25px;
  394. z-index: 100000;
  395. }
  396.  
  397. #credit img{
  398. border: 1px solid #eeeeee;
  399. }
  400.  
  401. #credit img:hover{
  402. border: 1px solid #222222;
  403. }
  404.  
  405. /* --------------------------- Custom CSS -------------------------- */
  406.  
  407. {CustomCSS}
  408.  
  409. </style>
  410.  
  411. </head>
  412.  
  413. <body>
  414.  
  415. <div id="container">
  416.  
  417. <div id="avatar"><img src="{PortraitURL-128}"></div>
  418.  
  419. <div class="panel">
  420.  
  421. <div id="url1"> @oldurl</div>
  422.  
  423. <div id="description"> has moved to </div>
  424.  
  425. <div id="url2"><a href="https://">@newurl</a></div>
  426.  
  427. </div>
  428. <!--End panel-->
  429.  
  430. <div id="sidebar">
  431.  
  432. <div id="icons">
  433. <a href="https://" Title="google-plus"><span class="sf sf-google-plus"></span></a>
  434. <a href="https://" Title="facebook"><span class="sf sf-facebook"></span></a>
  435. <a href="https://" Title="pinterest"><span class="sf sf-pinterest"></span></a>
  436. <a href="https://" Title="twitter"><span class="sf sf-twitter"></span></a>
  437. <a href="https://" Title="youtube"><span class="sf sf-youtube"></span></a>
  438. </div>
  439. <!--End icons-->
  440.  
  441. </div>
  442. <!--End sidebar-->
  443.  
  444. </div>
  445. <!--End container-->
  446.  
  447.  
  448. <!-------------------------------- SCRIPTS -------------------------------->
  449.  
  450. <!--Google fonts-->
  451.  
  452. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Exo|Poiret+One|Montez|Exo" rel="stylesheet">
  453.  
  454. <!-- Saturn icons -->
  455.  
  456. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  457.  
  458. <!--Jquery-->
  459.  
  460. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  461.  
  462. <!-- CREDIT (do not remove) -->
  463.  
  464. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="page REDIRECT by @borntobewildcodes"><img src="http://i57.tinypic.com/301g6eg.jpg"></a></div>
  465.  
  466. </body>
  467. </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!