256 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 100+ members
  • Has sold $125,000+ on Envato Market
  • Located in Belgium
+9 more
Sitebase says

I think it’s a good idea for authors of Themeforest to read this topic: http://codecanyon.net/forums/thread/encrypting-source-files/26665

I’m working on something for hiding the CSS of a file. Check out my comment at page 2 of that topic and let me know what you think.

2324 posts
  • Has referred 100+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+6 more
CreativeMilk says

Taken a small look at it, and it transform css into js?

Great to see this kind of cool tools!! Keep up the good work ;)

256 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 100+ members
  • Has sold $125,000+ on Envato Market
  • Located in Belgium
+9 more
Sitebase says

Thanks Mark. It does some other nifty things to with the code. At first it seems simple to crack but try it and you will see …

444 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in United Kingdom
TahaH-Studio says

I dont know, but I guess your aim is to make a mess of the css file :D.. I saved the page. I got the css but pretty much its two line and repeated loads of times with some random generated code beside it. and actually most of the usefull css is inline.

537 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Interviewed on an Envato blog
+7 more
Hein says

@sitebase,

Looks like it works for me, I’ve take a look at the css file with the build-in developer tool of Chrome (Mac OS X ) and this is what I’ve got.

This could indeed be a solution to the problem here, only you can’t completely stop this from happening since I’m sure that there are buyers who share there files after purchasing.

256 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 100+ members
  • Has sold $125,000+ on Envato Market
  • Located in Belgium
+9 more
Sitebase says

@Hein: Check out my comment in the other topic. If you use only that CSS the navigation would not work.

1040 posts Best-dressed man at PressNomics 2013
  • Has sold $1M+ on Envato Market and is now a Power Elite Author
  • Power Elite Author: Sold more than $1M on Envato Market
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
+10 more
Parallelus says
@sitebase,

Looks like it works for me, I’ve take a look at the css file with the build-in developer tool of Chrome (Mac OS X ) and this is what I’ve got.

This could indeed be a solution to the problem here, only you can’t completely stop this from happening since I’m sure that there are buyers who share there files after purchasing.

Ok, ImageShack just crashed my browser and exploded new windows with ads all over the place. That sucked big time, thanks for the link. ;)

So, does this allow the CSS to be cached on the browser? Obfuscation is just a way to deter. I’ve noticed that now people are buying themes (and other marketplace items) and just posting the purchased files for free on other sites. Unless we want to embed unique serial numbers that require you to register your domain and prevent multiple uses of a single purchased file it’s not likely to have much impact.

By the way, even with domain licensing and serial numbers they can still get around it :)

Here’s how I look at it. If companies as big as Apple, Microsoft and Adobe can’t stop you from pirating their products, neither can we. I take the time to do moderate piracy protection on my demo sites but don’t spend too much time on it.

1040 posts Best-dressed man at PressNomics 2013
  • Has sold $1M+ on Envato Market and is now a Power Elite Author
  • Power Elite Author: Sold more than $1M on Envato Market
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
+10 more
Parallelus says

Ok, it took a couple minutes to figure out how, but you can decrypt the CSS in less than a minute.

  1. Copy the CSS code from the file
  2. Past it into CssCompressor.com
  3. Set compression on “Standard” and check the box for “Sort Properties”

Returns the following:

a:visited {
    color:purple!important
}
ul.navigation li a:hover {
    background-color:#eee!important;
    color:#333!important
}
ul.navigation li a:link, ul.navigation li a:visited {
    border:solid 1px #ccc!important;
    color:#999!important;
    display:block!important;
    margin-right:2px!important;
    padding:2px 4px!important;
    text-decoration:none!important
}
ul.navigation li.active a:hover, ul.navigation li.active a:link, ul.navigation li.active a:visited {
    border-color:#333!important;
    color:#333!important
}
831 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
tigerlabs says
you can decrypt the CSS in less than a minute.

Owned. :D

1040 posts Best-dressed man at PressNomics 2013
  • Has sold $1M+ on Envato Market and is now a Power Elite Author
  • Power Elite Author: Sold more than $1M on Envato Market
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
+10 more
Parallelus says

Also, just got this from the JS file using simple find and replace. All you would have to do is write a regular expression and it could decrypt the entire file at once.

b {
    font-weight:700
}
i {
    font-style:italic
}
u {
    text-decoration:underline
}
.navigation {
    font-size:.9em
}
ul.navigation {
    list-style:none;
    margin:0;
    padding:0
}
ul.navigation li {
    display:block;
    float:left
}
.navigation li, .navigation li a {
    margin:0;
    padding:0
}
by
by
by
by
by
by