2
0

Topbar.css 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. #topbar button{
  2. width: 1.5em;
  3. height: 100%;
  4. vertical-align: text-top;
  5. background-repeat: no-repeat;
  6. background-position: center;
  7. background-color: #222;
  8. color: rgba(0,0,0,0);
  9. }
  10. #topbar button:hover {
  11. background-color: #444;
  12. }
  13. #topbar button.disabled:hover {
  14. background-color: #644;
  15. cursor: not-allowed;
  16. }
  17. #buttonBack{
  18. background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 434 364' preserveAspectRatio='xMidYMin meet'%3E%3Cg id='layer1'%3E%3Cg id='g4142'%3E%3Crect width='100' height='257.741' x='181.50136' y='-0.70613718' transform='matrix(1,0,-0.7061362,0.7080761,0,0)' style='fill:%23eee;fill-opacity:1;stroke-width:80;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect4116'/%3E%3Cuse transform='matrix(1,0,-2.660624e-8,-1,-4.5291225e-8,363.5)' id='use4120' x='0' y='0' width='434' height='364' xlink:href='%23rect4116'/%3E%3Crect width='367.69553' height='100' x='66.729935' y='132' style='fill:%23eee;fill-opacity:1;stroke-width:80;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect4122'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  19. }
  20. #buttonEditor{
  21. background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 336.945 336.945' preserveAspectRatio='xMidYMin meet'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M51.478,80.57h170.667c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5H51.478c-4.142,0-7.5,3.357-7.5,7.5 S47.336,80.57,51.478,80.57z'/%3E%3Cpath d='M51.478,112.914h189.334c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5H51.478c-4.142,0-7.5,3.357-7.5,7.5 S47.336,112.914,51.478,112.914z'/%3E%3Cpath d='M324.624,121.053c-9.939-9.938-25.9-10.268-36.242-0.994V7.5c0-4.143-3.357-7.5-7.5-7.5H12.109 c-4.142,0-7.5,3.357-7.5,7.5v321.945c0,4.143,3.358,7.5,7.5,7.5h268.772c4.143,0,7.5-3.357,7.5-7.5V194.59l36.119-36.119 c0.02-0.02,0.035-0.041,0.054-0.06c0.023-0.022,0.048-0.041,0.07-0.063C334.906,148.065,334.906,131.335,324.624,121.053z M19.609,321.945V15h253.772v120l-28.69,28.691c-1.133-0.688-2.457-1.09-3.879-1.09H51.478c-4.142,0-7.5,3.357-7.5,7.5 s3.358,7.5,7.5,7.5H230.78l-17.344,17.344H51.478c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5h146.958l-17.344,17.344H51.478 c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5h114.615l-13.797,13.797c-0.203,0.203-0.388,0.416-0.563,0.635 c-0.045,0.058-0.086,0.119-0.13,0.178c-0.129,0.172-0.252,0.347-0.364,0.527c-0.042,0.067-0.082,0.137-0.122,0.206 c-0.109,0.187-0.208,0.378-0.3,0.571c-0.019,0.041-0.043,0.077-0.062,0.118l-1.226,2.735c-1.234-0.893-2.746-1.424-4.384-1.424 H51.478c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5h91.965l-9.657,21.539c-0.173,0.387-0.305,0.783-0.409,1.184 c-1.959,4.168-1.232,9.297,2.206,12.734c2.123,2.124,4.945,3.293,7.949,3.293c1.705,0,3.346-0.389,4.84-1.104 c0.382-0.103,0.761-0.226,1.129-0.391l37.853-16.968c0.039-0.018,0.074-0.041,0.112-0.06c0.198-0.092,0.393-0.193,0.583-0.305 c0.066-0.038,0.132-0.076,0.196-0.116c0.187-0.116,0.368-0.242,0.546-0.376c0.052-0.04,0.107-0.076,0.159-0.117 c0.221-0.176,0.436-0.362,0.64-0.566l83.791-83.791v112.357H19.609z M171.287,285.685l-19.569,8.772 c-0.082-0.087-0.154-0.179-0.238-0.264c-0.084-0.084-0.175-0.156-0.261-0.237l8.773-19.567L171.287,285.685z M184.287,277.471 l-16.081-16.081L292.51,137.086l16.081,16.081L184.287,277.471z M317.297,140.659l-12.278-12.278 c3.223-0.271,6.538,0.818,8.999,3.279C316.479,134.12,317.567,137.437,317.297,140.659z'/%3E%3Cpath d='M51.478,145.258h160c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-160c-4.142,0-7.5,3.357-7.5,7.5 S47.336,145.258,51.478,145.258z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  22. }
  23. #buttonForward{
  24. background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 434 364' preserveAspectRatio='xMidYMin meet'%3E%3Cg xmlns='http://www.w3.org/2000/svg' id='layer1'%3E%3Cg transform='matrix(-1,0,0,1,434.42519,0)' id='g4142'%3E%3Crect width='100' height='257.741' x='181.50136' y='-0.70613718' transform='matrix(1,0,-0.7061362,0.7080761,0,0)' style='fill:%23eee;fill-opacity:1;stroke-width:80;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect4116'/%3E%3Cuse transform='matrix(1,0,-2.660624e-8,-1,-4.5291225e-8,363.5)' id='use4120' x='0' y='0' width='434' height='364' xlink:href='%23rect4116' xmlns:xlink='http://www.w3.org/1999/xlink'/%3E%3Crect width='367.69553' height='100' x='66.729935' y='132' style='fill:%23eee;fill-opacity:1;stroke-width:80;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect4122'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  25. }
  26. #buttonRestart{
  27. background-image: url("data:image/svg+xml,%3Csvg fill='%23eee' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 528.919 528.918' xml:space='preserve' preserveAspectRatio='xMidYMin meet'%3E%3Cg%3E%3Cg%3E%3Cpath d='M70.846,324.059c3.21,3.926,8.409,3.926,11.619,0l69.162-84.621c3.21-3.926,1.698-7.108-3.372-7.108h-36.723 c-5.07,0-8.516-4.061-7.427-9.012c18.883-85.995,95.625-150.564,187.207-150.564c105.708,0,191.706,85.999,191.706,191.706 c0,105.709-85.998,191.707-191.706,191.707c-12.674,0-22.95,10.275-22.95,22.949s10.276,22.949,22.95,22.949 c131.018,0,237.606-106.588,237.606-237.605c0-131.017-106.589-237.605-237.606-237.605 c-116.961,0-214.395,84.967-233.961,196.409c-0.878,4.994-5.52,9.067-10.59,9.067H5.057c-5.071,0-6.579,3.182-3.373,7.108 L70.846,324.059z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  28. }
  29. #buttonSave{
  30. background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' role='img' xmlns='http://www.w3.org/2000/svg' stroke='%23eee' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter' fill='none' color='%23000000' preserveAspectRatio='xMidYMin meet'%3E%3Ctitle id='saveIconTitle'%3ESave%3C/title%3E%3Cpath d='M17.2928932,3.29289322 L21,7 L21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 L16.5857864,3 C16.8510029,3 17.1053568,3.10535684 17.2928932,3.29289322 Z'/%3E%3Crect width='10' height='8' x='7' y='13'/%3E%3Crect width='8' height='5' x='8' y='3'/%3E%3C/svg%3E");
  31. }
  32. #buttonSettings{
  33. background-image: url("data:image/svg+xml,%3Csvg fill='%23eee' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 590.58 590.58' xml:space='preserve' preserveAspectRatio='xMidYMin meet'%3E%3Cg%3E%3Cg%3E%3Cpath d='M532.489,250.345c-2.24-11.928-5.334-23.571-9.238-34.762l42.273-24.422l7.947-4.59l-4.587-7.947l-35.766-61.959 l-4.59-7.956l-7.953,4.593L478.36,137.7c-7.932-9.183-16.459-17.711-25.471-25.469L477.305,70l4.6-7.953l-7.956-4.593 l-61.959-35.759l-7.95-4.59l-4.59,7.95L375.027,67.36c-11.27-3.938-22.919-7.035-34.795-9.248V9.18V0h-9.181h-71.527h-9.18v9.18 v48.938c-11.769,2.206-23.394,5.303-34.719,9.25l-24.428-42.314l-4.59-7.95l-7.95,4.59l-61.956,35.766l-7.947,4.587l4.584,7.95 l24.364,42.247c-9.104,7.855-17.62,16.38-25.435,25.453l-42.271-24.394l-7.947-4.587l-4.59,7.947l-35.766,61.925l-4.59,7.95 l7.95,4.59l42.341,24.459c-3.935,11.267-7.032,22.904-9.247,34.761H9.18H0v9.18v71.528v9.18h9.18h48.969 c2.215,11.854,5.309,23.495,9.247,34.756l-42.335,24.422l-7.953,4.59l4.59,7.953l35.765,61.962l4.59,7.949l7.95-4.587 l42.271-24.395c7.815,9.076,16.331,17.599,25.432,25.453l-24.364,42.247l-4.583,7.949l7.947,4.587l61.958,35.766l7.95,4.59 l4.59-7.949l24.425-42.305c11.178,3.901,22.806,6.992,34.725,9.234V581.4v9.18h9.18h71.527h9.18v-9.18v-48.945 c11.946-2.236,23.596-5.333,34.792-9.238l24.426,42.305l4.59,7.95l7.949-4.59l61.959-35.766l7.956-4.59l-4.599-7.953 l-24.416-42.23c9.024-7.772,17.556-16.311,25.478-25.499l42.21,24.391l7.949,4.593l4.594-7.949l35.765-61.922l4.591-7.95 l-7.947-4.59l-42.274-24.422c3.905-11.19,6.999-22.831,9.238-34.762H581.4h9.18v-9.181v-71.527v-9.18h-9.18H532.489z M392.387,295.29c0,53.538-43.556,97.094-97.097,97.094c-53.538,0-97.094-43.556-97.094-97.094 c0-53.538,43.556-97.094,97.094-97.094C348.828,198.196,392.387,241.752,392.387,295.29z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  34. }