Separation of styles

accgit · accgit · commit e3154314cb68 · 2017-01-31T09:16:59.000+01:00
diff --git a/src/css/style.css b/src/css/style.css
@@ -0,0 +1,15 @@
+
+/*
+    import css styles
+*/
+@import url(css.ui.min.css);
+@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
+@import url(style.dropdown.css);
+
+/*
+    elements
+*/
+body {
+    background-color: #f4f4f4;
+         font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
+}
diff --git a/src/css/style.dropdown.css b/src/css/style.dropdown.css
@@ -1,23 +1,11 @@
 
-/*
-    import css styles
-*/
-@import url(css.ui.min.css);
-@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
-
-/*
-    elements
-*/
-body {
-    background-color: #f4f4f4;
-         font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
-}
-
 /*
     dropdown menu
 */
 .dropdown {
-    position: relative;
+    margin-left: 12px;
+     margin-top: 8px;
+       position: relative;
 }
 
 .dropdown p { margin: 0; }
@@ -58,14 +46,14 @@ body {
 }
 
 .dropdown ul.expand-dropdown li a {
-    background-color: #484848;
+    background-color: rgba(72, 72, 72, 1);
      text-decoration: none;
              display: block;
              padding: 5px 10px;
 	       color: white;
 }
 
 .dropdown ul.expand-dropdown li a:hover {
-    background-color: #333;
+    background-color: rgba(54, 54, 54, 1);
                color: white;
 }
diff --git a/src/index.html b/src/index.html
@@ -8,7 +8,7 @@
 	<title>CSS UI - Dropdown menu</title>
 
 	<!-- CSS styles -->
-	<link rel="stylesheet" href="css/style.dropdown.css">
+	<link rel="stylesheet" href="css/style.css">
 </head>
 <body>
 	<div class="wrapping" style="padding: 25px; width: 200px;">
