Skip to content
Snippets Groups Projects
scianimator.blue.css 1.54 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
    */
    
    /* Blue theme */
    .scianimator.blue,
    .scianimator.blue a,
    .scianimator.blue a:visited {
    	color: #3985a8;
    }
    .scianimator.blue {
    	background: #ddeef6;
    }
    .scianimator.blue .controls,
    .scianimator.blue .control {
    	background-color: #ddeef6;
    	border: 1px solid #89bad2;
    	color: #3985a8;
    	text-shadow: 0 1px #fff;	
    }
    .scianimator.blue .controls {
    	box-shadow: inset 0 1px 3px #fff, inset 0 -17px #cbe6f2, 0 0 3px #89bad2;
    	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -17px #cbe6f2, 0 0 3px #89bad2;
    	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -17px #cbe6f2, 0 0 3px #89bad2;
    	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -17px #cbe6f2, 0 0 3px #89bad2;
    }
    .scianimator.blue .control {
    	box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #89bad2;
    	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #89bad2;
    	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #89bad2;
    	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #89bad2;
    }
    .scianimator.blue a:hover {
    	box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #3985a8;
    	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #3985a8;
    	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #3985a8;	
    	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -10px #cbe6f2, 0 0 3px #3985a8;
    	color: #fff;
    	text-shadow: 0px 1px #3985a8;	
    }