Skip to content
Snippets Groups Projects
scianimator.light.css 1.46 KiB
Newer Older
  • Learn to ignore specific revisions
  • hgb's avatar
    hgb committed
    /**
     * SciAnimator - Scientific Image Animator Plugin for jQuery
     *
     * Copyright (c) 2010 Brent Ertz
     * Released under the MIT license.
     * http://github.com/brentertz/scianimator
    */
    
    /* Light theme */
    .scianimator.light,
    .scianimator.light a,
    .scianimator.light a:visited {
    	color: #555;
    }
    .scianimator.light {
    	background: #ddd;
    }
    .scianimator.light .controls,
    .scianimator.light .control {
    	background-color: #ddd;
    	border-color: #999;
    	color: #555; 
    	text-shadow: 0 1px #fff;	
    }
    .scianimator.light .controls {
    	box-shadow: inset 0 1px 3px #fff, inset 0 -17px #ccc, 0 0 3px #999;
    	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -17px #ccc, 0 0 3px #999;
    	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -17px #ccc, 0 0 3px #999;
    	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -17px #ccc, 0 0 3px #999;
    }
    .scianimator.light .control {
    	box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #999;
    	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #999;
    	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #999;
    	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #999;
    }
    .scianimator.light a:hover {
    	box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #555;
    	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #555;
    	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #555;	
    	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #ccc, 0 0 3px #555;
    	color: #fff;
    	text-shadow: 0px 1px #555;	
    }