Changeset 1574:6bbf5140c89a

Timestamp:

08/25/13 11:19:36 (10 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Children:

1575:77a3bf7f8957, 1576:5638c7934641

Message:

CSS: add px to the rem values. Fixes #1563.

File:

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

admin/style/default.css

@@ -26 +26 @@
      padding: 0;
 }
-
 a, a:link, a:visited {
      color: #2373A8;
@@ -38 +37 @@
      border:none;
 }
-
 h1, h2, h3, .as_h3, h4, h5, h6, p {
      margin-top: 0;
@@ -116 +114 @@
      cursor: help;
 }
-
 /* LAYOUT
 -------------------------------------------------------- */
@@ -191 +188 @@
 #info-box2 {
      margin: 0;
-     padding: 0 16px 0 0;
+     padding: 0 18px 0 0;
      color: #fff;
      float: right;
@@ -217 +214 @@
      font-weight: normal;
 }
+#info-boxes .logout {
+     margin-right: 0;
+}
 #info-box1 a {
      margin-left: 1.33em;
@@ -319 +319 @@
      font-weight: bold;
      border-bottom-color: #fff;
+     padding-bottom: 7px; /* ie < 9 sucks */
      padding-bottom: .7rem;
 }
@@ -334 +335 @@
      padding: 10px 0 10px 8px;
      color: #666;
+     font-size: 14px; /* ie < 9 sucks */
      font-size: 1.4rem;
 }
@@ -369 +371 @@
 }
 #search-menu {
-     padding: .3rem .4rem 0;
+     padding: 4px 5px 0;
      font-size: 100%
+}
+#search-menu * {
+     height: 20px; /* ie < 9 sucks */
+     height: 2rem;  
 }
 #search-menu p {
@@ -377 +383 @@
      border-radius: .3em;
      position: relative;
-     height: 2rem;
      overflow: hidden;
 }
 #search-menu #q {
+     width: 120px; /* ie < 9 sucks */
      width: 12rem;
      border-bottom-left-radius: .3em;
@@ -386 +392 @@
      background: transparent url(search.png) no-repeat 4px center;
      text-indent: 18px;
-     height: 2rem;
      padding: 0 2px; 
      border: none;
 }
-#search-menu input[type="submit"] {
-     padding: 0 0.3rem;
+#search-menu input[type="submit"] { 
+     padding: 0 3px;
+     padding: 0 .3rem;
      background: #dfdfdf;
      border-color: #999;
@@ -400 +406 @@
      border-bottom-left-radius: 0;
      text-shadow: none;
-     height: 2rem;
      border: none;
      border-left: 1px solid #aaa;
+     font-size: 10px; /* ie < 9 sucks */
      font-size: 1rem;
 }
@@ -416 +422 @@
      color: #000;
      font-variant: small-caps;
-     padding-top: .6rem;
+     padding-top: .2em;
 }
 /* ------------------------------------------------------------------ footer */
 #footer {
      clear: both;
-     padding: .6rem 1.2rem .6rem 0;
+     padding: .5em 1em .5em 0;
      text-align: right;
-     border-top: .1rem solid #ccc;
+     border-top: 1px solid #ccc;
 }
 #footer p {
@@ -431 +437 @@
 }
 #footer p span.credit {
-     font-size: 1rem;
+     font-size: 1em;
      font-weight: normal;
 }
@@ -439 +445 @@
      width: 20em;
      margin: 1.5em auto 0;
+     font-size: 14px; /* ie < 9 sucks */
      font-size: 1.4rem;
 }
@@ -451 +458 @@
      border: 1px solid #A8DC26;
      padding: 1em 1em 0 1em;
-     border-radius: 4px;
+     border-radius: 3px;
      background: #fff;
 }
@@ -463 +470 @@
 }
 #login-screen #issue {
-     margin-left: 1.5rem;
+     margin-left: 1.33em;
+     font-size: 12px; /* ie < 9 sucks */
      font-size: 1.2rem;
 }
