优化css

css/contentScript.css

@@ -0,0 +1,17 @@
+.chrome-plugin-simple-tip {
+    position: fixed;
+	z-index: 999999;/* 这里是该元素与显示屏的距离，据说越大越好，但是我也没有看到效果，因为没有它也是可以的 */
+    /* left: 20px; */
+    padding: 16px 10px;
+    /* top: 100px; */
+    color: white;
+    min-width: 150px;
+	max-width: 700px;
+    border-radius: 3px;
+    text-align: center;
+    font-size: 20px;
+    background: #dff0d8;
+    background-image: linear-gradient(to bottom, #dff0d8, #70a800);
+    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
+	transition: top .4s;
+}

css/log.css

@@ -1,29 +1,3 @@
-body {
-	background: #fefefe;
-	color: #333;
-	font-size: 16px;
-	line-height: 1.4;
-}
-
-#container {
-	margin: 1%;
-	padding: 5px;
-	font-family: Liberation Sans, sans-serif;
-}
-
-#groups {
-	margin: 10px 0;
-	padding-left: 10px;
-}
-
-.group:first-of-type {
-	margin-top: 10px;
-}
-
-.group {
-	margin-top: 20px;
-}
-
 .group-title {
 	font-size: 2em;
 }
@@ -44,17 +18,4 @@ li {
 .line{
 	text-decoration: none;
 	padding: .2em;
-}
-
-h1 {
-	font-size: 3em;
-}
-
-header {
-	border-bottom: 1px solid #f6f6f6;
-}
-
-footer {
-	border-top: 1px solid #f6f6f6;
-	padding: 5px 0;
 }

css/options.css

@@ -1,20 +1,3 @@
-body {
-	background: #fefefe;
-	color: #333;
-	font-size: 16px;
-	line-height: 1.4;
-}
-
-#container {
-	margin: 3%;
-	padding: 5px;
-	font-family: Liberation Sans, sans-serif;
-}
-
-#options {
-	padding: 20px 0;
-}
-
 .option {
 	margin: 15px 0;
 }
@@ -38,17 +21,4 @@ body {
 	color: white;
 	width: 300px;
 	margin-top: 15px;
-}
-
-h1 {
-	font-size: 3em;
-}
-
-header {
-	border-bottom: 1px solid #f6f6f6;
-}
-
-footer {
-	border-top: 1px solid #f6f6f6;
-	padding: 5px 0;
 }

css/popup.css

@@ -0,0 +1,57 @@
+.menu-entry {
+    text-align: center;
+    font-size: 13px;
+	background: #fefefe;
+	padding: 10px;
+}
+
+.menu-entry:hover {
+	cursor: pointer;
+	background: #f0f0f0;
+}
+
+.grid-container {
+	width: 100%;
+}
+
+.grid-container * {
+	box-sizing: border-box;
+}
+
+/* clearfix hack */
+.row:before,
+.row:after {
+	content: "";
+	display: table ;
+    clear: both;
+}
+
+.row{
+    border-top: 1px solid #eee;
+    font-size: 13px;
+}
+
+.delete-link {
+	font-size: .9em;
+	font-weight: bold;
+	background: #eee;
+	color: white;
+
+	display: inline-block;
+	border-radius: 1em;
+	padding: 0 .3em;
+	margin-right: 10px;
+}
+
+.delete-link:before {
+	content: "X";
+}
+
+*:hover > .delete-link {
+	background: #aaa;
+}
+
+.delete-link:hover {
+	background: red;
+	cursor: pointer;
+}