API tools faq
paste
Advertisement
gwentee

Ikon ver. 1

gwentee
Aug 4th, 2015
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.08 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. Page #1: Ikon ver. 1
  4. Page by Gwendolyn @ luhands-themes
  5. Please do NOT remove the credit
  6. Any questions? Ask here:
  7. getyourluhandsonme.tumblr.com/faq
  8. or
  9. luhandsthemes.tumblr.com/faq
  10. --->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  20.  
  21. <style type="text/css">
  22.  
  23. body {
  24. margin:0px;
  25. color: gray;
  26. background-color: #fff;}
  27.  
  28. a:link, a:active, a:visited{color:black; text-decoration:none;}
  29. a:hover{color:black;}
  30.  
  31. p.speech{
  32. position: relative;
  33. margin-top: 250px;
  34. margin-left: 500px;
  35. width: 500px;
  36. height: 200px;
  37. text-align: center;
  38. font-family: 'Play', sans-serif;
  39. color: black;
  40. line-height: 20px;
  41. background-color: #fff;
  42. border: 3px solid #666;
  43. -webkit-border-radius: 30px;
  44. -moz-border-radius: 30px;
  45. border-radius: 30px;
  46. -webkit-box-shadow: 2px 2px 4px #888;
  47. -moz-box-shadow: 2px 2px 4px #888;
  48. box-shadow: 2px 2px 4px #888;
  49. }
  50.  
  51. p.speech:before{
  52. content: ' ';
  53. position: absolute;
  54. width: 0;
  55. height: 0;
  56. left: 30px;
  57. top: 200px;
  58. border: 22px solid;
  59. border-color: #666 transparent transparent #666;
  60. }
  61.  
  62. p.speech:after{
  63. content: ' ';
  64. position: absolute;
  65. width: 0;
  66. height: 0;
  67. left: 33px;
  68. top: 200px;
  69. border: 18px solid;
  70. border-color: #fff transparent transparent #fff;
  71. }
  72.  
  73. .links {
  74. width:300px;
  75. margin-left:740px;
  76. margin-bottom:-100px;
  77. position:fixed;
  78. display:block;
  79. padding:10px;
  80. padding-top:5px;
  81. }
  82.  
  83. .links a{
  84. display:inline-block;
  85. width:70px;
  86. height:20px;
  87. margin:3px;
  88. background-color:#eee;
  89. border-radius: 20px;
  90. border: 2px solid #666;
  91. box-shadow: 2px 2px 4px #888;
  92. font-family: 'Play', sans-serif;
  93. color:#000;
  94. text-transform:uppercase;
  95. font-size:10px;
  96. letter-spacing:2px;
  97. text-align:center;
  98. }
  99.  
  100. .links a:hover{
  101. background-color: #666;
  102. color: #fff;
  103. }
  104.  
  105. .credit {
  106. position:fixed;
  107. bottom:4px;
  108. right:8px;
  109. font: 9px consolas;
  110. border:1px solid #666;
  111. text-transform:uppercase;
  112. letter-spacing: 0px;
  113. padding: 2px;
  114. }
  115.  
  116. .credit a{
  117. color: #000;
  118. opacity:0.8;
  119. }
  120.  
  121. </style>
  122. </head>
  123.  
  124. <body>
  125.  
  126. <p class="speech"><br>&nbsp;
  127.  
  128. Short description only. <br>limited space.
  129.  
  130. <p>
  131. <!---SIDE IMAGE TRANSPARENT/PNG--->
  132. <img src='IMAGE URL HERE' style='position:fixed;bottom:0px;left:0px;z-index:-999'/>
  133.  
  134. <div class="links">
  135. <a href="/">home</a>
  136. <a href="/ask">ask</a>
  137. <a href="/">link 1</a>
  138. </div>
  139.  
  140. <!--- Do Not Touch Credit! Thank you!!--->
  141. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  142.  
  143. </body>
  144.  
  145. </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!