Permalink
Browse files

Cookie clearing is now customizable to domains

  • Loading branch information...
1 parent 63ed7d4 commit 03005762932d7947228a70df10adb9aa0dc43343 Benjamin Bojko committed Feb 7, 2012
View
@@ -1,3 +1,4 @@
.DS_Store
cert/
-*z_old*
+*z_old*
+psd/
Binary file not shown.
@@ -1,6 +1,6 @@
<?xml version='1.0' encoding='UTF-8'?>
<gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
<app appid='phhnmfkcbhdhikdlencmfaeocifheedh'>
- <updatecheck codebase='https://github.com/bigspaceship/Clear-Cache-Extension/raw/master/bin/clear-cache-0.1.5.1.crx' version='0.1.5.1' prodversionmin="18.0.1003.1" />
+ <updatecheck codebase='https://github.com/bigspaceship/Clear-Cache-Extension/raw/master/bin/clear-cache-0.1.5.2.crx' version='0.1.5.2' />
</app>
</gupdate>
View
@@ -117,15 +117,13 @@ li aside {
font-size: 0.625em;
/* hide by default */
- /* display: none;*/
-
+ display: none;
}
li aside p {
display: block;
font-size: 1.6em;
font-weight: 300;
text-align: center;
- text-transform: capitalize;
margin: 1.5em 0;
padding: 1em 0;
border-top: 1px dashed rgba(85, 98, 112, 0.25);
@@ -141,27 +139,83 @@ li aside p input[type='radio']:first-of-type {
li aside p input[type='radio'] + label {
cursor: pointer;
}
+li aside ol {
+ padding: 0 0 0 0;
+}
+li aside legend {
+ display: none;
+ width: 100%;
+ text-align: center;
+ font-weight: 100;
+ font-size: 1.6em;
+ font-style: italic;
+}
+li aside ol:empty ~ legend {
+ display: block;
+}
+li aside li {
+ display: block;
+ text-align: center;
+}
+li aside input[type='text'] {
+ display: inline-block;
+ width: 85%;
+}
+li aside input[type='text'].error {
+ background: rgba(255, 0, 0, 0.25);
+}
+li aside input[type='text'] + a {
+ display: inline-block;
+ line-height: 1.6em;
+ margin-left: 0.8em;
+}
li aside a.add {
display: inline-block;
- width: 100%;
- height: 100%;
+ overflow: hidden;
+ background: transparent url('../img/icon_sprite.png') no-repeat 0 -64px;
+ text-indent: -999999px;
+ width: 32px;
+ height: 32px;
}
-li .suboption {
- font-weight: 100;
- font-size: 50%;
- text-transform: capitalize;
- vertical-align: 25%;
+li aside a.add:hover {
+ background-position: -32px -64px;
+}
+li aside a.remove {
+ display: inline-block;
+ overflow: hidden;
+ background: transparent url('../img/icon_sprite.png') no-repeat -4px -36px;
+ text-indent: -999999px;
+ width: 24px;
+ height: 24px;
+ -webkit-transform: rotate(0deg) scale(1);
+ -webkit-transition: -webkit-transform 400ms ease-out;
+}
+li aside a.remove:hover {
+ background-position: -36px -36px;
+}
+li aside .hidden a.remove {
+ -webkit-transform: rotate(360deg) scale(0);
+ -webkit-transition: -webkit-transform 200ms ease-in-out;
+}
+li a.filters {
padding-left: 1em;
+ display: inline-block;
+ overflow: hidden;
+ background: transparent url('../img/icon_sprite.png') no-repeat -6px -6px;
+ text-indent: -999999px;
+ width: 16px;
+ height: 16px;
+}
+li a.filters:hover {
+ background-position: -38px -6px;
}
a {
text-decoration: none;
- /*-webkit-transition: color 125ms ease-in-out;
- -moz-transition: color 125ms ease-in-out;*/
+ /*-webkit-transition: color 125ms ease-in-out;*/
}
a:hover {
- /*-webkit-transition: color 50ms ease-in-out;
- -moz-transition: color 50ms ease-in-out;*/
+ /*-webkit-transition: color 50ms ease-in-out;*/
color: #ff6b6b;
}
View
@@ -19,6 +19,9 @@
@color-highlight: @palette-d;
@color-copy: @palette-a;
+@base-font-size: 1.6em;
+@base-line-height: 1.6em;
+
body {
margin: 0;
padding: 0;
@@ -70,7 +73,7 @@ h1, h2, h3 {
}
h1 {
color: @color-headlines;
- font-size: 4em;
+ font-size: 2.5*@base-font-size;
text-align: center;
text-transform: absolute;
@@ -80,11 +83,11 @@ h1 {
}
h2 {
color: @color-headlines;
- font-size: 3.2em;
+ font-size: 2*@base-font-size;
text-transform: capitalize;
}
h3 {
- font-size: 1.6em;
+ font-size: @base-font-size;
font-weight: 300;
text-align: center;
text-transform: capitalize;
@@ -105,7 +108,7 @@ h3 {
padding-top: 1em;
}
h1 + p {
- font-size: 1.6em;
+ font-size: @base-font-size;
font-weight: 300;
text-align: center;
margin: 0 0 -0.75em 0;
@@ -117,7 +120,7 @@ h1 + p {
ul,
ol {
- font-size: 1.6em;
+ font-size: @base-font-size;
margin: 0;
padding-left: 1em;
}
@@ -140,7 +143,7 @@ li {
}
input[type='checkbox'],
input[type='radio'] {
- margin-right: 1.6em;
+ margin-right: @base-font-size;
&:checked + a {
color: @color-highlight;
@@ -149,24 +152,23 @@ li {
aside {
/* reset font size */
- font-size: 1/1.6em;
+ font-size: 1/@base-font-size;
/* hide by default */
-/* display: none;*/
+ display: none;
p {
display: block;
- font-size: 1.6em;
+ font-size: @base-font-size;
font-weight: 300;
text-align: center;
- text-transform: capitalize;
margin: 1.5em 0;
padding: 1em 0;
border-top: 1px dashed rgba(85,98,112,0.25);
border-bottom: 1px dashed rgba(85,98,112,0.25);
input[type='radio'] {
- margin-right: 0.8em;
- margin-left: 1.6em;
+ margin-right: @base-font-size/2;
+ margin-left: @base-font-size;
&:first-of-type {
margin-left: 0;
@@ -178,29 +180,66 @@ li {
}
}
+ ol {
+ padding: 0 0 0 0;
+ }
+
+ legend {
+ display: none;
+ width: 100%;
+ text-align: center;
+ font-weight: 100;
+ font-size: @base-font-size;
+ font-style: italic;
+ }
+ ol:empty ~ legend {
+ display: block;
+ }
+
+ li {
+ display: block;
+ text-align: center;
+ }
+
+ input[type='text'] {
+ display: inline-block;
+ width: 85%;
+
+ &.error {
+ background: rgba(255,0,0,0.25);
+ }
+ }
+ input[type='text'] + a {
+ display: inline-block;
+ line-height: @base-font-size;
+ margin-left: @base-font-size/2;
+ }
+
a.add {
- display: inline-block;
- width: 100%;
- height: 100%;
+ .sprite('../img/icon_sprite.png', 32px, 32px, 0, 2*32px, 32px, 2*32px);
+ }
+ a.remove {
+ .sprite('../img/icon_sprite.png', 24px, 24px, 4px, 1*32px+4px, 32px+4px, 1*32px+4px);
+ -webkit-transform: rotate(0deg) scale(1);
+ -webkit-transition: -webkit-transform 400ms ease-out;
+ }
+ .hidden a.remove {
+ -webkit-transform: rotate(360deg) scale(0);
+ -webkit-transition: -webkit-transform 200ms ease-in-out;
}
}
- .suboption {
- font-weight: 100;
- font-size: 50%;
- text-transform: capitalize;
- vertical-align: 25%;
+ a.filters {
padding-left: 1em;
+ .sprite('../img/icon_sprite.png', 16px, 16px, 6px, 6px, 32px+6px, 6px);
}
}
a {
text-decoration: none;
- /*-webkit-transition: color 125ms ease-in-out;
- -moz-transition: color 125ms ease-in-out;*/
+ /*-webkit-transition: color 125ms ease-in-out;*/
}
a:hover {
- /*-webkit-transition: color 50ms ease-in-out;
- -moz-transition: color 50ms ease-in-out;*/
+ /*-webkit-transition: color 50ms ease-in-out;*/
color: @color-highlight;
}
@@ -213,4 +252,17 @@ a:hover {
&.error {
color: @palette-e;
}
+}
+
+.sprite( @url, @width, @height, @x, @y, @x-hover, @y-hover ){
+ display: inline-block;
+ overflow: hidden;
+ background: transparent url(@url) no-repeat -@x -@y;
+ text-indent: -999999px;
+ width: @width;
+ height: @height;
+
+ &:hover {
+ background-position: -@x-hover -@y-hover;
+ }
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit 0300576

Please sign in to comment.