fancy.css 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
  2. /*!
  3. * Fancy styles for pdf2htmlEX
  4. * Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com>
  5. * https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
  6. */
  7. @keyframes fadein { from { opacity:0;} to { opacity:1;} }
  8. @-webkit-keyframes fadein { from { opacity:0;} to { opacity:1;} }
  9. @keyframes swing {
  10. 0% { transform: rotate(0deg); }
  11. 10% { transform: rotate(0deg); }
  12. 90% { transform: rotate(720deg); }
  13. 100%{ transform: rotate(720deg); }
  14. }
  15. @-webkit-keyframes swing {
  16. 0% { -webkit-transform: rotate(0deg); }
  17. 10% { -webkit-transform: rotate(0deg); }
  18. 90% { -webkit-transform: rotate(720deg); }
  19. 100%{ -webkit-transform: rotate(720deg); }
  20. }
  21. @media screen {
  22. #sidebar {
  23. background-color:#2f3236;
  24. /* modified from http://philbit.com/svgpatterns/#crossstripes */
  25. background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjNDAzYzNmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMNCA0Wk00IDBMMCA0WiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMxZTI5MmQiPjwvcGF0aD4KPC9zdmc+");
  26. }
  27. #outline {
  28. font-family:Georgia,Times,"Times New Roman",serif;
  29. font-size:13px;
  30. margin:2em 1em;
  31. }
  32. #outline ul {
  33. padding:0;
  34. }
  35. #outline li {
  36. list-style-type:none;
  37. margin:1em 0;
  38. }
  39. #outline li > ul {
  40. margin-left: 1em;
  41. }
  42. #outline a,
  43. #outline a:visited,
  44. #outline a:hover,
  45. #outline a:active {
  46. line-height:1.2;
  47. color:#e8e8e8;
  48. text-overflow:ellipsis;
  49. white-space:nowrap;
  50. text-decoration:none;
  51. display:block;
  52. overflow:hidden;
  53. outline:0;
  54. }
  55. #outline a:hover {
  56. color:rgb(0,204,255);
  57. }
  58. #page-container {
  59. background-color:#9e9e9e;
  60. /* http://philbit.com/svgpatterns/#thinstripes */
  61. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
  62. -webkit-transition:left 500ms;
  63. transition:left 500ms;
  64. }
  65. .pf {
  66. margin: 13px auto;
  67. box-shadow: 1px 1px 3px 1px #333;
  68. /* Needed by IE to make box-shadow works * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow */
  69. border-collapse: separate;
  70. }
  71. .pc.opened { /* used by pdf2htmlEX.js, to show/hide pages */
  72. -webkit-animation: fadein 100ms;
  73. animation: fadein 100ms;
  74. }
  75. .loading-indicator.active {
  76. /*
  77. * use 0.01s instead of 0s,
  78. * since YUI Compressor will change 0s to 0,
  79. * which is not recognized by Firefox
  80. */
  81. -webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
  82. animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
  83. }
  84. .checked {
  85. 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);
  86. }
  87. }
  88. /* Fancy CSS END */