Nav-Leiste, Überschrift und Text + Link sind für Desktopansicht fertig.
This commit is contained in:
parent
747d1b5000
commit
07fc862459
2 changed files with 36 additions and 17 deletions
25
css/main.css
25
css/main.css
|
@ -1,7 +1,8 @@
|
||||||
/* Add a black background color to the top navigation */
|
/* Add a black background color to the top navigation */
|
||||||
.topnav {
|
.topnav {
|
||||||
background-image: linear-gradient(grey, lightgrey);
|
background: linear-gradient(to bottom, lightgrey, white);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
border: 1px solid lightgrey;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -12,7 +13,6 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
background-color: gray;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.topnav li {
|
.topnav li {
|
||||||
|
@ -29,6 +29,17 @@
|
||||||
transform: unset;
|
transform: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
padding: 16px;
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
border-left: 1px solid lightgrey;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lastBorder {
|
||||||
|
border-right: 1px solid lightgrey;
|
||||||
|
}
|
||||||
|
|
||||||
/* Style the links inside the navigation bar */
|
/* Style the links inside the navigation bar */
|
||||||
.topnav a {
|
.topnav a {
|
||||||
|
|
||||||
|
@ -66,11 +77,17 @@ h1 {
|
||||||
line-height: 145%;
|
line-height: 145%;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
border: 5px solid grey;
|
border: 3px solid grey;
|
||||||
border-top-color: green;
|
border-top-color: lightgreen;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|
||||||
column-count: 3;
|
column-count: 3;
|
||||||
|
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text a {
|
||||||
|
color: lightgreen;
|
||||||
}
|
}
|
||||||
|
|
||||||
table#t01 {
|
table#t01 {
|
||||||
|
|
28
index.html
28
index.html
|
@ -21,23 +21,23 @@
|
||||||
<li class="pic">
|
<li class="pic">
|
||||||
<img src="resources/world_data_logo_v1.png">
|
<img src="resources/world_data_logo_v1.png">
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="icon">
|
||||||
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a>
|
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A1 - Table</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="icon">
|
||||||
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Parse</a>
|
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A2 - Parse</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="icon">
|
||||||
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Save</a>
|
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A2 - Save</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="icon">
|
||||||
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Print</a>
|
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A2 - Print</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="icon">
|
||||||
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A3 - REST</a>
|
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A3 - REST</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li class="icon lastBorder">
|
||||||
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A4 - Vis</a>
|
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A4 - Vis</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
@ -48,7 +48,9 @@
|
||||||
|
|
||||||
At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.
|
At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.
|
||||||
|
|
||||||
It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
|
It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.
|
||||||
|
|
||||||
|
At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a></p>
|
||||||
|
|
||||||
<table id="t01"></table>
|
<table id="t01"></table>
|
||||||
<script>
|
<script>
|
||||||
|
|
Loading…
Reference in a new issue