Advertisement
codejam

house of mormont

Sep 28th, 2017
409
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.88 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>house of mormont</title>
  3. <link rel="shortcut icon" href="https://i.imgur.com/VvSxIIU.png">
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Just+Another+Hand|Vibur" rel="stylesheet">
  6. <link href="https://codiefoster.neocities.org/fonts/gameofthrones.css" rel="stylesheet">
  7.  
  8. <style>
  9.  
  10. /* original code credit: davyj@ij
  11. edits: squirtle@ij */
  12. /* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij */
  13.  
  14.  
  15. table, tr, td {padding: px;}
  16.  
  17. .entrybox td.index, .index3{
  18. display: none;
  19. }
  20.  
  21.  
  22. td {
  23. font-family: helvetica;
  24. font-size: 8pt;
  25. line-height: 9pt;
  26. color: #000;
  27. letter-spacing: px;
  28. }
  29.  
  30. tr.caption {
  31. display:none
  32. }
  33.  
  34. .caption img{display:none; visibility:hidden;}
  35. .ljuser img {display:none;}
  36.  
  37. .shadowed img {
  38. display: none;
  39. }
  40.  
  41. body{
  42. background: #3c5148;
  43. background-image:url('https://i.pinimg.com/736x/f8/7d/b9/f87db9971d570ce454210cbac1c2c396--green-paint-colors-exterior-paint-colors.jpg');
  44. background-attachment: fixed;
  45. margin-top: 30px !important;
  46. }
  47.  
  48. a { color: #bcd2c3; text-shadow: ; text-decoration: none; -moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out; opacity: .5;}
  49. a:hover { color: #bcd2c3; text-shadow: ; text-decoration: none;-moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out; opacity: 1.0;}
  50.  
  51. .entrybox {
  52. background-image:url();
  53. background-color: rgba(255,240,211,.3);
  54. width: 600px;
  55. margin-top: 10px;
  56. margin-bottom: 15px;
  57. padding: 5px;
  58. border-radius: 0px;
  59. box-shadow: 0px;
  60. border: 1px dotted #8b836d;
  61. }
  62.  
  63. /*subject*/
  64. p table table td.caption {
  65. font-family: got;
  66. font-size: 9pt;
  67. line-height: 12pt;
  68. letter-spacing: 0.5px;
  69. text-transform: uppercase;
  70. color: #1b2727;
  71. text-shadow: 1px 1px 1px #222;
  72. font-weight: 400;
  73. padding-bottom: 2px;
  74. border-bottom: 1px dotted #28323a;
  75. opacity: .7;
  76. }
  77.  
  78.  
  79. /*mood & music*/
  80. .entrybox td.meta {
  81. font-family: monospace;
  82. font-size: 7px;
  83. text-shadow: ;
  84. color: #222;
  85. line-height: 10px;
  86. text-transform: uppercase;
  87. opacity: .7;
  88. padding-top: px;
  89. }
  90.  
  91. .index {
  92. font-weight: lighter;
  93. color: #dab484;
  94. font-family: monospace;
  95. font-size: 4pt;
  96. line-height: 3pt;
  97. letter-spacing: 1pt;
  98. text-transform: uppercase;
  99. padding: 0px;
  100. }
  101.  
  102. .comments {
  103. font-family: monospace;
  104. font-size: 9px;
  105. line-height: 10px;
  106. letter-spacing: 1px;
  107. text-transform: uppercase;
  108. font-weight: bold;
  109. padding-top: 8px;
  110. }
  111.  
  112. /*bottom nav text*/
  113. p table table table td.meta {
  114. font-family: monospace;
  115. font-size: 6pt;
  116. line-height: 2px;
  117. letter-spacing: 0.5px;
  118. font-weight: lighter;
  119. text-transform: uppercase;
  120. color: transparent;
  121. }
  122.  
  123. table table table table .meta {visibility:hidden; position:absolute; top:1px}
  124. table table table table table .meta {visibility:visible; position:relative; top:1px}
  125. tr.caption {display:none}
  126. .shadowed td div {visibility:hidden; position:absolute; top:1px}
  127. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  128.  
  129. p table table td.index {display:none;}
  130.  
  131. .supguys {
  132. padding-left:15px; padding-top: 1px; padding-bottom: 6px; padding-right: 6px; color:#222; text-align: justify;
  133. background-image:url();background-color: rgba();box-shadow: 0px; background-position:;
  134. box-shadow: ; border-radius:0px;
  135. font-family: monospace; font-size: 12px;
  136. color:#d5dddf;
  137. text-shadow: 2px 2px 2px #445026;
  138. line-height: 10px; letter-spacing:0.5; text-transform:uppercase;
  139. text-decoration:none; display:block; opacity: 1.0;
  140. -webkit-transition-duration: 0.9s;
  141. -moz-transition-duration: 0.9s;
  142. -o-transition-duration: 0.9s;
  143. -ms-transition-duration: 0.9s;}
  144.  
  145. .links {text-shadow: 2px 2px 2px #445026; letter-spacing: 2px;
  146. color:#b2c5b2; font-family: got;
  147. font-size: 20pt; line-height:30pt;
  148. text-transform: lowercase; text-align: right; }
  149. .links2 { font-family: got; color:#69913b; font-size: 18pt; line-height: 25pt; text-transform: uppercase; letter-spacing: -1.5px;}
  150.  
  151. .dot1 {
  152. background-color: #212528; }
  153. .dot2 {
  154. background-color: #999788; }
  155. .dot3 {
  156. background-color: #c9c1b6; }
  157. .dot4 {
  158. background-color: #403b35; }
  159.  
  160. a#heythere {
  161. border-radius: 0px;
  162. color: transparent;
  163. display: inline-block;
  164. border-radius: 5px;
  165. height: 5px;
  166. font-family: monospace;
  167. font-size: 6px;
  168. line-height: 5px;
  169. overflow: hidden;
  170. padding: 2px;
  171. padding-top: 1px;
  172. text-align: center;
  173. text-shadow: none;
  174. text-transform: uppercase;
  175. transition: all 0.3s ease-in;
  176. vertical-align: text-top;
  177. width: 5px;
  178. -webkit-transition: all 0.6s ease-in; }
  179.  
  180. a#heythere:hover {
  181. color: #fff;
  182. font-family: monospace;
  183. font-size: 6px;
  184. height: 5px;
  185. text-transform: uppercase;
  186. transition: all 0.3s ease-in;
  187. width: 40px;
  188. -webkit-transition: all 0.6s ease-in; }
  189.  
  190. #claw{position:absolute; visibility: visible; top:20px; left:38.0%; margin-left: -550px; width: 180px;}
  191. #bear{position:absolute; visibility: visible; top:-5px; left:38.0%; margin-left: 380px; width: 180px;}
  192.  
  193.  
  194. -->
  195. </style>
  196.  
  197.  
  198.  
  199. <=GLOBAL_HEAD
  200.  
  201. FRIENDS_WEBSITE<=
  202. <style>
  203.  
  204.  
  205.  
  206. <!--
  207. table table table table .meta {visibility:hidden;position:absolute;top:1px}
  208. table table table table table .meta {visibility:visible;position:relative;top:1px}
  209. -->
  210. </style>
  211.  
  212. <div id="claw"><img src="https://i.imgur.com/ky2FXok.png" width="400" style="border-radius: 0px; opacity: 0.6; display:inline;"></div>
  213.  
  214. <div id="bear"><img src="https://i.imgur.com/FC833kB.png" width="200" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
  215.  
  216.  
  217. <tr><td colspan="0" width="400">
  218. <table width="450" height="10" align="left" style="margin-left: 0px;" cellspacing="0" border="0" cellpadding="0">
  219. <tr><td valign="left">
  220. <font class="links"><img src="https://i.pinimg.com/originals/50/f4/c8/50f4c8733b06b68338f0be49f13b7db8.gif" width="400" style="background-image:url(); background-color: rgba(); width: 200px; border: 1px dotted #da8068; box-shadow: 2px 2px 2px #222; padding: px; margin-top: 5px; margin-right: 10px; border-radius: 100px 100px 0px 100px; display: inline; transform:rotate(-8deg); -webkit-transform:rotate(-8deg);" align="left">house of mormont</font>
  221. <font class="supguys"><center>here we stand</center><p align="right"><a class="dot1" id="heythere" href="/">entries</a> <a class="dot2" id="heythere" href="/friends">friends</a> <a class="dot3" id="heythere" href="/calendar">calendar</a> <a class="dot4" id="heythere" href="/info">profile</a></p>
  222. </font></td></tr></table>
  223.  
  224. <=FRIENDS_WEBSITE
  225.  
  226. LASTN_WEBSITE<=
  227. <style>
  228.  
  229.  
  230.  
  231. <!--
  232. table table table table .meta {visibility:hidden;position:absolute;top:1px}
  233. table table table table table .meta {visibility:visible;position:relative;top:1px}
  234. -->
  235. </style>
  236.  
  237. <div id="claw"><img src="https://i.imgur.com/ky2FXok.png" width="400" style="border-radius: 0px; opacity: 0.6; display:inline;"></div>
  238.  
  239. <div id="bear"><img src="https://i.imgur.com/FC833kB.png" width="200" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
  240.  
  241.  
  242. <tr><td colspan="0" width="400">
  243. <table width="450" height="10" align="left" style="margin-left: 0px;" cellspacing="0" border="0" cellpadding="0">
  244. <tr><td valign="left">
  245. <font class="links"><img src="https://i.pinimg.com/originals/50/f4/c8/50f4c8733b06b68338f0be49f13b7db8.gif" width="400" style="background-image:url(); background-color: rgba(); width: 200px; border: 1px dotted #da8068; box-shadow: 2px 2px 2px #222; padding: px; margin-top: 5px; margin-right: 10px; border-radius: 100px 100px 0px 100px; display: inline; transform:rotate(-8deg); -webkit-transform:rotate(-8deg);" align="left">house of mormont</font>
  246. <font class="supguys"><center>here we stand</center><p align="right"><a class="dot1" id="heythere" href="/">entries</a> <a class="dot2" id="heythere" href="/friends">friends</a> <a class="dot3" id="heythere" href="/calendar">calendar</a> <a class="dot4" id="heythere" href="/info">profile</a></p>
  247. </font></td></tr></table>
  248.  
  249. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement