Update css

css-ui · Oct 21, 2017 · ac0d7c6 · ac0d7c6
1 parent ad37b4f
commit ac0d7c6
Show file tree

Hide file tree

Showing 8 changed files with 104 additions and 71 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -4,6 +4,7 @@
 */
 @import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css);
 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext);
 @import url(https://css-ui.github.io/css/cssui.min.css);
 @import url(style.menu.css);
 @import url(style.dropdown.css);
@@ -18,6 +19,7 @@
 */
 body {
  background-color: #f2f2f2;
+ font-family: 'Open Sans', sans-serif;
  min-height: 100px;
 }
 

diff --git a/src/css/style.dashboard.css b/src/css/style.dashboard.css
@@ -5,8 +5,8 @@
 .header {
  background-color: #f2f2f2;
  display: none;
- padding: 15px 20px;
- height: 69px;
+ padding: 2px 20px;
+ height: 42px;
 }
 
 /*
@@ -61,12 +61,13 @@
 
 .logged.in ul li.user {
  margin-right: 20px;
- margin-top: 7px;
+ margin-top: 3px;
  color: #7b7d7e;
 }
 
 .logged.in ul li.gravatar img {
  border-radius: 30px;
+ margin-top: 4px;
  max-width: 40px;
  display: block;
 }
@@ -79,7 +80,7 @@
 }
 
 .logged.sidebar ul {
- background-color: #3dbbff;
+ background-color: #e95656;
  margin-bottom: 0;
  padding: 15px 0 10px 25px;
 }
@@ -103,7 +104,7 @@
 
 .logged.in ul li.gravatar img {
  border-radius: 30px;
- max-width: 40px;
+ max-width: 30px;
  display: block;
 }
 

diff --git a/src/css/style.dropdown.css b/src/css/style.dropdown.css
@@ -4,7 +4,7 @@
 */
 .dropdown {
  margin-left: 12px;
- margin-top: 9px;
+ margin-top: 6px;
  position: relative;
 }
 
@@ -23,18 +23,23 @@
 
 .dropdown ul.expand-dropdown {
  list-style: none;
- margin-top: 19px;
+ margin-top: 8px;
  position: absolute;
  display: none;
- right: 0;
+ right: 12px;
  top: 100%;
 }
 
 .dropdown ul.expand-dropdown li {
- min-width: 180px;
+ min-width: 160px;
  margin: 0;
 }
 
+.dropdown ul.expand-dropdown li a.top {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
 .dropdown ul.expand-dropdown li a.bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
@@ -54,5 +59,7 @@
 }
 
 .dropdown ul.expand-dropdown li a:hover {
- background-color: #e8e8e8;
+ background-color: #fbfbfb;
+ font-weight: 600;
+ color: #e95656;
 }
diff --git a/src/css/style.menu.css b/src/css/style.menu.css
@@ -3,15 +3,15 @@
  responsive menu
 */
 .nav .click {
-  cursor: pointer;
-  margin: 20px 10px 10px;
-  float: right;
+ cursor: pointer;
+ margin: 5px 20px 0 0;
+ float: right;
 }
 
 .nav .click .menu {
  border-radius: 30px;
  font-size: 14px;
- padding: 8px 9px;
+ padding: 7px 8px;
 }
 
 .nav .responsive { display: none; }
@@ -21,9 +21,9 @@
  sidebar
 */
 .sidebar .title {
- font-size: 1.375em;
- padding: 17px 20px 0 25px;
- height: 69px;
+ font-size: 1.125em;
+ padding: 5px 20px 0 25px;
+ height: 42px;
 }
 
 /*
@@ -32,7 +32,7 @@
 .sidebar span.notifi {
  border-radius: 3px;
  margin-left: 30px;
-  font-size: smaller;
+ font-weight: 600;
  padding: 0 5px 2px;
 }
 
@@ -48,14 +48,14 @@
 }
 
 .sidebar ul.menu li {
- line-height: 38px;
- font-weight: 600;
- padding-top: 15px;
+ line-height: 33px;
+  margin-top: 15px;
+  padding: 0;
 }
 
 .sidebar ul.menu li ul li {
  padding-top: 0;
- font-size: 1.125em;
+ font-size: 1em;
  margin: 0;
 }
 
@@ -82,18 +82,19 @@
  .sidebar ul.menu {
  height: 660px;
  }
+
  .nav .click { visibility: hidden; }
  .nav .responsive { display: block; }
 
  .sidebar {
  position: fixed;
  bottom: 0;
- width: 250px;
+ width: 230px;
  top: 0;
  }
 
  .content-wrapper {
- margin-left: 250px;
+ margin-left: 230px;
  }
 
 }
diff --git a/src/css/style.tables.css b/src/css/style.tables.css
@@ -23,70 +23,78 @@ table td:first-child {
 /*
  default
 */
+table tr.default th {
+ border: none;
+}
+
+table tr.default td {
+ border: none;
+}
+
 table tr.default:nth-child(even) {
- background-color: white;
+ background-color: #f2f2f2;
 }
 
 table tr.default:nth-child(odd) {
- background-color: #f4f4f4;
+ background-color: white;
 }
 
 /*
  primary
 */
 table tr.primary th {
- border-color: #7cbae2;
+ border: none;
 }
 
 table tr.primary td {
- border-color: #7cbae2;
-  color: #1f4259;
+ border: none;
+ color: #27667b;
 }
 
 table tr.primary:nth-child(even) td {
- background-color: #a0d3f4;
+ background-color: #c1edfb;
 }
 
 table tr.primary:nth-child(odd) td {
- background-color: #89c8f1;
+ background-color: white;
 }
 
 /*
  success
 */
 table tr.success th {
- border-color: #80c75f;
+ border: none;
 }
 
 table tr.success td {
- border-color: #80c75f;
-  color: #315620;
+ border: none;
+ color: #277b35;
 }
 
 table tr.success:nth-child(even) td {
- background-color: #aaea8d;
+ background-color: #bdf3c4;
 }
 
 table tr.success:nth-child(odd) td {
- background-color: #8edc6b;
+ background-color: white;
 }
 
 /*
  warning
 */
 table tr.warning th {
- border-color: #d46a6a;
+ border: none;
 }
 
 table tr.warning td {
- border-color: #d46a6a;
-  color: #542121;
+ border: none;
+ color: #7b2727;
 }
 
 table tr.warning:nth-child(even) td {
- background-color: #f19f9f;
+ background-color: #f5b9b9;
 }
 
 table tr.warning:nth-child(odd) td {
- background-color: #e37b7b;
+ background-color: white;
 }
diff --git a/src/css/style.tooltip.css b/src/css/style.tooltip.css
@@ -21,15 +21,15 @@
  background-color: rgba(0, 0, 0, 0.95);
  border-radius: 3px;
  margin-bottom: 5px;
- margin-left: -50px;
+ margin-left: -35px;
  text-align: center;
- min-width: 100px;
- font-size: 1em;
+ min-width: 70px;
+ font-size: 0.83em;
  position: absolute;
  content: attr(data-tooltip);
- padding: 5px;
+ padding: 2px;
  bottom: 120%;
- color: #fff;
+ color: #9e9e9e;
  left: 50%;
 }
 

diff --git a/src/css/theme/style.menu.dark.css b/src/css/theme/style.menu.dark.css
@@ -1,40 +1,46 @@
 
 /*
- dark theme sidebar menu
+ light theme sidebar menu
 */
-.nav .click { color: #717377; }
-.nav .click .menu:hover { background-color: #272a30; }
+.nav .click { color: white; }
+.nav .click .menu { color: #6f788d; }
+.nav .click .menu:hover {
+ background-color: #404757;
+ color: #e6e9ed;
+}
 
 .sidebar .title {
- background-color: #393c45;
+ background-color: #333c48;
  font-weight: 600;
- color: white;
+ color: #e6e9ed;
 }
 
-.sidebar ul.menu { background-color: #2b2e35; }
-.sidebar ul.menu li { color: #646b7c; }
-.sidebar ul.menu li a { color: #a1abc2; }
+.sidebar ul.menu { background-color: #262a34; }
+.sidebar ul.menu li { color: #5e6776; }
+.sidebar ul.menu li a { color: #7d899c; }
 .sidebar ul.menu li a:hover {
- background-color: #393c45;
- color: #a1abc2;
+ background-color: #2e333e;
+ font-weight: 600;
+ color: #e95656;
 }
 
 .sidebar ul.menu li a.current {
- color: white;
+ border-right: 2px solid #e95656;
+ font-weight: 600;
+ color: #e6e9ed;
 }
 
 /*
  notifications
 */
 .sidebar span.notifi {
- background-color: #3bb9fe;
- color: #2b2e35;
+ color: #e95656;
 }
 
 @media only screen and (min-width: 768px) {
 
  .sidebar {
- background-color: #2b2e35;
+ background-color: #262a34;
  }
 
 }
@@ -43,5 +49,6 @@
  simplebar
 */
 .simplebar-scrollbar {
- background: #646b7c;
+ background: #596072;
+ width: 5px;
 }