App-sitelenmute

 view release on metacpan or  search on metacpan

share/album/index.css  view on Meta::CPAN

  padding: 0;
  margin: 0;
  border: 0;
  background: #111;
  color: #fff;
}

h2
{
  margin: 1em;
  font-family: monospace;
}

#albums .album
{
  display: block;
  width: 90%;
  margin: 5%;
}

#albums .album .content

share/album/index.js  view on Meta::CPAN

  {
    this.data = data;

    this.econt = new Element('div', { 'class': 'content' });
    this.econt.inject(this.elem);

    this.etext = new Element('div',
    {
      'class': 'text',
      text: this.data.name,
      styles: { 'font-size': this.data.thumb[1] / 2 }
    });
    this.etext.inject(this.elem);

    this.csize = this.etext.getSize();
    if(this.csize.y < this.data.thumb[1])
    {
      this.csize.y = this.data.thumb[1];
      this.etext.setStyle('line-height', this.csize.y);
    }

share/view/index.css  view on Meta::CPAN

img
{
  border: none;
}

/* Main gallery elements */
#gallery h2
{
  margin: 1em;
  font-family: monospace;
}

#gallery
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  -webkit-text-size-adjust: none;

share/view/index.css  view on Meta::CPAN

  -moz-user-select: text;
  -ms-user-select: text;

  display: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #111; /* IE<9 */
  background: rgba(0, 0, 0, 0.7);
  font-family: sans-serif;
  font-size: 80%;
  padding: 0.5em;
}

#gallery #content #header > :not(:first-child)
{
  padding-left: 0.5em;
}

