mirror of
https://github.com/owntone/owntone-server.git
synced 2024-12-24 06:05:56 -05:00
Redo all the pages to look more prettier
This commit is contained in:
parent
39bec5529d
commit
e8cdb122a4
@ -1,16 +1,9 @@
|
||||
<HTML>
|
||||
<HEAD>
|
||||
<TITLE>mt-daapd administration</TITLE>
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<CENTER>
|
||||
<A HREF="config.html">Configure</A> |
|
||||
<A HREF="status.html">Status</A> |
|
||||
<A HREF="services.html">Services</A>
|
||||
</CENTER>
|
||||
@include hdr.html@
|
||||
|
||||
<h1>Configuration</h1>
|
||||
|
||||
<div class="stx">
|
||||
|
||||
<HR>
|
||||
<CENTER><h1>Config</h1></CENTER>
|
||||
<FORM METHOD="POST" ACTION="/config-update.html">
|
||||
<TABLE>
|
||||
<TR>
|
||||
@ -36,7 +29,6 @@
|
||||
</TABLE>
|
||||
<INPUT TYPE="SUBMIT" NAME="SUBMIT" VALUE="Submit">
|
||||
</FORM>
|
||||
<HR>
|
||||
<i>@RELEASE@</i>
|
||||
</BODY>
|
||||
</HTML>
|
||||
</div>
|
||||
|
||||
@include ftr.html@
|
||||
|
8
admin-root/ftr.html
Normal file
8
admin-root/ftr.html
Normal file
@ -0,0 +1,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
81
admin-root/hdr.html
Normal file
81
admin-root/hdr.html
Normal file
@ -0,0 +1,81 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>.: m t - d a a p d :.</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="mt-daapd.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<h1>.: m t - d a a p d :.</h1>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<!-- <hr size="" class="netscape4"> -->
|
||||
<div class="tabs">
|
||||
<a href="index.html" class="plain">Home</a>
|
||||
<a href="config.html" class="plain">Config</a>
|
||||
<a href="status.html" class="plain">Status</a>
|
||||
</div>
|
||||
|
||||
<div class="personalBar">
|
||||
<span>@session-count@ Connected Users</span>
|
||||
</div>
|
||||
|
||||
<div class="pathBar">
|
||||
Welcome, @user@
|
||||
</div>
|
||||
|
||||
<table class="columns">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="left">
|
||||
<div class="box">
|
||||
<h5>Links</h5>
|
||||
<div class="body">
|
||||
<div style="white-space: nowrap;">
|
||||
<span>
|
||||
|
||||
<a href="http://www.pedde.com/cgi-bin/cvsweb.cgi"
|
||||
class="plain" title="CVS">
|
||||
|
||||
mt-daapd CVS
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div style="white-space: nowrap;">
|
||||
<span>
|
||||
|
||||
<a href="gpl-license.html"
|
||||
class="plain" title="GPL License">
|
||||
|
||||
GPL License
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div style="white-space: nowrap;">
|
||||
<span>
|
||||
|
||||
<a href="aspl-license.html"
|
||||
class="plain" title="ASPL License">
|
||||
|
||||
ASPL License
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- next item -->
|
||||
|
||||
</div>
|
||||
</div> <!-- end of box -->
|
||||
|
||||
|
||||
</td>
|
||||
<td class="main">
|
||||
<div class="document">
|
||||
<div>
|
@ -1,43 +1,38 @@
|
||||
<HTML>
|
||||
<HEAD>
|
||||
<TITLE>mt-daapd administration</TITLE>
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<CENTER>
|
||||
<A HREF="config.html">Configure</A> |
|
||||
<A HREF="status.html">Status</A> |
|
||||
<A HREF="services.html">Services</A>
|
||||
</CENTER>
|
||||
@include hdr.html@
|
||||
|
||||
<HR>
|
||||
<h1>Welcome</h1>
|
||||
|
||||
<CENTER><H1>Welcome</H1></CENTER>
|
||||
<div class="description">
|
||||
This is the administrative web interface for
|
||||
mt-daapd
|
||||
</div>
|
||||
|
||||
<P>
|
||||
Welcome to mt-daapd (better name pending), a pthreads
|
||||
implementation of Apple's DAAP, including a multicast DNS
|
||||
responder for iTunes.
|
||||
</P>
|
||||
<div class="stx">
|
||||
|
||||
<P>
|
||||
This server is provided under the terms of the GPL. See the
|
||||
file <a href="LICENSE">LICENSE</A> in the root directory of this
|
||||
distribution for more information on the rights provided to you
|
||||
by the GPL. For newest versions of this software, check the
|
||||
SourceForge web site at <A
|
||||
HREF="http://xxx.sourceforge.net">http://xxx.sourceforge.net</A>.
|
||||
</P>
|
||||
<h3>About</h3>
|
||||
mt-daapd is a multi-threaded pthreads implementation of Apple's DAAP
|
||||
server. It works for me, it might work for you, too. No promises
|
||||
though. See the section below titled "No Warranty". This work,
|
||||
although released under the GNU General Public License, is Copyright
|
||||
(C) 2003 Ron Pedde. All Rights reserved. See the link labeled "GPL
|
||||
License" for more information.
|
||||
|
||||
<P>
|
||||
Portions of this work (the MDNS responder) are Copyright (C)
|
||||
1999-2001 Apple Computer, Inc. All rights reserved. See the
|
||||
file <A HREF="APPLE_LICENSE">APPLE_LICENSE</A> in
|
||||
the <tt>admin-root</tt> directory for more information on the
|
||||
rights provided to you by the ASPL.
|
||||
</P>
|
||||
<h3>Legal Crap</h3> Portions of this program are Copyright (c)
|
||||
1999-2001 Apple Computer, Inc. All Rights Reserved. See the link
|
||||
labeled "ASPL License" for more information.
|
||||
|
||||
<HR>
|
||||
Copyright (C) 2003 Ron Pedde. All Rights reserved.
|
||||
<I>@RELEASE@</I>
|
||||
</BODY>
|
||||
</HTML>
|
||||
<h3>No Warranty</h3>
|
||||
BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
||||
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
||||
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
||||
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
||||
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
|
||||
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
||||
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
||||
REPAIR OR CORRECTION.
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@include ftr.html@
|
||||
|
BIN
admin-root/linkOpaque.gif
Normal file
BIN
admin-root/linkOpaque.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 102 B |
BIN
admin-root/linkTransparent.gif
Normal file
BIN
admin-root/linkTransparent.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 102 B |
942
admin-root/mt-daapd.css
Normal file
942
admin-root/mt-daapd.css
Normal file
@ -0,0 +1,942 @@
|
||||
/*
|
||||
** Plone style sheet for CSS2-capable browsers.
|
||||
** Copyright Alexander Limi, 2002-2003 - http://www.plonesolutions.com
|
||||
**
|
||||
** Thanks to Geir Bkholt, Stian Siland for input and guidance.
|
||||
**
|
||||
** Style sheet documentation can be found at http://plone.org/documentation
|
||||
**
|
||||
** You should preferrably use ploneCustom.css to add your own CSS classes and to
|
||||
** customize your portal, as these are the base fundaments of Plone, and will
|
||||
** change and be refined in newer versions. Keeping your changes in
|
||||
** ploneCustom.css will make it easier to upgrade.
|
||||
**
|
||||
** Feel free to use whole or parts of this for your own designs, but give credit
|
||||
** where credit is due.
|
||||
**
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
** DTML instructions to set caching headers. Inside comments area to play nicer with CSS editors.
|
||||
**
|
||||
** **
|
||||
**
|
||||
**
|
||||
**
|
||||
** */
|
||||
/* */
|
||||
|
||||
|
||||
|
||||
body {
|
||||
font: 0.7em Verdana, Helvetica, Arial, sans-serif;
|
||||
background: White;
|
||||
color: Black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* These work in IE only, changes the look of the scrollbar + textareas */
|
||||
scrollbar-base-color: #DEE7EC;
|
||||
scrollbar-highlight-color: #DEE7EC;
|
||||
scrollbar-track-color: #F7F9FA;
|
||||
scrollbar-darkshadow-color: #F7F9FA;
|
||||
scrollbar-3dlight-color: #8CACBB;
|
||||
scrollbar-shadow-color: #8CACBB;
|
||||
scrollbar-arrow-color: #436976;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #436976;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5em 0em 1em 0em;
|
||||
text-align: justify;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
p a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p a:visited {
|
||||
color: Purple;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
p a:active {
|
||||
color: Red;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
p img {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
hr {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
color: #8CACBB;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: Black;
|
||||
clear: left;
|
||||
font: 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding-top: 0.5em;
|
||||
border-bottom: 1px solid #8CACBB;
|
||||
}
|
||||
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a,
|
||||
h4 a,
|
||||
h5 a,
|
||||
h6 a { color: Black ! important; }
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 160%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 140%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
ul {
|
||||
line-height: 1.5em;
|
||||
list-style-type: square;
|
||||
margin: 0.5em 0 0 2em;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
ol {
|
||||
line-height: 1.5em;
|
||||
margin: 0.5em 0 0 2em;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
ul a, ol a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
dl {
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dt a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
dd {
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
d a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #8cacbb;
|
||||
margin: 2em 0em 1em 0em;
|
||||
padding: 1em 0em;
|
||||
}
|
||||
|
||||
legend {
|
||||
background: White;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
form {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 1px solid #8cacbb;
|
||||
color: Black;
|
||||
background-color: white;
|
||||
width: 88%;
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
input {
|
||||
font: 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
border: 1px solid #8cacbb;
|
||||
color: Black;
|
||||
background-color: white;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 1px; /* IE bug fix */
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
select {
|
||||
font: 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
border: 1px solid #8cacbb;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
abbr, acronym, .explain {
|
||||
border-bottom: 1px dotted Black;
|
||||
color: Black;
|
||||
background-color: transparent;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
q {
|
||||
font-family: Times, "Times New Roman", serif;
|
||||
font-style: italic;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-family: Times, "Times New Roman", serif;
|
||||
font-style: italic;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 120%;
|
||||
color: Black;
|
||||
background-color: #dee7ec;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 120%;
|
||||
padding: 1em;
|
||||
border: 1px solid #8cacbb;
|
||||
color: Black;
|
||||
background-color: #dee7ec;
|
||||
}
|
||||
|
||||
.netscape4 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
** Structural Elements
|
||||
*/
|
||||
|
||||
div.top {
|
||||
/* Top section */
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
/* Logo properties */
|
||||
margin: 1em 0em 1em 2em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.searchBox {
|
||||
/*searchbox style and positioning */
|
||||
background-color: transparent;
|
||||
color: Black;
|
||||
float: right;
|
||||
margin: 3em 0em 0em 0em;
|
||||
padding: 0em 2em 0em 0em;
|
||||
text-align: right;
|
||||
text-transform: lowercase;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
input.searchButton {
|
||||
font-size: 100% ! important;
|
||||
margin-bottom: 1px ! important;
|
||||
}
|
||||
|
||||
div.tabs {
|
||||
/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
|
||||
background: transparent;
|
||||
border-collapse: collapse;
|
||||
border-bottom-color: #8CACBB;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
padding: 0.5em 0em 0em 2em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.tabs a {
|
||||
/* The normal, unselected tabs. They are all links */
|
||||
background: transparent;
|
||||
border-color: #8CACBB;
|
||||
border-width: 1px;
|
||||
border-style: solid solid none solid;
|
||||
color: #436976;
|
||||
font-weight: normal;
|
||||
height: 1.2em;
|
||||
margin-right: 0.5em;
|
||||
padding: 0em 2em;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
div.tabs a.selected {
|
||||
/* The selected tab. There's only one of this */
|
||||
background: #DEE7EC;
|
||||
border: 1px solid #8CACBB;
|
||||
border-bottom: #DEE7EC 1px solid;
|
||||
color: #436976;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.tabs a:hover {
|
||||
background: #DEE7EC;
|
||||
border-color: #8CACBB;
|
||||
border-bottom-color: #DEE7EC;
|
||||
color: #436976;
|
||||
}
|
||||
|
||||
div.personalBar {
|
||||
/* Bar with personalized menu (user preferences, favorites etc) */
|
||||
background: #DEE7EC;
|
||||
border-bottom-color: #8CACBB;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
color: Black;
|
||||
padding-right: 3em;
|
||||
text-align: right;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
div.personalBar a {
|
||||
background-color: transparent;
|
||||
color: #436976;
|
||||
font-weight: normal;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
div.personalBar img {
|
||||
vertical-align: top;
|
||||
}
|
||||
.caseSensitive {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
div.pathBar {
|
||||
/* The path bar, including breadcrumbs and add to favorites */
|
||||
border-bottom-color: #8CACBB;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
.breadcrumbs {
|
||||
float: left;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
.addFavorite {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
table.columns {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.columns td.left {
|
||||
vertical-align: top;
|
||||
width: 15%;
|
||||
padding: 2em 0em 1em 2em;
|
||||
}
|
||||
|
||||
table.columns td.main {
|
||||
vertical-align: top;
|
||||
padding: 0em 2em 1em 2em;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
table.columns td.right {
|
||||
vertical-align: top;
|
||||
width: 15%;
|
||||
padding: 2em 2em 1em 0em;
|
||||
}
|
||||
|
||||
#contentTabs {
|
||||
background: transparent;
|
||||
border-collapse: collapse;
|
||||
border-bottom: 1px solid #74AE0B;
|
||||
padding-left: 1em;
|
||||
margin-top: 2em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#contentTabs a {
|
||||
background: transparent;
|
||||
border: 1px solid #74AE0B;
|
||||
border-style: solid solid none solid;
|
||||
color: #578308;
|
||||
font-weight: normal;
|
||||
height: 1.2em;
|
||||
margin-right: 0.5em;
|
||||
padding: 0em 2em;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
#contentTabs a.selected {
|
||||
background: #CDE2A7;
|
||||
border-bottom: #CDE2A7 1px solid;
|
||||
color: #578308;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#contentTabs a:hover {
|
||||
background-color: #CDE2A7;
|
||||
color: #578308;
|
||||
}
|
||||
|
||||
#contentBar {
|
||||
background: #CDE2A7;
|
||||
border-left: 1px solid #74AE0B;
|
||||
border-right: 1px solid #74AE0B;
|
||||
color: #578308;
|
||||
text-align: right;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
/* Fix for IE6 disappearing float bug */
|
||||
#content {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
div.document {
|
||||
background: White;
|
||||
font: 120% Verdana, Helvetica, Arial, sans-serif;
|
||||
padding: 0;
|
||||
margin: 0em 0em 2em 0em;
|
||||
}
|
||||
|
||||
div.editableDocument {
|
||||
background: White;
|
||||
border: 1px solid #74AE0B;
|
||||
font: 120% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 0em 0em 2em 0em;
|
||||
padding: 0em 1em 2em 1em;
|
||||
}
|
||||
|
||||
div.documentActions {
|
||||
float: right;
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
|
||||
div.message {
|
||||
background: #FFCE7B;
|
||||
border: 1px solid #FFA500;
|
||||
color: Black;
|
||||
font: bold 80% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 2em 0em 1em 0em;
|
||||
padding: 0.5em 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.message a {
|
||||
color: Black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.title {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.description {
|
||||
/* The summary text describing the document */
|
||||
font: bold 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
display: block;
|
||||
margin: 1em 0em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #DEE7EC;
|
||||
border-top: 1px solid #8CACBB;
|
||||
border-bottom: 1px solid #8CACBB;
|
||||
color: Black;
|
||||
clear: both;
|
||||
float: none;
|
||||
margin: 2em 0em;
|
||||
padding: 0.5em 0em 1em 0em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* Accessibility and visual enhancement elements */
|
||||
|
||||
a.skipnav {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
** Widgets
|
||||
*/
|
||||
|
||||
input.standalone {
|
||||
background: #DEE7EC url(linkOpaque.gif) 9px 1px no-repeat;
|
||||
color: Black;
|
||||
cursor: pointer;
|
||||
font-size: 80%;
|
||||
font-weight: normal;
|
||||
margin-bottom: 1em;
|
||||
padding: 1px 1px 1px 15px;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
input.context {
|
||||
background: White url(linkTransparent.gif) 9px 1px no-repeat;
|
||||
color: Black;
|
||||
cursor: pointer;
|
||||
font-size: 80%;
|
||||
font-weight: normal;
|
||||
margin-bottom: 1em;
|
||||
padding: 1px 1px 1px 15px;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
input.destructive {
|
||||
background: #FFCE7B url(linkTransparent.gif) 9px 1px no-repeat;
|
||||
border: 1px solid #FFA500;
|
||||
color: Black;
|
||||
cursor: pointer;
|
||||
font-size: 80%;
|
||||
font-weight: normal;
|
||||
margin-bottom: 1em;
|
||||
padding: 1px 1px 1px 15px;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
input.noborder {
|
||||
border: none;
|
||||
margin: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
div.row {
|
||||
clear: both;
|
||||
min-height: 4em;
|
||||
margin: 0em 0em 1em 0em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.group {
|
||||
border: 1px solid #8cacbb;
|
||||
margin: 1em 0em 1em 0em;
|
||||
padding: 0em 1em;
|
||||
}
|
||||
span.legend {
|
||||
background: White;
|
||||
font-size: 80%;
|
||||
padding: 0.5em;
|
||||
position : relative;
|
||||
top: -0.8em;
|
||||
left: 0em;
|
||||
}
|
||||
|
||||
div.label {
|
||||
font-weight: bold;
|
||||
display: inline;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
div.field {
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
|
||||
div.help {
|
||||
background-color: #FFFFE1;
|
||||
border: 1px solid black;
|
||||
font-size: 80%;
|
||||
font-weight: normal;
|
||||
line-height: normal;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
left: -18em;
|
||||
top: 1.5em;
|
||||
width: 16em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.error {
|
||||
/* Class for error indication in forms */
|
||||
background: #FFCE7B;
|
||||
border: 1px solid #FFA500;
|
||||
padding: 1em;
|
||||
margin: 0;
|
||||
width: 68% !important;
|
||||
}
|
||||
|
||||
.required {
|
||||
/* Used in addition to class "label" on required elements */
|
||||
background: url(required.gif) right no-repeat;
|
||||
}
|
||||
|
||||
span.card {
|
||||
background: #DEE7EC;
|
||||
border-color: #8CACBB;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
float: left;
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
table.listing,
|
||||
div.stx table {
|
||||
/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
|
||||
border-collapse: collapse;
|
||||
border-left: 1px solid #8CACBB;
|
||||
border-bottom: 1px solid #8CACBB;
|
||||
font-size: 80%;
|
||||
margin: 1em 0em 1em 0em;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
table.listing th,
|
||||
div.stx table th {
|
||||
background: #DEE7EC;
|
||||
border-top: 1px solid #8CACBB;
|
||||
border-bottom: 1px solid #8CACBB;
|
||||
border-right: 1px solid #8CACBB;
|
||||
color: Black;
|
||||
font-weight: normal;
|
||||
padding: 0em 1em 0em 1em;
|
||||
text-transform: lowercase;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.listing td.top {
|
||||
border-left: 1px solid White;
|
||||
border-top: 1px solid White ! important;
|
||||
border-right: 1px solid White ! important;
|
||||
text-align: right ! important;
|
||||
padding: 0em 0em 1em 0em;
|
||||
/* insane IE row bug workaround */
|
||||
position: relative;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
table.listing tr.odd {
|
||||
/*every second line should be shaded */
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
table.listing tr.even {
|
||||
background: #F7F9FA;
|
||||
}
|
||||
|
||||
table.listing td,
|
||||
div.stx table td {
|
||||
border-right: 1px solid #8CACBB;
|
||||
padding: 0em 1em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.listing a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
table.listing img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Additional STX workaround classes */
|
||||
|
||||
div.stx table p /* stupid STX table workaround */
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.stx table /* stupid STX table workaround */
|
||||
{
|
||||
border: 1px solid #8CACBB ! important;
|
||||
}
|
||||
div.stx table td {
|
||||
border-bottom: 1px solid #8CACBB;
|
||||
}
|
||||
|
||||
|
||||
div.box {
|
||||
border: none;
|
||||
margin: 0em 0em 2em 0em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.box h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
div.box h5 {
|
||||
background: #DEE7EC;
|
||||
border: 1px solid #8CACBB;
|
||||
border-style: solid solid none solid;
|
||||
color: Black;
|
||||
padding: 0em 1em 0em 1em;
|
||||
text-transform: lowercase;
|
||||
display: inline;
|
||||
font-size: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
div.box h6 {
|
||||
background: #DEE7EC;
|
||||
border: 1px solid #8CACBB;
|
||||
border-style: solid solid none solid;
|
||||
color: Black;
|
||||
padding: 0em 1em 0em 1em;
|
||||
text-transform: lowercase;
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
div.box div.body {
|
||||
background: transparent;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #8CACBB;
|
||||
}
|
||||
|
||||
.boxDetails {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.box .content {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
div.box a.close {
|
||||
float: right;
|
||||
text-transform: none;
|
||||
border-left: 1px solid #8CACBB;
|
||||
padding: 0em 0.2em;
|
||||
}
|
||||
|
||||
div.box h1,
|
||||
div.box h2,
|
||||
div.box h3,
|
||||
div.box h4 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.box .even {
|
||||
background-color: #F7F9FA;
|
||||
}
|
||||
|
||||
div.box .odd {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
div.box input {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
div.spacer {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.currentNavItem {
|
||||
color: Black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.private {
|
||||
color: Black;
|
||||
}
|
||||
|
||||
.published {
|
||||
color: #74AE0B;
|
||||
}
|
||||
|
||||
.pending {
|
||||
color: #FFA500;
|
||||
}
|
||||
|
||||
.syndicated {
|
||||
color: #008000;
|
||||
}
|
||||
|
||||
.expired {
|
||||
color: Red;
|
||||
}
|
||||
|
||||
.even {
|
||||
background-color: #F7F9FA;
|
||||
}
|
||||
|
||||
.odd {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: #F7F9FA;
|
||||
}
|
||||
|
||||
div.listingBar {
|
||||
background: #DEE7EC;
|
||||
border-color: #8CACBB;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 0em 1em;
|
||||
text-align: center;
|
||||
text-transform: lowercase;
|
||||
clear: both;
|
||||
vertical-align: top;
|
||||
margin: 1em 0em;
|
||||
}
|
||||
|
||||
div.listingBar span.previous {
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.listingBar span.next {
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div listingBar img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
** Calendar elements - used in the calendar rendering
|
||||
*/
|
||||
|
||||
div.day {
|
||||
background-color: #FFFFBB;
|
||||
border: 1px solid Black;
|
||||
padding: 0.2em;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
width: 12em;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
div.date {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
table.calendar {
|
||||
border: 1px solid #8CACBB;
|
||||
margin: 0em 1em 2em 0em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
table.calendar a {
|
||||
text-decoration: none;
|
||||
color: #436976;
|
||||
}
|
||||
|
||||
table.calendar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table.calendar th {
|
||||
background-color: #DEE7EC;
|
||||
color: Black;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table.calendar td {
|
||||
background-color: transparent;
|
||||
width: 1.5em;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
table.calendar td.weekdays {
|
||||
background-color: #DEE7EC;
|
||||
border: 1px solid #8CACBB;
|
||||
border-style: solid none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table.calendar td.event {
|
||||
background-color: #DEE7EC;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.calendar td.noevent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
table.calendar td.todayevent {
|
||||
background-color: #DEE7EC;
|
||||
border: 2px solid #FFA500;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.calendar td.todaynoevent {
|
||||
border-collapse: collapse;
|
||||
border: 2px solid #FFA500;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* */
|
||||
|
BIN
admin-root/required.gif
Normal file
BIN
admin-root/required.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 47 B |
9
admin-root/status.html
Normal file
9
admin-root/status.html
Normal file
@ -0,0 +1,9 @@
|
||||
@include hdr.html@
|
||||
|
||||
<h1>Status</h1>
|
||||
|
||||
<div class="stx">
|
||||
@THREADSTAT@
|
||||
</div>
|
||||
|
||||
@include ftr.html@
|
Loading…
Reference in New Issue
Block a user