Merge branch 'master' of linz:/srv/git/themes

[themes.git] / LCARStrek / browser / newtab / newTab.css

diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css
index 30de146be558ef847489366108b9d9d3f49300ae..73c559b35269e3a549a1b9a0e3daa6cf9f3d43a8 100644 (file)
--- a/LCARStrek/browser/newtab/newTab.css
+++ b/LCARStrek/browser/newtab/newTab.css
@@ -1,5 +1,6 @@
 :root {
   -moz-appearance: none;
+  font-size: 75%;
   background-color: transparent;
   padding: 0;
 }
@@ -9,6 +10,63 @@
   background-color: #000000;
 }
 
+/* UNDO */
+#newtab-undo-container {
+  padding: 4px 3px;
+  border: 1px solid;
+  border-color: #9C9CFF;
+  background-color: #000000;
+  color: #8050B0;
+}
+
+#newtab-undo-label {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.newtab-undo-button {
+  color: #3333FF;
+  cursor: pointer;
+  padding: 0;
+  margin: 0 4px;
+  border: 0;
+  background: transparent;
+  text-decoration: none;
+  min-width: 0;
+}
+
+.newtab-undo-button:hover {
+  text-decoration: underline;
+}
+
+.newtab-undo-button:-moz-focusring {
+  outline: 1px dotted;
+}
+
+.newtab-undo-button > .button-box {
+  padding: 0;
+}
+
+#newtab-undo-close-button {
+  padding: 0;
+  border: none;
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  -moz-user-focus: normal;
+}
+
+#newtab-undo-close-button:hover {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#newtab-undo-close-button > .toolbarbutton-text {
+  display: none;
+}
+
+#newtab-undo-close-button:-moz-focusring {
+  outline: 1px dotted;
+}
+
 /* TOGGLE */
 #newtab-toggle {
   width: 16px;
@@ -38,7 +96,7 @@
   border: 1px solid;
   border-color: #9C9CFF;
   border-radius: 1px;
-  -moz-transition: border-color 100ms ease-out;
+  transition: border-color 100ms ease-out;
 }
 
 .newtab-cell:empty {
@@ -49,14 +107,14 @@
   -moz-margin-end: 0;
 }
 
-.newtab-cell:hover:not(:empty) {
+.newtab-cell:hover:not(:empty):not([dragged]) {
   border-color: #FFCF00;
 }
 
 /* SITES */
 .newtab-site {
   text-decoration: none;
-  -moz-transition-property: top, left, opacity, box-shadow, background-color;
+  transition-property: top, left, opacity, box-shadow, background-color;
 }
 
 .newtab-site:hover,
@@ -65,7 +123,7 @@
 }
 
 .newtab-site[dragged] {
-  -moz-transition-property: box-shadow, background-color;
+  transition-property: box-shadow, background-color;
   background-color: #002121;
 }
 
@@ -82,7 +140,6 @@
   padding: 0 8px;
   background-color: rgba(255,159,0,.8);
   color: #000000;
-  font-size: 12px;
   line-height: 24px;
 }