#gallery #content #header img
{

share/view/index.css  view on Meta::CPAN

/* Caption */
#caption
{
  background: #111; /* IE<9 */
  background: rgba(0, 0, 0, 0.7);
  background: linear-gradient(to left,
			      rgba(0, 0, 0, 0.7) 60%,
			      rgba(0, 0, 0, 0.5) 75%,
			      rgba(0, 0, 0, 0.1) 93%,
			      rgba(0, 0, 0, 0));
  font-family: sans-serif;
  text-align: right;
  color: #fff;
  display: none;
  position: absolute;
  right: 0;
  bottom: 5%;
  padding: 0.5em 5% 0.5em 10%;
}

#caption #title
{
  font-weight: bold;
  font-size: 3em;
}

#caption #desc
{
  white-space: pre-wrap;
  font-size: 1.5em;
}

@media (max-height: 60em)
{
  #caption #title { font-size: 5vh }
  #caption #desc { font-size: 2.5vh }
}

@media (max-height: 30em)
{
  #caption #title { font-size: 1.5em }
  #caption #desc { font-size: 1em; }
}

/* Navigation arrows */
#gallery #content #left,
#gallery #content #right
{
  position: absolute;
  width: 5%;
  min-width: 2.5em;
  top: 0;

share/view/mootools-core-1.4.js  view on Meta::CPAN

}:function(l){var k=l.retrieve("$opacity");if(k==null){k=(l.style.visibility=="hidden"?0:1);}return k;}));var b=(i.style.cssFloat==null)?"styleFloat":"cssFloat";
Element.implement({getComputedStyle:function(m){if(this.currentStyle){return this.currentStyle[m.camelCase()];}var l=Element.getDocument(this).defaultView,k=l?l.getComputedStyle(this,null):null;
return(k)?k.getPropertyValue((m==b)?"float":m.hyphenate()):null;},setStyle:function(l,k){if(l=="opacity"){if(k!=null){k=parseFloat(k);}f(this,k);return this;
}l=(l=="float"?b:l).camelCase();if(typeOf(k)!="string"){var m=(Element.Styles[l]||"@").split(" ");k=Array.from(k).map(function(o,n){if(!m[n]){return"";
}return(typeOf(o)=="number")?m[n].replace("@",Math.round(o)):o;}).join(" ");}else{if(k==String(Number(k))){k=Math.round(k);}}this.style[l]=k;if((k==""||k==null)&&c&&this.style.removeAttribute){this.style.removeAttribute(l);
}return this;},getStyle:function(q){if(q=="opacity"){return g(this);}q=(q=="float"?b:q).camelCase();var k=this.style[q];if(!k||q=="zIndex"){k=[];for(var p in Element.ShortStyles){if(q!=p){continue;
}for(var o in Element.ShortStyles[p]){k.push(this.getStyle(o));}return k.join(" ");}k=this.getComputedStyle(q);}if(k){k=String(k);var m=k.match(/rgba?\([\d\s,]+\)/);
if(m){k=k.replace(m[0],m[0].rgbToHex());}}if(Browser.opera||Browser.ie){if((/^(height|width)$/).test(q)&&!(/px$/.test(k))){var l=(q=="width")?["left","right"]:["top","bottom"],n=0;
l.each(function(r){n+=this.getStyle("border-"+r+"-width").toInt()+this.getStyle("padding-"+r).toInt();},this);return this["offset"+q.capitalize()]-n+"px";
}if(Browser.ie&&(/^border(.+)Width|margin|padding/).test(q)&&isNaN(parseFloat(k))){return"0px";}}return k;},setStyles:function(l){for(var k in l){this.setStyle(k,l[k]);
}return this;},getStyles:function(){var k={};Array.flatten(arguments).each(function(l){k[l]=this.getStyle(l);},this);return k;}});Element.Styles={left:"@px",top:"@px",bottom:"@px",right:"@px",width:"@px",height:"@px",maxWidth:"@px",maxHeight:"@px",mi...
Element.ShortStyles={margin:{},padding:{},border:{},borderWidth:{},borderStyle:{},borderColor:{}};["Top","Right","Bottom","Left"].each(function(q){var p=Element.ShortStyles;
var l=Element.Styles;["margin","padding"].each(function(r){var s=r+q;p[r][s]=l[s]="@px";});var o="border"+q;p.border[o]=l[o]="@px @ rgb(@, @, @)";var n=o+"Width",k=o+"Style",m=o+"Color";
p[o]={};p.borderWidth[n]=p[o][n]=l[n]="@px";p.borderStyle[k]=p[o][k]=l[k]="@";p.borderColor[m]=p[o][m]=l[m]="rgb(@, @, @)";});})();(function(){Element.Properties.events={set:function(b){this.addEvents(b);
}};[Element,Window,Document].invoke("implement",{addEvent:function(f,h){var i=this.retrieve("events",{});if(!i[f]){i[f]={keys:[],values:[]};}if(i[f].keys.contains(h)){return this;
}i[f].keys.push(h);var g=f,b=Element.Events[f],d=h,j=this;if(b){if(b.onAdd){b.onAdd.call(this,h,f);}if(b.condition){d=function(k){if(b.condition.call(this,k,f)){return h.call(this,k);
}return true;};}if(b.base){g=Function.from(b.base).call(this,f);}}var e=function(){return h.call(j);};var c=Element.NativeEvents[g];if(c){if(c==2){e=function(k){k=new DOMEvent(k,j.getWindow());
if(d.call(j,k)===false){k.stop();}};}this.addListener(g,e,arguments[2]);}i[f].values.push(e);return this;},removeEvent:function(e,d){var c=this.retrieve("events");
if(!c||!c[e]){return this;}var h=c[e];var b=h.keys.indexOf(d);if(b==-1){return this;}var g=h.values[b];delete h.keys[b];delete h.values[b];var f=Element.Events[e];
if(f){if(f.onRemove){f.onRemove.call(this,d,e);}if(f.base){e=Function.from(f.base).call(this,e);}}return(Element.NativeEvents[e])?this.removeListener(e,g,arguments[2]):this;
},addEvents:function(b){for(var c in b){this.addEvent(c,b[c]);}return this;},removeEvents:function(b){var d;if(typeOf(b)=="object"){for(d in b){this.removeEvent(d,b[d]);