Advertisement
codejam

ballerina

Sep 29th, 2017
496
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.50 KB | None | 0 0
  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