WebMods: Finally fixed the default theme. Looks pretty nice now.

git-svn-id: https://znc.svn.sourceforge.net/svnroot/znc/trunk@1907 726aef4b-f618-498e-8847-2d620e286838
This commit is contained in:
cflakes
2010-04-13 20:25:44 +00:00
parent 7748713afd
commit 30d996dae8
8 changed files with 113 additions and 46 deletions

View File

@@ -1,28 +1,29 @@
<? INC Header.tmpl ?>
<table class="data">
<thead>
<tr>
<td>User</td>
<td>Last Seen</td>
<td>Info</td>
<td>Action</td>
</tr>
</thead>
<tbody>
<? LOOP UserLoop ?>
<tr class="<? IF __EVEN__ ?>evenrow<? ELSE ?>oddrow<? ENDIF ?>">
<td><? VAR Username ?></td>
<td><? VAR LastSeen DEFAULT="- unknown -" ?></td>
<td><? VAR Info ?></td>
<td><span class="nowrap">
[<a href="/mods/webadmin/edituser?user=<?VAR Username ESC=URL?>">Edit</a>]
<? IF !IsSelf ?>[<a href="/mods/webadmin/deluser?user=<?VAR Username ESC=URL?>" onclick="return confirm('Do you really wish to remove this user?');">Delete</a>]<? ENDIF ?>
</span></td>
</tr>
<? ENDLOOP ?>
</tbody>
</table>
<? ENDIF ?>
<div class="toptable">
<table class="data">
<thead>
<tr>
<td>User</td>
<td>Last Seen</td>
<td>Info</td>
<td>Action</td>
</tr>
</thead>
<tbody>
<? LOOP UserLoop ?>
<tr class="<? IF __EVEN__ ?>evenrow<? ELSE ?>oddrow<? ENDIF ?>">
<td><? VAR Username ?></td>
<td><? VAR LastSeen DEFAULT="- unknown -" ?></td>
<td><? VAR Info ?></td>
<td><span class="nowrap">
[<a href="/mods/webadmin/edituser?user=<?VAR Username ESC=URL?>">Edit</a>]
<? IF !IsSelf ?>[<a href="/mods/webadmin/deluser?user=<?VAR Username ESC=URL?>" onclick="return confirm('Do you really wish to remove this user?');">Delete</a>]<? ENDIF ?>
</span></td>
</tr>
<? ENDLOOP ?>
</tbody>
</table>
</div>
<? INC Footer.tmpl ?>

View File

@@ -1,6 +1,10 @@
<? INC Header.tmpl ?>
<div class="textsection">
<p>Welcome to the ZNC webadmin module. All changes you make will be in effect immediately after
you submitted them.</p>
</div>
<? INC Footer.tmpl ?>

View File

@@ -1,8 +1,11 @@
<? INC Header.tmpl ?>
<?IF !UserLoop?>
<div class="textsection">
There are no users defined. Click <a href="adduser">here</a> if you would like to add one.
</div>
<?ELSE?>
<div class="toptable">
<table>
<thead>
<tr>
@@ -31,6 +34,7 @@
<?ENDLOOP?>
</tbody>
</table>
</div>
<?ENDIF?>
<? INC Footer.tmpl ?>

View File

