wheretimeisendless

Message Page Theme #1

Feb 8th, 2013
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.41 KB | None | 0 0
  1. <!--
  2. mssg page theme by anonymouslydobrev
  3. don't remove the credit pls.
  4. Ctrl + F the following (to edit)
  5. FAQ, TITLE and YOURURL
  6. To change the colour of things, just look for all the 'color' tags and mess around with the coding.
  7. -->
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  10.  
  11. <html lang="en">
  12. <head>
  13.  
  14. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  15.  
  16. <script type="text/javascript"> $(document).ready(function(){ $(".links_body").hide(); $(".links_head").click(function(){ $(this).next(".links_body").slideToggle('fast'); }); }); </script>
  17.  
  18. <title> message me </title>
  19.  
  20. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl75bsU9n1qfamg6.png" />
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23.  
  24. <style type="text/css">
  25.  
  26. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  27. @font-face {font-family: "gloria hallelujah";src: url('http://static.tumblr.com/qx5hjds/Ia9m8rafq/gloriahallelujah.ttf');}
  28. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');
  29. }
  30. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  31.  
  32. @font-face { font-family: "Spring Script"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  33.  
  34. ::-webkit-scrollbar {width: 4px; height: 4px; border-left: 0px solid #aaaaaa; border-radius:1px;}
  35.  
  36. ::-webkit-scrollbar-thumb { background-color:#beac8f; border-bottom-left-radius:10px;
  37. border-bottom-right-radius:10px;
  38. border-top-right-radius:10px;
  39. border-top-left-radius:10px;
  40. }
  41.  
  42. body {
  43. color:#C0AEA0;
  44. background-color:{color:background};
  45. background-image: url('http://media.tumblr.com/tumblr_mavqlsVegx1r2okt6.png');
  46. background-position: center;
  47. background-attachment:fixed;
  48. background-repeat: repeat;
  49. font-family:"stars";
  50. font-size:11px;
  51. }
  52.  
  53. a:link, a:active, a:visited{color:#beac8f; text-decoration:none; }
  54.  
  55. a:hover{
  56. color:transparent;
  57. text-decoration:line-through;
  58. transition: all 0.5s ease-out;
  59. -o-transition-transition: all 0.5s ease-out;
  60. -webkit-transition: all 0.5s ease-out;
  61. -moz-transition: all 0.5s ease-out;;
  62. }
  63.  
  64. #ask {
  65. border-radius:30px;
  66. width: 500px;
  67. border:10px solid #beac8f;
  68. shadow:#fff 1px 1px 0.5em;
  69. }
  70.  
  71. #askbox {
  72. width:500px
  73. margin-bottom:0px;
  74. ;
  75. }
  76.  
  77. #ask:hover {-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;transition: all 0.9s ease-out;
  78. -o-transition-transition: all 0.9s ease-out; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  79.  
  80. .corner
  81. {width:50px;
  82. font-family:short stack;
  83. font-size:9px;
  84. text-align:center;
  85. background-color:transparent;
  86. color:#777;
  87. position:fixed;
  88. bottom:0px;
  89. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  90.  
  91. #back
  92. {left:0px;
  93. border-radius:0px 10px 0px 0px;
  94. -moz-border-radius:0px 10px 0px 0px;}
  95.  
  96.  
  97. #front
  98. {right:-5px;
  99. border-radius:0px 10px 0px 0px;
  100. -moz-border-radius:0px 10px 0px 0px;}
  101.  
  102. .corner:hover
  103. {width:75px;
  104. color:transparent;}
  105.  
  106.  
  107. .links_list { margin:0px; padding:0px; }
  108.  
  109. .links_head {color:#beac8f; font-family:lovenote; font-size:50px; line-height:17px; letter-spacing:-3px; font-weight:normal; text-transform:lowercase; margin-top:100px; padding:0px; text-align:center; font-style:none; text-shadow:8px 3px 15px #ccc;}
  110.  
  111. .links_body { margin-top:-35px; font-family: "short stack"; font-size:9px; padding:0px; text-align:center; color: #000; display:none;}
  112. </style>
  113.  
  114. <style type="text/css"></style>
  115.  
  116. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  117.  
  118.  
  119.  
  120. <body>
  121.  
  122. <div class="links_list"> <p class="links_head">TITLE</p>
  123. <div class="links_body"> <center> <div style="width:500px;">FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ </center> </div></div></div>
  124.  
  125. <p><center><div id="ask"><div id="askbox"><iframe frameborder="0" height="190" scrolling="yes" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com/" width="500"></iframe></center></p>
  126. </br>
  127.  
  128. <div class="corner" id="back"><a href="/">
  129. ↺ return
  130. </div></a>
  131.  
  132. <div class="corner" id="front">
  133. <a href="http://anonymouslydobrev.tumblr.com/">
  134. credit
  135. </div></a>
  136. </body>
  137. </html>
Advertisement
Add Comment
Please, Sign In to add comment