codejam

house of manderly

Sep 28th, 2017
571
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.65 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <link href="http://fonts.googleapis.com/css?family=Voltaire" rel="stylesheet" type="text/css">
  3. <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
  4. <link href="http://fonts.googleapis.com/css?family=Codystar" rel="stylesheet" type="text/css">
  5. <link href="http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet" type="text/css">
  6. <link href="http://fonts.googleapis.com/css?family=Autour+One" rel="stylesheet" type="text/css">
  7. <link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css">
  8. <link href="http://fonts.googleapis.com/css?family=Londrina+Sketch" rel="stylesheet" type="text/css">
  9. <link rel="stylesheet" href="https://handcuffs.neocities.org/this.css">
  10. <link href="https://fonts.googleapis.com/css?family=Hind:500" rel="stylesheet" type="text/css">
  11. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
  12. <link href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css">
  13. <link rel="stylesheet" href="http://robinred.neocities.org/css/sun.css">
  14. <link href="http://www.finfriends.com/wp-content/uploads/2017/03/products-04.png" rel="icon" type="image/x-icon" />
  15. <title>house of manderly</title>
  16. <style>
  17.  
  18. /* original code credit: ʟʟᴇᴡᴇʟʟʏɴ@ɪᴊ, ʙɪᴊᴀɴ@ɪᴊ, ᴄᴀᴛᴄᴀғᴇ@ɪᴊ
  19. edits: squirtle@ij */
  20. /* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij */
  21.  
  22.  
  23. /* cursor */
  24. body, a {cursor:url(http://i.imgur.com/01WOM2m.png), default;}
  25. a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}
  26.  
  27. /* background */
  28. body{background: url() ;background-attachment:fixed;
  29. background-color:#c0ddea;
  30. background: -webkit-linear-gradient(#085266, #059c99);
  31. background: -o-linear-gradient(#085266, #059c99);
  32. background: -moz-linear-gradient(#085266, #059c99);
  33. background: linear-gradient(#085266, #059c99);
  34. }
  35. overflow-x: hidden; margin-top: 0px; margin-top:0px;}
  36.  
  37.  
  38.  
  39. /* custom header/sidebar */
  40. .shadowed td div {
  41. position: absolute;
  42. top: 0px;
  43. visibility: hidden;
  44. }
  45.  
  46. .shadowed span#navigation img {
  47. display: inline;
  48. position: relative;
  49. visibility: visible;
  50. }
  51.  
  52. table table table table .meta {
  53. position: absolute;
  54. top: 0px;
  55. visibility: hidden;
  56. }
  57.  
  58. table table table table table .meta {
  59. position: relative;
  60. top: 0px;
  61. visibility: visible;
  62. }
  63.  
  64. tr.caption {
  65. display: none;
  66. }
  67.  
  68. #sidebar {
  69. margin-right: 370px;
  70. position: absolute;
  71. right: 50.0%;
  72. top: 45px;
  73. visibility: visible;
  74. width: 85px;
  75. z-index: 0;
  76. }
  77.  
  78. #gif {
  79. background: repeating-linear-gradient(to bottom right, #54ba82, #059c99, #54ba82);
  80. box-shadow: 1px 1px 2px 1px #0b0733;
  81. display: inline;
  82. padding: 3px;
  83. position: relative;
  84. width: 132px;
  85. }
  86.  
  87. #tilt {
  88. position:relative;
  89. width:95;
  90. visibility: visible;
  91. top: 69px;
  92. left:-386px;
  93. z-index:97;
  94. height:0px;
  95. align:center;
  96. }
  97.  
  98. #dot {
  99. z-index: 100;
  100. display: inline-block;
  101. height: 15px;
  102. width: 15px;
  103. border-radius: 50%;
  104. background-color: #6A6A6A;
  105. -webkit-text-fill-color: transparent;background:
  106. -webkit-linear-gradient(transparent, transparent), center url(http://i.imgur.com/GdzdcnR.png);
  107. background: image url(http://i.imgur.com/DGHkqvS.png);
  108. border: 2px solid #059c99;
  109. transition: all 0.3s ease-in;}
  110.  
  111. #dot:hover
  112. {border: 2px solid #60db8e;
  113. transition: all 0.6s ease-in; }
  114.  
  115. .nav {
  116. font-family: hang;
  117. display: block;
  118. font-size: 34px;
  119. line-height: 34px;
  120. letter-spacing: 1px;
  121. color: #bebebe;
  122. -webkit-text-fill-color: transparent;background:
  123. -webkit-linear-gradient(transparent, transparent), center url(http://i.imgur.com/UreDGQw.png);
  124. background: -o-linear-gradient(transparent, transparent);
  125. -webkit-background-clip: text;
  126. -webkit-text-stroke: 1px #003471;
  127. border-bottom: 0px solid;
  128. border-image: url(http://i.imgur.com/UreDGQw.png) 1;
  129. border-left: 0px;
  130. border-right: 0px;
  131. border-top: 0px;
  132. text-align: justify;
  133. text-transform: lowercase;
  134. text-indent: 13px;
  135. }
  136.  
  137. /* default text alignment */
  138. tr {
  139. text-align: justify;
  140. }
  141.  
  142. /* default font */
  143. td {
  144. color: #000;
  145. font-family: calibri;
  146. font-size: 11px;
  147. letter-spacing: 0px;
  148. line-height: 11px;
  149. text-transform: none;
  150. }
  151.  
  152. /* hides journal title */
  153. table table tr.caption td.caption {
  154. visibility: hidden;
  155. }
  156.  
  157. /* link effects */
  158. a {
  159. text-decoration: none;
  160. color:#60db8e;
  161. }
  162.  
  163. a:hover {
  164. text-decoration: none;
  165. }
  166.  
  167. /* default icon effects */
  168. .shadowed img {
  169. display: none;
  170. }
  171.  
  172. /* table spacing */
  173. table {
  174. margin-bottom: -2px;
  175. }
  176.  
  177. /* entrybox */
  178. .entrybox {
  179. background-color: rgba(255, 255, 255, 0.25);
  180. background-image: url(http://i.imgur.com/GdzdcnR.png);
  181. border-bottom: 2px solid #000;
  182. border-image: repeating-linear-gradient(to right, #059c99, #54ba82) 10;
  183. box-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
  184. margin-top: -29px;
  185. margin-bottom: 43px;
  186. border-radius: 0px 0px 5px 5px;
  187. }
  188.  
  189. /* hides privacy icons */
  190. .caption img {
  191. display: none;
  192. }
  193.  
  194. /* hides user icons */
  195. .ljuser img {
  196. display: none;
  197. }
  198.  
  199. /* changes content before linked usernames */
  200. .ljuser:before {
  201. content: "";
  202. }
  203.  
  204.  
  205. /* customizes friend icons */
  206. a.entrybox tr td table tr td table tr td {
  207. visibility:visible !important;
  208. }
  209.  
  210.  
  211. /* subject */
  212. p table table td.caption {
  213. border-bottom: 0px solid;
  214. border-image: url(http://i.imgur.com/1m052uM.png) 1;
  215. border-left: 0px;
  216. border-right: 0px;
  217. border-top: 0px;
  218. color: #000;
  219. text-shadow: 0px 0px 1px #aaa;
  220. display: block;
  221. font-family: calibri, arial;
  222. font-size: 8px;
  223. letter-spacing: 1px;
  224. line-height: 4px;
  225. text-align: justify;
  226. text-transform: uppercase;
  227. }
  228.  
  229. /* custom date & time */
  230. .index2 {
  231. color: #bebebe;
  232. display: block;
  233. font-family: calibri, arial;
  234. font-size: 8px;
  235. letter-spacing: 1px;
  236. line-height: 1px;
  237. text-align: left;
  238. text-transform: uppercase;
  239. }
  240.  
  241. /* comments */
  242. .comments {
  243. color: #bebebe;
  244. font-family: calibri, arial;
  245. font-size: 8px;
  246. letter-spacing: 1px;
  247. line-height: 7px;
  248. text-align: right;
  249. text-transform: uppercase;
  250. text-shadow: 0px 0px 1px #aaa;
  251. }
  252.  
  253. /* navigation */
  254. tr.caption {
  255. line-height: 0px;
  256. visibility: hidden;
  257. }
  258.  
  259. a.index {
  260. visibility: visible;
  261. }
  262.  
  263. .index {
  264. font-family: calibri, arial;
  265. font-size: 8px;
  266. font-weight: normal;
  267. letter-spacing: 1px;
  268. line-height: 0px;
  269. text-transform: uppercase;
  270. }
  271.  
  272. /* viewing */
  273. .meta {
  274. font-family: calibri, arial;
  275. text-transform: uppercase;
  276. font-size: 8px;
  277. line-height: 8px;
  278. letter-spacing: 1px;
  279. text-align: justify;
  280. text-shadow: 0px 0px 1px #aaa;
  281. }
  282.  
  283. .index img {
  284. background: repeating-linear-gradient(to bottom right, rgba(0, 52, 113, 0.8), rgba(173, 193, 215, 0.8), rgba(0, 52, 113, 0.8));
  285. border-radius: 75px;
  286. box-shadow: 1px 1px 2px 1px rgba(215, 215, 215, 1);
  287. height: 50px;
  288. margin-bottom: 8px;
  289. margin-right: 3px;
  290. padding: 3px;
  291. width: 50px;
  292. }
  293.  
  294. /* scrollbar */
  295. ::-webkit-scrollbar {
  296. width: 3px;
  297. }
  298.  
  299. ::-webkit-scrollbar-track {
  300. border-radius: 0px;
  301. -webkit-box-shadow: inset 0 0 5px rgba(215, 215, 215, 1);
  302. }
  303.  
  304. ::-webkit-scrollbar-thumb {
  305. border-radius: 0px;
  306. -webkit-box-shadow: inset 0 0 15px rgba(215, 215, 215, 1);
  307. }
  308.  
  309. /* CSS */
  310.  
  311. #mountain2{
  312. position:absolute;
  313. top: 55px;
  314. margin-left: 590px;
  315. z-index: 1;
  316. width: 300px;
  317.  
  318. }
  319.  
  320.  
  321. </style>
  322.  
  323.  
  324. <=GLOBAL_HEAD
  325.  
  326. FRIENDS_WEBSITE<=
  327. <style>
  328.  
  329.  
  330.  
  331. table table table table .meta {visibility:hidden; position:absolute;}
  332. table table table table table .meta {visibility:visible; position:relative;}
  333. tr.caption {display:none}
  334. .shadowed td div {visibility:hidden; position:absolute; top:0px}
  335. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  336. </style>
  337.  
  338.  
  339.  
  340.  
  341.  
  342. <table cellspacing="0" cellpadding="0" border="0" summary="">
  343. <tr><td colspan="5" valign="bottom">
  344. <table align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: -15px; margin-left: -9px; margin-top: 13px; width: 600px;">
  345. <tr><td align="middle">
  346. <font class="nav"><br>
  347. </font>
  348. <div id="sidebar">
  349. <img id="gif" src="http://25.media.tumblr.com/tumblr_ly3lpoR8n11qfgeego1_500.gif">
  350. </div>
  351. <div id="tilt"><a href="/" title="ᴊᴏᴜʀɴᴀʟ" id="dot"></a> <a href="/profile" title="ᴘʀᴏғɪʟᴇ" id="dot"></a> <a href="/friends" title="ғʀɪᴇɴᴅs" id="dot"></a></div>
  352. </td></tr></table>
  353.  
  354. <div id="mountain2">
  355. <img src="https://i.imgur.com/q0LgUXU.png" style="display: block; width: 310px; height: px; opacity: 0.3; visibility: visible; border-radius: 0px !important;">
  356. </div>
  357. <=FRIENDS_WEBSITE
  358.  
  359. LASTN_WEBSITE<=
  360. <style>
  361.  
  362.  
  363.  
  364. table table table table .meta {visibility:hidden; position:absolute;}
  365. table table table table table .meta {visibility:visible; position:relative;}
  366. tr.caption {display:none}
  367. .shadowed td div {visibility:hidden; position:absolute; top:0px}
  368. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  369. </style>
  370.  
  371.  
  372.  
  373.  
  374.  
  375. <table cellspacing="0" cellpadding="0" border="0" summary="">
  376. <tr><td colspan="5" valign="bottom">
  377. <table align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: -15px; margin-left: -9px; margin-top: 13px; width: 600px;">
  378. <tr><td align="middle">
  379. <font class="nav"><br>
  380. </font>
  381. <div id="sidebar">
  382. <img id="gif" src="http://25.media.tumblr.com/tumblr_ly3lpoR8n11qfgeego1_500.gif">
  383. </div>
  384. <div id="tilt"><a href="/" title="ᴊᴏᴜʀɴᴀʟ" id="dot"></a> <a href="/profile" title="ᴘʀᴏғɪʟᴇ" id="dot"></a> <a href="/friends" title="ғʀɪᴇɴᴅs" id="dot"></a></div>
  385. </td></tr></table>
  386.  
  387. <div id="mountain2">
  388. <img src="https://i.imgur.com/q0LgUXU.png" style="display: block; width: 310px; height: px; opacity: 0.3; visibility: visible; border-radius: 0px !important;">
  389. </div>
  390. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment