parrfolio

/*-- 
-webkit-full-screen
-webkit-full-screen-document 
--*/

/* fullscreen mode */
#video-player:-webkit-full-screen {
position:absolute;
top:0;
left:0;

parrfolio

body {
 background: #444;
}

h2 {
font-size:68px;
color:#f1f1f1;
position:relative;
z-index:1;
font-family:helvetica, arial, sans-serif;

parrfolio

-moz-transition-property:background, border, color;
-moz-transition-duration:250ms;
-moz-transition-timing-function:ease-in;
-moz-transition-delay:0;
-webkit-transition-property:background, border, color;
-webkit-transition-duration:250ms;
-webkit-transition-timing-function:ease-in;
-webkit-transition-delay:0;
-ms-transition-property:background, border, color;
-ms-transition-duration:250ms;

parrfolio

overflow: scroll;
-webkit-overflow-scrolling: touch;

parrfolio

$(function() {
var $list = $('#animation li');
    $list.filter(':first').addClass('go');

    setInterval(function() {
      if( $list.filter('.go').index() !== $list.length - 1 ) {
      $list.filter('.go').removeClass('go').next().addClass('go');
      }
    else {
      $list.removeClass('go').filter(':first').addClass('go');

parrfolio

.block {
  text-align: center;
  background: #c0c0c0;
  border: #a0a0a0 solid 1px;
  margin: 20px;
}
 
.block:before {
  content: '';
  display: inline-block;

parrfolio

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */

parrfolio

$('div').animate({"opacity": "0"}, 1000).promise().done(function(){
      // animations are finished, run code
});

parrfolio

var $button = $('#myButton'),
  $text   = $('#myText'),
  visible = true;

$button.click(function(){
if ( visible ) {
  $text.slideUp('fast',function(){
    $text.addClass('hide')
         .slideDown(0);
  });

parrfolio

.foo {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background: url("your-image-here");
}