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="Copyright" content="(c) 2006, L.M.H <lmh@info-pull.com>" />
|
||||
<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" %>
|
||||
<%= javascript_include_tag "application" %>
|
||||
<%= stylesheet_link_tag "window-themes/default" %>
|
||||
<%= stylesheet_link_tag "window-themes/mac_os_x" %>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="topmenu">
|
||||
<div id="topmenu" class="dojoMenu">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
|
@ -31,5 +40,6 @@
|
|||
<%= @content_for_layout %>
|
||||
</div>
|
||||
|
||||
<script>run_tasks();</script>
|
||||
</body>
|
||||
</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.
|
||||
Ex. <em>Exploits, Payloads, Encoders</em>. <br />
|
||||
Active windows will appear in the taskbar (look at the page bottom).
|
||||
|
|
|
|||
|
|
@ -3,3 +3,33 @@
|
|||
* 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;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#topmenu {
|
||||
|
||||
}
|
||||
|
||||
.desktop-tip {
|
||||
margin-top: 1em;
|
||||
margin-top: 6em;
|
||||
margin-left: 1em;
|
||||
font-family: Trebuchet, Sans, Arial;
|
||||
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 |