Changeset 1576:5638c7934641 for admin/style

Timestamp:

08/25/13 15:18:38 (12 years ago)

Author:

Nicolas <nikrou77@…>

Branch:

default

Message:

Issue #1541: hide or display adapted message when js is enabled or not
Add js class to html, removed by jQuery on pageLoad event.
Add some css classes :

• js-hidden : use to hide element that need to be displayed when js is enabled
• no-js-hidden : use to hide element that need to be displayed when js is not enabled

File:

• admin/style/default.css (modified) (16 diffs)

admin/style/default.css

@@ -34 +34 @@
      text-decoration: underline;
 }
-a img, a:link img, a:visited img { 
+a img, a:link img, a:visited img {
      border:none;
 }
@@ -62 +62 @@
      padding: 0 18px 6px; /* ie < 9 sucks */
      padding: 0 1.8rem .6rem;
-     margin: 0 -18px .5em; /* ie < 9 sucks */ 
+     margin: 0 -18px .5em; /* ie < 9 sucks */
      margin: 0 -1.8rem 1rem;
      background: #fff url(bg_h2.png) repeat-x center bottom;
@@ -114 +114 @@
      cursor: help;
 }
+
+.no-js .js-hidden {
+        display: block;
+}
+.no-js .no-js-hidden {
+        display: none;
+}
+.js-hidden {
+        display: none;
+}
+
 /* LAYOUT
 -------------------------------------------------------- */
@@ -173 +184 @@
 }
 #top h1 a:hover, #top h1 a:focus {
-     background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 -94px; 
+     background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 -94px;
 }
 #info-boxes {
@@ -244 +255 @@
 #content {
      margin: 0 0 0 14.5em;
-     padding: 9px 18px 18px; /* ie < 9 sucks */ 
+     padding: 9px 18px 18px; /* ie < 9 sucks */
      padding: .9rem 1.8rem 1.8rem;
      background: #fff;
@@ -376 +387 @@
 #search-menu * {
      height: 20px; /* ie < 9 sucks */
-     height: 2rem;  
+     height: 2rem;
 }
 #search-menu p {
@@ -392 +403 @@
      background: transparent url(search.png) no-repeat 4px center;
      text-indent: 18px;
-     padding: 0 2px; 
+     padding: 0 2px;
      border: none;
 }
-#search-menu input[type="submit"] { 
+#search-menu input[type="submit"] {
      padding: 0 3px;
      padding: 0 .3rem;
@@ -648 +659 @@
 #categories input[type="checkbox"] {
      margin-right: .8em;
-} 
+}
 #categories h4 {
      margin: 0;
@@ -888 +899 @@
      display: table-cell;
      vertical-align: top;
-     padding: 0; 
+     padding: 0;
      width: 312px;
      border: 1px solid #ccc;
      border-radius: 3px;
 }
-#theme-box .theme-shot, 
+#theme-box .theme-shot,
 #theme-box .theme-info,
 #theme-box .theme-actions {
@@ -1146 +1157 @@
      background: #fff;
      border: 1px solid #aaa;
-     border-radius: 6px; 
+     border-radius: 6px;
      padding: 1em .7em .5em;
      margin-bottom: 1em;
@@ -1290 +1301 @@
      width: 80%;
      border: 1px solid #999;
-     margin-bottom: 3em; 
+     margin-bottom: 3em;
 }
 table.settings th, table.prefs th {
@@ -1385 +1396 @@
 input.invalid, textarea.invalid, select.invalid {
      border: 1px solid red;
-     background: #fff; 
+     background: #fff;
      color: red;
      box-shadow: 0 0 0 1px rgba(218, 62, 90, 0.3)
@@ -1472 +1483 @@
 p.field {
      position: relative;
-     
+
 }
 p.field label {
@@ -1702 +1713 @@
      margin-top: 1em;
      line-height: 22px;
-     padding: 0 .75em; 
+     padding: 0 .75em;
      border: 1px solid #ddd;
-     overflow: hidden; 
-     background: #e1e1e1; 
-     background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); 
-     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); 
-     -moz-border-radius: 4px; 
-     -webkit-border-radius: 4px; 
-     border-radius: 4px; 
+     overflow: hidden;
+     background: #e1e1e1;
+     background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1);
+     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1));
+     -moz-border-radius: 4px;
+     -webkit-border-radius: 4px;
+     border-radius: 4px;
      clear: left;
 }
@@ -1716 +1727 @@
      height: 20px;
      border: none;
-     padding: 2px 6px; 
+     padding: 2px 6px;
      background-color : transparent;
      background-position : 50% 50%;
@@ -1773 +1784 @@
 }
      #top h1 a:link {
-          background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px; 
+          background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
           border-right: 1px solid #ccc;
      }