planets layout

<style>

body, td {
font-family: verdana, sans-serif;
font-size: 10pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.shadowed, .ljadshadowed {
font-size: 8pt;
background: ;
}
.ljadshadowed div {
visibility: visible;
position: relative;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: ;
}
.comments {
font-size: 8pt;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://camilla.insanejournal.com/data/rss" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://camilla.insanejournal.com/data/atom" />
<link rel="service.feed" type="application/atom+xml" title="AtomAPI-enabled feed" href="http://www.insanejournal.com/interface/atom/feed" />
<link rel="service.post" type="application/atom+xml" title="Create a new post" href="http://www.insanejournal.com/interface/atom/post" />
<meta http-equiv="X-XRDS-Location" content="http://camilla.insanejournal.com/data/yadis" />
<link rel="openid.server" href="http://www.insanejournal.com/openid/server.bml" />
<link rel="group friends made" title="InsaneJournal friends" href="http://camilla.insanejournal.com/friends" />

        <script language="JavaScript" type="text/javascript">
            var Site;
            if (!Site)
                Site = {};

            var site_p = {"media_embed_enabled": 1,
"inbox_update_poll": 1,
"has_remote": 1,
"statprefix": "http://www.insanejournal.com/stc",
"ctx_popup": 1,
"imgprefix": "http://www.insanejournal.com/img",
"esn_async": 1,
"currentJournal": "camilla",
"siteroot": "http://www.insanejournal.com",
"currentJournalBase": "http://camilla.insanejournal.com"};
            var site_k = ["media_embed_enabled", "inbox_update_poll", "has_remote", "statprefix", "ctx_popup", "imgprefix", "esn_async", "currentJournal", "siteroot", "currentJournalBase"];
            for (var i = 0; i < site_k.length; i++) {
                Site[site_k[i]] = site_p[site_k[i]];
            }
       </script>
    <script type="text/javascript" src="http://www.insanejournal.com/js/core.js?v=1488833973"></script>
<script type="text/javascript" src="http://www.insanejournal.com/js/dom.js?v=1488833973"></script>
<script type="text/javascript" src="http://www.insanejournal.com/js/httpreq.js?v=1488833973"></script>
<script type="text/javascript" src="http://www.insanejournal.com/js/livejournal.js?v=1488833973"></script>
<script type="text/javascript" src="http://www.insanejournal.com/js/common/AdEngine.js?v=1488833973"></script>
<script type="text/javascript" src="http://www.insanejournal.com/js/esn.js?v=1488833973"></script>
<link rel="stylesheet" type="text/css" href="http://www.insanejournal.com/stc/lj_base.css?v=1488833697" />
<link rel="stylesheet" type="text/css" href="http://www.insanejournal.com/stc/esn.css?v=1488833697" />
<link rel="meta" type="application/rdf+xml" title="FOAF" href="http://camilla.insanejournal.com/data/foaf" />
<meta name="foaf:maker" content="foaf:mbox_sha1sum '25fecdaf6b0809dccc9e1635bb4996f3337ef8fa'" />
<title>𝑏𝑎𝑏𝑦, 𝑤𝑒'𝑟𝑒 𝑡ℎ𝑒 𝑛𝑒𝑤 𝑟𝑜𝑚𝑎𝑛𝑡𝑖𝑐𝑠.</title>
<link rel="shortcut icon" href="https://i.imgur.com/cjD3Ygd.png">

<link href="https://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link rel="stylesheet" href="https://cmj.neocities.org/coding/l-tooltip.css">

<link href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,800" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Nunito:100,300,400,500,700,800" rel="stylesheet" type="text/css">


<style>


/*

   $  ~woulff
   $  Do not remove or alter credit
   $  Change colors, fonts, etcetera if using

*/

body, a, a:hover {
 cursor:url(http://i.imgur.com/ONVDMqu.png), default;
}

body {
 background: linear-gradient(to top right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 background: -webkit-linear-gradient(to top right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 background: -o-linear-gradient(to top right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 background: -moz-linear-gradient(to top right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 margin-top: 20px;
}

tr, td, table, body {
 font-family: nunito, roboto, arial;
 color: #000;
 font-size: 9px;
 line-height: 11px;
 letter-spacing: 1px;
 text-transform: uppercase;
}


a {
 color: #ffa8ae;
 text-shadow: 1px 1px 1px #fff;
 text-decoration: none;
}

a:hover, .th:hover {
 color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
 background-image:-moz-linear-gradient(right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 background-image:-webkit-linear-gradient(right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 background-image:linear-gradient(to right, #ffeced, #ffe5e7, #ffefe4, #fafff2, #edfff9, #f0f3ff);
 text-decoration: none;
}

table, table table {
 border: 0px;
}

.entrybox {
 z-index:999999999999999999;
 padding: 2px;
 width: 600px;
 margin-top: 14px;
 margin-bottom: -5px;
 box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);
 border: 1px solid #ffffff;
 border-image: linear-gradient(to top left, #ffeced, #ffeced, #ffefe4, #fafff2, #edfff9, #f0f3ff, #f0f3ff);
 border-image-slice: 1;
 background-color: rgba(255,255,255,0.5);
}

.shadowed {
 width: 600px;
 box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);
 border: 1px solid #ffffff;
 border-image: linear-gradient(to top left, #ffeced, #ffeced, #ffefe4, #fafff2, #edfff9, #f0f3ff, #f0f3ff);
 border-image-slice: 1;
 background-color: rgba(255,255,255,0.5);
 padding: 3px;
}

p table table td.caption {
 color: #000;
 font-family: nunito, roboto, arial;
 font-size: 7px;
 line-height: 8px;
 letter-spacing: 1px;
 text-shadow: 1px 1px 1px #fff;
 text-transform: uppercase;
 padding: 0px;
}

.comments {
 color: #000;
 font-family: nunito, roboto, arial;
 font-size: 7px;
 line-height: 8px;
 letter-spacing: 1px;
 text-shadow: 1px 1px 1px #fff;
 text-transform: uppercase;
 padding: 0px;
}

p table.entrybox table table td.meta, table table table td.meta a {
 font-size: 7px;
 line-height: 8px;
 letter-spacing: 1;
 font-family: nunito, roboto, arial;
 font-weight: lighter;
 margin-left: 0px;
}

img[src*="img/userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
}
img[src*="img/community.gif"] {
 width: 0 !important;
 height: 0 !important;
}

/* FP */
.index img{
 width: 50;
 height: 50;
 border-radius: 100;
 padding: 5;
 background:transparent;
}

.caption img{
 width: 5pt;
 height: 5pt;
}

#one {
 display: block;
 width: 100px;
 font-family: honeybee;
 font-weight: lighter;
 font-size: 17px;
 visibility: visible !important;
 position: absolute!important;
 margin-left: -60px;
}

#two {
 display: block;
 width: 100px;
 font-family: honeybee;
 font-weight: lighter;
 font-size: 17px;
 visibility: visible !important;
 position: absolute!important;
 margin-left: 90px;
}

.shadowed img {
 display: none;
}

#gif {
 display: block;
 height: 56px;
 width: 56px;
 -webkit-mask-image: url(https://i.imgur.com/qZLpv6H.png);
 position: absolute!important;
 top: 17px;
 margin-left: 25px;
 z-index: 99;
}

p.index, .index, tr.caption, .meta, td.meta {
 font-family: nunito, roboto, arial;
 font-size: 6px;
 line-height:8px;
 letter-spacing: 1px;
 text-transform: uppercase;
}
</style>



<style>


<!--
.entrybox td.index, .dates,  .index3{
 display: none;
}

.date {
 padding:0 0 0 0;
 display:block;
 text-align: left;
}

table table table td.meta {
 font-size: 0px;
 line-height: 0px;
}

table table table table .meta {
 visibility: hidden;
 position: relative;
}

table table table table table .meta {
 visibility: visible;
 position: absolute;
}

tr.caption {
 display: none;
}

.shadowed td div {
 visibility:hidden;
 position: absolute;
 top: 35px;
 margin-top: 0px;
}

.shadowed span#navigation img {
 display: inline;
 visibility: visible;
 position: absolute;
}
-->

</style>



<title>oksana astankova&#39;s Journal</title>
</head>
<body bgcolor="" text="" link="" vlink="" alink="">


<div align="center">
<table width="600" cellpadding="2" cellspacing="0" border="0" summary="">
<tr><td bgcolor="" align="center">
<table width="100%" cellpadding="3" cellspacing="0" border="0" summary="">
<tr class="caption">
<td class="caption"><b>oksana astankova&#39;s Journal</b></td>
<td class="index" align="right">[<b>entries</b>|<a class="index" href="http://camilla.insanejournal.com/friends">friends</a>|<a class="index" href="http://camilla.insanejournal.com/calendar">calendar</a>]</td>
</tr></table>
<table width="100%" cellpadding="3" cellspacing="0" border="0" summary="">
<tr>
<td class="shadowed" align="center">
<table cellspacing="5" cellpadding="0" border="0" summary="" style="margin-left: auto; margin-right: auto;">
<tr>
<td>
<table cellpadding="2" bgcolor="" cellspacing="0" border="0" summary="">
<tr>
<td bgcolor="" align="center"><img border="0" src="http://www.insanejournal.com/userpic/38017585/145249" height="100" width="100" alt=""></td>
</tr>
</table>
</td>
<td>
<div align="center"><b>oksana astankova</b></div><p>
<table cellspacing="0" cellpadding="0" border="0" summary="">
<table cellspacing="0" cellpadding="0" border="0" summary="">
<a href="https://youtu.be/FuXNumBwDOM"><img src="https://i.imgur.com/nvIWFpw.gif" id="gif"></a>

<div id="one"><a href="/profile" class="tooltip fade" data-title="profile" style="background-color: transparent; color: rgba(240,0,255, 0.75); padding: 2 4;"><span class="th th-constellation-o" style="color:#d6ddf9;"></span></a> <a href="/friends" class="tooltip fade" data-title="friends" style="background-color: transparent; color: rgba(240,0,255, 0.75); padding: 2 4;"><span class="th th-stars-o" style="color:#aef2d9;"></span></a> <a href="http://camilla.insanejournal.com/" class="tooltip fade" data-title="recent" style="font-weight: lighter; background-color: transparent; color: rgba(240,0,255, 0.75); padding: 2 4; ">&nbsp; <span class="th th-crystal-ball-o" style="color:#dbf2b5;"></span></a>
</div>

<div id="two">
<a href="/2005/05/01" class="tooltip fade" data-title="customs" style="font-weight: lighter; background-color: transparent; color: rgba(240,0,255, 0.75); padding: 2 4;"><span class="th th-shooting-star-o" style="color:#fcd0b3;"></span></a> <a href="/2005/05/02" class="tooltip fade" data-title="scenes" style="background-color: transparent; color: rgba(240,0,255, 0.75); padding: 2 4;"><span class="th th-planet-1-o" style="color:#ffa8ae;"></span></a> <a href="/2005/05/03" class="tooltip fade" data-title="ooc" style="font-weight: lighter; background-color: transparent; color: rgba(240,0,255, 0.75); padding: 2 4;">&nbsp; <span class="th th-moon-o" style="color:#eacecf;"></span></a></div>
<tr>