Advertisement
codejam

minna galaxy

Oct 6th, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.13 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>m.</title>
  3. <meta charset="UTF-8">
  4. <link rel="shortcut icon" href="http://www.freeiconspng.com/uploads/stars-png-23.png">
  5. <link rel="stylesheet" href="http://minna.neocities.org/fonts/kiss.css">
  6. <link rel="stylesheet" href="http://minna.neocities.org/css/import.css">
  7. <link rel="stylesheet" href="http://minna.neocities.org/css/dropdown.css">
  8. <link rel="stylesheet" href="http://minna.neocities.org/css/stars.css">
  9. <link rel="stylesheet" href="http://minna.neocities.org/css/planet.css">
  10. <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
  12.  
  13.  
  14. <style>
  15.  
  16.  
  17. /* 𝚌𝚛𝚎𝚍𝚒𝚝: @𝚖𝚒𝚗𝚗𝚊 // 𝚑𝚊𝚙𝚙𝚢 𝚝𝚘 𝚑𝚎𝚕𝚙 𝚠𝚒𝚝𝚑 𝚊𝚗𝚢 𝚚𝚞𝚎𝚜𝚝𝚒𝚘𝚗𝚜. 𝚙𝚕𝚎𝚊𝚜𝚎 𝚛𝚎𝚑𝚘𝚜𝚝 𝚌𝚜𝚜.*/
  18.  
  19.  
  20.  
  21. /* IJ OVERRIDES. */
  22.  
  23.  
  24. /* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
  25. table {
  26. border: 0p;
  27. }
  28. table table {
  29. border: 0px;
  30. }
  31.  
  32. /* JUSTIFIES TEXT */
  33. tr {
  34. text-align:justify;
  35. }
  36.  
  37. /* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
  38. .entrybox {
  39. width:594px;
  40. }
  41.  
  42. /* ENTRYBOX DISPLAY. you can override the header box by messing with .shadowed class */
  43. .entrybox, .shadowed {
  44. 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. */
  45. box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
  46. border-radius: 2px; /* adding a very slight rounding to the edges */
  47. -webkit-border-radius: 2px;
  48. -moz-border-radius: 2px;
  49. }
  50.  
  51.  
  52. /* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
  53. table table table td.meta {
  54. font-size: 0px;
  55. line-height: 0px;
  56. display: none;
  57. }
  58.  
  59. /* CHANGES FONT SIZES FOR IJ LINKS */
  60. p table.entrybox table table td.meta, table table table td.meta a {
  61. font-size:6px;
  62. line-height: 6px;
  63. font-family: mada;
  64. letter-spacing:1px;
  65. margin-right: 10px;
  66. }
  67.  
  68. /* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
  69. table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
  70. visibility: hidden;
  71. line-height: 0px;
  72. }
  73.  
  74. .entrybox td.index {
  75. display: none;
  76. }
  77.  
  78. /* PAGE FONT */
  79. tr, td, table, body {
  80. font-family: mada;
  81. font-size: 6px;
  82. color: #333;
  83. letter-spacing: 1px;
  84. line-height: 10px;
  85. font-weight: lighter;
  86. text-transform: uppercase;
  87. padding: 1px;
  88. }
  89.  
  90. /* SETS HOW BOLDED TEXT LOOKS */
  91. b {
  92. font-weight: normal !important;
  93. }
  94.  
  95. /* SUBJECT LINE APPEARANCE & FONT */
  96. p table table td.caption {
  97. font-family: mada;
  98. font-size: 8px;
  99. color: #333;
  100. letter-spacing: 1px;
  101. line-height: 8px;
  102. font-weight: lighter;
  103. margin-bottom: -4px;
  104. text-shadow: 0px 0px 1px #404040;
  105. text-transform:uppercase;
  106. padding: 0px;
  107. }
  108.  
  109. /* NAMEFIELD - note: this pulls your default namefield */
  110. .shadowed td div {
  111. font-family: kiss;
  112. font-size: 8px;
  113. line-height: 4px;
  114. color:#000;
  115. text-transform: lowercase;
  116. margin-left: 19px;
  117. margin-bottom: -5px;
  118. margin-top: 9px;
  119. }
  120.  
  121. /* MISC LITTLE TEXT. e.g. navigation/date and time. */
  122. p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
  123. font-family: mada;
  124. font-size: 6px;
  125. line-height: 8px;
  126. letter-spacing: 1px;
  127. color:#222222;
  128. text-shadow:0px 0px 0px #ddd;
  129. font-weight: lighter;
  130. text-transform: uppercase;
  131. }
  132.  
  133. .meta, td.meta {
  134. text-align: center;}
  135.  
  136. .date {
  137. padding:0;
  138. display:block;
  139. text-align:left; font-size: 6px;
  140. }
  141.  
  142. / * HIDES DATE * /
  143. .dates {
  144. display: none;
  145. }
  146.  
  147. /* LINK EFFECTS */
  148. a {
  149. color: #333;
  150. text-shadow: 0px 0px 1px #b7b7b7;
  151. text-decoration: none;
  152. -webkit-transition-duration: 1.0s;
  153. -moz-transition-duration: 1.0s;
  154. -o-transition-duration: 1.0s;
  155. }
  156.  
  157. A:hover {
  158. text-decoration: none;
  159. color: #95a8c0;
  160. }
  161.  
  162. .shadowed td div img {
  163. box-shadow: 0 0 0 !important;
  164. }
  165.  
  166. /* USERICONS & LOCKS - note: this pulls your default icon. */
  167. .shadowed img, .index img {
  168. border-radius: 0px;
  169. opacity: .75;
  170. filter:alpha(opacity=75);
  171. height: 100px; /* ADJUST SIZE OF ICON */
  172. width: 100px; /* ADJUST SIZE OF ICON */
  173. }
  174.  
  175. .shadowed img {
  176. border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
  177. -webkit-border-radius: 10px;
  178. -moz-border-radius: 10px;
  179. padding: 0px;
  180. position: relative;
  181. z-index: 1;
  182. display: none;
  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. /* FRIENDS PAGE ICON BACKGROUND/FONT */
  227. .entrybox a.index {
  228. background:transparent;
  229. color:#808080;
  230. font-size:8px;
  231. }
  232.  
  233. /* SCROLLBAR APPEARANCE */
  234. ::-webkit-scrollbar {width: 4px;}
  235. /* UNDERNEATH BAR */
  236. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
  237. /* TOP BAR */
  238. ::-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);}
  239.  
  240. /* CURSOR */
  241. body, a, a:hover {
  242. cursor:url(http://i.imgur.com/ONVDMqu.png), default;
  243. .}
  244.  
  245. /* CSS */
  246.  
  247. #starfield {
  248. position: absolute;
  249. left: 0;
  250. }
  251.  
  252. #constellation {
  253. width: 560px;
  254. margin: 0 auto;
  255. position: relative;
  256. }
  257.  
  258. #galaxies {
  259. position:absolute;
  260. top: -38px;
  261. right: -7px;
  262. z-index: 7;
  263. }
  264.  
  265. #asteroid {
  266. position:absolute;
  267. top: -25px;
  268. right: 41px;
  269. z-index: 6;
  270. width: 10px
  271. }
  272.  
  273. #icon {
  274. position:absolute;
  275. top: -81px;
  276. margin-left: 366px;
  277. z-index: 2;
  278. }
  279.  
  280.  
  281. </style>
  282.  
  283. <=GLOBAL_HEAD
  284.  
  285. FRIENDS_WEBSITE<=
  286.  
  287. <table cellspacing="0" cellpadding="0" border="0" summary="">
  288.  
  289.  
  290. <style>
  291.  
  292. body {
  293. overflow: hidden;
  294. }
  295. </style>
  296.  
  297.  
  298. <div id="starfield">
  299. <div id="stars"></div>
  300. <div id="stars2"></div>
  301. <div id="stars3"></div>
  302. </div>
  303.  
  304. <div id="constellation">
  305.  
  306. <div id="galaxies">
  307. <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></font>
  308.  
  309. <div id="asteroid">
  310. <nav class="menu">
  311. <ul class="clearfix">
  312. <li>
  313. <a href="#"><span class="arrow">&#5572;</span></a>
  314. <ul class="sub-menu">
  315. <li><a href="/2010/01/01">Customs</a></li>
  316. <li><a href="/2003/03/03/">Scenes</a></li>
  317. <li><a href="/2002/02/02/">OOC</a></li>
  318. <li><a href="/2004/04/04">Codes</a></li>
  319. <li><a href="http://minna.neocities.org">Wiki</a></li>
  320. </ul>
  321. </li>
  322. </ul>
  323. </nav>
  324. </div>
  325.  
  326. </div>
  327.  
  328. <div id="icon">
  329. <div class="wrapper">
  330. <a href="http://minna.insanejournal.com/profile"><div class="ring"></div></a>
  331. <a href="http://minna.insanejournal.com/profile"><div class="ring-behind"></div></a>
  332. <a href="http://minna.insanejournal.com/profile"><div class="planet"></div></a>
  333. </div>
  334. </div>
  335.  
  336. <=FRIENDS_WEBSITE
  337.  
  338. LASTN_WEBSITE<=
  339.  
  340.  
  341. <table cellspacing="0" cellpadding="0" border="0" summary="">
  342.  
  343.  
  344. <style>
  345.  
  346. body {
  347. overflow: hidden;
  348. }
  349. </style>
  350.  
  351.  
  352. <div id="starfield">
  353. <div id="stars"></div>
  354. <div id="stars2"></div>
  355. <div id="stars3"></div>
  356. </div>
  357.  
  358. <div id="constellation">
  359.  
  360. <div id="galaxies">
  361. <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></font>
  362.  
  363. <div id="asteroid">
  364. <nav class="menu">
  365. <ul class="clearfix">
  366. <li>
  367. <a href="#"><span class="arrow">&#5572;</span></a>
  368. <ul class="sub-menu">
  369. <li><a href="/2010/01/01">Customs</a></li>
  370. <li><a href="/2003/03/03/">Scenes</a></li>
  371. <li><a href="/2002/02/02/">OOC</a></li>
  372. <li><a href="/2004/04/04">Codes</a></li>
  373. <li><a href="http://minna.neocities.org">Wiki</a></li>
  374. </ul>
  375. </li>
  376. </ul>
  377. </nav>
  378. </div>
  379.  
  380. </div>
  381.  
  382. <div id="icon">
  383. <div class="wrapper">
  384. <a href="http://minna.insanejournal.com/profile"><div class="ring"></div></a>
  385. <a href="http://minna.insanejournal.com/profile"><div class="ring-behind"></div></a>
  386. <a href="http://minna.insanejournal.com/profile"><div class="planet"></div></a>
  387. </div>
  388. </div>
  389.  
  390. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement