tag:blogger.com,1999:blog-21508647603890147612024-03-18T20:46:13.754-07:00The Learning BackpackOnline Interactive Library and Educational Website for Learning Resources, Literacy, Reading, Educational Learning Games and much more!The Learning Backpackhttp://www.blogger.com/profile/10655400851986825071noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-2150864760389014761.post-35965368963704941222020-10-05T08:31:00.006-07:002020-10-07T11:16:53.060-07:00<!-- TLB Bottom Bar -->
<div id="too" align="center" >
<span STYLE="font-family: Georgia; font-size: 16px; font-color: #000000; " ></span>
</div>
<style>
#too {
position: fixed;
bottom: 0;
right: 0;
background-color: #9c6136;
width: 100%;
height: 10px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 2;
}
</style>
<!-- TLB Bottom Bar -->
<!--About Us Icon-->
<div class="tooltip"><div id="boo"><a href="http://www.thelearningbackpack.com/p/about.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI483k4_RgO6sloBUarM9W12PXAwGTU7pRfO9io1LRamUKowDD5rXJYU6x61OSx_8wOEIkO8yBNRoDVPTl7rj7FbUj0lp_Y0yqXWc72i4U47oZLTMYub6iNN-ZfZ6eG7MCNqcLDNsQT4lU/s1600/tlb-about-us-graphic-2.png" width="200" height="180" /></a>
<span class="tooltiptext"><span style="font-size:14px; color:#ffffff;" >Click here to Learn More! </span><span style="font-size:18px; color:#F5EB65;" ></span><A HREF="http://www.thelearningbackpack.com/p/about.html"><span style="font-size:16px; color:#ECAB32;" >
</span></A></span>
</div></div>
<style>
.tooltip .tooltiptext {
visibility: hidden;
width: 200px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 9px;
padding: 9px 0;
padding-right: 9px;
padding-left: 9px;
position: absolute;
z-index: 1;
top: -75px;
right: 25%;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
#boo {
position: fixed;
bottom: 0;
right: 0;
z-index: 2;
}
</style>
<!--About Us Icon-->
<!--Welcome to The Learning Backpack Online Interactive Library-->
<style>
.marquee-wrapper{
width: 500px;
max-width: 660px;
background: #e99a50;
height: 40px;
overflow: hidden;
position: relative;
border: 1px solid #000;
border-radius: 5px;
margin: 30px auto;
text-align: centre;
;
;
-webkit-transition: background-color 350ms;
-moz-transition: background-color 350ms;
transition: background-color 350ms;
}
.marquee a {
color: #00b1dc;
text-decoration: none;
}
.marquee a:hover {
color: #0097bc;
}
.marquee {
background: none;
font-family: Georgia;
color: #00b1dc;
line-height: 10px;
white-space: nowrap;
text-shadow: 1px 1px 0px #000;
}
</style>
 
<!--Welcome Message-->
<div align="center"><span style="font-size:26px; color:#000;" ><font face="Carter One">Welcome to The Learning Backpack Library</font></span></div>
<br></br>
<div align='center'><A HREF="http://bookstore.thelearningbackpack.com" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiubs72e6NubdwNW3ZuwSQNVpLUdYktf44qlCJkcctKHDozUx_5N0pQ9n-XQWLsTDyQ4UieFNbDw4Ul0-955TsrqD7QTX52tj5T4XcCMVtqPG21jbXBLdZlSlmqeenfB7GkgHy5pbtBjqo9/s1600/tlb-summer-graphic-3.png' title="Check out The Learning Backpack Bookstore!" /></a></div>
<div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAtu0gUIbM_hOuj6y87oLElkDzbo0KF5njAC3UO4XLUuFODAetvdVysc5mR6DaOAPTrrzbdm0F-lDkNdWsXr9RN13diEd316KvXqak1XvrTtOgZLPK7zT6X3b4_k2jzocRhLAlthBSNt2/s1600/tlb-welcome-page-1.png" title="Welcome!" /></div>
<br></br>
<div align="center"><span style="font-size:25px; color:#000;" ><font face="Carter One">"<span style="font-size:25px; color:#DD5435;" >Read to Achieve!</span>"</font></span></div>
<br></br>
 
<div align="center">
<a href="https://www.thelearningbackpack.com/p/bookstore.html" style="text-decoration: none;"><button class="shiny-button" style="pointer-events:none; color: #ffffff; text-align: center; border-radius: 30px; -webkit-border-radius: 30px; border: none; background: #F5AC5D; height: 72px; width: 340px; font-size: 28px; font-weight: normal; font-family: 'Carter One'">View Bookstore!</button></a>
</div>
<br>
 
<style>
.shiny-button {
position: relative;
display: block;
float: none;
margin: 0 auto;
color: white;
width: 200px;
height: 80px;
font-size: 30px;
border-radius: 10px;
border: 2px solid #56616c;
background: -webkit-gradient(linear, left top, left bottom, from(#6C7A89), to(#333));
background: linear-gradient(#6C7A89, #333);
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.35);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
text-align: center;
overflow: hidden;
}
.shiny-button:focus {
outline: none;
}
.shiny-button:active {
margin: 5px auto 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
}
.shiny-button::before {
position: absolute;
display: block;
top: 0;
left: 0;
content: "";
height: 20px;
width: 400px;
background: rgba(255, 255, 255, 0.1);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-animation-name: shine;
animation-name: shine;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: cubic-beizer(0.17, 0.79, 0.96, 0.25);
animation-timing-function: cubic-beizer(0.17, 0.79, 0.96, 0.25);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes shine {
0% {
top: -100px;
left: -280px;
}
100% {
top: 100%;
left: 100%;
}
}
@keyframes shine {
0% {
top: -100px;
left: -280px;
}
100% {
top: 100%;
left: 100%;
}
}
</style>
<style>
input[type=submit] {
background:#ccc;
border:0 none;
cursor:pointer;
-webkit-border-radius: 30px;
border-radius: 30px;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Carter+One" rel="stylesheet">
<style>
.post-title {display:none;}</style>
The Learning Backpackhttp://www.blogger.com/profile/10655400851986825071noreply@blogger.com