Prepend all css selectors with .staticman-comments

Edit suggested by theme owner to avoid CSS rules overriding.
daattali · Dec 24, 2018 · dcaeaf3 · dcaeaf3
1 parent 7bb1536
commit dcaeaf3
Showing 1 changed file with 39 additions and 39 deletions.
diff --git a/css/staticman.css b/css/staticman.css
@@ -1,37 +1,37 @@
-/* ==========================================================================
+/* ==========================================================================
  Forms
  ========================================================================== */
-form {
+.staticman-comments form {
   margin: 0 0 5px 0;
   padding: 1em;
   background-color: #f2f3f3;
 }
-form p {
+.staticman-comments form p {
   margin-bottom: 2.5px;
 }
-form br {
+.staticman-comments form br {
   display: none;
 }
-label, input, button, textarea {
+.staticman-comments label, .staticman-comments input, .staticman-comments button, .staticman-comments textarea {
   vertical-align: baseline;
   vertical-align: middle;
 }
-input, button, textarea {
+.staticman-comments input, .staticman-comments button, .staticman-comments textarea {
   box-sizing: border-box;
 }
-label {
+.staticman-comments label {
   display: block;
   margin-bottom: 0.25em;
   color: #494e52;
   cursor: pointer;
 }
-label small {
+.staticman-comments label small {
   font-size: 0.75em;
 }
-label input, label textarea, {
+.staticman-comments label input, .staticman-comments label textarea {
   display: block;
 }
-input, textarea {
+.staticman-comments input, .staticman-comments textarea {
   display: inline-block;
   width: 100%;
   padding: 0.25em;
@@ -42,145 +42,145 @@ input, textarea {
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
 }
-.input-mini {
+.staticman-comments .input-mini {
   width: 60px;
 }
-.input-small {
+.staticman-comments .input-small {
   width: 90px;
 }
-input[type="button"], input[type="reset"], input[type="submit"] {
+.staticman-comments input[type="button"], .staticman-comments input[type="reset"], .staticman-comments input[type="submit"] {
   width: auto;
   height: auto;
   cursor: pointer;
   overflow: visible;
 }
-textarea {
+.staticman-comments textarea {
   resize: vertical;
   height: auto;
   overflow: auto;
   vertical-align: top;
 }
-input[type="hidden"] {
+.staticman-comments input[type="hidden"] {
   display: none;
 }
-.form {
+.staticman-comments .form {
   position: relative;
 }
 /*
  Disabled state
  ========================================================================== */
-input[disabled][disabled], textarea[disabled], input[readonly][readonly], textarea[readonly] {
+.staticman-comments input[disabled][disabled], .staticman-comments textarea[disabled], .staticman-comments input[readonly][readonly], .staticman-comments textarea[readonly] {
   opacity: 0.5;
   cursor: not-allowed;
 }
 /*
  Focus & active state
  ========================================================================== */
-input:focus, textarea:focus {
+.staticman-comments input:focus, .staticman-comments textarea:focus {
   border-color: #7a8288;
   outline: 0;
   outline: thin dotted \9;
   box-shadow: inset 0 1px 3px rgba(73, 78, 82, 0.06), 0 0 5px rgba(122, 130, 136, 0.7);
 }
-input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus:focus {
+.staticman-comments input[type="file"]:focus, .staticman-comments input[type="radio"]:focus, .staticman-comments input[type="checkbox"]:focus:focus {
   box-shadow: none;
 }
 /*
  Help text
  ========================================================================== */
-.help-block {
+.staticman-comments .help-block {
   color: #898c8e;
 }
-.help-block {
+.staticman-comments .help-block {
   display: block;
   margin-bottom: 1em;
   line-height: 1em;
 }
 /*
  .form-group
  ========================================================================== */
-.form-group {
+.staticman-comments .form-group {
   margin-bottom: 5px;
   padding: 0;
   border-width: 0;
 }
 /*
  Comments
  ========================================================================== */
-.page__comments {
+.staticman-comments .page__comments {
   float: left;
   margin-left: 0;
   margin-right: 0;
   width: 100%;
   clear: both;
 }
-.page__comments-title {
+.staticman-comments .page__comments-title {
   margin-top: 2rem;
   margin-bottom: 10px;
   padding-top: 2rem;
   border-top: 1px solid #f2f3f3;
 }
-.page__comments-form {
+.staticman-comments .page__comments-form {
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
-.page__comments-form.disabled input, .page__comments-form.disabled button, .page__comments-form.disabled textarea, .page__comments-form.disabled label {
+.staticman-comments .page__comments-form.disabled input, .staticman-comments .page__comments-form.disabled button, .staticman-comments .page__comments-form.disabled textarea, .staticman-comments .page__comments-form.disabled label {
   pointer-events: none;
   cursor: not-allowed;
   filter: alpha(opacity=65);
   box-shadow: none;
   opacity: 0.65;
 }
-.comment {
+.staticman-comments .comment {
   margin: 1em 0;
 }
-.comment:not(:last-child) {
+.staticman-comments .comment:not(:last-child) {
   border-bottom: 1px solid #f2f3f3;
 }
-.comment__avatar-wrapper {
+.staticman-comments .comment__avatar-wrapper {
   float: left;
   width: 60px;
   height: 60px;
 }
-.comment__avatar {
+.staticman-comments .comment__avatar {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
-.comment__content-wrapper {
+.staticman-comments .comment__content-wrapper {
   width: calc(100% - 60px);
 }
-.comment__author {
+.staticman-comments .comment__author {
   margin: 0;
 }
-.comment__author a {
+.staticman-comments .comment__author a {
   text-decoration: none;
 }
-.comment__date {
+.staticman-comments .comment__date {
   margin: 0;
 }
-.comment__date a {
+.staticman-comments .comment__date a {
   text-decoration: none;
 }
 /* ==========================================================================
  PRINT STYLES
  ========================================================================== */
-@media print {
+.staticman-comments @media print {
   /*
    Hide the following elements on print
    ========================================================================== */
-  [hidden] {
+.staticman-comments [hidden] {
     display: none;
   }
-  .masthead, .toc, .page__share, .page__related, .pagination, .ads, .page__footer, .page__comments-form, .author__avatar, .author__content, .author__urls-wrapper, .nav__list, .sidebar, .adsbygoogle {
+.staticman-comments .masthead, .staticman-comments .toc, .staticman-comments .page__share, .staticman-comments .page__related, .staticman-comments .pagination, .staticman-comments .ads, .staticman-comments .page__footer, .staticman-comments .page__comments-form, .staticman-comments .author__avatar, .staticman-comments .author__content, .staticman-comments .author__urls-wrapper, .staticman-comments .nav__list, .staticman-comments .sidebar, .staticman-comments .adsbygoogle {
     display: none !important;
     height: 1px !important;
   }
 }
 /*
  Post pagination navigation links
  ========================================================================== */
-.page__comments + .pagination {
+.staticman-comments .page__comments + .staticman-comments .pagination {
   margin-top: 2em;
   padding-top: 2em;
   border-top: 1px solid #f2f3f3;