API tools faq
paste
Advertisement
shannonmichelleluv

Navigation

shannonmichelleluv
Jan 16th, 2014
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.32 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme navigation by http://shannonmichelleluv.tumblr.com/ (smluv) remember the rules & keep the credit
  3. -->
  4.  
  5. <head>
  6.  
  7.  
  8. </script>
  9.  
  10. <style type="text/css">
  11.  
  12. p {
  13. margin:0px;
  14. margin-top:0px;
  15. }
  16.  
  17.  
  18. body {
  19. padding: 0px;
  20. margin: 0px;
  21. color:#68a5c5;
  22. font-family: cafe;
  23. line-height:14px;
  24. font-size:8px;
  25. background-color: #fff;
  26. background-image:url();
  27. background-attachment: fixed;
  28. background-repeat: repeat;
  29. }
  30.  
  31.  
  32. a:link, a:active, a:visited{
  33. text-decoration: none;
  34. -webkit-transition: color 0.3s ease-out;
  35. -moz-transition: color 0.3s ease-out;
  36. transition: color 0.3s ease-out;
  37. color:#3a6b85;
  38. }
  39.  
  40. a:hover {
  41. font-style:;
  42. color: #aaaaaa;
  43. }
  44.  
  45. @-webkit-keyframes fadeIn {
  46. 0% {opacity: 0;}
  47. 100% {opacity: 1;}
  48. }
  49.  
  50. @-moz-keyframes fadeIn {
  51. 0% {opacity: 0;}
  52. 100% {opacity: 1;}
  53. }
  54.  
  55. @-o-keyframes fadeIn {
  56. 0% {opacity: 0;}
  57. 100% {opacity: 1;}
  58. }
  59.  
  60. @keyframes fadeIn {
  61. 0% {opacity: 0;}
  62. 100% {opacity: 1;}
  63. }
  64.  
  65. .fadeIn {
  66. -webkit-animation-name: fadeIn;
  67. -moz-animation-name: fadeIn;
  68. -o-animation-name: fadeIn;
  69. animation-name: fadeIn;
  70. }
  71.  
  72. @-webkit-keyframes fadeInLeft {
  73. 0% {
  74. opacity: 0;
  75. -webkit-transform: translateX(-20px);
  76. }
  77.  
  78. 100% {
  79. opacity: 1;
  80. -webkit-transform: translateX(0);
  81. }
  82. }
  83.  
  84. @-moz-keyframes fadeInLeft {
  85. 0% {
  86. opacity: 0;
  87. -moz-transform: translateX(-20px);
  88. }
  89.  
  90. 100% {
  91. opacity: 1;
  92. -moz-transform: translateX(0);
  93. }
  94. }
  95.  
  96. @-o-keyframes fadeInLeft {
  97. 0% {
  98. opacity: 0;
  99. -o-transform: translateX(-20px);
  100. }
  101.  
  102. 100% {
  103. opacity: 1;
  104. -o-transform: translateX(0);
  105. }
  106. }
  107.  
  108. @keyframes fadeInLeft {
  109. 0% {
  110. opacity: 0;
  111. transform: translateX(-20px);
  112. }
  113.  
  114. 100% {
  115. opacity: 1;
  116. transform: translateX(0);
  117. }
  118. }
  119.  
  120. .fadeInLeft {
  121. -webkit-animation-name: fadeInLeft;
  122. -moz-animation-name: fadeInLeft;
  123. -o-animation-name: fadeInLeft;
  124. animation-name: fadeInLeft;
  125. }
  126.  
  127. @-webkit-keyframes fadeInRight {
  128. 0% {
  129. opacity: 0;
  130. -webkit-transform: translateX(20px);
  131. }
  132.  
  133. 100% {
  134. opacity: 1;
  135. -webkit-transform: translateX(0);
  136. }
  137. }
  138.  
  139. @-moz-keyframes fadeInRight {
  140. 0% {
  141. opacity: 0;
  142. -moz-transform: translateX(20px);
  143. }
  144.  
  145. 100% {
  146. opacity: 1;
  147. -moz-transform: translateX(0);
  148. }
  149. }
  150.  
  151. @-o-keyframes fadeInRight {
  152. 0% {
  153. opacity: 0;
  154. -o-transform: translateX(20px);
  155. }
  156.  
  157. 100% {
  158. opacity: 1;
  159. -o-transform: translateX(0);
  160. }
  161. }
  162.  
  163. @keyframes fadeInRight {
  164. 0% {
  165. opacity: 0;
  166. transform: translateX(20px);
  167. }
  168.  
  169. 100% {
  170. opacity: 1;
  171. transform: translateX(0);
  172. }
  173. }
  174.  
  175. .fadeInRight {
  176. -webkit-animation-name: fadeInRight;
  177. -moz-animation-name: fadeInRight;
  178. -o-animation-name: fadeInRight;
  179. animation-name: fadeInRight;
  180. }
  181.  
  182.  
  183. #s-m-t-tooltip {
  184. max-width:200px;
  185. padding:6px 6px 6px 6px;
  186. margin:20px 0px 0px 20px;
  187. background: #68a5c5; /* change the background color */
  188. border:1px solid #f4eac6; /* change the border color */
  189. font-family:basket; /* change the font */
  190. font-size:10px; /* change the font size */
  191. letter-spacing:1px; /* change the letter spacing */
  192. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  193. text-align:center;
  194. color:#f4eac6; /* change the text color */
  195. z-index:9999;
  196. -webkit-border-radius: 5em 5em 10em 10em;
  197. -moz-border-radius: 5em 5em 10em 10em;
  198. border-radius: 5em 5em 10em 10em;
  199. -o-border-radius: 5em 5em 10em 10em;
  200. -moz-box-shadow:5px 1px 2px 1px #aaa;
  201. -webkit-box-shadow:5px 4px 2px 1px #aaa;
  202. box-shadow:1px 1px 2px 1px #aaa;
  203. }
  204.  
  205. ::-webkit-scrollbar-thumb:vertical {
  206. height:9px;
  207. background-color: #e9d9cd;
  208. border: 1px solid #94a3af;
  209. border-radius: 3px 3px 3px 3px;
  210. }
  211.  
  212. ::-webkit-scrollbar {
  213. width:5px;
  214. height:5px;
  215. background:#eee;
  216. margin-right:5px;
  217. }
  218.  
  219.  
  220. #back{
  221. position: fixed;
  222. width:525px;
  223. background-image:url(http://static.tumblr.com/5uvtpxx/Bvimpl8ku/light__1_.png);
  224. height:520px;
  225. margin-top:50px;
  226. margin-left:80px;
  227. z-index:6;
  228. box-shadow: 3px 3px 5px #aaa;
  229. padding:2px;
  230. border-radius: 5px 5px 5px 5px;
  231. -webkit-animation: fadeIn 1s;
  232. -moz-animation: fadeIn 1s;
  233. -o-animation: fadeIn 1s;
  234. animation: fadeIn 1s;
  235. }
  236.  
  237. #back2{
  238. position: fixed;
  239. width:235px;
  240. background:#fff;
  241. height:186px;
  242. margin-top:60px;
  243. margin-left:90px;
  244. z-index:7;
  245. border: double 4px #eee;
  246. border-radius: 5px 5px 5px 5px;
  247. font-family: cafe;
  248. font-size: 16px;
  249. text-align:center;
  250. line-height:30px;
  251. padding:2px;
  252. overflow: auto;
  253. -webkit-animation: fadeIn 1s;
  254. -moz-animation: fadeIn 1s;
  255. -o-animation: fadeIn 1s;
  256. animation: fadeIn 1s;
  257. }
  258.  
  259.  
  260. #back4{
  261. position: fixed;
  262. width:235px;
  263. background:#fff;
  264. height:186px;
  265. margin-top:60px;
  266. margin-left:350px;
  267. z-index:7;
  268. border: double 4px #eee;
  269. border-radius: 5px 5px 5px 5px;
  270. font-family: cafe;
  271. font-size: 16px;
  272. text-align:center;
  273. line-height:30px;
  274. padding:2px;
  275. overflow: auto;
  276. -webkit-animation: fadeIn 1s;
  277. -moz-animation: fadeIn 1s;
  278. -o-animation: fadeIn 1s;
  279. animation: fadeIn 1s;
  280. }
  281.  
  282.  
  283.  
  284. #back6{
  285. position: fixed;
  286. width:335px;
  287. background:#fff;
  288. height:186px;
  289. margin-top:183px;
  290. margin-left:784px;
  291. z-index:7;
  292. border: double 4px #eee;
  293. border-radius: 5px 5px 5px 5px;
  294. font-family: cafe;
  295. font-size: 16px;
  296. text-align:center;
  297. line-height:30px;
  298. padding:2px;
  299. overflow: auto;
  300. -webkit-animation: fadeIn 1s;
  301. -moz-animation: fadeIn 1s;
  302. -o-animation: fadeIn 1s;
  303. animation: fadeIn 1s;
  304. }
  305.  
  306.  
  307.  
  308. #back8{
  309. position: fixed;
  310. width:235px;
  311. background:#fff;
  312. height:256px;
  313. margin-top:273px;
  314. margin-left:90px;
  315. z-index:7;
  316. border: double 4px #eee;
  317. border-radius: 5px 5px 5px 5px;
  318. font-family: cafe;
  319. font-size: 16px;
  320. text-align:center;
  321. line-height:30px;
  322. padding:2px;
  323. overflow: auto;
  324. -webkit-animation: fadeIn 1s;
  325. -moz-animation: fadeIn 1s;
  326. -o-animation: fadeIn 1s;
  327. animation: fadeIn 1s;
  328. }
  329.  
  330. #back10{
  331. position: fixed;
  332. width:235px;
  333. background:#fff;
  334. height:256px;
  335. margin-top:273px;
  336. margin-left:354px;
  337. z-index:7;
  338. border: double 4px #eee;
  339. border-radius: 5px 5px 5px 5px;
  340. font-family: cafe;
  341. font-size: 16px;
  342. text-align:center;
  343. line-height:30px;
  344. padding:2px;
  345. overflow: auto;
  346. -webkit-animation: fadeIn 1s;
  347. -moz-animation: fadeIn 1s;
  348. -o-animation: fadeIn 1s;
  349. animation: fadeIn 1s;
  350. }
  351.  
  352. #back12{
  353. position: fixed;
  354. width:356px;
  355. height:186px;
  356. margin-top:273px;
  357. margin-left:774px;
  358. z-index:7;
  359. font-family: cafe;
  360. font-size: 16px;
  361. text-align:center;
  362. line-height:30px;
  363. padding:2px;
  364. color:#8ed0d5;
  365. -webkit-animation: fadeIn 1s;
  366. -moz-animation: fadeIn 1s;
  367. -o-animation: fadeIn 1s;
  368. animation: fadeIn 1s;
  369. }
  370.  
  371.  
  372.  
  373.  
  374. f{
  375. text-align:center;
  376. font-family:basket;
  377. font-size:20px;
  378. color: #94a3af;
  379. text-shadow: 2px 2px 3px #ccb8a9;
  380. letter-spacing:1px;
  381. }
  382.  
  383. g{
  384. font-family:basket;
  385. text-shadow: 1px 1px 3px #ccb8a9;
  386. color: #94a3af;
  387. font-size:14px;
  388. }
  389.  
  390. k{
  391. text-align:center;
  392. font-family:basket;
  393. font-size:30px;
  394. line-height:36px;
  395. color: #94a3af;
  396. text-shadow: 2px 2px 3px #ccb8a9;
  397. letter-spacing:1px;
  398. }
  399.  
  400. .keep{
  401. background:white;
  402. padding:5px;
  403. letter-spacing:1px;
  404. font-size:9px;
  405. font-family:calibri;
  406. text-transform:uppercase;
  407. color:#aaaaaa;
  408. border-right: 2px solid #aaaaaa;
  409. border-left:2px solid #aaaaaa;
  410. }
  411.  
  412. @font-face { font-family: "cafe"; src: url('http://static.tumblr.com/kjq4nx5/kQOmo5hnn/caf_____brewery.ttf'); }
  413.  
  414. @font-face {font-family:Aderyn;src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  415.  
  416. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  417.  
  418.  
  419. </style>
  420.  
  421. <title>{title}</title>
  422.  
  423. <link rel="shortcut icon" href="{Favicon}" />
  424. <meta name="viewport" content="width=800" />
  425. </head>
  426.  
  427. <body onkeydown="return false;" ondragstart="return false;">
  428.  
  429. <div class="wrapper">
  430. <div class="header">
  431. </div>
  432.  
  433. <div id="cage">
  434. <div id="center">
  435.  
  436.  
  437.  
  438. <div id="faqback"></div>
  439.  
  440. <!--THIS IS THE FIRST BOX, YOU CAN RENAME FRIENDS IF YOU LIKE! REPLACE / WITH THE URL LINK, AND REPLACE LINK NAME HERE WITH WHAT YOU WANT THE LINK TO BE NAMED-->
  441. <div id="back"></div>
  442. <div id="back2">
  443. <div style="padding-top:10px;"></div>
  444. <p><f>Social Media</f></p>
  445. <a href="/">Link name here</a><br>
  446. <a href="/">Link name here</a><br>
  447. <a href="/">Link name here</a><br>
  448. <a href="/">Link name here</a><br>
  449. <a href="/">Link name here</a><br>
  450.  
  451. </div>
  452.  
  453. <!--THIS IS THE SECOND BOX, YOU CAN RENAME ETC IF YOU LIKE! REPLACE / WITH THE URL LINK, AND REPLACE LINK NAME HERE WITH WHAT YOU WANT THE LINK TO BE NAMED-->
  454. <div id="back3"></div>
  455. <div id="back4">
  456. <div style="padding-top:10px;"></div>
  457. <p><f>More</f></p>
  458. <a href="/">Link name here</a><br>
  459. <a href="/">Link name here</a><br>
  460. <a href="/">Link name here</a><br>
  461. <a href="/">Link name here</a><br>
  462. <a href="/">Link name here</a><br>
  463. </div>
  464.  
  465.  
  466. <!--THIS IS THE FOURTH BOX, YOU CAN RENAME TAGS IF YOU LIKE! REPLACE / WITH THE URL LINK, AND REPLACE LINK NAME HERE WITH WHAT YOU WANT THE LINK TO BE NAMED-->
  467. <div id="back7"></div>
  468. <div id="back8">
  469. <div style="padding-top:10px;"></div>
  470. <p><f>Friends</f></p>
  471. <a href="/">Link name here</a><br>
  472. <a href="/">Link name here</a><br>
  473. <a href="/">Link name here</a><br>
  474. <a href="/">Link name here</a><br>
  475. <a href="/">Link name here</a><br>
  476. <a href="/">Link name here</a><br>
  477. <a href="/">Link name here</a><br>
  478. <a href="/">Link name here</a><br>
  479. <a href="/">Link name here</a><br>
  480. <a href="/">Link name here</a><br>
  481. </div>
  482.  
  483. <div id="back10"></div>
  484. <div id="back10">
  485. <div style="padding-top:10px;"></div>
  486. <p><f>Tags</f></p>
  487. <a href="/">Link name here</a><br>
  488. <a href="/">Link name here</a><br>
  489. <a href="/">Link name here</a><br>
  490. <a href="/">Link name here</a><br>
  491. <a href="/">Link name here</a><br>
  492. <a href="/">Link name here</a><br>
  493. <a href="/">Link name here</a><br>
  494. <a href="/">Link name here</a><br>
  495. <a href="/">Link name here</a><br>
  496. <a href="/">Link name here</a><br>
  497. </div>
  498.  
  499.  
  500. <div id="back11"></div>
  501. <div id="back12">
  502. <k></br><a href="/">Home </a><br><br>
  503. <a href="http://www.tumblr.com/dashboard">Dashboard </a><br><br>
  504. <a href="/ask">Ask </a><br><br>
  505. <a href="http://shansthemes.tumblr.com/">Credit</a>
  506. <br>
  507. </k>
  508. </div>
  509. <center>
  510. <!------------------------------------->
  511. <div style="position:fixed; font-family:basket; font-size: 8px; bottom:5px; right:5px; padding: 7px; background: #fff; border-radius: 0px; border: 1px double #ddd;">
  512. <shan></shan> <a href="http://shannonmichelleluv.tumblr.com/">smluv</a>
  513.  
  514. <div style="position:fixed; bottom: 0px; right: 0px;">
  515. <a href="/" target="_blank"><img src="http://static.tumblr.com/4abdab4fa96a456d80ee57d7b0d7802d/2wwi2fe/gcnms2871/tumblr_static_tumblr_static_transparent4.png"></a>
  516. </body>
  517.  
  518. </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!