API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 26th, 2017
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.60 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style type="text/css">
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico|Shadows+Into+Light|Dancing+Script|Architects+Daughter|Kaushan+Script|Gloria+Hallelujah|Satisfy|Courgette|Handlee|Rock+Salt|Cookie|Shadows+Into+Light+Two|Tangerine|Pinyon+Script|Great+Vibes|Bad+Script|Marck+Script|Damion|Niconne|Alex+Brush|Yellowtail|Nothing+You+Could+Do|Kalam|Sacramento|Homemade+Apple|Calligraffitti|Just+Another+Hand|Waiting+for+the+Sunrise|Allura|Rancho|Crafty+Girls|Reenie+Beanie|Parisienne|Rochester|Leckerli+One|Grand+Hotel|Merienda+One|Italianno|Montez|Petit+Formal+Script|Give+You+Glory|Delius|Mr+Dafoe|The+Girl+Next+Door|Arizonia|La+Belle+Aurore|Qwigley|Norican|Euphoria+Script|Dawning+of+a+New+Day|Bilbo+Swash+Caps|Meddon|Fondamento|Clicker+Script|Aladin|Delius+Swash+Caps|Rouge+Script|Engagement|Redressed|Noto+Sans);
  6.  
  7.  
  8. body{
  9. background:#fafafa;
  10. background-image:url('http://37.media.tumblr.com/tumblr_ls0w5txuft1r3vazto13_r1_400.png'); /* delete background-image if you just want a plain color background */
  11. background-attachment:fixed;
  12. background-repeat:repeat; /* if you do not want your background repeated simply change repeat to no-repeat */
  13. padding:0;
  14. margin:0;
  15. }
  16.  
  17. body a{
  18. text-decoration:none;
  19. }
  20.  
  21. #profile {
  22. background-color: #transparent;
  23. border: 0px ;
  24. }
  25.  
  26. .pfor {display: none}
  27.  
  28.  
  29. ::-webkit-scrollbar {
  30. width:11px;
  31. height:7px;
  32. }
  33.  
  34. ::-webkit-scrollbar-track-piece {
  35. background-color:#transparent;
  36. }
  37. ::-webkit-scrollbar-thumb {
  38. background-color:#transparent;
  39. border:2px solid #transparent;
  40. border-right:4px solid #transparent;
  41. border-radius:5px;
  42. }
  43.  
  44. #content i{
  45. font-size:11px;
  46. color:#e2c696;
  47. }
  48.  
  49.  
  50. #content b{
  51. font-size:11px;
  52. color:#ca786e;
  53. }
  54.  
  55. #sideimg img{
  56. float:right;
  57. margin-top: -10%;
  58. margin-right: 15%;
  59. width: 250px;
  60. height: auto;
  61. padding:10px;
  62. background:#222;
  63. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  64. border-radius:7px;
  65. }
  66.  
  67. #pattern_horizontal{
  68. position:fixed;
  69. top:19%;
  70. left:0px;
  71. height:65px;
  72. width:100%;
  73. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  74. opacity:;.9;
  75. z-index:-1;
  76. }
  77.  
  78. #pattern_vertical{
  79. position:fixed;
  80. top:0;
  81. left:20%;
  82. height:100%;
  83. width:50px;
  84. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  85. opacity:.9;
  86. z-index:-2;
  87. }
  88.  
  89. #content{
  90. margin-top: 19%;
  91. margin-left: 30.5%;
  92. width:395px;
  93. height:300px;
  94. padding:10px;
  95. font-family: 'Noto Sans', sans-serif;
  96. color:#eee;
  97. background:#121212;
  98. background-image:url('http://38.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo6_1280.png');
  99. font-size:10px;
  100. line-height:120%;
  101. overflow:auto;
  102. border-radius:3px;
  103. }
  104.  
  105. #content li{
  106. list-style-type:square;
  107. margin:2px;
  108. }
  109.  
  110. #content a{
  111. color:#dba0ac;
  112. text-decoration: uppercase;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -ms-transition: all 0.5s ease-in-out;
  116. -o-transition: all 0.5s ease-in-out;
  117. }
  118.  
  119. #content a:hover{
  120. color:#e28178;
  121. text-decoration: uppercase;
  122. -webkit-transition: all 0.5s ease-in-out;
  123. -moz-transition: all 0.5s ease-in-out;
  124. -ms-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;
  126. }
  127.  
  128. #nav1 {
  129. position:absolute;
  130. margin-top: 0%;
  131. margin-left: 20%;
  132. font-family: 'Noto Sans', sans-serif;
  133. text-transform: uppercase;
  134. font-size: 9px;
  135. width:100px;
  136. padding:9px;
  137. text-align:center;
  138. letter-spacing: 1px;
  139. height:auto;
  140. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  141. border-radius:4px;
  142. }
  143.  
  144. #title{
  145. float:right;
  146. text-align:right;
  147. margin-top: 0%;
  148. margin-right: 42.5%;
  149. width:350px;
  150. color:#fff1dd;
  151. line-height:100%;
  152. text-transform:uppercase;
  153. font-size:52px;
  154. letter-spacing:4px;
  155. font-family: 'Oswald', sans-serif;
  156. text-shadow:0px 0px 3px #444;
  157. }
  158.  
  159. #title:first-letter{
  160. font-weight:700;
  161. color:#fff;
  162. text-shadow:0px 0px 3px #333;
  163. letter-spacing:5px;
  164. font-size:55px;
  165. }
  166.  
  167. #intro{
  168. margin-top:65px;
  169. margin-left: 30%;
  170. padding:8px;
  171. text-align:center;
  172. font-family:arial;
  173. font-weight:bold;
  174. font-size:12px;
  175. line-height:110%;
  176. color:#fff;
  177. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  178. width:414px;
  179. height:auto;
  180. }
  181.  
  182. #border1{
  183. position:fixed;
  184. top:0;
  185. left:0;
  186. width:100%;
  187. height:15px;
  188. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  189. opacity:.9;
  190. }
  191.  
  192. #border2{
  193. position:fixed;
  194. top:0;
  195. left:0;
  196. width:10px;
  197. height:100%;
  198. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  199. opacity:.9;
  200. }
  201.  
  202. #border3{
  203. position:fixed;
  204. bottom:0;
  205. left:0;
  206. width:100%;
  207. height:15px;
  208. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  209. opacity:.9;
  210. }
  211.  
  212. #border4{
  213. position:fixed;
  214. top:0;
  215. right:0;
  216. width:10px;
  217. height:100%;
  218. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  219. opacity:.9;
  220. }
  221.  
  222. h1 {
  223. font-family: 'Noto Sans', sans-serif
  224. font-size: 13px;
  225. color: #ca786e;
  226. letter-spacing:1px;
  227. word-spacing:-1px;
  228. text-decoration:none!important;
  229. text-align: center;
  230. }
  231.  
  232. .a:link, a:active, a:visited {
  233. font-family: 'Noto Sans', sans-serif;
  234. font-size: 11px;
  235. color:#f2f2f2;
  236. letter-spacing: 1px;
  237. text-decoration: uppercase;
  238. text-align: left;
  239. -webkit-transition-duration: 1.5s;
  240. -moz-transition-duration: 1.5s;
  241. }
  242.  
  243. a:hover {
  244. background-color: transparent;
  245. font-family: 'Noto Sans', sans-serif;
  246. font-size: 11px;
  247. font-weight: bold;
  248. color: #333333;
  249. text-decoration: uppercase;
  250. text-align: left;
  251. }
  252.  
  253.  
  254. #nav1 a, #nav1 a:link, #nav1 a:visited {
  255. float:left;
  256. width: 90px;
  257. margin:4px 3px;
  258. padding:2px;
  259. text-transform:uppercase;
  260. font-size:9px;
  261. letter-spacing:1px;
  262. font-family: 'Noto Sans', sans-serif;
  263. color:#f2ddbc;
  264. background:#333; /*7c5862*/
  265. border-radius:4px;
  266. box-shadow:0px 0px 3px #555;
  267. -webkit-transition: all 0.5s ease-in-out;
  268. -moz-transition: all 0.5s ease-in-out;
  269. -ms-transition: all 0.5s ease-in-out;
  270. -o-transition: all 0.5s ease-in-out;
  271. }
  272.  
  273. #nav1 a:active, #nav1 a:hover {
  274. color:#fff;
  275. background:#a95354;
  276. border-radius:6px;
  277. text-align: center;
  278. box-shadow:0px 0px 5px #444;
  279. -webkit-transition: all 0.5s ease-in-out;
  280. -moz-transition: all 0.5s ease-in-out;
  281. -ms-transition: all 0.5s ease-in-out;
  282. -o-transition: all 0.5s ease-in-out;
  283. }
  284.  
  285. </style>
  286.  
  287. <div id="border1"></div>
  288. <div id="border2"></div>
  289. <div id="border3"></div>
  290. <div id="border4"></div>
  291.  
  292. <div id="nav1">
  293. <a href="#one" class"first">Home</a>
  294. <a href="#two" class="first">Powers</a>
  295. <a href="#three" class="second">History</a>
  296. <a href="#four" class="second">Relationships</a>
  297. <a href="#five" class="first">OOC</a>
  298. <a target="_blank" href="http://almightyone.tumblr.com/" title="theme by almightyone, changed to fit RPC by self." class="second">Credit</a>
  299. </div>
  300.  
  301. <div id="pattern_horizontal">
  302.  
  303. <div id="title">Wrath<big><big>⇤ </big></big></div>
  304.  
  305. <div id="intro">
  306. <i style="color:#dba0ac;font-size:12px"><big>❝</big>QUOTE HERE<big>❞</big></i>
  307. </div>
  308.  
  309. <div id="sideimg"><img src="http://i.picpar.com/Iotc.jpg" />
  310. </div>
  311.  
  312. </div>
  313. <div id="pattern_vertical"></div>
  314.  
  315. <div id="content">
  316.  
  317. <div style="width: 395px; height: 300px; overflow-y: hidden;">
  318.  
  319. <a name="one"></a>
  320. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  321. <font style=float:left><b>Name</b></font> <font style=float:right>HERE</font><br>
  322. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="HERE">hover</a></font><br>
  323. <font style=float:left><b>Gender</b></font> <font style=float:right>Male</font><br>
  324. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>HERE</font><br>
  325. <font style=float:left><b>Race</b></font> <font style=float:right>HERE</font><br><br>
  326. <font style=float:left><b>Height</b></font> <font style=float:right>HERE</font><br>
  327. <font style=float:left><b>Weight</b></font> <font style=float:right>HERE</font><br>
  328. <font style=float:left><b>Tresses</b></font> <font style=float:right>HERE</font><br>
  329. <font style=float:left><b>Irises</b></font> <font style=float:right>HERE</font><br><br>
  330. <font style=float:left><b>Position/Dom-Sub</b></font> <font style=float:right><a title="HERE">hover</a></font><br>
  331. <font style=float:left><b>Marital</b></font> <font style=float:right>HERE</font><br>
  332. <font style=float:left><b>Interest</b></font> <font style=float:right><a target="_blank" href="HERE" target="_blank">HERE</a></font><br>
  333. <font style=float:left><b>Orientation</b></font> <font style=float:right>HERE</font><br><br>
  334. <font style=float:left><b>Physical</b></font> <font style=float:right>100%</font><br>
  335. </div>
  336.  
  337. <a name="two"></a>
  338. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  339. POWERS HERE
  340. </div>
  341.  
  342. <a name="three"></a>
  343. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  344. HISTORY HERE
  345. </div>
  346.  
  347. <a name="four"></a>
  348. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  349. <a target="_blank" href=""><img style="border-radius: 50%" src="" align="left" height="60" width="60"></a>
  350. <a target="_blank" href=""><img style="border-radius: 50%" src="" align="left" height="60" width="60"></a>
  351. <a target="_blank" href=""><img style="border-radius: 50%" src="" align="left" height="60" width="60"></a>
  352. <a target="_blank" href=""><img style="border-radius: 50%" src="" align="left" height="60" width="60"></a>
  353. </div>
  354.  
  355. <a name="five"></a>
  356. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  357. OOC HERE
  358. </div>
  359.  
  360. <a name="six"></a>
  361. </div>
  362. </div>
  363. </div>
  364.  
  365. </body>
  366. </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!