Uni/WME
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

ein paar css verbesserungen

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

45
css/main.css
View file

@ -2,28 +2,61 @@
.topnav { .topnav {
background-image: linear-gradient(grey, lightgrey); background-image: linear-gradient(grey, lightgrey);
overflow: hidden; overflow: hidden;
}
.topnav ul {
background-color: greenyellow;
}
.topnav li {
display: inline-block;
align-content: center;
} }
/* Style the links inside the navigation bar */ /* Style the links inside the navigation bar */
.topnav a { .topnav a {
float: left;
color: #f2f2f2;
text-align: center; /*text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; 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 { .topnav a:hover {
background-color: #ddd; background-color: #ddd;
color: black; color: black;
} }
/* Add a color to the active/current link */ !* Add a color to the active/current link *!
.topnav a.active { .topnav a.active {
background-color: #4CAF50; background-color: #4CAF50;
color: white; 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 { table#t01 {

27
index.html
View file

@ -4,10 +4,15 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Page Title</title> <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"> <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/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<script src="js/table.js"></script> <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> </head>
<body> <body>
@ -17,21 +22,33 @@
<img src="resources/world_data_logo_v1_grey.png"> <img src="resources/world_data_logo_v1_grey.png">
</li> </li>
<li> <li>
<a>Second</a> <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a>
</li> </li>
<li> <li>
<a>Third</a> <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Parse</a>
</li> </li>
<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> </li>
</ul> </ul>
</nav> </nav>
<h1>World Data Overview ...</h1> <h1>World Data Overview ...</h1>
<div class='boxed'>Text text text text text text text text text text text text text text text text <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.
text text text text text text text text text text.</div>
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> <table id="t01"></table>
<script> <script>