API tools faq
paste
aubrieta

06 page: ayşegül

aubrieta
Dec 29th, 2015
724
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.57 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. theme: ayşegül
  4.  
  5. do not steal, claim as your own, redistribute.
  6. do not remove the credit.
  7.  
  8. coded by
  9. aubretia (ifallontragedy)
  10.  
  11. --->
  12.  
  13.  
  14. <!DOCTYPE html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <style type="text/css">
  23.  
  24. #tumblr_controls {display: none!important; }
  25.  
  26. body {
  27. background: #f7f7f7;
  28. font-size: 9.5px;
  29. word-spacing: 2px;
  30. text-align:justify;
  31. line-height:1.1em;
  32. margin: 0;
  33. overflow: hidden;
  34. }
  35.  
  36. a {
  37. color: #bcbcbc;
  38. text-decoration: none;
  39. }
  40.  
  41. a:hover {
  42. color: #ccc;
  43. }
  44.  
  45. i {
  46. color: #b92a67;
  47. }
  48.  
  49. #box {
  50. position: fixed;
  51. width: 500px;
  52. height: 500px;
  53. background: url('http://i.imgur.com/l1EtjVj.png');
  54. -webkit-box-shadow: 2px 2px 5px 1px rgba(184,184,184,1);
  55. -moz-box-shadow: 2px 2px 5px 1px rgba(184,184,184,1);
  56. box-shadow: 2px 2px 5px 1px rgba(184,184,184,1);
  57. position: absolute;
  58. top: 50%;
  59. left: 50%;
  60. transform: translateX(-50%) translateY(-50%);
  61. -webkit-transform: translateX(-50%) translateY(-50%);
  62. }
  63.  
  64. .white {
  65. z-index: 1;
  66. width: 280px;
  67. height: 280px;
  68. background: white;
  69. overflow: hidden;
  70. position: absolute;
  71. top: 50%;
  72. left: 50%;
  73. padding: 50px;
  74. transform: translateX(-50%) translateY(-50%);
  75. -webkit-transform: translateX(-50%) translateY(-50%);
  76. }
  77.  
  78. .content {
  79. position: absolute;
  80. width: 280px;
  81. top: 50%;
  82. left: 50%;
  83. padding: 50px;
  84. transform: translateX(-50%) translateY(-50%);
  85. -webkit-transform: translateX(-50%) translateY(-50%);
  86. }
  87.  
  88. .title {
  89. font-family: news gothic mt, sans-serif;
  90. font-size: 20px;
  91. font-weight: bold;
  92. margin-bottom: 25px;
  93. text-transform: uppercase;
  94. color: #b92a67;
  95. text-align: center;
  96. }
  97.  
  98. .text {
  99. color: #777;
  100. text-align: justify;
  101. font-size: 10.5px;
  102. letter-spacing: 0.3px;
  103. line-height: 1.1em;
  104. font-family: georgia, serif;
  105. }
  106.  
  107. .link {
  108. margin-top: 25px;
  109. border-top: 1px solid #eee;
  110. padding-top: 15px;
  111. text-align: center;
  112. }
  113.  
  114. .link a {
  115. font-family: news gothic mt, sans-serif;
  116. font-size: 8.5px;
  117. letter-spacing: 1px;
  118. font-weight: bold;
  119. text-transform: uppercase;
  120. }
  121. </style>
  122. </head>
  123.  
  124. <html>
  125. <div id="box">
  126. <div class="white">
  127. <div class="content">
  128. <div class="title">ABOUT ME</div>
  129. <div class="text">
  130.  
  131. This is your about page. If you exceed this white box, the text will be cut off. Background image is 500x500 pixels. You should put <i>< p ></i> (without spaces) between paragraphs and don't forget to change links to fit your blog.
  132. <p>
  133. <a href="/">link</a> <b>bold</b> <i>italic</i> <u>underlined</u>
  134. <p>
  135. Lorem ipsum dolor sit amet, in eos ubique debitis persecuti. Eam enim cetero et, et viris definiebas pro, eirmod persius ad vis. In eos tibique deseruisse. Minim laudem tacimates mei et, debitis apeirian mandamus ea sea, natum epicurei suavitate vis at. Eam decore antiopam argumentum cu. Wisi tibique singulis cu mei, urbanitas persecuti ut cum. In case erroribus nec, eam ut efficiendi sadipscing.
  136.  
  137. <div class="link">
  138. <a href="/">home</a><span style="padding: 10px"></span>
  139. <a href="/ask">ask</a><span style="padding: 10px;"></span>
  140. <a href="/navigation">navigation</a><span style="padding: 10px;"></span>
  141. <a href="http://aubrieta.tumblr.com/">credit</a>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </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!