teeaich

var watcher = $scope.$watch('data.counter', function(newValue, oldValue) {
    iElement.css('width', 50 * newValue + 'px');
    if (newValue >= 10) {
        // autodestruction when data.counter reaches 10
        watcher();
    }
});

teeaich

.cbp-so-init .cbp-so-side {
    opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
 
.cbp-so-init .cbp-so-side-left {
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);

teeaich

function getFrameForDocument(document,id) {
    var w= document.defaultView || document.parentWindow;
    var frames= w.parent.document.getElementsByTagName('iframe');
    for (var i= frames.length; i-->0;) {
        var frame= frames[i];
        try {          
            if (frame.id===id)
               return frame.contentDocument || frame.contentWindow.document;
        } catch(e) {}
    }

teeaich

function getFrameForDocument(document) {
    var w= document.defaultView || document.parentWindow;
    var frames= w.parent.document.getElementsByTagName('iframe');
    for (var i= frames.length; i-->0;) {
        var frame= frames[i];
        try {
            var d= frame.contentDocument || frame.contentWindow.document;
            if (d===document)
                return frame;
        } catch(e) {}

teeaich

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px; /* half the height of the element */
  margin-left: -100px; /* half the width of the element */
}

/* when content has percentage size */

teeaich

/* for normal inline-block element like a img */
/* nothing special */
img{
  min-width: 100%;
	height: auto;
}

/* for any element like a div 
html markup should be

teeaich

/* external links */  
a[href^="http://"] {  
    padding-right: 13px;  
    background: url('external.gif') no-repeat center rightright;  
}  
   
/* emails */  
a[href^="mailto:"] {  
    padding-right: 20px;  
    background: url('email.png') no-repeat center rightright;  

teeaich

#container {  
    min-height: 550px;  
    height: auto !important;  
    height: 550px;  
}  

teeaich

#columns-3 {  
    text-align: justify;  
    -moz-column-count: 3;  
    -moz-column-gap: 12px;  
    -moz-column-rule: 1px solid #c4c8cc;  
    -webkit-column-count: 3;  
    -webkit-column-gap: 12px;  
    -webkit-column-rule: 1px solid #c4c8cc;  
}   

teeaich

ul {  
    margin: 0.75em 0;  
    padding: 0 1em;  
    list-style: none;  
}  
li:before {   
    content: "";  
    border-color: transparent #111;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;