aboutsummaryrefslogtreecommitdiffhomepage
path: root/org/output_xmls_css.org
diff options
context:
space:
mode:
authorRalph Amissah <ralph@amissah.com>2017-08-07 07:58:02 -0400
committerRalph Amissah <ralph@amissah.com>2019-04-10 15:14:14 -0400
commit8de7594804287154385e285147d2bbadcb0d3113 (patch)
treed4108c68ae5c4d57ce5d8e5bf24252460dc247d9 /org/output_xmls_css.org
parenta couple of small fixes (diff)
html css using grid & flex (remove tables)
Diffstat (limited to 'org/output_xmls_css.org')
-rw-r--r--org/output_xmls_css.org136
1 files changed, 120 insertions, 16 deletions
diff --git a/org/output_xmls_css.org b/org/output_xmls_css.org
index 1adb168..574d562 100644
--- a/org/output_xmls_css.org
+++ b/org/output_xmls_css.org
@@ -47,6 +47,124 @@ template SiSUcss() {
#+name: css_shared
#+BEGIN_SRC css
+ *{
+ padding: 0px;
+ margin: 0px;
+ }
+ body {
+ height: 100vh;
+ background-color: #ffffff;
+ }
+ /* flex */
+ .flex-menu-bar {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 100%;
+ background-color: #ffffff;
+ }
+ .flex-menu-option {
+ background-color: white;
+ margin: 8px;
+ }
+ .flex-list {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ display: block;
+ align-items: center;
+ width: 100%;
+ background-color: #ffffff;
+ }
+ .flex-list-item {
+ background-color: white;
+ margin: 4px;
+ }
+ /* grid */
+ .wrapper {
+ display: grid;
+ grid-template-columns: 100%;
+ grid-template-areas:
+ \"headband\"
+ \"doc_header\"
+ \"doc_title\"
+ \"doc_toc\"
+ \"doc_prefix\"
+ \"doc_intro\"
+ \"doc_body\"
+ \"doc_endnotes\"
+ \"doc_glossary\"
+ \"doc_biblio\"
+ \"doc_bookindex\"
+ \"doc_blurb\"
+ \"doc_suffix\";
+ margin: 0px;
+ padding: 0px;
+ background-color: #ffffff;
+ }
+ .delimit {
+ border-style: none;
+ border-color: white;
+ padding: 10px;
+ }
+ .headband {
+ grid-area: headband;
+ background-color: #ffffff;
+ }
+ .doc_header {
+ grid-area: doc_header;
+ }
+ .doc_title {
+ grid-area: doc_title;
+ }
+ .doc_toc {
+ grid-area: doc_toc;
+ }
+ .doc_prefix {
+ grid-area: doc_prefix;
+ }
+ .doc_intro {
+ grid-area: doc_intro;
+ }
+ .doc_body {
+ grid-area: doc_body;
+ }
+ .doc_endnotes {
+ grid-area: doc_endnotes;
+ }
+ .doc_glossary {
+ grid-area: doc_glossary;
+ }
+ .doc_biblio {
+ grid-area: doc_biblio;
+ }
+ .doc_bookindex {
+ grid-area: doc_bookindex;
+ }
+ .doc_blurb {
+ grid-area: doc_blurb;
+ }
+ .doc_suffix {
+ grid-area: doc_suffix;
+ }
+ .nav-ul {
+ list-style: none;
+ float: left;
+ }
+ .nav-li {
+ float: left;
+ padding-right: 0.7em;
+ }
+ .nav-li a {
+ text-decoration: none;
+ color: white;
+ }
+ footer {
+ background-color: #00704e;
+ }
+ /* regular */
body {
color: black;
background: #ffffff;
@@ -906,23 +1024,9 @@ template SiSUcss() {
display: inline;
overflow: auto;
}
- .table-bar {
- float: left;
- overflow: auto;
- width: 100%;
- display: inline;
- }
- .nav-bar {
- width: 15%;
- float: right;
- display: inline;
- transition: all 0.3s ease;
- position: relative;
- padding-bottom: 3em;
- background: #ffffff;
- }
.toc-button {
position: absolute;
+ top: 8px;
width: 2em;
height: 2em;
border-radius: 50%;
@@ -941,7 +1045,7 @@ template SiSUcss() {
}
.prev-next-button {
position: absolute;
- top: 0em;
+ top: 8px;
width: 2em;
height: 2em;
border-radius: 50%;