Advertisement
codejam

wolf mountain

Sep 29th, 2017
1,302
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.52 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>TITLE</title>
  3. <meta charset="UTF-8">
  4. <link rel="shortcut icon" href="http://i.imgur.com/j3C4PJw.png">
  5. <link rel="stylesheet" href="http://minna.neocities.org/fonts/font.css">
  6. <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">
  7. <link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/autumnchant.css">
  8.  
  9. <style>
  10.  
  11.  
  12. /* ᴄʀᴇᴅɪᴛ: original layout base @ᴍɪɴɴᴀ with heavy edits by squirtle@ij -- please do not remove this credit */
  13.  
  14.  
  15. /* background */
  16. body{background: url(http://imgur.com/a/z0Hd4) ;background-attachment:fixed;
  17. background-color:#c0ddea;
  18. background: -webkit-linear-gradient(#d4d4d4, #094f64);
  19. background: -o-linear-gradient(#d4d4d4, #094f64);
  20. background: -moz-linear-gradient(#d4d4d4, #094f64);
  21. background: linear-gradient(#d4d4d4, #094f64);
  22. }
  23. overflow-x: hidden; margin-top: 0px; margin-top:0px;}
  24. table {margin-bottom: 0px;}
  25. .shadowed {background-color: #f9f9f9;}
  26.  
  27. /* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
  28. table {
  29. border: 0p;
  30. }
  31. table table {
  32. border: 0px;
  33. }
  34.  
  35. /* JUSTIFIES TEXT */
  36. tr {
  37. text-align:justify;
  38. }
  39.  
  40. /* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
  41. .entrybox {
  42. width:594px;
  43. }
  44.  
  45. /* ENTRYBOX DISPLAY. note: this also effects the "top box" with your icon, userinfo links, etc! */
  46. .entrybox, .shadowed {
  47. background-color: rgba(255, 255, 255, 0.2); /* set the colour of the entrybox. the 0.2 allows you to mess with the opacity. does not effect font opacity. */
  48. box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
  49. border-radius: 2px; /* adding a very slight rounding to the edges */
  50. -webkit-border-radius: 2px;
  51. -moz-border-radius: 2px;
  52. }
  53.  
  54. /* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
  55. table table table td.meta {
  56. font-size: 0px;
  57. line-height: 0px;
  58. }
  59.  
  60. /* CHANGES FONT SIZES FOR IJ LINKS */
  61. p table.entrybox table table td.meta, table table table td.meta a {
  62. font-size:6px;
  63. line-height: 6px;
  64. font-family: mada;
  65. letter-spacing:1px;
  66. margin-right: 10px;
  67. }
  68.  
  69. /* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
  70. table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
  71. visibility: hidden;
  72. line-height: 0px;
  73. }
  74.  
  75. .entrybox td.index {
  76. display: none;
  77. }
  78.  
  79. /* PAGE FONT */
  80. tr, td, table, body {
  81. font-family: mada;
  82. font-size: 6px;
  83. color: #333;
  84. letter-spacing: 1px;
  85. line-height: 10px;
  86. font-weight: lighter;
  87. text-transform: uppercase;
  88. padding: 1px;
  89. }
  90.  
  91. /* SETS HOW BOLDED TEXT LOOKS */
  92. b {
  93. font-weight: normal !important;
  94. }
  95.  
  96. /* SUBJECT LINE APPEARANCE & FONT */
  97. p table table td.caption {
  98. font-family: mada;
  99. font-size: 8px;
  100. color: #333;
  101. letter-spacing: 1px;
  102. line-height: 8px;
  103. font-weight: lighter;
  104. margin-bottom: -4px;
  105. text-shadow: 0px 0px 1px #404040;
  106. text-transform:uppercase;
  107. padding: 0px;
  108. }
  109.  
  110. /* NAMEFIELD - note: this pulls your default namefield */
  111. .shadowed td div {
  112. font-family: autumnchant;
  113. font-size: 12px;
  114. line-height: 3px;
  115. color:#000;
  116. text-transform: lowercase;
  117. margin-left: 20px;
  118. }
  119.  
  120. /* MISC LITTLE TEXT. e.g. navigation/date and time. */
  121. p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
  122. font-family: mada;
  123. font-size: 6px;
  124. line-height: 8px;
  125. letter-spacing: 1px;
  126. color:#222222;
  127. text-shadow:0px 0px 0px #ddd;
  128. font-weight: lighter;
  129. text-transform: uppercase;
  130. }
  131.  
  132. .date {
  133. padding:0;
  134. display:block;
  135. text-align:left; font-size: 6px;
  136. }
  137.  
  138. / * HIDES DATE * /
  139. .dates {
  140. display: none;
  141. }
  142.  
  143. /* LINK EFFECTS */
  144. a {
  145. color: #333;
  146. text-shadow: 0px 0px 1px #094f64 ;
  147. text-decoration: none;
  148. -webkit-transition-duration: 1.0s;
  149. -moz-transition-duration: 1.0s;
  150. -o-transition-duration: 1.0s;
  151. }
  152.  
  153. A:hover {
  154. filter: hue-rotate(342deg) saturate(0.9);
  155. -webkit-filter: hue-rotate(342deg) saturate(0.9);
  156. -moz-filter: hue-rotate(342deg) saturate(0.9);
  157. -ms-filter: hue-rotate(342deg) saturate(0.9);
  158. -o-filter: hue-rotate(342deg) saturate(0.9);
  159. text-decoration: none;
  160. color:#7aadc5;
  161. }
  162.  
  163. .shadowed td div img {
  164. box-shadow: 0 0 0 !important;
  165. }
  166.  
  167. /* USERICONS & LOCKS - note: this pulls your default icon. */
  168. .shadowed img, .index img {
  169. border-radius: 0px;
  170. opacity: 1.0;
  171. filter:alpha(opacity=75);
  172. height: 100px; /* ADJUST SIZE OF ICON */
  173. width: 100px; /* ADJUST SIZE OF ICON */
  174. }
  175.  
  176. .shadowed img {
  177. border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
  178. -webkit-border-radius: 10px;
  179. -moz-border-radius: 10px;
  180. padding: 0px;
  181. position: relative;
  182. z-index: 1;
  183. visibility: hidden; /* allows overriding it with a gif in css, keep it visibility: hidden not display: none in order to keep the height of the header box */
  184. }
  185.  
  186. p table table td.caption img {
  187. height:6px;
  188. width:7px;
  189. opacity:0.7;
  190. }
  191.  
  192. /* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
  193. img[src*="img/userinfo.gif"] {
  194. width: 0 !important;
  195. height: 0 !important;
  196. }
  197.  
  198. img[src*="img/community.gif"] {
  199. width: 0 !important;
  200. height: 0 !important;
  201. }
  202.  
  203. /* OPACITY FOR IMAGES */
  204. img {
  205. border: 0px;
  206. opacity:0.7;
  207. filter:alpha(opacity=70);
  208. border-radius:3px;
  209. -webkit-border-radius:3px;
  210. -moz-border-radius:3px;
  211. -moz-transition: all 1.0s ease-out;
  212. -o-transition: all 1.0s ease-out;
  213. -webkit-transition: all 1.0s ease-out;
  214. transition: all 1.0s ease-out;
  215. }
  216.  
  217. img:hover {
  218. opacity:1.0;
  219. filter:alpha(opacity=100);
  220. -moz-transition: all 1.0s ease-out;
  221. -o-transition: all 1.0s ease-out;
  222. -webkit-transition: all 1.0s ease-out;
  223. transition: all 1.0s ease-out;
  224. }
  225.  
  226.  
  227.  
  228. /* FRIENDS PAGE ICON BACKGROUND/FONT */
  229. .entrybox a.index {
  230. background:transparent;
  231. color:#808080;
  232. font-size:8px;
  233. }
  234.  
  235. /* SCROLLBAR APPEARANCE */
  236. ::-webkit-scrollbar {width: 4px;}
  237. /* UNDERNEATH BAR */
  238. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
  239. /* TOP BAR */
  240. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;border-radius:0px;background-image: url(https://s-media-cache-ak0.pinimg.com/736x/32/de/77/32de77f2336e5adb20b3fbf58d13d94a.jpg);}
  241.  
  242. /* CURSOR */
  243. body, a, a:hover {
  244. cursor:url(http://i.imgur.com/ONVDMqu.png), default;
  245. .}
  246.  
  247. /* CSS */
  248.  
  249. #circle{
  250. position:absolute;
  251. top: 3px;
  252. margin-left: -208px;
  253. visibility: visible;
  254. z-index: 2;
  255. visibility: visible !important;
  256. }
  257.  
  258. #dahlia {
  259. position:absolute;
  260. top: 17px;
  261. margin-left: 190px;
  262. z-index: 2;
  263. }
  264.  
  265. #moon{
  266. position:absolute;
  267. top: 30px;
  268. margin-left: 250px;
  269. z-index: 2;
  270. }
  271.  
  272. #moon2{
  273. position:absolute;
  274. top: 5px;
  275. margin-left: 350px;
  276. z-index: 2;
  277. }
  278.  
  279. #wolf{
  280. position:absolute;
  281. top: 180px;
  282. margin-left: -491px;
  283. z-index: 2;
  284. }
  285.  
  286. #wolf2{
  287. position:absolute;
  288. top: 250px;
  289. margin-left: -421px;
  290. z-index: 2;
  291. }
  292.  
  293. #icon {
  294. position:absolute;
  295. top: 35px;
  296. margin-left: -110px;
  297. z-index: 1;
  298. width: 100px;
  299. height: 100px;
  300. }
  301. #mountain{
  302. position:absolute;
  303. top: 55px;
  304. margin-left: 10px;
  305. z-index: 1;
  306. width: 300px;
  307.  
  308. }
  309. #mountain2{
  310. position:absolute;
  311. top: 0px;
  312. margin-left: 90px;
  313. z-index: 1;
  314. width: 150px;
  315.  
  316. }
  317. </style>
  318.  
  319.  
  320. <=GLOBAL_HEAD
  321.  
  322. FRIENDS_OPT_ITEMS=>3
  323.  
  324. FRIENDS_WEBSITE<=
  325.  
  326. <table cellspacing="0" cellpadding="0" border="0" summary="">
  327.  
  328.  
  329. <div id="mountain2">
  330. <img src="http://i.imgur.com/PjIhkVb.png" style="display: block; width: 250px; height: px; opacity: 0.8; visibility: visible; border-radius: 0px !important;">
  331. </div>
  332.  
  333.  
  334.  
  335. <div id="dahlia">
  336. <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a>&emsp;<a href="/2010/01/01/">CUSTOMS</a></font>
  337. </div>
  338.  
  339. <div id="moon2">
  340. <img src="http://i.imgur.com/IvDrYXw.png" style="display: block; width:30; height:30; opacity: 0.5; transform: rotate(0deg); visibility: visible;">
  341. </div>
  342.  
  343. <div id="wolf">
  344. <img src="http://i.imgur.com/b9u7Ij3.png" style="display: block; width:250px; height: 250px; transform: rotate(-5deg); opacity: 0.7; visibility: visible; border: 0px !important; border-radius: border-radius: 0px !important;">
  345. </div>
  346.  
  347.  
  348.  
  349. <=FRIENDS_WEBSITE
  350.  
  351. LASTN_OPT_ITEMS=>10
  352.  
  353. LASTN_WEBSITE<=
  354.  
  355. <table cellspacing="0" cellpadding="0" border="0" summary="">
  356.  
  357.  
  358. <div id="mountain">
  359. <img src="http://i.imgur.com/PjIhkVb.png" style="display: block; width: 250px; opacity: 1.0; visibility: visible; border-radius: 0px !important;">
  360. </div>
  361.  
  362. <div id="circle">
  363. <img src="http://i.imgur.com/V6cEKL1.png" style="display: block;margin-top: -18px;margin-left: 50px; width: 200px;height: 200px;opacity: .1; filter: hue-rotate(0deg); visibility: visible;">
  364. </div>
  365.  
  366.  
  367. <div id="dahlia">
  368. <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a>&emsp;<a href="/friends">FRIENDS</a>&emsp;<a href="/2010/01/01/">CUSTOMS</a></font>
  369. </div>
  370.  
  371. <div id="moon">
  372. <img src="http://i.imgur.com/IvDrYXw.png" style="display: block; width:50; height:50; opacity: 0.5; transform: rotate(0deg); visibility: visible;">
  373. </div>
  374.  
  375. <div id="wolf">
  376. <img src="http://i.imgur.com/b9u7Ij3.png" style="display: block; width:250px; height: 250px; transform: rotate(-5deg); opacity: 0.7; visibility: visible; border: 0px !important; border-radius: border-radius: 0px !important;">
  377. </div>
  378.  
  379. <div id="icon">
  380. <img src="http://www.insanejournal.com/userpic/35780491/4192030" style="display: block; width: 100px; height: 100px; opacity: 1.0; visibility: visible; border-radius: 100px !important;">
  381. </div>
  382.  
  383.  
  384. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement