pdf2htmlEX/share/fancy.css.in

89 lines
4.1 KiB
CSS
Raw Normal View History

2013-05-01 09:14:29 +00:00
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
2013-10-30 07:50:07 +00:00
/*!
* Fancy styles for pdf2htmlEX
* Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com>
* https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
*/
@keyframes fadein { from { opacity:0;} to { opacity:1;} }
@-webkit-keyframes fadein { from { opacity:0;} to { opacity:1;} }
@keyframes swing {
0% { transform: rotate(0deg); }
10% { transform: rotate(0deg); }
90% { transform: rotate(720deg); }
100%{ transform: rotate(720deg); }
}
@-webkit-keyframes swing {
0% { -webkit-transform: rotate(0deg); }
10% { -webkit-transform: rotate(0deg); }
90% { -webkit-transform: rotate(720deg); }
100%{ -webkit-transform: rotate(720deg); }
}
2013-05-01 09:14:29 +00:00
@media screen {
#sidebar {
2013-05-01 09:14:29 +00:00
background-color:#2f3236;
/* modified from http://philbit.com/svgpatterns/#crossstripes */
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjNDAzYzNmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMNCA0Wk00IDBMMCA0WiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMxZTI5MmQiPjwvcGF0aD4KPC9zdmc+");
}
#outline {
font-family:Georgia,Times,"Times New Roman",serif;
2013-05-01 09:14:29 +00:00
font-size:13px;
margin:2em 1em;
2013-05-01 09:14:29 +00:00
}
#outline ul {
2013-05-01 09:14:29 +00:00
padding:0;
}
#outline li {
2013-05-01 09:14:29 +00:00
list-style-type:none;
margin:1em 0;
}
#outline li > ul {
2013-05-01 09:14:29 +00:00
margin-left: 1em;
}
#outline a,
#outline a:visited,
#outline a:hover,
#outline a:active {
2013-05-01 09:14:29 +00:00
line-height:1.2;
color:#e8e8e8;
text-overflow:ellipsis;
white-space:nowrap;
text-decoration:none;
display:block;
overflow:hidden;
outline:0;
2013-05-01 09:14:29 +00:00
}
#outline a:hover {
2013-05-01 09:14:29 +00:00
color:rgb(0,204,255);
}
#page-container {
2013-05-01 09:14:29 +00:00
background-color:#9e9e9e;
/* http://philbit.com/svgpatterns/#thinstripes */
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
2013-05-01 13:56:02 +00:00
-webkit-transition:left 500ms;
transition:left 500ms;
2013-05-01 09:14:29 +00:00
}
2013-11-04 15:53:38 +00:00
.@CSS_PAGE_FRAME_CN@ {
2013-05-01 09:14:29 +00:00
margin: 13px auto;
box-shadow: 1px 1px 3px 1px #333;
2013-10-29 07:40:30 +00:00
/* Needed by IE to make box-shadow works * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow */
border-collapse: separate;
2013-05-01 09:14:29 +00:00
}
.@CSS_PAGE_CONTENT_BOX_CN@.opened { /* used by pdf2htmlEX.js, to show/hide pages */
-webkit-animation: fadein 100ms;
animation: fadein 100ms;
2013-05-01 09:14:29 +00:00
}
2013-11-06 10:02:36 +00:00
.loading-indicator.active {
2013-11-18 13:41:53 +00:00
/*
* use 0.01s instead of 0s,
* since YUI Compressor will change 0s to 0,
* which is not recognized by Firefox
*/
-webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
2013-09-28 03:38:35 +00:00
}
2014-11-14 19:28:17 +00:00
.@CSS_RADIO_CHECKED_CN@ {
background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goQDSYgDiGofgAAAslJREFUOMvtlM9LFGEYx7/vvOPM6ywuuyPFihWFBUsdNnA6KLIh+QPx4KWExULdHQ/9A9EfUodYmATDYg/iRewQzklFWxcEBcGgEplDkDtI6sw4PzrIbrOuedBb9MALD7zv+3m+z4/3Bf7bZS2bzQIAcrmcMDExcTeXy10DAFVVAQDksgFUVZ1ljD3yfd+0LOuFpmnvVVW9GHhkZAQcxwkNDQ2FSCQyRMgJxnVdy7KstKZpn7nwha6urqqfTqfPBAJAuVymlNLXoigOhfd5nmeiKL5TVTV+lmIKwAOA7u5u6Lped2BsbOwjY6yf4zgQQkAIAcedaPR9H67r3uYBQFEUFItFtLe332lpaVkUBOHK3t5eRtf1DwAwODiIubk5DA8PM8bYW1EU+wEgCIJqsCAIQAiB7/u253k2BQDDMJBKpa4mEon5eDx+UxAESJL0uK2t7XosFlvSdf0QAEmlUnlRFJ9Waho2Qghc1/U9z3uWz+eX+Wr+lL6SZfleEAQIggA8z6OpqSknimIvYyybSCReMsZ6TislhCAIAti2Dc/zejVNWwCAavN8339j27YbTg0AGGM3WltbP4WhlRWq6Q/btrs1TVsYHx+vNgqKoqBUKn2NRqPFxsbGJzzP05puUlpt0ukyOI6z7zjOwNTU1OLo6CgmJyf/gA3DgKIoWF1d/cIY24/FYgOU0pp0z/Ityzo8Pj5OTk9PbwHA+vp6zWghDC+VSiuRSOQgGo32UErJ38CO42wdHR09LBQK3zKZDDY2NupmFmF4R0cHVlZWlmRZ/iVJUn9FeWWcCCE4ODjYtG27Z2Zm5juAOmgdGAB2d3cBADs7O8uSJN2SZfl+WKlpmpumaT6Yn58vn/fs6XmbhmHMNjc3tzDGFI7jYJrm5vb29sDa2trPC/9aiqJUy5pOp4f6+vqeJ5PJBAB0dnZe/t8NBajx/z37Df5OGX8d13xzAAAAAElFTkSuQmCC);
}
2013-05-01 09:14:29 +00:00
}
2013-05-02 06:38:56 +00:00
/* Fancy CSS END */