API tools faq
paste
Advertisement
codejam

offenders

codejam
Sep 29th, 2017
588
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.82 KB | None | 0 0
raw download clone embed print report
  1. FRIENDS_OPT_ITEMS=>20
  2.  
  3. GLOBAL_HEAD<=
  4. <title>offenders</title>
  5. <link rel="shortcut icon" href="http://i.imgur.com/vEWNn9T.png">
  6. <link rel="stylesheet" href="https://surrogate.neocities.org/style.css">
  7. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  8.  
  9. <style>
  10.  
  11. /* original layout by surrogate@ij with edits and adjustments by squirtle@ij -- please leave credit! */
  12.  
  13.  
  14. body {background:#f3f3f3 url(http://www.designbolts.com/wp-content/uploads/2013/02/Noise-Light-Grey-Tileable-Pattern-For-Website-Background.jpg); margin-left: -70px;}
  15.  
  16.  
  17. /* tables */
  18. table {
  19.  
  20. margin-bottom: -5px;
  21. }
  22.  
  23. /* default font */
  24. td {
  25. color: #000000;
  26. font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
  27. font-size: 11px;
  28. }
  29.  
  30. /* default text alignment */
  31. tr {
  32. text-align: justify;
  33. }
  34.  
  35. /* links */
  36. a {
  37. color: #943d92;
  38. text-decoration: none;
  39. -moz-transition-duration: .4s;
  40. -o-transition-duration: .4s;
  41. -webkit-transition-duration: .4s;
  42. }
  43.  
  44. a:hover {
  45. color: #faefd4;
  46. text-decoration: none;
  47. -moz-transition-duration: .4s;
  48. -o-transition-duration: .4s;
  49. -webkit-transition-duration: .4s;
  50. }
  51.  
  52. /* removes journal title */
  53. table table tr.caption td.caption {
  54. display: none;
  55. visibility: hidden;
  56. }
  57.  
  58. /* removes default icon */
  59. .shadowed img {
  60. display: none;
  61. }
  62.  
  63. /* entrybox */
  64. .entrybox {
  65. padding: 0px;
  66. margin-top: -115px;
  67. margin-bottom: 120px;
  68. background:url(http://i.imgur.com/jMVT6eM.png); box-shadow: 0px 0px 1px rgba(215, 215, 215, 1); border-width: 1px 0 0 0; border-style: solid;
  69. -webkit-border-image: -webkit-linear-gradient(right, #65396e, #943d92, #65396e) 100% 1;
  70. -moz-border-image: -moz-linear-gradient(right, #65396e, #943d92, #65396e) 100% 1;
  71. -o-border-image: -o-linear-gradient(right, #65396e, #943d92, #65396e) 100% 1;
  72. border-image: linear-gradient(to right,#65396e, #943d92, #65396e) 100% 1;}
  73. }
  74.  
  75. /* removes privacy icons */
  76. .caption img {
  77. width: 15px;
  78. }
  79.  
  80. /* removes user icons */
  81. .ljuser img {
  82. display: none;
  83. }
  84.  
  85. /* changes content before linked usernames */
  86. .ljuser:before {
  87. content: "";
  88. }
  89.  
  90. /* removes date */
  91. .entrybox td.index, .index3 {
  92. display: none;
  93. }
  94.  
  95. /* moves date */
  96. .index2 {
  97. display: block;
  98. font-family: 'helvetica';
  99. font-size: 6px;
  100. line-height: 7px;
  101. text-align: left;
  102. text-transform: uppercase;
  103. }
  104.  
  105. /* mood & music. */
  106. .entrybox td.meta {font-family:helvetica; font-size:8px; text-transform:uppercase; line-height:7px; color:#333; opacity:.8; letter-spacing: 1px; font-weight: lighter; padding:0px;}
  107.  
  108. /* comments */
  109. .comments {
  110. font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; border-radius: 5px 5px 5px 5px;
  111. padding-top: 3px;
  112. padding-bottom: 8px;
  113. }
  114.  
  115. /* navigation - hides navigation */
  116. .index {
  117. color: #ddd;
  118. font-family: 'helvetica';
  119. font-size: 5px;
  120. line-height: 6px;
  121. text-transform: uppercase;
  122. }
  123.  
  124. /* viewing - hides viewing */
  125. .meta {
  126. color: #f6f6f6;
  127. font-family: 'helvetica';
  128. letter-spacing:.5px;
  129. font-size: 8px;
  130. line-height: 7px;
  131. text-transform: uppercase;
  132. }
  133.  
  134. /* changes friend icons */
  135. .index img {
  136. height: 85px;
  137. width: 85px;
  138. }
  139.  
  140. /* sidebar */
  141. #sidebar{position: relative; visibility: visible; top:-847; right: 100; height: 10;margin-bottom:0px;}
  142. #info{ position: relative; visibility: visible; z-index:-100; top:-65 ; left: -135; width: 310; margin-bottom:-10px; font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; background:url(http://i.imgur.com/jMVT6eM.png); border-radius: 5px 5px 5px 5px; padding:6px; text-align:justify;}}
  143.  
  144. #links {
  145. position:relative;
  146. visibility: visible;
  147. top: 30;
  148. left: -200;
  149. width:300px;
  150. border: 1px solid rgba(122,124,144, .3);
  151. background: rgba(122,124,144, .2);
  152. }
  153. #gation{position:relative; visibility: visible; top:-265px; left: -125px; z-index:97; height:0px;}
  154.  
  155. #image {
  156. position:relative;
  157. visibility: visible;
  158. top: -90px; left: 150px; z-index: -100; height:0px;
  159. }
  160.  
  161. /* lj icons */
  162. .ljuser img{display:none;}
  163.  
  164. /* friends only and private locks */
  165. .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}
  166. .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}
  167. p table table td.caption img {height: 9pt; width: 8pt;}
  168.  
  169. /* removes date */
  170. .entrybox td.index, .index3 {
  171. display: none;
  172. }
  173.  
  174. /* moves date */
  175. .index2 {
  176. display: block;
  177. font-family: 'consolas';
  178. font-size: 9px;
  179. line-height: 10px;
  180. text-align: left;
  181. text-transform: uppercase;
  182. }
  183.  
  184. /* viewing - hides viewing */
  185. .meta {
  186. color: transparent;
  187. font-family: 'book';
  188. font-size: 6px;
  189. line-height: 1px;
  190. text-transform: uppercase;
  191. }
  192.  
  193. /* navigation - hides navigation */
  194. .index {
  195. color: transparent;
  196. font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
  197. font-size: 6px;
  198. line-height: 1px;
  199. text-transform: uppercase;
  200. }
  201. .meta {
  202. color: transparent;
  203. font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
  204. font-size: 7px;
  205. line-height: 1px;
  206. text-transform: uppercase;
  207. }
  208.  
  209. .index {color: transparent;
  210. font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
  211. font-size: 7px;
  212. line-height: 1px;
  213. text-transform: uppercase;
  214. }
  215.  
  216. /* subject line. */
  217. p table table td.caption{
  218. font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; border-radius: 5px 5px 5px 5px; text-align:justify;
  219. }
  220.  
  221. /* header */
  222. .communities{font-family: Righteous, Sigmar One; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 590px; display: block; position: absolute; left: 0px; top: 0; left: -70;
  223. padding: 5;}
  224. .communities{width: 590px; display: block; position: absolute;top:40; left: 0; padding: 5;}
  225.  
  226. a.tooltips {
  227. position: relative;
  228. display: inline;
  229. }
  230.  
  231. a.tooltips span {
  232. background-image: url('');
  233. width: 30px;
  234. color: #222222;
  235. font-size: 44px;
  236. height: 34px;
  237. line-height: 14px;
  238. padding: 2px;
  239. position: absolute;
  240. text-align: left;
  241. visibility: hidden; text-transform: lowercase;
  242. width:;
  243. }
  244.  
  245. a:hover.tooltips span {
  246. margin-left: 485px;
  247. margin-top: -35px;
  248.  
  249. visibility: visible;
  250.  
  251. }
  252.  
  253. /* sidebar & navigation */
  254.  
  255. #nav {;margin-left: 0px; display: inline; visibility: visible; position:relative;}
  256.  
  257.  
  258. /* highlighting */
  259. ::selection {background-color: rgba(254, 253, 253, 0.0); color: #777;}
  260. ::-moz-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}
  261. ::-webkit-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}
  262.  
  263. </style>
  264.  
  265.  
  266. <=GLOBAL_HEAD
  267.  
  268. FRIENDS_WEBSITE<=
  269.  
  270. <style>
  271.  
  272.  
  273. table table table table .meta {visibility:hidden; position:absolute;}
  274. table table table table table .meta {visibility:visible; position:relative;}
  275. tr.caption {display:none}
  276. .shadowed td div {visibility:hidden; position:absolute; top:0px; margin-top: 65px;}
  277. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  278. </style>
  279.  
  280.  
  281. <div id="image"><a href="/profile"><img src="http://i.imgur.com/85thSO6.png" width="350" id="img" style="z-index:-100;display:inline;visibility:visible;"></a>
  282. </div>
  283.  
  284. </div>
  285. <div id="info">this is a small gpsl based off of the tv show misfits. this gpsl takes place in chicago, illinois. on april 10th a group of young offenders were meeting with their issued community service officer to discuss the terms of their probation. while outside listening to the officer discuss the terms of their community service for the day, the sky turned dark and a thunderstorm began. the thunderstorm turned into a hailstorm, one of the worst hailstorms to hit chicago. for the people who were unfortunately caught outside in the hailstorm they will never be the same again.
  286. </div>
  287.  
  288. <div id="gation">
  289. &nbsp; &nbsp; &nbsp; &nbsp; <a href="LINK" title="home"><img src="http://i.imgur.com/FXn43em.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  290. <a href="LINK" title="rules &amp; guidelines"><img src="http://i.imgur.com/fR7XvcW.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  291. <a href="LINK" title="taken list"><img src="http://i.imgur.com/895C3en.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  292. <a href="LINK" title="activities"><img src="http://i.imgur.com/RxB9ToI.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  293. <a href="LINK" title="members"><img src="http://i.imgur.com/tLYqIno.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  294. <=FRIENDS_WEBSITE
  295.  
  296. LASTN_OPT_ITEMS=>20
  297.  
  298. LASTN_WEBSITE<=
  299.  
  300. <style>
  301.  
  302.  
  303. table table table table .meta {visibility:hidden; position:absolute;}
  304. table table table table table .meta {visibility:visible; position:relative;}
  305. tr.caption {display:none}
  306. .shadowed td div {visibility:hidden; position:absolute; top:0px; margin-top: 65px;}
  307. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  308. </style>
  309.  
  310.  
  311. <div id="image"><a href="/profile"><img src="http://i.imgur.com/85thSO6.png" width="350" id="img" style="z-index:-100;display:inline;visibility:visible;"></a>
  312. </div>
  313.  
  314. </div>
  315. <div id="info">this is a small gpsl based off of the tv show misfits. this gpsl takes place in chicago, illinois. on april 10th a group of young offenders were meeting with their issued community service officer to discuss the terms of their probation. while outside listening to the officer discuss the terms of their community service for the day, the sky turned dark and a thunderstorm began. the thunderstorm turned into a hailstorm, one of the worst hailstorms to hit chicago. for the people who were unfortunately caught outside in the hailstorm they will never be the same again.
  316. </div>
  317.  
  318. <div id="gation">
  319. &nbsp; &nbsp; &nbsp; &nbsp; <a href="LINK" title="home"><img src="http://i.imgur.com/FXn43em.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  320. <a href="LINK" title="rules &amp; guidelines"><img src="http://i.imgur.com/fR7XvcW.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  321. <a href="LINK" title="taken list"><img src="http://i.imgur.com/895C3en.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  322. <a href="LINK" title="activities"><img src="http://i.imgur.com/RxB9ToI.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  323. <a href="LINK" title="members"><img src="http://i.imgur.com/tLYqIno.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
  324.  
  325.  
  326.  
  327. <=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!