diff --git a/docs/static/footer.css b/docs/static/footer.css new file mode 100644 index 0000000..262f9eb --- /dev/null +++ b/docs/static/footer.css @@ -0,0 +1,12 @@ +footer{ + background-color : #3C3C3C; + width : 100%; + padding: 5px; +} + +.footnotes{ + margin : 20px; + color: #eeeeee; + text-align : left; +} + diff --git a/docs/static/gwadoc.css b/docs/static/gwadoc.css index 6d092a7..bcce61b 100644 --- a/docs/static/gwadoc.css +++ b/docs/static/gwadoc.css @@ -1,24 +1,24 @@ body { font-family: sans-serif; + box-sizing: border-box; + scroll-behavior: smooth; } a:link { text-decoration: none; } a:hover { text-decoration: underline; } -a.toplink { float: right; font-size: medium; } +a.toplink { float: right; font-size: medium; color: #671D5B;} +h3 .relation-name { + padding-left: 12px; +} .rel-id { font-family: monospace; } -main { - margin-left: auto; - margin-right: auto; - max-width: 960px; -} - div.description { margin-left: 20px; + margin-top: 16px; } div.description p, div.description ul { margin-left: 20px; @@ -41,6 +41,9 @@ article table { border-collapse: separate; border: none; } +article{ + border-bottom: 2px solid #671D5B; +} article table tr, article table th, article table td { border: none; } article table th { font-weight: bold; @@ -54,6 +57,60 @@ div.description > ul li { padding: 5px 0px; } div.highlight { background-color: #F4F4F4 } +.relation-name{ +color : #671D5B; +margin-top: 16px; +} + +h1, h2, h3, h4,h5,h6, p{ +margin : 0; +padding : 0; +} +.heading1{ +margin-bottom: 8px; +color : #671D5B; +} +.heading{ +color : #671D5B; +margin-top : 8px; +} + +.section { + display: grid; + grid-template-columns : 25% 70%; + grid-gap: 30px; + } + .toc-items{ + display: none; + } + .outline-toggle{margin: 16px 0 16px 0; background-color: #2557A6; color: white;} +.menu-icon div { + width: 35px; + height: 5px; + background-color: black; + margin: 6px 0; +} + +#myBtn { + display: none; + position: fixed; + bottom: 40px; + right: 45px; + z-index: 999; + font-size: 18px; + border: none; + outline: none; + background-color: #2656A6; + color: white; + cursor: pointer; + padding: 15px; + border-radius: 50px; +} + +#myBtn:hover { + background-color: #555; +} + @media screen and (max-width: 799px) { body { font-size: small; } h2, h3, h4 { margin: 10px 0px; } @@ -61,4 +118,25 @@ div.highlight { background-color: #F4F4F4 } div.description p, div.description ul { margin-left: 5px; } article table { margin: 2px 0px 2px 0px; } article table td { padding: 1px 0px 1px 5px; } -} + } + + @media (max-width: 500px) { + nav { + position: relative; + margin-top: 100px; + } + .title-search { + display: none; + } + .top-header .name { + padding: 5px 0; + } + .top-header .title { + margin-left: 0; + } + } + @media (min-width: 501px) { + .menu-icon { + display: none; + } + } diff --git a/docs/static/header.css b/docs/static/header.css new file mode 100644 index 0000000..03dcbc1 --- /dev/null +++ b/docs/static/header.css @@ -0,0 +1,41 @@ +header{ + position: fixed; + top: 0; + z-index: 9999; + width: 100% !important; + background-color : #2656A6; + border-bottom : 3px solid #671D5B; + display: grid; + padding: 8px; + grid-template-columns : 80% 20%; + justify-content: space-between; + align-items: center; + overflow-x: hidden; +} + +.title{ +color : white; +font-style : bold; +font-size : 24px; +margin-left : 30px; +} + +.name{ +color: #A4CBE8; +padding: 5px 30px; +font-size : 10px; +} + +.search-button{ +background-color : #671D5B; +color : white; +margin-right : auto; +} + +@media (max-width: 500px) { + .title { + font-size: 15px; + } +} + + diff --git a/docs/static/sidenav.css b/docs/static/sidenav.css index b234a3f..3fc2335 100644 --- a/docs/static/sidenav.css +++ b/docs/static/sidenav.css @@ -1,11 +1,57 @@ -.sidenav{height: 100%;width: 290px;position: fixed;z-index: 1;top: 0;left: 0;background-color: #F5F5F5;overflow-x: hidden;padding-top: 20px; } -.container {margin-left: 290px;} -.sidenav a {padding: 4px 4px 4px 10px;text-decoration: none;font-size: 12px;color: #010101;background: none;width:100%;text-align: left;cursor: pointer;outline: none;} -.sidenav a:hover, .dropdown-btn:hover {color: #0000FF;} + +.sidenav a {text-decoration: none; font-size: 18px; background: none;width:100%;text-align: left;cursor: pointer;outline: none; color:#4D4D4D; font-size: 18px;} +.sidenav a:hover, .dropdown-btn:hover {color: #0000FF; } .dropdown-container {background-color: #F5F5F5;display: none;} -.sidenav>ul{padding-left: 5px;margin-left: 5px;} -.sidenav>ul>li{padding-left: 5px;margin-left: 5px;height: 28px;overflow: hidden;} +.sidenav>ul>li{ height: 60px; overflow: hidden; font-size: 18px; padding : 24px; border: 0.5px solid #4D4D4D; +} .sidenav>ul>li.open{height: auto;} -.pack-up{float: right;margin: 5px 10px 0 0;cursor: pointer;} +.side-li:hover{background-color : #A4CBE8;} +ul.side-ul{margin : 0;padding :0px;} +nav{padding:16px; top: 77px; background-color: #F5F5F5; position: sticky; height: 100vh;width: 337px;} +.overview{margin-top : 90px; padding: 0 12px;} +.anchor { padding-top: 90px; } +:target::before { + content: ""; + display: block; + height: 90px; /* fixed header height*/ + margin: -90px 0 0; /* negative fixed header height */ +} +.pack-up{ + cursor: pointer; + border: none; + font-size: 48px; +} +li.side-li.overview{ +margin-top : 10px; +} + +.collapsible { + background-color: #777; + color: white; + cursor: pointer; + padding: 18px; + width: 100%; + border: none; + text-align: left; + outline: none; + font-size: 15px; +} +.active, .collapsible:hover { + background-color: #555; +} +.list-items { + padding: 0 18px; + display: none; + overflow: hidden; + background-color: #f1f1f1; +} + @media (max-width: 500px) { + nav { + z-index: 1; + top: 0; + position: relative; + } + .overview{margin-top: 20px;} +} diff --git a/docs/static/sidenav.js b/docs/static/sidenav.js index 615fbc7..ea51e35 100644 --- a/docs/static/sidenav.js +++ b/docs/static/sidenav.js @@ -19,10 +19,8 @@ $(document).ready(function () { $(this).removeClass('fa-minus-circle').addClass('fa fa-plus-circle').parent('li').removeClass('open'); } }) - - - - + + $("#dp-btn1").click(function () { $("#dropList1").toggle(); if(btn1Status==0){ @@ -40,7 +38,7 @@ $(document).ready(function () { var btn2Status=0; $(document).ready(function () { - + $("#dp-btn2").click(function () { $("#dropList2").toggle(); if(btn2Status==0){ @@ -58,7 +56,7 @@ $(document).ready(function () { var btn3Status=0; $(document).ready(function () { - + $("#dp-btn3").click(function () { $("#dropList3").toggle(); if(btn3Status==0){ @@ -76,7 +74,7 @@ $(document).ready(function () { var btn4Status=0; $(document).ready(function () { - + $("#dp-btn4").click(function () { $("#dropList4").toggle(); if(btn4Status==0){ @@ -90,4 +88,4 @@ $(document).ready(function () { console.log(btn4Status); } }) -}) \ No newline at end of file +}) diff --git a/docs/static/toc.js b/docs/static/toc.js new file mode 100644 index 0000000..7012289 --- /dev/null +++ b/docs/static/toc.js @@ -0,0 +1,8 @@ +function showToc() { + var x = document.getElementById("toc-content"); + if (x.style.display === "none") { + x.style.display = "block"; + } else { + x.style.display = "none"; + } +} diff --git a/docs/templates/sidenav.html b/docs/templates/sidenav.html index 9f0d024..0140166 100644 --- a/docs/templates/sidenav.html +++ b/docs/templates/sidenav.html @@ -1,28 +1,21 @@
- -Other Languages -