Modified with new layout, done from the scratch, using native prototype lib and script.aculo.us effects, with the Prototype Window lib integrated. Works fine.
git-svn-id: file:///home/svn/framework3/trunk@3956 4d416f70-5f16-0410-b530-b9f4589650daunstable
lmh
|
|
@ -7,14 +7,23 @@
|
||||||
<meta name="Author" content="L.M.H <lmh@info-pull.com>" />
|
<meta name="Author" content="L.M.H <lmh@info-pull.com>" />
|
||||||
<meta name="Copyright" content="(c) 2006, L.M.H <lmh@info-pull.com>" />
|
<meta name="Copyright" content="(c) 2006, L.M.H <lmh@info-pull.com>" />
|
||||||
<title>Metasploit Framework Web Console v.3</title>
|
<title>Metasploit Framework Web Console v.3</title>
|
||||||
|
<% ["prototype","effects","controls", "window", "application"].each do |js| %>
|
||||||
|
<%= javascript_include_tag js %><% end %>
|
||||||
<%= stylesheet_link_tag "msfweb" %>
|
<%= stylesheet_link_tag "msfweb" %>
|
||||||
<%= javascript_include_tag "application" %>
|
<%= stylesheet_link_tag "window-themes/default" %>
|
||||||
|
<%= stylesheet_link_tag "window-themes/mac_os_x" %>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="topmenu">
|
<div id="topmenu" class="dojoMenu">
|
||||||
<ul>
|
<ul>
|
||||||
<li>Exploits<li>
|
<li>Exploits</li>
|
||||||
|
<li>Payloads</li>
|
||||||
|
<li>Encoders</li>
|
||||||
|
<li>Nops</li>
|
||||||
|
<li>Sessions</li>
|
||||||
|
<li>Jobs</li>
|
||||||
|
<li>Help</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -30,6 +39,7 @@
|
||||||
<div id="maincontent">
|
<div id="maincontent">
|
||||||
<%= @content_for_layout %>
|
<%= @content_for_layout %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script>run_tasks();</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
|
|
||||||
<div class="desktop-tip">
|
<div class="desktop-tip" id="starttip">
|
||||||
Use the top menu for accessing the Metasploit modules and functionality.
|
Use the top menu for accessing the Metasploit modules and functionality.
|
||||||
Ex. <em>Exploits, Payloads, Encoders</em>. <br />
|
Ex. <em>Exploits, Payloads, Encoders</em>. <br />
|
||||||
Active windows will appear in the taskbar (look at the page bottom).
|
Active windows will appear in the taskbar (look at the page bottom).
|
||||||
|
|
|
||||||
|
|
@ -3,3 +3,33 @@
|
||||||
* All Rights Reserved.
|
* All Rights Reserved.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* http://alistapart.com/articles/dropdowns/ */
|
||||||
|
function initialize_topmenu() {
|
||||||
|
if (document.all&&document.getElementById) {
|
||||||
|
navRoot = document.getElementById("topmenu");
|
||||||
|
for (i=0; i<navRoot.childNodes.length; i++) {
|
||||||
|
node = navRoot.childNodes[i];
|
||||||
|
if (node.nodeName=="LI") {
|
||||||
|
node.onmouseover=function() {
|
||||||
|
this.className+=" over";
|
||||||
|
}
|
||||||
|
node.onmouseout=function() {
|
||||||
|
this.className=this.className.replace(" over", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function openAboutDialog() {
|
||||||
|
win = new Window('window_id', {className: "mac_os_x", title: "Sample", width:200, height:150}); win.getContent().innerHTML = "<h1>Hello world !!</h1>"; win.setDestroyOnClose(); win.showCenter();
|
||||||
|
}
|
||||||
|
function fade_start_tip() {
|
||||||
|
new Effect.Fade('starttip', {duration: 4});
|
||||||
|
}
|
||||||
|
|
||||||
|
function run_tasks() {
|
||||||
|
//fade_start_tip();
|
||||||
|
//initialize_topmenu();
|
||||||
|
}
|
||||||
|
|
@ -15,18 +15,49 @@ body {
|
||||||
background: #444444 url(/images/metasploit-graf.jpg) fixed center no-repeat;
|
background: #444444 url(/images/metasploit-graf.jpg) fixed center no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* inspired by http://alistapart.com/articles/dropdowns/ */
|
||||||
|
#topmenu {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
list-style-type:none;
|
||||||
|
height: 31px;
|
||||||
|
background-color:#f4f4f4;
|
||||||
|
font-size: 8pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu li {
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
padding: 8px;
|
||||||
|
font: menu;
|
||||||
|
color: WindowText;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu li:hover {
|
||||||
|
background-color: blue;
|
||||||
|
cursor: pointer;
|
||||||
|
_cursor: hand;
|
||||||
|
background-color: Highlight;
|
||||||
|
color: HighlightText;
|
||||||
|
}
|
||||||
|
|
||||||
#maincontent {
|
#maincontent {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#topmenu {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.desktop-tip {
|
.desktop-tip {
|
||||||
margin-top: 1em;
|
margin-top: 6em;
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
font-family: Trebuchet, Sans, Arial;
|
font-family: Trebuchet, Sans, Arial;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,146 @@
|
||||||
|
.overlay_dialog {
|
||||||
|
background-color: #666666;
|
||||||
|
filter:alpha(opacity=60);
|
||||||
|
-moz-opacity: 0.6;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlay___invisible__ {
|
||||||
|
background-color: #666666;
|
||||||
|
filter:alpha(opacity=0);
|
||||||
|
-moz-opacity: 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_nw {
|
||||||
|
width: 9px;
|
||||||
|
height: 23px;
|
||||||
|
background: transparent url(default/top_left.gif) no-repeat 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_n {
|
||||||
|
background: transparent url(default/top_mid.gif) repeat-x 0 0;
|
||||||
|
height: 23px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_ne {
|
||||||
|
width: 9px;
|
||||||
|
height: 23px;
|
||||||
|
background: transparent url(default/top_right.gif) no-repeat 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_e {
|
||||||
|
width: 2px;
|
||||||
|
background: transparent url(default/center_right.gif) repeat-y 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_w {
|
||||||
|
width: 2px;
|
||||||
|
background: transparent url(default/center_left.gif) repeat-y 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_sw {
|
||||||
|
width: 9px;
|
||||||
|
height: 19px;
|
||||||
|
background: transparent url(default/bottom_left.gif) no-repeat 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_s {
|
||||||
|
background: transparent url(default/bottom_mid.gif) repeat-x 0 0;
|
||||||
|
height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_se {
|
||||||
|
width: 9px;
|
||||||
|
height: 19px;
|
||||||
|
background: transparent url(default/bottom_right.gif) no-repeat 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_sizer {
|
||||||
|
width: 9px;
|
||||||
|
height: 19px;
|
||||||
|
background: transparent url(default/sizer.gif) no-repeat 0 0;
|
||||||
|
cursor:se-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_close {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
background: transparent url(default/close.gif) no-repeat 0 0;
|
||||||
|
position:absolute;
|
||||||
|
top:5px;
|
||||||
|
left:8px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:2000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_minimize {
|
||||||
|
width: 14px;
|
||||||
|
height: 15px;
|
||||||
|
background: transparent url(default/minimize.gif) no-repeat 0 0;
|
||||||
|
position:absolute;
|
||||||
|
top:5px;
|
||||||
|
left:28px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:2000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_maximize {
|
||||||
|
width: 14px;
|
||||||
|
height: 15px;
|
||||||
|
background: transparent url(default/maximize.gif) no-repeat 0 0;
|
||||||
|
position:absolute;
|
||||||
|
top:5px;
|
||||||
|
left:49px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:2000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_title {
|
||||||
|
float:left;
|
||||||
|
height:14px;
|
||||||
|
font-size:12px;
|
||||||
|
text-align:center;
|
||||||
|
width:100%;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_content {
|
||||||
|
overflow:auto;
|
||||||
|
color: #DDD;
|
||||||
|
font-family: Tahoma, Arial, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
background-color:#123;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top_draggable, .bottom_draggable {
|
||||||
|
cursor:move;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status_bar {
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
.status_bar input{
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
/* DO NOT CHANGE THESE VALUES*/
|
||||||
|
.dialog {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog table.table_window {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
padding:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog table.table_window td , .dialog table.table_window th {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog .title_window {
|
||||||
|
-moz-user-select:none;
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 187 B |
|
After Width: | Height: | Size: 68 B |
|
After Width: | Height: | Size: 187 B |
|
After Width: | Height: | Size: 201 B |
|
After Width: | Height: | Size: 52 B |
|
After Width: | Height: | Size: 49 B |
|
After Width: | Height: | Size: 1014 B |
|
After Width: | Height: | Size: 1012 B |
|
After Width: | Height: | Size: 556 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1023 B |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 138 B |
|
After Width: | Height: | Size: 201 B |
|
After Width: | Height: | Size: 358 B |
|
After Width: | Height: | Size: 149 B |
|
After Width: | Height: | Size: 357 B |
|
|
@ -0,0 +1,161 @@
|
||||||
|
.overlay_mac_os_x {
|
||||||
|
background-color: #85BBEF;
|
||||||
|
filter:alpha(opacity=60);
|
||||||
|
-moz-opacity: 0.6;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_nw {
|
||||||
|
background: transparent url(mac_os_x/TL_Main.png) no-repeat 0 0;
|
||||||
|
width:24px;
|
||||||
|
height:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_n {
|
||||||
|
background: transparent url(mac_os_x/T_Main.png) repeat-x 0 0;
|
||||||
|
height:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_ne {
|
||||||
|
background: transparent url(mac_os_x/TR_Main.png) no-repeat 0 0;
|
||||||
|
width:31px;
|
||||||
|
height:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_w {
|
||||||
|
background: transparent url(mac_os_x/L_Main.png) repeat-y top left;
|
||||||
|
width:16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_e {
|
||||||
|
background: transparent url(mac_os_x/R_Main.png) repeat-y top right;
|
||||||
|
width:16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_sw {
|
||||||
|
background: transparent url(mac_os_x/BL_Main.png) no-repeat 0 0;
|
||||||
|
width:31px;
|
||||||
|
height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_s {
|
||||||
|
background: transparent url(mac_os_x/B_Main.png) repeat-x 0 0;
|
||||||
|
height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_se, .mac_os_x_sizer {
|
||||||
|
background: transparent url(mac_os_x/BR_Main.png) no-repeat 0 0;
|
||||||
|
width:31px;
|
||||||
|
height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_sizer {
|
||||||
|
cursor:se-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_close {
|
||||||
|
width: 19px;
|
||||||
|
height: 19px;
|
||||||
|
background: transparent url(mac_os_x/close.gif) no-repeat 0 0;
|
||||||
|
position:absolute;
|
||||||
|
top:12px;
|
||||||
|
left:25px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_minimize {
|
||||||
|
width: 19px;
|
||||||
|
height: 19px;
|
||||||
|
background: transparent url(mac_os_x/minimize.gif) no-repeat 0 0;
|
||||||
|
position:absolute;
|
||||||
|
top:12px;
|
||||||
|
left:45px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_maximize {
|
||||||
|
width: 19px;
|
||||||
|
height: 19px;
|
||||||
|
background: transparent url(mac_os_x/maximize.gif) no-repeat 0 0;
|
||||||
|
position:absolute;
|
||||||
|
top:12px;
|
||||||
|
left:65px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_title {
|
||||||
|
float:left;
|
||||||
|
height:14px;
|
||||||
|
font-size:12px;
|
||||||
|
text-align:center;
|
||||||
|
margin-top:8px;
|
||||||
|
width:100%;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mac_os_x_content {
|
||||||
|
overflow:auto;
|
||||||
|
color: #222;
|
||||||
|
font-family: Tahoma, Arial, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
background:#FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FOR IE */
|
||||||
|
* html .mac_os_x_nw {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/TL_Main.png", sizingMethod="crop");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_n {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/T_Main.png", sizingMethod="scale");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_ne {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/TR_Main.png", sizingMethod="crop");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_w {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/L_Main.png", sizingMethod="scale");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_e {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/R_Main.png", sizingMethod="scale");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_sw {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BL_Main.png", sizingMethod="crop");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_s {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/B_Main.png", sizingMethod="scale");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_se {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BR_Main.png", sizingMethod="crop");
|
||||||
|
}
|
||||||
|
|
||||||
|
* html .mac_os_x_sizer {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BR_Main.png", sizingMethod="crop");
|
||||||
|
}
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 268 B |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 268 B |
|
After Width: | Height: | Size: 133 B |
|
After Width: | Height: | Size: 133 B |
|
After Width: | Height: | Size: 133 B |
|
After Width: | Height: | Size: 133 B |
|
After Width: | Height: | Size: 218 B |
|
After Width: | Height: | Size: 360 B |
|
After Width: | Height: | Size: 444 B |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 218 B |
|
After Width: | Height: | Size: 1012 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1023 B |