itinerae: radioactive

<HTML>
<head>
<title>itinerae: radioactive </title>
<link rel="shortcut icon" href="https://files.catbox.moe/m5tyiv.png"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

body {
background:#0C1912 url(https://files.catbox.moe/7zggqg.webp);}
  
  
table {
font-family:"Goldman", courier new;
font-size:11px;
line-height:13px;
letter-spacing: 1px;
color:#458c3a;}

b {color:#00FF00;font-weight:normal;}

a:link, a:visited, a:active { 
color:green;text-decoration:none;}
a:hover {color:#00FF00;}
  
img {border:0;}
  
::-webkit-scrollbar-thumb {
background-color: green;  
border-radius: 3px;}
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}

.title {
display:inline-block;
background:#051105;
color:green;
font-family:'orbitron';
font-size:10px;
text-transform:uppercase;
line-height:10px;
letter-spacing:3px;
border-top-left-radius:3px;border-top-right-radius:3px;
border:1px solid #113711;
border-bottom:1px dotted green;
padding:4px;}
  
  
.navigation a { 
display:inline-block;
background:; 
padding-left:10px;
padding-right:10px;
font:9px 'orbitron';
text-transform:uppercase;
font-weight:bold;
border-top-left-radius:0px;border-top-right-radius:0px;
line-height:12px;
color:green;}
      
.navigation a:hover {
color:#00FF00;}

.sitename {background:#111;width:90%;font-family:'orbitron';font-size:30px;letter-spacing:10px;color:green;line-height:20px;border-radius:15px;}
.top {background: #000; border: 1px solid #123E12;border-bottom: 0px;border-top-left-radius:15px;border-top-right-radius:15px;}
.navigation {background:#0B250B;border-bottom: 1px dotted #123E12;}
.left {background: #000; border-right: 1px dotted #123E12;border-left: 1px solid #123E12;}
.middle {background: #000;border-right:1px dotted #113711;}
.right {background: #000;border-right: 1px solid #113711;}
.footer {background: #000; border: 1px solid #123E12; border-top: 1px dotted #123E12;line-height:30px;}
.box {background:#051105;border:1px solid #113711;border-top:2px solid #111;border-radius:3px;
border-top-left-radius:0px;padding:4px;padding-left:8px;padding-top:8px;margin-bottom:8px;}
#news {background:#000;font-size:9px;}
textarea {background:#000;border:1px solid #123E12;color:#458c3a;font:10px 'goldman';letter-spacing:1px;margin-bottom:5px;}

</style>
  
  
<script type="text/javascript">
// <![CDATA[
var news=Array("Your welcome message or maybe updates?", "Edit this text at script-section !");
var cursor="_"; // set cursor
var delay=8; // seconds between each news item

/***************************\
* News Ticker Text Effect   *
*(c)2004-14 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var newsp, cursp, flash, item=0;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addRVLoadEvent(teleprint);

function teleprint () { if (document.getElementById) {
  var span=document.getElementById("news");
  while (span.childNodes.length) span.removeChild(span.childNodes[0]);
  delay*=1000;
  newsp=document.createElement("span");
  cursp=document.createElement("span");
  cursp.appendChild(document.createTextNode(String.fromCharCode(160)+cursor));
  span.appendChild(newsp);
  span.appendChild(cursp);
  ticker();
}}

function ticker() {
  var i;
  while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  newsp.appendChild(document.createTextNode(news[item].substring(0,1)));
  for (i=1; i<news[item].length; i++) setTimeout('newsp.firstChild.nodeValue="'+news[item].substring(0, i+1)+'"', 100*i);
  if (news[item].indexOf("www")!=-1) setTimeout('linkit('+item+')', 100*i);
  setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100*i)
  setTimeout('clearInterval(flash)', delay);
  setTimeout('cursp.style.visibility="visible"', delay);
  setTimeout('ticker()', delay);
  item=++item%news.length;
}

function linkit(q) {
  var a,p,e,l;
  p=news[q].indexOf("www");
  e=news[q].indexOf(" ", p);
  if (e==-1) e=news[q].length;
  l=news[q].substring(p, e);
  while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  newsp.appendChild(document.createTextNode(news[q].substring(0, p)));
  a=document.createElement("a");
  a.href="http://"+l;
  a.appendChild(document.createTextNode(l));
  newsp.appendChild(a);
  newsp.appendChild(document.createTextNode(news[q].substring(e)));
}
// ]]>
</script>
  
</head>

<div class="title">001. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. <br>
<b>Bold text</b> <a href="">Link</a>
</div>

<div class="title">002. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>

<div class="title">003. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>

<td class="middle" width="300" valign="top">
  
<div class="title">001. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu hendrerit diam. Morbi at consectetur leo. Etiam ultricies, turpis venenatis lobortis dignissim, mauris neque posuere nunc, ac lobortis nibh nulla eget lectus. Morbi varius congue ligula in blandit. </div>
  
<div class="title">002. title </div>
<div class="box">
Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. Integer porta quam non ligula fermentum egestas. Etiam ullamcorper arcu non quam venenatis, at eleifend risus mattis. Aenean ac porttitor nisl, id laoreet nisl. Curabitur ut laoreet elit. Donec ultrices, lacus et scelerisque posuere, tortor elit vestibulum odio, a lobortis metus quam in urna.</div>
  
<div class="title">003. title </div>
<div class="box">
In tempus enim ac consequat hendrerit. Pellentesque sit amet justo commodo, facilisis massa et, dapibus metus. Praesent et est eget urna condimentum egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce augue orci, efficitur eget placerat eu, auctor a urna.
  </div>
  
</td>

<td class="right" width="200" valign="top">
  
<div class="title">001. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>

<center><img src="https://files.catbox.moe/agkzq4.png" width="150" alt="bunny2"></center><br>
  
<div class="title">002. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>
  
<div class="title">003. title </div>
<div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi varius congue ligula in blandit. Vivamus imperdiet neque ut est tempor finibus. Sed blandit diam quis dapibus aliquet. 
</div>
  
</td>
</table>
  
  
  
  
<table width="700" height="30" cellpadding="4" cellspacing="0"> 
<tr>
<td class="footer" valign="top"> 
<center>Layout: <a target="_blank" href="https://itinerae.blogspot.com/">Itinerae.</a> // Fonts: "Orbitron"  "Goldman"  from Google fonts. // <a target="_blank" href="https://www.mf2fm.com/rv/">JS effect</a></center>
   
</td>
</tr>
</table>

</center>
     
  
</body>
</HTML>