/* Super Paper Mario Christmasy Homestuck themes
"Paper" John and Rose forthcoming.
I was considerate and decided not to make the pattern scroll... Maybe later.
MeiQts 12.17.25
*/


     /*Extra Font*/
@font-face {
    font-family: 'PMFont';
    src: url('/static/fonts/PMfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




body {
 background:
url('/static/themes/francis/hsicons.png'), 
 linear-gradient(to bottom, #cb87f6, #510065);
background-attachment: fixed;
background-size: 25% auto, auto;
font-family: 'PMfont';
color: #fefefe;

}


form table tr th {
    color: #eee;
background: linear-gradient(180deg, rgba(11,97,255,.8) 0%, rgba(12,131,255,.8) 100%);
border: 6px solid transparent;
   border-image: url('/static/themes/francis/fileborder-g.png') 
    round; 
border-image-width: 6px;
border-image-slice: 10;
    box-shadow: 1px 1px 1px #000;
   border-radius: 2px;
}



.intro {
 position: relative;
 left: -14px;
 top:-14px;
 background: linear-gradient(to bottom, #3e0088, #180042);
    padding-top: 6px;
    padding-bottom: 3px;

  max-width: 60%;
border: 8px solid transparent;
   border-image: url('/static/themes/francis/introborder-g.png') 
    round; 
border-image-width: 10px;
border-image-slice: 10;
    color: #fefefe;
    font-weight: bold;
    font-style: normal;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, .35);

}



div.boardlist a {
color: #e11612!important;
}

a, a:visited {
color: #6de6b9;
}

a:hover {
color: #ffcf54!important;
}


a:visited:hover {
color: #ffcf54!important;
}


div.post.reply div.body a {
color: #e11612;
}



header h1 {
    color: #323232;
    letter-spacing: 3pt;
    text-align: center;
    font-size: 36pt;
    
}

div.ban h2 {
    background: #1f9400;
    color: white;
    font-size: 12pt;
    border: 1px dashed black;
}

div.module, div.ban {
    min-width: 600px;
    min-height: 80px;
    border: 8px solid transparent;
    background: linear-gradient(to bottom, #3e0088, #180042);
    background-clip: padding-box;
  border-image: url('/static/themes/francis/postborder-b.png') 16 
    round; 
border-image-width: 24px;
border-image-slice: 24;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 0px rgba(0, 0, 0, .35);
}




input[type="submit"],
button {
 background:
    linear-gradient(#ffffff, #f5f5f5);
  color: #111111;
  border: 2px solid #111111;
  border-radius: 6px;
  font-family: inherit;
  line-height: 1;
  box-shadow:
    0 2px 0 rgba(0,0,0,.5);
  
  transition:
    background-color 0.12s ease,
    color 0.12s ease,
    box-shadow 0.12s ease,
    transform 0.08s ease;
}


input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus-visible,
button:focus-visible {
  background: #ffffff;
  color: #c80000; 
  border-color: #c80000;
  box-shadow:
    0 2px 0 #c80000;
}


::selection {
background: #b536da;
color: #f3f3f3;
}







.intro span.name {
    color: #fefefe;
}

span.quote {
    color: #FF7EB3;
}

div.post.op {
    min-width: 600px;
    min-height: 80px;
    border: 8px solid transparent;
    background: linear-gradient(to bottom, #3e0088, #180042);
    background-clip: padding-box;
  border-image: url('/static/themes/francis/postborder-b.png') 16 
    round; 
border-image-width: 24px;
border-image-slice: 24;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 0px rgba(0, 0, 0, .35);


}

div.thread {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 80%; 
    margin: 0 auto;
    background-size: auto;
    border-radius: 45px; 
    color: #efefef;
}

div.post.reply {
    min-width: 600px;
    min-height: 80px;
    border: 8px solid transparent;
    background: linear-gradient(to bottom, #3e0088, #180042);
    background-clip: padding-box;
  border-image: url('/static/themes/francis/postborder-b.png') 16 
    round; 
border-image-width: 24px;
border-image-slice: 24;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 0px rgba(0, 0, 0, .35);

}


div.post.reply:hover, div.post.reply.highlighted {
    min-width: 600px;
    min-height: 80px;
    border: 8px solid transparent;
    background: url('/static/themes/francis/lilguy.png') no-repeat bottom 7% right 7%, linear-gradient(to bottom, #3e0088, #180042);
    background-clip: padding-box;
  border-image: url('/static/themes/francis/postborder-p.png') 16 
    round; 
border-image-width: 24px;
border-image-slice: 24;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 0px rgba(0, 0, 0, .35);
}

div.body {
font-size: 12pt;
}


div.files img {
 background: url('/static/themes/francis/starspot-p.png') center;
   background-size: contain;
    display: block;
    max-width: 100%; 
    border-radius: 2px;
border: 6px solid transparent;
   border-image: url('/static/themes/francis/fileborder-g.png') 
    round; 
border-image-width: 6px;
border-image-slice: 10;


}





div.banner {
    margin-bottom: 20px;
    background: #1f9400!important;
    color: white;
    padding: 2px 6px;
    border: #e00707 outset 2px !important;
   }

div.banner a {
color: #551a8b;
}

div.boardlist:not(.bottom) {
    margin-bottom: 20px;
    background: #f3f3f3 !important;
    color: white;
    padding: 2px 6px;
    border-bottom: #FF6600 solid 2px !important;
   }



div.boardlist.bottom {
   visibility: hidden !important;}


div.pages {
   width: 98%;
   text-align: center !important;
    margin-bottom: 20px;
    background: #1f9400!important;
    color: white;
    padding: 2px 6px;
    border: #e00707 outset 2px !important;
   box-shadow: 2px 3px rgba(0, 0, 0, 0.5) !important;}

div.pages.top {
    display: block;
    position: static;
    top: 0;
    right: 0;
    opacity: 0.9;
}

hr {
        background-image: url('/static/themes/francis/hpbar.png');
	height: 30px; 
       border: none;
}