259 lines
6.0 KiB
HTML
259 lines
6.0 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="icon" href="/static/favicon.ico">
|
|
<p align="center" style="line-height: 108%; text-align: center">
|
|
<marquee align="center" width=700px height=20px style="padding-bottom:10px"><font size="6" color="#ccbfa4" style="font-size: 14pt;padding-top:5px"><i>Page loaded at {{dt}}</i></font>{% block im %}{% if dt_true %}<img height="14" src="{{url_for('static',filename='flag1.png')}}">{% endif %}{% endblock im %}</marquee>
|
|
</p>
|
|
|
|
<p align="center" style="line-height: 108%; margin-bottom: 16px; text-align: center">
|
|
<font color="#954f72"><font size="6" style="font-size: 28pt"><span lang="en-US"><b>{{board_title}}</b></span></font></font></p>
|
|
<p align="center" style="line-height: 108%; margin-bottom: 0.11in; text-align: center">
|
|
<font color="#47292b"><font size="6" style="font-size: 28pt"><span lang="en-US"><a style="color:#954f72;" href='{{board}}'><b>{{board}}</b></a></span></font></font></p>
|
|
<p align="center" style="line-height: 108%; margin-bottom: 0.11in; text-align: center"><a name="_GoBack"></a>
|
|
<a href="https://www.litechan.org/"><img src="{{url_for('static', filename='header.jpg')}}" name="header" align="bottom" width="570" height="140" border="0"/></a>
|
|
</p>
|
|
<style>
|
|
body, textarea, p, span, td {font-family: Calibri;}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
a:link {
|
|
color: #7c7c7c;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #7c7c7c;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: red;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:active {
|
|
color: #7c7c7c;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#myImg {
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
#myImg:hover {opacity: 0.7;}
|
|
|
|
/* The Modal (background) */
|
|
.modal {
|
|
display: none; /* Hidden by default */
|
|
position: fixed; /* Stay in place */
|
|
z-index: 1; /* Sit on top */
|
|
padding-top: 100px; /* Location of the box */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
overflow: auto; /* Enable scroll if needed */
|
|
background-color: rgb(0,0,0); /* Fallback color */
|
|
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
|
|
}
|
|
|
|
/* Modal Content (image) */
|
|
.modal-content {
|
|
margin: auto;
|
|
display: block;
|
|
width: 80%;
|
|
max-width: 700px;
|
|
}
|
|
|
|
/* Caption of Modal Image */
|
|
#caption {
|
|
margin: auto;
|
|
display: block;
|
|
width: 80%;
|
|
max-width: 700px;
|
|
text-align: center;
|
|
color: #ccc;
|
|
padding: 10px 0;
|
|
height: 150px;
|
|
}
|
|
|
|
/* Add Animation */
|
|
.modal-content, #caption {
|
|
-webkit-animation-name: zoom;
|
|
-webkit-animation-duration: 0.6s;
|
|
animation-name: zoom;
|
|
animation-duration: 0.6s;
|
|
}
|
|
|
|
@-webkit-keyframes zoom {
|
|
from {-webkit-transform:scale(0)}
|
|
to {-webkit-transform:scale(1)}
|
|
}
|
|
|
|
@keyframes zoom {
|
|
from {transform:scale(0)}
|
|
to {transform:scale(1)}
|
|
}
|
|
|
|
/* The Close Button */
|
|
.close {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 35px;
|
|
color: #f1f1f1;
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.close:hover,
|
|
.close:focus {
|
|
color: #bbb;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 100% Image Width on Smaller Screens */
|
|
@media only screen and (max-width: 700px){
|
|
.modal-content {
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
<style type="text/css">
|
|
|
|
.progress{
|
|
white-space: nowrap;
|
|
color: white;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
background-color: navy;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
font {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
span {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
/* Dropdown Button */
|
|
.dropbtn {
|
|
background-color: #fbf2e0;
|
|
color: black;
|
|
padding: 0px 4px 0px 4px;
|
|
font-size: 16px;
|
|
width: 40px;
|
|
border: none;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* The container <div> - needed to position the dropdown content */
|
|
.dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Dropdown Content (Hidden by Default) */
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #f1f1f1;
|
|
min-width: 160px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Links inside the dropdown */
|
|
.dropdown-content a {
|
|
color: black;
|
|
padding: 12px 12px;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
|
|
/* Change color of dropdown links on hover */
|
|
.dropdown-content a:hover {background-color: #ddd;}
|
|
|
|
/* Show the dropdown menu on hover */
|
|
.dropdown:hover .dropdown-content {display: block;}
|
|
|
|
/* Change the background color of the dropdown button when the dropdown content is shown */
|
|
.dropdown:hover .dropbtn {background-color: #fff;}
|
|
|
|
</style>
|
|
|
|
<script type="text/JavaScript">
|
|
|
|
|
|
/***********************************************
|
|
* Form Field Progress Bar- By Ron Jonk- http://www.euronet.nl/~jonkr/
|
|
* Modified by Dynamic Drive for minor changes
|
|
* Script featured/ available at Dynamic Drive- http://www.dynamicdrive.com
|
|
* Please keep this notice intact
|
|
***********************************************/
|
|
|
|
function textCounter(field,counter,maxlimit,linecounter) {
|
|
// text width//
|
|
var fieldWidth = parseInt(field.offsetWidth);
|
|
var charcnt = field.value.length;
|
|
|
|
// trim the extra text
|
|
if (charcnt > maxlimit) {
|
|
field.value = field.value.substring(0, maxlimit);
|
|
}
|
|
|
|
else {
|
|
// progress bar percentage
|
|
var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
|
|
document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px";
|
|
document.getElementById(counter).innerHTML="Limit: "+percentage+"%"
|
|
// color correction on style from CCFFF -> CC0000
|
|
setcolor(document.getElementById(counter),percentage,"background-color");
|
|
}
|
|
}
|
|
|
|
function setcolor(obj,percentage,prop){
|
|
obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body width="100%" style="-moz-text-size-adjust:150%;text-size-adjust:150%;font-family: Calibri;">
|
|
<style>
|
|
.post {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
padding: 10px 5px 0px 5px;
|
|
padding-top:10px;
|
|
width:710px;
|
|
background:#ecddbe;
|
|
border-radius: 10px 10px 10px 10px;
|
|
font: 12pt calibri;
|
|
}
|
|
.posttable {
|
|
width: 100%;
|
|
font: 12pt calibri;
|
|
}
|
|
.postname {
|
|
font: 13pt calibri
|
|
}
|
|
.postbody {
|
|
font: 12pt calibri
|
|
}
|
|
|
|
</style>
|
|
{{tables}}
|
|
</body>
|
|
</html> |