@@ -67,33 +67,58 @@ h1 {
color: #aaa;
}
ul.nav {
float: left;
margin-left: 20px;
list-style: none;
#main {
padding: 0 20px 20px 20px;
font-size: 90%;
}
ul.nav li, ul.nav ul {
#menu {
border-left: 2px solid #aaa;
padding-left: 10px;
position: absolute;
margin-left: 600px;
width: 170px;
font-size: 14px;
}
ul.nav, ul.nav li, ul.nav ul {
list-style: none;
}
ul.nav li.topitem {
float: left;
margin-right: 55px;
}
ul.nav li.topitem a {
display: inline-block;
ul.nav li, ul.nav li.topitem .title {
display: block;
margin-bottom: 5px;
}
ul.nav li.parent ul li {
font-size: 80%;
ul.nav li.subitem {
font-size: 90%;
}
ul.nav li.topitem:before {
ul.nav li.topitem:before,
ul.nav li.modtitle:before {
content: "» ";
}
ul.nav li.topitem, ul.nav li.modtitle {
padding-left: 3px;
}
ul.nav li.parent:before {
content: "";
}
ul.nav li.parent {
padding-left: 0;
}
ul.nav li.subitem {
margin-left: 20px;
}
#infobar {
text-align: right;
clear: both;
@@ -150,15 +175,6 @@ ul.nav li.topitem:before {
background-color: #070;
}
#content {
clear: both;
}
#main {
padding: 0 20px 20px 20px;
font-size: 90%;
}
h2 {
margin-bottom: 0.4em;
}
@@ -168,6 +184,19 @@ h3 {
margin-bottom: 0.4em;
}
.textsection, .toptable {
width: 570px;
overflow: hidden;
}
.toptable table {
max-width: 570px;
}
.toptable td {
word-wrap: break-word;
}
.section {
clear: both;
}
@@ -196,6 +225,8 @@ textarea {
div.submitline {
margin: 1em;
padding-top: 1em;
border-top: 1px solid #aaa;
}
.submitline input {
@@ -321,3 +352,10 @@ td.mod_name,
width: 200px;
margin-top: 0.5em;
}
#breadcrumb {
width: 570px;
padding: 0 0 3px 1px;
margin-bottom: 10px;
border-bottom: 1px solid #aaa;
}

View File

@@ -9,7 +9,7 @@
<? LOOP GlobalModLoop ?>
<li class="modtitle<? IF Active ?> active<? ENDIF ?>"><a href="/mods/<? VAR ModName ?>"><? VAR Title ?></a></li>
<? LOOP SubPageLoop ?>
<li class="subitem<? IF Active ?> active<? ENDIF ?>"><a href="/mods/<? VAR ModName ?>/<? VAR PageName ?><? IF Params ?>?<? VAR Params ?><? ENDIF ?>"><? IF Active ?>&raquo; <? ENDIF ?><? VAR Title ?><? IF Active ?> &laquo;<? ENDIF ?></a></li>
<li class="subitem<? IF Active ?> active<? ENDIF ?>"><a href="/mods/<? VAR ModName ?>/<? VAR PageName ?><? IF Params ?>?<? VAR Params ?><? ENDIF ?>"><? VAR Title ?></a></li>
<? ENDLOOP ?>
<? ENDLOOP ?>
</ul>
@@ -22,7 +22,7 @@
<? LOOP UserModLoop ?>
<li class="modtitle<? IF Active ?> active<? ENDIF ?>"><a href="/mods/<? IF ModUser ?><? VAR ModUser ?>:<? ENDIF ?><? VAR ModName ?>"><? VAR Title ?></a></li>
<? LOOP SubPageLoop ?>
<li class="subitem<? IF Active ?> active<? ENDIF ?>"><a href="/mods/<? VAR ModName ?>/<? VAR PageName ?><? IF Params ?>?<? VAR Params ?><? ENDIF ?>"><? IF Active ?>&raquo; <? ENDIF ?><? VAR Title ?></a></li>
<li class="subitem<? IF Active ?> active<? ENDIF ?>"><a href="/mods/<? VAR ModName ?>/<? VAR PageName ?><? IF Params ?>?<? VAR Params ?><? ENDIF ?>"><? VAR Title ?></a></li>
<? ENDLOOP ?>
<? ENDLOOP ?>
</ul>

View File

@@ -1,5 +1,9 @@
<? INC Header.tmpl ?>
<div class="textsection">
This is the help section. A quick tutorial with links to the <a href="http://znc.in/">wiki</a> should go here before we release.
</div>
<? INC Footer.tmpl ?>

View File

@@ -1,3 +1,9 @@
<? INC Header.tmpl ?>
<div class="textsection">
Welcome to ZNC's web interface!
</div>
<? INC Footer.tmpl ?>

View File

@@ -1,3 +1,5 @@
@charset "UTF-8";
html {
margin: 0;
padding: 0;
@@ -358,6 +360,14 @@ table thead td a:hover {
font-weight: bold;
}
#menu .subitem.active a:before {
content: "» ";
}
#menu .subitem.active a:after {
content: " «";
}
#menu .subitem.active a:hover {
color: #000;
text-decoration: none;