1
0
mirror of https://gitlab.com/kelteseth/ScreenPlay.git synced 2024-09-02 08:39:49 +02:00

Add index

Fix styling
This commit is contained in:
Elias 2019-04-09 19:21:10 +02:00
parent 1fba9c0249
commit a20d73ecfb
4 changed files with 601 additions and 578 deletions

View File

@ -20,7 +20,7 @@ outputformats = HTML
HTML.headerstyles += "<link rel=\"stylesheet\" type=\"text/css\" href=\"../css/style.css\"/>"
HTML.headerstyles += "<link rel=\"stylesheet\" type=\"text/css\" href=\"../css/bootstrap.min.css\"/>\n"
# what to append to every page after header
HTML.postheader += "<div class=\"container-fullwidth nav\"><div class=\"container navWrapper\"><span class=\"logo\">ScreenPlay Code Docs </span></div></div>"
HTML.postheader += "<div class=\"container-fullwidth nav\"><div class=\"container navWrapper\"><span class=\"logo\">ScreenPlay Code Docs </span><span class=\"navHome\"><a href=\"../index.html\">Home</a></span></div></div>"
HTML.postheader += "<div class=\"wrapper container\">\n"
# what to append to every page after the content
HTML.footer = "<hr/><p class=\"footer center\">Copyright Aimber GBR</p>\n</div>"

View File

@ -7,6 +7,7 @@ body {
color: #404244;
}
a {
color:#41cd52 !important;
}
@ -15,11 +16,20 @@ body {
height: 50px;
background:#41cd52;
color: white;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14);
}
.navHome a{
color: white !important;
font-size: 1.2rem;
line-height: 2rem;
}
.navWrapper {
display: flex;
align-items: center;
display: flex;
justify-content: space-between;
font-size: 1.5rem;
line-height: 2.8rem;
}
.wrapper {
@ -27,9 +37,15 @@ body {
padding: 3rem !important;
border-radius: 3px;
background-color:white;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14);
}
.toc {
display: none;
}
.logo {
font-size: 1.5rem;
padding-bottom: 4px;
}

File diff suppressed because it is too large Load Diff

View File

@ -1,42 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- ImageSelector.qml -->
<title>ImageSelector QML Type | Qt </title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<p class="header"><small>[My awesome documentation]</small></p><hr/><div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#details">Detailed Description</a></li>
<li class="level2"><a href="#setting-default-text-and-capitalization">Setting default text and capitalization</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">ImageSelector QML Type</h1>
<span class="subtitle"></span>
<!-- $$$ImageSelector-brief -->
<p>A image selector with popup preview. <a href="#details">More...</a></p>
<!-- @@@ImageSelector -->
<div class="table"><table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> import </td></tr></table></div><ul>
<li><a href="qml-imageselector-members.html">List of all members, including inherited members</a></li>
</ul>
<!-- $$$ImageSelector-description -->
<a name="details"></a>
<h2 id="details">Detailed Description</h2>
<p>This control extends standard TextInput by adding background color, paddings, font styles and other stuff. On the screenshot below you can see it as an input field with green background.</p>
<p class="centerAlign"><font color="red">[Missing image ImageSelectorPreview.png]</font></p><a name="setting-default-text-and-capitalization"></a>
<h2 id="setting-default-text-and-capitalization">Setting default text and capitalization</h2>
<p>To set the default text, auto-capitalized input and password mode - use the properties:</p>
<pre class="qml"><span class="type"><a href="qml-imageselector.html">ImageSelector</a></span> {
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- ImageSelector.qml -->
<title>ImageSelector QML Type | Qt </title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
</head>
<body>
<div class="container-fullwidth nav">
<div class="container navWrapper"><span class="logo">ScreenPlay Code Docs </span>
<span class="navHome"><a href= "index.html">Home</a></span>
</div>
</div>
<div class="wrapper container">
<h2>C++</h2>
<hr/>
<ul>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
</ul>
<h2>QML</h2>
<hr/>
<ul>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
<li><a href="html/qml-imageselector.html">Image Selector</a></li>
</ul>
}</pre>
<!-- @@@ImageSelector -->
<hr/><p class="footer"><small>[some footer and whatnot information]</small></p></body>
<hr/>
<p class="footer center">Copyright Aimber GBR</p>
</div>
</body>
</html>