API tools faq
paste
Theoxaris-Malowitzz

Not mine // The Muses

Theoxaris-Malowitzz
May 9th, 2016
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. [ᴀᴘᴘᴀʀᴇʟ] - by dyothms/luhyns
  3. Please do not remove the credit
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <html lang="en">
  8.  
  9. <head>
  10.  
  11. <style type="text/css">
  12.  
  13. body {
  14. font-family:calibri;
  15. font-size:11px;
  16. line-height:12px;
  17. color:#aaa; /** font colour **/
  18. background-color:#fff; /** background colour **/
  19. background-image:url(/); /** background image **/
  20. background-attachment:fixed;
  21. background-repeat:repeat;
  22. }
  23.  
  24. a:link, a:active, a:visited{
  25. color:#888; /** link colour **/
  26. text-decoration:none;
  27. transition: all 0.5s ease-out;
  28. -o-transition-transition: all 0.5s ease-out;
  29. -webkit-transition: all 0.5s ease-out;
  30. -moz-transition: all 0.5s ease-out;
  31. }
  32.  
  33. a:hover {
  34. color:#ccc; /** link hover colour **/
  35. cursor:help;
  36. }
  37.  
  38. img {
  39. border:0;
  40. max-width:100%;
  41. }
  42.  
  43. ::-webkit-scrollbar {
  44. width: 6px;
  45. height: 6px;
  46. }
  47.  
  48. ::-webkit-scrollbar-thumb {
  49. border:1px solid white;
  50. background-color: #ddd; /** scroll bar colour **/
  51. }
  52.  
  53. #sidebar {
  54. z-index:100;
  55. position:fixed;
  56. top:0; bottom:0;
  57. left:40px;
  58. margin-top:auto;
  59. margin-bottom:auto;
  60. height:570px;
  61. width:180px;
  62. padding-left:160px;
  63. padding-right:20px;
  64. background-color:/; /** sidebar background colour **/
  65. background-image:url(); /** sidebar background image **/
  66. background-attachment:fixed;
  67. background-repeat:repeat;
  68. }
  69.  
  70. .blogt {
  71. margin-top:30px;
  72. line-height:40px;
  73. font-size:42px;
  74. text-align:right;
  75. font-family:Arial;
  76. font-weight:bold;
  77. }
  78.  
  79. .desc {
  80. position:absolute;
  81. bottom:60px;
  82. width:180px;
  83. text-align:right;
  84. }
  85.  
  86. .nav {
  87. margin-top:40px;
  88. margin-left:-50px;
  89. width:230px;
  90. line-height:16px;
  91. font-size:15px;
  92. text-align:right;
  93. font-family:Arial;
  94. font-weight:bold;
  95. }
  96.  
  97. .nav a {
  98. padding-left:5px;
  99. color:#aaa; /** navigation font colour **/
  100. }
  101.  
  102. .ct {
  103. overflow:hidden;
  104. height:500px;
  105. width:375px;
  106. }
  107.  
  108. .ct img {
  109. z-index:5;
  110. height:500px;
  111. width:375px;
  112. -webkit-transition: all 0.6s ease;
  113. -moz-transition: all 0.6s ease;
  114. -o-transition: all 0.6s ease;
  115. transition: all 0.6s ease;
  116. }
  117.  
  118. .ct:hover img{
  119. margin-left:-300px;
  120. }
  121.  
  122. .ctinf {
  123. z-index:2;
  124. overflow:hidden;
  125. position:absolute;
  126. margin-left:375px;
  127. width:0px;
  128. height:500px;
  129. background:white;
  130. -webkit-transition: all 0.6s ease;
  131. -moz-transition: all 0.6s ease;
  132. -o-transition: all 0.6s ease;
  133. transition: all 0.6s ease;
  134. }
  135.  
  136. .ct:hover .ctinf {
  137. margin-left:75px;
  138. width:300px;
  139. }
  140.  
  141. .pcont {
  142. margin-left:10px;
  143. width:220px;
  144. }
  145.  
  146. .pname {
  147. color:#aaa; /** font colour of names **/
  148. line-height:34px;
  149. font-size:35px;
  150. text-align:left;
  151. font-family:Arial;
  152. font-weight:bold;
  153. }
  154.  
  155. .pname a {
  156. color:#aaa; /** font colour of names as links **/
  157. }
  158.  
  159. .pdesc {
  160. position:absolute;
  161. bottom:20px;
  162. font-size:14px;
  163. width:220px;
  164. color:#aaa;
  165. text-align:left;
  166. }
  167.  
  168. .poth {
  169. margin-top:30px;
  170. color:#aaa; /** font colour of position **/
  171. line-height:14px;
  172. font-size:15px;
  173. text-align:left;
  174. font-family:Arial;
  175. font-weight:bold;
  176. }
  177.  
  178. #cont {
  179. position:absolute;
  180. overflow:hidden;
  181. overflow-x:scroll;
  182. left:400px;
  183. right:40px;
  184. top:0px; bottom:0px;
  185. margin-top:auto;
  186. margin-bottom:auto;
  187. height:510px;
  188. border:30px solid white;
  189. background:white;
  190. }
  191.  
  192. table {
  193. position:absolute;
  194. width:auto;
  195. height:500px;
  196. background:white;
  197. }
  198.  
  199. td {
  200. border:0px;
  201. padding:0px;
  202. }
  203.  
  204. #crt2 {
  205. z-index: 4783;
  206. position:fixed;
  207. bottom:15px;
  208. right:15px;
  209. width:12px;
  210. background:white;
  211. border: 1px solid #ddd;
  212. padding: 5px;
  213. font-family: calibri;
  214. font-size: 8px;
  215. line-height: 12px;
  216. letter-spacing:1px;
  217. font-style:italic;
  218. text-align:center;
  219. transition: all 0.5s ease-out;
  220. -o-transition-transition: all 0.5s ease-out;
  221. -webkit-transition: all 0.5s ease-out;
  222. -moz-transition: all 0.5s ease-out;
  223. }
  224.  
  225. #min {
  226. z-index: 4780;
  227. opacity:0;
  228. position:fixed;
  229. bottom:15px;
  230. right:38px;
  231. width:auto;
  232. background: white;
  233. border: 1px solid #ddd;
  234. padding: 5px;
  235. font-family: calibri;
  236. font-size: 8px;
  237. line-height: 12px;
  238. letter-spacing:1px;
  239. text-transform:uppercase;
  240. text-align:center;
  241. transition: all 0.5s ease-out;
  242. -o-transition-transition: all 0.5s ease-out;
  243. -webkit-transition: all 0.5s ease-out;
  244. -moz-transition: all 0.5s ease-out;
  245. }
  246.  
  247. #tm:hover #min{
  248. opacity:1;
  249. }
  250.  
  251. #tm a {
  252. color: #eee;
  253. }
  254.  
  255. {CustomCSS}
  256.  
  257. </style>
  258.  
  259. <!------title------>
  260. <title>{title}</title>
  261. <link rel="shortcut icon" href="{Favicon}" />
  262. <meta name="viewport" content="width=820" />
  263.  
  264. </head>
  265.  
  266. <body>
  267.  
  268. <div id="sidebar">
  269. <!-- blog title -->
  270. <div class="blogt">The Muses</div>
  271. <div class="desc">
  272. <!-- description -->
  273. xxxx
  274. <div class="nav">
  275. <!-- navigation -->
  276. <a href="/">Back</a>
  277. <a href="/ask">Message</a>
  278. <a href="https://www.tumblr.com/dashboard">Dashboard</a>
  279. </div>
  280. </div>
  281.  
  282.  
  283. </div>
  284.  
  285. <div id="cont">
  286. <table>
  287. <tr>
  288. <!-- start of content -->
  289.  
  290. <td><div class="ct">
  291. <div class="ctinf"><div class="pcont">
  292. <!-- name of person (replace with <a href="http://tumblr.com">NAME</a> to become link) -->
  293. <div class="pname">Rowan Delacour</div>
  294. <div class="pdesc">
  295. <!-- description for person -->
  296. <b>FC:</b><br>
  297. Emma Watson<br>
  298. <b>Verse:</b><br>
  299. [01] AHS: AHV. <br>
  300. [02] Asylum Patiants<br>
  301. <b>Tags to Track:</b><br>
  302. Starters <b>ϟ</b> Closed <b>ϟ</b> Convo's <br>
  303. <b>Original Blog:</b><br>
  304. <a href="http://case-file-metempsychosis.tumblr.com/">@case-file-metempsychosis</a>
  305. <!-- position of person -->
  306. <div class="poth"><a href="/">Biography</a></div>
  307. </div></div></div>
  308. <img src="https://67.media.tumblr.com/d687703f9d298799a66306eea8fe7c38/tumblr_o6xp6h9Z6G1tsou7eo4_400.png" />
  309. </div></td>
  310.  
  311. <td><div class="ct">
  312. <div class="ctinf"><div class="pcont">
  313. <!-- name of person (replace with <a href="http://tumblr.com">NAME</a> to become link) -->
  314. <div class="pname">Shock Skellington</div>
  315. <div class="pdesc">
  316. <!-- description for person -->
  317. <b>FC:</b><br>
  318. Leda Muir<br>
  319. <b>Verse:</b><br>
  320. [01] Coming Soon <br>
  321. <b>Tags to Track:</b><br>
  322. Starters <b>ϟ</b> Closed <b>ϟ</b> Convo's <br>
  323. <b>Original Blog:</b><br>
  324. <a href="http://shock-skellington.tumblr.com/">@shock-skellington</a>
  325. <!-- position of person -->
  326. <div class="poth"><a href="/">Biography</a></div>
  327. </div></div></div>
  328. <img src="https://67.media.tumblr.com/c867c80af7b999c8807270ebf6a623eb/tumblr_o6xp6h9Z6G1tsou7eo6_1280.png" />
  329. </div></td>
  330.  
  331. <td><div class="ct">
  332. <div class="ctinf"><div class="pcont">
  333. <div class="pname">Sylvia Weald</div>
  334. <div class="pdesc">
  335. <b>FC:</b><br>
  336. Candice Swanepoel<br>
  337. <b>Verse:</b><br>
  338. [01] Coming Soon <br>
  339. <b>Tags to Track:</b><br>
  340. Starters <b>ϟ</b> Closed <b>ϟ</b> Convo's <br>
  341. <b>Original Blog:</b><br>
  342. <a href="http://sylvia-renolds.tumblr.com/">@sylvia-renolds</a>
  343. <div class="poth"><a href="/">Biography</a></div>
  344. </div></div></div>
  345. <img src="https://67.media.tumblr.com/417057b2cb2d6a71a3645f173f952556/tumblr_o6xp6h9Z6G1tsou7eo5_1280.png" />
  346. </div></td>
  347.  
  348. <td><div class="ct">
  349. <div class="ctinf"><div class="pcont">
  350. <div class="pname">Thea Harman</div>
  351. <div class="pdesc">
  352. <b>FC:</b><br>
  353. Dianna Agron<br>
  354. <b>Verse:</b><br>
  355. [01] Coming Soon <br>
  356. <b>Tags to Track:</b><br>
  357. Starters <b>ϟ</b> Closed <b>ϟ</b> Convo's <br>
  358. <b>Original Blog:</b><br>
  359. <a href="http://thea-sophia-harman.tumblr.com/">@thea-sophia-harman</a>
  360. <div class="poth"><a href="/">Biography</a></div>
  361. </div></div></div>
  362. <img src="https://65.media.tumblr.com/ac974fb960dfe1d9ae4c7e0d9540dea9/tumblr_o6xp6h9Z6G1tsou7eo2_1280.png" />
  363. </div></td>
  364.  
  365. <td><div class="ct">
  366. <div class="ctinf"><div class="pcont">
  367. <div class="pname">Theoxaris Von Malowitz</div>
  368. <div class="pdesc">
  369. <b>FC:</b><br>
  370. Chris Zylka<br>
  371. <b>Verse:</b><br>
  372. [01] Coming Soon <br>
  373. <b>Tags to Track:</b><br>
  374. Starters <b>ϟ</b> Closed <b>ϟ</b> Convo's <br>
  375. <b>Original Blog:</b><br>
  376. <a href="http://theoxaris-von-malowitz.tumblr.com/">@theoxaris-von-malowitz</a>
  377. <div class="poth"><a href="/">Biography</a></div>
  378. </div></div></div>
  379. <img src="https://66.media.tumblr.com/720a69a65d06fa517fd6feaa65f8ae4d/tumblr_o6xp6h9Z6G1tsou7eo1_400.png" />
  380. </div></td>
  381.  
  382. <td><div class="ct">
  383. <div class="ctinf"><div class="pcont">
  384. <div class="pname">Thessalonike of Macedon</div>
  385. <div class="pdesc">
  386. <b>FC:</b><br>
  387. Lucy Fry<br>
  388. <b>Verse:</b><br>
  389. [01] Camp Halfblood <br>
  390. [02] More Coming Soon<br>
  391. <b>Tags to Track:</b><br>
  392. Starters <b>ϟ</b> Closed <b>ϟ</b> Convo's <br>
  393. <b>Original Blog:</b><br>
  394. <a href="http://sea-glass-mermaid.tumblr.com/">@sea-glass-mermaid</a>
  395. <div class="poth"><a href="/">Biography</a></div>
  396. </div></div></div>
  397. <img src="https://67.media.tumblr.com/e1f023c56e3cddf5c57a06fd3bfe8005/tumblr_o6xp6h9Z6G1tsou7eo3_1280.png" />
  398. </div></td>
  399.  
  400. <!-- end -->
  401. </tr>
  402. </table>
  403.  
  404. </div>
  405.  
  406. <a href="http://luhyns.tumblr.com/"><div id="tm"><div id="crt2">TM</div>
  407. <div id="min">dyothms</div></div></a>
  408.  
  409. </body>
  410.  
  411. </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!