API tools faq
paste
Advertisement
sexmeluke

Navigation Page #3: Satellites

sexmeluke
Jul 21st, 2014
694
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.23 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 and pages are optimized for google chrome*********
  20.  
  21. • Don't remove or change the credit
  22.  
  23. • Don't use as a base code
  24.  
  25. • Only edit 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. ::-webkit-scrollbar {background-color:transparent; height:8px; width:5px}
  39. ::-webkit-scrollbar-thumb:vertical {background-color:#818181; height:10px;}
  40. ::-webkit-scrollbar-thumb:horizontal {background-color:#818181; height:8px!important}
  41.  
  42.  
  43. body {
  44.     background-image:url('{insert url here');
  45.     margin:0px;
  46.     background-color:transparent;
  47.     font-family:calibri;
  48.     font-size:12px;
  49.     padding:0px;
  50.     line-height:100%;
  51.     }  
  52.  
  53. a {
  54.     color:{color:link};
  55.     outline:none;
  56.     text-decoration:none;
  57.     -moz-transition-duration:0.5s;
  58.     -webkit-transition-duration:0.5s;
  59.     -o-transition-duration:0.5s;
  60.     }
  61.    
  62. a:hover {
  63.     color:{color:linkhover};
  64.     text-decoration:none;
  65.     -moz-transition-duration:0.5s;
  66.     -webkit-transition-duration:0.5s;
  67.     -o-transition-duration:0.5s;
  68.     }
  69.    
  70. #all{
  71.     margin-left:220px;
  72.     margin-top:20px;
  73.     width:1200px;
  74.     height:620px;
  75.     position:fixed;
  76.     }
  77.    
  78.    
  79. #wrap {
  80.     margin-left:0px;
  81.     margin-top:120px;
  82.     width:1200px;
  83.     height:520px;
  84.     position:fixed;
  85.     overflow-y:scroll;
  86.     }
  87.    
  88.      
  89. #side{
  90.     position:fixed;
  91.     height:200px;
  92.     width:10px;
  93.     margin-left:0px;
  94.     margin-top:50px;
  95.     }
  96.    
  97. #links {
  98.     position:fixed    
  99.     width:20px;
  100.     height:auto;
  101.     font-family:century gothic;
  102.     text-transform:none;
  103.     text-align:center;
  104.     margin-top:10px;
  105.     margin-left:10px;
  106.     padding: 5px;
  107.     border-left:3px solid #818181;
  108.     }
  109.    
  110. #links a {
  111.     width:20px;
  112.     height:30px;
  113.     line-height:30px;
  114.     text-align:center;
  115.     padding:3px;
  116.     font-size:12px;
  117.     color:#818181;
  118.     -webkit-transition: all 0.4s ease-in-out;
  119.     -moz-transition: all 0.4s ease-in-out;
  120.     -o-transition: all 0.4s ease-in-out;
  121.     -ms-transition: all 0.4s ease-in-out;
  122.     transition: all 0.4s ease-in-out;
  123.     }
  124.    
  125. #links a:hover {
  126.     color:#818181;
  127.     border-bottom:3px solid #818181;
  128.      -moz-transition: all 0.4s ease-in-out;
  129.     -o-transition: all 0.4s ease-in-out;
  130.     -ms-transition: all 0.4s ease-in-out;
  131.     }
  132.    
  133. #title {
  134.     font-family:ar decode;
  135.     font-size:90px;
  136.     margin-top:30px;
  137.     width:1200px;
  138.     height:38px;
  139.     text-align:center;
  140.     margin-left:0px;
  141.     position:fixed;
  142.     color:#A4A4A4;
  143.     z-index:1;
  144.     }
  145.    
  146.    
  147. #grouptitle {
  148.     padding:5px;
  149.     text-align:center;
  150.     font-family:ar decode;
  151.     color:#818181;
  152.     font-size:25px;
  153.     width:120px;
  154.     margin-left:135px;
  155.     margin-top:40px;
  156.     border-bottom:1px dotted #818181;
  157.    }
  158.    
  159.    
  160. #grouplinks {
  161.     width:120px;
  162.     height:163px;
  163.     margin-top:8px;
  164.     padding:7px;
  165.     margin-left:135px;
  166.     overflow-y:scroll;
  167.      }
  168.  
  169.  
  170. #grouplinks a {
  171.     font-family:century gothic;
  172.     display:block;
  173.     color:#818181;
  174.     font-size:9px;
  175.     padding:6px;
  176.     text-align:center;
  177.     letter-spacing:1px;
  178.     text-transform:uppercase;
  179.     margin-bottom:3px;
  180.     -moz-transition: all 0.4s ease-in-out;
  181.     -o-transition: all 0.4s ease-in-out;
  182.     -ms-transition: all 0.4s ease-in-out;
  183.     }
  184.  
  185. #grouplinks a:hover {
  186.     background:#818181;
  187.     color:#fff;
  188.     }
  189.  
  190. #taco {
  191.     font-size:8px;
  192.     font-family:times;
  193.     letter-spacing:1px;
  194.     -moz-transition-duration:0.5s;
  195.     -webkit-transition-duration:0.5s;
  196.     -o-transition-duration:0.5s;
  197.     }
  198.  
  199. #taco a {
  200.     background-color:#fff;
  201.     color:#A4A4A4;
  202.     padding:5px;
  203.     border:2px solid #ddd;
  204.     position:fixed;
  205.     right:7px;
  206.     bottom:10px
  207.     }    
  208.  
  209. #taco a:hover {
  210.     color:#fff;
  211.     background-color:#000;
  212.     border-radius:110px;
  213.     -moz-transition-duration:2s;
  214.     -webkit-transition-duration:2s;
  215.     -o-transition-duration:2s;
  216.     }
  217.  
  218.  
  219.    
  220.  
  221.  
  222. {CustomCSS}</style>
  223.  
  224.  
  225. </head>
  226. <body>
  227.  
  228. <div id="side">
  229. <div id="links">
  230.  
  231. <a href="/">Home</a>
  232. <a href="/ask">Ask</a>
  233. <a href="/submit">Submit</a>
  234. <a href="/archive">Archive</a>
  235. <a href="https://www.tumblr.com/dashboard">Dashboard</a>
  236.  
  237. </div></div>
  238.  
  239. <div id="all">
  240.  
  241. <div id="title">Navigation;</div>
  242.  
  243.  
  244. <div id="wrap">
  245. <table>
  246.  
  247. <!---- START OF ROW 1----------------------------------------->
  248.  
  249. <td><div id="grouptitle">Title</div>
  250. <div id="grouplinks">
  251.  
  252. <a href="/tagged/">link 1</a>
  253. <a href="/tagged/">link 2</a>
  254. <a href="/tagged/">link 3</a>
  255. <a href="/tagged/">link 4</a>
  256. <a href="/tagged/">link 5</a>
  257. <a href="/tagged/">link 6</a>
  258.  
  259. </div></td>
  260.  
  261.  
  262. <td><div id="grouptitle">Title</div>
  263. <div id="grouplinks">
  264.  
  265. <a href="/tagged/">link 1</a>
  266. <a href="/tagged/">link 2</a>
  267. <a href="/tagged/">link 3</a>
  268. <a href="/tagged/">link 4</a>
  269. <a href="/tagged/">link 5</a>
  270. <a href="/tagged/">link 6</a>
  271.  
  272. </div></td>
  273.  
  274.  
  275. <td><div id="grouptitle">Title</div>
  276. <div id="grouplinks">
  277.  
  278. <a href="/tagged/">link 1</a>
  279. <a href="/tagged/">link 2</a>
  280. <a href="/tagged/">link 3</a>
  281. <a href="/tagged/">link 4</a>
  282. <a href="/tagged/">link 5</a>
  283. <a href="/tagged/">link 6</a>
  284.  
  285. </div></td>
  286.  
  287.  
  288. <td><div id="grouptitle">Title</div>
  289. <div id="grouplinks">
  290.  
  291. <a href="/tagged/">link 1</a>
  292. <a href="/tagged/">link 2</a>
  293. <a href="/tagged/">link 3</a>
  294. <a href="/tagged/">link 4</a>
  295. <a href="/tagged/">link 5</a>
  296. <a href="/tagged/">link 6</a>
  297.  
  298. </div></td>
  299.  
  300.  
  301.  
  302. <!------ END OF ROW 1 ----------------------------------------->
  303.  
  304.  
  305. <!----- START OF ROW 2 ---------------------------------------->
  306. <tr>
  307.  
  308.  
  309. <td><div id="grouptitle">Title</div>
  310. <div id="grouplinks">
  311.  
  312. <a href="/tagged/">link 1</a>
  313. <a href="/tagged/">link 2</a>
  314. <a href="/tagged/">link 3</a>
  315. <a href="/tagged/">link 4</a>
  316. <a href="/tagged/">link 5</a>
  317. <a href="/tagged/">link 6</a>
  318.  
  319. </div></td>
  320.  
  321.  
  322. <td><div id="grouptitle">Title</div>
  323. <div id="grouplinks">
  324.  
  325. <a href="/tagged/">link 1</a>
  326. <a href="/tagged/">link 2</a>
  327. <a href="/tagged/">link 3</a>
  328. <a href="/tagged/">link 4</a>
  329. <a href="/tagged/">link 5</a>
  330. <a href="/tagged/">link 6</a>
  331.  
  332. </div></td>
  333.  
  334.  
  335. <td><div id="grouptitle">Title</div>
  336. <div id="grouplinks">
  337.  
  338. <a href="/tagged/">link 1</a>
  339. <a href="/tagged/">link 2</a>
  340. <a href="/tagged/">link 3</a>
  341. <a href="/tagged/">link 4</a>
  342. <a href="/tagged/">link 5</a>
  343. <a href="/tagged/">link 6</a>
  344.  
  345. </div></td>
  346.  
  347.  
  348. <td><div id="grouptitle">Title</div>
  349. <div id="grouplinks">
  350.  
  351. <a href="/tagged/">link 1</a>
  352. <a href="/tagged/">link 2</a>
  353. <a href="/tagged/">link 3</a>
  354. <a href="/tagged/">link 4</a>
  355. <a href="/tagged/">link 5</a>
  356. <a href="/tagged/">link 6</a>
  357.  
  358. </div></td>
  359.  
  360. <!---- END OF ROW 2 ----------------------------------------->
  361.  
  362.  
  363. <!--- To add another group, copy and paste from "START OF ROW 2" until "END OF ROW 2" and paste that full code after this message or before </table>----->
  364.  
  365. </table>
  366.  
  367. </div>
  368. </div>
  369.  
  370. <div id="taco">
  371. <a href="http://sexmeluke.tumblr.com">SML</a>
  372.                
  373. </body>
  374.    
  375. </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!