Merge pull request #91 from isubit/INTERIM-18

INTERIM 18 - Fixed :focus styling
isubit · Feb 28, 2017 · 809fb10 · 809fb10
2 parents 02323da + 3469eb1
commit 809fb10
Showing 1 changed file with 12 additions and 35 deletions.
diff --git a/css/suitcase.css b/css/suitcase.css
@@ -76,12 +76,6 @@ span { color: #333333; }
 a, a:link, a:visited { color: #cc0000; }
 a em, a:link em, a:hover em, a:visited em { color: inherit; }
 
-a:focus {
-    outline-style: solid;
-    outline-color: #F1BE48;
-    outline-width: 2px;
-}
-
 a > .fa { margin-right: 10px; }
 
 a.button {
@@ -299,16 +293,6 @@ input[type=text], textarea {
     border: 1px solid #DDDDDD;
 }
 
-input[type=text]:focus, textarea:focus {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    border: 1px solid #F1BE48;
-    outline-style: solid;
-    outline-color: #F1BE48;
-    outline-width: 1px;
-}
-
 input[type="password"] {
     height: 3em;
     padding: 0;
@@ -341,10 +325,6 @@ figure .insert-default-image-styling + figcaption {
     margin: 0.5rem;
 }
 
-a img:focus {
-    border: 2px #F1BE48;
-}
-
 /* CK Editor Enhanced Images */
 
 figure.image {
@@ -381,6 +361,17 @@ figure.image.floated-right { margin: 0.25rem 0 0.25rem 1rem; }
 figure.image.floated-left img,
 figure.image.floated-right img { margin: 0; }
 
+/* -------------------- */
+/* :focus */
+/* -------------------- */
+
+*:focus {
+    -webkit-box-shadow: 0 0 5px 0 #0066ff;
+    -moz-box-shadow: 0 0 5px 0 #0066ff;
+    box-shadow: 0 0 5px 0 #0066ff !important;
+    outline: 0 !important;
+}
+
 /* -------------------- */
 /* ## UTILITY 
 /* -------------------- */
@@ -487,12 +478,6 @@ figure.image.floated-right img { margin: 0; }
     transition: all 0.25s ease;
 }
 
-#isu-menu-nav .sm ul a:focus,
-#isu-menu-nav .sm ul a:active,
-#isu-menu-nav .sm ul a.highlighted {
-    border: 2px #F1BE48;
-}
-
 #isu-menu-nav #isu-index-menu { float: left; }
 
 #isu-menu-nav #isu-index-menu ul a,
@@ -1174,8 +1159,7 @@ a:hover > .fa-instagram {
 }
 .form-text.transparent:focus { border: none; }
 
-.region-search-inner input[type=submit],
-.region-search-inner input[type=submit]:focus {
+.region-search-inner input[type=submit] {
     margin: 0 0 0 20px;
     background-color: transparent;
     background-image: url(../images/search.png);
@@ -1186,13 +1170,6 @@ a:hover > .fa-instagram {
     box-shadow: none;
 }
 
-.region-search-inner input[type=text],
-.region-search-inner input[type=text]:focus,
-.region-search-inner textarea:focus {
-    border: none;
-    box-shadow: none;
-}
-
 .page-search input#edit-keys,
 .page form#search-block-form .form-item-search-block-form input.form-text {
     width: calc(100% - 62px);