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 { .header {
height: 1em;
font-size: 24pt; font-size: 24pt;
font-weight: bold; font-weight: bold;
font-family: 'Comic Sans MS'; font-family: 'Comic Sans MS';
@ -26,19 +27,15 @@ a, a:link, a:visited, a:active {
margin-right: 20px; margin-right: 20px;
border-bottom: 2px solid #ddddd1; border-bottom: 2px solid #ddddd1;
} }
.sorter {
.listcontainer { float: left;
margin-top: 10px; top: 0px;
text-align: center; left: 0px;
width: 100%; }
/* .name {
margin-left: auto; float: right;
margin-right: auto; top: 0px;
overflow: auto; right: 5px;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
*/
} }
.list { .list {
@ -49,13 +46,6 @@ a, a:link, a:visited, a:active {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
/*
text-align: center;
margin-left: auto;
margin-right: auto;
margin: 0 auto 0 auto;
width: 1190px;
*/
} }
.item { .item {
@ -66,9 +56,6 @@ a, a:link, a:visited, a:active {
border: 2px solid #ddddd1; border: 2px solid #ddddd1;
padding: 2px; padding: 2px;
display: inline-block; display: inline-block;
/*
float: left;
*/
overflow: hidden; overflow: hidden;
} }
@ -83,23 +70,3 @@ a, a:link, a:visited, a:active {
z-index: 42; 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'; require_once 'htmlheader.php';
?> ?>
<div class='sorter'>Sort: <div class='header' id='header'>
<?php <div class='sorter'>Sort:<?php
if ( $_SESSION['sortorder'] == SORTBYNAME ) { if ( $_SESSION['sortorder'] == SORTBYNAME ) {
echo "<a href='index.php?sortorder=", SORTBYDATE, "'>Name</a>"; echo "<a href='index.php?sortorder=", SORTBYDATE, "'>Name</a>";
} else { } else {
echo "<a href='index.php?sortorder=", SORTBYNAME, "'>Date</a>"; echo "<a href='index.php?sortorder=", SORTBYNAME, "'>Date</a>";
} }
?> ?>
</div> </div>
<div class='header' id='header'>&nbsp;</div> <div id="path" class='name link'></div>
<div id="path" class='name link'></div>
<div id="list" class='list'>
<!-- <div class='listcontainer'> -->
<!-- </div> -->
</div> </div>
<div id="list" class='list'></div>
<?php <?php
require_once 'htmlfooter.php'; require_once 'htmlfooter.php';