/*******************************************************************************
 *
 *  Copyright © 2010-2011 Hewlett-Packard Development Company, L.P.
 *
 *  This work is distributed under the W3C® Software License [1]
 *  in the hope that it will be useful, but WITHOUT ANY
 *  WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *
 *  [1] http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231
 *
 ******************************************************************************/
/*
 * Base style sheet for Drafts App
 */

@keyframes generating-fill {
0%, 100% { fill: blue; }
16% { fill: purple; }
33% { fill: hsl(0, 100%, 60%); }
50% { fill: orange; }
67% { fill: gold; }
83% { fill: hsl(120, 100%, 25%); }
}
@keyframes generating-stroke {
0%, 100% { stroke: blue; }
16% { stroke: purple; }
33% { stroke: hsl(0, 100%, 60%); }
50% { stroke: orange; }
67% { stroke: gold; }
83% { stroke: hsl(120, 100%, 25%); }
}

@keyframes error-fill {
0%, 100% { fill: #d00; opacity: 1.0; }
50% { fill: #d00; opacity: 0.25;}
}
@keyframes error-stroke {
0%, 100% { stroke: #d00; opacity: 1.0; }
50% { stroke: #d00; opacity: 0.25; }
}

 .history img { width: 18px; height: 18px;}
 .issues img { width: 16px; height: 16px; }
 .readme img { width: 16px; height: 16px; }
 .history.none img,
 .issues.none img,
 .readme.none { width: 0; margin-right: 0; }

.html,
.bikeshed,
.issues,
.markdown { transition: opacity 1s, margin-right 1s step-start }
.html.committed,
.bikeshed.committed,
.issues.committed,
.markdown.committed { opacity: 0; margin-right: 16px; transition: opacity 1s, margin-right 1s step-end; }
.html.committed svg,
.bikeshed.committed svg,
.issues.committed svg,
.markdown.committed svg { width: 0; transition: width 1s step-end, margin-right 1s step-end; }

.html svg,
.bikeshed svg,
.issues svg,
.markdown svg
 { width: 16px; height: 16px; transition: width 1s step-start; }

.bikeshed [fill=blue],
.bikeshed [stroke=blue],
.issues [fill=blue],
.issues [stroke=blue] { transition: fill 1s, stroke 1s; }


.bikeshed.error [fill=blue],
.bikeshed.error [stroke=blue],
.issues.error [fill=blue],
.issues.error [stroke=blue],
.markdown.error [fill=blue],
.markdown.error [stroke=blue]		{ animation: n 1s infinite linear; transition: fill 0.5s, stroke 0.5s; }

.bikeshed.previous [fill=blue],
.bikeshed.previous [stroke=blue],
.issues.error [fill=blue],
.issues.error [stroke=blue],
.markdown.error [fill=blue],
.markdown.error [stroke=blue]		{ animation: n 2s infinite linear; transition: fill 1s, stroke 1s; }

.bikeshed.generating [fill=blue],
.bikeshed.generating [stroke=blue],
.bikeshed.pending [fill=blue],
.bikeshed.pending [stroke=blue],
.issues.generating [fill=blue],
.issues.generating [stroke=blue],
.issues.pending [fill=blue],
.issues.pending [stroke=blue],
.markdown.generating [fill=blue],
.markdown.generating [stroke=blue],
.markdown.pending [fill=blue],
.markdown.pending [stroke=blue] { animation: n 5s infinite linear; transition: fill 1s, stroke 1s; }

.html.committed [fill=blue],
.bikeshed.committed [fill=blue],
.issues.committed.pending [fill=blue],
.markdown.committed.pending [fill=blue] { fill: none; }
.html.committed [stroke=blue],
.bikeshed.committed [stroke=blue],
.issues.committed [stroke=blue],
.markdown.committed [stroke=blue] { stroke: none; }

.bikeshed.fatal [fill=blue]		{ fill: #d00; }
.bikeshed.fatal [stroke=blue]	{ stroke: #d00; }
.bikeshed.error [fill=blue],
.bikeshed.previous [fill=blue] 		{ animation-name: error-fill; }
.bikeshed.error [stroke=blue],
.bikeshed.previous [stroke=blue]	{ animation-name: error-stroke; }
.bikeshed.warning [fill=blue]	{ fill: #0df; }
.bikeshed.warning [stroke=blue] { stroke: #0df; }
.bikeshed.link-error [fill=blue]	{ fill: #cc0; }
.bikeshed.link-error [stroke=blue]	{ stroke: #cc0; }
.bikeshed.success [fill=blue]	{ fill: #0b0; }
.bikeshed.success [stroke=blue] { stroke: #0b0; }
.bikeshed.pending [fill=blue]	{ animation-name: generating-fill; }
.bikeshed.pending [stroke=blue]	{ animation-name: generating-stroke; }
.bikeshed.generating [fill=blue] 	{ animation-name: generating-fill; }
.bikeshed.generating [stroke=blue]	{ animation-name: generating-stroke; }

.issues.fatal [fill=blue]	{ fill: #d00; }
.issues.fatal [stroke=blue]	 { stroke: #d00; }
.issues.error [fill=blue],
.issues.previous [fill=blue] { animation-name: error-fill; }
.issues.error [stroke=blue],
.issues.previous [stroke=blue] { animation-name: error-stroke; }
.issues.warning [fill=blue] { fill: #0df; }
.issues.warning [stroke=blue] { stroke: #0df; }
.issues.link-error [fill=blue] { fill: #cc0; }
.issues.link-error [stroke=blue] { stroke: #cc0; }
.issues.success [fill=blue] { fill: #0b0; }
.issues.success [stroke=blue] { stroke: #0b0; }
.issues.pending [stroke=blue] { animation-name: generating-stroke; }
.issues.pending [fill=blue] { animation-name: generating-fill; }
.issues.generating [stroke=blue] { animation-name: generating-stroke; }
.issues.generating [fill=blue] { animation-name: generating-fill; }

.markdown.fatal [fill=blue]	{ fill: #d00; }
.markdown.fatal [stroke=blue]	{ stroke: #d00; }
.markdown.error [fill=blue],
.markdown.previous [fill=blue] { animation-name: error-fill; }
.markdown.error [stroke=blue],
.markdown.previous [stroke=blue] { animation-name: error-stroke; }
.markdown.warning [fill=blue] { fill: #0df; }
.markdown.warning [stroke=blue] { stroke: #0df; }
.markdown.link-error [fill=blue] { fill: #cc0; }
.markdown.link-error [stroke=blue] { stroke: #cc0; }
.markdown.success [fill=blue] { fill: #0b0; }
.markdown.success [stroke=blue] { stroke: #0b0; }
.markdown.pending [stroke=blue] { animation-name: generating-stroke; }
.markdown.pending [fill=blue] { animation-name: generating-fill; }
.markdown.generating [stroke=blue] { animation-name: generating-stroke; }
.markdown.generating [fill=blue] { animation-name: generating-fill; }