rbrindley: branch 2.0 r4881 - /branches/2.0/config/welcome.html
SVN commits to the Asterisk-GUI project
asterisk-gui-commits at lists.digium.com
Thu Jun 18 16:12:47 CDT 2009
Author: rbrindley
Date: Thu Jun 18 16:12:44 2009
New Revision: 4881
URL: http://svn.asterisk.org/svn-view/asterisk-gui?view=rev&rev=4881
Log:
- CSS shorthand and proper whitespacing
- HTML DOCTYPE, head, and title elements
Modified:
branches/2.0/config/welcome.html
Modified: branches/2.0/config/welcome.html
URL: http://svn.asterisk.org/svn-view/asterisk-gui/branches/2.0/config/welcome.html?view=diff&rev=4881&r1=4880&r2=4881
==============================================================================
--- branches/2.0/config/welcome.html (original)
+++ branches/2.0/config/welcome.html Thu Jun 18 16:12:44 2009
@@ -1,3 +1,4 @@
+<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
* Asterisk-GUI - an Asterisk configuration interface
*
@@ -18,161 +19,164 @@
* at the top of the source tree.
*
-->
-
-<!-- Initial CSS -->
-<link href="stylesheets/schwing.css" media="all" rel="Stylesheet" type="text/css" />
-<link href="stylesheets/ui-tabs.css" media="all" rel="Stylesheet" type="text/css" />
-<link href="stylesheets/tables.css" media="all" rel="Stylesheet" type="text/css" />
-<style type="text/css">
- body { background-color: #EFEFEF; }
- .clear { clear: both; }
- .notinuse { color: red; }
- .inuse { color: #ef8700; }
- .template { display: none; }
- img.loadTrunks, img.loadQueues { cursor: pointer; }
- img.title_img { float: left; }
-
- div.column { display: block; }
- div.left { float:left; width: 60%; }
- div.right { float:right; width: 40%; }
-
- div.content_container { -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #FFFFFF; border: 1px solid #6b79a5; }
- div.content_container, div.info_container { margin: 8px; padding: 1px; padding-top: 5px; }
- div.content_container .title, div.info_container .title { font-weight: bold; font-size: 16px; color: #6b79a5; }
-
- #sysstat_left_container { margin-right: 4px; }
- #sysstat_right_container, #sysstat_botright_container { margin-left: 4px; }
- #sysstat_hdr_container { margin-top: 8px; }
-
- div.handle {
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-topright: 4px;
- -webkit-border-radius-topleft: 4px;
- -webkit-border-radius-topright: 4px;
- cursor: move;
- padding-left: 10px;
- }
- div.title span.minimaxi { color: #000000; cursor: pointer; display: block; float: right; font-size: 12px; margin-right: 20px; }
-
- #legend { float: right; text-align: center; margin: 0px 20px 0px 30px; padding:0px; font-weight: normal; color: #000000; }
- #extensions_list { margin-top: 5px; }
-
- div.content { -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ffffff; margin: 10px 4px 10px 4px; }
- div.content div.body { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
-
- div.placeholder {
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- background-color: #dddddd;
- border: 1px dotted #6b79a5;
- margin: 4px;
- height: 50px;
- }
-
- #sys_status_queues div.column { display: block; }
- #sys_status_queues div.left { float:left; width: 50%; }
- #sys_status_queues div.right { float:right; width: 50%; }
- #sys_status_queues div.container { margin: 2px; }
-
- #queue_left_container { margin-right: 1px; }
- #queue_right_container { margin-left: 1px; }
-
- div.queue, div.conf_room { margin-bottom: 4px; }
- div.queue div.title, div.conf_room div.title {
+<html>
+<head>
+ <title>System Status</title>
+
+ <link href="stylesheets/schwing.css" media="all" rel="Stylesheet" type="text/css" />
+ <link href="stylesheets/ui-tabs.css" media="all" rel="Stylesheet" type="text/css" />
+ <link href="stylesheets/tables.css" media="all" rel="Stylesheet" type="text/css" />
+ <style type="text/css">
+ body { background-color: #EFEFEF; }
+ .clear { clear: both; }
+ .notinuse { color: red; }
+ .inuse { color: #ef8700; }
+ .template { display: none; }
+ img.loadTrunks, img.loadQueues { cursor: pointer; }
+ img.title_img { float: left; }
+
+ div.column { display: block; }
+ div.left { float:left; width: 60%; }
+ div.right { float:right; width: 40%; }
+
+ div.content_container { -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #FFFFFF; border: 1px solid #6b79a5; }
+ div.content_container, div.info_container { margin: 8px; padding: 1px; padding-top: 5px; }
+ div.content_container .title, div.info_container .title { font-weight: bold; font-size: 16px; color: #6b79a5; }
+
+ #sysstat_left_container { margin-right: 4px; }
+ #sysstat_right_container, #sysstat_botright_container { margin-left: 4px; }
+ #sysstat_hdr_container { margin-top: 8px; }
+
+ div.handle {
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-radius-topleft: 4px;
-webkit-border-radius-topright: 4px;
- background-color: #6b79a5;
- color: #ffffff;
- font-size: 12px;
- font-weight: bold;
- height: 20px;
+ cursor: move;
padding-left: 10px;
- vertical-align: center;
}
- div.queue div.body, div.conf_room div.body {
- -moz-border-radius-topleft: 0px;
- -moz-border-radius-topright: 0px;
- -webkit-border-radius-topleft: 0px;
- -webkit-border-radius-topright: 0px;
- background-color: #ef8700;
- border: 1px solid #ef8700;
- border-top: 0px;
+ div.title span.minimaxi { color: #000000; cursor: pointer; display: block; float: right; font-size: 12px; margin-right: 20px; }
+
+ #legend { float: right; text-align: center; margin: 0px 20px 0px 30px; padding:0px; font-weight: normal; color: #000000; }
+ #extensions_list { margin-top: 5px; }
+
+ div.content { -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ffffff; margin: 10px 4px 10px 4px; }
+ div.content div.body { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+ div.placeholder {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ background-color: #dddddd;
+ border: 1px dotted #6b79a5;
+ margin: 4px;
+ height: 50px;
}
- div.queue div.body div.calls { display: block; float: left; }
- div.queue div.body div.calls table { width: auto; }
- div.queue div.body div.calls table tbody tr.new { color: green; }
- div.queue div.body div.calls table tbody tr.average { color: orange; }
- div.queue div.body div.calls table tbody tr.old { color: red; }
- div.queue div.body div.agents div.agent {
- -moz-border-radius: 4px;
- -moz-border-radius: 4px;
- background-color: #ffffff;
- border: 1px solid #6b79a5;
- display: block;
- float: left;
- margin: 2px;
- padding: 1px;
- text-align: center;
- }
- div.queue div.body div.agents div.template { display: none; }
- div.queue div.body div.stats {
- -moz-border-radius-bottomleft: 4px;
- -moz-border-radius-bottomright: 4px;
- -webkit-border-radius-bottomleft: 4px;
- -webkit-border-radius-bottomright: 4px;
- background-color: #efefef;
- font-weight: bold;
- padding: 2px;
- }
- div.queue div.body div.stats span { font-weight: normal; }
-
- div.conf_room div.actions { display: block; float: left; width: 67px; text-align: center; }
- div.conf_room div.actions > ul {
- background-color: #6b79a5;
+
+ #sys_status_queues div.column { display: block; }
+ #sys_status_queues div.left { float:left; width: 50%; }
+ #sys_status_queues div.right { float:right; width: 50%; }
+ #sys_status_queues div.container { margin: 2px; }
+
+ #queue_left_container { margin-right: 1px; }
+ #queue_right_container { margin-left: 1px; }
+
+ div.queue, div.conf_room { margin-bottom: 4px; }
+ div.queue div.title, div.conf_room div.title {
+ -moz-border-radius-topleft: 4px;
+ -moz-border-radius-topright: 4px;
+ -webkit-border-radius-topleft: 4px;
+ -webkit-border-radius-topright: 4px;
+ background-color: #6b79a5;
+ color: #ffffff;
+ font-size: 12px;
+ font-weight: bold;
+ height: 20px;
+ padding-left: 10px;
+ vertical-align: center;
+ }
+ div.queue div.body, div.conf_room div.body {
+ -moz-border-radius-topleft: 0px;
+ -moz-border-radius-topright: 0px;
+ -webkit-border-radius-topleft: 0px;
+ -webkit-border-radius-topright: 0px;
+ background-color: #ef8700;
+ border: 1px solid #ef8700;
+ border-top: 0px;
+ }
+ div.queue div.body div.calls { display: block; float: left; }
+ div.queue div.body div.calls table { width: auto; }
+ div.queue div.body div.calls table tbody tr.new { color: green; }
+ div.queue div.body div.calls table tbody tr.average { color: orange; }
+ div.queue div.body div.calls table tbody tr.old { color: red; }
+ div.queue div.body div.agents div.agent {
+ -moz-border-radius: 4px;
+ -moz-border-radius: 4px;
+ background-color: #ffffff;
+ border: 1px solid #6b79a5;
+ display: block;
+ float: left;
+ margin: 2px;
+ padding: 1px;
+ text-align: center;
+ }
+ div.queue div.body div.agents div.template { display: none; }
+ div.queue div.body div.stats {
+ -moz-border-radius-bottomleft: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -webkit-border-radius-bottomleft: 4px;
+ -webkit-border-radius-bottomright: 4px;
+ background-color: #efefef;
+ font-weight: bold;
+ padding: 2px;
+ }
+ div.queue div.body div.stats span { font-weight: normal; }
+
+ div.conf_room div.actions { display: block; float: left; width: 67px; text-align: center; }
+ div.conf_room div.actions > ul {
+ background-color: #6b79a5;
+ border: 1px solid #ffffff;
+ color: #ffffff;
+ font-weight: bold;
+ list-style: none;
+ margin: 4px;
+ padding: 4px;
+ }
+ div.conf_room div.actions > ul li {
+ background-color: #ffffff;
+ border: 1px solid #efefef;
+ color: #000000;
+ font-weight: normal;
+ text-align: center;
+ }
+ div.conf_room div.actions .action { cursor: pointer; }
+ div.conf_room div.actions a, div.conf_room div.actions a:visited { text-decoration: none; color: #000000; }
+ div.conf_room div.actions a:hover { color: #ef8700; }
+ div.conf_room div.members { display: relative; padding-left: 67px; right: 67px; }
+ div.conf_room div.members > table.list { -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomright: 4px; }
+ div.conf_room div.members > table.list tbody td { padding-left: 5px; }
+ div.conf_room div.members .checkbox { width: 20px; }
+ div.conf_room div.members .person { width: 1px; }
+
+ #extensions_sections { height: 18px; text-indent: 20px; }
+ #extensions_sections .section {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ background-color: #ef8700;
border: 1px solid #ffffff;
color: #ffffff;
- font-weight: bold;
- list-style: none;
- margin: 4px;
- padding: 4px;
- }
- div.conf_room div.actions > ul li {
- background-color: #ffffff;
- border: 1px solid #efefef;
- color: #000000;
- font-weight: normal;
- text-align: center;
- }
- div.conf_room div.actions .action { cursor: pointer; }
- div.conf_room div.actions a, div.conf_room div.actions a:visited { text-decoration: none; color: #000000; }
- div.conf_room div.actions a:hover { color: #ef8700; }
- div.conf_room div.members { display: relative; padding-left: 67px; right: 67px; }
- div.conf_room div.members > table.list { -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomright: 4px; }
- div.conf_room div.members > table.list tbody td { padding-left: 5px; }
- div.conf_room div.members .checkbox { width: 20px; }
- div.conf_room div.members .person { width: 1px; }
-
- #extensions_sections { height: 18px; text-indent: 20px; }
- #extensions_sections .section {
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- background-color: #ef8700;
- border: 1px solid #ffffff;
- color: #ffffff;
- cursor: pointer;
- font: 10px bold;
- margin-left: 2px;
- padding: 1px 4px 1px 4px;
- }
- #extensions_sections .active {
- background-color: #ffffff;
- border: 1px solid #6b79a5;
- color: #6b79a5;
- cursor: default;
- }
-</style>
+ cursor: pointer;
+ font: 10px bold;
+ margin-left: 2px;
+ padding: 1px 4px 1px 4px;
+ }
+ #extensions_sections .active {
+ background-color: #ffffff;
+ border: 1px solid #6b79a5;
+ color: #6b79a5;
+ cursor: default;
+ }
+ </style>
+</head>
<body>
<div class="iframeTitleBar">
System Status
@@ -581,3 +585,4 @@
</script>
<!-- End Initial Javascript -->
</body>
+</html>
More information about the asterisk-gui-commits
mailing list