API tools faq
paste
sexmeluke

Theme Page #1: Daisies

sexmeluke
Jul 4th, 2014
385
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.05 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.  
  3.  <!-----------------------------------------------------------------
  4.  
  5.                 THEMES BY
  6.   ╭━━━┳━━━┳━╮╭━┳━╮╭━┳━━━┳╮╱╱╭╮╱╭┳╮╭━┳━━━╮
  7.   ┃╭━╮┃╭━━┻╮╰╯╭┫┃╰╯┃┃╭━━┫┃╱╱┃┃╱┃┃┃┃╭┫╭━━╯
  8.   ┃╰━━┫╰━━╮╰╮╭╯┃╭╮╭╮┃╰━━┫┃╱╱┃┃╱┃┃╰╯╯┃╰━━╮
  9.   ╰━━╮┃╭━━╯╭╯╰╮┃┃┃┃┃┃╭━━┫┃╱╭┫┃╱┃┃╭╮┃┃╭━━╯
  10.   ┃╰━╯┃╰━━┳╯╭╮╰┫┃┃┃┃┃╰━━┫╰━╯┃╰━╯┃┃┃╰┫╰━━╮
  11.   ╰━━━┻━━━┻━╯╰━┻╯╰╯╰┻━━━┻━━━┻━━━┻╯╰━┻━━━╯
  12.  
  13. ******** All themes are optimized for google chrome*********
  14.  
  15. • Don't remove or change the credit
  16.  
  17. • Don't use my themes as a base code
  18.  
  19. • Only edit my themes for personal use
  20.  
  21. • Send me an ask if you need help
  22.  
  23. • Send me an ask OFF ANON!- I can help you better that way
  24. ------------------------------------------------------------------------>
  25.  
  26.  
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29. <head>
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32.  
  33.  
  34.  
  35. <meta name="color:sidebarbackground" content="#8dd7bc">
  36. <meta name="color:title" content-"#fff">
  37. <meta name="color:title shadow" content-"#000">
  38. <meta name="color:link" content="#fff">
  39. <meta name="color:linkhover" content-"#a0a0a0">
  40. <meta name="color:description" content-"fff">
  41. <meta name="color:description border" content-"#4a7364">
  42. <meta name="color:previewboxes" content="#8dd7bc">
  43. <meta name="color:background" content="#fff">
  44. <meta name="color:scrollbar" content="#a0a0a0">
  45.  
  46.  
  47. <meta name="text:link1" content="link1">
  48. <meta name="text:link1 url" content="/">
  49. <meta name="text:link2" content="link2">
  50. <meta name="text:link2 url" content="/">
  51. <meta name="text:link3" content="link3">
  52. <meta name="text:link3 url" content="/">
  53. <meta name="text:link4" content="link4">
  54. <meta name="text:link4 url" content="/">
  55. <meta name="text:link5" content="link5">
  56. <meta name="text:link5 url" content="/">
  57.  
  58.  
  59. <style type="text/css">
  60.      
  61.    
  62. /* --- SCROLLBAR ---*/
  63.  
  64.  ::-webkit-scrollbar {
  65. width: 7px;height: 1px;}
  66. ::-webkit-scrollbar-button:start:decrement,
  67. ::-webkit-scrollbar-button:end:increment {
  68. height: 5px;display: block;background-color: {color:purple};}
  69. ::-webkit-scrollbar-track-piece {
  70. background-color: {color:purple};}
  71. ::-webkit-scrollbar-thumb:vertical {
  72. height: 5px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  73.  
  74.  
  75. /* --- BODY ---*/
  76.  
  77. body {
  78.     margin:0px;
  79.       background-color:{color:background};
  80.     font-family:times;
  81.     font-size:12px;
  82.     padding:0px;
  83.     line-height:100%;
  84. }  
  85.  
  86. a {
  87.     color:black;
  88.     text-decoration:none;
  89.     opacity:1;
  90.     font-family: Calibri;
  91.     font-size:11px;
  92.     -webkit-transition: all 0.8s;
  93.     -moz-transition: all 0.8s;
  94.     transition: all 0.8s;
  95. }
  96.  
  97. a:hover {
  98.     color:#FE2E9A;
  99.     -webkit-transition: all 0.8s;
  100.     -moz-transition: all 0.8s;
  101.     transition: all 0.8s;
  102. }
  103.  
  104.  
  105. #all {
  106.     overflow-y:scroll;
  107.     position:fixed;
  108.     width: 900px;
  109.     height:777px;
  110.     padding:4px;
  111.     margin-left:500px;
  112.     margin-top:10px;
  113.     background-color:{color:background};
  114. }
  115.  
  116. #box {
  117.     padding-bottom:5px;
  118.     padding:10px;
  119.     margin-left:10px;
  120.     margin-top:-185px;
  121.     display:inline-block;
  122.     margin-bottom:40px;
  123. }
  124.  
  125. #title{
  126.     margin-top:190px;
  127.     margin-left:-0px;
  128.     font-family:calibri;
  129.     width:20px;
  130.     height:9px;
  131.     font-size:13px;
  132.     font-weight:bold;
  133.     letter-spacing:2px;
  134.     text-align:center;
  135.     text-transform:uppercase;
  136.     color:red;
  137.     font-weight:bold;
  138.     background-color:white;
  139.     padding:6px;
  140. }
  141.  
  142. #title2 {
  143.     margin-top:-21px;
  144.     margin-left:0px;
  145.     font-family:calibri;
  146.     width:244px;
  147.     font-weight:bold;
  148.     font-size:12px;
  149.     letter-spacing:2px;
  150.     text-align:right;
  151.     text-transform:uppercase;
  152.     color:#fff;
  153.     background-color:{color:previewboxes};
  154.     padding:6px;
  155. }
  156.  
  157. #title2 a {
  158.     opacity:1;
  159. }
  160.  
  161.  
  162. #linkys {
  163.     position:absolute;
  164.     text-align:center;
  165.     margin-top:-2px;
  166.     font-family:calibri;
  167.     letter-spacing:1px;
  168.     background-color:{color:previewboxes};
  169.     font-size:12px;
  170.     text-transform:uppercase;
  171.     padding:6px;
  172.     width:244px;
  173.     z-index:9999;
  174.     font-weight:bold;
  175.  
  176. }
  177.  
  178. #linkys a {
  179.     padding-left:15px;
  180.     padding-right:15px;
  181.     color:{color:link};
  182.    
  183. }
  184.  
  185.  
  186. #linkys a:hover {
  187.     color:{color:link};
  188.     opacity:1;
  189.     width:50px;
  190.     background-color:{color:linkhover};
  191.    
  192. }
  193.  
  194.  
  195. #box img {
  196.     width:230px;
  197.     height:160px;
  198.     border-left:8px solid {color:previewboxes};
  199.     border-right:8px solid {color:previewboxes};
  200.     padding:5px;
  201.     margin-top:0px;
  202. }
  203.  
  204. #sidebar{
  205.     margin-top:0px;
  206.     margin-left:0px;
  207.     position:fixed;
  208.     height:795px;
  209.     width:420px;
  210.     color:white;
  211.     background-color:{color:sidebarbackground};
  212.     padding:10px;
  213.     font-family:century gothic;
  214.     text-transform:none;
  215.     font-size:18px;
  216.     text-align:center;
  217.     border-right: double 7px {color:background};
  218. }
  219.  
  220.  #maintitle{
  221.      margin-top:0px;
  222.      margin-left:0px;
  223.      height:auto;
  224.      width:410px;
  225.      background-color:transparent;
  226.      position:fixed;
  227.      font-size:80px;
  228.      padding:10px;
  229.      line-height:100%;
  230.      color:{color:title};
  231.      font-family:century gothic;
  232.      text-shadow: 2px 2px 3px {color:title shadow} ;
  233. }
  234.  
  235. #links {
  236.     position:fixed;
  237.     color:{color:link};
  238.     width:360px;
  239.     margin-left:20px;
  240.     margin-top:250px;
  241.     padding:2px;
  242.     height:auto;
  243.     text-transform:uppercase;
  244.     font-family:century gothic;
  245.     letter-spacing:1px;
  246.     font-style:none;
  247.     text-align:left;
  248.     background-color:transparent;
  249.     border-bottom:4px solid {color:link};
  250.     border-top:4px solid {color:link};
  251.     line-height:200%;
  252.    
  253.     }
  254.  
  255. #links a {
  256.     color:{color:link};
  257.     letter-spacing:1px;
  258.     font-family:calibri;
  259.     font-size:12px;
  260.     width:150px;
  261.     padding:6px;
  262.     font-weight:bold;
  263.     margin-top:2px;
  264.     text-align:center;
  265.  
  266.     -moz-transition-duration:1s;
  267.     -webkit-transition-duration:1s;
  268.     -o-transition-duration:1s;
  269. }
  270.  
  271. #links a:hover {
  272.     color:{color:link};
  273.     width:150px;
  274.     font-weight:bold;
  275.     background-color:{color:linkhover};
  276.    
  277.     -moz-transition-duration:.4s;
  278.     -webkit-transition-duration:.4s;
  279.     -o-transition-duration:.4s;
  280. }
  281.  
  282.  
  283. #description{
  284.     margin-top:30px;
  285.     margin-left:0px;
  286.     position:fixed;
  287.     height:auto;
  288.     width:325px;
  289.     color:{color:description};
  290.     background-color:transparent;
  291.     padding:11px;
  292.     font-family:calibri;
  293.     text-transform:none;
  294.     font-size:15px;
  295.     text-align:left;
  296.     line-height:100%;
  297.     border: double 5px {color:description border};
  298. }
  299.  
  300. #description a{
  301.     color:{color:link};
  302. }
  303.  
  304. #description a:hover{
  305.     color:{color:link};
  306.     background-color:{color:linkhover};
  307. }
  308.  
  309. #taco {
  310.     font-size:8px;
  311.     font-family:century gothic;
  312.     letter-spacing:1px;
  313.    
  314.     -moz-transition-duration:0.5s;
  315.     -webkit-transition-duration:0.5s;
  316.     -o-transition-duration:0.5s;
  317. }
  318.  
  319. #taco a {
  320.     background-color:#fff;
  321.     color:#A4A4A4;
  322.     padding:5px;
  323.     border:2px solid #ddd;
  324.     position:fixed;
  325.     right:7px;
  326.     bottom:10px
  327.    
  328. }    
  329.  
  330. #taco a:hover {
  331.     color:#fff;
  332.     background-color:#000;
  333.     border-radius:110px;
  334.    
  335.     -moz-transition-duration:2s;
  336.     -webkit-transition-duration:2s;
  337.     -o-transition-duration:2s;
  338. }
  339.  
  340.      
  341. {CustomCSS}</style>
  342.    
  343. </head><body>
  344.  
  345.  
  346.  
  347. <div id="sidebar">
  348. <div id="maintitle">{Title}</div> <br> <br>
  349.  
  350.  
  351. <div id="links">
  352. <a href="{text:link1 url}">{text:link1}</a>
  353. <a href="{text:link2 url}">{text:link2}</a>
  354. <a href="{text:link3 url}">{text:link3}</a>
  355. <a href="{text:link4 url}">{text:link4}</a>
  356. <a href="{text:link5 url}">{text:link5}</a>
  357.  
  358.  
  359. <div id="description">
  360. Add any descriptions or rules here.
  361.  
  362.  
  363. </div>
  364. </div>
  365. </div>
  366.  
  367.  
  368.  
  369.  
  370.  
  371.  
  372. <!--
  373. preview picture size:
  374.  
  375. width:230px;
  376. height:160px;  -->
  377.  
  378.  <div id="all">
  379.  
  380.  <!----------------------------------------------------------->
  381.  
  382. <div id="box">
  383. <div id="title">new</div>
  384. <div id="title2">coming soon</div>
  385. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  386. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  387.  
  388. <div id="box">
  389. <div id="title">new</div>
  390. <div id="title2">coming soon</div>
  391. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  392. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  393.  
  394.  
  395. <div id="box">
  396. <div id="title">new</div>
  397. <div id="title2">coming soon</div>
  398. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  399. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  400.  
  401. <div id="box">
  402. <div id="title"></div>
  403. <div id="title2">coming soon</div>
  404. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  405. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  406.  
  407.  
  408. <div id="box">
  409. <div id="title"></div>
  410. <div id="title2">coming soon</div>
  411. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  412. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  413.  
  414. <div id="box">
  415. <div id="title"></div>
  416. <div id="title2">coming soon</div>
  417. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  418. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  419. <div id="box">
  420. <div id="title"></div>
  421. <div id="title2">coming soon</div>
  422. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  423. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  424.  
  425.  
  426. <div id="box">
  427. <div id="title"></div>
  428. <div id="title2">coming soon</div>
  429. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  430. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  431.  
  432. <div id="box">
  433. <div id="title"></div>
  434. <div id="title2">coming soon</div>
  435. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  436. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  437. <div id="box">
  438. <div id="title"></div>
  439. <div id="title2">coming soon</div>
  440. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  441. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  442.  
  443.  
  444. <div id="box">
  445. <div id="title"></div>
  446. <div id="title2">coming soon</div>
  447. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  448. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  449.  
  450. <div id="box">
  451. <div id="title"></div>
  452. <div id="title2">coming soon</div>
  453. <img src="https://38.media.tumblr.com/09548867c01596b1f8aaca9c3cea2778/tumblr_n87d18ccWZ1sbxov9o2_r1_250.jpg">
  454. <div id="linkys"><a href="/">preview</a>&nbsp&nbsp&nbsp<a href="/">info ◆ code</a></div></div>
  455. <!-------------------------------------------------------------->
  456. </div></div>
  457.  
  458. <div id="taco">
  459. <a href="http://sexmeluke.tumblr.com/">SML</a></div>
  460.  
  461. </body></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!