1
0
mirror of https://gitlab.com/kelteseth/ScreenPlay.git synced 2024-11-22 10:42:29 +01: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/style.css\"/>"
HTML.headerstyles += "<link rel=\"stylesheet\" type=\"text/css\" href=\"../css/bootstrap.min.css\"/>\n" HTML.headerstyles += "<link rel=\"stylesheet\" type=\"text/css\" href=\"../css/bootstrap.min.css\"/>\n"
# what to append to every page after header # 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" HTML.postheader += "<div class=\"wrapper container\">\n"
# what to append to every page after the content # what to append to every page after the content
HTML.footer = "<hr/><p class=\"footer center\">Copyright Aimber GBR</p>\n</div>" HTML.footer = "<hr/><p class=\"footer center\">Copyright Aimber GBR</p>\n</div>"

View File

@ -7,6 +7,7 @@ body {
color: #404244; color: #404244;
} }
a { a {
color:#41cd52 !important; color:#41cd52 !important;
} }
@ -15,11 +16,20 @@ body {
height: 50px; height: 50px;
background:#41cd52; background:#41cd52;
color: white; 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 { .navWrapper {
display: flex; display: flex;
align-items: center; justify-content: space-between;
font-size: 1.5rem;
line-height: 2.8rem;
} }
.wrapper { .wrapper {
@ -27,9 +37,15 @@ body {
padding: 3rem !important; padding: 3rem !important;
border-radius: 3px; border-radius: 3px;
background-color:white; background-color:white;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14);
}
.toc {
display: none;
} }
.logo { .logo {
font-size: 1.5rem; 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"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- ImageSelector.qml --> <!-- ImageSelector.qml -->
<title>ImageSelector QML Type | Qt </title> <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"/> <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<body> </head>
<p class="header"><small>[My awesome documentation]</small></p><hr/><div class="sidebar"> <body>
<div class="toc"> <div class="container-fullwidth nav">
<h3><a name="toc">Contents</a></h3> <div class="container navWrapper"><span class="logo">ScreenPlay Code Docs </span>
<ul> <span class="navHome"><a href= "index.html">Home</a></span>
<li class="level1"><a href="#details">Detailed Description</a></li> </div>
<li class="level2"><a href="#setting-default-text-and-capitalization">Setting default text and capitalization</a></li> </div>
</ul> <div class="wrapper container">
</div> <h2>C++</h2>
<div class="sidebar-content" id="sidebar-content"></div></div> <hr/>
<h1 class="title">ImageSelector QML Type</h1> <ul>
<span class="subtitle"></span> <li><a href="html/qml-imageselector.html">Image Selector</a></li>
<!-- $$$ImageSelector-brief --> <li><a href="html/qml-imageselector.html">Image Selector</a></li>
<p>A image selector with popup preview. <a href="#details">More...</a></p> <li><a href="html/qml-imageselector.html">Image Selector</a></li>
<!-- @@@ImageSelector --> <li><a href="html/qml-imageselector.html">Image Selector</a></li>
<div class="table"><table class="alignedsummary"> <li><a href="html/qml-imageselector.html">Image Selector</a></li>
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> import </td></tr></table></div><ul> </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> {
}</pre> <h2>QML</h2>
<!-- @@@ImageSelector --> <hr/>
<hr/><p class="footer"><small>[some footer and whatnot information]</small></p></body>
<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>
<hr/>
<p class="footer center">Copyright Aimber GBR</p>
</div>
</body>
</html> </html>