public.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. #preview {
  2. background: #fff;
  3. text-align: center;
  4. margin: 45px auto 0;
  5. }
  6. #preview .notCreatable {
  7. display: none;
  8. }
  9. #noPreview {
  10. display:none;
  11. padding-top:80px;
  12. }
  13. #imgframe {
  14. height:75%;
  15. padding-bottom:32px;
  16. padding-top:32px;
  17. width:80%;
  18. margin:0 auto;
  19. }
  20. #imgframe img,
  21. #imgframe video {
  22. max-height:100%;
  23. max-width:100%;
  24. }
  25. #imgframe .text-preview {
  26. display: inline-block;
  27. position: relative;
  28. text-align: left;
  29. white-space: pre-wrap;
  30. overflow-y: hidden;
  31. height: auto;
  32. min-height: 200px;
  33. max-height: 800px;
  34. -webkit-touch-callout: none;
  35. -webkit-user-select: none;
  36. -khtml-user-select: none;
  37. -moz-user-select: none;
  38. -ms-user-select: none;
  39. user-select: none;
  40. }
  41. #imgframe .ellipsis {
  42. font-size: 1.2em;
  43. }
  44. /* fix multiselect bar offset on shared page */
  45. thead {
  46. left: 0 !important;
  47. }
  48. #data-upload-form {
  49. position: relative;
  50. right: 0;
  51. height: 32px;
  52. overflow: hidden;
  53. padding: 0;
  54. float: right;
  55. display: inline;
  56. margin: 0;
  57. }
  58. .directDownload,
  59. .directLink {
  60. margin-bottom: 20px;
  61. }
  62. /* keep long file names in one line to not overflow download button on mobile */
  63. .directDownload #download {
  64. white-space: nowrap;
  65. overflow: hidden;
  66. text-overflow: ellipsis;
  67. max-width: 90%;
  68. display: inline-block;
  69. margin-left: auto;
  70. margin-right: auto;
  71. }
  72. .directLink label {
  73. font-weight: normal;
  74. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  75. filter: alpha(opacity=50);
  76. opacity: .5;
  77. }
  78. .directLink input {
  79. margin-left: 5px;
  80. width: 300px;
  81. max-width: 90%;
  82. }
  83. /* within #save */
  84. #save .save-form {
  85. position: relative;
  86. }
  87. #remote_address {
  88. margin: 0;
  89. width: 130px;
  90. height: 14px;
  91. padding: 6px;
  92. padding-right: 24px;
  93. }
  94. .ie8 #remote_address {
  95. padding-right: 30px;
  96. }
  97. #save #save-button,
  98. #save #save-button-confirm {
  99. margin: 0 5px;
  100. height: 28px;
  101. padding-bottom: 4px;
  102. line-height: 14px;
  103. }
  104. #save-button-confirm {
  105. position: absolute;
  106. background-color: transparent;
  107. border: none;
  108. margin: 2px 4px !important;
  109. right: 0;
  110. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  111. filter: alpha(opacity=50);
  112. opacity: .5;
  113. }
  114. .ie8 #save-button-confirm {
  115. margin: 2px 0 !important;
  116. }
  117. #save-button-confirm:hover,
  118. #save-button-confirm:focus {
  119. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  120. filter: alpha(opacity=100);
  121. opacity: 1;
  122. }