junior/ComicsViewer
junior/ComicsViewer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Clean up some styling and HTML layout

Browse Source
This commit is contained in:
Junior 2024-03-10 13:31:03 -04:00
parent 1d10e37747
commit c9f6b01fdc
2 changed files with 21 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
css/comics.css
View File

@ -18,6 +18,7 @@ a, a:link, a:visited, a:active {
}
.header {
height: 1em;
font-size: 24pt;
font-weight: bold;
font-family: 'Comic Sans MS';
@ -26,19 +27,15 @@ a, a:link, a:visited, a:active {
margin-right: 20px;
border-bottom: 2px solid #ddddd1;
}
.listcontainer {
margin-top: 10px;
text-align: center;
width: 100%;
/*
margin-left: auto;
margin-right: auto;
overflow: auto;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
*/
.sorter {
float: left;
top: 0px;
left: 0px;
}
.name {
float: right;
top: 0px;
right: 5px;
}
.list {
@ -49,13 +46,6 @@ a, a:link, a:visited, a:active {
flex-wrap: wrap;
justify-content: center;
text-align: center;
/*
text-align: center;
margin-left: auto;
margin-right: auto;
margin: 0 auto 0 auto;
width: 1190px;
*/
}
.item {
@ -66,9 +56,6 @@ a, a:link, a:visited, a:active {
border: 2px solid #ddddd1;
padding: 2px;
display: inline-block;
/*
float: left;
*/
overflow: hidden;
}
@ -83,23 +70,3 @@ a, a:link, a:visited, a:active {
z-index: 42;
}
div.sorter {
position: absolute;
float: left;
top: 0px;
left: 0px;
z-index: 10;
font-size: 24pt;
font-weight: bold;
font-family: 'Comic Sans MS';
}
div.name {
position: absolute;
float: right;
top: 0px;
right: 5px;
z-index: 20;
font-size: 24pt;
font-weight: bold;
font-family: 'Comic Sans MS';
}

25
index.php
View File

@ -12,21 +12,18 @@ if ( isset($_REQUEST['sortorder']) ) {
require_once 'htmlheader.php';
?>
<div class='sorter'>Sort:
<?php
if ( $_SESSION['sortorder'] == SORTBYNAME ) {
echo "<a href='index.php?sortorder=", SORTBYDATE, "'>Name</a>";
} else {
echo "<a href='index.php?sortorder=", SORTBYNAME, "'>Date</a>";
}
?>
</div>
<div class='header' id='header'>&nbsp;</div>
<div id="path" class='name link'></div>
<div id="list" class='list'>
<!-- <div class='listcontainer'> -->
<!-- </div> -->
<div class='header' id='header'>
<div class='sorter'>Sort:<?php
if ( $_SESSION['sortorder'] == SORTBYNAME ) {
echo "<a href='index.php?sortorder=", SORTBYDATE, "'>Name</a>";
} else {
echo "<a href='index.php?sortorder=", SORTBYNAME, "'>Date</a>";
}
?>
</div>
<div id="path" class='name link'></div>
</div>
<div id="list" class='list'></div>
<?php
require_once 'htmlfooter.php';