Skip to content

Commit

Permalink
current state of tboenig/gt-guidelines_reverse main branch
Browse files Browse the repository at this point in the history
  • Loading branch information
@kba
kba committed Nov 1, 2021
1 parent f47eb62 commit ff7ffc1
Show file tree
Hide file tree
Showing 66 changed files with 2,126 additions and 822 deletions.
9 changes: 9 additions & 0 deletions Readme.md
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,12 @@
# Web

- mainpage: https://ocr-d.github.io/gt/
- beta-version:
- german: https://tboenig.github.io/gt-guidelines/html/trans/index.html
- english: https://tboenig.github.io/gt-guidelines/html_en/trans/index.html



# Steps
1. Use the Makefile for download and install the DITA Open Toolkit.
2. Use the Makefile to produce the HTML output.<br/>
Expand Down
212 changes: 190 additions & 22 deletions de/css/dita-ot-doc.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Basic fonts and typography

@font-face {
font-family: JuniusVF;
src: url('https://psb1558.github.io/Junicode-New/webfiles/JuniusVF.woff2');
src: url('https://psb1558.github.io/Junicode-font/webfiles/JuniusVF.woff2');
font-weight: 300 700;
font-stretch: 60% 100%;
font-style: normal;
Expand All @@ -33,7 +33,7 @@ body {
background-image: -moz-linear-gradient(left, #eee 0%, #fff 300px); /* FF3.6+ */
background-image: linear-gradient(left, #eee 0%, #fff 300px); /* W3C */
color: #333;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
margin: 0;
padding: 0;

Expand All @@ -50,7 +50,6 @@ header {
table.header {
padding: 1px;
border: 0;

}


Expand All @@ -65,12 +64,12 @@ td.td2 {
width: 90%;
font-size: 36pt;
color: #555;
font-family: Bitter,'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-shadow: none;
text-align: left;
border-radius: 0em;
padding:0em;
}
text-indent: -4px;
}


div.header {
Expand All @@ -86,7 +85,7 @@ div.header table {

div.header p {
color: #777;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
line-height: 1.3;
margin: 0;
}
Expand All @@ -100,7 +99,7 @@ div.header hr {

caption,
th, td.description {
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
font-size: 10pt;
}

Expand All @@ -113,7 +112,7 @@ pre,
.option,
.parmname {
color: #777;
font-family: 'Noto Sans Mono', 'Liberation Mono', Menlo, Monaco, Consolas, 'Courier New', monospace;
font-family: 'Noto Sans Mono', 'Liberation Mono', Menlo, Monaco, Consolas, 'Courier New', monospace, JuniusVF;
font-size: 90%;
}

Expand All @@ -137,7 +136,7 @@ h3 {
h1 .filepath,
h2 .filepath,
h3 .filepath {
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
font-size: 12pt;
font-weight: bold;
}
Expand Down Expand Up @@ -166,7 +165,7 @@ main {
blockquote,
li,
p {
line-height: 125%;
line-height: 150%;
margin-bottom: 0.75em;
margin-left: 0;
margin-right: 0;
Expand Down Expand Up @@ -224,7 +223,7 @@ figcaption {
}

.logo {
width: auto;
width: 80%;
height: auto;
padding: 10px;
}
Expand Down Expand Up @@ -273,6 +272,7 @@ Notes
margin-left: 2em;
margin-right: 0;
padding: 0;
font-style:italic;
}

.caution,
Expand All @@ -284,14 +284,21 @@ Notes
/****************************************
Tables
****************************************/
.frame-all {
border: solid 1px;
max-width: 70% !important;
}


table {
table
table.frame-all{
border-color: Silver;
border-style: solid;
border-width: 1px;
margin-bottom: 1em;
margin-top: 1em;
padding: 1px;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
}

tr {
Expand All @@ -302,9 +309,9 @@ td {
border-color: Silver;
padding: 0.8em;
border-radius: 0.1em;
box-shadow: inset 1px 3px 5px -3px rgba(0, 0, 0, 0.5);
font-family: JuniusVF, Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: x-large;
/*box-shadow: inset 1px 3px 5px -3px rgba(0, 0, 0, 0.5);*/
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
/*font-size: 1.2em;*/
}

th {
Expand Down Expand Up @@ -341,9 +348,14 @@ Button
}

/****************************************
ToolTips and Highlight Link
ToolTips, Highlight Link and ExampleBoxes
****************************************/

.hidden {
visibility: hidden;
}


.term {
visibility: hidden;
width: auto;
Expand All @@ -367,13 +379,33 @@ span.tip {
display:block;
}

.entry:target .term {
#topic_t5h_w2m_gz__Tilde_Makron:target {
border: 2px solid #D4D4D4;
background-color: orange;
color: white;
}


#topic_t5h_w2m_gz__Doppelung:target {
border: 2px solid #D4D4D4;
background-color: #886628;
color: white;
}

#Ligaturen__vLigatur:target {
border: 2px solid #D4D4D4;
background-color: orange;
color: white;
}

.example_block {
background: #fefaf5;
padding: 6px;
border: 1px solid;
box-shadow: 10px 10px 5px grey;
border-radius: 15px 15px 15px 15px;
width: 70%;
}


/****************************************
Expand All @@ -390,9 +422,10 @@ nav[role=toc] {
nav[role=toc] li.active > a {
font-weight: bold;
background-color: #e6e6e6;
padding: 5px;
padding: 3px;
box-sizing: border-box;
border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
line-height:1.6;
}

/* ↑ end-nav-ref ↑ */
Expand All @@ -407,6 +440,33 @@ nav[role=toc] > ul > li ul {



/****************************************
Navigation DITA
****************************************/

.ulchildlink {
margin-top: 0pt;
margin-bottom: 0pt;
}


.ullinks::before {
content: "Themen:" !important;
margin-left: -2em;
font-weight: bold;
}


.ullinks {
margin-top: 0;
list-style-type: none;
padding-left: 0;
}


nav.related-links > ul > li > strong {font-weight:normal !important;}



/****************************************
Index Tiles
Expand All @@ -418,7 +478,7 @@ div.linklist_index > strong {

div.linklist_index > ul.linklist {
display: grid;
grid-template-columns: 250px 250px 250px;
grid-template-columns: 250px 250px 250px 250px;
grid-gap: 20px;
background-color: #fff;
color: rgb(249, 245, 235);
Expand All @@ -431,6 +491,10 @@ div.linklist_index > ul.linklist > li.linklist {
border-radius: 5px;
padding: 20px;
font-size: 150%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 10px 10px 5px grey;
}

div.linklist_index > ul.linklist > li.linklist > a {color: rgb(130, 123, 102);}
Expand All @@ -441,7 +505,7 @@ Header
****************************************/

.small {
font-size: 10pt;
font-size: 12pt;
}


Expand All @@ -464,5 +528,109 @@ footer {
border-top-color: #777;

}



/****************************************
Table Frame and Specials
****************************************/
table.frame-all>tbody>tr>td {
border: solid 1px;}

table.frame-all>thead>tr>th {
border: solid 1px !important;}

table.table.guidelines>thead>tr>th {
border: solid 1px !important;}


table.table.guidelines>tbody>tr>td {
border: solid 1px !important;
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF;
font-size: 12pt;}
}

tr.color0{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color1{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color2{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color3{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color4{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color5{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color6{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color7{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color8{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color9{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color10{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color11{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color12{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color13{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color14{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}
tr.color15{background-image: linear-gradient(10deg, #f8f8f8 0%, #c8ab37 50%);}



/****************************************
Google-Search
****************************************/

.gsc-control-wrapper-cse {
width: 50% !important;
}


.gsc-control-cse.gsc-control-cse-de {
background-color: hsl(0deg 0% 0% / 0%)!important;
border: none !important;
}


.gsc-control-cse {
background-color: hsl(0deg 0% 0% / 0%)!important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
max-width: 60% !important;
}


.gsc-input-box {
/* border: 1px solid #dfe1e5; */
/*background: #fff;
border-radius: 3px;*/
}


.gs-title {
text-indent: 0px !important;

}

.gsc-search-button-v2 {
font-size: 0;
padding: 6px 27px;
width: auto;
vertical-align: middle;
border: 1px solid #666;
border-radius: 2px;
border-color: gold !important;
background-color: gold !important;
}

table.gstl_50 gsc-input {
width: 100% !important;
}

td.gsc-result-info-container, td.gsc-orderby-container {
font-family: Bitter, 'Noto Serif', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif, JuniusVF !important;
font-size: 12pt !important;
}


.gcsc-find-more-on-google-query {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/* display: inline-block; */
vertical-align: middle;
font-weight: bold;
}
Loading

0 comments on commit ff7ffc1

Please sign in to comment.