Advertisement
codejam

use the force

Oct 24th, 2017
391
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.55 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <link rel="shortcut icon" href="https://i.imgur.com/4GwSyWa.png">
  3.  
  4. <link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/jedi.css">
  5. <link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/starwars.css">
  6.  
  7. <style>
  8. /* squirtle@ij */
  9.  
  10. /* page background */
  11. body {background: #EB5E47; /* fallback for old browsers */
  12. background: -webkit-linear-gradient(to bottom, #6d0f0c, #120e0e); /* Chrome 10-25, Safari 5.1-6 */
  13. background: linear-gradient(to bottom, #6d0f0c, #120e0e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
  14. body { margin-top: 321px !important;}
  15.  
  16. /* removes top */
  17. tr.caption {display:none}
  18. .shadowed td div {visibility:hidden; position:absolute; top:1px}
  19. .shadowed img{display:none;}
  20. .meta{text-transform: uppercase; font-size: 7px; font-family: helvetica, arial; letter-spacing: 1px; line-height: 0px; color: transparent;}
  21.  
  22. /* cursor */
  23. a, a:hover, body {cursor:url(https://i.imgur.com/cAavOUt.png), default; }
  24.  
  25. /* entrybox background */
  26. .entrybox {margin-left: -150px; background:url(https://i.imgur.com/aSaimuQ.png);}
  27. table{margin-bottom: -5px;}
  28.  
  29. /* entry font */
  30. td{ font-family: helvetica, arial; font-size: 11px; line-height: 12px;}
  31. tr{text-align:justify;}
  32.  
  33. /* subject lines */
  34. p table table td.caption { font-family: distant galaxy slant; color: #; font-size:13px; line-height:12px; letter-spacing: 1px; text-transform:uppercase;text-shadow: 0px 0px 1px #ff0000;}
  35.  
  36. /* links */
  37. a{color: #6d0f0c; font-family: distant galaxy bold; text-decoration: none; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
  38. a:hover{color: #6d0f0c; font-family: distant galaxy bold; text-decoration: none; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
  39.  
  40. /* privacy images */
  41. p table table td.caption img{width: 4pt; height: 4pt;}
  42.  
  43. /* removes date & time */
  44. .entrybox td.index, .index3{display:none;}
  45.  
  46. /* comments */
  47. .comments{text-transform: uppercase; font-size: 8px; font-family:helvetica; line-height:7px;}
  48.  
  49. /* header and sidebar things */
  50. #links {height: 0px; position: absolute; margin-top: 317px; visibility: visible; }
  51. #navi{position:relative; margin-left: 490px; z-index:3;}
  52. #coverimage {position: absolute; visibility: visible; top:-112px; right:50.0%; margin-right: -320px; z-index:1; text-align:justify; width:600px;}
  53. .picture {filter: alpha; align:center; margin-top:-35px; opacity: 0.8;}
  54. #background{position: absolute; visibility: visible; top: 2px; right:50.0%; margin-right: -220px; z-index:-1; text-align:justify; width:600px;}
  55. #one{position: absolute; visibility: visible; top: 150px; right:50.0%; margin-right: 180px; z-index:-1; text-align:justify; width:600px;}
  56. #two{position: absolute; visibility: visible; top: 20px; right:50.0%; margin-right: -870px; z-index:-1; text-align:justify; width:600px;}
  57. #side{ border-bottom: 0px dotted #d30737; position: absolute; visibility: visible; top:345px; right:50.0%; margin-right:-390px; z-index:2; text-align:justify; width:210px;}
  58. #sidebar {
  59. margin-right: -370px;
  60. position: absolute;
  61. right: 50.0%;
  62. top: 380px;
  63. visibility: visible;
  64. width: 85px;
  65. z-index: 0;
  66. }
  67.  
  68. .navlist {
  69. width: 300px;
  70. display: block;
  71. float: center;
  72. transition: all 0.4s ease-out;
  73. }
  74.  
  75. .navlist a:link, .navlist a:visited, .navlist a:active {
  76. font-family: distant galaxy bold;
  77. font-size: 10px;
  78. line-height: 14px;
  79. letter-spacing: 0px;
  80. font-weight: none;
  81. text-transform: uppercase;
  82. text-align: center;
  83. color: #120e0e;
  84. text-shadow: 0px 0px 2px #ff0000;
  85. text-decoration: none;
  86. background-image:url(http://i.imgur.com/FQSHLcr.png);
  87. background-color: #ffe9e9;
  88. border: 2px solid #ff0000;
  89. border-radius: 10px;
  90. width: 100px;
  91. display: block;
  92. float: left;
  93. margin-top: 2px;
  94. margin-bottom: 3px;
  95. transition: all 0.4s ease-out;
  96. }
  97.  
  98. .navlist a:hover {
  99. background-image:url(https://i.imgur.com/YSSqH6A.png);
  100. background-color: #ffe9e9;
  101. border: 2px solid #ff0000;
  102. margin-left: 0px;
  103. }
  104.  
  105. #gif {
  106. background: repeating-linear-gradient(to bottom right, #d92025, #af292e, #f12938);
  107. box-shadow: 1px 1px 1px 1px #fffef8;
  108. display: inline;
  109. padding: 3px;
  110. position: relative;
  111. width: 132px;
  112. }
  113.  
  114. /* usericons & locks. */
  115.  
  116. img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://icons.iconarchive.com/icons/sensibleworld/starwars/1024/R2D2-icon.png) no-repeat !important; padding:15px 0 0 15px !important; vertical-align:-1px !important;opacity:0.8;}
  117.  
  118. img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://icons.iconarchive.com/icons/sensibleworld/starwars/1024/R2D2-icon.png) no-repeat !important; padding:15px 0 0 15px !important; vertical-align:-1px !important;}
  119.  
  120. </style>
  121.  
  122.  
  123. <=GLOBAL_HEAD
  124.  
  125. FRIENDS_WEBSITE<=
  126.  
  127. <div id="coverimage"><img src="https://i.imgur.com/cDg9Smy.png" style="display:inline; width: 500px;"></div>
  128. <div id="background"><img src="https://i.imgur.com/4GwSyWa.png" style="display:inline; width: 300px; opacity: 0.3;"></div>
  129. <div id="sidebar">
  130. <img id="gif" src="https://fsmedia.imgix.net/14/84/2e/d2/0a14/4623/9528/2f909dffd437/adam-driver-as-kylo-ren.gif" class="picture" style="display:inline; width: 250px;">
  131. <br><br><span class="navlist">
  132. <a href="http://USERNAME.insanejournal.com/info">profile</a><img src="https://i.imgur.com/EMXboog.png" width="50" style="display:inline;"><br>
  133. <a href="http://USERNAME.insanejournal.com/friends">friends</a><img src="https://i.imgur.com/EMXboog.png" width="50" style="display:inline;"><br>
  134. <a href="http://USERNAME.insanejournal.com/">journal</a><img src="https://i.imgur.com/EMXboog.png" width="50" style="display:inline;">
  135. </span>
  136. </div>
  137. <div id="one"><img src="https://i.imgur.com/sWtPmNd.png" style="display:inline; width: 450px; opacity: 0.5; transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg);"></div>
  138. <div id="two"><img src="https://i.imgur.com/sWtPmNd.png" style="display:inline; width: 350px; opacity: 0.4; transform: rotate(-7deg); -ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);"></div>
  139.  
  140.  
  141.  
  142. <=FRIENDS_WEBSITE
  143.  
  144. LASTN_OPT_ITEMS=>3
  145.  
  146. LASTN_WEBSITE<=
  147.  
  148.  
  149. <div id="coverimage"><img src="https://i.imgur.com/cDg9Smy.png" style="display:inline; width: 500px;"></div>
  150. <div id="background"><img src="https://i.imgur.com/4GwSyWa.png" style="display:inline; width: 300px; opacity: 0.3;"></div>
  151. <div id="sidebar">
  152. <img id="gif" src="https://fsmedia.imgix.net/14/84/2e/d2/0a14/4623/9528/2f909dffd437/adam-driver-as-kylo-ren.gif" class="picture" style="display:inline; width: 250px;">
  153. <br><br><span class="navlist">
  154. <a href="http://USERNAME.insanejournal.com/info">profile</a><img src="https://i.imgur.com/EMXboog.png" width="50" style="display:inline;"><br>
  155. <a href="http://USERNAME.insanejournal.com/friends">friends</a><img src="https://i.imgur.com/EMXboog.png" width="50" style="display:inline;"><br>
  156. <a href="http://USERNAME.insanejournal.com/">journal</a><img src="https://i.imgur.com/EMXboog.png" width="50" style="display:inline;">
  157. </span>
  158. </div>
  159. <div id="one"><img src="https://i.imgur.com/sWtPmNd.png" style="display:inline; width: 450px; opacity: 0.5; transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg);"></div>
  160. <div id="two"><img src="https://i.imgur.com/sWtPmNd.png" style="display:inline; width: 350px; opacity: 0.4; transform: rotate(-7deg); -ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);"></div>
  161.  
  162.  
  163. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement