API tools faq
paste
sexmeluke

Navigation Page #1: Lips- SEXMELUKE

sexmeluke
Feb 18th, 2014
1,449
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8.  
  9. <!-----------------------------------------------------------------
  10.  
  11.                     PAGE BY
  12.       ╭━━━┳━━━┳━╮╭━┳━╮╭━┳━━━┳╮╱╱╭╮╱╭┳╮╭━┳━━━╮
  13.       ┃╭━╮┃╭━━┻╮╰╯╭┫┃╰╯┃┃╭━━┫┃╱╱┃┃╱┃┃┃┃╭┫╭━━╯
  14.       ┃╰━━┫╰━━╮╰╮╭╯┃╭╮╭╮┃╰━━┫┃╱╱┃┃╱┃┃╰╯╯┃╰━━╮
  15.       ╰━━╮┃╭━━╯╭╯╰╮┃┃┃┃┃┃╭━━┫┃╱╭┫┃╱┃┃╭╮┃┃╭━━╯
  16.       ┃╰━╯┃╰━━┳╯╭╮╰┫┃┃┃┃┃╰━━┫╰━╯┃╰━╯┃┃┃╰┫╰━━╮
  17.       ╰━━━┻━━━┻━╯╰━┻╯╰╯╰┻━━━┻━━━┻━━━┻╯╰━┻━━━╯
  18.  
  19. ******** All themes are optimized for google chrome*********
  20.  
  21. • Don't remove or change the credit
  22.  
  23. • Don't use my themes as a base code
  24.  
  25. • Only edit my themes for personal use
  26.  
  27. • Send me an ask if you need help
  28.  
  29. • Send me an ask OFF ANON!
  30. ------------------------------------------------------------------------>
  31.  
  32.  
  33.  
  34. <head>
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39.  
  40.  
  41. body {
  42.     margin:0px;
  43.     background-color:white ;
  44.     font-family:times;
  45.     font-size:12px;
  46.     padding:5px;
  47.     line-height:100%;
  48. }  
  49.  
  50.  
  51.  
  52. a {
  53. color:white;
  54. text-decoration:none;
  55. outline:none;
  56. opacity:1;
  57. font-family: Calibri;
  58. font-size:11px;
  59. -webkit-transition: all 0.8s;
  60. -moz-transition: all 0.8s;
  61. transition: all 0.8s;
  62. }
  63.  
  64. a:hover {
  65. color:#FE2E9A;
  66. -webkit-transition: all 0.8s;
  67. -moz-transition: all 0.8s;
  68. transition: all 0.8s;
  69. }
  70.  
  71.  
  72.  
  73.  
  74.  
  75. #sidebar{
  76.     margin-left:0px;
  77.     height:820px;
  78.     width:300px;
  79.     background-color:black;
  80.     position:fixed;
  81.     padding:10px;
  82.    
  83.    
  84. }
  85.  
  86.  
  87.  
  88.  
  89.  #sidebarpicture img {
  90.     width:200px;
  91.     height:200px;
  92.     margin-left:45px;
  93.     margin-top:60px;
  94.     padding:2px;
  95.     position:fixed;
  96.  
  97.     z-index:1;
  98.       border-radius:200px;
  99.     background:#000;
  100.     -moz-transition-duration:1s;
  101.     -webkit-transition-duration:1s;
  102.     -o-transition-duration:1s;
  103.     }
  104.    
  105.     #sidebar:hover #sidebarpicture img {
  106.        
  107.     -ms-transform: rotate(360deg);
  108.     -webkit-transform: rotate(360deg);
  109.     -o-transform: rotate(360deg);
  110.     -moz-transform: rotate(360deg);
  111.     opacity:1;
  112.      border-radius:200px;
  113.     -moz-transition-duration:1s;
  114.     -webkit-transition-duration:1s;
  115.     -o-transition-duration:1s;
  116.     }
  117.    
  118.      #sidebarpicture2 img {
  119.     width:200px;
  120.     height:200px;
  121.     margin-left:40px;
  122.     margin-top:500px;
  123.     padding:2px;
  124.     position:fixed;
  125.  
  126.      border-radius:200px;
  127.     z-index:1;
  128.     background:#000;
  129.     -moz-transition-duration:1s;
  130.     -webkit-transition-duration:1s;
  131.     -o-transition-duration:1s;
  132.     }
  133.    
  134.     #sidebar:hover #sidebarpicture2 img {
  135.     -ms-transform: rotate(360deg);
  136.     -webkit-transform: rotate(360deg);
  137.     -o-transform: rotate(360deg);
  138.     -moz-transform: rotate(360deg);
  139.     opacity:1;
  140.      border-radius:200px;
  141.     -moz-transition-duration:1s;
  142.     -webkit-transition-duration:1s;
  143.     -o-transition-duration:1s;
  144.     }
  145.    
  146. #links{
  147.     margin-top:354px;
  148.     margin-left:45px;
  149.     height:25px;
  150.     width:200px;
  151.     color:white;
  152.     text-transform:none;
  153.     text-align:center;
  154.     font-family:vivaldi;
  155.     font-size:30px;
  156.     position:fixed;
  157.     border-bottom:1px solid white;
  158.     padding:2px;
  159. }
  160.  
  161. #linkers{
  162.     margin-top:15px;
  163.     margin-left:0px;
  164.     height:5px;
  165.     width:200px;
  166.     color:white;
  167.     text-transform:uppercase;
  168.     text-align:center;
  169.     font-family:calibri;
  170.     font-size:15px;
  171.     position:fixed;
  172.     padding:2px;
  173. }
  174.  
  175.  
  176. #wrap{
  177.     width:1000px;
  178.     height:810px;
  179.     background-color: transparent;
  180.     margin-left:400px;
  181.     margin-top:0px;
  182.     position:fixed;
  183. }
  184.  
  185.  
  186. .linksett a {
  187. text-decoration:none;
  188. background:#ffffff;
  189. border:0px solid #ffffff;
  190. padding:7px;
  191. width:165px;
  192. margin-top:3px;
  193. margin-left:70px;
  194. display:inline-block;
  195. color:#000000;
  196. text-align:center;
  197. text-transform:uppercase;
  198.  border-radius:50px;
  199. }
  200.  
  201. .linksett a:hover {
  202. background:#2E2E2E;
  203. color:#ffffff;
  204. -webkit-transition: all 0.3s ease-in-out;
  205. -moz-transition: all 0.3s ease-in-out;
  206. -o-transition: all 0.3s ease-in-out;
  207. -ms-transition: all 0.3s ease-in-out;
  208. transition: all 0.3s ease-in-out;
  209. }
  210.  
  211. #linktitles{
  212.     width:178px;
  213.     height:30px;
  214.     margin-top:40px;
  215.     margin-left:70px;
  216.     font-family:vivaldi;
  217.     text-transform: none;
  218.     font-style:italic;
  219.     font-size:26px;
  220.     text-align:center;
  221.     color:white;
  222.     background-color:black;
  223.     padding-top:18px;
  224.     font-weight:bold;
  225.     opacity:0.9;
  226.    
  227.    
  228. }
  229.  
  230. #taco {
  231.     font-size:8px;
  232.     font-family:times;
  233.     letter-spacing:1px;
  234.     -moz-transition-duration:0.5s;
  235.     -webkit-transition-duration:0.5s;
  236.     -o-transition-duration:0.5s;
  237.     }
  238.  
  239.  #taco a {
  240.     background-color:#fff;
  241.     color:#a8a8a8;
  242.     padding:5px;
  243.     border:2px solid #ddd;
  244.     position:fixed;
  245.     right:7px;
  246.     bottom:10px
  247.     }    
  248.  
  249.  
  250. #taco a:hover {
  251.     color:#fff;
  252.     background-color:#000;
  253.     border-radius:110px;
  254.     -moz-transition-duration:2s;
  255.     -webkit-transition-duration:2s;
  256.     -o-transition-duration:2s;
  257.     }
  258.    
  259.    
  260.  
  261.  
  262. {CustomCSS}</style>
  263.  
  264.  
  265. </head>
  266. <body>
  267.  
  268.  
  269. <div id="sidebar">
  270.  
  271. <div id="sidebarpicture">
  272.  
  273. <!------ CHANGE SIDEBAR PICTURE #1 HERE --------->
  274. <img src="http://media.tumblr.com/917505e1111b33f943bfac16ae150ca6/tumblr_inline_mmr0mg12XB1rikao3.png"></div>
  275.  
  276.  
  277. <div id="sidebarpicture2">
  278.  
  279. <!-------- CHANGE SIDEBAR PICTURE #2 HERE-------->
  280. <img src="http://media.tumblr.com/8da29d4099547b0c1470f9d495c6162f/tumblr_inline_mmr0opmoZG1rikao3.png"></div>
  281.  
  282.  
  283. <div id="links">Navigation; <!-------- CHANGE SIDEBAR TITLE HERE --->
  284.  
  285.  
  286. <div id="linkers">
  287.  
  288. <!--- CHANGE NAVIGATION LINKS HERE --->
  289.     <a href="/">Home</a>
  290.     <a href="/ask">Ask</a>
  291.     <a href="/submit">Submit</a>
  292.     <a href="/archive">Archive</a>
  293.  
  294. </div> </div>
  295. </div>
  296.  
  297. <div id="wrap">
  298.  
  299. <!--- BEGINNING OF FIRST ROW --->
  300.  
  301. <table>
  302. <tr>
  303. <td>
  304. <div class="linksett">
  305. <div id= "linktitles">Title<!-- CHANGE TAG TITLES HERE--></div>
  306.  
  307.  
  308. <!--CUSTOMIZE YOUR LINKS BELOW-->
  309. <a href="/">LINK</a>
  310. <a href="/">LINK</a>
  311. <a href="/">LINK</a>
  312. <a href="/">LINK</a>
  313. <a href="/">LINK</a>
  314.  
  315.  
  316. </div>
  317. </td>
  318. <td>
  319.  
  320. <div class="linksett">
  321. <div id= "linktitles">Title</div>
  322.  
  323. <a href="/">LINK</a>
  324. <a href="/">LINK</a>
  325. <a href="/">LINK</a>
  326. <a href="/">LINK</a>
  327. <a href="/">LINK</a>
  328.  
  329. </div>
  330.  
  331. </td>
  332. <td>
  333.  
  334. <div class="linksett">
  335. <div id= "linktitles">Title</div>
  336.  
  337. <a href="/">LINK</a>
  338. <a href="/">LINK</a>
  339. <a href="/">LINK</a>
  340. <a href="/">LINK</a>
  341. <a href="/">LINK</a>
  342.  
  343. </div>
  344.  
  345. </td>
  346. </tr>
  347. <!--- END OF FIRST ROW --->
  348.  
  349.  
  350. <!--- BEGINNING OF SECOND ROW --->
  351.  
  352. <tr>
  353. <td>
  354. <div class="linksett">
  355. <div id= "linktitles">Title</div>
  356.  
  357. <a href="/">LINK</a>
  358. <a href="/">LINK</a>
  359. <a href="/">LINK</a>
  360. <a href="/">LINK</a>
  361. <a href="/">LINK</a>
  362.  
  363.  
  364. </div>
  365. </td>
  366. <td>
  367.  
  368. <div class="linksett">
  369. <div id= "linktitles">Title</div>
  370.  
  371. <a href="/">LINK</a>
  372. <a href="/">LINK</a>
  373. <a href="/">LINK</a>
  374. <a href="/">LINK</a>
  375. <a href="/">LINK</a>
  376.  
  377. </div>
  378.  
  379. </td>
  380. <td>
  381.  
  382. <div class="linksett">
  383. <div id= "linktitles">Title</div>
  384.  
  385. <a href="/">LINK</a>
  386. <a href="/">LINK</a>
  387. <a href="/">LINK</a>
  388. <a href="/">LINK</a>
  389. <a href="/">LINK</a>
  390.  
  391. </div>
  392.  
  393. </td>
  394. </tr>
  395. <!--- END OF SECOND ROW --->
  396.  
  397.  
  398. <!--- BEGINNING OF THIRD ROW --->
  399.  
  400.  
  401. <tr>
  402. <td>
  403. <div class="linksett">
  404. <div id= "linktitles">Title</div>
  405.  
  406. <a href="/">LINK</a>
  407. <a href="/">LINK</a>
  408. <a href="/">LINK</a>
  409. <a href="/">LINK</a>
  410. <a href="/">LINK</a>
  411.  
  412.  
  413. </div>
  414. </td>
  415. <td>
  416.  
  417. <div class="linksett">
  418. <div id= "linktitles">Title</div>
  419.  
  420. <a href="/">LINK</a>
  421. <a href="/">LINK</a>
  422. <a href="/">LINK</a>
  423. <a href="/">LINK</a>
  424. <a href="/">LINK</a>
  425.  
  426. </div>
  427.  
  428. </td>
  429. <td>
  430.  
  431. <div class="linksett">
  432. <div id= "linktitles">Title</div>
  433.  
  434. <a href="/">LINK</a>
  435. <a href="/">LINK</a>
  436. <a href="/">LINK</a>
  437. <a href="/">LINK</a>
  438. <a href="/">LINK</a>
  439.  
  440. </div>
  441.  
  442. </td>
  443. </tr>
  444. </table>
  445. </div>
  446.  
  447. <!-- END OF THIRD ROW --->
  448.  
  449.  
  450. <div id="taco">
  451. <a href="http://sexmeluke.tumblr.com">SML</a>
  452.                 </div>
  453. </body>
  454.    
  455. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!