API tools faq
paste
Advertisement
codejam

wolf mountain

codejam
Sep 29th, 2017
1,286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.52 KB | None | 0 0
raw download clone embed print report
  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
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!