API tools faq
paste
Advertisement
nemurou

omelas v1

nemurou
Aug 20th, 2017
3,716
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.31 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. tumblr page by kenshinuesugi / nemurou
  4.  
  5. august 2017
  6.  
  7. --->
  8.  
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. <link rel="shortcut icon" href="{Favicon}">
  15. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  16. <meta name="viewport" content="width=device-width, initial-scale=1">
  17. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Open+Sans:400,400i,700" rel="stylesheet">
  18.  
  19. <style type="text/css">
  20.  
  21.  
  22. /*custom scrollbar, you can delete this is you want*/
  23. ::-webkit-scrollbar {
  24. width:17px;
  25. height:17px;
  26. }
  27.  
  28. ::-webkit-scrollbar {
  29. /*set background-color to the color of your bg*/
  30. background-color:#fff;
  31. }
  32.  
  33. ::-webkit-scrollbar-thumb {
  34. /*set border to the color of your bg*/
  35. border:8px solid #fff;
  36. /*set background-color to the color of your scrollbar*/
  37. background-color:#aaa;
  38. min-width:26px;
  39. min-height:26px;
  40. }
  41. /*end of custom scrollbar*/
  42.  
  43. body {
  44. /*change background color below*/
  45. background:#fff;
  46. /*change text color below*/
  47. color:#444;
  48. /*change font here*/
  49. font-family: 'Open Sans', sans-serif;
  50. /*change font size below*/
  51. font-size:13px;
  52. /*change letter spacing below*/
  53. letter-spacing:.25px;
  54. line-height:160%;
  55. }
  56.  
  57. /*links*/
  58. a {
  59. /*change link color*/
  60. color:#000;
  61. text-decoration:none;
  62. }
  63.  
  64. img {
  65. display:block;
  66. }
  67.  
  68. /*container around your entire about*/
  69. #container {
  70. width:540px;
  71. border:1px solid #aaa;
  72. margin:100px auto;
  73. padding:10px;
  74. border-radius:5px;
  75. -moz-border-radius:5px;
  76. -webkit-border-radius:5px;
  77. top: 50%;
  78. left: 50%;
  79. }
  80.  
  81. /*header*/
  82. #name {
  83. /*font family*/
  84. font-family: 'Montserrat', sans-serif;
  85. /*font size*/
  86. font-size:15px;
  87. /*delete the line below if you do not want your header in all caps*/
  88. text-transform:uppercase;
  89. /*spacing between each word*/
  90. word-spacing:5px;
  91. /*delete the line below if you do not want your header text centered*/
  92. text-align:center;
  93. border:1px solid #aaa;
  94. /*delete the 3 lines below if you do not want rounded borders*/
  95. border-radius:3px;
  96. -moz-border-radius:3px;
  97. -webkit-border-radius:3px;
  98. padding:7px 10px;
  99. box-sizing:border-box;
  100. -webkit-box-sizing:border-box;
  101. -moz-box-sizing:border-box;
  102. }
  103.  
  104. /*container around your icon & basic info*/
  105. #profile {
  106. border:1px solid #aaa;
  107. padding:20px 30px;
  108. border-radius:3px;
  109. -moz-border-radius:3px;
  110. -webkit-border-radius:3px;
  111. margin-top:10px;
  112. box-sizing:border-box;
  113. -webkit-box-sizing:border-box;
  114. -moz-box-sizing:border-box;
  115. }
  116.  
  117. /*edit your icon appearance here*/
  118. #icon {
  119. width:130px;
  120.  
  121. }
  122.  
  123. /*container around your basic info (the section right next to the icon)*/
  124. #facts {
  125. margin-left:180px;
  126. margin-top:-130px;
  127. box-sizing:border-box;
  128. -webkit-box-sizing:border-box;
  129. -moz-box-sizing:border-box;
  130. }
  131.  
  132. /*container for each individual section*/
  133. .sections {
  134. border-bottom:1px dashed #aaa;
  135. padding:12px 0px;
  136. position:relative;
  137. }
  138.  
  139. /*container for each category within each section*/
  140. .category {
  141. position:absolute;
  142. font-family: 'Montserrat', sans-serif;
  143. left:0px;
  144. width:80px;
  145. }
  146.  
  147. /*container for the text next to the category*/
  148. .info {
  149. margin-left:100px;
  150. }
  151.  
  152. .sections:first-child {
  153. border-top:1px dashed #aaa;
  154. }
  155.  
  156. /*container for info below your profile*/
  157. #bio {
  158. margin-top:10px;
  159. border-radius:3px;
  160. -moz-border-radius:3px;
  161. -webkit-border-radius:3px;
  162. border:1px solid #aaa;
  163. /*change color of profile background*/
  164. background:#fff;
  165. }
  166.  
  167. /*sections within your bio*/
  168. .block {
  169. margin-bottom:25px;
  170. background:transparent;
  171. }
  172.  
  173. /*heading for each section within your bio*/
  174. .title {
  175. border-bottom:1px dashed #aaa;
  176. font-family: 'Montserrat', sans-serif;
  177. font-size:16px;
  178. padding:10px 10px 10px 20px;
  179. letter-spacing:.75px;
  180. }
  181.  
  182. /*container for text below each heading*/
  183. .txt {
  184. margin:15px 30px 0px 30px;
  185. }
  186.  
  187. /*edit your table here*/
  188. table {
  189. width:100%;
  190. border-spacing:5px;
  191. }
  192.  
  193. /*table sections*/
  194. th, td {
  195. padding:5px 7px;
  196. border:1px solid #aaa;
  197. text-align:left;
  198. border-radius:4px;
  199. }
  200.  
  201. /*1st and 3rd columns in the table*/
  202. td {
  203. text-align:right;
  204. background:#eaeaea;
  205. font-family: 'Montserrat', sans-serif;
  206. }
  207.  
  208. /*2nd and 4th columns in the table*/
  209. th {
  210. font-weight:400;
  211. }
  212.  
  213. /*DO NOT TOUCH THE THEME CREDIT*/
  214. .saeyoung a{
  215. background:#fff;
  216. position:fixed;
  217. left:20px;
  218. bottom:15px;
  219. opacity:.7;
  220. color:#545454;
  221. z-index:999;
  222. border-radius:4px;
  223. -moz-border-radius:4px;
  224. -webkit-border-radius:4px;
  225. padding:3px 8px 4px 8px;
  226. }
  227.  
  228. </style>
  229.  
  230. </head>
  231.  
  232. <body>
  233.  
  234. <div id="container">
  235.  
  236. <div id="name"><a href="/">words that constantly undo our core</a></div>
  237.  
  238. <div id="profile">
  239. <!--- replace https://static... with the URL of your icon--->
  240. <a href="/"><img id="icon" src="https://static.tumblr.com/wegwsdb/5yhoueq4h/ns8c1i8.png"></a>
  241. <div id="facts">
  242.  
  243. <!--copy and paste the text below to add another section-->
  244. <div class="sections">
  245. <div class="category">Name</div>
  246. <div class="info">Victor Nikiforov</div>
  247. </div>
  248. <!--end copy and paste--->
  249.  
  250. <div class="sections">
  251. <div class="category">Birthday</div>
  252. <div class="info">December 25th</div>
  253. </div>
  254.  
  255. <div class="sections">
  256. <div class="category">Occupations</div>
  257. <div class="info">Figure skator and coach</div>
  258. </div>
  259.  
  260.  
  261. </div>
  262. </div>
  263.  
  264. <div id="bio">
  265.  
  266. <!--copy and paste the text below to add another section-->
  267. <div class="block">
  268. <div class="title">Appearance</div>
  269. <div class="txt">Victor has short gray hair with bangs that cover his left eye. He has light blue-green eyes. During competition warm-ups, Victor wears a white and red runner jacket over his costume. However, when he practices skating, Victor's outfit consists of a black T-shirt and grey jogging pants.<p>In Barcelona, Yuuri places a golden ring on Victor's right-hand ring finger, which Victor later confirms to be an engagement ring. After this, Victor is always shown wearing his ring. Yuuri has a matching ring on the same finger of the same hand.</div>
  270. </div>
  271. <!--end copy and paste--->
  272.  
  273. <div class="block">
  274. <div class="title">Personality</div>
  275. <div class="txt">He likes to do things at his own pace and is considered a carefree and free-spirited person. Victor is a bit of an airhead and, according to both himself and Yuri Plisetsky, very forgetful. He is also rather sensitive about his looks, especially his thinning hairline.</div>
  276. </div>
  277.  
  278. <div class="block">
  279. <div class="title">General Information</div>
  280. <div class="txt">
  281. <table>
  282.  
  283. <!--copy and paste the text below to add another section-->
  284. <tr>
  285. <td>Country</td>
  286. <th>Russia</th>
  287. <td>Gender</td>
  288. <th>Male</th>
  289. </tr>
  290. <!--end copy and paste--->
  291.  
  292. <tr>
  293. <td>Age</td>
  294. <th>28</th>
  295. <td>Height</td>
  296. <th>180cm (5'11)</th>
  297. </tr>
  298.  
  299. <tr>
  300. <td>Coach</td>
  301. <th>Yakov Feltsman</th>
  302. <td>Family</td>
  303. <th>Makkachin (Pet)<br>
  304. Yuuri Katsuki (Fiancé)</th>
  305. </tr>
  306.  
  307. </table>
  308. </div>
  309. </div>
  310.  
  311.  
  312.  
  313. </div>
  314.  
  315. </body>
  316.  
  317. </html>
  318.  
  319.  
  320. <!----PLEASE DO NOT REMOVE THE THEME CREDIT--->
  321. <span class="saeyoung"><a href="https://nemurou.tumblr.com/">THEME</a></span>
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!