**** Widgets ****
**** Lessons Sidebar)
<div>
<a href=”https://medhanealemdc.org/lesson-1/
” class=”button”> <div class= “tig”>
Tigrigna English – English Tigrigna </div> <div class=”h”>
<span style=”color:white”> Singular Nouns – Lesson-1 </span></div> </a>
</div>
****
*** customize ***
*** Additional CSS **
.site-branding {
min-height: 220px;
}
.pb-content-sidebar {
background-color:#115383;
}
h3.entry-title {
display: block;
}
/* Lessons */
.button {
display: inline-block;
padding: 12px 16px;
text-align: center;
font-weight: bolder;
width:360px;
height: 190px;
margin-left:-23px;
border: 2px solid #000000;
font-size: 1.5rem;
text-decoration:none;
color:yellow;
background: rgb(1,187,186);
background: linear-gradient(90deg, rgba(1,187,186,1) 0%, rgba(3,80,25,1) 21%, rgba(148,236,235,1) 37%, rgba(102,218,217,0.958420868347339) 43%, rgba(46,245,243,1) 49%, rgba(8,78,108,1) 61%, rgba(8,51,48,1) 75%, rgba(0,0,0,1) 100%);
/* background: rgb(5,87,190);
background: radial-gradient(circle, rgba(5,87,190,1) 5%, rgba(255,254,250,1) 51%, rgba(3,68,57,1) 85%);*/
/* background: rgb(12,184,238,255);
background: linear-gradient(90deg, rgba(12,184,238,255,1) 2%, rgba(2,138,2,255,1) 58%, rgba(5,251,5,255,1) 100%); */
/* background: rgb(18,47,24);
background: linear-gradient(90deg, rgba(18,47,24,0.9473039215686274) 67%, rgba(24,232,111,0.9136904761904762) 93%); /*
/* background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
/* background-color: #115383; */
border-radius: 11px;
outline:none;
transition: 0.3s;
border-bottom: 2px brown solid;
}
.tig{
color:yellow;
font-size:2.5 rem;
}
.h{
font-size:2.5 rem;
color:yellow;
border: 3px solid yellow;
margin: 7px;
text-align: center;
}
.button:hover{
background-color:rgb(0.49,0);
font: whitesmoke;
}
.button:active{
background-color:goldenrod;
}
/* Welcome to Medhane Alem */
.welcomeMA-1{
width:360px;
height:267px;
border: -18px solid #000000;
/* border: 2px solid #115383; */
text-align: center;
margin-top:3px;
padding-top: 12px;
padding-left:2px;
border-radius: 17px;
margin-left:-25px;
animation: Welcome-animation 2s;
background-color: #FCAE1e;
/* border: 2px solid #996515; */
}
.welcomeMA-2 h2{
color: #7a3803;
font-size: 2.1rem;
font-weight: bolder;
font-family:’Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
font-style: italic;
text-shadow: -4px -4px 0px #fff, 2px 2px 4px blue;
/* -webkit-text-stroke: 1px yellow; */
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgb(10, 207, 10);
margin: 0px;
padding-bottom:4px;
}
.welcomeMA-2 h3{
text-shadow: -4px 8px 10px rgb(225, 225, 226);
font-size: 1.4rem;
color: #7a3803;
font-style: italic;
-webkit-text-stroke: 1px yellow;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
font-weight: bolder;
font-family:’Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
/* font-family: ‘Trebuchet MS’, ‘Lucida Sans Unicode’, ‘Lucida Grande’, ‘Lucida Sans’, Arial, sans-serif; */
}
@keyframes Welcome-animation{
0% {background-image:linear-gradient(to right, #FFCC33, white, #FCAE1e, #E3C565); }
/* border: 5px solid grey;} */
35% {background-image:linear-gradient(to left, #FFCC33, #FCAE1E, #E3C565, white); }
/* border: 5px solid grey;} */
65% {background-image:linear-gradient(to right, white, #FFCC33, #FCAE1E, #E3C565); }
65% {background-image:linear-gradient(to left, #FFCC33, #FCAE1E, #E3C565); }
/* border: 5px solid grey;} */
100% {background-image:linear-gradient(to right, #FFCC33, #FCAE1E, white, #E3C565); }
/* border: 5px solid grey;} */
}
.welcomeMA-2, a:hover, a:link, a:visited {
text-decoration: none !important;
}
*************************************
**** Lessons Page *
<p class=”one-text”><span style=”color:yellow”> Lesson-1 — Noun Words <BR> </span></p> <p class=”one-left”> sheep – በጊዕ, monkey – ህበይ, house – ገዛ, onion – ሽጉርቲ, salt – ጨው, head – ርእሲ, eye – ዓይኒ </p>
*** Custom CSS
.one-text {
text-align: left;
height: 10px;
font-size: 1.6rem;
}
.one-left {
text-align: left;
font-size: 1.5rem;
height: 40px;
}