View
Theme
Font Style
7pt
8pt
9pt
10pt
11pt
Line Style
100%
110%
120%
130%
140%
Bold Keyword
Default
Inspector
Kkaefer
Eclipse
SQ Light
Lesser
Dark
Cobalt
Monokai
Rubyblue
Night
SQ Dark
Ambiance
Blackboard
Line Num.
Wrap Lines
Preview
Redraw
JS Tab
HTML Tab
CSS Tab
Live Tab
Prev. Tab
Next Tab
Browser
History…
Help
Edit
Settings
Auto Complete
Match Brackets
Match Highlight
Strip Whitespace
Auto Close Brackets
Auto Close Quotes
Show Print Margin
Undo
Redo
Delete
Select Line
Select All
Find & Replace
Find
Find in Repo.
Find Next
Find Previous
Replace Single
Replace All
Wrap Search
Revert
As Template
Diff Revision
Format
Compress
Text
Zen Coding
Indent
Tab Width
1
2
3
4
5
6
7
8
Indent Unit
1
2
3
4
5
6
7
8
Smart Indent
Use Tabs
Visible Tabs
Shift Left
Shift Right
Put Indent
Number
Increment by 1
Decrement by 1
Increment by 0.1
Decrement by 0.1
Increment by 10
Decrement by 10
Simple Math
Comment
Line
Move Up
Move Down
Copy Up
Copy Down
Go to Line…
Remove Line
Next Point
Prev. Point
Help
Share
Login
You can jump to the latest bin by adding
/latest
to your URL
×
z
Find
→
←
⟲
Replace
⊗
All
Replace
var g=void 0,o=!0,q=null,r=!1;"."===location.hostname[location.hostname.length-1]&&(location.hostname=location.hostname.substr(0,location.hostname.length-1));var s; (function(){function u(a){return 10>a?"0"+a:""+a}var p=document.createElement("div");p.style.cssText="background-color:rgba(150,255,150,.5)";if(-1!==window.navigator.userAgent.indexOf("MSIE")&&-1===p.style.backgroundColor.indexOf("rgba")&&-1===location.href.indexOf("passtest"))document.body.innerHTML="
You seem to use an old version of Internet Explorer.
Please upgrade to Internet Explorer 9.
",s=g;else{s= {};document.getElementsByTagName&&(document.head=document.head||document.getElementsByTagName("head")[0],document.body=document.body||document.getElementsByTagName("body")[0],document.i=document.documentElement);Date.prototype.r=function(a){var b=this.getHours();a&&(b%=12,0==b&&(b=12));return u(b)};Date.prototype.s=function(){return u(this.getMinutes())};Date.prototype.add=function(a,b,c,d){d===g&&(d=0);d=this.getMilliseconds()+d;c=this.getSeconds()+c+d/1E3;b=this.getMinutes()+b+c/60;a=this.getHours()+ a+b/60;this.setHours(a%24,b%60,c%60,d%1E3);this.setUTCDate(this.getUTCDate()+a/24);return this};String.prototype.splice||(String.prototype.splice=function(a,b,c,d){s.assert(!d,"implement it");for(var d=[],e=0;e
a||this.a("height")>b)&&--c;)this.style.fontSize=parseInt(this.style.fontSize,10)-1+"px";s.assert(0
www.google.com/chrome"): "Firefox"===f?e+="'http://www.mozilla.com/firefox/'>www.mozilla.com/firefox":"Safari"===f?e+="'http://www.apple.com/safari/download/'>www.apple.com/safari/download":"Explorer"===f?(f="Internet Explorer",e="in order to use "+a+" install the Google Chrome Frame plug-in at
http://code.google.com/chrome/chromeframe
"):e=q;d+="you are using the browser "+f;c.version&&(d+=" "+c.version);d+="
";e&&(d+=e+".
")}d+= a+" supports following browsers:
Internet Explorer
with the
Google Chrome Frame
plug-in
Firefox 3.5
or higher
Safari 5
or higher
Google Chrome 4
or higher
";b&&(d+="
"+b);document.body.innerHTML=d+""};window.console&&(console.print=function(a){console.log(JSON.stringify(a))},console.pb=function(){console&&console.log&&console.log(Error().stack)});s.assert=function(a,b, c,d){if(!a){var e;c||(c=0);c++;e=Error().stack;s.b().f&&console&&console.log&&console.log(e);if(e){e=e.toString().replace(/.*[\s\S]/,"");do e=e.replace(/.*[\s\S]/,"");while(c--);e=/[^\/]*$/.exec(e.split("\n")[0]).toString().replace(/\:[^\:]*$/,"")}e="assertion fail at "+e;b!==g&&(e+=": "+b);if(d)throw e;var f="localhost"===window.location.hostname;if(-1===window.navigator.userAgent.indexOf("MSIE")){console&&console.log&&!f&&console.log(e);for(var j=3;j
=b&&c)return a(0===Math.abs(b)%2?"red":"transparent",d);e=document.createElement("canvas");e.height=32/d;e.width=32/d;var f=e.getContext("2d"),j=b/60|0,l=99
=c&&0<=c,"percent==="+c);j=e.height;l=e.width; f.fillStyle="#0f0";f.fillRect(0,0,l,j);f.moveTo(l/2,0);var m=(2*j+2*l)*c;m<=l/2?m=[l/2+m,0]:(f.lineTo(l,0),m<=l/2+j?m=[l,m-l/2]:(f.lineTo(l,j),m<=l/2+j+l?m=[l-(m-l/2-j),j]:(f.lineTo(0,j),m<=l/2+j+l+j?m=[0,j-(m-l/2-j-l)]:(s.assert(m<=l/2+j+l+j+l/2,c),f.lineTo(0,0),m=[m-(l/2+j+l+j),0]))));f.lineTo(m[0],m[1]);f.lineTo(l/2,j/2);f.fillStyle="#faa";f.fill()}else f.fillStyle="#55F",f.fillRect(0,0,f.canvas.height,f.canvas.width);f.scale(1/d,1/d);f.fillStyle=c===g||c===q?"white":"black";0
$2'); a=a.replace(/(^|\s)((?:www\.)?(?:[a-zA-Z\-]+\.)+(?:com|de|fr|uk|us|es|org|net|im)(?:(?:\/|#)[^\s@]*)?)(?=$|\s)/g,'$1
$2
');return a=a.replace(/(^|\s)([a-zA-Z\-\.]+@[a-zA-Z\-\.]+\.[a-zA-Z\-\.]+)(?=$|\s)/g,'$1
$2
')};s.$a=function(a){return a.replace(/((<)|(>)|(&))/g,function(a,c,d,e,f){if(d)return"<";if(e)return">";if(f)return"&"})};s.rb=function(a,b){function c(){var a=t++;f.clearRect(0,0,e,d);f.beginPath();a/=6* Math.PI;f.arc(e/2,d/2,e/2-l/2,0-Math.PI/4+a,Math.PI/2+a,r);f.stroke();setTimeout(c,10)}s.assert(a&&a.getContext("2d"));var d=parseInt(a.a("height"),10)||parseInt(a.style.height,10)||a.height,e=parseInt(a.a("width"),10)||parseInt(a.style.width,10)||a.width;s.assert(e&&d&&e===d,"! width===height");a.height=d;a.width=e;var f=a.getContext("2d"),j=f.createLinearGradient(0,0,e,d);j.addColorStop(0,b?b:"#888");j.addColorStop(1,b?b:"#555");f.strokeStyle=j;var l=e/8;f.lineWidth=l;var t=0;c()};var h;s.cb=function(a){function b(){if(c){document.i.removeChild(c); document.i.appendChild(c);s.assert(c);c.style.top="";c.style.bottom="";c.style.marginLeft="";c.style.width="";c.style.left="";c.style.overflowY="";var a=parseInt(c.a("width"));c.style.width=a+"px";c.style.marginLeft=-a/2+"px";var b=parseInt(c.a("height"),10),a=parseInt(c.ua().y)-scrollY,b=parseInt(innerHeight)-a-b,f=a+b;0>f?(c.style.top="0",c.style.display="absolute"):a>b&&(c.style.top="auto",c.style.bottom=parseInt(f/2,10)-parseInt(c.a("margin-bottom"))+"px");c.style.overflowY="auto";c.style.left= "50%"}}if(h)return h.Ma(a),h;h={};var c,d,e,f;h.close=function(){var a=r;document.i.classList.remove("popup");if(c)try{document.i.removeChild(c),a=o}catch(b){}if(d)try{document.i.removeChild(d)}catch(t){}c=g;window.clearInterval(e);e=g;f&&(f(),f=g);return a};a||(a=h.close);h.open=function(j,l){s.assert(j&&(j.constructor===String||j.constructor===HTMLDivElement));c&&h.close();document.i.classList.add("popup");var t=document.createElement("div");t.id="popupClose";t.style.width="100%";t.style.textAlign= "center";t.style.clear="both";var m=document.createElement("div");m.style.display="inline-block";m.style.cursor="pointer";var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttributeNS(q,"width","24px");i.setAttributeNS(q,"height","24px");i.setAttributeNS(q,"style","inline-block;cursor: pointer");var k=document.createElementNS("http://www.w3.org/2000/svg","line");k.setAttributeNS(q,"x1",0);k.setAttributeNS(q,"y1",0);k.setAttributeNS(q,"x2",24);k.setAttributeNS(q,"y2",24);k.setAttributeNS(q, "stroke-width","2");k.setAttributeNS(q,"style","inline-block;cursor: pointer");i.appendChild(k);k=document.createElementNS("http://www.w3.org/2000/svg","line");k.setAttributeNS(q,"x1",24);k.setAttributeNS(q,"y1",0);k.setAttributeNS(q,"x2",0);k.setAttributeNS(q,"y2",24);k.setAttributeNS(q,"stroke-width","2");k.setAttributeNS(q,"style","inline-block;cursor: pointer");i.appendChild(k);m.appendChild(i);i=document.createElement("div");i.style.cursor="pointer";i.style.lineHeight="5px";i.innerHTML="
close
"; m.appendChild(i);c=document.createElement("div");c.id="popup";c.style.position="absolute";c.style.zIndex="10001";j.constructor===String?c.innerHTML=j:c.appendChild(j);t.appendChild(m);c.appendChild(t);c.N();document.i.appendChild(c);if(!c.za())return h.close(),setTimeout(function(){arguments.callee(arguments[0],arguments[1],arguments[2],arguments[3])},100),r;document.querySelector("#popupClose *").onclick=a;b();c.show();f=l;d=document.createElement("div");d.id="overlay";d.style.position="fixed";d.style.height= "100%";d.style.width="100%";d.style.top="0";d.style.left="0";d.style.zIndex=parseInt(c.style.zIndex,10)-1;d.onclick=a;document.i.appendChild(d);var n=parseInt(c.a("width"),10),p=parseInt(c.a("height"),10);s.assert(!e);e=window.setInterval(function(){var a=parseInt(c.a("width"),10),f=parseInt(c.a("height"),10);if(a!=n||f!=p)b(),n=a,p=f},100);return o};h.Ma=function(c){a=c};h.qb=b;window.addEventListener("resize",b,r);return h};s.L=function(a){var b=q;a.target?b=a.target:a.srcElement&&(b=a.srcElement); 3==b.nodeType&&(b=b.parentNode);return b};s.gb=function(a,b){s.assert(a.parentElement!==g);do if(a===b)return o;while(a=a.parentElement);return r};s.k=function(a){if("keypress"===a.type){var b={10:"enter",13:"enter",32:" ",37:"left",38:"up",39:"right",40:"down",43:"+",45:"-",47:"/",48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",63:"?",65:"A",66:"B",67:"C",68:"D",69:"E",70:"F",71:"G",72:"H",73:"I",74:"J",75:"K",76:"L",77:"M",78:"N",79:"O",80:"P",81:"Q",82:"R",83:"S",84:"T",85:"U", 86:"V",87:"W",88:"X",89:"Y",90:"Z",97:"a",98:"b",99:"c",100:"d",101:"e",102:"f",103:"g",104:"h",105:"i",106:"j",107:"k",108:"l",109:"m",110:"n",111:"o",112:"p",113:"q",114:"r",115:"s",116:"t",117:"u",118:"v",119:"w",120:"x",121:"y",122:"z",666:"comma dummy"};if(a.p)return b[a.p];if(0===a.charCode)return b[a.keyCode];s.assert(a.charCode);return b[a.charCode]}if("keydown"===a.type||"keyup"===a.type||"change"===a.type)return b={13:"enter",27:"esc",32:" ",37:"left",38:"up",39:"right",40:"down",48:"0", 49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j",75:"k",76:"l",77:"m",78:"n",79:"o",80:"p",81:"q",82:"r",83:"s",84:"t",85:"u",86:"v",87:"w",88:"x",89:"y",90:"z",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",187:"+",189:"-",666:"comma dummy"},a.p?b[a.p]:b[a.keyCode];s.assert(r)};(function(){if(!Element.prototype.hasOwnProperty("classList")){var a=/^\s+|\s+$/g,b=function(a,c){if(""===c)throw"SYNTAX_ERR"; if(/\s/.test(c))throw s.assert(r),"INVALID_CHARACTER_ERR";return a.indexOf(c)},c=function(){var c=this,e=c.className.replace(a,"").split(/\s+/);return{length:e.length,item:function(a){return e[a]||q},contains:function(a){return-1!==b(e,a)},add:function(a){-1===b(e,a)&&(e.push(a),this.length=e.length,c.className=e.join(" "))},remove:function(a){a=b(e,a);-1!==a&&(e.splice(a,1),this.length=e.length,c.className=e.join(" "))},toggle:function(a){-1===b(e,a)?this.add(a):this.remove(a)},toString:function(){return c.className}}}; Object.defineProperty?Object.defineProperty(Element.prototype,"classList",{get:c}):Object.prototype.__defineGetter__&&Element.prototype.__defineGetter__("classList",c)}})();s.w=function(){var a={},b=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame,c=window.cancelRequestAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame;return!b||!c?function(a){a()}: function(d){a[d]&&c(a[d]);a[d]=b(d)}}();s.v=function(a,b,c,d,e){s.assert("key"!=a);if(c===g||c===q)c="";var f=document.getElementById(a);if(window.localStorage!==g){s.v.la||function(){if(window.localStorage.key){for(var a={},c=0;c
"+c+"");f[j?"checked":"value"]=c;b&&!e&&b(c);var l,e=function(){l&&window.clearTimeout(l);l=window.setTimeout(function(){var c=j?f.checked?"true":"":f.value;window.localStorage[a]!=c&&(window.localStorage[a]=c,b&&b(j?!!c:c))},d!==g?d:j?0:1E3)};(j||"SELECT"===f.nodeName)&&f.addEventListener("change",e,r);(!j||"SELECT"===f.nodeName)&&f.addEventListener("keyup",e,r)}else f.parentNode.removeChild(f),e||b(c)};s.wa=function(a, b,c){function d(){f.style.backgroundColor=l;f.style.backgroundImage=h}function e(a){if(-1!==a.indexOf(".")||/^data:image/.test(a)){var c=document.createElement("img"),b;c.onload=function(){var a=this.width,c=this.height;4E6
>2,e=(e&3)<<4|f>>4,h=(f&15)<<2|j>>6,m=j&63,isNaN(f)?h=m=64:isNaN(j)&&(m=64),d=d+this.g.charAt(l)+this.g.charAt(e)+this.g.charAt(h)+this.g.charAt(m);return d},na:function(a){for(var d="",e,f,j,l,h,m=0,a=a.replace(/[^A-Za-z0-9\+\/\=]/g,"");m
>4,f=(f&15)<<4|l>>2,j=(l&3)<<6|h,d+=String.fromCharCode(e),64!=l&&(d+=String.fromCharCode(f)),64!=h&&(d+=String.fromCharCode(j));return d=b.ha(d)},ia:function(a){for(var a=a.replace(/\r\n/g,"\n"),b="",e=0;e
f?b+=String.fromCharCode(f):(127
f?b+=String.fromCharCode(f>>6|192):(b+=String.fromCharCode(f>>12|224),b+=String.fromCharCode(f>>6&63|128)),b+=String.fromCharCode(f&63|128))}return b},ha:function(a){for(var b="",e=0,f=c1=c2=0;e
f?(b+=String.fromCharCode(f),e++):191
f?(c2=a.charCodeAt(e+1),b+=String.fromCharCode((f&31)<<6|c2&63),e+=2):(c2=a.charCodeAt(e+1),c3=a.charCodeAt(e+2),b+=String.fromCharCode((f&15)<<12|(c2&63)<<6|c3&63),e+=3);return b}};window.btoa=b.oa;window.atob=b.na}})();"Gecko"==window.navigator.product&&document.documentElement.removeAttribute("manifest")}})();window.Ea||(window.Ea={}); s.fa=function(u,p,v,i){function n(a,c){for(var c=c?[c]:[],d=document.getElementsByTagName("iframe"),e=0,f=d.length;e
=c||32<=c&&a.preventDefault()}}window.onkeydown=function(a){a=a||window.event;if(!s.o(a)){var c=s.L(a).type;"text"===c||"url"===c||(c=s.k(a)," "=== c&&a.preventDefault()," "===c||"p"===c?document.getElementById("pause").click():"esc"===c&&(location.hash=""))}};for(var a=s.b().f?"onkeypress":"onkeydown",b=s.z(document.getElementById("timerForm").getElementsByTagName("input")).concat(s.z(document.getElementById("alarmForm").getElementsByTagName("input"))),c=document.getElementById("stopwButton"),d=0;d
Under the Hood -> Content Settings -> Notifications -> Manage Exceptions..."\nand remove www.timer-tab.com from the blocked Sites'),window.webkitNotifications.requestPermission(a),delete localStorage.disableNotification):localStorage.disableNotification=o;a()}}else h.style.display= "none"});n.push(function(){document.getElementById("moreButton").onclick=function(){document.documentElement.classList.toggle("showOptions")};if(s.b().ca&&window.chrome&&window.chrome.webstore&&window.chrome.webstore.install&&(!window.chrome||!window.chrome.app||!window.chrome.app.isInstalled)){var h=document.getElementById("install");h.display();h.onclick=function(){window.chrome.webstore.install()}}document.getElementById("me").innerHTML="author:
brillout.com
"; if(document.createElement("button").form===g||!document.getElementById("stopwButton").form)for(var a=[document.getElementById("timerButton"),document.getElementById("alarmButton"),document.getElementById("stopwButton")],b=0;b
b[i]?"0"+b[i]:b[i].toString();b=d=b.join(":")}else d="00",b=1===Math.abs(a)%2?d:"|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||";document.title=b;s.w(function(){k.innerHTML=d;9
c+0.005){a=c;var j=Math.max(0,c-0.67)/(1-0.67),i=parseInt(85*(1-j),10),j=parseInt(255*(Math.max(0,c-0.67)/(1-0.67)),10),j="rgb("+Math.max(i,j)+","+i+","+i+")";k.style.color=j;h.style.color=j}})})();(function(){var b=[];b.push(function(){var a=s.va().timer,b,c,d;if(a){var a=a.split(/:|\s/),e;for(e in a)a[e]=parseInt(a[e],10);1===a.length?c=a[0]:2===a.length?(b=a[0],c=a[1]):3<=a.length&&(b=a[0],c=a[1],d=a[2])}if(c)b&&(document.getElementById("h2").value= b),document.getElementById("m2").value=c,d&&(document.getElementById("s2").value=d),document.getElementById("timerForm").onsubmit();else document.getElementById("stopwForm").onsubmit()});b.push(function(){n={t:function(){p.stop&&p.stop()}};i.l.push(function(){p.play&&p.play()})});i.l.push(function(){if((window.localStorage===g||!window.localStorage.disableNotification)&&window.webkitNotifications&&window.webkitNotifications.checkPermission&&0==window.webkitNotifications.checkPermission()){var a=window.webkitNotifications.createNotification(s.ba(g, g,g,"red"),"RING","RING"),b=function(){a.cancel()};a.ondisplay=function(){window.setTimeout(b,5E3)};window.addEventListener("beforeunload",b,r);window.addEventListener("unload",b,r);a.show()}});b.push(function(){var a,b,c,d=s.qa(function(){var d=h.innerHTML.length,e={ea:document.documentElement.clientWidth,M:document.documentElement.clientHeight};if(d!==a||!c||b.ea!==e.ea||b.M!==e.M)b=e,a=d,0
Timer Tab
timer
alarm
stopwatch
/* notes {{{ -intial values of transitioned properties must be written inline otherwise a transition will be triggered on page load }}} */ /*activate the GPU for compositing each page => made my previous OS version crash html { -webkit-transform: translate3d(0, 0, 0); } */ /* structure */ /* {{{ */ /* strips -- outer structure -- CORE: most critical CSS*/ /* {{{ */ /* everything absolute positioning expect #middle */ #stripBg1, #stripBg2, #inputs, #vertical { position: absolute; } #inputs, #stripBg1, #stripBg2 { margin-top: 50px; height: 150px; } body { margin:0; } #inputs, #stripBg1, #stripBg2, #middle { width: 900px; } /*only used to middle content -- no other way found to middle content: left:50%;margin-left:width/2; doesn't do if window's width < content's width */ #middle { margin: auto; } #vertical { height: 100%; /*for tables height is a min-height */ display: table; } #stripBg1, #stripBg2 { min-width: 100%; } #vertical, #inputs td { width: 300px; } html.alarm #vertical { margin-left: 300px !important; } html.timer #vertical { margin-left: 0px !important; } /* }}} */ /* strips -- inner structure */ /* {{{ */ /* vertical strip */ /* {{{ */ #vertical td { padding:0; } #top { vertical-align: bottom; } #time { vertical-align: top; padding-top: 5px !important; height: 45px; } #counter { font-size: 105px; line-height: 100px; padding-top: 40px !important; padding-bottom: 8px !important; width: 300px; } #counter.tiny { font-size: 65px; } #inputOverlap { height: 150px; } #top { font-size: 14px; padding-bottom: 7px !important; } #iframe_td { line-height: 0px; font-size: 0px; } #iframe { height: 180px; } #iframe { width: 100%; height: 100%; border: 0; margin: 0; padding: 0px 1px 0px 1px; box-sizing: border-box;/*supported everywhere expect IE7*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* }}} */ /* horizontal strip */ /* {{{ */ #inputs { font-size: 35px; } #inputs tr { vertical-align: top; } #inputs tr.first { vertical-align: bottom; } #inputs td { padding-top: 0; padding-bottom: 0; } #button { font-size: 12px; } input { font-size: 100%; text-align: center; padding: 0; border: 0; } input.s, .inputSep.s { font-size: 70%; } .inputSep { letter-spacing: -3px; position: relative; left: -1px; top: -1px; } input { width: 1.5em; } input.s { position: relative; margin-left: -12px; left: 12px; } .inputSep.s { padding: 3px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* hides controler buttons of input[type='number'] */ /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } /* }}} */ /* }}} */ /* rest -- big counter + milliseconds */ /* {{{ */ /* #big */ /* {{{ */ html.big #bigCounterContainer { /*bigCounterContainer cos position: absolute => display: block*/ position: absolute; width: 100%; height: 100%; top: 0; /*height of iframe != 0 -> bigCounter Container top != 0*/ } html.big #bigCounter { width: 100%; height: 100%; text-align: center; cursor: pointer; color: #222; vertical-align: middle; } html:not(.big) #bigCounter, html.big #inputs, html.big #stripBg1, html.big #stripBg2, html.big #vertical td *:not(#iframe) { display: none !important; } /* overflow: hidden -> iframe reloading in firefox /* visibility: hidden -> iframe reloading in firefox */ /* 0px height & width -> iframe not loading */ /* position: absolute -> iframe reloading in FF */ /* this should hide the iframe even if window height ->INF */ /* change of position value -> iframe reloading in FF */ #iframe { position: relative; } html.big #vertical, html.mute #iframe { top: -1000px; } html.mute:not(.opera) #iframe { height: 1px !important; } /* }}} */ /* milliseconds */ /* {{{ */ /* #ms { font-size: 40%; opacity: 0.4; display:none; width: 67px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #ms.hide { width: 0px; opacity:0; } html.stopwatch #ms { display: inline-block; } */ /* }}} */ /* }}} */ /* z-index */ /* {{{ */ #stripBg1 { z-index: 0; } #vertical { z-index: 1; } #stripBg2 { z-index: 2; } #inputs { z-index: 3; } #bigCounterContainer { z-index: 4; } /* }}} */ /* }}} */ /* details */ /* {{{ */ /* colors */ /* {{{ */ #stripBg1, /* red: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYV2P8z8AARIQB46hCfIFE/eABAGX8E/e8eQLYAAAAAElFTkSuQmCC rgba(255,255,255,0.55): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2P8//9/DwAJjQOL14spMwAAAABJRU5ErkJggg== rgba(0,0,0,0.1): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkYGCQBGKCgHFUIb4won7wAADiuAEFTQyqkgAAAABJRU5ErkJggg== rgba(0,0,0,0.07): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkYGAQBGKCgHFUIb4won7wAACdgAC1HEP07QAAAABJRU5ErkJggg== rgba(0,0,0,0.06): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkYGDgB2KCgHFUIb4won7wAACMMgChIL+eEAAAAABJRU5ErkJggg== rgba(0,0,0,0.065):data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkYGAQAGKCgHFUIb4won7wAACU2QCr84FEPQAAAABJRU5ErkJggg== */ #vertical, #bigCounter { /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkYGAQAGKCgHFUIb4won7wAACU2QCr84FEPQAAAABJRU5ErkJggg==) rgba(255,255,255,0.55);*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkYGAQAGKCgHFUIb4won7wAACU2QCr84FEPQAAAABJRU5ErkJggg==); background-color: rgba(255,255,255,0.55); } #stripBg1 { background: rgba(255,255,255,0.55); } #stripBg2 { background: rgba(0,0,0,0.07); } hr { opacity: 0.3; } input, button { background: rgba(255,255,255,0.5); } input.s, .inputSep.s { color: #999; } a, #moreButton, #notiPermission, #install { color: #000; /* color: #888; */ } #top { color: #444; } #vertical, #inputs { text-shadow: rgba(255,255,255,0.1) 0px 1px 0px; color: #444; } body.paused #counter, body.paused #bigCounter { color: rgba(64,64,64,0.3); /*rgb(64,64,64)==#444*/ } /* button & input colors */ button, input { color: #666; } button:hover, button:focus, input:hover, input:focus { color: #333; background: rgba(255,255,255,0.95); } button > span { color: #33b; } /* selection styling only works in firefox for now */ input::selection, input::-webkit-selection { background-color: rgba(48,48,178,0.25);/* #33b ~= rgb(48,48,178) */ } input::-moz-selection /*stupid firefox wants this selector to be alone*/ { background-color: rgba(48,48,178,0.25); } /* }}} */ /* transitions & opacity & display */ /* {{{ */ #vertical { -webkit-transition: margin-left 0.3s ease-in-out; -moz-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; } #time { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #topBox { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } button, input { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #counter, #bigCounter { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } html.alarm #time, #top:hover #topBox, html.showOptions #topBox { opacity: 100 !important; } /* }}} */ /* text */ /* {{{ */ body.running #pause:before {content:"pause"} body.ringing #pause:before {content:"stop"} body.paused #pause:before {content:"resume"} /* #pause.running:before {content:"pause"} #pause.ringing:before {content:"stop"} #pause.paused:before {content:"resume"} */ #install:before {content:"add to Chrome"} #notiPermission.on:before {content:"disable notification"} #notiPermission.off:before {content:"enable notification"} #yt_url:before {content:"youtube alarm:"} #bg_toggle:before {content:"background:"} #moreButton:before {content:"options"} #sep:before {content:"| "} .inputSep:before {content:" : "} /*bug fix for chrome: no onclick on :before*/ #moreButton,#notiPermission,#install{position: relative} /* }}} */ /* font */ /* {{{ */ body,html,input,a { font-family: Helvetica, Arial; } button { font-family: arial,sans-serif; } /*
CORS font serving in app engine: http://blog.yjl.im/2010/05/font-face-and-cross-domain-cross-origin.html Infos about FF and fonts: http://tech.davemx.com/2010/firefox-font-face-not-working-on-different-domain/ */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; /* src: local('Lato Light'), local('Lato-Light'), url('lato.woff') format('woff'); src: local('Lato Light'), local('Lato-Light'), url('http://brillcdn.appspot.com/sf/lato.woff') format('woff'); src: local('Lato Light'), local('Lato-Light'), url('http://themes.googleusercontent.com/static/fonts/lobster/v4/MWVf-Rwh4GLQVBEwbyI61Q.woff') format('woff'); src: local('Lato Light'), local('Lato-Light'), url('http://themes.googleusercontent.com/static/fonts/lato/v4/KT3KS9Aol4WfR6Vas8kNcg.woff') format('woff'); */ src: local('Lato Light'), local('Lato-Light'), url('http://themes.googleusercontent.com/static/fonts/lato/v4/KT3KS9Aol4WfR6Vas8kNcg.woff') format('woff'), url('http://brillcdn.appspot.com/sf/lato.woff') format('woff'); } * { font-family: 'Lato', sans-serif !important; } /* }}} */ /* rest */ /* {{{ */ * { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; cursor: default; } input { cursor: text; -webkit-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; } button, button *, #counter, #counter *, a, #moreButton, #notiPermission, #install { cursor: pointer; } a { text-decoration: none; } table { text-align: center; border-spacing: 0; /* see http://stackoverflow.com/questions/339923/how-to-set-cellpadding-cellspacing-in-css */ } table td { padding: 0; } button, input { outline: 0; border: 0; border-radius: 2px; } button { text-transform: uppercase; font-weight: bold; padding: 7px 12px; font-size: 12px; } /* should be set by JS html { background-size: cover; background-attachment: fixed; } */ #timerButton:before, #alarmButton:before, #stopwButton:before { content:"start "; } /* }}} */ /* }}} */
Pop out
Help
About
×
×