-#login-screen #issue strong {font-weight: normal;}
-
+#login-screen #issue strong {
+     font-weight: normal;
+}
 /* ------------------------------------------------------------------ dashboard */
 #dashboard-main {
@@ -583 +592 @@
 }
 #upg-notify ul {
-     padding-left: 15px;
+     padding-left: 1.5em;
 }
 #upg-notify li {
@@ -599 +608 @@
 }
 .multi-part {
-     padding-left: 1.2rem;
+     padding-left: 1em;
 }
 #entry-content label {
@@ -867 +876 @@
      display: block;
 }
-
 /* Themes list, JS version */
 #themes-wrapper {
@@ -943 +951 @@
      vertical-align: middle;
 }
-
 select.l10n option {
      padding-left: 16px;
@@ -961 +968 @@
      background: transparent url(../images/page_help.png) no-repeat 6px center;
      position: absolute;
+     top: 36px; /* ie < 9 sucks */
      top: 3.6rem;
      right: 0px;
-     padding: 0 2rem 0 3rem;
+     padding: 0 1.5em 0 30px;
      cursor: pointer;
      color: #2373A8;
+     line-height: 42px; /* ie < 9 sucks */
      line-height: 4.2rem;
 }
 #help-button span {
-     padding: .6rem 0 .1rem 0;
+     padding: .5em 0 .1em 0;
      border-bottom: 1px solid #2373A8;
 }
@@ -980 +989 @@
 }
 #content.with-help #help-button {
+     right: 282px; /* ie < 9 sucks */
      right: 28.2rem;
      background-color: #f5f5f5;
@@ -986 +996 @@
      border-left: 2px solid #FFD478;
      border-bottom: 2px solid #FFD478;
-     border-bottom-left-radius: 1rem;
-     border-top-left-radius: 1rem;
+     border-bottom-left-radius: 1em;
+     border-top-left-radius: 1em;
 }
 #content.with-help #help {
      display: block;
      position: absolute;
+     top: 36px; /* ie < 9 sucks */
      top: 3.6rem;
      right: 0;
+     width: 280px; /* ie < 9 sucks */
      width: 28rem;
      border-left: 2px solid #FFD478;
      border-top: 2px solid #FFD478;
      margin-top: 0;
-     padding: 10px 0 0 0;
+     padding: .5em 0 0 0;
      overflow: auto;
 }
 #content.with-help .help-content {
-     padding: 0 5px 1em 5px;
+     padding: 0 .5em 1em;
 }
 .help-content dt {
@@ -1029 +1041 @@
      background: #575859;
      font-size: 1.5em;
-     text-indent: .6rem;
+     text-indent: .5em;
      line-height: 1.3em;
 }
@@ -1037 +1049 @@
 body.popup #content {
      margin: 0;
-     padding: .6rem 0 !important;
+     padding: .5em 0;
 }
 body.popup #content h2 {
@@ -1073 +1085 @@
      color: #666;
 }
-
 /* ------------------------------------------------------------------ navigation */
 .anchor-nav {
      background: #575859;
      color: #fff;
-     padding: .4rem 1.2rem;
+     padding: 4px 1em;
      float: right;
 }
@@ -1087 +1098 @@
 .nav_prevnext a, a.back {
      border: 1px solid #ddd;
-     padding: .2rem 2rem;
-     border-radius: 1rem;
+     padding: 2px 1.5em;
+     border-radius: .75em;
      background-color: #f0f0f0;
 }
@@ -1098 +1109 @@
      float: right;
      border: 1px solid #eee;
-     padding: .2rem 2rem;
-     border-radius: 1rem;
+     padding: 2px 1.5em;
+     border-radius: .75em;
      background-color: #ffe;
 }
@@ -1124 +1135 @@
 }
 /* -------------------------------------------------------------------- CLASSES COMMUNES */
-
 .no-margin, #entry-content label.no-margin {
      margin: 0;
@@ -1149 +1159 @@
      display: table-cell;
 }
