API tools faq
paste
Advertisement
codejam

ballerina

codejam
Sep 29th, 2017
488
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.50 KB | None | 0 0
raw download clone embed print report
  1. GLOBAL_HEAD<=
  2. <link href="http://fonts.googleapis.com/css?family=Roboto:300|Quicksand|Open+Sans+Condensed:300|Anaheim" rel="stylesheet" type="text/css">
  3. <title>JOURNAL TITLE HERE</title>
  4.  
  5. <link rel="shortcut icon" href="http://i.imgur.com/ujOArIy.png">
  6.  
  7.  
  8. <style>
  9.  
  10. /* this layout was originally taken from production@ij and modified by squirtle@ij -- please do not remove this credit tag! */
  11.  
  12.  
  13. @font-face{font-family: prod; src:url("https://dl.dropbox.com/s/q57vkib9forvrdj/july.otf");}
  14. </style>
  15.  
  16. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  17. <link href="http://fonts.googleapis.com/css?family=Roboto:300|Quicksand|Open+Sans+Condensed:300|Anaheim" rel="stylesheet" type="text/css">
  18.  
  19. <style>
  20.  
  21. /* bg */
  22.  
  23. /* background */
  24. body {background: rgba(246, 245, 245, 1); background-image:url(), url(http://i.imgur.com/0ngQ1JH.png);
  25. background-repeat: repeat-x, repeat;
  26. background-attachment: fixed;
  27. background-position: bottom left;
  28. overflow-x: hidden; margin-top: 0px; margin-top:7px;}
  29. table {margin-bottom: -3px;}
  30.  
  31. .entrybox td table td.index, .entrybox td.meta, tr.caption, table table td.index {visibility:hidden;}
  32. table table tr.caption td.index{visibility:hidden;} tr.caption {display: visible;}
  33.  
  34.  
  35.  
  36. /* entrybox */
  37. .entrybox {width: 605px; background-color: #fcfcfc;
  38.  
  39. /* subject */
  40. p table table td.caption {font-family: abel, helvetica neue, arial; font-size:11px; line-height:10px; letter-spacing: 1px; text-transform: uppercase; color: #90898e; 0px 0px 1px rgba(190, 190, 190, 1); text-indent: 4px; display: block; background: url(); width: 99%; height: 8px; margin-left: -3px;
  41. border-width: 0 0 1px 0; border-style: solid;
  42. -webkit-border-image: -webkit-linear-gradient(to right, #e2eaeb, #b7cbce, #b4acb2, #a29aa0) 100% 1;
  43. -moz-border-image: -moz-linear-gradient(to right, #e2eaeb, #b7cbce, #b4acb2, #a29aa0) 100% 1;
  44. -o-border-image: -o-linear-gradient(to right, #e2eaeb, #b7cbce, #b4acb2, #a29aa0) 100% 1;
  45. border-image: linear-gradient(to right, #e2eaeb, #b7cbce, #b4acb2, #a29aa0) 100% 1;} }
  46.  
  47.  
  48. /* hide your wives, hide your icons */
  49. .shadowed img{
  50. display:none;
  51. }
  52.  
  53. /* all misc little text */
  54. p.index, .index, tr.caption, .meta {font-family: trebuchet ms, consolas; font-size: 6px; line-height:8px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
  55.  
  56. /* body text */
  57. tr, td, table, body {font-family: helvetica; font-size: 11px; line-height: 12px; color:#000;}
  58.  
  59. /* navigation box at the bottom */
  60. .index, .meta {
  61. font-family:trebuchet ms;
  62. font-size: px;
  63. line-height:px;
  64. letter-spacing: 0px;
  65. text-transform:uppercase;
  66. color:;}
  67.  
  68. /* all misc little text */
  69. p.index, .index, tr.caption, .meta, .date {
  70. z-index:0;
  71. font-family: trebuchet ms, calibri, monaco;
  72. font-size: 6px;
  73. line-height:10px;
  74. color:#;
  75. letter-spacing:1px;
  76. text-transform:uppercase; padding:0px;}
  77. b {font-weight:normal !important;}
  78.  
  79. /* friends page users */
  80. .entrybox a.index {
  81. font-family:trebuchet ms;
  82. font-size:7px;
  83. line-height:9px;
  84. letter-spacing:0px;
  85. text-transform:uppercase;
  86. color:#333;
  87. }
  88.  
  89. /* hides the ugly ij face when direct linking */
  90. .ljuser img{
  91. display:none;
  92. }
  93.  
  94. /* viewing */
  95. .meta {
  96. color: transparent;
  97. font-family: roboto;
  98. font-size: 11px;
  99. letter-spacing: 0px;
  100. line-height: 0px;
  101. text-align: justify;
  102. }
  103.  
  104. /* resizes the lock for friends only */
  105. .caption img{
  106. width: 5pt;
  107. height: 5pt;}
  108.  
  109. /* friends page user icons */
  110. .index img{
  111. width: 65;
  112. height: 65;
  113. border-radius: 100;
  114. padding: 3;
  115. }
  116.  
  117. /* friends page font under icons */
  118. .entrybox a.index {
  119. font-family: cousine;
  120. font-size:7px;
  121. }
  122.  
  123. /* hides links to ui/cal */
  124. table table table table .meta {
  125. visibility:hidden;
  126. position:absolute;
  127. top:1px;
  128. }
  129.  
  130. /* hides entries/friends/cal navigation links and if you have a journal title */
  131. tr.caption {
  132. display:none
  133. }
  134.  
  135. /* REMOVES HEADER BOX, INCL. LINKS AND ICON */
  136. .shadowed {
  137. height: 0px; }
  138.  
  139. .shadowed img {
  140. display: none; }
  141.  
  142. table {
  143. margin-bottom: -4px; }
  144.  
  145. /* link effects */
  146. a {
  147. color: #f6a2b9;
  148. text-decoration: none;
  149. transition: 0.6s;
  150. -webkit-transition: 0.6s; }
  151.  
  152. a:hover {
  153. color: #fad2ca;
  154. text-decoration: none;
  155. transition-duration: 0.6s;
  156. -webkit-transition-duration: 0.6s; }
  157.  
  158.  
  159. /* comments */
  160. .comments {
  161. color: #f6a2b9;
  162. font-family: quicksand, abel, helvetica neue, arial;
  163. font-size: 8px;
  164. text-transform:uppercase;
  165. letter-spacing: 1px;
  166. line-height: 100%; }
  167.  
  168.  
  169. table table table td.meta {
  170. font-size: 0px;
  171. line-height: 0%; }
  172.  
  173. table table table td.meta a {
  174. font-size: 6px;
  175. letter-spacing: 2px;
  176. line-height: 4px; }
  177.  
  178. #nav {
  179. position:fixed;
  180. visibility: visible;
  181. position:absolute;
  182. top:5px;
  183. right:50.0%;
  184. margin-right: 386px;
  185. z-index:0;
  186. text-align:justify;
  187. width:310px;
  188. }
  189.  
  190. #nav a:link, #nav a:active, #nav a:visited {
  191. color: #69c2b9;
  192. }
  193.  
  194. #nav a:hover {
  195. color: #69c2b9;
  196. }
  197.  
  198. .sub {
  199. background-color: ;
  200. font-family: prod;
  201. font-size: 40px;
  202. color:7a7a7a;
  203. text-shadow: 1px 1px 1px #dddddd;
  204. box-shadow: 0 0 0 !important;
  205. letter-spacing: 1px;
  206. text-transform: none;
  207. margin-top: -180px; margin-left: 60px;
  208. display:block;
  209. position:absolute;
  210. }
  211.  
  212. .sub2 {
  213. background-color: ;
  214. font-family: QUICKSAND;
  215. font-size: 8px;
  216. color:#7a7a7a;
  217. text-shadow: 1px 1px 1px #dddddd;
  218. box-shadow: 0 0 0 !important;
  219. letter-spacing: 2px;
  220. text-transform: none;
  221. margin-top: -155px; margin-left: 105px;
  222. display:block;
  223. position:absolute;
  224. }
  225.  
  226. .menu {
  227. background-color: #fff;
  228. box-shadow: 1px 1px 2px #ccc;
  229. color: #69c2b9;
  230. font-family: quicksand, calibri;
  231. font-size: 8px;
  232. letter-spacing: 1px;
  233. line-height: 8px;
  234. padding: 3;
  235. text-align: center;
  236. text-transform: uppercase;
  237. width: 200px;
  238. display:block;
  239. -moz-transition: all .5s ease-out;
  240. -o-transition: all 0.5s ease-out;
  241. -webkit-transition: all .5s ease-out;
  242. transition: all 0.5s ease-out;
  243. margin-bottom: 2px;
  244. margin-top: 2px;
  245. }
  246.  
  247. .menu1 {
  248. background-color: #fff;
  249. box-shadow: 1px 1px 2px #ccc;
  250. color: #69c2b9;
  251. font-family: quicksand, calibri;
  252. font-size: 8px;
  253. letter-spacing: 1px;
  254. line-height: 8px;
  255. padding: 3;
  256. text-align: center;
  257. text-transform: uppercase;
  258. width: 200px;
  259. display:block;
  260. -moz-transition: all .5s ease-out;
  261. -o-transition: all 0.5s ease-out;
  262. -webkit-transition: all .5s ease-out;
  263. transition: all 0.5s ease-out;
  264. margin-bottom: 2px;
  265. margin-top: 2px;
  266. }
  267.  
  268. .menu2 {
  269. background-color: #fff;
  270. box-shadow: 1px 1px 2px #ccc;
  271. font-color: #69c2b9;
  272. font-family: quicksand, calibri;
  273. font-size: 8px;
  274. letter-spacing: 1px;
  275. line-height: 8px;
  276. padding: 3;
  277. text-align: center;
  278. text-transform: uppercase;
  279. width: 200px;
  280. display:block;
  281. -moz-transition: all .5s ease-out;
  282. -o-transition: all 0.5s ease-out;
  283. -webkit-transition: all .5s ease-out;
  284. transition: all 0.5s ease-out;
  285. margin-bottom: 2px;
  286. margin-top: 2px;
  287. }
  288.  
  289. .menu3 {
  290. background-color: #fff;
  291. box-shadow: 1px 1px 2px #ccc;
  292. color: #69c2b9;
  293. font-family: quicksand, calibri;
  294. font-size: 8px;
  295. letter-spacing: 1px;
  296. line-height: 8px;
  297. padding: 3;
  298. text-align: center;
  299. text-transform: uppercase;
  300. width: 200px;
  301. display:block;
  302. -moz-transition: all .5s ease-out;
  303. -o-transition: all 0.5s ease-out;
  304. -webkit-transition: all .5s ease-out;
  305. transition: all 0.5s ease-out;
  306. margin-bottom: 2px;
  307. margin-top: 2px;
  308. }
  309.  
  310. .menu4 {
  311. background-color: #fff;
  312. box-shadow: 1px 1px 2px #ccc;
  313. color: #69c2b9;
  314. font-family: quicksand, calibri;
  315. font-size: 8px;
  316. letter-spacing: 1px;
  317. line-height: 8px;
  318. padding: 3;
  319. text-align: center;
  320. text-transform: uppercase;
  321. width: 200px;
  322. display:block;
  323. -moz-transition: all .5s ease-out;
  324. -o-transition: all 0.5s ease-out;
  325. -webkit-transition: all .5s ease-out;
  326. transition: all 0.5s ease-out;
  327. margin-bottom: 2px;
  328. margin-top: 2px;
  329. }
  330. .menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover {
  331. background-color: #f3f3f3;
  332. color: #1f374d;
  333. font-family: quicksand, calibri;
  334. font-size: 8px;
  335. letter-spacing: 1px;
  336. line-height: 8px;
  337. padding: 3;
  338. text-align: center;
  339. text-transform: uppercase;
  340. width: 200px;
  341. display:block;
  342. -moz-transition: all .5s ease-out;
  343. -o-transition: all 0.5s ease-out;
  344. -webkit-transition: all .5s ease-out;
  345. transition: all 0.5s ease-out;
  346. }
  347.  
  348. .shadowed td div {
  349. visibility: hidden;
  350. position: absolute;
  351. }
  352.  
  353. .shadowed img {
  354. display:none;
  355. }
  356.  
  357. /* side */
  358. #sidebar {
  359. height: 0px;
  360. position: absolute;
  361. margin-left: 152px;
  362. margin-top: 1px;
  363. width: 150px;
  364. visibility: visible; }
  365.  
  366. #navi {margin-left: 35px; }
  367. #navi a {
  368. font-size: 16px;
  369. display: inline-block;
  370. text-shadow: 1px 1px 1px #dddddd;
  371. opacity: 1.0;
  372. padding: 5px;
  373. text-align: center; }
  374.  
  375.  
  376. </style>
  377.  
  378.  
  379. <=GLOBAL_HEAD
  380.  
  381. FRIENDS_OPT_ITEMS=>20
  382.  
  383. FRIENDS_WEBSITE<=
  384.  
  385. <style>
  386. #persona{position:absolute; visibility: visible; top:150px; left:38.0%; margin-left: 550px; width: 180px;}
  387. </style>
  388.  
  389. <div id="persona"><img src="http://i.imgur.com/ObQWZw2.png" width="500" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
  390.  
  391.  
  392.  
  393. <table cellspacing="3" cellpadding="0" border="0" summary="" style="margin-left: auto; margin-right: auto;">
  394. <tr><td>
  395. <div align="center"><b></b></div><p>
  396. <table cellspacing="0" cellpadding="0" border="0" summary="">
  397. <div id="nav"><center><br><br>
  398. <img src="http://i.imgur.com/MbOTtfR.png" width="265" style="display:inline;"><br><br>
  399. <font class="sub">main title</font>
  400. <font class="sub2">lyrics can go here</font>
  401. <tr>
  402.  
  403. </table>
  404.  
  405.  
  406. <div id="flower" style="text-align: justify; width:182px; margin-top: -54px;margin-right: 330px;">production</div>
  407.  
  408. <div id="sidebar"><span id="navi">
  409. <a href="http://USERNAME.insanejournal.com/profile" style="color:#f6a2b9;" title="profile"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
  410. <a href="http://USERNAME.insanejournal.com/friends" style="color:#fad2ca;" title="friends"><i class="fa fa-address-book-o" aria-hidden="true"></i></a>
  411. <a href="http://USERNAME.insanejournal.com/" style="color:#f6a2b9;" title="recent"><i class="fa fa-refresh" aria-hidden="true"></i></a>​
  412. <a href="LINK TO CUSTOMS HERE" style="color:#fad2ca;" title="customs"><i class="fa fa-bolt" aria-hidden="true"></i></a>
  413. </span></div>
  414.  
  415.  
  416. <=FRIENDS_WEBSITE
  417.  
  418. LASTN_OPT_ITEMS=>20
  419.  
  420. LASTN_WEBSITE<=
  421.  
  422. <style>
  423. #persona{position:absolute; visibility: visible; top:150px; left:38.0%; margin-left: 550px; width: 180px;}
  424. </style>
  425.  
  426. <div id="persona"><img src="http://i.imgur.com/ObQWZw2.png" width="500" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
  427.  
  428.  
  429.  
  430. <table cellspacing="3" cellpadding="0" border="0" summary="" style="margin-left: auto; margin-right: auto;">
  431. <tr><td>
  432. <div align="center"><b></b></div><p>
  433. <table cellspacing="0" cellpadding="0" border="0" summary="">
  434. <div id="nav"><center><br><br>
  435. <img src="http://i.imgur.com/MbOTtfR.png" width="265" style="display:inline;"><br><br>
  436. <font class="sub">main title</font>
  437. <font class="sub2">lyrics can go here</font>
  438. <tr>
  439.  
  440. </table>
  441.  
  442.  
  443. <div id="flower" style="text-align: justify; width:182px; margin-top: -54px;margin-right: 330px;">production</div>
  444.  
  445. <div id="sidebar"><span id="navi">
  446. <a href="http://USERNAME.insanejournal.com/profile" style="color:#f6a2b9;" title="profile"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
  447. <a href="http://USERNAME.insanejournal.com/friends" style="color:#fad2ca;" title="friends"><i class="fa fa-address-book-o" aria-hidden="true"></i></a>
  448. <a href="http://USERNAME.insanejournal.com/" style="color:#f6a2b9;" title="recent"><i class="fa fa-refresh" aria-hidden="true"></i></a>​
  449. <a href="LINK TO CUSTOMS HERE" style="color:#fad2ca;" title="customs"><i class="fa fa-bolt" aria-hidden="true"></i></a>
  450. </span></div>
  451.  
  452.  
  453.  
  454. <=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!