Changeset 25839 for extensions/AdminTools/template/style.css

Timestamp:

Dec 7, 2013, 11:50:24 PM (10 years ago)

Author:

mistic100

Message:

remove font icons integrated in core + replace "OK" alert by a blinking message

File:

• extensions/AdminTools/template/style.css (modified) (12 diffs)

extensions/AdminTools/template/style.css

@@ -7 +7 @@
 #ato_header, #ato_header_closed {
   display:none;
+}
+#ato_header {
+  width:100%;
 }
 #ato_header, #ato_header_closed:not(.smartpocket) {
@@ -16 +19 @@
   z-index:1000;
 }
-  #ato_header {
-    width:100%;
-  }
-  #ato_header_root {
-    padding:0;
-    margin:0;
-  }
-
-#ato_header_root li {
+
+#ato_header>ul {
+  padding:0;
+  margin:0;
+}
+
+#ato_header>ul li {
   list-style:none;
   line-height:16px;
@@ -30 +31 @@
   white-space:nowrap;
 }
-  #ato_header_root li a, #ato_header_closed:not(.smartpocket) a {
+  #ato_header>ul li>*, #ato_header_closed:not(.smartpocket)>* {
     display:inline-block;
     padding:5px 10px;
@@ -36 +37 @@
     text-decoration:none;
   }
-  #ato_header_root li a:before {
+  #ato_header>ul li>*:before {
     font-size:16px;
     margin-right:0.5em;
   }
 
-#ato_header_root>li {
+#ato_header>ul>li {
   float:left;
   display:inline-block;
@@ -47 +48 @@
   overflow:visible;
 }
-  #ato_header_root>li.right {
+  #ato_header>ul>li.right {
     float:right;
   }
-  #ato_header_root>li:not(:first-child) {
+  #ato_header>ul>li:not(:first-child) {
     border-left:1px solid #666;
   }
-  #ato_header_root>li:not(:last-child) {
+  #ato_header>ul>li:not(:last-child) {
     border-right:1px solid #222;
   }
-  #ato_header_root>li a, #ato_header_closed:not(.smartpocket) a {
+  #ato_header>ul>li>*, #ato_header_closed:not(.smartpocket)>* {
     color:#ddd;
     text-shadow:1px 1px 0px #222;
   }
-  #ato_header_root>li.disabled a {
+  #ato_header>ul>li.disabled [class*="icon-"] {
     color:#888;
     text-shadow:none;
   }
-  #ato_header_root>li:not(.disabled):hover, #ato_header_closed:not(.smartpocket):hover {
+  #ato_header>ul>li:not(.disabled):hover, #ato_header_closed:not(.smartpocket):hover {
     background:#222;
     background-image:linear-gradient(to bottom, #222, #353535);
   }
 
-#ato_header_root ul {
+#ato_header>ul ul {
   display:none;
   position:absolute;
@@ -80 +81 @@
   box-shadow:3px 3px 5px rgba(0,0,0,0.5);
 }
-  #ato_header_root>li.right ul {
+  #ato_header>ul>li.right ul {
     left:auto;
     right:0;
   }
-  #ato_header_root ul li {
-  }
-  #ato_header_root ul li:hover {
+  #ato_header>ul ul li {
+  }
+  #ato_header>ul ul li:hover {
     background:#dedede;
   }
-  #ato_header_root ul li a {
+  #ato_header>ul ul li>* {
     color:#444;
     text-shadow:1px 1px 0px #eee;
   }
-  #ato_header_root ul label {
+  #ato_header>ul ul label {
     font-weight:bold;
     color:#777;
@@ -102 +103 @@
     font-size:11px;
   }
-  #ato_header_root ul select, #ato_header_root ul option {
+  #ato_header>ul ul select, #ato_header>ul ul option {
     font-size:13px;
     line-height:15px;
@@ -109 +110 @@
     border-radius:2px;
   }
-    #ato_header_root ul select {
+    #ato_header>ul ul select {
       border:1px solid #777;
       height:22px;
@@ -123 +124 @@
   height:35px;
 }
-  #ato_header_closed:not(.smartpocket) a {
+  #ato_header_closed:not(.smartpocket)>* {
     padding:4px;
   }
@@ -134 +135 @@
   }
 
-#ato_header_root a.close-panel {
+#ato_header>ul .close-panel {
   padding:6px 1px 4px 5px;
 }
-#ato_header_root a.close-panel:hover {
+#ato_header>ul .close-panel:hover {
   color:#d00;
 }
-
+#ato_header>ul .saved {
+  display:none;
+  border:none !important;
+  -webkit-animation:blink 0.8s infinite;
+  animation:blink 0.8s infinite;
+}
+  #ato_header>ul .saved>* {
+    color:#5f5;
+  }
 
 #ato_quick_edit {
@@ -192 +201 @@
     }
 
+@-webkit-keyframes blink {
+  0% { opacity:0; }
+  50% { opacity:1; }
+  100% { opacity:0; }
+}
+@keyframes blink {
+  0% { opacity:0; }
+  50% { opacity:1; }
+  100% { opacity:0; }
+}
 
 @media (max-width:640px) {
-  #ato_header_root li a.ato-hide-1 {
+  #ato_header>ul li>.ato-hide-1 {
     font-size:0px;
     line-height:0px;
   }
-  #ato_header_root li a.ato-hide-1:before {
+  #ato_header>ul li>.ato-hide-1:before {
     margin-right:0;
   }
@@ -204 +223 @@
 
 @media (max-width:500px) {
-  #ato_header_root li a.ato-hide-2 {
+  #ato_header>ul li>.ato-hide-2 {
     font-size:0px;
     line-height:0px;
   }
-  #ato_header_root li a.ato-hide-2:before {
+  #ato_header>ul li>.ato-hide-2:before {
     margin-right:0;
   }