<html>
<head>
<title>Background Position Various - RJM Programming - June, 2025</title>
<link rel="stylesheet" type="text/css" media="all" href="//www.rjmprogramming.com.au/ITblog/wp-content/themes/twentyten/style.css">
</head>
<head>
<meta id="myviewport" name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>AlmaLinux Astronomy via PHP and Python PyEphem Revisit Tutorial | Robert James Metcalfe Blog</title>
<meta name="description" content="AlmaLinux Astronomy via PHP and Python PyEphem Revisit RJM Programming WordPress Blog Tutorial ">
<meta name="keywords" content="ai, AlmaLinux, astronomy, exec, Google, Google AI Overview, Linux, module, operating system.path, PHP, programming, PyEphem, Python, shell_exec, soft link, symbolic linmk, tutorial">
<link rel="profile" href="//gmpg.org/xfn/11">
<link rel="stylesheet" type="text/css" media="all" href="https://www.rjmprogramming.com.au/ITblog/wp-content/themes/twentyten/style.css">
<link rel="stylesheet" type="text/css" href="//www.rjmprogramming.com.au/HTMLCSS/body_border.css">
<style>
/* Thanks to https://www.sitepoint.com/css3-shuffled-paper/#:~:text=Creating%20a%20crumpled%20paper%20effect,add%20texture%20to%20the%20paper. */
.papXers, .papXers:before, .papXers:after {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}
.papXers {
position: relative;
width: 50%;
padding: 2em;
margin: 50px auto;
}
.papXers:before, .papXers:after {
content: "";
position: absolute;
left: 0;
top: 0;
/* width: 100%;
height: 100%; */
-webkit-transform: rotateZ(2.5deg);
-o-transform: rotate(2.5deg);
transform: rotateZ(2.5deg);
z-index: -1;
}
.storybook {
border-image: url('data:image/svg+xml,<svg style="font-size:26px;background-color:rgb(255,255,240,0.8);border-right:1px solid black;" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><text style="opacity:0.5;" x="15%" y="80%">☌</text><rect x="18.5" y="0" width="1.5" height="20" stroke-width="1.5" stroke="black" fill="black"></rect></svg>');
border-image-slice: 0 0 0 100;
border-image-width: 20px;
border-image-outset: 1px;
border-image-repeat: repeat;
padding-left: 20px;
}
.papers {
background-color: #fefefe;
background-image: linear-gradient(
30deg,
rgba(83,148,253,0.05) 12%,
transparent 12.5%,
transparent 87%,
rgba(83,148,253,0.05) 87.5%,
rgba(83,148,253,0.05)
),
linear-gradient(
150deg,
rgba(83,148,253,0.05) 12%,
transparent 12.5%,
transparent 87%,
rgba(83,148,253,0.05) 87.5%,
rgba(83,148,253,0.05)
),
linear-gradient(
30deg,
rgba(83,148,253,0.05) 12%,
transparent 12.5%,
transparent 87%,
rgba(83,148,253,0.05) 87.5%,
rgba(83,148,253,0.05)
),
linear-gradient(
150deg,
rgba(83,148,253,0.05) 12%,
transparent 12.5%,
transparent 87%,
rgba(83,148,253,0.05) 87.5%,
rgba(83,148,253,0.05)
),
linear-gradient(
60deg,
rgba(83,148,253,0.05) 25%,
transparent 25.5%,
transparent 75%,
rgba(83,148,253,0.05) 75%,
rgba(83,148,253,0.05)
),
linear-gradient(
60deg,
rgba(83,148,253,0.05) 25%,
transparent 25.5%,
transparent 75%,
rgba(83,148,253,0.05) 75%,
rgba(83,148,253,0.05)
);
background-size: 48px 84px;
background-position:
0 0,
0 0,
24px 42px,
24px 42px,
0 0,
24px 42px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: portrait) {
.nav-previous a { z-index:187; font-size:24px; opacity:0.6; font-stretch:condensed; background-color:rgba(250,218,221,0.7); }
.nav-next a { z-index:187; font-size:24px; opacity:0.6; font-stretch:condensed; background-color:rgba(184,188,134,0.7); }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: landscape) {
.nav-previous a { z-index:187; font-size:24px; opacity:0.6; font-stretch:condensed; background-color:rgba(250,218,221,0.7); }
.nav-next a { z-index:187; font-size:24px; opacity:0.6; font-stretch:condensed; background-color:rgba(184,188,134,0.7); }
}
td code { overflow-x:scroll; }
.linkhints {
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
margin-top:10px;
}
.zglow {
-webkit-animation: xglow 1s ease-in-out infinite alternate;
-moz-animation: xglow 1s ease-in-out infinite alternate;
animation: xglow 1s ease-in-out infinite alternate;
margin-top:10px;
}
.custom-alert {
display: inline-block;
visibility: visible;
background-color: rgba(102,102,102,0.8);
color: #fff;
text-align: enter;
margin: 5% auto;
padding: 12px 28px;
position: fixed;
z-index: 123;
top: 50px;
left: 100px;
}
/* Portrait and Landscape ... thanks to https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.alignnone { width: 98% !important; }
.alignnone > img { width: 98% !important; }
}
/* Portrait and Landscape iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: portrait) {
div.entry-content > div.wp-caption.alignnone { width: 98% !important; }
div.entry-content > div.wp-caption.alignnone > a > img { width: 98% !important; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: landscape) {
div.entry-content > div.wp-caption.alignnone { width: 98% !important; }
div.entry-content > div.wp-caption.alignnone > a > img { width: 98% !important; }
}
/* Thanks to https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_glowing_text */
@-webkit-keyframes glow {
from {
box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;
}
to {
box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;
}
}
@keyframes xglow {
from {
box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;
}
to {
box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;
}
}
@-webkit-keyframes xglow {
from {
box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;
}
to {
box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;
}
}
ol { counter-reset: item; }
ol>li { display: block; }
ol>li:before { content: " " counter(item) " "; counter-increment: item; color: #1f1f1f; background-color: #f0f0f0; border:1px solid olive; }
ol li:not(ul>li):nth-of-type(1) { list-style: none; }
ol li:not(ul>li):nth-of-type(2) { list-style: none; }
ol li:not(ul>li):nth-of-type(3) { list-style: none; }
ol li:not(ul>li):nth-of-type(4) { list-style: none; }
ol li:not(ul>li):nth-of-type(5) { list-style: none; }
ol li:not(ul>li):nth-of-type(6) { list-style: none; }
ol li:not(ul>li):nth-of-type(7) { list-style: none; }
ol li:not(ul>li):nth-of-type(8) { list-style: none; }
ol li:not(ul>li):nth-of-type(9) { list-style: none; }
ol li:not(ul>li):nth-of-type(10) { list-style: none; }
ol li:not(ul>li):nth-of-type(11) { list-style: none; }
ol li:not(ul>li):nth-of-type(12) { list-style: none; }
ol li:not(ul>li):nth-of-type(13) { list-style: none; }
ol li:not(ul>li):nth-of-type(14) { list-style: none; }
ol li:not(ul>li):nth-of-type(15) { list-style: none; }
ol li:not(ul>li):nth-of-type(16) { list-style: none; }
ol li:not(ul>li):nth-of-type(17) { list-style: none; }
ol li:not(ul>li):nth-of-type(18) { list-style: none; }
ol li:not(ul>li):nth-of-type(19) { list-style: none; }
ol li:not(ul>li):nth-of-type(20) { list-style: none; }
ol li:not(ul>li):nth-of-type(21) { list-style: none; }
ol li:not(ul>li):nth-of-type(22) { list-style: none; }
ol li:not(ul>li):nth-of-type(23) { list-style: none; }
ol li:not(ul>li):nth-of-type(24) { list-style: none; }
ol li:not(ul>li):nth-of-type(25) { list-style: none; }
ol li:not(ul>li):nth-of-type(26) { list-style: none; }
ol li:not(ul>li):nth-of-type(27) { list-style: none; }
ol li:not(ul>li):nth-of-type(28) { list-style: none; }
ol li:not(ul>li):nth-of-type(29) { list-style: none; }
ol li:not(ul>li):nth-of-type(30) { list-style: none; }
ol li:not(ul>li):nth-of-type(1)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(2)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(3)::before { background-color:#f0c0c0; content:'\000033\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(4)::before { background-color:#f0c0c0; content:'\000034\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(5)::before { background-color:#f0c0c0; content:'\000035\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(6)::before { background-color:#f0c0c0; content:'\000036\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(7)::before { background-color:#f0c0c0; content:'\000037\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(8)::before { background-color:#f0c0c0; content:'\000038\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(9)::before { background-color:#f0c0c0; content:'\000039\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(10)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000030\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(11)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000031\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(12)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000032\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(13)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000033\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(14)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000034\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(15)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000035\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(16)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000036\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(17)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000037\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(18)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000038\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(19)::before { background-color:#f0c0c0; content:'\000031\00fe0f\0020e3\000039\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(20)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000030\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(21)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000031\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(22)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000032\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(23)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000033\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(24)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000034\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(25)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000035\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(26)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000036\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(27)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000037\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(28)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000038\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(29)::before { background-color:#f0c0c0; content:'\000032\00fe0f\0020e3\000039\00fe0f\0020e3'; }
ol li:not(ul>li):nth-of-type(30)::before { background-color:#f0c0c0; content:'\000033\00fe0f\0020e3\000030\00fe0f\0020e3'; }
.mypclass { color:rgb(185,127,206); }
#mypid { color:rgb(185,127,206); }
.mypclass2 { background-color:rgb(185,127,206); color:'black'; }
.mypclass22 { background-color:rgb(185,127,206); color:'black'; }
#mypid2 { background-color:rgb(185,127,206); color:'black'; }
#s {
width: 55% !important;
}
#ahomeis {
color: #ffffff;
font: 24pt Arial;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
code {
width:90%;
background-color:#F9F9F9;
margin-top: 10px;
margin-bottom: 10px;
padding:20px 20px;
border:1px dashed blue;
display: inline-block;
text-overflow: ellipsis;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
blockquote {
display: block;
padding: 18px;
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
text-indent: 4px;
background: url('//www.rjmprogramming.com.au/ITblog/closequote1.gif') bottom right no-repeat,url('//www.rjmprogramming.com.au/ITblog/openquote1.gif') top left no-repeat;
background-color: #faebbc;
}
blockquote p {
display: block;
padding: 18px;
margin: 5px;
text-indent: 4px;
background: url('//www.rjmprogramming.com.au/ITblog/closequote1.gif') bottom right no-repeat,url('//www.rjmprogramming.com.au/ITblog/openquote1.gif') top left no-repeat;
background-color: #faebbc;
}
blockquote.rightbq {
float: right;
width: 250px;
}
blockquote.rightbq p {
display: inline;
float: right;
width: 250px;
}
div.rightbq {
margin-top: -22px;
}
.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}
li.one {
background-image: url('//www.rjmprogramming.com.au/PHP/one.jpg?rnd=6982158');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.two {
background-image: url('//www.rjmprogramming.com.au/PHP/two.jpg?rnd=6199472');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.three {
background-image: url('//www.rjmprogramming.com.au/PHP/three.jpg?rnd=5313346');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.four {
background-image: url('//www.rjmprogramming.com.au/PHP/four.jpg?rnd=18445490');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.five {
background-image: url('//www.rjmprogramming.com.au/PHP/five.jpg?rnd=12246793');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.six {
background-image: url('//www.rjmprogramming.com.au/PHP/six.jpg?rnd=454102');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.seven {
background-image: url('//www.rjmprogramming.com.au/PHP/seven.jpg?rnd=3078212');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
li.eight {
background-image: url('//www.rjmprogramming.com.au/PHP/eight.jpg?rnd=11954030');
background-position: left;
background-repeat: no-repeat;
background-size: 128px 80px;
height: 150px;
text-indent: 0px;
}
/* Thanks to https://cssgradient.io/blog/css-gradient-text/ below */
/*
b:not(.dyk) {
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
code b {
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
*/
/*
strong:not(.dyk) {
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
*/
code strong {
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Thanks to https://codepen.io/bibby0912/pen/mErWyA for basis of idea below ...
applied at http://www.rjmprogramming.com.au/ITblog/marquee-placeholder-primer-tutorial/ */
.container {
/* margin: auto; */
/* width: 100%;
height: 900px; */
/* display:flex; */
/* width: 40vw;
height: 40vh; */
/* outline: 1px solid red;*/
/* border: 20px solid transparent; */
/* margin-bottom: 100px; */
height: 100%;
width: 100%;
border: 8px solid transparent;
box-sizing: border-box;
padding: 1rem;
overflow: visible;
display:flex;
/* text-transform: uppercase;
font-weight: 900;
font-family: "Open Sans","Source Sans Pro",Helvetica,sans-serif;
font-size: 1em;
letter-spacing: 1em;
padding: 1rem;
display:flex;
justify-content: center;
align-items: center; */
}
.demo {
/*background-image:
linear-gradient(white, white),
linear-gradient(180deg, cornflowerblue, purple);*/
background-image:
linear-gradient(white, white),
linear-gradient(270deg, #00D7B9, #B95DD7 50%, #FFB367 100%);
background-repeat: no-repeat;
background-origin: padding-box, border-box;
/* text-align: center; */
}
.animated {
background-image:
linear-gradient(white, white),
/* linear-gradient(180deg, cornflowerblue, purple 50%, cornflowerblue); */
linear-gradient(180deg, green, lightblue 50%, yellow);
background-repeat: no-repeat;
background-size: 100% 100%, 100% 200%;
/* background-size: cover; */
background-position: 0 0, 0 100%;
background-origin: padding-box, border-box;
animation: highlight 1s infinite alternate;
}
@keyframes highlight {
100% {
background-position: 0 0, 0 0;
}
}
/* Like ... Glyph, by Harry Roberts ... at //css-tricks.com/examples/hrs/ ... thanks */
hr:not(.ybi) {
padding: 0;
border: none;
border-top: medium double #333;
color: green;
text-align: center;
}
hr:not(.ybi):after {
content: '\00261f'; /* via ... //www.utf8-chartable.de/unicode-utf8-table.pl?start=9728 ... thanks */
display: inline-block;
position: relative;
top: -0.55em; /* 7em; */
font-size: 1.2em; /* 1.5em; */
padding: 0 0.2em; /* 0.25em; */
background: #ffeff0;
}
.dyk { background-color: yellow; border-bottom: 7px solid #f7f7f7; border-top: 7px solid #f7f7f7; }
.dyk + * { background-color: #f7f7f7; border-bottom: 7px solid #f7f7f7; border-top: 7px solid #f7f7f7; }
span.comments-link:after {
content: '\A ___________________________';
white-space: pre;
word-wrap: break-word;
color: green;
font-size: 48px;
}
ul.children li.page_item:before {
color: orange;
content: '\🚲 \0000a0';
}
ul.children li.page_item:after {
content: no-close-quote;
}
ul.noclass {
list-style: none;
}
ul.children {
font-size: 10px;
width: 580px !important;
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
}
ul.noclass li:before {
list-style: none;
float: left;
margin-left: -15px;
color: red;
content: '\⛪ \0000a0';
font-size: 1.2em;
font-weight: bold;
}
ul.noclass li:after {
list-style: none;
color: red;
content: no-close-quote;
font-size: 1.2em;
font-weight: bold;
}
ul.confounded li:before {
font-family: Georgia,'Bitstream Charter',serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
list-style: none;
float: left;
color: black;
content: 'Maybe you are used to Emoji in conversations so hope you are not confused 😖';
}
ul.happy li:before {
font-family: Georgia,'Bitstream Charter',serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
list-style: none;
float: left;
color: black;
content: 'seeing such characters as bullet points here in these blog postings. We are happy 😁';
}
ul.relieved li:before {
font-family: Georgia,'Bitstream Charter',serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
list-style: none;
float: left;
color: black;
content: 'to share with you some UTF-8 syntax, as above that is not very difficult to learn. 😌';
}
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
code { opacity: 0.7 !important; }
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
code { opacity: 0.7 !important; }
}
</style>
<link rel="pingback" href="https://www.rjmprogramming.com.au/ITblog/xmlrpc.php">
<meta name="robots" content="max-image-preview:large">
<link rel="alternate" type="application/rss+xml" title="Robert James Metcalfe Blog » Feed" href="https://www.rjmprogramming.com.au/ITblog/feed/">
<link rel="alternate" type="application/rss+xml" title="Robert James Metcalfe Blog » Comments Feed" href="https://www.rjmprogramming.com.au/ITblog/comments/feed/">
<link rel="alternate" type="application/rss+xml" title="Robert James Metcalfe Blog » AlmaLinux Astronomy via PHP and Python PyEphem Revisit Tutorial Comments Feed" href="https://www.rjmprogramming.com.au/ITblog/almalinux-astronomy-via-php-and-python-pyephem-revisit-tutorial/feed/">
<script async="" src="//www.google-analytics.com/analytics.js"></script><script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel="stylesheet" id="dashicons-css" href="https://www.rjmprogramming.com.au/ITblog/wp-includes/css/dashicons.min.css?ver=6.6.2" type="text/css" media="all">
<link rel="stylesheet" id="admin-bar-css" href="https://www.rjmprogramming.com.au/ITblog/wp-includes/css/admin-bar.min.css?ver=6.6.2" type="text/css" media="all">
<style id="admin-bar-inline-css" type="text/css">
@media screen { html { margin-top: 32px !important; } }
@media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } }
@media print { #wpadminbar { display:none; } }
</style>
<style id="wp-emoji-styles-inline-css" type="text/css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="https://www.rjmprogramming.com.au/ITblog/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://www.rjmprogramming.com.au/ITblog/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://www.rjmprogramming.com.au/ITblog/wp-json/wp/v2/posts/68735"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.rjmprogramming.com.au/ITblog/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.6.2">
<link rel="canonical" href="https://www.rjmprogramming.com.au/ITblog/almalinux-astronomy-via-php-and-python-pyephem-revisit-tutorial/">
<link rel="shortlink" href="https://www.rjmprogramming.com.au/ITblog/?p=68735">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.rjmprogramming.com.au/ITblog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.rjmprogramming.com.au%2FITblog%2Falmalinux-astronomy-via-php-and-python-pyephem-revisit-tutorial%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.rjmprogramming.com.au/ITblog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.rjmprogramming.com.au%2FITblog%2Falmalinux-astronomy-via-php-and-python-pyephem-revisit-tutorial%2F&format=xml">
<link rel="stylesheet" href="https://www.rjmprogramming.com.au/ITblog/wp-content/plugins/responsive-twentyten/css/style.css" media="screen and (min-device-width: 481px)" type="text/css">
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="https://www.rjmprogramming.com.au/ITblog/wp-content/plugins/responsive-twentyten/css/phone_style.css">
<meta name="viewport" content="width=device-width, minimum-scale=1.0,
maximum-scale=1.0"><link rel="icon" href="https://www.rjmprogramming.com.au/ITblog/wp-content/uploads/2024/12/cropped-logo_512_512-32x32.jpg" sizes="32x32">
<link rel="icon" href="https://www.rjmprogramming.com.au/ITblog/wp-content/uploads/2024/12/cropped-logo_512_512-192x192.jpg" sizes="192x192">
<link rel="apple-touch-icon" href="https://www.rjmprogramming.com.au/ITblog/wp-content/uploads/2024/12/cropped-logo_512_512-180x180.jpg">
<meta name="msapplication-TileImage" content="https://www.rjmprogramming.com.au/ITblog/wp-content/uploads/2024/12/cropped-logo_512_512-270x270.jpg">
<link rel="icon" id="myicon" href="/favicon-2.ico">
<script type=text/javascript>
var is64=false, plus=' ';
var defoptit='background-position-x:right;';
var origdefopt=defoptit;
var divih='';
var eqis='=';
if ((location.search + ('' + location.hash).replace(/^undefined/g,'').replace(/^null/g,'')).indexOf('taidea' + encodeURIComponent('=')) != -1) {
eqis=encodeURIComponent('=');
}
//alert(location.hash);
var inta='', startstyle='';
var intas=[];
if (document.URL.indexOf('Cjxi') != -1) {
//alert('here');
intas=document.URL.split('Cjxi');
for (var inm=1; inm<intas.length; inm++) {
intas[eval(-1 + inm)]=decodeURIComponent(decodeURIComponent(escape(atob('Cjxi' + intas[inm]))));
//alert(intas[eval(-1 + inm)]);
}
}
inta=(location.search + ('' + location.hash).replace(/^undefined/g,'').replace(/^null/g,'')).split('taidea' + eqis)[1] ? ourdecodeURIComponent((location.search + ('' + location.hash).replace(/^undefined/g,'').replace(/^null/g,'')).split('taidea' + eqis)[1].split('&')[0]).replace(/\+/g,plus) : '';
if (inta.indexOf('background') == 0) {
startstyle=inta;
inta='';
}
//alert(inta);
var preint='';
preint=inta.split('blockquote')[0];
if (eval('' + intas.length) == 0) {
intas=(inta + ' ').substring(preint.length).split('<blockquote');
}
var nextinta='';
var woois=null;
var sofares='';
var defst='background-position-x:right;';
function changethis(selo) {
var selovalue=selo.value, yourown='';
if (selovalue == ' ') {
yourown=prompt('Please enter your own CSS styling clause ending with a semicolon ;', '');
if (yourown == null) { yourown=''; }
if (yourown.trim().replace(/\;$/g,'') != '') {
if (yourown.trim().slice(-1) == ';') {
document.getElementById('mysel').innerHTML+='<option value="' + yourown.trim() + '">' + yourown.trim() + '</option>';
document.getElementById('mysel').value=yourown.trim() + '';
if (document.getElementById('taidea').value.indexOf(yourown.trim()) == -1) {
if (document.getElementById('taidea').value.indexOf(' data-yourown=""') != -1) {
//alert('here');
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + '');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else {
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + ',');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
}
changethis(document.getElementById('mysel'));
} else {
document.getElementById('mysel').innerHTML+='<option value="' + yourown.trim() + ';">' + yourown.trim() + ';</option>';
document.getElementById('mysel').value=yourown.trim() + ';';
if (document.getElementById('taidea').value.indexOf(yourown.trim()) == -1) {
if (document.getElementById('taidea').value.indexOf(' data-yourown=""') != -1) {
//alert('Here');
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + ';');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else {
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + ';,');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
}
changethis(document.getElementById('mysel'));
}
}
return '';
}
defst=selovalue;
if (selovalue.indexOf('background-repeat:') != -1) {
yourown=selovalue;
if (document.getElementById('divhost').innerHTML.indexOf('background-repeat:no-repeat;') != -1) {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace('background-repeat:no-repeat;', selovalue);
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else if (document.getElementById('divhost').innerHTML.indexOf('background-repeat:repeat;') != -1) {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace('background-repeat:repeat;', selovalue);
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else if (document.getElementById('divhost').innerHTML.indexOf(defoptit + '">') != -1) {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace(defoptit + '">', selovalue + defoptit + '">');
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace('">', selovalue + '">');
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
if (yourown.trim().replace(/\;$/g,'') != '') {
if (yourown.trim().slice(-1) == ';') {
//document.getElementById('mysel').innerHTML+='<option value="' + yourown.trim() + '">' + yourown.trim() + '</option>';
//document.getElementById('mysel').value=yourown.trim() + '';
if (document.getElementById('taidea').value.indexOf(yourown.trim()) == -1) {
if (document.getElementById('taidea').value.indexOf(' data-yourown=""') != -1) {
//alert('here');
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + '');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else {
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + ',');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
}
//changethis(document.getElementById('mysel'));
} else {
//document.getElementById('mysel').innerHTML+='<option value="' + yourown.trim() + ';">' + yourown.trim() + ';</option>';
//document.getElementById('mysel').value=yourown.trim() + ';';
if (document.getElementById('taidea').value.indexOf(yourown.trim()) == -1) {
if (document.getElementById('taidea').value.indexOf(' data-yourown=""') != -1) {
//alert('Here');
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + ';');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else {
document.getElementById('taidea').value=document.getElementById('taidea').value.replace(' data-yourown="', ' data-yourown="' + yourown.trim() + ';,');
document.getElementById('divhost').innerHTML=document.getElementById('taidea').value.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
}
//changethis(document.getElementById('mysel'));
}
}
document.getElementById('defopt').innerText='Styling idea [' + selovalue + ']';
selo.value='';
return '';
} else if (selovalue.indexOf('background-position') == -1) {
if (document.getElementById('divhost').innerHTML.indexOf(';' + selovalue.split(':')[0] + ':') != -1) {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace(';' + selovalue.split(':')[0] + ':' + document.getElementById('divhost').innerHTML.split(';' + selovalue.split(':')[0] + ':')[1].split(';')[0] + ';', ';' + selovalue);
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else if (document.getElementById('divhost').innerHTML.indexOf('background-repeat:') != -1) {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace('background-repeat:', selovalue + 'background-repeat:');
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else if (document.getElementById('divhost').innerHTML.indexOf(defoptit + '">') != -1) {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace(defoptit + '">', selovalue + defoptit + '">');
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
} else {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace('">', selovalue + '">');
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
document.getElementById('defopt').innerText='Styling idea [' + selovalue + ']';
selo.value='';
return '';
} else if (selovalue.indexOf('background-position') != -1) {
document.getElementById('defopt').innerText='Styling idea [' + selovalue + ']';
}
if (selovalue == '' && origdefopt != '') {
selovalue=origdefopt;
}
if (selovalue != '') {
if (document.getElementById('mybq') && document.getElementById('divhost')) {
var thisih=document.getElementById('divhost').innerHTML;
if (defoptit != '' && thisih.indexOf(defoptit + '">') != -1) {
thisih=thisih.replace(defoptit + '">', selovalue + '">');
} else if (thisih.indexOf('">') != -1) {
thisih=thisih.replace('">', selovalue + '">');
} else {
thisih=thisih.replace(' style="', ' style="' + selovalue);
}
document.getElementById('divhost').innerHTML=thisih.replace(' data-current="' + defoptit + '"', ' data-current="' + selovalue + '"');
defoptit=selovalue;
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
}
}
function onl(altta) {
var outta=inta;
if (altta == '' && eval('' + intas.length) > 1) {
//alert(inta);
//alert(preint + intas[0]);
nextinta=inta.replace(preint + intas[0], '');
document.getElementById('hrbot').style.display='block';
if (is64) {
document.getElementById('ifbot').src=document.URL.split('?')[0].split('#')[0] + '?#taidea=' + ourencodeURIComponent(nextinta);
} else {
document.getElementById('ifbot').src=document.URL.split('?')[0].split('#')[0] + '?#taidea=' + encodeURIComponent(nextinta);
}
document.getElementById('ifbot').style.display='block';
inta=preint + intas[0];
outta=inta;
intas=[];
}
if (altta == '' && inta != '') {
if (eval('' + inta.split('repeat;').length) > 1) {
origdefopt=(inta.split('repeat;')[1].split(';')[0].split('"')[0] + ';').replace(/^\;/g,'');
document.getElementById('defopt').innerHTML='Styling idea [' + origdefopt + ']';
defoptit=origdefopt;
}
}
if (altta != '') { outta=altta; }
if (outta == '') {
outta=document.getElementById('divhost').innerHTML;
} else {
document.getElementById('divhost').innerHTML=outta;
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
if (altta != '') {
if (eval('' + altta.split('repeat;').length) > 1) {
defoptit=(altta.split('repeat;')[1].split(';')[0].split('"')[0] + ';').replace(/^\;/g,'');
document.getElementById('defopt').innerHTML='Styling idea [' + defoptit + ']';
}
}
}
if (document.getElementById('taidea').value.indexOf(' data-yourown=""') == -1 && document.getElementById('taidea').value.indexOf(' data-yourown="') != -1) {
var newuns=document.getElementById('taidea').value.split(' data-yourown="')[1].split('"')[0].split(';,');
for (var inew=0; inew<newuns.length; inew++) {
if (document.getElementById('mysel').innerHTML.indexOf(newuns[inew].replace(/\;$/g,'') + ';') == -1) {
document.getElementById('mysel').innerHTML+='<option value="' + newuns[inew].replace(/\;$/g,'') + ';">' + newuns[inew].replace(/\;$/g,'') + ';</option>';
}
}
}
if (altta == '') {
if (startstyle != '') {
document.getElementById('divhost').innerHTML=document.getElementById('divhost').innerHTML.replace(document.getElementById('divhost').innerHTML.split(' style="')[1].split('"')[0], startstyle);
document.getElementById('taidea').value=document.getElementById('divhost').innerHTML.substring(document.getElementById('divhost').innerHTML.indexOf('<'));
}
sofares=document.getElementById('divhost').innerHTML;
setInterval(keeplooking, 5000);
} //else if (sofares.indexOf(document.getElementById('divhost').innerHTML) == -1) {
//sofares+=document.getElementById('divhost').innerHTML;
//}
if (document.getElementById('divhost').innerHTML.replace(' class="transbox"','').indexOf(' class="') != -1) {
defst=document.getElementById('divhost').innerHTML.replace(' class="transbox"','').split(' class="')[1].split('"')[0];
}
divoverlayclone('', '');
}
function keeplooking() {
if (sofares.indexOf(document.getElementById('divhost').innerHTML) == -1) {
var vs=sofares;
sofares=document.getElementById('divhost').innerHTML + vs;
//alert(sofares);
divoverlayclone('', '');
}
}
function doemail() {
var anchor=null;
var emis=prompt('Please enter email address to send to.', '');
if (emis == null) { emis=''; }
if (emis.indexOf('@') != -1) {
anchor = document.createElement('a');
anchor.href = 'mailto:' + emis.trim() + '?subject=Background%20Position%20ideas&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '#taidea=' + encodeURIComponent(sofares));
anchor.style.display='none';
document.body.appendChild(anchor);
anchor.innerHTML='Email';
anchor.target='_top';
anchor.click();
} else if (emis.trim() != '' && emis.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'') == '') {
anchor = document.createElement('a');
anchor.href = 'sms:' + emis.trim() + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '&taidea=' + ourencodeURIComponent(sofares));
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
} else if (emis.trim() != '' && emis.trim().replace(/^\+(9[976]\d|8[987530]\d|6[987]\d|5[90]\d|42\d|3[875]\d|2[98654321]\d|9[8543210]|8[6421]|6[6543210]|5[87654321]|4[987654310]|3[9643210]|2[70]|7|1)\W*\d\W*\d\W*\d\W*\d\W*\d\W*\d\W*\d\W*\d\W*(\d{1,2})$/g,'') != emis.trim()) { // thanks to https://stackoverflow.com/questions/2113908/what-regular-expression-will-match-valid-international-phone-numbers
anchor = document.createElement('a');
anchor.href = 'sms:' + emis.trim() + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '&taidea=' + ourencodeURIComponent(sofares));
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
}
}
function juststyle(inswas) {
//alert(inswas);
if (inswas.indexOf(' style="') != -1) {
return inswas.split(' style="')[1].split('"')[0];
}
return inswas;
}
function ourencodeURIComponent(insis) {
//alert(btoa(unescape(encodeURIComponent('<blockquote'))));
//alert(btoa(unescape(encodeURIComponent(insis))));
//alert(atob(btoa(unescape(encodeURIComponent(insis)))));
var outsis=insis;
try {
outsis=encodeURIComponent(juststyle(insis.split('><blockquote')[0] + '>').replace(/\>\>$/g,'>'));
} catch(excf) {
outsis=btoa(unescape(encodeURIComponent(juststyle(insis.split('><blockquote')[0] + '>').replace(/\>\>$/g,'>'))));
}
return outsis;
}
function ourdecodeURIComponent(insis) {
//alert(decodeURIComponent(insis));
//alert(insis);
if (decodeURIComponent(insis).indexOf('Cjxib') == 0) { // decodeURIComponent
is64=true;
plus='+';
//alert(decodeURIComponent(decodeURIComponent(escape(atob(insis)))));
return decodeURIComponent(decodeURIComponent(escape(atob(insis))));
}
return decodeURIComponent(insis);
}
function dosms(){
var anchor=null;
var emis=prompt('Please enter SMS number to send to.', '');
if (emis == null) { emis=''; }
if (emis.indexOf('@') != -1) {
anchor = document.createElement('a');
anchor.href = 'mailto:' + emis.trim() + '?subject=Background%20Position%20ideas&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '#taidea=' + encodeURIComponent(sofares));
anchor.style.display='none';
document.body.appendChild(anchor);
anchor.innerHTML='Email';
anchor.target='_top';
anchor.click();
} else if (emis.trim() != '' && emis.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'') == '') {
anchor = document.createElement('a');
anchor.href = 'sms:' + emis.trim() + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '?rand=' + Math.floor(Math.random() * 19897865) + '#taidea=' + ourencodeURIComponent(sofares));
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
} else if (emis.trim() != '' && emis.trim().replace(/^\+(9[976]\d|8[987530]\d|6[987]\d|5[90]\d|42\d|3[875]\d|2[98654321]\d|9[8543210]|8[6421]|6[6543210]|5[87654321]|4[987654310]|3[9643210]|2[70]|7|1)\W*\d\W*\d\W*\d\W*\d\W*\d\W*\d\W*\d\W*\d\W*(\d{1,2})$/g,'') != emis.trim()) { // thanks to https://stackoverflow.com/questions/2113908/what-regular-expression-will-match-valid-international-phone-numbers
anchor = document.createElement('a');
anchor.href = 'sms:' + emis.trim() + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '?rand=' + Math.floor(Math.random() * 19897865) + '#taidea=' + ourencodeURIComponent(sofares));
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
}
}
function divoverlayclone(ovid, indefst) {
var tih='', taih=document.getElementById('divhost').innerHTML, nextih='', tbit='', huhs=[], ihuh=0, mss='', ahh=[], ione=1, ihh=0;
var tarectis=document.getElementById('taidea').getBoundingClientRect();
if (ovid == '') { ovid='doverlay'; } else {
mss=ovid.replace('doverlay','');
for (var iou=0; iou<eval('' + mss); iou++) {
ahh.push('');
}
}
var defclass=(' ' + mss).slice(-1).trim();
for (var itih=taih.indexOf('<'); itih<taih.length; itih++) {
if (taih.substring(itih).substring(0,1) == String.fromCharCode(10)) {
tih+='<br>';
} else if (taih.substring(itih).substring(0,1) == '<') {
tih+='<';
} else if (taih.substring(itih).substring(0,1) == '>') {
tih+='>';
} else {
tih+=taih.substring(itih).substring(0,1);
}
}
document.getElementById(ovid).style.position='absolute';
document.getElementById(ovid).style.top='' + tarectis.top + 'px';
document.getElementById(ovid).style.left='' + tarectis.left + 'px';
document.getElementById(ovid).style.width='' + tarectis.width + 'px';
document.getElementById(ovid).style.height='' + tarectis.height + 'px';
document.getElementById(ovid).style.fontSize = window.getComputedStyle(document.getElementById('taidea'),null).fontSize || document.getElementById('taidea').style.fontSize || document.getElementById('taidea').currentStyle.getCurrentProperty('font-size');
if (indefst.trim() != '') {
//alert('0:' + indefst);
if (document.getElementById('divhost').innerHTML.indexOf(indefst.replace(':',': ')) != -1) {
//alert('00:' + indefst);
if (tih.indexOf(indefst.replace(':',': ') + '">') != -1) {
document.getElementById(ovid).innerHTML=tih.replace(indefst.replace(':',': ') + '">', '<span id=myspan' + mss + ' class=highlight' + (' ' + mss).slice(-1).trim() + ' title="' + indefst.replace(':',': ') + '">' + indefst.replace(':',': ') + '</span>">');
} else {
document.getElementById(ovid).innerHTML=tih.replace(indefst.replace(':',': '), '<span id=myspan' + mss + ' class=highlight' + (' ' + mss).slice(-1).trim() + ' title="' + indefst.replace(':',': ') + '">' + indefst.replace(':',': ') + '</span>');
}
} else if (document.getElementById('divhost').innerHTML.indexOf(indefst) != -1) {
//alert('000:' + indefst);
if (tih.indexOf(indefst + '">') != -1) {
document.getElementById(ovid).innerHTML=tih.replace(indefst + '">', '<span id=myspan' + mss + ' class=highlight' + (' ' + mss).slice(-1).trim() + ' title="' + indefst + '">' + indefst + '</span>">');
} else {
document.getElementById(ovid).innerHTML=tih.replace(indefst, '<span id=myspan' + mss + ' class=highlight' + (' ' + mss).slice(-1).trim() + ' title="' + indefst + '">' + indefst + '</span>');
}
} else {
return '';
}
} else {
//alert(defst);
if (defst.indexOf(';') == -1) {
huhs=defst.split(' ');
//alert('2:' + huhs[0]);
for (ihuh=0; ihuh<huhs.length; ihuh++) {
if (document.getElementById('mysel').innerHTML.indexOf(' value="' + huhs[ihuh] + '">') != -1) {
//alert('3:' + huhs[0]);
tbit+=document.getElementById('mysel').innerHTML.split(' value="' + huhs[ihuh] + '">')[1].split('<')[0];
ahh.push('doverlay' + ione + '~' + document.getElementById('mysel').innerHTML.split(' value="' + huhs[ihuh] + '">')[1].split('<')[0]);
ione++;
}
}
defclass='' + ahh.length;
//alert('defclass=' + defclass);
document.getElementById(ovid).innerHTML=tih.replace(defst, '<span id=myspan' + mss + ' class=highlight' + defclass + ' title="' + tbit + '">' + defst + '</span>');
} else if (document.getElementById('mysel').innerHTML.indexOf(' value="' + defst + '">') != -1) {
if (eval('' + tih.split(defst).length) > 2) {
ahh.push('doverlay' + ione + '~' + document.getElementById('mysel').innerHTML.split(' value="' + defst + '">')[1].split('<')[0]);
ione++;
defclass='' + ahh.length;
}
document.getElementById(ovid).innerHTML=tih.replace(defst, '<span id=myspan' + mss + ' class=highlight' + defclass + ' title="' + document.getElementById('mysel').innerHTML.split(' value="' + defst + '">')[1].split('<')[0] + '">' + defst + '</span>');
} else {
//alert(defst + ' in? ' + tih);
if (eval('' + tih.split(defst).length) > 2 && 1 == 7) {
ahh.push('doverlay' + ione + '~' + document.getElementById('mysel').innerHTML.split(' value="' + defst + '">')[1].split('<')[0]);
ione++;
defclass='' + ahh.length;
}
document.getElementById(ovid).innerHTML=tih.replace(defst, '<span id=myspan' + mss + ' class=highlight' + defclass + ' title="">' + defst + '</span>');
}
}
if (document.getElementById('myspan' + mss)) {
// document.getElementById('myspan' + mss).className='highlight' + ahh.length;
//alert('mss=' + mss + ' oh=' + document.getElementById('myspan' + mss).outerHTML);
nextih=document.getElementById('myspan' + mss).outerHTML;
tarectis=document.getElementById('myspan' + mss).getBoundingClientRect();
document.getElementById(ovid).style.position='absolute';
document.getElementById(ovid).style.top='' + tarectis.top + 'px';
document.getElementById(ovid).style.left='' + tarectis.left + 'px';
document.getElementById(ovid).style.width='' + tarectis.width + 'px';
document.getElementById(ovid).style.height='' + tarectis.height + 'px';
if (tbit != '') {
document.getElementById(ovid).title=tbit;
} else {
document.getElementById(ovid).title=document.getElementById('myspan' + mss).title;
}
//document.getElementById(ovid).className='highlight' + ahh.length;
document.getElementById(ovid).innerHTML=nextih;
}
if (eval('' + ahh.length) > 0) {
for (ihh=0; ihh<ahh.length; ihh++) {
if (ahh[ihh].trim() != '') {
if (document.getElementById('divhost').innerHTML.replace(/\:\ /g,':').indexOf(ahh[ihh].split('~')[1]) != -1) {
//alert(ahh[ihh]);
divoverlayclone(ahh[ihh].split('~')[0], ahh[ihh].split('~')[1]);
} else {
document.getElementById(ahh[ihh].split('~')[0]).innerHTML='';
}
}
}
}
}
</script>
<style>
input[type=submit] {
background-color: lightgreen !important;
}
select {
background-color: #f0f0f0 !important;
}
.highlight {
background-color: rgb(255,0,0,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight0 {
background-color: rgb(255,0,0,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight1 {
background-color: rgb(255,255,0,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight2 {
background-color: rgb(255,0,255,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight3 {
background-color: rgb(0,255,255,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight4 {
background-color: rgb(127,0,0,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight5 {
background-color: rgb(127,127,0,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight6 {
background-color: rgb(127,0,127,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight7 {
background-color: rgb(0,127,127,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight8 {
background-color: rgb(127,127,127,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
.highlight9 {
background-color: rgb(0,0,255,0.4);
visibility: visible;
color: transparent;
z-index: 9;
}
</style>
</head>
<body onload="onl('');">
<h1 style='text-align:center;'>Background Position Various</h1><br>
<h3 style='text-align:center;'>RJM Programming - June, 2025 ... <button onclick="setTimeout(function(){ doemail(); }, 2000);" id="butemail">Email 📧</button> <button data-style=display:none; onclick="setTimeout(function(){ dosms(); }, 2000);" id="butsms">SMS 📟</button></h3><br>
<div id=divhost style='margin-left:20px;'>
<blockquote data-current="background-position-x:right;" data-yourown="" id="mybq" style="background-image:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url('//www.rjmprogramming.com.au/Android/NalaLuna.jpg');background-size:contain;background-repeat:no-repeat;background-position-x:right;">
<p>Who’d have thought it?!</p>
</blockquote>
</div>
<br>
<form style='margin-left:20px;' id=myform method=GET action='./background_position_various.html'>
<textarea onblur="onl(this.value);" style='margin:0 0 0 0;padding:0 0 0 0;font-size:10px;width:98%;font-family:Courier New;font-weight:bold;' rows=10 cols=120 id=taidea name=taidea>
<blockquote id="mybq" data-current="background-position-x:right;" data-yourown="" style="background-image:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url('//www.rjmprogramming.com.au/Android/NalaLuna.jpg');background-size:contain;background-repeat:no-repeat;background-position-x:right;">
<p>Who’d have thought it?!</p>
</blockquote>
</textarea><br><br>
<input style="background-color:yellow;" type=submit value=Reload></input> ... <select onchange="changethis(this);" id=mysel style='display:inline-block;'><option value='' id=defopt>Styling idea [background-position-x:right;]</option>
<option value=" ">Your Own CSS Styling?</option>
<option value="background-position-x:left;">background-position-x:left;</option>
<option value="background-position-x:right;">background-position-x:right;</option>
<option value="background-position-x:center;">background-position-x:center;</option>
<option value="background-position-y:top;">background-position-y:top;</option>
<option value="background-position-y:bottom;">background-position-y:bottom;</option>
<option value="background-position-y:center;">background-position-y:center;</option>
<option value="background-position:top left;">background-position:top left;</option>
<option value="background-position:top center;">background-position:top center;</option>
<option value="background-position:top right;">background-position:top right;</option>
<option value="background-position:center left;">background-position:center left;</option>
<option value="background-position:center center;">background-position:center center;</option>
<option value="background-position:center right;">background-position:center right;</option>
<option value="background-position:bottom left;">background-position:bottom left;</option>
<option value="background-position:bottom center;">background-position:bottom center;</option>
<option value="background-position:bottom right;">background-position:bottom right;</option>
<option value="background-repeat:no-repeat;">background-repeat:no-repeat;</option>
<option value="background-repeat:repeat;">background-repeat:repeat;</option>
</select>
</form>
<div id=doverlay style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:19;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay1 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:18;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay2 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:17;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay3 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:16;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay4 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:15;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay5 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:14;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay6 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:13;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay7 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:12;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay8 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:11;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<div id=doverlay9 style="font-size:10px;font-family:Courier New;font-weight:bold;z-index:10;visibility:visible;margin:0 0 0 0;padding:0 0 0 0;color:olive;"></div>
<hr id=hrbot style=display:none;></hr>
<iframe frameborder=0 src='/About_Us.html' id=ifbot style=display:none;width:100%;height:6000px;></iframe>
</body>
</html>