CSS maintenance: drop unused classes, some vendor prefixes.

templates/2k11/admin/media_upload.tpl

@@ -19,7 +19,7 @@
                 </div>
 
                 <div class="form_field clearfix">
-                    <label for="target_filename_1" class="uploadform_target_filename_label">{$CONST.SAVE_FILE_AS} <span class="input-desc image-upload">{$CONST.PLAIN_ASCII_NAMES}</span></label>
+                    <label for="target_filename_1" class="uploadform_target_filename_label">{$CONST.SAVE_FILE_AS} <span>{$CONST.PLAIN_ASCII_NAMES}</span></label>
                     <input id="target_filename_1" class="uploadform_target_filename" name="serendipity[target_filename][1]" type="text" value="">
                 </div>
 

templates/2k11/admin/style.css

@@ -307,27 +307,6 @@ nav ol {
 
 /* GENERIC CSS HELPER CLASSES
    ----------------------------------------------------------------- */
-/* Image replacement */
-.ir {
-    background-color: transparent;
-    border: 0;
-    overflow: hidden;
-    *text-indent: -9999px;
-}
-
-.ir:before {
-    content: "";
-    display: block;
-    width: 0;
-    height: 100%;
-}
-
-/* Hide from both screenreaders and browsers */
-.hidden {
-    display: none !important;
-    visibility: hidden;
-}
-
 /* Hide only visually, but have it available for screenreaders */
 .visuallyhidden {
     border: 0;
@@ -340,23 +319,6 @@ nav ol {
     width: 1px;
 }
 
-/* Extends the .visuallyhidden class to allow the element
-   to be focusable when navigated to via the keyboard */
-.visuallyhidden.focusable:active,
-.visuallyhidden.focusable:focus {
-    clip: auto;
-    height: auto;
-    margin: 0;
-    overflow: visible;
-    position: static;
-    width: auto;
-}
-
-/* Hide visually and from screenreaders, but maintain layout */
-.invisible {
-    visibility: hidden;
-}
-
 /* Clearfix: contain floats */
 .clearfix:before,
 .clearfix:after {
@@ -440,10 +402,6 @@ nav ol {
    ----------------------------------------------------------------- */
 #tooltip {
     background: #222;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
-    -o-border-radius: 4px;
     border-radius: 4px;
     color: #fcfcfc;
     font-size: .875em;
@@ -600,8 +558,6 @@ button:focus,
 input:focus,
 select:focus,
 textarea:focus {
-    -webkit-box-shadow: #0066ff 0 0 5px 0;
-    -moz-box-shadow: #0066ff 0 0 5px 0;
     box-shadow: #0066ff 0 0 5px 0;
     z-index: 1;
 }
@@ -612,8 +568,6 @@ input[type="radio"]:focus,
 input[type="radio"]:active,
 input[type="checkbox"]:focus,
 input[type="checkbox"]:active {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
     box-shadow: none;
 }
 
@@ -622,13 +576,7 @@ button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
-    -o-border-radius: 4px;
     border-radius: 4px;
-    -webkit-background-clip: padding;
-    -moz-background-clip: padding;
     background-clip: padding-box;
     border: 1px solid;
     line-height: normal;
@@ -718,8 +666,6 @@ input[type="button"]:active {
     background-image: -moz-linear-gradient(#fff, #ddd 1px, #eee);
     background-image: -o-linear-gradient(#fff, #ddd 1px, #eee);
     background-image: linear-gradient(#fff, #ddd 1px, #eee);
-    -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
-    -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
     box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
     border-color: #999 #bbb #ddd;
 }
@@ -783,13 +729,7 @@ input[type="url"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    -webkit-background-clip: padding;
-    -moz-background-clip: padding;
     background-clip: padding-box;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    -ms-border-radius: 0;
-    -o-border-radius: 0;
     border-radius: 0;
     -webkit-appearance: none;
     background-color: #fafafa;
@@ -826,8 +766,6 @@ select[disabled],
 select[disabled] option,
 select[disabled] optgroup,
 textarea[disabled] {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
     box-shadow: none;
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
@@ -854,8 +792,6 @@ textarea.placeholder_text {
 }
 
 :invalid {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
     box-shadow: none;
 }
 
@@ -1288,10 +1224,8 @@ main {
    ----------------------------------------------------------------- */
 #top {
     background: #ccdee7;
-    color: #3e5f81;
-    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
-    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.5);
     box-shadow: 0 1px 4px rgba(0,0,0,.5);
+    color: #3e5f81;
 }
 
 #top a,
@@ -1493,8 +1427,6 @@ form > .button_link:first-of-type {
 }
 
 #serendipity_iframe {
-    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
-    -moz-box-shadow: 0 0 4px rgba(0,0,0,.5);
     box-shadow: 0 0 4px rgba(0,0,0,.5);
     margin-top: 1.5em;
 }
@@ -1809,8 +1741,9 @@ form > .button_link:first-of-type {
 .no-js .template_show_info,
 .no-js .comment_summary,
 .no-js .editor_toolbar,
-.js .additional_info {
-    display: none;
+.js .additional_info,
+.hidden {
+    display: none !important;
     visibility: hidden;
 }