You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

359 lines
6.6 KiB

5 years ago
  1. @import 'record.css'; /* for SPN1 */
  2. #wm-ipp {
  3. min-height:65px;
  4. left:0;
  5. top:0;
  6. padding:0;
  7. margin:0;
  8. border-radius:0;
  9. background-color:transparent;
  10. font-size:11px;
  11. }
  12. #wm-ipp * {
  13. font-family:Lucida Grande, Helvetica, Arial, sans-serif;
  14. font-size:12px;
  15. line-height:1.2;
  16. letter-spacing: 0;
  17. width:auto;
  18. height:auto;
  19. outline:none;
  20. float:none;
  21. text-align:left;
  22. border:none;
  23. color: #000;
  24. }
  25. #wm-ipp div {
  26. display: block;
  27. }
  28. #wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form {
  29. padding:0;
  30. margin:0;
  31. border:none;
  32. border-radius:0;
  33. background-color:transparent;
  34. background-image:none;
  35. z-index:2147483640;
  36. height:auto;
  37. }
  38. #wm-ipp table {
  39. border:none;
  40. border-collapse:collapse;
  41. margin:0;
  42. padding:0;
  43. width:auto;
  44. font-size:inherit;
  45. }
  46. #wm-ipp form input {
  47. padding:1px !important;
  48. height:auto;
  49. display:inline;
  50. margin:0;
  51. color: #000;
  52. background: none #fff;
  53. border: 1px solid #666;
  54. }
  55. #wm-ipp form input[type=submit] {
  56. padding:0 8px !important;
  57. margin:1px 0 1px 5px !important;
  58. width:auto !important;
  59. border: 1px solid #000 !important;
  60. background: #fff !important;
  61. color: #000 !important;
  62. }
  63. #wm-ipp a:hover{
  64. text-decoration:underline;
  65. }
  66. #wm-ipp a.wm-btn:hover {
  67. text-decoration:none;
  68. color:#ff0 !important;
  69. }
  70. #wm-ipp a.wm-btn:hover span {
  71. color:#ff0 !important;
  72. }
  73. #wm-ipp #wm-ipp-inside {
  74. margin: 0 6px;
  75. border:5px solid #000;
  76. border-top:none;
  77. background-color:rgba(255,255,255,0.9);
  78. -moz-box-shadow:1px 1px 4px #333;
  79. -webkit-box-shadow:1px 1px 4px #333;
  80. box-shadow:1px 1px 4px #333;
  81. border-radius:0 0 8px 8px;
  82. }
  83. /* selectors are intentionally verbose to ensure priority */
  84. #wm-ipp #wm-logo {
  85. padding:0 10px;
  86. vertical-align:middle;
  87. min-width:110px;
  88. width:15%;
  89. }
  90. #wm-ipp table tr::before, #wm-ipp table tr::after {
  91. margin: 0;
  92. height: auto;
  93. }
  94. #wm-ipp table.c {
  95. vertical-align:top;
  96. margin-left: 4px;
  97. }
  98. #wm-ipp table.c td {
  99. border:none !important;
  100. }
  101. #wm-ipp .c td.u {
  102. padding:3px 0 !important;
  103. text-align:center;
  104. }
  105. #wm-ipp .c td.n {
  106. padding:0 0 0 5px !important;
  107. vertical-align: bottom;
  108. }
  109. #wm-ipp .c td.n a {
  110. text-decoration:none;
  111. color:#33f;
  112. font-weight:bold;
  113. }
  114. #wm-ipp .c td.n td.b {
  115. padding:0 6px 0 0 !important;
  116. text-align:right !important;
  117. overflow:visible;
  118. white-space:nowrap;
  119. color:#99a;
  120. vertical-align:middle;
  121. }
  122. #wm-ipp .c td.n tr.y td.b {
  123. padding:0 6px 2px 0 !important;
  124. }
  125. #wm-ipp .c td.n td.c {
  126. background:#000;
  127. color:#ff0;
  128. font-weight:bold;
  129. padding:0 !important;
  130. text-align:center;
  131. }
  132. #wm-ipp.hi .c td.n td.c {
  133. color:#ec008c;
  134. }
  135. #wm-ipp .c td.n td.f {
  136. padding:0 0 0 6px !important;
  137. text-align:left !important;
  138. overflow:visible;
  139. white-space:nowrap;
  140. color:#99a;
  141. vertical-align:middle;
  142. }
  143. #wm-ipp .c td.n tr.m td {
  144. text-transform:uppercase;
  145. white-space:nowrap;
  146. padding:2px 0;
  147. }
  148. #wm-ipp .c td.s {
  149. padding:0 5px 0 0 !important;
  150. text-align:center;
  151. vertical-align:bottom;
  152. }
  153. #wm-ipp #wm-nav-captures {
  154. white-space: nowrap;
  155. }
  156. #wm-ipp .c td.s a.t {
  157. color:#33f;
  158. font-weight:bold;
  159. line-height: 1.8;
  160. }
  161. #wm-ipp .c td.s div.r {
  162. color: #666;
  163. font-size:9px;
  164. white-space:nowrap;
  165. }
  166. #wm-ipp .c td.k {
  167. vertical-align:bottom;
  168. padding-bottom:2px;
  169. }
  170. #wm-ipp .c td.s {
  171. padding:0 5px 2px 0 !important;
  172. }
  173. #wm-ipp td#displayMonthEl {
  174. padding: 2px 0 !important;
  175. }
  176. #wm-ipp td#displayYearEl {
  177. padding: 0 0 2px 0 !important;
  178. }
  179. div#wm-ipp-sparkline {
  180. position:relative;/* for positioning markers */
  181. white-space:nowrap;
  182. background-color:#fff;
  183. cursor:pointer;
  184. line-height:0.9;
  185. }
  186. #sparklineImgId, #wm-sparkline-canvas {
  187. position:relative;
  188. z-index:9012;
  189. max-width:none;
  190. }
  191. #wm-ipp-sparkline div.yt {
  192. position:absolute;
  193. z-index:9010 !important;
  194. background-color:#ff0 !important;
  195. }
  196. #wm-ipp-sparkline div.mt {
  197. position:absolute;
  198. z-index:9013 !important;
  199. background-color:#ec008c !important;
  200. }
  201. #wm-ipp .r {
  202. position:relative;
  203. }
  204. #wm-ipp .r a {
  205. color:#33f;
  206. border:none;
  207. position:relative;
  208. background-color:transparent;
  209. background-repeat:no-repeat !important;
  210. background-position:100% 100% !important;
  211. text-decoration: none;
  212. }
  213. #wm-ipp #wm-capinfo .c-logo {
  214. display:block;
  215. float:left;
  216. margin-right:3px;
  217. width:90px;
  218. min-height:90px;
  219. max-height: 290px;
  220. border-radius:45px;
  221. overflow:hidden;
  222. background-position:50%;
  223. background-size:auto 90px;
  224. box-shadow: 0 0 2px 2px rgba(208,208,208,128) inset;
  225. }
  226. #wm-ipp #wm-capinfo .c-logo span {
  227. display:inline-block;
  228. }
  229. #wm-ipp #wm-capinfo .c-logo img {
  230. height:90px;
  231. position:relative;
  232. left:-50%;
  233. }
  234. #wm-ipp #wm-capinfo .wm-title {
  235. font-size:130%;
  236. }
  237. #wm-ipp #wm-capinfo a.wm-selector {
  238. display:inline-block;
  239. color: #aaa;
  240. text-decoration:none !important;
  241. padding: 2px 8px;
  242. }
  243. #wm-ipp #wm-capinfo a.wm-selector.selected {
  244. background-color:#666;
  245. }
  246. #wm-ipp #wm-capinfo a.wm-selector:hover {
  247. color: #fff;
  248. }
  249. #wm-ipp #wm-expand {
  250. right: 1px;
  251. bottom: -1px;
  252. color: #ffffff;
  253. background-color: #666 !important;
  254. padding:0 5px 0 3px !important;
  255. border-radius: 3px 3px 0 0 !important;
  256. }
  257. #wm-ipp #wm-expand span {
  258. color: #ffffff;
  259. }
  260. #wm-ipp #wm-expand #wm-expand-icon {
  261. display: inline-block;
  262. transition: transform 0.5s;
  263. transform-origin: 50% 45%;
  264. }
  265. #wm-ipp #wm-expand.wm-open #wm-expand-icon {
  266. transform: rotate(180deg);
  267. }
  268. #wm-ipp #wmtb {
  269. text-align:right;
  270. }
  271. #wm-ipp #wmtb #wmtbURL {
  272. width: calc(100% - 45px);
  273. }
  274. #wm-ipp #wm-graph-anchor {
  275. border-right:1px solid #ccc;
  276. }
  277. /* time coherence */
  278. html.wb-highlight {
  279. box-shadow: inset 0 0 0 3px #a50e3a !important;
  280. }
  281. .wb-highlight {
  282. outline: 3px solid #a50e3a !important;
  283. }
  284. @media (min-width:946px) {
  285. #wm-ipp #wm-graph-anchor {
  286. display:block !important;
  287. }
  288. }
  289. @media (max-width:945px) {
  290. #wm-ipp #wm-graph-anchor {
  291. display:none !important;
  292. }
  293. #wm-ipp table.c {
  294. width: 85%;
  295. width: calc(100% - 131px);
  296. }
  297. }
  298. @media (max-width:1096px) {
  299. #wm-logo {
  300. display:none !important;
  301. }
  302. }
  303. #wm-btns>#wm-save-snapshot-open {
  304. margin-right: 7px;
  305. top: -6px;
  306. }
  307. #wm-btns>#wm-sign-in {
  308. box-sizing: content-box;
  309. display: none;
  310. margin-right: 7px;
  311. top: -8px;
  312. /*
  313. round border around sign in button
  314. */
  315. border: 2px #000 solid;
  316. border-radius: 14px;
  317. padding-right: 2px;
  318. padding-bottom: 2px;
  319. width: 11px;
  320. height: 11px;
  321. }
  322. #wm-btns>#wm-sign-in>.iconochive-person {
  323. font-size: 12.5px;
  324. }
  325. #wm-save-snapshot-open > .iconochive-web {
  326. color:#000;
  327. font-size:160%;
  328. }
  329. #wm-btns>#wm-save-snapshot-in-progress {
  330. display: none;
  331. font-size:160%;
  332. opacity: 0.5;
  333. position: relative;
  334. margin-right: 7px;
  335. top: -5px;
  336. }
  337. #wm-btns>#wm-save-snapshot-success {
  338. display: none;
  339. color: green;
  340. position: relative;
  341. top: -7px;
  342. }
  343. #wm-btns>#wm-save-snapshot-fail {
  344. display: none;
  345. color: red;
  346. position: relative;
  347. top: -7px;
  348. }