Skip to content

Instantly share code, notes, and snippets.

@showroom101

showroom101/GrayScale.css

Forked from tonmanna/GrayScale.css
Last active October 17, 2016 04:20
Show Gist options
  • Save showroom101/7cc1e96de1a9f2a5a492c5d763046a4b to your computer and use it in GitHub Desktop.
Save showroom101/7cc1e96de1a9f2a5a492c5d763046a4b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. leifstyle revised this gist Oct 14, 2016. No changes.
  2. leifstyle revised this gist Oct 14, 2016. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -12,8 +12,8 @@ p, h1, h2, h3, h4, body ,ol, ul, button, a , a:hover{
    }

    .itopplus-background{
    background-blend-mode: luminosity !important;
    background-color: transparent !important;
    background-blend-mode: luminosity !important;
    background-color: #ffffff !important;
    }

    .nav{
  3. leifstyle revised this gist Oct 14, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -12,7 +12,7 @@ p, h1, h2, h3, h4, body ,ol, ul, button, a , a:hover{
    }

    .itopplus-background{
    background-image: none !important;
    background-blend-mode: luminosity !important;
    background-color: transparent !important;
    }

  4. leifstyle revised this gist Oct 14, 2016. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -13,6 +13,7 @@ p, h1, h2, h3, h4, body ,ol, ul, button, a , a:hover{

    .itopplus-background{
    background-image: none !important;
    background-color: transparent !important;
    }

    .nav{
  5. leifstyle revised this gist Oct 14, 2016. No changes.
  6. leifstyle revised this gist Oct 14, 2016. 1 changed file with 21 additions and 23 deletions.
    44 changes: 21 additions & 23 deletions GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,35 +1,33 @@
    img {
    -moz-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    -o-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%) !important;
    img {
    -moz-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    -o-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%) !important;
    }

    div,p,h1,h2,h3,h4,body{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    p, h1, h2, h3, h4, body ,ol, ul, button, a , a:hover{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    }

    .itopplus-background
    {
    background-image : none !important
    .itopplus-background{
    background-image: none !important;
    }

    .nav{
    background :none;
    background-color:black !important;
    color : white !important;
    background :none;
    background-color:black !important;
    color : white !important;
    }
    .nav-menu{
    background :none;
    background-color:black !important;
    color : white !important;
    background :none;
    background-color:black !important;
    color : white !important;
    }
    .navbar-default
    {
    background :none;
    background-color:black !important;
    color : white !important;
    background :none;
    background-color:black !important;
    color : white !important;
    }
  7. @tonmanna tonmanna revised this gist Oct 13, 2016. 1 changed file with 9 additions and 6 deletions.
    15 changes: 9 additions & 6 deletions GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,15 @@
    img {
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%)
    -moz-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    -o-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%) !important;
    }

    div,p,h1,h2,h3,h4,body{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    }

    .itopplus-background
  8. @tonmanna tonmanna revised this gist Oct 13, 2016. 1 changed file with 15 additions and 15 deletions.
    30 changes: 15 additions & 15 deletions GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,32 +1,32 @@
    img {
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%)
    filter: grayscale(100%)
    }
    div,p,h1,h2,h3,h4,body{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    }

    .itopplus-background
    {
    background-image : none !important
    background-image : none !important
    }

    .nav{
    background :none;
    background-color:black !important;
    color : white !important;
    background :none;
    background-color:black !important;
    color : white !important;
    }
    .nav-menu{
    background :none;
    background-color:black !important;
    color : white !important;
    background :none;
    background-color:black !important;
    color : white !important;
    }
    .navbar-default
    {
    background :none;
    background-color:black !important;
    color : white !important;
    background :none;
    background-color:black !important;
    color : white !important;
    }
  9. @tonmanna tonmanna revised this gist Oct 13, 2016. 1 changed file with 7 additions and 1 deletion.
    8 changes: 7 additions & 1 deletion GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -2,12 +2,18 @@ img {
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%)
    }
    div {
    div,p,h1,h2,h3,h4,body{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    }

    .itopplus-background
    {
    background-image : none !important
    }

    .nav{
    background :none;
    background-color:black !important;
  10. @tonmanna tonmanna created this gist Oct 13, 2016.
    26 changes: 26 additions & 0 deletions GrayScale.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    img {
    -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
    filter: grayscale(100%)
    }
    div {
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    }
    .nav{
    background :none;
    background-color:black !important;
    color : white !important;
    }
    .nav-menu{
    background :none;
    background-color:black !important;
    color : white !important;
    }
    .navbar-default
    {
    background :none;
    background-color:black !important;
    color : white !important;
    }