Added source code.
This commit is contained in:
BIN
Source/Help/documentation/apps/help/img/background.png
Normal file
BIN
Source/Help/documentation/apps/help/img/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
Source/Help/documentation/apps/help/img/help-app-toolbar.png
Normal file
BIN
Source/Help/documentation/apps/help/img/help-app-toolbar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Source/Help/documentation/apps/help/img/help-nav.png
Normal file
BIN
Source/Help/documentation/apps/help/img/help-nav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
Source/Help/documentation/apps/help/img/help-search.png
Normal file
BIN
Source/Help/documentation/apps/help/img/help-search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
60
Source/Help/documentation/apps/help/index.bak
Normal file
60
Source/Help/documentation/apps/help/index.bak
Normal file
@ -0,0 +1,60 @@
|
||||
<!-- saved from url=(0014)about:internet -->
|
||||
<html>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=9" />
|
||||
<head>
|
||||
<title>Help viewer</title>
|
||||
<link href="style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Help viewer</h1>
|
||||
|
||||
<div class="section">
|
||||
<h2>Content</h2>
|
||||
<ul>
|
||||
<li><a href="#intro">Introduction</a></li>
|
||||
<li><a href="#nav">Navigation</a></li>
|
||||
<li><a href="#search">Search</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<a name="intro"> </a>
|
||||
<h2>Introduction</h2>
|
||||
|
||||
<p>The <em>Help viewer</em> is an application which displays information about how to use various features of the application.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<a name="nav"> </a>
|
||||
<h2>Navigation</h2>
|
||||
|
||||
<p>You can go back and forward using the navigation buttons in the toolbar:</p>
|
||||
<img src="img/help-nav.png" style="margin-top: -10px;"/>
|
||||
|
||||
<p>You can also see all the articles listed in the left panel of the application. To view an article, simply click on it.</p>
|
||||
|
||||
<p>To view the help articles for another application, select it from the <em>Application</em> toolbar:</p>
|
||||
<img src="img/help-app-toolbar.png" style="margin-top: -10px;"/>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<a name="search"> </a>
|
||||
<h2>Search</h2>
|
||||
|
||||
<p>You can also search through articles, using the search toolbar. You have 3 options:</p>
|
||||
<img src="img/help-search.png" style="margin-top: -10px;"/>
|
||||
<ul>
|
||||
<li><strong>Search title</strong>: searches through the titles of the articles only</li>
|
||||
<li><strong>Search content</strong>: searches trough the content of all the articles for the current application.</li>
|
||||
<li><strong>Search in current page</strong>: highlights all occurences of the specified text in the currently opened page.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
Software created by Chibici Tiberiu.
|
||||
Contact: <a href="mailto:chibicitiberiu@gmail.com">chibicitiberiu@gmail.com</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
Source/Help/documentation/apps/help/index.htm
Normal file
60
Source/Help/documentation/apps/help/index.htm
Normal file
@ -0,0 +1,60 @@
|
||||
<!-- saved from url=(0014)about:internet -->
|
||||
<html>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=9" />
|
||||
<head>
|
||||
<title>Help viewer</title>
|
||||
<link href="style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Help viewer</h1>
|
||||
|
||||
<div class="section">
|
||||
<h2>Content</h2>
|
||||
<ul>
|
||||
<li><a href="#intro">Introduction</a></li>
|
||||
<li><a href="#nav">Navigation</a></li>
|
||||
<li><a href="#search">Search</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<a name="intro"> </a>
|
||||
<h2>Introduction</h2>
|
||||
|
||||
<p>The <em>Help viewer</em> is an application which displays information about how to use various features of the application.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<a name="nav"> </a>
|
||||
<h2>Navigation</h2>
|
||||
|
||||
<p>You can go back and forward using the navigation buttons in the toolbar:</p>
|
||||
<img src="img/help-nav.png" style="margin-top: -10px;"/>
|
||||
|
||||
<p>You can also see all the articles listed in the left panel of the application. To view an article, simply click on it.</p>
|
||||
|
||||
<p>To view the help articles for another application, select it from the <em>Application</em> toolbar:</p>
|
||||
<img src="img/help-app-toolbar.png" style="margin-top: -10px;"/>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<a name="search"> </a>
|
||||
<h2>Search</h2>
|
||||
|
||||
<p>You can also search through articles, using the search toolbar. You have 3 options:</p>
|
||||
<img src="img/help-search.png" style="margin-top: -10px;"/>
|
||||
<ul>
|
||||
<li><strong>Search title</strong>: searches through the titles of the articles only</li>
|
||||
<li><strong>Search content</strong>: searches trough the content of all the articles for the current application.</li>
|
||||
<li><strong>Search in current page</strong>: highlights all occurrences of the specified text in the currently opened page.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
Software created by Chibici Tiberiu.
|
||||
Contact: <a href="mailto:chibicitiberiu@gmail.com">chibicitiberiu@gmail.com</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
119
Source/Help/documentation/apps/help/style.css
Normal file
119
Source/Help/documentation/apps/help/style.css
Normal file
@ -0,0 +1,119 @@
|
||||
body {
|
||||
font-family: Verdana, sans-serif;
|
||||
font-size: 10.5pt;
|
||||
background: #F0F0F0;
|
||||
margin:0px;
|
||||
padding: 5px;
|
||||
|
||||
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A0A0A0');
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A0A0A0));
|
||||
background: -moz-linear-gradient(top, #F0F0F0, #A0A0A0);*/
|
||||
|
||||
background-image: url("img/background.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: top center;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin: 5px;
|
||||
margin-top: 10px;
|
||||
padding: 5px;
|
||||
padding-left: 15px;
|
||||
min-width: 600px;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #F5F5F5;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
|
||||
box-shadow: 0px 3px 7px rgba(68,68,68,0.6);
|
||||
-mox-box-shadow: 0px 3px 7px rgba(68,68,68,0.6);
|
||||
-webkig-box-shadow: 0px 3px 7px rgba(68,68,68,0.6);
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 20px;
|
||||
color: #777;
|
||||
text-align: center;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #248AC9;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #8DCFF7;
|
||||
}
|
||||
|
||||
a > img {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin:5px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 18pt;
|
||||
font-family: Arial, sans-serif;
|
||||
font-weight: normal;
|
||||
color: #606060;
|
||||
}
|
||||
|
||||
h1:hover {
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: -2px;
|
||||
margin-left: -7px;
|
||||
margin-bottom: 15px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 13pt;
|
||||
font-weight: bold;
|
||||
color: Silver;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: -10px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
|
||||
|
||||
img.shadow {
|
||||
background: white;
|
||||
|
||||
box-shadow: 2px 2px 7px rgba(68,68,68,0.4);
|
||||
-mox-box-shadow: 2px 2px 7px rgba(68,68,68,0.4);
|
||||
-webkig-box-shadow: 2px 2px 7px rgba(68,68,68,0.4);
|
||||
}
|
||||
|
||||
img.maths {
|
||||
margin-left: 2em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.captioned_image_right {
|
||||
float:right;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
background: white;
|
||||
padding:5px;
|
||||
width:150px;
|
||||
|
||||
box-shadow: 2px 2px 7px rgba(68,68,68,0.4);
|
||||
-mox-box-shadow: 2px 2px 7px rgba(68,68,68,0.4);
|
||||
-webkig-box-shadow: 2px 2px 7px rgba(68,68,68,0.4);
|
||||
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user