Advertisement
codejam

hockey

Sep 29th, 2017
712
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.12 KB | None | 0 0
  1. FRIENDS_OPT_ITEMS=>3
  2.  
  3. GLOBAL_HEAD<=
  4. <title>YOUR TITLE</title>
  5. <link rel="shortcut icon" href="http://i.imgur.com/HLu54fP.png">
  6. <link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  8.  
  9.  
  10. <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  11. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
  12.  
  13.  
  14.  
  15. <style>
  16.  
  17. /* the original layout creator is unknown (coding/ell/laurel/lilyj/rianna), but adjustments and tweaks made by squirtle@ij -- please do not remove the credit! */
  18.  
  19.  
  20. @font-face{font-family: script; src:url(https://dl.dropboxusercontent.com/s/jrmdjlrdih5517n/GuldScript.ttf);}
  21.  
  22.  
  23. /* background */
  24. body{background: url() ;background-attachment:fixed;
  25. background-color:#c0ddea;
  26. background: -webkit-linear-gradient(#03264d, #ecf2f8);
  27. background: -o-linear-gradient(#03264d, #ecf2f8);
  28. background: -moz-linear-gradient(#03264d, #ecf2f8);
  29. background: linear-gradient(#03264d, #ecf2f8);
  30. }
  31. overflow-x: hidden; margin-top: 0px; margin-top:0px;}
  32. table {margin-bottom: 0px;}
  33. .shadowed {background-color: #f9f9f9;}
  34.  
  35. /* justifies the text */
  36. tr {text-align:justify;}
  37.  
  38. .entrybox, .shadowed {background: url(http://i.imgur.com/gwkRgwW.png);box-shadow:1px 1px 2px #d4c8c0;}
  39.  
  40. .entrybox td.index, .nein{display:none;}
  41.  
  42. /* body text */
  43. tr, td, table, body {padding:1px; font-family: helvetica, consolas, font-size: 10px; line-height:11px; color:#bda99b;}
  44.  
  45.  
  46. /* main links under field name */
  47. table table table td.meta {font-size:0px;line-height:0px;}
  48. p table.entrybox table table td.meta, table table table td.meta a {font-size: 6px;
  49. letter-spacing: 1px; line-height: 7px; font-family: helvetica;}
  50.  
  51. .date, a.index
  52. {visibility:visible !important;}
  53.  
  54. /* links under name */
  55. table table table td.meta a
  56. {text-transform:uppercase;
  57. font-size:7px;
  58. letter-spacing:1px;
  59. line-height:8px;
  60. margin-top:-4px;}
  61. table table table td.meta
  62. {font-size:0px;line-height:0px;}
  63.  
  64. /* mood & music. */
  65. .entrybox td.meta
  66. {font-family:consolas;
  67. font-size: 8px;
  68. color: #1b1b1b;
  69. line-height: 6px;
  70. text-transform: lowercase;}
  71.  
  72. /* hides top title and extra text surrounding links */
  73. .entrybox td.index
  74. {background-image:url();
  75. background-color:;
  76. border-radius:0;
  77. -moz-border-radius:0;
  78. padding:0 2 0 0;}
  79. .entrybox td table td.index {visibility:hidden;}
  80. tr.caption {visibility:hidden;position:absolute;top:1px; !important;}
  81. table table tr.caption td.caption {visibility:hidden; line-height: 7px;}
  82.  
  83.  
  84. /* font */
  85. td {font-family: helvetica;
  86. font-size:11px;
  87. line-height:10px;
  88. color:#351837;}
  89. body, td {color:#393232;
  90. font-weight:normal !important;}
  91.  
  92. /* upper right links */
  93. .index{font-size: 7px;
  94. text-transform: uppercase;
  95. letter-spacing: 1;
  96. font-family: helvetica;
  97. line-height: 7px;
  98. color:#03264d;}
  99.  
  100. /* subject */
  101. p table table td.caption{font-family: helvetica;
  102. letter-spacing: 1px;
  103. text-transform: uppercase;
  104. font-size: 9px;
  105. color: #000000;
  106. font-weight: heavy !important;}
  107.  
  108. /* namefield */
  109. .shadowed td div, big {font-family: brook, cursive; text-transform:lowercase; display:; text-shadow: 0px 1px 1px #afafaf; color:#003876;margin-top: 0px;}
  110. .shadowed td div {font-size:20px;line-height:10px;letter-spacing:1px;-webkit-text-stroke: 0.1px;-ms-text-stroke: 0.1px;}
  111.  
  112.  
  113. /* comments. */
  114. .comments {font-family: helvetica;
  115. font-size: 7px;
  116. line-height: 7px;
  117. letter-spacing: 1px;
  118. text-transform: uppercase;}
  119.  
  120. b {font-weight:normal !important;}
  121.  
  122.  
  123. /* link effects. */
  124. a, a:visited, a:active {color: #03264d;
  125. text-decoration: none;
  126. -webkit-transition-duration: 1.5s;
  127. -moz-transition-duration: 1.5s;
  128. transition-duration: 1.5s;}
  129.  
  130. a:hover{color: #fff;
  131. text-shadow: 2px 2px 2px #03264d;
  132. cursor: pointer;
  133. text-decoration: none;
  134. -webkit-transition-duration: 1.5s;
  135. -moz-transition-duration: 1.5s;
  136. transition-duration: 1.5s;}
  137.  
  138.  
  139. /* scrollbar */
  140. ::selection {color:#000000; background-color:#f4f4f4; }
  141. ::-webkit-scrollbar {width: 5px;}
  142. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0px 0px 1px #C4C4C4;
  143. border-radius:0px;
  144. background-image:url('');
  145. background-color:#eee;}
  146.  
  147. /* bottom links */
  148. .meta{font-family: helvetica;
  149. font-size: 7px;
  150. text-transform: uppercase;
  151. letter-spacing: 1px; }
  152.  
  153. /* locks */
  154. .caption img{width: 7px;height: 7px;}
  155. .ljuser img {display: none;}
  156. .ljuser:before {content: "~";}
  157.  
  158. /* USERICONS & LOCKS - note: this pulls your default icon. */
  159. .shadowed img, .index img {
  160. border-radius: 0px;
  161. opacity:1.0;
  162. filter:alpha(opacity=100);
  163. height: 85px; /* ADJUST SIZE OF ICON */
  164. width: 85px; /* ADJUST SIZE OF ICON */
  165. }
  166.  
  167. .shadowed img {
  168. border-radius: 100px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
  169. -webkit-border-radius: 100px;
  170. -moz-border-radius: 100px;
  171. padding: 0px;
  172. box-shadow: 0 0 0px #fff;
  173. position: relative;
  174. z-index: 5;
  175. }
  176.  
  177. p table table td.caption img {
  178. height:6px;
  179. width:7px;
  180. opacity:0.7;
  181. }
  182.  
  183. /* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
  184. img[src*="img/userinfo.gif"] {
  185. width: 0 !important;
  186. height: 0 !important;
  187. }
  188.  
  189. img[src*="img/community.gif"] {
  190. width: 0 !important;
  191. height: 0 !important;
  192. }
  193.  
  194. /* OPACITY FOR IMAGES */
  195. img {
  196. border: 0px;
  197. opacity:1;
  198. filter:alpha(opacity=70);
  199. border-radius:3px;
  200. -webkit-border-radius:3px;
  201. -moz-border-radius:3px;
  202. -moz-transition: all 1.0s ease-out;
  203. -o-transition: all 1.0s ease-out;
  204. -webkit-transition: all 1.0s ease-out;
  205. transition: all 1.0s ease-out;
  206. }
  207.  
  208. img:hover {
  209. opacity:1.0;
  210. filter:alpha(opacity=100);
  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. /* FRIENDS PAGE ICON BACKGROUND/FONT */
  218. .entrybox a.index {
  219. background:transparent;
  220. color:#808080;
  221. font-size:8px;
  222. }
  223.  
  224. /* CSS */
  225. #horns {
  226. position:absolute;
  227. top: 20px;
  228. margin-left: -190px;
  229. visibility: visible;
  230. z-index: 1;
  231. }
  232.  
  233. #icon {
  234. position: absolute;
  235. top: 8px;
  236. margin-left: 175px;
  237. visibility: visible;
  238. z-index: 1;
  239. }
  240.  
  241. #poke {
  242. position: absolute;
  243. top: 8px;
  244. margin-left: 105px;
  245. visibility: visible;
  246. z-index: 1;
  247. }
  248.  
  249.  
  250. </style>
  251.  
  252. <=GLOBAL_HEAD
  253.  
  254. FRIENDS_WEBSITE<=
  255.  
  256.  
  257. <div id="icon" style="width: 85px;">
  258. <img src="http://i.imgur.com/Lqg2ylz.png" style="display: block;margin-top: 05px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 60px;width: 60px;">
  259. </div>
  260. <=FRIENDS_WEBSITE
  261.  
  262. LASTN_OPT_ITEMS=>20
  263.  
  264. LASTN_WEBSITE<=
  265.  
  266.  
  267. <div id="poke" style="width: 95px;">
  268. <img src="http://i.imgur.com/Lqg2ylz.png" style="display: block;margin-top: 05px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 100px;width: 100px;">
  269. </div>
  270. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement