ein paar css verbesserungen

This commit is contained in:
seli 2018-10-28 16:35:09 +01:00
parent adc2e69ac4
commit 9d57f0a0bc
2 changed files with 61 additions and 11 deletions

View file

@ -2,28 +2,61 @@
.topnav {
background-image: linear-gradient(grey, lightgrey);
overflow: hidden;
}
.topnav ul {
background-color: greenyellow;
}
.topnav li {
display: inline-block;
align-content: center;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
/*text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
font-size: 17px;*/
}
/* Change the color of links on hover */
/*!* Change the color of links on hover *!
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Add a color to the active/current link */
!* Add a color to the active/current link *!
.topnav a.active {
background-color: #4CAF50;
color: white;
}*/
h1 {
font-weight: bold;
font-family: 'Roboto', sans-serif;
}
.text {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 145%;
font-style: normal;
border: 5px solid grey;
border-top-color: green;
border-radius: 3px;
column-count: 3;
}
table#t01 {

View file

@ -4,10 +4,15 @@
<head>
<meta charset="utf-8" />
<title>Page Title</title>
<meta name="description" content="Die Daten der Welt im Überblick"/>
<meta name="author" content="Michael Hübener und Selina Marie-Alice Schönherr">
<meta name="keywords" content="Welt, Daten, Überblick, HTML">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<script src="js/table.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
</head>
<body>
@ -17,21 +22,33 @@
<img src="resources/world_data_logo_v1_grey.png">
</li>
<li>
<a>Second</a>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a>
</li>
<li>
<a>Third</a>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Parse</a>
</li>
<li>
<a>Fourth</a>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Save</a>
</li>
<li>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Print</a>
</li>
<li>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A3 - REST</a>
</li>
<li>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A4 - Vis</a>
</li>
</ul>
</nav>
<h1>World Data Overview ...</h1>
<div class='boxed'>Text text text text text text text text text text text text text text text text
text text text text text text text text text text.</div>
<p class='text'>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. 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>
<table id="t01"></table>
<script>