-
 /* paragraphe pour bouton Nouveau bidule */
 p.top-add {
@@ -1219 +1228 @@
      padding: 5px 0 5px 20px;
 }
-/* pas trouvé dans le code */
-.comment {
-     border-top: 2px solid #ccc;
-     margin-bottom: 1em;
-     padding: 2em 0 1em 0;
-     position: relative;
-}
-.comment form p {
-     margin: 0;
-     position: absolute;
-     top: 2px;
-     right: 0;
-}
-.distrib img {
-     display: block;
-     float: right;
-     margin-top: -1em;
-}
 /* TABLES
 -------------------------------------------------------- */
 table {
+     font-size: 12px; /* ie < 9 sucks */
      font-size: 1.2rem;
      border-collapse: collapse;
@@ -1279 +1271 @@
      border-width: 0 0 1px 0;
      border-color: #ddd;
-     line-height: 2.4rem;
+     line-height: 2em;
      padding-bottom: 0;
 }
@@ -1501 +1493 @@
 a.form-control {
      display: none;
-     background: url(../images/expand.png) no-repeat .4rem center;
+     background: url(../images/expand.png) no-repeat 4px center;
      padding-left: 20px;
      color: #000;
@@ -1526 +1518 @@
      border-radius: .2em;
      margin-bottom: .1em;
+     font-size: 12px; /* ie < 9 sucks */
      font-size: 1.2rem;
  }
@@ -1584 +1577 @@
 input[type=submit].delete {
      color: #c00;
-     padding-bottom: .2rem;
+     padding-bottom: 2px;
 }
 #entry-content .delete {
@@ -1611 +1604 @@
      background-color:#9dce2c;
      border:1px solid #83c41a;
-     padding:.6rem 1.8rem;
+     padding:.5em 1.5em;
      color: #000;
      text-shadow: 1px 1px 0 #BBDB58;
      font-weight: normal;
+     font-size: 14px; /* ie < 9 sucks */
      font-size: 1.4rem;
 }
@@ -1664 +1658 @@
 #filters-form {
      border: 1px dashed #999;
-     border-radius: .6rem;
+     border-radius: .5em;
      margin-bottom: 2em;
      padding: .5em 1em 0;
@@ -1708 +1702 @@
      margin-top: 1em;
      line-height: 22px;
-     padding: 0 1rem; 
+     padding: 0 .75em; 
      border: 1px solid #ddd;
      overflow: hidden; 
@@ -1793 +1787 @@
           margin:0;
           padding:0;
+          line-height: 32px; /* ie < 9 sucks */
           line-height: 3.2rem;
      }
-     #info-box1 {margin-left: 1rem;}
-     #info-box1 select {width: 14rem;}
+     #info-box1 {margin-left: .75em;}
+     #info-box1 select {width: 140px; width: 14rem;}
      #main-menu, #main, #content, #content h2, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child {
      display:block;
@@ -1816 +1811 @@
      #info-box2 {float:none;}
      #dashboard-items div {display: block;margin-bottom: 1em; padding: 0 1em;}
-     #help-button {height:26px; width:26px; background-color: #A2CBE9; padding: 0; margin:0;font-size: 1rem;line-height: 68px}
+     #help-button {height:26px; width:26px; background-color: #A2CBE9; padding: 0; margin:0;font-size:10px; font-size: 1rem;line-height: 68px}
 }
 @media screen and (max-width: 492px) {
-     #header {height:3.6rem;}
-     #wrapper {font-size: 1.6rem;}
+     #header {height: 36px; height: 3.6rem;}
+     #wrapper {font-size: 16px; font-size: 1.6rem;}
      .page-title, #info-boxes, .media-item {display: inline-block;}
      div.media-list .media-item {width: 90%; float: none}
-     #info-box1 select {width: 12rem; margin-right: .6rem;}
+     #info-box1 select {width: 120px; width: 12rem; margin-right: .6rem;}
      #info-box1 p.nomobile, label.nomobile {display: none;}
 }