[add] new css rules

inc/topMenu.php

@@ -1,5 +1,6 @@
-<h3><a href="index.php">Home</a></h3>
-<ul>
+<h1 id="title"><a href="index.php">SoViGall <span>Share your videos ..... in webm</span></a></h1>
+
+<ul id="topMenu">
   <?php
   if ($_SESSION['log'] === true) {
     echo '

style.css

@@ -3,17 +3,65 @@
 }
 
 body {
-  background-color: #1E1915;
+  background-color: #262626;
+  font-size: 0.9em;
+}
+
+#title {
+  line-height: 1.1em;
+  margin-bottom: 0.3em;
+}
+
+#title a {
+  text-decoration: none;
+  font-size: 1.1em;
+  line-height: 1.1em;
+}
+
+#title span {
+  font-size: 0.5em;
+  font-weight: bold;
+  vertical-align: middle;
+}
+
+#topMenu {
+  margin: 0px;
+  padding: 0px;
+  display: inline-block;
+  border-radius: 0.2em;
+}
+
+#topMenu li {
+  display: inline-block;
+  padding: 0.3em;
+}
+
+#topMenu a {
+  text-decoration: none;
+  font-weight: bolder;
+  margin: 0;
+  padding: 0.4em;
+  border-radius: 0.2em;
+  background-color: #000;
+}
+
+#breadcrumb {
+  margin: 1.2em 0;
+}
+
+#listFile {
+ margin:0 auto;
+ text-align:center;
 }
 
 #listFile a {
-  width: 170px;
-  height: 170px;
-  display: block;
+  width: 270px;
+  height: 230px;
+  display: inline-block;
   border: 2px solid #dfdfdf;
-  float: left;
-  margin: 0.3em;
-  padding: 0.3em;
+  border-radius: 0.2em;
+  margin: 0.2em;
+  padding: 0.2em;
   text-decoration: none;
   text-align: center;
   overflow: hidden;
@@ -23,7 +71,7 @@ body {
 #listFile img {
   width: 100%;
   vertical-align: middle;
-  max-height: 105px;
+  max-height: 270px;
 }
 
 #time {
@@ -39,14 +87,32 @@ body {
   margin: 0 auto;
 }
 
+#viewFile table tr:nth-child(even) {
+  background-color: #332A23;
+}
+
+#viewFile th {
+ text-align: right;
+}
+
+#viewFile td {
+ text-align: left;
+}
+
+#viewFile h2 {
+  max-width: 80%;
+  text-align: center;
+  margin: 0.4em auto;
+}
+
 input, select, options {
-  color: #1E1915;
+  color: #262626;
 }
 
 input[type="submit"] {
-  color: #1E1915;
+  color: #262626;
 }
 
 video {
- width : 55%;
+  width: 55%;
 }