html,
body { 
font-family:"Courier New", Courier, monospace; 
margin:0; 
} 
#background { 
background-image:url(https://shorttoons.com/wp-content/uploads/2016/02/tree-blank.png); 
background-repeat: repeat; 
background-size:contain; 
} #paged-num{ 
text-align:center; 
width:100%; 
padding-top:1.8em;
padding-bottom:1.8em; 
} 
.page-numbers{ 
font-size:larger; 
font-weight:500; 
padding:0em 0.8em 1em 0.8em; 
border:#000 thin solid; 
border-radius: 0em 0em 0.5em 0.5em; 
border-top:none; 
background:#FFF;
text-decoration:none;
} 
#comicarea{ 
width:100%; 
padding:2em; 
} 
#comic-4-frames img { 
width:100%; 
height:auto; 
}
#comic-6-frames img { 
width:100%; 
height:auto; 
} 
#comic-1-frames { 
padding: 10px 10px 10px 10px;
}
#comic-1-frames img{ 
width:100%; 
float:left;
} 
#comic-slim-frames img{ 
width:100%; 
float:left; 
} 
#comic-noslim-frames img{ 
width:100%; 
float:left; 
} 
#comic-slim-frames { 
width:38.5%; 
float:left; 
} 
#comic-noslim-frames { 
width:61.5%; 
float:left; 
}
#thumbnail_comic{ 
width:100%; 
height:auto;   
} 
#thumbnail_comic img{ 
width:100%; 
height:auto; 
}
#titleareaframe{ 
display: table; 
width:100%; 
} 
#menuframe{ 
z-index:1001;
margin:0.5%; 
position:relative; 
float:left; 
width:10%; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em; 
background-color:#C96; 
color: white; 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/nailright-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/nailleft-2.png),url(https://shorttoons.com/wp-content/uploads/2016/03/nailright-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/nailleft-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/bark-3.png); 
background-position: right top, left top,right bottom, left bottom, left top; 
background-size: 30px, 30px,30px, 30px, 100px; 
background-repeat: no-repeat, no-repeat,no-repeat, no-repeat, repeat;   
text-shadow: 
2px 2px 0 #000, 
-1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
} 
#footermenu, #footermenu ul, #footermenu a{ 
margin: 0; padding: 0; text-align:center; 
color:#FFF; 
text-decoration:none; 
} 
#footermenu{ 
position: absolute; 
float:left; 
z-index:3; 
left:0%; 
width:31.5%; 
background-color:#6C3; 
height:138px; 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/tree-base.png); 
background-position:left top; 
background-size:100%; 
background-repeat: no-repeat; 
overflow:hidden; 
-webkit-transition: left 2s ease; transition: left 2s ease;  
} 
#footercontent2{ 
z-index:2;
width:100%; 
height:138px;
background-color:#6C3; 
float:left; 
right:0%;
position:relative;
overflow:hidden;
} 
#comictitleframe{ 
margin:0.5%; 
position:relative; 
float:left; 
width:48%; 
height:100%;
text-align:center; 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/leftleafbig-1.png), url(https://shorttoons.com/wp-content/uploads/2016/03/middleleafbig.png),url(https://shorttoons.com/wp-content/uploads/2016/03/rightleafbig-1.png); 
background-position: left top, center top , right top; 
background-size: 12% 100%, 78% 100%, 12% 100%; 
background-repeat: no-repeat, no-repeat, no-repeat; color: white; 
text-shadow: 
2px 2px 0 #000, -1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
vertical-align:middle; 
} 
#comictitleframe h3{ 
padding-left:0.5em; 
padding-right:0.5em; 
} 
#sitetitleframe{ 
text-align:center; 
padding-left:0.5em; 
margin:0.5%; 
position:relative; 
float:left; 
width:36.5%;
height:7em; background-image:url(https://shorttoons.com/wp-content/uploads/2016/03/leaf2.png);  
background-position:center; 
background-size:100% 100%; 
background-repeat: no-repeat; color: white; 
text-shadow: 
2px 2px 0 #000, -1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000;
} 
#sitetitleframe h2,#sitetitleframe p{ 
padding:0; 
padding-left: 1em; 
padding-right: 1em; 
margin-bottom:0; 
margin-top:0; 
vertical-align:middle; 
} 
#sitetitleframe h2 { 
margin-top:0.8em; 
} 
#uppersplit{ 
width:100%; 
float:left; 
} 
#comicareaframe{ 
width:100%; 
height:100%; 
} 
#comicframe{ 
position:relative; 
float:left; 
width:76%; 
margin:1%; 
padding:0.5%; 
height: auto; 
overflow: hidden; 
} 
#around-comics{ 
z-index:10; 
float:left; 
width:99%; 
padding:0.5%; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em; 
background-color:#FFF; 
} 
#around-comics p{ 
padding-left: 1em;  
padding-right: 1em; 
} 
#blogtitleframefull{ 
margin:1%; 
position:relative; 
text-align:center; 
float:left; 
width:97%; 
background-color:#6C3; 
color: white; 
text-shadow: 
2px 2px 0 #000, 
-1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
vertical-align:middle; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em;		 
} 
#blogtitleframe{ 
margin:1%; 
position:relative; 
text-align:center; 
float:left; 
width:97%; 
background-color:#FFF; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em;	 
} 
#blogframe{ 
margin:1%; 
padding:2%; 
position:relative; 
float:left; 
width:93%; 
min-height:10em; 
background-color:#FFF; 
color: black; 
vertical-align:middle; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em;	 
} 
#page-content { 
position: relative; 
padding-top: 70px; 
left: 0; 
}
#sunburst{
position:absolute;
z-index:9;
background-image:url(https://shorttoons.com/wp-content/uploads/2016/03/sunlightorbs.png);  
background-position:right top; 
background-size:260px 220px; 
background-repeat: no-repeat;  
right:0;
width:260px;
height:220px; 
-webkit-transition: right 2s ease; transition: right 2s ease; 
overflow:hidden;
}
#wrapper{ 
background-color:#E0E7FE; 
background-image:url(https://shorttoons.com/wp-content/uploads/2016/03/sun-1.png),url(https://shorttoons.com/wp-content/uploads/2016/04/land.png);  
background-position:right top, left bottom; 
background-size:260px 220px, 100% 300px; 
background-repeat: no-repeat, no-repeat;  
min-height:inherit; 
height:100%; 
width:100%; 
overflow:hidden; 
} 
#menu-area{ 
z-index:2; 
position: absolute; 
overflow:hidden; 
float:left; 
height:100%; 
left:-40%; 
width:40%; color: white; 
text-shadow: 
2px 2px 0 #000, 
-1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
-webkit-transition: left 2s ease; transition: left 2s ease;    background: -webkit-linear-gradient(left,#960 5%,#C96 90%,#C96 5%);  background: -o-linear-gradient(left,#960 5%,#C96 90%,#C96 5%);  background: -moz-linear-gradient(left,#960 5%,#C96 90%,#C96 5%);  background: linear-gradient(to right,#960 5%,#C96 90%,#C96 5%); 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/tree-branch-1.png),url(https://shorttoons.com/wp-content/uploads/2016/03/tree-base-menu.png),url(https://shorttoons.com/wp-content/uploads/2016/03/tree-1-3.png);
background-position:right top, left bottom, left bottom; 
background-size:50px, 100%, 100%; 
background-repeat: no-repeat, no-repeat, repeat-y; 
} 
#menu-area h3{ 
padding-left: 1em; 
padding-right: 1em; 
} 
ul, li {margin-left: 0; padding-left: 0;} 
#menu-area ul{ 
list-style-type: none; 
} 
#menu-area ul li { 
width:90%; 
height:100%; 
background-color:#960; 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/nailright-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/nailleft-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/bark-3.png); 
background-position: right center, left center, left top; 
background-size: 30px, 30px, 100px; 
background-repeat: no-repeat, no-repeat, repeat; color: white; 
text-shadow: 
3px 3px 0 #000, -1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
text-shadow:0px 0px 1px #000; 
margin:5%; 
text-align:center; 
box-shadow: 1px 2px 1px #663; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em; 
} 
#menu-area ul li a { 
text-decoration:none; 
color:#FC9; 
text-shadow: 
2px 2px 0 #000, 
-1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
font-weight:600; 
} 
#menu-area ul li a span{ 
display:block; 
width:100%; 
height:100%; 
margin-left:0.5em; 
padding-top: 0.5em; 
padding-bottom: 0.5em; 
text-decoration:none; 
} 
#menu-area ul li:hover,#menu-area ul li:hover a{ 
background-color:#FC9; 
color:#960; 
text-shadow: 
2px 2px 0 #FFF, 
-1px -1px 0 #FFF,   
1px -1px 0 #FFF, 
-1px  1px 0 #FFF, 
1px  1px 0 #FFF; 
text-decoration:none;	 
box-shadow: 4px 4px 4px #663; 
-webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; 
} 
#menu-area ul li:active,#menu-area ul li:active a{ 
background-color:#960; 
color:#FC9; 
border:#FFF; 
text-decoration:none;	 
box-shadow: 2px 2px 0px #663 inset, 0px 0px 6px #FFF; 
-webkit-transition: background-color 0.2s ease; transition: background-color, box-shadow 0.2s ease; 
transform:scale(1.03,1.05); 
} 
#container-area{ 
min-height:60em;
z-index:3; 
position:relative; 
overflow:hidden; 
float:left; 
right:0%; 
height:100%; 
width:100%; 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/justbranch-3.png); 
background-position:left top; 
background-size:70% 152px; 
background-repeat: no-repeat; 
-webkit-transition: right 2s ease; transition: right 2s ease; 
} 
#slide-nav{ 
height:100%; 
width:100%; 
text-decoration:none; 
} 
#slide-nav a{ 
text-decoration:none; 
} 
#slide-nav .navbar-toggle { 
padding: 25%; 
padding-top:15%; 
padding-bottom: 10%; 
cursor: pointer; 
position: relative; 
line-height: 0; 
float: left; 
width: 50%; 
height: 100%; 
border: 0; 
text-align:center; 
} 
#slide-nav .navbar-toggle .icon-bar-1,#slide-nav .navbar-toggle .icon-bar-2, #slide-nav .navbar-toggle .icon-bar-3 { 
width: 100%; 
display: block; 
height: 5px; 
margin: 6px 0 0 0; 
background-color:#960; 
border:#000 thin solid; 
border-radius: 0.5em 0.5em 0.5em 0.5em;	 
-webkit-transition: all 0.5s ease; transition: all 0.5s ease; 
} 
#slide-nav:hover .navbar-toggle .icon-bar-1,#slide-nav:hover .navbar-toggle .icon-bar-2, #slide-nav:hover .navbar-toggle .icon-bar-3 { 
background-color:#FC9; 
border:#FC9 thin solid; 
} 
#slide-nav:hover .navbar-toggle .icon-bar-1{ 
width: 90%; 
margin: 10px 0 10px 0; 
transform: rotate(155deg); 
border-radius: 1em 1em 1em 1em;	 
} 
#slide-nav:hover .navbar-toggle .icon-bar-2{ 
width: 140%; 
margin: 10px 0 10px 0; 
border-radius: 1em 1em 1em 1em;	 
} 
#slide-nav:hover .navbar-toggle .icon-bar-3{ 
width: 90%; 
margin: 10px 0 10px 0; 
transform: rotate(-155deg); 
border-radius: 1em 1em 1em 1em; 
} 
#slide-nav a:hover{ 
background-color:#960; 
color:#FFF; 
background-image: url(https://shorttoons.com/wp-content/uploads/2016/03/nailright-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/nailleft-2.png),url(https://shorttoons.com/wp-content/uploads/2016/03/nailright-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/nailleft-2.png), url(https://shorttoons.com/wp-content/uploads/2016/03/bark-3.png); 
background-position: right top, left top,right bottom, left bottom, left top; 
background-size: 30px, 30px,30px, 30px, 100px; 
background-repeat: no-repeat, no-repeat,no-repeat, no-repeat, repeat; 
} 
#menuframe:active{ 
right:2px; 
top:-1px; 
box-shadow: 5px 5px 5px #630; 
} 
a.navbar:active #menu-area{ 
min-width:9%; 
visibility:visible; 
} 
.page-numbers{ 
color: white; 
-webkit-text-stroke: 1px white;  
text-shadow: 
1px 1px 1px #000, 
-1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
} 
a.page-numbers{ 
-webkit-text-stroke: 1px #0CF;  
overflow:hidden; 
color: #0CF;   
text-shadow: 
1px 1px 1px #000, 
-1px -1px 0 #000,   
1px -1px 0 #000, 
-1px  1px 0 #000, 
1px  1px 0 #000; 
background-color:#FFF; 
cursor: pointer; 
transition:.2s ease-out; 
} 
a.page-numbers:hover{ 
color:#0C0; 
background-color:#FFC; 
cursor: pointer; 
box-shadow:0 8px 8px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.19); 
} 
a.page-numbers:focus{ 
color:#0C0; 
background-color:#FFC; 
} 
a.page-numbers:active{ 
color:#00C; 
background-color:#FCC; 
text-shadow:#333; 
}
#loader {
opacity: 0.9;
z-index: 1200;
position: absolute;
left: 50%;
top: 50%; margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 125px;
height: 130px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
background-image:url(https://shorttoons.com/wp-content/uploads/2017/03/Moo-1.png);
}
.loadercl {
width:100%;
height:auto;
background-color:#FFF;
-webkit-animation: seconds 3s forwards;
animation: seconds 3s forwards;
}
@-webkit-keyframes seconds {
0% {
opacity: 0;
}
100% {
opacity: 1;
left: -9999px; 
}
}
@keyframes seconds {
0% {
opacity: 0;
}
100% {
opacity: 1;
left: -9999px; 
}
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 } 
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
from{ bottom:-100px; opacity:0 } 
to{ bottom:0; opacity:1 }
}
#myDiv {
display: none;
} .animate-left {
-webkit-animation: fadein2 1s; -moz-animation: fadein2 1s; -ms-animation: fadein2 1s; -o-animation: fadein2 1s; animation: fadein2 1s;
}
@keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
} @-moz-keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
}  @-o-keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
} .animate-right {
-webkit-animation: fadein2 1s; -moz-animation: fadein2 1s; -ms-animation: fadein2 1s; -o-animation: fadein2 1s; animation: fadein2 1s;
}
@keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
} @-moz-keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
}  @-o-keyframes fadein2 {
from { opacity: 0; }
to   { opacity: 1; }
}